.ccx{--navy:#0B1F38;--navy2:#132B4A;--blue:#075586;--blue2:#0A6AA8;--teal:#118B88;--teal2:#2CC4B6;--soft:#EDF5F8;--bg:#F7F9FC;--card:#fff;--tx:#102B45;--mut:#637587;--line:#E2E8F0;--line2:#CFD8E3;
--th:#3A4E64;--thbg:#F4F7FA;--ok:#0B6B4F;--okbg:#E3F4EC;--warn:#8A5A00;--warnbg:#FDF2DB;--bad:#B42318;--badbg:#FDECEA;--info:#075586;--infobg:#EAF3FA;--pend:#5B4FC4;--pendbg:#EFEDFB;--pm:#EEF2F6;
--sh:0 1px 2px rgba(11,31,56,.05),0 1px 3px rgba(11,31,56,.05);--sh2:0 4px 16px rgba(11,31,56,.10);--r:8px;--rc:10px;--side:248px;--sidec:72px;--top:56px;
--f:'Segoe UI Variable Text','Segoe UI',system-ui,-apple-system,'SF Pro Text','Dubai','Noto Sans Arabic',Tahoma,sans-serif}
.ccx,.ccx *{box-sizing:border-box}
.ccx{-webkit-text-size-adjust:100%}
.ccx{margin:0;font:13.5px/1.5 var(--f);color:var(--tx);background:var(--bg);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}
.ccx .scrim{display:none}
.ccx .vh{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.ccx .ic{width:18px;height:18px;flex:none}
.ccx [hidden]{display:none!important}
.ccx a{color:var(--blue);text-decoration:none}
.ccx a:hover{color:var(--blue2);text-decoration:underline}
.ccx :focus-visible{outline:2px solid var(--teal);outline-offset:2px;border-radius:4px}
.ccx h1{font-size:20px;font-weight:650;margin:0 0 4px;letter-spacing:-.01em;color:var(--tx)}
.ccx h2{font-size:14.5px;font-weight:650;margin:22px 0 8px}
.ccx h3{font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.07em;color:var(--mut);margin:16px 0 6px}
.ccx p{margin:6px 0}
.ccx .shell{display:grid;grid-template-columns:var(--side) minmax(0,1fr);min-height:100vh;transition:grid-template-columns .18s ease}
.ccx .col{min-width:0}
.ccx .side{background:var(--navy);color:#C5D2E3;position:sticky;top:0;height:100vh;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:#2A4466 transparent}
.ccx .brand{display:flex;flex-direction:column;gap:2px;padding:18px 18px 14px;border-bottom:1px solid rgba(255,255,255,.07);color:#fff}
.ccx .brand:hover{text-decoration:none;color:#fff}
.ccx .brand img{height:26px;width:auto;align-self:flex-start;display:block}
.ccx .brand b{font-size:13.5px;font-weight:650;letter-spacing:.01em;margin-top:8px;white-space:nowrap}
.ccx .brand small{font-size:11px;color:#8EA3BE;white-space:nowrap}
.ccx .brand .mk{display:none}
.ccx .navs{padding:6px 10px 12px;flex:1}
.ccx details.sgd{margin:2px 0}
.ccx details.sgd>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#7F95B2;padding:12px 8px 5px;border-radius:6px;user-select:none}
.ccx details.sgd>summary::-webkit-details-marker{display:none}
.ccx details.sgd>summary:after{content:'';width:6px;height:6px;border-right:1.5px solid #7F95B2;border-bottom:1.5px solid #7F95B2;transform:rotate(45deg);margin-right:4px;transition:transform .15s}
.ccx details.sgd:not([open])>summary:after{transform:rotate(-45deg)}
.ccx details.sgd>summary:hover{color:#C5D2E3}
.ccx .sg{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#7F95B2;padding:12px 8px 5px}
.ccx .st{display:flex;align-items:center;gap:11px;min-height:36px;padding:6px 10px;border-radius:7px;color:#C5D2E3;line-height:1.25;font-size:13.5px;position:relative}
.ccx .st .ic{color:#8EA6C4}
.ccx .st:hover{background:rgba(255,255,255,.06);color:#fff;text-decoration:none}
.ccx .st.on{background:rgba(17,139,136,.20);color:#fff;font-weight:600}
.ccx .st.on:before{content:'';position:absolute;left:-10px;top:7px;bottom:7px;width:3px;border-radius:0 3px 3px 0;background:var(--teal2)}
.ccx .st.on .ic{color:#8FE3DA}
.ccx .st .ct{margin-left:auto;font-size:11px;font-weight:600;background:rgba(255,255,255,.12);color:#fff;border-radius:999px;padding:0 7px;line-height:18px}
.ccx .sfoot{padding:10px 12px 14px;border-top:1px solid rgba(255,255,255,.07);display:flex;align-items:center;gap:8px;font-size:11.5px;color:#7F95B2}
.ccx .sfoot label{display:flex;align-items:center;gap:8px;cursor:pointer;padding:6px 8px;border-radius:7px;color:#9DB0C8;white-space:nowrap}
.ccx .sfoot label:hover{background:rgba(255,255,255,.06);color:#fff}
.ccx #sc:checked~.shell{grid-template-columns:var(--sidec) minmax(0,1fr)}
.ccx #sc:checked~.shell .brand{padding:16px 0;align-items:center}
.ccx #sc:checked~.shell .brand img,.ccx #sc:checked~.shell .brand b,.ccx #sc:checked~.shell .brand small{display:none}
.ccx #sc:checked~.shell .brand .mk{display:block;width:34px;height:34px}
.ccx #sc:checked~.shell .st span,.ccx #sc:checked~.shell .st .ct,.ccx #sc:checked~.shell details.sgd>summary span,.ccx #sc:checked~.shell .sfoot span{display:none}
.ccx #sc:checked~.shell details.sgd>summary{justify-content:center;padding:8px 0 2px}
.ccx #sc:checked~.shell details.sgd>summary:after{display:none}
.ccx #sc:checked~.shell details.sgd>summary:before{content:'';width:22px;border-top:1px solid rgba(255,255,255,.12)}
.ccx #sc:checked~.shell .st{justify-content:center;padding:8px 0}
.ccx #sc:checked~.shell .sfoot{justify-content:center}
.ccx #sc:checked~.shell .sfoot .ic{transform:rotate(180deg)}
.ccx .bar{display:flex;align-items:center;gap:12px;height:var(--top);padding:0 20px;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:8;min-width:0;color:var(--tx)}
.ccx .bc{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--mut);min-width:0;white-space:nowrap;overflow:hidden}
.ccx .bc a{color:var(--mut)}
.ccx .bc a:hover{color:var(--blue)}
.ccx .bc b{color:var(--tx);font-weight:600;overflow:hidden;text-overflow:ellipsis}
.ccx .bc i{font-style:normal;color:#A9B6C5}
.ccx .gs{flex:1;min-width:0;max-width:420px;display:flex;align-items:center;gap:8px;height:36px;padding:0 6px 0 12px;margin:0 0 0 auto;border-radius:8px;background:var(--bg);border:1px solid var(--line);color:var(--mut)}
.ccx .gs:focus-within{background:#fff;border-color:var(--teal);box-shadow:0 0 0 3px rgba(17,139,136,.14)}
.ccx .gs input{border:0;background:none;outline:0;color:var(--tx);width:100%;padding:0;margin:0;height:34px;box-shadow:none;font-size:13px}
.ccx .gs input:focus{box-shadow:none}
.ccx .gs input::placeholder{color:#8A99AA}
.ccx kbd{font:600 10.5px/1 var(--f);color:var(--mut);background:#fff;border:1px solid var(--line2);border-bottom-width:2px;border-radius:5px;padding:3px 6px;white-space:nowrap}
.ccx .tr{display:flex;align-items:center;gap:8px;white-space:nowrap}
.ccx .appsb{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;color:var(--mut);flex:none}
.ccx .appsb:hover{background:var(--soft);color:var(--blue)}
.ccx .av{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--teal));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:650;font-size:12px;text-transform:uppercase}
.ccx .who{font-size:12px;color:var(--mut);line-height:1.2}
.ccx .who b{display:block;color:var(--tx);font-weight:600}
.ccx .bar button{height:32px;background:#fff;border:1px solid var(--line2);color:var(--tx);margin:0;font-weight:500;font-size:12.5px;padding:0 12px}
.ccx .bar button:hover{background:var(--soft);border-color:var(--blue);color:var(--blue)}
.ccx .tgl{display:none;align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;cursor:pointer;color:var(--tx);flex:none}
.ccx .tgl:hover{background:var(--soft)}
.ccx .pt{display:none}
.ccx .appn{display:none}
.ccx .sub{display:flex;gap:4px;align-items:center;background:#fff;border-bottom:1px solid var(--line);padding:0 20px;overflow-x:auto;-webkit-overflow-scrolling:touch;position:sticky;top:var(--top);z-index:7;scrollbar-width:none}
.ccx .sub::-webkit-scrollbar{display:none}
.ccx .sub a{padding:11px 10px 10px;color:var(--mut);white-space:nowrap;border-bottom:2px solid transparent;font-weight:500;font-size:13px}
.ccx .sub a:hover{color:var(--tx);text-decoration:none}
.ccx .sub a.on{color:var(--blue);border-color:var(--blue);font-weight:600}
.ccx main{padding:18px 24px 48px;min-width:0;max-width:1640px;margin:0 auto}
.ccx .crumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 12px;font-size:12px;color:var(--mut)}
.ccx .crumb>span{display:none}
.ccx .crumb b{color:var(--tx)}
.ccx .crumb form{margin:0 0 0 auto;display:flex;align-items:center;gap:6px}
.ccx .crumb input{height:32px;margin:0;width:260px;border-radius:8px;padding:0 10px;font-size:12.5px}
.ccx .crumb button{height:32px;margin:0}
.ccx .take{font-size:14px;color:var(--mut);margin:0 0 14px;max-width:1040px}
.ccx .take b{color:var(--tx);font-weight:650}
.ccx .card{background:var(--card);border:1px solid var(--line);border-radius:var(--rc);padding:14px 16px;margin:10px 0;box-shadow:var(--sh)}
.ccx .msg{background:#fff;border:1px solid var(--line);border-left:3px solid var(--blue);border-radius:var(--r);padding:10px 14px;margin:10px 0;font-size:13px}
.ccx .msg.bad{background:var(--badbg);border-color:#F3C9C4;border-left-color:var(--bad)}
.ccx .msg.wait{border-left-color:var(--teal);background:var(--soft)}
.ccx .bad{color:var(--bad)}
.ccx .ok{color:var(--ok)}
.ccx .mut{color:var(--mut)}
.ccx form.in{display:inline}
.ccx .kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin:0 0 16px;align-items:start}
.ccx .kpi{background:var(--card);border:1px solid var(--line);border-radius:var(--rc);box-shadow:var(--sh);padding:14px 16px 10px;display:flex;flex-direction:column;gap:4px;min-width:0;container-type:inline-size;position:relative;overflow:hidden}
.ccx .kpi:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--teal)}
.ccx .kpis .kpi:nth-child(4n+2):before{background:var(--blue)}
.ccx .kpis .kpi:nth-child(4n+3):before{background:var(--pend)}
.ccx .kpis .kpi:nth-child(4n+4):before{background:#C98A1B}
.ccx .kh{display:flex;flex-direction:column;gap:2px;color:var(--tx)}
.ccx .kh:hover{text-decoration:none;color:var(--tx)}
.ccx .kh:hover .kl{color:var(--blue)}
.ccx .kl{color:var(--mut);font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ccx .kv{font-size:clamp(17px,8.2cqw,26px);font-weight:650;letter-spacing:-.02em;line-height:1.2;white-space:normal;word-break:keep-all;overflow-wrap:normal;color:var(--tx)}
.ccx .ks{font-size:12px;color:var(--mut);line-height:1.4}
.ccx details.kd{margin-top:2px}
.ccx details.kd>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;color:var(--blue);padding:3px 8px 3px 6px;margin-left:-6px;border-radius:6px;user-select:none}
.ccx details.kd>summary::-webkit-details-marker{display:none}
.ccx details.kd>summary:before{content:'';width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);transition:transform .15s}
.ccx details.kd[open]>summary:before{transform:rotate(45deg)}
.ccx details.kd>summary:hover{background:var(--soft)}
.ccx details.kd>div{font-size:12px;color:var(--tx);background:var(--bg);border-radius:6px;padding:8px 10px;margin-top:4px;overflow-wrap:anywhere}
.ccx a.kpi{color:var(--tx)}
.ccx a.kpi:hover{text-decoration:none;box-shadow:var(--sh2)}
.ccx .kvs{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;margin:8px 0 16px}
.ccx .kvt{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:10px 12px;display:flex;flex-direction:column;gap:2px;min-width:0;container-type:inline-size}
.ccx .kvt .kl{text-transform:none}
.ccx .kvt .kl::first-letter{text-transform:uppercase}
.ccx .kvv{font-size:clamp(14px,9cqw,17px);font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ccx .xg{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,760px),1fr));gap:14px;margin:14px 0;align-items:start}
.ccx .xc{background:var(--card);border:1px solid var(--line);border-radius:var(--rc);box-shadow:var(--sh);padding:14px 16px 8px;min-width:0}
.ccx .xh{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.ccx .xh h3{margin:0;font-size:12px;color:var(--tx);letter-spacing:.06em}
.ccx .xh a{font-size:12px;font-weight:600;white-space:nowrap}
.ccx .xn{font-size:12px;color:var(--mut);margin:2px 0 6px}
.ccx .xc .tf{display:none}
.ccx .xc .tw{box-shadow:none;border:0;border-radius:0;margin:6px -16px 0;max-height:none;overflow:visible}
.ccx .xc table{width:100%;table-layout:auto}
.ccx .xc th{white-space:normal;line-height:1.25}
.ccx .xc th,.ccx .xc td{padding:7px 10px;font-size:12.5px}
.ccx .xc td{max-width:none}
.ccx .xc .tw th{position:static}
.ccx .xc th:first-child,.ccx .xc td:first-child{padding-left:16px}
.ccx .xc th:last-child,.ccx .xc td:last-child{padding-right:16px}
.ccx .tw{overflow:auto;max-width:100%;max-height:72vh;margin:8px 0 16px;background:var(--card);border:1px solid var(--line);border-radius:var(--rc);box-shadow:var(--sh)}
.ccx .tw table{margin:0;box-shadow:none;border-radius:0;min-width:100%;border:0}
.ccx table{border-collapse:separate;border-spacing:0;background:var(--card);margin:8px 0 16px;font-size:13px;max-width:100%;border-radius:var(--rc)}
.ccx th,.ccx td{padding:8px 12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.ccx td{max-width:440px}
.ccx th{font-size:11.5px;font-weight:650;color:var(--th);background:var(--thbg);white-space:nowrap;border-bottom:1px solid var(--line2);letter-spacing:.01em}
.ccx th::first-letter{text-transform:uppercase}
.ccx .tw th{position:sticky;top:0;z-index:2}
.ccx td.n,.ccx th.n{text-align:right;white-space:nowrap}
.ccx tbody tr:hover td{background:#F5F9FC}
.ccx tr:last-child td{border-bottom:0}
.ccx th.srt{cursor:pointer;user-select:none}
.ccx th.srt:hover{color:var(--blue);background:var(--soft)}
.ccx th.srt:after{content:'\2195';opacity:.3;margin-left:5px;font-size:10px}
.ccx th.srt[data-dir=a]:after{content:'\25B2';opacity:1;color:var(--blue)}
.ccx th.srt[data-dir=d]:after{content:'\25BC';opacity:1;color:var(--blue)}
.ccx tfoot td{position:sticky;bottom:0;z-index:1;background:#E9F4F3;font-weight:700;border-top:2px solid #A5D3CF;border-bottom:0;white-space:nowrap}
.ccx tfoot td.lbl{color:#0B5F5C}
.ccx tfoot td span{font-weight:400;font-size:11px;color:var(--mut)}
.ccx tbody tr:hover tfoot td{background:#E9F4F3}
.ccx .tf{display:flex;align-items:center;gap:10px;margin:10px 0 -2px;flex-wrap:wrap}
.ccx .tf input{width:280px;border-radius:8px;padding:0 12px;margin:0;height:32px;font-size:12.5px}
.ccx .tip{position:absolute;z-index:20;background:var(--navy);color:#fff;font-size:12px;padding:5px 10px;border-radius:6px;pointer-events:none;white-space:nowrap;box-shadow:var(--sh2)}
.ccx input,.ccx select,.ccx textarea{font:inherit;color:var(--tx);height:34px;padding:4px 10px;margin:2px 6px 2px 0;border:1px solid var(--line2);border-radius:var(--r);background:#fff;max-width:100%}
.ccx input:focus,.ccx select:focus,.ccx textarea:focus{outline:0;border-color:var(--teal);box-shadow:0 0 0 3px rgba(17,139,136,.15)}
.ccx textarea{width:560px;height:96px}
.ccx input[type=checkbox],.ccx input[type=radio]{height:auto}
.ccx input[type=file]{height:auto;border:0;padding:0}
.ccx button{font:inherit;font-weight:600;height:34px;padding:0 14px;margin:2px 6px 2px 0;border:1px solid var(--blue);border-radius:var(--r);background:var(--blue);color:#fff;cursor:pointer;white-space:nowrap}
.ccx button:hover{background:var(--blue2);border-color:var(--blue2)}
.ccx button:active{transform:translateY(1px)}
.ccx td button,.ccx .crumb button{background:#fff;color:var(--blue);border-color:var(--line2);font-weight:500;height:30px;padding:0 10px}
.ccx td button:hover,.ccx .crumb button:hover{background:var(--soft);border-color:var(--blue)}
.ccx .tag{display:inline-flex;align-items:center;gap:5px;padding:1px 9px;border-radius:999px;background:var(--pm);color:var(--mut);font-size:11.5px;font-weight:600;white-space:nowrap;border:1px solid transparent}
.ccx .tag:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.8}
.ccx .WORKING,.ccx .LINKED,.ccx .VERIFIED{background:var(--okbg);color:var(--ok)}
.ccx .PARTIAL,.ccx .CHECKED{background:var(--infobg);color:var(--info)}
.ccx .SUGGESTED,.ccx .PENDING,.ccx .REVIEW,.ccx .DRAFT{background:var(--pendbg);color:var(--pend)}
.ccx .NOT.BUILT,.ccx .TAKEN{background:var(--warnbg);color:var(--warn)}
.ccx .BLOCKED{background:var(--badbg);color:var(--bad)}
.ccx .apps{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.ccx .app{background:var(--card);border:1px solid var(--line);border-radius:var(--rc);box-shadow:var(--sh);padding:16px;display:flex;flex-direction:column;gap:3px}
.ccx .app:hover{box-shadow:var(--sh2)}
.ccx .apph{display:flex;align-items:center;gap:12px;margin-bottom:6px;color:var(--tx);font-weight:650;font-size:15px}
.ccx .apph:hover{text-decoration:none;color:var(--blue)}
.ccx .tile{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex:none}
.ccx .tile .ic{width:21px;height:21px}
.ccx .app>a.pl{padding:5px 8px;margin:0 -8px;border-radius:6px;color:var(--mut)}
.ccx .app>a.pl:hover{background:var(--soft);color:var(--blue);text-decoration:none}
.ccx .dash{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin:0 0 18px}
.ccx .dc{background:var(--card);border:1px solid var(--line);border-radius:var(--rc);box-shadow:var(--sh);padding:14px 16px;display:flex;flex-direction:column;gap:3px;color:var(--tx);min-width:0}
.ccx a.dc:hover{text-decoration:none;color:var(--tx);box-shadow:var(--sh2)}
.ccx .dch{display:flex;align-items:center;gap:9px;color:var(--mut);font-size:12.5px;font-weight:600}
.ccx .dch .tile{width:30px;height:30px;border-radius:8px}
.ccx .dch .tile .ic{width:16px;height:16px}
.ccx .dcv{font-size:20px;font-weight:650;margin-top:4px;white-space:nowrap}
.ccx .dcd{font-size:12.5px;color:var(--tx)}
.ccx .dcs{font-size:11.5px;color:var(--mut);margin-top:auto;padding-top:6px}
.ccx .chart{display:flex;align-items:flex-end;gap:10px;height:170px;padding:6px 2px 0}
.ccx .bm{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;font-size:11.5px;color:var(--mut);min-width:0}
.ccx .bb{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:4px;border-bottom:1px solid var(--line2)}
.ccx .bb i{width:40%;max-width:22px;border-radius:4px 4px 0 0;min-height:2px}
.ccx .bb i:hover{opacity:.75}
.ccx .cin{background:var(--teal)}
.ccx .cout{background:var(--blue)}
.ccx .lg{display:flex;gap:16px;font-size:12px;color:var(--mut);margin-top:10px;flex-wrap:wrap}
.ccx .lg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px}
.ccx details.about{margin:6px 0 10px}
.ccx details.about>summary{display:inline-flex;align-items:center;gap:6px;cursor:pointer;color:var(--mut);font-size:12px;padding:3px 10px;border-radius:999px;background:var(--pm);list-style:none}
.ccx details.about>summary::-webkit-details-marker{display:none}
.ccx details.about>summary:before{content:'i';display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;background:var(--mut);color:#fff;font-size:10px;font-weight:700;font-style:italic}
.ccx details.about>summary:hover{background:var(--soft);color:var(--blue)}
.ccx details.about>div{background:#fff;border:1px solid var(--line);border-left:3px solid var(--line2);border-radius:var(--r);padding:10px 14px;margin-top:6px;color:var(--mut);font-size:13px;max-width:980px}
.ccx details.about.sm>summary{background:none;padding-left:0}
.ccx details.more{margin:8px 0}
.ccx details.more>summary{cursor:pointer;color:var(--blue);font-weight:600;padding:6px 0}
.ccx .ck{position:fixed;inset:0;z-index:50;background:rgba(11,31,56,.38);display:flex;align-items:flex-start;justify-content:center;padding:12vh 16px 16px}
.ccx .ckb{width:min(620px,100%);background:#fff;border-radius:12px;box-shadow:0 24px 60px rgba(11,31,56,.35);overflow:hidden;border:1px solid var(--line)}
.ccx .ckb input{width:100%;height:52px;border:0;border-bottom:1px solid var(--line);border-radius:0;margin:0;padding:0 18px;font-size:15px;box-shadow:none}
.ccx .ckb input:focus{box-shadow:none}
.ccx .ckl{max-height:52vh;overflow:auto;padding:6px}
.ccx .ckl a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;color:var(--tx)}
.ccx .ckl a small{margin-left:auto;color:var(--mut);font-size:11.5px}
.ccx .ckl a.on,.ccx .ckl a:hover{background:var(--soft);text-decoration:none;color:var(--blue)}
.ccx .ckf{display:flex;gap:14px;padding:8px 14px;border-top:1px solid var(--line);font-size:11.5px;color:var(--mut);background:var(--bg)}
.ccx main.auth{max-width:400px;margin:10vh auto 0;padding:30px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh2)}
.ccx main.auth img{height:34px;margin:0 0 6px}
.ccx main.auth .sub2{font-size:12px;color:var(--mut);margin:0 0 18px}
.ccx main.auth h1{font-size:15px;color:var(--mut);font-weight:500;margin:0 0 2px}
.ccx main.auth h2{margin:0 0 12px;font-size:19px}
.ccx main.auth form{display:grid;gap:4px;border:0;padding:0;box-shadow:none;margin:0}
.ccx main.auth input{width:100%;margin:0 0 10px;height:40px}
.ccx main.auth button{margin:6px 0 0;height:42px}
@media (max-width:1100px){.ccx .xg{grid-template-columns:minmax(0,1fr)}}
@media (max-width:900px){.ccx .shell,.ccx #sc:checked~.shell{grid-template-columns:minmax(0,1fr)}
.ccx .side{display:none;position:fixed;top:0;left:0;bottom:0;width:min(290px,86vw);height:auto;z-index:30;box-shadow:12px 0 32px rgba(11,31,56,.35)}
.ccx #nv:checked~.shell .side{display:flex}
.ccx #nv:checked~.shell .scrim{display:block;position:fixed;inset:0;background:rgba(11,31,56,.4);z-index:25}
.ccx .tgl{display:flex}
.ccx .sfoot label{display:none}
.ccx .bar{padding:0 12px;gap:8px}
.ccx .bc{display:none}
.ccx .pt{display:block;font-size:15px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}
.ccx .gs{display:none}
.ccx .who{display:none}
.ccx .bar form.in button{padding:0 10px}
.ccx .sub{padding:0 10px;top:var(--top)}
.ccx main{padding:14px 14px 40px}
.ccx .crumb form{margin:0;flex:1 1 100%}
.ccx .crumb input{flex:1;width:auto;min-width:0}}
@media (max-width:640px){.ccx{font-size:14.5px}
.ccx input,.ccx select,.ccx textarea,.ccx button{font-size:16px;height:42px}
.ccx textarea{width:100%;height:110px}
.ccx .bar button{height:36px;font-size:13px}
.ccx td button{height:38px}
.ccx .kpis{grid-template-columns:minmax(0,1fr);gap:10px}
.ccx .kv{font-size:clamp(20px,9cqw,28px)}
.ccx .kvs{grid-template-columns:repeat(2,minmax(0,1fr))}
.ccx .apps,.ccx .dash{grid-template-columns:minmax(0,1fr)}
.ccx .chart{gap:5px;height:140px}
.ccx h1{font-size:19px}
.ccx .tw{max-height:none;overflow:visible;background:none;border:0;box-shadow:none}
.ccx .tw table,.ccx .tw tbody,.ccx .tw tr,.ccx .tw td{display:block;width:100%}
.ccx .tw table{background:none}
.ccx .tw tr:first-child{display:none}
.ccx .tw tbody tr{background:#fff;border:1px solid var(--line);border-radius:10px;margin:0 0 8px;padding:6px 12px;box-shadow:var(--sh)}
.ccx .tw td{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-bottom:1px dashed var(--line);max-width:none;text-align:right;white-space:normal;overflow-wrap:anywhere}
.ccx .tw td:last-child{border-bottom:0}
.ccx .tw td:before{content:attr(data-l);color:var(--mut);font-size:12px;text-align:left;flex:none;max-width:48%}
.ccx .tw td.n{white-space:nowrap}
.ccx .tw tfoot{display:block}
.ccx .tw tfoot tr{display:block;background:#E9F4F3;border:1px solid #A5D3CF;border-radius:10px;padding:6px 12px}
.ccx .tw tfoot td{position:static;display:flex;justify-content:space-between;background:none;border:0;padding:4px 0}
.ccx .tw tfoot td:empty{display:none}
.ccx .xc .tw{margin:6px 0 0}
.ccx .xc th:first-child,.ccx .xc td:first-child{padding-left:0}
.ccx .xc th:last-child,.ccx .xc td:last-child{padding-right:0}}
@media (prefers-reduced-motion:no-preference){.ccx main{animation:fi .2s ease}
@keyframes fi{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}
.ccx .kpi,.ccx .app,.ccx .dc,.ccx button,.ccx .sub a,.ccx .st,.ccx .appsb{transition:box-shadow .14s ease,background-color .14s ease,color .14s ease}}
@media print{.ccx .side,.ccx .bar,.ccx .sub,.ccx .crumb{display:none}
.ccx .shell{display:block}
.ccx{background:#fff}
.ccx .tw,.ccx table,.ccx .card,.ccx .kpi,.ccx .xc{box-shadow:none}}
.ccx{--navy:#050E1A;--navy2:#0A1A2E;--blue:#2E8BD0;--blue2:#5AB0EA;--teal:#3FA9E0;--teal2:#7FC8F5;--soft:#123457;--bg:#081526;--card:#11294A;--tx:#E4EEF8;--mut:#93A9C2;
--line:#1F4166;--line2:#2B5683;--th:#BFD6EE;--thbg:#163C64;--pm:#16365A;
--ok:#5FD39A;--okbg:rgba(95,211,154,.14);--warn:#F2C46B;--warnbg:rgba(242,196,107,.14);--bad:#FF8A8A;--badbg:rgba(255,138,138,.13);--info:#7FC8F5;--infobg:rgba(127,200,245,.14);--pend:#B3A6FF;--pendbg:rgba(179,166,255,.14);
--l1:#004878;--l2:#024E80;--l3:#0A6AA8;--l4:#2E8BD0;--l5:#5AB0EA;--l6:#9BD2F7;
--face:linear-gradient(180deg,#173A63 0%,#11294A 55%,#0E2240 100%);
--face2:linear-gradient(180deg,#1B4473 0%,#143259 100%);
--sh:0 1px 0 rgba(255,255,255,.07) inset,0 -1px 0 rgba(0,0,0,.35) inset,0 2px 3px rgba(0,0,0,.35),0 12px 26px -10px rgba(0,0,0,.65);
--sh2:0 1px 0 rgba(255,255,255,.10) inset,0 -1px 0 rgba(0,0,0,.35) inset,0 4px 8px rgba(0,0,0,.4),0 22px 40px -14px rgba(0,0,0,.75);color-scheme:dark}
.ccx{background:radial-gradient(1200px 600px at 85% -10%,rgba(46,139,208,.16),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgba(0,72,120,.30),transparent 60%),var(--bg);color:var(--tx)}
.ccx a{color:var(--l5)}
.ccx a:hover{color:var(--l6)}
.ccx h1,.ccx h2{color:#F2F7FC}
.ccx h1{text-shadow:0 1px 0 rgba(0,0,0,.4)}
.ccx .side{background:linear-gradient(180deg,#06111F 0%,#081A30 60%,#0A2038 100%);border-right:1px solid #12304F;box-shadow:6px 0 24px rgba(0,0,0,.35)}
.ccx .st.on{background:linear-gradient(90deg,rgba(46,139,208,.35),rgba(46,139,208,.10));box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.ccx .st.on:before{background:var(--l5)}
.ccx .st.on .ic{color:var(--l6)}
.ccx .bar{background:rgba(8,21,38,.82);border-bottom:1px solid var(--line);box-shadow:0 6px 18px -8px rgba(0,0,0,.6);color:var(--tx)}
.ccx .bc b{color:#F2F7FC}
.ccx .bc a{color:var(--mut)}
.ccx .gs{background:#0D2240;border-color:var(--line2);box-shadow:inset 0 2px 4px rgba(0,0,0,.35)}
.ccx .gs:focus-within{background:#0F2848;border-color:var(--l4);box-shadow:0 0 0 3px rgba(46,139,208,.25),inset 0 2px 4px rgba(0,0,0,.35)}
.ccx .gs input{color:var(--tx)}
.ccx .gs input::placeholder{color:#7D95B0}
.ccx kbd{background:#173A63;color:var(--l6);border-color:#2B5683}
.ccx .appsb:hover{background:var(--soft);color:var(--l6)}
.ccx .who b{color:var(--tx)}
.ccx .av{background:linear-gradient(135deg,var(--l2),var(--l5));box-shadow:0 2px 6px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.25)}
.ccx .bar button{background:var(--face2);border-color:var(--line2);color:var(--tx);box-shadow:var(--sh)}
.ccx .bar button:hover{background:#1F4C80;border-color:var(--l4);color:#fff}
.ccx .sub{background:#0A1C33;border-bottom:1px solid var(--line)}
.ccx .sub a{color:var(--mut)}
.ccx .sub a:hover{color:var(--tx)}
.ccx .sub a.on{color:var(--l6);border-color:var(--l5);text-shadow:0 0 12px rgba(90,176,234,.35)}
.ccx .tgl{color:var(--tx)}
.ccx .tgl:hover{background:var(--soft)}
.ccx .card,.ccx .kpi,.ccx .xc,.ccx .kvt,.ccx .app,.ccx .dc,.ccx .vx-card,.ccx details.about>div{background:var(--face);border:1px solid #24507E;box-shadow:var(--sh)}
.ccx .kpi{border-radius:12px;transition:transform .16s ease,box-shadow .16s ease}
.ccx .kpi:hover{transform:translateY(-3px);box-shadow:var(--sh2)}
.ccx .kpi:before{width:4px;background:linear-gradient(180deg,var(--l6),var(--l3))}
.ccx .kpis .kpi:nth-child(4n+2):before{background:linear-gradient(180deg,var(--l5),var(--l2))}
.ccx .kpis .kpi:nth-child(4n+3):before{background:linear-gradient(180deg,#7FC8F5,#1C6FB0)}
.ccx .kpis .kpi:nth-child(4n+4):before{background:linear-gradient(180deg,#B9E1FB,#2E8BD0)}
.ccx .kpi:after{content:'';position:absolute;right:-40px;top:-40px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(90,176,234,.18),transparent 70%);pointer-events:none}
.ccx .kh,.ccx .kh:hover{color:var(--tx)}
.ccx .kl{color:var(--l6);opacity:.85}
.ccx .kh:hover .kl{color:#fff}
.ccx .kv{color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.45)}
.ccx .ks{color:var(--mut)}
.ccx details.kd>summary{color:var(--l5)}
.ccx details.kd>summary:hover{background:rgba(90,176,234,.12)}
.ccx details.kd>div{background:#0B1E37;color:var(--tx);border:1px solid var(--line);box-shadow:inset 0 2px 5px rgba(0,0,0,.4)}
.ccx .kvt .kl{color:var(--mut)}
.ccx .kvv{color:#fff}
.ccx .xc{border-radius:12px}
.ccx .xh h3{color:var(--l6)}
.ccx .xn{color:var(--mut)}
.ccx .tw{background:var(--face);border:1px solid #24507E;box-shadow:var(--sh);border-radius:12px}
.ccx table{background:transparent;color:var(--tx)}
.ccx .tw table{background:transparent}
.ccx th{background:linear-gradient(180deg,#1E4B7C 0%,#173D66 100%);color:var(--th);border-bottom:1px solid #2F6296;box-shadow:inset 0 1px 0 rgba(255,255,255,.08);text-shadow:0 1px 0 rgba(0,0,0,.35)}
.ccx td{border-bottom:1px solid rgba(43,86,131,.55)}
.ccx tbody tr:nth-child(odd) td{background:rgba(255,255,255,.015)}
.ccx tbody tr:hover td{background:rgba(46,139,208,.16)}
.ccx th.srt:hover{background:linear-gradient(180deg,#24598F,#1C4A79);color:#fff}
.ccx th.srt[data-dir]:after{color:var(--l6)}
.ccx tfoot td{background:linear-gradient(180deg,#1A4A7A,#143B63);color:#fff;border-top:2px solid var(--l4);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.ccx tfoot td.lbl{color:var(--l6)}
.ccx tfoot td span{color:var(--mut)}
.ccx tbody tr:hover tfoot td{background:#1A4A7A}
.ccx .xc .tw{background:transparent;border:0;box-shadow:none}
.ccx .msg{background:linear-gradient(180deg,#123257,#0F2948);border:1px solid #24507E;border-left:3px solid var(--l5);color:var(--tx);box-shadow:var(--sh)}
.ccx .msg.bad{background:linear-gradient(180deg,#3A1C2A,#2C1522);border-color:#6B3346;border-left-color:var(--bad)}
.ccx .msg.wait{background:linear-gradient(180deg,#0F3550,#0C2B43);border-left-color:var(--l6)}
.ccx .mut{color:var(--mut)}
.ccx .take{color:var(--mut)}
.ccx .take b{color:#fff}
.ccx details.about>summary{background:#16365A;color:var(--mut)}
.ccx details.about>summary:before{background:var(--l4)}
.ccx details.about>summary:hover{background:#1D4673;color:#fff}
.ccx details.about>div{color:var(--tx)}
.ccx .tag{background:#16365A;color:var(--mut);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.ccx input,.ccx select,.ccx textarea{background:#0D2240;color:var(--tx);border-color:var(--line2);box-shadow:inset 0 2px 4px rgba(0,0,0,.35)}
.ccx input:focus,.ccx select:focus,.ccx textarea:focus{border-color:var(--l4);box-shadow:0 0 0 3px rgba(46,139,208,.25),inset 0 2px 4px rgba(0,0,0,.35)}
.ccx button{background:linear-gradient(180deg,#2E8BD0 0%,#1C6FB0 55%,#0A5A96 100%);border-color:#0A5A96;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 2px 4px rgba(0,0,0,.45),0 6px 14px -6px rgba(46,139,208,.55)}
.ccx button:hover{background:linear-gradient(180deg,#45A0E2,#2479BC 55%,#0F63A3);border-color:#1C6FB0}
.ccx td button,.ccx .crumb button{background:var(--face2);color:var(--l6);border-color:var(--line2);box-shadow:var(--sh)}
.ccx td button:hover,.ccx .crumb button:hover{background:#1F4C80;color:#fff;border-color:var(--l4)}
.ccx .cin{background:linear-gradient(180deg,#9BD2F7,#2E8BD0)}
.ccx .cout{background:linear-gradient(180deg,#2E8BD0,#004878)}
.ccx .bb{border-bottom-color:var(--line2)}
.ccx .bm,.ccx .lg{color:var(--mut)}
.ccx .tile{background:linear-gradient(135deg,var(--l2),var(--l4))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 3px 8px rgba(0,0,0,.45)}
.ccx .apph{color:var(--tx)}
.ccx .app>a.pl{color:var(--mut)}
.ccx .app>a.pl:hover{background:var(--soft);color:#fff}
.ccx .ck{background:rgba(2,8,16,.65)}
.ccx .ckb{background:#0E2443;border-color:#2B5683;box-shadow:0 30px 70px rgba(0,0,0,.7)}
.ccx .ckb input{background:#0B1E37;color:var(--tx);border-bottom-color:var(--line)}
.ccx .ckl a{color:var(--tx)}
.ccx .ckl a.on,.ccx .ckl a:hover{background:#1B4473;color:#fff}
.ccx .ckf{background:#0B1E37;border-top-color:var(--line);color:var(--mut)}
.ccx main.auth{background:var(--face);border-color:#24507E;box-shadow:var(--sh2)}
.ccx .tip{background:#0B1E37;border:1px solid var(--line2)}
.ccx .vx-toast{background:#0E2443;border:1px solid #2B5683}
@media (max-width:640px){.ccx .tw tbody tr{background:var(--face);border-color:#24507E;box-shadow:var(--sh)}
.ccx .tw td{border-bottom-color:rgba(43,86,131,.55)}
.ccx .tw td:before{color:var(--mut)}
.ccx .tw tfoot tr{background:linear-gradient(180deg,#1A4A7A,#143B63);border-color:var(--l4)}
.ccx .tw tbody tr:nth-child(odd) td,.ccx .tw tbody tr:hover td{background:none}}
@media (max-width:900px){.ccx .side{box-shadow:12px 0 32px rgba(0,0,0,.6)}}
@media print{.ccx{background:#fff;color:#000}}
.ccx{--bg:#18294A;--card:#203560;--soft:#26406B;--line:#2E4A78;--line2:#3B5C8E;--mut:#A9BCD6;--thbg:#2A4777;--pm:#2A4572;
--c-teal:#2DD4BF;--c-sky:#38BDF8;--c-violet:#A78BFA;--c-emerald:#34D399;--c-amber:#FBBF24;--c-coral:#FB7185;--c-indigo:#818CF8;
--face:linear-gradient(180deg,#2A4675 0%,#223A66 55%,#1E335C 100%);--face2:linear-gradient(180deg,#30508A 0%,#26416F 100%);
--sh:0 1px 0 rgba(255,255,255,.09) inset,0 -1px 0 rgba(0,0,0,.25) inset,0 2px 3px rgba(5,12,28,.30),0 12px 24px -10px rgba(5,12,28,.55);
--sh2:0 1px 0 rgba(255,255,255,.12) inset,0 -1px 0 rgba(0,0,0,.25) inset,0 4px 8px rgba(5,12,28,.35),0 22px 38px -14px rgba(5,12,28,.65)}
.ccx{background:radial-gradient(1100px 560px at 88% -12%,rgba(45,212,191,.13),transparent 60%),radial-gradient(900px 520px at -12% 18%,rgba(167,139,250,.12),transparent 60%),
  radial-gradient(1000px 600px at 50% 120%,rgba(56,189,248,.12),transparent 60%),linear-gradient(180deg,#1B2E52 0%,#16264A 100%);background-attachment:fixed}
.ccx .side{background:linear-gradient(180deg,#0F1D38 0%,#132447 55%,#162A52 100%);border-right:1px solid #24406B}
.ccx .st.on{background:linear-gradient(90deg,rgba(45,212,191,.28),rgba(56,189,248,.10))}
.ccx .st.on:before{background:linear-gradient(180deg,var(--c-teal),var(--c-sky))}
.ccx .st.on .ic{color:var(--c-teal)}
.ccx .navs details.sgd:nth-of-type(7n+1) .st .ic{color:#7DD3FC}
.ccx .navs details.sgd:nth-of-type(7n+2) .st .ic{color:#5EEAD4}
.ccx .navs details.sgd:nth-of-type(7n+3) .st .ic{color:#C4B5FD}
.ccx .navs details.sgd:nth-of-type(7n+4) .st .ic{color:#FCD34D}
.ccx .navs details.sgd:nth-of-type(7n+5) .st .ic{color:#FDA4AF}
.ccx .navs details.sgd:nth-of-type(7n+6) .st .ic{color:#6EE7B7}
.ccx .navs details.sgd:nth-of-type(7n+7) .st .ic{color:#A5B4FC}
.ccx .bar{background:rgba(24,41,74,.82);border-bottom:1px solid var(--line)}
.ccx .sub{background:#1A2D52}
.ccx .sub a.on{color:var(--c-teal);border-color:var(--c-teal);text-shadow:0 0 12px rgba(45,212,191,.35)}
.ccx .gs,.ccx input,.ccx select,.ccx textarea{background:#1A2D52}
.ccx .gs:focus-within{background:#1E3460;border-color:var(--c-teal);box-shadow:0 0 0 3px rgba(45,212,191,.22),inset 0 2px 4px rgba(0,0,0,.3)}
.ccx .kpi{--k:var(--c-teal);border-color:color-mix(in srgb,var(--k) 30%,#2E4A78);background:linear-gradient(160deg,color-mix(in srgb,var(--k) 16%,#2A4675) 0%,#223A66 55%,#1E335C 100%)}
.ccx .kpis .kpi:nth-child(6n+1){--k:var(--c-teal)}
.ccx .kpis .kpi:nth-child(6n+2){--k:var(--c-sky)}
.ccx .kpis .kpi:nth-child(6n+3){--k:var(--c-violet)}
.ccx .kpis .kpi:nth-child(6n+4){--k:var(--c-amber)}
.ccx .kpis .kpi:nth-child(6n+5){--k:var(--c-emerald)}
.ccx .kpis .kpi:nth-child(6n+6){--k:var(--c-coral)}
.ccx .kpi:before,.ccx .kpis .kpi:nth-child(n):before{background:linear-gradient(180deg,var(--k),color-mix(in srgb,var(--k) 45%,#1E335C));box-shadow:0 0 12px color-mix(in srgb,var(--k) 55%,transparent)}
.ccx .kpi:after{background:radial-gradient(circle,color-mix(in srgb,var(--k) 30%,transparent),transparent 70%)}
.ccx .kl{color:color-mix(in srgb,var(--k,var(--c-sky)) 75%,#fff);opacity:1}
.ccx details.kd>summary{color:color-mix(in srgb,var(--k,var(--c-sky)) 80%,#fff)}
.ccx .kvt{border-top:3px solid var(--c-sky)}
.ccx .kvs .kvt:nth-child(6n+2){border-top-color:var(--c-teal)}
.ccx .kvs .kvt:nth-child(6n+3){border-top-color:var(--c-violet)}
.ccx .kvs .kvt:nth-child(6n+4){border-top-color:var(--c-amber)}
.ccx .kvs .kvt:nth-child(6n+5){border-top-color:var(--c-emerald)}
.ccx .kvs .kvt:nth-child(6n+6){border-top-color:var(--c-coral)}
.ccx .xc{--x:var(--c-sky);border-top:3px solid var(--x)}
.ccx .xg .xc:nth-child(6n+2){--x:var(--c-teal)}
.ccx .xg .xc:nth-child(6n+3){--x:var(--c-violet)}
.ccx .xg .xc:nth-child(6n+4){--x:var(--c-amber)}
.ccx .xg .xc:nth-child(6n+5){--x:var(--c-emerald)}
.ccx .xg .xc:nth-child(6n+6){--x:var(--c-coral)}
.ccx .xh h3{color:color-mix(in srgb,var(--x) 80%,#fff)}
.ccx h2{display:flex;align-items:center;gap:10px}
.ccx h2:before{content:'';width:6px;height:18px;border-radius:3px;background:linear-gradient(180deg,var(--c-teal),var(--c-sky));box-shadow:0 0 10px rgba(45,212,191,.45);flex:none}
.ccx .tw{background:linear-gradient(180deg,#25406E,#20375F)}
.ccx th{background:linear-gradient(180deg,#34588F 0%,#2B4A7C 100%);color:#E8F1FB;border-bottom:1px solid #4A6FA6}
.ccx tbody tr:nth-child(odd) td{background:rgba(255,255,255,.025)}
.ccx tbody tr:hover td{background:rgba(45,212,191,.12)}
.ccx tfoot td{background:linear-gradient(180deg,#1F6B78,#1A5866);border-top:2px solid var(--c-teal)}
.ccx tfoot td.lbl{color:#B8F5EC}
.ccx tbody tr:hover tfoot td{background:#1F6B78}
.ccx .tag{background:#2A4572}
.ccx .WORKING,.ccx .LINKED,.ccx .VERIFIED{background:rgba(52,211,153,.16);color:#6EE7B7}
.ccx .PARTIAL,.ccx .CHECKED{background:rgba(56,189,248,.16);color:#7DD3FC}
.ccx .SUGGESTED,.ccx .PENDING,.ccx .REVIEW,.ccx .DRAFT{background:rgba(167,139,250,.18);color:#C4B5FD}
.ccx .NOT.BUILT,.ccx .TAKEN{background:rgba(251,191,36,.16);color:#FCD34D}
.ccx .BLOCKED{background:rgba(251,113,133,.16);color:#FDA4AF}
.ccx button{background:linear-gradient(180deg,#2DD4BF 0%,#14B8A6 50%,#0F8F86 100%);border-color:#0F8F86;color:#06222A;text-shadow:0 1px 0 rgba(255,255,255,.25);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 2px 4px rgba(5,12,28,.4),0 6px 14px -6px rgba(45,212,191,.55)}
.ccx button:hover{background:linear-gradient(180deg,#5EEAD4,#2DD4BF 50%,#14B8A6);border-color:#14B8A6;color:#06222A}
.ccx .bar button,.ccx td button,.ccx .crumb button{color:#E8F1FB;text-shadow:none}
.ccx .cin{background:linear-gradient(180deg,#5EEAD4,#14B8A6)}
.ccx .cout{background:linear-gradient(180deg,#A5B4FC,#6366F1)}
.ccx .msg{background:linear-gradient(180deg,#26426F,#213A63);border-left-color:var(--c-sky)}
.ccx .msg.wait{border-left-color:var(--c-teal)}
.ccx .av{background:linear-gradient(135deg,var(--c-teal),var(--c-sky))}
.ccx .tile{background:linear-gradient(135deg,#14B8A6,#38BDF8)!important}
.ccx .apps .app:nth-child(3n+2) .tile{background:linear-gradient(135deg,#8B5CF6,#38BDF8)!important}
.ccx .apps .app:nth-child(3n+3) .tile{background:linear-gradient(135deg,#F59E0B,#FB7185)!important}
.ccx a{color:#7DD3FC}
.ccx a:hover{color:#BAE6FD}
@media (max-width:640px){.ccx .tw tbody tr{background:linear-gradient(180deg,#2A4675,#223A66)}
.ccx .tw tfoot tr{background:linear-gradient(180deg,#1F6B78,#1A5866);border-color:var(--c-teal)}}
.ccx{--bg:#25396A;--card:#2C4678;--soft:#31507F;--line:#3A5A8C;--line2:#4A6DA3;--thbg:#355A92;--pm:#35558A;
--face:linear-gradient(180deg,#36578F 0%,#2E4B80 55%,#2A4576 100%);--face2:linear-gradient(180deg,#3C60A0 0%,#32528A 100%)}
.ccx{background:radial-gradient(1100px 560px at 88% -12%,rgba(45,212,191,.15),transparent 60%),radial-gradient(900px 520px at -12% 18%,rgba(167,139,250,.14),transparent 60%),
  radial-gradient(1000px 600px at 50% 120%,rgba(56,189,248,.14),transparent 60%),linear-gradient(180deg,#28406F 0%,#223864 100%);background-attachment:fixed}
.ccx .side{background:linear-gradient(180deg,#172A4E 0%,#1C315A 55%,#203864 100%);border-right:1px solid #2F4C7C}
.ccx .bar{background:rgba(37,57,106,.85)}
.ccx .sub{background:#26406F}
.ccx .gs,.ccx input,.ccx select,.ccx textarea{background:#22396A}
.ccx .gs:focus-within{background:#284275}
.ccx .kpi{background:linear-gradient(160deg,color-mix(in srgb,var(--k) 16%,#36578F) 0%,#2E4B80 55%,#2A4576 100%)}
.ccx .tw{background:linear-gradient(180deg,#31508A,#2B477C)}
.ccx th{background:linear-gradient(180deg,#416AA8 0%,#365B94 100%);border-bottom-color:#5A80BA}
.ccx .msg{background:linear-gradient(180deg,#31528A,#2B497E)}
.ccx details.kd>div{background:#22396A}
@media (max-width:640px){.ccx .tw tbody tr{background:linear-gradient(180deg,#36578F,#2E4B80)}}
.ccx .xl{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;margin:0;font-size:12px;font-weight:600;border-radius:7px;background:linear-gradient(180deg,#34D399,#10B981 55%,#0E9F6E);border:1px solid #0E9F6E;color:#05281C;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 2px 4px rgba(5,12,28,.35);cursor:pointer;white-space:nowrap;text-shadow:none}
.ccx .xl:hover{background:linear-gradient(180deg,#6EE7B7,#34D399 55%,#10B981);color:#05281C}
.ccx .xl svg{width:14px;height:14px}
.ccx .tf{justify-content:flex-start}
.ccx .tf .xl{margin-left:auto}
.ccx .xlp{margin:0 0 10px auto;display:flex;justify-content:flex-end}
.ccx .brand img{height:39px}
.ccx{--bg:#41608F;--card:#4B6CA2;--soft:#4F70A6;--line:#5A7AAE;--line2:#6A8BBE;--thbg:#5577B0;--pm:#55749F;--mut:#DCE6F2;
--face:linear-gradient(180deg,#5373AA 0%,#4A6A9F 55%,#456496 100%);--face2:linear-gradient(180deg,#5A7DB6 0%,#4E6FA6 100%);
--sh:0 1px 0 rgba(255,255,255,.14) inset,0 -1px 0 rgba(0,0,0,.18) inset,0 2px 3px rgba(20,35,65,.25),0 12px 24px -10px rgba(20,35,65,.45);
--sh2:0 1px 0 rgba(255,255,255,.18) inset,0 -1px 0 rgba(0,0,0,.18) inset,0 4px 8px rgba(20,35,65,.3),0 22px 38px -14px rgba(20,35,65,.55)}
.ccx{background:radial-gradient(1100px 560px at 88% -12%,rgba(45,212,191,.16),transparent 60%),radial-gradient(900px 520px at -12% 18%,rgba(167,139,250,.15),transparent 60%),
  radial-gradient(1000px 600px at 50% 120%,rgba(56,189,248,.15),transparent 60%),linear-gradient(180deg,#46669A 0%,#3F5D8C 100%);background-attachment:fixed}
.ccx .side{background:linear-gradient(180deg,#22385F 0%,#28406B 55%,#2D4876 100%);border-right:1px solid #3D5A8A}
.ccx .bar{background:rgba(65,96,143,.88);border-bottom-color:#5A7AAE}
.ccx .sub{background:#3F5E8E}
.ccx .gs,.ccx input,.ccx select,.ccx textarea{background:#38557F}
.ccx .gs:focus-within{background:#3D5C8A}
.ccx .gs input::placeholder{color:#C4D3E6}
.ccx .kpi{background:linear-gradient(160deg,color-mix(in srgb,var(--k) 18%,#5373AA) 0%,#4A6A9F 55%,#456496 100%);border-color:color-mix(in srgb,var(--k) 35%,#6A8BBE)}
.ccx .tw{background:linear-gradient(180deg,#4D6EA4,#476798)}
.ccx th{background:linear-gradient(180deg,#5E82BC 0%,#5375AE 100%);border-bottom-color:#7A9CD0}
.ccx tbody tr:nth-child(odd) td{background:rgba(255,255,255,.035)}
.ccx td{border-bottom-color:rgba(120,150,200,.45)}
.ccx tfoot td{background:linear-gradient(180deg,#2A8592,#23707C)}
.ccx tbody tr:hover tfoot td{background:#2A8592}
.ccx .msg{background:linear-gradient(180deg,#4F70A6,#486899)}
.ccx details.kd>div{background:#3A5784}
.ccx details.about>summary{background:#4F70A6}
.ccx .tag{background:#4F70A6;color:#E8F0FA}
.ccx .xc,.ccx .card,.ccx .kvt,.ccx .app,.ccx .dc{border-color:#6A8BBE}
.ccx .ks,.ccx .xn,.ccx .take,.ccx .mut,.ccx .bm,.ccx .lg{color:#DCE6F2}
.ccx .kl{opacity:1}
@media (max-width:640px){.ccx .tw tbody tr{background:linear-gradient(180deg,#5373AA,#4A6A9F)}
.ccx .tw tfoot tr{background:linear-gradient(180deg,#2A8592,#23707C)}}
.ccx .kpi .ki,.ccx .kpi .kc{display:none}
.ccx .ov2{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:14px;margin:14px 0;align-items:stretch}
.ccx .ov2>.card{margin:0}
.ccx .ov2:has(> :only-child){grid-template-columns:minmax(0,1fr)}
.ccx .na5{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px;box-shadow:var(--sh)}
.ccx .na5 ul{list-style:none;margin:6px 0 0;padding:0}
.ccx .na5 li{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}
.ccx .na5 li:last-child{border-bottom:0}
.ccx .na5 li>a{flex:1;min-width:0;color:var(--tx);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ccx .na5 li>i{width:9px;height:9px;border-radius:50%;flex:none}
.ccx .na5 i.p1{background:#F0716B}
.ccx .na5 i.p2{background:#F2B544}
.ccx .na5 i.p3{background:#9FB0C4}
.ccx .na5 li>b{font-size:11px;font-weight:700;padding:1px 8px;border-radius:999px;flex:none}
.ccx .na5 b.p1{background:rgba(240,113,107,.22);color:#FFB3AE}
.ccx .na5 b.p2{background:rgba(242,181,68,.22);color:#FFD98A}
.ccx .na5 b.p3{background:rgba(159,176,196,.22);color:#DCE4EE}
@media (max-width:1100px){.ccx .ov2{grid-template-columns:minmax(0,1fr)}}
.ccx .thm-slate .col{--bg:#354255;--card:#43536A;--panel:#48596E;--bar:#3B4B60;--tx:#F5F7FA;--mut:#D0D9E5;--line:rgba(255,255,255,.09);--line2:rgba(255,255,255,.16);
  --th:#E6ECF3;--thbg:#52647B;--soft:#4E6078;--pm:#506279;--acc:#3FB8AE;--acc2:#5E9FD6;
  --sh:0 1px 2px rgba(10,16,28,.25),0 4px 12px rgba(10,16,28,.18);--sh2:0 2px 4px rgba(10,16,28,.3),0 10px 24px rgba(10,16,28,.25);
  background:#354255;color:var(--tx);min-height:100vh}
.ccx .thm-slate .col a{color:#9CCBEF}
.ccx .thm-slate .col a:hover{color:#C6E2F7}
.ccx .thm-slate .bar{background:#3B4B60;border-bottom:1px solid rgba(255,255,255,.07);box-shadow:none;backdrop-filter:none}
.ccx .thm-slate .bc a{color:var(--mut)}
.ccx .thm-slate .bc b{color:var(--tx)}
.ccx .thm-slate .sub{background:#3B4B60;border-bottom:1px solid rgba(255,255,255,.07)}
.ccx .thm-slate .sub a{color:var(--mut)}
.ccx .thm-slate .sub a.on{color:#fff;border-color:var(--acc);text-shadow:none}
.ccx .thm-slate .gs,.ccx .thm-slate input,.ccx .thm-slate select,.ccx .thm-slate textarea{background:#334155;border:1px solid rgba(255,255,255,.12);color:var(--tx);box-shadow:none}
.ccx .thm-slate .gs:focus-within,.ccx .thm-slate input:focus,.ccx .thm-slate select:focus{background:#334155;border-color:var(--acc);box-shadow:0 0 0 3px rgba(63,184,174,.18)}
.ccx .thm-slate .gs input::placeholder{color:#AFBBCB}
.ccx .thm-slate kbd{background:#48596E;color:var(--mut);border-color:rgba(255,255,255,.15)}
.ccx .thm-slate h1,.ccx .thm-slate h2{color:var(--tx);text-shadow:none}
.ccx .thm-slate h2:before{background:var(--acc);box-shadow:none}
.ccx .thm-slate .take{color:var(--mut)}
.ccx .thm-slate .take b{color:#fff}
.ccx .thm-slate .kpi{background:#43536A;border:1px solid rgba(255,255,255,.08);box-shadow:var(--sh);border-radius:10px;padding:16px 40px 14px 62px;min-height:96px;transform:none}
.ccx .thm-slate .kpi:hover{transform:translateY(-1px);box-shadow:var(--sh2);border-color:rgba(255,255,255,.14)}
.ccx .thm-slate .kpi:after{display:none}
.ccx .thm-slate .kpi:before,.ccx .thm-slate .kpis .kpi:nth-child(n):before{width:3px;background:var(--k);box-shadow:none;opacity:.85}
.ccx .thm-slate .kpis .kpi:nth-child(6n+1){--k:#3FB8AE}
.ccx .thm-slate .kpis .kpi:nth-child(6n+2){--k:#5E9FD6}
.ccx .thm-slate .kpis .kpi:nth-child(6n+3){--k:#9A8CE0}
.ccx .thm-slate .kpis .kpi:nth-child(6n+4){--k:#D9A441}
.ccx .thm-slate .kpis .kpi:nth-child(6n+5){--k:#4CBF8C}
.ccx .thm-slate .kpis .kpi:nth-child(6n+6){--k:#D9737E}
.ccx .thm-slate .kpi .ki{display:flex;position:absolute;left:18px;top:18px;width:30px;height:30px;color:var(--k)}
.ccx .thm-slate .kpi .ki .ic{width:30px;height:30px;stroke-width:1.4}
.ccx .thm-slate .kpi .kc{display:flex;position:absolute;right:14px;top:22px;color:#C2CDDA}
.ccx .thm-slate .kpi .kc .ic{width:16px;height:16px}
.ccx .thm-slate .kl{color:color-mix(in srgb,var(--k) 55%,#E6ECF3);font-size:11px;letter-spacing:.08em}
.ccx .thm-slate .kv{color:#F5F7FA;text-shadow:none;font-size:clamp(17px,7.4cqw,24px)}
.ccx .thm-slate .ks{color:var(--mut)}
.ccx .thm-slate details.kd>summary{color:#9CCBEF}
.ccx .thm-slate details.kd>summary:hover{background:rgba(255,255,255,.06)}
.ccx .thm-slate details.kd>div{background:#3B4B60;border:1px solid var(--line);box-shadow:none;color:var(--tx)}
.ccx .thm-slate .card,.ccx .thm-slate .xc,.ccx .thm-slate .na5,.ccx .thm-slate .kvt,.ccx .thm-slate .tw,.ccx .thm-slate details.about>div{background:#48596E;border:1px solid rgba(255,255,255,.08);box-shadow:var(--sh)}
.ccx .thm-slate .xc{border-top:1px solid rgba(255,255,255,.08)}
.ccx .thm-slate .xh h3{color:#E6ECF3}
.ccx .thm-slate .xn{color:var(--mut)}
.ccx .thm-slate .kvt{border-top:2px solid var(--acc2)}
.ccx .thm-slate .kvv{color:#fff}
.ccx .thm-slate .kvt .kl{color:var(--mut)}
.ccx .thm-slate th{background:#52647B;color:#E6ECF3;border-bottom:1px solid rgba(255,255,255,.12);box-shadow:none;text-shadow:none}
.ccx .thm-slate td{border-bottom:1px solid rgba(255,255,255,.07)}
.ccx .thm-slate tbody tr:nth-child(odd) td{background:transparent}
.ccx .thm-slate tbody tr:hover td{background:rgba(255,255,255,.05)}
.ccx .thm-slate th.srt:hover{background:#5A6E87;color:#fff}
.ccx .thm-slate tfoot td{background:#3F4F64;color:#fff;border-top:2px solid rgba(63,184,174,.7);box-shadow:none}
.ccx .thm-slate tfoot td.lbl{color:#9FE3DA}
.ccx .thm-slate tbody tr:hover tfoot td{background:#3F4F64}
.ccx .thm-slate .xc .tw{background:transparent;border:0;box-shadow:none}
.ccx .thm-slate .msg{background:#48596E;border:1px solid rgba(255,255,255,.08);border-left:3px solid var(--acc2);color:var(--tx);box-shadow:none}
.ccx .thm-slate .msg.bad{background:#56495A;border-left-color:#F0716B}
.ccx .thm-slate .msg.wait{border-left-color:var(--acc)}
.ccx .thm-slate details.about>summary{background:#48596E;color:var(--mut)}
.ccx .thm-slate details.about>summary:before{background:var(--acc2)}
.ccx .thm-slate .tag{background:#52647B;color:#E6ECF3;box-shadow:none}
.ccx .thm-slate button{background:#52647B;border:1px solid rgba(255,255,255,.14);color:#F5F7FA;box-shadow:none;text-shadow:none}
.ccx .thm-slate button:hover{background:#5C708A;border-color:var(--acc);color:#fff}
.ccx .thm-slate .xl{background:#48596E;border:1px solid rgba(63,184,174,.55);color:#BFF0EA}
.ccx .thm-slate .xl:hover{background:#52647B;color:#fff}
.ccx .thm-slate td button,.ccx .thm-slate .crumb button,.ccx .thm-slate .bar button{background:#48596E;color:#F5F7FA;border-color:rgba(255,255,255,.14);box-shadow:none}
.ccx .thm-slate .cin{background:#3FB8AE}
.ccx .thm-slate .cout{background:#5E9FD6}
.ccx .thm-slate .bb{border-bottom-color:rgba(255,255,255,.15)}
.ccx .thm-slate .bm,.ccx .thm-slate .lg{color:var(--mut)}
.ccx .thm-slate .na5 li{border-bottom-color:rgba(255,255,255,.08)}
@media (max-width:640px){.ccx .thm-slate .tw{background:none;border:0;box-shadow:none}
.ccx .thm-slate .tw tbody tr{background:#48596E;border:1px solid rgba(255,255,255,.08);box-shadow:var(--sh)}
.ccx .thm-slate .tw tfoot tr{background:#3F4F64;border-color:rgba(63,184,174,.6)}
.ccx .thm-slate .kpi{padding-left:58px}}
.ccx svg.cash{width:100%;height:auto;display:block;margin-top:6px}
.ccx svg.cash .cg{stroke:rgba(255,255,255,.10);stroke-width:1}
.ccx svg.cash .ct{fill:#C5D0DE;font-size:11px}
.ccx svg.cash .cl{fill:none;stroke:#3FB8AE;stroke-width:2.4;stroke-linejoin:round}
.ccx svg.cash .ca{fill:rgba(63,184,174,.22)}
.ccx svg.cash .ce{fill:#7FE0D6;stroke:#fff;stroke-width:2}
.ccx svg.cash .ch{fill:transparent;cursor:pointer}
.ccx svg.cash .ch:hover{fill:rgba(127,224,214,.35)}
.ccx .cpos{margin:0}
.ccx .thm-slate .kpis{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:16px}
.ccx .thm-slate main{position:relative}
.ccx .thm-slate .crumb{position:absolute;right:24px;top:18px;margin:0;z-index:3;gap:8px;flex-wrap:nowrap}
.ccx .thm-slate .crumb form{margin:0}
.ccx .thm-slate .crumb input{width:210px;height:34px;background:#3B4B60}
.ccx .thm-slate .crumb .xl{height:34px;padding:0 14px;font-size:13px}
.ccx .thm-slate main>h1:first-of-type,.ccx .thm-slate main h1{padding-right:430px}
.ccx .thm-slate .kpi details.kd{display:none}
.ccx .thm-slate .kpi:hover details.kd,.ccx .thm-slate .kpi:focus-within details.kd{display:block}
@media (max-width:900px){.ccx .thm-slate .crumb{position:static;margin:0 0 10px}
.ccx .thm-slate main h1{padding-right:0}}
@media (hover:none){.ccx .thm-slate .kpi details.kd{display:block}}
.ccx .fig{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--mut);white-space:nowrap;margin-right:6px}
.ccx .fig i{width:7px;height:7px;border-radius:50%;background:#3FB8AE;box-shadow:0 0 6px rgba(63,184,174,.7)}
.ccx .fig b{color:var(--tx);font-weight:650}
.ccx .tbi{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;color:var(--mut)}
.ccx .tbi:hover{background:rgba(255,255,255,.07);color:#fff;text-decoration:none}
.ccx .tbi .ic{width:20px;height:20px}
.ccx .tbi i.dot{position:absolute;top:7px;right:8px;width:8px;height:8px;border-radius:50%;background:#F0716B;border:2px solid var(--bg,#354255)}
.ccx details.um{position:relative}
.ccx details.um>summary{list-style:none;display:flex;align-items:center;gap:4px;cursor:pointer;color:var(--mut);padding:2px;border-radius:999px}
.ccx details.um>summary::-webkit-details-marker{display:none}
.ccx details.um>summary .ic{width:16px;height:16px}
.ccx details.um .av{background:linear-gradient(135deg,#D9467F,#B8336A)}
.ccx details.um>div{position:absolute;right:0;top:44px;z-index:30;min-width:200px;background:#43536A;border:1px solid rgba(255,255,255,.12);border-radius:10px;box-shadow:0 14px 34px rgba(10,16,28,.45);padding:12px;display:grid;gap:2px}
.ccx details.um>div b{color:#F5F7FA}
.ccx details.um>div span{color:#D0D9E5;font-size:12px;margin-bottom:8px}
.ccx details.um>div button{width:100%;margin:0}
.ccx .pact{display:flex;justify-content:flex-end;gap:10px;margin:0 0 8px}
.ccx .pab{display:inline-flex;align-items:center;height:34px;padding:0 16px;border-radius:8px;font-weight:600;font-size:13px;background:#48596E;border:1px solid rgba(255,255,255,.14);color:#F5F7FA!important;text-decoration:none!important}
.ccx .pab:hover{background:#52647B}
.ccx .pact .xl{height:34px;padding:0 16px;font-size:13px}
.ccx .st b.ct{background:#E5484D;color:#fff;font-size:11px;line-height:19px;padding:0 8px;border-radius:999px;margin-left:auto}
.ccx .thm-slate .pact{position:absolute;right:24px;top:20px;margin:0;z-index:3}
.ccx .thm-slate .crumb{display:none}
.ccx .thm-slate main h1{padding-right:240px;font-size:24px;margin-top:4px}
.ccx .thm-slate .pact .xl{background:#48596E;border:1px solid rgba(255,255,255,.14);color:#F5F7FA}
.ccx .thm-slate .pact .xl:hover{background:#52647B}
.ccx .thm-slate .kpi{background:linear-gradient(90deg,color-mix(in srgb,var(--k) 16%,#43536A) 0%,#43536A 38%,#43536A 100%)}
.ccx .thm-slate .kpi:before,.ccx .thm-slate .kpis .kpi:nth-child(n):before{width:4px;border-radius:10px 0 0 10px}
.ccx .thm-slate .kpi .ki{top:50%;transform:translateY(-62%);left:20px;width:32px;height:32px}
.ccx .thm-slate .kpi .ki .ic{width:32px;height:32px}
.ccx .thm-slate .kpi .kc{top:50%;transform:translateY(-60%);right:16px}
.ccx .thm-slate .kpi{padding:18px 44px 16px 72px;min-height:104px;display:flex;flex-direction:column;justify-content:center}
.ccx .thm-slate .kv{font-size:clamp(18px,7.6cqw,25px)}
.ccx .cpos .xh,.ccx .na5 .xh{align-items:center;margin-bottom:6px}
.ccx .cpos h3,.ccx .na5 h3{display:flex;align-items:center;gap:10px;font-size:15px;text-transform:none;letter-spacing:0;color:#F5F7FA}
.ccx .cpos h3 .ic,.ccx .na5 h3 .ic{width:22px;height:22px;color:#C5D0DE}
.ccx .na5 .xh a{font-weight:650;color:#3FC8BC!important}
.ccx select.cdays{height:34px;margin:0;padding:0 30px 0 12px;background:#3B4B60;border:1px solid rgba(255,255,255,.14);border-radius:8px;color:#F5F7FA;font-size:12.5px}
.ccx .cnote{font-size:11px;margin:4px 0 0;opacity:.8}
.ccx .thm-slate .na5 li>a{font-size:13.5px;color:#F5F7FA}
@media (max-width:900px){.ccx .thm-slate .pact{position:static;margin:0 0 8px}
.ccx .thm-slate main h1{padding-right:0}
.ccx .fig{display:none}}
.ccx .thm-slate .side{background:#0D1C30;border-right:1px solid #16263C;box-shadow:none}
.ccx .thm-slate .st.on{background:linear-gradient(90deg,rgba(87,188,195,.30),rgba(87,188,195,.12));color:#fff}
.ccx .thm-slate .st.on:before{background:#57BCC3}
.ccx .thm-slate .col{--bg:#3C4D63;--card:#495A70;--panel:#4C5A71;--line:rgba(255,255,255,.08);--mut:#D0D9E5;--acc:#57BCC3;
  background:linear-gradient(180deg,#3C4D63 0%,#39485C 100%)}
.ccx .thm-slate .bar{background:#2D3E56;border-bottom:1px solid rgba(255,255,255,.06)}
.ccx .thm-slate .sub{background:#2D3E56}
.ccx .thm-slate .gs{background:#2B3B53;border:1px solid rgba(255,255,255,.14)}
.ccx .thm-slate .gs input{color:#F5F7FA}
.ccx .thm-slate .kpi{background:linear-gradient(90deg,color-mix(in srgb,var(--k) 22%,#495A70) 0%,#495A70 30%,#4C5D73 100%);border:1px solid rgba(255,255,255,.10);border-radius:10px}
.ccx .thm-slate .kpis .kpi:nth-child(6n+1){--k:#57BCC3}
.ccx .thm-slate .kpis .kpi:nth-child(6n+2){--k:#6FA8DC}
.ccx .thm-slate .kpis .kpi:nth-child(6n+3){--k:#9B8DE3}
.ccx .thm-slate .kpis .kpi:nth-child(6n+4){--k:#F4C368}
.ccx .thm-slate .kpis .kpi:nth-child(6n+5){--k:#57BCC3}
.ccx .thm-slate .kpis .kpi:nth-child(6n+6){--k:#F28EA9}
.ccx .thm-slate .kl{color:color-mix(in srgb,var(--k) 70%,#fff)}
.ccx .thm-slate .card,.ccx .thm-slate .xc,.ccx .thm-slate .na5,.ccx .thm-slate .tw,.ccx .thm-slate .kvt{background:#4C5A71;border:1px solid rgba(255,255,255,.10)}
.ccx .thm-slate .na5 li{border-bottom-color:rgba(255,255,255,.08)}
.ccx .thm-slate .na5 i.p1{background:#F28EA9}
.ccx .thm-slate .na5 i.p2{background:#F4C368}
.ccx .thm-slate .na5 b.p1{background:rgba(242,142,169,.25);color:#FFC3D3}
.ccx .thm-slate .na5 b.p2{background:#F4C368;color:#3A2A05}
.ccx .thm-slate th{background:#55657C}
.ccx .thm-slate tfoot td{background:#435369}
.ccx .thm-slate .pact .xl{background:#495A72;border-color:rgba(255,255,255,.16)}
.ccx .thm-slate .pab{background:#273A51;border-color:rgba(255,255,255,.14)}
.ccx .thm-slate select.cdays{background:#4C5562}
.ccx .thm-slate svg.cash .cl{stroke:#4CB7BC}
.ccx .thm-slate svg.cash .ca{fill:#426677;fill-opacity:.85}
.ccx .thm-slate svg.cash .ce{fill:#4CB7BC}
.ccx .thm-slate .tbi i.dot{border-color:#2D3E56}
.ccx .thm-slate details.um .av{background:#D9467F}
.ccx .thm-slate .st{font-size:15px;min-height:40px;gap:13px}
.ccx .thm-slate .st .ic{width:20px;height:20px}
.ccx .thm-slate .sg,.ccx .thm-slate details.sgd>summary{font-size:11.5px}
.ccx .thm-slate .brand b{font-size:15px}
.ccx .thm-slate .kv{font-size:clamp(19px,7.8cqw,26px)}
.ccx .thm-slate .kl{font-size:11.5px}
.ccx .thm-slate .ks{font-size:13px}
.ccx{-webkit-tap-highlight-color:rgba(87,188,195,.18);scroll-behavior:smooth}
.ccx a,.ccx button,.ccx summary,.ccx label,.ccx .kpi,.ccx .st{touch-action:manipulation}
@media (max-width:640px){.ccx main h1,.ccx .thm-slate main h1{font-size:clamp(17px,5.6vw,22px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:0;margin:4px 0 6px}
.ccx .thm-slate .pact{position:static;justify-content:flex-end;margin:0 0 6px}
.ccx .pact .xl,.ccx .pab{height:38px}
.ccx .tw,.ccx .side,.ccx .xg,.ccx main{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}
.ccx .kpi,.ccx .xc,.ccx .card{transition:none}
.ccx .kpi:active{transform:scale(.99)}
.ccx .bar{padding:0 8px}
.ccx .tbi{width:40px;height:40px}
.ccx .gs{display:none}
.ccx .fig{display:none}
.ccx .thm-slate .kpi{padding:14px 36px 12px 60px;min-height:88px}
.ccx .thm-slate .kpi .ki{left:16px;width:28px;height:28px}
.ccx .thm-slate .kpi .ki .ic{width:28px;height:28px}
.ccx .take{font-size:13.5px}

}
.ccx .pph{margin:14px 0 4px;color:#F4C368}
.ccx .grand .tw{border:1px solid rgba(87,188,195,.55)}
.ccx .grand td{font-weight:700;background:rgba(87,188,195,.14)!important}
.ccx .grand td:first-child{color:#9FE3DA}
@media (max-width:640px){.ccx .grand .tw tbody tr{border-color:rgba(87,188,195,.55)}}
.ccx .kpis.k65{grid-template-columns:repeat(auto-fill,minmax(min(100%,221px),1fr));gap:10px}
.ccx .thm-slate .kpis.k65 .kpi{padding:11px 28px 10px 46px;min-height:68px;border-radius:8px}
.ccx .thm-slate .kpis.k65 .kpi .ki{left:13px;width:21px;height:21px}
.ccx .thm-slate .kpis.k65 .kpi .ki .ic{width:21px;height:21px}
.ccx .thm-slate .kpis.k65 .kpi .kc{right:10px}
.ccx .thm-slate .kpis.k65 .kpi .kc .ic{width:11px;height:11px}
.ccx .thm-slate .kpis.k65 .kl{font-size:8.5px;letter-spacing:.07em}
.ccx .thm-slate .kpis.k65 .kv{font-size:clamp(13px,6.6cqw,17px)}
.ccx .thm-slate .kpis.k65 .ks{font-size:9.5px;line-height:1.35}
.ccx .thm-slate .kpis.k65 details.kd>summary{font-size:9.5px}
@media (max-width:640px){.ccx .kpis.k65{grid-template-columns:repeat(2,minmax(0,1fr))}
.ccx .thm-slate .kpis.k65 .kpi{padding:10px 22px 9px 38px}
.ccx .thm-slate .kpis.k65 .kpi .ki{left:10px}}


/* the dashboard frame: no gutter, our page spans the whole window */
#dash-root{--dash-gutter:0}
.ccx{position:relative;font:13.5px/1.5 var(--f);font-variant-numeric:tabular-nums;overflow-x:clip;min-height:100vh}
.ccx .shell{min-height:100vh}