:root{--bg:#f4f7fa;--card:#fff;--bd:#e4e9f0;--tx:#0f172a;--mut:#64748b;--pri:#0d9488;--pri2:#0f766e;--pril:#e3f6f3;--inp:#f8fafc;--side:#0b1220;--sh:0 1px 2px #0f172a0a,0 6px 20px #0f172a08;--gt:#047857;--gb:#d9f7e8;--rt:#b91c1c;--rb:#fee4e4;--yt:#a16207;--yb:#fdf0c7;--bt:#1d4ed8;--bb:#dfeafe}
:root[data-theme=dark]{--bg:#0a0f1a;--card:#101827;--bd:#1f2a3d;--tx:#e5e9f0;--mut:#8b9ab0;--pril:#0e2f2e;--inp:#0c1422;--sh:none;--gt:#6ee7b7;--gb:#06402f;--rt:#fca5a5;--rb:#4a1616;--yt:#fcd34d;--yb:#46350a;--bt:#93c5fd;--bb:#12315f}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0a0f1a;--card:#101827;--bd:#1f2a3d;--tx:#e5e9f0;--mut:#8b9ab0;--pril:#0e2f2e;--inp:#0c1422;--sh:none;--gt:#6ee7b7;--gb:#06402f;--rt:#fca5a5;--rb:#4a1616;--yt:#fcd34d;--yb:#46350a;--bt:#93c5fd;--bb:#12315f}}
*{box-sizing:border-box}body{margin:0;font:14px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--tx)}
a{color:var(--pri);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0;letter-spacing:-.01em}h3{font-size:15px;margin-bottom:12px}.mut{color:var(--mut)}small{font-size:12px}.i{flex:none;vertical-align:middle}code{background:var(--inp);padding:2px 6px;border-radius:6px;font-size:12.5px;word-break:break-all}
#sb{position:fixed;inset:0 auto 0 0;width:264px;background:var(--side);display:flex;flex-direction:column;z-index:30;transition:transform .2s}
.brand{display:flex;gap:12px;align-items:center;padding:20px 20px 12px}.logo{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#2dd4bf,#0d9488);display:grid;place-items:center;color:#fff;flex:none}
.brand b{color:#fff;font-size:15px;display:block;line-height:1.25}.brand small{color:#64748b;display:block;line-height:1.3}
#sb nav{overflow:auto;padding:4px 12px 20px;flex:1}.grp{padding:18px 10px 6px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#475569}
#sb a{display:flex;gap:12px;align-items:center;padding:9px 12px;border-radius:10px;color:#94a3b8;font-weight:500;margin-bottom:2px}#sb a:hover{background:#ffffff0d;color:#e2e8f0;text-decoration:none}#sb a.on{background:#14b8a624;color:#5eead4}
.ov{display:none;position:fixed;inset:0;background:#0008;z-index:25}
main{margin-left:264px;min-height:100vh;display:flex;flex-direction:column}
.top{position:sticky;top:0;z-index:10;height:64px;display:flex;align-items:center;gap:10px;padding:0 28px;background:var(--bg);border-bottom:1px solid var(--bd)}.sp{flex:1}.crumb{color:var(--mut);font-size:13px}
.ib{width:38px;height:38px;border-radius:10px;border:1px solid var(--bd);background:var(--card);color:var(--mut);display:grid;place-items:center;cursor:pointer;position:relative;padding:0}.ib:hover{color:var(--pri);text-decoration:none}#tg{display:none}
.ib b{position:absolute;top:-5px;right:-5px;background:#ef4444;color:#fff;border-radius:9px;font-size:10px;padding:1px 5px;font-weight:600}
.usr{display:flex;align-items:center;gap:10px;margin:0 4px 0 8px}.av{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#2dd4bf,#0d9488);color:#fff;display:grid;place-items:center;font-weight:700}.un b{display:block;line-height:1.2}.un small{color:var(--mut)}
.wrap{padding:28px;max-width:1440px;width:100%;margin:0 auto;flex:1}footer{padding:18px 28px;color:var(--mut);font-size:12.5px;text-align:center}
.pg{margin-bottom:22px}.pg h1{font-size:22px;font-weight:700}.pg p{margin:4px 0 0;color:var(--mut)}
.card{background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:22px;margin-bottom:20px;box-shadow:var(--sh)}
.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid transparent;border-radius:10px;padding:9px 16px;font:inherit;font-weight:600;cursor:pointer;color:#fff;transition:.15s}.btn:hover{text-decoration:none;filter:brightness(1.08)}
.btn.b{background:var(--pri)}.btn.y{background:var(--card);color:var(--tx);border-color:var(--bd)}.btn.g{background:var(--gb);color:var(--gt)}.btn.r{background:var(--rb);color:var(--rt)}.btn.s{padding:5px 11px;font-size:12.5px;border-radius:8px}
input,select,textarea{font:inherit;color:var(--tx);padding:9px 12px;border:1px solid var(--bd);border-radius:10px;background:var(--inp);max-width:100%}textarea{width:100%;min-height:76px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--pri);box-shadow:0 0 0 3px #14b8a62e}input[type=checkbox]{accent-color:var(--pri)}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.grid label,label.mut{display:block;font-size:12.5px;font-weight:500;color:var(--mut);margin-bottom:4px}.grid input,.grid select{width:100%}
.tw{overflow-x:auto;border:1px solid var(--bd);border-radius:12px}table{width:100%;border-collapse:collapse}
th{background:var(--inp);color:var(--mut);font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:11px 14px;text-align:left;white-space:nowrap;border-bottom:1px solid var(--bd)}
td{padding:12px 14px;border-bottom:1px solid var(--bd);vertical-align:top}tr:last-child td{border-bottom:0}tbody tr:hover td,table tr:hover>td{background:var(--inp)}.empty{text-align:center;color:var(--mut);padding:28px!important}
.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.pill.g{background:var(--gb);color:var(--gt)}.pill.r{background:var(--rb);color:var(--rt)}.pill.y{background:var(--yb);color:var(--yt)}.pill.b{background:var(--bb);color:var(--bt)}
.alert{padding:12px 16px;border-radius:12px;margin-bottom:18px;font-weight:500;transition:opacity .4s}.alert.ok{background:var(--gb);color:var(--gt)}.alert.err{background:var(--rb);color:var(--rt)}
details>summary{cursor:pointer;color:var(--pri);font-weight:600;margin-bottom:14px}.kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.kv small{color:var(--mut);display:block;margin-bottom:2px}
.hello{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center;margin-bottom:22px}.hello h1{font-size:25px;font-weight:700}.hello p{margin:4px 0 0;color:var(--mut)}.qa{display:flex;gap:8px;flex-wrap:wrap}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:20px}
.stat{display:block;background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:18px;color:var(--tx);box-shadow:var(--sh);transition:.15s}.stat:hover{transform:translateY(-2px);text-decoration:none;border-color:var(--pri)}
.stat .chip{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;margin-bottom:14px}.stat b{font-size:28px;font-weight:700;display:block;line-height:1.1}.stat span{color:var(--mut);font-size:13px}
.c1{background:var(--pril);color:var(--pri)}.c2{background:var(--bb);color:var(--bt)}.c3{background:var(--yb);color:var(--yt)}.c4{background:var(--gb);color:var(--gt)}.c5{background:var(--rb);color:var(--rt)}
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.step{display:flex;gap:12px;align-items:center}.step .ltr{width:38px;height:38px;border-radius:50%;background:var(--pri);color:#fff;display:grid;place-items:center;font-weight:700;flex:none}.step b{display:block;line-height:1.2}.step small{color:var(--mut)}
.prog{height:9px;border-radius:99px;background:var(--bd);overflow:hidden}.prog i{display:block;height:100%;background:linear-gradient(90deg,#2dd4bf,#0d9488);border-radius:99px}
.bar{display:grid;grid-template-columns:150px 1fr 34px;align-items:center;gap:12px;margin:10px 0;font-size:13px}.bar div{height:10px;background:var(--bd);border-radius:99px;overflow:hidden}.bar div i{display:block;height:100%;background:linear-gradient(90deg,#2dd4bf,#0d9488);border-radius:99px}.bar b{text-align:right}
.g2{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:20px}.li{display:flex;gap:14px;align-items:center;padding:11px 0;border-bottom:1px solid var(--bd);color:var(--tx)}.li:last-child{border:0}.li:hover{text-decoration:none}.li>div:nth-child(2){flex:1;min-width:0}
.dt{width:50px;text-align:center;background:var(--pril);color:var(--pri2);border-radius:11px;padding:5px 0;font-weight:700;line-height:1.15;flex:none}.dt small{display:block;font-weight:500;font-size:11px}
.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.cal .dh{text-align:center;font-weight:600;color:var(--mut);font-size:12px;padding:4px}
.cal .d{min-height:100px;background:var(--inp);border:1px solid var(--bd);border-radius:10px;padding:7px;font-size:12px}.cal .d.e{background:transparent;border-style:dashed}.cal .d.today{border-color:var(--pri);box-shadow:0 0 0 2px #14b8a633}
.cal .ev{display:block;background:var(--pril);color:var(--pri2);border-radius:6px;padding:3px 7px;margin-top:4px;line-height:1.3}.cal .ev:hover{text-decoration:none;filter:brightness(.96)}
.lg{display:grid;grid-template-columns:1.05fr 1fr;min-height:100vh}.lg .l{background:radial-gradient(900px 500px at 0 0,#115e59 0,transparent 70%),linear-gradient(160deg,#042f2e,#0b1220);color:#fff;padding:48px;display:flex;flex-direction:column;justify-content:space-between;gap:30px}
.lg .l h1{font-size:34px;line-height:1.15;margin:0 0 12px}.lg .l p{color:#99b0b0;max-width:440px;line-height:1.7;margin:0}.pd{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:400px}
.pd div{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:16px;padding:16px}.pd b{font-size:26px;color:#5eead4;display:block}.pd small{color:#a7c4c2}
.lg .r{display:grid;place-items:center;padding:32px;background:var(--bg)}.lg form{width:min(400px,100%)}.lg form h2{font-size:26px;margin:18px 0 6px}.field{position:relative;margin-bottom:16px}.field label{display:block;font-weight:600;margin-bottom:6px;font-size:13px}.field input{width:100%;padding:12px 14px}
.pwt{position:absolute;right:6px;top:30px;background:none;border:0;color:var(--mut);cursor:pointer;padding:8px;font-size:12px;font-weight:600}.lg .btn{width:100%;justify-content:center;padding:12px}
@media(max-width:900px){#sb{transform:translateX(-100%)}#sb.open{transform:none}.ov.open{display:block}main{margin-left:0}#tg{display:grid}.top{padding:0 16px}.un{display:none}.wrap{padding:16px}.flow{grid-template-columns:1fr 1fr}.lg{grid-template-columns:1fr}.lg .l{padding:28px}.lg .pd{display:none}.bar{grid-template-columns:110px 1fr 28px}}
@media(max-width:700px){.row>input:not([type=checkbox]),.row>select{flex:1 1 100%}.cal{display:block}.cal .dh,.cal .d.e{display:none}.cal .d{margin-bottom:8px;min-height:0}
 .tw{border:0}table.rc,table.rc tbody,table.rc tr,table.rc td{display:block;width:100%}table.rc tr.hd{display:none}
 table.rc tr{background:var(--card);border:1px solid var(--bd);border-radius:12px;margin-bottom:12px;padding:6px 0;box-shadow:var(--sh)}
 table.rc td{display:flex;justify-content:space-between;gap:14px;border:0;padding:6px 14px;text-align:right;word-break:break-word}
 table.rc td[data-l]::before{content:attr(data-l);color:var(--mut);font-size:12px;text-align:left;flex:none;max-width:42%}
 table.rc td textarea,table.rc td select{width:100%}table.rc td.row{justify-content:flex-end}table.rc td.empty{display:block}}
@media print{#sb,.top,footer,.noprint,.ov{display:none!important}main{margin:0}.card{box-shadow:none}body{background:#fff;color:#000}}
.tw td textarea{min-width:190px}.tw td:nth-child(3){min-width:200px}