:root{font-family:Inter,"Segoe UI",system-ui,sans-serif;color:#1b2738;background:#f4f6fa;--navy:#15233b;--blue:#3568e8;--line:#e4e8ef;--muted:#7d899b;--green:#168861;--red:#d24c5c;--amber:#bf7211}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 85% 0,#edf3ff,transparent 32%),#f5f7fb}button,input,select,textarea{font:inherit}button{cursor:pointer}[hidden]{display:none!important}.login-view{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#fff}.login-panel{padding:48px 7vw;color:#fff;background:radial-gradient(circle at 20% 15%,#31517f,transparent 25%),linear-gradient(145deg,#132139,#1e3456);display:flex;flex-direction:column}.login-brand,.brand{display:flex;align-items:center;gap:12px}.login-brand>span,.brand>span{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#5e86f5,#315ed9);box-shadow:0 9px 24px #17326e;color:white;font-weight:800}.login-brand strong,.brand strong{display:block;letter-spacing:.04em}.login-brand small,.brand small{display:block;font-size:8px;letter-spacing:.2em;opacity:.58;margin-top:3px}.login-copy{margin:auto 0}.login-copy p,.eyebrow{font-size:9px;letter-spacing:.18em;font-weight:800;color:#8090aa}.login-copy p{color:#7fa3e8}.login-copy h1{font-size:52px;line-height:1.05;letter-spacing:-.055em;margin:12px 0 18px}.login-copy span{color:#a8b9d2;font-size:12px}.login-form{width:min(430px,82%);margin:auto;display:grid;gap:18px}.login-form h2{font-size:29px;letter-spacing:-.04em;margin:3px 0}.muted{color:var(--muted);font-size:11px}label{display:grid;gap:7px;font-size:10px;font-weight:800;color:#435169}input,select,textarea{border:1px solid #dbe1ea;border-radius:10px;padding:11px 12px;background:#fbfcfe;color:#223149;outline:none}input:focus,select:focus,textarea:focus{border-color:#7d9beb;box-shadow:0 0 0 3px #edf2ff}textarea{min-height:78px;resize:vertical}.primary,.secondary,.demo-login,.link,.icon-button{border-radius:10px;min-height:40px;padding:0 15px;font-size:10px;font-weight:800}.primary{border:1px solid var(--blue);background:linear-gradient(#4778ed,#3161db);color:white;box-shadow:0 8px 20px #3568e833}.secondary{border:1px solid #dce2eb;background:white;color:#3d4b61}.wide{width:100%}.demo-login{border:0;background:transparent;color:#436ed2}.form-error{color:var(--red);font-size:10px;min-height:14px}.shell{min-height:100vh;display:grid;grid-template-columns:245px 1fr}.shell>aside{height:100vh;position:sticky;top:0;background:linear-gradient(#14223a,#1c304e);padding:26px 18px 18px;color:#fff;display:flex;flex-direction:column}.brand{padding:0 8px 28px}.brand>span{width:38px;height:38px}.brand strong{font-size:14px}.brand small{color:#a9b8cf}nav{display:grid;gap:5px}nav button{height:46px;border:0;border-radius:10px;background:transparent;color:#aab8cf;text-align:left;display:grid;grid-template-columns:28px 1fr auto;align-items:center;padding:0 12px;font-size:12px;font-weight:650}nav button:hover,nav button.active{color:white;background:#ffffff0d}nav button.active{background:linear-gradient(90deg,#466ed64d,#466ed61f);box-shadow:inset 3px 0 #5f82e9}nav b{font-size:8px;padding:3px 6px;border-radius:99px;background:#ffffff12}.system-state{margin-top:auto;border:1px solid #ffffff14;border-radius:12px;background:#ffffff08;padding:13px;display:flex;gap:10px;align-items:center}.system-state i{width:8px;height:8px;border-radius:50%;background:#48d49a;box-shadow:0 0 0 5px #48d49a1f}.system-state strong,.system-state small{display:block;font-size:9px}.system-state small{color:#90a3bf;margin-top:2px}.account{display:grid;grid-template-columns:34px 1fr 28px;gap:9px;align-items:center;padding:18px 7px 2px}.account>span{width:34px;height:34px;border-radius:9px;background:#edf3ff;color:#3162da;display:grid;place-items:center;font-size:9px;font-weight:800}.account strong,.account small{display:block;font-size:9px}.account small{color:#8fa1bd;margin-top:2px}.account button{border:0;background:transparent;color:#9fb0c7}.shell main{min-width:0}.shell header{height:90px;position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line);background:#ffffffc7;backdrop-filter:blur(15px);display:flex;align-items:center;gap:18px;padding:0 32px}.shell header h1{margin:2px 0 0;font-size:23px;letter-spacing:-.04em}.shell header .eyebrow{margin:0}.header-actions{margin-left:auto;display:flex;gap:8px;align-items:center}.header-actions select{padding:9px}.icon-button{display:none;border:0;background:transparent;font-size:20px}.content{padding:26px 32px 45px;max-width:1500px;margin:auto}.view{display:none}.view.active{display:block}.notice{display:grid;grid-template-columns:32px 1fr auto;gap:12px;align-items:center;background:#eff4ff;border:1px solid #d9e5ff;border-radius:13px;padding:14px 16px;margin-bottom:16px}.notice>span{width:30px;height:30px;border-radius:8px;background:#fff;color:var(--blue);display:grid;place-items:center}.notice strong{font-size:11px}.notice p{font-size:9px;color:#71809a;margin:3px 0}.notice b,.status-chip{font-size:8px;color:#2d5fd9;border:1px solid #d9e5ff;background:#fff;border-radius:99px;padding:6px 9px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:16px}.stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px;box-shadow:0 7px 20px #1e33500a}.stat p{margin:0;font-size:8px;letter-spacing:.08em;color:#8390a3;text-transform:uppercase;font-weight:800}.stat strong{display:block;font-size:25px;margin-top:7px;letter-spacing:-.04em}.stat small{color:#8d98a8;font-size:8px}.grid-2{display:grid;grid-template-columns:1.05fr .95fr;gap:14px}.panel{background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 9px 28px #1d2d480b}.panel-head,.section-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px}.panel-head h2,.section-heading h2{font-size:14px;margin:0}.panel-head p,.section-heading p{font-size:9px;color:#8b96a7;margin:4px 0 0}.link{border:0;background:transparent;color:#3568e8;padding:0}.hierarchy-flow{padding:2px 18px 20px;display:grid;gap:8px}.hierarchy-node{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;border:1px solid #e8ebf1;border-radius:10px;padding:9px}.hierarchy-node>span{width:30px;height:30px;border-radius:8px;background:#edf3ff;color:#3568e8;display:grid;place-items:center;font-size:9px;font-weight:800}.hierarchy-node strong,.hierarchy-node small{display:block;font-size:9px}.hierarchy-node small{color:#8e99a8;margin-top:2px}.event-list{padding:0 18px 17px;display:grid;gap:0}.event{display:grid;grid-template-columns:8px 1fr auto;gap:10px;align-items:start;padding:11px 0;border-top:1px solid #eef1f5}.event i{width:7px;height:7px;border-radius:50%;background:#22a678;margin-top:4px}.event.bad i{background:#db5362}.event strong,.event span{display:block;font-size:9px}.event span{color:#8c97a8;margin-top:2px}.event time{font-size:8px;color:#8793a5}.section-heading{padding:0 0 16px}.search{border:1px solid #dfe4ec;border-radius:9px;background:#fff;display:flex;align-items:center;padding:0 10px;color:#8793a5}.search input{border:0;box-shadow:none;background:transparent;width:220px}.table-panel{overflow:auto}table{border-collapse:collapse;width:100%;min-width:900px}th{background:#fafbfc;color:#8c98aa;text-transform:uppercase;letter-spacing:.07em;font-size:8px;text-align:left;padding:13px 15px;border-bottom:1px solid #e8ebf0}td{padding:14px 15px;border-top:1px solid #edf0f4;font-size:9px;color:#526078}td strong{color:#2b394f}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:99px;padding:5px 8px;font-size:7px;font-weight:800;text-transform:uppercase}.badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.badge.green{color:#168861;background:#e9f7f1}.badge.red{color:#c94454;background:#fff0f2}.badge.amber{color:#b36a0d;background:#fff4df}.badge.gray{color:#667386;background:#eef1f4}.actions{display:flex;gap:5px;flex-wrap:wrap}.action{height:29px;border:1px solid #dfe4ec;border-radius:7px;background:#fff;color:#53627a;padding:0 8px;font-size:8px;font-weight:700}.action:hover{border-color:#9eb4ed;color:#2d5fd9}.backdrop{position:fixed;inset:0;z-index:30;background:#15213a73;backdrop-filter:blur(4px)}.modal{position:fixed;z-index:31;left:50%;top:50%;transform:translate(-50%,-50%);width:min(480px,calc(100vw - 28px));background:#fff;border-radius:17px;box-shadow:0 28px 80px #1726413d}.modal>header{position:static;height:auto;padding:19px 21px;border-bottom:1px solid #eceff4;background:#fff}.modal>header h2{font-size:18px}.modal>header button{margin-left:auto;width:33px;height:33px;border:0;border-radius:8px;background:#f1f3f7;color:#68758a;font-size:19px}.modal form{padding:20px;display:grid;gap:13px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:5px}.hint{font-size:8px;color:#7c899b;margin:-7px 0 0}.hint.error{color:#d24c5c}.rule{display:flex;gap:10px;border:1px solid #dce6fb;background:#f2f6ff;border-radius:10px;padding:11px}.rule p{font-size:8px;color:#6d7b93;margin:0;line-height:1.5}.confirm{text-align:center;padding:24px}.confirm h2{font-size:17px}.confirm>p{font-size:9px;color:#7d899b;line-height:1.55}.confirm>strong{display:block;background:#f5f7fa;border-radius:9px;padding:10px;font-size:10px}.confirm-icon{width:43px;height:43px;border-radius:13px;background:#fff3df;color:#b86e10;display:grid;place-items:center;margin:auto;font-weight:800;font-size:19px}.confirm .modal-actions{justify-content:center;margin-top:18px}.toasts{position:fixed;right:22px;bottom:22px;z-index:50;display:grid;gap:8px}.toast{min-width:290px;max-width:390px;background:#172842;color:#fff;border-radius:10px;padding:12px 14px;box-shadow:0 14px 38px #1728423d}.toast strong,.toast span{display:block;font-size:9px}.toast span{color:#b4c0d3;margin-top:3px}.toast.bad{background:#8d3040}@media(max-width:1050px){.stats{grid-template-columns:1fr 1fr}.grid-2{grid-template-columns:1fr}.header-actions span{display:none}}@media(max-width:760px){.login-view{grid-template-columns:1fr}.login-panel{display:none}.shell{display:block}.shell>aside{position:fixed;left:-260px;width:245px;z-index:20;transition:.2s}.shell>aside.open{left:0;box-shadow:25px 0 70px #10203f4d}.icon-button{display:block}.shell header{height:78px;padding:0 15px}.shell header h1{font-size:18px}.shell header .eyebrow{display:none}.header-actions .secondary{display:none}.content{padding:17px 13px 35px}.notice{grid-template-columns:30px 1fr}.notice>b{display:none}.stats{grid-template-columns:1fr 1fr;gap:8px}.stat{padding:13px}.stat strong{font-size:20px}.toasts{left:13px;right:13px;bottom:13px}.toast{min-width:0;max-width:none}}