:root{--royal:#030A8C;--royal-2:#020659;--navy:#0B2240;--steel:#07598C;--ink:#0D0D0D;--bg:#eef1f7;--card:#ffffff;--line:#e6e9f0;--line-2:#eef1f6;--text:#1a1f2b;--muted:#6b7280;--muted-2:#9aa3b2;--green:#0e7a3a;--green-bg:#e7f6ee;--red:#c2334d;--red-bg:#fdecef;--amber:#9a6700;--amber-bg:#fff6e0;--blue-bg:#e8edfb;--r:14px;--r-sm:10px;--r-xs:8px;--sh-sm:0 1px 2px rgba(16,24,40,.06),0 1px 3px rgba(16,24,40,.05);--sh:0 4px 14px rgba(16,24,40,.07),0 2px 4px rgba(16,24,40,.04);--sh-lg:0 18px 40px rgba(3,10,60,.16);--t:.16s cubic-bezier(.4,0,.2,1)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--text);background:var(--bg);font-size:14px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--steel);text-decoration:none}::selection{background:#030a8c29}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#c7cede;border-radius:8px;border:2px solid var(--bg)}.app{display:flex;min-height:100vh}.side{width:252px;flex:0 0 auto;background:linear-gradient(160deg,#0c2647,#081a31 60%,#06122a);color:#fff;position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column;padding-bottom:18px}.side .brandbar{background:#fff;margin:14px 14px 10px;border-radius:var(--r);padding:14px 10px;box-shadow:0 6px 18px #0000002e;display:flex;align-items:center;justify-content:center;gap:8px}.side .brandbar .brand-tr{width:44%;height:auto;display:block}.side .brandbar .brand-sc{width:42%;height:auto;display:block;opacity:.95}.side .brandbar .brand-dot{flex:0 0 auto;font-weight:900;color:var(--navy);font-size:16px;line-height:1}.side .grp{font-size:10px;color:#fff6;padding:18px 20px 6px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase}.side a{display:flex;align-items:center;gap:11px;margin:1px 12px;padding:9px 12px;border-radius:var(--r-sm);color:#ffffffbd;font-size:13.5px;font-weight:500;transition:var(--t);position:relative}.side a svg{width:18px;height:18px;flex:0 0 auto;opacity:.8;transition:var(--t)}.side a:hover{background:#ffffff14;color:#fff}.side a:hover svg{opacity:1}.side a.active{background:linear-gradient(90deg,#4f93e047,#4f93e01a);color:#fff;font-weight:600;box-shadow:inset 0 0 0 1px #ffffff14}.side a.active:before{content:"";position:absolute;left:-12px;top:7px;bottom:7px;width:3px;border-radius:0 3px 3px 0;background:#5aa0ec;box-shadow:0 0 10px #5aa0ec}.side a.active svg{opacity:1;color:#9cc5f3}.main{flex:1;min-width:0;display:flex;flex-direction:column}.top{height:62px;background:#ffffffd9;-webkit-backdrop-filter:saturate(1.4) blur(8px);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 26px;position:sticky;top:0;z-index:20}.top .title{display:flex;flex-direction:column;line-height:1.2}.top .title b{font-size:15px;color:var(--navy);font-weight:700}.top .title span{font-size:11.5px;color:var(--muted-2)}.top .user{margin-left:auto;display:flex;align-items:center;gap:12px}.top .avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--royal),var(--steel));color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;box-shadow:var(--sh-sm)}.top .uinfo{text-align:right;line-height:1.25}.top .uinfo b{font-size:13px;color:var(--text);display:block}.top .uinfo span{font-size:11px;color:var(--muted-2)}.content{padding:26px 28px;flex:1;max-width:1280px;width:100%}h1{font-size:22px;font-weight:800;color:var(--navy);margin:0 0 4px;letter-spacing:-.2px}.subtitle{color:var(--muted);font-size:13.5px;margin:0 0 20px}.tools{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.tools h1{margin:0}table{border-collapse:separate;border-spacing:0;width:100%;background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh-sm)}th{background:#f7f9fc;color:var(--muted);text-align:left;padding:12px 14px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;font-weight:700;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:13px 14px;border-bottom:1px solid var(--line-2);font-size:13.5px;color:var(--text)}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background var(--t)}tbody tr:hover td{background:#f6f9ff;cursor:pointer}.num{text-align:right;font-variant-numeric:tabular-nums}.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;line-height:1.5;background:var(--blue-bg);color:var(--royal)}.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.9}.pill.ok{background:var(--green-bg);color:var(--green)}.pill.warn{background:var(--amber-bg);color:var(--amber)}.pill.bad{background:var(--red-bg);color:var(--red)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-sm);padding:18px 20px;margin-bottom:18px}.card h2,.card-title{font-size:14px;color:var(--navy);margin:0 0 14px;font-weight:700;display:flex;align-items:center;gap:8px}.muted{color:var(--muted);font-size:13px}.lit{display:inline-flex;width:24px;height:24px;border-radius:7px;background:var(--blue-bg);color:var(--royal);font-weight:800;align-items:center;justify-content:center;font-size:11px;margin-right:6px}.err{color:var(--red);background:var(--red-bg);border:1px solid #f4c4ce;border-radius:var(--r-sm);padding:11px 14px;font-size:13px;margin-bottom:14px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:20px}.kpi-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-sm);padding:18px;display:flex;flex-direction:column;gap:6px;transition:var(--t)}.kpi-card:hover{box-shadow:var(--sh);transform:translateY(-2px)}.kpi-card .top{height:auto;background:none;border:none;padding:0;position:static;display:flex;align-items:center;justify-content:space-between}.kpi-ico{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,var(--royal),var(--steel))}.kpi-ico svg{width:19px;height:19px}.kpi-lab{font-size:11.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-weight:700}.kpi-val{font-size:24px;font-weight:800;color:var(--navy);letter-spacing:-.4px;font-variant-numeric:tabular-nums}.kpi-val .cur{font-size:13px;color:var(--muted-2);font-weight:700;margin-right:4px}.kpi-card.g .kpi-ico{background:linear-gradient(135deg,#0e7a3a,#3aa86a)}.kpi-card.a .kpi-ico{background:linear-gradient(135deg,#b8860b,#e0a800)}.kpi-card.r .kpi-ico{background:linear-gradient(135deg,#a01c33,#d4435e)}.kpi .lab{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;font-weight:700}.kpi .big{font-size:22px;font-weight:800;color:var(--navy);margin-top:6px}.btn{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 16px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--card);color:var(--text);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:var(--t);white-space:nowrap}.btn:hover{background:#f3f6fc;border-color:#cdd5e6;box-shadow:var(--sh-sm)}.btn svg{width:16px;height:16px}.btn.pri{background:linear-gradient(135deg,var(--royal),var(--royal-2));border-color:transparent;color:#fff;box-shadow:0 4px 12px #030a8c47}.btn.pri:hover{filter:brightness(1.08);box-shadow:0 6px 18px #030a8c57}.btn.sm{height:30px;padding:0 11px;font-size:12px;border-radius:var(--r-xs)}.btn:disabled{opacity:.6;cursor:default}.row{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:12px}.fld{display:flex;flex-direction:column;gap:5px}.fld label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-weight:700}input,select,textarea{height:38px;border:1px solid var(--line);border-radius:var(--r-sm);padding:0 11px;font-size:14px;font-family:inherit;background:var(--card);color:var(--text);transition:var(--t)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--royal);box-shadow:0 0 0 3px #030a8c1f}.tot{font-weight:800}.tot.ok{color:var(--green)}.tot.bad{color:var(--red)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:0 0 20px}.tabs button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;font-family:inherit;cursor:pointer;padding:11px 16px;font-size:13.5px;font-weight:600;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;display:inline-flex;align-items:center;gap:7px;transition:var(--t)}.tabs button:hover{color:var(--navy)}.tabs button.on{color:var(--royal);border-bottom-color:var(--royal)}.tabs button .cnt{background:var(--blue-bg);color:var(--royal);border-radius:999px;font-size:11px;padding:1px 7px;font-weight:700}.nota{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line-2)}.nota:last-child{border-bottom:none}.nota .av{width:30px;height:30px;border-radius:50%;background:var(--blue-bg);color:var(--royal);flex:0 0 auto;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px}.nota .bd{flex:1}.nota .meta{font-size:11px;color:var(--muted-2);margin-top:3px}.doc{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);padding:34px 38px;max-width:820px}.doc .dhead{display:flex;align-items:flex-start;gap:16px;border-bottom:2px solid var(--royal);padding-bottom:14px}.doc .dhead img{height:42px}.doc .dhead .meta{margin-left:auto;text-align:right}.doc .dhead .meta b{color:var(--navy);font-size:14px}.doc .dhead .meta div{font-size:12px;color:var(--muted)}.doc h3{margin:16px 0 2px;font-size:17px;color:var(--navy)}.doc .dgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px 30px;margin:14px 0}.doc .dgrid .l{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}.doc .dgrid .v{font-size:14px;font-weight:700;color:var(--text)}.doc table{box-shadow:none;margin-top:8px}.doc .totes{margin-top:18px;display:flex;gap:30px;font-size:15px}.doc .totes b{color:var(--navy)}.docbtns{display:flex;gap:10px;margin:14px 0}@media print{.side,.top,.tabs,.docbtns,.btn{display:none!important}.app{display:block}.content{padding:0;max-width:none}.doc{border:none;box-shadow:none;max-width:none;padding:0}h1,.subtitle{display:none}}.empty{text-align:center;color:var(--muted-2);padding:30px;font-size:13.5px}.login-wrap{min-height:100vh;display:grid;place-items:center;background:radial-gradient(1200px 600px at 20% -10%,#0c2647,#06122a)}.login-card{background:var(--card);border-radius:18px;box-shadow:0 30px 70px #00000073;width:380px;padding:30px 30px 26px}.login-logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px}.login-logo .login-tr{height:40px;width:auto}.login-logo .login-sc{height:34px;width:auto;opacity:.95}.login-logo .login-dot{font-weight:900;color:var(--navy);font-size:20px;line-height:1}.dash-2col{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}@media (max-width:920px){.dash-2col{grid-template-columns:1fr}}.donut-wrap{display:flex;align-items:center;gap:22px}.legend{display:flex;flex-direction:column;gap:10px;font-size:13px}.legend .it{display:flex;align-items:center;gap:9px}.legend .dot{width:11px;height:11px;border-radius:4px;flex:0 0 auto}.legend .v{margin-left:auto;font-weight:700;font-variant-numeric:tabular-nums;color:var(--navy)}.flowbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--muted)}.flowbar .step{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--navy);font-weight:600;cursor:pointer;transition:var(--t)}.flowbar .step:hover{border-color:var(--steel);box-shadow:var(--sh-sm)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b224073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal{background:var(--card);border-radius:var(--r);box-shadow:0 20px 50px #0b224059;max-width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}.modal-head h2{margin:0;font-size:15px;color:var(--navy);font-weight:700}.modal-x{background:none;border:none;height:auto;padding:2px 6px;color:var(--muted);font-size:15px;cursor:pointer;border-radius:6px}.modal-x:hover{background:var(--line-2);color:var(--navy)}.modal-body{padding:20px;overflow-y:auto}.modal-body .muted{margin:0 0 10px}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--line);background:var(--bg)}@keyframes spin{to{transform:rotate(360deg)}}