.staff-login-page{min-height:100vh;background:#f4f7f7;display:grid;grid-template-columns:44% 56%}.staff-login-visual{background:var(--navy-2);color:#fff;padding:44px clamp(32px,6vw,88px);display:flex;flex-direction:column;position:relative;overflow:hidden}.staff-login-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,29,48,.1),rgba(3,29,48,.92)),url("assets/radiotherapy-v2.png") center/cover no-repeat;opacity:.48}.staff-login-visual:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(205,164,106,.22);border-radius:50%;bottom:-230px;right:-180px;box-shadow:0 0 0 85px rgba(205,164,106,.04)}.staff-login-brand{position:relative;z-index:2;min-width:auto}.staff-login-brand strong{color:#fff}.staff-login-brand small{color:#aac0ca}.login-message{position:relative;z-index:2;margin:auto 0;max-width:570px}.login-message h1{font-size:clamp(3rem,5vw,5.6rem);line-height:1.2;letter-spacing:-.06em;margin:0 0 22px}.login-message h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #fff}.login-message>p:not(.eyebrow){color:#c4d3d9;max-width:480px}.login-security{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.14);padding-top:20px;font-size:.72rem;color:#a9bdc6}.login-security span{color:#74d9ad}.staff-login-panel{display:grid;place-items:center;padding:40px}.login-panel-inner{width:min(590px,100%)}.mobile-home{display:inline-block;color:var(--blue);font-size:.75rem;margin-bottom:32px}.login-kicker{color:#a17842;font-size:.75rem;font-weight:800;margin:0}.login-panel-inner h2{font-size:2.2rem;margin:2px 0}.login-lead{color:var(--muted);font-size:.85rem;margin:0 0 26px}.role-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:25px}.role-cards input{position:absolute;opacity:0}.role-cards label{cursor:pointer}.role-cards label>span{min-height:145px;border:1px solid var(--line);background:#fff;border-radius:18px;padding:17px;display:flex;flex-direction:column;transition:.25s;position:relative}.role-cards input:checked+span{background:var(--navy);color:#fff;border-color:var(--navy);box-shadow:0 18px 35px rgba(6,43,67,.16);transform:translateY(-3px)}.role-cards i{font-style:normal;width:40px;height:40px;border-radius:12px;background:#e8f5f4;color:var(--teal);display:grid;place-items:center;font-size:1.1rem;margin-bottom:14px}.role-cards input:checked+span i{background:rgba(255,255,255,.12);color:var(--gold-2)}.role-cards b{font-size:.9rem}.role-cards small{font-size:.66rem;color:var(--muted)}.role-cards input:checked+span small{color:#aac0ca}.role-cards em{position:absolute;left:15px;bottom:13px;color:var(--gold);font-style:normal}.staff-login-panel form>label{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.staff-login-panel form>label>span{font-size:.72rem;font-weight:700}.staff-login-panel input{border:1px solid #d7e0e3;background:#fff;border-radius:12px;padding:12px 14px;outline:none}.staff-login-panel input:focus{border-color:var(--teal);box-shadow:0 0 0 4px rgba(13,139,139,.08)}.password-field{display:flex;position:relative}.password-field input{width:100%;padding-left:65px}.password-field button{position:absolute;left:8px;top:8px;border:0;background:#eef3f4;color:var(--blue);border-radius:7px;padding:5px 8px;font-size:.65rem}.login-meta{display:flex;justify-content:space-between;font-size:.68rem;color:var(--muted);margin:5px 0 20px}.login-meta label{display:flex;align-items:center;gap:6px}.login-meta input{width:15px;height:15px;accent-color:var(--teal)}.login-meta a{color:var(--blue)}.login-submit{width:100%}.demo-note{display:block;text-align:center;color:#8799a2;margin-top:12px;font-size:.65rem}
.staff-dashboard-page{background:#f2f5f6;min-height:100vh}.staff-sidebar{position:fixed;right:0;top:0;bottom:0;width:260px;background:var(--navy-2);color:#fff;padding:22px 16px;z-index:40;display:flex;flex-direction:column}.staff-brand{min-width:0;padding:0 8px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.staff-brand img{width:45px;height:45px}.staff-brand strong{color:#fff}.staff-brand small{color:#8ea8b3}.current-role{margin:18px 2px;padding:11px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);border-radius:13px;display:grid;grid-template-columns:38px 1fr 24px;align-items:center;gap:9px;position:relative}.current-role>span{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--teal),var(--blue));display:grid;place-items:center;font-weight:800}.current-role>div:not(.role-popover){display:flex;flex-direction:column}.current-role small{font-size:.56rem;color:#86a3ae}.current-role strong{font-size:.76rem}.current-role>button{border:0;background:transparent;color:#fff;cursor:pointer}.role-popover{display:none;position:absolute;top:58px;right:0;left:0;background:#fff;color:var(--ink);border-radius:11px;box-shadow:var(--shadow);overflow:hidden;padding:5px;z-index:5}.role-popover.open{display:grid}.role-popover a{padding:7px 9px;border-radius:7px;font-size:.7rem}.role-popover a:hover{background:#edf3f4}.staff-sidebar nav{display:grid;gap:4px}.staff-sidebar nav a{display:flex;align-items:center;gap:11px;color:#a8bdc6;border-radius:10px;padding:10px 12px;font-size:.76rem}.staff-sidebar nav a i{font-style:normal;font-size:1rem;width:22px;text-align:center}.staff-sidebar nav a b{margin-right:auto;border-radius:99px;background:rgba(255,255,255,.1);padding:0 6px;font-size:.55rem}.staff-sidebar nav a.active,.staff-sidebar nav a:hover{background:rgba(255,255,255,.09);color:#fff}.staff-sidebar nav a.active{box-shadow:inset -2px 0 var(--gold)}.staff-sidebar-bottom{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding-top:12px;display:grid}.staff-sidebar-bottom a{padding:7px 10px;color:#91a9b4;font-size:.68rem}.staff-main{margin-right:260px;min-height:100vh}.staff-topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 26px;position:sticky;top:0;z-index:25}.staff-menu{display:none;border:0;background:transparent;font-size:1.2rem}.staff-search{width:min(420px,36vw);background:#f2f5f6;border-radius:10px;padding:8px 12px;color:#92a5ae}.staff-search input{border:0;background:transparent;outline:none;width:90%;font-size:.75rem}.staff-top-actions{display:flex;align-items:center;gap:10px}.system-state{display:flex;align-items:center;gap:7px;padding:5px 10px;border:1px solid var(--line);border-radius:999px;font-size:.62rem;color:var(--muted)}.system-state i{width:7px;height:7px;background:#2fc283;border-radius:50%}.top-icon{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:#fff;position:relative}.top-icon b{position:absolute;top:-3px;right:-2px;background:#dc735b;color:#fff;width:15px;height:15px;border-radius:50%;font-size:.5rem}.staff-profile{display:flex;align-items:center;gap:9px;margin-right:5px}.staff-profile>div{display:flex;flex-direction:column;text-align:left}.staff-profile strong{font-size:.72rem}.staff-profile small{font-size:.58rem;color:var(--muted)}.staff-profile>span{width:39px;height:39px;border-radius:11px;background:linear-gradient(135deg,var(--blue),var(--teal));color:#fff;display:grid;place-items:center;font-size:.72rem;font-weight:800}.staff-content{max-width:1500px;margin:auto;padding:27px}.staff-welcome{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.staff-welcome small{font-size:.67rem;color:#a17842;font-weight:800}.staff-welcome h1{font-size:1.8rem;margin:2px 0}.staff-welcome p{font-size:.75rem;color:var(--muted);margin:0}.staff-welcome-actions{display:flex;gap:8px}.staff-welcome-actions .button{font-size:.7rem;padding:9px 15px}.staff-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px}.staff-metric{background:#fff;border:1px solid var(--line);border-radius:15px;padding:17px;display:grid;grid-template-columns:43px 1fr;gap:11px;align-items:center;position:relative}.staff-metric>i{font-style:normal;width:42px;height:42px;border-radius:12px;background:#e9f4f4;color:var(--teal);display:grid;place-items:center}.staff-metric:nth-child(2)>i{background:#e9f0f7;color:var(--blue)}.staff-metric:nth-child(3)>i{background:#fbf0e1;color:#ae7d3d}.staff-metric:nth-child(4)>i{background:#f5eaea;color:#bc665e}.staff-metric div{display:flex;flex-direction:column}.staff-metric small{font-size:.6rem;color:var(--muted)}.staff-metric strong{font-size:1.05rem}.staff-metric span{font-size:.58rem;color:#2d9c72}.staff-workspace{display:grid;grid-template-columns:1.35fr .65fr;gap:12px}.staff-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;min-width:0}.staff-card.wide{grid-column:1/-1}.staff-card-title{display:flex;justify-content:space-between;align-items:start;margin-bottom:17px}.staff-card-title small{font-size:.6rem;color:#a17842}.staff-card-title h2{font-size:1rem;margin:1px 0}.staff-card-title a,.staff-card-title button{border:0;background:transparent;color:var(--blue);font-size:.65rem;font-weight:800}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:right;color:#82969f;font-size:.61rem;font-weight:500;padding:8px;border-bottom:1px solid var(--line)}.data-table td{padding:10px 8px;border-bottom:1px solid var(--line);font-size:.68rem}.data-table tr:last-child td{border-bottom:0}.patient-cell{display:flex;align-items:center;gap:9px}.patient-cell>span{width:34px;height:34px;border-radius:10px;background:#e8f3f4;color:var(--blue);display:grid;place-items:center;font-weight:800;font-size:.62rem}.patient-cell div{display:flex;flex-direction:column}.patient-cell b{font-size:.7rem}.patient-cell small{font-size:.55rem;color:var(--muted)}.status{border-radius:99px;padding:3px 8px;font-size:.56rem;white-space:nowrap}.status.wait{background:#fff2dd;color:#a36a20}.status.done{background:#e6f6ef;color:#168a63}.status.progress{background:#e8f1f8;color:var(--blue)}.status.cancel{background:#f9e9e7;color:#b8564b}.row-action{border:1px solid var(--line);background:#fff;border-radius:7px;padding:4px 7px;color:var(--blue);font-size:.58rem}.alert-list{display:grid;gap:8px}.alert-item{border:1px solid var(--line);border-radius:12px;padding:11px;display:grid;grid-template-columns:35px 1fr auto;gap:9px;align-items:center}.alert-item>i{font-style:normal;width:34px;height:34px;border-radius:10px;background:#f8e9e7;color:#c35a4f;display:grid;place-items:center}.alert-item>div{display:flex;flex-direction:column}.alert-item b{font-size:.67rem}.alert-item small{font-size:.56rem;color:var(--muted)}.alert-item>a{color:var(--blue);font-size:.57rem;font-weight:800}.capacity-list{display:grid;gap:13px}.capacity-row{display:grid;grid-template-columns:120px 1fr 35px;align-items:center;gap:10px}.capacity-row>span{font-size:.65rem}.capacity-row>div{height:7px;background:#edf1f2;border-radius:99px;overflow:hidden}.capacity-row b{display:block;height:100%;background:linear-gradient(90deg,var(--teal),var(--blue));border-radius:99px}.capacity-row>small{font-size:.6rem;color:var(--muted)}.bar-chart{height:210px;display:flex;align-items:end;gap:12px;padding-top:24px;border-bottom:1px solid var(--line)}.bar-chart div{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:end}.bar-chart b{width:70%;max-width:38px;background:linear-gradient(180deg,var(--teal),#0a597a);border-radius:8px 8px 0 0;min-height:12px}.bar-chart span{font-size:.55rem;color:var(--muted)}.queue-board{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.queue-column{background:#f5f7f7;border-radius:12px;padding:11px}.queue-column>header{display:flex;justify-content:space-between;font-size:.65rem;font-weight:800;margin-bottom:9px}.queue-column>header b{background:#fff;border-radius:99px;padding:0 7px}.queue-person{background:#fff;border:1px solid var(--line);border-radius:9px;padding:9px;margin-bottom:7px;display:flex;justify-content:space-between;align-items:center}.queue-person div{display:flex;flex-direction:column}.queue-person b{font-size:.63rem}.queue-person small{font-size:.52rem;color:var(--muted)}.queue-person span{font-size:.55rem;color:var(--blue)}.quick-form{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quick-form label{display:flex;flex-direction:column;gap:4px}.quick-form label.full{grid-column:1/-1}.quick-form span{font-size:.58rem;color:var(--muted)}.quick-form input,.quick-form select{border:1px solid var(--line);border-radius:8px;padding:8px;font:inherit;font-size:.65rem;outline:none}.quick-form button{grid-column:1/-1}.insight-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.insight{background:#f6f8f8;border-radius:11px;padding:12px}.insight small{font-size:.55rem;color:var(--muted)}.insight strong{display:block;font-size:1rem}.insight span{font-size:.55rem;color:#21946d}.toast{position:fixed;left:24px;bottom:24px;background:var(--navy);color:#fff;border-radius:12px;padding:11px 16px;font-size:.7rem;box-shadow:var(--shadow);transform:translateY(80px);opacity:0;transition:.25s;z-index:99}.toast.show{transform:none;opacity:1}
@media(max-width:1100px){.staff-sidebar{transform:translateX(100%);transition:.3s}.staff-sidebar.open{transform:none}.staff-main{margin-right:0}.staff-menu{display:block}.staff-metrics{grid-template-columns:1fr 1fr}.staff-workspace{grid-template-columns:1fr}.staff-card.wide{grid-column:auto}}
@media(max-width:720px){.staff-login-page{grid-template-columns:1fr}.staff-login-visual{min-height:310px;padding:25px}.login-message{margin:45px 0}.login-message h1{font-size:2.8rem}.login-security{display:none}.staff-login-panel{padding:28px 16px}.role-cards{grid-template-columns:1fr}.role-cards label>span{min-height:auto;display:grid;grid-template-columns:45px 1fr 22px;align-items:center}.role-cards i{margin:0;grid-row:1/3}.role-cards small{grid-column:2}.role-cards em{position:static;grid-column:3;grid-row:1/3}.staff-topbar{padding:0 12px}.staff-search,.system-state,.staff-profile>div{display:none}.staff-content{padding:18px 11px}.staff-welcome{align-items:start;gap:13px}.staff-welcome h1{font-size:1.35rem}.staff-welcome-actions{flex-direction:column}.staff-welcome-actions .button{padding:7px 10px}.staff-metrics{grid-template-columns:1fr 1fr}.staff-metric{grid-template-columns:35px 1fr;padding:12px}.staff-metric>i{width:34px;height:34px}.data-table{min-width:680px}.table-scroll{overflow-x:auto}.queue-board{grid-template-columns:1fr}.capacity-row{grid-template-columns:90px 1fr 30px}.insight-row{grid-template-columns:1fr}}

/* Premium portal controls and cards */
.role-cards label>span{border-radius:19px;border-color:rgba(6,43,67,.1);box-shadow:0 8px 24px rgba(3,29,48,.05);overflow:hidden}
.role-cards label>span:before{content:"";position:absolute;inset-inline:16px;top:0;height:3px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,var(--gold),var(--teal));opacity:0;transition:.2s}
.role-cards label:hover>span{transform:translateY(-2px);border-color:rgba(13,139,139,.25);box-shadow:0 15px 34px rgba(3,29,48,.1)}
.role-cards input:checked+span{background:linear-gradient(145deg,#073b58,#031d30);box-shadow:0 18px 42px rgba(3,29,48,.22)}
.role-cards input:checked+span:before{opacity:1}
.role-cards i{border-radius:13px;box-shadow:inset 0 0 0 1px rgba(13,139,139,.08)}
.password-field button,.row-action{min-height:32px;border:1px solid rgba(6,43,67,.1);background:#f4f8f8;color:var(--blue);border-radius:9px;font-weight:800;cursor:pointer;transition:.18s ease}
.password-field button:hover,.row-action:hover{background:#e6f4f2;border-color:rgba(13,139,139,.3);transform:translateY(-1px)}
.staff-metric,.staff-card{border-color:rgba(6,43,67,.085);box-shadow:0 8px 28px rgba(3,29,48,.045)}
.staff-metric{border-radius:18px;overflow:hidden;transition:.2s ease}
.staff-metric:after{content:"";position:absolute;inset-block:14px;right:0;width:3px;border-radius:4px;background:linear-gradient(var(--teal),var(--blue));opacity:.65}
.staff-metric:hover{transform:translateY(-2px);box-shadow:0 15px 38px rgba(3,29,48,.085)}
.staff-metric>i{border-radius:14px}
.staff-card{border-radius:19px}
.current-role{border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.045));box-shadow:inset 0 1px rgba(255,255,255,.08)}
.staff-sidebar nav a{min-height:43px;border-radius:12px;transition:.18s ease}
.staff-sidebar nav a.active,.staff-sidebar nav a:hover{background:linear-gradient(90deg,rgba(255,255,255,.11),rgba(255,255,255,.055))}
.quick-form input,.quick-form select{min-height:42px;border-radius:11px;background:#fbfcfc}
.quick-form button{margin-top:5px}
@media(max-width:720px){.staff-welcome-actions .button{min-height:42px;padding:0 12px}.role-cards label>span{border-radius:16px}.staff-card{border-radius:17px}}
.integration-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.integration-item{display:grid;grid-template-columns:10px 1fr auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:13px;padding:12px;background:#fafcfc}.integration-item>i{width:9px;height:9px;border-radius:50%;background:#d2a458;box-shadow:0 0 0 5px rgba(205,164,106,.12)}.integration-item>i.ready{background:#2bbd82;box-shadow:0 0 0 5px rgba(43,189,130,.11)}.integration-item>div{display:flex;flex-direction:column}.integration-item b{font-size:.68rem}.integration-item small{font-size:.55rem;color:var(--muted)}.integration-item>span{font-size:.56rem;color:#93682d;background:#fff2dc;border-radius:8px;padding:4px 7px}.integration-item>i.ready~span{color:#18865f;background:#e7f7f0}@media(max-width:720px){.integration-grid{grid-template-columns:1fr}.integration-item{grid-template-columns:10px 1fr}.integration-item>span{grid-column:2;width:max-content}}
.auth-pending .staff-main,.auth-pending .staff-sidebar{visibility:hidden}.auth-pending:before{content:"در حال بررسی سطح دسترسی…";position:fixed;inset:0;display:grid;place-items:center;background:#f4f7f6;color:#063c4e;font-weight:900;z-index:9999}.role-popover>span{display:block;padding:12px 14px;color:#44616c;font-size:.72rem;font-weight:800;white-space:nowrap}
.role-preview-note{display:block;padding:9px 12px;border-bottom:1px solid rgba(6,43,67,.08);color:#8b672f;font-size:.62rem;white-space:nowrap;background:#fff8e9}.staff-dashboard-page[data-workspace-role="doctor"]{--role-accent:#0d8b8b}.staff-dashboard-page[data-workspace-role="secretary"]{--role-accent:#2f72a1}.staff-dashboard-page[data-workspace-role="admin"]{--role-accent:#b98543}.staff-dashboard-page[data-workspace-role] .staff-welcome{border-top:4px solid var(--role-accent)}.staff-dashboard-page[data-workspace-role] .current-role>span{background:var(--role-accent)}.staff-top-actions .language-switch{flex:0 0 auto}@media(max-width:980px){.staff-top-actions .language-switch{display:none}}
.quick-form [aria-invalid="true"],.content-editor [aria-invalid="true"]{border-color:#bf4b4b!important;box-shadow:0 0 0 4px rgba(191,75,75,.1)!important}.field-error{display:block;color:#a83b3b;font-size:.68rem;font-weight:700;line-height:1.7;margin-top:5px;padding:7px 9px;border-radius:9px;background:#fff1f1;border:1px solid rgba(191,75,75,.16)}