.App{@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap");--bg:#0f1724;--panel:#0b1220;--muted:#94a3b8;--accent:#6ee7b7;--accent-2:#60a5fa;--glass:#ffffff08;background:linear-gradient(180deg,#071029,#07121b);color:#e6eef8;display:flex;min-height:100vh}*{box-sizing:border-box}#root,body,html{background:linear-gradient(180deg,#071029,#07121b);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;height:100%;margin:0}.sidebar{background:linear-gradient(180deg,#0c121ee6,#080c14e6);border-right:1px solid #ffffff08;display:flex;flex-direction:column;gap:18px;padding:28px 18px;width:260px}.brand{gap:12px}.brand,.logo{align-items:center;display:flex}.logo{background:linear-gradient(135deg,var(--accent),var(--accent-2));border-radius:10px;color:#02101a;font-weight:700;height:48px;justify-content:center;width:48px}.brand-text h1{font-size:18px;letter-spacing:.3px;margin:0}.brand-text .subtitle{color:var(--muted);font-size:12px}.nav{display:flex;flex-direction:column;gap:6px;list-style:none;margin:8px 0 0;padding:0}.nav li a{border-radius:8px;color:var(--muted);display:block;font-weight:600;padding:12px 14px;text-decoration:none}.nav li a.active,.nav li a:hover{background:var(--glass);box-shadow:0 4px 10px #02081799;color:var(--accent-2)}.sidebar-footer{color:var(--muted);font-size:12px;margin-top:auto}.main{display:flex;flex:1 1;flex-direction:column;min-height:100vh}.topbar{align-items:center;background:#0000;border-bottom:1px solid #ffffff08;display:flex;height:72px;justify-content:space-between;padding:12px 24px}.search{flex:1 1;max-width:720px}.search input{background:#ffffff05;border:1px solid #ffffff0a;border-radius:10px;color:inherit;max-width:720px;padding:10px 14px;width:100%}.topbar-actions{align-items:center;display:flex;gap:12px}.btn{background:#0000;border:1px solid #ffffff08;border-radius:8px;color:var(--muted);cursor:pointer;padding:8px 12px}.btn.primary{background:linear-gradient(90deg,var(--accent-2),var(--accent));border:none;color:#02101a;font-weight:700}.btn.subtle{background:#0000}.profile{align-items:center;background:#ffffff0a;border-radius:10px;display:flex;font-weight:700;height:40px;justify-content:center;width:40px}.content{display:block;padding:24px}.page-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:18px}.page-title{font-size:20px;margin:0}.stats{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.card{background:linear-gradient(180deg,#ffffff05,#ffffff03);border:1px solid #ffffff05;border-radius:12px;box-shadow:0 6px 20px #02081799;padding:16px}.card .label{color:var(--muted);font-size:12px}.card .value{font-size:20px;font-weight:700;margin-top:6px}.table{background:#0000;border-collapse:collapse;width:100%}.table thead th{color:var(--muted);font-size:12px;padding:10px 12px;text-align:left}.table tbody tr{border-bottom:1px solid #ffffff08}.table tbody td{padding:12px}.table .action-btn{background:none;border:none;color:var(--muted);cursor:pointer;font-size:16px}.table .action-btn:hover{color:var(--accent-2)}.drawer-backdrop{background:#00000080;left:0;width:100%}.drawer,.drawer-backdrop{height:100%;position:fixed;top:0}.drawer{animation:slideIn .3s ease-out;background:#0d1627;border-left:1px solid #ffffff0d;box-shadow:-10px 0 30px #0000004d;display:flex;flex-direction:column;max-width:100%;right:0;width:420px;z-index:110}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.drawer-header{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:16px 24px}.drawer-header h2{font-size:18px;margin:0}.drawer-header .close-btn{background:none;border:none;color:var(--muted);cursor:pointer;font-size:24px}.drawer-content{display:flex;flex:1 1;flex-direction:column;gap:18px;padding:24px}.drawer-footer{border-top:1px solid #ffffff0d;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{color:var(--muted);font-size:12px}.form-group input{background:#ffffff05;border:1px solid #ffffff0a;border-radius:8px;color:inherit;font-size:14px;padding:10px 14px}.form-group input:disabled{background:#0000001a;color:var(--muted);cursor:not-allowed}@media (max-width:900px){.sidebar{display:none}.stats{grid-template-columns:repeat(1,1fr)}.topbar{padding:12px}}.drawer-backdrop{z-index:100}.login-page{background-color:#0f1724;height:100vh;justify-content:center}.login-box,.login-page{align-items:center;display:flex}.login-box{background:linear-gradient(180deg,#ffffff05,#ffffff03);border:1px solid #ffffff05;border-radius:12px;box-shadow:0 6px 20px #02081799;color:#e6eef8;flex-direction:column;gap:20px;padding:40px;text-align:center}.login-box .brand{gap:12px}.login-box .brand,.login-box .logo{align-items:center;display:flex;justify-content:center}.login-box .logo{background:linear-gradient(135deg,var(--accent),var(--accent-2));border-radius:12px;color:#02101a;font-size:20px;font-weight:700;height:64px;width:64px}.login-box .brand-text h1{font-size:22px;letter-spacing:.3px;margin:0}.login-box .brand-text .subtitle,.login-box .subtitle{color:var(--muted);font-size:14px}.ls-login-root{background:linear-gradient(180deg,#071029,#07121b);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;justify-content:center;min-height:100vh}.ls-login-card,.ls-login-root{align-items:center;display:flex}.ls-login-card{background:#0c121ed9;border:1px solid #ffffff08;border-radius:12px;box-shadow:0 8px 30px #02081799;color:#e6eef8;flex-direction:column;gap:18px;padding:32px;width:360px}.ls-logo{align-items:center;background:linear-gradient(135deg,#6ee7b7,#60a5fa);border-radius:10px;color:#02101a;display:flex;font-size:20px;font-weight:800;height:64px;justify-content:center;width:64px}.ls-title{font-size:20px;font-weight:700}.ls-subtitle,.ls-title{margin:0;text-align:center}.ls-subtitle{color:#94a3b8;font-size:13px}.ls-google{display:flex;justify-content:center;margin-top:8px;width:100%}.ls-google>div{display:inline-block}@media (max-width:420px){.ls-login-card{padding:20px;width:calc(100% - 32px)}}
/*# sourceMappingURL=main.ef15a31f.css.map*/