*,*: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}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}.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:breathe 2s ease-in-out infinite}@keyframes breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.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;position:relative}.tab:hover{background:var(--bg2)}.tab.active{background:var(--bg3);color:var(--text);border-color:var(--border2)}.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{background:var(--bg);border:.5px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:12px;animation:card-in .2s ease}@keyframes card-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.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;transition:transform .15s ease,box-shadow .15s ease}.stat:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000001a}.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;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.mcard:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001a;border-color:var(--border2)}.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;transition:transform .15s ease}.mcard:hover .avatar{transform:scale(1.08)}.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;animation:badge-in .2s ease}@keyframes badge-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.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:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary);position:relative;overflow:hidden}.btn-primary:hover{background:var(--primary-h);border-color:var(--primary-h)}.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}.btn-primary:hover:after{left:150%}.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,textarea{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,textarea: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;background:var(--bg2)}.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;animation:fade-in .15s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.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;color:#1a1918;transition:all .15s}.action-btn:hover:not(:disabled){background:#f5f5f3;border-color:#d5d4cf;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.action-btn:active:not(:disabled){transform:scale(.96)}.action-btn:disabled{opacity:.35;cursor:not-allowed;background:#f5f5f3}.action-btn.on{border-color:#0f6e56;background:#e1f5ee;color:#0f6e56;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}}.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;animation:fade-in .15s ease}.modal{background:var(--bg);border:.5px solid var(--border2);border-radius:var(--radius);padding:20px;width:100%;max-width:340px;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-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}.theme-midnight{--bg:#0D1117;--bg2:#161B22;--bg3:#21262D;--border:#30363D;--border2:#484F58;--text:#E6EDF3;--text2:#7D8590;--primary:#1F6FEB;--blue:#1F6FEB}.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,.theme-midnight .modal{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 .login-screen{background:#0d1117}.theme-forest{--bg:#0F1F14;--bg2:#162219;--bg3:#1E2E22;--border:#2D4A35;--border2:#3D6347;--text:#D4E6D8;--text2:#7DA88A;--primary:#2D7A4F;--blue:#2980B9}.theme-forest .logo-badge,.theme-forest .login-logo .lb{background:#2d7a4f}.theme-forest .badge-active{background:#1a3d25;color:#4caf70}.theme-forest .badge-out{background:#1e2e22;color:#7da88a}.theme-forest .stat,.theme-forest .mcard,.theme-forest .card,.theme-forest .modal{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 .login-screen{background:#0f1f14}.theme-ocean{--bg:#071426;--bg2:#0D1F3C;--bg3:#132A4E;--border:#1E3A5F;--border2:#2A5280;--text:#CAE4F5;--text2:#6B9DC0;--primary:#0077B6;--blue:#0077B6}.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-out{background:#0d1f3c;color:#6b9dc0}.theme-ocean .stat,.theme-ocean .mcard,.theme-ocean .card,.theme-ocean .modal{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 .login-screen{background:#071426}.theme-rose{--bg:#1A0A10;--bg2:#261018;--bg3:#331520;--border:#4D1F2E;--border2:#6B2B3E;--text:#F5D0DC;--text2:#B07080;--primary:#C2185B;--blue:#7B1FA2}.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-out{background:#261018;color:#b07080}.theme-rose .stat,.theme-rose .mcard,.theme-rose .card,.theme-rose .modal{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 .login-screen{background:#1a0a10}.theme-slate{--bg:#1C1C1E;--bg2:#2C2C2E;--bg3:#3A3A3C;--border:#48484A;--border2:#636366;--text:#F2F2F7;--text2:#8E8E93;--primary:#5E5CE6;--blue:#0A84FF}.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-out{background:#2c2c2e;color:#8e8e93}.theme-slate .stat,.theme-slate .mcard,.theme-slate .card,.theme-slate .modal{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 .login-screen{background:#1c1c1e}@keyframes ripple{to{transform:scale(2.5);opacity:0}}.action-btn{transition:all .25s cubic-bezier(.34,1.56,.64,1)!important}.action-btn:not(:disabled):not(.on):hover{transform:translateY(-3px) scale(1.02);box-shadow:0 6px 18px #0000001a;border-color:var(--border2)!important}.action-btn.on{transform:scale(1.03);animation:btn-activate .3s cubic-bezier(.34,1.56,.64,1)}@keyframes btn-activate{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1.03)}}.action-btn:active:not(:disabled){transform:scale(.95)!important;transition:transform .1s ease!important}.action-btn.on[style*="0F6E56"]{box-shadow:0 0 0 3px #0f6e5633,0 4px 16px #0f6e5626!important}.apps-big{transition:transform .3s cubic-bezier(.34,1.56,.64,1),color .3s ease;display:inline-block}*,*:before,*:after{transition:background-color .3s ease,border-color .3s ease,color .2s ease!important}.action-btn,.btn,.tab,.badge,.avatar,.action-icon{transition:all .2s cubic-bezier(.34,1.56,.64,1)!important}input,select,textarea{transition:border-color .15s ease!important}.topbar .live-dot{animation:breathe 2s ease-in-out infinite}.uni-form-enter{animation:slide-down .25s ease}@keyframes slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}button[style*="042C53"][style*=fontWeight]{box-shadow:0 2px 8px #042c5340}div[style*="borderRadius: 12px"]:hover,div[style*="borderRadius:12px"]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014}