:root{color:#17233a;background:#f3f6fa;font-family:Inter,Manrope,Segoe UI,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--navy-950: #07182f;--navy-900: #0d274c;--navy-800: #173963;--navy-700: #24517e;--teal-700: #08736e;--teal-600: #0d8d86;--teal-500: #13aaa0;--teal-100: #dff4f1;--blue-100: #e8effa;--gold-600: #b87913;--gold-100: #fff1d4;--ink: #17233a;--muted: #6b778c;--line: #dfe6ef;--surface: #ffffff;--surface-soft: #f7f9fc;--danger: #c63c4d;--warning: #b66a0a;--shadow-sm: 0 8px 28px rgba(15, 39, 76, .07);--shadow-md: 0 18px 52px rgba(15, 39, 76, .12)}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:#f3f6fa}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 92% 4%,rgba(13,141,134,.08),transparent 22rem),#f3f6fa}body.modal-open{overflow:hidden}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:40;display:flex;width:274px;height:100vh;height:100dvh;overflow:hidden;flex-direction:column;padding:26px 20px 18px;color:#eaf2ff;background:linear-gradient(165deg,rgba(19,170,160,.1),transparent 28%),var(--navy-950);border-right:1px solid rgba(255,255,255,.06)}.brand{display:flex;flex:0 0 auto;align-items:center;gap:12px;min-height:58px;padding:0 10px 20px;border-bottom:1px solid rgba(255,255,255,.09)}.brand img{width:48px;height:48px;object-fit:contain;padding:5px;filter:brightness(0) invert(1);opacity:.96}.brand div{display:flex;min-width:0;flex-direction:column}.brand strong{font-size:20px;line-height:1.15;letter-spacing:.02em}.brand span{margin-top:3px;color:#9db0ca;font-size:12px;letter-spacing:.13em;text-transform:uppercase}.sidebar-close{display:none;margin-left:auto;padding:7px;color:#fff;background:transparent;border:0}.sidebar-nav{display:flex;flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;flex-direction:column;gap:6px;margin-right:-6px;padding:28px 6px 20px 0;overscroll-behavior:contain;scrollbar-color:rgba(132,169,190,.45) transparent;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.sidebar-nav::-webkit-scrollbar{width:5px}.sidebar-nav::-webkit-scrollbar-thumb{border-radius:999px;background:#84a9be6b}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.nav-label{display:block;padding:0 12px 9px;color:#7086a4;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.nav-label--spaced{margin-top:20px}.sidebar-nav a,.nav-disabled{display:flex;min-height:46px;align-items:center;gap:12px;padding:0 13px;border-radius:12px;color:#aebdd1;font-size:14px;font-weight:600;transition:background .16s ease,color .16s ease,transform .16s ease}.sidebar-nav a:hover{color:#fff;background:#ffffff12;transform:translate(2px)}.sidebar-nav a.active{color:#fff;background:linear-gradient(100deg,#0d8d86fa,#116f7de6);box-shadow:0 10px 24px #032a3859}.nav-arrow{margin-left:auto;opacity:0;transition:opacity .16s ease}.sidebar-nav a.active .nav-arrow{opacity:1}.nav-disabled{min-height:42px;color:#617590;cursor:default}.nav-disabled small{margin-left:auto;padding:3px 7px;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:#6e8199;font-size:9px;letter-spacing:.05em;text-transform:uppercase}.sidebar-card{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding:14px;border:1px solid rgba(110,226,212,.16);border-radius:14px;color:#5fd4c9;background:#0b434e5c}.sidebar-footer{position:relative;z-index:1;flex:0 0 auto;background:var(--navy-950)}.sidebar-card div{display:flex;min-width:0;flex-direction:column;gap:3px}.sidebar-card strong{color:#e8fffc;font-size:12px}.sidebar-card span{overflow:hidden;color:#87a9ad;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.sidebar-profile{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:16px 8px 2px;border-top:1px solid rgba(255,255,255,.09)}.sidebar-profile>div:nth-child(2),.topbar-user>div:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:2px}.sidebar-profile strong{color:#eaf2ff;font-size:12px}.sidebar-profile span{color:#7186a0;font-size:10px;text-transform:capitalize}.sidebar-profile>svg{color:#5c718d}.sidebar-scrim{position:fixed;z-index:35;top:0;right:0;bottom:0;left:0;display:none;background:#07182f85;border:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.app-main{min-width:0;margin-left:274px}.topbar{position:sticky;z-index:25;top:0;display:flex;min-height:82px;align-items:center;justify-content:space-between;gap:20px;padding:12px clamp(22px,3.4vw,48px);background:#f7f9fcdb;border-bottom:1px solid rgba(210,220,233,.82);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topbar-title{display:flex;align-items:center;gap:12px}.topbar-title>div{display:flex;flex-direction:column}.topbar-title span{color:#8490a3;font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.topbar-title h1{margin:4px 0 0;color:var(--navy-900);font-size:21px;line-height:1.15}.mobile-menu{display:none;width:39px;height:39px;place-items:center;border:1px solid var(--line);border-radius:10px;background:#fff}.topbar-actions,.topbar-user{display:flex;align-items:center}.topbar-actions{gap:14px}.topbar-user{gap:9px;padding-left:14px;border-left:1px solid var(--line)}.topbar-user strong{color:var(--navy-900);font-size:12px}.topbar-user span{color:#8793a6;font-size:10px}.notification-button{position:relative}.notification-button>span{position:absolute;top:8px;right:8px;width:6px;height:6px;border:1px solid #fff;border-radius:50%;background:#eb675e}.page-content{width:100%;max-width:1720px;margin:0 auto;padding:32px clamp(22px,3.4vw,48px) 56px}.eyebrow{display:inline-flex;align-items:center;gap:6px;color:var(--teal-700);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.eyebrow--light{color:#66ded3}.button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;padding:0 17px;border:1px solid transparent;border-radius:11px;font-size:13px;font-weight:750;line-height:1;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{opacity:.58;cursor:not-allowed}.button--primary{color:#fff;background:linear-gradient(120deg,var(--navy-900),#154d70);box-shadow:0 10px 24px #0d274c30}.button--primary:hover:not(:disabled){box-shadow:0 13px 28px #0d274c40}.button--secondary{color:var(--navy-900);background:#fff;border-color:#d8e0eb}.button--secondary:hover:not(:disabled){border-color:#aebed3;box-shadow:var(--shadow-sm)}.button--light{color:var(--navy-950);background:#fff}.button--glass{color:#fff;background:#ffffff1a;border-color:#ffffff2e}.button--danger{color:#fff;background:#be384a}.button--warning{color:#fff;background:#b56a0c}.icon-button{display:inline-grid;width:40px;height:40px;flex:0 0 auto;place-items:center;padding:0;border:1px solid var(--line);border-radius:11px;color:#53627a;background:#fff;cursor:pointer;transition:color .15s ease,background .15s ease,border-color .15s ease}.icon-button:hover{color:var(--navy-900);border-color:#bdc9d9;background:#f8fafc}.icon-button--subtle{border-color:transparent;background:#f5f7fa}.avatar{display:inline-grid;place-items:center;flex:0 0 auto;color:#fff;background:linear-gradient(145deg,var(--navy-800),var(--teal-600));font-weight:800;letter-spacing:.02em}.avatar--small{width:34px;height:34px;border-radius:10px;font-size:11px}.welcome-panel{position:relative;display:grid;min-height:246px;overflow:hidden;grid-template-columns:minmax(0,1fr) 270px;align-items:center;padding:clamp(30px,4vw,48px);border-radius:24px;color:#fff;background:radial-gradient(circle at 78% 12%,rgba(88,219,208,.2),transparent 15rem),linear-gradient(120deg,var(--navy-950),var(--navy-800) 68%,#0d626b);box-shadow:0 24px 58px #0d274c30}.welcome-panel:after{position:absolute;right:-100px;bottom:-145px;width:400px;height:400px;border:1px solid rgba(255,255,255,.08);border-radius:50%;content:""}.welcome-panel h2{max-width:720px;margin:13px 0 12px;font-size:clamp(30px,4vw,43px);line-height:1.05;letter-spacing:-.035em}.welcome-panel p{max-width:660px;margin:0;color:#b7c9de;font-size:14px;line-height:1.75}.welcome-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.welcome-mark{position:relative;z-index:2;display:grid;place-items:center}.welcome-mark:before{position:absolute;width:205px;height:205px;border:1px solid rgba(255,255,255,.13);border-radius:50%;content:""}.welcome-mark img{position:relative;width:175px;height:175px;object-fit:contain;filter:brightness(0) invert(1);opacity:.92}.page-alert{margin-top:18px;padding:13px 16px;border:1px solid #f0c6ca;border-radius:12px;color:#8d2835;background:#fff1f2;font-size:13px}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:20px}.metric-card{position:relative;min-width:0;overflow:hidden;padding:22px;border:1px solid rgba(218,226,237,.9);border-radius:18px;background:#fff;box-shadow:var(--shadow-sm)}.metric-card:after{position:absolute;right:-28px;bottom:-48px;width:130px;height:130px;border-radius:50%;content:"";opacity:.62}.metric-card--navy:after{background:#e5ebf5}.metric-card--teal:after{background:var(--teal-100)}.metric-card--blue:after{background:#e4edfa}.metric-card--gold:after{background:var(--gold-100)}.metric-card-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:15px}.metric-card-top>span{color:#728096;font-size:12px;font-weight:650}.metric-card-top>div{display:grid;width:38px;height:38px;place-items:center;border-radius:11px}.metric-card--navy .metric-card-top>div{color:var(--navy-900);background:#e8edf6}.metric-card--teal .metric-card-top>div{color:var(--teal-700);background:var(--teal-100)}.metric-card--blue .metric-card-top>div{color:#3568a6;background:#e8effa}.metric-card--gold .metric-card-top>div{color:var(--gold-600);background:var(--gold-100)}.metric-card>strong{position:relative;z-index:1;display:block;margin:16px 0 8px;color:var(--navy-900);font-size:31px;line-height:1;letter-spacing:-.025em}.metric-card>strong.metric-value--compact{font-size:23px}.metric-card>small{position:relative;z-index:1;color:#8a95a6;font-size:10px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);gap:18px;margin-top:18px}.dashboard-grid--bottom{grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr)}.dashboard-quick-panel{margin-top:18px}.dashboard-quick-panel .quick-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.panel{min-width:0;padding:24px;border:1px solid rgba(218,226,237,.92);border-radius:19px;background:#fff;box-shadow:var(--shadow-sm)}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.panel-heading>div{min-width:0}.panel-heading h3{margin:7px 0 0;color:var(--navy-900);font-size:17px}.panel-heading>a{color:var(--teal-700);font-size:11px;font-weight:750}.workforce-content{display:grid;grid-template-columns:190px 1fr;align-items:center;gap:34px;padding:31px 10px 10px}.donut{display:grid;width:168px;height:168px;place-items:center;border-radius:50%;box-shadow:inset 0 0 0 1px #0d274c0d}.donut>div{display:flex;width:112px;height:112px;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:#fff}.donut strong{color:var(--navy-900);font-size:30px}.donut span{margin-top:3px;color:#8390a2;font-size:10px}.workforce-legend{display:flex;min-width:0;flex-direction:column;gap:12px}.workforce-legend>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:13px 14px;border-radius:13px;background:#f7f9fc}.workforce-legend>div>div{display:flex;min-width:0;flex-direction:column;gap:3px}.workforce-legend strong{color:#334057;font-size:11px}.workforce-legend small{color:#8a96a7;font-size:9px}.workforce-legend b{color:var(--navy-900);font-size:14px}.legend-dot{width:9px;height:9px;border-radius:50%}.legend-dot--branch{background:var(--teal-600);box-shadow:0 0 0 4px #0d8d861a}.legend-dot--office{background:#7f93b5;box-shadow:0 0 0 4px #7f93b51f}.live-dot{display:inline-flex;align-items:center;gap:6px;color:var(--teal-700);font-size:10px;font-weight:700}.live-dot:before{width:6px;height:6px;border-radius:50%;background:#25ad82;box-shadow:0 0 0 4px #25ad821f;content:""}.recent-list{display:flex;flex-direction:column;gap:3px;margin-top:20px}.recent-person{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 4px;border-bottom:1px solid #edf1f6}.recent-person:last-child{border-bottom:0}.recent-person>div:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:3px}.recent-person strong{overflow:hidden;color:#2b374d;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.recent-person span{overflow:hidden;color:#8793a5;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.recent-person>small{color:#8b96a7;font-size:9px}.empty-inline{padding:36px 0;color:#8b96a7;font-size:12px;text-align:center}.quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:20px}.leave-calendar-page{display:flex;flex-direction:column;gap:18px}.leave-calendar-hero{position:relative;display:flex;min-height:180px;overflow:hidden;align-items:center;justify-content:space-between;gap:30px;padding:30px clamp(24px,4vw,42px);border-radius:23px;color:#fff;background:radial-gradient(circle at 75% 0,rgba(55,219,205,.2),transparent 18rem),linear-gradient(120deg,var(--navy-950),var(--navy-800) 70%,#0d626b);box-shadow:0 22px 50px #0d274c2e}.leave-calendar-hero:after{position:absolute;right:-75px;bottom:-135px;width:330px;height:330px;border:1px solid rgba(255,255,255,.09);border-radius:50%;content:""}.leave-calendar-hero-copy{position:relative;z-index:1;display:flex;min-width:0;align-items:center;gap:18px}.leave-calendar-hero-icon{display:grid;width:58px;height:58px;flex:0 0 auto;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:17px;color:#69e1d6;background:#ffffff14}.leave-calendar-hero h2{margin:8px 0 7px;font-size:clamp(29px,4vw,42px);line-height:1;letter-spacing:-.035em}.leave-calendar-hero p{max-width:650px;margin:0;color:#b9cbe0;font-size:12px;line-height:1.6}.leave-calendar-year-card{position:relative;z-index:1;display:flex;min-width:190px;flex-direction:column;padding:19px 21px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:#ffffff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.leave-calendar-year-card span{color:#8fb0c9;font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.leave-calendar-year-card strong{margin:5px 0;color:#fff;font-size:31px}.leave-calendar-year-card small{color:#a8c0d4;font-size:8px}.leave-calendar-filter-panel,.leave-calendar-content{padding:21px;border:1px solid #dce4ed;border-radius:18px;background:#fff;box-shadow:var(--shadow-sm)}.leave-calendar-filter-panel>header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.leave-calendar-filter-panel>header>div{display:flex;align-items:center;gap:11px}.leave-calendar-filter-panel>header>div>span{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;color:var(--teal-700);background:var(--teal-100)}.leave-calendar-filter-panel h3,.leave-calendar-content-heading h3{margin:0;color:var(--navy-900);font-size:15px}.leave-calendar-filter-panel p,.leave-calendar-content-heading p{margin:4px 0 0;color:#8490a2;font-size:9px;line-height:1.5}.leave-calendar-filter-panel>header>button{display:inline-flex;min-height:37px;align-items:center;gap:7px;padding:0 12px;border:1px solid #d9e2ec;border-radius:10px;color:#526177;background:#fff;font-size:9px;font-weight:750;cursor:pointer}.leave-calendar-filter-panel>header>button:disabled{opacity:.55}.leave-calendar-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.leave-calendar-field{display:flex;min-width:0;flex-direction:column;gap:7px}.leave-calendar-field>span{display:flex;align-items:center;gap:6px;color:#66758a;font-size:8px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.leave-calendar-field>span svg{color:var(--teal-700)}.leave-calendar-field select,.leave-calendar-field input{width:100%;min-height:42px;padding:0 11px;border:1px solid #d7dfe9;border-radius:10px;color:#334158;background:#fff;outline:0;font-size:10px}.leave-calendar-field select:focus,.leave-calendar-field input:focus{border-color:#7ec3bd;box-shadow:0 0 0 3px #0d8d8614}.leave-calendar-error{display:flex;align-items:center;gap:11px;padding:14px 16px;border:1px solid #efc8cd;border-radius:13px;color:#a33a47;background:#fff2f3}.leave-calendar-error>div{display:flex;flex-direction:column;gap:3px}.leave-calendar-error strong{font-size:10px}.leave-calendar-error span{font-size:8px}.leave-calendar-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.leave-calendar-summary-card{display:flex;min-height:78px;align-items:center;gap:11px;padding:14px;border:1px solid #dfe6ee;border-radius:15px;background:#fff;box-shadow:var(--shadow-sm)}.leave-calendar-summary-card>span{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border-radius:11px}.leave-calendar-summary-card>div{display:flex;min-width:0;flex-direction:column;gap:4px}.leave-calendar-summary-card strong{color:var(--navy-900);font-size:19px}.leave-calendar-summary-card small{color:#8490a2;font-size:8px;font-weight:750;text-transform:uppercase}.leave-calendar-summary-card--violet>span{color:#6c4ca4;background:#f2ecff}.leave-calendar-summary-card--coral>span{color:#b24b57;background:#fff0f2}.leave-calendar-summary-card--gold>span{color:var(--gold-600);background:var(--gold-100)}.leave-calendar-summary-card--mint>span{color:var(--teal-700);background:var(--teal-100)}.leave-calendar-loading,.leave-calendar-empty{display:flex;min-height:330px;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px dashed #ccd6e2;border-radius:18px;color:#748297;background:#ffffffc2}.leave-calendar-loading strong,.leave-calendar-empty h3{margin:4px 0 0;color:var(--navy-900);font-size:15px}.leave-calendar-loading span,.leave-calendar-empty p{margin:0;font-size:9px}.leave-calendar-empty>span{display:grid;width:55px;height:55px;place-items:center;border-radius:16px;color:var(--teal-700);background:var(--teal-100)}.leave-calendar-content-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.leave-calendar-content-heading>div>span{display:block;margin-bottom:6px;color:var(--teal-700);font-size:8px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.leave-calendar-content-heading>b{display:inline-flex;min-height:26px;align-items:center;padding:0 9px;border-radius:999px;color:#67768a;background:#f0f3f7;font-size:8px;white-space:nowrap}.leave-calendar-month-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.leave-calendar-month-card{display:flex;min-width:0;min-height:186px;overflow:hidden;flex-direction:column;align-items:stretch;padding:15px;border:1px solid #e0e7ef;border-radius:14px;color:#5c6c81;text-align:left;background:#fafbfd;cursor:pointer;transition:border .15s ease,box-shadow .15s ease,transform .15s ease}.leave-calendar-month-card:hover{border-color:#a8cfc9;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.leave-calendar-month-card.has-events{background:linear-gradient(145deg,#fff,#f1faf8)}.leave-calendar-month-card.is-current{border-color:#65b8ae;box-shadow:0 0 0 2px #0d8d8614}.leave-calendar-month-top,.leave-calendar-month-footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.leave-calendar-month-top>b{color:#9ba5b3;font-size:9px}.leave-calendar-month-top>small{padding:4px 6px;border-radius:999px;color:var(--teal-700);background:var(--teal-100);font-size:7px;font-weight:800}.leave-calendar-month-card>strong{margin-top:12px;color:var(--navy-900);font-size:14px}.leave-calendar-month-metric{display:flex;flex-direction:column;gap:3px;margin-top:14px}.leave-calendar-month-metric>b{color:var(--teal-700);font-size:25px;line-height:1}.leave-calendar-month-metric>small{color:#8290a3;font-size:8px}.leave-calendar-month-footer{margin-top:auto;padding-top:12px;border-top:1px solid #e8edf2;color:#8190a2;font-size:7.5px}.leave-calendar-day-legend{display:flex;flex-wrap:wrap;gap:13px;margin-bottom:14px;color:#7b889b;font-size:8px}.leave-calendar-day-legend span{display:inline-flex;align-items:center;gap:5px}.leave-calendar-day-legend i{width:7px;height:7px;border-radius:50%}.leave-calendar-day-legend .busy{background:var(--teal-600)}.leave-calendar-day-legend .holiday{background:var(--gold-600)}.leave-calendar-day-legend .clear{background:#cbd4df}.leave-calendar-day-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.leave-calendar-day-card{display:flex;min-width:0;min-height:155px;flex-direction:column;align-items:stretch;padding:11px;border:1px solid #e0e6ed;border-radius:12px;color:#637187;text-align:left;background:#fbfcfd;cursor:pointer}.leave-calendar-day-card:hover,.leave-calendar-day-card.has-events{border-color:#b9d9d4;background:#f5fbfa}.leave-calendar-day-card.is-weekend:not(.has-events){background:#f6f7f9}.leave-calendar-day-card.is-today{box-shadow:inset 0 0 0 2px var(--teal-600)}.leave-calendar-day-top{display:flex;align-items:center;justify-content:space-between}.leave-calendar-day-top>small{color:#8a96a7;font-size:8px;text-transform:uppercase}.leave-calendar-day-top>b{padding:3px 5px;border-radius:999px;color:#fff;background:var(--teal-600);font-size:6px}.leave-calendar-day-card>strong{margin:8px 0;color:var(--navy-900);font-size:23px}.leave-calendar-day-count{display:flex;align-items:center;gap:4px;color:var(--teal-700)}.leave-calendar-day-count>b{font-size:12px}.leave-calendar-day-count>small{color:#8390a2;font-size:7px}.leave-calendar-day-holiday{display:inline-flex;align-items:center;gap:4px;margin-top:6px;color:#a36a0b;font-size:7px;font-weight:750}.leave-calendar-day-action{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:8px;border-top:1px solid #e7ecef;color:#8490a2;font-size:7px}.leave-calendar-back{display:inline-flex;align-items:center;gap:6px;margin-bottom:17px;padding:0;border:0;color:var(--teal-700);background:transparent;font-size:9px;font-weight:800;cursor:pointer}.leave-calendar-holiday-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:14px}.leave-calendar-holiday-strip article{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid #f0d59e;border-radius:12px;background:#fff9ec}.leave-calendar-holiday-strip article>span{display:grid;width:37px;height:37px;flex:0 0 auto;place-items:center;border-radius:10px;color:var(--gold-600);background:#ffedc8}.leave-calendar-holiday-strip article>div{display:flex;min-width:0;flex-direction:column;gap:3px}.leave-calendar-holiday-strip small{color:#9c7a40;font-size:7px;text-transform:uppercase}.leave-calendar-holiday-strip strong{color:#76541b;font-size:10px}.leave-calendar-holiday-strip p{margin:0;color:#927a54;font-size:7px}.leave-calendar-roster-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.leave-calendar-person{display:flex;min-width:0;flex-direction:column;padding:15px;border:1px solid #dfe6ee;border-radius:14px;background:#fbfcfd}.leave-calendar-person>header{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid #e8edf2}.leave-calendar-person>header>div{display:flex;min-width:0;flex-direction:column;gap:4px}.leave-calendar-person header strong{color:var(--navy-900);font-size:11px}.leave-calendar-person header small{display:flex;align-items:center;gap:4px;color:#8491a3;font-size:8px}.leave-calendar-person dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:12px 0}.leave-calendar-person dl>div{min-width:0;padding:9px;border-radius:9px;background:#f1f4f7}.leave-calendar-person dt{color:#8b97a8;font-size:7px}.leave-calendar-person dd{margin:4px 0 0;overflow-wrap:anywhere;color:#405066;font-size:8px;font-weight:750;line-height:1.4}.leave-calendar-person>footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}.leave-calendar-person footer span{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border-radius:7px;font-size:7px;font-weight:750}.leave-calendar-person footer .is-away{color:#3568a6;background:#edf4fd}.leave-calendar-person footer .is-local{color:#08735f;background:#eaf8f3}.leave-calendar-person footer b{color:#607087;font-size:8px}.leave-calendar-page-footer{display:flex;justify-content:flex-end}@media(max-width:1100px){.leave-calendar-filter-grid,.leave-calendar-summary,.leave-calendar-month-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.leave-calendar-day-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:700px){.leave-calendar-hero{min-height:0;align-items:stretch;flex-direction:column;padding:22px}.leave-calendar-hero-copy{align-items:flex-start}.leave-calendar-hero-icon{width:46px;height:46px}.leave-calendar-year-card{min-width:0}.leave-calendar-filter-panel,.leave-calendar-content{padding:15px}.leave-calendar-filter-panel>header{align-items:flex-start;flex-direction:column}.leave-calendar-filter-grid,.leave-calendar-summary,.leave-calendar-holiday-strip,.leave-calendar-roster-grid{grid-template-columns:1fr}.leave-calendar-month-grid,.leave-calendar-day-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.leave-calendar-month-card{min-height:172px}.leave-calendar-day-card{min-height:150px}.leave-calendar-content-heading{align-items:flex-start;flex-direction:column}.leave-calendar-person dl{grid-template-columns:1fr}.leave-calendar-page-footer .button{width:100%}}.app-loading{display:grid;min-height:100vh;place-content:center;justify-items:center;gap:16px;color:var(--navy-800);font-size:13px;font-weight:700}.app-loading img{width:74px;height:74px;object-fit:contain;animation:auth-pulse 1.3s ease-in-out infinite}@keyframes auth-pulse{50%{transform:scale(1.05);opacity:.7}}.auth-page{display:grid;min-height:100vh;grid-template-columns:minmax(400px,1.08fr) minmax(430px,.92fr);background:#f6f8fb}.auth-showcase{position:relative;display:flex;min-height:100vh;overflow:hidden;flex-direction:column;justify-content:space-between;padding:clamp(34px,5vw,72px);color:#fff;background:radial-gradient(circle at 72% 28%,rgba(30,202,188,.25),transparent 24rem),radial-gradient(circle at 18% 84%,rgba(64,117,183,.22),transparent 25rem),linear-gradient(145deg,#06172e,#0c3155 58%,#0a6f70 130%)}.auth-showcase:after{position:absolute;right:-120px;bottom:-110px;width:520px;height:520px;opacity:.06;background:url(/logo.png) center / contain no-repeat;filter:brightness(0) invert(1);content:""}.auth-brand{position:relative;z-index:1;display:flex;align-items:center;gap:14px}.auth-brand img{width:58px;height:58px;padding:6px;border-radius:16px;object-fit:contain;background:#fffffff5}.auth-brand div,.auth-copy,.auth-feature-list{display:flex;flex-direction:column}.auth-brand strong{font-size:18px}.auth-brand span{margin-top:4px;color:#91c3c6;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.auth-copy{position:relative;z-index:1;max-width:650px;gap:20px}.auth-kicker{display:inline-flex;width:fit-content;align-items:center;gap:8px;padding:8px 11px;border:1px solid rgba(136,230,220,.23);border-radius:999px;color:#90e3db;background:#11868221;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.auth-copy h1{max-width:620px;margin:0;font-size:clamp(40px,5vw,68px);line-height:1.02;letter-spacing:-.045em}.auth-copy>p{max-width:590px;margin:0;color:#aec3d8;font-size:15px;line-height:1.75}.auth-feature-list{gap:10px}.auth-feature-list span{display:flex;align-items:center;gap:10px;color:#d7e5f2;font-size:12px}.auth-feature-list span:before{width:7px;height:7px;border-radius:50%;background:#46d7c8;box-shadow:0 0 0 5px #46d7c817;content:""}.auth-showcase>small{position:relative;z-index:1;color:#7490aa;font-size:10px}.auth-form-side,.auth-simple-page{display:grid;min-height:100vh;place-items:center;padding:30px}.auth-mobile-header{display:none}.auth-simple-page{background:radial-gradient(circle at 80% 12%,rgba(13,141,134,.13),transparent 24rem),linear-gradient(150deg,#edf3f8,#f8fafc)}.auth-card{width:min(100%,440px);padding:clamp(28px,4vw,48px);border:1px solid #dae3ec;border-radius:25px;background:#fffffff0;box-shadow:0 30px 80px #0d274c1f}.auth-card--simple{width:min(100%,510px)}.auth-card-heading{margin-bottom:27px}.auth-card-heading>span{color:var(--teal-700);font-size:9px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.auth-card-heading h2{margin:8px 0 7px;color:var(--navy-900);font-size:28px;letter-spacing:-.03em}.auth-card-heading p{margin:0;color:#778499;font-size:11px;line-height:1.65}.auth-field{display:flex;flex-direction:column;gap:7px;margin-top:16px}.auth-field>span{color:#46546a;font-size:10px;font-weight:750}.auth-field>div{display:flex;min-height:49px;align-items:center;gap:10px;padding:0 13px;border:1px solid #d5dee8;border-radius:12px;background:#fbfcfd;transition:border-color .16s ease,box-shadow .16s ease}.auth-field>div:focus-within{border-color:#72bbb5;box-shadow:0 0 0 4px #0d8d8617}.auth-field svg{flex:0 0 auto;color:#8a98aa}.auth-field input{width:100%;min-width:0;border:0;outline:0;color:#25354d;background:transparent;font-size:12px}.auth-field button{display:grid;flex:0 0 auto;padding:4px;border:0;place-items:center;background:transparent;cursor:pointer}.auth-form-links{display:flex;justify-content:flex-end;margin:12px 0 20px}.auth-form-links a,.auth-back,.auth-dev-link{color:var(--teal-700);font-size:10px;font-weight:750}.auth-back{display:inline-flex;align-items:center;gap:6px;margin-bottom:25px}.auth-submit{display:flex;width:100%;min-height:49px;align-items:center;justify-content:center;gap:9px;margin-top:20px;border:0;border-radius:12px;color:#fff;background:linear-gradient(105deg,var(--teal-600),#086a74);box-shadow:0 12px 28px #0d8d8640;font-size:12px;font-weight:800;cursor:pointer}.auth-submit:disabled{opacity:.55;cursor:wait}.auth-help,.auth-password-note{margin:18px 0 0;color:#8b96a5;text-align:center;font-size:9px;line-height:1.55}.auth-error,.auth-success{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding:11px 13px;border-radius:10px;font-size:10px;line-height:1.5}.auth-error{color:#a53445;border:1px solid #f0cbd0;background:#fff2f4}.auth-success{color:#14655f;border:1px solid #bee2dc;background:#effaf8}.auth-icon{display:grid;width:52px;height:52px;margin-bottom:20px;place-items:center;border-radius:15px;color:var(--teal-700);background:var(--teal-100)}.auth-dev-link{display:block;margin-top:15px;text-align:center;text-decoration:underline}.sidebar-logout{display:grid;padding:6px;border:0;place-items:center;color:#6f829b;background:transparent;cursor:pointer}.management-page,.supervision-dashboard{display:flex;flex-direction:column;gap:20px}.management-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.management-metrics>article{display:flex;min-height:92px;align-items:center;gap:14px;padding:17px;border:1px solid #dfe6ee;border-radius:17px;background:#fff;box-shadow:var(--shadow-sm)}.management-metrics>article>svg{width:43px;height:43px;padding:11px;border-radius:12px;color:var(--teal-700);background:var(--teal-100)}.management-metrics article div{display:flex;flex-direction:column;gap:5px}.management-metrics article span{color:#8190a3;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.management-metrics article strong{color:var(--navy-900);font-size:24px}.management-panel{overflow:hidden;border:1px solid #dfe6ee;border-radius:19px;background:#fff;box-shadow:var(--shadow-sm)}.management-panel-header,.organization-tabs{display:flex;min-height:72px;align-items:center;justify-content:space-between;gap:14px;padding:15px 19px;border-bottom:1px solid #e8edf3;background:#fbfcfd}.management-panel-header h3{margin:5px 0 0;color:var(--navy-900);font-size:16px}.management-search{display:flex;width:min(320px,40vw);min-height:40px;align-items:center;gap:8px;padding:0 11px;border:1px solid #d9e1ea;border-radius:10px;background:#fff}.management-search svg{color:#8390a2}.management-search input{width:100%;border:0;outline:0;background:transparent;font-size:10px}.user-card-grid,.organization-card-grid,.simple-management-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:19px}.user-access-card,.organization-card,.simple-management-grid article{min-width:0;padding:17px;border:1px solid #dfe6ee;border-radius:15px;background:#fff;box-shadow:0 8px 20px #0d274c0b}.user-access-card>header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid #edf1f5}.user-access-card header div{display:flex;min-width:0;flex-direction:column;gap:3px}.user-access-card header strong{overflow:hidden;color:var(--navy-900);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.user-access-card header small{color:#8a96a7;font-size:8px}.account-state{display:inline-flex;width:fit-content;padding:4px 7px;border-radius:999px;color:#8a5360;background:#f8e9ec;font-size:7px;font-weight:850;text-transform:uppercase}.account-state--active{color:#16716b;background:#e7f7f4}.user-access-facts{display:flex;min-height:91px;flex-direction:column;gap:9px;padding:14px 0}.user-access-facts span{display:flex;align-items:flex-start;gap:7px;color:#65748a;font-size:9px;line-height:1.4}.user-access-facts svg{flex:0 0 auto;color:var(--teal-700)}.user-access-card footer{display:flex;align-items:center;gap:8px}.user-access-card footer select{min-width:0;flex:1;min-height:34px;border:1px solid #d7e0e9;border-radius:8px;color:#44546b;background:#fafbfd;font-size:8px}.button--small{min-height:34px!important;padding:0 10px!important;font-size:8px!important}.management-empty{display:grid;min-height:220px;place-items:center;color:#8a96a7;font-size:11px}.invitation-list{display:flex;flex-direction:column}.invitation-list article{display:grid;grid-template-columns:minmax(0,1fr) auto 120px;align-items:center;gap:12px;padding:14px 19px;border-bottom:1px solid #edf1f5}.invitation-list article:last-child{border-bottom:0}.invitation-list article div{display:flex;flex-direction:column;gap:4px}.invitation-list strong{color:var(--navy-900);font-size:10px}.invitation-list span,.invitation-list small{color:#8794a5;font-size:8px}.invite-ready,.assignment-result,.invite-actions{display:flex;flex-direction:column;align-items:center;gap:10px;padding:25px;text-align:center}.invite-ready>svg,.assignment-result>svg{color:var(--teal-600)}.invite-ready>strong,.assignment-result>strong{color:var(--navy-900);font-size:16px}.invite-ready>span,.assignment-result>span{color:#748196;font-size:10px}.invite-ready code,.invite-actions code{width:100%;overflow-wrap:anywhere;padding:11px;border-radius:9px;color:#24517e;background:#f1f5f9;font-size:8px;text-align:left}.invite-ready>div,.invite-actions{width:100%;flex-flow:row wrap;justify-content:center}.invite-actions code{flex-basis:100%}.organization-tabs{justify-content:flex-start}.organization-tab{min-height:36px;padding:0 11px;border:0;border-radius:9px;color:#758398;background:transparent;font-size:9px;font-weight:750;cursor:pointer}.organization-tab--active{color:var(--navy-900);background:#e9f5f4}.organization-tabs .button{margin-left:auto}.organization-card>header{display:flex;align-items:flex-start;gap:12px}.organization-card-icon{display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;border-radius:12px;color:#3568a6;background:#edf4fd}.organization-card-icon--office{color:#8b6418;background:#fff5df}.organization-card header div{min-width:0}.organization-card small{color:#8390a2;font-size:8px;text-transform:uppercase}.organization-card h3{margin:6px 0;color:var(--navy-900);font-size:13px}.organization-card p{margin:0;color:#7a8799;font-size:8px;line-height:1.5}.supervisor-strip{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;margin-top:15px;padding:11px;border:1px solid #d9e9e7;border-radius:11px;background:#f3faf9}.supervisor-strip>svg{color:var(--teal-700)}.supervisor-strip div{display:flex;min-width:0;flex-direction:column;gap:3px}.supervisor-strip strong{overflow:hidden;color:#24524f;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.supervisor-strip span{color:#78918f;font-size:7px}.supervisor-strip button,.organization-card footer button,.simple-management-grid button{padding:4px;border:0;color:var(--teal-700);background:transparent;font-size:8px;font-weight:750;cursor:pointer}.supervisor-strip .danger-link{grid-column:3;color:#b14351}.organization-card>footer{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding-top:13px;border-top:1px solid #edf1f5}.simple-management-grid article{display:flex;min-height:155px;flex-direction:column}.simple-management-grid header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.simple-management-grid strong{color:var(--navy-900);font-size:12px}.simple-management-grid small{margin-top:8px;color:var(--teal-700);font-size:8px;font-weight:750}.simple-management-grid p{color:#788599;font-size:9px}.simple-management-grid button{width:fit-content}.simple-management-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:12px;border-top:1px solid #edf1f5}.simple-management-actions .danger-link{color:#b14351}.management-check{flex-direction:row!important;align-items:center}.management-check input{width:16px;height:16px;accent-color:var(--teal-600)}.branch-manager-scope>div{min-height:43px;padding:11px 12px;border:1px solid #bfe0dc;border-radius:10px;color:#23635f;background:#eff9f7;font-size:9px;line-height:1.5}.supervised-branch-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.supervised-branch-list span{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid rgba(135,226,216,.23);border-radius:999px;color:#bde5e1;background:#095a6040;font-size:8px}.supervised-team-list{display:flex;flex-direction:column;padding:5px 18px 13px}.supervised-team-list article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #edf1f5}.supervised-team-list article:last-child{border-bottom:0}.supervised-team-list article div{display:flex;min-width:0;flex-direction:column;gap:4px}.supervised-team-list strong{color:var(--navy-900);font-size:10px}.supervised-team-list small{color:#8793a5;font-size:8px}.supervised-team-list article>span:last-child{display:flex;align-items:center;gap:4px;color:#758398;font-size:8px}.supervisor-actions{padding-bottom:12px}.supervisor-actions>a,.supervisor-action-disabled{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;margin:11px 16px 0;padding:14px;border:1px solid #dde6ee;border-radius:12px;background:#fafcfd}.supervisor-actions>a>svg:first-child,.supervisor-action-disabled>svg{color:var(--teal-700)}.supervisor-actions>a>svg:last-child{color:#8b98a8}.supervisor-actions div{display:flex;flex-direction:column;gap:4px}.supervisor-actions strong{color:var(--navy-900);font-size:10px}.supervisor-actions span{color:#8591a2;font-size:8px}.supervisor-action-disabled{opacity:.58}@media(max-width:1050px){.auth-page{grid-template-columns:1fr}.auth-showcase{display:none}.auth-form-side{display:flex;min-height:100vh;flex-direction:column;justify-content:flex-start;padding:0 0 30px;background:#f6f8fb}.auth-mobile-header{position:relative;display:flex;width:100%;min-height:168px;overflow:hidden;flex:0 0 auto;flex-direction:column;justify-content:center;gap:13px;padding:27px clamp(20px,6vw,48px) 34px;color:#fff;background:radial-gradient(circle at 78% 16%,rgba(30,202,188,.3),transparent 13rem),linear-gradient(145deg,#06172e,#0c3155 62%,#0a6f70 135%)}.auth-mobile-header:after{position:absolute;right:-55px;bottom:-72px;width:210px;height:210px;opacity:.055;background:url(/logo.png) center / contain no-repeat;filter:brightness(0) invert(1);content:""}.auth-mobile-brand{position:relative;z-index:1;display:flex;align-items:center;gap:12px}.auth-mobile-brand img{width:54px;height:54px;padding:6px;border-radius:14px;object-fit:contain;background:#fffffff7;box-shadow:0 10px 28px #010f2240}.auth-mobile-brand div{display:flex;min-width:0;flex-direction:column}.auth-mobile-brand strong{font-size:17px;line-height:1.2}.auth-mobile-brand span{margin-top:5px;color:#8fd6d2;font-size:9px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.auth-mobile-header>p{position:relative;z-index:1;margin:0;color:#afc5d8;font-size:10px}.auth-form-side .auth-card{position:relative;z-index:2;width:min(calc(100% - 32px),480px);margin:18px auto 0}.management-metrics,.user-card-grid,.organization-card-grid,.simple-management-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.auth-simple-page{padding:16px}.auth-mobile-header{min-height:158px;padding:23px 20px 31px}.auth-form-side .auth-card{width:calc(100% - 24px);margin-top:14px}.auth-card{padding:25px 20px;border-radius:19px}.management-metrics,.user-card-grid,.organization-card-grid,.simple-management-grid{grid-template-columns:1fr}.management-panel-header,.organization-tabs{align-items:stretch;flex-direction:column}.management-search{width:100%}.organization-tabs .button{width:100%;margin-left:0}.invitation-list article{grid-template-columns:1fr auto}.invitation-list small{grid-column:1 / -1}.user-access-card footer{align-items:stretch;flex-direction:column}.user-access-card footer select,.user-access-card footer button{width:100%}.supervised-team-list article{grid-template-columns:auto 1fr}.supervised-team-list article>span:last-child{grid-column:2}}.quick-grid>a,.quick-grid>span{display:flex;min-width:0;min-height:142px;flex-direction:column;align-items:flex-start;padding:16px;border:1px solid #e5eaf1;border-radius:15px;background:#fafbfd;transition:border .15s ease,transform .15s ease,box-shadow .15s ease}.quick-grid>a:hover{border-color:#bdcadb;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.quick-grid strong{margin-top:14px;color:var(--navy-900);font-size:12px}.quick-grid small{margin-top:6px;color:#8793a5;font-size:9px;line-height:1.45}.quick-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:11px}.quick-icon--teal{color:var(--teal-700);background:var(--teal-100)}.quick-icon--blue{color:#36659c;background:var(--blue-100)}.quick-icon--gold{color:var(--gold-600);background:var(--gold-100)}.quick-disabled{opacity:.62}.foundation-list{display:flex;flex-direction:column;gap:10px;margin-top:20px}.foundation-list>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:13px;border-radius:13px;color:var(--teal-700);background:#f6f9fb}.foundation-list span{display:flex;min-width:0;flex-direction:column;gap:3px}.foundation-list strong{color:#303d53;font-size:11px}.foundation-list small{color:#8793a5;font-size:9px}.foundation-list b{color:var(--teal-700);font-size:9px}.status-pill{display:inline-flex;min-height:23px;align-items:center;padding:0 9px;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.035em;text-transform:uppercase}.status-pill--active{color:#08735f;background:#ddf5ed;border:1px solid #b8eadb}.status-pill--terminated{color:#9a3a46;background:#fff0f1;border:1px solid #f2cbd0}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px}.page-heading h2{margin:8px 0 9px;color:var(--navy-900);font-size:clamp(28px,3.2vw,36px);letter-spacing:-.035em}.page-heading p{max-width:690px;margin:0;color:#738096;font-size:13px;line-height:1.65}.page-heading-actions{display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;gap:9px}.toast{display:grid;grid-template-columns:auto 1fr auto;align-items:flex-start;gap:12px;margin-top:20px;padding:15px 16px;border:1px solid;border-radius:14px;box-shadow:var(--shadow-sm)}.toast>div{display:flex;min-width:0;flex-direction:column;gap:6px}.toast strong{font-size:12px}.toast ul{display:flex;flex-wrap:wrap;gap:5px 16px;margin:0;padding-left:18px;font-size:10px}.toast--success{color:#126756;background:#edf9f5;border-color:#bde7d9}.toast--error{color:#912e3a;background:#fff2f3;border-color:#efc2c8}.toast .icon-button{width:30px;height:30px;color:currentColor;background:transparent;border-color:transparent}.directory-summary{display:grid;grid-template-columns:220px 220px minmax(300px,1fr);gap:12px;margin-top:22px}.directory-summary>div{display:flex;min-height:78px;align-items:center;gap:12px;padding:15px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:var(--shadow-sm)}.directory-summary>div>span:last-child{display:flex;min-width:0;flex-direction:column;gap:4px}.directory-summary small{color:#8490a2;font-size:9px}.directory-summary strong{color:var(--navy-900);font-size:18px}.summary-icon{display:grid;width:40px;height:40px;flex:0 0 auto;place-items:center;border-radius:12px}.summary-icon--navy{color:var(--navy-900);background:#e8edf6}.summary-icon--teal{color:var(--teal-700);background:var(--teal-100)}.directory-summary .import-assurance{color:var(--teal-700);background:linear-gradient(110deg,#dff4f19e,#ffffffe6),#fff}.import-assurance strong{font-size:11px}.filters-panel{display:grid;grid-template-columns:minmax(300px,1fr) 220px 210px;gap:11px;margin-top:18px;padding:12px;border:1px solid var(--line);border-radius:16px;background:#ffffffdb;box-shadow:var(--shadow-sm)}.search-field,.filter-field{display:flex;min-height:44px;align-items:center;gap:9px;padding:0 12px;border:1px solid #e0e6ee;border-radius:11px;color:#7d899b;background:#f8fafc}.search-field:focus-within,.filter-field:focus-within{color:var(--teal-700);border-color:#8fc9c4;background:#fff;box-shadow:0 0 0 3px #0d8d8614}.search-field input,.filter-field select{width:100%;min-width:0;color:#26344b;background:transparent;border:0;outline:0;font-size:12px}.search-field input::placeholder{color:#9ba5b4}.search-field button{display:grid;width:26px;height:26px;place-items:center;padding:0;color:#8591a3;background:transparent;border:0;cursor:pointer}.filter-field select{cursor:pointer}.employee-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:18px}.employee-card{position:relative;min-width:0;overflow:visible;padding:20px;border:1px solid #dfe5ed;border-radius:18px;background:#fff;box-shadow:var(--shadow-sm);transition:transform .17s ease,box-shadow .17s ease,border-color .17s ease}.employee-card:hover{border-color:#c5d1df;box-shadow:0 18px 40px #0d274c1f;transform:translateY(-2px)}.employee-card--terminated{background:linear-gradient(#ffffffed,#ffffffed),repeating-linear-gradient(-45deg,#fff 0,#fff 8px,#f6f8fb 8px,#f6f8fb 16px)}.employee-card-accent{position:absolute;top:0;left:26px;width:52px;height:3px;border-radius:0 0 5px 5px;background:var(--teal-500)}.employee-card--terminated .employee-card-accent{background:#db6b77}.employee-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.employee-card-actions{display:flex;flex:0 0 auto;align-items:center;gap:5px}.employee-identity{display:flex;min-width:0;align-items:center;gap:12px}.avatar--employee{width:52px;height:52px;border:4px solid #f0f5f7;border-radius:16px;font-size:14px;box-shadow:0 8px 18px #0d274c1a}.avatar--office{background:linear-gradient(145deg,#294f83,#7b90b3)}.avatar--branch{background:linear-gradient(145deg,#08736e,#25b4a9)}.employee-identity>div:last-child{min-width:0}.employee-name-row{display:flex;min-width:0;align-items:center;gap:7px}.employee-name-row h3{overflow:hidden;margin:0;color:var(--navy-900);font-size:15px;text-overflow:ellipsis;white-space:nowrap}.employee-identity p{overflow:hidden;margin:6px 0 0;color:#7c899d;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.employee-identity p span{margin:0 5px;color:#c0c7d1}.card-menu{position:relative;z-index:8}.menu-popover{position:absolute;z-index:20;top:calc(100% + 6px);right:0;display:flex;width:205px;flex-direction:column;gap:2px;padding:6px;border:1px solid #dce3ec;border-radius:12px;background:#fff;box-shadow:0 18px 38px #0d274c2b;transform-origin:top right;animation:menu-in .12s ease-out}@keyframes menu-in{0%{opacity:0;transform:translateY(-3px) scale(.98)}}.menu-popover button{display:flex;min-height:38px;align-items:center;gap:9px;padding:0 10px;color:#3c4a60;background:transparent;border:0;border-radius:8px;font-size:11px;font-weight:650;text-align:left;cursor:pointer}.menu-popover button:hover{color:var(--navy-900);background:#f4f7fa}.menu-popover .menu-danger{color:#b63545}.menu-popover .menu-danger:hover{color:#a12232;background:#fff0f1}.menu-divider{height:1px;margin:4px 6px;background:#edf0f4}.employee-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:17px}.employee-tags span{display:inline-flex;max-width:100%;min-height:27px;align-items:center;gap:6px;overflow:hidden;padding:0 9px;border:1px solid #e4e9ef;border-radius:8px;color:#607086;background:#f7f9fb;font-size:9px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.employee-tags span:first-child{color:var(--teal-700);background:#eff9f7;border-color:#d4eeea}.employee-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.employee-contact-grid>div{display:flex;min-width:0;align-items:center;gap:8px;padding:10px;border-radius:11px;color:#8a96a7;background:#f8fafc}.employee-contact-grid>div>span{display:flex;min-width:0;flex-direction:column;gap:3px;overflow:hidden;color:#46546a;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.employee-contact-grid small{color:#96a0ae;font-size:8px;text-transform:uppercase}.employee-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid #edf1f5}.employee-card-footer span,.employee-card-footer strong{display:inline-flex;align-items:center;gap:6px;font-size:9px}.employee-card-footer span{color:#8490a2}.employee-card-footer strong{color:var(--navy-900)}.employee-contract-expiry{color:var(--teal-700)!important}.employee-contract-missing{color:#8a96a7!important;font-weight:700}.employee-create-contract{display:inline-flex;min-height:32px;align-items:center;gap:6px;padding:0 10px;border:1px solid #b9ddd9;border-radius:9px;color:var(--teal-700);background:#eff9f7;font-size:9px;font-weight:800;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.employee-create-contract:hover{border-color:#7fc7c0;background:#e2f5f2;transform:translateY(-1px)}.employee-create-contract:focus-visible{outline:3px solid rgba(13,141,134,.16);outline-offset:2px}.loading-state,.empty-state{display:flex;min-height:330px;flex-direction:column;align-items:center;justify-content:center;margin-top:18px;border:1px dashed #ccd6e2;border-radius:18px;color:#7e8b9d;background:#ffffffb3}.loading-state{gap:12px}.loading-state strong{font-size:12px}.empty-state>div{display:grid;width:64px;height:64px;place-items:center;border-radius:18px;color:var(--teal-700);background:var(--teal-100)}.empty-state h3{margin:17px 0 7px;color:var(--navy-900);font-size:17px}.empty-state p{margin:0 0 19px;font-size:11px}.modal-backdrop{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;align-items:center;justify-items:center;padding:24px;background:#07182fa3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:backdrop-in .15s ease-out}@keyframes backdrop-in{0%{opacity:0}}.modal-panel{display:flex;width:min(100%,560px);max-height:calc(100vh - 48px);overflow:hidden;flex-direction:column;border:1px solid rgba(255,255,255,.5);border-radius:21px;background:#fff;box-shadow:0 35px 90px #04122657;animation:modal-in .17s ease-out}.modal-panel--large{width:min(100%,980px)}@keyframes modal-in{0%{opacity:0;transform:translateY(10px) scale(.985)}}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 27px 20px;border-bottom:1px solid #e7ebf1}.modal-header h2{margin:7px 0 0;color:var(--navy-900);font-size:22px;letter-spacing:-.02em}.modal-header p{margin:7px 0 0;color:#7d899b;font-size:11px;line-height:1.5}.modal-panel form{display:flex;min-height:0;flex:1;flex-direction:column}.modal-body{overflow-y:auto;padding:23px 27px}.modal-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:9px;padding:16px 27px;border-top:1px solid #e7ebf1;background:#fbfcfd}.modal-footer-note{display:inline-flex;align-items:center;gap:7px;margin-right:auto;color:var(--teal-700);font-size:10px;font-weight:700}.employee-type-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.75fr);align-items:stretch;gap:14px;margin-bottom:22px;padding:18px;border:1px solid #cfe5e2;border-radius:15px;background:linear-gradient(110deg,#ebf8f6f0,#f9fcfce0),#fff}.number-preview{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid rgba(13,141,134,.15);border-radius:12px;color:var(--teal-700);background:#ffffffc7}.number-preview>div{display:flex;min-width:0;flex-direction:column;gap:4px}.number-preview span{color:#758599;font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.number-preview strong{min-height:25px;color:var(--navy-900);font-family:Cascadia Code,Consolas,monospace;font-size:21px;letter-spacing:.04em}.number-preview small{color:#7d899b;font-size:8px}.form-error{margin-bottom:18px;padding:12px 14px;border:1px solid #ecc1c7;border-radius:11px;color:#9e3040;background:#fff2f3;font-size:11px}.form-section{display:grid;grid-template-columns:190px minmax(0,1fr);gap:24px;padding:23px 0;border-top:1px solid #edf0f4}.form-section:first-of-type{border-top:0}.form-section-title{display:flex;align-items:flex-start;gap:10px}.form-section-title>span{display:grid;width:29px;height:29px;flex:0 0 auto;place-items:center;border-radius:9px;color:var(--teal-700);background:var(--teal-100);font-family:Cascadia Code,Consolas,monospace;font-size:9px;font-weight:800}.form-section-title h3{margin:6px 0 0;color:var(--navy-900);font-size:12px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.field{display:flex;min-width:0;flex-direction:column;gap:7px;color:#47566c}.field>span{font-size:10px;font-weight:700}.field>span b{color:#cc3e50}.field input,.field select,.field textarea{width:100%;min-height:42px;padding:9px 11px;color:#25344a;background:#fff;border:1px solid #dbe2eb;border-radius:10px;outline:0;font-size:11px;transition:border .15s ease,box-shadow .15s ease}.field textarea{min-height:auto;resize:vertical;line-height:1.5}.field input:focus,.field select:focus,.field textarea:focus{border-color:#7ec3bd;box-shadow:0 0 0 3px #0d8d8617}.field input:disabled,.field select:disabled{color:#6f7c90;background:#f2f5f8}.field>small{color:#8c98a8;font-size:8px}.confirmation-content{display:flex;overflow-y:auto;flex-direction:column;gap:16px;padding:25px 27px}.employee-details{display:flex;flex-direction:column;gap:0}.employee-details-hero{display:flex;align-items:center;gap:16px;margin-bottom:8px;padding:20px;border:1px solid #cee6e2;border-radius:16px;background:radial-gradient(circle at 95% 12%,rgba(13,141,134,.14),transparent 12rem),linear-gradient(110deg,#eef9f7,#f8fbfc)}.avatar--details{width:68px;height:68px;border:5px solid rgba(255,255,255,.86);border-radius:20px;font-size:18px;box-shadow:0 10px 24px #0d274c24}.employee-details-hero>div:last-child{min-width:0}.employee-details-name{display:flex;flex-wrap:wrap;align-items:center;gap:9px}.employee-details-name h3{margin:0;color:var(--navy-900);font-size:20px}.employee-details-hero p{margin:7px 0 0;color:#66758b;font-size:11px}.employee-details-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.employee-details-tags span{display:inline-flex;min-height:28px;align-items:center;gap:6px;padding:0 9px;border:1px solid rgba(13,141,134,.17);border-radius:8px;color:var(--teal-700);background:#ffffffbf;font-size:9px;font-weight:700}.details-section{display:grid;grid-template-columns:190px minmax(0,1fr);gap:24px;padding:22px 0;border-bottom:1px solid #edf0f4}.details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.detail-item{display:flex;min-width:0;align-items:center;gap:10px;padding:12px;border:1px solid #e8edf3;border-radius:12px;background:#f8fafc}.detail-item>div{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border-radius:10px;color:var(--teal-700);background:var(--teal-100)}.detail-item>span{display:flex;min-width:0;flex-direction:column;gap:4px}.detail-item small{color:#8a96a7;font-size:8px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.detail-item strong{overflow-wrap:anywhere;color:#334057;font-size:10px;line-height:1.45}.employment-end-note{display:flex;align-items:flex-start;gap:10px;margin-top:18px;padding:14px;border:1px solid #efc5ca;border-radius:12px;color:#a13644;background:#fff2f3}.employment-end-note>div{display:flex;flex-direction:column;gap:4px}.employment-end-note strong{font-size:11px}.employment-end-note span{color:#8c5960;font-size:9px}.confirmation-content>p{margin:0;color:#5d6a7f;font-size:12px;line-height:1.7}.confirmation-icon{display:grid;width:45px;height:45px;place-items:center;border-radius:13px}.confirmation-icon--warning{color:#a45c08;background:#fff0d4}.confirmation-icon--danger{color:#ae2f3e;background:#ffe7e9}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1240px){.metrics-grid,.employee-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-summary{grid-template-columns:190px 190px minmax(270px,1fr)}}@media(max-width:1030px){.sidebar{width:min(86vw,290px);padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(14px,env(safe-area-inset-bottom));transform:translate(-102%);transition:transform .22s ease}.sidebar--open{transform:translate(0)}.sidebar-close,.sidebar-scrim{display:block}.app-main{margin-left:0}.mobile-menu{display:grid}.dashboard-grid,.dashboard-grid--bottom{grid-template-columns:1fr}.dashboard-quick-panel .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recent-panel{min-height:auto}.page-heading{align-items:flex-start;flex-direction:column}.page-heading-actions{justify-content:flex-start}.directory-summary{grid-template-columns:1fr 1fr}.directory-summary .import-assurance{grid-column:1 / -1}}@media(max-width:760px){.topbar{min-height:70px;padding:10px 16px}.topbar-title>div>span,.topbar-user>div:nth-child(2){display:none}.topbar-title h1{margin:0;font-size:17px}.page-content{padding:22px 16px 42px}.welcome-panel{min-height:300px;grid-template-columns:1fr;padding:29px 24px}.welcome-mark{position:absolute;right:-10px;bottom:-18px;opacity:.16}.welcome-mark img{width:170px;height:170px}.welcome-mark:before{display:none}.metrics-grid{grid-template-columns:1fr 1fr;gap:10px}.metric-card{padding:17px}.metric-card>strong,.metric-card>strong.metric-value--compact{font-size:21px}.panel{padding:19px}.workforce-content{grid-template-columns:1fr;justify-items:center;gap:22px}.workforce-legend{width:100%}.quick-grid,.dashboard-quick-panel .quick-grid{grid-template-columns:1fr}.quick-grid>a,.quick-grid>span{min-height:110px}.page-heading-actions{display:grid;width:100%;grid-template-columns:1fr 1fr}.page-heading-actions .button--primary{grid-column:1 / -1}.directory-summary{grid-template-columns:1fr 1fr}.filters-panel,.employee-grid{grid-template-columns:1fr}.modal-backdrop{align-items:end;padding:0}.modal-panel{width:100%;max-height:94vh;border-radius:20px 20px 0 0}.modal-header{padding:20px 19px 16px}.modal-body,.confirmation-content{padding:20px 19px}.modal-footer{padding:14px 19px}.employee-type-panel{grid-template-columns:1fr}.form-section{grid-template-columns:1fr;gap:14px}.form-grid,.details-grid{grid-template-columns:1fr}.details-section{grid-template-columns:1fr;gap:14px}.employee-details-hero{align-items:flex-start}}@media(max-width:480px){.metrics-grid,.directory-summary{grid-template-columns:1fr}.directory-summary .import-assurance{grid-column:auto}.topbar-user{display:none}.welcome-panel h2{font-size:29px}.employee-contact-grid{grid-template-columns:1fr}.employee-card-footer{align-items:flex-start;flex-direction:column}.page-heading-actions{grid-template-columns:1fr}.page-heading-actions .button--primary{grid-column:auto}.modal-footer-note{width:100%}.modal-footer .button{flex:1}}.recruitment-page{display:flex;flex-direction:column;gap:20px}.recruitment-message{margin:0;border-color:#b9e0da;color:#09655f;background:#effaf8}.recruitment-metrics{display:grid;grid-template-columns:210px 210px minmax(300px,1fr);gap:12px}.recruitment-metrics>div{display:flex;min-height:86px;align-items:center;gap:12px;padding:16px;border:1px solid #e0e7ef;border-radius:16px;background:#fff;box-shadow:var(--shadow-sm)}.recruitment-metrics>div>span:last-child{display:flex;flex-direction:column;gap:4px}.recruitment-metrics small{color:#8290a3;font-size:9px;font-weight:700;text-transform:uppercase}.recruitment-metrics strong{color:var(--navy-900);font-size:20px}.recruitment-assurance{color:#fff;background:linear-gradient(120deg,#0d274cfa,#08736ef2)!important;border-color:transparent!important}.recruitment-assurance>svg{flex:0 0 auto}.recruitment-assurance strong{color:#fff;font-size:12px}.recruitment-assurance small{color:#ffffffb3;font-size:8px;text-transform:none}.offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.offer-card{display:flex;min-width:0;overflow:hidden;flex-direction:column;padding:19px;border:1px solid #dde5ee;border-radius:18px;background:radial-gradient(circle at 100% 0,rgba(13,141,134,.08),transparent 34%),#fff;box-shadow:var(--shadow-sm);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.offer-card:hover{transform:translateY(-2px);border-color:#b9d7d4;box-shadow:0 18px 38px #0d274c1c}.offer-card-top,.offer-card-actions,.document-card-head,.document-card-actions,.contract-history-heading,.signing-intro{display:flex;align-items:center;justify-content:space-between;gap:10px}.offer-document-icon{display:grid;width:45px;height:45px;place-items:center;border-radius:13px;color:var(--teal-700);background:var(--teal-100)}.offer-card-copy{padding:21px 0 16px}.offer-card-copy>span{color:var(--teal-700);font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.offer-card-copy h3{margin:7px 0 6px;overflow:hidden;color:var(--navy-900);font-size:16px;text-overflow:ellipsis;white-space:nowrap}.offer-card-copy p{margin:0;color:#7f8b9d;font-size:10px}.offer-card-facts{display:grid;grid-template-columns:.8fr 1.2fr;gap:8px;margin-bottom:17px}.offer-card-facts span{display:flex;min-width:0;flex-direction:column;gap:5px;padding:11px;border-radius:11px;background:#f5f8fb}.offer-card-facts small{color:#8a96a7;font-size:8px;font-weight:700;text-transform:uppercase}.offer-card-facts strong{overflow:hidden;color:#334057;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.offer-card-actions{margin-top:auto;justify-content:flex-start;padding-top:15px;border-top:1px solid #edf1f5}.offer-edit-button{flex:1}.icon-button--whatsapp{color:#087f55;border-color:#bfe7d4;background:#effbf5}.icon-button--whatsapp:hover:not(:disabled){color:#fff;background:#14925f}.single-offer-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.single-offer-name{grid-column:1 / -1}.offer-automatic-terms{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;margin-top:18px;padding:16px;border:1px solid #bce4d2;border-radius:14px;background:linear-gradient(125deg,#effbf5,#f8fbfd)}.offer-automatic-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;color:#087453;background:#dff6eb}.offer-automatic-terms strong{color:#244536;font-size:11px}.offer-automatic-terms p{margin:5px 0 0;color:#698074;font-size:9px;line-height:1.55}.offer-auto-badge{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid #bce4d2;border-radius:999px;color:#087453;background:#fff;font-size:8px;font-weight:750;white-space:nowrap}.offer-generation-note{display:flex;align-items:center;gap:8px;margin-top:12px;color:#6f7d90;font-size:9px}.offer-generation-note svg{color:var(--teal-600)}.offer-setup-panel{display:grid;grid-template-columns:minmax(170px,.65fr) minmax(260px,1.35fr) 180px;align-items:end;gap:14px;margin-bottom:20px;padding:18px;border:1px solid #d7e6e4;border-radius:16px;background:linear-gradient(120deg,#dff4f1bf,#f5f9fcf2)}.offer-count-preview{display:flex;min-height:65px;align-items:center;gap:11px;padding:12px;border-radius:12px;color:#fff;background:linear-gradient(120deg,var(--navy-900),var(--teal-700))}.offer-count-preview>div{display:flex;flex-direction:column}.offer-count-preview strong{font-size:20px}.offer-count-preview span{color:#ffffffbd;font-size:8px}.candidate-list{display:flex;flex-direction:column;gap:10px}.candidate-row{display:grid;grid-template-columns:34px minmax(0,1fr) 38px;align-items:center;gap:10px;padding:13px;border:1px solid #e2e8ef;border-radius:14px;background:#fbfcfd}.candidate-row-number{display:grid;width:30px;height:30px;place-items:center;border-radius:9px;color:#fff;background:var(--navy-900);font-size:10px;font-weight:800}.candidate-row-fields{display:grid;grid-template-columns:1.2fr .8fr 1fr .65fr 1.35fr;align-items:end;gap:9px}.candidate-notes-field textarea{min-height:42px;resize:vertical}.candidate-remove{width:36px;height:36px;color:#b34453;border-color:#f0d5da;background:#fff8f9}.add-candidate-row{width:100%;margin-top:11px;border-style:dashed}.whatsapp-content{display:flex;flex-direction:column;gap:16px}.whatsapp-mark{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #bee6d1;border-radius:13px;color:#087f55;background:#effbf5}.whatsapp-mark>div{display:flex;flex-direction:column;gap:4px}.whatsapp-mark strong{font-size:12px}.whatsapp-mark span{color:#527868;font-size:9px}.contract-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.contract-total{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;padding:17px;border:1px solid #a5e9cf;border-radius:13px;color:#087453;background:#eafaf3}.contract-total span{font-size:9px;font-weight:800}.contract-total strong{font-size:20px}.document-workspace{position:relative;padding:22px;border:1px solid #dce4ed;border-radius:19px;background:#fff;box-shadow:var(--shadow-sm)}.document-workspace-title{display:flex;align-items:center;gap:9px;margin-bottom:23px;color:var(--navy-900)}.document-workspace-title svg{color:var(--teal-600)}.document-workspace-title strong{font-size:14px}.employee-picker{position:relative;z-index:8;width:min(100%,690px);margin-bottom:18px}.employee-picker>label{display:flex;flex-direction:column;gap:7px;font-size:10px;font-weight:700}.employee-picker-input{display:flex;min-height:45px;align-items:center;gap:9px;padding:0 12px;border:1px solid #cfd9e5;border-radius:11px;background:#fff}.employee-picker-input:focus-within{border-color:var(--teal-500);box-shadow:0 0 0 3px #0d8d8617}.employee-picker-input svg{flex:0 0 auto;color:#7a8799}.employee-picker-input input{min-width:0;flex:1;border:0;outline:0;color:#26364c;font:inherit;font-size:12px}.employee-picker-input button{padding:5px 8px;border:0;color:var(--teal-700);background:transparent;font-size:9px;font-weight:750;cursor:pointer}.employee-suggestions{position:absolute;z-index:10;top:calc(100% + 6px);right:0;left:0;overflow:hidden;border:1px solid #dce4ec;border-radius:13px;background:#fff;box-shadow:0 18px 44px #0d274c2e}.employee-suggestions>button{display:grid;width:100%;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:11px 13px;border:0;border-bottom:1px solid #eef1f5;text-align:left;background:#fff;cursor:pointer}.employee-suggestions>button:hover{background:#f4faf9}.employee-suggestions>button>span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:3px}.employee-suggestions strong{overflow:hidden;color:var(--navy-900);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.employee-suggestions small{color:#8190a2;font-size:8px}.employee-profile-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 22px;margin:18px 0;padding:18px;border:1px solid #d7e2ec;border-radius:15px;background:#f7f9fc}.employee-profile-strip>div{display:flex;min-width:0;align-items:flex-start;gap:9px}.employee-profile-strip svg{flex:0 0 auto;color:var(--teal-600)}.employee-profile-strip span{display:flex;min-width:0;flex-direction:column;gap:4px}.employee-profile-strip small{color:#6f7f95;font-size:8px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.employee-profile-strip strong{overflow-wrap:anywhere;color:#28384f;font-size:10px;line-height:1.4}.document-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.document-card{display:flex;min-height:310px;flex-direction:column;padding:19px;border:1px solid #dfe6ee;border-radius:16px;background:#fff;box-shadow:0 3px 7px #0d274c0f}.document-icon{display:grid;width:44px;height:44px;place-items:center;border:1px solid;border-radius:12px}.document-icon--blue{color:#0678aa;border-color:#b9e3f7;background:#effaff}.document-icon--violet{color:#7352d8;border-color:#ded2ff;background:#f5f1ff}.document-icon--rose{color:#c13762;border-color:#ffcbd9;background:#fff3f6}.document-icon--amber{color:#af6805;border-color:#f4d28f;background:#fff9e9}.document-icon--green{color:#087f55;border-color:#b7ebd2;background:#effbf5}.document-state{padding:4px 7px;border:1px solid #dce3eb;border-radius:999px;color:#758296;background:#fafbfd;font-size:8px}.document-state--ready{color:#087453;border-color:#b9e7d3;background:#effbf5}.document-card h3{margin:14px 0 7px;color:var(--navy-900);font-size:15px}.document-card>p{min-height:36px;margin:0 0 14px;color:#718099;font-size:9px;line-height:1.55}.document-expiry{flex:1}.document-expiry-row{display:flex;align-items:flex-end;gap:7px;margin-top:auto;margin-bottom:12px}.document-expiry-row>.button{min-height:42px;padding:0 11px;font-size:9px}.document-card-actions{justify-content:flex-start;margin-top:auto}.document-card-actions .button{min-height:38px;flex:1;padding:0 11px;font-size:10px}.contract-document-card{min-height:310px}.contract-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:2px 0 13px}.contract-stat-grid span{display:flex;min-width:0;flex-direction:column;gap:4px;padding:9px;border:1px solid #e0e6ed;border-radius:10px;background:#f7f9fb}.contract-stat-grid small{color:#73839a;font-size:7px}.contract-stat-grid strong{overflow:hidden;color:var(--navy-900);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.contract-history{margin-top:18px;padding-top:20px;border-top:1px solid #e8edf2}.contract-history-heading{margin-bottom:12px}.contract-history-heading h3{margin:5px 0 0;color:var(--navy-900);font-size:17px}.contract-history-list{display:flex;flex-direction:column;gap:8px}.contract-history-list article{display:grid;grid-template-columns:150px minmax(190px,1fr) minmax(130px,.6fr) auto;align-items:center;gap:14px;padding:13px;border:1px solid #e1e7ee;border-radius:12px;background:#fbfcfd}.contract-history-list article>div:not(.contract-row-actions){display:flex;min-width:0;flex-direction:column;gap:4px}.contract-history-list article strong{color:#2f3d53;font-size:10px}.contract-history-list article span,.contract-history-list article small{color:#7b899d;font-size:8px}.contract-status{display:inline-flex;width:fit-content;align-items:center;gap:6px;padding:6px 8px;border-radius:999px;font-size:8px;font-weight:750}.contract-status--pending{color:#9a6006!important;background:#fff4dc}.contract-status--signed{color:#087453!important;background:#eaf9f2}.contract-row-actions{display:flex;gap:6px}.document-empty{display:flex;min-height:360px;flex-direction:column;align-items:center;justify-content:center;text-align:center}.document-empty>span{display:grid;width:68px;height:68px;place-items:center;border-radius:20px;color:var(--teal-700);background:var(--teal-100)}.document-empty h3{margin:17px 0 7px;color:var(--navy-900);font-size:17px}.document-empty p{max-width:460px;margin:0;color:#7b889a;font-size:10px;line-height:1.65}.compact-loading{min-height:280px}.signing-page{min-height:100vh;padding:32px clamp(18px,5vw,72px) 50px;background:radial-gradient(circle at 10% 0,rgba(13,141,134,.14),transparent 28%),linear-gradient(160deg,#edf4f7,#f8fafc 48%,#eef3f8)}.signing-header{display:flex;width:min(100%,920px);align-items:center;gap:15px;margin:0 auto 18px}.signing-header img{width:52px;height:52px;object-fit:contain}.signing-header>div{display:flex;min-width:0;flex:1;flex-direction:column;gap:4px}.signing-header span{color:#718198;font-size:9px;font-weight:750;text-transform:uppercase}.signing-header h1{margin:0;color:var(--navy-900);font-size:21px}.secure-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid #b9e5d2;border-radius:999px;color:#087453!important;background:#effbf5}.signing-card{width:min(100%,920px);margin:0 auto;overflow:hidden;border:1px solid #d9e2eb;border-radius:22px;background:#fff;box-shadow:0 28px 70px #0d274c21}.signing-intro{padding:24px;border-bottom:1px solid #e7ecf1}.signing-intro h2{margin:6px 0;color:var(--navy-900);font-size:24px}.signing-intro p{margin:0;color:#748196;font-size:10px}.signing-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:18px 24px;background:#f8fafc}.signing-facts span{display:flex;min-width:0;flex-direction:column;gap:5px;padding:12px;border:1px solid #e0e6ed;border-radius:11px;background:#fff}.signing-facts small{color:#8290a3;font-size:8px;font-weight:750;text-transform:uppercase}.signing-facts strong{overflow-wrap:anywhere;color:#2d3d53;font-size:10px}.signature-section,.signed-success{padding:25px}.signature-scroll-target{scroll-margin-block:24px}.signature-section h3,.signed-success h3{margin:6px 0;color:var(--navy-900);font-size:17px}.signature-section p,.signed-success p{margin:0;color:#7a8799;font-size:10px}.signature-canvas-wrap{position:relative;margin:18px 0 13px;overflow:hidden;border:1px solid #cbd6e1;border-radius:13px;background:repeating-linear-gradient(0deg,#fff,#fff 24px,#f5f7fa 25px)}.signature-canvas-wrap canvas{display:block;width:100%;height:180px;touch-action:none;cursor:crosshair}.signature-canvas-wrap button{position:absolute;top:9px;right:9px;display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid #dce3eb;border-radius:8px;color:#66758a;background:#ffffffe6;font-size:8px;font-weight:750;cursor:pointer}.signature-consent{display:flex;align-items:flex-start;gap:9px;color:#526176;font-size:9px;line-height:1.55;cursor:pointer}.signature-consent input{margin-top:2px;accent-color:var(--teal-600)}.signature-submit{width:100%;margin-top:17px}.signed-success{display:flex;align-items:center;gap:15px;color:#087453;background:#effbf5}.signed-success h3{color:#087453}.contract-page-actions,.contract-detail-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px}.contract-compensation{padding:22px 24px;border-top:1px solid #e6ebf1}.contract-section-heading h3{margin:5px 0 14px;color:var(--navy-900);font-size:16px}.contract-compensation-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.contract-compensation-grid span{display:flex;flex-direction:column;gap:5px;padding:11px;border:1px solid #e1e7ed;border-radius:10px;background:#fafcfd}.contract-compensation-grid small{color:#8190a3;font-size:8px}.contract-compensation-grid strong{color:#263c58;font-size:10px}.signature-invitation{display:flex;align-items:center;gap:14px;padding:24px;border-top:1px solid #e6ebf1;color:#9b6a16;background:#fffbef}.signature-invitation h3{margin:0 0 5px;color:#5b4724;font-size:15px}.signature-invitation p{max-width:620px;margin:0;color:#847456;font-size:9px;line-height:1.6}.saved-signature{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 25px;border-top:1px solid #d7eee4;background:#fbfefd}.saved-signature img,.saved-signature-card img{width:min(100%,280px);max-height:110px;object-fit:contain;border:1px solid #d9e4eb;border-radius:12px;background:#fff}.contract-detail-page{display:flex;flex-direction:column;gap:16px}.contract-detail-heading{align-items:flex-end}.contract-detail-heading>div{display:flex;min-width:0;flex-direction:column;align-items:flex-start}.contract-detail-heading .eyebrow{display:block}.contract-detail-heading h1{margin:5px 0;color:var(--navy-900);font-size:24px}.back-link{display:inline-flex;align-items:center;gap:5px;margin-bottom:16px;padding:0;border:0;color:var(--teal-700);background:transparent;font-size:11px;font-weight:750;cursor:pointer}.contract-detail-actions,.contract-detail-summary,.contract-detail-panel,.contract-pdf-preview{border:1px solid #dde5ed;border-radius:16px;background:#fff;box-shadow:0 8px 24px #0e27490d}.contract-detail-actions{padding:14px}.button--whatsapp{color:#fff;border-color:#0a9b65;background:#0a9b65}.button--whatsapp:hover:not(:disabled){border-color:#078454;background:#078454}.contract-detail-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;overflow:hidden;background:#e4eaf0}.contract-detail-summary span{display:flex;min-width:0;flex-direction:column;gap:6px;padding:15px;background:#fff}.contract-detail-summary small{color:#8290a3;font-size:8px;font-weight:750;text-transform:uppercase}.contract-detail-summary strong{overflow-wrap:anywhere;color:#2d3d53;font-size:10px}.contract-detail-panel{overflow:hidden}.saved-signature-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px}.saved-signature-card h3{margin:5px 0;color:var(--navy-900);font-size:16px}.saved-signature-card p{margin:0;color:#77869a;font-size:9px}.contract-pdf-preview{padding:18px}.contract-pdf-preview iframe{display:block;width:100%;height:min(78vh,900px);min-height:620px;border:1px solid #d9e1e9;border-radius:12px;background:#f3f6f8}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.contract-document{overflow:hidden;border:1px solid #d7e0e9;border-radius:18px;color:#263b55;background:linear-gradient(#fffffff6,#fffffff6),url(/logo.png) center 54% / min(44%,360px) auto no-repeat;box-shadow:0 12px 34px #0e274912}.signing-card .contract-document{margin:0 24px 24px;box-shadow:none}.contract-document-brand{display:flex;align-items:center;justify-content:center;gap:14px;padding:24px 24px 18px;text-align:center;border-top:5px solid var(--navy-900)}.contract-document-brand img{width:54px;height:54px;object-fit:contain}.contract-document-brand>div{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.contract-document-badge{color:var(--teal-700);font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.contract-document-brand h2{margin:0;color:var(--navy-900);font-size:23px}.contract-document-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:center;gap:1px;margin:0 24px 16px;overflow:hidden;border:1px solid #d6b76f;border-radius:11px;color:#4f6177;background:#d6b76f;font-size:9px;font-weight:700}.contract-document-meta>span,.contract-language-control{min-height:40px;padding:0 12px;background:#fffaf0}.contract-document-meta>span{display:flex;align-items:center}.contract-language-control{display:flex;align-items:center;gap:6px;color:var(--teal-700)}.contract-language-control select{min-width:92px;border:0;outline:0;color:var(--navy-900);background:transparent;font:inherit;cursor:pointer}.contract-document-body{display:flex;flex-direction:column;gap:8px;padding:0 24px 26px}.contract-clause{padding:12px 14px;border:1px solid #dbe4ed;border-radius:10px;background:#f8fbfde6}.contract-clause h3{margin:0 0 6px;color:var(--navy-900);font-size:12px;text-align:center}.contract-clause p{margin:0;color:#43546a;font-size:9px;line-height:1.72;white-space:pre-line}.contract-employee-block dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 18px;margin:0 0 10px}.contract-employee-block dl>div{min-width:0}.contract-employee-block dt{margin-bottom:3px;color:#728197;font-size:7.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.contract-employee-block dd{margin:0;overflow-wrap:anywhere;color:var(--navy-900);font-size:9px;font-weight:750}.contract-salary-table-wrap{margin-top:8px;overflow-x:auto;border:1px solid #d7e0e9;border-radius:10px}.contract-salary-table{width:100%;min-width:470px;border-collapse:collapse;background:#fff;font-size:8.5px}.contract-salary-table th,.contract-salary-table td{padding:9px 12px;text-align:left;border-bottom:1px solid #e2e8ef}.contract-salary-table th{color:#fff;background:var(--navy-900);font-size:8px;letter-spacing:.03em;text-transform:uppercase}.contract-salary-table th:last-child,.contract-salary-table td:last-child{width:150px;text-align:right;font-weight:750}.contract-salary-table tr:last-child td{border-bottom:0}.contract-salary-total td{color:#087453;background:#eaf9f2;font-weight:800}.contract-salary-eos td{color:#70511c;background:#fff9ea;font-weight:750}.contract-salary-eos small{display:block;margin-top:3px;color:#92774c;font-size:7px;font-weight:500}.contract-signature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:8px}.contract-signature-grid article{display:grid;grid-template-rows:auto auto minmax(86px,1fr) auto;min-height:155px;padding:14px;border:1px solid #d6b76f;border-radius:11px;background:#ffffffeb}.contract-signature-grid strong{color:var(--navy-900);font-size:10px}.contract-signature-grid small,.contract-signature-grid span{color:#738197;font-size:7.5px}.contract-company-stamp,.contract-employee-signature{align-self:center;justify-self:center;width:auto;max-width:74%;height:78px;object-fit:contain}.contract-signature-line{align-self:end;width:75%;margin:0 auto 20px;border-bottom:1px solid #98a6b5}.signing-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;color:var(--navy-900)}.signing-center h1{margin:3px 0}.signing-center p{margin:0;color:#738096}@media(max-width:1100px){.offer-grid,.document-card-grid,.candidate-row-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.candidate-name-field{grid-column:1 / -1}}@media(max-width:820px){.recruitment-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.recruitment-assurance{grid-column:1 / -1}.offer-setup-panel,.employee-profile-strip,.signing-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.offer-count-preview{grid-column:1 / -1}.contract-history-list article{grid-template-columns:1fr 1fr}.contract-row-actions{justify-content:flex-end}.contract-compensation-grid,.contract-detail-summary,.contract-document-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.saved-signature-card{align-items:flex-start;flex-direction:column}}@media(max-width:620px){.recruitment-metrics,.offer-grid,.document-card-grid,.offer-setup-panel,.candidate-row-fields,.contract-form-grid,.single-offer-form-grid,.employee-profile-strip,.signing-facts{grid-template-columns:1fr}.recruitment-assurance,.offer-count-preview,.candidate-name-field,.single-offer-name{grid-column:auto}.offer-automatic-terms{grid-template-columns:auto minmax(0,1fr)}.offer-auto-badge{grid-column:2;justify-self:start}.candidate-row{grid-template-columns:30px minmax(0,1fr);align-items:start}.candidate-remove{grid-column:2;justify-self:end}.document-workspace{padding:16px}.contract-history-list article{grid-template-columns:1fr}.contract-row-actions{justify-content:flex-start}.signing-page{padding:20px 12px 35px}.signing-header{align-items:flex-start}.secure-badge{display:none}.signing-intro{align-items:flex-start;flex-direction:column}.signing-intro .button{width:100%}.contract-page-actions,.contract-detail-actions{align-items:stretch;flex-direction:column}.contract-page-actions .button,.contract-detail-actions .button{width:100%}.contract-compensation-grid,.contract-detail-summary{grid-template-columns:1fr}.saved-signature{align-items:flex-start;flex-direction:column}.contract-pdf-preview iframe{min-height:480px}.signing-card .contract-document,.contract-document-meta{margin-right:12px;margin-left:12px}.contract-document-body{padding-right:12px;padding-left:12px}.contract-document-meta,.contract-employee-block dl,.contract-signature-grid{grid-template-columns:1fr}.contract-document-brand{padding-right:14px;padding-left:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.leave-page{display:flex;flex-direction:column;gap:20px}.leave-success-toast{margin-top:0;border-color:#b9e0da;color:#09655f;background:#effaf8}.leave-success-toast>button{padding:4px 7px;border:0;color:var(--teal-700);background:transparent;font-size:9px;font-weight:750;cursor:pointer}.leave-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.leave-metric{display:flex;min-height:96px;align-items:center;gap:14px;overflow:hidden;padding:18px;border:1px solid #dfe6ee;border-radius:17px;background:#fff;box-shadow:var(--shadow-sm)}.leave-metric>span{display:grid;width:44px;height:44px;flex:0 0 auto;place-items:center;border-radius:13px}.leave-metric>div{display:flex;min-width:0;flex-direction:column;gap:6px}.leave-metric small{color:#8390a2;font-size:9px;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.leave-metric strong{color:var(--navy-900);font-size:25px;line-height:1}.leave-metric--teal>span{color:var(--teal-700);background:var(--teal-100)}.leave-metric--navy>span{color:var(--navy-800);background:#e8edf6}.leave-metric--gold>span{color:var(--gold-600);background:var(--gold-100)}.leave-metric--blue>span{color:#3568a6;background:#e8effa}.leave-workspace{overflow:hidden;border:1px solid #dce4ed;border-radius:19px;background:#fff;box-shadow:var(--shadow-sm)}.leave-workspace-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border-bottom:1px solid #e8edf3;background:#fbfcfd}.leave-tabs{display:inline-flex;gap:5px;padding:4px;border:1px solid #dce4ed;border-radius:13px;background:#f1f4f8}.leave-tab{display:inline-flex;min-height:38px;align-items:center;gap:8px;padding:0 13px;border:0;border-radius:9px;color:#718096;background:transparent;font-size:10px;font-weight:750;cursor:pointer}.leave-tab>span{display:inline-grid;min-width:22px;min-height:20px;place-items:center;padding:0 6px;border-radius:999px;color:#758399;background:#e3e8ef;font-size:8px}.leave-tab--active{color:var(--navy-900);background:#fff;box-shadow:0 5px 15px #0d274c1a}.leave-tab--active>span{color:#fff;background:var(--teal-600)}.leave-filters{display:flex;align-items:center;gap:8px}.leave-filters label{display:flex;width:min(320px,32vw);min-height:41px;align-items:center;gap:8px;padding:0 11px;border:1px solid #d7dfe9;border-radius:10px;background:#fff}.leave-filters label:focus-within{border-color:#7ec3bd;box-shadow:0 0 0 3px #0d8d8614}.leave-filters svg{flex:0 0 auto;color:#7c899b}.leave-filters input{min-width:0;flex:1;border:0;outline:0;color:#324157;background:transparent;font-size:10px}.leave-filters select{min-height:41px;padding:0 34px 0 11px;border:1px solid #d7dfe9;border-radius:10px;color:#4d5c72;background:#fff;outline:0;font-size:10px}.leave-table-wrap{width:100%;overflow-x:auto}.leave-table{width:100%;min-width:970px;border-collapse:collapse;text-align:left}.leave-table th{padding:13px 16px;color:#8490a2;background:#f7f9fb;border-bottom:1px solid #e5eaf0;font-size:8px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.leave-table td{padding:15px 16px;border-bottom:1px solid #edf1f5;color:#526076;font-size:10px;vertical-align:middle}.leave-table tr:last-child td{border-bottom:0}.leave-table tbody tr:hover{background:#fbfdfd}.leave-table td>strong,.leave-table td>small{display:block}.leave-table td>strong{color:#334158;font-size:10px}.leave-table td>small{margin-top:4px;color:#8d98a8;font-size:8px}.leave-employee-cell{display:flex;min-width:205px;align-items:center;gap:10px}.leave-employee-cell>span:last-child{display:flex;min-width:0;flex-direction:column;gap:4px}.leave-employee-cell strong{color:var(--navy-900);font-size:10px}.leave-employee-cell small{overflow:hidden;max-width:220px;color:#8793a5;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.leave-type-pill{display:inline-flex;max-width:180px;min-height:25px;align-items:center;padding:0 9px;border:1px solid #cde6e2;border-radius:999px;color:#08736e;background:#edf9f7;font-size:8px;font-weight:800;line-height:1.25}.leave-type-pill--sick{color:#a33949;background:#fff1f3;border-color:#f0cbd0}.leave-type-pill--maternity,.leave-type-pill--paternity,.leave-type-pill--childcare_unpaid{color:#6c4ca4;background:#f5f0ff;border-color:#dfd2f7}.leave-type-pill--business_trip{color:#3568a6;background:#edf4fd;border-color:#d5e3f5}.leave-detail-chips{display:flex;max-width:270px;flex-wrap:wrap;gap:5px}.leave-detail-chips span,.leave-detail-chips a{display:inline-flex;min-height:23px;align-items:center;gap:4px;padding:0 7px;border-radius:7px;color:#66768b;background:#f1f4f7;font-size:8px;font-weight:700}.leave-detail-chips a{color:#3568a6;background:#eef5fc}.leave-delete-button{width:34px;height:34px;color:#a34a56;border-color:#f0dadd;background:#fff8f8}.leave-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.leave-edit-button{width:34px;height:34px;color:#3568a6;border-color:#d5e3f5;background:#f4f8fd}.leave-edit-button:hover{color:#fff;border-color:#3568a6;background:#3568a6}.employee-leave-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;padding:20px}.employee-leave-card{display:flex;min-width:0;overflow:hidden;flex-direction:column;padding:18px;border:1px solid #dce5ee;border-radius:17px;background:radial-gradient(circle at 100% 0,rgba(13,141,134,.09),transparent 10rem),#fff;box-shadow:0 8px 22px #0d274c0e;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.employee-leave-card:hover{border-color:#c9d8e5;box-shadow:0 14px 30px #0d274c17;transform:translateY(-2px)}.employee-leave-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.employee-leave-card .leave-employee-cell{min-width:0}.employee-leave-card .leave-employee-cell strong{overflow:hidden;max-width:220px;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.employee-leave-card .leave-employee-cell small{font-size:9px}.employee-leave-card-status{display:flex;align-items:center;justify-content:space-between;gap:9px;margin:17px 0 13px;padding-bottom:13px;border-bottom:1px solid #edf1f5}.leave-status-stack{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.leave-approval-pill{display:inline-flex;min-height:24px;align-items:center;padding:0 8px;border-radius:999px;color:#8a5a13;background:#fff0cf;font-size:7px;font-weight:850;text-transform:uppercase}.leave-approval-pill--approved{color:#08735f;background:#ddf5ed}.leave-approval-pill--rejected{color:#a03947;background:#fff0f2}.leave-approval-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px}.leave-approval-actions button{display:inline-flex;min-height:29px;align-items:center;gap:4px;padding:0 8px;border:1px solid;border-radius:8px;font-size:7px;font-weight:800;cursor:pointer}.leave-approval-actions button.is-approve{color:#08735f;border-color:#bfe4da;background:#eaf8f4}.leave-approval-actions button.is-reject{color:#a03947;border-color:#edcbd0;background:#fff3f4}.leave-duration-pill{display:inline-flex;min-height:27px;align-items:center;gap:5px;padding:0 9px;border-radius:999px;color:#5f6e83;background:#f1f4f7;font-size:8px;white-space:nowrap}.leave-duration-pill svg{color:var(--teal-700)}.leave-duration-pill strong{color:var(--navy-900);font-size:10px}.employee-leave-card-facts{display:grid;gap:8px}.employee-leave-card-facts>div{display:flex;min-width:0;flex-direction:column;gap:5px;padding:11px 12px;border:1px solid #e8edf3;border-radius:11px;background:#f8fafc}.employee-leave-card-facts span{display:flex;align-items:center;gap:6px;color:#7b899c;font-size:8px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.employee-leave-card-facts span svg{color:var(--teal-700)}.employee-leave-card-facts strong{overflow-wrap:anywhere;color:#334158;font-size:10px;line-height:1.45}.employee-leave-card-facts small{color:#929dab;font-size:7.5px}.employee-leave-travel{display:flex;align-items:center;gap:10px;margin-top:10px;padding:12px;border:1px solid #cde0f6;border-radius:11px;color:#3568a6;background:#f0f6fd}.employee-leave-travel>svg{flex:0 0 auto}.employee-leave-travel>div{display:flex;min-width:0;flex-direction:column;gap:4px}.employee-leave-travel span{color:#6e84a0;font-size:8px;font-weight:750;text-transform:uppercase}.employee-leave-travel strong{color:#294e78;font-size:9px;line-height:1.4}.employee-leave-notes{margin-top:10px;padding:12px;border-left:3px solid #e5bd71;border-radius:4px 10px 10px 4px;background:#fffaf1}.employee-leave-notes span{color:#9b6b19;font-size:8px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.employee-leave-notes p{margin:6px 0 0;color:#665b49;font-size:9px;line-height:1.55;white-space:pre-wrap}.employee-leave-card-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:auto;padding-top:15px}.employee-leave-card-footer .leave-detail-chips{max-width:none}.employee-leave-card-footer>small,.leave-approval-actions>small{flex:0 0 auto;color:#99a3b1;font-size:7px}.leave-loading,.leave-empty{min-height:360px;margin:0;border:0;border-radius:0;background:#fff}.holiday-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;padding:20px}.holiday-card{display:flex;min-width:0;flex-direction:column;padding:18px;border:1px solid #dce5ee;border-radius:16px;background:radial-gradient(circle at 100% 0,rgba(13,141,134,.1),transparent 9rem),#fff;box-shadow:0 8px 22px #0d274c0e}.holiday-card>header{display:flex;align-items:center;justify-content:space-between}.holiday-card>header>span{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;color:var(--teal-700);background:var(--teal-100)}.holiday-card>div:nth-child(2){margin:18px 0 14px}.holiday-card>div:nth-child(2)>small,.holiday-card footer>span{color:#8995a6;font-size:8px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.holiday-card h3{min-height:40px;margin:7px 0 6px;color:var(--navy-900);font-size:15px;line-height:1.35}.holiday-card p{margin:0;color:#748196;font-size:9px}.holiday-duration{display:flex;align-items:baseline;gap:7px;padding:12px;border-radius:11px;color:#486072;background:#f3f7fa}.holiday-duration strong{color:var(--navy-900);font-size:22px}.holiday-duration span{font-size:9px}.holiday-card footer{margin-top:15px;padding-top:14px;border-top:1px solid #edf1f5}.holiday-card footer>div{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.holiday-card footer small{padding:5px 7px;border:1px solid #d7ebe8;border-radius:7px;color:#39706e;background:#f1faf8;font-size:7px}.leave-modal-body{display:flex;flex-direction:column;gap:18px}.leave-form-section{display:grid;grid-template-columns:180px minmax(0,1fr);gap:20px;padding-bottom:18px;border-bottom:1px solid #edf1f4}.leave-section-heading{display:flex;align-items:flex-start;gap:10px}.leave-section-heading>span{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border-radius:10px;color:var(--teal-700);background:var(--teal-100)}.leave-section-heading>div{display:flex;flex-direction:column;gap:4px}.leave-section-heading strong{margin-top:3px;color:var(--navy-900);font-size:11px}.leave-section-heading small{color:#8a96a7;font-size:8px;line-height:1.4}.leave-employee-picker{width:100%;margin:0}.leave-employee-picker .employee-suggestions>button{grid-template-columns:auto minmax(0,1fr) auto}.leave-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.leave-wide-field{grid-column:1 / -1}.leave-policy-note{display:flex;flex-direction:column;gap:5px;padding:13px 14px;border:1px solid #dce4ed;border-radius:11px;color:#66758a;background:#f7f9fc}.leave-policy-note strong{color:#35465d;font-size:9px}.leave-policy-note span,.leave-policy-note small{font-size:8px;line-height:1.5}.leave-policy-note small{color:#a15e08}.leave-duration-card,.leave-balance-card{display:flex;align-items:flex-start;gap:10px;padding:13px 14px;border-radius:12px}.leave-duration-card{color:#a65c08;background:#fff7ed;border:1px solid #f4ddbe}.leave-balance-card{color:#08736e;background:#effaf8;border:1px solid #c9eae5}.leave-duration-card>div,.leave-balance-card>div{display:flex;min-width:0;flex-direction:column;gap:4px}.leave-duration-card strong,.leave-balance-card strong{color:#524334;font-size:10px}.leave-balance-card strong{color:#185f5b}.leave-duration-card span,.leave-balance-card span,.leave-balance-card small{font-size:8px;line-height:1.4}.leave-file-input{display:flex;min-height:44px;align-items:center;gap:9px;padding:6px 10px;border:1px dashed #cbd7e4;border-radius:10px;color:#60728a;background:#fafcfd}.leave-file-input input{min-height:auto;padding:0;border:0;background:transparent}.leave-file-input~small a{color:#3568a6;font-weight:750;text-decoration:underline;text-underline-offset:2px}.leave-travel-panel{padding:14px;border:1px solid #dde5ee;border-radius:14px;background:#f8fafc}.leave-travel-panel--active{border-color:#b9d7fb;background:#eef6ff}.leave-check-row{display:flex;align-items:center;gap:9px;color:#29425e;font-size:10px;font-weight:750;cursor:pointer}.leave-check-row input{width:17px;height:17px;accent-color:var(--teal-600)}.leave-check-row svg{color:#4077aa}.leave-travel-panel .leave-form-grid{margin-top:14px}.holiday-branch-panel{padding:16px;border:1px solid #dce4ed;border-radius:14px;background:#f8fafc}.holiday-branch-panel>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:13px}.holiday-branch-panel>header>div:first-child{display:flex;flex-direction:column;gap:4px}.holiday-branch-panel header strong{color:var(--navy-900);font-size:10px}.holiday-branch-panel header strong b,.leave-employee-picker label b{color:#c63c4d}.holiday-branch-panel header span{color:#8794a6;font-size:8px}.holiday-branch-panel>header>div:last-child{display:flex;gap:6px}.holiday-branch-panel header button{padding:5px 7px;border:0;color:var(--teal-700);background:transparent;font-size:8px;font-weight:750;cursor:pointer}.holiday-branch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.holiday-branch-option{display:flex;min-height:40px;align-items:center;gap:8px;padding:7px 9px;border:1px solid #dce4ed;border-radius:10px;color:#59697e;text-align:left;background:#fff;font-size:9px;cursor:pointer}.holiday-branch-option>span{display:grid;width:18px;height:18px;flex:0 0 auto;place-items:center;border:1px solid #ccd6e2;border-radius:5px}.holiday-branch-option--selected{color:#175f5b;border-color:#98d5ce;background:#effaf8}.holiday-branch-option--selected>span{color:#fff;border-color:var(--teal-600);background:var(--teal-600)}@media(max-width:1050px){.leave-metrics,.employee-leave-card-grid,.holiday-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.leave-workspace-header{align-items:stretch;flex-direction:column}.leave-filters label{width:100%}}@media(max-width:700px){.leave-metrics,.employee-leave-card-grid,.holiday-card-grid,.leave-form-grid,.holiday-branch-grid{grid-template-columns:1fr}.leave-wide-field{grid-column:auto}.leave-form-section{grid-template-columns:1fr}.leave-tabs,.leave-filters{width:100%}.leave-tab{min-width:0;flex:1;justify-content:center;padding:0 8px}.leave-tab svg{display:none}.leave-filters{align-items:stretch;flex-direction:column}.leave-filters select{width:100%}.holiday-card-grid{padding:14px}.employee-leave-card-grid{gap:12px;padding:12px}.employee-leave-card{padding:15px}.employee-leave-card:hover{transform:none}.employee-leave-card-header{gap:8px}.employee-leave-card .leave-row-actions{flex:0 0 auto}.employee-leave-card-status,.employee-leave-card-footer{align-items:flex-start;flex-direction:column}.employee-leave-card-status{gap:8px}.employee-leave-card-footer>small,.leave-approval-actions>small{order:-1}.leave-approval-actions{width:100%;justify-content:flex-start}.holiday-branch-panel>header{align-items:flex-start;flex-direction:column}}.organization-modal{width:min(100%,680px)}.organization-editor-form>.form-grid{min-height:0;flex:1;align-content:start;gap:18px 16px;overflow-y:auto;overscroll-behavior:contain;padding:24px 27px 26px}.organization-editor-form .field--wide{grid-column:1 / -1}.organization-editor-form .form-grid--transfer .field--wide{grid-column:auto}.organization-editor-form .field{gap:8px}.async-employee-select{position:relative;display:flex;min-width:0;flex-direction:column;gap:8px}.async-employee-select>label{color:#40516a;font-size:10px;font-weight:800}.async-employee-control{display:flex;min-height:46px;align-items:center;gap:9px;padding:0 12px;border:1px solid #d4dee9;border-radius:11px;background:#fbfcfe;transition:border-color .15s ease,box-shadow .15s ease}.async-employee-control:focus-within{border-color:#68bcb5;box-shadow:0 0 0 3px #0f8f881c}.async-employee-control>svg{flex:0 0 auto;color:#78879a}.async-employee-control>input{width:100%;min-width:0;border:0;outline:0;color:#26364c;background:transparent;font:inherit;font-size:11px}.async-employee-control>button{display:grid;width:27px;height:27px;flex:0 0 auto;place-items:center;padding:0;border:0;border-radius:8px;color:#738196;background:transparent;cursor:pointer}.async-employee-control>button:hover{color:var(--navy-900);background:#eef3f7}.async-employee-hint{color:#7d899b;font-size:8px}.async-employee-empty{padding:12px;border:1px dashed #d6dfe9;border-radius:10px;color:#7d899b;background:#f8fafc;font-size:9px;text-align:center}.async-employee-options{overflow-y:auto;max-height:230px;border:1px solid #d8e2eb;border-radius:12px;background:#fff;box-shadow:0 14px 30px #0d274c1f}.async-employee-options>button{display:grid;width:100%;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 12px;border:0;border-bottom:1px solid #edf1f5;color:inherit;text-align:left;background:#fff;cursor:pointer}.async-employee-options>button:last-child{border-bottom:0}.async-employee-options>button:hover,.async-employee-options>button:focus-visible{outline:0;background:#eff9f7}.async-employee-avatar{display:grid;width:32px;height:32px;place-items:center;border-radius:9px;color:var(--teal-700);background:var(--teal-100)}.async-employee-options>button>span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:4px}.async-employee-options strong{overflow:hidden;color:var(--navy-900);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.async-employee-options small{color:#7d899b;font-size:8px;line-height:1.4}.employee-work-context{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:12px;border:1px solid #d8e3ec;border-radius:12px;background:#f7f9fc}.employee-work-context>div{display:flex;min-width:0;align-items:flex-start;gap:9px;padding:9px 10px;border-radius:9px;color:#617188;background:#fff}.employee-work-context>div>svg{flex:0 0 auto;margin-top:1px;color:var(--teal-700)}.employee-work-context>div>span{display:flex;min-width:0;flex-direction:column;gap:4px}.employee-work-context small{color:#8491a3;font-size:7px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.employee-work-context strong{overflow-wrap:anywhere;color:var(--navy-900);font-size:9px;line-height:1.45}.employee-work-context .employee-work-context-target{border:1px solid #cce7e3;background:#eef9f7}.organization-decision-modal{width:min(100%,720px)}.organization-decision-body{display:flex;flex-direction:column;gap:15px}.organization-decision-warning{display:flex;align-items:flex-start;gap:10px;padding:13px 14px;border:1px solid #efdcae;border-radius:12px;color:#8a6210;background:#fff9e9}.organization-decision-warning>svg{flex:0 0 auto}.organization-decision-warning>div{display:flex;flex-direction:column;gap:4px}.organization-decision-warning strong{font-size:10px}.organization-decision-warning span{color:#8b7956;font-size:8px;line-height:1.5}.organization-decision-options{display:grid;gap:9px}.organization-decision-options>button{display:grid;width:100%;grid-template-columns:auto minmax(0,1fr);align-items:flex-start;gap:11px;padding:14px;border:1px solid #d9e2eb;border-radius:12px;color:#53647a;text-align:left;background:#fff;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.organization-decision-options>button:hover{border-color:#93cfc9;background:#f3fbfa;transform:translateY(-1px)}.organization-decision-options>button:disabled{cursor:wait;opacity:.62;transform:none}.organization-decision-options>button>svg{color:var(--teal-700)}.organization-decision-options>button>span{display:flex;min-width:0;flex-direction:column;gap:4px}.organization-decision-options strong{color:var(--navy-900);font-size:10px}.organization-decision-options small{color:#78879a;font-size:8px;line-height:1.55}.organization-decision-options .organization-decision-option--recommended{border-color:#9ed5cf;background:#eef9f7}.organization-editor-form .field>span{color:#40516a;font-size:10px;font-weight:800}.organization-editor-form .field input,.organization-editor-form .field select,.organization-editor-form .field textarea{min-height:46px;padding:10px 13px;border-color:#d4dee9;border-radius:11px;background:#fbfcfe;font-size:11px}.organization-editor-form .field input:focus,.organization-editor-form .field select:focus,.organization-editor-form .field textarea:focus{border-color:#68bcb5;box-shadow:0 0 0 3px #0f8f881c}.organization-active-field{position:relative;display:flex;min-height:64px;flex-direction:row;align-items:center;gap:12px;padding:12px 14px;border:1px solid #d8e5e3;border-radius:12px;background:#f5faf9;cursor:pointer}.organization-editor-form .organization-active-field>input{position:absolute;width:1px;min-height:1px;height:1px;padding:0;opacity:0;pointer-events:none}.organization-switch{display:flex;width:42px;height:24px;flex:0 0 auto;align-items:center;padding:3px;border-radius:999px;background:#b9c5d1;transition:background .16s ease}.organization-switch>span{width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #102a4438;transition:transform .16s ease}.organization-active-field>input:checked+.organization-switch{background:var(--teal-600)}.organization-active-field>input:checked+.organization-switch>span{transform:translate(18px)}.organization-active-field>input:focus-visible+.organization-switch{outline:3px solid rgba(15,143,136,.2);outline-offset:2px}.organization-active-copy{display:flex;min-width:0;flex-direction:column;gap:3px}.organization-active-copy strong{color:var(--navy-900);font-size:10px}.organization-active-copy small{color:#7e8d9f;font-size:8px;line-height:1.45}.organization-modal .modal-footer{flex:0 0 auto;padding:15px 27px 18px}.organization-modal .modal-footer .button{min-width:98px}@media(max-width:700px){.organization-modal{width:100%;max-height:min(92vh,760px)}.organization-modal .modal-header{padding:20px 20px 17px}.organization-editor-form>.form-grid{grid-template-columns:1fr;gap:16px;padding:20px}.organization-editor-form .field--wide,.organization-editor-form .form-grid--transfer .field--wide{grid-column:auto}.organization-editor-form .field input,.organization-editor-form .field select,.organization-editor-form .field textarea{min-height:47px}.organization-active-field{min-height:62px}.async-employee-control{min-height:47px}.async-employee-options{max-height:210px}.async-employee-options>button{grid-template-columns:auto minmax(0,1fr)}.async-employee-options>button>small{display:none}.employee-work-context{grid-template-columns:1fr}.organization-modal.organization-decision-modal .modal-footer{display:flex}.organization-modal.organization-decision-modal .modal-footer .button{width:auto;min-width:110px;margin-left:auto}.organization-modal .modal-footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px 20px calc(14px + env(safe-area-inset-bottom));box-shadow:0 -8px 24px #0f25400f}.organization-modal .modal-footer .button{width:100%;min-width:0;min-height:46px;margin:0}}@media(max-width:420px){.organization-editor-form>.form-grid{padding:17px 14px}.organization-modal .modal-header{padding-right:20px;padding-left:20px}.organization-modal .modal-footer{padding-right:14px;padding-left:14px}}.schedule-page{--schedule-navy: #0b2c55;--schedule-teal: #0b8d87;--schedule-soft: #f4f8fb}.schedule-hero{position:relative;display:flex;min-height:238px;align-items:flex-end;justify-content:space-between;gap:28px;overflow:hidden;padding:34px 38px;border-radius:25px;color:#fff;background:radial-gradient(circle at 84% 20%,rgba(42,204,191,.25),transparent 16rem),linear-gradient(120deg,#071d38,#0c345b 55%,#087d7b 145%);box-shadow:0 22px 48px #071e3933}.schedule-hero__copy{position:relative;z-index:1;max-width:720px}.schedule-hero h2{margin:12px 0 10px;color:#fff;font-size:clamp(30px,4vw,44px);letter-spacing:-.045em}.schedule-hero p{max-width:690px;margin:0;color:#e1effbc7;font-size:13px;line-height:1.7}.schedule-hero__range{display:inline-flex;align-items:center;gap:9px;margin-top:20px;padding:9px 12px;border:1px solid rgba(255,255,255,.13);border-radius:11px;color:#d8f5f2;background:#ffffff13;font-size:10px}.schedule-hero__actions{position:relative;z-index:2;display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;gap:10px}.schedule-hero__decoration{position:absolute;right:5%;top:-34px;color:#ffffff09;transform:rotate(-8deg)}.schedule-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:18px}.schedule-stat-grid article{display:flex;min-width:0;align-items:center;gap:13px;padding:17px;border:1px solid #dfe7ef;border-radius:17px;background:#fff;box-shadow:var(--shadow-sm)}.schedule-stat-grid article>div{display:flex;min-width:0;flex-direction:column}.schedule-stat-grid small{color:#748198;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.schedule-stat-grid strong{margin-top:3px;color:var(--schedule-navy);font-size:23px}.schedule-stat-grid article>div>span{overflow:hidden;margin-top:2px;color:#929dae;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.schedule-stat-icon{display:grid;width:43px;height:43px;flex:0 0 auto;place-items:center;border-radius:13px}.schedule-stat-icon--navy{color:#123d6b;background:#e9f0f8}.schedule-stat-icon--teal{color:#087e78;background:#dff4f1}.schedule-stat-icon--amber{color:#9a6308;background:#fff2d5}.schedule-stat-icon--violet{color:#6554a4;background:#eeebff}.schedule-controls{position:relative;z-index:12;display:grid;grid-template-columns:auto auto minmax(180px,.7fr) minmax(240px,1fr) auto;align-items:end;gap:10px;margin-top:18px;padding:13px;border:1px solid #dfe6ee;border-radius:17px;background:#ffffffeb;box-shadow:var(--shadow-sm)}.schedule-view-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:4px;border:1px solid #dfe6ee;border-radius:12px;background:#f2f5f8}.schedule-view-switch button,.schedule-date-navigation>button,.schedule-refresh-button{min-height:36px;padding:0 12px;border:0;border-radius:8px;color:#69778d;background:transparent;font-size:9px;font-weight:800;cursor:pointer}.schedule-view-switch button.is-active{color:#fff;background:var(--schedule-navy);box-shadow:0 5px 12px #0b2c552e}.schedule-date-navigation{display:flex;min-height:44px;align-items:center;gap:4px;padding:3px;border:1px solid #dfe6ee;border-radius:12px;background:#fff}.schedule-date-navigation>button{display:grid;width:34px;min-height:34px;place-items:center;padding:0}.schedule-date-navigation>button:hover,.schedule-refresh-button:hover{color:var(--schedule-teal);background:#eaf7f5}.schedule-date-navigation label{display:flex;flex-direction:column;padding:0 5px}.schedule-date-navigation label span,.schedule-workplace-filter>span,.schedule-employee-picker>label{color:#748198;font-size:7px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.schedule-date-navigation input{width:116px;padding:0;border:0;outline:0;color:#25354c;background:transparent;font-size:9px}.schedule-date-navigation .schedule-today-button{width:auto;padding:0 9px;color:var(--schedule-teal)}.schedule-workplace-filter,.schedule-employee-picker{position:relative;display:flex;min-width:0;flex-direction:column;gap:5px}.schedule-workplace-filter select,.schedule-employee-picker__control{width:100%;min-height:44px;border:1px solid #dfe6ee;border-radius:11px;color:#25354c;background:#fff;outline:0;font-size:10px}.schedule-workplace-filter select{padding:0 11px}.schedule-employee-picker__control{display:flex;align-items:center;gap:8px;padding:0 11px;color:#7b899d}.schedule-employee-picker__control:focus-within,.schedule-workplace-filter select:focus{border-color:#7ec3bd;box-shadow:0 0 0 3px #0d8d8614}.schedule-employee-picker__control input{width:100%;min-width:0;border:0;outline:0;color:#25354c;background:transparent;font-size:10px}.schedule-employee-picker__control button{display:grid;width:24px;height:24px;flex:0 0 auto;place-items:center;padding:0;border:0;border-radius:7px;color:#8490a1;background:transparent;cursor:pointer}.schedule-employee-picker__options{position:absolute;z-index:80;top:calc(100% + 7px);right:0;left:0;max-height:310px;overflow-y:auto;padding:5px;border:1px solid #d8e1ea;border-radius:13px;background:#fff;box-shadow:0 18px 45px #0b234133}.schedule-employee-picker__options>button{display:grid;width:100%;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px;border:0;border-radius:9px;color:#35445a;background:transparent;text-align:left;cursor:pointer}.schedule-employee-picker__options>button:hover,.schedule-employee-picker__options>button[aria-selected=true]{background:#eef8f7}.schedule-employee-picker__options button>span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:3px}.schedule-employee-picker__options strong{overflow:hidden;color:var(--schedule-navy);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.schedule-employee-picker__options small,.schedule-employee-picker__options p{color:#8591a3;font-size:8px}.schedule-employee-picker__options p{margin:0;padding:18px;text-align:center}.schedule-picker-avatar,.schedule-shift-avatar{display:grid;width:32px;height:32px;flex:0 0 auto;place-items:center;border-radius:9px;color:var(--schedule-teal);background:#e5f5f3;font-size:9px;font-weight:850}.schedule-refresh-button{display:grid;width:44px;height:44px;place-items:center;border:1px solid #dfe6ee;background:#fff}.schedule-period-strip{margin-top:14px;overflow:hidden;border:1px solid #dce5ed;border-radius:17px;background:#fff;box-shadow:var(--shadow-sm)}.schedule-period-strip>header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 15px;border-bottom:1px solid #e8edf2;background:linear-gradient(100deg,#f0f8f7,#fbfcfd)}.schedule-period-strip>header>div,.schedule-period-strip__items article{display:flex;min-width:0;align-items:center;gap:10px}.schedule-period-strip>header>div>div,.schedule-period-strip__items article>div{display:flex;min-width:0;flex-direction:column;gap:3px}.schedule-period-strip strong{color:var(--schedule-navy);font-size:10px}.schedule-period-strip small,.schedule-period-strip>header>span{color:#78869a;font-size:8px}.schedule-period-strip__items{display:flex;gap:10px;overflow-x:auto;padding:12px}.schedule-period-strip__items article{min-width:310px;padding:11px;border:1px solid #e3e9f0;border-radius:11px;background:#f9fbfc}.schedule-period-strip__items article>span{display:grid;width:31px;height:31px;flex:0 0 auto;place-items:center;border-radius:8px;color:var(--schedule-teal);background:#e4f5f2}.schedule-period-strip__items article button{display:inline-flex;min-height:30px;flex:0 0 auto;align-items:center;gap:5px;margin-left:auto;padding:0 9px;border:1px solid #d7e1ea;border-radius:8px;color:#31506f;background:#fff;font-size:8px;font-weight:800;cursor:pointer}.schedule-period-strip__items>p{margin:4px;color:#7d899b;font-size:9px}.schedule-workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:16px;margin-top:17px}.schedule-calendar-panel,.schedule-activity-panel{overflow:hidden;border:1px solid #dce5ed;border-radius:19px;background:#fff;box-shadow:var(--shadow-sm)}.schedule-section-heading{display:flex;min-height:70px;align-items:center;justify-content:space-between;gap:15px;padding:15px 18px;border-bottom:1px solid #e8edf2}.schedule-section-heading>div{display:flex;min-width:0;align-items:center;gap:10px}.schedule-section-heading>div>span{display:grid;width:36px;height:36px;flex:0 0 auto;place-items:center;border-radius:10px;color:var(--schedule-teal);background:#e4f5f2}.schedule-section-heading>div>div{display:flex;min-width:0;flex-direction:column;gap:4px}.schedule-section-heading strong{color:var(--schedule-navy);font-size:12px}.schedule-section-heading small,.schedule-section-heading>span{color:#8490a2;font-size:8px}.schedule-date-list{display:flex;flex-direction:column}.schedule-date-card+.schedule-date-card{border-top:1px solid #e8edf2}.schedule-date-card>header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 18px;background:#f5f8fa}.schedule-date-card>header>div{display:flex;align-items:baseline;gap:8px}.schedule-date-card>header strong{color:var(--schedule-navy);font-size:10px}.schedule-date-card>header span,.schedule-date-card>header small{color:#8490a2;font-size:8px}.schedule-shift-list{padding:0 18px}.schedule-shift-row{display:grid;grid-template-columns:auto minmax(170px,1fr) minmax(145px,auto) auto auto;align-items:center;gap:12px;min-height:65px;border-bottom:1px solid #edf1f4}.schedule-shift-row:last-child{border-bottom:0}.schedule-shift-row--off{background:linear-gradient(90deg,transparent,rgba(255,247,227,.55),transparent)}.schedule-shift-employee,.schedule-shift-time{display:flex;min-width:0;flex-direction:column;gap:3px}.schedule-shift-employee strong,.schedule-shift-time strong{overflow:hidden;color:#243650;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.schedule-shift-employee small,.schedule-shift-time small{display:inline-flex;align-items:center;gap:4px;color:#8490a2;font-size:8px}.schedule-shift-time{position:relative;padding-left:21px}.schedule-shift-time>svg{position:absolute;top:1px;left:0;color:var(--schedule-teal)}.schedule-shift-time small{color:#6b58a5}.schedule-day-status{display:inline-flex;min-height:25px;align-items:center;justify-content:center;padding:0 9px;border:1px solid #bce7dc;border-radius:999px;color:#08735f;background:#e7f7f2;font-size:8px;font-weight:800}.schedule-day-status.is-off{color:#8a610d;border-color:#eed9a7;background:#fff7e2}.schedule-shift-row>button{display:grid;width:33px;height:33px;place-items:center;padding:0;border:1px solid #dce4ec;border-radius:9px;color:#607088;background:#fff;cursor:pointer}.schedule-shift-row>button:hover{color:var(--schedule-teal);border-color:#a9d8d3;background:#f0faf8}.schedule-loading,.schedule-empty{display:flex;min-height:310px;flex-direction:column;align-items:center;justify-content:center;padding:28px;color:#8290a2;text-align:center}.schedule-loading{gap:10px}.schedule-loading strong{font-size:10px}.schedule-empty>span{display:grid;width:58px;height:58px;place-items:center;border-radius:17px;color:var(--schedule-teal);background:#e4f5f2}.schedule-empty h3{margin:15px 0 6px;color:var(--schedule-navy);font-size:16px}.schedule-empty p{max-width:390px;margin:0 0 17px;color:#7b899d;font-size:10px;line-height:1.6}.schedule-activity-panel{position:sticky;top:20px}.schedule-activity-list{max-height:720px;overflow-y:auto;padding:6px 15px 15px}.schedule-activity-list article{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;padding:13px 0;border-bottom:1px solid #edf1f4}.schedule-activity-list article>span{display:grid;width:28px;height:28px;place-items:center;border-radius:8px;color:var(--schedule-teal);background:#e9f7f5}.schedule-activity-list article>div{min-width:0}.schedule-activity-list article strong{color:var(--schedule-navy);font-size:9px}.schedule-activity-list article p{margin:4px 0;color:#65748a;font-size:8px;line-height:1.5}.schedule-activity-list article small{display:block;margin-bottom:6px;color:var(--schedule-teal);font-size:8px}.schedule-activity-list article footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px}.schedule-activity-list article footer b,.schedule-activity-list article footer span{color:#8b96a6;font-size:7px}.schedule-activity-list article footer b{color:#526177}.schedule-activity-empty{display:flex;min-height:180px;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#8a96a7;font-size:9px}.schedule-period-modal{width:min(100%,1080px)}.schedule-period-modal__body{display:flex;flex-direction:column;gap:18px;background:#f7f9fb}.schedule-multiline-error{white-space:pre-line}.schedule-modal-section{padding:18px;border:1px solid #dfe6ee;border-radius:16px;background:#fff}.schedule-modal-section>header{display:flex;align-items:center;gap:10px;margin-bottom:15px}.schedule-modal-section>header>span{display:grid;width:36px;height:36px;flex:0 0 auto;place-items:center;border-radius:10px;color:var(--teal-700);background:var(--teal-100)}.schedule-modal-section>header>div{display:flex;min-width:0;flex-direction:column;gap:4px}.schedule-modal-section>header strong{color:var(--navy-900);font-size:11px}.schedule-modal-section>header small{color:#8290a3;font-size:8px}.schedule-period-setup{display:grid;grid-template-columns:minmax(240px,1.4fr) repeat(3,minmax(140px,.7fr));align-items:end;gap:11px}.schedule-locked-employee{display:flex;min-height:64px;flex-direction:column;justify-content:center;gap:4px;padding:10px 12px;border:1px solid #cce5e1;border-radius:11px;background:#eef8f7}.schedule-locked-employee span,.schedule-locked-employee small{color:#708096;font-size:8px}.schedule-locked-employee strong{color:var(--navy-900);font-size:11px}.schedule-period-summary{display:flex;flex-wrap:wrap;align-items:center;gap:8px 17px;margin-top:12px;padding:10px 12px;border-radius:10px;color:#587087;background:#f1f6f9;font-size:9px}.schedule-period-summary svg{color:var(--teal-700)}.schedule-period-summary strong{color:var(--navy-900)}.schedule-period-summary small{margin-left:auto;color:#8290a3;font-size:8px}.schedule-template-select{display:flex;min-width:220px;flex-direction:column;gap:4px;margin-left:auto}.schedule-template-select span{color:#738096;font-size:8px;font-weight:700}.schedule-template-select select{min-height:38px;padding:0 10px;border:1px solid #dbe3eb;border-radius:9px;color:#2e4058;background:#fff;outline:0;font-size:9px}.weekly-pattern{overflow:hidden;border:1px solid #dfe6ee;border-radius:13px}.weekly-pattern__row{display:grid;grid-template-columns:minmax(110px,1fr) 125px 125px 92px 145px;align-items:center;gap:10px;min-height:66px;padding:9px 12px;border-bottom:1px solid #e8edf2;transition:background .15s ease}.weekly-pattern__row--split{grid-template-columns:minmax(90px,1fr) repeat(4,minmax(88px,110px)) 76px 132px;gap:7px}.weekly-pattern__row:last-child{border-bottom:0}.weekly-pattern__row--off{background:#fff9ec}.weekly-pattern__day{display:flex;flex-direction:column;gap:4px}.weekly-pattern__day strong{color:var(--navy-900);font-size:10px}.weekly-pattern__day small{color:#8390a2;font-size:8px}.schedule-time-field{display:flex;flex-direction:column;gap:3px}.schedule-time-field span{color:#8190a3;font-size:7px;font-weight:700;text-transform:uppercase}.schedule-time-field input{width:100%;min-height:38px;padding:0 8px;border:1px solid #dae2eb;border-radius:9px;color:#263850;background:#fff;outline:0;font-size:9px}.weekly-pattern__status>span,.schedule-overnight{display:inline-flex;align-items:center;gap:4px;color:#8390a3;font-size:8px}.weekly-pattern__status .schedule-overnight{color:#6653a3;font-weight:750}.schedule-day-off{display:flex;align-items:center;justify-content:flex-end;gap:7px;color:#596980;font-size:8px;font-weight:750;cursor:pointer}.schedule-day-off input,.schedule-apply-panel input,.schedule-switch-field input{width:17px;height:17px;flex:0 0 auto;accent-color:var(--teal-700)}.schedule-day-off span{display:inline-flex;align-items:center;gap:5px}.schedule-apply-panel{margin-top:13px;overflow:hidden;border:1px solid #d9e4ec;border-radius:12px}.schedule-apply-panel>label{display:flex;align-items:center;gap:10px;padding:13px;cursor:pointer}.schedule-apply-panel>label>span{display:flex;flex-direction:column;gap:4px}.schedule-apply-panel strong{color:var(--navy-900);font-size:10px}.schedule-apply-panel small{color:#7c899b;font-size:8px;line-height:1.5}.schedule-apply-panel .schedule-apply-confirm{border-top:1px solid #efdaa8;color:#76510a;background:#fff8e7;font-size:9px;line-height:1.5}.schedule-apply-confirm>span{display:block!important}.shift-template-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,.75fr);align-items:start;gap:18px;background:#f7f9fb}.shift-template-list,.shift-template-form{overflow:hidden;border:1px solid #dfe6ee;border-radius:15px;background:#fff}.shift-template-list>header{display:flex;min-height:62px;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;border-bottom:1px solid #e8edf2}.shift-template-list>header>div{display:flex;flex-direction:column;gap:4px}.shift-template-list>header strong{color:var(--navy-900);font-size:11px}.shift-template-list>header small{color:#8490a2;font-size:8px}.shift-template-list>div{max-height:430px;overflow-y:auto;padding:7px 13px 13px}.shift-template-list article{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:9px;padding:12px 3px;border-bottom:1px solid #edf1f4}.shift-template-list article.is-selected{margin:0 -7px;padding-right:10px;padding-left:10px;border-radius:10px;background:#eef8f7}.shift-template-icon{display:grid;width:37px;height:37px;place-items:center;border-radius:10px;color:var(--teal-700);background:var(--teal-100)}.shift-template-list article>div{display:flex;min-width:0;flex-direction:column;gap:3px}.shift-template-list article strong{color:var(--navy-900);font-size:10px}.shift-template-list article span{color:#526178;font-size:9px}.shift-template-list article small{display:inline-flex;align-items:center;gap:4px;color:#8591a2;font-size:8px}.shift-template-list article>button{display:grid;width:31px;height:31px;place-items:center;padding:0;border:1px solid #dfe6ee;border-radius:8px;color:#637289;background:#fff;cursor:pointer}.shift-template-list article>button.danger-link{color:#b74855}.shift-template-empty{display:flex;min-height:240px;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#8591a2;text-align:center}.shift-template-empty strong{color:var(--navy-900);font-size:11px}.shift-template-empty span{font-size:8px}.shift-template-form{display:flex!important;flex-direction:column;gap:14px;padding:19px}.shift-template-form>header h3{margin:7px 0 0;color:var(--navy-900);font-size:16px}.shift-template-preview,.schedule-day-time-summary{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #cfe7e3;border-radius:11px;color:var(--teal-700);background:#eef9f7}.shift-template-preview.is-overnight,.schedule-day-time-summary.is-overnight{color:#62519b;border-color:#d8d0f3;background:#f3f0fd}.shift-template-preview>div{display:flex;flex-direction:column;gap:3px}.shift-template-preview strong{font-size:10px}.shift-template-preview span,.schedule-day-time-summary span{color:#758398;font-size:8px}.schedule-switch-field{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #e0e6ed;border-radius:11px;cursor:pointer}.schedule-switch-field>span{display:flex;flex-direction:column;gap:3px}.schedule-switch-field strong{color:var(--navy-900);font-size:10px}.schedule-switch-field small{color:#8490a2;font-size:8px}.shift-template-form>footer{display:flex;justify-content:flex-end;gap:8px;margin-top:2px}.schedule-day-modal__employee{display:flex;align-items:center;gap:11px;margin-bottom:18px;padding:14px;border:1px solid #d5e8e5;border-radius:13px;background:#f0f8f7}.schedule-day-modal__employee>span{display:grid;width:39px;height:39px;place-items:center;border-radius:11px;color:var(--teal-700);background:#fff}.schedule-day-modal__employee>div{display:flex;min-width:0;flex-direction:column;gap:4px}.schedule-day-modal__employee strong{color:var(--navy-900);font-size:11px}.schedule-day-modal__employee small{color:#758398;font-size:8px}.schedule-day-time-summary,.schedule-day-off-toggle{margin-top:13px}@media(max-width:1180px){.schedule-controls{grid-template-columns:auto auto minmax(180px,1fr) minmax(220px,1.2fr)}.schedule-refresh-button{display:none}.schedule-workspace{grid-template-columns:minmax(0,1fr) 275px}.schedule-period-setup{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:960px){.schedule-stat-grid,.schedule-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.schedule-workspace{grid-template-columns:1fr}.schedule-activity-panel{position:static}.schedule-activity-list{display:grid;max-height:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.weekly-pattern__row{grid-template-columns:minmax(105px,1fr) 115px 115px 135px}.weekly-pattern__row--split{grid-template-columns:minmax(90px,1fr) repeat(4,minmax(82px,1fr)) 125px}.weekly-pattern__status{display:none}}@media(max-width:720px){.schedule-hero{min-height:auto;flex-direction:column;align-items:stretch;padding:27px 22px}.schedule-hero h2{font-size:31px}.schedule-hero__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.schedule-hero__actions .button{width:100%;padding:0 10px;font-size:10px}.schedule-stat-grid{gap:9px}.schedule-stat-grid article{align-items:flex-start;padding:13px}.schedule-stat-icon{width:35px;height:35px}.schedule-controls{grid-template-columns:1fr;align-items:stretch}.schedule-date-navigation{justify-content:space-between}.schedule-date-navigation label{flex:1}.schedule-date-navigation input{width:100%}.schedule-period-strip>header{align-items:flex-start;flex-direction:column}.schedule-period-strip__items article{min-width:285px}.schedule-section-heading{min-height:64px}.schedule-shift-list{padding:0 13px}.schedule-shift-row{grid-template-columns:auto minmax(0,1fr) auto;gap:9px;padding:12px 0}.schedule-shift-time{grid-column:2;flex-direction:row;flex-wrap:wrap;align-items:center}.schedule-day-status{grid-column:2;justify-self:start}.schedule-shift-row>button{grid-column:3;grid-row:1 / span 3}.schedule-activity-list{grid-template-columns:1fr}.schedule-period-modal,.shift-templates-modal,.schedule-day-modal{width:100%;max-height:calc(100dvh - 12px);border-radius:19px 19px 0 0}.schedule-period-modal__body{padding:16px}.schedule-modal-section{padding:15px}.schedule-period-setup{grid-template-columns:1fr}.schedule-template-select{width:100%;min-width:0;margin:4px 0 0}.schedule-modal-section>header{flex-wrap:wrap}.weekly-pattern{border:0;border-radius:0}.weekly-pattern__row{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:9px;padding:12px;border:1px solid #dfe6ee;border-radius:12px}.weekly-pattern__day{grid-column:1 / -1}.weekly-pattern__status{display:block}.schedule-day-off{justify-content:flex-start}.shift-template-layout{grid-template-columns:1fr;padding:16px}.shift-template-list>div{max-height:260px}.schedule-period-modal .modal-footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:13px 16px calc(13px + env(safe-area-inset-bottom))}.schedule-period-modal .modal-footer-note{grid-column:1 / -1}.schedule-period-modal .modal-footer .button{width:100%}}@media(max-width:460px){.schedule-stat-grid{grid-template-columns:1fr}.schedule-stat-grid article>div>span{white-space:normal}.schedule-hero__actions{grid-template-columns:1fr}.schedule-period-summary{align-items:flex-start;flex-direction:column}.schedule-period-summary small{margin-left:0}.weekly-pattern__status{display:none}.schedule-day-off{grid-column:1 / -1}.shift-template-list article{grid-template-columns:auto minmax(0,1fr) auto}.shift-template-list article>button.danger-link{grid-column:3}.schedule-day-times{grid-template-columns:1fr}}.camera-capture{display:flex;flex-direction:column;gap:12px}.camera-capture__viewport{position:relative;overflow:hidden;aspect-ratio:4 / 3;border:1px solid #cbd8e4;border-radius:18px;background:radial-gradient(circle at center,#173650,#071c34 75%);box-shadow:inset 0 0 0 5px #ffffff0f}.camera-capture__viewport video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.camera-face-guide{position:absolute;width:42%;height:62%;top:19%;right:29%;bottom:19%;left:29%;border:1px solid rgba(111,232,219,.55);border-radius:48% 48% 43% 43%;box-shadow:0 0 0 999px #05142526;pointer-events:none}.camera-face-guide span{position:absolute;width:23px;height:23px;border-color:#65e0d4;border-style:solid}.camera-face-guide span:nth-child(1){top:-2px;left:-2px;border-width:3px 0 0 3px;border-radius:12px 0 0}.camera-face-guide span:nth-child(2){top:-2px;right:-2px;border-width:3px 3px 0 0;border-radius:0 12px 0 0}.camera-face-guide span:nth-child(3){bottom:-2px;left:-2px;border-width:0 0 3px 3px;border-radius:0 0 0 12px}.camera-face-guide span:nth-child(4){right:-2px;bottom:-2px;border-width:0 3px 3px 0;border-radius:0 0 12px}.camera-live-state{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:999px;color:#fff;background:#041222a3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:8px;font-weight:750}.camera-live-state i{width:7px;height:7px;border-radius:50%;background:#f0b14a}.camera-live-state i.is-live{background:#55e2ae;box-shadow:0 0 0 4px #55e2ae26}.camera-capture__error{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:25px;color:#d9e8f4;background:#05172af0;text-align:center}.camera-capture__error-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.camera-capture__error strong{font-size:13px}.camera-capture__error span{max-width:330px;color:#9fb2c4;font-size:9px;line-height:1.6}.camera-capture__error button{display:inline-flex;min-height:34px;align-items:center;gap:6px;margin-top:5px;padding:0 11px;border:1px solid rgba(255,255,255,.2);border-radius:9px;color:#fff;background:#ffffff14;font-size:9px;font-weight:800;cursor:pointer}.camera-capture__button{width:100%}.face-model-badge{display:flex;min-width:270px;align-items:center;gap:10px;padding:12px 14px;border:1px solid #d7e5e5;border-radius:14px;color:#597087;background:#fff;box-shadow:var(--shadow-sm)}.face-model-badge>svg{color:var(--teal-700)}.face-model-badge>div{display:flex;flex:1;flex-direction:column;gap:2px}.face-model-badge small{color:#8894a5;font-size:7px;text-transform:uppercase}.face-model-badge strong{color:var(--navy-900);font-size:11px}.face-model-badge>span{padding:5px 8px;border-radius:999px;color:#9a5c1f;background:#fff1df;font-size:7px;font-weight:850;text-transform:uppercase}.face-model-badge>span.is-ready{color:#08735f;background:#ddf5ed}.face-runtime-notice{display:flex;align-items:flex-start;gap:11px;margin-top:16px;padding:14px 16px;border:1px solid #ead5a4;border-radius:13px;color:#8a5a12;background:#fff9e9}.face-runtime-notice>div{display:flex;flex-direction:column;gap:4px}.face-runtime-notice strong{font-size:10px}.face-runtime-notice span{color:#8d7656;font-size:8px;line-height:1.5}.face-enrollment-workspace{display:grid;grid-template-columns:290px minmax(0,1fr);align-items:start;gap:16px;margin-top:18px}.face-employee-directory,.face-enrollment-main>section,.face-camera-card,.face-captured-card{border:1px solid #dce5ed;border-radius:18px;background:#fff;box-shadow:var(--shadow-sm)}.face-employee-directory{position:sticky;top:18px;overflow:hidden}.face-employee-directory>header,.registered-face-section>header,.face-camera-card>header,.face-captured-card>header{display:flex;min-height:62px;align-items:center;justify-content:space-between;gap:10px;padding:13px 15px;border-bottom:1px solid #e8edf2}.face-employee-directory>header>div,.registered-face-section>header>div,.face-camera-card>header,.face-captured-card>header{display:flex;align-items:center;gap:9px}.face-employee-directory header span,.registered-face-section header span,.face-camera-card header div,.face-captured-card header div{display:flex;flex-direction:column;gap:3px}.face-employee-directory header strong,.registered-face-section header strong,.face-camera-card header strong,.face-captured-card header strong{color:var(--navy-900);font-size:11px}.face-employee-directory header small,.registered-face-section header small,.face-camera-card header small,.face-captured-card header small{color:#8290a3;font-size:8px}.face-employee-directory header b,.registered-face-section header b,.face-captured-card header b{display:grid;min-width:27px;height:27px;place-items:center;padding:0 6px;border-radius:8px;color:var(--teal-700);background:var(--teal-100);font-size:9px}.face-directory-search{display:flex;min-height:42px;align-items:center;gap:7px;margin:11px;padding:0 10px;border:1px solid #dde5ed;border-radius:10px;color:#8290a3;background:#f7f9fb}.face-directory-search input{width:100%;min-width:0;border:0;outline:0;color:#283950;background:transparent;font-size:9px}.face-employee-directory>div{max-height:650px;overflow-y:auto;padding:0 8px 10px}.face-employee-directory>div>button{display:grid;width:100%;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px 8px;border:0;border-bottom:1px solid #edf1f4;border-radius:9px;color:#4e5e74;background:transparent;text-align:left;cursor:pointer}.face-employee-directory>div>button:hover,.face-employee-directory>div>button.is-selected{background:#eaf7f5}.face-employee-directory>div>button>span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:3px}.face-employee-directory button strong{overflow:hidden;color:var(--navy-900);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.face-employee-directory button small{overflow:hidden;color:#8290a3;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.face-employee-directory button>b{color:var(--teal-700);font-size:9px}.face-employee-directory>div>p{padding:25px 10px;color:#8390a2;font-size:9px;text-align:center}.face-employee-avatar{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;color:var(--teal-700);background:#e2f4f1;font-size:9px;font-weight:850}.face-enrollment-main{min-width:0}.face-enrollment-empty{display:flex;min-height:510px;flex-direction:column;align-items:center;justify-content:center;color:#8290a2;text-align:center}.face-enrollment-empty>span{display:grid;width:65px;height:65px;place-items:center;border-radius:19px;color:var(--teal-700);background:var(--teal-100)}.face-enrollment-empty h3{margin:16px 0 6px;color:var(--navy-900);font-size:16px}.face-enrollment-empty p{margin:0;font-size:9px}.face-selected-employee{display:flex;align-items:center;gap:14px;padding:17px;background:radial-gradient(circle at 94% 20%,rgba(17,156,147,.12),transparent 14rem),#fff}.face-selected-avatar{display:grid;width:55px;height:55px;flex:0 0 auto;place-items:center;border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--navy-900),var(--teal-700));font-size:15px;font-weight:850}.face-selected-employee>div{min-width:0;flex:1}.face-selected-employee small{color:var(--teal-700);font-size:8px;font-weight:800;text-transform:uppercase}.face-selected-employee h3{margin:5px 0 4px;color:var(--navy-900);font-size:17px}.face-selected-employee p{margin:0;color:#748198;font-size:9px}.face-selected-employee>span:last-child{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:9px;color:var(--teal-700);background:var(--teal-100);font-size:8px}.face-capture-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:15px}.face-camera-card,.face-captured-card{overflow:hidden}.face-camera-card>.camera-capture{padding:16px}.face-capture-guidance{display:flex;align-items:center;gap:7px;margin:0 16px 16px;padding:10px;border-radius:10px;color:#557086;background:#f0f6f8;font-size:8px;line-height:1.4}.face-captured-grid{display:grid;min-height:270px;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:15px}.face-captured-grid article{position:relative;overflow:hidden;aspect-ratio:4 / 3;border-radius:11px;background:#e8eef3}.face-captured-grid img{width:100%;height:100%;object-fit:cover}.face-captured-grid article>span{position:absolute;bottom:7px;left:7px;padding:4px 6px;border-radius:6px;color:#fff;background:#071b32b8;font-size:7px;font-weight:800}.face-captured-grid article>button{position:absolute;top:7px;right:7px;display:grid;width:26px;height:26px;place-items:center;padding:0;border:0;border-radius:8px;color:#fff;background:#b73041e0;cursor:pointer}.face-captured-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#8995a5;text-align:center}.face-captured-empty strong{color:var(--navy-900);font-size:10px}.face-captured-empty span{font-size:8px}.face-captured-card>.button{width:calc(100% - 30px);margin:0 15px 15px}.registered-face-section{margin-top:15px;overflow:hidden}.registered-face-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;padding:15px}.registered-face-grid article{position:relative;overflow:hidden;border:1px solid #dfe6ee;border-radius:13px;background:#f8fafb}.registered-face-grid img{width:100%;aspect-ratio:4 / 3;object-fit:cover}.registered-face-grid article>div{display:flex;flex-direction:column;gap:3px;padding:9px}.registered-face-grid strong{color:var(--navy-900);font-size:9px}.registered-face-grid small{color:#8591a2;font-size:7px}.registered-face-grid article>button{position:absolute;top:7px;display:grid;width:28px;height:28px;place-items:center;padding:0;border:0;border-radius:8px;color:#fff;background:#083152d1;cursor:pointer}.registered-face-grid article>button:not(.is-delete){right:7px}.registered-face-grid article>button.is-delete{left:7px;background:#b63041e6}.registered-face-empty{grid-column:1 / -1;display:flex;min-height:160px;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#8490a2;font-size:8px}.face-preview-content{display:flex;max-height:calc(100vh - 230px);flex-direction:column;gap:12px;overflow-y:auto;padding:20px}.face-preview-content img{width:100%;max-height:570px;object-fit:contain;border-radius:14px;background:#081f38}.face-preview-content>div{display:flex;flex-wrap:wrap;gap:8px}.face-preview-content>div span{padding:6px 8px;border-radius:8px;color:#5c6c82;background:#f0f4f7;font-size:8px}.device-link-page,.attendance-kiosk-page{min-height:100dvh;color:#112d52;background:radial-gradient(circle at 7% 8%,rgba(16,150,142,.16),transparent 20rem),linear-gradient(145deg,#f6f9fb,#edf3f6)}.device-link-brand,.attendance-kiosk-header{display:flex;min-height:83px;align-items:center;gap:12px;padding:14px clamp(18px,4vw,56px);color:#fff;background:radial-gradient(circle at 75% 0%,rgba(33,185,175,.22),transparent 18rem),#092a4c}.device-link-brand img,.attendance-kiosk-brand img{width:50px;height:50px;padding:6px;border-radius:13px;background:#fff;object-fit:contain}.device-link-brand>div,.attendance-kiosk-brand>div{display:flex;flex-direction:column;gap:3px}.device-link-brand strong,.attendance-kiosk-brand strong{font-size:15px}.device-link-brand>div span,.attendance-kiosk-brand span{color:#84ddd5;font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.device-link-brand>span{display:inline-flex;align-items:center;gap:6px;margin-left:auto;color:#b5d5e5;font-size:8px}.device-link-main{display:grid;width:min(1120px,calc(100% - 32px));min-height:calc(100dvh - 83px);grid-template-columns:minmax(0,.85fr) minmax(440px,1fr);align-items:center;gap:clamp(30px,6vw,80px);margin:0 auto;padding:40px 0}.device-link-intro h1{max-width:540px;margin:13px 0;color:#0b2c55;font-size:clamp(34px,5vw,54px);line-height:1.02;letter-spacing:-.05em}.device-link-intro>p{max-width:540px;margin:0;color:#66768c;font-size:12px;line-height:1.75}.device-identifier{display:flex;align-items:center;gap:10px;margin-top:25px;padding:13px;border:1px solid #d3e1e7;border-radius:13px;color:#0b8d87;background:#ffffffc2}.device-identifier>span{display:flex;min-width:0;flex-direction:column;gap:3px}.device-identifier small{color:#8090a3;font-size:7px;text-transform:uppercase}.device-identifier strong{overflow:hidden;color:#1c3b5e;font-family:Consolas,monospace;font-size:9px;text-overflow:ellipsis}.device-link-card{overflow:hidden;border:1px solid rgba(255,255,255,.7);border-radius:24px;background:#fff;box-shadow:0 30px 80px #0a26452e}.device-link-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:18px 22px;border-bottom:1px solid #e7edf2;background:#fafcfd}.device-link-progress>div{position:relative;display:flex;align-items:center;gap:7px;color:#9aa4b1}.device-link-progress>div>span{display:grid;width:29px;height:29px;place-items:center;border-radius:9px;background:#edf1f4}.device-link-progress>div strong{font-size:8px}.device-link-progress>div i{position:absolute;z-index:0;right:9px;width:calc(50% - 22px);height:1px;background:#dce3e9}.device-link-progress>div.is-active{color:#087e78}.device-link-progress>div.is-active>span{color:#fff;background:#0b8d87}.device-link-progress>div.is-active i{background:#7bc7c0}.device-link-error{margin:16px 22px 0;padding:11px 12px;border:1px solid #ecc3c8;border-radius:10px;color:#9a3440;background:#fff3f4;font-size:9px;line-height:1.5}.device-link-form{display:flex;flex-direction:column;gap:15px;padding:26px}.device-link-form>header{display:flex;align-items:flex-start;gap:11px;margin-bottom:2px}.device-link-form>header>span{display:grid;width:39px;height:39px;flex:0 0 auto;place-items:center;border-radius:11px;color:#0b8d87;background:#e2f4f1}.device-link-form h2,.device-pending-state h2{margin:0 0 5px;color:#0b2c55;font-size:18px}.device-link-form p,.device-pending-state p{margin:0;color:#768499;font-size:9px;line-height:1.55}.device-link-form>label{display:flex;flex-direction:column;gap:6px;color:#4e5e73}.device-link-form>label>span{font-size:9px;font-weight:750}.device-link-form input,.device-link-form select{width:100%;min-height:47px;padding:0 12px;border:1px solid #d9e2ea;border-radius:11px;color:#243650;background:#fff;outline:0;font-size:11px}.device-link-form input:focus,.device-link-form select:focus{border-color:#77c3bc;box-shadow:0 0 0 3px #0b8d8717}.verified-requester{display:flex;align-items:flex-start;gap:9px;padding:12px;border:1px solid #cce7e2;border-radius:11px;color:#087e78;background:#edf9f7}.verified-requester>span{display:flex;flex-direction:column;gap:2px}.verified-requester small{color:#688295;font-size:7px;text-transform:uppercase}.verified-requester strong{color:#0b2c55;font-size:10px}.verified-requester p{font-size:8px}.device-location-type{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.device-location-type button{display:flex;min-height:110px;flex-direction:column;align-items:flex-start;gap:6px;padding:14px;border:1px solid #dce4ec;border-radius:12px;color:#718096;background:#fff;text-align:left;cursor:pointer}.device-location-type button strong{color:#183858;font-size:10px}.device-location-type button span{font-size:8px;line-height:1.4}.device-location-type button.is-active{color:#0b8d87;border-color:#77c5bd;background:#eff9f7;box-shadow:0 0 0 3px #0b8d8712}.device-link-form-actions{display:grid;grid-template-columns:.55fr 1fr;gap:9px}.device-permission-note{padding:10px;border-radius:9px;color:#8a5b19!important;background:#fff7e7}.device-pending-state{display:flex;min-height:430px;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px;text-align:center}.device-pending-icon{display:grid;width:76px;height:76px;place-items:center;margin-bottom:5px;border-radius:23px;color:#0b8d87;background:#e4f5f2;box-shadow:0 0 0 10px #0b8d870f}.device-pending-state>div{display:inline-flex;align-items:center;gap:7px;margin:8px 0;color:#0b8d87;font-size:8px}.attendance-kiosk-header{justify-content:space-between}.attendance-kiosk-brand{display:flex;align-items:center;gap:11px}.attendance-kiosk-location{display:flex;flex-direction:column;align-items:center;gap:3px}.attendance-kiosk-location>span{display:inline-flex;align-items:center;gap:4px;color:#79d9d1;font-size:7px;font-weight:800;text-transform:uppercase}.attendance-kiosk-location strong{color:#fff;font-size:13px}.attendance-kiosk-location>div{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:3px}.attendance-kiosk-location small{padding:3px 6px;border:1px solid rgba(121,217,209,.2);border-radius:999px;color:#c7e8e5;background:#ffffff0f;font-size:6px;font-weight:750}.attendance-kiosk-connection{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:999px;color:#f1c171;background:#ffffff14;font-size:8px}.attendance-kiosk-connection.is-verified{color:#70e2b6}.attendance-kiosk-connection.is-offline{color:#ffd18b;background:#ffae421a}.attendance-kiosk-main{width:min(1050px,calc(100% - 30px));margin:0 auto;padding:clamp(25px,5vw,55px) 0 30px}.kiosk-clock-panel{display:flex;flex-direction:column;align-items:center;margin-bottom:27px;text-align:center}.kiosk-clock-panel>strong{margin-top:8px;color:#0b2c55;font-family:Cascadia Code,Consolas,monospace;font-size:clamp(42px,8vw,73px);letter-spacing:-.06em}.kiosk-clock-panel>p{margin:0;color:#64758b;font-size:11px}.kiosk-clock-panel>div{display:inline-flex;align-items:center;gap:7px;margin-top:12px;padding:8px 10px;border-radius:9px;color:#557086;background:#ffffffb8;font-size:8px}.kiosk-offline-readiness{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:11px;margin:-8px 0 18px;padding:12px 14px;border:1px solid #b9ddd9;border-radius:13px;color:#176a66;background:#eef9f7}.kiosk-offline-readiness>span{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;background:#d8f1ed}.kiosk-offline-readiness>div{display:flex;min-width:0;flex-direction:column;gap:3px}.kiosk-offline-readiness strong{color:#154d4a;font-size:9px}.kiosk-offline-readiness small{color:#6a8684;font-size:7px;line-height:1.5}.kiosk-offline-readiness.is-warning{color:#9a5b08;border-color:#f0d3a5;background:#fff8eb}.kiosk-offline-readiness.is-warning>span{background:#ffebc9}.kiosk-offline-readiness.is-warning strong{color:#7c4a0b}.kiosk-sync-status{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;margin:-8px 0 18px;padding:12px 14px;border:1px solid #b9ddd9;border-radius:13px;color:#176a66;background:#eef9f7}.kiosk-sync-status>span{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;background:#d8f1ed}.kiosk-sync-status>div{display:flex;min-width:0;flex-direction:column;gap:3px}.kiosk-sync-status strong{color:#154d4a;font-size:9px}.kiosk-sync-status small{color:#6a8684;font-size:7px;line-height:1.5}.kiosk-sync-status button{display:inline-flex;align-items:center;gap:5px;min-height:34px;padding:0 10px;border:1px solid #9acbc6;border-radius:9px;color:#0b7771;background:#fff;font-size:7px;font-weight:800;cursor:pointer}.kiosk-sync-status.is-offline{color:#9a5b08;border-color:#f0d3a5;background:#fff8eb}.kiosk-sync-status.is-offline>span{background:#ffebc9}.kiosk-sync-status.is-offline strong{color:#7c4a0b}.kiosk-sync-status.has-failures{border-color:#efc5ca;background:#fff5f6}.kiosk-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.kiosk-action-grid>button{display:flex;min-height:330px;flex-direction:column;align-items:center;padding:clamp(22px,4vw,38px);border:1px solid #d7e3ea;border-radius:25px;color:#64758b;background:#fff;box-shadow:0 18px 42px #0a25431a;text-align:center;cursor:pointer;transition:transform .17s ease,box-shadow .17s ease,border-color .17s ease}.kiosk-action-grid>button:hover{transform:translateY(-4px);border-color:#8bc9c4;box-shadow:0 25px 55px #0a254329}.kiosk-action-grid>button:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:0 10px 25px #0a254312}.kiosk-action-icon{display:grid;width:72px;height:72px;place-items:center;margin-bottom:22px;border-radius:21px}.kiosk-action-icon--attendance{color:#fff;background:linear-gradient(135deg,#0b8d87,#08736f);box-shadow:0 14px 30px #0b8d8740}.kiosk-action-icon--temporary{color:#fff;background:linear-gradient(135deg,#17456d,#0a2a4c);box-shadow:0 14px 30px #0a2a4c3d}.kiosk-action-grid h1{margin:10px 0 8px;color:#0b2c55;font-size:clamp(24px,4vw,34px);letter-spacing:-.04em}.kiosk-action-grid p{max-width:440px;margin:0 auto;color:#718096;font-size:10px;line-height:1.7}.kiosk-action-grid>button>strong{display:inline-flex;align-items:center;gap:7px;margin-top:auto;padding-top:24px;color:#0b8d87;font-size:9px}.attendance-kiosk-footer{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:20px;color:#718096;font-size:8px;text-align:center}.kiosk-scan-modal{width:min(100%,900px)}.kiosk-scan-body{padding:20px;background:#f5f8fa}.kiosk-scan-camera{width:min(640px,100%);margin:0 auto}.kiosk-offline-capture{margin-bottom:12px;overflow:hidden;border:1px solid #edcf9b;border-radius:13px;background:#fffaf0}.kiosk-offline-capture>header{display:flex;align-items:center;gap:9px;padding:11px 13px;color:#9a650e;border-bottom:1px solid #f2dfbd}.kiosk-offline-capture>header>div{display:flex;flex-direction:column;gap:3px}.kiosk-offline-capture>header strong{color:#714a0d;font-size:9px}.kiosk-offline-capture>header small{color:#96784b;font-size:7px;line-height:1.45}.kiosk-offline-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}.kiosk-offline-fields label{display:flex;flex-direction:column;gap:5px}.kiosk-offline-fields label:only-child{grid-column:1 / -1}.kiosk-offline-fields span{color:#665943;font-size:7px;font-weight:750}.kiosk-offline-fields select,.kiosk-offline-fields textarea{width:100%;padding:10px;border:1px solid #dfcfb5;border-radius:9px;color:#263950;background:#fff;outline:0;font:inherit;font-size:9px}.kiosk-save-offline{width:100%;min-height:48px;margin-bottom:10px}.kiosk-scan-privacy{display:flex;align-items:center;gap:7px;margin-top:11px;padding:9px;border-radius:9px;color:#61758a;background:#eaf1f4;font-size:8px}.kiosk-inline-error{display:flex;align-items:flex-start;gap:8px;margin-bottom:11px;padding:11px;border:1px solid #e9c3c8;border-radius:10px;color:#983844;background:#fff3f4;font-size:9px;line-height:1.5}.kiosk-recognition-result{display:flex;width:min(720px,100%);flex-direction:column;gap:13px;margin:0 auto}.recognized-employee-card{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid #c9e4df;border-radius:14px;background:#fff}.recognized-employee-card>span{display:grid;width:46px;height:46px;flex:0 0 auto;place-items:center;border-radius:13px;color:#0b8d87;background:#e3f5f2}.recognized-employee-card>div{min-width:0;flex:1}.recognized-employee-card small{color:#0b8d87;font-size:7px;font-weight:800;text-transform:uppercase}.recognized-employee-card h3{margin:5px 0 3px;color:#0b2c55;font-size:17px}.recognized-employee-card p{margin:0;color:#758398;font-size:8px}.recognized-employee-card>button{display:inline-flex;min-height:32px;align-items:center;gap:5px;padding:0 9px;border:1px solid #dbe3eb;border-radius:8px;color:#5f7086;background:#fff;font-size:8px;cursor:pointer}.recognized-schedule{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #dce5ed;border-radius:12px;background:#fff}.recognized-schedule>div{display:flex;min-width:0;flex:1;align-items:center;gap:8px}.recognized-schedule>div>span{display:flex;flex-direction:column;gap:3px}.recognized-schedule__segments strong{display:block;padding:3px 6px;border-radius:6px}.recognized-schedule__segments strong.is-active{color:#08735f;background:#e4f6f0}.recognized-schedule small{color:#8591a2;font-size:7px;text-transform:uppercase}.recognized-schedule strong{color:#1e3957;font-size:9px}.recognized-schedule b{padding:5px 7px;border-radius:7px;color:#64539d;background:#eeeafd;font-size:7px}.kiosk-action-decision{display:flex;align-items:flex-start;gap:10px;padding:15px;border:1px solid #c6e5df;border-radius:13px;color:#087e78;background:#eff9f7}.kiosk-action-decision--blocked{color:#96601a;border-color:#ead3a2;background:#fff8e8}.kiosk-action-decision>div{display:flex;flex-direction:column;gap:4px}.kiosk-action-decision strong{font-size:11px}.kiosk-action-decision p{margin:0;color:#65768a;font-size:9px;line-height:1.5}.kiosk-reason-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:14px;border:1px solid #dce5ed;border-radius:13px;background:#fff}.kiosk-reason-form--late{grid-template-columns:minmax(0,1fr);border-color:#ecd29b;background:#fffaf0}.kiosk-reason-form--late label small{color:#8d7c62;font-size:8px}.kiosk-reason-form label{display:flex;flex-direction:column;gap:6px}.kiosk-reason-form label span{color:#52637a;font-size:8px;font-weight:750}.kiosk-reason-form select,.kiosk-reason-form textarea{width:100%;padding:10px;border:1px solid #dbe3eb;border-radius:9px;color:#263950;background:#fff;outline:0;font-size:9px}.kiosk-confirm-action{width:100%;min-height:48px}.kiosk-scan-success{display:flex;min-height:430px;flex-direction:column;align-items:center;justify-content:center;text-align:center}.kiosk-scan-success>span{display:grid;width:76px;height:76px;place-items:center;border-radius:24px;color:#087e78;background:#def4ef}.kiosk-scan-success.is-offline>span{color:#99630b;background:#fff0cf}.kiosk-scan-success h3{margin:17px 0 6px;color:#0b2c55;font-size:20px}.kiosk-scan-success p{margin:0 0 18px;color:#718096;font-size:10px}.attendance-management-hero{display:flex;min-height:210px;align-items:flex-end;justify-content:space-between;gap:25px;overflow:hidden;padding:31px 35px;border-radius:23px;color:#fff;background:radial-gradient(circle at 85% 20%,rgba(32,188,177,.24),transparent 17rem),linear-gradient(120deg,#092643,#0b3b5e 62%,#087d78 150%);box-shadow:0 20px 44px #0926432e}.attendance-management-hero>div:first-child{max-width:760px}.attendance-management-hero h2{margin:10px 0 8px;color:#fff;font-size:clamp(29px,4vw,40px);letter-spacing:-.04em}.attendance-management-hero p{margin:0;color:#e0eff9c2;font-size:11px;line-height:1.7}.attendance-hero-actions{display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;gap:8px}.attendance-hero-actions .button.is-enabled{border-color:#5de1be80;color:#87eac8}.attendance-stat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px;margin-top:17px}.attendance-stat-grid article{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid #dfe6ed;border-radius:15px;background:#fff;box-shadow:var(--shadow-sm)}.attendance-stat-grid article>span{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border-radius:11px;color:#0b8d87;background:#e5f5f2}.attendance-stat-grid article>div{display:flex;min-width:0;flex-direction:column;gap:2px}.attendance-stat-grid small{color:#8490a2;font-size:7px;text-transform:uppercase}.attendance-stat-grid strong{color:#0b2c55;font-size:19px}.attendance-stat-grid p{overflow:hidden;margin:0;color:#94a0af;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.attendance-filters{display:grid;grid-template-columns:minmax(220px,1.35fr) repeat(4,minmax(145px,.8fr));gap:9px;margin-top:16px;padding:12px;border:1px solid #dfe6ed;border-radius:16px;background:#fff;box-shadow:var(--shadow-sm)}.attendance-filters>label{display:flex;min-height:45px;align-items:center;gap:8px;padding:0 10px;border:1px solid #e0e6ed;border-radius:10px;color:#7b899d;background:#f8fafb}.attendance-filters>label>span{display:flex;width:100%;min-width:0;flex-direction:column;gap:2px}.attendance-filters small{color:#8a96a6;font-size:6px;text-transform:uppercase}.attendance-filters input,.attendance-filters select{width:100%;min-width:0;padding:0;border:0;outline:0;color:#293a51;background:transparent;font-size:9px}.attendance-search input{flex:1}.attendance-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}.attendance-card{overflow:hidden;border:1px solid #dfe6ed;border-radius:17px;background:#fff;box-shadow:var(--shadow-sm)}.attendance-card>header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:15px;border-bottom:1px solid #e9edf2}.attendance-card-avatar{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(135deg,#0b2c55,#0b8d87);font-size:11px;font-weight:850}.attendance-card>header>div{min-width:0}.attendance-card header small{color:#8490a2;font-size:7px}.attendance-card h3{overflow:hidden;margin:4px 0 3px;color:#0b2c55;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.attendance-card header p{display:flex;align-items:center;gap:4px;overflow:hidden;margin:0;color:#6e7d91;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.attendance-status{display:inline-flex;min-height:23px;align-items:center;padding:0 8px;border:1px solid #d6e0e8;border-radius:999px;color:#66768b;background:#f2f5f7;font-size:6px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.attendance-status--present{color:#08735f;border-color:#bfe7db;background:#e4f6f0}.attendance-status--early_checkout{color:#945c10;border-color:#e9d39f;background:#fff7e3}.attendance-status--missing_out,.attendance-status--absent{color:#a03947;border-color:#efc9cf;background:#fff0f2}.attendance-status--unscheduled{color:#b42318;border-color:#f3b8b3;background:#fff0ef}.attendance-status--scheduled{color:#345b82;border-color:#ceddeb;background:#edf4fa}.attendance-status--pending_approval{color:#8a5a13;border-color:#ecd29b;background:#fff4dc}.attendance-card-date{display:flex;align-items:center;gap:7px;padding:9px 15px;color:#0b8d87;background:#f3f8f9;font-size:8px}.attendance-card-date strong{color:#29435f}.attendance-card-date span{color:#7b899d}.attendance-card-date b{margin-left:auto;padding:4px 6px;border-radius:6px;color:#65549c;background:#ece8fc;font-size:6px;text-transform:uppercase}.attendance-segment-list{display:grid;gap:8px;padding:12px 15px}.attendance-segment-list.is-split{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-segment{overflow:hidden;border:1px solid #dfe7ed;border-radius:11px;background:#fbfcfd}.attendance-segment>header{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:7px 9px;border-bottom:1px solid #e7edf2;background:#f3f8f9}.attendance-segment>header strong{color:#0b2c55;font-size:8px}.attendance-segment>header span{padding:3px 5px;border-radius:999px;color:#52708c;background:#e8f0f6;font-size:5px;font-weight:800;text-transform:uppercase}.attendance-segment--missing_out>header span,.attendance-segment--absent>header span{color:#a03947;background:#fff0f2}.attendance-segment--pending_approval>header span{color:#8a5a13;background:#fff0cf}.attendance-segment .attendance-card-times{padding:9px}.attendance-card-times{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:12px 15px}.attendance-card-times>div{display:flex;min-width:0;align-items:flex-start;gap:6px;color:#0b8d87}.attendance-card-times span{display:flex;min-width:0;flex-direction:column;gap:3px}.attendance-card-times small,.attendance-card-totals small{color:#8a96a7;font-size:6px;text-transform:uppercase}.attendance-card-times strong{overflow:hidden;color:#273a52;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.attendance-card-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0 15px;overflow:hidden;border:1px solid #e3e9ef;border-radius:10px;background:#e3e9ef}.attendance-card-totals>span{display:flex;min-width:0;flex-direction:column;gap:3px;padding:9px;background:#f8fafb}.attendance-card-totals strong{color:#1f3854;font-size:8px}.attendance-card-flags{display:flex;min-height:43px;flex-wrap:wrap;align-items:center;gap:5px;padding:8px 15px}.attendance-card-flags span{padding:4px 6px;border-radius:6px;font-size:6px;font-weight:800;text-transform:uppercase}.attendance-card-flags .is-warning{color:#966114;background:#fff2d5}.attendance-card-flags .is-danger{color:#a03947;background:#fff0f2}.attendance-card-flags .is-overtime{color:#65549f;background:#eeebfc}.attendance-card-flags .is-overtime.is-approved{color:#08735f;background:#ddf5ed}.attendance-card-flags .is-pending-approval{max-width:100%;color:#8a5a13;background:#fff0cf;text-transform:none}.attendance-card-flags .is-approved-request{color:#08735f;background:#ddf5ed}.attendance-card-flags .is-clear{color:#718096;background:#f0f3f6}.attendance-card>footer{display:flex;flex-wrap:wrap;gap:6px;padding:11px 15px;border-top:1px solid #e8edf2;background:#fbfcfd}.attendance-card>footer button{display:inline-flex;min-height:31px;align-items:center;gap:5px;padding:0 8px;border:1px solid #dce4eb;border-radius:8px;color:#53667d;background:#fff;font-size:7px;font-weight:800;cursor:pointer}.attendance-card>footer button:hover{color:#0b8d87;border-color:#a9d8d3}.attendance-card>footer button.is-approve{color:#08735f;border-color:#bfe4da;background:#eaf8f4}.attendance-card>footer button.is-reject{color:#a03947;border-color:#edcbd0;background:#fff3f4}.attendance-segment-approval{display:inline-flex;gap:5px;padding:0!important;background:transparent!important}.attendance-loading,.attendance-empty{display:flex;min-height:340px;flex-direction:column;align-items:center;justify-content:center;gap:9px;margin-top:16px;border:1px dashed #ced8e2;border-radius:18px;color:#8490a2;background:#ffffffb8;text-align:center}.attendance-loading strong{font-size:9px}.attendance-empty>span{display:grid;width:58px;height:58px;place-items:center;border-radius:17px;color:#0b8d87;background:#e4f5f2}.attendance-empty h3{margin:7px 0 0;color:#0b2c55;font-size:14px}.attendance-empty p{margin:0;font-size:8px}.attendance-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px;padding:11px;border:1px solid #dfe6ed;border-radius:13px;background:#fff}.attendance-pagination button{display:inline-flex;min-height:34px;align-items:center;gap:5px;padding:0 10px;border:1px solid #dce4eb;border-radius:8px;color:#52667d;background:#fff;font-size:8px;font-weight:800;cursor:pointer}.attendance-pagination button:disabled{opacity:.45;cursor:not-allowed}.attendance-pagination span{color:#7b899d;font-size:8px}.attendance-pagination strong{color:#0b2c55}.manual-attendance-body,.overtime-request-body{display:flex;flex-direction:column;gap:14px}.manual-attendance-notice{display:flex;align-items:flex-start;gap:8px;padding:11px;border-radius:10px;color:#7f5b19;background:#fff7e6;font-size:8px;line-height:1.5}.manual-attendance-access{display:flex;align-items:flex-start;gap:10px;padding:13px 14px;border:1px solid #d8e3ee;border-radius:12px;color:#54687d;background:#f5f8fb;font-size:10px;line-height:1.55}.manual-attendance-access svg{flex:0 0 auto;margin-top:1px}.manual-attendance-access div{display:grid;gap:3px}.manual-attendance-access strong{color:#8e2f2f;font-size:11px}.manual-attendance-access--blocked{border-color:#f0caca;color:#793d3d;background:#fff1f1}.manual-attendance-access--blocked svg{color:#bd3d3d}.manual-attendance-access--checking svg{color:#0e8c88}.attendance-schedule-required{display:flex;flex-direction:column;align-items:center;padding:28px 24px;text-align:center}.attendance-schedule-required>span{display:grid;width:62px;height:62px;place-items:center;border-radius:18px;color:#a3630b;background:#fff0cf}.attendance-schedule-required h3{margin:16px 0 7px;color:#0b2c55;font-size:17px}.attendance-schedule-required p{max-width:440px;margin:0;color:#748296;font-size:9px;line-height:1.7}.attendance-schedule-required p strong{color:#475d75}.attendance-manual-disabled>span{color:#ae3a3a;background:#ffe7e7}.overtime-employee-summary{display:flex;align-items:center;gap:9px;padding:12px;border:1px solid #d4e7e4;border-radius:11px;color:#0b8d87;background:#eff9f7}.overtime-employee-summary>div{display:flex;flex-direction:column;gap:3px}.overtime-employee-summary strong{color:#0b2c55;font-size:10px}.overtime-employee-summary small{color:#758398;font-size:8px}.attendance-detail-body{display:flex;flex-direction:column;gap:14px;background:#f7f9fb}.attendance-detail-employee{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid #dbe5ec;border-radius:14px;background:#fff}.attendance-detail-employee>span{display:grid;width:50px;height:50px;flex:0 0 auto;place-items:center;border-radius:14px;color:#fff;background:linear-gradient(135deg,#0b2c55,#0b8d87);font-size:12px;font-weight:850}.attendance-detail-employee>div{min-width:0;flex:1}.attendance-detail-segments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.attendance-detail-segments>article{overflow:hidden;border:1px solid #dbe5ec;border-radius:13px;background:#fff}.attendance-detail-segments article>header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;color:#0b2c55;background:#eff7f6}.attendance-detail-segments article>header strong{font-size:10px}.attendance-detail-segments article>header span{color:#557087;font-size:7px;font-weight:800;text-transform:uppercase}.attendance-detail-segments article>div{display:flex;align-items:flex-start;gap:8px;padding:9px 12px 0;color:#0b8d87}.attendance-detail-segments article>div>span{display:flex;flex-direction:column;gap:3px}.attendance-detail-segments article small{color:#8995a5;font-size:6px;text-transform:uppercase}.attendance-detail-segments article div strong{color:#263b53;font-size:8px}.attendance-detail-segments article em{display:inline-flex;align-items:center;gap:3px;margin-left:5px;color:#66549d;font-size:6px;font-style:normal}.attendance-detail-segments article>footer{display:flex;justify-content:space-between;gap:8px;margin-top:10px;padding:9px 12px;border-top:1px solid #edf1f4;color:#7d8999;background:#fafcfd;font-size:7px}.attendance-detail-segments article>footer strong{color:#0b2c55}.attendance-detail-employee small{color:#0b8d87;font-size:7px;text-transform:uppercase}.attendance-detail-employee h3{margin:4px 0;color:#0b2c55;font-size:17px}.attendance-detail-employee p{margin:0;color:#758398;font-size:8px}.attendance-detail-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.attendance-detail-metrics article{display:flex;align-items:flex-start;gap:8px;padding:12px;border:1px solid #dfe6ed;border-radius:11px;color:#0b8d87;background:#fff}.attendance-detail-metrics article>span{display:flex;min-width:0;flex-direction:column;gap:4px}.attendance-detail-metrics small{color:#8490a2;font-size:7px;text-transform:uppercase}.attendance-detail-metrics strong{display:flex;flex-wrap:wrap;gap:5px;color:#273a52;font-size:9px}.attendance-detail-metrics em{display:inline-flex;align-items:center;gap:3px;color:#65549f;font-size:7px;font-style:normal}.attendance-detail-section{overflow:hidden;border:1px solid #dfe6ed;border-radius:13px;background:#fff}.attendance-detail-section>header{display:flex;align-items:center;gap:9px;padding:12px;border-bottom:1px solid #e8edf2;color:#0b8d87}.attendance-detail-section>header>div{display:flex;flex-direction:column;gap:3px}.attendance-detail-section header strong{color:#0b2c55;font-size:10px}.attendance-detail-section header small{color:#8490a2;font-size:7px}.temporary-exit-history{padding:0 12px}.temporary-exit-history article{display:flex;align-items:flex-start;gap:9px;padding:11px 0;border-bottom:1px solid #edf1f4}.temporary-exit-history article:last-child{border:0}.temporary-exit-history article>span{display:grid;width:25px;height:25px;place-items:center;border-radius:7px;color:#0b8d87;background:#e5f5f2;font-size:7px;font-weight:850}.temporary-exit-history article>div{display:flex;flex-direction:column;gap:3px}.temporary-exit-history strong{color:#273a52;font-size:9px;text-transform:capitalize}.temporary-exit-history small{color:#8490a2;font-size:7px}.temporary-exit-history p{margin:2px 0 0;color:#66768b;font-size:8px}.attendance-detail-warning,.attendance-detail-overtime,.attendance-detail-manual{display:flex;align-items:flex-start;gap:9px;padding:12px;border:1px solid #ead4a3;border-radius:11px;color:#966116;background:#fff8e7}.attendance-detail-warning>div,.attendance-detail-overtime>div{display:flex;flex-direction:column;gap:4px}.attendance-detail-warning strong,.attendance-detail-overtime strong{font-size:9px}.attendance-detail-warning span,.attendance-detail-overtime span,.attendance-detail-manual span{color:#746b5d;font-size:8px}.attendance-detail-overtime{color:#65549f;border-color:#dcd5f2;background:#f4f1fc}.attendance-detail-late.is-approved{color:#08735f;border-color:#bfe4da;background:#eaf8f4}.attendance-detail-late.is-rejected{color:#a03947;border-color:#edcbd0;background:#fff3f4}.attendance-detail-manual{color:#345d83;border-color:#cbddeb;background:#edf5fa}.organization-devices-content{padding:18px 19px 19px;background:#fff}.device-request-section{margin-bottom:20px;overflow:hidden;border:1px solid #dce5ed;border-radius:16px;background:#fff}.device-request-section>header{display:flex;min-height:62px;align-items:center;justify-content:space-between;gap:10px;padding:13px 15px;border-bottom:1px solid #e7edf2;background:#f8fafb}.device-request-section>header>div{display:flex;align-items:center;gap:9px;color:#0b8d87}.device-request-section>header span{display:flex;flex-direction:column;gap:3px}.device-request-section header strong{color:#0b2c55;font-size:11px}.device-request-section header small{color:#8290a3;font-size:8px}.device-request-header-actions{justify-content:flex-end;flex:0 0 auto}.device-request-header-actions>b{padding:5px 8px;border-radius:999px;color:#8b5b13;background:#fff1d5;font-size:7px;text-transform:uppercase;white-space:nowrap}.device-request-refresh{display:inline-flex;min-height:32px;align-items:center;justify-content:center;gap:6px;padding:0 10px;border:1px solid #cbdde4;border-radius:9px;color:#176b72;background:#fff;font-size:8px;font-weight:800;cursor:pointer}.device-request-refresh:hover:not(:disabled){border-color:#8fc5c2;background:#edf8f6}.device-request-refresh:disabled{cursor:wait;opacity:.62}.device-request-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;padding:14px}.device-request-card{overflow:hidden;border:1px solid #dfe6ed;border-radius:13px;background:#fff}.device-request-card>header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:12px;border-bottom:1px solid #e8edf2}.device-request-card>header>span{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;color:#0b8d87;background:#e5f5f2}.device-request-card header small{color:#8390a2;font-size:7px;text-transform:capitalize}.device-request-card h3{margin:4px 0 0;color:#0b2c55;font-size:11px}.device-request-card header>b{padding:4px 6px;border-radius:999px;color:#8a5a13;background:#fff1d5;font-size:6px;text-transform:uppercase}.device-request-card--approved header>b{color:#08735f;background:#ddf5ed}.device-request-card--rejected header>b{color:#a03947;background:#fff0f2}.device-request-person,.device-request-identifier{display:flex;align-items:flex-start;gap:8px;margin:11px 12px 0;color:#0b8d87}.device-request-person>span,.device-request-identifier>span{display:flex;min-width:0;flex-direction:column;gap:3px}.device-request-person small,.device-request-identifier small{color:#8490a2;font-size:6px;text-transform:uppercase}.device-request-person strong,.device-request-identifier strong{overflow:hidden;color:#283b53;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.device-request-person p{margin:0;color:#758398;font-size:7px}.device-request-identifier strong{font-family:Consolas,monospace}.device-request-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:11px 12px;overflow:hidden;border:1px solid #e3e9ef;border-radius:8px;background:#e3e9ef}.device-request-card dl div{padding:8px;background:#f7f9fb}.device-request-card dt{color:#8995a5;font-size:6px;text-transform:uppercase}.device-request-card dd{overflow:hidden;margin:3px 0 0;color:#354a62;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.device-request-card>footer{display:flex;min-height:48px;align-items:center;justify-content:flex-end;gap:6px;padding:9px 12px;border-top:1px solid #e8edf2;background:#fafcfd}.device-request-card footer button{display:inline-flex;min-height:30px;align-items:center;gap:4px;padding:0 8px;border:1px solid;border-radius:8px;font-size:7px;font-weight:800;cursor:pointer}.device-request-card footer .is-approve{color:#08735f;border-color:#bfe4da;background:#eaf8f4}.device-request-card footer .is-reject{color:#a03947;border-color:#edcbd0;background:#fff3f4}.device-request-card footer p{margin:0;color:#a03947;font-size:7px;line-height:1.4}.device-request-empty{grid-column:1 / -1;display:flex;min-height:150px;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#8490a2;font-size:8px}.organization-device-section{overflow:hidden;border:1px solid #dce5ed;border-radius:16px;background:#fff}.organization-device-section>.simple-management-grid{padding:14px}.organization-device-heading{display:flex;min-height:62px;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border-bottom:1px solid #e7edf2;color:#0b2c55;background:#f8fafb}.organization-device-heading>div{display:flex;min-width:0;align-items:center;gap:9px;color:#0b8d87}.organization-device-heading>div>span{display:flex;min-width:0;flex-direction:column;gap:3px}.organization-device-heading strong{color:#0b2c55;font-size:11px}.organization-device-heading small{color:#8290a3;font-size:8px;font-weight:500}.organization-device-heading>b{flex:0 0 auto;padding:5px 8px;border-radius:999px;color:#176b72;background:#e4f4f2;font-size:7px;text-transform:uppercase;white-space:nowrap}@media(max-width:1100px){.registered-face-grid,.attendance-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.attendance-card-grid,.device-request-grid,.attendance-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.face-enrollment-workspace{grid-template-columns:1fr}.face-employee-directory{position:static}.face-employee-directory>div{max-height:300px}.face-capture-grid,.device-link-main{grid-template-columns:1fr}.device-link-intro{text-align:center}.device-link-intro>p{margin:0 auto}.device-identifier{max-width:520px;margin-right:auto;margin-left:auto;text-align:left}.attendance-management-hero{align-items:flex-start;flex-direction:column}.attendance-hero-actions{justify-content:flex-start}.attendance-detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.face-enrollment-page .page-heading{align-items:stretch;flex-direction:column}.face-model-badge{min-width:0}.registered-face-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.device-link-brand{min-height:74px;padding:12px 16px}.device-link-brand img{width:45px;height:45px}.device-link-brand>span{display:none}.device-link-main{width:min(100% - 22px,520px);min-height:auto;gap:25px;padding:28px 0}.device-link-intro h1{font-size:37px}.device-link-card{border-radius:20px}.device-link-progress{padding:14px 15px}.device-link-progress>div{flex-direction:column;justify-content:center;text-align:center}.device-link-progress>div i{top:14px;right:-23%;width:46%}.device-link-form{padding:20px}.device-location-type{grid-template-columns:1fr}.attendance-kiosk-header{min-height:142px;flex-wrap:wrap;padding:13px 16px}.attendance-kiosk-brand{width:calc(100% - 80px)}.attendance-kiosk-location{order:3;width:100%;align-items:flex-start;padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}.attendance-kiosk-location>div{justify-content:flex-start}.attendance-kiosk-connection{max-width:80px}.attendance-kiosk-connection span{display:none}.attendance-kiosk-main{padding-top:27px}.kiosk-clock-panel>strong{font-size:48px}.kiosk-sync-status{grid-template-columns:auto minmax(0,1fr)}.kiosk-sync-status button{grid-column:1 / -1;width:100%;justify-content:center}.kiosk-action-grid{grid-template-columns:1fr}.kiosk-action-grid>button{min-height:270px;border-radius:20px}.kiosk-action-icon{width:60px;height:60px;margin-bottom:13px}.kiosk-scan-modal{width:100%;max-height:calc(100dvh - 10px);border-radius:19px 19px 0 0}.kiosk-scan-body{padding:14px}.kiosk-offline-fields{grid-template-columns:1fr}.kiosk-offline-fields label{grid-column:1}.recognized-employee-card{align-items:flex-start;flex-wrap:wrap}.recognized-employee-card>button{margin-left:58px}.recognized-schedule{align-items:flex-start;flex-direction:column}.kiosk-reason-form{grid-template-columns:1fr}.attendance-management-hero{min-height:auto;padding:25px 21px}.attendance-hero-actions{display:grid;width:100%;grid-template-columns:1fr}.attendance-hero-actions .button{width:100%}.attendance-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-filters,.attendance-card-grid,.device-request-grid{grid-template-columns:1fr}.organization-devices-content{padding:12px}.device-request-section>header,.organization-device-heading{align-items:flex-start;flex-direction:column}.device-request-header-actions{width:100%;justify-content:space-between}.organization-device-heading>b{margin-left:26px}.attendance-detail-employee{align-items:flex-start;flex-wrap:wrap}.attendance-detail-metrics,.attendance-detail-segments,.attendance-segment-list.is-split{grid-template-columns:1fr}.attendance-pagination span{text-align:center}.attendance-pagination button{width:36px;padding:0;justify-content:center;font-size:0}}@media(max-width:430px){.registered-face-grid{grid-template-columns:1fr}.face-selected-employee{align-items:flex-start;flex-wrap:wrap}.face-selected-employee>span:last-child{margin-left:69px}.face-captured-grid,.device-link-form-actions,.attendance-stat-grid{grid-template-columns:1fr}.attendance-card-times{grid-template-columns:1fr;gap:10px}.attendance-card-totals{grid-template-columns:1fr}}