@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Lora:wght@500;600;700&display=swap');
:root{--n:#1A2E44;--nm:#2A4A6B;--nl:#3A6A9B;--t:#2A7B6F;--tl:#3A9B8F;--bg:#F2F4F7;--c:#FFF;--tx:#1C2B3A;--mu:#6A7B8E;--bd:#E0E5EB;--dn:#C94444;--wn:#D4943A;--ok:#2A7B4F;--sh:0 1px 3px rgba(26,46,68,.05),0 4px 14px rgba(26,46,68,.03);--sl:0 8px 30px rgba(26,46,68,.08);--r:10px;--rs:6px;--f:'Source Sans 3',-apple-system,sans-serif;--fd:'Lora',Georgia,serif}
*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--f);background:var(--bg);color:var(--tx);font-size:14px;-webkit-font-smoothing:antialiased}
.app{display:flex;height:100vh;overflow:hidden}
.si{width:260px;min-width:260px;background:linear-gradient(178deg,var(--n),#0E1D2F);color:#fff;display:flex;flex-direction:column}
.si-logo{padding:20px 18px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:center;gap:10px}
.si-logo img{width:140px;height:auto;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}
.si-logo-divider{width:60px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}
.si-in{padding:12px 18px;background:rgba(255,255,255,.03);border-bottom:1px solid rgba(255,255,255,.05);text-align:center}
.si-in b{font-size:11px;font-weight:600;opacity:.85;display:block;line-height:1.3}.si-in span{font-size:10px;opacity:.35}
.si-nv{flex:1;overflow-y:auto;padding:8px 0}
.si-sc{padding:14px 18px 4px;font-size:9px;text-transform:uppercase;letter-spacing:2px;opacity:.3;font-weight:600}
.si-it{display:flex;align-items:center;gap:9px;padding:9px 14px;margin:1px 8px;border-radius:var(--rs);cursor:pointer;font-size:13px;color:rgba(255,255,255,.55);transition:all .12s;position:relative}
.si-it:hover{background:rgba(255,255,255,.07);color:#fff}
.si-it.on{background:rgba(255,255,255,.1);color:#fff;font-weight:500}
.si-it.on::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:18px;background:var(--tl);border-radius:0 3px 3px 0}
.si-it.off{opacity:.3;cursor:default}
.si-ic{width:18px;text-align:center;font-size:13px}
.si-bg{margin-left:auto;background:var(--wn);color:#fff;font-size:10px;font-weight:700;padding:1px 7px;border-radius:10px}
.si-tg{margin-left:auto;font-size:8px;opacity:.4;text-transform:uppercase;letter-spacing:.5px}
.si-ft{padding:14px 18px;border-top:1px solid rgba(255,255,255,.05);font-size:9px;opacity:.25;text-align:center}
.mn{flex:1;overflow-y:auto;display:flex;flex-direction:column;background:var(--bg)}
.tb{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;background:var(--c);border-bottom:1px solid var(--bd);position:sticky;top:0;z-index:5}
.tb h2{font-family:var(--fd);font-size:20px;font-weight:600;color:var(--n)}
.tb-u{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--mu)}
.tb-av{width:30px;height:30px;border-radius:50%;background:var(--n);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600}
.ct{flex:1;padding:24px 28px 40px}
.cd{background:var(--c);border-radius:var(--r);box-shadow:var(--sh);border:1px solid var(--bd)}
.cd-h{padding:16px 20px;border-bottom:1px solid var(--bd);display:flex;align-items:center;justify-content:space-between}
.cd-h h3{font-size:14px;font-weight:600;color:var(--n)}
.cd-b{padding:18px 20px}
.sts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}
.st{background:var(--c);border-radius:var(--r);padding:18px;box-shadow:var(--sh);border:1px solid var(--bd);position:relative;overflow:hidden}
.st::after{content:'';position:absolute;top:0;left:0;right:0;height:3px}
.st.sb::after{background:var(--n)}.st.sg::after{background:var(--t)}.st.sw::after{background:var(--wn)}.st.sd::after{background:var(--dn)}
.st-l{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--mu);font-weight:500;margin-bottom:6px}
.st-v{font-family:var(--fd);font-size:28px;font-weight:700;color:var(--n);line-height:1}
.st-s{font-size:11px;color:var(--mu);margin-top:5px}
table{width:100%;border-collapse:collapse;font-size:13px}
th{text-align:left;padding:10px 14px;font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--mu);font-weight:600;border-bottom:2px solid var(--bd);white-space:nowrap}
td{padding:10px 14px;border-bottom:1px solid var(--bd);vertical-align:middle}
tr:hover td{background:rgba(26,46,68,.015)}tr{cursor:pointer}
.bg{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:16px;font-size:11px;font-weight:500;white-space:nowrap}
.bg-ok{background:#E7F5EC;color:#1B6B3A}.bg-wn{background:#FEF3E2;color:#9A5B13}.bg-in{background:#EBF2FA;color:#2A5A8C}.bg-vl{background:#F3EEFA;color:#6B3FA0}
.tg{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:5px;font-size:11px;font-weight:500;background:var(--bg)}
.bt{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border-radius:var(--rs);font-size:13px;font-weight:500;border:none;cursor:pointer;transition:all .12s;font-family:var(--f);white-space:nowrap}
.bt-p{background:var(--n);color:#fff}.bt-p:hover{background:var(--nm)}
.bt-s{background:var(--t);color:#fff}.bt-s:hover{background:var(--tl)}
.bt-o{background:transparent;color:var(--n);border:1px solid var(--bd)}.bt-o:hover{background:var(--bg)}
.bt-sm{padding:4px 10px;font-size:12px}
.ch{padding:5px 13px;border-radius:18px;font-size:12px;font-weight:500;border:1px solid var(--bd);background:var(--c);cursor:pointer;transition:all .12s;color:var(--mu)}
.ch:hover{border-color:var(--n);color:var(--n)}.ch.on{background:var(--n);color:#fff;border-color:var(--n)}
.ov{position:fixed;inset:0;background:rgba(14,29,47,.55);backdrop-filter:blur(3px);z-index:100;display:flex;align-items:center;justify-content:center;animation:fi .15s}
@keyframes fi{from{opacity:0}to{opacity:1}}@keyframes su{from{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}
.mo{background:var(--c);border-radius:var(--r);box-shadow:var(--sl);width:92%;max-width:860px;max-height:88vh;overflow-y:auto;animation:su .2s}
.mo-h{padding:22px 26px 14px;border-bottom:1px solid var(--bd);display:flex;justify-content:space-between;align-items:flex-start}
.mo-h h2{font-family:var(--fd);font-size:19px;color:var(--n)}
.mo-x{background:none;border:none;font-size:18px;cursor:pointer;color:var(--mu);padding:4px}
.mo-b{padding:22px 26px}
.dg{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.df label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--mu);font-weight:600;margin-bottom:3px}
.df span{font-size:13px}
.ds{margin-top:20px;padding-top:18px;border-top:1px solid var(--bd)}
.ds h4{font-size:12px;font-weight:600;color:var(--n);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}
.sg2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}
.sf label{display:block;font-size:11px;font-weight:600;color:var(--mu);margin-bottom:3px;text-transform:uppercase;letter-spacing:.4px}
.sf input,.sf select{width:100%;padding:9px 12px;border:1px solid var(--bd);border-radius:var(--rs);font-size:13px;font-family:var(--f);color:var(--tx);background:var(--bg);transition:border-color .12s}
.sf input:focus,.sf select:focus{outline:none;border-color:var(--n);background:#fff}
.sr{background:linear-gradient(135deg,var(--n),#0E1D2F);color:#fff;padding:22px;border-radius:var(--r);margin-top:14px}
.sr-g{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;text-align:center}
.sr-g label{display:block;font-size:9px;text-transform:uppercase;letter-spacing:1px;opacity:.5;margin-bottom:5px}
.sr-g span{font-family:var(--fd);font-size:20px;font-weight:700}
.sv-g{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.sv{padding:8px 10px;border:1px solid var(--bd);border-radius:var(--rs);cursor:pointer;font-size:12px;display:flex;align-items:center;gap:6px;transition:all .1s;background:var(--c)}
.sv:hover{border-color:var(--n)}.sv.on{background:#EBF2FA;border-color:var(--nl);color:var(--n);font-weight:500}
.sv-ck{width:16px;height:16px;border:2px solid var(--bd);border-radius:3px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:10px}
.sv.on .sv-ck{background:var(--n);border-color:var(--n);color:#fff}
.esc-g{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}
.esc-b{padding:6px 12px;border-radius:6px;font-size:12px;border:1.5px solid var(--bd);background:var(--c);color:var(--mu)}
.esc-b.on{border-color:var(--t);background:#e8f5f3;color:var(--t);font-weight:600}
.grat-box{background:linear-gradient(135deg,#e8f5f3,#d0ede9);border:1.5px solid var(--t);border-radius:var(--r);padding:20px 24px;text-align:center;margin-top:14px}
.grat-box .ico{font-size:32px;margin-bottom:8px}
.grat-box h3{font-size:16px;font-weight:700;color:var(--t);margin-bottom:6px}
.grat-box p{font-size:12px;color:var(--mu);line-height:1.6}
.grat-box .lei{font-size:11px;color:var(--t);font-weight:600;margin-top:8px;padding:4px 10px;background:rgba(42,123,111,.1);border-radius:20px;display:inline-block}
.ctr{background:#fff;border:1px solid #d8d8d8;border-radius:3px;padding:36px 44px;font-size:12.5px;line-height:1.85;max-height:500px;overflow-y:auto;box-shadow:inset 0 0 16px rgba(0,0,0,.02)}
.ctr h2{text-align:center;font-size:14px;font-family:var(--f);font-weight:700;margin-bottom:4px;text-transform:uppercase;letter-spacing:2px;color:var(--n)}
.ctr .sub{text-align:center;font-size:11px;color:var(--mu);margin-bottom:20px}
.ctr .cl{margin-bottom:14px}.ctr .cl-t{font-weight:700;margin-bottom:3px}
.ctr .sgs{display:flex;justify-content:space-between;margin-top:36px}
.ctr .sg-b{text-align:center;width:200px}.ctr .sg-l{border-top:1px solid #333;margin-top:55px;margin-bottom:4px}
.ap{display:flex;gap:8px;align-items:center;margin:16px 0}.ap-s{flex:1;padding:10px;border-radius:var(--rs);text-align:center;font-size:11px;border:1px solid var(--bd);background:var(--bg)}
.ap-s.dn{background:#E7F5EC;border-color:#A3D9B1}.ap-s.cr{background:#FEF3E2;border-color:#F5CC84}.ap-s.pd{opacity:.5}
.ap-s b{display:block;font-size:12px;margin-bottom:2px}.ap-a{color:var(--mu);font-size:16px;flex-shrink:0}
.bn{border-radius:var(--r);padding:28px 32px;color:#fff;margin-bottom:20px;position:relative;overflow:hidden;display:flex;align-items:center;gap:24px;background:linear-gradient(135deg,var(--n) 0%,#1A4A6A 45%,var(--t) 100%)}
.bn::before{content:'';position:absolute;top:-60%;right:-10%;width:300px;height:300px;border-radius:50%;background:rgba(255,255,255,.04)}
.bn-logo{width:70px;height:70px;border-radius:14px;background:rgba(255,255,255,.15);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(255,255,255,.15)}
.bn-logo img{width:52px;height:52px;object-fit:contain}
.bn h2{font-family:var(--fd);font-size:22px;margin-bottom:4px}.bn p{opacity:.7;font-size:13px}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.al{padding:12px 14px;border-radius:var(--rs);display:flex;align-items:center;gap:9px;margin-bottom:10px;cursor:pointer;font-size:13px}
.al b{font-weight:600;display:block}.al small{font-size:11px;display:block;margin-top:1px}
.al-w{background:#FEF9EE;border:1px solid #F5DFA0}.al-o{background:#F0FAF3;border:1px solid #A3D9B1}.al-i{background:#EDF4FC;border:1px solid #A0C4E8}
.bc{display:flex;align-items:flex-end;gap:6px;height:130px;padding-top:8px}
.bc-c{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;justify-content:flex-end}
.bc-b{width:100%;border-radius:5px 5px 0 0;min-height:3px;transition:height .4s}
.bc-v{font-size:11px;font-weight:700;color:var(--n)}.bc-l{font-size:9px;color:var(--mu);font-weight:500;text-align:center}
.tab-grp{display:flex;gap:0;border-radius:var(--rs);overflow:hidden;border:1px solid var(--bd);margin-bottom:18px;width:fit-content}
.tab-btn{padding:8px 18px;font-size:12px;font-weight:500;border:none;background:var(--c);color:var(--mu);cursor:pointer;font-family:var(--f);transition:all .1s}
.tab-btn:hover{background:var(--bg)}.tab-btn.on{background:var(--n);color:#fff}
@media print{.si,.tb,.mo-x,.bt{display:none!important}.ov{position:static;background:none}.mo{box-shadow:none;max-height:none;width:100%}.ctr{box-shadow:none;border:none;max-height:none}}