:root{--bg:#06111f;--panel:#0d1f36;--panel2:#122b49;--line:#24405e;--text:#eef7ff;--muted:#9fb4c8;--green:#35e38b;--blue:#3bbef6;--yellow:#f7c948;--red:#ff6b78}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:linear-gradient(145deg,#03101d,#08274d);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{min-height:100vh}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:rgba(3,14,27,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{font-weight:1000;letter-spacing:-.02em}.brand span{color:var(--green)}.status{font-size:12px;padding:6px 10px;border-radius:999px;background:rgba(53,227,139,.12);border:1px solid rgba(53,227,139,.35);color:#bdf8d7}.layout{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:calc(100vh - 61px)}.sidebar{padding:18px 14px;border-right:1px solid var(--line);background:rgba(4,17,31,.85)}.nav{display:grid;grid-gap:7px;gap:7px}.nav a{padding:12px 13px;border-radius:12px;color:#dceafb;font-weight:800}.nav a:hover{background:var(--panel2)}.content{padding:22px;max-width:1400px;width:100%;margin:0 auto}.hero{padding:22px;border-radius:24px;background:radial-gradient(circle at 90% 0,rgba(53,227,139,.18),transparent 34%),linear-gradient(145deg,#07172c,#153b69);border:1px solid rgba(80,196,255,.25);box-shadow:0 20px 50px rgba(0,0,0,.25)}h1,h2,h3{margin-top:0}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px;margin:14px 0}.card{background:rgba(13,31,54,.92);border:1px solid var(--line);border-radius:18px;padding:16px}.metric{font-size:28px;font-weight:1000;color:var(--green);margin-top:7px}.quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px}.btn,.quick a{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:46px;border:0;border-radius:13px;padding:11px 14px;background:var(--green);color:#032519;font-weight:950;cursor:pointer}.btn.secondary,.quick a.secondary{background:#183657;color:#fff;border:1px solid var(--line)}.btn.danger{background:#7d1e2a;color:#fff}.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.form label{display:grid;grid-gap:6px;gap:6px;font-size:13px;font-weight:850;color:#d8e8f6}.form input,.form select,.form textarea{width:100%;min-height:46px;background:#051324;color:#fff;border:1px solid #315270;border-radius:13px;padding:10px 12px}.form textarea{min-height:92px;resize:vertical}.wide{grid-column:1/-1}.notice{padding:13px;border-radius:14px;border-left:5px solid var(--blue);background:rgba(59,190,246,.09);margin:12px 0;line-height:1.5}.notice.good{border-left-color:var(--green);background:rgba(53,227,139,.09)}.notice.warn{border-left-color:var(--yellow);background:rgba(247,201,72,.09)}.tablewrap{overflow:auto;border:1px solid var(--line);border-radius:16px}.table{width:100%;border-collapse:collapse;min-width:760px}.table td,.table th{padding:11px 12px;border-bottom:1px solid var(--line);text-align:left;font-size:13px}.table th{background:#091a2e;color:#cfe3f5}.photoPreview{width:100%;max-height:260px;object-fit:contain;background:#020a12;border-radius:14px;border:1px solid var(--line)}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.loginBox{width:min(460px,100%);background:rgba(8,24,43,.95);border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 22px 60px rgba(0,0,0,.35)}.bottomnav{display:none}.empty{padding:20px;text-align:center;color:var(--muted)}@media(max-width:950px){.layout{grid-template-columns:1fr}.sidebar{display:none}.content{padding:15px 14px calc(104px + env(safe-area-inset-bottom))}.grid,.quick{grid-template-columns:repeat(2,minmax(0,1fr))}.bottomnav{position:fixed;bottom:0;left:0;right:0;z-index:30;display:grid;grid-template-columns:minmax(58px,1.16fr) repeat(3,minmax(52px,1fr)) minmax(42px,.76fr) 68px;align-items:stretch;padding:5px 4px calc(5px + env(safe-area-inset-bottom));background:rgba(3,14,27,.97);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-top:1px solid var(--line)}.bottomnav a{min-width:0;padding:7px 2px 5px;text-align:center;font-size:10px;font-weight:850;line-height:1.08}.bottomnav .bottomClient{border-left:1px solid rgba(148,163,184,.18);color:#38bdf8;padding-left:4px;padding-right:4px}.bottomClientIcon{display:grid;place-items:center;width:38px;height:38px;border-radius:999px;background:linear-gradient(145deg,#0ea5e9,#2563eb);color:white;box-shadow:0 7px 20px rgba(14,165,233,.3)}.form{grid-template-columns:1fr}.wide{grid-column:auto}}@media(max-width:560px){.grid{grid-template-columns:1fr}.hero{padding:18px}.metric{font-size:24px}.quick{grid-template-columns:1fr 1fr}.topbar{padding:12px 13px}}@media(max-width:430px){.bottomnav{grid-template-columns:minmax(55px,1.15fr) repeat(3,minmax(48px,1fr)) minmax(40px,.72fr) 62px;padding-left:2px;padding-right:2px}.bottomnav a{font-size:8.5px;padding-left:1px;padding-right:1px}.bottomClientIcon{width:36px;height:36px}.content{padding-bottom:calc(100px + env(safe-area-inset-bottom))}}.topActions{display:flex;align-items:center;gap:9px}.iconButton{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;border:1px solid var(--line);background:#183657;color:#fff;cursor:pointer}.nav a{display:flex;align-items:center;gap:8px}.bottomnav a{display:grid;place-items:center;grid-gap:3px;gap:3px}.btn:disabled{opacity:.55;cursor:not-allowed}.sidebar{position:-webkit-sticky;position:sticky;top:61px;height:calc(100vh - 61px);overflow:auto}.moduleSearchBox{display:flex;align-items:center;gap:8px;min-height:42px;padding:0 10px;margin-bottom:11px;border-radius:12px;background:#061524;border:1px solid rgba(59,190,246,.26);color:#67e8f9}.moduleSearchBox input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#fff;font-size:12px;font-weight:750}.moduleSearchBox input::placeholder{color:#69839a}.navQuick{padding-bottom:10px;border-bottom:1px solid rgba(148,163,184,.16);margin-bottom:10px}.navGroups{display:grid;grid-gap:8px;gap:8px}.navGroup{display:grid;grid-gap:6px;gap:6px}.navGroupButton{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 11px;border:1px solid rgba(148,163,184,.16);border-radius:11px;background:rgba(9,26,46,.72);color:#cfe3f5;font-size:11px;font-weight:950;letter-spacing:.02em;cursor:pointer;text-align:left}.navGroupButton:hover{border-color:rgba(59,190,246,.35);background:#102b49}.navGroupMeta{display:flex;align-items:center;gap:5px;color:#7f9ab2;font-size:10px}.navGroupButton svg{transition:transform .18s}.navGroupButton.open svg{transform:rotate(180deg)}.navGroupLinks{gap:4px;padding-left:5px}.navGroupLinks a{padding:9px 10px;font-size:11px;font-weight:780;color:#bcd0e3}.navNoResults{padding:14px 8px;text-align:center;color:#7890a6;font-size:11px}