:root{--navy:#21317C;--navy2:#1a276a;--orange:#FB8D27;--green:#1b5e2b;--blue:#1d4f7a;--bg:#f5f7fa}*{box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;margin:0;background:var(--bg);color:#222}.shell{display:flex;min-height:100vh}.side{width:230px;background:var(--navy);color:#fff;flex-shrink:0;position:sticky;top:0;height:100vh;overflow-y:auto;transition:margin .2s;z-index:20}.side .logo{background:#fff;margin:0;padding:8px 10px;border-bottom-right-radius:18px;text-align:center}.side .logo img{max-width:100%;height:68px;object-fit:contain}.side .sec{font-size:11px;font-weight:700;letter-spacing:1px;opacity:.85;padding:18px 18px 8px}.side a{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;padding:11px 14px;margin:4px 10px;border-radius:4px;font-size:14px}.side a:hover{background:#ffffff14}.side a.active{background:var(--orange)}.side a .t{flex:1}.side a .c{opacity:.8}.main{flex:1;min-width:0;display:flex;flex-direction:column}.top{background:var(--navy);color:#fff;display:flex;align-items:center;gap:16px;padding:10px 24px;min-height:66px}.top h1{font-size:18px;margin:0;font-weight:600}.top p{margin:2px 0 0;font-size:12px;opacity:.85}.top .sp{flex:1}.ib{background:none;border:0;color:#fff;cursor:pointer;padding:4px;display:flex;align-items:center}.um{position:relative}.um .btn{display:flex;align-items:center;gap:8px;font-weight:600;font-size:13px;text-transform:uppercase}.um .dd{position:absolute;right:0;top:110%;background:#fff;color:#222;border-radius:8px;box-shadow:0 6px 20px #0003;min-width:180px;overflow:hidden;z-index:30}.um .dd a,.um .dd button{display:block;width:100%;text-align:left;padding:10px 14px;color:#222;text-decoration:none;background:none;border:0;font-size:14px;cursor:pointer}.um .dd a:hover,.um .dd button:hover{background:#f1f1f1}.content{padding:24px;max-width:1300px;width:100%}.welcome{background:var(--navy);color:#fff;border-radius:8px;padding:24px 22px;border-bottom:4px solid var(--orange);margin-bottom:24px}.welcome h2{margin:0 0 8px;font-size:26px}.welcome .r{font-weight:600;margin:0 0 12px}.welcome .d{margin:0;font-size:14px;opacity:.95}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.stat{border-radius:8px;color:#fff;padding:22px 16px 14px;display:flex;flex-direction:column;min-height:260px;position:relative;overflow:hidden}.stat .l{font-size:13px;opacity:.95}.stat .v{font-size:26px;font-weight:700;margin:8px 0}.stat .s{font-size:12px;opacity:.9}.stat .ic{font-size:64px;opacity:.55;text-align:center;flex:1;display:flex;align-items:center;justify-content:center;filter:saturate(.6)}.stat .f{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff30;padding-top:12px;font-size:12.5px}.stat .f a{color:#fff;font-weight:600;text-decoration:none;display:flex;align-items:center;gap:2px}.stat.green{background:var(--green);border-bottom:4px solid #2e7d32}.stat.navy{background:var(--navy);border-bottom:4px solid var(--orange)}.stat.blue{background:var(--blue);border-bottom:4px solid #26a69a}.stat.orange{background:var(--orange)}.stat.orange .ic{position:absolute;right:16px;top:16px;font-size:26px;background:#ffffff40;border-radius:8px;width:44px;height:44px;flex:none;opacity:1}.stat.orange .f{margin-top:auto;border-top-color:#ffffff60}.stat.orange .f a{text-decoration:underline}.card{background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 3px #0001;margin-bottom:16px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden}th{background:var(--navy);color:#fff;font-weight:600}th,td{padding:9px;border-bottom:1px solid #eee;text-align:left;font-size:14px}input,select,button{padding:8px 10px;margin:3px;border:1px solid #ccc;border-radius:5px;font:inherit}button{background:var(--navy);color:#fff;border-color:var(--navy);cursor:pointer}button:hover{background:var(--navy2)}.err{color:#b91c1c}.ok{color:#15803d}form.f input{width:260px}h2.pt{color:var(--navy);margin-top:0}.soon{text-align:center;padding:60px 20px}.soon .b{font-size:54px}.soon h2{color:var(--navy)}.backdrop{display:none}@media (max-width:1100px){.stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:800px){.side{position:fixed;left:0;margin-left:-230px}.side.open{margin-left:0}.backdrop.open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0005;z-index:15}.top p{display:none}.content{padding:14px}.stats{grid-template-columns:1fr}.um .btn span{display:none}}.side.closed{margin-left:-230px}.pub{min-height:100vh;background:repeating-linear-gradient(135deg,#eeeefe 0,#eeeefe 40px,#f5f5ff 40px,#f5f5ff 80px);padding-bottom:40px}.pbar{background:#fff;display:flex;align-items:center;gap:10px;padding:6px max(16px,14%);box-shadow:0 1px 3px #0001}.pbar img{height:34px;display:block}.pbar .sp{flex:1}.pill{padding:7px 18px;border-radius:20px;text-decoration:none;font-size:13px;font-weight:600}.pill.y{background:#ffc107;color:#111}.pill.k{background:#000;color:#fff}.pill.g{background:#4caf50;color:#fff}.ptitle{text-align:center;font-size:30px;margin:24px 0 36px;position:relative}.ptitle:after{content:"";display:block;width:52px;height:3px;background:#111;margin:14px auto 0}.lcard{background:#fff;max-width:670px;margin:0 auto;border-radius:12px;box-shadow:0 4px 24px #0000000d;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:40px 32px;gap:24px}.lform h2{margin:0 0 14px;font-size:22px}.lform .sub{color:#555;font-size:14px;margin:0 0 20px}.lform label{display:block;font-size:14px;font-weight:600;margin:12px 0 6px}.lform input{width:100%;margin:0;padding:10px 12px;border:1px solid #ddd;border-radius:6px}.pw{position:relative}.pw button{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:0;color:#555;font-size:12px;margin:0}.fp{text-align:right;margin:14px 0 22px}.fp a,.ca a{color:#111;font-weight:700;font-size:13px;text-decoration:none}.sbtn{width:100%;background:#000!important;border-color:#000!important;padding:11px;font-weight:600;margin:0;border-radius:6px}.ca{text-align:center;color:#555;font-size:14px}@media (max-width:700px){.lcard{grid-template-columns:1fr;margin:0 12px;padding:24px}.ill{display:none}.pbar{padding:6px 12px}.pill{padding:6px 10px}}.side{display:flex;flex-direction:column}.side .menu{flex:1;overflow-y:auto;padding-bottom:20px;scrollbar-width:thin;scrollbar-color:var(--orange) transparent}.side .sub{margin:0 10px 6px 34px;border-left:1px solid #ffffff30}.side .sub a{padding:7px 12px;margin:2px 0;font-size:13px;opacity:.9}.side .sub a.active{background:var(--orange);opacity:1}.side a.grp{background:#ffffff1a}.side .c.up{transform:rotate(180deg)}.stats.w{margin-top:22px}.wc{background:#fff;border-radius:10px;padding:18px 20px 12px;display:flex;flex-direction:column;min-height:170px;box-shadow:0 1px 4px #0000000f;position:relative;border:1.5px solid transparent}.wc .l{font-size:13px;color:#4b5563}.wc .v{font-size:26px;font-weight:700;margin:8px 0;color:#111827;word-break:break-word}.wc .ti{position:absolute;right:16px;top:16px;width:42px;height:42px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#e8e8ef;color:var(--navy);font-size:20px}.wc .f{margin-top:auto;border-top:1px solid #eee;padding-top:12px;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#6b7280}.wc .f a{color:var(--navy);font-weight:600;text-decoration:none}.wc.gb{border-color:#22a06b}.wc.gb .ti{background:#dcfce7;color:#16a34a}.wc.nb{border-color:var(--navy)}.wc.ob{border-color:var(--orange)}.wc.ob .ti,.wc.ot .ti{background:#ffedd5;color:var(--orange)}.wc.ob .f a,.wc.ot .f a{color:var(--orange)}.wc.or{background:var(--orange);color:#fff}.wc.or .l,.wc.or .v,.wc.or .f{color:#fff}.wc.or .f{border-top-color:#ffffff60}.wc.or .ti{background:#ffffff40;color:#fff}.wc.gt .ti{background:#dcfce7;color:#16a34a}.panel{background:#fff;border-radius:10px;padding:18px 20px;box-shadow:0 1px 4px #0000000f;margin-top:22px}.panel h3{margin:0;font-size:18px;color:#111827}.panel .ph{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.panel .ph p{margin:4px 0 0;color:#6b7280;font-size:13px}.panel .ph a{color:var(--navy);font-weight:600;text-decoration:none;font-size:13px}.empty{color:#6b7280;text-align:center;padding:18px;font-size:14px}.two{display:grid;grid-template-columns:1fr 1fr;gap:22px}.two .panel{margin-top:22px}.pill2{background:#eef2ff;color:var(--navy);padding:3px 10px;border-radius:12px;font-size:12px}@media (max-width:1100px){.two{grid-template-columns:1fr}}.fgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px 14px;margin-bottom:10px}.fgrid label{display:flex;flex-direction:column;font-size:12px;color:#4b5563}.fgrid label span{margin:0 3px}.fgrid input,.fgrid select,.fgrid textarea{width:auto!important;padding:8px 10px;margin:3px;border:1px solid #ccc;border-radius:5px;font:inherit}.fgrid input[type=checkbox]{width:18px!important;height:18px}button.sec{background:#fff;color:var(--navy)}button.danger{background:#b91c1c;border-color:#b91c1c}button.sm{padding:4px 9px;font-size:12px}.badge{padding:2px 9px;border-radius:10px;font-size:12px;background:#eef2ff;color:var(--navy);white-space:nowrap}.badge.g{background:#dcfce7;color:#166534}.badge.r{background:#fee2e2;color:#991b1b}.badge.o{background:#ffedd5;color:#9a3412}.toolbar{display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin-bottom:12px}.toolbar .sp{flex:1}.tw{overflow-x:auto;border-radius:8px}.perms{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:4px;font-size:13px;margin:8px 0}.rtitle{text-align:center;font-size:2.5rem;font-weight:700;color:#1a1a1a;margin:3rem 0 2rem;position:relative;padding-bottom:15px}.rtitle:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:4px;background:#000}.rcard{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;padding:3rem;margin:0 auto 3rem;max-width:1200px}.stitle{font-size:1.25rem;font-weight:700;color:#1a1a1a;margin:0 0 1.5rem;padding-bottom:.5rem;border-bottom:2px solid #f0f0f0}.rcard .g3,.rcard .g2,.rcard .g1{display:grid;gap:1rem;margin-bottom:1.5rem}.rcard .g3{grid-template-columns:repeat(3,1fr)}.rcard .g2{grid-template-columns:repeat(2,1fr)}@media (max-width:800px){.rcard{padding:1.25rem}.rcard .g3,.rcard .g2{grid-template-columns:1fr}.rtitle{font-size:1.8rem}}.rcard .col{display:flex;flex-direction:column}.rcard label{font-weight:600;color:#333;margin-bottom:.5rem;font-size:.9rem}.rcard .req{color:#dc3545}.rcard input:not([type=checkbox]),.rcard select{border-radius:8px;padding:.75rem 1rem;border:1px solid #ddd;font-size:.95rem;width:100%;box-sizing:border-box;margin:0}.rcard input.bad{border-color:#dc3545}.rcard .pw{position:relative}.rcard .pw button{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;color:#666;border:0;padding:4px}.rcard .hint{font-size:.8rem;color:#888;margin-top:.25rem}.ferr{color:#dc3545;font-size:.8rem;margin-top:.25rem}.alert-err{background:#f8d7da;color:#842029;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.alert-info{background:#cff4fc;color:#055160;border-radius:8px;padding:.75rem;font-size:.85rem;margin-top:.5rem}.prev{max-width:100%;max-height:180px;margin-top:.5rem;border-radius:8px;border:1px solid #eee;object-fit:contain}.selfie video,.selfie img{width:100%;max-width:400px;border-radius:8px}.selfie .row{margin-top:.75rem;display:flex;gap:.5rem}.b-blue,.b-green,.b-gray,.b-outline,.b-link{border-radius:6px;padding:.5rem 1rem;border:1px solid transparent;cursor:pointer;font-size:.9rem;text-decoration:none;display:inline-block}.b-blue{background:#0d6efd;color:#fff}.b-green{background:#198754;color:#fff}.b-gray{background:#6c757d;color:#fff}.b-outline{background:#fff;color:#0d6efd;border-color:#0d6efd}.b-link{background:none;color:#0d6efd;padding:0}.b-outline.sm{padding:.25rem .6rem;color:#6c757d;border-color:#6c757d}.remote{border:1px dashed #c7cde6;border-radius:8px;padding:.75rem;margin-top:.75rem;font-size:.85rem;display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}.rpanel{width:100%}.rpanel .ig{display:flex;gap:.25rem}.rpanel .ig input{flex:1;padding:.4rem .6rem!important}.boxed{background:#f8f9fa;border-radius:8px;border:1px solid #dee2e6;padding:1rem;margin-bottom:1.5rem}.chk{display:flex;align-items:center;gap:.4rem;font-weight:400!important;color:#666!important}.chk input{width:20px;height:20px}.boxed a{color:#21317c;font-weight:600}.sigbox canvas{display:block;touch-action:none;cursor:crosshair;border:1px solid #ddd;border-radius:4px;background:#fff;max-width:100%}.sigbox div{margin-top:.5rem}.sendreq{background:#000;color:#fff;border:0;border-radius:8px;padding:.875rem 3rem;font-weight:600;font-size:1rem;margin:1rem auto;display:block;cursor:pointer}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:50}.mbox{background:#fff;border-radius:12px;max-width:700px;max-height:85vh;overflow:auto;padding:0 1.5rem 1.5rem}.mhead{display:flex;justify-content:space-between;align-items:center;background:#21317c;color:#fff;margin:0 -1.5rem 1rem;padding:1rem 1.5rem}.mhead button{background:none;border:0;color:#fff;font-size:1.5rem}.mbox h4{color:#21317c}.mbox h5{color:#21317c;margin:1rem 0 .3rem}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width:800px){.grid2{grid-template-columns:1fr}}table.kv th{text-align:left;width:35%;color:#555;font-weight:600}.btnlike{display:inline-block;padding:6px 12px;border-radius:6px;background:#1e3a8a;color:#fff;text-decoration:none;cursor:pointer;font-size:14px}.btnlike.sec{background:#e5e7eb;color:#111}.cards4{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.cards4 .card h3{margin:4px 0 0;color:var(--navy)}.invoice .inv-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid var(--navy);margin-bottom:12px}.invoice .inv-head img{height:64px}.invoice .inv-head h2{margin:0;color:var(--navy);text-align:right}.invoice .inv-head p{text-align:right}table.inv-tot{max-width:420px;margin:14px 0 0 auto}table.inv-tot tr:last-child td,table.inv-tot tr:last-child th{border-top:2px solid var(--navy);font-size:16px}.trk-f{display:flex;gap:8px;margin-bottom:14px}.trk-f input{flex:1;padding:12px;border:1px solid #ccc;border-radius:8px;font:inherit}.trk-f .sbtn{width:auto;padding:0 24px;margin:0}.trk-h{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;background:#f8fafc;border-radius:8px;padding:12px}.trk-h small{display:block;color:#6b7280}.trk-h h3{margin:0}ol.tl{list-style:none;padding:0;border-left:3px solid var(--navy);margin-left:8px}ol.tl li{padding:0 0 14px 16px;position:relative}ol.tl li:before{content:"";position:absolute;left:-8px;top:3px;width:13px;height:13px;border-radius:50%;background:var(--navy)}.card.warn{background:#fffbeb;border:1px solid #f59e0b;color:#92400e;font-size:14px}@media print{.side,.top,.noprint,header{display:none!important}main,.main,.content{margin:0!important;padding:0!important}.card{box-shadow:none}body{background:#fff}}table.kv th,table.inv-tot th{background:#f8fafc;color:#374151}.bk-sec{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem 1.5rem;margin-bottom:1rem}.bk-sh{display:flex;gap:.75rem;align-items:flex-start;margin-bottom:1rem}.bk-ic{font-size:1.4rem;background:#eef2ff;border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.bk-sh h3{margin:0;font-size:1.05rem;color:var(--navy)}.bk-sh p{margin:.15rem 0 0;color:#64748b;font-size:.85rem}.bk-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width:800px){.bk-row{grid-template-columns:1fr}}.bk-g{display:flex;flex-direction:column;margin-bottom:.9rem}.bk-g label{font-weight:600;font-size:.88rem;margin-bottom:.35rem;color:#1e293b}.bk-g label.opt{color:#64748b;font-weight:500}.bk-g input,.bk-g select,.bk-g textarea{width:100%;padding:.6rem .9rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.95rem;box-sizing:border-box;font-family:inherit}.bk-g textarea{min-height:80px}.bk-g small{font-size:.75rem;color:#666;margin-top:.25rem}.bk-g small.err{color:#b91c1c}.bk-radio{display:flex;gap:1rem;margin-top:.25rem}.bk-radio label{display:flex;align-items:center;gap:.4rem;font-weight:500}.bk-radio input{width:auto}.bk-charges{border:1px solid #e2e8f0;border-radius:10px;padding:1rem;background:#f8fafc}.bk-charges h4{margin:0 0 .6rem}.bk-charges div{display:flex;justify-content:space-between;margin:.3rem 0}.bk-charges .tot{border-top:1px dashed #cbd5e1;padding-top:.5rem;font-size:1.05rem}.bk-act{display:flex;justify-content:flex-end;gap:.75rem}.bk-act button{padding:.7rem 1.4rem;border-radius:8px;font-weight:600}.card.okb{background:#f0fdf4;border:1px solid #22c55e;color:#166534}