:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:#081423;color:#e9f1fd;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 95% -12%,#223e63 0%,transparent 35%),radial-gradient(ellipse at -30% 50%,#11304a66,transparent 40%),#081423}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.shell{max-width:1380px;margin:auto;padding:26px 30px 60px}.header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:56px}.identity{display:flex;align-items:center;gap:12px}.brandmark{position:relative;display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(140deg,#20d7df,#7784ff);color:#08182e;font-size:27px;font-weight:900;box-shadow:0 9px 29px #37c5f524}.brandmark span{font-size:10px;position:absolute;right:6px;top:6px}.brandname{font-weight:800;letter-spacing:-.5px;font-size:17px}.brandname span{color:#65d8ee}.brandhint{color:#91a8c3;font-size:11px;margin-top:4px}.headright,.actionline,.heroactions,.tools{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.connection{font-size:12px;color:#a8bad0;display:flex;align-items:center;gap:9px}.connection i,.greenbullet{width:8px;height:8px;background:#34d399;box-shadow:0 0 0 4px #34d39918;border-radius:50%;display:inline-block}.connection.muted i{background:#fbbf24;box-shadow:0 0 0 4px #fbbf241c}.connection.off i{background:#fb7185;box-shadow:0 0 0 4px #fb71851c}.btn{border:none;border-radius:10px;padding:12px 17px;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:filter .15s,transform .15s;min-height:41px}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.48;cursor:not-allowed}.btn.primary{background:linear-gradient(95deg,#1bc5d6,#7b8cfb);color:#071326}.btn.primary:hover{filter:brightness(1.12)}.btn.outline{background:#15273e;color:#d6e5f7;border:1px solid #2a4361}.btn.outline:hover{background:#203550}.btn.small{font-size:11px;padding:8px 10px;min-height:35px}.btn.full{width:100%}.hidden{display:none!important}.visuallyhidden{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.eyebrow{color:#55c7dc;font-size:11px;font-weight:850;letter-spacing:1.8px}.hero{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:31px}.hero h1{font-size:clamp(27px,3.7vw,47px);letter-spacing:-2px;line-height:1.1;margin:9px 0 13px}.dot{color:#3bd5d4}.hero p{color:#97aac3;font-size:13px;line-height:1.7;max-width:640px;margin:0}.heroactions{padding-bottom:4px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:25px}.stat{padding:23px 23px 20px;border-radius:16px;background:linear-gradient(155deg,#142842,#122137);border:1px solid #29405f;min-height:147px}.statlabel{font-size:11px;font-weight:750;letter-spacing:.7px;color:#96aecb}.statnumber{font-size:37px;font-weight:850;line-height:1;margin:19px 0 12px;letter-spacing:-1px}.statnumber.amber{color:#fbbf24}.statnumber.rose{color:#fb7185}.statdesc{color:#9aacc4;font-size:11px}.greenbullet{width:6px;height:6px;margin-right:5px}.panel{background:#12233b;border:1px solid #2b4160;border-radius:18px;margin-bottom:23px;overflow:hidden;box-shadow:0 14px 36px #00000012}.paneltop{padding:23px 25px;display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #2b4160}.paneltop h2{margin:0;font-size:18px;letter-spacing:-.4px}.paneltop p{color:#8fa6c2;margin:8px 0 0;font-size:12px;line-height:1.5}.tablehead{flex-wrap:wrap}.tools input,.tools select,input:not([type=file]){background:#0b1a2e;color:#e9f3ff;border:1px solid #355170;border-radius:9px;padding:11px 13px;outline:none;min-height:41px}.tools input:focus,.tools select:focus,input:focus{border-color:#4fd6e8;box-shadow:0 0 0 3px #4fd6e81a}.tools input{min-width:245px}.tools select{font-size:12px;max-width:192px}.scrolltable{overflow-x:auto}table{width:100%;min-width:1030px;border-collapse:collapse}th{background:#182e49;color:#a7bcd2;text-align:left;font-size:10px;font-weight:850;letter-spacing:.55px;white-space:nowrap;padding:17px 16px}td{color:#ddeafa;font-size:12px;border-top:1px solid #293f5a;padding:18px 16px;vertical-align:middle}tr:hover td{background:#152943}td:first-child{font-weight:750}td small{display:block;margin-top:5px;color:#8aa3bf;font-size:11px;font-weight:500}.status{display:inline-flex;padding:5px 8px;margin-top:7px;border-radius:7px;font-size:10px;font-weight:800}.status.ok{color:#7be8b6;background:#174a48}.status.soon{color:#fbd081;background:#493d2d}.status.expired{color:#fda7b7;background:#4d2c3c}.tableactions{display:flex;gap:5px;flex-wrap:wrap}.tableactions button{padding:7px 9px;font-size:10px;min-height:31px}.tableactions .delete{color:#ffb1c1;border-color:#693e55}.empty{text-align:center;color:#9caec8;padding:45px 20px}.panelbottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:15px 22px;gap:10px;border-top:1px solid #293e58;color:#8fa6c2;font-size:12px}.gridform{padding:25px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.gridform label,.loginform label,.dialog label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:750;color:#c5d5e9}.gridform input,.dialog input,.loginform input{width:100%;font-size:13px;color-scheme:dark}.gridform .wide{grid-column:span 2}.formend{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.formend span{font-size:12px;color:#94abc6}.iconbutton{background:#1c314c;color:#cbdcec;border:1px solid #334968;border-radius:10px;width:35px;height:35px;cursor:pointer}.footer{font-size:12px;line-height:1.8;color:#8ca3bc}.entrycard{max-width:490px;margin:40px auto 100px;padding:35px;border-radius:20px;border:1px solid #2d4868;background:#14263d;box-shadow:0 15px 65px #01071045}.entryicon{font-size:30px;margin-bottom:13px}.entrycard h1{font-size:29px;letter-spacing:-1px;margin:9px 0}.entrycard p{color:#a8bad1;font-size:13px;line-height:1.8}.entrycard .actionline{margin:22px 0}.footnote{margin-top:22px;background:#203650;border:1px solid #36536f;padding:15px;color:#b9cce3;border-radius:10px;font-size:12px;line-height:1.8}.loginform{display:grid;gap:18px;margin-top:23px}.entrycard .entrysmall{font-size:11px;color:#95a9c4;margin-top:22px}.demo-banner{background:#493e25;border:1px solid #806c3f;border-radius:10px;color:#f5dca2;padding:13px 17px;font-size:12px;margin:0 0 22px;line-height:1.65}.linkbutton{background:none;border:0;color:#9ceafa;text-decoration:underline;font-weight:800;cursor:pointer}.dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;width:min(480px,calc(100vw - 24px));max-height:calc(100vh - 35px);overflow-y:auto;border:1px solid #37536f;border-radius:18px;background:#13263f;color:#e9f3ff;padding:25px;box-shadow:0 30px 100px #000a}.dialog::backdrop{background:#030e1cbb;backdrop-filter:blur(3px)}.dialoghead{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:20px}.dialoghead h2{font-size:22px;margin:8px 0}.dialoghead p{font-size:12px;color:#9eb2c9;margin:0}.dialog form{display:grid;gap:16px}.dialog form .dialoghead{margin-bottom:2px}.dialogactions{display:flex;justify-content:flex-end;gap:8px;margin-top:13px}.estimate{color:#84e5d4;font-size:13px;padding:12px;background:#173f48;border:1px solid #275c64;border-radius:9px}.helper{color:#a0b6cf;font-size:12px;line-height:1.7;margin:0}.historyContents{font-size:13px;color:#d1e2f5;max-height:350px;overflow:auto}.historyItem{border-bottom:1px solid #344860;padding:13px 2px}.historyItem strong{display:block;margin-bottom:4px}.historyItem span{font-size:11px;color:#93a9c1}.uploadlabel{cursor:pointer}#toast{position:fixed;right:22px;bottom:22px;z-index:100;background:#163c4b;border:1px solid #317d7a;color:#d9f8ef;padding:14px 18px;border-radius:11px;min-width:220px;max-width:min(450px,calc(100vw - 30px));box-shadow:0 15px 45px #0008;font-size:13px;display:none}#toast.error{background:#4a2537;border-color:#a15370;color:#ffe2e8}#toast.show{display:block}@media(max-width:900px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.gridform{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{align-items:flex-start;flex-direction:column}.header{margin-bottom:42px}}@media(max-width:560px){.shell{padding:18px 12px 45px}.header{margin-bottom:35px}.brandname{font-size:14px}.brandmark{width:41px;height:41px}.brandhint{font-size:10px}.headright{justify-content:flex-end}.connection{font-size:10px}.hero h1{letter-spacing:-1.1px;font-size:30px}.heroactions{width:100%}.heroactions .btn{flex:1}.stats{gap:10px}.stat{padding:16px 14px;min-height:130px}.statlabel{font-size:9px}.statnumber{font-size:30px}.paneltop{padding:17px 15px}.tools,.tools input,.tools select{width:100%;min-width:0;max-width:none}.gridform{padding:17px;grid-template-columns:1fr;gap:16px}.gridform .wide{grid-column:auto}.formend{flex-direction:column;align-items:stretch}.formend .actionline{justify-content:flex-end}.entrycard{padding:25px 19px;margin:12px auto 45px}.panelbottom{padding:14px 12px}.panelbottom .actionline{width:100%}.footer{padding:0 3px}}
