@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";.employee-form{grid-template-columns:repeat(2,1fr);gap:14px;padding:22px;display:grid}.employee-form label{color:#5b5264;gap:7px;font-size:10px;font-weight:600;display:grid}.employee-form input{border:1px solid var(--line);border-radius:11px;outline:0;min-height:42px;padding:0 12px}.employee-form .form-error,.employee-form .form-actions{grid-column:1/-1}.form-actions{justify-content:flex-end;gap:9px;padding-top:10px;display:flex}:root{--ink:#281e38;--muted:#81788e;--line:#ebe5ef;--canvas:#f7f5f9;--white:#fff;--violet:#6d37b8;--violet-dark:#32166c;--violet-soft:#f0eafb;--magenta:#be3d8d;--gold:#d48a35;--green:#23856b;--red:#c84d61;--shadow:0 18px 50px #371f5217;--font-ar:"IBM Plex Sans Arabic",sans-serif;--font-en:"IBM Plex Sans",sans-serif}*{box-sizing:border-box}body{background:var(--canvas);color:var(--ink);font-family:var(--font-ar);-webkit-font-smoothing:antialiased;margin:0}html[lang=en] body{font-family:var(--font-en)}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.brand{align-items:center;gap:12px;display:flex}.brand img{width:42px;height:42px}.brand div{display:grid}.brand strong{color:var(--violet-dark);font-size:22px;line-height:1}.brand span{color:#8b7b9d;font:600 9px var(--font-en);letter-spacing:.08em;margin-top:4px}.brand.compact img{width:34px;height:34px}.brand.compact strong{font-size:18px}.primary-button,.outline-button,.soft-button{border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 17px;font-weight:600;display:inline-flex}.primary-button{color:#fff;background:linear-gradient(135deg,var(--violet),#8a3fae);box-shadow:0 9px 24px #6d37b833}.outline-button{border:1px solid var(--line);color:var(--ink);background:#fff}.soft-button{background:var(--violet-soft);color:var(--violet)}.login-page{background:#fff;grid-template-columns:1.15fr .85fr;min-height:100vh;display:grid}.login-art{color:#fff;background:radial-gradient(circle at 15% 18%,#d5519f8c,#0000 24%),radial-gradient(circle at 75% 80%,#e3912e47,#0000 24%),linear-gradient(145deg,#2d1266,#6d2ea8 62%,#8d347f);padding:55px 7vw;position:relative;overflow:hidden}.login-art .brand strong,.login-art .brand span{color:#fff}.orbit{border:1px solid #ffffff26;border-radius:50%;position:absolute}.orbit-one{width:550px;height:550px;inset:auto -110px -130px auto}.orbit-two{width:330px;height:330px;inset:26% auto auto 35%}.login-message{z-index:2;position:absolute;inset:auto 7vw 12vh}.login-message>span,.eyebrow{font:600 10px var(--font-en);letter-spacing:.18em}.login-message h1{margin:14px 0;font-size:clamp(38px,5vw,72px);font-weight:500;line-height:1.25}.login-message em{color:#f5bd62;font-style:normal}.login-message p{color:#e9dff2;max-width:520px;font-size:16px}.login-panel{place-items:center;padding:40px;display:grid;position:relative}.language-button{color:var(--violet);background:0 0;border:0;align-items:center;gap:7px;font-weight:600;display:flex;position:absolute;inset:30px 35px auto auto}.login-card{width:min(420px,100%)}.login-card>.brand{display:none}.login-card .eyebrow{color:var(--magenta);margin-bottom:12px;display:block}.login-card h2{margin:0;font-size:38px}.login-card>p{color:var(--muted);margin:6px 0 30px}.login-card form{gap:18px;display:grid}.login-card label,.form-grid label,.advance-footer label{color:#544b60;gap:7px;font-size:12px;font-weight:600;display:grid}.login-card input,.form-grid input,.form-grid textarea,.advance-footer input,.repeater input{border:1px solid var(--line);background:#fcfbfd;border-radius:12px;outline:0;width:100%;padding:12px 14px;transition:all .2s}.login-card input:focus,.form-grid input:focus,.form-grid textarea:focus,.advance-footer input:focus,.repeater input:focus{border-color:#a782cf;box-shadow:0 0 0 3px #f0eafb}.login-card .primary-button{width:100%;margin-top:5px}.form-error{color:var(--red);background:#fff0f3;border-radius:10px;gap:8px;padding:11px;font-size:11px;display:flex}.app-shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.sidebar{border-inline-end:1px solid var(--line);z-index:30;background:#fff;flex-direction:column;height:100vh;padding:25px 18px;display:flex;position:sticky;top:0}.sidebar-head{border-bottom:1px solid var(--line);padding:0 7px 24px}.mobile-close{display:none}.sidebar nav{gap:5px;padding-top:19px;display:grid}.sidebar nav button{color:#706778;text-align:start;background:0 0;border:0;border-radius:11px;align-items:center;gap:12px;height:43px;padding:0 13px;display:flex}.nav-divider{border-top:1px solid var(--line);color:var(--magenta);align-items:center;gap:8px;margin:18px 6px 7px;padding-top:17px;font-size:10px;font-weight:700;display:flex}.sidebar-user{background:#faf8fb;border-radius:14px;align-items:center;gap:10px;margin-top:auto;padding:14px 8px;display:flex}.avatar{color:#fff;background:linear-gradient(135deg,var(--violet),var(--magenta));border-radius:12px;place-items:center;width:38px;height:38px;font-weight:700;display:grid}.sidebar-user div:last-child{min-width:0;display:grid}.sidebar-user strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.sidebar-user span{color:var(--muted);font-size:9px}.topbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd1;border-bottom:1px solid #e3dceacc;align-items:center;gap:14px;height:76px;padding:0 34px;display:flex;position:sticky;top:0}.menu-button{display:none}.topbar-title{display:grid}.topbar-title span{font-weight:700}.topbar-title small{color:var(--muted);font:500 9px var(--font-en)}.topbar-actions{gap:7px;margin-inline-start:auto;display:flex}.topbar-actions button,.menu-button{border:1px solid var(--line);color:#675d70;background:#fff;border-radius:11px;place-items:center;width:39px;height:39px;display:grid;position:relative}.topbar-actions button:first-child{gap:5px;width:auto;padding:0 11px;display:flex}.topbar-actions i{background:var(--magenta);border-radius:50%;width:6px;height:6px;position:absolute;top:8px;right:8px}.content{padding:34px clamp(22px,4vw,58px) 50px}.page-stack{gap:20px;max-width:1500px;margin:auto;display:grid}.page-title{justify-content:space-between;align-items:end;gap:20px;padding:5px 2px 9px;display:flex}.page-title>div>span{color:var(--magenta);font:700 9px var(--font-en);letter-spacing:.17em}.page-title h1{margin:4px 0 0;font-size:clamp(27px,3vw,38px);line-height:1.35}.page-title p{color:var(--muted);margin:3px 0;font-size:12px}.dashboard-grid{grid-template-columns:1.08fr .92fr;gap:18px;display:grid}.feature-card,.panel{box-shadow:var(--shadow);background:#ffffffeb;border:1px solid #e7e0ede6;border-radius:20px}.feature-card{min-height:260px;padding:22px}.feature-heading{justify-content:space-between;align-items:center;display:flex}.feature-heading>span{align-items:center;gap:8px;font-weight:700;display:flex}.feature-heading button{color:var(--violet);background:0 0;border:0;align-items:center;gap:5px;font-size:10px;display:flex}.balance-feature{color:#fff;background:radial-gradient(circle at 5% 5%,#e246a57a,#0000 28%),radial-gradient(circle at 85% 110%,#e58e2b59,#0000 30%),linear-gradient(140deg,#32116f,#7034a4);position:relative;overflow:hidden}.balance-feature .feature-heading button{color:#fff}.balance-total{align-items:end;gap:12px;margin:26px 0;display:flex}.balance-total>strong{font:600 52px/1 var(--font-en)}.balance-total>span{color:#e9dff1;display:grid}.balance-total small{color:#d3c1e2;margin-top:3px;font-size:10px}.wallet-strip{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.wallet-strip div{background:#ffffff14;border:1px solid #ffffff21;border-radius:12px;gap:6px;padding:12px;display:grid}.wallet-strip span{color:#dbcae8;font-size:9px}.wallet-strip b{font:600 12px var(--font-en)}.mini-metrics{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px;display:grid}.metric{background:#f8f5fb;border-radius:14px;min-height:91px;padding:13px;display:grid;position:relative}.metric-icon{color:var(--violet);position:absolute;inset:12px auto auto 12px}[dir=rtl] .metric-icon{inset:12px 12px auto auto}.metric>span{color:var(--muted);font-size:9px}.metric>strong{font:700 25px var(--font-en)}.metric>small{color:var(--muted);font-size:8px}.metric.gold{background:#fff8ed}.metric.gold .metric-icon{color:var(--gold)}.metric.green{background:#eef8f4}.metric.green .metric-icon{color:var(--green)}.metric.magenta{background:#fbf0f7}.metric.magenta .metric-icon{color:var(--magenta)}.document-alerts{margin-top:15px;display:grid}.document-alerts>div{border-bottom:1px solid var(--line);align-items:center;gap:11px;padding:14px 0;display:flex}.document-alerts i{border-radius:50%;width:8px;height:8px}.document-alerts i.expiring{background:var(--gold)}.document-alerts i.urgent,.document-alerts i.expired{background:var(--red)}.document-alerts p{flex:1;margin:0;display:grid}.document-alerts strong{font-size:11px}.document-alerts span{color:var(--muted);font-size:9px}.status{text-transform:capitalize;width:max-content;color:var(--violet);background:var(--violet-soft);border-radius:999px;align-items:center;padding:4px 8px;font-size:8px;display:inline-flex}.status.normal,.status.approved{color:var(--green);background:#e9f6f1}.status.expiring,.status.submitted,.status.in_review{color:#9b681f;background:#fff3df}.status.urgent,.status.expired,.status.rejected{color:var(--red);background:#fdecef}.status.returned{color:var(--magenta);background:#faeaf4}.empty-state{color:#a69dac;text-align:center;align-content:center;place-items:center;gap:8px;min-height:135px;display:grid}.empty-state strong{font-size:11px}.profile-hero{color:#fff;background:linear-gradient(130deg,#34136f,#7440a9 70%,#9b417e);border-radius:20px;align-items:center;gap:17px;padding:23px;display:flex}.profile-avatar{background:#ffffff29;border-radius:21px;place-items:center;width:70px;height:70px;font-size:25px;font-weight:700;display:grid;overflow:hidden}.profile-avatar img{object-fit:cover;width:100%;height:100%}.profile-hero>div:nth-child(2){flex:1}.profile-hero span{font:500 10px var(--font-en);color:#ddcae9}.profile-hero h2{margin:4px 0;font-size:23px}.profile-hero p{color:#e5d9ed;margin:0;font-size:11px}.tabs{border:1px solid var(--line);background:#fff;border-radius:14px;gap:6px;padding:6px;display:flex;overflow:auto}.tabs button{white-space:nowrap;color:var(--muted);background:0 0;border:0;border-radius:9px;padding:9px 15px;font-size:10px}.tabs button.active{color:#fff;background:var(--violet);font-weight:600}.info-grid{grid-template-columns:repeat(3,1fr);padding:8px 22px;display:grid}.info-grid>div{border-bottom:1px solid var(--line);gap:5px;padding:18px 8px;display:grid}.info-grid span{color:var(--muted);font:500 9px var(--font-en)}.info-grid strong{font-size:12px}.document-table,.table-panel,.employees-panel{padding:20px}.document-table>div{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:14px;display:flex}.document-table p{flex:1;margin:0;display:grid}.document-table p span,.document-table>div>span{color:var(--muted);font-size:9px}.balance-cards{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.balance-cards>article{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:20px;display:grid}.wallet-icon{width:45px;height:45px;color:var(--violet);background:var(--violet-soft);border-radius:14px;place-items:center;display:grid}.wallet-icon.carried_forward{color:var(--gold);background:#fff3e3}.wallet-icon.compensatory{color:var(--magenta);background:#fbeaf5}.balance-cards p{margin:0;display:grid}.balance-cards p span{font-size:11px;font-weight:600}.balance-cards p small{color:var(--muted);font-size:9px}.balance-cards>article>strong{font:700 20px var(--font-en)}.balance-cards>article>strong small{font-size:8px}.balance-cards>article>b{color:var(--muted);font:500 9px var(--font-en);grid-column:2/4}.table-panel>h3{margin:0 0 15px}.request-rows,.work-list{display:grid}.request-rows>div,.work-list>div{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:14px 3px;display:flex}.request-icon,.work-icon{width:38px;height:38px;color:var(--violet);background:var(--violet-soft);border-radius:12px;place-items:center;display:grid}.request-rows p,.work-list p{flex:1;margin:0;display:grid}.request-rows strong,.work-list strong{font-size:11px}.request-rows small,.work-list small{color:var(--muted);font:500 9px var(--font-en)}.request-summary{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.request-summary .metric{min-height:105px}.advance-form{padding:23px}.form-grid{grid-template-columns:1fr;gap:14px;display:grid}.form-grid .wide textarea{resize:vertical;min-height:85px}.repeater-head{justify-content:space-between;align-items:end;margin:28px 0 12px;display:flex}.repeater-head span{color:var(--magenta);font:700 8px var(--font-en);letter-spacing:.16em}.repeater-head h3{margin:2px 0}.repeater{gap:8px;display:grid}.repeater>div{grid-template-columns:35px 1fr 1.4fr .55fr 38px;align-items:center;gap:8px;display:grid}.repeater>div>span{font:600 10px var(--font-en);color:var(--muted)}.repeater>div>button{height:39px;color:var(--red);background:#fff0f2;border:0;border-radius:10px}.advance-footer{border-top:1px solid var(--line);grid-template-columns:1fr auto auto;align-items:end;gap:15px;margin-top:20px;padding-top:20px;display:grid}.amount-total{display:grid}.amount-total span{color:var(--muted);font-size:9px}.amount-total strong{font:700 22px var(--font-en)}.amount-total small{font-size:9px}.form-message{color:var(--violet);background:#f2edf9;border-radius:10px;padding:10px;font-size:10px}.action-pills{gap:5px;display:flex}.action-pills button{color:var(--violet);background:var(--violet-soft);border:0;border-radius:8px;padding:6px 9px;font-size:8px}.notification-list{padding:18px}.notification-list>div{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:16px;display:flex}.notification-list>div.unread{background:#fbf8fd}.notification-list>div>span{width:38px;height:38px;color:var(--magenta);background:#fbeaf5;border-radius:12px;place-items:center;display:grid}.notification-list p{flex:1;margin:0;display:grid}.notification-list strong{font-size:11px}.notification-list small,.notification-list time{color:var(--muted);font-size:9px}.employee-toolbar{align-items:center;gap:15px;margin-bottom:18px;display:flex}.employee-toolbar label{border:1px solid var(--line);border-radius:12px;flex:1;align-items:center;gap:8px;height:42px;padding:0 12px;display:flex}.employee-toolbar input{border:0;outline:0;width:100%}.employee-toolbar>span{color:var(--muted);font-size:10px}.employee-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.employee-grid>button{text-align:start;border:1px solid var(--line);background:#fff;border-radius:16px;padding:17px;display:grid;position:relative}.employee-grid>button:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.employee-avatar{color:#fff;background:linear-gradient(135deg,var(--violet),var(--magenta));border-radius:14px;place-items:center;width:46px;height:46px;margin-bottom:12px;font-weight:700;display:grid}.employee-grid strong{font-size:12px}.employee-grid span{color:var(--violet);font-size:9px}.employee-grid small{color:var(--muted);margin:8px 0;font-size:9px}.employee-grid .status{top:15px;position:absolute;inset-inline-end:15px}.back-button{width:max-content;color:var(--violet);background:0 0;border:0;align-items:center;gap:7px;font-weight:600;display:flex}.center-state{text-align:center;min-height:100vh;color:var(--violet);align-content:center;place-items:center;gap:10px;padding:30px;display:grid}.center-state h2{margin:8px 0 0}.center-state p{max-width:550px;color:var(--muted);margin:0}.main-column>footer{text-align:center;color:#a49bac;font:500 9px var(--font-en);padding:20px}.bottom-nav,.drawer-backdrop{display:none}@media (width<=1050px){.dashboard-grid{grid-template-columns:1fr}.balance-cards{grid-template-columns:1fr 1fr}.employee-grid{grid-template-columns:repeat(3,1fr)}.info-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=780px){.login-page{grid-template-columns:1fr}.login-art{display:none}.login-panel{min-height:100vh;padding:28px}.login-card>.brand{margin-bottom:50px;display:flex}.app-shell{display:block}.sidebar{width:min(290px,88vw);transition:transform .25s;position:fixed;inset:0 auto 0 0;transform:translate(-105%)}.app-shell[dir=rtl] .sidebar{inset:0 0 0 auto;transform:translate(105%)}.sidebar.open{transform:translate(0)!important}.mobile-close{background:#f4eff8;border:0;border-radius:10px;place-items:center;width:36px;height:36px;margin-inline-start:auto;display:grid}.sidebar-head{align-items:center;display:flex}.drawer-backdrop.show{z-index:29;background:#2314346b;border:0;display:block;position:fixed;inset:0}.menu-button{display:grid}.topbar{height:66px;padding:0 15px}.topbar-actions button:last-child{display:none}.content{padding:22px 14px 90px}.page-title{align-items:start}.page-title .primary-button{min-width:max-content}.balance-cards,.request-summary{grid-template-columns:1fr 1fr}.employee-grid{grid-template-columns:repeat(2,1fr)}.advance-footer{grid-template-columns:1fr 1fr}.advance-footer label{grid-column:1/-1}.repeater>div{grid-template-columns:28px 1fr 38px}.repeater>div input:nth-of-type(2),.repeater>div input:nth-of-type(3){grid-column:2/3}.repeater>div>button{grid-area:1/3}.bottom-nav{z-index:25;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff0;grid-template-columns:repeat(5,1fr);height:67px;display:grid;position:fixed;inset:auto 0 0}.bottom-nav button{color:#8e8498;background:0 0;border:0;align-content:center;place-items:center;gap:3px;display:grid}.bottom-nav button.active{color:var(--violet)}.bottom-nav span{font-size:8px}}@media (width<=520px){.page-title{display:grid}.dashboard-grid{gap:12px}.feature-card{padding:17px}.wallet-strip{grid-template-columns:1fr}.mini-metrics{gap:7px}.profile-hero{align-items:flex-start}.profile-avatar{width:55px;height:55px}.profile-hero h2{font-size:17px}.info-grid,.balance-cards,.request-summary,.employee-grid{grid-template-columns:1fr}.balance-cards>article{grid-template-columns:auto 1fr}.balance-cards>article>strong,.balance-cards>article>b{grid-column:2}.request-rows>div,.work-list>div{align-items:flex-start}.action-pills{display:none}.advance-form{padding:15px}.advance-footer{grid-template-columns:1fr}.advance-footer>*{width:100%}.repeater-head{align-items:center}.document-table>div{flex-wrap:wrap}.login-card h2{font-size:31px}}.balance-admin{gap:20px;padding:22px;display:grid}.balance-admin>label,.balance-form label{color:#5b5264;gap:7px;font-size:10px;font-weight:600;display:grid}.balance-admin select,.balance-form select,.balance-form input{border:1px solid var(--line);background:#fff;border-radius:11px;outline:0;width:100%;min-height:42px;padding:0 12px}.admin-wallets>button{border:1px solid var(--line);text-align:start;background:#fff;border-radius:15px;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:15px;display:grid}.admin-wallets>button.selected{border-color:var(--violet);box-shadow:0 0 0 3px var(--violet-soft)}.admin-wallets>button p{margin:0;display:grid}.admin-wallets>button p span{font-size:10px;font-weight:600}.admin-wallets>button p small{color:var(--muted);font-size:8px}.admin-wallets>button strong{font:700 17px var(--font-en);grid-column:2}.admin-wallets>button strong small{font-size:8px}.balance-form{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:12px;padding-top:20px;display:grid}.balance-form .wide{grid-column:span 2}.balance-form .primary-button{align-self:end}@media (width<=780px){.balance-form{grid-template-columns:1fr 1fr}.balance-form .wide{grid-column:1/-1}}@media (width<=520px){.balance-form{grid-template-columns:1fr}.balance-form .wide{grid-column:auto}}.admin-shell{background:radial-gradient(circle at 88% 8%,#6f2d9117,#0000 32%),#f7f4f8}.admin-shell .sidebar{color:#fff;background:linear-gradient(#21152c 0%,#33203f 100%);border-inline-end:0}.admin-shell .sidebar .brand strong,.admin-shell .sidebar .brand span{color:#fff}.admin-shell .sidebar nav button{color:#cfc2d7}.admin-shell .sidebar nav button:hover,.admin-shell .sidebar nav button.active{color:#fff;background:#ffffff1a}.admin-shell .nav-divider{color:#aa91b8;border-color:#ffffff1a}.admin-shell .sidebar-user{border-color:#ffffff1a}.admin-metrics{grid-template-columns:1.1fr .9fr 1fr;gap:14px;display:grid}.admin-command{color:#fff;background:linear-gradient(125deg,#2a1738,#5b2c70 68%,#8b316d);grid-template-columns:1fr auto;align-items:center;min-height:230px;padding:34px;display:grid;position:relative;overflow:hidden}.admin-command:after{content:"";inset-inline-end:-70px;border:1px solid #ffffff26;border-radius:50%;width:240px;height:240px;position:absolute;top:-90px}.admin-command span{font:600 9px var(--font-en);letter-spacing:2px;color:#e8b2cf}.admin-command h2{max-width:680px;margin:10px 0;font-size:27px}.admin-command p{color:#ddd0e5;max-width:650px;margin:0}.admin-command>svg{z-index:1;color:#f1bd68;position:relative}.panel-heading{justify-content:space-between;align-items:center;display:flex}.panel-heading>span{background:var(--violet-soft);color:var(--violet);border-radius:99px;padding:5px 9px;font-size:9px;font-weight:700}.admin-form{padding:22px}.admin-form h3,.log-list h3{margin:0 0 18px}.admin-form input,.admin-form select,.admin-form textarea,.leave-request-form input,.leave-request-form select,.leave-request-form textarea,.inline-form input,.inline-form select{border:1px solid var(--line);background:#fff;border-radius:11px;outline:none;width:100%;min-height:42px;padding:9px 11px}.admin-form textarea,.leave-request-form textarea{resize:vertical;min-height:96px}.admin-form input:focus,.admin-form select:focus,.admin-form textarea:focus,.leave-request-form input:focus,.leave-request-form select:focus,.leave-request-form textarea:focus{border-color:#9d72b7;box-shadow:0 0 0 3px #6f2d9114}.form-grid.single{grid-template-columns:1fr}.form-grid label,.inline-form label{color:#5b5264;gap:7px;font-size:10px;font-weight:600;display:grid}.form-grid .check-label{align-items:center;gap:9px;min-height:42px;display:flex}.check-label input{width:17px;min-height:17px}.admin-table>div,.module-settings>div,.policy-list>div,.circular-list>div,.circular-inbox>div,.log-list>div{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:13px 0;display:flex}.admin-table>div:last-child,.module-settings>div:last-child,.policy-list>div:last-child,.circular-list>div:last-child,.circular-inbox>div:last-child,.log-list>div:last-child{border-bottom:0}.admin-table p,.module-settings p,.policy-list p,.circular-list p,.circular-inbox p,.log-list p{flex:1;gap:3px;margin:0;display:grid}.admin-table small,.module-settings small,.policy-list small,.circular-list small,.circular-inbox small,.log-list small{color:var(--muted);font-size:9px}.account-avatar{width:34px;height:34px;color:var(--violet);background:var(--violet-soft);border-radius:11px;flex:none;place-items:center;display:grid}.icon-button{border:1px solid var(--line);width:34px;height:34px;color:var(--violet);background:#fff;border-radius:10px;place-items:center;display:grid}.inline-form{grid-template-columns:1fr 1fr auto auto;align-items:end;gap:10px;display:grid}.split-layout{grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);align-items:start;gap:18px;display:grid}.org-tree{padding:18px}.org-node{border:1px solid var(--line);background:#fff;border-radius:15px;padding:14px}.org-node+.org-node{margin-top:10px}.org-node header{align-items:center;gap:10px;display:flex}.org-node header>span{width:35px;height:35px;color:var(--violet);background:#f5edf7;border-radius:10px;place-items:center;display:grid}.org-node p{flex:1;margin:0;display:grid}.org-node small{color:var(--muted)}.section-node{color:#5d5264;border-inline-start:2px solid #e6d8eb;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin:10px 0 0 18px;padding:10px;display:grid}.section-node small{color:var(--muted)}.access-layout{grid-template-columns:260px 1fr;align-items:start;gap:18px;display:grid}.role-list{padding:9px;display:grid}.role-list button{text-align:start;color:#504657;background:0 0;border:0;border-radius:11px;grid-template-columns:auto 1fr;gap:3px 9px;padding:12px;display:grid}.role-list button.active{background:var(--violet-soft);color:var(--violet)}.role-list button svg{grid-row:1/3}.role-list button small{color:var(--muted);font-size:8px}.permission-matrix{padding:20px}.permission-matrix h3{margin-top:0}.permission-group{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:15px 0;display:grid}.permission-group>strong{color:var(--violet);text-transform:capitalize;grid-column:1/-1}.permission-group label{border:1px solid var(--line);border-radius:11px;grid-template-columns:auto 1fr;align-items:center;gap:2px 8px;padding:9px;display:grid}.permission-group label input{grid-row:1/3}.permission-group label small{color:var(--muted);font-size:8px}.switch input{display:none}.switch span{background:#d9d0dd;border-radius:99px;width:42px;height:23px;transition:all .2s;display:block;position:relative}.switch span:after{content:"";top:3px;background:#fff;border-radius:50%;width:17px;height:17px;transition:transform .2s;position:absolute;inset-inline-start:3px;box-shadow:0 2px 5px #0002}.switch input:checked+span{background:var(--violet)}.switch input:checked+span:after{transform:translate(19px)}[dir=rtl] .switch input:checked+span:after{transform:translate(-19px)}.leave-request-form{padding:22px}.leave-request-form .calculation-card{background:#f8f4fa;border-radius:14px;grid-column:1/-1;grid-template-columns:repeat(5,1fr);gap:8px;padding:12px;display:grid}.calculation-card span{color:var(--muted);background:#fff;border-radius:10px;gap:5px;padding:10px;font-size:9px;display:grid}.calculation-card strong{color:#3f3446;font:700 16px var(--font-en)}.calculation-card .deduction{color:#eaddec;background:linear-gradient(135deg,#6f2d91,#91356f)}.calculation-card .deduction strong{color:#fff}.circular-list,.circular-inbox,.policy-list,.module-settings,.log-list{padding:18px}.circular-inbox>div{align-items:flex-start}.circular-inbox p small{max-width:680px;font-size:10px;line-height:1.7}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e1227ad;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.password-modal{text-align:center;background:#fff;border-radius:24px;width:min(440px,100%);padding:30px;box-shadow:0 24px 70px #140a1e4d}.password-modal>svg{color:var(--violet)}.password-modal h2{margin:12px 0 7px}.password-modal p{color:var(--muted)}.password-modal form{gap:10px;margin-top:20px;display:grid}.password-modal input{border:1px solid var(--line);border-radius:12px;min-height:46px;padding:10px 13px}.status.inactive{color:#9d3f4f;background:#f3e8ea}@media (width<=1050px){.admin-metrics{grid-template-columns:1fr 1fr}.admin-metrics .metric:last-child{grid-column:1/-1}.split-layout{grid-template-columns:1fr}.access-layout{grid-template-columns:220px 1fr}.leave-request-form .calculation-card{grid-template-columns:repeat(3,1fr)}}@media (width<=780px){.admin-metrics{grid-template-columns:1fr}.admin-metrics .metric:last-child{grid-column:auto}.admin-command{grid-template-columns:1fr;padding:24px}.admin-command>svg{display:none}.access-layout{grid-template-columns:1fr}.role-list{grid-template-columns:repeat(2,1fr)}.permission-group{grid-template-columns:1fr}.inline-form{grid-template-columns:1fr 1fr}.inline-form .primary-button,.inline-form .outline-button{width:100%}.leave-request-form .calculation-card{grid-template-columns:1fr 1fr}.admin-table>div{flex-wrap:wrap}.admin-table p{min-width:150px}}@media (width<=520px){.role-list,.inline-form,.leave-request-form .calculation-card{grid-template-columns:1fr}.admin-command h2{font-size:22px}.circular-list>div,.circular-inbox>div{flex-wrap:wrap}.circular-list p,.circular-inbox p{min-width:calc(100% - 50px)}}.request-entry{display:block!important}.request-main{align-items:center;gap:11px;display:flex}.request-main p{flex:1;margin:0;display:grid}.timeline-details{margin:8px 0 4px;padding-inline-start:46px}.timeline-details summary{cursor:pointer;color:var(--violet);font-size:9px;font-weight:700}.timeline-details>div{border-bottom:1px dashed var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:9px 0;display:grid}.timeline-details>div>span{background:var(--magenta);border-radius:50%;width:8px;height:8px}.timeline-details p{margin:0;display:grid}.timeline-details time{color:var(--muted);font-size:8px}.work-entry p input{border:1px solid var(--line);border-radius:9px;width:min(420px,100%);margin-top:7px;padding:7px 9px;font-size:9px}.audience-picker{grid-template-columns:1fr 1fr;gap:10px;padding:0 0 15px!important;display:grid!important}.audience-picker label{color:#5b5264;gap:6px;font-size:9px;font-weight:700;display:grid}.audience-picker select{border:1px solid var(--line);background:#fff;border-radius:10px;min-height:39px;padding:7px 10px}@media (width<=520px){.audience-picker{grid-template-columns:1fr}}.access-assignment{grid-template-columns:1fr 1fr;gap:16px;display:grid}.access-assignment form{border:1px solid var(--line);background:#faf8fb;border-radius:14px;gap:9px;padding:14px;display:grid}.access-assignment select{border:1px solid var(--line);background:#fff;border-radius:10px;min-height:40px;padding:8px 10px}.access-assignment strong{color:var(--violet)}@media (width<=780px){.access-assignment{grid-template-columns:1fr}}.preview-credentials{color:#5f347e;background:linear-gradient(135deg,#f6f0fc,#fff8ed);border:1px solid #ddd0ee;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;margin:-12px 0 24px;padding:12px 14px;display:grid;box-shadow:0 10px 30px #5b308114}.preview-credentials svg{color:var(--green)}.preview-credentials span{font-size:11px;font-weight:600}.preview-credentials strong{color:#fff;background:var(--violet);font:700 12px var(--font-en);letter-spacing:.08em;direction:ltr;border-radius:8px;padding:5px 9px}.form-grid select{border:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);background:#fcfbfd;border-radius:12px;outline:0;padding:9px 12px}.form-grid select:focus{border-color:#a782cf;box-shadow:0 0 0 3px #f0eafb}.employee-account-creator .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-account-creator .panel-heading small{color:var(--muted);font-size:10px}.permission-picker{border:1px solid var(--line);border-radius:14px;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0;padding:16px;display:grid}.permission-picker label{background:#fbf9fc;border:1px solid #efe9f3;border-radius:11px;align-items:flex-start;gap:9px;padding:10px;display:flex}.permission-picker input{width:auto;margin-top:3px}.permission-picker span{color:var(--ink);font-size:10px;display:grid}.account-recovery-note{color:var(--muted);background:#f7f2fb;border-radius:11px;margin:18px 0 0;padding:12px;font-size:10px;line-height:1.7}@media (width<=900px){.permission-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.employee-account-creator .form-grid,.permission-picker{grid-template-columns:1fr}}.nav-caption{color:#a99daf;letter-spacing:.08em;margin:18px 12px 8px;font-size:9px;font-weight:800}.department-nav{background:#ffffff06;border:1px solid #ffffff12;border-radius:13px;margin:8px 0;overflow:hidden}.sidebar nav .department-toggle{background:0 0;border-radius:0;width:100%;margin:0}.department-toggle svg:last-child{margin-inline-start:auto;transition:transform .2s}.department-toggle svg:last-child.expanded{transform:rotate(180deg)}.department-links{border-top:1px solid #ffffff0f;padding:4px 8px 9px}.sidebar nav .department-links button{min-height:38px;margin:2px 0;padding-inline-start:18px;font-size:10px}.global-search{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:9px;width:min(440px,42vw);min-height:42px;padding:0 13px;display:flex;position:relative}.global-search input{width:100%;color:var(--ink);font:600 11px var(--font-ar);background:0 0;border:0;outline:0}.search-results{z-index:50;inset-inline:0;border:1px solid var(--line);background:#fff;border-radius:14px;max-height:330px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);overflow:auto;box-shadow:0 20px 55px #25172f29}.search-results button{text-align:start;color:var(--ink);background:0 0;border:0;border-radius:10px;gap:3px;padding:10px;display:grid}.search-results button:hover{background:#f6f0f8}.search-results small,.search-results>span{color:var(--muted);font-size:9px}.filter-pills{flex-wrap:wrap;gap:7px;display:flex}.filter-pills button{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:999px;padding:8px 13px;font-weight:700}.filter-pills button.active{border-color:var(--violet);background:var(--violet);color:#fff}.notification-list p em{width:max-content;color:var(--violet);background:#f1e9f6;border-radius:999px;margin-bottom:4px;padding:3px 7px;font-size:8px;font-style:normal;font-weight:800}.department-access-form{background:#fcfafc;border:1px solid #e8dfee;border-radius:16px;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;padding:18px;display:grid}.department-access-head,.department-permission-grid,.department-access-form .form-actions{grid-column:1/-1}.department-access-head{gap:4px;display:grid}.department-access-head strong{color:var(--violet);font-size:13px}.department-access-head span{color:var(--muted);font-size:10px}.department-access-form select{border:1px solid var(--line);background:#fff;border-radius:11px;min-height:43px;padding:8px 11px}.department-permission-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.department-permission-grid label{background:#fff;border:1px solid #eee7f1;border-radius:10px;align-items:center;gap:8px;padding:9px;font-size:9px;font-weight:700;display:flex}.department-permission-grid input{width:auto}.legacy-access{margin-top:14px}.legacy-access summary{cursor:pointer;color:var(--muted);font-size:10px;font-weight:700}.outline-button.danger{color:#a13e52;border-color:#e7c9cf}@media (width<=900px){.global-search{width:min(330px,38vw)}.department-permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.global-search{order:3;width:100%}.topbar{flex-wrap:wrap}.department-access-form{grid-template-columns:1fr}.department-access-head,.department-permission-grid,.department-access-form .form-actions{grid-column:auto}.department-permission-grid{grid-template-columns:1fr}}.grant-layout{grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);align-items:start;gap:18px;display:grid}.grant-form-panel{overflow:hidden}.grant-form-heading{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding-bottom:18px;display:flex}.grant-form-heading>span{width:42px;height:42px;color:var(--violet);background:#f0e8f5;border-radius:14px;place-items:center;display:grid}.grant-form-heading h3,.grant-form-heading p{margin:0}.grant-form-heading p{color:var(--muted);margin-top:4px;font-size:10px}.grant-form{grid-template-columns:1fr 1fr;gap:14px;margin-top:18px;display:grid}.grant-form>label{color:var(--muted);gap:7px;font-size:10px;font-weight:700;display:grid}.grant-form input,.grant-form select{border:1px solid var(--line);min-height:44px;color:var(--ink);background:#fff;border-radius:12px;outline:none;padding:9px 12px}.grant-form input:focus,.grant-form select:focus{border-color:#9f78c7;box-shadow:0 0 0 3px #f0e9f7}.grant-select-all,.grant-groups,.grant-form .form-actions{grid-column:1/-1}.grant-select-all{color:#fff;background:#2d2034;border-radius:13px;justify-content:space-between;align-items:center;padding:13px 15px;display:flex}.grant-select-all label{align-items:center;gap:9px;font-weight:800;display:flex}.grant-select-all input,.grant-groups input{width:auto;min-height:auto;accent-color:var(--violet)}.grant-select-all small{color:#d8cddd}.grant-groups{gap:9px;display:grid}.grant-groups details{background:#fcfafc;border:1px solid #e8e0ec;border-radius:14px;overflow:hidden}.grant-groups summary{cursor:pointer;justify-content:space-between;align-items:center;padding:13px 15px;list-style:none;display:flex}.grant-groups summary span{align-items:center;gap:8px;display:flex}.grant-groups summary svg{transition:transform .2s}.grant-groups details[open] summary svg{transform:rotate(180deg)}.grant-groups summary button{color:var(--violet);background:0 0;border:0;font-size:9px;font-weight:800}.grant-groups details>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:0 13px 13px;display:grid}.grant-groups details label{background:#fff;border:1px solid #eee7f1;border-radius:10px;align-items:center;gap:8px;padding:10px;font-size:9px;font-weight:700;display:flex}.grant-list{gap:10px;display:grid}.grant-card{background:#fff;border:1px solid #ece4ef;border-radius:13px;grid-template-columns:36px 1fr auto auto;align-items:center;gap:9px;padding:11px;transition:transform .18s,border-color .18s;display:grid}.grant-card:hover{border-color:#b99dca;transform:translateY(-2px)}.grant-card.active{border-color:var(--violet);background:#fbf8fd}.grant-card>span{width:34px;height:34px;color:var(--violet);background:#f2ebf6;border-radius:11px;place-items:center;display:grid}.grant-card p{gap:3px;margin:0;display:grid}.grant-card small{color:var(--muted);font-size:8px}.grant-card button{color:var(--violet);background:0 0;border:0;font-size:9px;font-weight:800}.grant-card .danger-icon{color:#a13e52;place-items:center;display:grid}.service-catalog{grid-template-columns:1.15fr .9fr .9fr;gap:12px;display:grid}.service-catalog button{min-height:105px;color:var(--violet);text-align:start;background:#fff;border:1px solid #e7deeb;border-radius:18px;align-items:center;gap:14px;padding:18px;transition:transform .2s,border-color .2s;display:flex;box-shadow:0 8px 28px #2b1d330d}.service-catalog button:hover{border-color:#ae8bc4;transform:translateY(-3px)}.service-catalog span{gap:5px;display:grid}.service-catalog strong{color:var(--ink);font-size:13px}.service-catalog small{color:var(--muted);font-size:9px;line-height:1.6}.override-reason{background:#fffaf0!important;border-color:#ddbd86!important}.action-pills .override-button{color:#fff;background:#9b6b25;max-width:170px}.action-pills .override-button:hover{background:#80561c}@media (width<=1000px){.grant-layout{grid-template-columns:1fr}.service-catalog{grid-template-columns:1fr 1fr}}@media (width<=680px){.grant-form{grid-template-columns:1fr}.grant-select-all,.grant-groups,.grant-form .form-actions{grid-column:auto}.grant-groups details>div,.service-catalog{grid-template-columns:1fr}}.person-avatar{width:42px;height:42px;color:var(--violet-dark);background:linear-gradient(145deg,#eee6f5,#dccdea);border-radius:15px;flex:none;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #6d37b814}.person-avatar.small{border-radius:10px;width:30px;height:30px}.person-avatar.large{border-radius:21px;width:64px;height:64px}.person-avatar img{z-index:2;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.person-avatar b{font-size:13px;font-weight:800}.person-avatar.large b{font-size:19px}.sidebar-user>.person-avatar{width:39px;height:39px}.sidebar-user p{min-width:0;margin:0;display:grid}.sidebar-user p strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.sidebar-user p small{color:var(--muted);font-size:9px}.topbar-actions .topbar-profile{background:0 0;border-color:#0000;width:39px;padding:0}.topbar-actions .topbar-profile .person-avatar{transition:transform .2s,box-shadow .2s}.topbar-actions .topbar-profile:hover .person-avatar{transform:translateY(-2px);box-shadow:0 8px 18px #41265224}.employee-home{gap:17px}.home-welcome{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(120deg,#fffffff0,#faf6fcc7);border:1px solid #ffffffc7;border-radius:22px;justify-content:space-between;align-items:center;gap:20px;padding:18px 22px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 45px #371f5212}.home-welcome:after{content:"";pointer-events:none;background:radial-gradient(circle,#d48a3529,#0000 68%);border-radius:50%;width:175px;height:175px;position:absolute;inset:auto -45px -65px auto}.welcome-person{align-items:center;gap:15px;min-width:0;display:flex}.welcome-person>div{min-width:0}.welcome-person span{color:var(--magenta);font-size:9px;font-weight:700}.welcome-person h1{margin:2px 0;font-size:clamp(22px,3vw,31px);line-height:1.35}.welcome-person p{color:var(--muted);margin:0;font-size:11px}.home-welcome>button{z-index:1;min-height:38px;color:var(--violet);background:#fff;border:1px solid #e9e1ed;border-radius:12px;align-items:center;gap:7px;padding:0 13px;display:flex;position:relative}.home-welcome>button span{background:var(--violet-soft);min-width:20px;height:20px;font:800 9px var(--font-en);border-radius:8px;place-items:center;padding:0 5px;display:grid}.quick-services-panel{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(135deg,#ffffffe0,#f7f2fab8);border:1px solid #ffffffd1;border-radius:24px;padding:20px;position:relative;overflow:hidden;box-shadow:0 20px 55px #371f5214}.quick-services-panel:before{content:"";pointer-events:none;background:radial-gradient(circle,#be3d8d17,#0000 68%);border-radius:50%;width:210px;height:210px;position:absolute;inset:-90px auto auto -55px}.section-heading{justify-content:space-between;align-items:end;gap:18px;margin-bottom:16px;display:flex;position:relative}.section-heading span,.compact-calendar header span,.activity-snapshot header span{color:var(--magenta);font:700 8px var(--font-en);letter-spacing:.16em}.section-heading h2,.activity-snapshot h2{margin:2px 0 0;font-size:20px}.section-heading p{color:var(--muted);margin:0;font-size:10px}.quick-services-grid{grid-template-columns:repeat(6,minmax(95px,1fr));gap:9px;display:grid;position:relative}.quick-services-grid>button{min-width:0;min-height:112px;color:var(--ink);text-align:start;background:#ffffffc2;border:1px solid #e5dbebe0;border-radius:17px;align-content:space-between;justify-items:start;gap:8px;padding:13px;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s;display:grid;box-shadow:0 8px 22px #34204209}.quick-services-grid>button:hover{background:#fff;border-color:#c9b2d7;transform:translateY(-4px);box-shadow:0 15px 30px #371f521a}.quick-services-grid>button:active{transform:translateY(-1px)scale(.985)}.quick-services-grid small{color:var(--muted);align-items:center;gap:4px;font-size:8px;display:flex}.quick-service-icon{border-radius:13px;place-items:center;width:39px;height:39px;display:grid}.quick-service-icon.green{color:#23856b;background:#e8f5f0}.quick-service-icon.gold{color:#bd7625;background:#fff2df}.quick-service-icon.rose{color:#b83f78;background:#faeaf1}.quick-service-icon.blue{color:#47768c;background:#e9f1f5}.quick-service-icon.violet{color:#6d37b8;background:#efe8fa}.quick-service-icon.slate{color:#5d5965;background:#ecebef}.home-overview-grid{grid-template-rows:auto auto;grid-template-columns:minmax(250px,.72fr) minmax(380px,1.35fr);align-items:start;gap:14px;display:grid}.compact-calendar,.activity-snapshot,.balance-glance{background:#ffffffeb;border:1px solid #e7e0ede6;border-radius:20px;box-shadow:0 14px 40px #371f5211}.compact-calendar{grid-row:1/3;padding:18px}.compact-calendar header,.activity-snapshot>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.compact-calendar header>div{gap:3px;display:grid}.compact-calendar header strong{font-size:13px}.compact-calendar nav{gap:5px;display:flex}.compact-calendar nav button{border:1px solid var(--line);width:31px;height:31px;color:var(--ink);background:#fff;border-radius:9px;place-items:center;display:grid}.compact-calendar nav button:hover{color:var(--violet);border-color:#bea6cc}.calendar-grid{direction:ltr;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:14px;display:grid}.calendar-grid>*{aspect-ratio:1;font:600 10px var(--font-en);border-radius:9px;place-items:center;font-style:normal;display:grid}.calendar-grid b{aspect-ratio:auto;color:#aaa1b1;min-height:24px;font-size:8px}.calendar-grid span{color:#554b60}.calendar-grid span:hover{background:#f5f0f8}.calendar-grid .today{color:#fff;background:#3a2d40;box-shadow:0 7px 15px #3023362e}.activity-snapshot{padding:18px}.activity-snapshot>header button{color:var(--violet);background:0 0;border:0;font-size:9px;font-weight:700}.activity-summary{grid-template-columns:1fr 1fr;gap:9px;margin-top:14px;display:grid}.activity-summary>button{color:var(--ink);text-align:start;background:#fbfafc;border:1px solid #eee8f1;border-radius:14px;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:11px;transition:transform .18s,border-color .18s;display:grid}.activity-summary>button:hover{border-color:#c7b0d4;transform:translateY(-2px)}.activity-icon{border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.activity-icon.work{color:var(--violet);background:#f0e9f8}.activity-icon.request{color:var(--gold);background:#fff2df}.activity-icon.balance{color:var(--green);background:#e7f4ef}.activity-summary p{gap:2px;margin:0;display:grid}.activity-summary small{color:var(--muted);font-size:8px}.activity-summary>button>b{font:800 22px var(--font-en);color:var(--violet-dark)}.recent-requests{border-top:1px solid #eee8f1;gap:2px;margin-top:14px;padding-top:12px;display:grid}.recent-requests>span{color:var(--muted);margin-bottom:4px;font-size:8px;font-weight:700}.recent-requests>button{color:var(--ink);text-align:start;background:0 0;border:0;border-radius:10px;grid-template-columns:8px 1fr auto;align-items:center;gap:8px;padding:7px;display:grid}.recent-requests>button:hover{background:#faf7fb}.recent-requests p{gap:1px;margin:0;display:grid}.recent-requests p small{color:var(--muted);font:600 8px var(--font-en)}.request-dot{background:#b5acb9;border-radius:50%;width:7px;height:7px}.request-dot.approved{background:var(--green)}.request-dot.submitted,.request-dot.in_review{background:var(--gold)}.request-dot.returned{background:var(--magenta)}.request-dot.rejected{background:var(--red)}.balance-glance{gap:8px;padding:14px 18px;display:grid}.balance-glance header{grid-template-columns:38px 1fr auto;align-items:center;gap:10px;display:grid}.balance-glance header>div{display:grid}.balance-glance header small{color:var(--muted);font-size:8px}.balance-glance header strong{font:800 21px var(--font-en)}.balance-glance header em{font:600 8px var(--font-ar);font-style:normal}.balance-glance button{color:var(--violet);background:0 0;border:0;font-size:8px;font-weight:700}.balance-line{background:#f0edf1;border-radius:99px;height:6px;overflow:hidden}.balance-line i{width:var(--balance);border-radius:inherit;background:linear-gradient(90deg,#23856b,#6cb29f);height:100%;display:block}.balance-glance>p{color:var(--muted);margin:0;font-size:8px}.request-dialog{z-index:90;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.dialog-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#261b2b8a;border:0;width:100%;height:100%;position:absolute;inset:0}.dialog-sheet{z-index:1;background:#fbf9fc;border:1px solid #ffffffb3;border-radius:24px;width:min(700px,100%);max-height:min(86vh,760px);animation:.24s both dialog-in;position:relative;overflow:auto;box-shadow:0 30px 90px #1f122747}.dialog-sheet>header{z-index:3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fbf9fcf0;border-bottom:1px solid #ece4ef;grid-template-columns:42px 1fr 38px;align-items:center;gap:11px;padding:16px 18px;display:grid;position:sticky;top:0}.dialog-sheet>header small{color:var(--magenta);font-size:8px;font-weight:700}.dialog-sheet>header h2{margin:1px 0 0;font-size:18px}.dialog-close{border:1px solid var(--line);width:36px;height:36px;color:var(--muted);background:#fff;border-radius:11px;place-items:center;display:grid}.dialog-content{padding:18px}.dialog-content>.panel{box-shadow:none;background:0 0;border:0;padding:0}.dialog-content .leave-request-form{min-height:0}.quick-request-form textarea{min-height:100px}@keyframes dialog-in{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:none}}.employee-grid .person-avatar{margin-bottom:2px}.employee-grid>button:hover .person-avatar{transform:scale(1.04)}@media (width<=1100px){.quick-services-grid{grid-template-columns:repeat(3,1fr)}.home-overview-grid{grid-template-columns:minmax(235px,.78fr) minmax(360px,1.22fr)}}@media (width<=760px){.home-welcome{padding:15px}.welcome-person .person-avatar{border-radius:17px;width:52px;height:52px}.home-welcome>button{align-self:flex-start}.quick-services-panel{padding:16px}.section-heading{align-items:start}.section-heading p{display:none}.quick-services-grid{grid-template-columns:repeat(3,1fr);gap:7px}.quick-services-grid>button{min-height:102px;padding:11px}.home-overview-grid{grid-template-columns:1fr}.compact-calendar{grid-row:auto}.activity-summary{grid-template-columns:1fr}.balance-glance{grid-column:auto}.request-dialog{align-items:end;padding:0}.dialog-sheet{border-radius:24px 24px 0 0;width:100%;max-height:91vh}.dialog-content{padding:15px}}@media (width<=480px){.employee-home{gap:12px}.home-welcome,.welcome-person{align-items:flex-start}.welcome-person p{display:none}.home-welcome>button{width:38px;padding:0}.home-welcome>button span{position:absolute;inset:-5px auto auto -5px}.quick-services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-services-grid>button{text-align:center;justify-items:center;min-height:94px}.quick-services-grid strong{font-size:9px}.quick-services-grid small{display:none}.quick-service-icon{width:37px;height:37px}.compact-calendar,.activity-snapshot{padding:15px}.recent-requests .status{text-overflow:ellipsis;max-width:72px;overflow:hidden}.dialog-sheet>header{padding:13px 15px}.quick-request-form{grid-template-columns:1fr}.quick-request-form .wide{grid-column:auto}}.employee-home{font-size:115%}.employee-home button,.employee-home input,.employee-home select,.employee-home textarea{font-size:inherit}.home-welcome{grid-template-columns:minmax(0,1fr) auto auto;display:grid}.welcome-person p{font-size:12.5px}.live-date-time{background:#ffffffb3;border:1px solid #e2d8e8e6;border-radius:14px;gap:5px;min-width:220px;padding:10px 14px;display:grid}.live-date-time span,.live-date-time strong{align-items:center;gap:8px;display:flex}.live-date-time span{color:var(--muted);font-size:10px}.live-date-time strong{color:var(--violet-dark);font:800 16px var(--font-en)}.live-date-time svg{color:var(--magenta)}.quick-services-panel{padding:22px}.section-heading span{font-size:9px}.section-heading h2{font-size:24px}.quick-services-grid{grid-template-columns:repeat(6,minmax(100px,1fr));gap:11px}.quick-services-grid>button{text-align:center;background:#ffffffdb;align-content:center;place-items:center;gap:12px;min-height:116px;padding:15px}.quick-services-grid strong{white-space:normal;font-size:12.5px}.quick-services-grid .quick-service-icon{border-radius:16px;width:49px;height:49px;transition:transform .2s}.quick-services-grid>button:hover .quick-service-icon{transform:scale(1.08)rotate(-3deg)}.home-overview-grid{grid-template-rows:auto;grid-template-columns:minmax(0,1.22fr) minmax(310px,.78fr);gap:15px}.activity-snapshot,.document-alert-card,.leave-wallet-card{background:#fffffff0;border:1px solid #e7e0ede6;border-radius:20px;box-shadow:0 14px 40px #371f5211}.activity-snapshot{height:100%}.activity-snapshot h2,.document-alert-card h2,.leave-wallet-card h2{font-size:18.5px}.activity-snapshot>header button,.document-alert-card header button,.leave-wallet-card header button{font-size:9.5px}.activity-summary strong{font-size:11.5px}.activity-summary small,.recent-requests>span{font-size:9px}.recent-requests p strong{font-size:10.5px}.recent-requests p small{font-size:9px}.document-alert-card{padding:18px}.document-alert-card>header,.leave-wallet-card>header{grid-template-columns:42px 1fr auto;align-items:center;gap:11px;display:grid}.document-alert-card header>div,.leave-wallet-card header>div{gap:1px;display:grid}.document-alert-card header small,.leave-wallet-card header small{color:var(--magenta);font:700 8px var(--font-en);letter-spacing:.13em}.document-alert-card h2,.leave-wallet-card h2{margin:0}.document-alert-card header button,.leave-wallet-card header button{color:var(--violet);background:0 0;border:0;font-weight:700}.document-alert-icon{color:#c66f35;background:#fff0e6;border-radius:14px;place-items:center;width:42px;height:42px;display:grid}.home-document-list{gap:7px;margin-top:15px;display:grid}.home-document-list>button{min-height:49px;color:var(--ink);text-align:start;background:#fcfafc;border:1px solid #eee7f1;border-radius:12px;grid-template-columns:8px 1fr auto;align-items:center;gap:9px;padding:9px;transition:transform .18s,border-color .18s;display:grid}.home-document-list>button:hover{border-color:#c9b1d7;transform:translateY(-2px)}.home-document-list>button>i{background:var(--gold);border-radius:50%;width:8px;height:8px}.home-document-list>button>i.urgent,.home-document-list>button>i.expired{background:var(--red)}.home-document-list p{gap:2px;margin:0;display:grid}.home-document-list p strong{font-size:10.5px}.home-document-list p small{color:var(--muted);font:600 9px var(--font-en)}.leave-wallet-card{padding:18px}.wallet-balance-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px;display:grid}.wallet-balance-grid>div{background:#fbfafc;border:1px solid #ede6f0;border-radius:15px;grid-template-columns:43px 1fr;align-items:center;gap:11px;min-height:92px;padding:14px;display:grid}.wallet-balance-grid>div>span{border-radius:14px;place-items:center;width:43px;height:43px;display:grid}.wallet-balance-grid>div.annual>span{color:var(--green);background:#e8f5f0}.wallet-balance-grid>div.carried>span{color:var(--gold);background:#fff2df}.wallet-balance-grid>div.compensatory>span{color:var(--violet);background:#f0e9f8}.wallet-balance-grid p{grid-template-columns:1fr auto;align-items:center;gap:2px 9px;margin:0;display:grid}.wallet-balance-grid small{color:var(--muted);font-size:10.5px}.wallet-balance-grid strong{font:800 29px var(--font-en);color:var(--violet-dark)}.wallet-balance-grid em{color:var(--muted);grid-column:1/-1;font-size:8.5px;font-style:normal}.leave-dialog .dialog-content{padding:22px}.leave-quick-form{gap:16px;font-size:115%;display:grid}.leave-type-picker{background:linear-gradient(110deg,#fff,#f7fbf9);border:1px solid #e5ddea;border-radius:17px;grid-template-columns:48px minmax(130px,1fr) minmax(210px,1.15fr);align-items:center;gap:13px;padding:14px;display:grid}.field-icon{border-radius:15px;place-items:center;width:48px;height:48px;display:grid}.field-icon.green{color:var(--green);background:#e4f3ed}.field-icon.rose{color:var(--magenta);background:#f9e7ef}.field-icon.violet{color:var(--violet);background:#eee7f8}.field-copy,.leave-date-range label>span:nth-child(2){gap:3px;display:grid}.field-copy strong,.leave-date-range label strong,.leave-reason>strong{font-size:13.5px}.field-copy small,.leave-date-range label small{color:var(--muted);font-size:10.5px}.leave-type-picker select{width:100%;min-height:48px;color:var(--ink);background:#fff;border:1px solid #dcd2e2;border-radius:13px;outline:none;padding:0 13px;font-size:13px}.leave-type-picker select:focus{border-color:#9f78c7;box-shadow:0 0 0 4px #f0e9f7}.leave-date-range{grid-template-columns:1fr 30px 1fr;align-items:center;gap:9px;display:grid}.leave-date-range>i{color:#a79dac;place-items:center;font-style:normal;display:grid}.leave-date-range label{background:#fff;border:1px solid #e5ddea;border-radius:17px;grid-template-columns:48px 1fr;align-items:center;gap:12px;min-height:88px;padding:14px;transition:border-color .2s,box-shadow .2s;display:grid;position:relative;overflow:hidden}.leave-date-range label:hover,.leave-date-range label:focus-within{border-color:#bca3cc;box-shadow:0 10px 28px #3a254614}.leave-date-range input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.leave-reason{gap:8px;display:grid}.leave-reason textarea{resize:vertical;background:#fff;border:1px solid #ddd3e3;border-radius:14px;outline:none;min-height:98px;padding:13px}.leave-reason textarea:focus{border-color:#9f78c7;box-shadow:0 0 0 4px #f0e9f7}.leave-calculation{grid-template-columns:1fr 1fr;gap:9px;display:grid}.leave-calculation span{color:var(--muted);background:#f5f1f7;border-radius:13px;justify-content:space-between;align-items:center;padding:12px 14px;font-size:10px;display:flex}.leave-calculation strong{color:var(--violet-dark);font-size:13px}.leave-submit{min-height:49px;font-size:13px}@media (width<=1100px){.home-welcome{grid-template-columns:1fr auto}.live-date-time{grid-area:2/1/auto/-1;grid-template-columns:1fr auto;width:100%}.quick-services-grid{grid-template-columns:repeat(3,1fr)}.home-overview-grid{grid-template-columns:1fr 1fr}.wallet-balance-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=760px){.employee-home{font-size:110%}.home-welcome{grid-template-columns:1fr auto}.live-date-time{min-width:0}.home-overview-grid,.wallet-balance-grid{grid-template-columns:1fr}.leave-type-picker{grid-template-columns:48px 1fr}.leave-type-picker select{grid-column:1/-1}.leave-date-range{grid-template-columns:1fr}.leave-date-range>i{transform:rotate(90deg)}.leave-dialog .dialog-content{padding:16px}}@media (width<=480px){.quick-services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-services-grid>button{min-height:104px;padding:10px 6px}.quick-services-grid strong{font-size:10.5px}.live-date-time{grid-template-columns:1fr;gap:7px}.home-welcome>button{grid-area:1/2}.document-alert-card,.leave-wallet-card{padding:15px}.leave-calculation{grid-template-columns:1fr}}.today-overview{gap:12px;display:grid}.today-overview-heading{justify-content:space-between;align-items:end;display:flex}.today-overview-heading span,.overview-widget header span,.recent-requests-card header span{color:var(--magenta);font:700 8px var(--font-en);letter-spacing:.13em}.today-overview-heading h2{margin:2px 0 0;font-size:22px}.overview-cards-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:15px;display:grid}.overview-widget,.recent-requests-card{background:#fffffff0;border:1px solid #e7e0ede6;border-radius:20px;box-shadow:0 14px 40px #371f5211}.overview-widget{flex-direction:column;min-width:0;height:100%;padding:18px;display:flex}.overview-widget>header,.recent-requests-card>header{justify-content:space-between;align-items:center;gap:14px;display:flex}.overview-widget header>div,.recent-requests-card header>div{gap:1px;display:grid}.overview-widget h2,.recent-requests-card h2{margin:0;font-size:18.5px}.overview-widget header button,.recent-requests-card header button{color:var(--violet);background:0 0;border:0;flex:none;font-size:9.5px;font-weight:700;transition:color .18s,transform .18s}.overview-widget header button:hover,.recent-requests-card header button:hover{color:var(--magenta);transform:translateY(-1px)}.tasks-widget-body{flex:1;grid-template-columns:118px minmax(0,1fr);align-items:center;gap:14px;margin-top:15px;display:grid}.task-donut{background:conic-gradient(var(--gold) 0 var(--in-progress-angle),var(--green) var(--in-progress-angle) var(--completed-angle),var(--red) var(--completed-angle) 360deg);border-radius:50%;place-items:center;width:118px;height:118px;padding:10px;display:grid;box-shadow:inset 0 0 0 1px #ffffff8c,0 10px 24px #371f5214}.task-donut.empty{background:#ece6ef}.task-donut>div{background:#fff;border-radius:50%;place-items:center;width:86px;height:86px;display:grid;box-shadow:0 0 0 1px #ebe5efe6}.task-donut strong{font:800 28px var(--font-en);color:var(--violet-dark);line-height:1}.task-donut span{color:var(--muted);margin-top:4px;font-size:8.5px;font-weight:700}.task-status-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.task-status-card{background:#fbfafc;border:1px solid #eee7f1;border-radius:14px;grid-template-columns:28px 1fr;align-items:center;gap:7px;min-width:0;padding:10px 9px;display:grid}.task-status-icon{border-radius:9px;place-items:center;width:28px;height:28px;display:grid}.task-status-card.in-progress .task-status-icon{color:var(--gold);background:#fff0dd}.task-status-card.completed .task-status-icon{color:var(--green);background:#e4f3ed}.task-status-card.overdue .task-status-icon{color:var(--red);background:#fce9ed}.task-status-card p{gap:1px;min-width:0;margin:0;display:grid}.task-status-card small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8.5px;font-weight:700;overflow:hidden}.task-status-card strong{font:800 19px var(--font-en);color:var(--violet-dark);line-height:1.1}.task-status-card>i,.wallet-balance-grid>div>i{background:#ece6ef;border-radius:999px;grid-column:1/-1;height:3px;overflow:hidden}.task-status-card>i b,.wallet-balance-grid>div>i b{border-radius:inherit;height:100%;display:block}.task-status-card.in-progress>i b{background:var(--gold)}.task-status-card.completed>i b{background:var(--green)}.task-status-card.overdue>i b{background:var(--red)}.overview-widget.leave-wallet-card{padding:18px}.overview-widget .wallet-balance-grid{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:8px;margin-top:15px}.overview-widget .wallet-balance-grid>div{border-radius:14px;grid-template-columns:34px 1fr;align-content:center;align-items:center;gap:8px;min-width:0;min-height:118px;padding:11px 10px;display:grid}.overview-widget .wallet-balance-grid>div>span{border-radius:11px;width:34px;height:34px}.overview-widget .wallet-balance-grid p{grid-template-columns:1fr;align-items:start;gap:1px;min-width:0;display:grid}.overview-widget .wallet-balance-grid small{text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:700;overflow:hidden}.overview-widget .wallet-balance-grid strong{font-size:24px;line-height:1.05}.overview-widget .wallet-balance-grid em{grid-column:auto;font-size:8.5px}.overview-widget .wallet-balance-grid>div>i{margin-top:2px}.overview-widget .wallet-balance-grid>div.annual>i b{background:var(--green)}.overview-widget .wallet-balance-grid>div.carried>i b{background:var(--gold)}.overview-widget .wallet-balance-grid>div.compensatory>i b{background:var(--violet)}.recent-requests-card{min-width:0;padding:18px}.recent-requests-table{border:1px solid #eee7f1;border-radius:14px;margin-top:13px;display:grid;overflow:hidden}.recent-requests-head,.recent-request-row{text-align:start;grid-template-columns:minmax(150px,1.5fr) minmax(110px,.85fr) minmax(115px,.9fr) minmax(100px,.8fr) 70px;align-items:center;gap:12px;padding:9px 12px;display:grid}.recent-requests-head{color:var(--muted);background:#f8f5fa;font-size:8.5px;font-weight:700}.recent-request-row{min-height:48px;color:var(--ink);background:#fff;border:0;border-top:1px solid #f0eaf2;font-size:10px;transition:background .18s}.recent-request-row:hover{background:#fbf8fc}.request-type-cell{align-items:center;gap:9px;min-width:0;display:flex}.request-type-cell strong{text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.request-reference,.recent-request-row time{color:var(--muted);font:600 9.5px var(--font-en)}.recent-request-row .status{justify-self:start}.request-view{color:var(--violet);align-items:center;gap:5px;font-weight:700;display:inline-flex}.document-alert-card{width:100%}@media (width<=1200px) and (width>=761px){.tasks-widget-body{grid-template-columns:105px minmax(0,1fr)}.task-donut{width:105px;height:105px}.task-donut>div{width:75px;height:75px}.task-status-grid{grid-template-columns:1fr;gap:5px}.task-status-card{grid-template-columns:26px 1fr;padding:6px 8px}.task-status-card p{grid-template-columns:1fr auto;align-items:center}.task-status-card>i{grid-column:2}.overview-widget .wallet-balance-grid{gap:5px}.overview-widget .wallet-balance-grid>div{text-align:center;grid-template-columns:1fr;justify-items:center;padding:9px 6px}.overview-widget .wallet-balance-grid p{justify-items:center}.overview-widget .wallet-balance-grid>div>i{width:100%}}@media (width<=760px){.overview-cards-row{grid-template-columns:1fr}.tasks-widget-body{grid-template-columns:118px minmax(0,1fr)}.task-status-grid,.overview-widget .wallet-balance-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.recent-requests-head{display:none}.recent-request-row{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;padding:11px 12px}.request-type-cell{grid-column:1}.recent-request-row .status{grid-area:1/2}.request-reference,.recent-request-row time{grid-column:1}.request-view{grid-area:2/2/4}.recent-request-row time{font-size:8.5px}}@media (width<=480px){.today-overview-heading h2{font-size:20px}.overview-widget,.recent-requests-card{padding:15px}.overview-widget>header,.recent-requests-card>header{align-items:end}.tasks-widget-body{grid-template-columns:1fr;justify-items:center}.task-status-grid{width:100%}.task-status-card{grid-template-columns:26px 1fr;padding:8px 7px}.task-status-card small{font-size:7.5px}.overview-widget .wallet-balance-grid>div{text-align:center;grid-template-columns:1fr;justify-items:center;min-height:112px;padding:9px 5px}.overview-widget .wallet-balance-grid p{justify-items:center}.overview-widget .wallet-balance-grid small{max-width:82px}.overview-widget .wallet-balance-grid>div>i{width:100%}.recent-requests-card header button{font-size:8.5px}}@keyframes homeReveal{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes homeDrift{0%,to{transform:translate(0,0)}50%{transform:translate(-8px,-6px)}}@keyframes iconBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.employee-home{font-variant-numeric:lining-nums tabular-nums}.employee-home>.home-welcome,.employee-home>.quick-services-panel,.employee-home>.today-overview,.employee-home>.document-alert-card{animation:.55s both homeReveal}.employee-home>.quick-services-panel{animation-delay:70ms}.employee-home>.today-overview{animation-delay:.14s}.employee-home>.document-alert-card{animation-delay:.21s}.home-welcome:after{animation:7s ease-in-out infinite homeDrift}.welcome-person h1{font-size:clamp(26px,3.2vw,36px)}.welcome-person p{font-size:13px;line-height:1.7}.live-date-time{font-size:11px}.section-heading h2,.activity-snapshot h2{font-size:24px}.section-heading p{font-size:12px}.quick-services-grid>button{border-radius:19px;min-height:124px;padding:16px}.quick-services-grid strong{font-size:13.5px}.quick-services-grid>button:hover .quick-service-icon{animation:1.1s ease-in-out infinite iconBreathe}.today-overview-heading h2{font-size:26px}.overview-widget h2,.recent-requests-card h2,.document-alert-card h2{font-size:21px}.overview-widget header button,.recent-requests-card header button,.document-alert-card header button{font-size:11px}.task-donut strong{font-size:32px}.task-donut span,.task-status-card small{font-size:10px}.task-status-card strong{font-size:23px}.overview-widget .wallet-balance-grid small{font-size:10.5px}.overview-widget .wallet-balance-grid strong{font-size:29px}.overview-widget .wallet-balance-grid em,.recent-requests-head{font-size:10px}.request-type-cell strong{font-size:12px}.request-reference,.recent-request-row time{font-size:10.5px}.recent-request-row .status,.request-view{font-size:10px}.overview-widget,.recent-requests-card,.document-alert-card{transition:transform .22s,box-shadow .22s,border-color .22s}.overview-widget:hover,.recent-requests-card:hover,.document-alert-card:hover{border-color:#c6b0d4f2;transform:translateY(-3px);box-shadow:0 20px 48px #371f521a}.leave-quick-form{gap:18px}.leave-type-picker{background:0 0;border:0;gap:12px;margin:0;padding:0;display:grid}.leave-type-picker legend{align-items:baseline;gap:10px;width:100%;padding:0;display:flex}.leave-type-picker legend strong{font-size:15px}.leave-type-picker legend small{color:var(--muted);font-size:10.5px}.leave-type-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.leave-type-option{min-height:72px;color:var(--ink);text-align:start;background:#fff;border:1px solid #e5ddea;border-radius:16px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;padding:12px;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;display:grid;position:relative}.leave-type-option>span{width:42px;height:42px;color:var(--violet);background:#f1ebf7;border-radius:13px;place-items:center;display:grid}.leave-type-option>svg{color:var(--green);position:absolute;inset:8px auto auto 8px}[dir=rtl] .leave-type-option>svg{inset:8px 8px auto auto}.leave-type-option:hover{border-color:#bea5cd;transform:translateY(-2px);box-shadow:0 10px 24px #371f5214}.leave-type-option.selected{background:linear-gradient(135deg,#fff,#f5f0fa);border-color:#9d78bf;box-shadow:0 0 0 3px #6d37b817,0 12px 26px #371f5214}.leave-type-option.annual>span{color:var(--green);background:#e5f4ee}.leave-type-option.sick>span{color:#5375aa;background:#e8eef9}.leave-type-option.emergency>span{color:var(--gold);background:#fff0dd}.leave-type-option.unpaid>span{color:#6e6b78;background:#eeeef2}.leave-type-option.compensatory>span{color:var(--violet);background:#eee7f8}.leave-type-option.other>span{color:var(--magenta);background:#f9e7ef}.leave-date-range{grid-template-columns:1fr 32px 1fr}.leave-date-field{min-width:0;position:relative}.leave-date-card{width:100%;min-height:94px;color:var(--ink);text-align:start;background:#fff;border:1px solid #e5ddea;border-radius:17px;grid-template-columns:50px 1fr;align-items:center;gap:13px;padding:15px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid}.leave-date-card>span:last-child{gap:4px;display:grid}.leave-date-card strong{font-size:14px}.leave-date-card small{color:var(--muted);font-size:11px}.leave-date-card:hover:not(:disabled),.leave-date-card:focus-visible{border-color:#bca3cc;outline:0;transform:translateY(-2px);box-shadow:0 12px 28px #3a254617}.leave-date-card.selected{background:linear-gradient(125deg,#fff,#faf6fc);border-color:#ad8dc2}.leave-date-card:disabled{cursor:not-allowed;color:#9d96a3;background:#f8f6f9}.leave-date-native{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.leave-date-range>i{transition:transform .2s}.leave-date-range:has(.leave-date-card.selected)>i{color:var(--violet);transform:translate(-2px)}[dir=ltr] .leave-date-range:has(.leave-date-card.selected)>i{transform:translate(2px)}@media (width<=760px){.welcome-person h1{font-size:25px}.quick-services-grid>button{min-height:112px}.quick-services-grid strong{font-size:12px}.today-overview-heading h2{font-size:23px}.leave-type-options{grid-template-columns:repeat(2,minmax(0,1fr))}.leave-date-range{grid-template-columns:1fr}.leave-date-range>i{transform:rotate(90deg)}.leave-date-range:has(.leave-date-card.selected)>i{transform:rotate(90deg)translate(-2px)}[dir=ltr] .leave-date-range:has(.leave-date-card.selected)>i{transform:rotate(90deg)translate(-2px)}}@media (width<=480px){.welcome-person h1{font-size:22px}.quick-services-grid>button{min-height:106px;padding:12px 7px}.quick-services-grid .quick-service-icon{width:44px;height:44px}.quick-services-grid strong{font-size:10.5px}.overview-widget h2,.recent-requests-card h2,.document-alert-card h2{font-size:19px}.leave-type-options{grid-template-columns:1fr}.leave-type-option{min-height:64px}.leave-type-picker legend{gap:2px;display:grid}.leave-date-card{min-height:84px;padding:12px}}@media (prefers-reduced-motion:reduce){.employee-home>*,.home-welcome:after,.quick-services-grid>button:hover .quick-service-icon{animation:none!important}.overview-widget,.recent-requests-card,.document-alert-card,.quick-services-grid>button,.leave-type-option,.leave-date-card{transition:none!important}}.quick-services-grid>button{min-height:138px}.quick-services-grid strong{white-space:normal;max-width:100%;font-size:16px;line-height:1.55}.quick-services-grid .quick-service-icon{border-radius:18px;width:56px;height:56px}.leave-type-picker{grid-template-columns:minmax(0,1fr);width:100%;min-width:0}.leave-type-picker legend,.leave-type-options{grid-column:1;width:100%;min-width:0}.leave-type-option{grid-template-columns:44px minmax(0,1fr);align-content:center;min-width:0;min-height:92px}.leave-type-option>span{width:44px;height:44px}.leave-type-option>strong{min-width:0;font-size:13px}.leave-type-option>em{color:var(--muted);grid-column:2;align-items:baseline;gap:4px;font-size:9.5px;font-style:normal;display:flex}.leave-type-option>em b{color:var(--violet-dark);font:800 17px var(--font-en)}.leave-type-option.carried>span{color:var(--gold);background:#fff0dd}.english-date-picker{min-width:0;position:relative}.calendar-popover{z-index:20;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform-origin:bottom;background:#fffffffa;border:1px solid #e4dbe9;border-radius:18px;width:min(330px,100vw - 72px);padding:14px;animation:.18s both calendarOpen;position:absolute;inset:auto 0 calc(100% + 10px) auto;box-shadow:0 22px 55px #311d3e2e}.english-date-picker:last-child .calendar-popover{inset-inline:auto 0}.calendar-popover>header{grid-template-columns:34px 1fr 34px;align-items:center;gap:8px;display:grid}.calendar-popover>header strong{text-align:center;font:800 13px var(--font-en);color:var(--violet-dark)}.calendar-popover>header button{width:34px;height:34px;color:var(--violet);background:#faf8fb;border:1px solid #ece5ef;border-radius:10px;place-items:center;transition:background .15s,transform .15s;display:grid}.calendar-popover>header button:hover{background:var(--violet-soft);transform:translateY(-1px)}.calendar-weekdays,.calendar-days{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendar-weekdays{margin:12px 0 6px}.calendar-weekdays span{color:#988fa0;min-height:22px;font:700 8px var(--font-en);place-items:center;display:grid}.calendar-days i,.calendar-days button{aspect-ratio:1;border-radius:10px}.calendar-days i{display:block}.calendar-days button{color:#4c4253;font:700 10px var(--font-en);background:0 0;border:0;transition:background .15s,color .15s,transform .15s}.calendar-days button:hover:not(:disabled){color:var(--violet);background:#f1eaf7;transform:scale(1.06)}.calendar-days button.selected{background:linear-gradient(135deg,var(--violet),#8b4aa9);color:#fff;box-shadow:0 7px 15px #6d37b838}.calendar-days button:disabled{color:#d2ccd5;cursor:not-allowed}.english-date-picker.open .leave-date-card{border-color:#a985c1;box-shadow:0 12px 28px #3a254617}.english-date-picker.locked .leave-date-card{color:#918999;background:#f5f2f6;border-style:dashed;position:relative}.field-icon.locked{color:#9b92a1;background:#ece8ee}.date-lock-label{color:#81788a;background:#e9e4eb;border-radius:999px;padding:3px 7px;font-size:8px;position:absolute;inset:9px auto auto 9px}[dir=rtl] .date-lock-label{inset:9px 9px auto auto}@keyframes calendarOpen{0%{opacity:0;transform:translateY(5px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.english-date-picker.open{z-index:30}@media (width<=1100px){.quick-services-grid strong{font-size:15px}}@media (width<=760px){.quick-services-grid>button{min-height:126px}.quick-services-grid strong{font-size:14px}.leave-type-option{min-height:84px}.calendar-popover{width:100%;box-shadow:0 14px 35px #311d3e21;inset:auto 0 calc(100% + 8px) auto!important}}@media (width<=480px){.quick-services-grid>button{min-height:118px}.quick-services-grid strong{font-size:12.5px}.quick-services-grid .quick-service-icon{width:48px;height:48px}.leave-type-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.leave-type-option{text-align:center;grid-template-columns:1fr;justify-items:center;min-height:128px;padding:10px 7px}.leave-type-option>strong{font-size:11px}.leave-type-option>em{grid-column:1;justify-content:center}.calendar-popover{padding:10px}}@media (prefers-reduced-motion:reduce){.calendar-popover{animation:none!important}.calendar-popover button{transition:none!important}}.leave-type-option{border-radius:14px;grid-template-columns:38px minmax(0,1fr);min-height:72px;padding:8px 10px}.leave-type-option>span{border-radius:11px;width:38px;height:38px}.leave-type-option>strong{font-size:14.5px;line-height:1.35}.leave-type-option>em{font-size:9px}.leave-type-option>em b{font-size:16px}.travel-ticket-toggle{width:100%;min-height:68px;color:var(--ink);text-align:start;background:#fff;border:1px solid #e4dce8;border-radius:16px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 13px;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;display:grid}.travel-ticket-toggle>span{width:44px;height:44px;color:var(--violet);background:#eee8f7;border-radius:13px;place-items:center;display:grid}.travel-ticket-toggle p{gap:2px;margin:0;display:grid}.travel-ticket-toggle p strong{font-size:13px}.travel-ticket-toggle p small{color:var(--muted);font-size:9.5px}.travel-ticket-toggle>b{color:#81798a;text-align:center;background:#eeeaf0;border-radius:999px;min-width:45px;padding:6px 10px;font-size:10px}.travel-ticket-toggle:hover{border-color:#bca3cc;transform:translateY(-2px);box-shadow:0 10px 24px #371f5212}.travel-ticket-toggle.selected{background:linear-gradient(125deg,#fff,#f7f1fb);border-color:#9f7cc1;box-shadow:0 0 0 3px #6d37b814}.travel-ticket-toggle.selected>span{color:var(--green);background:#e6f4ee}.travel-ticket-toggle.selected>b{color:var(--green);background:#e2f2eb}@media (width<=780px){.content{padding-bottom:122px}.bottom-nav{z-index:40;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff7;border:1px solid #e6deebf2;border-radius:20px;grid-template-columns:repeat(5,minmax(0,1fr));width:auto;height:76px;padding:0 10px;display:grid;position:fixed;inset:auto 15px 14px;overflow:visible;box-shadow:0 18px 45px #2d1d3a33}.bottom-nav-indicator{z-index:1;top:-31px;pointer-events:none;width:calc(20% - 4px);height:66px;transform:translateX(var(--indicator-offset));transition:transform .5s cubic-bezier(.34,1.56,.64,1);position:absolute;inset-inline-start:10px}.bottom-nav-indicator:before{content:"";border:6px solid var(--canvas);background:#fff;border-radius:50%;width:66px;height:66px;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #6d37b833}.bottom-nav-indicator:after{content:"";filter:blur(2px);background:radial-gradient(circle,#be3d8d40,#6d37b814 52%,#0000 72%);border-radius:50%;width:48px;height:48px;position:absolute;inset:9px 50% auto auto;transform:translate(50%)}.bottom-nav-button{z-index:2;-webkit-tap-highlight-color:transparent;height:76px;position:relative;color:#81788b!important;background:0 0!important;border:0!important;justify-content:center!important;align-items:center!important;display:flex!important}.mobile-nav-icon{border-radius:50%;place-items:center;width:52px;height:52px;transition:transform .5s cubic-bezier(.34,1.56,.64,1),color .3s;display:grid;position:relative}.mobile-nav-icon>i{background:var(--red);border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:9px;right:10px}.mobile-nav-text{color:var(--violet);white-space:nowrap;opacity:0;font-weight:700;transition:opacity .3s,transform .3s;position:absolute;bottom:7px;transform:translateY(7px);font-size:10px!important}.bottom-nav-button.active{color:var(--violet)!important}.bottom-nav-button.active .mobile-nav-icon{color:var(--violet);transform:translateY(-35px)scale(1.08)}.bottom-nav-button.active .mobile-nav-text{opacity:1;transform:translateY(0)}.bottom-nav-button:active .mobile-nav-icon{transform:scale(.94)}.bottom-nav-button.active:active .mobile-nav-icon{transform:translateY(-32px)scale(1.02)}}@media (width<=480px){.leave-type-option{text-align:start;grid-template-columns:34px minmax(0,1fr);justify-items:stretch;min-height:68px;padding:7px 8px}.leave-type-option>span{width:34px;height:34px}.leave-type-option>strong{font-size:12.5px}.leave-type-option>em{grid-column:2;justify-content:flex-start}.travel-ticket-toggle{grid-template-columns:40px minmax(0,1fr) auto;padding:10px}.travel-ticket-toggle>span{width:40px;height:40px}.travel-ticket-toggle p strong{font-size:12px}.bottom-nav{border-radius:18px;height:72px;inset-inline:10px}.bottom-nav-button{height:72px}.bottom-nav-indicator{height:62px;top:-29px}.bottom-nav-indicator:before{width:62px;height:62px}.mobile-nav-icon{width:50px;height:50px}.bottom-nav-button.active .mobile-nav-icon{transform:translateY(-33px)scale(1.06)}.mobile-nav-text{font-size:9px!important}}@media (prefers-reduced-motion:reduce){.bottom-nav-indicator,.mobile-nav-icon,.mobile-nav-text,.travel-ticket-toggle{transition:none!important}}.leave-type-options{gap:10px}.leave-type-option{grid-template-columns:40px minmax(0,1fr);align-content:center;gap:11px;min-height:96px;max-height:100px;padding:10px 12px;overflow:hidden}.leave-type-option>.leave-option-icon{border-radius:12px;grid-row:1;width:40px;height:40px}.leave-option-copy{align-content:center;gap:1px;min-width:0;display:grid}.leave-option-copy>small{color:var(--muted);font-size:8px;font-weight:700;line-height:1.2}.leave-option-copy>em{color:var(--violet-dark);align-items:baseline;gap:5px;margin:0;font-style:normal;line-height:1;display:flex}.leave-option-copy>em b{font:800 28px/1 var(--font-en);letter-spacing:-.04em}.leave-option-copy>em i{color:#665d6d;font-size:10px;font-style:normal;font-weight:700}.leave-option-copy>strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:10.5px;line-height:1.35;overflow:hidden}.leave-type-option.name-only{min-height:96px}.leave-type-option.name-only .leave-option-copy>strong{white-space:normal;margin:0;font-size:13px}.leave-option-check{color:var(--green);position:absolute!important;inset:8px auto auto 8px!important}[dir=rtl] .leave-option-check{inset:8px 8px auto auto!important}.calendar-popover.calendar-floating{z-index:140;transform-origin:top;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);position:fixed;inset:auto;overflow:auto}.calendar-popover.calendar-floating.opens-above{transform-origin:bottom}@media (width<=760px){.leave-type-options{grid-template-columns:repeat(2,minmax(0,1fr))}.leave-type-option,.leave-type-option.name-only{text-align:start;grid-template-columns:38px minmax(0,1fr);justify-items:stretch;min-height:92px;max-height:96px;padding:9px 10px}.leave-type-option>.leave-option-icon{width:38px;height:38px}.leave-option-copy>em b{font-size:25px}.leave-option-copy>strong{font-size:10px}.leave-type-option.name-only .leave-option-copy>strong{font-size:12px}.calendar-popover.calendar-floating{padding:12px;width:min(330px,100vw - 24px)!important}}@media (width<=420px){.leave-type-option,.leave-type-option.name-only{grid-template-columns:34px minmax(0,1fr);gap:8px;min-height:90px;padding:8px}.leave-type-option>.leave-option-icon{border-radius:10px;width:34px;height:34px}.leave-option-copy>em b{font-size:23px}.leave-option-copy>em i{font-size:9px}}.leave-period-card{background:linear-gradient(135deg,#fff 0%,#fbf8fc 100%);border:1px solid #e5ddea;border-radius:18px;gap:12px;padding:14px;display:grid;overflow:visible}.leave-period-card>header{align-items:center;gap:10px;display:flex}.leave-period-card>header>span{width:36px;height:36px;color:var(--violet);background:#f0eafb;border-radius:11px;flex:none;place-items:center;display:grid}.leave-period-card>header>div{gap:1px;display:grid}.leave-period-card>header strong{font-size:13px}.leave-period-card>header small{color:var(--muted);font-size:9.5px}.leave-period-card .leave-date-card{border-radius:14px;grid-template-columns:40px minmax(0,1fr);gap:10px;min-height:76px;padding:10px 12px}.leave-period-card .field-icon{border-radius:11px;width:40px;height:40px}.leave-period-card .leave-date-card strong{font-size:11px}.leave-period-card .leave-date-card small{font-size:10px}.leave-days-summary,.leave-remaining-summary{min-height:44px;color:var(--muted);background:#f5f1f7;border-radius:12px;align-items:center;gap:10px;padding:9px 12px;display:flex}.leave-days-summary>span,.leave-remaining-summary>span{font-size:10px;font-weight:700}.leave-days-summary>small{margin-inline-start:auto;font-size:9.5px}.leave-days-summary>strong,.leave-remaining-summary>strong{color:var(--violet-dark);margin-inline-start:auto;font-size:13px}.leave-days-summary.calculated{background:#f0eafb}.leave-remaining-summary{color:#527568;background:#edf7f2}.leave-remaining-summary>strong{color:var(--green)}.leave-reason{gap:6px}.leave-reason textarea{min-height:68px;max-height:110px;padding:11px 12px}.leave-reason textarea::placeholder{color:#aaa1b0}.leave-form-actions{grid-template-columns:1fr;gap:10px;display:grid}.leave-form-actions>button{width:100%;min-height:46px}@media (width<=760px){.leave-period-card{padding:12px}.leave-period-card .leave-date-range{grid-template-columns:1fr}.leave-period-card .leave-date-range>i{transform:rotate(90deg)}.leave-period-card .leave-date-range:has(.leave-date-card.selected)>i{transform:rotate(90deg)translate(-2px)}[dir=ltr] .leave-period-card .leave-date-range:has(.leave-date-card.selected)>i{transform:rotate(90deg)translate(-2px)}}@media (width<=480px){.leave-form-actions{grid-template-columns:1fr}.leave-days-summary,.leave-remaining-summary{flex-wrap:wrap;align-items:flex-start}.leave-days-summary>small{width:100%;margin-inline-start:0}}.leave-type-option{grid-template-columns:38px minmax(0,1fr) auto;gap:10px;min-height:88px;max-height:none;padding:10px 11px;overflow:visible}.leave-type-option>.leave-option-icon{border-radius:11px;width:38px;height:38px}.leave-option-copy{gap:3px}.leave-option-copy>strong{white-space:normal;margin:0;font-size:11.5px;line-height:1.35}.leave-option-copy>small{font-size:8.5px;font-weight:500;line-height:1.45}.leave-type-option.name-only .leave-option-copy>strong{font-size:12px}.leave-option-balance{min-width:45px;color:var(--violet);align-content:center;justify-items:center;display:grid}.leave-option-balance>b{font:800 26px/1 var(--font-en);letter-spacing:-.04em}.leave-option-balance>small{margin-top:3px;font-size:8px;font-weight:700}.leave-type-option.annual .leave-option-balance{color:var(--green)}.leave-type-option.carried .leave-option-balance{color:var(--gold)}.leave-type-option.compensatory .leave-option-balance{color:var(--violet)}.leave-type-option.selected{transform:none}.leave-type-picker.invalid .leave-type-options{border-radius:17px;box-shadow:0 0 0 2px #c84d6124}.field-error{color:var(--red);margin-top:5px;font-size:9px;font-weight:600;display:block}.calendar-popover.calendar-floating{width:min(370px,100vw - 24px);padding:13px;overflow-x:hidden}.calendar-popover>header{grid-template-columns:34px minmax(0,1fr) 34px}.calendar-popover>header .calendar-period-button{width:auto;min-width:0;height:34px;color:var(--violet-dark);font:800 13px var(--font-ar);background:0 0;border:0;gap:5px;padding:0 8px;display:flex}[dir=ltr].calendar-popover>header .calendar-period-button{font-family:var(--font-en)}.calendar-popover>header .calendar-period-button:hover{background:var(--violet-soft);transform:none}.calendar-weekdays span{color:#81788a;min-height:34px;font:700 7.5px/1.25 var(--font-ar);text-align:center;padding:2px}[dir=ltr] .calendar-weekdays span{font-family:var(--font-en);font-size:9px}.calendar-days button{min-height:37px;font-size:12px}.calendar-days button.selected{outline-offset:2px;outline:2px solid #6d37b829}.calendar-period-picker{gap:13px;padding-top:12px;display:grid}.calendar-month-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.calendar-month-options button{color:#574d60;background:#faf8fb;border:1px solid #ebe4ee;border-radius:10px;min-height:38px;padding:5px;font-size:10px}.calendar-month-options button:hover,.calendar-month-options button.selected{background:var(--violet-soft);color:var(--violet-dark);border-color:#a985c1}.calendar-year-options{scroll-snap-type:x proximity;scrollbar-width:thin;gap:7px;padding:5px 1px 8px;display:flex;overflow-x:auto}.calendar-year-options button{color:#655a6c;min-width:64px;min-height:39px;font:700 11px var(--font-en);scroll-snap-align:center;background:#fff;border:1px solid #ebe4ee;border-radius:10px;flex:none}.calendar-year-options button:hover,.calendar-year-options button.selected{border-color:var(--violet);background:var(--violet);color:#fff}.leave-date-range>div{min-width:0}.travel-service-stack{gap:10px;display:grid}.travel-service-card{background:#fff;border:1px solid #e5ddea;border-radius:15px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:66px;padding:9px 10px;display:grid}.travel-service-card>span{width:34px;height:34px;color:var(--violet);background:#f0eafb;border-radius:10px;place-items:center;display:grid}.travel-service-card>p{margin:0}.travel-service-card>p strong{font-size:10.5px;line-height:1.4}.segmented-control{background:#f2eef4;border-radius:10px;grid-template-columns:1fr 1fr;gap:3px;padding:3px;display:grid}.segmented-control button{color:#82788a;background:0 0;border:0;border-radius:7px;min-width:42px;height:30px;padding:0 8px;font-size:9px;font-weight:700}.segmented-control button.selected{color:var(--violet);background:#fff;box-shadow:0 3px 9px #371f521a}.compact-field{color:#544b60;gap:6px;font-size:11px;display:grid}.compact-field>span{min-height:43px;color:var(--violet);background:#fff;border:1px solid #ddd3e3;border-radius:12px;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;padding:0 11px;display:grid}.compact-field input{width:100%;height:41px;color:var(--ink);background:0 0;border:0;outline:0}.compact-field.invalid>span{border-color:#d88b99;box-shadow:0 0 0 3px #c84d6114}.employee-context-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.employee-context-grid label{color:#544b60;gap:6px;font-size:11px;display:grid}.employee-context-grid label>span{min-height:43px;color:var(--violet);background:#f8f5f9;border:1px solid #e3dce7;border-radius:12px;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;padding:0 11px;display:grid}.employee-context-grid input{color:#61586a;background:0 0;border:0;outline:0;width:100%;height:41px;font-weight:700}.substitute-field{gap:6px;display:grid;position:relative}.substitute-field>label{color:#544b60;font-size:11px;font-weight:700}.substitute-trigger{width:100%;min-height:54px;color:var(--ink);text-align:start;background:#fff;border:1px solid #ddd3e3;border-radius:14px;grid-template-columns:36px minmax(0,1fr) 18px;align-items:center;gap:9px;padding:8px 10px;display:grid}.substitute-trigger>span{width:36px;height:36px;color:var(--green);background:#edf7f2;border-radius:10px;place-items:center;display:grid}.substitute-trigger>p{gap:2px;min-width:0;margin:0;display:grid}.substitute-trigger strong{font-size:11px}.substitute-trigger small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8.5px;overflow:hidden}.substitute-field.open .substitute-trigger{border-color:#9f78c7;box-shadow:0 0 0 3px #6d37b814}.substitute-field.invalid .substitute-trigger{border-color:#d88b99}.substitute-panel{background:#fff;border:1px solid #dfd5e4;border-radius:14px;gap:8px;padding:10px;display:grid;box-shadow:0 14px 34px #301c3d1a}.substitute-search{min-height:38px;color:var(--violet);border:1px solid #e7e0ea;border-radius:10px;grid-template-columns:17px minmax(0,1fr);align-items:center;gap:7px;padding:0 10px;display:grid}.substitute-search input{background:0 0;border:0;outline:0;width:100%;height:36px;font-size:10px}.department-scope-toggle{min-height:34px;color:var(--violet);background:#f7f3f9;border:0;border-radius:9px;align-items:center;gap:7px;padding:0 10px;font-size:9px;font-weight:700;display:flex}.substitute-options{gap:4px;max-height:190px;display:grid;overflow:auto}.substitute-options>button{min-height:46px;color:var(--ink);text-align:start;background:0 0;border:0;border-radius:10px;grid-template-columns:32px minmax(0,1fr) 18px;align-items:center;gap:8px;padding:6px 8px;display:grid}.substitute-options>button:hover,.substitute-options>button.selected{background:#f4eef8}.substitute-options>button>span{width:32px;height:32px;color:var(--violet);background:#eee7f5;border-radius:9px;place-items:center;font-weight:800;display:grid}.substitute-options p{gap:1px;margin:0;display:grid}.substitute-options strong{font-size:10px}.substitute-options small,.substitute-empty{color:var(--muted);font-size:8.5px}.substitute-options>button>svg{color:var(--green)}.substitute-empty{text-align:center;padding:12px}@media (width<=900px){.leave-type-options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.leave-type-options{grid-template-columns:1fr}.leave-type-option{min-height:80px}.leave-period-card .leave-date-card{min-height:68px}.travel-service-card{grid-template-columns:32px minmax(0,1fr) auto}.employee-context-grid{grid-template-columns:1fr}.calendar-weekdays span{font-size:7px}}@media (width<=390px){.travel-service-card{grid-template-columns:32px minmax(0,1fr)}.travel-service-card .segmented-control{grid-column:1/-1}.segmented-control button{min-width:0}.calendar-popover.calendar-floating{padding:10px}.calendar-days{gap:3px}.calendar-days button{min-height:34px}.calendar-weekdays span{font-size:7px;line-height:1.15}}.leave-submit.is-incomplete{box-shadow:none;filter:saturate(.72)}.sidebar nav{scrollbar-width:thin;flex:1;min-height:0;padding-inline-end:3px;overflow-y:auto}.sidebar .dashboard-link{background:#faf8fc;border:1px solid #6d37b814;flex:none;margin-bottom:4px}.navigation-group{background:#fcfbfd;border:1px solid #eee8f1;border-radius:14px;margin:5px 0;overflow:hidden}.sidebar nav .navigation-group-toggle{color:#4e425a;background:0 0;border-radius:0;width:100%;height:45px;margin:0;font-weight:700}.navigation-group-toggle svg:last-child{margin-inline-start:auto;transition:transform .2s}.navigation-group-toggle svg:last-child.expanded{transform:rotate(180deg)}.navigation-group-links{background:#fff;border-top:1px solid #eee8f1;gap:2px;padding:5px 7px 8px;display:grid}.sidebar nav .navigation-group-links button{height:auto;min-height:37px;margin:0;padding:8px 12px;font-size:10px}.sidebar-account{border:1px solid var(--line);min-height:38px;color:var(--violet);background:#fff;border-radius:11px;align-items:center;gap:9px;margin-top:9px;padding:0 12px;font-size:10px;font-weight:700;display:flex}.admin-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-summary-grid .metric:last-child{grid-column:auto}.admin-dashboard-lower{grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:16px;display:grid}.admin-recent-activity{padding:20px}.activity-list{gap:8px;margin-top:14px;display:grid}.activity-list>div{background:#fcfbfd;border:1px solid #eee8f1;border-radius:12px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px;display:grid}.activity-list>div>span{background:var(--violet-soft);width:34px;height:34px;color:var(--violet);border-radius:10px;place-items:center;display:grid}.activity-list p{gap:2px;min-width:0;margin:0;display:grid}.activity-list strong{font-size:10px}.activity-list small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.activity-list time{color:var(--muted);font:600 8px var(--font-en);white-space:nowrap}.employee-filters{border-bottom:1px solid var(--line);grid-template-columns:minmax(240px,1fr) repeat(3,minmax(130px,.45fr)) auto;align-items:center;gap:9px;padding:17px;display:grid}.employee-filters .employee-search{border:1px solid var(--line);background:#fcfbfd;border-radius:12px;align-items:center;gap:8px;min-height:42px;padding:0 12px;display:flex}.employee-filters input{background:0 0;border:0;outline:0;width:100%}.employee-filters select,.form-grid select{border:1px solid var(--line);width:100%;min-height:42px;color:var(--ink);background:#fcfbfd;border-radius:12px;outline:0;padding:0 11px}.employee-filters>span{color:var(--muted);font:700 10px var(--font-en);white-space:nowrap}.activation-status{min-height:42px;color:var(--green);background:#f2faf6;border:1px solid #cfe5dc;border-radius:12px;align-items:center;gap:8px;padding:0 12px;font-size:11px;font-weight:700;display:flex}.permission-picker{border:1px solid var(--line);background:#faf8fc;border-radius:16px;margin:4px 0 0;padding:16px}.permission-picker legend{color:var(--violet-dark);padding:0 7px;font-size:12px;font-weight:800}.permission-picker>p{color:var(--muted);margin:0 0 12px;font-size:9px}.permission-picker>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:280px;display:grid;overflow:auto}.permission-picker label{cursor:pointer;background:#fff;border:1px solid #e9e2ed;border-radius:11px;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:8px;padding:9px;display:grid}.permission-picker input{width:16px;height:16px;accent-color:var(--violet);margin:1px 0}.permission-picker span{gap:2px;display:grid}.permission-picker strong{font-size:9px}.permission-picker small{color:var(--muted);font:600 8px var(--font-en)}@media (width<=1180px){.admin-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-dashboard-lower{grid-template-columns:1fr}.employee-filters{grid-template-columns:1fr 1fr 1fr}.employee-search{grid-column:1/-1}.permission-picker>div{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=780px){.sidebar{padding:18px 14px}.navigation-group{border-color:#e8e0ec}.admin-summary-grid,.employee-filters{grid-template-columns:1fr 1fr}.employee-search{grid-column:1/-1}.permission-picker>div{grid-template-columns:1fr}.activity-list>div{grid-template-columns:34px minmax(0,1fr)}.activity-list time{grid-column:2}}@media (width<=520px){.admin-summary-grid,.employee-filters{grid-template-columns:1fr}.employee-filters>*{grid-column:auto}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:1}.employee-account-creator{padding:15px}.permission-picker{padding:12px}}.calendar-popover.calendar-floating{overscroll-behavior:contain;width:min(400px,100vw - 24px);padding:15px;overflow-x:hidden}.calendar-popover>header{grid-template-columns:38px minmax(0,1fr) 38px;gap:9px}.calendar-popover>header>button{border-radius:11px;width:38px;height:38px}.calendar-popover>header .calendar-period-button{height:38px;padding:0 10px;font-size:14px}.calendar-weekdays{gap:5px;margin:14px 0 7px}.calendar-weekdays span{color:#766d7f;white-space:normal;min-width:0;min-height:34px;padding:2px;font-size:clamp(8px,2.25vw,10px);line-height:1.25}[dir=ltr] .calendar-weekdays span{font-size:clamp(8px,2.15vw,9.5px)}.calendar-days{gap:6px}.calendar-days i,.calendar-days button{aspect-ratio:1;border-radius:12px;min-width:0;min-height:42px}.calendar-days button{font-size:13.5px;line-height:1;position:relative}.calendar-days button.today:not(.selected){color:var(--violet-dark);box-shadow:inset 0 0 0 1.5px #bba4ca}.calendar-days button.today:not(.selected):after{content:"";background:var(--magenta);border-radius:50%;width:4px;height:4px;position:absolute;inset:auto 50% 5px;transform:translate(50%)}.calendar-days button.selected{background:var(--violet);outline-offset:2px;outline:3px solid #6d37b82e;transform:none;box-shadow:0 8px 18px #532c6f47}.calendar-period-picker{gap:14px;padding-top:14px}.calendar-year-slider{background:#faf8fb;border:1px solid #e8e0ec;border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:7px 12px;padding:12px;display:grid}.calendar-year-slider span{font-size:11px;font-weight:800}.calendar-year-slider strong{color:var(--violet-dark);font:800 15px var(--font-en)}.calendar-year-slider input{width:100%;accent-color:var(--violet);grid-column:1/-1}.calendar-year-slider small{color:var(--muted);grid-column:1/-1;font-size:9px}.calendar-month-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.calendar-month-options button{min-height:42px;padding:7px;font-size:11px}.leave-period-card .leave-date-card small.leave-date-value{font-size:11.5px;font-weight:700}@media (width<=760px){.calendar-popover.calendar-floating{width:min(400px,100vw - 24px)!important}}@media (width<=480px){.calendar-popover.calendar-floating{padding:12px;width:min(400px,100vw - 24px)!important}.calendar-weekdays{gap:3px}.calendar-weekdays span{font-size:clamp(7.5px,2.2vw,9px)}[dir=ltr] .calendar-weekdays span{font-size:clamp(7.5px,2.1vw,8.5px)}.calendar-days{gap:4px}.calendar-days i,.calendar-days button{border-radius:10px;min-height:38px}.calendar-days button{font-size:13px}}@media (width<=360px){.calendar-popover.calendar-floating{padding:10px}.calendar-weekdays{gap:2px}.calendar-days{gap:3px}.calendar-days i,.calendar-days button{min-height:35px}}.leave-dialog{width:min(1180px,100vw - 48px)}.leave-dialog .dialog-content{width:100%;max-width:1160px;margin-inline:auto}.leave-type-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.leave-type-option.has-balance{grid-template-columns:46px minmax(0,1fr) 62px;gap:12px;min-height:92px;max-height:none;padding:12px 14px}.leave-type-option.has-balance>.leave-option-icon{border-radius:14px;width:46px;height:46px}.leave-type-option.has-balance .leave-option-copy{gap:4px}.leave-type-option.has-balance .leave-option-copy>strong{font-size:12.5px;line-height:1.4}.leave-type-option.has-balance .leave-option-copy>small{font-size:9px;font-weight:500;line-height:1.55}.leave-type-option.has-balance .leave-option-balance{border-inline-start:1px solid;min-width:62px;padding-inline-start:11px}.leave-type-option.has-balance .leave-option-balance>b{font-size:30px}.leave-type-option.has-balance .leave-option-balance>small{font-size:9px}.leave-type-option.name-only{grid-template-columns:38px minmax(0,1fr);gap:10px;min-height:62px;max-height:none;padding:9px 12px}.leave-type-option.name-only>.leave-option-icon{border-radius:11px;width:38px;height:38px}.leave-type-option.name-only .leave-option-copy>strong{text-align:start;font-size:12px}.leave-type-option.name-only .leave-option-copy>small,.leave-type-option.name-only .leave-option-balance{display:none}.leave-period-card .leave-date-range{grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr)}@media (width>=768px) and (width<=1023px){.leave-dialog{width:min(960px,100vw - 32px)}.leave-dialog .dialog-content{padding:18px}.leave-type-options{gap:9px}.leave-type-option.has-balance{grid-template-columns:40px minmax(0,1fr) 50px;gap:9px;min-height:88px;padding:10px}.leave-type-option.has-balance>.leave-option-icon{border-radius:12px;width:40px;height:40px}.leave-type-option.has-balance .leave-option-copy>strong{font-size:11px}.leave-type-option.has-balance .leave-option-copy>small{font-size:8px}.leave-type-option.has-balance .leave-option-balance{min-width:50px;padding-inline-start:8px}.leave-type-option.has-balance .leave-option-balance>b{font-size:25px}.leave-type-option.name-only{min-height:58px;padding:8px 10px}}@media (width<=767px){.leave-dialog{width:100%}.leave-dialog .dialog-content{max-width:none;margin:0}.leave-type-picker legend{gap:3px;display:grid}.leave-type-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.leave-type-option.has-balance{text-align:start;grid-column:1/-1;grid-template-columns:48px minmax(0,1fr) 64px;gap:12px;min-height:106px;padding:13px 14px}.leave-type-option.has-balance>.leave-option-icon{border-radius:15px;width:48px;height:48px}.leave-type-option.has-balance .leave-option-copy>strong{font-size:14px}.leave-type-option.has-balance .leave-option-copy>small{font-size:9.5px;line-height:1.55}.leave-type-option.has-balance .leave-option-balance{min-width:64px;padding-inline-start:12px}.leave-type-option.has-balance .leave-option-balance>b{font-size:32px}.leave-type-option.name-only{text-align:start;grid-template-columns:32px minmax(0,1fr);gap:7px;min-height:70px;padding:8px}.leave-type-option.name-only>.leave-option-icon{border-radius:10px;width:32px;height:32px}.leave-type-option.name-only .leave-option-copy>strong{font-size:10px;line-height:1.5}.leave-period-card .leave-date-range{grid-template-columns:1fr}.leave-period-card .leave-date-range>i{transform:rotate(90deg)}}@media (width<=380px){.leave-type-option.has-balance{grid-template-columns:42px minmax(0,1fr) 55px;gap:9px;min-height:98px;padding:11px}.leave-type-option.has-balance>.leave-option-icon{border-radius:13px;width:42px;height:42px}.leave-type-option.has-balance .leave-option-copy>strong{font-size:12.5px}.leave-type-option.has-balance .leave-option-copy>small{font-size:8.5px}.leave-type-option.has-balance .leave-option-balance{min-width:55px;padding-inline-start:8px}.leave-type-option.has-balance .leave-option-balance>b{font-size:27px}.leave-type-option.name-only{text-align:center;grid-template-columns:1fr;justify-items:center;min-height:76px;padding:7px 4px}.leave-type-option.name-only .leave-option-copy>strong{text-align:center;font-size:9px}}.request-choice{border:0;min-width:0;margin:0;padding:0}.request-choice legend{color:#544b60;margin-bottom:9px;font-size:12px;font-weight:700}.request-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.request-choice-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.request-choice-grid button{border:1px solid var(--line);color:#6f6578;text-align:start;background:#fcfbfd;border-radius:14px;align-items:center;gap:11px;min-height:68px;padding:12px 14px;transition:border-color .2s,background-color .2s,transform .2s,box-shadow .2s;display:flex}.request-choice-grid button:hover{border-color:#cbb5dc;transform:translateY(-1px)}.request-choice-grid button.active{color:var(--violet);background:#f4edf9;border-color:#8f63b2;box-shadow:0 0 0 3px #6d37b814}.request-choice-grid button>span{gap:3px;display:grid}.request-choice-grid button strong{font-size:12px}.request-choice-grid button small{color:var(--muted);font-size:9px;font-weight:500}.request-period{margin-top:3px}.request-period .request-choice-grid button{text-align:center;justify-content:center;min-height:48px}.request-period .request-choice-grid button strong{font-size:11px}.quick-request-form textarea{resize:vertical;min-height:92px}@media (width<=560px){.request-choice-grid,.request-choice-grid.three{grid-template-columns:1fr}.request-choice-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.request-period .request-choice-grid button{padding:9px 5px}.request-period .request-choice-grid button strong{font-size:9px}}.request-choice-grid button{border-radius:16px;gap:12px;min-height:82px;padding:10px 14px}.request-choice-grid button:hover{transform:translateY(-2px);box-shadow:0 10px 24px #3e284d14}.request-choice-icon{object-fit:contain;filter:drop-shadow(0 6px 8px #3a26451f);flex:none;width:64px;height:64px;transition:transform .2s}.request-choice-grid button:hover .request-choice-icon{transform:scale(1.06)}.request-choice-grid button.active .request-choice-icon{transform:scale(1.04)}.request-period .request-choice-grid button{flex-direction:column;gap:4px;min-height:106px;padding:8px}.request-period .request-choice-icon{width:68px;height:68px}@media (width<=560px){.request-choice-grid:not(.three){grid-template-columns:1fr}.request-choice-grid button{min-height:72px}.request-choice-icon{width:56px;height:56px}.request-period .request-choice-grid button{min-height:90px;padding:7px 3px}.request-period .request-choice-icon{width:52px;height:52px}}.leave-type-option.has-balance>.leave-option-icon:has(img){background:0 0}.leave-option-icon>img{object-fit:contain;width:100%;height:100%;display:block}@media (width>=1024px){.leave-type-picker,.leave-type-options{width:100%;min-width:0}.leave-type-options{grid-template-columns:repeat(3,minmax(0,1fr))}.leave-type-option.has-balance{align-items:center;gap:14px;min-width:0;padding:16px 18px;display:flex}.leave-type-option.has-balance>.leave-option-icon{flex:none}.leave-type-option.has-balance>.leave-option-copy{width:auto;min-width:0;height:auto;color:inherit;background:0 0;border-radius:0;flex-direction:column;flex:auto;justify-content:center;align-items:stretch;gap:4px;display:flex}.leave-type-option.has-balance .leave-option-copy>strong{white-space:nowrap;word-break:normal;overflow-wrap:normal;font-size:15px}.leave-type-option.has-balance .leave-option-copy>small{white-space:normal;word-break:normal;overflow-wrap:normal}.leave-type-option.has-balance>.leave-option-balance{background:0 0;border-radius:0;flex-direction:column;flex:none;justify-content:center;align-items:center;width:auto;min-width:70px;height:auto;display:flex}.leave-type-option.has-balance .leave-option-check{inset:11px auto auto 11px!important}[dir=rtl] .leave-type-option.has-balance .leave-option-check{left:auto!important;right:11px!important}}@media (width<=767px){.leave-type-options{width:100%;min-width:0}.leave-type-option.has-balance{text-align:start;grid-column:1/-1;align-items:center;gap:10px;width:100%;min-width:0;max-width:100%;min-height:100px;padding:13px;display:flex}.leave-type-option.has-balance>.leave-option-icon{border-radius:13px;flex:0 0 44px;width:44px;height:44px}.leave-type-option.has-balance>.leave-option-copy{width:auto;min-width:0;height:auto;color:inherit;background:0 0;border-radius:0;flex-direction:column;flex:auto;justify-content:center;align-items:stretch;gap:4px;display:flex}.leave-type-option.has-balance .leave-option-copy>strong{text-overflow:clip;white-space:normal;word-break:normal;overflow-wrap:normal;margin:0;font-size:15px;font-weight:700;line-height:1.4;overflow:visible}.leave-type-option.has-balance .leave-option-copy>small{white-space:normal;word-break:normal;overflow-wrap:normal;font-size:11px;font-weight:500;line-height:1.45}.leave-type-option.has-balance>.leave-option-balance{background:0 0;border-radius:0;flex-direction:column;flex:0 0 60px;justify-content:center;align-items:center;width:60px;min-width:60px;height:auto;padding-inline-start:8px;display:flex}.leave-type-option.has-balance .leave-option-balance>b{font-size:26px}.leave-type-option.has-balance .leave-option-balance>small{font-size:10px}}@media (width>=1024px){.leave-type-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.leave-type-option.name-only{justify-content:center;align-items:center;gap:10px;min-width:0;min-height:60px;max-height:72px;padding:10px 14px;display:flex}.leave-type-option.name-only>.leave-option-icon{flex:0 0 38px;width:38px;height:38px}.leave-type-option.name-only>.leave-option-copy{width:auto;min-width:0;height:auto;color:inherit;background:0 0;border-radius:0;display:block}.leave-type-option.name-only .leave-option-copy>strong{text-align:center;text-overflow:clip;white-space:normal;word-break:normal;overflow-wrap:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:15px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}}@media (width<=767px){.leave-type-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.leave-type-option.name-only{text-align:center;justify-content:center;align-items:center;gap:6px;min-width:0;min-height:68px;max-height:none;padding:8px 6px;display:flex}.leave-type-option.name-only>.leave-option-icon{flex:0 0 34px;width:34px;height:34px}.leave-type-option.name-only>.leave-option-copy{width:auto;min-width:0;height:auto;color:inherit;background:0 0;border-radius:0;display:block}.leave-type-option.name-only .leave-option-copy>strong{text-align:center;text-overflow:clip;white-space:normal;word-break:normal;overflow-wrap:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:11.5px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}}.picker-overlay{z-index:140;isolation:isolate;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.picker-backdrop{z-index:-1;cursor:default;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#140e194d;border:0;width:100%;height:100%;position:absolute;inset:0}.picker-modal{background:#fff;border:1px solid #ffffffe0;border-radius:22px;width:min(440px,100vw - 36px);max-height:85vh;padding:16px;animation:.2s both dialog-in;overflow:hidden auto;box-shadow:0 30px 90px #1f122747}.picker-modal-header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:8px;display:flex}.picker-modal-header>div{gap:2px;display:grid}.picker-modal-header small{color:var(--magenta);font:700 8px var(--font-en);letter-spacing:.14em;text-transform:uppercase}.picker-modal-header h3{color:var(--violet-dark);margin:0;font-size:15px}.picker-close{border:1px solid var(--line);color:#73677c;background:#faf8fb;border-radius:11px;flex:none;place-items:center;width:36px;height:36px;display:grid}.picker-actions{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-top:1px solid #eee7f1;grid-template-columns:minmax(95px,.38fr) minmax(0,1fr);gap:8px;margin:14px -16px -16px;padding:12px 16px 16px;display:grid;position:sticky;bottom:-16px}.picker-actions button{width:100%;min-height:44px}.leave-calendar-modal .shared-range-calendar{max-width:400px;box-shadow:none;margin:0 auto;padding:10px;width:100%!important}.quick-date-picker{align-self:start;gap:7px;min-width:0;display:grid}.quick-date-label{color:#544b60;font-size:12px;font-weight:600}.quick-date-trigger.leave-date-card{background:#fcfbfd;border-radius:12px;grid-template-columns:36px minmax(0,1fr);gap:10px;min-height:46px;padding:7px 10px}.quick-date-trigger .field-icon{border-radius:10px;width:36px;height:36px}.quick-date-trigger .leave-date-value{color:#544b60;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.5;overflow:hidden}.quick-date-trigger.selected .leave-date-value{color:var(--violet-dark)}.quick-date-picker .shared-range-calendar{margin-top:0}.time-range-picker{gap:10px;min-width:0;display:grid}.time-range-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.time-range-fields label{gap:7px;display:grid}.time-range-fields label>span{color:#544b60;font-size:12px;font-weight:600}.time-field-trigger{border:1px solid var(--line);width:100%;min-height:46px;color:var(--muted);text-align:start;background:#fcfbfd;border-radius:12px;align-items:center;gap:9px;padding:10px 12px;transition:border-color .18s,box-shadow .18s,background .18s;display:flex}.time-field-trigger:hover,.time-field-trigger:focus-visible{border-color:#bca3cc;outline:0;box-shadow:0 0 0 3px #6d37b814}.time-field-trigger.selected{color:var(--violet);background:linear-gradient(125deg,#fff,#faf6fc);border-color:#ad8dc2}.time-field-trigger strong{color:#544b60;font-size:12px}.time-field-trigger.selected strong{color:var(--violet-dark)}.confirm-time-button{background:linear-gradient(135deg,var(--violet),#8a3fae);color:#fff;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:43px;font-weight:700;display:flex;box-shadow:0 8px 20px #6d37b82e}.confirm-time-button:disabled{color:#a69eaa;box-shadow:none;opacity:1;background:#ebe6ee}.confirm-time-button.confirmed{color:var(--green);background:#e5f3ec}.confirmed-time-summary{background:#faf8fb;border:1px solid #e4dce8;border-radius:14px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:11px 12px;display:grid}.confirmed-time-summary.confirmed{background:#f1f9f5;border-color:#b8ddcc}.confirmed-time-icon{width:38px;height:38px;color:var(--violet);background:#eee8f7;border-radius:11px;place-items:center;display:grid}.confirmed-time-summary.confirmed .confirmed-time-icon{color:var(--green);background:#dff1e8}.confirmed-time-summary p{gap:2px;min-width:0;margin:0;display:grid}.confirmed-time-summary small{color:var(--muted);font-size:9px;font-weight:700}.confirmed-time-summary strong{color:#514858;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.5;overflow:hidden}.confirmed-time-summary em{color:var(--violet-dark);font-size:10px;font-style:normal;font-weight:700}.confirmed-time-summary.confirmed em{color:var(--green)}.confirmed-time-summary>b{color:var(--violet);white-space:nowrap;background:#eee8f7;border-radius:999px;padding:5px 8px;font-size:9px}.confirmed-time-summary.confirmed>b{color:var(--green);background:#dff1e8}.time-picker-modal{width:min(520px,100vw - 36px)}.time-range-preview{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);align-items:center;gap:8px;margin:10px 0 12px;display:grid}.time-range-preview>i{color:#9a8ea2;place-items:center;display:grid}.time-range-preview>button{color:#514858;text-align:start;background:#faf8fb;border:1px solid #e5ddea;border-radius:14px;gap:4px;min-height:66px;padding:10px 12px;display:grid}.time-range-preview>button.active{background:var(--violet-soft);border-color:#9d78bf;box-shadow:0 0 0 3px #6d37b814}.time-range-preview>button:disabled{opacity:.55}.time-range-preview span{color:var(--muted);font-size:9px;font-weight:700}.time-range-preview strong{font-size:13px}.time-slot-grid{overscroll-behavior:contain;scrollbar-width:thin;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;max-height:38vh;padding:3px;display:grid;overflow-y:auto}.time-slot-grid button{color:#574d60;min-height:42px;font:700 10.5px var(--font-ar);background:#fff;border:1px solid #ebe4ee;border-radius:11px;padding:5px}[dir=ltr] .time-slot-grid button{font-family:var(--font-en)}.time-slot-grid button:hover:not(:disabled){color:var(--violet-dark);background:#faf6fc;border-color:#aa87c0}.time-slot-grid button.selected{border-color:var(--violet);background:var(--violet);color:#fff;box-shadow:0 7px 16px #532c6f38}.time-slot-grid button:disabled{color:#bbb3bf;opacity:.7;background:#f5f2f6}.time-range-error{color:var(--red);background:#fff0f3;border-radius:10px;margin:10px 0 0;padding:9px 10px;font-size:10px;font-weight:600}.time-picker-hint{color:var(--muted);text-align:center;margin:10px 0 0;font-size:9.5px;font-weight:600}.optional-attachment{gap:8px;min-width:0;display:grid}.optional-attachment-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.optional-attachment-heading>span{color:#544b60;align-items:center;gap:8px;display:flex}.optional-attachment-heading strong{font-size:12px}.optional-attachment-heading small{color:var(--violet);background:#f0eafb;border-radius:999px;padding:3px 7px;font-size:8px;font-weight:800}.optional-attachment-heading small.required{color:var(--red);background:#fff0f3}.optional-attachment-heading>button{color:var(--red);background:#fff0f3;border:0;border-radius:9px;align-items:center;gap:5px;padding:5px 8px;font-size:9px;font-weight:700;display:flex}.attachment-native-input{clip:rect(0 0 0 0);white-space:nowrap;overflow:hidden;border:0!important;width:1px!important;height:1px!important;padding:0!important;position:absolute!important}.attachment-drop-trigger,.selected-attachment{width:100%;min-height:70px;color:var(--ink);text-align:start;background:#fcfbfd;border:1px dashed #cdbcd8;border-radius:14px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px 12px;transition:border-color .18s,background .18s,box-shadow .18s;display:grid}.attachment-drop-trigger{grid-template-columns:42px minmax(0,1fr)}.attachment-drop-trigger:hover,.selected-attachment:hover{background:#faf6fc;border-color:#9d78bf;box-shadow:0 8px 22px #371f520f}.attachment-drop-trigger>span,.selected-attachment>span{width:42px;height:42px;color:var(--violet);background:#f0eafb;border-radius:12px;place-items:center;display:grid}.attachment-drop-trigger p,.selected-attachment p{gap:3px;min-width:0;margin:0;display:grid}.attachment-drop-trigger strong,.selected-attachment strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.attachment-drop-trigger small,.selected-attachment small{color:var(--muted);font-size:9px}.selected-attachment>b{color:var(--violet);background:#f0eafb;border-radius:9px;padding:5px 8px;font-size:9px}.attachment-field{gap:5px;display:grid}.attachment-field.invalid .attachment-drop-trigger{border-color:#d88b99;box-shadow:0 0 0 3px #c84d6114}.unpaid-declaration{background:linear-gradient(135deg,#fff,#faf7fb);border:1px solid #e1d7e6;border-radius:17px;gap:11px;padding:14px;display:grid}.unpaid-declaration.invalid{border-color:#d88b99;box-shadow:0 0 0 3px #c84d6114}.unpaid-declaration>header{align-items:center;gap:10px;display:flex}.unpaid-declaration>header>span{width:38px;height:38px;color:var(--violet);background:#f0eafb;border-radius:11px;flex:none;place-items:center;display:grid}.unpaid-declaration>header>div{gap:2px;display:grid}.unpaid-declaration>header strong{font-size:12px}.unpaid-declaration>header small{color:var(--muted);font-size:9px}.unpaid-declaration>p{color:#5f5567;margin:0;font-size:10.5px;line-height:1.8}.declaration-period{background:#f5f1f7;border-radius:12px;gap:3px;padding:10px 11px;display:grid}.declaration-period span{color:var(--muted);font-size:9px;font-weight:700}.declaration-period strong{color:var(--violet-dark);font-size:10.5px;line-height:1.6}.unpaid-declaration>label{color:#514858;align-items:center;gap:9px;font-size:10.5px;font-weight:700;display:flex}.unpaid-declaration>label input{width:18px;height:18px;accent-color:var(--violet);flex:none}.shared-range-picker{gap:6px;min-width:0;display:grid}.shared-range-picker>.leave-date-range{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr);align-items:center;gap:7px;display:grid}.shared-range-picker>.leave-date-range>i{color:#9a8ea2;place-items:center;display:grid}.shared-range-picker .leave-date-card.invalid{border-color:#c84d6199;box-shadow:0 0 0 2px #c84d611a}.shared-range-picker .return-date-card{cursor:default;background:#f7fbf9;border-color:#cfe4da}.shared-range-picker .field-icon.return{color:var(--green);background:#e5f3ec}.shared-range-picker .return-date-card.selected{border-color:#9fcdb8;box-shadow:0 8px 22px #367d5b1a}.shared-range-picker .return-date-card.selected .leave-date-value{color:var(--green)}.shared-range-calendar{z-index:1;max-width:100%;max-height:none;margin:6px auto 0;overflow:visible;width:min(400px,100%)!important;position:relative!important;inset:auto!important}.range-calendar-days button{isolation:isolate;overflow:visible}.range-calendar-days button>span{z-index:2;border-radius:inherit;place-items:center;width:100%;height:100%;display:grid;position:relative}.range-calendar-days button.in-range{background:var(--violet-soft);color:var(--violet-dark);border-radius:0}.range-calendar-days button.in-range:before,.range-calendar-days button.range-start:before,.range-calendar-days button.range-end:before{content:"";z-index:-1;background:var(--violet-soft);position:absolute;inset-block:0}.range-calendar-days button.in-range:before{inset-inline:-4px}.range-calendar-days button.range-start:not(.range-end):before{inset-inline:50% -4px}.range-calendar-days button.range-end:not(.range-start):before{inset-inline:-4px 50%}.range-calendar-days button.range-start,.range-calendar-days button.range-end{box-shadow:none;color:#fff;background:0 0;border-radius:50%;outline:0}.range-calendar-days button.range-start>span,.range-calendar-days button.range-end>span{background:var(--violet);color:#fff;border-radius:50%;font-weight:800;box-shadow:0 7px 16px #532c6f40}.range-calendar-days button.off-day:not(.range-start):not(.range-end):not(.return-day){color:#a29aa6;background:#f3f1f4}.range-calendar-days button.off-day.in-range:not(.range-start):not(.range-end){background:linear-gradient(135deg,var(--violet-soft),#ece8ee);color:#766d7c}.range-calendar-days button.off-day>span:after{content:"";background:#aaa1ad;border-radius:50%;width:4px;height:4px;position:absolute;inset:auto 50% 4px;transform:translate(50%)}.range-calendar-days button.return-day{box-shadow:inset 0 0 0 2px var(--green);color:var(--green);border-radius:50%;font-weight:800}.range-calendar-days button.return-day>span:after{content:"";background:var(--green);border-radius:50%;width:5px;height:5px;position:absolute;inset:auto 50% 3px;transform:translate(50%)}.range-calendar-days button:disabled{cursor:not-allowed;color:#bbb3bf;opacity:.72;box-shadow:none;background:#f5f2f6}.range-calendar-days button:disabled>span{color:inherit;box-shadow:none;background:0 0}.calendar-range-summary{text-align:start;background:#faf8fb;border:1px solid #e7dfeb;border-radius:13px;gap:4px;margin-top:13px;padding:11px 12px;display:grid}.calendar-range-summary p{color:#574d60;margin:0;font-size:11px;font-weight:700;line-height:1.6}.calendar-range-summary p b{color:var(--violet);padding-inline:4px;font-size:13px}.calendar-range-summary strong{color:var(--green);font-size:13px}.calendar-range-summary small{color:var(--muted);font-size:9.5px;font-weight:600}.leave-period-summary{background:#faf8fb;border:1px solid #e5ddea;border-radius:14px;grid-template-columns:auto repeat(3,minmax(0,1fr));align-items:stretch;gap:8px;padding:10px;display:grid}.leave-period-summary>strong{color:var(--violet-dark);align-items:center;padding-inline:5px;font-size:11px;display:flex}.leave-period-summary>div{background:#fff;border-radius:11px;align-content:center;gap:3px;min-width:0;padding:8px 10px;display:grid}.leave-period-summary span{color:var(--muted);font-size:9px;font-weight:700}.leave-period-summary b{color:#514858;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;line-height:1.5;overflow:hidden}.leave-period-summary .return-summary{background:#f0f8f4}.leave-period-summary .return-summary b{color:var(--green)}@media (width<=767px){.picker-overlay{align-items:end;padding:10px}.picker-modal{border-radius:22px 22px 16px 16px;width:100%;max-height:86vh;padding:14px}.picker-actions{margin:12px -14px -14px;padding:11px 14px 14px;bottom:-14px}.time-range-fields{grid-template-columns:1fr;gap:10px}.confirmed-time-summary{grid-template-columns:38px minmax(0,1fr)}.confirmed-time-summary>b{grid-column:2;justify-self:start}.time-slot-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:40vh}.quick-date-trigger.leave-date-card{min-height:52px}.shared-range-picker>.leave-date-range{grid-template-columns:1fr;gap:7px}.shared-range-picker>.leave-date-range>i{height:18px;transform:rotate(90deg)}.shared-range-calendar{margin-top:4px;width:100%!important}.leave-period-summary{grid-template-columns:1fr}.leave-period-summary>strong{padding:2px 3px}}@media (width<=390px){.picker-overlay{padding:6px}.picker-modal{max-height:88vh;padding:11px}.picker-actions{margin:10px -11px -11px;padding:10px 11px 11px;bottom:-11px}.time-range-preview{grid-template-columns:1fr;gap:6px}.attachment-drop-trigger,.selected-attachment{grid-template-columns:38px minmax(0,1fr);padding:10px}.attachment-drop-trigger>span,.selected-attachment>span{width:38px;height:38px}.selected-attachment>b{grid-column:2;justify-self:start}.time-range-preview>i{height:16px;transform:rotate(90deg)}.time-slot-grid{gap:5px}.time-slot-grid button{min-height:40px;font-size:10px}.shared-range-calendar{padding:10px}.range-calendar .calendar-weekdays{gap:2px}.range-calendar .calendar-days{gap:3px}.range-calendar .calendar-days i,.range-calendar .calendar-days button{min-height:35px}.calendar-range-summary{margin-top:10px;padding:9px 10px}.calendar-range-summary p{font-size:10px}}.quick-service-icon.achievement{color:#159a72;background:#eaf8f3}.quick-services-grid>button>span:last-child{gap:4px;display:grid}.quick-services-grid>button>span:last-child small{white-space:normal;max-width:145px;line-height:1.45}.achievement-today-card{background:#fff;border:1px solid #dce9e4;border-radius:17px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:13px;margin-bottom:12px;padding:14px 16px;display:grid;box-shadow:0 2px 8px #0f172a0d}.achievement-today-icon{color:#159a72;background:#eaf8f3;border-radius:14px;place-items:center;width:46px;height:46px;display:grid}.achievement-today-card>div{gap:2px;display:grid}.achievement-today-card small{color:#159a72;font:700 8px var(--font-en);letter-spacing:.12em}.achievement-today-card h2{margin:0;font-size:16px}.achievement-today-card p{color:#64748b;margin:0;font-size:10px}.achievement-today-card>button{color:#128363;background:#fff;border:1px solid #b9ddcf;border-radius:10px;align-items:center;gap:5px;padding:9px 11px;font-size:10px;font-weight:800;display:flex}.achievement-today-card>button:hover{background:#eaf8f3}@media (width<=560px){.achievement-today-card{grid-template-columns:42px minmax(0,1fr);padding:12px}.achievement-today-icon{width:40px;height:40px}.achievement-today-card>button{grid-column:1/-1;justify-content:center}.quick-services-grid>button>span:last-child small{display:none}}.advance-form.redesigned{gap:18px;padding-bottom:4px;display:grid}.advance-form-heading{border-bottom:1px solid var(--line);align-items:flex-start;gap:13px;padding:4px 2px 17px;display:flex}.advance-form-heading>span{color:#ad6b23;background:#f5eee4;border-radius:15px;flex:0 0 48px;place-items:center;height:48px;display:grid}.advance-form-heading>div{gap:3px;display:grid}.advance-form-heading small,.section-heading small,.approval-heading small,.installment-summary header small{color:var(--violet);font:700 8px var(--font-en);letter-spacing:.14em}.advance-form-heading h2,.advance-form-heading p{margin:0}.advance-form-heading h2{font-size:18px}.advance-form-heading p{color:var(--muted);font-size:10px;line-height:1.7}.advance-form-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.advance-form-fields>label{color:#544b60;align-content:start;gap:7px;font-size:11px;font-weight:700;display:grid}.advance-form-fields .wide{grid-column:1/-1}.advance-form-fields input,.advance-form-fields textarea{width:100%;min-height:46px;color:var(--ink);background:#fff;border:1px solid #ddd4e3;border-radius:13px;outline:0;padding:11px 13px}.advance-form-fields textarea{resize:vertical;min-height:86px}.advance-form-fields input:focus,.advance-form-fields textarea:focus{border-color:#9f78c7;box-shadow:0 0 0 3px #6d37b814}.advance-form-fields label.invalid input,.advance-form-fields label.invalid textarea{border-color:#d88b99}.field-error{font-style:normal;color:var(--red)!important;font-size:9px!important;font-weight:700!important}.amount-field>div{background:#fff;border:1px solid #ddd4e3;border-radius:13px;grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid;overflow:hidden}.amount-field>div:focus-within{border-color:#9f78c7;box-shadow:0 0 0 3px #6d37b814}.amount-field>div input{border-radius:0;box-shadow:none!important;border:0!important}.amount-field>div span{border-inline-start:1px solid var(--line);color:var(--violet);background:#faf8fb;align-self:stretch;place-items:center;padding:0 15px;font-weight:800;display:grid}.amount-field.invalid>div{border-color:#d88b99}.installment-choice{border:0;gap:7px;margin:0;padding:0;display:grid}.installment-choice legend,.duration-field legend{color:#544b60;margin-bottom:7px;font-size:11px;font-weight:700}.installment-choice>div{grid-template-columns:1fr 1fr;gap:7px;display:grid}.installment-choice button{min-height:46px;color:var(--muted);background:#fff;border:1px solid #ddd4e3;border-radius:13px;justify-content:center;align-items:center;gap:6px;font-weight:800;display:flex}.installment-choice button.selected{color:var(--violet);background:#f5f0f8;border-color:#9f78c7;box-shadow:0 0 0 3px #6d37b80f}.installment-config,.witness-section{background:#fbfafc;border:1px solid #e4dce8;border-radius:18px;gap:14px;padding:17px;display:grid}.section-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-heading h3{margin:2px 0 0;font-size:14px}.section-heading>span{color:var(--green);background:#edf7f2;border-radius:999px;padding:6px 10px;font-size:8.5px;font-weight:800}.installment-controls{grid-template-columns:minmax(230px,.7fr) minmax(0,1.3fr);align-items:start;gap:13px;display:grid}.month-year-field{gap:7px;display:grid}.month-year-field>label{color:#544b60;font-size:11px;font-weight:700}.month-year-trigger{width:100%;min-height:62px;color:var(--ink);text-align:start;background:#fff;border:1px solid #ddd4e3;border-radius:14px;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:9px 11px;display:grid}.month-year-trigger>span{width:42px;height:42px;color:var(--violet);background:#f0eafb;border-radius:12px;place-items:center;display:grid}.month-year-trigger p{gap:2px;margin:0;display:grid}.month-year-trigger strong{font-size:11px}.month-year-trigger small{color:var(--muted);font-size:8.5px}.month-year-trigger.selected{border-color:#a98ac1}.month-year-field.invalid .month-year-trigger{border-color:#d88b99}.month-year-modal{width:min(520px,100%)}.month-year-navigation{grid-template-columns:42px 1fr 42px;align-items:center;gap:10px;margin:12px 0;display:grid}.month-year-navigation button{border:1px solid var(--line);width:42px;height:42px;color:var(--violet);background:#fff;border-radius:12px;place-items:center;display:grid}.month-year-navigation button:first-child svg{transform:rotate(90deg)}.month-year-navigation button:last-child svg{transform:rotate(-90deg)}.month-year-navigation strong{text-align:center;font:800 22px var(--font-en);color:var(--violet-dark)}.month-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.month-grid button{color:#5d5264;background:#fff;border:1px solid #e5ddea;border-radius:12px;min-height:48px;font-weight:800}.month-grid button:hover,.month-grid button.selected{color:var(--violet);background:#f1eafb;border-color:#9f78c7}.month-picker-note{color:var(--muted);text-align:center;margin-top:12px;font-size:9px;display:block}.duration-field{border:0;margin:0;padding:0;display:grid}.duration-field>div{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}.duration-field button{color:#5f5667;min-height:46px;font:800 13px var(--font-en);background:#fff;border:1px solid #e2dae6;border-radius:11px;place-items:center;gap:1px;padding:5px;display:grid}.duration-field button small{color:var(--muted);font:600 7px var(--font-ar)}.duration-field button.selected{background:var(--violet);color:#fff;border-color:#8f65b8;box-shadow:0 6px 16px #6d37b82e}.duration-field button.selected small{color:#e8ddf2}.duration-field.invalid button{border-color:#e4b8c0}.installment-summary{background:#fff;border:1px solid #dfd5e4;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #2e1d3a0d}.installment-summary header{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:13px 15px;display:flex}.installment-summary header>span{width:38px;height:38px;color:var(--green);background:#edf7f2;border-radius:11px;place-items:center;display:grid}.installment-summary h3{margin:2px 0 0;font-size:12px}.installment-summary>div{grid-template-columns:repeat(5,1fr);display:grid}.installment-summary p{border-inline-end:1px solid var(--line);gap:5px;margin:0;padding:13px;display:grid}.installment-summary p:last-child{background:#f3f8f5;border:0}.installment-summary p span{color:var(--muted);font-size:8.5px}.installment-summary p strong{color:#44394c;font-size:11px}.installment-summary p:last-child strong{color:var(--green);font-size:13px}.installment-schedule{gap:10px;display:grid}.installment-schedule .section-heading>b{width:32px;height:32px;color:var(--violet);font:800 12px var(--font-en);background:#f0eafb;border-radius:10px;place-items:center;display:grid}.installment-schedule>div:nth-child(2){grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.installment-schedule article{background:#fff;border:1px solid #e8e1eb;border-radius:12px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 10px;display:grid}.installment-schedule article>span{width:29px;height:29px;color:var(--violet);font:800 9px var(--font-en);background:#f5f1f7;border-radius:9px;place-items:center;display:grid}.installment-schedule article p{gap:1px;margin:0;display:grid}.installment-schedule article strong{font-size:10px}.installment-schedule article small{color:var(--muted);font-size:7.5px}.installment-schedule article>b{color:var(--green);font-size:10px}.installment-schedule footer{color:#fff;background:#32233b;border-radius:12px;justify-content:space-between;align-items:center;padding:11px 13px;display:flex}.installment-schedule footer span{font-size:9px}.installment-schedule footer strong{font-size:12px}.witness-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.witness-grid .substitute-panel{z-index:8;top:100%;margin-top:5px;position:absolute;inset-inline:0}.substitute-options>button>.person-avatar{border-radius:9px;width:32px;height:32px;display:grid;overflow:hidden}.substitute-options>button>.person-avatar img{object-fit:cover;width:100%;height:100%}.substitute-options>button>.person-avatar b{font-size:9px}.closing-fields{padding-top:2px}.attachment-field input{background:#faf8fb;min-height:auto;padding:10px}.attachment-field>small{color:var(--muted);font-size:8.5px;font-weight:500}.undertaking-card{cursor:pointer;background:#fff;border:1px solid #dcd2e1;border-radius:16px;grid-template-columns:auto 42px minmax(0,1fr);align-items:start;gap:11px;padding:15px;display:grid}.undertaking-card>input{width:18px;height:18px;accent-color:var(--violet);margin-top:12px}.undertaking-card>span{width:42px;height:42px;color:var(--violet);background:#f0eafb;border-radius:12px;place-items:center;display:grid}.undertaking-card p{gap:4px;margin:0;display:grid}.undertaking-card strong{font-size:11px}.undertaking-card small{color:#675e6d;font-size:9.5px;line-height:1.8}.undertaking-card em{color:var(--red);font-size:9px;font-style:normal;font-weight:800}.undertaking-card.invalid{background:#fffafb;border-color:#d88b99}.advance-submit-bar{background:#fff;border:1px solid #ded5e3;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;padding:14px 15px;display:flex;box-shadow:0 12px 32px #2a193714}.advance-submit-bar>div{gap:2px;display:grid}.advance-submit-bar small{color:var(--muted);font-size:8.5px}.advance-submit-bar strong{color:var(--violet-dark);font-size:15px}.advance-submit-bar .primary-button{justify-content:center;min-width:190px}.form-message{color:var(--violet);background:#f1eef4;border-radius:11px;margin:0;padding:11px 13px;font-size:10px;font-weight:700}.approval-status-card{background:#fbfafc;border:1px solid #e5ddea;border-radius:15px;gap:11px;margin:12px 0 2px;padding:14px;display:grid}.approval-heading{justify-content:space-between;align-items:center;display:flex}.approval-heading h4{margin:2px 0 0;font-size:11px}.approval-heading>span{color:var(--violet);font:800 9px var(--font-en);background:#f0eafb;border-radius:999px;padding:5px 9px}.approval-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;display:grid}.approval-steps>div{background:#fff;border:1px solid #ebe5ee;border-radius:11px;grid-template-columns:25px minmax(0,1fr);align-items:center;gap:7px;min-height:58px;padding:8px;display:grid}.approval-steps>div>span{color:#958c9b;background:#f1edf3;border-radius:8px;place-items:center;width:25px;height:25px;display:grid}.approval-steps p{gap:2px;margin:0;display:grid}.approval-steps strong{font-size:8.5px}.approval-steps small{color:var(--muted);font-size:7.5px}.approval-steps time{color:var(--muted);grid-column:2;font-size:7px}.approval-steps .completed>span{color:var(--green);background:#e8f4ef}.approval-steps .active{border-color:#c6acd6}.approval-steps .active>span{color:var(--violet);background:#f0eafb}.approval-steps .rejected{border-color:#e8bec5}.approval-steps .rejected>span{color:var(--red);background:#fae9ec}.status.awaiting_witness_one,.status.awaiting_witness_two,.status.awaiting_executive_manager,.status.awaiting_finance{color:#9a611f;background:#f5eee4}@media (width<=900px){.installment-controls{grid-template-columns:1fr}.installment-summary>div{grid-template-columns:repeat(2,1fr)}.installment-summary p:last-child{grid-column:1/-1}.approval-steps{grid-template-columns:1fr 1fr}}@media (width<=680px){.advance-form-fields,.witness-grid{grid-template-columns:1fr}.advance-form-fields .wide{grid-column:auto}.installment-config,.witness-section{padding:13px}.duration-field>div{grid-template-columns:repeat(4,minmax(0,1fr))}.installment-schedule>div:nth-child(2),.approval-steps{grid-template-columns:1fr}.advance-form-heading>span{flex-basis:42px;height:42px}.advance-submit-bar{z-index:20;bottom:calc(env(safe-area-inset-bottom,0px) + 8px);border-radius:15px;margin:0 -5px;padding:10px;position:sticky;box-shadow:0 16px 38px #2a193733}.advance-submit-bar>div{display:none}.advance-submit-bar .primary-button{width:100%;min-height:48px}.month-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=390px){.duration-field>div{grid-template-columns:repeat(3,minmax(0,1fr))}.installment-summary>div{grid-template-columns:1fr}.installment-summary p,.installment-summary p:last-child{border-inline-end:0;border-bottom:1px solid var(--line);grid-column:auto}.undertaking-card{grid-template-columns:auto 38px minmax(0,1fr);padding:12px}.undertaking-card>span{width:38px;height:38px}}.service-catalog-dialog{width:min(760px,100vw - 28px)}.service-catalog-dialog>.dialog-content{background:linear-gradient(#fbf9fc 0,#fff 32%);padding:22px 24px 26px}.service-catalog,.service-subcatalog{gap:20px;display:grid}.service-catalog-intro{background:linear-gradient(135deg,#fff,#f6f0fa);border:1px solid #e7deed;border-radius:16px;align-items:center;gap:12px;padding:14px 16px;display:flex}.service-catalog-intro>span{height:42px;color:var(--violet);background:#ede4f5;border-radius:13px;flex:0 0 42px;place-items:center;display:grid}.service-catalog-intro h3,.service-catalog-intro p,.service-subcategory-heading h3,.service-subcategory-heading p{margin:0}.service-catalog-intro h3,.service-subcategory-heading h3{font-size:15px}.service-catalog-intro p,.service-subcategory-heading p{color:var(--muted);margin-top:3px;font-size:10px}.service-catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.service-catalog-card{min-height:142px;color:var(--ink);background:#fff;border:1px solid #e9e1ee;border-radius:19px;place-items:center;gap:10px;padding:18px 12px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 24px #32166c0e}.service-catalog-card:after{content:"";opacity:.055;background:currentColor;border-radius:50%;width:72px;height:72px;position:absolute;inset:-34px auto auto -30px}.service-catalog-card>span{background:color-mix(in srgb,currentColor 12%,white);width:57px;height:57px;color:inherit;border-radius:18px;place-items:center;transition:transform .18s;display:grid}.service-catalog-card strong{font-size:12px}.service-catalog-card>i{color:#a294ad;opacity:0;background:#f7f3f9;border-radius:8px;place-items:center;width:23px;height:23px;transition:opacity .18s,transform .18s;display:grid;position:absolute;inset:auto auto 10px 10px;transform:translate(5px)}.service-catalog-card:hover,.service-catalog-card:focus-visible{border-color:color-mix(in srgb,currentColor 38%,#e9e1ee);outline:0;transform:translateY(-3px);box-shadow:0 14px 30px #32166c1c}.service-catalog-card:hover>span,.service-catalog-card:focus-visible>span{transform:scale(1.06)rotate(-2deg)}.service-catalog-card:hover>i,.service-catalog-card:focus-visible>i{opacity:1;transform:none}.service-catalog-card.maintenance{color:#b45f35}.service-catalog-card.technical{color:#326db4}.service-catalog-card.vehicle{color:#277e7b}.service-catalog-card.purchases{color:#9b7130}.service-catalog-card.administrative{color:#7050a1}.service-catalog-card.human-resources{color:#b54f79}.service-catalog-card.finance{color:#32815e}.service-catalog-card.other{color:#6c6574}.service-step-back,.service-form-context>button{width:max-content;color:var(--violet);background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:10px;font-weight:800;display:flex}.selected-service-banner{background:#fff;border:1px solid #e8dfed;border-radius:17px;align-items:center;gap:13px;padding:16px;display:flex;box-shadow:0 7px 22px #32166c0e}.selected-service-banner>span{width:48px;height:48px;color:var(--violet);background:#f0eafb;border-radius:15px;place-items:center;display:grid}.selected-service-banner small{color:var(--muted);font-size:9px}.selected-service-banner h3{margin:2px 0 0;font-size:15px}.service-subcategory-list{grid-template-columns:1fr 1fr;gap:9px;display:grid}.service-subcategory-list button{min-height:54px;color:var(--ink);text-align:start;background:#fff;border:1px solid #e9e2ed;border-radius:14px;justify-content:space-between;align-items:center;padding:0 15px;font-size:11px;font-weight:700;transition:background .18s,border-color .18s,transform .18s;display:flex}.service-subcategory-list button svg{color:#aa9ab4}.service-subcategory-list button:hover,.service-subcategory-list button:focus-visible{background:#f8f3fb;border-color:#b99ccc;outline:0;transform:translate(-2px)}.service-form-context{gap:10px;display:grid}.service-form-context>div{background:linear-gradient(135deg,#faf6fc,#fff);border:1px solid #dfd2e8;border-radius:15px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px 13px;display:grid}.service-form-context>div>span{width:42px;height:42px;color:var(--violet);background:#ede4f5;border-radius:13px;place-items:center;display:grid}.service-form-context p{gap:2px;margin:0;display:grid}.service-form-context small{color:var(--muted);font-size:9px}.service-form-context strong{font-size:12px}.service-form-context>div>svg{color:var(--green)}.service-priority{border:0;margin:0;padding:0}.service-priority legend{color:#544b60;margin-bottom:7px;font-size:12px;font-weight:600}.service-priority>div{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.service-priority button{border:1px solid var(--line);min-height:40px;color:var(--muted);background:#fff;border-radius:11px;font-size:10px;font-weight:800}.service-priority button.active{color:var(--violet);background:#f0eafb;border-color:#9e7abb;box-shadow:0 0 0 2px #f7f2fa}.service-priority button.active.high{color:#a8661c;background:#fff7eb;border-color:#d69a55}.service-priority button.active.urgent{color:var(--red);background:#fff0f3;border-color:#d67d8c}.service-submit{min-height:47px}@media (width<=720px){.service-catalog-dialog{width:min(620px,100vw - 18px);max-height:calc(100dvh - 18px)}.service-catalog-dialog>.dialog-content{padding:18px}.service-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.service-catalog-card{border-radius:17px;min-height:124px}.service-catalog-card>span{width:51px;height:51px}.service-subcategory-list{grid-template-columns:1fr}.service-priority>div{grid-template-columns:repeat(2,1fr)}}@media (width<=390px){.service-catalog-dialog>.dialog-content{padding:14px}.service-catalog-intro{padding:12px}.service-catalog-intro>span{display:none}.service-catalog-grid{gap:8px}.service-catalog-card{min-height:114px;padding:14px 8px}.service-catalog-card>span{border-radius:15px;width:47px;height:47px}.service-catalog-card strong{font-size:11px}}.app-shell{grid-template-columns:272px minmax(0,1fr)}.main-column{min-width:0}.sidebar{color:#fff;background:#24162e;border-inline-end:1px solid #ffffff1a;width:272px;padding:22px 14px}.sidebar-head{border-bottom-color:#ffffff24;padding:0 8px 20px}.sidebar-head .brand strong{color:#fff}.sidebar-head .brand span{color:#d6c8de}.sidebar nav{align-content:start;gap:7px;padding-top:16px;overflow-x:visible}.sidebar nav button{color:#fff;opacity:1;height:auto;min-height:43px;font-size:14px;font-weight:500;line-height:1.45}.sidebar nav button>svg{color:#d6c8de;flex:none}.sidebar nav button:hover{color:#fff;background:#ffffff17}.sidebar nav button.active{color:#fff;background:#ffffff24;font-weight:700}.sidebar nav button.active>svg{color:#fff}.sidebar .dashboard-link{color:#fff;background:#ffffff12;border:1px solid #ffffff24;margin-bottom:3px}.sidebar .dashboard-link:hover{background:#ffffff1f}.sidebar .dashboard-link.active{color:#6f2da8;background:#fff;border-color:#e8dff0}.sidebar .dashboard-link.active>svg{color:#6f2da8}.nav-caption{color:#bfafc7;letter-spacing:.04em;opacity:1;margin:18px 10px 7px;font-size:11px;font-weight:600}.navigation-group{background:#f8f5fa;border:1px solid #e8dff0;border-radius:14px;margin:0;transition:background-color .18s,border-color .18s,box-shadow .18s;overflow:visible}.navigation-group.expanded{background:#fff;border-color:#e8dff0;box-shadow:0 10px 24px #0c051129}.sidebar nav .navigation-group-toggle{color:#4b2a5b;opacity:1;background:#f8f5fa;min-height:48px;padding:10px 13px;font-size:14px;font-weight:650}.sidebar nav .navigation-group-toggle:hover{color:#4b2a5b;background:#f4ecf8}.sidebar nav .navigation-group-toggle>svg{color:#6e5a75}.sidebar nav .navigation-group.expanded .navigation-group-toggle{color:#6f2da8;background:#fff;font-weight:700}.sidebar nav .navigation-group.expanded .navigation-group-toggle>svg{color:#6f2da8}.navigation-group-toggle svg:last-child{color:#6e5a75;transition:transform .22s,color .16s;transform:rotate(0)}.navigation-group-toggle svg:last-child.expanded{color:#6f2da8;transform:rotate(180deg)}.navigation-group-links{opacity:0;visibility:hidden;background:#fff;border-top:0 solid #e8dff0;gap:2px;max-height:0;padding:0 7px;transition:max-height .22s,opacity .16s,padding .22s,border-width .22s;display:grid;overflow:hidden}.navigation-group.expanded .navigation-group-links{opacity:1;visibility:visible;border-top-width:1px;max-height:1600px;padding:6px 7px 9px;overflow:visible}.sidebar nav .navigation-group-links button{color:#2f2235;opacity:1;background:0 0;border-radius:10px;width:100%;min-height:42px;margin:0;padding:10px 14px;font-size:14px;font-weight:500;line-height:1.45;display:flex}.sidebar nav .navigation-group-links button>svg{color:#6e5a75}.sidebar nav .navigation-group-links button:hover{color:#2f2235;background:#f4ecf8}.sidebar nav .navigation-group-links button:hover>svg{color:#6f2da8}.sidebar nav .navigation-group-links button.active{color:#6f2da8;background:#efe2f7;font-weight:700}.sidebar nav .navigation-group-links button.active>svg{color:#6f2da8}.sidebar-account{color:#4b2a5b;background:#f8f5fa;border-color:#e8dff0;flex:none;min-height:42px;font-size:14px}.sidebar-account>svg{color:#6e5a75}.sidebar-account:hover{color:#6f2da8;background:#fff}.sidebar-account:hover>svg{color:#6f2da8}.sidebar-user{color:#2f2235;background:#fff;border:1px solid #e8dff0;flex:none;margin-top:10px}.sidebar-user strong{color:#2f2235;font-size:14px}.sidebar-user small{color:#7d6b85;opacity:1;font-size:12px}.admin-summary-grid .metric{background:#fff;border:1px solid #eee7f1;box-shadow:0 10px 30px #36203f0f}.admin-summary-grid .metric>span{color:#6b5b72;opacity:1;font-size:14px;font-weight:600}.admin-summary-grid .metric>strong{color:#2c1a33;font-size:30px;line-height:1.15}.admin-summary-grid .metric>small{color:#7d6b85;opacity:1;font-size:12px}.admin-summary-grid .metric-icon{color:#7b3bb5}.drawer-backdrop.show{background:#0f0a1473}@media (width<=1050px) and (width>=781px){.app-shell{grid-template-columns:240px minmax(0,1fr)}.sidebar{width:240px;padding-inline:11px}}@media (width<=780px){.app-shell{display:block}.sidebar{width:85vw;max-width:320px;height:100dvh;position:fixed;inset:0 auto 0 0;transform:translate(-105%);box-shadow:0 24px 70px #0f0a144d}.app-shell[dir=rtl] .sidebar{inset:0 0 0 auto;transform:translate(105%)}.sidebar.open{transform:translate(0)!important}.drawer-backdrop.show{z-index:29;background:#0f0a1473;display:block;position:fixed;inset:0}.mobile-close{color:#4b2a5b;background:#f8f5fa}}.dawah-portal-header,.form-builder-hero{box-shadow:var(--shadow);background:radial-gradient(circle at 8% 15%,#be3d8d1f,#0000 28%),linear-gradient(135deg,#fff,#f7f1fa);border:1px solid #e8dff0;border-radius:22px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:25px 28px;display:grid}.dawah-portal-header span,.form-builder-hero span{color:var(--magenta);font:700 10px var(--font-en);letter-spacing:.14em}.dawah-portal-header h1,.form-builder-hero h1{margin:5px 0 4px;font-size:28px}.dawah-portal-header p,.form-builder-hero p{color:#6f6377;max-width:760px;margin:0;font-size:13px}.dawah-portal-header>strong{color:#fff;background:#24162e;border-radius:12px;padding:9px 13px;font-size:12px}.form-builder-hero>svg{color:#7b3bb5}.dawah-tabs{scrollbar-width:thin;background:#fff;border:1px solid #e8dff0;border-radius:16px;gap:7px;padding:6px;display:flex;overflow-x:auto}.dawah-tabs button{color:#65576d;background:0 0;border:0;border-radius:11px;flex:none;min-height:40px;padding:0 14px;font-size:12px;font-weight:600}.dawah-tabs button:hover{background:#f4ecf8}.dawah-tabs button.active{color:#fff;background:#6f2da8}.dawah-operation-form{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:20px;display:grid}.dawah-operation-form.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.dawah-operation-form h3{grid-column:1/-1;margin:0 0 4px}.dawah-operation-form input,.dawah-operation-form select,.dawah-operation-form textarea{color:#2f2235;background:#fcfbfd;border:1px solid #e8dff0;border-radius:11px;outline:0;width:100%;min-height:43px;padding:10px 12px}.dawah-operation-form textarea{resize:vertical;grid-column:1/-1;min-height:90px}.dawah-operation-form .primary-button{justify-self:start}.dawah-status{color:#4b2a5b;background:#fff;border:1px solid #e8dff0;border-radius:9px;min-height:36px;padding:0 9px;font-size:11px;font-weight:700}.dawah-status.completed{color:var(--green)}.dawah-status.rejected{color:var(--red)}.dawah-status.in_progress,.dawah-status.submitted{color:#9a601f}.dawah-records{gap:7px;padding:12px;display:grid}.dawah-record-row{background:#fff;border:1px solid #eee7f1;border-radius:13px;grid-template-columns:38px minmax(0,1fr) minmax(115px,auto) minmax(150px,auto);align-items:center;gap:10px;padding:10px 12px;display:grid}.dawah-record-row>span{color:#6f2da8;background:#f1e8f7;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.dawah-record-row p{gap:2px;min-width:0;margin:0;display:grid}.dawah-record-row strong{font-size:12px}.dawah-record-row small{color:#7d6b85;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.operational-attachment{justify-content:flex-end;align-items:center;gap:6px;display:flex}.operational-attachment label{color:#6f2da8;cursor:pointer;background:#f8f5fa;border-radius:9px;align-items:center;gap:6px;max-width:135px;padding:7px 9px;font-size:9px;display:flex}.operational-attachment label span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.operational-attachment input{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.operational-attachment button{color:#fff;background:#6f2da8;border:0;border-radius:9px;place-items:center;width:31px;height:31px;display:grid}.operational-attachment>svg{color:var(--green)}.dawah-certificates{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.certificate-card{background:linear-gradient(145deg,#fff,#faf4ec);padding:22px;position:relative;overflow:hidden}.certificate-card:after{content:"";pointer-events:none;border:1px solid #d7b76d;border-radius:12px;position:absolute;inset:10px}.certificate-card>*{z-index:1;position:relative}.certificate-card>span{color:#9a6a27;font-size:10px;font-weight:800}.certificate-card h3{margin:14px 0 5px}.certificate-card p{color:#7d6b85;font:700 10px var(--font-en)}.dawah-report-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.dawah-report-grid>article{grid-template-columns:42px 1fr;align-items:center;gap:4px 12px;padding:18px;display:grid}.dawah-report-grid svg{color:#6f2da8;background:#f1e8f7;border-radius:12px;grid-row:1/3;width:42px;height:42px;padding:10px;display:grid}.dawah-report-grid strong{font:800 25px var(--font-en)}.dawah-report-grid span{color:#6b5b72;font-size:11px;font-weight:600}.form-builder-layout{grid-template-columns:230px minmax(0,1fr);align-items:start;gap:16px;display:grid}.form-catalog{gap:5px;padding:12px;display:grid;position:sticky;top:84px}.form-catalog h3{margin:7px 8px 10px}.form-catalog button{color:#4b4051;text-align:start;background:0 0;border:0;border-radius:11px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;padding:10px;display:grid}.form-catalog button:hover,.form-catalog button.active{color:#6f2da8;background:#efe2f7}.form-catalog button>span{gap:2px;display:grid}.form-catalog strong{font-size:10px}.form-catalog small{color:#7d6b85;font:600 8px var(--font-en)}.form-builder-layout>main{gap:14px;min-width:0;display:grid}.builder-toolbar{align-items:center;gap:9px;padding:15px;display:flex}.builder-toolbar>div{margin-inline-end:auto;display:grid}.builder-toolbar span{font-size:14px;font-weight:800}.builder-toolbar small{color:#7d6b85;font-size:9px}.builder-fields{gap:10px;display:grid}.builder-field-card{grid-template-columns:42px minmax(0,1fr) 72px;align-items:start;gap:12px;padding:14px;display:grid}.builder-field-order{place-items:center;gap:3px;display:grid}.builder-field-order button{color:#6f2da8;background:#fff;border:1px solid #e8dff0;border-radius:8px;place-items:center;width:30px;height:28px;display:grid}.builder-field-order strong{font:800 11px var(--font-en)}.builder-field-editor{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.builder-field-editor label{color:#615468;gap:5px;font-size:9px;font-weight:700;display:grid}.builder-field-editor input,.builder-field-editor select,.builder-field-editor textarea{background:#fcfbfd;border:1px solid #e8dff0;border-radius:9px;outline:0;width:100%;min-height:39px;padding:8px 10px}.builder-field-editor .wide{grid-column:1/-1}.builder-required{background:#fcfbfd;border:1px solid #e8dff0;border-radius:9px;align-self:end;align-items:center;min-height:39px;padding:0 9px;display:flex!important}.builder-required input{width:15px;min-height:0}.builder-delete{min-height:37px;color:var(--red);background:#fff0f3;border:0;border-radius:9px;justify-content:center;align-items:center;gap:5px;font-size:9px;font-weight:700;display:flex}.add-builder-field{color:#6f2da8;background:#faf6fc;border:1px dashed #b99bc9;border-radius:14px;justify-content:center;align-items:center;gap:7px;min-height:52px;font-weight:700;display:flex}.actual-form-preview{padding:24px}.actual-form-preview header{margin-bottom:18px}.actual-form-preview header span{color:var(--magenta);font-size:9px;font-weight:800}.actual-form-preview h2{margin:3px 0}.actual-form-preview form{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.builder-preview-field{color:#504455;gap:6px;font-size:11px;font-weight:700;display:grid}.builder-preview-field input,.builder-preview-field select,.builder-preview-field textarea{background:#fdfcfe;border:1px solid #e8dff0;border-radius:10px;min-height:43px;padding:9px}.builder-preview-field textarea{min-height:90px}.form-version-history{padding:16px}.form-version-history>.panel-heading{margin-bottom:9px}.form-version-history>div:not(.panel-heading){border-top:1px solid #eee7f1;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.form-version-history>div>span{font:800 11px var(--font-en);color:#6f2da8}.form-version-history p{gap:2px;margin:0;display:grid}.form-version-history strong{font-size:10px}.form-version-history small{color:#7d6b85;font-size:8px}.form-version-history b{color:var(--green);align-items:center;gap:5px;font-size:9px;display:flex}@media (width<=1050px){.dawah-report-grid,.dawah-certificates{grid-template-columns:repeat(2,minmax(0,1fr))}.dawah-record-row{grid-template-columns:38px minmax(0,1fr) minmax(110px,auto)}.operational-attachment{grid-column:2/-1}.form-builder-layout{grid-template-columns:190px minmax(0,1fr)}.builder-field-editor{grid-template-columns:1fr 1fr}}@media (width<=780px){.dawah-portal-header,.form-builder-hero{grid-template-columns:1fr;padding:20px}.form-builder-hero>svg{display:none}.dawah-operation-form,.dawah-operation-form.compact{grid-template-columns:1fr 1fr}.form-builder-layout{grid-template-columns:1fr}.form-catalog{display:flex;position:static;overflow-x:auto}.form-catalog h3{display:none}.form-catalog button{flex:0 0 180px}.builder-field-card{grid-template-columns:38px minmax(0,1fr)}.builder-delete{grid-column:2}.actual-form-preview form{grid-template-columns:1fr}}@media (width<=520px){.dawah-operation-form,.dawah-operation-form.compact{grid-template-columns:1fr}.dawah-record-row{grid-template-columns:34px minmax(0,1fr)}.dawah-record-row .dawah-status{grid-column:2}.operational-attachment{grid-column:2;justify-content:start}.dawah-report-grid,.dawah-certificates{grid-template-columns:1fr}.builder-toolbar{flex-wrap:wrap;align-items:stretch}.builder-toolbar>div{width:100%}.builder-toolbar button{flex:1}.builder-field-editor{grid-template-columns:1fr}.builder-field-editor .wide{grid-column:1}.form-version-history>div:not(.panel-heading){grid-template-columns:42px minmax(0,1fr)}.form-version-history>div>button,.form-version-history>div>b{grid-column:2;justify-self:start}}.workflow-hero,.ai-hero{color:#fff;background:linear-gradient(135deg,#24162e,#6f2da8);border-radius:24px;justify-content:space-between;align-items:center;gap:24px;padding:28px 30px;display:flex;box-shadow:0 18px 45px #4c236533}.workflow-hero span,.ai-hero span{letter-spacing:.12em;color:#d6c8de;font-size:11px;font-weight:700}.workflow-hero h1,.ai-hero h1{margin:6px 0 8px}.workflow-hero p,.ai-hero p{color:#eee5f2;max-width:720px;margin:0}.workflow-layout,.ai-layout{grid-template-columns:minmax(230px,270px) minmax(0,1fr);align-items:start;gap:18px;display:grid}.workflow-catalog{gap:8px;display:grid;position:sticky;top:18px}.workflow-catalog>button:not(.primary-button){text-align:start;color:#2f2235;background:#f8f5fa;border:1px solid #e8dff0;border-radius:13px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.workflow-catalog>button.active{color:#6f2da8;background:#efe2f7;border-color:#cfaee3}.workflow-catalog span{gap:3px;display:grid}.workflow-catalog small{color:#7d6b85}.workflow-editor{gap:16px;min-width:0;display:grid}.workflow-toolbar{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.workflow-toolbar>div{flex:1;grid-template-columns:minmax(190px,1fr) minmax(170px,.7fr);gap:12px;display:grid}.workflow-toolbar label,.workflow-step-grid label,.ai-prompt label{color:#4b2a5b;gap:6px;font-size:13px;font-weight:700;display:grid}.workflow-toolbar input,.workflow-toolbar select,.workflow-step input,.workflow-step select,.workflow-step textarea,.ai-prompt textarea,.ai-prompt select{color:#2f2235;min-height:42px;font:inherit;background:#fff;border:1px solid #e8dff0;border-radius:10px;padding:9px 11px}.workflow-canvas{gap:14px;display:grid}.workflow-step{border:1px solid #e8dff0;transition:transform .16s,border-color .16s,box-shadow .16s}.workflow-step.dragging{opacity:.7;transform:scale(.99)}.workflow-step:hover{border-color:#cda9df;box-shadow:0 12px 30px #4a2a5b17}.workflow-step header{border-bottom:1px solid #eee7f1;align-items:center;gap:9px;padding-bottom:12px;display:flex}.workflow-step header>span{color:#6f2da8;background:#efe2f7;border-radius:50%;place-items:center;width:28px;height:28px;font-weight:800;display:grid}.workflow-step header>strong{color:#4b2a5b;margin-inline-end:auto}.workflow-step header button{color:#6e5a75;background:#f8f5fa;border:0;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.workflow-step-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:14px;display:grid}.workflow-step-grid .wide{grid-column:1/-1}.workflow-step textarea{resize:vertical;min-height:72px}.add-workflow-step{color:#6f2da8;background:#faf7fb;border:2px dashed #cdb8d8;border-radius:15px;min-height:54px;font-weight:800}.workflow-preview>div{align-items:center;gap:8px;padding:20px 0;display:flex;overflow:auto}.workflow-preview section{background:#fff;border:1px solid #e8dff0;border-radius:14px;align-items:center;gap:10px;min-width:190px;padding:14px;display:flex}.workflow-preview section>span{color:#fff;background:#7b3bb5;border-radius:50%;place-items:center;width:31px;height:31px;font-weight:800;display:grid}.workflow-preview section div{gap:4px;display:grid}.workflow-preview small{color:#7d6b85}.workflow-preview i{color:#7b3bb5;font-size:20px}.workflow-versions>h3{align-items:center;gap:8px;display:flex}.workflow-versions>div,.ai-history>button{border-bottom:1px solid #eee7f1;align-items:center;gap:12px;padding:11px 0;display:flex}.workflow-versions p,.ai-history p{flex:1;gap:3px;margin:0;display:grid}.workflow-versions small,.ai-history small{color:#7d6b85}.workflow-versions button{color:#6f2da8;background:#f4ecf8;border:0;border-radius:9px;align-items:center;gap:5px;padding:8px 10px;display:flex}.workflow-status{text-transform:uppercase;border-radius:999px;padding:5px 8px;font-size:11px}.workflow-status.draft,.workflow-status.generated{color:#8a5b00;background:#fff4d8}.workflow-status.published,.workflow-status.confirmed{color:#17633a;background:#e2f5ea}.workflow-status.disabled,.workflow-status.discarded{color:#8a2733;background:#f5e6e8}.ai-safety{color:#4b2a5b;background:#f8f1fb;border:1px solid #dfc8ea;border-radius:14px;align-items:center;gap:12px;padding:14px 18px;display:flex}.ai-safety p{gap:3px;margin:0;display:grid}.ai-safety span{color:#7d6b85}.ai-prompt{gap:14px;display:grid}.ai-preview{min-width:0}.ai-preview header{justify-content:space-between;align-items:center;display:flex}.ai-preview header div{gap:4px;display:grid}.ai-preview header span{color:#7d6b85;font-size:12px}.ai-json{color:#efe8f2;text-align:left;resize:vertical;direction:ltr;background:#211827;border:1px solid #e8dff0;border-radius:12px;width:100%;min-height:430px;margin-top:14px;padding:14px;font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}.ai-actions{flex-wrap:wrap;gap:9px;margin-top:12px;display:flex}.ai-empty{color:#7d6b85;place-items:center;min-height:360px;display:grid}.ai-history>button{text-align:start;color:#2f2235;background:0 0;border:0;width:100%}.ai-history>button>span{color:#6f2da8;text-transform:uppercase;font-weight:800}.danger-button{color:#9a2737;background:#fff5f6;border:1px solid #e5bbc2;border-radius:10px;align-items:center;gap:7px;padding:10px 13px;display:flex}.builder-viewports{gap:5px;display:flex}.builder-viewports button{color:#6e5a75;background:#fff;border:1px solid #e8dff0;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.builder-viewports button.active{color:#6f2da8;background:#efe2f7}.actual-form-preview.mobile{max-width:390px;margin-inline:auto}.builder-choice-preview{flex-wrap:wrap;gap:12px;display:flex}.builder-checkbox-preview{align-items:center;grid-template-columns:auto 1fr!important;display:flex!important}.builder-field-editor textarea{resize:vertical;min-height:70px}@media (width<=900px){.workflow-layout,.ai-layout{grid-template-columns:1fr}.workflow-catalog{grid-template-columns:repeat(2,minmax(0,1fr));position:static}.workflow-catalog .primary-button{grid-column:1/-1}.workflow-toolbar>div,.workflow-step-grid{grid-template-columns:1fr}.workflow-preview>div{flex-direction:column;align-items:stretch}.workflow-preview i{text-align:center;transform:rotate(0)}}@media (width<=600px){.workflow-hero,.ai-hero{padding:22px 20px}.workflow-hero>svg,.ai-hero>svg{display:none}.workflow-catalog{grid-template-columns:1fr}.workflow-toolbar{align-items:stretch}.workflow-toolbar>button{flex:1}.workflow-step header{flex-wrap:wrap}.workflow-step-grid .wide{grid-column:auto}.ai-json{min-height:320px}.ai-actions>*{justify-content:center;width:100%}}.request-type-list>div{border-bottom:1px solid #eee7f1;align-items:center;gap:12px;padding:13px 0;display:flex}.request-type-list>div>span{color:#2f2235;flex:1;gap:4px;display:grid}.request-type-list small{color:#7d6b85}.workflow-actions-field{border:1px solid #e8dff0;border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;padding:9px 11px;display:flex}.workflow-actions-field legend{color:#4b2a5b;padding:0 5px;font-size:12px;font-weight:700}.workflow-actions-field label{grid-template-columns:auto 1fr;align-items:center;gap:5px;font-size:12px;display:flex}.workflow-actions-field input{min-height:auto}.achievement-page{--achievement-green:#159a72;--achievement-green-dark:#128363;--achievement-text:#1f2937;--achievement-muted:#64748b;--achievement-border:#e5e7eb;color:var(--achievement-text);gap:16px;display:grid}.achievement-page-header{justify-content:space-between;align-items:flex-end;gap:18px;padding:6px 2px;display:flex}.achievement-page-header>div>span{color:var(--achievement-green);font:700 9px var(--font-en);letter-spacing:.14em}.achievement-page-header h1{margin:4px 0 3px;font-size:20px}.achievement-page-header p{color:var(--achievement-muted);margin:0;font-size:13px}.achievement-page-header>button,.achievement-empty button{background:var(--achievement-green);color:#fff;border:0;border-radius:13px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 16px;font-weight:800;display:flex;box-shadow:0 2px 8px #159a722e}.achievement-page-header>button:hover,.achievement-empty button:hover{background:var(--achievement-green-dark)}.achievement-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.achievement-summary article{border:1px solid var(--achievement-border);background:#fff;border-radius:16px;align-items:center;gap:11px;padding:14px;display:flex;box-shadow:0 2px 8px #0f172a0d}.achievement-summary article>span{width:38px;height:38px;color:var(--achievement-green);background:#eaf8f3;border-radius:12px;place-items:center;display:grid}.achievement-summary article.completed>span{color:#16a36a;background:#e8f8f0}.achievement-summary article.in-progress>span{color:#2563eb;background:#eaf2ff}.achievement-summary p{gap:2px;margin:0;display:grid}.achievement-summary small{color:var(--achievement-muted);font-size:11px}.achievement-summary strong{font:800 21px var(--font-en)}.achievement-filters{border:1px solid var(--achievement-border);background:#fff;border-radius:13px;gap:5px;width:max-content;padding:4px;display:flex}.achievement-filters button{min-width:82px;color:var(--achievement-muted);background:0 0;border:0;border-radius:9px;padding:8px 14px;font-weight:700}.achievement-filters button.active{color:var(--achievement-green-dark);background:#eaf8f3}.achievement-timeline{gap:18px;display:grid}.achievement-date-group{gap:10px;display:grid}.achievement-date-group>h2,.achievement-month-title{color:#334155;margin:0;font-size:14px}.achievement-date-entries{gap:0;display:grid}.achievement-entry{grid-template-columns:72px minmax(0,1fr);gap:12px;display:grid}.achievement-time{color:var(--achievement-muted);font:600 11px var(--font-en);direction:rtl;justify-content:flex-start;padding-top:17px;display:flex;position:relative}.achievement-time:after{content:"";top:25px;inset-inline-end:2px;background:#dbe2e8;width:1px;position:absolute;bottom:-8px}.achievement-entry:last-child .achievement-time:after{display:none}.achievement-time i{top:20px;background:#2563eb;border:3px solid #fff;border-radius:50%;width:11px;height:11px;position:absolute;inset-inline-end:-3px;box-shadow:0 0 0 1px #bfd0f5}.achievement-entry.completed .achievement-time i{background:#16a36a;box-shadow:0 0 0 1px #b9e7d2}.achievement-entry.paused .achievement-time i{background:#f59e0b;box-shadow:0 0 0 1px #f7dca9}.achievement-entry-card{border:1px solid var(--achievement-border);background:#fff;border-radius:16px;gap:10px;margin-bottom:12px;padding:15px;display:grid;box-shadow:0 2px 8px #0f172a0d}.achievement-entry-card header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.achievement-entry-card h3{margin:0;font-size:15px}.achievement-entry-card header small{color:var(--achievement-muted);margin-top:3px;font-size:10px;display:block}.achievement-status{color:#2563eb;background:#eaf2ff;border-radius:99px;flex:none;align-items:center;gap:5px;padding:6px 9px;font-size:10px;font-weight:800;display:flex}.achievement-status.completed{color:#16855b;background:#e8f8f0}.achievement-status.paused{color:#b96f00;background:#fff5e5}.achievement-progress-row{grid-template-columns:1fr auto;align-items:center;gap:9px;display:grid}.achievement-progress-row>div{background:#edf1f5;border-radius:99px;height:6px;overflow:hidden}.achievement-progress-row i{border-radius:inherit;background:#2563eb;height:100%;display:block}.achievement-entry.completed .achievement-progress-row i{background:#16a36a}.achievement-entry.paused .achievement-progress-row i{background:#f59e0b}.achievement-progress-row strong{font:800 11px var(--font-en)}.achievement-entry-card>p{color:#475569;margin:0;font-size:13px;line-height:1.75}.achievement-meta,.achievement-files{flex-wrap:wrap;gap:7px;display:flex}.achievement-meta span,.achievement-files a{color:var(--achievement-muted);background:#f8fafc;border-radius:8px;padding:6px 8px;font-size:10px}.achievement-files a{color:var(--achievement-green-dark);align-items:center;gap:4px;text-decoration:none;display:flex}.achievement-entry-card footer{color:var(--achievement-muted);border-top:1px solid #eef1f4;padding-top:8px;font-size:10px}.achievement-entry-card footer b{color:var(--achievement-text);font-family:var(--font-en)}.achievement-month-title{padding-bottom:4px;font-size:17px}.achievement-month-view,.achievement-month-group{gap:8px;display:grid}.achievement-month-group>button{border:1px solid var(--achievement-border);width:100%;color:var(--achievement-text);background:#fff;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex;box-shadow:0 2px 8px #0f172a0d}.achievement-month-group>button span{align-items:center;gap:7px;display:flex}.achievement-month-group>button span:last-child{color:var(--achievement-muted);font-size:11px}.achievement-month-group .achievement-date-entries{padding-top:6px}.achievement-state,.achievement-empty{min-height:230px;color:var(--achievement-muted);text-align:center;background:#fff;border:1px dashed #d8dee5;border-radius:18px;place-items:center;gap:8px;padding:24px;display:grid}.achievement-state.error{color:#e5484d}.achievement-state button{border:1px solid var(--achievement-border);background:#fff;border-radius:9px;padding:7px 12px}.achievement-empty>span{width:58px;height:58px;color:var(--achievement-green);background:#eaf8f3;border-radius:18px;place-items:center;display:grid}.achievement-empty h2{color:var(--achievement-text);margin:4px 0 0;font-size:16px}.achievement-empty p{margin:0 0 5px;font-size:12px}.achievement-sheet-layer{z-index:110;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.achievement-sheet-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a80;border:0;position:absolute;inset:0}.achievement-sheet{z-index:1;background:#f8fafc;border:1px solid #ffffffa6;border-radius:22px;grid-template-rows:auto minmax(0,1fr);width:min(680px,100%);max-height:85vh;display:grid;position:relative;overflow:hidden;box-shadow:0 22px 65px #0f172a38}.achievement-sheet>header{border-bottom:1px solid var(--achievement-border);background:#fffffff5;justify-content:space-between;align-items:center;padding:15px 18px;display:flex}.achievement-sheet>header small{color:var(--achievement-green);font:700 8px var(--font-en);letter-spacing:.13em}.achievement-sheet>header h2{margin:2px 0 0;font-size:18px}.achievement-sheet>header button{border:1px solid var(--achievement-border);width:36px;height:36px;color:var(--achievement-muted);background:#fff;border-radius:11px;place-items:center;display:grid}.achievement-sheet form{grid-template-rows:minmax(0,1fr) auto;min-height:0;display:grid}.achievement-sheet-content{gap:13px;padding:16px 18px;display:grid;overflow:auto}.achievement-sheet label{color:#475569;gap:7px;font-size:11px;font-weight:700;display:grid}.achievement-sheet label>span b{color:#e5484d}.achievement-sheet input,.achievement-sheet textarea{border:1px solid var(--achievement-border);width:100%;min-height:43px;color:var(--achievement-text);font:inherit;background:#fff;border-radius:11px;outline:none;padding:10px 12px}.achievement-sheet input:focus,.achievement-sheet textarea:focus{border-color:#65bfa5;box-shadow:0 0 0 3px #159a721a}.achievement-sheet textarea{resize:vertical;min-height:105px}.achievement-sheet fieldset{border:0;min-width:0;margin:0;padding:0}.achievement-sheet legend{color:#475569;margin-bottom:7px;font-size:11px;font-weight:700}.achievement-status-options{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.achievement-status-options button{border:1px solid var(--achievement-border);min-height:40px;color:var(--achievement-muted);background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:7px;font-weight:700;display:flex}.achievement-status-options .in_progress.selected{color:#2563eb;background:#eaf2ff;border-color:#9bb8fb}.achievement-status-options .completed.selected{color:#16855b;background:#e8f8f0;border-color:#91d8b8}.achievement-status-options .paused.selected{color:#b96f00;background:#fff5e5;border-color:#f4ce87}.achievement-slider{position:relative}.achievement-slider span{justify-content:space-between;display:flex}.achievement-slider span strong{color:var(--achievement-green);font-family:var(--font-en)}.achievement-slider input{min-height:20px;accent-color:var(--achievement-green);box-shadow:none;padding:0}.achievement-form-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.existing-work-alert{color:#9a6508;background:#fff8e8;border:1px solid #f2c870;border-radius:13px;grid-template-columns:22px 1fr;gap:9px;padding:12px;display:grid}.existing-work-alert>div{gap:4px;display:grid}.existing-work-alert small{color:#8a6a32;font-size:10px}.existing-work-alert>div>div{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.existing-work-alert button{color:#79530c;background:#fff;border:1px solid #ead49f;border-radius:8px;padding:7px 9px;font-size:10px;font-weight:800}.existing-work-alert button.selected{color:#fff;background:#b77c0a;border-color:#b77c0a}.achievement-attachment{background:#fff;border:1px dashed #cbd5e1;border-radius:12px;padding:12px}.achievement-attachment>span{align-items:center;gap:6px;display:flex}.achievement-attachment input{border:0;border-radius:0;min-height:0;padding:0}.achievement-attachment small{color:var(--achievement-muted);font-weight:500}.achievement-form-error{color:#c9363c;background:#fff0f0;border-radius:10px;align-items:center;gap:7px;padding:10px;font-size:11px;display:flex}.achievement-sheet form>footer{border-top:1px solid var(--achievement-border);background:#fff;justify-content:flex-end;padding:12px 18px;display:flex}.achievement-sheet form>footer button{background:var(--achievement-green);color:#fff;border:0;border-radius:11px;justify-content:center;align-items:center;gap:7px;min-width:130px;min-height:42px;font-weight:800;display:flex}.achievement-sheet form>footer button:hover{background:var(--achievement-green-dark)}.achievement-sheet form>footer button:disabled{opacity:.65}@media (width<=680px){.achievement-page{gap:13px}.achievement-page-header{align-items:flex-start}.achievement-page-header p{font-size:11px}.achievement-page-header>button{white-space:nowrap;padding:0 12px}.achievement-summary{gap:7px}.achievement-summary article{text-align:center;justify-items:center;gap:5px;padding:10px 6px;display:grid}.achievement-summary article>span{width:34px;height:34px}.achievement-summary small{font-size:9px}.achievement-summary strong{font-size:18px}.achievement-filters{width:100%}.achievement-filters button{flex:1;min-width:0}.achievement-entry{grid-template-columns:58px minmax(0,1fr);gap:8px}.achievement-entry-card{padding:12px}.achievement-entry-card header{display:grid}.achievement-status{width:max-content}.achievement-sheet-layer{align-items:start;padding:15vh 0 0}.achievement-sheet{border-radius:22px 22px 0 0;width:100%;max-height:85vh}.achievement-sheet-content{padding:14px}.achievement-sheet form>footer{padding:10px 14px}.achievement-sheet form>footer button{width:100%}.achievement-form-row{grid-template-columns:1fr}}@media (width<=390px){.achievement-page-header{display:grid}.achievement-page-header>button{width:100%}.achievement-status-options,.achievement-entry{grid-template-columns:1fr}.achievement-time{justify-content:flex-start;padding:0}.achievement-time i,.achievement-time:after,.achievement-summary article>span{display:none}}.achievement-sheet input,.achievement-sheet textarea,.achievement-sheet select{border:1px solid var(--achievement-border);width:100%;min-height:43px;color:var(--achievement-text);font:inherit;background:#fff;border-radius:11px;outline:none;padding:10px 12px}.achievement-sheet select{appearance:auto}.achievement-sheet input:focus,.achievement-sheet textarea:focus,.achievement-sheet select:focus{border-color:#65bfa5;box-shadow:0 0 0 3px #159a721a}.achievement-sheet label>span small{color:var(--achievement-muted);margin-inline-start:5px;font-size:9px;font-weight:500}.achievement-measurement{background:#fff;border:1px solid #e2e8f0;border-radius:13px;grid-template-columns:1fr;gap:10px;padding:12px;display:grid}.achievement-measurement.has-value{grid-template-columns:1fr 1fr}.achievement-sheet form>footer{z-index:5;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));position:sticky;bottom:0;box-shadow:0 -5px 14px #0f172a0a}.achievement-sheet form>footer button{min-height:48px;font-size:12px}@media (width<=680px){.achievement-sheet-layer{inset:auto 0;top:var(--achievement-viewport-top,0px);height:var(--achievement-viewport-height,100dvh);padding:clamp(56px,15dvh,110px) 0 0}.achievement-sheet{height:100%;min-height:0;max-height:100%}.achievement-sheet form>footer{padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px))}.achievement-sheet form>footer button{min-height:50px}.achievement-measurement.has-value{grid-template-columns:1fr}}.achievement-measurement>p{color:var(--achievement-muted);grid-column:1/-1;margin:0;font-size:9px;font-weight:500}.achievement-sheet .quick-date-picker{width:100%;margin:0}.achievement-sheet .quick-date-label{color:#475569;margin-bottom:7px;font-size:11px;font-weight:700;display:block}.achievement-sheet .quick-date-trigger{width:100%;min-height:64px}.achievement-title-field{gap:6px;display:grid;position:relative}.achievement-title-suggestions{border:1px solid var(--achievement-border);background:#fff;border-radius:12px;display:grid;overflow:hidden;box-shadow:0 8px 20px #0f172a14}.achievement-title-suggestions button{min-height:42px;color:var(--achievement-text);text-align:start;background:#fff;border:0;border-bottom:1px solid #eef2f5;align-items:center;gap:8px;padding:9px 12px;display:flex}.achievement-title-suggestions button:last-child{border-bottom:0}.achievement-title-suggestions button:hover{color:var(--achievement-green-dark);background:#f5faf8}.achievement-title-suggestions span{font-size:11px;font-weight:700}.existing-work-alert button:disabled{cursor:not-allowed;opacity:.48}.achievement-measurement-choice>div{flex-wrap:wrap;gap:7px;display:flex}.achievement-measurement-choice button{border:1px solid var(--achievement-border);min-height:36px;color:var(--achievement-muted);background:#fff;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:700}.achievement-measurement-choice button:hover{color:var(--achievement-green-dark);border-color:#9acdbd}.achievement-measurement-choice button.selected{color:#128363;background:#eaf8f3;border-color:#77bea8;box-shadow:0 0 0 2px #159a7214}.achievement-measurement-fields{background:#fbfefd;border:1px solid #dfe8e4;border-radius:13px;grid-template-columns:1fr;gap:10px;padding:12px;display:grid}.achievement-measurement-fields.with-label{grid-template-columns:1fr 1fr}.achievement-sheet form>footer button{border-radius:14px;min-height:52px;font-weight:700}.achievement-sheet:has(.quick-date-picker.open){overflow:visible}.achievement-sheet:has(.quick-date-picker.open) .achievement-sheet-content{overflow:visible}@media (width<=680px){.achievement-measurement-choice>div{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.achievement-measurement-choice button{border-radius:11px}.achievement-measurement-fields.with-label{grid-template-columns:1fr}.achievement-sheet form>footer button{height:52px;min-height:52px}}