*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #ffffff;--bg2: #f5f5f3;--bg3: #eeede8;--border: #e5e4df;--border2: #d5d4cf;--text: #1a1918;--text2: #6b6a66;--primary: #042C53;--primary-h: #0c447c;--success: #0f6e56;--danger: #a32d2d;--warn: #854f0b;--blue: #185fa5;--radius: 10px;--radius-sm: 6px}@media (prefers-color-scheme: dark){:root{--bg: #1a1918;--bg2: #242321;--bg3: #2e2d2a;--border: #3a3936;--border2: #4a4946;--text: #f0efea;--text2: #9a9994}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;color:var(--text);background:var(--bg2);min-height:100vh}.app{max-width:960px;margin:0 auto;padding:16px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg);border:.5px solid var(--border);border-radius:var(--radius);margin-bottom:12px}.logo{display:flex;align-items:center;gap:10px}.logo-badge{width:38px;height:38px;border-radius:var(--radius-sm);background:#0f6e56;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#fff;letter-spacing:.5px}.logo-text{font-size:15px;font-weight:600}.logo-sub{font-size:12px;color:var(--text2);display:flex;align-items:center;gap:4px}.live-dot{width:7px;height:7px;border-radius:50%;background:#1d9e75;display:inline-block;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.tabs{display:flex;gap:4px;margin-bottom:12px;overflow-x:auto;padding-bottom:2px}.tab{padding:7px 14px;border:.5px solid var(--border);border-radius:var(--radius-sm);background:transparent;color:var(--text2);cursor:pointer;font-size:13px;white-space:nowrap;font-family:inherit;transition:all .15s}.tab:hover{background:var(--bg2)}.tab.active{background:var(--bg3);color:var(--text);border-color:var(--border2)}.card{background:var(--bg);border:.5px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:12px}.section-title{font-size:11px;font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:.6px;margin-bottom:12px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:14px}.stat{background:var(--bg);border:.5px solid var(--border);border-radius:var(--radius);padding:14px;text-align:center}.stat-num{font-size:28px;font-weight:600;margin-bottom:2px}.stat-lbl{font-size:12px;color:var(--text2)}.c-green{color:#1d9e75}.c-red{color:#e24b4a}.c-blue{color:var(--blue)}.c-warn{color:var(--warn)}.member-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:10px}.mcard{background:var(--bg);border:.5px solid var(--border);border-radius:var(--radius);padding:12px}.mcard-top{display:flex;align-items:center;gap:8px;margin-bottom:10px}.avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.mname{font-size:13px;font-weight:600}.mrow{display:flex;justify-content:space-between;align-items:center;margin-top:5px;font-size:12px;color:var(--text2)}.mval{color:var(--text);font-weight:500}.badge{display:inline-block;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:500}.badge-active{background:#e1f5ee;color:#0f6e56}.badge-break{background:#faeeda;color:#854f0b}.badge-out{background:#f1f0ec;color:#5f5e5a}.badge-pending{background:#faeeda;color:#854f0b}.badge-approved{background:#e1f5ee;color:#0f6e56}.badge-rejected{background:#fcebeb;color:#a32d2d}.btn{padding:8px 16px;border:.5px solid var(--border2);border-radius:var(--radius-sm);background:transparent;color:var(--text);cursor:pointer;font-size:13px;font-family:inherit;transition:all .15s}.btn:hover{background:var(--bg2)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{background:var(--primary-h);border-color:var(--primary-h)}.btn-success{background:var(--success);color:#fff;border-color:var(--success)}.btn-success:hover{background:#085041}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-danger:hover{background:#791f1f}.btn-sm{padding:4px 10px;font-size:12px}.btn-full{width:100%}input,select{padding:8px 10px;border:.5px solid var(--border2);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-size:13px;width:100%;font-family:inherit;outline:none}input:focus,select:focus{border-color:var(--primary)}.form-group{margin-bottom:12px}.form-label{font-size:12px;color:var(--text2);margin-bottom:4px;display:block}.row2{display:flex;gap:10px}.row2>*{flex:1}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.login-box{width:100%;max-width:360px}.login-logo{text-align:center;margin-bottom:24px}.login-logo .lb{width:56px;height:56px;border-radius:var(--radius);background:#0f6e56;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:15px;font-weight:700;color:#fff}.login-logo .lt{font-size:22px;font-weight:700}.login-logo .ls{font-size:13px;color:var(--text2);margin-top:2px}.mode-toggle{display:flex;gap:6px;margin-bottom:16px}.mode-btn{flex:1;padding:9px;border:.5px solid var(--border2);border-radius:var(--radius-sm);background:transparent;cursor:pointer;font-size:13px;color:var(--text2);font-family:inherit;transition:all .15s}.mode-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.alert{padding:10px 14px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:10px}.alert-err{background:#fcebeb;color:#a32d2d;border:.5px solid #f09595}.alert-success{background:#e1f5ee;color:#0f6e56;border:.5px solid #5dcaa5}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;padding:8px 10px;background:var(--bg2);font-weight:600;font-size:12px;color:var(--text2)}.table td{padding:9px 10px;border-bottom:.5px solid var(--border);vertical-align:middle}.table tr:last-child td{border-bottom:none}.log-entry{display:flex;justify-content:space-between;align-items:flex-start;padding:8px 0;border-bottom:.5px solid var(--border);font-size:12px;gap:10px}.log-entry:last-child{border-bottom:none}.log-time{color:var(--text2);white-space:nowrap}.portal{max-width:440px;margin:0 auto}.portal-header{text-align:center;margin-bottom:16px}.apps-box{background:var(--bg2);border-radius:var(--radius);padding:16px;margin-bottom:12px;text-align:center}.apps-big{font-size:40px;font-weight:700;color:var(--blue);line-height:1}.apps-lbl{font-size:12px;color:var(--text2);margin:4px 0 12px}.apps-ctrl{display:flex;gap:8px;align-items:center;justify-content:center}.apps-ctrl input{width:80px;text-align:center;font-size:20px;font-weight:600}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.action-btn{padding:16px 8px;border:1.5px solid #e5e4df;border-radius:var(--radius);background:#fff;cursor:pointer;font-size:13px;text-align:center;font-family:inherit;transition:all .15s;color:#1a1918}.action-btn:hover:not(:disabled){background:#f5f5f3;border-color:#d5d4cf}.action-btn:disabled{opacity:.35;cursor:not-allowed;background:#f5f5f3}.action-btn.on{border-color:#0f6e56;background:#e1f5ee;color:#0f6e56}.action-icon{font-size:24px;margin-bottom:4px}.tag-btn{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;margin:3px;background:var(--bg2);border:.5px solid var(--border);cursor:pointer;font-family:inherit;transition:all .15s}.tag-btn:hover{border-color:var(--border2);background:var(--bg3)}.member-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:.5px solid var(--border)}.member-row:last-child{border-bottom:none}.pin-dots{font-size:16px;letter-spacing:3px;color:var(--text2);flex:1}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal{background:var(--bg);border:.5px solid var(--border2);border-radius:var(--radius);padding:20px;width:100%;max-width:340px}.modal-title{font-size:15px;font-weight:600;margin-bottom:14px}.url-box{background:var(--bg2);border:.5px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;font-size:12px;word-break:break-all;color:var(--text2);margin-bottom:12px;line-height:1.6;font-family:monospace}.empty{text-align:center;padding:28px;color:var(--text2);font-size:13px}.flex-between{display:flex;justify-content:space-between;align-items:center}.gap8{gap:8px}.theme-midnight{--bg:#0D1117;--bg2:#161B22;--bg3:#21262D;--border:#30363D;--border2:#484F58;--text:#E6EDF3;--text2:#7D8590;--primary:#1F6FEB;--primary-h:#388BFD;--success:#238636;--danger:#DA3633;--blue:#1F6FEB;--radius:10px;--radius-sm:6px}.theme-midnight .logo-badge,.theme-midnight .login-logo .lb{background:#1f6feb}.theme-midnight .badge-active{background:#1a3c25;color:#3fb950}.theme-midnight .badge-break{background:#3d2b00;color:#d29922}.theme-midnight .badge-out{background:#21262d;color:#7d8590}.theme-midnight .stat,.theme-midnight .mcard,.theme-midnight .card{background:#161b22;border-color:#30363d}.theme-midnight .topbar{background:#0d1117;border-color:#30363d}.theme-midnight .tab.active{background:#21262d}.theme-midnight .apps-box{background:#161b22}.theme-midnight .action-btn{background:#161b22;border-color:#30363d;color:#e6edf3}.theme-midnight .action-btn.on{background:#1a3c25;border-color:#238636;color:#3fb950}.theme-midnight .btn-primary{background:#1f6feb;border-color:#1f6feb}.theme-midnight .modal{background:#161b22}.theme-midnight .login-screen{background:#0d1117}.theme-midnight .login-box input,.theme-midnight .login-box select{background:#21262d;border-color:#30363d;color:#e6edf3}.theme-forest{--bg:#0F1F14;--bg2:#162219;--bg3:#1E2E22;--border:#2D4A35;--border2:#3D6347;--text:#D4E6D8;--text2:#7DA88A;--primary:#2D7A4F;--primary-h:#3A9D65;--success:#2D7A4F;--danger:#C0392B;--blue:#2980B9;--radius:10px;--radius-sm:6px}.theme-forest .logo-badge,.theme-forest .login-logo .lb{background:#2d7a4f}.theme-forest .badge-active{background:#1a3d25;color:#4caf70}.theme-forest .badge-break{background:#3d2e00;color:#c8a020}.theme-forest .badge-out{background:#1e2e22;color:#7da88a}.theme-forest .stat,.theme-forest .mcard,.theme-forest .card{background:#162219;border-color:#2d4a35}.theme-forest .topbar{background:#0f1f14;border-color:#2d4a35}.theme-forest .tab.active{background:#1e2e22}.theme-forest .apps-box{background:#162219}.theme-forest .action-btn{background:#162219;border-color:#2d4a35;color:#d4e6d8}.theme-forest .action-btn.on{background:#1a3d25;border-color:#2d7a4f;color:#4caf70}.theme-forest .btn-primary{background:#2d7a4f;border-color:#2d7a4f}.theme-forest .modal{background:#162219}.theme-forest .login-screen{background:#0f1f14}.theme-forest .login-box input,.theme-forest .login-box select{background:#1e2e22;border-color:#2d4a35;color:#d4e6d8}.theme-ocean{--bg:#071426;--bg2:#0D1F3C;--bg3:#132A4E;--border:#1E3A5F;--border2:#2A5280;--text:#CAE4F5;--text2:#6B9DC0;--primary:#0077B6;--primary-h:#0096D6;--success:#00897B;--danger:#E53935;--blue:#0077B6;--radius:10px;--radius-sm:6px}.theme-ocean .logo-badge,.theme-ocean .login-logo .lb{background:linear-gradient(135deg,#0077b6,#00b4d8)}.theme-ocean .badge-active{background:#003d33;color:#00bfa5}.theme-ocean .badge-break{background:#3d2800;color:#ffa000}.theme-ocean .badge-out{background:#0d1f3c;color:#6b9dc0}.theme-ocean .stat,.theme-ocean .mcard,.theme-ocean .card{background:#0d1f3c;border-color:#1e3a5f}.theme-ocean .topbar{background:#071426;border-color:#1e3a5f}.theme-ocean .tab.active{background:#132a4e}.theme-ocean .apps-box{background:#0d1f3c}.theme-ocean .action-btn{background:#0d1f3c;border-color:#1e3a5f;color:#cae4f5}.theme-ocean .action-btn.on{background:#003d33;border-color:#00897b;color:#00bfa5}.theme-ocean .btn-primary{background:#0077b6;border-color:#0077b6}.theme-ocean .modal{background:#0d1f3c}.theme-ocean .login-screen{background:#071426}.theme-ocean .login-box input,.theme-ocean .login-box select{background:#132a4e;border-color:#1e3a5f;color:#cae4f5}.theme-rose{--bg:#1A0A10;--bg2:#261018;--bg3:#331520;--border:#4D1F2E;--border2:#6B2B3E;--text:#F5D0DC;--text2:#B07080;--primary:#C2185B;--primary-h:#E91E8C;--success:#388E3C;--danger:#D32F2F;--blue:#7B1FA2;--radius:10px;--radius-sm:6px}.theme-rose .logo-badge,.theme-rose .login-logo .lb{background:linear-gradient(135deg,#c2185b,#e91e63)}.theme-rose .badge-active{background:#1a2e1b;color:#66bb6a}.theme-rose .badge-break{background:#3d2000;color:#ffa726}.theme-rose .badge-out{background:#261018;color:#b07080}.theme-rose .stat,.theme-rose .mcard,.theme-rose .card{background:#261018;border-color:#4d1f2e}.theme-rose .topbar{background:#1a0a10;border-color:#4d1f2e}.theme-rose .tab.active{background:#331520}.theme-rose .apps-box{background:#261018}.theme-rose .action-btn{background:#261018;border-color:#4d1f2e;color:#f5d0dc}.theme-rose .action-btn.on{background:#1a2e1b;border-color:#388e3c;color:#66bb6a}.theme-rose .btn-primary{background:#c2185b;border-color:#c2185b}.theme-rose .modal{background:#261018}.theme-rose .login-screen{background:#1a0a10}.theme-rose .login-box input,.theme-rose .login-box select{background:#331520;border-color:#4d1f2e;color:#f5d0dc}.theme-slate{--bg:#1C1C1E;--bg2:#2C2C2E;--bg3:#3A3A3C;--border:#48484A;--border2:#636366;--text:#F2F2F7;--text2:#8E8E93;--primary:#5E5CE6;--primary-h:#7B79FF;--success:#32D74B;--danger:#FF453A;--blue:#0A84FF;--radius:10px;--radius-sm:6px}.theme-slate .logo-badge,.theme-slate .login-logo .lb{background:linear-gradient(135deg,#5e5ce6,#bf5af2)}.theme-slate .badge-active{background:#0a3d1a;color:#32d74b}.theme-slate .badge-break{background:#3d2a00;color:#ffd60a}.theme-slate .badge-out{background:#2c2c2e;color:#8e8e93}.theme-slate .stat,.theme-slate .mcard,.theme-slate .card{background:#2c2c2e;border-color:#48484a}.theme-slate .topbar{background:#1c1c1e;border-color:#48484a}.theme-slate .tab.active{background:#3a3a3c}.theme-slate .apps-box{background:#2c2c2e}.theme-slate .action-btn{background:#2c2c2e;border-color:#48484a;color:#f2f2f7}.theme-slate .action-btn.on{background:#0a3d1a;border-color:#32d74b;color:#32d74b}.theme-slate .btn-primary{background:#5e5ce6;border-color:#5e5ce6}.theme-slate .modal{background:#2c2c2e}.theme-slate .login-screen{background:#1c1c1e}.theme-slate .login-box input,.theme-slate .login-box select{background:#3a3a3c;border-color:#48484a;color:#f2f2f7}*,*:before,*:after{transition:background-color .3s ease,border-color .3s ease,color .2s ease!important}.live-dot,.apps-big,input,select,button{transition:none!important}.btn,.action-btn,.tab,.mode-btn,.tag-btn{transition:background .15s ease,border-color .15s ease,color .15s ease,transform .1s ease,box-shadow .15s ease!important}.btn:active:not(:disabled){transform:scale(.97)}.action-btn:active:not(:disabled){transform:scale(.96)}.tab:active{transform:scale(.97)}.action-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.action-btn.on{box-shadow:0 0 0 3px #0f6e5633;animation:ring-pulse 2s infinite}@keyframes ring-pulse{0%,to{box-shadow:0 0 0 3px #0f6e5633}50%{box-shadow:0 0 0 6px #0f6e560d}}.stat{transition:transform .15s ease,box-shadow .15s ease!important;cursor:default}.stat:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000001a}.mcard{transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease!important}.mcard:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001a;border-color:var(--border2)}.avatar{transition:transform .15s ease!important}.mcard:hover .avatar{transform:scale(1.08)}@keyframes fill-bar{0%{width:0%}to{width:var(--target-width)}}.badge{animation:badge-in .2s ease}@keyframes badge-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.live-dot{animation:breathe 2s ease-in-out infinite!important}@keyframes breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.tab.active{position:relative}.tab.active:after{content:"";position:absolute;bottom:-1px;left:20%;right:20%;height:2px;background:var(--primary);border-radius:2px;animation:tab-line .2s ease}@keyframes tab-line{0%{left:50%;right:50%;opacity:0}to{left:20%;right:20%;opacity:1}}.card{animation:card-in .2s ease}@keyframes card-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.btn-primary{position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .4s ease!important}.btn-primary:hover:after{left:150%}.apps-big{display:inline-block;transition:transform .2s ease,color .3s ease!important}.modal{animation:modal-in .2s cubic-bezier(.34,1.56,.64,1)}@keyframes modal-in{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-overlay{animation:fade-in .15s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}select{cursor:pointer;transition:border-color .15s ease!important}select:hover{border-color:var(--border2)!important}.log-entry{animation:fade-in .15s ease}.portal .card:first-of-type{transition:box-shadow .2s ease!important}.leader-bar{transition:width .6s cubic-bezier(.4,0,.2,1)!important}