@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#17213b;background:#f4f6fb;font-synthesis:none;--navy: #111d3e;--navy2: #17285a;--indigo: #5b5df0;--purple: #8259e8;--cyan: #10a7c8;--coral: #f26464;--emerald: #12a67c;--amber: #ef9b31;--ink: #17213b;--muted: #68728b;--line: #e3e7f0;--surface: #fff;--shadow: 0 14px 34px rgba(24, 35, 70, .08)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button,a{transition:.2s ease}button{cursor:pointer}a{text-decoration:none;color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif}svg{stroke-width:1.9}.overline{display:flex;align-items:center;gap:6px;font-size:10px;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:#cbd3ff}.overline.purple{color:#756bd5}.button{border:0;border-radius:11px;padding:10px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;white-space:nowrap}.button svg{width:17px}.button.primary{color:#fff;background:linear-gradient(135deg,var(--indigo),#744ce5);box-shadow:0 8px 18px #5b5df038}.button.primary:hover{transform:translateY(-1px);box-shadow:0 10px 24px #5b5df04d}.button.white{background:#fff;color:#4d46c6;position:relative;z-index:2}.button.ghost{background:#f1f3f8;color:#5d667d}.button.soft{background:#ececff;color:#4e4bd1}.button.reject{color:#c84052;background:#ffeaed}.button.approve{color:#fff;background:#10a77c}.button.large{width:100%;padding:13px}.full-button{width:100%}.login-page{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#fff}.login-visual{position:relative;overflow:hidden;background:radial-gradient(circle at 10% 10%,#3454a6 0,#1d2d66,#111d3e 76%);padding:44px 7vw;color:#fff;display:flex;flex-direction:column;justify-content:center}.login-brand{position:absolute;left:50px;top:38px;display:flex;align-items:center;gap:12px}.login-brand>span,.brand>span{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,#72e4d0,#b5f1e3);color:#123c45;font:800 16px Manrope;box-shadow:0 8px 30px #41e1c538}.login-brand b,.login-brand small,.brand b,.brand small{display:block}.login-brand small{color:#b6c5eb}.login-copy{position:relative;z-index:1;max-width:620px}.login-copy h1{font-size:44px;line-height:1.15;margin:18px 0}.login-copy>p{font-size:17px;color:#c0cae5;max-width:540px}.login-features{display:flex;gap:12px;flex-wrap:wrap;margin-top:38px}.login-features span{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#ffffff12;font-size:12px}.login-features svg{width:16px;color:#77e2cf}.login-orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-one{width:420px;height:420px;border:70px solid rgba(117,112,255,.13);right:-180px;top:-160px}.orb-two{width:260px;height:260px;background:#13beb81f;bottom:-120px;left:-80px}.login-form-side{display:flex;align-items:center;justify-content:center;padding:70px 8vw;position:relative}.login-top{position:absolute;right:35px;top:30px}.login-card{width:min(410px,100%)}.login-icon{width:52px;height:52px;border-radius:15px;background:#ededff;color:var(--indigo);display:grid;place-items:center;margin-bottom:25px}.login-card h2{font-size:27px;margin:7px 0}.login-card>p{color:var(--muted);margin-bottom:27px}.login-card label,.form-grid label,.decision-panel label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;color:#4e5870;margin-bottom:15px}.login-card input,.form-grid input,.form-grid select,.form-grid textarea,.decision-panel textarea,.heading-actions select{border:1px solid #dbe0ec;border-radius:10px;padding:11px 12px;outline:none;background:#fff;color:var(--ink);width:100%}.login-card input:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.decision-panel textarea:focus{border-color:#8687f4;box-shadow:0 0 0 3px #5b5df01a}.demo-note{margin-top:22px;padding:13px 15px;border-radius:11px;background:#f4f5fb;color:#6d7487;font-size:12px;display:grid;gap:2px}.demo-note b{color:#454d66}.notice{border-radius:10px;padding:11px 13px;display:flex;align-items:center;gap:8px;font-weight:600;margin-bottom:13px}.notice.error{color:#ad3445;background:#ffeaed}.notice.success{color:#08785c;background:#dff7ef}.language-switch{display:flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid #dfe3ed;border-radius:99px;background:#fff;color:#667087;box-shadow:0 4px 16px #1b274e0a}.language-switch button{border:0;background:transparent;color:#8b92a5;font-size:11px;font-weight:800;padding:3px 5px}.language-switch button.active{color:#fff;background:var(--indigo);border-radius:99px}.language-switch span{color:#c5c9d4}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;padding:22px 14px 16px;background:linear-gradient(180deg,var(--navy) 0%,#131f45 55%,#182a58 100%);color:#fff;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 22px;border-bottom:1px solid rgba(255,255,255,.1)}.brand>span{width:43px;height:43px;border-radius:13px}.brand small{font-size:10px;color:#aeb9db;margin-top:2px}.mobile-close{display:none}.sidebar nav{display:flex;flex-direction:column;gap:3px;padding-top:18px;overflow:auto}.sidebar nav a{display:flex;align-items:center;gap:11px;color:#bdc7e4;padding:10px 12px;border-radius:10px;font-size:13px;font-weight:600}.sidebar nav a:hover{background:#ffffff0f;color:#fff;transform:translate(2px)}.sidebar nav a.active{background:linear-gradient(100deg,#696cff59,#15c4b629);color:#fff;box-shadow:inset 3px 0 #72ded1}.sidebar-profile{margin-top:auto;display:grid;grid-template-columns:1fr 28px;align-items:center;gap:9px;padding:15px 8px 0;border-top:1px solid rgba(255,255,255,.1)}.sidebar-profile-main{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:9px;min-width:0}.avatar{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#83e4d4,#c0eee8);color:#143d49;display:grid;place-items:center;font-weight:800;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.sidebar-profile b,.sidebar-profile small{display:block;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-profile b{font-size:11px}.sidebar-profile small{font-size:9px;color:#aeb9db}.sidebar-profile button{border:0;background:transparent;color:#aeb9db;padding:5px}.workspace{margin-left:252px;min-height:100vh}.topbar{height:92px;background:#fffffff0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding:18px 32px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10}.topbar-title{display:flex;align-items:center;gap:10px}.topbar-title span{font-size:10px;letter-spacing:.11em;color:#8a93aa;font-weight:800}.topbar-title h1{font-size:23px;margin:2px 0 0}.menu-button{display:none}.topbar-actions{display:flex;align-items:center;gap:12px}.user-chip{display:flex;gap:6px;align-items:center;background:#eff1f8;padding:9px 13px;border-radius:99px;color:#576078;font-size:11px}.user-chip b{color:#4949bd}.page-content{padding:28px 32px 50px;max-width:1700px;margin:auto}.welcome-banner{min-height:185px;position:relative;overflow:hidden;border-radius:22px;padding:34px 38px;display:flex;align-items:center;justify-content:space-between;color:#fff;background:linear-gradient(120deg,#4a4ad4,#6c4ee3 48%,#149fbc 120%);box-shadow:0 18px 36px #3f3bbc2e}.welcome-banner>div:first-child{position:relative;z-index:2}.welcome-banner h2{font-size:29px;margin:12px 0 7px}.welcome-banner p{color:#e0e3ff;margin:0}.banner-shape{position:absolute;border-radius:50%;border:45px solid rgba(255,255,255,.08)}.banner-shape.one{width:330px;height:330px;right:-90px;top:-185px}.banner-shape.two{width:190px;height:190px;right:130px;bottom:-145px;border-width:35px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:20px 0 32px}.kpi-card{position:relative;overflow:hidden;border-radius:16px;background:#fff;border:1px solid var(--line);padding:18px;display:flex;gap:13px;align-items:center;box-shadow:0 5px 18px #1c264e0b}.kpi-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}.kpi-card.violet:before{background:#7067ee}.kpi-card.coral:before{background:var(--coral)}.kpi-card.cyan:before{background:var(--cyan)}.kpi-card.emerald:before{background:var(--emerald)}.kpi-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.kpi-icon{width:45px;height:45px;border-radius:13px;display:grid;place-items:center}.violet .kpi-icon{background:#edecff;color:#6159db}.coral .kpi-icon{background:#ffeaec;color:#d94d5a}.cyan .kpi-icon{background:#e2f7fb;color:#098daa}.emerald .kpi-icon{background:#dff7f0;color:#098b68}.kpi-card small,.kpi-card p{display:block;color:var(--muted);margin:0}.kpi-card strong{font:800 23px Manrope;margin-right:5px}.kpi-card p{display:inline;font-size:11px}.kpi-arrow{margin-left:auto;width:17px;color:#acb2c1}.section-heading,.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:25px 0 13px}.section-heading h2,.page-heading h2{font-size:20px;margin:4px 0 0}.section-heading a{display:flex;align-items:center;color:#5757d6;font-size:12px;font-weight:700}.page-heading p{color:var(--muted);margin:5px 0 0}.heading-actions{display:flex;gap:8px;align-items:center}.heading-actions select{width:auto;margin:0}.balance-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.balance-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px;box-shadow:0 4px 15px #18234609;position:relative;overflow:hidden}.balance-card:before{content:"";position:absolute;left:0;top:0;right:0;height:3px}.accent-0:before{background:#5b5df0}.accent-1:before{background:#f06464}.accent-2:before{background:#0fa6c2}.accent-3:before{background:#12a67c}.accent-4:before{background:#e7962c}.accent-5:before{background:#9b5fd5}.balance-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.balance-top{display:flex;justify-content:space-between;align-items:center}.balance-top span,.leave-code{display:inline-flex;padding:4px 7px;border-radius:7px;background:#ececff;color:#504cc9;font-weight:800;font-size:10px}.leave-code.large{font-size:13px;padding:6px 9px}.balance-top svg{color:#c6cad6}.balance-card>p{color:#677088;font-size:12px;margin:10px 0}.balance-card>div:last-child{display:flex;align-items:end;justify-content:space-between}.balance-card strong{font:800 25px Manrope}.balance-card small{font-size:9px;color:#8a92a5;text-align:right;max-width:52px}.dashboard-lower{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px;margin-top:25px}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 5px 18px #1c264e09;overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between}.panel-header.padded,.padded-panel{padding:20px}.panel-header h2{font-size:17px;margin:4px 0 0}.panel-header a{color:#5957d2;font-weight:700;font-size:11px}.panel-symbol{color:#7774e7;background:#efefff;padding:8px;width:36px;height:36px;border-radius:11px}.chart-panel,.recent-panel{padding:20px}.bar-chart{height:190px;display:flex;align-items:end;gap:16px;padding:20px 4px 0}.bar-column{height:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px}.bar-value{font-size:10px;color:#737c91}.bar-track{width:72%;height:125px;border-radius:8px;background:#f0f1f7;display:flex;align-items:flex-end;overflow:hidden}.bar-track div{width:100%;border-radius:8px;background:linear-gradient(180deg,#8276f3,#54c6c8)}.bar-column>span{font-size:9px;color:#858da0;text-transform:uppercase}.recent-list{margin-top:13px}.recent-list>a{display:grid;grid-template-columns:36px 1fr auto auto;gap:9px;align-items:center;padding:10px 2px;border-top:1px solid #eef0f5}.request-avatar,.person-cell>span,.large-avatar{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#e6e6ff,#dff8f3);color:#4e50bd;display:grid;place-items:center;font-weight:800}.recent-list b,.recent-list small{display:block}.recent-list b{font-size:12px}.recent-list small{font-size:10px;color:var(--muted)}.recent-list strong{font-size:11px}.status{display:inline-flex;align-items:center;gap:5px;border-radius:99px;padding:5px 8px;font-size:9px;font-weight:800;white-space:nowrap}.status i{width:5px;height:5px;border-radius:50%;background:currentColor}.status-pending{color:#b47017;background:#fff2dc}.status-approved{color:#07805f;background:#ddf6ee}.status-rejected{color:#b43c4d;background:#ffe7ea}.status-cancelled{color:#6e7587;background:#edf0f4}.page-loader{min-height:45vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#777f94;gap:10px}.page-loader>div{width:34px;height:34px;border:3px solid #dedffc;border-top-color:var(--indigo);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.table-toolbar{padding:14px 17px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.table-toolbar>span{color:var(--muted);font-size:11px}.search-box{width:280px;position:relative}.search-box svg{position:absolute;left:10px;top:10px;width:16px;color:#929aad}.search-box input{width:100%;border:1px solid #e0e4ee;border-radius:9px;padding:9px 10px 9px 34px;outline:none}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#798298;background:#f8f9fc;padding:12px 14px;white-space:nowrap}td{border-top:1px solid #edf0f5;padding:13px 14px;font-size:12px;vertical-align:middle}tbody tr:hover{background:#fbfbfe}.person-cell{display:flex;align-items:center;gap:9px}.person-cell b,.person-cell small,.subtext{display:block}.person-cell small,.subtext{color:#848c9e;font-size:10px;margin-top:3px}.active-pill,.muted-pill{display:inline-flex;border-radius:99px;padding:4px 8px;font-size:9px;font-weight:800;background:#e0f6ee;color:#078362}.muted-pill{background:#f0f1f5;color:#72798a}.icon-button{border:0;width:30px;height:30px;border-radius:8px;display:grid;place-items:center}.icon-button.danger{color:#c34050;background:#ffeaed}.filter-tabs{display:flex;gap:4px}.filter-tabs button{border:0;border-radius:8px;padding:7px 10px;background:transparent;color:#737c92;font-size:10px;font-weight:700}.filter-tabs button.active{background:#ececff;color:#514ec9}.empty-state{text-align:center;padding:40px 20px;color:var(--muted)}.empty-state>span{width:48px;height:48px;border-radius:14px;background:#eeeefe;color:#6965db;display:grid;place-items:center;margin:0 auto 11px}.empty-state h3{color:var(--ink);font-size:15px;margin-bottom:5px}.empty-state p{font-size:12px}.count-badge{padding:7px 11px;border-radius:99px;background:#ececff;color:#5552cc;font-size:11px;font-weight:800}.modal-backdrop{position:fixed;inset:0;background:#0f17348f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;display:grid;place-items:center;padding:20px}.modal{width:min(610px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:18px;box-shadow:0 30px 70px #080e264d}.modal.wide{width:min(850px,100%)}.modal>header{padding:17px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.modal>header h2{font-size:17px;margin:0}.modal>header button{border:0;background:#f1f3f7;border-radius:8px;width:31px;height:31px;display:grid;place-items:center}.modal>header svg{width:17px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;padding:20px}.form-grid.compact{grid-template-columns:repeat(2,1fr);padding:0;margin-bottom:18px}.form-grid label{margin:0}.span-2{grid-column:span 2}.span-3{grid-column:1/-1}.form-separator{padding:8px 0;border-bottom:1px solid var(--line);color:#4c5570}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:12px;border-top:1px solid var(--line)}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px;background:#f7f8fc;border-radius:10px}.check-grid label{display:flex;flex-direction:row;align-items:center;margin:0;font-weight:600}.check-grid input{width:auto}.split-layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(280px,.75fr);gap:20px}.form-panel{height:max-content}.tip-card{border-radius:18px;padding:26px;color:#fff;background:linear-gradient(145deg,#192a5e,#423eaf);height:max-content;box-shadow:0 15px 35px #1e26642e}.tip-card>span{width:43px;height:43px;border-radius:13px;background:#ffffff21;display:grid;place-items:center}.tip-card h3{margin:20px 0 8px}.tip-card p,.tip-card li{color:#cbd2f2;font-size:12px}.tip-line{border-top:1px solid rgba(255,255,255,.14);margin:20px 0}.tip-card ul{list-style:none;padding:0}.tip-card li{display:flex;align-items:center;gap:8px;margin:9px 0}.tip-card li svg{width:15px;color:#74e1cf}.file-input input{border:1px dashed #cbd0df;background:#f9faff}.file-input small{color:#8991a3}.approval-stack{display:flex;flex-direction:column;gap:14px}.approval-card{display:grid;grid-template-columns:220px 1fr 270px;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 5px 18px #1c264e09}.approval-profile{padding:20px;display:flex;gap:11px;border-right:1px solid var(--line)}.large-avatar{width:44px;height:44px;border-radius:13px}.name-line{display:flex;align-items:center;gap:7px}.name-line h3{font-size:14px;margin:0}.approval-profile p{font-size:10px;color:var(--muted);margin-top:4px}.approval-details{padding:20px}.date-block{display:flex;align-items:center;gap:8px}.date-block>svg{color:#6562dc}.date-block small,.date-block b{display:block}.date-block small{font-size:9px;color:var(--muted)}.date-block b{font-size:11px}.date-block>strong{margin-left:auto;background:#ececff;color:#514ec9;border-radius:99px;padding:6px 8px;font-size:10px}.approval-details blockquote{margin:14px 0;padding:9px 11px;border-left:3px solid #8580eb;background:#f8f8fe;font-size:11px;color:#596278}.day-tags{display:flex;flex-wrap:wrap;gap:5px}.day-tags span{font-size:8px;padding:4px 6px;background:#eef1f6;border-radius:99px;color:#667087}.day-tags span.excluded{text-decoration:line-through;background:#fff0da;color:#9a651f}.decision-panel{background:#f8f9fc;border-left:1px solid var(--line);padding:20px;display:flex;flex-direction:column;justify-content:center}.decision-panel>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.decision-panel label{margin:0 0 10px}.decision-panel textarea{resize:vertical}.two-panels{display:grid;grid-template-columns:1fr 1fr;gap:20px}.inline-form{display:grid;grid-template-columns:100px 1fr auto;gap:7px;margin-bottom:17px}.inline-form input{border:1px solid #dfe3ed;border-radius:9px;padding:9px;min-width:0}.card-list{border-top:1px solid var(--line)}.card-list>div{display:grid;grid-template-columns:38px 1fr 18px;align-items:center;gap:10px;padding:12px 2px;border-bottom:1px solid #eef0f5}.card-list b,.card-list small{display:block}.card-list b{font-size:12px}.card-list small{font-size:10px;color:var(--muted)}.card-list>div>svg{width:15px;color:#a5abba}.square-code{width:36px;height:36px;border-radius:10px;background:#e8e8ff;color:#5753cf;display:grid;place-items:center;font-size:9px;font-weight:800}.coral-bg{background:#ffeaed;color:#c64a59}.type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.type-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;position:relative;overflow:hidden}.type-card:before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:#5b5df0}.type-card.color-1:before{background:#f06464}.type-card.color-2:before{background:#0fa6c2}.type-card.color-3:before{background:#12a67c}.type-card.color-4:before{background:#e7962c}.type-card.color-5:before{background:#9b5fd5}.type-card>div:first-child{display:flex;justify-content:space-between}.type-card h3{font-size:15px;margin:17px 0 8px}.type-card>strong{font:800 25px Manrope}.type-card>strong small{font:500 10px DM Sans;color:var(--muted)}.feature-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:16px}.feature-tags span{display:flex;align-items:center;gap:4px;padding:4px 6px;border-radius:6px;background:#f2f3f7;color:#70788a;font-size:8px}.feature-tags svg{width:11px;height:11px}.balance-value{color:#4f4dcc}.roster-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.roster-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px}.week-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin:17px 0}.week-grid button{border:1px solid #e2e5ee;background:#fff;border-radius:9px;padding:8px 2px;color:#7a8295}.week-grid button.active{background:linear-gradient(145deg,#6162de,#7970ea);border-color:#6261de;color:#fff;box-shadow:0 5px 12px #5b5df033}.week-grid b,.week-grid small{display:block}.week-grid b{font-size:10px}.week-grid small{font-size:7px;margin-top:3px;overflow:hidden}.holidays-layout{grid-template-columns:1.4fr .6fr}.holiday-list{display:flex;flex-direction:column;gap:10px}.holiday-list article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px;display:grid;grid-template-columns:55px 1fr 24px;align-items:center;gap:13px}.holiday-list>article>svg{color:#8783e8}.date-tile{width:52px;height:55px;border-radius:11px;background:linear-gradient(145deg,#e8e7ff,#e1f8f4);color:#514ec9;display:grid;place-items:center;padding:5px}.date-tile b{font:800 20px Manrope;line-height:1}.date-tile span{font-size:8px}.holiday-list h3{font-size:13px;margin:0}.holiday-list p{font-size:10px;color:var(--muted);margin:3px 0 0}.profile-progress-card{margin-top:16px;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:13px;padding:14px 17px;border-radius:14px;border:1px solid #dddff5;background:linear-gradient(100deg,#fff,#f8f8ff);box-shadow:0 5px 18px #1c264e0a}.profile-progress-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.profile-progress-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#ececff;color:#5a56d7}.profile-progress-copy>div:first-child{display:flex;justify-content:space-between;margin-bottom:6px;font-size:12px}.profile-progress-copy strong{color:#5754d2}.profile-progress-copy small{display:block;color:var(--muted);margin-top:5px;font-size:9px}.progress-track{height:6px;border-radius:99px;background:#e9ebf3;overflow:hidden}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5d5ee6,#18b9b0)}.profile-progress-action{display:flex;align-items:center;gap:5px;color:#5552c9;font-size:11px;font-weight:800}.profile-hero{min-height:230px;border-radius:22px;padding:28px 32px;display:grid;grid-template-columns:170px 1fr 390px;align-items:center;gap:26px;color:#fff;background:radial-gradient(circle at 90% 0%,rgba(38,191,194,.5),transparent 34%),linear-gradient(125deg,#263776,#5b4ed8 56%,#178fac);box-shadow:0 18px 36px #33309d2e}.profile-photo-wrap{display:flex;flex-direction:column;align-items:center;gap:7px}.profile-photo{width:108px;height:108px;border-radius:28px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#dff9f4,#b8e7de);color:#233c68;border:4px solid rgba(255,255,255,.3);box-shadow:0 12px 28px #11194647}.profile-photo img{width:100%;height:100%;object-fit:cover}.profile-photo span{font:800 40px Manrope}.photo-upload-button{position:relative;display:flex;align-items:center;gap:5px;padding:7px 10px;border-radius:9px;background:#ffffff26;font-size:10px;font-weight:700;cursor:pointer}.photo-upload-button input{position:absolute;opacity:0;pointer-events:none}.photo-remove{border:0;background:transparent;color:#ffd5d9;font-size:9px}.profile-photo-wrap>small{color:#cbd3f3;font-size:8px}.profile-identity h2{font-size:28px;margin:10px 0 5px}.profile-identity>p{color:#d6dbf5;margin-bottom:18px}.profile-badges{display:flex;gap:6px;flex-wrap:wrap}.profile-badges span{padding:6px 9px;border-radius:99px;background:#ffffff1f;border:1px solid rgba(255,255,255,.13);font-size:9px;font-weight:700}.completion-ring-card{display:flex;align-items:center;gap:18px;padding:18px;border-radius:18px;background:#0c163d47;border:1px solid rgba(255,255,255,.13);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.completion-ring{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto}.completion-ring>div{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;align-content:center;background:#263777}.completion-ring strong,.completion-ring small{display:block;text-align:center}.completion-ring strong{font:800 20px Manrope}.completion-ring small{color:#cbd3f2;font-size:8px}.completion-ring-card b{font-family:Manrope}.completion-ring-card p{color:#cdd5f2;font-size:10px;margin:6px 0 0}.completion-sections{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin:15px 0 20px}.completion-sections>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:6px;font-size:9px;font-weight:700}.completion-sections svg{width:17px}.completion-sections small{color:var(--muted);font-size:8px}.completion-sections .complete{color:#09805f;border-color:#cfeee5;background:#f6fffb}.completion-sections .incomplete{color:#a7681a;border-color:#f2dfbd;background:#fffaf2}.profile-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}.profile-form{display:flex;flex-direction:column;gap:13px}.profile-section{padding:20px}.profile-section-head{display:flex;align-items:flex-start;gap:11px;margin-bottom:17px}.profile-section-head h3{font-size:14px;margin:0}.profile-section-head p{font-size:10px;color:var(--muted);margin:3px 0 0}.section-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto}.section-icon svg{width:17px}.section-icon.violet{color:#5b57d4;background:#ececff}.section-icon.cyan{color:#098eaa;background:#e2f7fb}.section-icon.coral{color:#cf4a59;background:#ffeaed}.section-icon.amber{color:#a76a18;background:#fff0d8}.section-icon.emerald{color:#07815f;background:#dff7ef}.profile-fields{padding:0}.locked-field input{color:#8991a3;background:#f4f5f8}.profile-save-bar{position:sticky;bottom:15px;z-index:5;padding:13px 15px;border:1px solid var(--line);border-radius:13px;background:#fffffff0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 12px 32px #19234824;display:flex;align-items:center;justify-content:space-between;gap:14px}.profile-save-bar b,.profile-save-bar small{display:block}.profile-save-actions{display:flex;align-items:center;gap:8px}.profile-save-actions .button svg{width:15px}.profile-save-overlay{position:fixed;inset:0;z-index:1200;padding:20px;display:grid;place-items:center;background:#0c142f8f;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);animation:overlay-fade .22s ease-out both}.profile-celebration-card{position:relative;width:min(460px,100%);padding:22px 34px 31px;border:1px solid rgba(255,255,255,.65);border-radius:28px;overflow:hidden;text-align:center;background:radial-gradient(circle at 50% 0,rgba(100,218,205,.24),transparent 42%),#fff;box-shadow:0 35px 90px #060d2559;animation:celebration-card-in .45s cubic-bezier(.2,.9,.25,1.15) both}.profile-cartoon{width:min(260px,78vw);height:218px;overflow:visible}.cartoon-backdrop{fill:#eef0ff;animation:cartoon-backdrop-pulse 1.8s ease-in-out infinite}.profile-save-overlay.success .cartoon-backdrop{fill:#e3f8f1}.cartoon-shadow{fill:#222b5b24;animation:cartoon-shadow-pulse 1.1s ease-in-out infinite}.cartoon-head,.cartoon-arm circle{fill:#f6c8a9}.cartoon-hair,.cartoon-eye{fill:#20294a}.cartoon-smile{fill:none;stroke:#b85f5a;stroke-width:3;stroke-linecap:round}.cartoon-body{fill:#6561ee}.profile-save-overlay.success .cartoon-body{fill:#18aa83}.cartoon-leg{fill:#333b76}.cartoon-shoe{fill:#1c2445}.cartoon-arm path{fill:none;stroke:#f6c8a9;stroke-width:16;stroke-linecap:round}.cartoon-person{transform-origin:center bottom;animation:cartoon-person-bob 1.05s ease-in-out infinite}.cartoon-arm{transform-box:fill-box;transform-origin:bottom center}.profile-save-overlay.success .right-arm{animation:cartoon-wave .55s ease-in-out infinite alternate}.profile-save-overlay.success .left-arm{animation:cartoon-left-dance .75s ease-in-out infinite alternate}.success-badge circle{fill:#16af83}.success-badge path{fill:none;stroke:#fff;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}.success-badge{transform-box:fill-box;transform-origin:center;animation:success-badge-pop .6s .18s cubic-bezier(.2,1.4,.4,1) both}.saving-badge circle:first-child{fill:#5b5df0}.saving-badge circle:not(:first-child){fill:#fff;animation:saving-dot .9s ease-in-out infinite}.saving-badge circle:nth-child(3){animation-delay:.15s}.saving-badge circle:nth-child(4){animation-delay:.3s}.celebration-kicker{display:block;margin-top:-3px;color:#6967d8;font-size:9px;font-weight:800;letter-spacing:.13em}.profile-save-overlay.success .celebration-kicker{color:#0b8a69}.profile-celebration-card h2{margin:7px 0 5px;font-size:27px;color:#202946}.profile-celebration-card p{margin:0 auto;max-width:320px;color:var(--muted);font-size:12px}.saving-dots{margin-top:18px;display:flex;justify-content:center;gap:6px}.saving-dots i{width:7px;height:7px;border-radius:50%;background:#6561ee;animation:saving-dot .9s ease-in-out infinite}.saving-dots i:nth-child(2){animation-delay:.15s}.saving-dots i:nth-child(3){animation-delay:.3s}.celebration-confetti i{position:absolute;z-index:2;width:9px;height:15px;border-radius:3px;opacity:0}.profile-save-overlay.success .celebration-confetti i{animation:confetti-fall 1.6s ease-out infinite}.confetti-1{left:9%;top:3%;background:#5b5df0;transform:rotate(20deg)}.confetti-2{left:21%;top:12%;background:#f4a340;animation-delay:.15s!important}.confetti-3{left:38%;top:2%;background:#13ae87;animation-delay:.3s!important}.confetti-4{right:10%;top:6%;background:#f06464;animation-delay:.45s!important}.confetti-5{right:25%;top:15%;background:#17a6c1;animation-delay:.6s!important}.confetti-6{right:39%;top:1%;background:#9765df;animation-delay:.75s!important}.confetti-7{left:7%;top:31%;background:#13ae87;animation-delay:.9s!important}.confetti-8{right:6%;top:35%;background:#5b5df0;animation-delay:1.05s!important}.confetti-9{left:15%;top:55%;background:#f06464;animation-delay:.5s!important}.confetti-10{right:15%;top:57%;background:#f4a340;animation-delay:.25s!important}.confetti-11{left:30%;top:24%;background:#17a6c1;animation-delay:1.1s!important}.confetti-12{right:31%;top:25%;background:#9765df;animation-delay:.85s!important}@keyframes overlay-fade{0%{opacity:0}to{opacity:1}}@keyframes celebration-card-in{0%{opacity:0;transform:translateY(24px) scale(.88)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cartoon-person-bob{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-7px) rotate(1deg)}}@keyframes cartoon-shadow-pulse{0%,to{transform:scaleX(1);opacity:.75}50%{transform:scaleX(.83);opacity:.45}}@keyframes cartoon-backdrop-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes cartoon-wave{0%{transform:rotate(-5deg)}to{transform:rotate(21deg)}}@keyframes cartoon-left-dance{0%{transform:rotate(3deg)}to{transform:rotate(-10deg)}}@keyframes success-badge-pop{0%{opacity:0;transform:scale(.1) rotate(-35deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes saving-dot{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}@keyframes confetti-fall{0%{opacity:0;transform:translateY(-15px) rotate(0)}20%{opacity:1}to{opacity:0;transform:translateY(95px) rotate(300deg)}}.profile-save-bar b{font-size:10px}.profile-save-bar small{color:var(--muted);font-size:9px}.official-card{position:sticky;top:112px;padding:20px}.official-list>div{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-top:1px solid #edf0f5}.official-list small{color:var(--muted);font-size:9px}.official-list b{font-size:10px;text-align:right}.access-hero{position:relative;min-height:180px;padding:31px 35px;border-radius:22px;overflow:hidden;display:flex;align-items:center;justify-content:space-between;color:#fff;background:radial-gradient(circle at 88% 10%,rgba(84,228,202,.27),transparent 29%),linear-gradient(125deg,#111d3e,#303987 57%,#147c88);box-shadow:0 18px 40px #121d3e33}.access-hero-copy{max-width:760px}.access-hero h2{margin:10px 0 7px;font-size:28px}.access-hero p{margin:0;color:#d3dbf6}.admin-only-pill,.protected-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:99px;font-size:9px;font-weight:800;letter-spacing:.08em}.admin-only-pill{background:#ffffff1f;border:1px solid rgba(255,255,255,.16)}.admin-only-pill svg,.protected-pill svg{width:15px}.protected-pill{color:#0b7c5f;background:#e2f8f1}.access-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:16px}.access-kpis article{padding:16px 18px;border:1px solid var(--line);border-radius:15px;background:#fff;display:flex;align-items:center;gap:12px;box-shadow:0 6px 18px #1823460a}.access-kpis article>span{width:39px;height:39px;border-radius:11px;display:grid;place-items:center;color:#5553d1;background:#ececff}.access-kpis article:nth-child(2)>span{color:#0b8b70;background:#e1f8f1}.access-kpis article:nth-child(3)>span{color:#b06b18;background:#fff1db}.access-kpis svg{width:19px}.access-kpis small,.access-kpis strong{display:block}.access-kpis small{color:var(--muted);font-size:9px}.access-kpis strong{font:800 22px Manrope}.access-notice{margin-top:14px}.access-tabs{display:flex;gap:5px;margin:19px 0 13px;padding:5px;width:fit-content;border-radius:12px;background:#e9ecf4}.access-tabs button{padding:9px 14px;border:0;border-radius:9px;background:transparent;color:#667087;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700}.access-tabs button svg{width:16px}.access-tabs button.active{color:#4848c2;background:#fff;box-shadow:0 4px 12px #232b4d17}.access-role-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:17px;align-items:start}.access-role-list{padding-bottom:10px;position:sticky;top:108px}.access-role-list .panel-header{border-bottom:1px solid var(--line)}.access-role-list .button{padding:8px 10px;font-size:10px}.access-role-card{width:calc(100% - 18px);margin:9px 9px 0;padding:11px;border:1px solid transparent;border-radius:12px;background:transparent;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;text-align:left}.access-role-card:hover{background:#f7f8fc}.access-role-card.active{border-color:#dcdcf9;background:linear-gradient(135deg,#efefff,#effaf8)}.scope-dot{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;color:#5352ca;background:#e8e8ff}.scope-dot.team,.scope-dot.department{color:#087b66;background:#dff6ef}.scope-dot.all{color:#a76416;background:#ffefd5}.scope-dot svg{width:18px}.access-role-card b,.access-role-card small{display:block}.access-role-card b{font-size:11px}.access-role-card small{margin-top:2px;color:var(--muted);font-size:8px}.access-role-card em{min-width:26px;padding:4px 7px;border-radius:99px;color:#5c6273;background:#e9ebf1;font-size:9px;font-style:normal;text-align:center}.access-editor{display:grid;gap:17px;min-width:0}.access-details-form{padding:0 20px 20px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:end}.access-details-form label{color:#505a71;font-size:9px;font-weight:700}.access-details-form input,.access-details-form select,.access-details-form textarea{display:block;width:100%;margin-top:5px;padding:10px 11px;border:1px solid #dee2ec;border-radius:9px;background:#fff}.access-details-form input:disabled,.access-details-form select:disabled{color:#8a91a2;background:#f1f3f7}.access-active-check{min-height:40px;padding:10px;border:1px solid #dee2ec;border-radius:9px;display:flex;align-items:center;gap:8px}.access-active-check input{width:auto;margin:0}.access-description{grid-column:1/-1}.permission-groups{padding:0 20px 20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.permission-group{padding:12px;border:1px solid var(--line);border-radius:12px;background:#fbfbfd}.permission-group header{margin-bottom:7px;display:flex;justify-content:space-between;text-transform:capitalize;font-size:10px}.permission-group header span{color:#6869d4}.permission-option{padding:8px;border-radius:8px;display:flex;gap:8px;align-items:flex-start;cursor:pointer}.permission-option:hover,.permission-option.checked{background:#f0f0ff}.permission-option input{accent-color:var(--indigo)}.permission-option b,.permission-option small{display:block}.permission-option b{font-size:9px}.permission-option small{margin-top:2px;color:var(--muted);font-size:7px}.permission-save{position:sticky;bottom:10px;padding:13px 20px;border-top:1px solid var(--line);background:#fffffff2;display:flex;justify-content:space-between;align-items:center}.permission-save span{color:var(--muted);font-size:10px}.assignment-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:17px;align-items:start}.assignment-table select,.assignment-table input[type=date]{min-width:145px;padding:8px;border:1px solid #dee2ec;border-radius:8px;background:#fff;font-size:10px}.assignment-actions{display:flex;gap:6px}.assignment-actions .button{padding:8px 10px;font-size:9px}.effective-access-card{position:sticky;top:108px;max-height:calc(100vh - 130px);overflow:auto;padding:18px}.effective-heading{display:flex;align-items:center;gap:11px}.effective-heading h2{margin:3px 0;font-size:16px}.effective-heading p{margin:0;color:var(--muted);font-size:9px}.effective-permissions{margin:15px 0;display:flex;flex-wrap:wrap;gap:5px}.effective-permissions span{padding:5px 7px;border-radius:7px;display:inline-flex;align-items:center;gap:3px;color:#0b765e;background:#e4f7f1;font-size:7px}.effective-permissions svg{width:10px}.override-editor{padding-top:15px;border-top:1px solid var(--line)}.override-editor>div p{margin:5px 0 12px;color:var(--muted);font-size:9px}.override-editor>label{padding:8px 0;border-top:1px solid #eff1f5;display:flex;justify-content:space-between;gap:9px;align-items:center}.override-editor label>span{font-size:9px}.override-editor small{display:block;color:var(--muted);font-size:7px}.override-editor select{width:105px;padding:6px;border:1px solid #dee2ec;border-radius:7px;background:#fff;font-size:8px}.override-editor .full-button{margin-top:13px}.reports-hero{min-height:170px;padding:30px 34px;border-radius:21px;color:#fff;background:radial-gradient(circle at 85% 18%,rgba(72,222,210,.3),transparent 28%),linear-gradient(125deg,#17285a,#554dcc 63%,#0f9fb1);display:flex;align-items:center;justify-content:space-between;overflow:hidden;box-shadow:0 18px 38px #2b337d2e}.reports-hero h2{font-size:27px;margin:9px 0 7px}.reports-hero p{margin:0;max-width:650px;color:#d9e0ff}.reports-hero-icon{width:88px;height:88px;border-radius:25px;display:grid;place-items:center;background:#ffffff1f;border:1px solid rgba(255,255,255,.14);transform:rotate(5deg)}.reports-hero-icon svg{width:39px;height:39px}.reports-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:18px;margin-top:18px;align-items:start}.report-catalog{position:sticky;top:108px;padding:17px}.report-catalog-title{padding:5px 5px 13px}.report-group+.report-group{border-top:1px solid var(--line);margin-top:15px;padding-top:15px}.report-group h3{margin:0 5px 8px;font-size:11px;color:#7a8298}.report-choice{width:100%;display:grid;grid-template-columns:36px 1fr 16px;align-items:center;gap:10px;padding:10px;border:1px solid transparent;border-radius:12px;background:transparent;text-align:left;color:var(--ink)}.report-choice:hover{background:#f7f7fc}.report-choice.active{background:linear-gradient(135deg,#efefff,#eefbf8);border-color:#dcdcf8;box-shadow:0 6px 15px #4b48bc12}.report-choice>span{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#5553d1;background:#ececff}.report-choice>span svg{width:18px}.report-choice b,.report-choice small{display:block}.report-choice b{font-size:11px;margin-bottom:2px}.report-choice small{color:var(--muted);font-size:9px;line-height:1.35}.report-choice>svg{width:15px;color:#aeb4c3}.report-workspace{min-width:0}.report-filter-panel{overflow:visible}.report-filter-grid{padding:0 20px 20px;display:grid;grid-template-columns:repeat(4,minmax(135px,1fr));gap:12px;align-items:end}.report-filter-grid label{min-width:0;color:#4f5870;font-size:10px;font-weight:700}.report-filter-grid input,.report-filter-grid select{width:100%;display:block;margin-top:6px;padding:10px 11px;border:1px solid #dde2ed;border-radius:10px;background:#fff;color:var(--ink)}.report-generate{min-height:40px}.report-generate svg{width:17px}.report-error{margin:0 20px 20px}.report-empty{margin-top:18px;min-height:285px;display:grid;place-items:center}.report-output{margin-top:18px}.report-document-header{padding:17px 20px;border-radius:16px 16px 0 0;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.report-document-brand{display:flex;align-items:center;gap:10px}.report-document-brand>span{width:39px;height:39px;border-radius:11px;display:grid;place-items:center;color:#173c49;background:linear-gradient(135deg,#8be8d8,#d3f8f0);font:800 12px Manrope}.report-document-brand b,.report-document-brand small{display:block}.report-document-brand small{color:var(--muted);font-size:9px}.report-document-actions{display:flex;gap:8px}.report-title-block{padding:23px 25px;background:linear-gradient(135deg,#f9f9ff,#f0fbf9);border-left:1px solid var(--line);border-right:1px solid var(--line)}.report-title-block h2{margin:5px 0;font-size:21px}.report-title-block p{margin:4px 0;font-size:11px}.report-title-block>small{color:var(--muted);font-size:9px}.report-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.report-summary-grid article{padding:15px 18px;background:#fff}.report-summary-grid small,.report-summary-grid strong{display:block}.report-summary-grid small{color:var(--muted);font-size:9px;margin-bottom:4px}.report-summary-grid strong{font:800 19px Manrope;color:#30357c}.report-table{border-radius:0 0 16px 16px;box-shadow:0 15px 35px #18234612}.report-table .table-toolbar{justify-content:flex-end}.report-table td{white-space:nowrap}@media(max-width:1250px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.balance-grid{grid-template-columns:repeat(3,1fr)}.approval-card{grid-template-columns:190px 1fr}.decision-panel{grid-column:1/-1;border-left:0;border-top:1px solid var(--line)}.decision-panel>div{max-width:330px}.type-grid{grid-template-columns:repeat(2,1fr)}.profile-hero{grid-template-columns:150px 1fr 320px;padding:25px}.completion-sections{grid-template-columns:repeat(4,1fr)}.reports-layout,.access-role-layout{grid-template-columns:270px minmax(0,1fr)}.permission-groups{grid-template-columns:repeat(2,1fr)}.assignment-layout{grid-template-columns:1fr}.effective-access-card{position:static;max-height:none}.report-filter-grid{grid-template-columns:repeat(2,minmax(150px,1fr))}}@media(max-width:900px){.sidebar{transform:translate(-100%);transition:.25s}.sidebar.open{transform:translate(0);box-shadow:0 0 0 100vw #0a112a80}.mobile-close{display:grid;margin-left:auto;border:0;background:transparent;color:#fff}.workspace{margin:0}.menu-button{display:grid;border:0;background:#eeeff8;border-radius:9px;padding:8px}.topbar{padding:16px 20px}.page-content{padding:22px 17px}.dashboard-lower,.two-panels,.split-layout,.holidays-layout,.roster-grid,.login-page{grid-template-columns:1fr}.login-visual{display:none}.login-form-side{min-height:100vh}.approval-card{grid-template-columns:1fr}.approval-profile{border-right:0;border-bottom:1px solid var(--line)}.profile-hero{grid-template-columns:140px 1fr}.completion-ring-card{grid-column:1/-1}.profile-layout{grid-template-columns:1fr}.official-card{position:static}.reports-layout{grid-template-columns:1fr}.report-catalog{position:static}.access-role-layout{grid-template-columns:1fr}.access-role-list{position:static}.access-details-form{grid-template-columns:repeat(2,1fr)}.report-group{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.report-group h3{grid-column:1/-1}}@media(max-width:620px){.topbar-title span,.user-chip{display:none}.topbar h1{font-size:19px}.language-switch>svg{display:none}.welcome-banner{padding:24px;display:block}.welcome-banner h2{font-size:23px}.welcome-banner .button{margin-top:20px}.kpi-grid,.balance-grid,.type-grid{grid-template-columns:1fr}.profile-progress-card{grid-template-columns:38px 1fr}.profile-progress-action{display:none}.profile-hero{grid-template-columns:1fr;text-align:center;padding:24px 18px}.profile-badges{justify-content:center}.completion-ring-card{text-align:left}.completion-sections{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.span-2,.span-3{grid-column:auto}.check-grid{grid-template-columns:1fr}.table-toolbar{align-items:flex-start;gap:10px;flex-direction:column}.search-box{width:100%}.filter-tabs{overflow:auto;width:100%}.week-grid{gap:3px}.week-grid small{display:none}.inline-form{grid-template-columns:1fr}.topbar-actions{gap:5px}.language-switch{padding:5px}.login-form-side{padding:70px 25px}.approval-details,.decision-panel{padding:15px}.page-heading{align-items:flex-start;gap:12px}.page-heading>.button{padding:9px;font-size:0}.page-heading>.button svg{margin:0}.profile-save-bar{align-items:flex-start;flex-wrap:wrap}.profile-save-actions{margin-left:auto}.profile-celebration-card{padding:15px 20px 25px;border-radius:22px}.profile-cartoon{height:190px}.profile-celebration-card h2{font-size:23px}.reports-hero{padding:25px 22px}.reports-hero h2{font-size:22px}.reports-hero-icon{display:none}.report-group,.report-filter-grid{grid-template-columns:1fr}.report-document-header{align-items:flex-start}.report-document-actions{flex-direction:column}.report-document-actions .button{padding:8px;font-size:0}.report-document-actions .button svg{margin:0}.access-hero{min-height:160px;padding:24px 21px}.access-hero h2{font-size:22px}.admin-only-pill{display:none}.access-kpis{grid-template-columns:1fr}.access-tabs{width:100%}.access-tabs button{flex:1;justify-content:center}.access-details-form,.permission-groups{grid-template-columns:1fr}.access-details-form .access-description{grid-column:auto}}@media print{body{background:#fff}.sidebar,.topbar,.reports-hero,.report-catalog,.report-filter-panel,.report-document-actions,.report-empty{display:none!important}.workspace{margin:0}.page-content{max-width:none;padding:0}.reports-layout{display:block;margin:0}.report-output{margin:0}.report-document-header,.report-title-block,.report-summary-grid,.report-table{break-inside:avoid;box-shadow:none}.report-table{border-radius:0}.table-scroll{overflow:visible}th,td{padding:7px 8px;font-size:8px}}.workflow-direct-hint{display:flex;align-items:center;gap:20px;margin:0 0 18px;padding:18px 20px;border:1px solid #dce3f5;border-radius:14px;background:#eef2ff;color:#384576}.workflow-direct-hint>div{flex:1}.workflow-direct-hint p{margin:6px 0 0;font-size:12px;line-height:1.6;color:#667697}.workflow-direct-hint>.button{flex-shrink:0;background:#fff;border:1px solid #d4d9f4;color:#5545cf}.workflow-layer-error{padding:10px 12px;border-radius:10px;background:#fff0f2;color:#b42342;font-size:12px;line-height:1.5}.workflow-save-feedback:focus{outline:none}.workflow-save-feedback .notice{display:block;line-height:1.6}.workflow-save-feedback ul{margin:8px 0 0;padding-left:22px}.workflow-preview{overflow-wrap:anywhere}@media(max-width:700px){.workflow-direct-hint{align-items:flex-start;flex-direction:column;gap:12px}.workflow-direct-hint>.button{width:100%}}.saved-workflow-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.saved-workflow-heading h3{margin:0}.saved-workflow-heading .search-box{max-width:320px;flex:1;min-width:180px}.workflow-reference{font-size:11px;color:#8a96ac;font-weight:500}.workflow-source{display:inline-block;margin-left:8px;padding:2px 7px;background:#e1f7ee;color:#087b64;border-radius:5px;font-size:10px}.workflow-delete-button{padding:7px 11px!important;border:1px solid #f2cbd0!important;background:#fff5f5!important;color:#b9374b!important;font-size:12px!important}.workflow-delete-button:disabled{opacity:.4;cursor:not-allowed}.workflow-assigned-names{font-size:12px;color:#75829b;line-height:1.7}.workflow-delete-dialog{width:min(560px,calc(100vw - 32px));border:1px solid #e1e5f0;border-radius:22px;padding:26px;box-shadow:0 24px 90px #16234433;color:#24334e}.workflow-delete-dialog::backdrop{background:#101a39a6}.workflow-delete-dialog p{font-size:13px;line-height:1.7}.workflow-delete-dialog label,.employee-flow-editor label{display:grid;gap:8px;margin:16px 0;color:#52637e;font-size:12px;font-weight:700}.workflow-delete-dialog select,.employee-flow-editor select,.employee-flow-filters select{padding:11px 12px;border:1px solid #dce2f0;border-radius:10px;background:#fff;font:inherit;color:#33435e;max-width:100%}.workflow-delete-confirm{background:#c3344d;color:#fff}.workflow-delete-confirm:disabled{opacity:.4;cursor:not-allowed}.employee-flow-panel{overflow:hidden}.employee-flow-filters{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap;padding:20px}.employee-flow-filters .search-box{flex:1;min-width:200px}.employee-flow-filters>label{display:grid;gap:6px;font-size:11px;color:#71809c}.employee-flow-table{min-width:900px}.employee-flow-table th:first-child{width:23%}.employee-flow-table th:nth-child(2){width:25%}.employee-flow-table th:last-child{width:125px}.employee-flow-table td{vertical-align:top}.employee-flow-table .subtext{margin-top:6px;font-size:11px}.employee-flow-sequence{padding-left:18px;margin:0;display:grid;gap:10px}.employee-flow-sequence li{padding-left:3px;color:#62728c;font-size:11px}.employee-flow-sequence b{display:block;font-size:12px;color:#344564}.employee-flow-sequence span{display:block;line-height:1.6;margin-top:4px}.employee-flow-sequence small{display:block;color:#078a72;margin-top:4px;font-size:10px}.employee-flow-editor{margin-top:24px;scroll-margin-top:120px}.employee-flow-editor>.panel{margin-bottom:18px}.workflow-individual-target{padding:16px;border-radius:12px;background:#f3f1ff;color:#4a427c}.workflow-individual-target>span{display:block;font-size:12px;margin-top:5px}.workflow-individual-target p{font-size:12px;line-height:1.7;margin-bottom:0}.workflow-pool-option{display:flex!important;align-items:flex-start!important;line-height:1.6}.workflow-pool-option input{width:16px;flex:0 0 16px;accent-color:#6554ed;margin-top:3px}.workflow-pool-summary{padding:16px;border-radius:12px;background:#effbf6;color:#247362;font-size:12px;line-height:1.7}.workflow-pool-summary p{font-weight:700}.workflow-pool-summary small{color:#5a8a7d}.approval-pool-explanation{line-height:1.8;font-size:12px}.saved-workflow-heading+.employee-pagination{margin-top:20px}@media(max-width:700px){.employee-flow-filters{padding:16px}.employee-flow-filters>.search-box{flex-basis:100%}.employee-flow-filters>label{flex:1;min-width:140px}.workflow-delete-dialog{padding:20px}.workflow-layer-grid{grid-template-columns:1fr}}.employee-flow-editor .button:disabled,.workflow-save:disabled,.approval-pool-panel .button:disabled{opacity:.45;cursor:not-allowed}.platform-loading,.platform-login-shell{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 15% 15%,#312e81 0,#111827 42%,#070b14);color:#e5e7eb}.platform-login-card{width:min(440px,calc(100vw - 40px));padding:42px;border:1px solid #334155;border-radius:28px;background:#0f172af0;box-shadow:0 30px 80px #0008}.platform-mark{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;color:#c4b5fd;background:#312e81;margin-bottom:24px}.platform-login-card small,.platform-shell small{font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#a5b4fc}.platform-login-card h1{font-size:38px;margin:8px 0 10px}.platform-login-card p{line-height:1.6;color:#aeb9ca}.platform-login-card form{display:grid;gap:16px;margin:28px 0 18px}.platform-login-card label{display:grid;gap:8px;font-weight:700}.platform-login-card input{padding:14px 16px;border:1px solid #475569;border-radius:12px;background:#111827;color:#fff}.platform-login-card button{padding:15px;border:0;border-radius:12px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-weight:800;cursor:pointer}.platform-login-card em{font-size:12px;color:#64748b}.platform-error{padding:12px 14px;border-radius:10px;background:#451a1a;color:#fecaca}.platform-shell{min-height:100vh;padding:34px clamp(24px,5vw,80px);background:#f4f6fb;color:#111827}.platform-header{display:flex;justify-content:space-between;align-items:center;gap:24px}.platform-header h1{margin:6px 0 0;font-size:34px}.platform-user{display:flex;align-items:center;gap:10px;padding:10px 12px 10px 16px;border:1px solid #dbe1ed;border-radius:999px;background:#fff}.platform-user button{display:grid;place-items:center;border:0;background:#eef2ff;color:#4338ca;border-radius:50%;width:34px;height:34px;cursor:pointer}.platform-intro{display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center;margin:34px 0;padding:26px;border-radius:24px;background:linear-gradient(135deg,#111827,#312e81);color:#fff}.platform-intro>div:first-child{display:grid;gap:6px}.platform-intro>div:first-child span{color:#cbd5e1}.platform-stat{min-width:130px;padding:15px 18px;border:1px solid #ffffff2b;border-radius:16px;display:grid;grid-template-columns:auto auto;gap:2px 10px;align-items:center}.platform-stat svg{grid-row:1/3;color:#a5b4fc}.platform-stat strong{font-size:24px}.platform-stat span{font-size:12px;color:#cbd5e1}.platform-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.platform-tenant{padding:24px;border:1px solid #dfe4ef;border-radius:22px;background:#fff;box-shadow:0 12px 35px #25345a0d}.platform-tenant-head{display:flex;justify-content:space-between;align-items:center}.platform-tenant-head>span{font-weight:900;color:#4f46e5}.tenant-status{padding:6px 9px;border-radius:999px;font-size:11px;background:#e2e8f0}.tenant-status.active{background:#dcfce7;color:#166534}.tenant-status.trial{background:#fef3c7;color:#92400e}.tenant-status.suspended,.tenant-status.closed{background:#fee2e2;color:#991b1b}.platform-tenant h2{margin:22px 0 4px}.platform-tenant>p{margin:0;color:#64748b}.platform-tenant dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0 0}.platform-tenant dl div{padding:12px;border-radius:12px;background:#f8fafc}.platform-tenant dt{font-size:11px;color:#64748b;margin-bottom:5px}.platform-tenant dd{margin:0;font-weight:800;display:flex;align-items:center;gap:5px}@media(max-width:720px){.platform-header{align-items:flex-start}.platform-user span{display:none}.platform-intro{grid-template-columns:1fr 1fr}.platform-intro>div:first-child{grid-column:1/-1}.platform-tenant dl{grid-template-columns:1fr}}.approval-workflow-panel{padding:26px}.workflow-note{display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:16px;background:#eef2ff;color:#312e81}.workflow-note svg{flex:0 0 auto}.workflow-note p{margin:4px 0 0;color:#64748b}.workflow-list{display:grid;gap:18px;margin-top:22px}.workflow-card{padding:22px;border:1px solid #e1e5ee;border-radius:18px;background:#fff}.workflow-card>div:first-child{display:flex;gap:8px;align-items:center}.workflow-card h3{margin:12px 0 18px}.workflow-steps{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap}.workflow-step{display:flex;align-items:center;gap:10px}.workflow-step>strong{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#5b4df5;color:#fff}.workflow-step>span{display:grid;min-width:150px;padding:10px 12px;border-radius:12px;background:#f7f8fb}.workflow-step small{margin-top:3px;color:#737b8c}.workflow-step>svg{color:#94a3b8}.check-line{display:flex!important;align-items:center;gap:10px}.check-line input{width:auto!important}.employee-directory-panel{overflow:hidden}.employee-filters{gap:16px;flex-wrap:wrap;align-items:flex-end}.employee-filters .search-box{flex:1;min-width:180px}.employee-filters>label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#61708b}.employee-filters select{min-height:42px;padding:8px 32px 8px 12px;border:1px solid #d9deed;border-radius:10px;background:#fff;color:#263451;font:inherit}.employee-pagination{padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e9edf5;background:#fafbfe;color:#63718a;font-size:13px}.employee-page-buttons{display:flex;gap:12px;align-items:center;white-space:nowrap}.employee-page-buttons .button{padding:7px;min-width:34px;min-height:34px;border:1px solid #e0e5f0;background:#fff}.employee-page-buttons .button:disabled{opacity:.4;cursor:not-allowed}.employee-table table{min-width:920px}.employee-edit-button{display:inline-flex;align-items:center;gap:6px;padding:8px 11px!important;border:1px solid #dcd9fc!important;background:#f7f5ff!important;color:#5b4df5!important;font-size:12px;white-space:nowrap}.employee-status{display:inline-flex;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800;white-space:nowrap;background:#edf2f7;color:#53647c}.employee-status.aktif{background:#def7ee;color:#087f68}.employee-status.probation{background:#fff1d6;color:#946000}.employee-status.cuti_panjang{background:#e9e7ff;color:#6041ad}.employee-status.berhenti{background:#ffe5e9;color:#b52e47}.employee-empty{text-align:center;padding:36px!important;color:#748198}.employee-login-toggle{display:flex!important;align-items:center;gap:10px;align-self:center}.employee-login-toggle input{width:18px!important;min-height:18px!important;height:18px!important;accent-color:#5b4df5}.employee-edit-form input[readonly]{background:#f4f6fb;color:#7a879e}@media(max-width:640px){.employee-filters{padding:16px}.employee-filters .search-box{flex-basis:100%}.employee-filters>label{flex:1;min-width:120px}.employee-pagination{padding:12px;flex-wrap:wrap}.employee-page-buttons{margin-left:auto;gap:7px}.employee-edit-form .employee-login-toggle{grid-column:1/-1}}.approval-config-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.approval-mapping-table{min-width:900px}.approval-mapping-table select{max-width:360px;width:100%;padding:10px;border:1px solid #dce2ef;border-radius:10px;background:#fff;color:#293750;font:inherit;font-size:12px}.mapping-warning{display:block;margin-top:6px;color:#b36612}.approval-config-hint{padding:14px 20px;color:#738098;font-size:12px}.approval-pool-panel{padding:26px}.approval-pool-panel>p{color:#748198}.approval-pool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:24px 0}.approval-pool-person{display:flex;align-items:center;gap:12px;padding:20px;border:1px solid #dfe4ef;border-radius:16px;cursor:pointer}.approval-pool-person.selected{border-color:#7564f7;background:#f6f4ff}.approval-pool-person input{width:18px;height:18px;accent-color:#6554f0}.approval-pool-person>span{display:grid;gap:5px;flex:1}.approval-pool-person small{color:#75829a}.approval-pool-person>svg{color:#6554f0}.flexible-workflow-builder{display:grid;gap:22px}.workflow-setup-card{padding:24px}.workflow-setup-card h3{display:flex;align-items:center;gap:10px;margin:0 0 20px}.workflow-setup-card h3>span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#4038bd;color:#fff;font-size:12px}.workflow-setup-card>small{color:#71809a;line-height:1.6}.workflow-person-list{max-height:260px;overflow:auto;border:1px solid #dce3f1;border-radius:12px;margin-top:12px}.workflow-person-list>label{display:flex;gap:12px;align-items:flex-start;padding:14px;border-bottom:1px solid #edf0f6;cursor:pointer}.workflow-person-list>label.selected{background:#f1efff}.workflow-person-list input,.workflow-select-all input{width:16px;height:16px;flex:0 0 16px;accent-color:#5b4df5}.workflow-person-list>label>span{display:grid;gap:4px;font-size:13px}.workflow-person-list small{font-size:11px;color:#76839b}.workflow-person-list em{font-size:10px;color:#ad7220;font-style:normal}.workflow-select-all{display:flex;align-items:center;gap:10px;margin-top:18px;font-size:12px}.workflow-selected{display:grid;gap:6px;padding:12px 0;font-size:12px;line-height:1.5;color:#697891}.workflow-selected b{color:#364864}.workflow-layer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.workflow-layer{border-top:3px solid #8a5cf5}.workflow-layer.final{border-top-color:#08a181}.workflow-layer-heading{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-bottom:18px;color:#6650bf;font-size:12px}.workflow-layer.final .workflow-layer-heading{color:#078f73}.workflow-layer-heading>div{display:flex;gap:5px}.workflow-layer-heading button{display:grid;place-items:center;width:28px;height:28px;border:1px solid #e0e4ef;border-radius:7px;background:#fff;cursor:pointer;color:#68778e}.workflow-layer-heading button:disabled{opacity:.25;cursor:not-allowed}.workflow-layer>label{display:grid;gap:8px;font-size:12px;font-weight:700;margin-bottom:12px}.workflow-layer input:not([type=checkbox]){width:100%;padding:10px 12px;border:1px solid #dce2f0;border-radius:9px;font:inherit;font-size:12px}.workflow-preview{margin:24px 0;padding:18px;background:#f6f7fc;border:1px dashed #cbd2ea;border-radius:12px;color:#5d6f8c;font-size:12px;line-height:1.8}.workflow-save{width:100%;justify-content:center}.saved-flexible-workflow{border:1px solid #e3e7f2;border-radius:14px;padding:18px;margin-top:14px}.saved-flexible-workflow>small{display:block;color:#7a879c;font-size:11px;margin-top:5px}.saved-flexible-workflow>p{font-size:12px;color:#64748b}@media(max-width:640px){.workflow-layer-grid{grid-template-columns:1fr}.workflow-setup-card{padding:18px}}.entitlement-filter-panel{padding:22px 24px;margin-bottom:20px}.entitlement-filter-heading{display:flex;align-items:center;gap:14px;margin-bottom:18px}.entitlement-filter-heading>b{color:#273650;font-size:14px}.entitlement-filter-heading>span{color:#8390a8;font-size:12px}.entitlement-filter-grid{display:grid;grid-template-columns:minmax(180px,1.1fr) minmax(200px,1.2fr) minmax(190px,1fr) auto;gap:16px;align-items:end}.entitlement-filter-grid>label{display:grid;gap:8px;color:#556581;font-size:12px;font-weight:700}.entitlement-filter-grid .search-box{width:100%;min-width:0;height:46px}.entitlement-filter-grid .search-box input{min-width:0;width:100%}.entitlement-filter-grid select{width:100%;min-width:0;height:46px;padding:10px 32px 10px 12px;border:1px solid #dce2f0;border-radius:11px;background:#fff;color:#263451;font:inherit;font-size:13px}.entitlement-reset{height:46px;white-space:nowrap;gap:7px;border:1px solid #e0e4f1!important}.entitlement-reset:disabled{opacity:.4;cursor:not-allowed}.entitlement-filter-summary{margin-top:16px;color:#79869d;font-size:12px}@media(max-width:1100px){.entitlement-filter-grid{grid-template-columns:1fr 1fr}.entitlement-reset{justify-self:start}}@media(max-width:600px){.entitlement-filter-panel{padding:18px}.entitlement-filter-grid{grid-template-columns:1fr}.entitlement-filter-heading{display:grid;gap:6px}.entitlement-reset{width:100%;justify-content:center}}.entitlement-pagination{flex-wrap:wrap;gap:12px 20px}.entitlement-page-size{display:flex;align-items:center;gap:10px;margin-left:auto;font-size:12px;color:#63718a}.entitlement-page-size select{min-width:68px;min-height:34px;padding:6px 26px 6px 10px;border:1px solid #dce2f0;border-radius:9px;background:#fff;color:#263451;font:inherit}@media(max-width:640px){.entitlement-page-size{margin-left:0}.entitlement-pagination>.employee-page-buttons{margin-left:auto}}.topbar{height:auto;min-height:92px;gap:20px}.topbar-title{min-width:0;flex:1}.topbar-title>div{min-width:0}.topbar-title h1{line-height:1.25;overflow-wrap:anywhere}.topbar-title>div>span{display:block;line-height:1.5;margin-bottom:5px}.topbar-actions,.menu-button{flex-shrink:0}.section-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 0 22px;padding:0;min-height:44px}.section-toolbar>p{margin:0;color:#73809a;line-height:1.6;font-size:13px;max-width:800px}.section-toolbar>.button{flex-shrink:0}.platform-header{flex-wrap:wrap;align-items:center;row-gap:18px}.platform-page-title{min-width:0;flex:1 1 300px}.platform-header h1{font-size:clamp(25px,2.4vw,34px);line-height:1.25;overflow-wrap:anywhere}.platform-page-title>small{display:block;line-height:1.5;margin-bottom:8px}.platform-user{flex-shrink:0}.platform-tenant{min-width:0}.platform-tenant h2{line-height:1.3;overflow-wrap:anywhere}.platform-tenant-head{gap:15px;flex-wrap:wrap}.roster-intro{flex-wrap:wrap}.roster-legend{display:flex;flex-wrap:wrap;gap:14px}.roster-legend>span{display:flex;align-items:center;gap:7px;font-size:11px;color:#79869d;white-space:nowrap}.roster-legend i{width:12px;height:12px;border-radius:4px;background:#f0f3f9;border:1px solid #dce2ee}.roster-legend i.rest{background:#6554ed;border-color:#6554ed}.roster-matrix-panel{overflow:hidden}.roster-matrix-filters{display:flex;align-items:flex-end;gap:16px;padding:20px;flex-wrap:wrap}.roster-matrix-filters>.search-box{flex:1;min-width:210px;height:44px}.roster-matrix-filters>label{display:grid;gap:6px;font-size:11px;font-weight:700;color:#74829b}.roster-matrix-filters select{height:44px;min-width:200px;border:1px solid #dce2ef;border-radius:10px;background:#fff;padding:9px 30px 9px 12px;color:#34435f;font:inherit}.roster-matrix-filters>.button{height:44px;border:1px solid #e1e5f0}.roster-pagination{flex-wrap:wrap;gap:12px 18px}.roster-matrix{min-width:880px;table-layout:fixed}.roster-matrix th:first-child{width:245px}.roster-matrix th,.roster-matrix td{padding:15px 10px}.roster-matrix th:first-child,.roster-matrix td:first-child{padding-left:20px;background:#fff;position:sticky;left:0;z-index:1}.roster-matrix thead th:first-child{background:#f8f9fd}.roster-matrix .person-cell>span{width:34px;height:34px;flex:0 0 34px;font-size:13px}.roster-matrix .person-cell>div{min-width:0}.roster-matrix .person-cell b{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roster-matrix .person-cell small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.roster-matrix th.roster-day-column{width:58px;text-align:center}.roster-matrix td.roster-day-column{text-align:center;padding:12px 6px}.roster-matrix abbr{text-decoration:none;cursor:help;font-size:11px;letter-spacing:.03em}.roster-day-toggle{display:inline-grid;place-items:center;width:35px;height:35px;border:1px solid #dfe5f0;border-radius:10px;background:#f8fafd;color:#b3bdce;cursor:pointer;transition:background .15s,box-shadow .15s}.roster-day-toggle>span{font-size:22px;line-height:1}.roster-day-toggle.selected{background:#6554ed;color:#fff;border-color:#6554ed;box-shadow:0 4px 9px #6554ed26}.roster-day-toggle:hover:not(:disabled){border-color:#8a7ff1;box-shadow:0 0 0 3px #6554ed14}.roster-day-toggle:focus-visible{outline:3px solid #b4adff;outline-offset:2px}.roster-day-toggle:disabled{cursor:default}.roster-matrix th:last-child{width:110px}.roster-row-save{display:inline-flex;gap:5px;align-items:center;justify-content:center;min-width:84px;padding:8px 10px!important;font-size:11px!important}.roster-row-save:disabled{opacity:.35;cursor:not-allowed}.roster-rest-count{font-weight:800;font-size:13px;color:#4e5f80;white-space:nowrap}.roster-rest-count small{font-weight:400;font-size:10px}.roster-unsaved td{background:#fcfbff}.roster-matrix-help{margin:0;padding:12px 20px;color:#8a95aa;font-size:11px;border-top:1px solid #edf0f6}@media(max-width:700px){.section-toolbar{align-items:flex-start;flex-wrap:wrap}.section-toolbar>.button{margin-left:auto}.topbar{min-height:76px;gap:10px}.roster-matrix-filters{padding:16px;gap:12px}.roster-matrix-filters>.search-box{flex-basis:100%}.roster-matrix-filters>label{flex:1;min-width:150px}.roster-matrix-filters select{width:100%;min-width:0}.roster-pagination>.employee-page-buttons{margin-left:auto}.roster-matrix th:first-child{width:185px}.roster-matrix td:first-child{padding-left:12px}.roster-matrix .person-cell{gap:8px}.roster-matrix .person-cell>span{display:none}.platform-header{align-items:flex-start}.platform-page-title{flex-basis:100%}.platform-user{margin-left:auto}}.theme-switch{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:99px;padding:7px 10px;background:#fff;color:var(--muted);font-size:11px;box-shadow:0 4px 16px #1b274e06;white-space:nowrap}.theme-switch select{border:0;outline:none;background:transparent;color:var(--ink);font:inherit;font-weight:700;cursor:pointer;max-width:135px;min-height:22px;padding-right:3px}.theme-switch:focus-within{outline:3px solid #b5b0f8;outline-offset:2px}.theme-swatch{width:12px;height:12px;flex:0 0 12px;border-radius:50%;border:1px solid #00000012}.theme-swatch.classic{background:linear-gradient(135deg,#5b5df0 50%,#10a7c8 50%)}.theme-swatch.green-yellow{background:linear-gradient(135deg,#176c45 50%,#f2cd54 50%)}.login-top,.platform-header-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.platform-login-shell{position:relative}.platform-theme-picker{position:absolute;top:24px;right:24px}:root[data-theme=green-yellow]{--navy:#103d2d;--navy2:#1b5239;--indigo:#176c45;--purple:#468148;--cyan:#5a8d62;--emerald:#1e8058;--amber:#d3a622;--ink:#203b2d;--muted:#66796d;--line:#e0e7d9;--surface:#fff;--shadow:0 14px 34px #244a2912;--completion-accent:#f4d669;color:var(--ink);background:#f5f7ef}[data-theme=green-yellow] body{background:#f5f7ef;color:var(--ink)}[data-theme=green-yellow] .sidebar{background:linear-gradient(180deg,#103d2d,#184c35 65%,#1d573c)}[data-theme=green-yellow] :is(.brand>span,.login-brand>span,.avatar){background:linear-gradient(135deg,#f5d45f,#ffecac);color:#23492e}[data-theme=green-yellow] :is(.brand small,.sidebar-profile small,.sidebar-profile button,.login-brand small){color:#c5dbcb}[data-theme=green-yellow] .sidebar nav a{color:#d0e0d2}[data-theme=green-yellow] .sidebar nav a.active{background:linear-gradient(110deg,#f1d269,#ffe8a1);color:#20482e;box-shadow:inset 3px 0 #fff3bc}[data-theme=green-yellow] .sidebar nav a:hover:not(.active){background:#ffffff12;color:#fff}[data-theme=green-yellow] :is(.topbar-title span,.section-toolbar p){color:#718571}[data-theme=green-yellow] .user-chip{background:#fbf1c9;color:#5e622e}[data-theme=green-yellow] .user-chip b{color:#1e6841}[data-theme=green-yellow] .button.primary{background:linear-gradient(135deg,#1b774c,#115735);box-shadow:0 8px 18px #1c634327;color:#fff}[data-theme=green-yellow] .button.primary:hover{box-shadow:0 10px 24px #1c63433d}[data-theme=green-yellow] .button.white{background:#ffe38b;color:#294f32}[data-theme=green-yellow] .button.soft{background:#fbefbd;color:#536022}[data-theme=green-yellow] .button.ghost{background:#eff3e9;color:#52684f}[data-theme=green-yellow] .button:focus-visible{outline:3px solid #e5bb3f;outline-offset:3px}[data-theme=green-yellow] :is(.language-switch button.active,.workflow-setup-card h3>span,.workflow-step>strong){background:#176c45;color:#fff}[data-theme=green-yellow] .language-switch{border-color:var(--line);color:#5f7563}[data-theme=green-yellow] .theme-switch:focus-within{outline-color:#dbb447}[data-theme=green-yellow] :is(.welcome-banner,.reports-hero){background:linear-gradient(115deg,#154d33,#2f7345 65%,#8e923b 125%);box-shadow:0 18px 36px #2b4f211a}[data-theme=green-yellow] :is(.welcome-banner p,.reports-hero p,.login-copy>p,.profile-identity>p){color:#dbe9d6}[data-theme=green-yellow] :is(.welcome-banner .overline,.reports-hero .overline,.login-copy .overline){color:#f7d877}[data-theme=green-yellow] .banner-shape{border-color:#efd26921}[data-theme=green-yellow] .login-visual{background:radial-gradient(circle at 10% 10%,#558452,#215d3d 42%,#103d2d 80%)}[data-theme=green-yellow] .orb-one{border-color:#efd26920}[data-theme=green-yellow] .orb-two{background:#b8cb7230}[data-theme=green-yellow] .login-features svg{color:#f4d66e}[data-theme=green-yellow] :is(.overline.purple,.section-heading a,.balance-value,.profile-progress-copy strong,.profile-progress-action){color:#39734b}[data-theme=green-yellow] :is(.login-icon,.profile-progress-icon,.violet .kpi-icon,.report-choice>span){background:#eaf1db;color:#44713e}[data-theme=green-yellow] .kpi-card.violet:before{background:#d6ad31}[data-theme=green-yellow] .cyan .kpi-icon{background:#fff1bf;color:#8a6b0f}[data-theme=green-yellow] :is(.balance-top span,.leave-code){background:#f7edc3;color:#526127}[data-theme=green-yellow] .accent-0:before{background:#347849}[data-theme=green-yellow] .accent-1:before{background:#d6ad31}[data-theme=green-yellow] .accent-2:before{background:#7c9e57}[data-theme=green-yellow] .accent-3:before{background:#d6ad31}[data-theme=green-yellow] :is(.profile-progress-card,.demo-note){background:linear-gradient(110deg,#fff,#f6f8e8);border-color:var(--line)}[data-theme=green-yellow] .progress-track{background:#e7ead7}[data-theme=green-yellow] .progress-track span{background:linear-gradient(90deg,#36764a,#d6b33e)}[data-theme=green-yellow] .profile-hero{background:radial-gradient(circle at 90% 0%,#f0d36438,transparent 36%),linear-gradient(125deg,#184c32,#36794a 60%,#637d36);box-shadow:0 18px 36px #28572c22}[data-theme=green-yellow] .profile-photo{background:linear-gradient(145deg,#fff3c0,#d6e8bd);color:#2b5c3c}[data-theme=green-yellow] .completion-ring-card{background:#123a2b60}[data-theme=green-yellow] .completion-ring>div{background:#245a39}[data-theme=green-yellow] :is(.completion-ring small,.completion-ring-card p){color:#dfe9cb}[data-theme=green-yellow] .filter-tabs button.active{background:#fbefbd;color:#4c642e}[data-theme=green-yellow] .report-choice.active{background:#f4f7e9;border-color:#d4dfa9;box-shadow:inset 3px 0 #c7a32d}[data-theme=green-yellow] :is(.workflow-note,.workflow-direct-hint){background:#f3f5df;color:#45643b;border:1px solid #e2e7be}[data-theme=green-yellow] :is(.workflow-note p,.workflow-direct-hint p){color:#708064}[data-theme=green-yellow] .workflow-direct-hint>.button{background:#fff7d4;border-color:#e6d797;color:#5f652a}[data-theme=green-yellow] .workflow-layer{border-top-color:#619164}[data-theme=green-yellow] .workflow-layer.final{border-top-color:#d2aa31}[data-theme=green-yellow] .workflow-layer-heading{color:#407347}[data-theme=green-yellow] .workflow-layer.final .workflow-layer-heading{color:#8a6b16}[data-theme=green-yellow] :is(.workflow-person-list>label.selected,.approval-pool-person.selected){background:#f0f4dd;border-color:#b2c987}[data-theme=green-yellow] :is(.workflow-person-list input,.workflow-select-all input,.workflow-pool-option input,.approval-pool-person input,.employee-login-toggle input){accent-color:#287647}[data-theme=green-yellow] .approval-pool-person>svg{color:#47783a}[data-theme=green-yellow] :is(.workflow-preview,.workflow-individual-target){background:#f6f7e8;color:#5b704d;border-color:#d6dfb7}[data-theme=green-yellow] .workflow-pool-summary{background:#f5f3da;color:#68702f}[data-theme=green-yellow] .workflow-pool-summary small{color:#7d8651}[data-theme=green-yellow] .employee-edit-button{background:#f3f6e4!important;color:#4b7336!important;border-color:#dce5bc!important}[data-theme=green-yellow] .roster-day-toggle.selected{background:#377a45;border-color:#377a45;box-shadow:0 4px 9px #39723d26}[data-theme=green-yellow] .roster-day-toggle:hover:not(:disabled){border-color:#8fa85f;box-shadow:0 0 0 3px #819d4f17}[data-theme=green-yellow] .roster-day-toggle:focus-visible{outline-color:#ddbf5b}[data-theme=green-yellow] .roster-legend i.rest{background:#377a45;border-color:#377a45}[data-theme=green-yellow] .roster-unsaved td{background:#fffbed}[data-theme=green-yellow] :is(input,select,textarea):focus{outline-color:#7e9e53;border-color:#8fa961;box-shadow:0 0 0 3px #7e9e5317}[data-theme=green-yellow] :is(.employee-pagination,.roster-matrix thead th:first-child){background:#f8faf1;color:#6e7f65}[data-theme=green-yellow] :is(.platform-shell,.platform-loading){background:#f5f7ef;color:var(--ink)}[data-theme=green-yellow] .platform-intro{background:linear-gradient(120deg,#123d2c,#2f7142);color:#fff}[data-theme=green-yellow] :is(.platform-shell small,.platform-tenant-head>span){color:#5a7748}[data-theme=green-yellow] .platform-header-controls .platform-user button{background:#fbefbd;color:#5f6b2e}[data-theme=green-yellow] .platform-stat svg{color:#efcf69}[data-theme=green-yellow] .platform-tenant dl div{background:#f6f8ef}[data-theme=green-yellow] .platform-login-shell{background:radial-gradient(circle at 15% 15%,#3e733f,#123d2d 45%,#09281e);color:#e7efdc}[data-theme=green-yellow] .platform-login-card{background:#123a2ff2;border-color:#496c43}[data-theme=green-yellow] .platform-login-card input{background:#133e30;border-color:#527149;color:#fff}[data-theme=green-yellow] .platform-login-card form button{background:linear-gradient(135deg,#e7c34b,#ffe49a);color:#25492d}[data-theme=green-yellow] .platform-mark{background:#426239;color:#f5d875}[data-theme=green-yellow] .platform-login-card :is(small,em){color:#e1cf8e}[data-theme=green-yellow] .platform-login-card p{color:#c6dac7}@media(max-width:800px){.theme-switch>svg{display:none}.theme-switch{padding:6px 8px;gap:5px}.theme-switch select{max-width:115px}}@media(max-width:620px){.topbar{flex-wrap:wrap;gap:12px}.topbar-title{flex-basis:100%}.topbar-actions{margin-left:auto}.login-top{right:20px;top:20px;gap:8px}.platform-header-controls{gap:10px}.theme-switch{font-size:10px}.platform-theme-picker{right:18px;top:18px}}@media print{.theme-switch,.platform-theme-picker{display:none!important}}