/* ══ LOGIN ═══════════════════════════════════════════════════ */ #login-screen{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;z-index:999;background:#2abfbf;display:flex;align-items:center;justify-content:center;padding:20px;} [data-theme=dark] #login-screen{background:#1a8f8f;} .lc-box{background:#fff;border-radius:20px;padding:36px 40px 32px;width:100%;max-width:400px;box-shadow:0 20px 60px rgba(0,0,0,0.15);} [data-theme=dark] .lc-box{background:#182236;} .lc-controls{display:flex;align-items:center;gap:8px;justify-content:flex-end;margin-bottom:22px;} .lc-ctrl-btn{width:34px;height:34px;border-radius:8px;border:1.5px solid #e2e8f0;background:transparent;font-size:15px;cursor:pointer;color:#64748b;display:flex;align-items:center;justify-content:center;transition:all .15s;} .lc-ctrl-btn:hover{border-color:#2abfbf;color:#2abfbf;} [data-theme=dark] .lc-ctrl-btn{border-color:#2a3d5a;color:#7a8dab;} .lc-lang{display:flex;border:1.5px solid #e2e8f0;border-radius:8px;overflow:hidden;} [data-theme=dark] .lc-lang{border-color:#2a3d5a;} .lc-lang-btn{padding:4px 12px;border:none;background:transparent;font-size:12px;font-weight:600;cursor:pointer;color:#94a3b8;transition:all .15s;} .lc-lang-btn.on{background:#2abfbf;color:#fff;} .lc-logo{text-align:center;margin-bottom:18px;} .lc-logo img{height:64px;width:auto;} .lc-title{font-size:22px;font-weight:800;color:#1e2d4a;margin-bottom:4px;text-align:center;} [data-theme=dark] .lc-title{color:#e8edf5;} .lc-sub{font-size:13px;color:#94a3b8;text-align:center;margin-bottom:22px;line-height:1.5;} .lc-field{margin-bottom:16px;} .lc-label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#94a3b8;margin-bottom:7px;} body.ar .lc-label{letter-spacing:0;text-transform:none;font-size:12px;} .lc-sel-wrap{position:relative;} .lc-sel{width:100%;padding:12px 40px 12px 14px;border:1.5px solid #e2e8f0;border-radius:10px;background:#f8fafc;color:#1e2d4a;font-family:inherit;font-size:14px;font-weight:500;appearance:none;cursor:pointer;outline:none;transition:border-color .2s,box-shadow .2s;} .lc-sel:focus{border-color:#2abfbf;box-shadow:0 0 0 3px rgba(42,191,191,.15);} [data-theme=dark] .lc-sel{background:#1e2d45;border-color:#2a3d5a;color:#e8edf5;} .lc-arr{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#94a3b8;pointer-events:none;} .lc-pin-wrap{position:relative;} .lc-pin-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);font-size:15px;pointer-events:none;} .lc-pin{width:100%;padding:12px 14px 12px 42px;border:1.5px solid #e2e8f0;border-radius:10px;background:#f8fafc;color:#1e2d4a;font-family:inherit;font-size:24px;letter-spacing:14px;outline:none;transition:border-color .2s,box-shadow .2s;} .lc-pin:focus{border-color:#2abfbf;box-shadow:0 0 0 3px rgba(42,191,191,.15);} .lc-pin::placeholder{letter-spacing:8px;font-size:18px;color:#cbd5e1;} [data-theme=dark] .lc-pin{background:#1e2d45;border-color:#2a3d5a;color:#e8edf5;} .lc-dots{display:flex;gap:8px;margin-top:10px;justify-content:center;} .lc-dots .pin-dot{width:10px;height:10px;border-radius:50%;background:#e2e8f0;transition:background .2s,transform .15s;display:inline-block;} .lc-dots .pin-dot.fill{background:#2abfbf;transform:scale(1.2);} .lc-btn{width:100%;padding:13px;margin-top:4px;background:#1e2d4a;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s;} .lc-btn:hover{background:#2abfbf;transform:translateY(-1px);box-shadow:0 6px 20px rgba(42,191,191,.35);} .pin-err{color:#e05a2b;font-size:12px;margin-top:8px;text-align:center;min-height:16px;}

Team Portal

Select your name, then enter your PIN

🔒
Welcome back,

New Task

Reset PIN

····

Remove User