@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-color:#0d1117;--card-bg:#161b22b3;--accent-color:#58a6ff;--accent-glow:#58a6ff4d;--text-main:#c9d1d9;--text-muted:#8b949e;--border-color:#f0f6fc1a;--success:#238636;--danger:#da3633;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}body{background-color:var(--bg-color);color:var(--text-main);background-image:radial-gradient(circle at 20% 20%,#58a6ff0d 0%,#0000 40%),radial-gradient(circle at 80% 80%,#58a6ff0d 0%,#0000 40%);min-height:100vh;overflow-x:hidden}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px}.btn{cursor:pointer;transition:var(--transition);border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-weight:500;display:inline-flex}.btn-primary{background:var(--accent-color);color:#fff;box-shadow:0 4px 15px var(--accent-glow)}.btn-primary:hover{box-shadow:0 6px 20px var(--accent-glow);filter:brightness(1.1);transform:translateY(-2px)}.card{background:var(--card-bg);border:1px solid var(--border-color);transition:var(--transition);border-radius:16px;padding:24px}.card:hover{border-color:var(--accent-color);box-shadow:0 0 20px #58a6ff1a}input,select,textarea{border:1px solid var(--border-color);color:var(--text-main);width:100%;transition:var(--transition);background:#161b22;border-radius:8px;outline:none;padding:12px;font-family:Inter,sans-serif;font-size:14px}select option{color:var(--text-main);background:#161b22;padding:8px}select option:checked,select option:hover{background:var(--accent-color);color:#fff}input:focus,select:focus,textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-glow)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (width<=768px){.app-container{flex-direction:column!important}.sidebar{z-index:1000;border-top:1px solid var(--border-color);left:0;right:0;background:#0d1117f2!important;border-radius:20px 20px 0 0!important;flex-direction:row!important;justify-content:space-between!important;width:100%!important;height:auto!important;margin:0!important;padding:12px 20px!important;position:fixed!important;top:auto!important;bottom:0!important}.sidebar-header,.sidebar-user{display:none!important}.sidebar .btn{flex-direction:column;gap:4px;font-size:10px;color:var(--text-muted)!important;background:0 0!important;justify-content:center!important;padding:8px!important}.sidebar .btn.btn-primary{color:var(--accent-color)!important;box-shadow:none!important;background:0 0!important}main{padding:20px 20px 80px!important}h1{font-size:24px!important}.card{padding:16px}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}.order-item-row{border:1px solid var(--border-color);background:#ffffff05;border-radius:12px;grid-template-columns:2fr 80px 100px 100px 40px;align-items:end;gap:10px;padding:12px;display:grid}@media (width<=600px){.order-item-row{grid-template-columns:1fr 1fr 1fr 40px}.order-item-row>div:first-child{grid-column:span 4;margin-bottom:8px}}.promo-item-row{background:#d299220d;border:1px solid #d299221a;border-radius:12px;grid-template-columns:2fr 80px 40px;align-items:end;gap:10px;padding:12px;display:grid}@media (width<=600px){.promo-item-row{grid-template-columns:1fr 40px}.promo-item-row>div:first-child{grid-column:span 2;margin-bottom:8px}}}.login-wrapper{background:var(--bg-color);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{box-sizing:border-box;width:100%;max-width:420px;padding:40px}@media (width<=480px){.login-wrapper{padding:15px}.login-card{padding:30px 20px}.login-card h2{font-size:22px!important}.login-card p{font-size:13px!important}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}
