:root{--bg-dark:#020617;--bg-card:#0f172a;--bg-input:#1e293b;--accent-blue:#38bdf8;--deep-blue:#1e293b;--text-main:#f8fafc;--text-muted:#94a3b8;--success:#10b981;--danger:#f43f5e;--warning:#f59e0b}*{box-sizing:border-box;margin:0;padding:0}.app-layout{background-color:var(--bg-dark);min-height:100vh;color:var(--text-main);flex-direction:column;font-family:Inter,sans-serif;display:flex}.main-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background-color:#020617d9;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;height:70px;padding:0 6%;display:flex;position:sticky;top:0}.logo{color:#fff;align-items:center;gap:8px;font-size:1.25rem;font-weight:800;text-decoration:none;display:flex}.logo-icon{color:var(--accent-blue);display:flex}.nav-links{align-items:center;gap:25px;display:flex}.nav-links a{color:var(--text-muted);align-items:center;gap:6px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.nav-links a.active{color:var(--accent-blue)}.btn-login{background:var(--bg-card);border:1px solid var(--deep-blue);border-radius:10px;padding:8px 18px}.history-main{flex:1;padding:40px 6%}.history-container{max-width:800px;margin:0 auto}.history-top-bar{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.title-section{align-items:center;gap:15px;display:flex}.accent-line{background:var(--accent-blue);border-radius:10px;width:4px;height:30px}.title-section h1{font-size:1.5rem;font-weight:900}.btn-clear{color:var(--danger);cursor:pointer;background:#f43f5e1a;border:1px solid #f43f5e33;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:.8rem;font-weight:700;transition:all .3s;display:flex}.btn-clear:hover{background:var(--danger);color:#fff}.history-list{flex-direction:column;gap:15px;display:flex}.history-card{background:var(--bg-card);border:1px solid #ffffff0d;border-radius:20px;justify-content:space-between;gap:20px;padding:25px;transition:all .3s;display:flex}.history-card:hover{border-color:var(--accent-blue);transform:translateY(-3px)}.card-main{flex-direction:column;flex:1;gap:20px;display:flex}.info-header{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.service-name{color:#fff;font-size:1.1rem;font-weight:800}.status-pill{text-transform:uppercase;border-radius:50px;padding:4px 12px;font-size:.65rem;font-weight:900}.status-pill.success{color:var(--success);background:#10b9811a}.status-pill.pending{color:var(--warning);background:#f59e0b1a}.status-pill.failed{color:var(--danger);background:#f43f5e1a}.info-body{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.data-row label{color:var(--text-muted);text-transform:uppercase;margin-bottom:4px;font-size:.7rem;display:block}.data-row span{color:#fff;font-size:.9rem;font-weight:600}.data-row .price{color:var(--accent-blue);font-weight:800}.sn-wrapper{margin-top:5px}.sn-wrapper label{color:var(--accent-blue);margin-bottom:8px;font-size:.7rem;font-weight:800;display:block}.sn-box{border:1px solid var(--deep-blue);cursor:pointer;background:#020617;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 18px;transition:all .2s;display:flex}.sn-box:hover{border-color:var(--accent-blue)}.sn-text{color:var(--accent-blue);font-family:monospace;font-size:.95rem;font-weight:700}.card-actions{flex-direction:column;justify-content:space-between;display:flex}.btn-delete-single{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;transition:all .2s}.btn-delete-single:hover{color:var(--danger);background:#f43f5e1a}.empty-state{text-align:center;background:var(--bg-card);border:2px dashed var(--deep-blue);border-radius:30px;padding:80px 20px}.empty-icon{color:var(--deep-blue);margin-bottom:20px}.empty-state h2{margin-bottom:10px;font-size:1.25rem}.empty-state p{color:var(--text-muted);margin-bottom:30px;max-width:400px;margin-inline:auto;font-size:.9rem}.btn-shop{background:var(--accent-blue);color:#000;border-radius:14px;align-items:center;gap:10px;padding:14px 30px;font-size:.9rem;font-weight:800;text-decoration:none;display:inline-flex}.skeleton-history{background:var(--bg-card);border-radius:20px;height:120px;animation:1.5s infinite pulse}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.main-footer{border-top:1px solid var(--deep-blue);background:#010409;margin-top:auto;padding:70px 6% 30px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;max-width:1400px;margin:0 auto;display:grid}.footer-brand,.footer-links{text-align:left}.footer-logo{margin-bottom:20px;font-size:1.5rem}.footer-brand p{color:var(--text-muted);margin-bottom:20px;font-size:.85rem;line-height:1.6}.cs-info{color:var(--accent-blue);align-items:center;gap:10px;font-size:.85rem;font-weight:600;display:flex}.footer-links h4{color:#fff;margin-bottom:20px;font-size:.95rem;font-weight:700}.footer-links ul{list-style:none}.footer-links li{margin-bottom:10px}.footer-links a{color:var(--text-muted);font-size:.85rem;text-decoration:none;transition:all .2s}.footer-links a:hover{color:var(--accent-blue)}.footer-bottom{text-align:left;border-top:1px solid #ffffff0d;max-width:1400px;margin:50px auto 0;padding-top:25px}.footer-bottom p{color:var(--text-muted);font-size:.75rem}@media (max-width:1024px){.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.history-main{padding:30px 4%}.info-body{grid-template-columns:1fr;gap:10px}.footer-grid{grid-template-columns:1fr;gap:30px}.nav-links{display:none}.history-card{flex-direction:column}.card-actions{flex-direction:row}}