:root{--bg:#07111f;--bg-2:#0f172a;--card:rgba(15,23,42,.82);--card-strong:#111c31;--border:rgba(148,163,184,.16);--muted:#9aa4b2;--text:#e6eef8;--text-muted:#a1b0c1;--accent:#38bdf8;--accent-2:#6366f1;--success:#22c55e;--danger:#f87171;--warning:#f59e0b;--sidebar-w:240px}*{box-sizing:border-box}#root,body,html{height:100%}body{margin:0;font-size:15px;line-height:1.6;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color:var(--text);background:radial-gradient(circle at top left,rgba(56,189,248,.12),transparent 32%),linear-gradient(135deg,var(--bg) 0,var(--bg-2) 100%)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font-size:1rem;font-family:inherit}h1,h2,h3,h4,h5,h6{line-height:1.2;margin:0 0 .6rem;color:var(--text)}p{margin:0 0 .9rem;color:var(--text-muted)}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-w);background:var(--bg-2);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:0;z-index:100;overflow-y:auto}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:20px 20px 16px;font-weight:700;font-size:1.1rem;color:var(--text);border-bottom:1px solid var(--border)}.brand-mark{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-weight:700;font-size:.85rem;flex-shrink:0}.sidebar-nav{flex:1 1;padding:12px 10px;display:flex;flex-direction:column;gap:2px}.sidebar-section{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:14px 10px 4px}.sidebar-link{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;color:var(--text-muted);font-size:.9rem;font-weight:500;transition:background .12s,color .12s}.sidebar-link:hover{background:hsla(0,0%,100%,.06);color:var(--text);text-decoration:none}.sidebar-link.active{background:rgba(56,189,248,.12);color:var(--accent)}.sidebar-link svg{width:18px;height:18px;flex-shrink:0;opacity:.7}.sidebar-link.active svg{opacity:1}.sidebar-footer{padding:14px 16px;border-top:1px solid var(--border)}.sidebar-user{display:flex;align-items:center;gap:10px}.sidebar-avatar{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--accent-2),var(--accent));display:grid;place-items:center;color:#fff;font-weight:700;font-size:.8rem;flex-shrink:0}.sidebar-user-info{flex:1 1;min-width:0}.sidebar-user-name{font-size:.85rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:.72rem;color:var(--muted)}.main-content{margin-left:var(--sidebar-w);flex:1 1;min-height:100vh}.page-header{padding:20px 32px;border-bottom:1px solid var(--border);background:rgba(15,23,42,.5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.page-header h1{font-size:1.4rem;margin:0}.page-header p{margin:2px 0 0;font-size:.9rem}.page-body{padding:24px 32px 48px}.card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:24px;box-shadow:0 12px 36px rgba(2,8,23,.3);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hover-card{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.hover-card:hover{transform:translateY(-2px);border-color:rgba(56,189,248,.3);box-shadow:0 12px 28px rgba(2,8,23,.25)}.dash-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:16px;gap:16px}.dash-card{display:flex;align-items:flex-start;gap:14px;padding:20px;border-radius:16px;background:var(--card);border:1px solid var(--border);transition:transform .16s,border-color .16s;text-decoration:none;color:inherit}.dash-card:hover{transform:translateY(-2px);border-color:rgba(56,189,248,.3);text-decoration:none}.dash-card-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:1.3rem;flex-shrink:0}.dash-card-icon.blue{background:rgba(56,189,248,.12);color:var(--accent)}.dash-card-icon.indigo{background:rgba(99,102,241,.14);color:var(--accent-2)}.dash-card-icon.green{background:rgba(34,197,94,.12);color:var(--success)}.dash-card-icon.red{background:hsla(0,91%,71%,.12);color:var(--danger)}.dash-card-icon.yellow{background:rgba(245,158,11,.12);color:var(--warning)}.dash-card-body h3{margin:0 0 2px;font-size:1rem;color:var(--text)}.dash-card-body p{margin:0;font-size:.82rem;color:var(--text-muted)}.stats-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:14px;gap:14px;margin-bottom:24px}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px 18px}.stat-card .stat-label{font-size:.78rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.stat-card .stat-value{font-size:1.6rem;font-weight:700;color:var(--text);margin:4px 0 0}.grid{display:grid;grid-gap:16px;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:860px){.grid-2,.grid-3{grid-template-columns:1fr}.sidebar{display:none}.main-content{margin-left:0}.page-body,.page-header{padding:16px}}@media (max-width:640px){.dash-cards{grid-template-columns:1fr}.stats-row{grid-template-columns:1fr 1fr}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:10px;padding:9px 16px;cursor:pointer;font-weight:600;font-size:.88rem;transition:transform .12s ease,box-shadow .12s ease,opacity .12s;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-sm{padding:6px 12px;font-size:.8rem;border-radius:8px}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 8px 20px rgba(56,189,248,.2)}.btn-secondary{background:hsla(0,0%,100%,.07);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:hsla(0,0%,100%,.11)}.btn-danger{background:hsla(0,91%,71%,.14);color:#fecaca;border:1px solid hsla(0,91%,71%,.2)}.btn-danger:hover{background:hsla(0,91%,71%,.22)}.btn-success{background:rgba(34,197,94,.14);color:#d8fce7;border:1px solid rgba(34,197,94,.2)}.btn-icon{padding:7px 9px;border-radius:8px}.form-grid{display:grid;grid-gap:12px;gap:12px}.form-row{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.label{display:block;font-size:.85rem;color:var(--text-muted);margin-bottom:5px;font-weight:500}.input,.select,.textarea{width:100%;border:1px solid var(--border);border-radius:10px;padding:10px 12px;background:rgba(15,23,42,.78);color:var(--text);transition:border-color .16s,box-shadow .16s}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(56,189,248,.12)}.input::placeholder{color:var(--muted)}.input-group{position:relative}.input-group .input{padding-left:36px}.input-group-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.checkbox-row{display:flex;align-items:center;gap:8px;font-size:.88rem;color:var(--text-muted)}.checkbox-row input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}.search-bar{position:relative;max-width:360px}.search-bar .input{padding-left:36px}.search-bar-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.table-wrap{overflow-x:auto;border-radius:12px;border:1px solid var(--border)}.table{width:100%;border-collapse:collapse;font-size:.88rem}.table th{padding:11px 14px;text-align:left;font-size:.78rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;background:hsla(0,0%,100%,.03);border-bottom:1px solid var(--border);white-space:nowrap}.table td{padding:11px 14px;border-bottom:1px solid hsla(0,0%,100%,.04);color:var(--text)}.table tr:last-child td{border-bottom:0}.table tr:hover td{background:hsla(0,0%,100%,.02)}.tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;background:rgba(99,102,241,.14);color:#dbe3ff;font-size:.78rem;font-weight:600;white-space:nowrap}.tag.success{background:rgba(34,197,94,.14);color:#d8fce7}.tag.error{background:hsla(0,91%,71%,.14);color:#ffe2e2}.tag.warning{background:rgba(245,158,11,.14);color:#fef3c7}.tag.info{background:rgba(56,189,248,.14);color:#d8f3ff}.modal-backdrop{position:fixed;inset:0;background:rgba(2,8,23,.72);display:grid;place-items:center;padding:20px;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-card{width:min(540px,100%);background:var(--card-strong);border:1px solid var(--border);border-radius:18px;box-shadow:0 24px 60px rgba(2,8,23,.45);max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid var(--border)}.modal-header h3{margin:0;font-size:1.05rem}.modal-body{padding:20px 22px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 22px;border-top:1px solid var(--border)}.notice{padding:12px 14px;border-radius:10px;background:rgba(56,189,248,.08);border:1px solid rgba(56,189,248,.16);color:#d8f3ff;font-size:.88rem}.notice.success{background:rgba(34,197,94,.08);border-color:rgba(34,197,94,.16);color:#d8fce7}.notice.error{background:hsla(0,91%,71%,.08);border-color:hsla(0,91%,71%,.16);color:#ffe2e2}.notice.warning{background:rgba(245,158,11,.08);border-color:rgba(245,158,11,.16);color:#fef3c7}.toast-container{position:fixed;top:20px;right:20px;z-index:2000;display:flex;flex-direction:column;gap:8px}.toast{padding:12px 16px;border-radius:10px;font-size:.88rem;font-weight:500;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 24px rgba(0,0,0,.3);animation:slideIn .2s ease-out;max-width:380px}.toast.success{background:rgba(34,197,94,.9);color:#fff}.toast.error{background:hsla(0,91%,71%,.9);color:#fff}.toast.info{background:rgba(56,189,248,.9);color:#fff}@keyframes slideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.spinner{display:inline-block;width:20px;height:20px;border:2px solid hsla(0,0%,100%,.2);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.spinner.dark{border-color:hsla(0,0%,100%,.1);border-top-color:var(--accent)}@keyframes spin{to{transform:rotate(1turn)}}.loading-page{gap:10px;padding:80px 24px;color:var(--text-muted)}.auth-page,.loading-page{display:flex;align-items:center;justify-content:center}.auth-page{min-height:100vh;padding:24px}.auth-card{width:min(420px,100%);padding:36px 32px;background:var(--card-strong);border:1px solid var(--border);border-radius:20px;box-shadow:0 24px 64px rgba(2,8,23,.5)}.auth-card .brand-mark{width:48px;height:48px;font-size:1.1rem;margin-bottom:16px}.auth-card h2{font-size:1.4rem;margin:0 0 4px}.auth-card .auth-subtitle{margin:0 0 24px;font-size:.92rem}.auth-footer{text-align:center;margin-top:20px;font-size:.88rem}.list{list-style:none;padding:0;margin:0;display:grid;grid-gap:8px;gap:8px}.list li{padding:12px 14px;border-radius:10px;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.05);font-size:.9rem}.empty-state,.muted{color:var(--text-muted)}.empty-state{text-align:center;padding:48px 24px}.empty-state-icon{font-size:2.4rem;margin-bottom:12px}.empty-state h3{color:var(--text);margin-bottom:6px}.divider{border:none;border-top:1px solid var(--border);margin:16px 0}@media (max-width:860px){.sidebar{position:fixed;transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.mobile-topbar{display:flex!important;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-2);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:99}}@media (min-width:861px){.mobile-menu-btn,.mobile-topbar{display:none!important}}.mobile-topbar{display:none}.mobile-menu-btn{background:none;border:none;color:var(--text);cursor:pointer;padding:4px}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:99}.sidebar-overlay.open{display:block}.tabs{display:flex;gap:4px;background:var(--bg-2);border-radius:10px;padding:4px;border:1px solid var(--border)}.tab{flex:1 1;padding:10px 20px;border-radius:8px;border:none;background:transparent;color:var(--muted);font-weight:500;cursor:pointer;transition:all .15s ease;font-size:.9rem}.tab:hover{color:var(--text);background:hsla(0,0%,100%,.04)}.tab.active{color:var(--text);background:var(--accent);font-weight:600}.back-link{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:hsla(0,0%,100%,.06);color:var(--text-muted);font-size:1.1rem;text-decoration:none;transition:background .12s,color .12s;flex-shrink:0;margin-top:2px}.back-link:hover{background:hsla(0,0%,100%,.12);color:var(--text);text-decoration:none}.tpl-details-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}@media (max-width:860px){.tpl-details-grid{grid-template-columns:1fr}}.tpl-info-list{margin:0;padding:0;display:grid;grid-gap:0;gap:0}.tpl-info-row{display:flex;justify-content:space-between;align-items:baseline;padding:8px 0;border-bottom:1px solid hsla(0,0%,100%,.04);gap:12px}.tpl-info-row:last-child{border-bottom:0}.tpl-info-row dt{font-size:.82rem;color:var(--text-muted);font-weight:500;flex-shrink:0}.tpl-info-row dd{margin:0;font-size:.88rem;color:var(--text);text-align:right;word-break:break-word}.tpl-placeholder-list li{font-size:.88rem}