.auth-screen{position:fixed;inset:0;z-index:50;background:radial-gradient(circle at 20% 10%,#123b61 0,transparent 34%),linear-gradient(135deg,#06111f,#0a2239);display:grid;place-items:center;padding:70px 20px 25px;overflow:auto}.auth-brand{position:absolute;top:24px;right:28px;color:white;display:flex;align-items:center;gap:10px;font-size:20px}.auth-card{width:min(460px,100%);background:white;border-radius:22px;padding:32px;box-shadow:0 30px 80px #0006}.auth-card h1{margin:10px 0 4px;font-size:25px}.auth-card>p{color:#718090;margin:0 0 20px}.step-label{color:#1c82ea;font-size:13px;font-weight:700}.auth-card form>label,.modal-card>label{display:grid;gap:6px;font-size:13px;font-weight:600;margin:13px 0}.auth-card input,.modal-card input,.modal-card select{width:100%;border:1px solid #dce4eb;border-radius:9px;padding:11px;font:14px Tajawal;outline:0}.auth-card input:focus,.modal-card input:focus{border-color:#2686ed;box-shadow:0 0 0 3px #2686ed18}.auth-card .check{display:flex;align-items:center;font-weight:400}.auth-card .check input{width:auto}.auth-submit{width:100%;margin:8px 0 14px;padding:13px}.auth-card>small{display:block;text-align:center;color:#778694}.text-btn{border:0;background:none;color:#167de6;font:600 13px Tajawal;cursor:pointer}.mail-icon{width:60px;height:60px;border-radius:17px;background:#eaf4ff;color:#1c82ea;display:grid;place-items:center;margin:auto;font-size:28px}.otp{display:flex;gap:7px;justify-content:center;margin:25px 0}.otp input{width:48px;height:52px;text-align:center;font-size:21px;font-weight:700}.team-view{height:calc(100vh - 88px);overflow:auto;padding:26px}.team-top{display:flex;align-items:center}.team-top h2{margin:0}.team-top p{margin:4px 0;color:#708090}.team-top .primary{margin-right:auto}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}.stats div{background:white;border:1px solid var(--line);border-radius:13px;padding:18px}.stats strong,.stats span{display:block}.stats strong{font-size:25px}.stats span{color:#748290;font-size:13px}.team-table,.permissions{background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden}.table-head,.employee{display:grid;grid-template-columns:2fr 1fr 1fr .7fr 30px;gap:12px;align-items:center;padding:13px 18px}.table-head{background:#f7f9fb;color:#758391;font-size:12px}.employee{border-top:1px solid #edf1f4;font-size:13px}.employee-name{display:flex;align-items:center;gap:10px}.employee-name i{width:38px;height:38px;background:#dcecff;border-radius:10px;display:grid;place-items:center;font-style:normal}.employee-name b,.employee-name small{display:block}.employee-name small{color:#7e8b98;font-weight:400;margin-top:3px}.channel-pills{display:flex;gap:5px}.channel-pills b{width:23px;height:23px;border-radius:6px;color:white;display:grid;place-items:center}.status-active{color:#178852;background:#e5f7ed;border-radius:15px;padding:4px 9px;width:max-content}.employee>button{border:0;background:none}.permissions{margin-top:18px;padding:20px}.permissions h3{margin:0 0 15px}.permission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.permission-grid label{font-size:13px}.modal{position:fixed;inset:0;background:#06101dbd;z-index:70;display:grid;place-items:center;padding:20px}.modal-card{width:min(450px,100%);background:white;border-radius:18px;padding:26px;position:relative}.modal-card h2{margin:0}.modal-card>p{color:#70808f}.modal-close{position:absolute;left:18px;top:14px;border:0;background:none;font-size:25px}.modal-card fieldset{border:1px solid #dce4eb;border-radius:10px;display:flex;gap:16px;margin:15px 0;font-size:13px}.modal-card legend{padding:0 6px}.modal-card fieldset label{display:flex;align-items:center;gap:5px}@media(max-width:760px){.auth-card{padding:24px}.team-view{padding:15px}.stats{grid-template-columns:1fr}.team-table{overflow:auto}.table-head,.employee{min-width:700px}.permission-grid{grid-template-columns:1fr 1fr}}