/* DLC Pro V4 — Production CSS · Zero CDN Dependencies */
:root{--bg:#0b1120;--bg2:#111a2e;--bg3:#182038;--bg3h:#1e2847;--bgi:#182038;--bgs:#0e1525;--bd:rgba(56,78,107,.35);--bdl:rgba(56,78,107,.2);--t1:#f1f5f9;--t2:#94a3b8;--t3:#64748b;--t4:#475569;--ac:#10b981;--ach:#059669;--acl:rgba(16,185,129,.12);--acg:rgba(16,185,129,.25);--bl:#3b82f6;--bll:rgba(59,130,246,.12);--pr:#a78bfa;--prl:rgba(167,139,250,.12);--rd:#f87171;--rdl:rgba(248,113,113,.12);--or:#fb923c;--orl:rgba(251,146,60,.12);--yl:#fbbf24;--yll:rgba(251,191,36,.12);--sbw:256px;--sbc:66px;--hh:60px;--rs:8px;--rm:12px;--rl:16px;--sh:0 2px 8px rgba(0,0,0,.2);--sh2:0 8px 32px rgba(0,0,0,.3);--tr:.2s cubic-bezier(.4,0,.2,1)}
[data-theme="light"]{--bg:#f0f4f8;--bg2:#fff;--bg3:#fff;--bg3h:#f1f5f9;--bgi:#f1f5f9;--bgs:#e8edf2;--bd:rgba(148,163,184,.3);--bdl:rgba(148,163,184,.15);--t1:#0f172a;--t2:#475569;--t3:#64748b;--t4:#94a3b8;--ac:#059669;--ach:#047857;--acl:rgba(5,150,105,.08);--acg:rgba(5,150,105,.15);--sh:0 1px 3px rgba(0,0,0,.06);--sh2:0 12px 40px rgba(0,0,0,.08)}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}body{font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;background:var(--bg);color:var(--t1);line-height:1.6;font-size:14px;min-height:100dvh;-webkit-font-smoothing:antialiased;overflow-x:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:var(--t4);border-radius:10px}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.25}a{color:var(--ac);text-decoration:none}.mono{font-family:ui-monospace,'Cascadia Code',monospace}
.app{display:flex;min-height:100dvh}.main{flex:1;margin-left:var(--sbw);transition:margin var(--tr);min-width:0}.main.collapsed{margin-left:var(--sbc)}.content{padding:20px;max-width:1400px;margin:0 auto}
.sb{position:fixed;top:0;left:0;bottom:0;width:var(--sbw);background:var(--bg2);border-right:1px solid var(--bd);display:flex;flex-direction:column;z-index:100;transition:all var(--tr);overflow:hidden}.sb.collapsed{width:var(--sbc)}.sb-brand{height:var(--hh);display:flex;align-items:center;gap:12px;padding:0 18px;border-bottom:1px solid var(--bd);flex-shrink:0}.sb-logo{width:34px;height:34px;border-radius:var(--rs);background:linear-gradient(135deg,var(--ac),#06b6d4);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;font-weight:800;font-size:13px}.sb-text h3{font-size:15px;font-weight:800;letter-spacing:-.02em;color:var(--t1)}.sb-text small{font-size:10px;color:var(--ac);font-family:ui-monospace,monospace}.sb.collapsed .sb-text{display:none}.sb.collapsed .sb-brand{justify-content:center;padding:0}
.sb-nav{flex:1;overflow-y:auto;padding:10px 6px}.nav-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--t4);padding:14px 14px 4px}.sb.collapsed .nav-label{display:none}.ni{display:flex;align-items:center;gap:10px;padding:8px 12px;margin:1px 0;border-radius:var(--rs);color:var(--t3);font-size:13px;font-weight:500;text-decoration:none;border:1px solid transparent;transition:all var(--tr)}.ni:hover{background:var(--acl);color:var(--t1)}.ni.active{background:var(--acl);color:var(--ac);border-color:var(--acg);font-weight:600}.ni svg{flex-shrink:0;opacity:.65}.ni.active svg{opacity:1}.sb.collapsed .ni{justify-content:center;padding:9px}.sb.collapsed .ni span{display:none}.sb.collapsed .nbadge{display:none}.nbadge{margin-left:auto;font-size:9px;font-weight:700;background:var(--rd);color:#fff;padding:1px 6px;border-radius:10px;min-width:18px;text-align:center}.sb-foot{padding:8px;border-top:1px solid var(--bd)}.sb-toggle{width:100%;display:flex;align-items:center;justify-content:center;padding:7px;border-radius:var(--rs);background:0;border:1px solid var(--bdl);color:var(--t4);cursor:pointer;transition:all var(--tr)}.sb-toggle:hover{background:var(--bg3);color:var(--t1)}
.hdr{height:var(--hh);background:var(--bg2);border-bottom:1px solid var(--bd);display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:sticky;top:0;z-index:50}.hdr-l{display:flex;align-items:center;gap:14px}.hdr-l h1{font-size:17px;font-weight:700}.hdr-r{display:flex;align-items:center;gap:10px}.search{position:relative}.search input{width:200px;padding:7px 10px 7px 32px;background:var(--bgi);border:1px solid var(--bdl);border-radius:var(--rs);color:var(--t1);font-size:13px;transition:all var(--tr)}.search input:focus{border-color:var(--ac);outline:0;width:260px;box-shadow:0 0 0 3px var(--acl)}.search svg{position:absolute;left:9px;top:50%;transform:translateY(-50%);color:var(--t4)}
.ibtn{width:36px;height:36px;border-radius:var(--rs);background:0;border:1px solid var(--bdl);color:var(--t3);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--tr);position:relative}.ibtn:hover{background:var(--bg3);color:var(--t1);border-color:var(--bd)}.ibtn .dot{position:absolute;top:5px;right:5px;width:7px;height:7px;background:var(--rd);border-radius:50%;border:2px solid var(--bg2)}.avatar{width:32px;height:32px;border-radius:var(--rs);background:linear-gradient(135deg,var(--ac),var(--bl));display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:700;flex-shrink:0}.uinfo .name{font-size:12px;font-weight:600;color:var(--t1)}.uinfo .role{font-size:9px;color:var(--t3);text-transform:uppercase;letter-spacing:.05em}
.stat{position:relative;overflow:hidden;border-radius:var(--rm);border:1px solid var(--bd);background:var(--bg3);padding:18px;transition:all var(--tr)}.stat:hover{border-color:var(--acg);transform:translateY(-1px);box-shadow:var(--sh)}.stat .bar{position:absolute;top:0;left:0;right:0;height:3px}.stat .ic{width:40px;height:40px;border-radius:var(--rs);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat .lbl{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--t3);margin-bottom:4px}.stat .val{font-size:24px;font-weight:800;line-height:1}.stat .sub{font-size:11px;color:var(--t4);margin-top:3px}.stat .chg{display:inline-flex;align-items:center;gap:2px;font-size:10px;font-weight:600;margin-top:6px;padding:2px 7px;border-radius:20px}.chg.up{color:#10b981;background:rgba(16,185,129,.1)}.chg.dn{color:#f87171;background:rgba(248,113,113,.1)}
.card{background:var(--bg3);border:1px solid var(--bd);border-radius:var(--rm);overflow:hidden;transition:border var(--tr)}.card:hover{border-color:var(--acg)}.card-h{padding:14px 18px;border-bottom:1px solid var(--bdl);display:flex;align-items:center;justify-content:space-between}.card-h h3{font-size:14px;font-weight:700}.card-b{padding:18px}.tbl{width:100%;border-collapse:collapse}.tbl thead th{padding:9px 14px;text-align:left;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--t4);background:var(--bgs);border-bottom:1px solid var(--bd);white-space:nowrap}.tbl tbody td{padding:10px 14px;border-bottom:1px solid var(--bdl);font-size:13px;color:var(--t2)}.tbl tbody tr{transition:background var(--tr)}.tbl tbody tr:hover{background:var(--bg3h)}.tbl tbody tr:last-child td{border:0}
.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--rs);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--tr);border:1px solid transparent;text-decoration:none;line-height:1.4;font-family:inherit}.btn svg{flex-shrink:0}.btn-p{background:var(--ac);color:#fff;border-color:var(--ac)}.btn-p:hover{background:var(--ach);transform:translateY(-1px);box-shadow:0 4px 12px var(--acg)}.btn-s{background:var(--bg3);color:var(--t2);border-color:var(--bd)}.btn-s:hover{background:var(--bg3h);color:var(--t1)}.btn-d{background:var(--rdl);color:var(--rd)}.btn-sm{padding:5px 10px;font-size:12px}.btn-ico{width:30px;height:30px;padding:0;justify-content:center}
.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:5px;font-size:11px;font-weight:600;border:1px solid transparent}.bg{background:rgba(16,185,129,.12);color:#10b981;border-color:rgba(16,185,129,.25)}.bb{background:var(--bll);color:var(--bl);border-color:rgba(59,130,246,.25)}.br{background:var(--rdl);color:var(--rd);border-color:rgba(248,113,113,.25)}.by{background:var(--yll);color:var(--yl);border-color:rgba(251,191,36,.25)}.bp{background:var(--prl);color:var(--pr);border-color:rgba(167,139,250,.25)}.bo{background:var(--orl);color:var(--or);border-color:rgba(251,146,60,.25)}.bx{background:var(--bgi);color:var(--t3);border-color:var(--bdl)}
.fg{margin-bottom:14px}.fl{display:block;font-size:11px;font-weight:600;color:var(--t2);margin-bottom:5px;text-transform:uppercase;letter-spacing:.03em}.fi,.fs,.ft{width:100%;padding:9px 12px;background:var(--bgi);border:1px solid var(--bd);border-radius:var(--rs);color:var(--t1);font-size:13px;font-family:inherit;transition:all var(--tr)}.fi:focus,.fs:focus,.ft:focus{border-color:var(--ac);outline:0;box-shadow:0 0 0 3px var(--acl)}.fi::placeholder{color:var(--t4)}.ft{min-height:80px;resize:vertical}
.g{display:grid;gap:14px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.flex{display:flex}.fc{flex-direction:column}.ac{align-items:center}.jb{justify-content:space-between}.fw{flex-wrap:wrap}.f1{flex:1}.gap2{gap:8px}.gap3{gap:12px}.gap4{gap:16px}
.prog{width:100%;height:5px;background:var(--bgs);border-radius:10px;overflow:hidden}.prog-bar{height:100%;border-radius:10px;transition:width .6s ease}
.alert{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--rs);font-size:13px;font-weight:500;margin-bottom:14px;transition:opacity .3s}.alert-success{background:rgba(16,185,129,.1);color:var(--ac);border:1px solid rgba(16,185,129,.2)}.alert-error{background:var(--rdl);color:var(--rd);border:1px solid rgba(248,113,113,.2)}
.npanel{display:none;position:absolute;right:0;top:calc(100% + 6px);width:340px;background:var(--bg3);border:1px solid var(--bd);border-radius:var(--rm);box-shadow:var(--sh2);z-index:200;overflow:hidden}.np-head{padding:12px 16px;border-bottom:1px solid var(--bd);display:flex;align-items:center;justify-content:space-between}.np-head h4{font-size:13px;font-weight:700}.np-list{max-height:340px;overflow-y:auto}.np-item{padding:10px 16px;border-bottom:1px solid var(--bdl);transition:background var(--tr);cursor:pointer}.np-item:hover{background:var(--bg3h)}.np-item.unread{background:var(--acl)}.np-title{font-size:12px;font-weight:600;color:var(--t1)}.np-msg{font-size:11px;color:var(--t3);margin-top:2px}.np-time{font-size:9px;color:var(--t4);margin-top:3px}
.svc{background:var(--bg3);border:1px solid var(--bd);border-radius:var(--rl);overflow:hidden;transition:all .3s}.svc:hover{transform:translateY(-3px);box-shadow:var(--sh2);border-color:var(--acg)}.svc-img{width:100%;height:180px;object-fit:cover;display:flex;align-items:center;justify-content:center;font-size:42px}.svc-body{padding:18px}.svc-name{font-size:15px;font-weight:700;margin-bottom:5px}.svc-desc{font-size:12px;color:var(--t3);margin-bottom:10px;line-height:1.6}.svc-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px}.svc-tag{font-size:10px;padding:2px 8px;background:var(--acl);color:var(--ac);border-radius:20px;font-weight:500}.svc-meta{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid var(--bdl)}.svc-price{font-size:18px;font-weight:800;color:var(--ac)}.svc-dur{font-size:11px;color:var(--t4);display:flex;align-items:center;gap:3px}
.modal-bg{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(3px);z-index:200;display:none;align-items:center;justify-content:center;padding:20px}.modal{background:var(--bg3);border:1px solid var(--bd);border-radius:var(--rl);width:100%;max-width:560px;max-height:85vh;overflow:hidden;box-shadow:var(--sh2)}.modal-h{padding:16px 20px;border-bottom:1px solid var(--bd);display:flex;align-items:center;justify-content:space-between}.modal-h h3{font-size:15px;font-weight:700}.modal-b{padding:20px;overflow-y:auto;max-height:calc(85vh - 120px)}
.pwa{position:fixed;bottom:0;left:0;right:0;background:var(--bg3);border-top:1px solid var(--acg);padding:12px 20px;display:none;align-items:center;justify-content:space-between;z-index:200;box-shadow:0 -4px 20px rgba(0,0,0,.2)}.pwa.show{display:flex}
.cal{display:grid;grid-template-columns:52px repeat(5,1fr);border:1px solid var(--bd);border-radius:var(--rm);overflow:hidden}.cal-h{background:var(--bgs);padding:8px;text-align:center;font-size:11px;font-weight:700;color:var(--t2);border-bottom:1px solid var(--bd)}.cal-t{padding:6px;font-family:ui-monospace,monospace;font-size:10px;color:var(--t4);text-align:center;border-right:1px solid var(--bdl);border-bottom:1px solid var(--bdl)}.cal-s{padding:3px;border-right:1px solid var(--bdl);border-bottom:1px solid var(--bdl);min-height:44px}.cal-ev{padding:4px 6px;border-radius:5px;background:var(--acl);border-left:3px solid var(--ac);font-size:10px;cursor:pointer}.cal-ev:hover{background:var(--acg)}.cal-ev .en{font-weight:600;color:var(--ac)}.cal-ev .es{color:var(--t3);font-size:9px;margin-top:1px}
.share{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--bgs);border:1px solid var(--bd);border-radius:var(--rs)}.share input{flex:1;background:0;border:0;color:var(--t1);font-family:ui-monospace,monospace;font-size:11px;outline:0;min-width:0}
.mob-btn{display:none}.mob-ov{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:90}.mob-ov.open{display:block}
@media(max-width:1024px){.g4{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(2,1fr)}.search{display:none}.uinfo{display:none}}
@media(max-width:768px){.sb{transform:translateX(-100%)}.sb.mobile-open{transform:translateX(0)}.mob-btn{display:inline-flex}.mob-ov.open{display:block}.main,.main.collapsed{margin-left:0}.content{padding:14px}.hdr{padding:0 14px}.g4,.g3,.g2{grid-template-columns:1fr}.stat .val{font-size:20px}.cal{grid-template-columns:44px repeat(3,1fr)}.tbl{font-size:12px}.npanel{width:calc(100vw - 28px);right:-8px}.svc-img{height:140px}}
@media(max-width:480px){.g2{grid-template-columns:1fr}.hdr-l h1{font-size:14px}}
.foot{padding:14px 20px;border-top:1px solid var(--bdl);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px}.foot span{font-size:10px;color:var(--t4);font-family:ui-monospace,monospace}
@keyframes fadeIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media print{.sb,.hdr,.foot,.btn,.mob-btn{display:none!important}.main{margin-left:0!important}.content{padding:0!important}}