:root{--bg:#061524;--panel:#10243b;--panel2:#0c1c30;--line:rgba(255,255,255,.10);--text:#f6f9fc;--muted:#9fb0c6;--green:#38d996;--blue:#59a8ff;--cyan:#7dd3fc;--danger:#ff6b7a;--warning:#ffcc66;--hex:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='54' height='31.18' viewBox='0 0 54 31.18'%3E%3Cg fill='none' stroke='%239db8cc' stroke-opacity='.075' stroke-width='1'%3E%3Cpath d='M36 15.59 27 31.18H9L0 15.59 9 0h18Z'/%3E%3Cpath d='M27 0l9 15.59h18L63 0M27 31.18l9-15.59h18l9 15.59'/%3E%3C/g%3E%3C/svg%3E")}
*{box-sizing:border-box}body{margin:0;background-color:var(--bg);background-image:var(--hex),radial-gradient(circle at 90% 4%,rgba(56,217,150,.09),transparent 28%);background-size:54px 31.18px,auto;color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh}a{color:inherit}.topbar{min-height:64px;background:rgba(5,19,33,.94);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 20px;position:sticky;top:0;z-index:20}.brand{font-weight:950}.brand small{color:var(--muted);font-size:10px}.top-actions{margin-left:auto;display:flex;gap:8px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.04);color:var(--text);text-decoration:none;font-weight:850;font-size:11px;cursor:pointer}.btn.primary{background:var(--green);color:#06150f;border:0}.btn.danger{color:#ff9dab;border-color:rgba(255,107,122,.35)}.layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;width:min(1450px,calc(100% - 28px));margin:18px auto}.sidebar{align-self:start;position:sticky;top:82px;border:1px solid var(--line);border-radius:18px;background:rgba(16,36,59,.93);padding:10px}.nav-item{display:flex;text-decoration:none;padding:11px 12px;border-radius:10px;color:var(--muted);font-size:11px;font-weight:850;margin:2px 0}.nav-item.active,.nav-item:hover{background:rgba(56,217,150,.12);color:var(--green)}.main{min-width:0}.page-head{margin-bottom:16px}.page-head small{color:var(--green);font-weight:900}.page-head h1{margin:5px 0;font-size:32px}.card{position:relative;border:1px solid rgba(89,168,255,.30);border-radius:19px;background:rgba(16,36,59,.94);padding:18px;margin-bottom:16px;box-shadow:0 14px 34px rgba(0,0,0,.16)}.card:before,.card:after{content:"";position:absolute;left:50%;transform:translateX(-50%);width:45%;height:2px;background:linear-gradient(90deg,transparent,var(--blue),var(--cyan),var(--green),transparent)}.card:before{top:0}.card:after{bottom:0}.card h2{font-size:16px;margin:0 0 14px}.muted{color:var(--muted)}.small{font-size:10px}.flash{padding:11px 13px;border-radius:10px;margin-bottom:14px;font-size:11px}.flash.ok{background:rgba(56,217,150,.12);border:1px solid rgba(56,217,150,.3)}.flash.error{background:rgba(255,107,122,.11);border:1px solid rgba(255,107,122,.3)}details.card{padding:0}details.card summary{list-style:none;cursor:pointer;padding:17px;font-weight:900}details.card summary::-webkit-details-marker{display:none}details.card summary:after{content:"▾";float:right;color:var(--green)}details.card:not([open]) summary:after{content:"▸"}details.card .inside{padding:0 17px 17px}.grid2,.grid3{display:grid;gap:10px}.grid2{grid-template-columns:1fr 1fr}.grid3{grid-template-columns:repeat(3,1fr)}.field{display:flex;flex-direction:column;gap:5px}.field.full{grid-column:1/-1}.field label{font-size:9px;color:var(--muted);font-weight:850}.input,.select,.textarea{width:100%;padding:10px 11px;border:1px solid var(--line);border-radius:10px;background:#0b1c30;color:var(--text);outline:none}.textarea{min-height:80px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:13px}table{width:100%;border-collapse:collapse;font-size:10px}th,td{padding:10px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}th{color:var(--muted);font-size:9px;text-transform:uppercase;background:rgba(255,255,255,.025)}tr:last-child td{border-bottom:0}.badge{display:inline-flex;padding:5px 7px;border-radius:999px;background:rgba(56,217,150,.12);color:var(--green);font-size:9px;font-weight:900}.badge.off{background:rgba(255,107,122,.1);color:#ff9dab}.thumb{width:50px;height:40px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}.actions{display:flex;gap:5px;flex-wrap:wrap}.actions form{margin:0}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.kpi{border:1px solid var(--line);border-radius:14px;padding:14px;background:rgba(12,28,48,.75)}.kpi strong{font-size:24px;display:block}.kpi span{font-size:9px;color:var(--muted)}.login-shell{min-height:100vh;display:grid;place-items:center;padding:20px}.login{width:min(430px,100%);border:1px solid rgba(89,168,255,.35);border-radius:20px;padding:24px;background:rgba(16,36,59,.96)}@media(max-width:850px){.layout{grid-template-columns:1fr}.sidebar{position:static;display:flex;overflow:auto;gap:5px}.nav-item{white-space:nowrap}.kpis{grid-template-columns:1fr 1fr}.grid3{grid-template-columns:1fr 1fr}}@media(max-width:600px){.grid2,.grid3{grid-template-columns:1fr}.field.full{grid-column:auto}.kpis{grid-template-columns:1fr}.topbar{padding:0 10px}.layout{width:calc(100% - 18px)}}