:root{--bg:#0f1417;--panel:#151b1f;--panel-2:#0a0d0f;--border:#ffffff0f;--text:#fff;--muted:#8da0b5;--accent:#e4a23f;--green:#22c55e;--red:#ef4444;--blue:#60a5fa}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.page{min-height:100vh;padding:32px}.shell{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);background:#11171a;height:100vh;padding:28px;position:sticky;top:0}.brand{font-size:32px;font-weight:900;line-height:1.05}.subtitle{color:var(--muted);font-size:14px}.nav{gap:10px;margin-top:40px;display:grid}.nav a,.logout{color:#d6dee8;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:18px;padding:14px 16px}.nav a.active{background:var(--accent);color:#000;font-weight:800}.logout{color:#ff6969;background:#ef44441f;width:100%;margin-top:24px}.content{min-width:0}.system-footer-credit{text-align:center;color:var(--muted);padding:24px 32px 18px;font-size:11px}.system-footer-credit a,.login-credit-link{color:inherit;text-decoration:none;transition:color .16s}.system-footer-credit a:hover,.login-credit-link:hover{color:var(--accent)}.topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10;background:#0f1417eb;justify-content:space-between;align-items:center;min-height:76px;padding:18px 32px;display:flex;position:sticky;top:0}.section{padding:32px}.card{border:1px solid var(--border);background:var(--panel);border-radius:28px;padding:24px}.grid{gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.field label{color:var(--muted);margin-bottom:8px;font-size:13px;display:block}.field input,.field select,.field textarea,.search{border:1px solid var(--border);background:var(--panel-2);width:100%;color:var(--text);border-radius:18px;outline:none;padding:14px 16px}.field input[type=file]{padding:11px 14px}.field textarea{resize:vertical;min-height:110px}.btn{cursor:pointer;border:0;border-radius:18px;padding:14px 18px;font-weight:800}.btn-primary{background:var(--accent);color:#000}.btn-soft{color:var(--text);background:#ffffff14}.btn-danger{color:#ff6969;background:#ef44441f}.metric-value{margin:12px 0 0;font-size:38px;font-weight:900}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:1100px}th,td{border-top:1px solid var(--border);text-align:left;vertical-align:top;padding:16px}th{color:#ccd6e2;background:#ffffff0a}.badge{border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;display:inline-flex}.badge-green{color:var(--green);background:#22c55e24}.badge-red{color:#ff6969;background:#ef444424}.badge-blue{color:var(--blue);background:#60a5fa24}.badge-yellow{color:var(--accent);background:#e4a23f24}.muted{color:var(--muted)}.mono{font-family:Courier New,monospace}.login-page{grid-template-columns:1.2fr .8fr;min-height:100vh;display:grid}.login-page.template-centered,.login-page.template-minimal{grid-template-columns:1fr}.login-page.template-centered .login-hero,.login-page.template-minimal .login-hero{text-align:center;align-items:center;min-height:44vh}.login-page.template-wide{grid-template-columns:.9fr 1.1fr}.login-page.template-poster{grid-template-columns:1fr}.login-page.template-poster .login-hero{min-height:58vh}.login-hero{background:linear-gradient(90deg,#0f1417f2,#0f1417a6),radial-gradient(circle at 20% 20%,#e4a23f38,#0000 32%),#10161a;flex-direction:column;justify-content:center;padding:8vw;display:flex}.login-panel{justify-content:center;align-items:center;padding:32px;display:flex}.login-card{width:100%;max-width:460px}.login-credit-link{text-align:center;color:var(--muted);margin-top:28px;font-size:11px;display:block}.template-picker{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.template-card{border:1px solid var(--border);background:var(--panel-2);min-height:178px;color:var(--text);text-align:left;cursor:pointer;border-radius:20px;flex-direction:column;gap:8px;padding:12px;transition:border-color .16s,transform .16s,background .16s;display:flex}.template-card:hover{border-color:#e4a23f73;transform:translateY(-2px)}.template-card.selected{border-color:var(--accent);background:#e4a23f14}.template-card span:not(.template-mockup){color:var(--muted);font-size:12px;line-height:1.35}.template-mockup{border:1px solid var(--border);background:#090d10;border-radius:14px;height:82px;display:block;position:relative;overflow:hidden}.template-mockup i{border-radius:8px;display:block;position:absolute}.mock-hero{background:linear-gradient(135deg,#e4a23f59,#2f6ebf2e)}.mock-card{background:#ffffff1f;border:1px solid #ffffff1f}.mock-line{background:#ffffff61;height:6px}.template-mockup-split .mock-hero{width:58%;inset:0 auto 0 0}.template-mockup-split .mock-card{width:28%;height:46px;top:18px;right:10px}.template-mockup-split .mock-line.one{width:32%;top:28px;left:14px}.template-mockup-split .mock-line.two{width:24%;top:42px;left:14px}.template-mockup-centered .mock-hero{height:44px;inset:0 0 auto}.template-mockup-centered .mock-card{width:42%;height:24px;bottom:8px;left:50%;transform:translate(-50%)}.template-mockup-centered .mock-line.one{width:32%;top:15px;left:34%}.template-mockup-centered .mock-line.two{width:20%;top:27px;left:40%}.template-mockup-wide .mock-hero{width:36%;inset:0 auto 0 0}.template-mockup-wide .mock-card{width:48%;height:52px;top:14px;right:12px}.template-mockup-wide .mock-line.one{width:20%;top:28px;left:12px}.template-mockup-wide .mock-line.two{width:30%;top:34px;right:26px}.template-mockup-minimal .mock-hero{width:34%;height:18px;top:12px;left:50%;transform:translate(-50%)}.template-mockup-minimal .mock-card{width:34%;height:36px;bottom:10px;left:50%;transform:translate(-50%)}.template-mockup-minimal .mock-line.one{width:22%;top:18px;left:39%}.template-mockup-minimal .mock-line.two{width:18%;bottom:24px;left:41%}.template-mockup-poster .mock-hero{height:58px;inset:0 0 auto}.template-mockup-poster .mock-card{width:34%;height:22px;bottom:10px;right:12px}.template-mockup-poster .mock-line.one{width:38%;top:23px;left:14px}.template-mockup-poster .mock-line.two{width:26%;top:37px;left:14px}.theme-amber{--accent:#e4a23f;--bg:#120f0b;--panel:#1d1710}.theme-blue{--accent:#2f6ebf;--bg:#0a111c;--panel:#101a29}.theme-emerald{--accent:#22c55e;--bg:#071511;--panel:#0d211b}.theme-light{--accent:#2f6ebf;--bg:#f4f6f8;--panel:#fff;--panel-2:#eef2f6;--text:#111827;--muted:#65758b;background:var(--bg);color:var(--text)}@media (max-width:1000px){.shell,.login-page{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.grid-4,.grid-3,.form-grid,.template-picker{grid-template-columns:1fr}}@media print{.system-footer-credit,.login-credit-link{display:none}}