@import "https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800&display=swap";:root{color:#172522;font-synthesis:none;--primary:#0f766e;--primary2:#14b8a6;--ink:#172522;--muted:#71807d;--line:#e4ebe9;--surface:#fff;--bg:#f5f8f7;--shadow:0 8px 32px #133d3712;background:#f5f8f7;font-family:Vazirmatn,Tahoma,sans-serif}:root[data-theme=dark]{color:#e8f2f0;--ink:#e8f2f0;--muted:#91a29f;--line:#263937;--surface:#142321;--bg:#0b1413;--shadow:0 10px 35px #0003;background:#0b1413}*{box-sizing:border-box}html{direction:rtl}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--ink);margin:0}button,input,select{font:inherit}button{cursor:pointer}svg{width:1.15em;height:1.15em}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #14b8a633}.login-page{background:var(--surface);grid-template-columns:minmax(420px,46%) 1fr;min-height:100vh;display:grid}.login-art{color:#fff;background:linear-gradient(145deg,#083f3b,#0f766e 55%,#15a596);flex-direction:column;min-height:100vh;padding:42px 56px;display:flex;position:relative;overflow:hidden}.login-art:before,.login-art:after{content:"";border:1px solid #ffffff1f;border-radius:50%;width:540px;height:540px;position:absolute;top:-160px;left:-240px}.login-art:after{width:380px;height:380px;top:-80px;left:-130px}.art-glow{background:radial-gradient(circle,#2dd4bf47,#0000 60%);height:70%;position:absolute;inset:auto -15% -30% 10%}.logo{z-index:1;align-items:center;gap:12px;display:flex;position:relative}.logo-mark{color:#fff;background:linear-gradient(145deg,#13a89b,#0b6d65);border-radius:14px;place-items:center;width:44px;height:44px;display:grid;position:relative;box-shadow:0 6px 16px #0f766e40}.logo-mark i{background:#ffcb66;border-radius:50%;width:7px;height:7px;position:absolute;top:5px;left:5px}.logo>span:last-child{flex-direction:column;display:flex}.logo b{font-size:20px}.logo small{color:inherit;opacity:.65;font-size:10px}.art-copy{z-index:1;max-width:560px;margin:auto 0;position:relative}.eyebrow{background:#ffffff21;border:1px solid #ffffff1f;border-radius:30px;align-items:center;gap:7px;padding:8px 12px;font-size:12px;display:inline-flex}.art-copy h1{letter-spacing:-2px;margin:24px 0 16px;font-size:clamp(44px,5vw,72px);line-height:1.35}.art-copy h1 em{color:#7de9d9;font-style:normal}.art-copy p{color:#ffffffc2;max-width:500px;font-size:17px;line-height:2}.mini-schedule{z-index:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1c;border:1px solid #ffffff26;border-radius:18px;justify-content:space-between;align-items:center;max-width:480px;margin-bottom:40px;padding:17px 20px;display:flex;position:relative}.mini-schedule div{flex-direction:column;gap:4px;display:flex}.mini-schedule span{opacity:.72;font-size:11px}.mini-schedule .time-pill{opacity:1;color:#0f766e;background:#fff;border-radius:11px;padding:8px 13px;font-size:18px;font-weight:700}.art-footer{z-index:1;opacity:.65;border-top:1px solid #ffffff1f;justify-content:space-between;padding-top:20px;font-size:11px;display:flex;position:relative}.art-footer span{align-items:center;gap:6px;display:flex}.login-form-wrap{place-items:center;padding:40px;display:grid}.login-card{width:min(420px,100%)}.mobile-logo{display:none}.welcome-icon{background:#edf9f6;border-radius:15px;place-items:center;width:48px;height:48px;font-size:23px;display:grid}.login-card h2{margin:18px 0 5px;font-size:30px}.login-card>p{color:var(--muted);margin:0 0 30px;font-size:14px}.login-card label{margin:15px 0 8px;font-size:13px;font-weight:600;display:block}.label-row{justify-content:space-between;align-items:end;display:flex}.label-row button{color:var(--primary);background:0 0;border:0;font-size:12px}.input-wrap{border:1px solid var(--line);height:53px;color:var(--muted);border-radius:13px;align-items:center;gap:10px;padding:0 15px;transition:all .2s;display:flex}.input-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px #0f766e14}.input-wrap input{color:var(--ink);direction:rtl;background:0 0;border:0;outline:0;width:100%}.input-wrap .eye{color:var(--muted);background:0 0;border:0;display:grid}.primary,.soft,.outline{white-space:nowrap;border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:10px 15px;font-size:13px;font-weight:600;display:inline-flex}.primary{color:#fff;background:linear-gradient(135deg,#0f766e,#0a9287);box-shadow:0 5px 14px #0f766e2e}.soft{background:var(--surface);color:var(--ink);border:1px solid var(--line)}.outline{color:var(--primary);background:0 0;border:1px solid #0f766e40}.login-button{justify-content:space-between;width:100%;height:53px;margin-top:24px;padding:0 20px}.secure-note{color:var(--muted);justify-content:center;align-items:center;gap:7px;margin-top:18px;font-size:11px;display:flex}.secure-note svg{color:var(--primary)}.demo-link{color:var(--primary);background:0 0;border:0;margin:24px auto 0;font-size:12px;display:block}.spinner{border:2px solid #ffffff60;border-top-color:#fff;border-radius:50%;width:20px;height:20px;margin:auto;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--surface);border-left:1px solid var(--line);z-index:40;flex-direction:column;width:256px;padding:24px 17px 18px;transition:all .25s;display:flex;position:fixed;top:0;bottom:0;right:0}.side-head{border-bottom:1px solid var(--line);padding:0 7px 25px}.close-drawer{display:none}.sidebar nav{flex-direction:column;gap:5px;padding-top:20px;display:flex}.sidebar nav button,.logout{width:100%;color:var(--muted);text-align:right;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:11px 13px;font-size:13px;display:flex}.sidebar nav button:hover,.sidebar nav button.active{color:var(--primary);background:#0f766e14}.sidebar nav button.active{font-weight:700}.sidebar nav button i{color:#fff;background:#ef7d63;border-radius:8px;margin-right:auto;padding:2px 6px;font-size:10px;font-style:normal}.help-card{background:linear-gradient(145deg,#0f766e1c,#14b8a60a);border:1px solid #0f766e1a;border-radius:14px;flex-direction:column;align-items:flex-start;margin-top:auto;padding:15px;display:flex}.help-card>span{background:var(--surface);color:var(--primary);border-radius:10px;padding:7px;display:grid}.help-card b{margin-top:10px;font-size:12px}.help-card p{color:var(--muted);margin:4px 0 10px;font-size:10px}.help-card button{background:var(--surface);width:100%;color:var(--primary);border:0;border-radius:8px;padding:7px;font-size:10px}.logout{color:#b85c50;margin-top:10px}.app-main{width:calc(100% - 256px);margin-right:256px}.topbar{background:color-mix(in srgb,var(--surface) 90%,transparent);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1px solid var(--line);z-index:30;justify-content:space-between;align-items:center;height:76px;padding:0 32px;display:flex;position:sticky;top:0}.page-greeting{flex-direction:column;display:flex}.page-greeting b{font-size:14px}.page-greeting span{color:var(--muted);margin-top:2px;font-size:10px}.header-actions{align-items:center;gap:9px;display:flex}.search{border:1px solid var(--line);background:var(--bg);height:40px;color:var(--muted);border-radius:10px;align-items:center;gap:8px;padding:0 12px;display:flex}.search input{width:180px;color:var(--ink);background:0 0;border:0;outline:0;font-size:11px}.icon-button,.menu-button{border:1px solid var(--line);background:var(--surface);width:40px;height:40px;color:var(--muted);border-radius:10px;place-items:center;display:grid;position:relative}.has-dot:after{content:"";border:2px solid var(--surface);background:#ef6e56;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:8px}.profile{color:var(--ink);background:0 0;border:0;align-items:center;gap:9px;padding-right:10px;display:flex}.avatar{color:#fff;background:linear-gradient(135deg,#0f766e,#24b4a5);border-radius:12px;place-items:center;width:38px;height:38px;font-size:11px;display:grid}.profile>span:nth-child(2){flex-direction:column;align-items:flex-start;display:flex}.profile b{font-size:11px}.profile small{color:var(--muted);font-size:9px}.menu-button{display:none}.content{max-width:1600px;margin:0 auto;padding:28px 32px 70px}.page{animation:.25s appear}.page.narrow{max-width:1000px;margin:auto}@keyframes appear{0%{opacity:0;transform:translateY(5px)}}.hero{color:#fff;background:linear-gradient(120deg,#0d5c55,#0f766e 55%,#17a99a);border-radius:22px;justify-content:space-between;align-items:center;min-height:225px;padding:36px 42px;display:flex;position:relative;overflow:hidden}.hero:after{content:"";border:70px solid #ffffff09;border-radius:50%;width:450px;height:450px;position:absolute;top:-190px;left:-90px}.hero>div:first-child{z-index:2}.hero h1{margin:13px 0 4px;font-size:28px}.hero p{color:#ffffffb8;font-size:13px}.hero p b{color:#9bf1e4}.hero-buttons{gap:9px;margin-top:22px;display:flex}.hero-buttons .primary{color:#0f766e;background:#fff}.hero-buttons .soft{color:#fff;background:#ffffff1a;border-color:#ffffff2e}.hero-orbit{z-index:2;width:190px;height:190px;margin-left:8%;position:relative}.orbit-ring{border:1px solid #ffffff40;border-radius:50%;place-items:center;width:155px;height:155px;display:grid;position:absolute;inset:18px}.orbit-ring:before,.orbit-ring:after{content:"";border:1px solid #ffffff1f;border-radius:50%;position:absolute;inset:-18px}.orbit-ring:after{inset:20px}.orbit-ring span{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff24;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:82px;height:82px;font-size:29px;font-weight:800;display:flex}.orbit-ring small{font-size:11px;font-weight:400}.orbit-dot{background:#ffc85c;border-radius:50%;width:11px;height:11px;position:absolute;box-shadow:0 0 0 5px #ffc85c1f}.orbit-dot.d1{top:10px;right:43px}.orbit-dot.d2{background:#81e7d9;bottom:20px;left:29px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:15px;margin:18px 0;display:grid}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;align-items:center;gap:13px;padding:18px;display:flex;box-shadow:0 4px 15px #0d393306}.stat-icon{border-radius:12px;flex:none;place-items:center;width:43px;height:43px;display:grid}.stat-icon.teal{color:#0f766e;background:#e8f8f5}.stat-icon.indigo{color:#5554be;background:#eeeffd}.stat-icon.amber{color:#c9851b;background:#fff5df}.stat-icon.green{color:#34915b;background:#eaf8ef}.stat-card>div{grid-template-columns:1fr auto;align-items:baseline;width:100%;display:grid}.stat-card span:not(.stat-icon){color:var(--muted);grid-column:1/-1;font-size:10px}.stat-card strong{font-size:23px}.stat-card small{color:#3d9b6b;font-size:8px}.dash-grid{grid-template-columns:1.15fr .85fr;gap:17px;margin-top:17px;display:grid}.dash-grid.lower{grid-template-columns:1.5fr .5fr}.panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:17px}.panel-head{justify-content:space-between;align-items:center;padding:20px 21px 15px;display:flex}.panel-head h3{margin:0;font-size:14px}.panel-head p{color:var(--muted);margin:4px 0 0;font-size:9px}.panel-head button{color:var(--primary);background:0 0;border:0;align-items:center;gap:2px;font-size:10px;display:flex}.shift-list,.request-list{padding:0 20px 10px}.shift-row{border-top:1px solid var(--line);align-items:center;gap:12px;padding:12px 0;display:flex}.date-tile{border-radius:10px;flex-direction:column;flex:none;justify-content:center;align-items:center;width:43px;height:49px;display:flex}.date-tile.mint{color:#0f766e;background:#e7f7f4}.date-tile.violet{color:#5554be;background:#eeeefd}.date-tile b{font-size:16px}.date-tile span,.date-tile small{font-size:8px}.shift-info{flex:1}.shift-info>div{align-items:center;gap:8px;display:flex}.shift-info b{font-size:11px}.status-dot{color:#df795f;background:#fff0ec;border-radius:10px;padding:2px 7px;font-size:8px}.shift-info p{color:var(--muted);align-items:center;gap:4px;margin:5px 0 0;font-size:8px;display:flex}.shift-info p svg{font-size:11px}.shift-info p i{border-right:1px solid var(--line);height:11px;margin:0 4px}.shift-row>button{background:var(--bg);color:var(--muted);border:0;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.request-row{border-top:1px solid var(--line);align-items:center;gap:10px;padding:14px 0;display:flex}.person-dot{color:#fff;border-radius:10px;place-items:center;width:35px;height:35px;font-size:11px;display:grid}.person-dot.p0{background:#4f46e5}.person-dot.p1{background:#0f9f7f}.person-dot.p2{background:#dd8e29}.request-row>div{flex:1}.request-row b{font-size:10px}.request-row p{color:var(--muted);margin:3px 0;font-size:8px}.badge{white-space:nowrap;border-radius:10px;padding:4px 8px;font-size:8px}.badge.warning{color:#b87b18;background:#fff5dd}.badge.success{color:#258453;background:#e9f8ee}.badge.danger{color:#d15f52;background:#fff0ee}.week-chart{justify-content:space-around;align-items:flex-end;height:180px;padding:25px 25px 18px;display:flex}.week-chart>div{flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;width:8%;height:100%;display:flex}.week-chart span{background:#dcebe8;border-radius:7px 7px 3px 3px;width:100%;max-width:28px;transition:all .3s;display:block;position:relative}.week-chart span.today{background:linear-gradient(#20bbaa,#0f766e)}.week-chart i{color:var(--primary);font-size:8px;font-style:normal;position:absolute;top:-20px}.week-chart small{color:var(--muted);font-size:9px}.insight{color:#173b36;background:linear-gradient(145deg,#eef9f7,#f8fbfa);border:1px solid #dcece9;border-radius:17px;align-items:flex-start;gap:12px;padding:24px;display:flex}.insight>span{color:#0f766e;background:#fff;border-radius:12px;padding:10px;display:grid}.insight b{font-size:13px}.insight p{color:#708581;font-size:10px;line-height:1.8}.insight strong{color:#0f766e}.mobile-nav{display:none}.page-title{justify-content:space-between;align-items:center;margin:3px 0 24px;display:flex}.page-title h1{margin:0;font-size:24px}.page-title p{color:var(--muted);margin:5px 0 0;font-size:11px}.page-title>div:last-child{gap:8px;display:flex}.calendar-layout{grid-template-columns:1fr 320px;gap:18px;display:grid}.calendar-panel{padding:10px 18px 18px}.calendar-top{justify-content:space-between;align-items:center;height:70px;display:flex}.calendar-top>button{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.calendar-top div{align-items:center;gap:12px;display:flex}.calendar-top h3{font-size:17px}.calendar-top div button{color:var(--primary);background:#0f766e17;border:0;border-radius:8px;padding:5px 9px;font-size:9px}.weekdays,.calendar-grid{grid-template-columns:repeat(7,1fr);display:grid}.weekdays b{text-align:center;color:var(--muted);padding:10px;font-size:10px}.weekdays b:last-child{color:#e06b59}.calendar-grid{border-top:1px solid var(--line);border-right:1px solid var(--line)}.calendar-grid button{border:0;border-left:1px solid var(--line);border-bottom:1px solid var(--line);height:min(10vw,92px);min-height:65px;color:var(--ink);background:0 0;font-size:12px;position:relative}.calendar-grid button:not(:disabled):hover{background:#0f766e0a}.calendar-grid button.selected{color:#fff;background:#0f766e}.calendar-grid button.current span{border:1px solid var(--primary);border-radius:50%;padding:5px}.calendar-grid button.selected.current span{border-color:#fff}.calendar-grid button i{background:#19b6a5;border-radius:50%;width:5px;height:5px;position:absolute;bottom:12px;right:calc(50% - 2px)}.calendar-grid button.selected i{background:#ffe081}.calendar-legend{justify-content:center;gap:22px;padding-top:16px;display:flex}.calendar-legend span{color:var(--muted);align-items:center;gap:5px;font-size:8px;display:flex}.lg{border-radius:50%;width:7px;height:7px;display:block}.lg.current{border:1px solid #0f766e}.lg.chosen{background:#0f766e}.lg.event{background:#19b6a5}.day-details{height:max-content;padding:21px}.selected-date{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding-bottom:18px;display:flex}.selected-date>span{color:var(--primary);background:#e7f7f4;border-radius:13px;place-items:center;width:53px;height:55px;font-size:28px;font-weight:800;display:grid}.selected-date div{flex-direction:column;display:flex}.selected-date b{font-size:14px}.selected-date small{color:var(--muted);font-size:9px}.day-head{justify-content:space-between;margin:20px 0 12px;font-size:11px;display:flex}.day-head button{color:var(--primary);background:0 0;border:0;align-items:center;font-size:9px;display:flex}.day-shift{background:#f4fbfa;border:1px solid #bfe6df;border-radius:13px;margin-bottom:12px;padding:14px}.day-shift.night{background:#f8f8fe;border-color:#dcdcf5}.day-shift-top{justify-content:space-between;display:flex}.day-shift-top span{color:#0f766e;font-size:12px;font-weight:700}.day-shift.night .day-shift-top span{color:#5554be}.day-shift-top small{color:var(--muted);font-size:8px}.avatar-stack{direction:ltr;margin:14px 0;display:flex}.avatar-stack span,.avatar-stack i{color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:28px;height:28px;margin-left:-7px;font-size:7px;font-style:normal;display:grid}.avatar-stack i{color:#556663;background:#dbe5e3}.day-shift>button{border:0;border-top:1px solid var(--line);width:100%;color:var(--muted);background:0 0;justify-content:space-between;padding-top:10px;font-size:8px;display:flex}.coverage{color:#2d8554;background:#eaf8ef;border-radius:11px;align-items:center;gap:9px;padding:12px;display:flex}.coverage div{flex-direction:column;display:flex}.coverage b{font-size:10px}.coverage span{opacity:.75;font-size:8px}.filter-tabs{gap:7px;margin-bottom:14px;display:flex;overflow-x:auto}.filter-tabs button{border:1px solid var(--line);background:var(--surface);color:var(--muted);white-space:nowrap;border-radius:10px;padding:9px 13px;font-size:10px}.filter-tabs button.active{color:var(--primary);background:#e8f6f3;border-color:#bfe0da;font-weight:700}.filter-tabs i{background:var(--bg);border-radius:6px;margin-right:4px;padding:1px 5px;font-style:normal}.table-panel{overflow:hidden}.table-tools{border-bottom:1px solid var(--line);justify-content:space-between;padding:16px 18px;display:flex}.table-tools>div{gap:7px;display:flex}.table-tools .search{width:260px}.responsive-table{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:850px}th{text-align:right;background:var(--bg);color:var(--muted);padding:11px 16px;font-size:9px;font-weight:500}td{border-top:1px solid var(--line);color:var(--muted);padding:13px 16px;font-size:9px}td b{color:var(--ink)}.person-mini{white-space:nowrap;align-items:center;gap:8px;display:flex}.person-mini span{color:#fff;border-radius:9px;place-items:center;width:31px;height:31px;font-size:8px;display:grid}.person-mini b{font-size:9px}.steps{direction:ltr;display:flex}.steps i{background:#e1e6e5;border-radius:3px;width:17px;height:4px;margin:0 1px}.steps i.done{background:#16a38f}.more{color:var(--muted);background:0 0;border:0}.role{color:#0f766e;background:#e9f7f4;border-radius:8px;padding:4px 8px}.role-0{color:#5554be;background:#eeeefd}.role-3{color:#c17a10;background:#fff5df}.online,.offline{align-items:center;gap:5px;display:flex}.online i,.offline i{background:#29a86e;border-radius:50%;width:6px;height:6px}.offline i{background:#9aa5a3}.office-grid{grid-template-columns:repeat(3,1fr);gap:17px;display:grid}.office-card{padding:14px}.office-cover{background:linear-gradient(135deg,color-mix(in srgb,var(--office) 85%,#000),var(--office));color:#fff;border-radius:13px;justify-content:space-between;align-items:flex-start;height:100px;padding:14px;display:flex;position:relative;overflow:hidden}.office-cover:after{content:"";border:30px solid #ffffff0f;border-radius:50%;width:150px;height:150px;position:absolute;top:-60px;left:-55px}.office-cover span{background:#ffffff29;border-radius:11px;padding:10px;display:grid}.office-cover button{color:#fff;background:#ffffff1f;border:0;border-radius:8px;padding:6px;display:grid}.office-card h3{margin:17px 4px 5px;font-size:15px}.office-card>p{color:var(--muted);align-items:center;gap:5px;margin:0 4px;font-size:9px;display:flex}.office-meta{border-bottom:1px solid var(--line);gap:15px;padding:16px 4px;display:flex}.office-meta span{color:var(--muted);align-items:center;gap:5px;font-size:8px;display:flex}.chief{align-items:center;gap:8px;padding:15px 4px;display:flex}.chief .avatar{width:32px;height:32px}.chief div{flex-direction:column;display:flex}.chief small{color:var(--muted);font-size:8px}.chief b{font-size:10px}.office-card>.outline{justify-content:space-between;width:100%}.report-banner{color:#fff;background:linear-gradient(120deg,#4d46a5,#6f63cc);border-radius:16px;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.report-banner>div{align-items:center;gap:12px;display:flex}.report-banner span{background:#ffffff26;border-radius:11px;padding:10px;display:grid}.report-banner h3{margin:0;font-size:13px}.report-banner p{opacity:.7;margin:4px 0;font-size:9px}.report-banner button{color:#514aa9;background:#fff;border:0;border-radius:9px;padding:9px 12px;font-size:9px}.stats-grid.compact .stat-card{padding:14px}.timeline{padding:0 20px 10px}.timeline-row{border-top:1px solid var(--line);align-items:center;gap:12px;padding:15px 4px;display:flex;position:relative}.timeline-row>i{background:#27a470;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px #e5f6ed}.timeline-row>i.blue{background:#359dd1;box-shadow:0 0 0 5px #e6f3fa}.timeline-row>i.violet{background:#625bc4;box-shadow:0 0 0 5px #eeedfb}.timeline-row>i.red{background:#dc6b5c;box-shadow:0 0 0 5px #fcecea}.timeline-row div{flex-direction:column;flex:1;display:flex}.timeline-row b{font-size:10px}.timeline-row span,.timeline-row time{color:var(--muted);font-size:8px}.notification-panel{overflow:hidden}.notification{border-bottom:1px solid var(--line);gap:13px;padding:20px;display:flex;position:relative}.notification:last-child{border:0}.notification.unread{background:#0f766e09}.notification.unread:after{content:"";background:#0f9f8f;border-radius:50%;width:5px;height:5px;position:absolute;top:27px;right:7px}.notif-icon{color:#0f766e;background:#e8f7f4;border-radius:11px;flex:none;place-items:center;width:39px;height:39px;display:grid}.notif-icon.n1{color:#c27b12;background:#fff4df}.notif-icon.n2{color:#26824e;background:#eaf7ee}.notification>div{flex:1}.notification b{font-size:11px}.notification p{color:var(--muted);margin:4px 0;font-size:9px}.notification small{color:var(--muted);font-size:8px}.notification>button{color:var(--muted);background:0 0;border:0;align-self:flex-start}.settings-section{margin-bottom:17px;padding-bottom:12px}.theme-options{grid-template-columns:repeat(3,1fr);gap:10px;padding:0 20px 12px;display:grid}.theme-options button{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:12px;align-items:center;gap:8px;padding:15px;display:flex;position:relative}.theme-options button.active{border-color:var(--primary);color:var(--primary);background:#0f766e0d}.theme-options button svg:last-child{margin-right:auto}.rule{border-top:1px solid var(--line);align-items:center;gap:12px;padding:15px 20px;display:flex}.rule>span{background:var(--bg);width:36px;height:36px;color:var(--primary);border-radius:10px;place-items:center;display:grid}.rule>div{flex:1}.rule b{font-size:10px}.rule p{color:var(--muted);margin:3px 0;font-size:8px}.switch input{display:none}.switch i{background:#cbd5d3;border-radius:20px;width:36px;height:20px;display:block;position:relative}.switch i:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;top:3px;right:3px}.switch input:checked+i{background:#0f8d82}.switch input:checked+i:after{right:19px}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0519168c;place-items:center;padding:15px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border-radius:20px;width:min(560px,100%);max-height:95vh;overflow:auto;box-shadow:0 30px 80px #00000040}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;padding:20px;display:flex}.modal-head>div{align-items:center;gap:11px;display:flex}.modal-head>div>span{color:#0f766e;background:#e7f6f3;border-radius:11px;padding:9px;display:grid}.modal-head h3{margin:0;font-size:14px}.modal-head p{color:var(--muted);margin:3px 0;font-size:8px}.modal-head>button{background:var(--bg);color:var(--muted);border:0;border-radius:9px;place-items:center;width:31px;height:31px;display:grid}.modal-steps{border-bottom:1px solid var(--line);padding:19px 24px;display:flex}.modal-steps>div{color:var(--muted);flex:1;align-items:center;gap:6px;font-size:8px;display:flex}.modal-steps>div:not(:last-child):after{content:"";background:var(--line);flex:1;height:1px;margin:0 7px}.modal-steps i{background:var(--bg);border-radius:50%;place-items:center;width:22px;height:22px;font-style:normal;display:grid}.modal-steps .active{color:var(--primary)}.modal-steps .active i{background:var(--primary);color:#fff}.modal-body{padding:23px}.modal-body h4{margin:0 0 15px;font-size:12px}.select-card{border:1px solid var(--line);cursor:pointer;border-radius:13px;align-items:center;gap:12px;margin-bottom:9px;padding:12px;display:flex}.select-card:has(input:checked){background:#0f766e08;border-color:#0f766e}.select-card input{accent-color:#0f766e}.select-card div{flex-direction:column;display:flex}.select-card b{font-size:10px}.select-card p{color:var(--muted);margin:3px 0;font-size:8px}.field{margin-bottom:14px;font-size:10px;font-weight:600;display:block}.field select{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);border-radius:10px;margin-top:7px;padding:12px;font-size:10px;display:block}.confirm-icon{color:#28905a;background:#e7f7ed;border-radius:50%;place-items:center;width:50px;height:50px;margin:0 auto 10px;font-size:25px;display:grid}.center{text-align:center}.swap-summary{background:var(--bg);text-align:center;border-radius:13px;grid-template-columns:1fr 40px 1fr;align-items:center;padding:16px;display:grid}.swap-summary>div{flex-direction:column;display:flex}.swap-summary>svg{color:var(--primary);margin:auto}.swap-summary span,.swap-summary small{color:var(--muted);font-size:8px}.swap-summary b{margin:4px;font-size:11px}.modal-actions{border-top:1px solid var(--line);justify-content:space-between;padding:15px 20px;display:flex}@media (width<=1100px){.sidebar{transform:translate(105%);box-shadow:-20px 0 50px #00000029}.sidebar.open{transform:none}.drawer-overlay{z-index:39;background:#0006;display:none;position:fixed;inset:0}.drawer-overlay.show{display:block}.close-drawer{background:var(--bg);color:var(--ink);border:0;border-radius:9px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:24px;left:16px}.app-main{width:100%;margin:0}.menu-button{display:grid}.topbar{gap:14px}.page-greeting{margin-left:auto}.office-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=800px){.login-page{display:block}.login-art{display:none}.login-form-wrap{align-items:center;min-height:100vh;padding:28px 22px}.mobile-logo{margin-bottom:45px;display:block}.login-card h2{font-size:26px}.topbar{height:66px;padding:0 16px}.page-greeting{display:none}.header-actions{margin-right:auto}.header-actions .search,.profile>span:nth-child(2),.profile>svg{display:none}.profile{padding:0}.profile .avatar{width:39px}.content{padding:19px 15px 95px}.hero{min-height:240px;padding:26px 23px}.hero h1{font-size:23px}.hero p{max-width:70%;line-height:1.8}.hero-orbit{opacity:.7;position:absolute;left:-50px}.stats-grid{grid-template-columns:repeat(2,1fr)}.dash-grid,.dash-grid.lower,.calendar-layout{grid-template-columns:1fr}.calendar-grid button{height:11vw;min-height:50px}.weekdays b{padding:8px 1px;font-size:8px}.day-details{order:-1}.mobile-nav{height:74px;padding:7px max(8px,env(safe-area-inset-left)) max(7px,env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--line);z-index:35;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:var(--muted);background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;width:20%;font-size:19px;display:flex}.mobile-nav button span{display:grid;position:relative}.mobile-nav button i{color:#fff;background:#ef765d;border-radius:8px;padding:1px 4px;font-size:7px;font-style:normal;position:absolute;top:-4px;right:-10px}.mobile-nav small{font-size:8px}.mobile-nav button.active{color:var(--primary)}.mobile-nav button.active:after{content:"";background:var(--primary);border-radius:0 0 5px 5px;width:28px;height:3px;position:absolute;top:0}.page-title{align-items:flex-start;gap:13px}.page-title h1{font-size:20px}.page-title>div:last-child{flex-wrap:wrap;justify-content:flex-end}.page-title .soft,.page-title .primary{padding:10px;font-size:0}.page-title .soft svg,.page-title .primary svg{font-size:14px}.office-grid{grid-template-columns:1fr}.table-tools{gap:8px}.table-tools .search{width:100%}.table-tools>div:last-child{display:none}.report-banner{align-items:flex-end}.report-banner p{display:none}.theme-options{grid-template-columns:1fr}.modal{border-radius:18px 18px 0 0;max-height:92vh;position:absolute;bottom:0}.modal-backdrop{padding:0}.modal-steps>div span{display:none}}@media (width<=480px){.stats-grid{gap:9px}.stat-card{gap:9px;padding:13px 11px}.stat-icon{width:37px;height:37px}.stat-card strong{font-size:19px}.stat-card small{display:none}.hero{border-radius:17px}.hero p{max-width:85%;font-size:11px}.hero-buttons{flex-direction:column;align-items:flex-start}.hero-buttons button{width:145px}.panel{border-radius:14px}.shift-info p{flex-wrap:wrap}.calendar-panel{padding:8px}.calendar-grid button{min-height:43px}.calendar-grid button i{bottom:6px}.calendar-legend{gap:8px}.day-details{padding:16px}.page-title>div:last-child{max-width:100px}.report-banner{padding:17px}.report-banner h3{font-size:10px}.report-banner button{white-space:nowrap}.rule{padding:13px}.rule p{max-width:210px}.notification{padding:16px}.art-copy{display:none}}.sidebar nav button,.logout{padding-top:12px;padding-bottom:12px;font-size:14px}.sidebar nav{gap:7px}.weekly-panel{margin-top:17px}.scope-note,.owner-note{color:#17675f;background:#eef8f6;border:1px solid #d3ebe6;border-radius:14px;align-items:center;gap:12px;margin-bottom:16px;padding:15px 18px;display:flex}.scope-note>svg,.owner-note>svg{flex:none;font-size:23px}.scope-note div,.owner-note div{flex-direction:column;display:flex}.scope-note b,.owner-note b{font-size:12px}.scope-note span,.owner-note span{color:#66837f;margin-top:3px;font-size:9px}.owner-note{color:#5049a0;background:#f0f0fc;border-color:#ddddf5}.airport-assign{margin-bottom:15px}.assign-grid{grid-template-columns:1fr 1fr auto;align-items:end;gap:12px;padding:0 20px 20px;display:grid}.assign-grid .field{margin:0}.assign-grid .primary{height:42px}.airport-summary{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;display:grid}.airport-summary>div{background:var(--surface);border:1px solid var(--line);border-radius:13px;align-items:baseline;gap:8px;padding:14px 18px;display:flex}.airport-summary b{color:var(--primary);font-size:20px}.airport-summary span{color:var(--muted);font-size:9px}.calendar-sync{background:var(--bg);color:var(--muted);border-radius:9px;align-items:center;gap:7px;margin-bottom:9px;padding:8px 10px;font-size:8px;display:flex}.calendar-sync>span{background:#d5962d;border-radius:50%;width:7px;height:7px}.calendar-sync>span.online{background:#24a36b}.calendar-sync>span.loading{animation:1s infinite pulse}@keyframes pulse{50%{opacity:.3}}.calendar-grid button{border-radius:0;overflow:hidden}.calendar-grid button small{color:var(--muted);margin-top:6px;font-size:7px;display:block}.calendar-grid button.has-shift{color:#08766b;background:#e7f7f3}.calendar-grid button.no-shift{background:color-mix(in srgb,var(--surface) 94%,#9aa7a5);color:var(--muted)}.calendar-grid button.holiday{color:#c65346;background:#fff0ed}.calendar-grid button.holiday small{color:#c65346}.calendar-grid button.has-shift small{color:#08766b}.calendar-grid button.selected{color:#fff;background:linear-gradient(145deg,#0f766e,#12a395);box-shadow:inset 0 0 0 2px #ffffff52}.calendar-grid button.selected small{color:#fff}.lg.empty{background:#e4e8e7}.lg.holiday{background:#ea7565}.calendar-legend{flex-wrap:wrap}.calendar-panel{box-shadow:0 16px 42px #0f766e17}@media (width<=800px){.sidebar nav button,.logout{font-size:15px}.mobile-nav small{font-size:9px}.assign-grid{grid-template-columns:1fr}.airport-summary{gap:7px}.airport-summary>div{padding:11px;display:block}.airport-summary span{margin-top:2px;display:block}.calendar-grid button small{font-size:6px}.calendar-sync{margin:0 2px 8px}.scope-note span,.owner-note span{line-height:1.7}}:root[data-theme=dark] .calendar-grid button.no-shift{color:#a8b7b4;background:#1d2b2a}:root[data-theme=dark] .calendar-grid button.has-shift{color:#7df0dc;background:#123f3a;box-shadow:inset 0 0 0 1px #1c6259}:root[data-theme=dark] .calendar-grid button.holiday{color:#ffaaa3;background:#4a2526;box-shadow:inset 0 0 0 1px #79403e}:root[data-theme=dark] .calendar-grid button.current{box-shadow:inset 0 0 0 2px #ffca68}:root[data-theme=dark] .calendar-grid button.selected{color:#fff;background:linear-gradient(145deg,#159c8f,#087168);box-shadow:inset 0 0 0 2px #b6fff3,0 5px 14px #00000047}:root[data-theme=dark] .calendar-grid button.has-shift small{color:#70decd}:root[data-theme=dark] .calendar-grid button.holiday small{color:#ff9b94}:root[data-theme=dark] .calendar-grid button.selected small{color:#fff}.shift-window-backdrop{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#051412a6;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.shift-window{background:var(--bg);border-radius:22px;width:min(1180px,100%);max-height:94vh;overflow:auto;box-shadow:0 30px 90px #0000004d}.shift-window>header{background:var(--surface);border-bottom:1px solid var(--line);z-index:2;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:sticky;top:0}.shift-window>header>div{align-items:center;gap:12px;display:flex}.shift-window-date{color:#fff;background:linear-gradient(145deg,#0f766e,#1ab5a5);border-radius:14px;place-items:center;width:52px;height:52px;font-size:21px;font-weight:800;display:grid}.shift-window h2{margin:0;font-size:17px}.shift-window header p{color:var(--muted);margin:3px 0;font-size:10px}.shift-window header>button{background:var(--bg);color:var(--muted);border:0;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.shift-window-note{background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:11px;align-items:center;gap:8px;margin:15px 20px 0;padding:10px 13px;font-size:9px;display:flex}.shift-window-note>b{color:var(--primary);background:#0f766e17;border-radius:8px;align-items:center;gap:5px;margin-right:auto;padding:5px 8px;display:flex}.shift-tables{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;padding:15px 20px;display:grid}.shift-table-card{background:var(--surface);border:1px solid var(--line);border-top:4px solid #16a394;border-radius:14px;overflow:hidden}.shift-table-card.b{border-top-color:#6865d2}.shift-table-card.c{border-top-color:#d48a27}.shift-table-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px;display:flex}.shift-table-title>div{align-items:center;gap:8px;display:flex}.shift-table-title i{background:#16a394;border-radius:50%;width:9px;height:9px}.shift-table-card.b .shift-table-title i{background:#6865d2}.shift-table-card.c .shift-table-title i{background:#d48a27}.shift-table-title span{flex-direction:column;display:flex}.shift-table-title b{font-size:12px}.shift-table-title small{color:var(--muted);font-size:8px}.shift-table-title button{background:var(--bg);color:var(--primary);border:0;border-radius:7px;gap:4px;padding:6px 8px;font-size:8px;display:flex}.shift-people-head,.shift-person{grid-template-columns:minmax(115px,1.4fr) .8fr 1fr 24px;align-items:center;gap:7px;padding:9px 12px;display:grid}.shift-people-head{background:var(--bg);color:var(--muted);font-size:7px}.shift-person{border-top:1px solid var(--line)}.shift-person .person-mini b{font-size:8px}.shift-phone{color:var(--muted);text-align:right;direction:ltr;font-size:7px}.subrole{color:#356bc2;background:#e7efff;border-radius:8px;width:max-content;padding:4px 7px;font-size:7px}.subrole-1,.subrole-2{color:#278457;background:#e6f7ec}.subrole-3{color:#a86d13;background:#fff2d9}.add-person{border:1px dashed var(--line);background:var(--bg);width:calc(100% - 24px);color:var(--primary);border-radius:9px;margin:9px 12px 12px;padding:8px;font-size:8px}.shift-window>footer{background:var(--surface);border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:13px 20px;display:flex;position:sticky;bottom:0}.role-key{gap:15px;display:flex}.role-key span{color:var(--muted);align-items:center;gap:5px;font-size:8px;display:flex}.role-key i{background:#3975d0;border-radius:50%;width:8px;height:8px}.role-key i.user{background:#2b9c61}.role-key i.operator{background:#d6922f}:root[data-theme=dark] .subrole{color:#9fc3ff;background:#20385e}:root[data-theme=dark] .subrole-1,:root[data-theme=dark] .subrole-2{color:#87e2aa;background:#174432}:root[data-theme=dark] .subrole-3{color:#f0c477;background:#4b371b}@media (width<=1000px){.shift-tables{grid-template-columns:1fr}.shift-table-card{max-width:none}.shift-people-head,.shift-person{grid-template-columns:minmax(130px,1.4fr) 1fr 1fr 28px}}@media (width<=600px){.shift-window-backdrop{align-items:end;padding:0}.shift-window{border-radius:20px 20px 0 0;max-height:94vh}.shift-window>header{padding:15px}.shift-window-note{margin:10px 12px 0}.shift-window-note>span{display:none}.shift-tables{padding:10px 12px}.shift-people-head{display:none}.shift-person{grid-template-columns:1fr auto 25px;gap:6px;padding:10px}.shift-phone{display:none}.shift-window>footer{padding:11px 13px}.role-key{gap:8px}.role-key span{font-size:7px}.shift-window h2{font-size:14px}}.calendar-grid button.no-shift,.calendar-grid button.has-shift,.calendar-grid button.holiday{background:var(--surface);box-shadow:none;position:relative}.calendar-grid button.no-shift:after,.calendar-grid button.has-shift:after,.calendar-grid button.holiday:after{content:"";pointer-events:none;border-radius:9px;animation:2.2s ease-in-out infinite markerGlow;position:absolute;inset:5px}.calendar-grid button.has-shift:after{border:2px solid #10a58f;box-shadow:0 0 #10a58f52}.calendar-grid button.holiday:after{border:2px solid #e05d53;animation-delay:.7s;box-shadow:0 0 #e05d534d}.calendar-grid button.no-shift:after{border:1px dashed #9ca9a7;animation:3s ease-in-out infinite markerDash}.calendar-grid button.has-shift span,.calendar-grid button.has-shift small{color:#087a6d}.calendar-grid button.holiday span,.calendar-grid button.holiday small{color:#c94c44}.calendar-grid button.no-shift span,.calendar-grid button.no-shift small{color:#7f8c89}.calendar-grid button.selected{z-index:1;background:linear-gradient(145deg,#0f766e,#12a395)}.calendar-grid button.selected:after{border-color:#fff;animation:none;inset:4px}@keyframes markerGlow{0%,to{opacity:.55;box-shadow:0 0}50%{opacity:1;box-shadow:0 0 0 3px #0000}}@keyframes markerDash{0%,to{opacity:.35}50%{opacity:1}}:root[data-theme=dark] .calendar-grid button.no-shift,:root[data-theme=dark] .calendar-grid button.has-shift,:root[data-theme=dark] .calendar-grid button.holiday{box-shadow:none;background:#172422}:root[data-theme=dark] .calendar-grid button.has-shift:after{border-color:#36e0c5}:root[data-theme=dark] .calendar-grid button.holiday:after{border-color:#ff796f}:root[data-theme=dark] .calendar-grid button.no-shift:after{border-color:#82918e}:root[data-theme=dark] .calendar-grid button.has-shift span,:root[data-theme=dark] .calendar-grid button.has-shift small{color:#62e8d3}:root[data-theme=dark] .calendar-grid button.holiday span,:root[data-theme=dark] .calendar-grid button.holiday small{color:#ff938b}:root[data-theme=dark] .calendar-grid button.no-shift span,:root[data-theme=dark] .calendar-grid button.no-shift small{color:#a6b3b0}:root[data-theme=dark] .calendar-grid button.selected{background:linear-gradient(145deg,#159c8f,#087168)}.work-status{border-radius:9px;align-items:center;gap:6px;padding:5px 9px;font-size:8px;font-weight:600;display:inline-flex}.work-status i{border-radius:50%;width:7px;height:7px}.work-status.on-shift{color:#217e50;background:#e5f8ef}.work-status.on-shift i{background:#26a56a;animation:1.4s infinite pulse;box-shadow:0 0 0 3px #26a56a24}.work-status.resting{color:#3971b6;background:#e9f2ff}.work-status.resting i{background:#4b88d2}.work-status.on-leave{color:#a96e18;background:#fff2dc}.work-status.on-leave i{background:#d79229}.work-status.off-shift{color:#687572;background:#eef0f0}.work-status.off-shift i{background:#899592}:root[data-theme=dark] .work-status.on-shift{color:#83e5aa;background:#174432}:root[data-theme=dark] .work-status.resting{color:#9bc7ff;background:#203853}:root[data-theme=dark] .work-status.on-leave{color:#efc178;background:#4b361b}:root[data-theme=dark] .work-status.off-shift{color:#adb9b6;background:#293332}.leave-button{color:#7552a5;background:#f4effc;border:1px solid #d9c8f2;border-radius:11px;align-items:center;gap:7px;padding:10px 14px;font-size:11px;font-weight:600;display:inline-flex}.leave-modal{background:var(--surface);border-radius:19px;width:min(520px,100vw - 30px);max-height:92vh;overflow:auto;box-shadow:0 25px 70px #00000040}.leave-modal>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.leave-modal>header>div{align-items:center;gap:10px;display:flex}.leave-modal>header>div>span{color:#7552a5;background:#f1eaf9;border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.leave-modal h3{margin:0;font-size:14px}.leave-modal header p{color:var(--muted);margin:3px 0;font-size:8px}.leave-modal header>button{background:var(--bg);color:var(--muted);border:0;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.leave-form{padding:19px}.leave-dates{grid-template-columns:1fr 1fr;gap:10px;display:grid}.leave-form input,.leave-form select,.leave-form textarea{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);resize:vertical;border-radius:9px;margin-top:6px;padding:10px}.leave-balance{color:#7655a2;background:#f6f1fc;border-radius:10px;align-items:center;gap:9px;padding:11px;display:flex}.leave-balance div{flex-direction:column;display:flex}.leave-balance b{font-size:9px}.leave-balance span{margin-top:2px;font-size:7px}.leave-modal>footer{border-top:1px solid var(--line);justify-content:space-between;padding:13px 19px;display:flex}.leave-success{text-align:center;padding:40px 20px}.leave-success>svg{color:#2c9a61;font-size:45px}.leave-success p{color:var(--muted);font-size:9px}.leave-success button{margin-top:12px}:root[data-theme=dark] .leave-button,:root[data-theme=dark] .leave-balance{color:#c7a9ec;background:#302641;border-color:#4c3a67}@media (width<=600px){.leave-dates{grid-template-columns:1fr}.leave-modal{border-radius:19px 19px 0 0;width:100vw}.page-title .leave-button{font-size:0}.page-title .leave-button svg{font-size:14px}}.calendar-grid button.holiday,.calendar-grid button:nth-child(7n):not(:disabled){color:#b83f38;background:#ffe8e5;box-shadow:inset 0 0 0 1px #f1b3ad}.calendar-grid button.holiday:after,.calendar-grid button:nth-child(7n):not(:disabled):after{display:none}.calendar-grid button.holiday span,.calendar-grid button.holiday small,.calendar-grid button:nth-child(7n):not(:disabled) span,.calendar-grid button:nth-child(7n):not(:disabled) small{color:#b83f38}.calendar-grid button.selected,.calendar-grid button.selected:nth-child(7n){background:linear-gradient(145deg,#0f766e,#12a395);box-shadow:inset 0 0 0 2px #fff}.calendar-grid button.selected span,.calendar-grid button.selected small{color:#fff}:root[data-theme=dark] .calendar-grid button.holiday,:root[data-theme=dark] .calendar-grid button:nth-child(7n):not(:disabled){color:#ff9a92;background:#572a2b;box-shadow:inset 0 0 0 1px #8f4744}:root[data-theme=dark] .calendar-grid button.holiday span,:root[data-theme=dark] .calendar-grid button.holiday small,:root[data-theme=dark] .calendar-grid button:nth-child(7n):not(:disabled) span,:root[data-theme=dark] .calendar-grid button:nth-child(7n):not(:disabled) small{color:#ffaaa3}:root[data-theme=dark] .calendar-grid button.selected,:root[data-theme=dark] .calendar-grid button.selected:nth-child(7n){background:linear-gradient(145deg,#159c8f,#087168)}.schedule-config{margin-bottom:16px}.schedule-config-summary{background:var(--surface);width:100%;color:var(--ink);text-align:right;border:1px solid #cfe5e1;border-radius:14px;align-items:center;gap:11px;padding:13px 16px;display:flex}.schedule-config-summary>span{width:36px;height:36px;color:var(--primary);background:#e6f6f3;border-radius:10px;place-items:center;display:grid}.schedule-config-summary>div{flex-direction:column;display:flex}.schedule-config-summary b{font-size:11px}.schedule-config-summary small{color:var(--muted);font-size:8px}.schedule-config-summary>i{color:var(--primary);margin-right:auto;font-size:9px;font-style:normal}.config-body{background:var(--surface);border:1px solid var(--line);border-top:0;border-radius:0 0 14px 14px;margin:-7px 8px 0;padding:18px}.config-tabs{border-bottom:1px solid var(--line);gap:6px;margin-bottom:16px;padding-bottom:12px;display:flex}.config-tabs button{background:var(--bg);color:var(--muted);border:0;border-radius:8px;padding:8px 12px;font-size:9px}.config-tabs button.active{color:var(--primary);background:#e6f6f3;font-weight:700}.pattern-config{grid-template-columns:1.2fr 1fr 1fr;align-items:end;gap:13px;display:grid}.config-explain{background:var(--bg);border-radius:10px;align-items:center;gap:9px;padding:12px;display:flex}.config-explain>svg{color:var(--primary)}.config-explain div,.check-row span{flex-direction:column;display:flex}.config-explain b,.check-row b{font-size:9px}.config-explain span,.check-row small{color:var(--muted);font-size:7px}.check-row{border:1px solid var(--line);border-radius:10px;align-items:center;gap:8px;padding:10px;display:flex}.check-row input{accent-color:var(--primary)}.role-rules{max-width:700px}.rule-row-head,.role-rule-row{grid-template-columns:1.5fr 80px 80px 70px;align-items:center;gap:10px;padding:8px 10px;display:grid}.rule-row-head{color:var(--muted);background:var(--bg);border-radius:8px;font-size:8px}.role-rule-row{border-bottom:1px solid var(--line)}.role-rule-row input{border:1px solid var(--line);background:var(--bg);width:62px;color:var(--ink);border-radius:7px;padding:7px}.add-rule{border:1px dashed var(--line);background:var(--bg);color:var(--primary);border-radius:8px;margin-top:10px;padding:8px 12px;font-size:8px}.exchange-rules{gap:8px;display:grid}.custom-rule{border:1px solid var(--line);border-radius:10px;align-items:center;gap:9px;padding:10px;display:flex}.custom-rule>span{background:var(--bg);width:32px;height:32px;color:var(--primary);border-radius:9px;place-items:center;display:grid}.custom-rule>div{flex:1}.custom-rule b{font-size:9px}.custom-rule p{color:var(--muted);margin:2px 0;font-size:7px}.config-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:16px;padding-top:13px;display:flex}.config-actions>span{color:#b06f1c;align-items:center;gap:6px;font-size:8px;display:flex}.shift-person:nth-child(6){opacity:.82;background:#fff8e9}.shift-person:nth-child(6):after{content:"مرخصی";color:#633e08;background:#f3b64e;border-radius:8px;padding:4px 7px;font-size:7px}.shift-person:nth-child(6)>.more{display:none}:root[data-theme=dark] .shift-person:nth-child(6){background:#42341f}@media (width<=800px){.pattern-config{grid-template-columns:1fr}.config-body{padding:12px}.config-tabs{overflow-x:auto}.config-tabs button{white-space:nowrap}.config-actions{align-items:flex-end;gap:10px}.config-actions>span{line-height:1.7}.schedule-config-summary>i{display:none}.rule-row-head,.role-rule-row{grid-template-columns:1.3fr 55px 55px 48px}.role-rule-row input{width:48px}}.login-error{color:#b94d43;background:#fff0ee;border:1px solid #f6cfca;border-radius:9px;margin-top:12px;padding:9px 11px;font-size:10px}.admin-requests{position:relative}.admin-leave-action{z-index:3;position:absolute;top:3px;left:175px}.action-success{color:#258453;background:#e9f8ef;border:1px solid #cbead7;border-radius:11px;align-items:center;gap:8px;margin-bottom:14px;padding:12px 15px;display:flex}.empty-state{text-align:center;color:var(--muted);padding:34px;font-size:14px}.quick-modal{background:var(--surface);border-radius:19px;width:min(560px,100vw - 30px);max-height:92vh;overflow:auto;box-shadow:0 25px 70px #00000040}.quick-modal>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.quick-modal>header>div{align-items:center;gap:10px;display:flex}.quick-modal>header span{width:42px;height:42px;color:var(--primary);background:#e8f6f3;border-radius:11px;place-items:center;display:grid}.quick-modal h3{margin:0;font-size:17px}.quick-modal header p{color:var(--muted);margin:4px 0 0;font-size:12px}.quick-modal header>button{background:var(--bg);color:var(--muted);border:0;border-radius:9px;width:34px;height:34px}.quick-form{grid-template-columns:1fr 1fr;gap:13px;padding:20px;display:grid}.quick-form .field:nth-child(-n+2){grid-column:span 2}.quick-form input,.quick-form select,.quick-form textarea{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--ink);border-radius:9px;margin-top:7px;padding:11px}.quick-modal>footer{border-top:1px solid var(--line);justify-content:flex-end;gap:9px;padding:14px 20px;display:flex}@media (width>=801px){body,.sidebar nav button,.logout,.page-greeting b,.panel-head h3{font-size:15px}.page-greeting span,.panel-head p,.page-title p{font-size:12px}.primary,.soft,.outline,.leave-button{font-size:14px}.search input,.profile b{font-size:13px}.profile small{font-size:11px}th,td,.person-mini b{font-size:12px}.badge,.work-status,.role{font-size:11px}.field,.rule b{font-size:13px}.rule p{font-size:11px}.filter-tabs button{font-size:12px}}@media (width<=800px){.admin-leave-action{margin-bottom:10px;position:static}.admin-leave-action .leave-button{justify-content:center;width:100%}.quick-form{grid-template-columns:1fr}.quick-form .field:nth-child(-n+2){grid-column:auto}.quick-modal{border-radius:19px 19px 0 0}.table-tools{align-items:stretch}.table-tools>.search{width:100%}}.number-safe,.number-input,.shift-phone,time{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}.tool-select,.report-filters select{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;padding:10px 12px;font-size:14px}.row-actions{gap:7px;display:flex}.row-actions button{color:#0f766e;background:#edf8f6;border:1px solid #bcded8;border-radius:8px;padding:7px 10px;font-size:12px}.row-actions .danger-action{color:#b94d43;background:#fff0ee;border-color:#f0c4bf}.report-filters{grid-template-columns:1fr 1fr 180px;align-items:end;gap:14px;margin-bottom:16px;padding:20px;display:grid}.report-filters label{flex-direction:column;gap:7px;font-size:14px;display:flex}.report-filters>div{background:var(--bg);border-radius:10px;align-items:center;gap:8px;padding:11px;display:flex}.report-filters b{color:var(--primary);font-size:21px}.shift-inline-editor{background:var(--bg);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr auto;gap:8px;padding:12px;display:grid}.shift-inline-editor label{font-size:12px}.shift-inline-editor input{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);border-radius:8px;margin-top:5px;padding:8px;display:block}.shift-window .action-success{margin:12px 20px 0}@media (width>=801px){body{font-size:17px}.content{font-size:16px}.page-title h1{font-size:27px}.sidebar nav button,.logout{font-size:16px}.panel-head h3{font-size:17px}.panel-head p,.page-title p{font-size:13px}.primary,.soft,.outline,.leave-button{min-height:42px;font-size:15px}th,td,.person-mini b{font-size:13px}.shift-window h2{font-size:21px}.shift-window header p,.shift-window-note{font-size:13px}.shift-table-title b{font-size:16px}.shift-table-title small,.shift-table-title button{font-size:12px}.shift-people-head{font-size:11px}.shift-person .person-mini b{font-size:13px}.shift-phone,.subrole,.add-person,.role-key span{font-size:11px}.shift-person{padding-top:12px;padding-bottom:12px}}@media (width<=800px){.report-filters{grid-template-columns:1fr}.shift-inline-editor{grid-template-columns:1fr 1fr}.shift-inline-editor button{grid-column:1/-1}.row-actions button{padding:7px}.shift-table-title b{font-size:14px}.shift-phone,.subrole,.add-person{font-size:10px}}.password-field{grid-column:1/-1!important}.interactive-config>h3{margin:18px 0 10px;font-size:16px}.interactive-config .danger-action{color:#b94d43;background:#fff0ee;border:1px solid #f0c4bf;border-radius:8px;padding:7px 10px}.shift-window{width:min(1420px,97vw);max-height:96vh}.shift-tables{gap:18px;padding:20px 24px}.shift-table-card{min-height:360px}.shift-person{font-size:13px}.shift-window>header{padding:23px 28px}.shift-window>footer{font-size:13px}.mini-schedule b{font-size:15px}.mini-schedule .time-pill{text-align:center;min-width:105px}@media (width>=801px){.shift-person .person-mini b{font-size:14px}.shift-phone,.subrole,.add-person,.shift-people-head{font-size:12px}.config-body,.schedule-config-summary b{font-size:14px}.schedule-config-summary small,.schedule-config-summary>i{font-size:11px}.content{font-size:19px}.content h1{font-size:32px}.content h2{font-size:27px}.content h3,.panel-head h3{font-size:21px}.content p,.content label,.content input,.content select,.content textarea{font-size:17px}.content .primary,.content .soft,.content .outline,.content .leave-button{padding:12px 18px;font-size:17px}.content table th{font-size:15px}.content table td,.content table td b{font-size:16px}.content .badge,.content .role,.content .work-status{font-size:14px}.content .page-title p,.content .panel-head p,.content .filter-tabs button{font-size:15px}.shift-window{font-size:18px}.shift-window h2{font-size:27px}.shift-window header p,.shift-window-note,.shift-window>footer{font-size:16px}.shift-table-title b{font-size:20px}.shift-table-title small,.shift-table-title button,.shift-person .person-mini b,.shift-phone,.subrole,.add-person{font-size:15px}.shift-people-head{font-size:14px}}.empty-office{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:330px;padding:35px;display:flex}.empty-office>svg{width:64px;height:64px;color:var(--primary);margin-bottom:14px}.empty-office h2{margin:5px}.empty-office p{color:var(--muted);max-width:600px;line-height:1.9}
