@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-dark: #0f172a;--bg-card: rgba(30, 41, 59, .7);--text-main: #f8fafc;--text-muted: #94a3b8;--accent-primary: #10b981;--accent-secondary: #3b82f6;--accent-danger: #ef4444;--accent-warning: #f59e0b;--border-color: rgba(255, 255, 255, .1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-dark);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased}.glass-panel{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:16px;padding:24px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:transform .2s ease,box-shadow .2s ease}.glass-panel:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0003,0 4px 6px -2px #0000001a}.app-container{display:flex;min-height:100vh}.sidebar{width:260px;height:100vh;position:sticky;top:0;background:#0f172af2;border-right:1px solid var(--border-color);padding:24px;display:flex;flex-direction:column;gap:16px}.main-content{flex:1;padding:32px;max-width:1400px;margin:0 auto}h1{font-size:2rem;font-weight:700;margin-bottom:24px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}h2{font-size:1.25rem;font-weight:600;margin-bottom:16px;color:var(--text-main)}.d-flex{display:flex}.flex-column{flex-direction:column}.align-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-4{gap:16px}.gap-6{gap:24px}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media screen and (min-width:1025px){.lg-grid-cols-3{grid-template-columns:repeat(3,1fr)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}button.btn-primary{background:linear-gradient(135deg,var(--accent-primary),#059669);color:#fff;border:none;border-radius:8px;padding:10px 20px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease}button.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}button.btn-danger{background:linear-gradient(135deg,var(--accent-danger),#dc2626);color:#fff;border:none;border-radius:8px;padding:10px 20px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease}button.btn-danger:hover{filter:brightness(1.1)}input,select,textarea{background:#0003;border:1px solid var(--border-color);color:var(--text-main);padding:10px 16px;border-radius:8px;font-family:inherit;outline:none;transition:border-color .2s;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--accent-secondary)}label{display:block;font-size:.875rem;font-weight:500;color:var(--text-muted);margin-bottom:6px}@keyframes shine{0%{left:-100%}50%{left:100%}to{left:100%}}.shine-effect{position:relative;overflow:hidden}.shine-effect:after{content:"";position:absolute;top:0;width:50%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.2),transparent);animation:shine 3s infinite linear}@keyframes pulse-glow{0%{box-shadow:0 0 5px #ffffff80}50%{box-shadow:0 0 15px #fffc}to{box-shadow:0 0 5px #ffffff80}}.pulse-marker{animation:pulse-glow 2s infinite ease-in-out}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{animation:spin 1s linear infinite}@media(max-width:768px){.app-container{width:100%;overflow-x:hidden}.main-layout{display:block!important}.sidebar{position:fixed!important;left:-260px!important;top:0;width:260px;height:100vh;z-index:1000;transition:left .3s ease}.sidebar.active{left:0!important}.content,.main-content{width:100%;padding:12px}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr!important}.card,.glass-panel{width:100%}.mobile-only{display:flex!important}.desktop-only,.sidebar{display:none!important}}.mobile-header{display:none}@media(max-width:768px){.mobile-header{display:flex!important;justify-content:space-between;align-items:center;padding:10px 20px;background:#0f172a;border-bottom:1px solid var(--border-color);width:100%}.mobile-overlay{position:fixed;inset:0;background:#0009;z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}