/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.isolate{isolation:isolate}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.p-10{padding:calc(var(--spacing) * 10)}.p-11{padding:calc(var(--spacing) * 11)}.p-12{padding:calc(var(--spacing) * 12)}.p-13{padding:calc(var(--spacing) * 13)}.p-14{padding:calc(var(--spacing) * 14)}.p-15{padding:calc(var(--spacing) * 15)}.p-16{padding:calc(var(--spacing) * 16)}.p-17{padding:calc(var(--spacing) * 17)}.p-18{padding:calc(var(--spacing) * 18)}.p-19{padding:calc(var(--spacing) * 19)}.p-20{padding:calc(var(--spacing) * 20)}.p-21{padding:calc(var(--spacing) * 21)}.p-22{padding:calc(var(--spacing) * 22)}.p-23{padding:calc(var(--spacing) * 23)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}.brand small{margin-top:3px;color:#9ba4ba!important;letter-spacing:0!important;text-transform:none!important;font-size:9px!important;line-height:1.35!important}:root{--ink:#1c2434;--muted:#778093;--line:#e8eaf0;--nav:#171b2c;--paper:#f5f6fa}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Noto Sans Thai,sans-serif}button,a{font:inherit}button{cursor:pointer}svg{flex:none;width:21px;height:21px}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--nav);color:#fff;z-index:2;flex-direction:column;width:244px;padding:27px 18px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;padding:0 10px 30px;display:flex}.brand-mark{background:linear-gradient(145deg,#6678e8,#3f54c8);border-radius:12px;place-items:center;width:38px;height:38px;font-size:20px;font-weight:800;display:grid;box-shadow:0 8px 24px #0c1024}.brand strong,.brand small{display:block}.brand strong{font-size:15px}.brand small{color:#8e96ad;letter-spacing:.11em;text-transform:uppercase;margin-top:3px;font-size:10px}nav{gap:5px;display:grid}nav a{color:#a9afbf;border-radius:11px;align-items:center;gap:13px;min-height:46px;padding:0 13px;font-size:14px;text-decoration:none;display:flex}nav a.active{color:#fff;background:#2c3248;box-shadow:inset 3px 0 #6d7fec}nav a:hover{color:#fff;background:#252a3e}.nav-badge{color:#fff;background:#e7675e;border-radius:50%;place-items:center;width:21px;height:21px;margin-left:auto;font-size:11px;display:grid}.sidebar-foot{border-top:1px solid #303548;align-items:center;gap:10px;margin-top:auto;padding:17px 8px 0;display:flex}.sidebar-foot svg{color:#788097;width:16px;margin-left:auto}.sidebar-foot strong,.sidebar-foot small{display:block}.sidebar-foot small{color:#858da3;margin-top:3px;font-size:10px}.avatar{color:#5364ce;background:#dbe0ff;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:11px;font-weight:700;display:grid}.avatar.small{color:#687086;background:#eef0f7;width:29px;height:29px}header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:126px;padding:0 48px;display:flex}.eyebrow{letter-spacing:.04em;text-transform:uppercase;color:#8b93a4!important;margin-bottom:8px!important;font-size:11px!important}header h1{letter-spacing:-.03em;margin:0 0 5px;font-size:25px}header p{color:var(--muted);margin:0;font-size:13px}.icon-button{border:1px solid var(--line);color:#5e6678;background:#fff;border-radius:12px;place-items:center;width:42px;height:42px;display:grid;position:relative}.icon-button span{background:#ec6b64;border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:9px}.hero-card{color:#fff;background:linear-gradient(110deg,#25325c,#394d91 70%,#5365bd);border-radius:19px;justify-content:space-between;align-items:center;min-height:192px;padding:34px 38px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 35px #2b396f2b}.hero-card:after{content:"";border:48px solid #ffffff0a;border-radius:50%;width:270px;height:270px;position:absolute;top:-145px;right:190px}.status-dot{color:#d6dcff;letter-spacing:.04em;font-size:11px}.status-dot:before{content:"";background:#62d7ae;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.hero-card h2{margin:12px 0 13px;font-size:26px}.hero-card p{align-items:center;gap:8px;margin:0 0 6px;font-size:14px;display:flex}.hero-card p svg{width:17px}.hero-card small{color:#bfc8ed;font-size:11px}.clock-box{z-index:1;text-align:center;width:210px}.clock-box strong,.clock-box span{display:block}.clock-box strong{font-size:34px}.clock-box span{color:#c8cfee;margin:2px 0 14px;font-size:10px}.clock-box button{color:#36437b;background:#fff;border:0;border-radius:10px;width:100%;padding:12px 16px;font-size:12px;font-weight:700}.metrics{grid-template-columns:repeat(3,1fr);gap:18px;margin:22px 0;display:grid}.metrics article{border:1px solid var(--line);background:#fff;border-radius:15px;align-items:center;gap:16px;padding:22px;display:flex}.metric-icon{border-radius:13px;place-items:center;width:47px;height:47px;display:grid}.metrics small,.metrics strong,.metrics p{margin:0;display:block}.metrics strong{margin:6px 0 2px;font-size:25px}.metrics em{color:#737b8d;font-size:11px;font-style:normal;font-weight:400}.metrics p{color:#7e8798;font-size:10px}.dashboard-grid{grid-template-columns:1.65fr 1fr;gap:18px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:15px;padding:24px}.panel-head{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.kicker{color:#7e8798;margin-bottom:5px;font-size:10px;display:block}.panel h3{margin:0;font-size:15px}.panel-head button{color:#5668cd;background:0 0;border:0;font-size:11px}.job{border-top:1px solid #eff0f4;grid-template-columns:10px 48px 1fr auto;align-items:center;gap:12px;padding:14px 0;display:grid}.job-dot{background:#58c79c;border-radius:50%;width:8px;height:8px}.job-dot.j2{background:#d6dae4}.job time{font-size:11px;font-weight:700}.job strong,.job small{display:block}.job strong{font-size:12px}.job small{color:#8b93a2;margin-top:4px;font-size:10px}.job-status{color:#27855f;background:#e8f8f2;border-radius:20px;padding:5px 8px;font-size:9px}.job-status.s1{color:#5063ca;background:#edf0ff}.job-status.s2{color:#7a8292;background:#f1f2f5}.announcement-tag{color:#c6554d;background:#fff0ee;border-radius:5px;padding:5px 8px;font-size:9px;display:inline-block}.announce h4{margin:14px 0 8px;font-size:14px}.announce>p{color:#727b8d;margin:0;font-size:11px;line-height:1.7}.announce-meta{color:#8a92a2;align-items:center;gap:9px;margin:18px 0;font-size:10px;display:flex}.text-button{color:#5366ce;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:11px;display:flex}.text-button svg{width:14px}@media (max-width:900px){.sidebar{width:76px;padding:25px 10px}.brand{padding:0 9px 25px}.brand div,nav a:not(.active){font-size:0}.brand-mark{flex:none}.sidebar nav a{justify-content:center;padding:0}.sidebar-foot div,.sidebar-foot>svg{display:none}.workspace{width:calc(100% - 76px);margin-left:76px}header,.content{padding-left:24px;padding-right:24px}.metrics,.dashboard-grid{grid-template-columns:1fr}}@media (max-width:620px){header{height:110px}header h1{font-size:20px}.hero-card{display:block}.clock-box{width:100%;margin-top:25px}.job{grid-template-columns:8px 42px 1fr}.job-status{display:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}nav button{color:#a9afbf;text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:13px;min-height:42px;padding:0 13px;font-size:13px;display:flex}nav button.active{color:#fff;background:#2c3248;box-shadow:inset 3px 0 #6d7fec}.metric-icon.mint{color:#2b9b76;background:#e8f8f2}.header-actions{align-items:center;gap:14px;display:flex}.role-switch{border:1px solid var(--line);border-radius:11px;align-items:center;gap:10px;padding:6px 10px 6px 13px;display:flex}.role-switch small{color:#838b9c;font-size:10px}.role-switch select{color:#394153;background:#f3f4f8;border:0;border-radius:7px;outline:none;padding:6px 26px 6px 8px;font-size:11px;font-weight:700}.page-title{justify-content:space-between;align-items:flex-end;margin-bottom:25px;display:flex}.page-title>div>span{letter-spacing:.14em;color:#6676d5;margin-bottom:8px;font-size:9px;font-weight:700;display:block}.page-title h2{margin:0 0 7px;font-size:25px}.page-title p{color:#7c8596;margin:0;font-size:12px}.primary,.secondary{border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:11px;font-weight:700;display:inline-flex}.primary{color:#fff;background:#5367d5;border:0;box-shadow:0 7px 16px #5367d533}.secondary{border:1px solid var(--line);color:#4d5668;background:#fff}.primary svg,.secondary svg{width:16px}.wide{width:100%;padding:14px}.clock-layout{grid-template-columns:1.3fr .8fr;gap:20px;display:grid}.big-clock{border:1px solid var(--line);text-align:center;background:#fff;border-radius:17px;padding:35px}.big-clock>span{color:#8a92a1;font-size:11px}.big-clock>strong{margin:9px 0;font-size:45px;display:block}.big-clock>p{color:#7e8798;margin:0 0 27px;font-size:11px}.location-card,.photo-check{text-align:left;border-radius:12px;align-items:center;gap:13px;margin-bottom:12px;padding:15px;display:flex}.location-card{color:#5265cd;background:#eff3ff}.location-card div,.photo-check div{flex:1}.location-card b,.location-card small,.photo-check b,.photo-check small{display:block}.location-card b,.photo-check b{color:#263047;font-size:12px}.location-card small,.photo-check small{color:#7b8598;margin-top:4px;font-size:9px}.success{color:#267b5d;background:#dff4ec;border-radius:15px;padding:5px 8px;font-size:9px}.photo-check{border:1px solid var(--line)}.switch{background:#cfd4df;border:0;border-radius:20px;width:36px;height:20px;padding:2px}.switch i{background:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;display:block}.switch.on{background:#596bd4}.switch.on i{transform:translate(16px)}.timeline>div{grid-template-columns:12px 46px 1fr;gap:10px;padding:10px 0;display:grid}.timeline i{background:#4cc598;border-radius:50%;width:10px;height:10px;margin-top:4px;box-shadow:0 0 0 4px #e8f8f2}.timeline time{font-size:11px;font-weight:700}.timeline b,.timeline small{display:block}.timeline small{color:#838c9c;margin-top:3px;font-size:9px}.timeline .pending i{box-shadow:none;background:#d5d9e2}.hint,.workflow-note{color:#70798b;background:#f5f6fa;border-radius:10px;margin-top:20px;padding:14px;font-size:10px;line-height:1.5}.form-panel{padding:28px}.form-grid{grid-template-columns:1fr 1fr;gap:17px;display:grid}.form-grid label{color:#687183;font-size:10px;font-weight:700}.form-grid input,.form-grid select,.form-grid textarea,.filterbar select{color:#333c4e;width:100%;font:inherit;background:#fff;border:1px solid #dfe2e9;border-radius:9px;outline:none;margin-top:7px;padding:11px 12px;font-size:11px;display:block}.form-grid textarea{resize:vertical;height:78px}.span-2{grid-column:span 2}.workflow{justify-content:center;align-items:flex-start;margin:28px 0;display:flex}.workflow span{color:#8991a1;justify-items:center;gap:7px;min-width:74px;font-size:9px;display:grid}.workflow span i{background:#edf0f4;border-radius:50%;place-items:center;width:27px;height:27px;font-style:normal;display:grid}.workflow span.done i{color:#fff;background:#52c79b}.workflow span.current i{color:#fff;background:#5b6fd8}.workflow b{background:#e4e6ec;width:72px;height:2px;margin-top:13px}.upload{text-align:center;color:#6878d4;background:#fafbfc;border:1px dashed #ccd1de;border-radius:12px;justify-items:center;gap:5px;padding:24px;display:grid}.upload b{color:#3a4355;font-size:11px}.upload small{color:#8a92a1;font-size:9px}.upload input{max-width:220px;margin-top:8px;font-size:9px}.filterbar{gap:10px;margin-bottom:17px;display:flex}.filterbar select{width:190px;margin:0}.filterbar .secondary{margin-left:auto}.metrics.mini{grid-template-columns:repeat(4,1fr)}.metrics.mini article{padding:18px}.metrics.mini strong{font-size:21px}.table-wrap{padding:0;overflow:auto}.table-wrap>.panel-head{padding:22px 24px 0}table{border-collapse:collapse;width:100%;font-size:11px}th{text-align:left;color:#8991a0;border-bottom:1px solid var(--line);background:#fafbfc;padding:12px 20px;font-size:9px}td{color:#4e5769;border-bottom:1px solid #f0f1f4;padding:15px 20px}td b,td small{display:block}td small{color:#9299a6;margin-top:3px;font-size:9px}.pill{white-space:nowrap;border-radius:15px;padding:5px 9px;font-size:9px;display:inline-block}.pill.green{color:#23825e;background:#e7f8f1}.pill.orange{color:#af7421;background:#fff2df}.leave-cards{grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:20px;display:grid}.leave-cards article{border:1px solid var(--line);background:#fff;border-radius:14px;padding:21px;overflow:hidden}.leave-cards span,.leave-cards strong{display:block}.leave-cards span{color:#80899a;font-size:10px}.leave-cards strong{margin:8px 0 14px;font-size:23px}.leave-cards em{color:#8991a0;font-size:10px;font-style:normal}.leave-cards i{background:#6577d9;border-radius:5px;height:4px;display:block;box-shadow:300px 0 #edf0f5}.tabs{border-bottom:1px solid var(--line);gap:5px;margin-bottom:18px;display:flex}.tabs button{color:#7c8494;background:0 0;border:0;border-bottom:2px solid #0000;padding:11px 15px;font-size:11px}.tabs button.active{color:#5064d0;border-bottom-color:#596bd6;font-weight:700}.doc-list{padding:4px 22px}.doc-list article{border-bottom:1px solid #eff0f3;grid-template-columns:42px 1fr 100px 110px auto;align-items:center;gap:13px;padding:16px 0;display:grid}.file-icon{color:#596bd3;background:#eef0ff;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.file-icon.f1{color:#b77c27;background:#fff2df}.file-icon.f2{color:#2b916d;background:#e7f8f1}.doc-list b,.doc-list small{display:block}.doc-list small{color:#8c94a2;margin-top:4px;font-size:9px}.doc-list time{color:#778092;font-size:10px}.workflow-note{color:#4f6177;background:#edf7ff;align-items:flex-start;gap:12px;display:flex}.workflow-note svg{color:#4a76b8}.workflow-note b{font-size:11px}.workflow-note p{margin:4px 0 0;font-size:9px}.hiring-grid{grid-template-columns:1.7fr .8fr;gap:20px;display:grid}.team-stat{border-bottom:1px solid #eff0f3;justify-content:space-between;align-items:center;padding:15px 0;display:flex}.team-stat b,.team-stat small{display:block}.team-stat b{font-size:12px}.team-stat small{color:#8991a0;margin-top:4px;font-size:9px}.team-stat strong{color:#5568cf;font-size:13px}.probation{background:#fff5e5;border-radius:12px;margin-top:20px;padding:18px}.probation span,.probation strong,.probation small{display:block}.probation span{color:#95682a;font-size:9px}.probation strong{margin:6px 0;font-size:22px}.probation small{color:#a27c4d;font-size:9px}.team-layout{grid-template-columns:1.2fr .8fr;gap:20px;display:grid}.person{border-bottom:1px solid #eff0f3;grid-template-columns:38px 1fr auto 30px;align-items:center;gap:12px;padding:13px 0;display:grid}.person b,.person small{display:block}.person small{color:#8991a1;margin-top:3px;font-size:9px}.presence{border-radius:14px;padding:5px 8px;font-size:9px}.presence.onsite{color:#277f60;background:#e7f8f1}.presence.leave{color:#a76b20;background:#fff3e2}.presence.late{color:#7d8492;background:#eff0f3}.dots{color:#9299a8;background:0 0;border:0}.fake-map{background:linear-gradient(35deg,#e9ecf4,#f8f9fb);border-radius:12px;height:220px;margin-bottom:20px;position:relative;overflow:hidden}.map-roads{background:repeating-linear-gradient(27deg,#0000 0 35px,#d7dce7 36px 39px,#0000 40px 78px),repeating-linear-gradient(105deg,#0000 0 54px,#e0e3eb 55px 58px,#0000 59px 100px);position:absolute;inset:-30%;transform:rotate(-8deg)}.pin{color:#fff;background:#5a6cd4;border:3px solid #fff;border-radius:50%;place-items:center;width:31px;height:31px;font-size:8px;display:grid;position:absolute;box-shadow:0 4px 10px #adb4c9}.pin.p1{top:30%;left:25%}.pin.p2{top:60%;left:52%}.pin.p3{top:23%;right:18%}.pin.p4{bottom:12%;left:18%}.area-card>h3{margin:0;font-size:14px}.area-card>p{color:#838c9d;font-size:10px}.area-numbers{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px;display:grid}.area-numbers div{text-align:center;background:#f6f7fa;border-radius:9px;padding:12px 5px}.area-numbers strong,.area-numbers small{display:block}.area-numbers strong{font-size:20px}.area-numbers small{color:#858e9e;margin-top:3px;font-size:8px}.announcement-list{grid-template-columns:repeat(2,1fr);gap:17px;display:grid}.announcement-list article{border:1px solid var(--line);background:#fff;border-radius:15px;padding:25px}.announcement-list article.featured{color:#fff;background:linear-gradient(105deg,#26325b,#4b5ea9);border:0;grid-column:span 2}.announcement-list span{color:#5669d0;background:#eef0ff;border-radius:5px;padding:5px 8px;font-size:9px}.announcement-list .featured span{color:#dfe4ff;background:#ffffff24}.announcement-list h3{margin:16px 0 8px;font-size:15px}.announcement-list p{color:#788193;font-size:10px;line-height:1.7}.announcement-list .featured p{color:#ccd3f0}.announcement-list small{color:#969dab;font-size:9px}@media (max-width:1100px){.clock-layout,.hiring-grid,.team-layout{grid-template-columns:1fr}.doc-list article{grid-template-columns:42px 1fr auto}.doc-list time,.doc-list .pill{display:none}}@media (max-width:900px){.sidebar nav button{justify-content:center;padding:0;font-size:0}.header-actions .role-switch small{display:none}.metrics.mini{grid-template-columns:repeat(2,1fr)}}@media (max-width:650px){.role-switch{display:none}.page-title{align-items:flex-start;gap:16px}.page-title .primary{padding:10px;font-size:0}.form-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.workflow b{width:20px}.workflow span{min-width:55px}.leave-cards,.announcement-list{grid-template-columns:1fr}.announcement-list article.featured{grid-column:span 1}.filterbar{flex-wrap:wrap}.filterbar .secondary{margin-left:0}.metrics.mini{grid-template-columns:1fr}.big-clock{padding:24px}.big-clock>strong{font-size:34px}}.management-hero.super-admin-hero{background:linear-gradient(110deg,#20294f,#5a48a5)}body{-webkit-text-size-adjust:100%;font-size:16px;line-height:1.45}button,select,input,textarea{touch-action:manipulation}.sidebar{width:264px;padding:24px 16px}nav{gap:5px}nav button{width:100%;min-height:48px;padding:0 14px;font-size:15px}nav button svg{width:22px;height:22px}.new-badge{color:#102f27;background:#5dd0a5;border-radius:6px;margin-left:auto;padding:3px 6px;font-size:10px;font-weight:800}.hiring-nav{outline:1px solid #5dd0a538}header{height:132px;padding:0 42px}header h1{font-size:28px}header p{font-size:14px}.content{padding:30px 42px 60px}.panel h3{font-size:18px}.kicker{font-size:12px}.page-title h2{font-size:28px}.page-title p{max-width:680px;font-size:15px}.primary,.secondary{min-height:46px;padding:12px 18px;font-size:14px}.role-switch small{font-size:12px}.role-switch select{padding:9px 32px 9px 10px;font-size:14px}.role-viewer{border:1px solid var(--line);background:#fff;border-radius:18px;grid-template-columns:250px 1fr;gap:18px;margin-bottom:24px;padding:22px;display:grid;box-shadow:0 7px 25px #2029490d}.role-viewer-copy>span{color:#5267d2;margin-bottom:7px;font-size:12px;font-weight:800;display:block}.role-viewer-copy>strong{font-size:19px;line-height:1.35;display:block}.role-viewer-copy>p{color:#7d8697;margin:7px 0 0;font-size:12px}.role-picker-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.role-picker-grid button{text-align:left;color:#3c4557;background:#fafbfc;border:1px solid #e1e4eb;border-radius:12px;align-items:center;gap:9px;min-height:70px;padding:9px;display:flex;position:relative}.role-picker-grid button.active{background:#f0f2ff;border:2px solid #5a6dd6;box-shadow:0 5px 12px #5266d31f}.role-picker-grid button>span:nth-child(2){min-width:0}.role-picker-grid b,.role-picker-grid small{display:block}.role-picker-grid b{font-size:13px}.role-picker-grid small{color:#7f8899;white-space:nowrap;text-overflow:ellipsis;max-width:155px;margin-top:3px;font-size:10px;overflow:hidden}.role-picker-grid button>svg{color:#5267d2;width:16px;margin-left:auto}.role-avatar{color:#5365c8;background:#e9ecf7;border-radius:10px;flex:none;place-items:center;width:35px;height:35px;font-size:11px;font-weight:800;display:grid}.role-flow{background:#f6f7fa;border-radius:11px;grid-column:1/-1;align-items:center;gap:10px;padding:12px 14px;display:flex}.role-flow>b{margin-right:auto;font-size:12px}.role-flow>span{align-items:center;gap:6px;font-size:12px;display:flex}.role-flow i{color:#fff;background:#596cd3;border-radius:50%;place-items:center;width:22px;height:22px;font-size:10px;font-style:normal;display:grid}.compact-role{text-align:left;color:#34405f;background:#f1f3ff;border:1px solid #dfe3ef;border-radius:13px;align-items:center;gap:12px;width:100%;margin-bottom:20px;padding:11px 14px;display:flex}.compact-role>span:nth-child(2){flex:1}.compact-role b,.compact-role small{display:block}.compact-role b{font-size:14px}.compact-role small{color:#707a91;margin-top:2px;font-size:11px}.compact-role>svg{width:18px}.management-hero{color:#fff;background:linear-gradient(110deg,#29345c,#495da9);border-radius:19px;grid-template-columns:64px 1fr auto;align-items:center;gap:18px;margin-bottom:22px;padding:30px 34px;display:grid;box-shadow:0 15px 34px #2b396f29}.management-hero.admin{background:linear-gradient(110deg,#203d52,#287f78)}.management-icon{background:#ffffff21;border-radius:16px;place-items:center;width:60px;height:60px;display:grid}.management-icon svg{width:29px;height:29px}.management-hero span{color:#cdd5f5;font-size:12px}.management-hero h2{margin:5px 0;font-size:24px}.management-hero p{color:#d5daf0;margin:0;font-size:13px}.hero-action{color:#34437c;background:#fff;border:0;border-radius:12px;align-items:center;gap:7px;min-height:50px;padding:0 18px;font-size:14px;font-weight:800;display:flex}.hero-action svg{width:17px}.hero-card h2{font-size:28px}.hero-card small{font-size:13px}.clock-box span{font-size:12px}.clock-box button{min-height:50px;font-size:15px}.metrics small{font-size:13px}.metrics strong{font-size:28px}.metrics em,.metrics p{font-size:12px}.job{grid-template-columns:10px 58px 1fr auto;padding:17px 0}.job time,.job strong{font-size:14px}.job small{font-size:12px}.job-status{padding:6px 10px;font-size:11px}.announce h4{font-size:17px}.announce>p{font-size:13px}.announce-meta,.text-button{font-size:12px}.form-grid label{font-size:14px}.form-grid input,.form-grid select,.form-grid textarea,.filterbar select{min-height:48px;font-size:16px}.upload b{font-size:14px}.upload small,.upload input,.workflow span{font-size:12px}.timeline b{font-size:14px}.timeline small,.hint{font-size:12px}.location-card b,.photo-check b{font-size:14px}.location-card small,.photo-check small{font-size:12px}.success{font-size:11px}.big-clock>span,.big-clock>p{font-size:13px}table{font-size:14px}th{font-size:12px}td small,.pill{font-size:11px}.leave-cards span{font-size:13px}.leave-cards em{font-size:12px}.doc-list b{font-size:14px}.doc-list small,.doc-list time{font-size:11px}.person b{font-size:14px}.person small,.presence{font-size:11px}.announcement-list h3{font-size:19px}.announcement-list p{font-size:14px}.announcement-list small{font-size:12px}.onboard-steps{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:18px;display:grid}.onboard-steps span{border:1px solid var(--line);color:#737d8e;background:#fff;border-radius:12px;align-items:center;gap:10px;min-height:60px;padding:12px;display:flex}.onboard-steps span.active{color:#3e50b3;background:#eff2ff;border-color:#7080db}.onboard-steps i{background:#eaecf1;border-radius:50%;place-items:center;width:28px;height:28px;font-size:12px;font-style:normal;display:grid}.onboard-steps .active i{color:#fff;background:#596bd3}.onboard-steps b{font-size:13px}.next-step{width:100%;margin-top:16px}.hire-status{border-bottom:1px solid #eef0f3;grid-template-columns:40px 1fr auto;align-items:center;gap:11px;padding:13px 0;display:grid}.hire-status b,.hire-status small{display:block}.hire-status b{font-size:14px}.hire-status small{color:#818a9a;margin-top:3px;font-size:11px}.hire-status em{color:#596bd3;background:#eff1ff;border-radius:12px;padding:5px 8px;font-size:11px;font-style:normal}.team-summary-head{margin-top:26px}@media (max-width:1000px){.role-viewer{grid-template-columns:1fr}.role-picker-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:760px){body{padding-bottom:env(safe-area-inset-bottom);background:#f4f5f8}.app-shell{display:block}.sidebar{top:0;width:100%;height:auto;padding:calc(10px + env(safe-area-inset-top)) 12px 10px;z-index:20;position:sticky;inset:auto;box-shadow:0 5px 18px #0d12262e}.brand{padding:0 4px 9px}.brand-mark{border-radius:10px;width:34px;height:34px}.brand strong{font-size:15px}.brand small{font-size:10px}.sidebar nav{scrollbar-width:none;gap:7px;padding-bottom:2px;display:flex;overflow-x:auto}.sidebar nav::-webkit-scrollbar{display:none}.sidebar nav button{justify-content:flex-start;width:auto;min-width:max-content;min-height:46px;padding:0 13px;font-size:13px}.sidebar nav button svg{width:19px}.sidebar nav button .nav-label{display:inline}.sidebar-foot{display:none}.workspace{width:100%;margin-left:0}header{align-items:flex-start;height:auto;min-height:104px;padding:17px 16px}header h1{margin-right:8px;font-size:24px}header p{font-size:13px}.eyebrow{font-size:10px!important}.header-actions{gap:8px}.role-switch{padding:5px}.role-switch small{display:none}.role-switch select{max-width:128px;padding:8px 24px 8px 8px;font-size:12px}.icon-button{width:42px;height:42px}.content{padding:16px 14px 42px}.role-viewer{border-radius:15px;gap:14px;padding:16px}.role-viewer-copy>strong{font-size:18px}.role-picker-grid{scroll-snap-type:x mandatory;gap:8px;padding-bottom:3px;display:flex;overflow-x:auto}.role-picker-grid button{scroll-snap-align:start;min-width:160px}.role-picker-grid small{max-width:103px}.role-flow{align-items:flex-start;overflow-x:auto}.role-flow>b{min-width:105px}.role-flow>span{min-width:125px}.management-hero{grid-template-columns:52px 1fr;gap:13px;padding:22px 18px}.management-icon{width:50px;height:50px}.management-hero h2{font-size:21px}.management-hero p{font-size:13px}.hero-action{grid-column:1/-1;justify-content:center;width:100%}.hero-card{padding:23px 20px;display:block}.hero-card h2{font-size:23px}.clock-box{width:100%;margin-top:23px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metrics article{gap:10px;padding:16px 13px}.metric-icon{width:42px;height:42px}.metrics strong{font-size:23px}.dashboard-grid{grid-template-columns:1fr}.panel{padding:19px}.page-title{margin-bottom:18px;display:block}.page-title h2{font-size:24px}.page-title p{font-size:14px}.page-title>.primary,.page-title>.secondary{width:100%;margin-top:14px;font-size:14px}.clock-layout,.hiring-grid,.team-layout{grid-template-columns:1fr}.big-clock{padding:23px 16px}.big-clock>strong{font-size:36px}.location-card,.photo-check{padding:13px 11px}.success{display:none}.form-panel{padding:19px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.workflow{justify-content:flex-start;padding-bottom:8px;overflow-x:auto}.workflow b{min-width:28px}.workflow span{min-width:72px}.leave-cards{gap:10px;display:flex;overflow-x:auto}.leave-cards article{min-width:175px}.filterbar{grid-template-columns:1fr 1fr;display:grid}.filterbar select{width:100%}.filterbar .secondary{grid-column:span 2;margin:0}.metrics.mini{grid-template-columns:repeat(2,1fr)}.table-wrap{margin-left:-5px;margin-right:-5px}th,td{white-space:nowrap;padding:13px 12px}.doc-list{padding:3px 15px}.doc-list article{grid-template-columns:40px 1fr;gap:10px}.doc-list time,.doc-list .pill{display:none}.doc-list .secondary{grid-column:2;width:100%}.tabs{overflow-x:auto}.tabs button{min-width:max-content;font-size:13px}.onboard-steps{display:flex;overflow-x:auto}.onboard-steps span{min-width:150px}.announcement-list{grid-template-columns:1fr}.announcement-list article.featured{grid-column:span 1}.person{grid-template-columns:38px 1fr auto}.person .dots{display:none}.presence{text-align:center;max-width:92px}.page-title .primary{font-size:14px}.page-title .primary svg{display:block}}@media (max-width:390px){.metrics{grid-template-columns:1fr}.header-actions .icon-button{display:none}.role-switch select{max-width:118px}.job{grid-template-columns:8px 48px 1fr}.job-status{display:none}}.employee-summary{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px;display:grid}.employee-summary button{border:1px solid var(--line);text-align:left;color:inherit;background:#fff;border-radius:14px;padding:20px;transition:all .18s;position:relative}:is(.employee-summary button:hover,.employee-summary button:focus-visible){border-color:#7181d8;outline:none;transform:translateY(-1px);box-shadow:0 8px 22px #303f821a}.employee-summary small,.employee-summary strong,.employee-summary span{display:block}.employee-summary small{color:#7c8596;font-size:13px}.employee-summary strong{margin:7px 0 3px;font-size:27px}.employee-summary span{color:#8a93a3;font-size:11px}.employee-summary i{color:#5266cc;opacity:0;font-size:10px;font-style:normal;font-weight:800;transition:all .18s;position:absolute;bottom:18px;right:18px}:is(.employee-summary button:hover i,.employee-summary button:focus-visible i){opacity:1}.team-structure{margin-bottom:18px}.team-structure .panel-head .structure-action{color:#fff;cursor:pointer;background:#187c65;border:1px solid #187c65;min-height:44px;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;box-shadow:0 7px 16px #187c6533}.team-structure .panel-head .structure-action:hover{background:#106752;border-color:#106752;transform:translateY(-1px);box-shadow:0 9px 20px #187c6547}.team-structure .panel-head .structure-action:focus-visible{outline-offset:3px;outline:3px solid #187c6540}.team-structure .panel-head .structure-action:active{transform:translateY(0);box-shadow:0 4px 10px #187c6533}.team-structure .structure-action>span{font-size:15px;line-height:1}.panel-head p{color:#858e9e;margin:6px 0 0;font-size:12px}.team-tree{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.team-tree>article{background:#fbfcfd;border:1px solid #e2e5eb;border-radius:14px;padding:18px}.team-tree-head{border-bottom:1px solid #e7e9ee;grid-template-columns:46px 1fr auto;align-items:center;gap:12px;padding-bottom:15px;display:grid}.team-code{color:#4e62cd;background:#e9edff;border-radius:12px;place-items:center;width:44px;height:44px;font-size:13px;font-weight:800;display:grid}.team-code.violet{color:#7654c3;background:#f1eaff}.team-tree-head b,.team-tree-head small{display:block}.team-tree-head b{font-size:15px}.team-tree-head small{color:#818b9c;margin-top:3px;font-size:11px}.team-tree-head strong{color:#5367d4;font-size:14px}.team-leads{grid-template-columns:38px 1fr 18px 38px 1fr auto;align-items:center;gap:9px;padding-top:15px;display:grid}.team-leads b,.team-leads small{display:block}.team-leads b{font-size:13px}.team-leads small{color:#8992a1;margin-top:2px;font-size:11px}.person-link{text-align:left;color:inherit;background:0 0;border:0;border-radius:7px;padding:5px 3px}.person-link:not(:disabled):hover{color:#4358bc;background:#eef1ff}.avatar.alt{color:#268164;background:#e8f7f2}.tree-line{background:#d9dde7;height:1px}.hiring-progress{padding-bottom:8px}.hiring-progress>article{border-top:1px solid #eceef2;grid-template-columns:42px 1fr minmax(150px,230px) auto;align-items:center;gap:14px;padding:16px 0;display:grid}.hiring-progress>article b,.hiring-progress>article small{display:block}.hiring-progress>article b{font-size:14px}.hiring-progress>article small{color:#808a9a;margin-top:3px;font-size:12px}.progress-state>span{color:#6370a5;margin-bottom:6px;font-size:11px;display:block}.progress-state>i{background:#e9ebf1;border-radius:5px;height:6px;display:block;overflow:hidden}.progress-state>i>b{border-radius:inherit;background:#5b6ed6;height:100%;display:block}.edit-hire{white-space:nowrap}.edit-hire svg{width:16px}.back-button{color:#5366c9;background:0 0;border:0;align-items:center;gap:7px;margin-bottom:14px;padding:0;font-size:13px;font-weight:700;display:flex}.back-button span{background:#e9edff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:24px;line-height:1;display:grid}.mini-hire{text-align:left;color:#30394b;background:0 0;border:0;border-bottom:1px solid #eceef2;grid-template-columns:38px 1fr 18px;align-items:center;gap:10px;width:100%;padding:12px 8px;display:grid}.mini-hire.selected{background:#f0f2ff;border-radius:10px}.mini-hire b,.mini-hire small{display:block}.mini-hire b{font-size:13px}.mini-hire small{color:#858e9e;margin-top:3px;font-size:11px}.mini-hire svg{color:#7380a0;width:16px}@media (max-width:1000px){.team-tree{grid-template-columns:1fr}.team-leads{grid-template-columns:38px 1fr 18px 38px 1fr}.team-leads .secondary{grid-column:1/-1}.hiring-progress>article{grid-template-columns:42px 1fr auto}.progress-state{grid-column:2/4}.edit-hire{grid-column:2/4;width:100%}}@media (max-width:760px){.employee-summary{gap:10px;display:flex;overflow-x:auto}.employee-summary button{min-width:185px;padding:16px}.team-structure .panel-head{display:block}.team-structure .panel-head .secondary{width:100%;margin-top:12px}.team-tree-head{grid-template-columns:42px 1fr auto}.team-leads{grid-template-columns:36px 1fr}.team-leads .tree-line{display:none}.team-leads .secondary{grid-column:1/-1}.hiring-progress>article{grid-template-columns:38px 1fr}.progress-state,.edit-hire{grid-column:1/-1}.edit-hire{width:100%}.back-button{min-height:42px}.onboard-steps span{min-width:165px}}.local-note{color:#3e5870;background:#edf6ff;border-radius:11px;align-items:center;gap:11px;margin-bottom:16px;padding:11px 14px;display:flex}.local-note>span{background:#d8eaff;border-radius:50%;place-items:center;width:25px;height:25px;font-weight:800;display:grid}.local-note p{margin:0;font-size:12px}.local-note b{margin-right:5px}.member-list{border-top:1px solid #e8eaf0;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;padding-top:14px;display:grid}.member-list>button{text-align:left;color:inherit;background:#fff;border:0;border-radius:9px;grid-template-columns:28px 1fr;align-items:center;gap:7px;padding:9px;font-size:12px;display:grid}.member-list>button:hover{background:#eef1ff}.member-list i{color:#5668ce;background:#edf0ff;border-radius:50%;grid-row:span 2;place-items:center;width:28px;height:28px;font-style:normal;display:grid}.member-list small{color:#8790a0;font-size:10px;font-weight:400}.empty-hiring{color:#7a8393;justify-items:center;padding:28px;display:grid}.empty-hiring>span{color:#27825f;background:#e7f8f1;border-radius:50%;place-items:center;width:42px;height:42px;font-size:20px;display:grid}.empty-hiring b{margin:9px 0 3px;font-size:14px}.empty-hiring small{font-size:11px}.button-plus{font-size:19px}.onboard-steps button{border:1px solid var(--line);color:#7d8594;text-align:left;background:#fff;border-radius:12px;align-items:center;gap:10px;min-height:62px;padding:12px;display:flex}.onboard-steps button.current{color:#4458bd;background:#eff2ff;border:2px solid #5a6ed8}.onboard-steps button.active i{color:#fff;background:#5b6ed7}.onboard-steps button:disabled{opacity:.65}.onboard-steps button i{background:#e9ecf1;border-radius:50%;flex:none;place-items:center;width:29px;height:29px;font-size:11px;font-style:normal;display:grid}.onboard-steps button b{font-size:13px}.form-message{border-radius:10px;align-items:center;gap:10px;margin-bottom:14px;padding:12px 15px;font-size:12px;display:flex}.form-message.error{color:#9e403a;background:#fff0ee;border:1px solid #ffd3cf}.form-message.success{color:#276d54;background:#e7f8f1;border:1px solid #c9eedf}.form-message b{margin-right:3px}.form-grid label em{color:#df5a51;font-style:normal}.document-checklist{grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:16px;display:grid}.document-checklist>span{border:1px solid #e2e5eb;border-radius:10px;grid-template-columns:30px 1fr;align-items:center;gap:8px;padding:12px;display:grid}.document-checklist i{background:#eceef3;border-radius:50%;grid-row:span 2;place-items:center;width:28px;height:28px;font-size:11px;font-style:normal;display:grid}.document-checklist i.done{color:#25815f;background:#e4f7ef}.document-checklist b{font-size:12px}.document-checklist small{color:#8790a0;font-size:10px}.interactive-upload{cursor:pointer}.interactive-upload>span{font-size:25px}.selected-files{gap:7px;margin-top:12px;display:grid}.selected-files>span{background:#fafbfc;border:1px solid #e2e5eb;border-radius:9px;grid-template-columns:90px 1fr 30px;align-items:center;gap:8px;padding:10px 12px;display:grid}.selected-files b{color:#5264c2;font-size:11px}.selected-files small{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.selected-files button{color:#b85048;background:#fff0ee;border:0;border-radius:6px;width:28px;height:28px}.team-select-cards{gap:10px;display:grid}.team-select-cards>button{text-align:left;color:#344052;background:#fff;border:1px solid #e0e3ea;border-radius:12px;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;width:100%;padding:15px;display:grid}.team-select-cards>button.selected{background:#f0f2ff;border:2px solid #5b6ed7}.team-select-cards>button>span{color:#5265ca;background:#e9edff;border-radius:11px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.team-select-cards b,.team-select-cards small{display:block}.team-select-cards b{font-size:14px}.team-select-cards small{color:#7f8999;margin-top:3px;font-size:11px}.team-select-cards>button>i{color:#5064c9;font-size:11px;font-style:normal}.assignment-preview{background:#f6f7fa;border-radius:11px;justify-content:center;align-items:center;gap:9px;margin-top:20px;padding:16px;font-size:11px;display:flex}.assignment-preview>b{margin-right:auto}.assignment-preview>span{background:#fff;border-radius:8px;padding:7px 9px}.assignment-preview .selected-person{color:#4458b9;background:#e9edff;font-weight:700}.assignment-preview small{margin-top:2px;font-size:9px;display:block}.hire-review{background:#f7f8fb;border-radius:12px;margin-top:18px;padding:18px}.hire-review h4{margin:0 0 12px;font-size:15px}.hire-review dl{grid-template-columns:1fr 1fr;gap:10px;margin:0;display:grid}.hire-review dl>div{background:#fff;border-radius:8px;padding:10px}.hire-review dt{color:#838c9c;font-size:10px}.hire-review dd{margin:4px 0 0;font-size:12px;font-weight:700}.step-actions{border-top:1px solid #e8eaf0;justify-content:space-between;gap:10px;margin-top:22px;padding-top:18px;display:flex}.step-actions button:disabled{opacity:.45;cursor:not-allowed}.hiring-side>strong{margin:5px 0 12px;font-size:23px;display:block}.side-progress{background:#e9ebf1;border-radius:6px;height:7px;overflow:hidden}.side-progress i{border-radius:inherit;background:#5a6ed7;height:100%;transition:width .25s;display:block}.draft-summary{gap:0;margin-top:18px;display:grid}.draft-summary>span{border-bottom:1px solid #eceef2;padding:12px 0}.draft-summary b,.draft-summary small{display:block}.draft-summary b{font-size:13px}.draft-summary small{color:#858e9d;margin-top:3px;font-size:11px}.save-side{width:100%;margin-top:18px}.hire-success{text-align:center;border:1px solid var(--line);background:#fff;border-radius:20px;max-width:650px;margin:35px auto;padding:50px 30px;box-shadow:0 15px 40px #232f5d14}.success-mark{color:#288260;background:#e1f7ee;border-radius:50%;place-items:center;width:70px;height:70px;margin:0 auto 15px;font-size:34px;display:grid}.hire-success>small{color:#55806f;font-size:12px}.hire-success h2{margin:8px 0;font-size:28px}.hire-success p{color:#768091;font-size:14px}.hire-success>div{justify-content:center;gap:10px;margin-top:24px;display:flex}.list-count{color:#4b60c8;background:#e9edff;border-radius:22px;align-self:center;padding:9px 13px;font-size:13px;font-weight:800}.employee-list-tabs{gap:8px;margin-bottom:14px;display:flex;overflow-x:auto}.employee-list-tabs button{color:#697386;white-space:nowrap;background:#fff;border:1px solid #dfe2e9;border-radius:10px;min-height:42px;padding:8px 14px}.employee-list-tabs button.active{color:#4358bd;background:#eef1ff;border-color:#5a6ed7;font-weight:800}.employee-list-tabs b{margin-left:5px}.employee-list{padding-top:8px;padding-bottom:8px}.employee-list-row{text-align:left;width:100%;color:inherit;background:#fff;border:0;border-bottom:1px solid #eceef2;grid-template-columns:40px minmax(180px,1fr) minmax(150px,220px) 24px;align-items:center;gap:13px;padding:14px 10px;display:grid}.employee-list-row:last-child{border-bottom:0}:is(.employee-list-row:hover,.employee-list-row:focus-visible){background:#f5f7ff;outline:none}.employee-list-row>div b,.employee-list-row>div small,.row-meta b,.row-meta small{display:block}.employee-list-row>div b{font-size:14px}.employee-list-row small{color:#858e9e;margin-top:3px;font-size:11px}.row-meta{text-align:right}.row-meta b{font-size:12px}.row-chevron{color:#6172ce;font-size:24px}.employee-detail-hero{background:linear-gradient(120deg,#fff,#f1f3ff);grid-template-columns:72px 1fr auto;align-items:center;gap:18px;margin-bottom:16px;display:grid}.employee-detail-avatar{color:#455bc5;background:#dfe5ff;border-radius:20px;place-items:center;width:70px;height:70px;font-size:28px;font-weight:900;display:grid}.employee-detail-hero h2{margin:3px 0 5px;font-size:24px}.employee-detail-hero p{color:#7b8494;margin:0;font-size:12px}.detail-status{border-radius:20px;padding:7px 11px;font-size:11px;font-weight:800}.detail-status.active{color:#267c5e;background:#e4f7ef}.detail-status.pending{color:#9a641c;background:#fff0dc}.employee-detail-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.detail-section .panel-head{margin-bottom:8px}.detail-list{margin:0}.detail-list>div{border-bottom:1px solid #eceef2;grid-template-columns:145px 1fr;gap:14px;padding:13px 0;display:grid}.detail-list>div:last-child{border-bottom:0}.detail-list dt{color:#7e8798;font-size:11px}.detail-list dd{margin:0;font-size:12px;font-weight:700}.detail-action{width:100%;margin-top:18px}.member-links{gap:10px;display:flex}.employee-list-filters{grid-template-columns:minmax(280px,1fr) 300px;gap:12px;margin-bottom:14px;display:grid}.employee-search,.team-filter{background:#fff;border:1px solid #dfe2e9;border-radius:12px;align-items:center;min-height:48px;display:flex}.employee-search:focus-within,.team-filter:focus-within{border-color:#687add;box-shadow:0 0 0 3px #5b6ed71a}.employee-search>span{color:#7180a0;padding-left:15px;font-size:25px;line-height:1;transform:rotate(-20deg)}.employee-search input{color:#2e3748;background:0 0;border:0;outline:0;width:100%;height:46px;padding:0 12px;font-size:13px}.employee-search input::-webkit-search-cancel-button{display:none}.employee-search button{color:#667085;background:#f0f2f6;border:0;border-radius:9px;width:34px;height:34px;margin-right:7px;font-size:18px}.team-filter>span{color:#7b8495;white-space:nowrap;padding-left:14px;font-size:11px;font-weight:700}.team-filter select{color:#303a4c;background:0 0;border:0;outline:0;width:100%;min-width:0;height:46px;padding:0 34px 0 10px;font-size:12px;font-weight:700}.empty-employee-list{color:#7b8494;text-align:center;justify-items:center;padding:46px 20px;display:grid}.empty-employee-list>span{color:#5669cf;background:#edf0ff;border-radius:50%;place-items:center;width:48px;height:48px;font-size:25px;display:grid;transform:rotate(-20deg)}.empty-employee-list b{color:#394357;margin-top:12px;font-size:14px}.empty-employee-list small{margin:5px 0 16px;font-size:11px}.detail-hero-actions{align-items:center;gap:9px;display:flex}.detail-status.paused{color:#9a641c;background:#fff0dc}.detail-status.separated{color:#aa4039;background:#ffebe8}.employee-login-card{background:linear-gradient(135deg,#f7f9ff,#fff);border-color:#cfd7ff;grid-template-columns:minmax(230px,1fr) minmax(320px,1.2fr) auto;align-items:center;gap:20px;margin-bottom:16px;display:grid}.employee-login-card h3{margin:4px 0;font-size:17px}.employee-login-card p{color:#7b8597;margin:0;font-size:11px}.employee-login-card dl{grid-template-columns:1fr 1fr;gap:9px;margin:0;display:grid}.employee-login-card dl>div{background:#fff;border-radius:9px;padding:11px 13px}.employee-login-card dt{color:#818b9d;font-size:9px}.employee-login-card dd{color:#35489e;letter-spacing:.02em;margin:4px 0 0;font-size:13px;font-weight:800}.copy-symbol{font-size:15px}.employee-edit-panel{margin-bottom:16px}.employee-edit-panel .form-grid{margin-top:14px}.edit-actions{border-top:1px solid #e7e9ee;justify-content:flex-end;gap:9px;margin-top:20px;padding-top:16px;display:flex}.success-credentials{text-align:left;background:#f5f7ff;border:1px solid #d7def7;border-radius:13px;grid-template-columns:1fr 1fr auto;align-items:end;gap:10px;max-width:540px;padding:15px;margin:22px auto 0!important;display:grid!important}.success-credentials>span small,.success-credentials>span b{display:block}.success-credentials>span small{color:#7e889b;font-size:9px}.success-credentials>span b{color:#3f53b5;margin-top:4px;font-size:14px}.hire-success .success-actions{margin-top:18px}.hire-success>.form-message{justify-content:center;max-width:540px;margin:12px auto 0}@media (max-width:900px){.employee-login-card{grid-template-columns:1fr}.employee-login-card button{width:100%}}@media (max-width:760px){.employee-list-filters{grid-template-columns:1fr}.employee-list-row{grid-template-columns:38px 1fr 18px}.row-meta{text-align:left;grid-column:2}.row-chevron{grid-area:1/3/3}.employee-detail-hero{grid-template-columns:58px 1fr}.employee-detail-avatar{border-radius:16px;width:56px;height:56px;font-size:22px}.detail-hero-actions{grid-column:1/-1;justify-content:space-between}.detail-status{width:max-content}.employee-detail-grid{grid-template-columns:1fr}.detail-list>div{grid-template-columns:1fr;gap:4px}.employee-summary i{opacity:1}.success-credentials{grid-template-columns:1fr!important}.edit-actions{display:grid}.edit-actions button{width:100%}.local-note{align-items:flex-start}.member-list{grid-template-columns:1fr}.onboard-steps button{min-width:155px}.document-checklist{grid-template-columns:1fr}.team-select-cards>button{grid-template-columns:42px 1fr}.team-select-cards>button>i{grid-column:2}.assignment-preview{justify-content:flex-start;overflow-x:auto}.assignment-preview>b{min-width:95px}.assignment-preview>span{min-width:max-content}.hire-review dl{grid-template-columns:1fr}.step-actions{padding:12px 19px calc(12px + env(safe-area-inset-bottom));z-index:3;background:#fff;margin-bottom:-19px;margin-left:-19px;margin-right:-19px;position:sticky;bottom:0;box-shadow:0 -8px 20px #1b234314}.step-actions .primary{flex:1}.hiring-side{display:none}.hire-success{margin:15px 0;padding:35px 18px}.hire-success>div{display:grid}}.export-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#171e348c;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.export-modal{background:#fff;border-radius:18px;flex-direction:column;width:min(820px,100%);max-height:min(780px,100vh - 48px);display:flex;overflow:hidden;box-shadow:0 28px 70px #0f173247}.export-modal>header{border-bottom:1px solid #e8eaf0;justify-content:space-between;gap:16px;padding:22px 24px 17px;display:flex}.export-modal h2{margin:4px 0;font-size:21px}.export-modal header p{color:#7d8798;margin:0;font-size:11px}.export-modal-close{color:#667085;background:#f0f2f6;border:0;border-radius:10px;flex:none;width:36px;height:36px;font-size:22px}.export-filters{background:#f7f8fb;grid-template-columns:1fr 1fr;gap:12px;padding:16px 24px;display:grid}.export-filters label{color:#737d8e;font-size:10px;font-weight:800}.export-filters select{color:#303a4b;background:#fff;border:1px solid #dfe2e9;border-radius:9px;width:100%;min-height:42px;margin-top:5px;padding:8px 10px;font-size:12px;display:block}.export-list-toolbar{border-bottom:1px solid #eceef2;justify-content:space-between;align-items:center;gap:14px;padding:13px 24px;display:flex}.export-list-toolbar>div{align-items:center;gap:12px;display:flex}.export-list-toolbar b{font-size:12px}.export-list-toolbar span{color:#7f8999;font-size:10px}.export-list-toolbar .text-action{padding:4px;font-size:10px}.export-list-toolbar .muted{color:#8a93a2}.export-employee-list{min-height:220px;padding:6px 24px;overflow-y:auto}.export-employee-list>label{cursor:pointer;border-bottom:1px solid #eceef2;grid-template-columns:22px 38px minmax(190px,1fr) minmax(170px,.8fr);align-items:center;gap:11px;padding:11px 10px;display:grid}.export-employee-list>label:hover{background:#f7f8ff}.export-employee-list>label.selected{background:#f1f4ff}.export-employee-list input{accent-color:#586cd4;width:17px;height:17px}.export-employee-list label>span b,.export-employee-list label>span small{display:block}.export-employee-list label>span b{font-size:12px}.export-employee-list label>span small{color:#858e9d;margin-top:3px;font-size:10px}.export-empty{color:#7c8595;align-content:center;place-items:center;min-height:220px;display:grid}.export-empty b{font-size:13px}.export-empty small{margin-top:5px;font-size:10px}.export-modal>.form-message{margin:0 24px 12px}.export-modal>footer{background:#fff;border-top:1px solid #e8eaf0;justify-content:flex-end;gap:9px;padding:15px 24px;display:flex}.export-modal>footer .primary:disabled{opacity:.45;cursor:not-allowed}.page-actions{align-items:center;gap:9px;display:flex}.card-expiry-alert{background:#fff8f1;border:1px solid #f0c7a8;border-radius:14px;grid-template-columns:260px 1fr;gap:18px;margin-bottom:18px;padding:18px 20px;display:grid}.expiry-title{align-items:center;gap:11px;display:flex}.expiry-title>span{color:#a45d26;background:#f9dfc8;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-weight:900;display:grid}.expiry-title b,.expiry-title small{display:block}.expiry-title b{font-size:14px}.expiry-title small{color:#936d50;margin-top:3px;font-size:11px}.expiry-list{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.expiry-list article{background:#fff;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.expiry-list b,.expiry-list small{display:block}.expiry-list b{font-size:12px}.expiry-list small{color:#8991a0;margin-top:2px;font-size:10px}.expiry-list>article>span{white-space:nowrap;border-radius:12px;padding:5px 8px;font-size:10px}.expiry-list .soon{color:#9e671e;background:#fff0d9}.expiry-list .expired{color:#b4443d;background:#ffebe8}.employee-code-box{background:#f2f4ff;border:1px solid #d9def5;border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:7px;margin-bottom:22px;padding:15px 17px;display:grid}.employee-code-box small,.employee-code-box strong{display:block}.employee-code-box small{color:#6e7893;font-size:11px}.employee-code-box strong{color:#3e53bd;letter-spacing:.03em;font-size:22px}.employee-code-box>span{color:#4358bd;background:#dce3ff;border-radius:12px;padding:5px 8px;font-size:10px;font-weight:800}.employee-code-box>p{color:#7f899d;grid-column:1/-1;margin:0;font-size:10px}.form-section-title{border-bottom:1px solid #e8eaf0;margin:20px 0 12px;padding-bottom:8px;font-size:14px}.personal-grid{grid-template-columns:repeat(3,1fr)}.external-registration{background:#f7f8fb;border:1px solid #e5e7ed;border-radius:13px;margin-top:22px;padding:18px}.external-registration>div:first-child>span{color:#364055;font-size:14px;font-weight:800;display:block}.external-registration>div:first-child>p{color:#7b8597;margin:4px 0 14px;font-size:11px}.date-grid{grid-template-columns:repeat(3,1fr)}.inline-expiry{color:#97601b;background:#fff1dd;border-radius:9px;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;font-size:11px;display:flex}.inline-expiry.expired{color:#a83f39;background:#ffebe8}.inline-expiry b{margin-right:auto}.summary-expiry{background:#fff7ee;border-radius:9px;border:1px solid #f1c7a8!important;margin:8px -8px 0!important;padding:12px 8px!important}.summary-expiry b{color:#a15c27}.hire-review dl{grid-template-columns:repeat(2,1fr)}@media (max-width:1000px){.card-expiry-alert{grid-template-columns:1fr}.personal-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.export-modal-backdrop{place-items:end center;padding:0}.export-modal{border-radius:18px 18px 0 0;max-height:92vh}.export-modal>header,.export-filters,.export-list-toolbar,.export-modal>footer{padding-left:16px;padding-right:16px}.export-filters{grid-template-columns:1fr}.export-list-toolbar{align-items:flex-start}.export-list-toolbar,.export-list-toolbar>div{flex-wrap:wrap}.export-employee-list{padding:4px 12px}.export-employee-list>label{grid-template-columns:20px 34px 1fr}.export-employee-list>label>span:last-child{grid-column:3}.export-modal>footer button{flex:1}.page-actions{width:100%;margin-top:14px;display:grid}.page-actions button{width:100%}.expiry-list,.personal-grid,.date-grid{grid-template-columns:1fr}.employee-code-box strong{font-size:19px}.external-registration{padding:14px}.inline-expiry{display:grid}.hire-review dl{grid-template-columns:1fr}}.structure-action{min-width:190px}.team-page-title{margin-bottom:16px}.team-editor-toolbar{background:#f0f3ff;border:1px solid #dce1f4;border-radius:14px;grid-template-columns:210px 1fr auto;align-items:center;gap:16px;margin-bottom:14px;padding:16px 18px;display:grid}.team-editor-toolbar b,.team-editor-toolbar span{display:block}.team-editor-toolbar b{font-size:14px}.team-editor-toolbar>div>span{color:#5a69be;margin-top:3px;font-size:12px}.team-editor-toolbar .primary:disabled{opacity:.45;box-shadow:none;cursor:not-allowed}.swap-picks{align-items:center;gap:8px;min-height:34px;display:flex}.swap-picks>span{background:#fff;border-radius:9px;padding:7px 10px;font-weight:700;color:#3d4965!important;font-size:12px!important}.swap-picks small{color:#7f899b}.team-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.team-editor-head{border-bottom:1px solid #e7e9ee;grid-template-columns:46px 1fr auto;align-items:center;gap:12px;padding-bottom:16px;display:grid}.team-editor-head h3{margin:0}.team-editor-head p{color:#818a9a;margin:4px 0 0;font-size:11px}.team-editor-head>strong{color:#5267d2;font-size:14px}.team-code.muted{color:#7c8595;background:#eef0f3}.team-editor-list{gap:10px;margin-top:14px;display:grid}.empty-team{text-align:center;color:#8992a1;border:1px dashed #d9dde7;border-radius:11px;padding:24px;font-size:12px}.team-editor-list>article{background:#fbfcfd;border:1px solid #e3e6ed;border-radius:12px;grid-template-columns:30px 40px minmax(130px,1fr) minmax(255px,1.2fr);align-items:center;gap:10px;padding:12px;transition:all .15s;display:grid}.team-editor-list>article.selected{background:#f0f2ff;border-color:#6477db;box-shadow:0 0 0 2px #5b6ed714}.swap-check{color:#fff;background:#fff;border:1px solid #cfd5e2;border-radius:8px;place-items:center;width:28px;height:28px;font-weight:900;display:grid}.selected .swap-check{background:#5a6ed7;border-color:#5a6ed7}.member-identity b,.member-identity small{display:block}.member-identity b{font-size:13px}.member-identity small{color:#858e9e;margin-top:2px;font-size:10px}.text-action{color:#5165cb;background:0 0;border:0;padding:5px 0 0;font-size:11px;font-weight:700}.member-controls{grid-template-columns:1fr 1fr;gap:8px;display:grid}.member-controls label{color:#778193;font-size:10px;font-weight:700}.member-controls select{color:#333c4e;background:#fff;border:1px solid #dfe2e9;border-radius:8px;width:100%;min-height:42px;margin-top:4px;padding:8px 10px;font-size:12px;display:block}.member-controls select:disabled{color:#949ba8;background:#f0f1f4}.inline-name-edit{grid-template-columns:1fr auto auto;gap:6px;display:grid}.inline-name-edit input{border:1px solid #9aa7e4;border-radius:8px;grid-column:1/-1;width:100%;min-height:40px;padding:8px;font-size:13px}.inline-name-edit button{min-height:34px;padding:6px 9px;font-size:10px}.team-editor-column,.member-identity,.member-controls,.member-controls label{min-width:0}@media (max-width:1420px){.team-editor-list>article{grid-template-columns:30px 40px minmax(0,1fr)}.member-controls{grid-column:3}}@media (max-width:1200px){.team-editor-grid{grid-template-columns:1fr}.team-editor-column:last-child,.team-editor-grid>.team-editor-column:last-child:nth-child(odd){grid-column:auto}}@media (max-width:760px){.structure-action{min-width:0}.team-editor-toolbar{grid-template-columns:1fr;padding:14px}.team-editor-toolbar .primary{width:100%}.swap-picks{overflow-x:auto}.team-editor-grid{grid-template-columns:1fr}.team-editor-column:last-child{grid-column:auto}.team-editor-list>article{grid-template-columns:30px 38px 1fr;padding:11px 9px}.member-controls{grid-column:1/-1;grid-template-columns:1fr}.inline-name-edit{grid-template-columns:1fr 1fr}.inline-name-edit input{grid-column:1/-1}}.export-status-filter{border:0;min-width:0;margin:0;padding:0}.export-status-filter legend{color:#737d8e;font-size:10px;font-weight:800}.export-status-filter legend small{color:#929aa8;margin-left:5px;font-size:9px;font-weight:600}.export-status-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:5px;display:grid}.export-status-options label{cursor:pointer;background:#fff;border:1px solid #dfe2e9;border-radius:9px;align-items:center;gap:7px;min-width:0;min-height:42px;padding:7px 9px;display:flex}.export-status-options label.selected{color:#4358bd;background:#eef1ff;border-color:#7889dc}.export-status-options input{accent-color:#586cd4;flex:none;width:16px;height:16px;margin:0}.export-status-options span{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}@media (max-width:420px){.export-status-options{grid-template-columns:1fr}}.employee-photo{overflow:hidden}.employee-photo img{object-fit:cover;width:100%;height:100%;display:block}.member-list-photo{color:#5668ce;background:#edf0ff;border-radius:50%;grid-row:span 2;place-items:center;width:28px;height:28px;font-size:11px;font-weight:800;display:grid}.employee-photo-editor{background:#f8f9fc;border:1px solid #e2e5ed;border-radius:13px;align-items:center;gap:18px;margin-bottom:20px;padding:16px;display:flex}.employee-photo-preview{color:#455bc5;background:#dfe5ff;border-radius:20px;flex:none;place-items:center;width:88px;height:88px;font-size:30px;font-weight:900;display:grid;overflow:hidden}.employee-photo-editor>div{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.employee-photo-editor b,.employee-photo-editor small{width:100%;display:block}.employee-photo-editor b{font-size:13px}.employee-photo-editor small{color:#7e8797;font-size:10px}.employee-photo-editor label.secondary{cursor:pointer;position:relative;overflow:hidden}.employee-photo-editor input{opacity:0;cursor:pointer;position:absolute;inset:0}.text-action.danger{color:#ad4e48}.team-definition-editor{grid-template-columns:minmax(180px,.7fr) minmax(0,2fr) auto;align-items:end;gap:20px;margin-bottom:14px;display:grid}.team-definition-editor h3{margin:5px 0 0}.team-definition-fields{grid-template-columns:.65fr 1fr 1.4fr .65fr;gap:9px;display:grid}.team-definition-fields label{color:#737d8e;font-size:10px;font-weight:700}.team-definition-fields input{width:100%;min-height:42px;font:inherit;background:#fff;border:1px solid #dfe2e9;border-radius:9px;margin-top:5px;padding:9px 10px;font-size:12px;display:block}.team-definition-actions{gap:8px;display:flex}.team-rule-note{color:#795a24;background:#fff8e9;border-radius:10px;align-items:flex-start;gap:9px;margin:-3px 0 14px;padding:11px 14px;font-size:11px;display:flex}.team-rule-note b{white-space:nowrap}.team-editor-head{grid-template-columns:46px minmax(0,1fr) auto auto}.team-definition-row-actions{justify-self:end;gap:9px;display:flex}.team-definition-row-actions .text-action{padding:3px}.team-editor-column:last-child{grid-column:auto}.team-editor-grid>.team-editor-column:last-child:nth-child(odd){grid-column:1/-1}@media (max-width:1100px){.team-definition-editor{grid-template-columns:1fr}.team-definition-fields{grid-template-columns:repeat(2,1fr)}.team-definition-actions{justify-content:flex-end}}@media (max-width:760px){.employee-photo-editor{align-items:flex-start}.employee-photo-preview{border-radius:16px;width:72px;height:72px}.team-definition-fields{grid-template-columns:1fr}.team-definition-actions{grid-template-columns:1fr 1fr;display:grid}.team-editor-head{grid-template-columns:42px 1fr auto}.team-definition-row-actions{grid-column:2/-1;justify-self:start}.team-editor-grid>.team-editor-column:last-child:nth-child(odd){grid-column:auto}}.team-management-summary{grid-template-columns:220px 220px minmax(280px,1fr);gap:12px;margin-bottom:14px;display:grid}.team-management-summary article{background:#fff;border:1px solid #dce7e3;border-radius:13px;align-items:center;gap:12px;min-height:78px;padding:15px 17px;display:flex;box-shadow:0 6px 18px #1f3e350a}.team-summary-icon{color:#087557;background:#e8f7f1;border-radius:11px;place-items:center;width:42px;height:42px;font-size:18px;font-weight:800;display:grid}.team-summary-icon.people{color:#347b9e;background:#eaf3f8}.team-summary-icon.waiting{color:#b06c03;background:#fff2dc}.team-management-summary small,.team-management-summary strong{display:block}.team-management-summary small{color:#77857f;margin-bottom:4px;font-size:10px}.team-management-summary strong{font-size:21px}.team-management-summary em{color:#6f7d77;font-size:10px;font-style:normal;font-weight:500}.team-management-summary .warning{background:linear-gradient(90deg,#fffaf1,#fff);border-color:#efd7ab}.team-management-summary article>button{color:#a46500;background:0 0;border:0;margin-left:auto;font-size:10px;font-weight:800}.team-management-toolbar{background:#fff;border:1px solid #dce7e3;border-radius:12px;align-items:center;gap:9px;min-height:54px;margin-bottom:14px;padding:7px 8px;display:flex}.team-view-tabs{background:#eef3f1;border-radius:9px;gap:3px;height:39px;padding:3px;display:flex}.team-view-tabs button{color:#718079;background:0 0;border:0;border-radius:7px;padding:0 14px;font-size:11px}.team-view-tabs button.active{color:#087557;background:#fff;font-weight:800;box-shadow:0 2px 7px #23433814}.team-management-search{color:#7c8a84;border:1px solid #dce5e2;border-radius:9px;align-items:center;gap:8px;width:min(370px,42%);height:38px;margin-left:auto;padding:0 11px;display:flex}.team-management-search input{color:#2c3b35;background:0 0;border:0;outline:0;width:100%;font-size:11px}.team-management-search button{color:#7f8c87;background:0 0;border:0;font-size:17px}.team-clear-filters{color:#62716b;background:#fff;border:1px solid #dce5e2;border-radius:8px;height:37px;padding:0 12px;font-size:10px}.team-clear-filters:hover{color:#087557;border-color:#a8d3c3}.team-swap-toolbar{background:#f4f9f7;border:1px solid #d6e4de;border-radius:12px;grid-template-columns:190px 1fr auto;align-items:center;gap:15px;min-height:60px;margin-bottom:14px;padding:10px 15px;display:grid}.team-swap-toolbar b,.team-swap-toolbar span{display:block}.team-swap-toolbar b{font-size:12px}.team-swap-toolbar>div:first-child span{color:#087557;margin-top:3px;font-size:10px}.team-swap-toolbar .primary{min-width:125px}.team-swap-toolbar .primary:disabled{opacity:.45;box-shadow:none}.team-swap-picks{align-items:center;gap:7px;min-height:32px;display:flex}.team-swap-picks>span{color:#3b4b45;background:#fff;border-radius:8px;padding:7px 10px;font-size:10px;font-weight:800}.team-swap-picks small{color:#74827c;font-size:9px}.team-structure-workspace{grid-template-columns:245px minmax(0,1fr);align-items:start;gap:14px;display:grid}.team-unassigned-panel,.team-org-canvas{background:#fff;border:1px solid #dce7e3;border-radius:13px;box-shadow:0 6px 20px #1f3e350a}.team-unassigned-panel{min-height:620px;padding:17px;position:sticky;top:14px}.team-unassigned-panel>header>div{align-items:center;gap:7px;display:flex}.team-unassigned-panel>header>div>span{background:#f2a01d;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #fff2db}.team-unassigned-panel h3{margin:0;font-size:13px}.team-unassigned-panel>header b{color:#a56300;background:#fff0d5;border-radius:10px;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:9px;display:grid}.team-unassigned-panel>header p{color:#77857f;margin:8px 0 13px;font-size:9px;line-height:1.55}.team-unassigned-list{gap:7px;display:grid}.team-unassigned-list>button{text-align:left;background:#fff;border:1px solid #e0e8e5;border-radius:9px;grid-template-columns:35px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;padding:9px 8px;display:grid}.team-unassigned-list>button:hover,.team-unassigned-list>button.selected{background:#f0faf6;border-color:#62b99a}.team-unassigned-list>button>span{min-width:0}.team-unassigned-list b,.team-unassigned-list small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.team-unassigned-list b{font-size:10px}.team-unassigned-list small{color:#86938e;margin-top:3px;font-size:8px}.team-unassigned-list>button>i{color:#9ba7a2;font-size:9px;font-style:normal}.team-unassigned-empty{text-align:center;color:#7d8b85;padding:23px 8px;font-size:10px}.team-quick-assign{background:#f3f7f5;border-radius:9px;margin-top:11px;padding:11px}.team-quick-assign>span{color:#6e7d77;margin-bottom:8px;font-size:9px;display:block}.team-quick-assign>div{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.team-quick-assign button{color:#087557;background:#fff;border:1px solid #cce1d9;border-radius:7px;height:29px;font-size:9px;font-weight:800}.team-quick-assign button:hover{color:#fff;background:#008f63;border-color:#008f63}.team-readonly-tip{color:#61716b;background:#f6faf8;border:1px solid #dce9e4;border-radius:9px;gap:8px;margin-top:15px;padding:11px;display:flex}.team-readonly-tip>span{color:#008f63}.team-readonly-tip p{margin:0;font-size:8px;line-height:1.55}.team-org-canvas{background-color:#fbfdfc;background-image:radial-gradient(#d9e4df .7px,#0000 .7px);background-size:15px 15px;min-height:620px;padding:16px 18px 25px;overflow:hidden}.team-canvas-meta{color:#728079;justify-content:space-between;align-items:center;margin-bottom:9px;font-size:9px;display:flex}.team-canvas-meta>span i{background:#25ae7c;border-radius:50%;width:6px;height:6px;margin-right:4px;display:inline-block}.team-company-root{background:#fff;border:1px solid #cadbd4;border-radius:11px;align-items:center;gap:11px;width:310px;min-height:70px;margin:0 auto;padding:12px 15px;display:flex;box-shadow:0 8px 20px #29453b14}.team-company-root>span{color:#fff;background:linear-gradient(145deg,#008f63,#007451);border-radius:11px;place-items:center;width:43px;height:43px;font-size:11px;font-weight:900;display:grid}.team-company-root small,.team-company-root b,.team-company-root p{margin:0;display:block}.team-company-root small{color:#82908a;font-size:8px}.team-company-root b{margin:3px 0;font-size:11px}.team-company-root p{color:#78867f;font-size:8px}.team-org-trunk{height:30px;position:relative}.team-org-trunk:before{content:"";border-left:1px solid #a9bbb4;height:18px;position:absolute;top:0;left:50%}.team-org-trunk>i{border-top:1px solid #a9bbb4;position:absolute;bottom:0;left:16%;right:16%}.team-org-grid{grid-template-columns:repeat(2,minmax(260px,1fr));align-items:start;gap:14px;display:grid}.team-org-card{background:#fff;border:1px solid #dce6e2;border-top:3px solid #0b9b6c;border-radius:11px;position:relative;box-shadow:0 6px 16px #29453b12}.team-org-card:before{content:"";border-left:1px solid #a9bbb4;height:11px;position:absolute;top:-14px;left:50%}.team-org-card.tone-1{border-top-color:#ed9f24}.team-org-card.tone-2{border-top-color:#3997bd}.team-org-card>header{background:linear-gradient(90deg,#eaf7f2,#fff 68%);border-bottom:1px solid #e6ece9;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:64px;padding:10px 11px;display:grid}.team-org-card.tone-1>header{background:linear-gradient(90deg,#fff3df,#fff 68%)}.team-org-card.tone-2>header{background:linear-gradient(90deg,#e9f5fa,#fff 68%)}.team-org-card>header>span{color:#fff;background:#0b966a;border-radius:9px;place-items:center;width:36px;height:36px;font-size:9px;font-weight:900;display:grid}.team-org-card.tone-1>header>span{background:#e99b21}.team-org-card.tone-2>header>span{background:#3794b9}.team-org-card>header b,.team-org-card>header small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.team-org-card>header b{font-size:9px}.team-org-card>header small{color:#75837d;margin-top:4px;font-size:7px}.team-org-card>header>div:last-child{gap:5px;display:flex}.team-org-card>header>div:last-child button{color:#087557;background:0 0;border:0;font-size:7px;font-weight:800}.team-org-card>header>div:last-child button.danger{color:#a74c45}.team-leadership-stack{background:#fbfcfc;padding:10px 11px 6px}.team-leadership-stack>small{color:#7c8984;margin:0 0 4px 4px;font-size:7px;display:block}.team-leadership-stack>i{border-left:1px solid #c4d0cb;height:9px;margin-left:21px;display:block}.team-role-person{background:#fff;border:1px solid #e0e8e5;border-radius:8px;grid-template-columns:35px minmax(0,1fr) auto;align-items:center;gap:7px;min-height:49px;padding:6px;display:grid}.team-role-person>button:nth-child(2){text-align:left;background:0 0;border:0;min-width:0}.team-role-person>button:nth-child(2) b,.team-role-person>button:nth-child(2) small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.team-role-person>button:nth-child(2) b{font-size:9px}.team-role-person>button:nth-child(2) small{color:#82908a;margin-top:3px;font-size:7px}.team-role-person>button:last-child{color:#66756f;background:#f5f9f7;border:1px solid #d4e2dd;border-radius:7px;height:27px;padding:0 7px;font-size:7px}.team-role-person>button:last-child.selected{color:#fff;background:#008f63;border-color:#008f63}.team-vacant-role{color:#84918c;background:#f8faf9;border:1px dashed #cddad5;border-radius:8px;place-items:center;height:44px;font-size:8px;display:grid}.team-technician-list{border-top:1px solid #e7ecea;padding:9px 11px 8px}.team-technician-list>header{color:#718079;justify-content:space-between;align-items:center;margin-bottom:5px;font-size:8px;display:flex}.team-technician-list>header b{background:#eff4f2;border-radius:8px;padding:3px 6px;font-size:7px}.team-technician-list>button:not(.team-show-list){text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:7px;width:100%;padding:4px;display:flex}.team-technician-list>button:not(.team-show-list):hover{background:#f1f6f4}.team-technician-list>button .avatar{width:27px;height:27px}.team-technician-list>button span{min-width:0}.team-technician-list>button b,.team-technician-list>button small{display:block}.team-technician-list>button b{font-size:8px}.team-technician-list>button small{color:#87948e;margin-top:2px;font-size:7px}.team-show-list{color:#087557;background:#eff6f3;border:0;border-radius:7px;width:100%;height:28px;margin-top:5px;font-size:8px}.team-drop-zone{color:#688078;background:#f8fbfa;border:1px dashed #b7cdc4;border-radius:7px;place-items:center;height:31px;margin:0 11px 11px;font-size:7px;display:grid}.team-org-empty{text-align:center;color:#7a8882;padding:70px 20px;font-size:11px}.team-directory-panel{background:#fff;border:1px solid #dce7e3;border-radius:13px;overflow:hidden;box-shadow:0 6px 20px #1f3e350a}.team-directory-panel>header{border-bottom:1px solid #dfe8e4;justify-content:space-between;align-items:flex-end;gap:24px;min-height:105px;padding:20px 22px;display:flex}.team-directory-panel>header h3{margin:4px 0 6px;font-size:16px}.team-directory-panel>header h3>b{color:#087557;background:#e9f7f2;border-radius:11px;place-items:center;margin-left:5px;padding:4px 8px;font-size:9px;display:inline-grid}.team-directory-panel>header p{color:#718079;margin:0;font-size:10px}.team-directory-filters{grid-template-columns:repeat(3,minmax(125px,1fr));gap:8px;display:grid}.team-directory-filters label{color:#75837d;font-size:8px}.team-directory-filters select{color:#405049;background:#fff;border:1px solid #d9e3df;border-radius:8px;width:100%;height:35px;margin-top:4px;padding:0 26px 0 9px;font-size:9px;display:block}.team-bulk-bar{background:#eef8f4;border-bottom:1px solid #cfe4dc;justify-content:space-between;align-items:center;gap:15px;min-height:60px;padding:9px 14px;display:flex}.team-bulk-bar>div{align-items:center;gap:9px;display:flex}.team-bulk-bar>div:first-child>span{color:#fff;background:#008f63;border-radius:8px;place-items:center;width:27px;height:27px;font-size:10px;display:grid}.team-bulk-bar>div:first-child>b{font-size:11px}.team-bulk-bar>div:first-child>button{color:#6f7d77;background:0 0;border:0;font-size:9px;text-decoration:underline}.team-bulk-bar label{background:#fff;border:1px solid #c9ddd5;border-radius:8px;align-items:center;gap:7px;min-width:230px;height:38px;padding:0 8px 0 10px;display:flex}.team-bulk-bar label>span{color:#718079;white-space:nowrap;font-size:9px}.team-bulk-bar select{color:#33433c;background:0 0;border:0;outline:0;min-width:150px;font-size:9px}.team-bulk-bar .primary{min-width:95px;height:38px}.team-bulk-bar .primary:disabled{opacity:.45}.team-directory-table-wrap{position:relative;overflow:auto}.team-directory-table{border-collapse:collapse;width:100%;min-width:1120px}.team-directory-table th{color:#74827c;text-align:left;white-space:nowrap;background:#f7f9f8;border-bottom:1px solid #dfe8e4;height:42px;padding:0 11px;font-size:8px}.team-directory-table th:first-child,.team-directory-table td:first-child{text-align:center;width:42px}.team-directory-table td{color:#44534d;vertical-align:middle;border-bottom:1px solid #edf1ef;height:64px;padding:8px 11px;font-size:9px}.team-directory-table tr:last-child td{border-bottom:0}.team-directory-table tbody tr:hover td{background:#fafcfb}.team-directory-table tbody tr.selected td{background:#f0faf6}.team-directory-table input[type=checkbox]{accent-color:#008f63;width:15px;height:15px}.team-directory-table input:disabled{opacity:.35}.team-directory-person{align-items:center;gap:8px;min-width:190px;display:flex}.team-directory-person>span{min-width:0}.team-directory-person b,.team-directory-person small{display:block}.team-directory-person b{font-size:10px}.team-directory-person small{color:#84918c;margin-top:3px;font-size:8px}.team-directory-person>i{color:#84908b;white-space:nowrap;background:#f0f3f2;border-radius:8px;margin-left:auto;padding:3px 6px;font-size:7px;font-style:normal}.team-directory-table td>select{color:#3f4e48;background:#fff;border:1px solid #dce5e2;border-radius:8px;min-width:135px;height:34px;padding:0 24px 0 8px;font-size:8px}.team-directory-table td>select:disabled{color:#8d9893;background:#f1f3f2}.team-member-status{color:#087557;white-space:nowrap;background:#e8f7f1;border-radius:10px;align-items:center;gap:5px;padding:5px 8px;font-size:8px;display:inline-flex}.team-member-status i{background:#21a778;border-radius:50%;width:6px;height:6px}.team-member-status.waiting{color:#a26600;background:#fff2dc}.team-member-status.waiting i{background:#ef9e1d}.team-directory-empty{color:#7c8a84;flex-direction:column;justify-content:center;align-items:center;min-height:270px;display:flex}.team-directory-empty>span{color:#b2c0ba;font-size:32px}.team-directory-empty>b{margin:7px 0 12px;font-size:12px}.team-definition-backdrop{z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#17272175;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.team-definition-dialog{background:#fff;border-radius:16px;width:min(100%,430px);overflow:hidden;box-shadow:0 24px 70px #17272147}.team-definition-dialog>header{border-bottom:1px solid #dfe8e4;justify-content:space-between;gap:15px;padding:21px 23px 17px;display:flex}.team-definition-dialog>header h3{margin:5px 0 6px;font-size:20px}.team-definition-dialog>header p{color:#6f7d77;margin:0;font-size:10px}.team-definition-dialog>header>button{color:#708079;background:#fff;border:1px solid #dce5e2;border-radius:9px;flex:none;width:32px;height:32px;font-size:19px}.team-auto-code{background:#f1faf6;border:1px solid #cfe3dc;border-radius:11px;grid-template-columns:1fr auto;align-items:center;gap:4px 12px;margin:17px 23px 13px;padding:13px 15px;display:grid}.team-auto-code span,.team-auto-code small{display:block}.team-auto-code span{color:#63736d;font-size:10px}.team-auto-code small{color:#87938e;font-size:9px}.team-auto-code strong{color:#087557;grid-area:1/2/3;font-size:22px}.team-definition-dialog-fields{gap:13px;margin:13px 23px;display:grid}.team-definition-dialog-fields label{color:#43524c;font-size:10px;font-weight:800}.team-definition-dialog-fields input{color:#2e3e37;background:#fff;border:1px solid #d8e3df;border-radius:9px;width:100%;height:42px;margin-top:6px;padding:0 11px;font-size:11px;display:block}.team-definition-note{background:#f4f8f6;border-radius:9px;gap:9px;margin:15px 23px;padding:11px;display:flex}.team-definition-note>span{color:#087557;background:#dff2eb;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:10px;font-weight:800;display:grid}.team-definition-note p{color:#687770;margin:0;font-size:9px;line-height:1.55}.team-definition-dialog>footer{grid-template-columns:1fr 1.5fr;gap:9px;padding:15px 23px 21px;display:grid}.team-definition-dialog>footer button{height:42px}@media (max-width:1180px){.team-management-summary{grid-template-columns:repeat(3,1fr)}.team-structure-workspace{grid-template-columns:220px minmax(0,1fr)}.team-org-grid{grid-template-columns:1fr}.team-org-trunk,.team-org-card:before{display:none}.team-directory-panel>header{flex-direction:column;align-items:stretch}.team-directory-filters{grid-template-columns:repeat(3,1fr)}}@media (max-width:760px){.team-management-summary{grid-template-columns:1fr}.team-management-toolbar{flex-direction:column;align-items:stretch}.team-management-search{width:100%;margin-left:0}.team-view-tabs button{flex:1}.team-swap-toolbar{grid-template-columns:1fr}.team-swap-toolbar .primary{width:100%}.team-structure-workspace{grid-template-columns:1fr}.team-unassigned-panel{min-height:auto;position:relative;top:0}.team-org-canvas{overflow:visible}.team-company-root{width:min(100%,310px)}.team-directory-filters{grid-template-columns:1fr}.team-bulk-bar{flex-direction:column;align-items:stretch}.team-bulk-bar>div:last-child{grid-template-columns:1fr auto;display:grid}.team-bulk-bar label{min-width:0}.team-definition-backdrop{padding:12px}}.management-overview-grid{grid-template-columns:minmax(0,1.55fr) minmax(260px,.9fr);align-items:stretch;gap:18px;margin-bottom:18px;display:grid}.management-overview-grid>.announce{flex-direction:column;min-width:0;min-height:100%;padding:30px;display:flex}.management-overview-grid>.announce .text-button{margin-top:auto}.management-overview-grid .dashboard-employee-summary{grid-template-columns:1fr;gap:12px;margin:0;display:grid}.dashboard-employee-summary article{border:1px solid var(--line);min-width:0;box-shadow:var(--shadow-sm);background:#fff;border-radius:14px;padding:20px}.dashboard-employee-summary article small,.dashboard-employee-summary article strong,.dashboard-employee-summary article span{display:block}.dashboard-employee-summary article small{color:#7c8596;font-size:13px}.dashboard-employee-summary article strong{margin:7px 0 3px;font-size:27px}.dashboard-employee-summary article span{color:#8a93a3;font-size:11px}.dashboard-expiry-alert{margin-bottom:0}@media (max-width:1000px){.management-overview-grid{grid-template-columns:1fr}.management-overview-grid .dashboard-employee-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.dashboard-expiry-alert{margin-left:0;margin-right:0}.management-overview-grid>.announce{padding:22px}.management-overview-grid .dashboard-employee-summary{grid-template-columns:1fr}.dashboard-employee-summary article{min-width:0}}.expiry-alert-content{gap:10px;min-width:0;display:grid}.expiry-setting{border-bottom:1px solid #f0dfd0;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;padding-bottom:10px;display:flex}.expiry-setting label{color:#75553d;align-items:center;gap:7px;font-size:11px;font-weight:750;display:flex}.expiry-setting input{border-color:#e4c4aa!important;width:76px!important;min-height:38px!important;padding:6px 9px!important;font-size:13px!important}.expiry-setting .secondary{min-height:38px;padding:7px 12px;font-size:11px}.expiry-setting>small{color:#397b60;text-align:right;width:100%}.expiry-setting>small.error{color:#b1453f}.expiry-empty{color:#896f5c;background:#fff;border:1px dashed #ead6c5;border-radius:9px;place-items:center;min-height:56px;font-size:11px;display:grid}.effective-date-field{background:#f1faf6;border:1px solid #cde4da;border-radius:11px;padding:10px}.effective-date-field small{color:#648174;margin-top:5px;font-size:10px;display:block}.employee-history-panel{margin-top:16px}.history-count{color:#197555;background:#edf7f3;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800}.employee-history-list{display:grid}.employee-history-list article{border-top:1px solid #edf0ee;grid-template-columns:58px minmax(0,1fr);gap:13px;padding:15px 0;display:grid}.employee-history-list article:first-child{border-top:0}.history-action{color:#4b61c5;background:#edf1ff;border-radius:999px;place-items:center;height:30px;font-size:10px;font-weight:800;display:grid}.history-action.created{color:#087651;background:#e7f6f0}.employee-history-list b,.employee-history-list p,.employee-history-list small{display:block}.employee-history-list b{font-size:13px}.employee-history-list p{color:#4d5d65;margin:4px 0;font-size:11px;line-height:1.6}.employee-history-list small{color:#7d898e;font-size:10px}.history-empty{color:#718078;text-align:center;border:1px dashed #d8e2de;border-radius:12px;padding:28px;font-size:12px}@media (max-width:760px){.expiry-setting{justify-content:flex-start}.expiry-setting>small{text-align:left}.employee-history-list article{grid-template-columns:52px minmax(0,1fr)}}.employee-document-manager{margin-top:18px}.employee-documents-detail{margin-top:16px}.employee-documents-detail .employee-document-manager{margin-top:0}.document-manager-head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;display:flex}.document-manager-head b,.document-manager-head small{display:block}.document-manager-head b{font-size:14px}.document-manager-head small{color:#7d8798;margin-top:4px;font-size:10px}.document-manager-head>span{color:#187657;white-space:nowrap;background:#edf7f3;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:800}.document-message{border-radius:9px;margin-bottom:10px;padding:9px 11px;font-size:11px}.document-message.success{color:#277657;background:#e9f7f1}.document-message.error{color:#a9433d;background:#fff0ee}.document-category-grid{gap:11px;display:grid}.document-category-card{background:#fbfcfd;border:1px solid #e1e5eb;border-radius:12px;overflow:hidden}.document-category-card>header{background:#f7f9fb;border-bottom:1px solid #e8eaef;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 14px;display:grid}.document-category-card>header>span{color:#738091;background:#e9edf2;border-radius:9px;place-items:center;width:32px;height:32px;font-weight:900;display:grid}.document-category-card>header>span.complete{color:#137654;background:#def4eb}.document-category-card header b,.document-category-card header small{display:block}.document-category-card header b{font-size:12px}.document-category-card header b em{color:#d3524a;font-style:normal}.document-category-card header small{color:#818b9b;margin-top:3px;font-size:9px}.document-category-card header label{color:#197457;cursor:pointer;background:#fff;border:1px solid #cad4d0;border-radius:8px;padding:7px 10px;font-size:10px;font-weight:800;position:relative;overflow:hidden}.document-category-card header label.disabled{opacity:.55;cursor:wait}.document-category-card header input{opacity:0;cursor:pointer;position:absolute;inset:0}.document-file-list{padding:0 14px;display:grid}.document-file-row{border-top:1px solid #eceef2;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 0;display:grid}.document-file-row:first-child{border-top:0}.document-file-icon{color:#5065c5;background:#edf1ff;border-radius:9px;place-items:center;width:36px;height:36px;font-size:8px;font-weight:900;display:grid}.document-file-icon.image{color:#177556;background:#e5f6ef}.document-file-row>div:nth-child(2){min-width:0}.document-file-row>div:nth-child(2)>b,.document-file-row>div:nth-child(2)>small{display:block}.document-file-row>div:nth-child(2)>b{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.document-file-row>div:nth-child(2)>small{color:#87909f;margin-top:3px;font-size:9px}.document-file-actions{align-items:center;gap:6px;display:flex}.document-file-actions a,.document-file-actions button{color:#4e62c2;background:#fff;border:1px solid #d9dee8;border-radius:7px;min-height:30px;padding:6px 8px;font-size:9px;font-weight:800;text-decoration:none}.document-file-actions button{color:#ad4d47;cursor:pointer}.document-empty{color:#88919f;text-align:center;padding:16px 8px;font-size:10px}.employee-edit-panel .employee-document-manager{padding-top:3px}.read-only .document-category-card>header{grid-template-columns:34px minmax(0,1fr)}@media (max-width:760px){.document-manager-head{align-items:flex-start}.document-category-card>header{grid-template-columns:32px minmax(0,1fr)}.document-category-card header label{text-align:center;grid-column:1/-1}.document-file-row{grid-template-columns:34px minmax(0,1fr)}.document-file-actions{grid-column:1/-1;justify-content:flex-end}.document-file-actions a,.document-file-actions button{text-align:center;flex:1}}.evaluation-date-field small{color:#6f7d8e;margin-top:5px;font-size:10px;font-weight:500;line-height:1.45;display:block}.team-structure-only-toolbar{width:min(100%,1160px);min-height:58px;margin:0 auto 14px;padding:9px 12px}.team-structure-stats{align-items:center;gap:8px;display:flex}.team-structure-stats>span{color:#64736d;white-space:nowrap;background:#f8fbfa;border:1px solid #dce7e3;border-radius:9px;align-items:center;gap:4px;min-height:34px;padding:0 11px;font-size:10px;display:inline-flex}.team-structure-stats b{color:#243b33;font-size:14px}.team-structure-stats .warning{color:#986313;background:#fff8e9;border-color:#efd7a9}.team-structure-workspace.compact{grid-template-columns:220px minmax(0,760px);justify-content:center;align-items:start;gap:14px;width:min(100%,1160px);margin:0 auto}.team-org-canvas.compact{background:#f5f8f7;min-width:0;padding:14px;overflow:visible}.team-company-root.compact{width:280px;min-height:62px;margin-bottom:14px;padding:9px 12px}.team-company-root.compact>span{width:38px;height:38px}.team-org-grid.compact{grid-template-columns:repeat(auto-fit,minmax(330px,360px));justify-content:center;gap:12px}.team-org-card.compact{width:100%;max-width:360px;overflow:hidden}.team-org-card.compact:before{display:none}.team-org-card.compact.invalid{border-color:#d65b51 #e3a49e #e3a49e}.team-org-card.compact>header{min-height:62px;padding:9px 10px}.team-org-card.compact>header>div:last-child{align-self:start}.team-leadership-check{border-radius:8px;align-items:center;gap:8px;margin:9px 10px 0;padding:7px 9px;display:flex}.team-leadership-check>span{border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:9px;font-weight:900;display:grid}.team-leadership-check b,.team-leadership-check small{display:block}.team-leadership-check b{font-size:8px}.team-leadership-check small{margin-top:2px;font-size:7px}.team-leadership-check.valid{color:#126f53;background:#ebf8f3}.team-leadership-check.valid>span{background:#cfeee2}.team-leadership-check.invalid{color:#a5423c;background:#fff0ee}.team-leadership-check.invalid>span{background:#ffd8d4}.team-member-manager{padding:9px 10px}.team-member-manager-head{color:#6f7e77;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:8px;display:flex}.team-member-manager-head small{font-size:7px}.team-structure-member{border-top:1px solid #edf1ef;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:6px 7px;padding:7px 0;display:grid}.team-structure-member:first-of-type{border-top:0}.team-structure-member.selected{background:#edf8f4;border-radius:8px;margin:0 -5px;padding-left:5px;padding-right:5px}.team-structure-member>.avatar{grid-area:1/1;width:30px;height:30px}.team-member-identity{color:#2f3f38;text-align:left;background:0 0;border:0;grid-area:1/2;min-width:0}.team-member-identity b,.team-member-identity small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.team-member-identity b{font-size:8px}.team-member-identity small{color:#87938e;margin-top:2px;font-size:7px}.team-structure-member>label{color:#78867f;font-size:7px}.team-structure-member>label:first-of-type{grid-area:2/2}.team-structure-member>label:nth-of-type(2){grid-area:2/3}.team-structure-member>label span{margin-bottom:3px;display:block}.team-structure-member select{color:#35463f;background:#fff;border:1px solid #d9e4df;border-radius:7px;width:100%;max-width:132px;height:28px;padding:0 21px 0 7px;font-size:7px}.team-structure-member label.locked{color:#a28a68}.team-structure-member label.locked select{color:#98a19d;background:#f3f4f3}.team-swap-select{color:#63736c;background:#fff;border:1px solid #d5e2dc;border-radius:7px;grid-area:1/3;min-width:64px;height:26px;padding:0 7px;font-size:7px;font-weight:800}.team-swap-select.selected{color:#fff;background:#07835e;border-color:#07835e}.team-card-actions{background:#f8faf9;border-top:1px solid #e4ebe8;justify-content:space-between;align-items:center;gap:8px;min-height:47px;padding:7px 10px;display:flex}.team-card-actions>div{min-width:0}.team-card-actions b,.team-card-actions span{display:block}.team-card-actions b{color:#197455;font-size:8px}.team-card-actions span{color:#75837d;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:7px;overflow:hidden}.team-card-actions .primary{min-width:86px;height:31px;padding:0 9px;font-size:7px}.team-card-actions .primary:disabled{opacity:.42}.team-org-card.compact .team-drop-zone{height:29px;margin:0 10px 10px}.team-definition-dialog-fields select{color:#2e3e37;background:#fff;border:1px solid #d8e3df;border-radius:9px;width:100%;height:42px;margin-top:6px;padding:0 32px 0 11px;font-size:10px;display:block}.team-definition-dialog-fields label em{color:#d6544c;font-style:normal}.team-definition-dialog{max-height:min(760px,100vh - 32px);overflow:auto}@media (max-width:980px){.team-structure-workspace.compact{grid-template-columns:200px minmax(0,1fr)}.team-org-grid.compact{grid-template-columns:minmax(320px,360px)}.team-structure-stats{flex-wrap:wrap}}@media (max-width:760px){.team-structure-only-toolbar{align-items:stretch}.team-structure-stats{justify-content:space-between}.team-structure-stats>span{flex:1;justify-content:center}.team-structure-workspace.compact{grid-template-columns:1fr}.team-org-grid.compact{grid-template-columns:minmax(0,360px)}.team-org-card.compact{max-width:360px}.team-unassigned-panel{max-width:360px;margin:0 auto}.team-company-root.compact{width:min(100%,280px)}}@media (max-width:420px){.team-structure-stats>span{padding:0 7px}.team-org-canvas.compact{padding:10px 7px}.team-structure-member{grid-template-columns:28px minmax(0,1fr) auto}.team-structure-member>label:first-of-type,.team-structure-member>label:nth-of-type(2){grid-column:2/4}.team-structure-member>label:nth-of-type(2){grid-row:3}.team-structure-member select{max-width:none}.team-card-actions{flex-direction:column;align-items:stretch}.team-card-actions .primary{width:100%}}.team-structure-only-toolbar{width:fit-content;min-height:0;box-shadow:none;background:0 0;border:0;margin:0 0 14px;padding:0}.team-current-structure-editor{background:#fff;border:1px solid #dce5e2;border-radius:15px;width:100%;padding:18px;box-shadow:0 7px 22px #243f350f}.team-current-structure-heading{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:15px;display:flex}.team-current-structure-heading h3{margin:4px 0 3px;font-size:17px}.team-current-structure-heading p{color:#77857f;margin:0;font-size:10px}.team-structure-legend{color:#718079;align-items:center;gap:12px;font-size:9px;display:flex}.team-structure-legend span{align-items:center;gap:5px;display:flex}.team-structure-legend i{background:#129a70;border-radius:50%;width:7px;height:7px}.team-structure-legend i.deputy{background:#6b79d3}.team-current-structure-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:13px;display:grid}.team-current-card{background:#fbfcfe;border:1px solid #dce3eb;border-radius:13px;overflow:hidden}.team-current-card.invalid{border-color:#e4aaa4}.team-current-card-head{background:#fbfcff;border-bottom:1px solid #e2e7ed;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:70px;padding:12px 14px;display:grid;position:relative}.team-current-card-head>span{color:#5267d2;background:#e9edff;border-radius:11px;place-items:center;width:44px;height:44px;font-size:10px;font-weight:900;display:grid}.team-current-card.tone-1 .team-current-card-head>span{color:#7654c3;background:#f1eaff}.team-current-card.tone-2 .team-current-card-head>span{color:#14805e;background:#e6f5ef}.team-current-card-head b,.team-current-card-head small{display:block}.team-current-card-head b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.team-current-card-head small{color:#7e8898;margin-top:4px;font-size:8px}.team-current-card-head>strong{color:#5367d4;white-space:nowrap;font-size:10px}.team-current-card-menu{opacity:0;gap:5px;transition:all .16s;display:flex;position:absolute;top:5px;right:9px}.team-current-card:hover .team-current-card-menu,.team-current-card:focus-within .team-current-card-menu{opacity:1}.team-current-card-menu button{color:#087557;background:#fff;border:0;font-size:7px;font-weight:800}.team-current-card-menu button.danger{color:#a94b44}.team-current-leads{background:#fff;border-bottom:1px solid #e5e9ee;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr) auto;align-items:center;gap:7px;min-height:70px;padding:10px 14px;display:grid}.team-current-lead-person{grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;min-width:0;display:grid}.team-current-lead-person .avatar,.team-current-lead-person .empty-avatar{width:34px;height:34px}.team-current-lead-person .empty-avatar{color:#a74640;background:#fff0ee;border-radius:50%;place-items:center;font-size:10px;font-weight:900;display:grid}.team-current-lead-person b,.team-current-lead-person small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.team-current-lead-person small{color:#84909e;margin-top:3px;font-size:7px}.team-current-leads>i{background:#d9dfe7;height:1px}.team-current-validity{white-space:nowrap;border-radius:9px;padding:6px 8px;font-size:7px;font-weight:800}.team-current-validity.valid{color:#117454;background:#e7f6f0}.team-current-validity.invalid{color:#a7433d;background:#fff0ee}.team-current-member-tools{background:#fafbfc;padding:10px 13px}.team-current-member-tools>header{justify-content:space-between;align-items:flex-end;gap:10px;margin-bottom:6px;display:flex}.team-current-member-tools>header b,.team-current-member-tools>header small{display:block}.team-current-member-tools>header small,.team-current-member-tools>header>span{color:#838e9b;margin-top:2px;font-size:7px}.team-current-member-row{border-top:1px solid #e7eaee;grid-template-columns:28px minmax(90px,1fr) 112px 132px 62px;align-items:center;gap:6px;padding:7px 0;display:grid}.team-current-member-row.selected{background:#edf8f4;border-radius:8px;margin:0 -5px;padding-left:5px;padding-right:5px}.team-current-member-row>.avatar{width:28px;height:28px}.team-current-member-name{min-width:0}.team-current-member-name b,.team-current-member-name small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.team-current-member-name small{color:#89939f;margin-top:2px;font-size:7px}.team-current-member-row label{color:#7b8793;min-width:0;font-size:7px}.team-current-member-row label>span{text-overflow:ellipsis;white-space:nowrap;margin-bottom:3px;display:block;overflow:hidden}.team-current-member-row select{color:#36453f;background:#fff;border:1px solid #d9dfe5;border-radius:7px;width:100%;height:29px;padding:0 22px 0 7px;font-size:7px}.team-current-member-row label.locked{color:#a18b6c}.team-current-member-row label.locked select{color:#979f9c;background:#f2f3f3}.team-current-member-row .team-swap-select{grid-area:auto;width:62px;min-width:0}.team-current-card-actions{background:#fff;border-top:1px solid #dfe5e9;justify-content:space-between;align-items:center;gap:10px;min-height:50px;padding:8px 13px;display:flex}.team-current-card-actions b,.team-current-card-actions span{display:block}.team-current-card-actions b{color:#34433d;font-size:8px}.team-current-card-actions span{color:#7d8994;margin-top:2px;font-size:7px}.team-current-card-actions .primary{min-width:88px;height:32px;padding:0 9px;font-size:7px}.team-current-card-actions .primary:disabled{opacity:.42}@media (max-width:1120px){.team-current-structure-grid{grid-template-columns:1fr}.team-current-card{width:min(100%,720px);margin:0 auto}.team-current-member-row{grid-template-columns:30px minmax(120px,1fr) 135px 165px 70px}}@media (max-width:760px){.team-current-structure-editor{padding:13px}.team-current-structure-heading{flex-direction:column;align-items:flex-start}.team-current-card-head{grid-template-columns:42px minmax(0,1fr) auto}.team-current-card-menu{opacity:1;grid-column:2/4;position:static}.team-current-leads{grid-template-columns:1fr 18px 1fr}.team-current-validity{grid-column:1/-1;width:max-content}.team-current-member-tools>header{flex-direction:column;align-items:flex-start}.team-current-member-row{grid-template-columns:28px minmax(0,1fr) auto}.team-current-member-row>label:first-of-type{grid-column:2}.team-current-member-row>label:nth-of-type(2){grid-column:3}.team-current-member-row .team-swap-select{grid-area:1/3}.team-current-card-actions{flex-direction:column;align-items:stretch}.team-current-card-actions .primary{width:100%}}@media (max-width:430px){.team-current-leads{grid-template-columns:1fr}.team-current-leads>i{display:none}.team-current-member-row>label:first-of-type,.team-current-member-row>label:nth-of-type(2){grid-column:2/4}.team-current-member-row>label:nth-of-type(2){grid-row:3}.team-current-member-row select{height:32px}}.team-current-structure-heading{background:0 0;border:0;height:auto;min-height:0;padding:0}.team-current-card-head{height:auto;min-height:68px;padding:11px 13px}.team-current-member-tools>header{background:0 0;border:0;height:auto;min-height:0;padding:0}.team-definition-dialog>header{height:auto;min-height:0}.team-current-structure-heading h3{font-size:18px}.team-current-structure-heading p{font-size:12px}.team-structure-legend{font-size:10px}.team-current-card-head b{font-size:14px}.team-current-card-head small{font-size:10px}.team-current-card-head>strong{font-size:12px}.team-current-card-menu button{font-size:9px}.team-current-lead-person small,.team-current-validity{font-size:9px}.team-current-member-name b{font-size:11px}.team-current-member-name small,.team-current-member-row label{font-size:9px}.team-current-member-row select{border-radius:8px!important;height:34px!important;min-height:34px!important;padding:0 24px 0 8px!important;font-size:11px!important}.team-current-member-row .team-swap-select{width:70px;height:30px;font-size:9px}.team-current-card-actions .primary{border-radius:8px;height:34px!important;min-height:34px!important;font-size:10px!important}.team-definition-dialog-fields select{height:42px!important;min-height:42px!important;font-size:12px!important}.team-current-lead-person b{font-size:12px}.team-current-lead-person small{font-size:10px}.team-current-member-tools>header b{font-size:13px}.team-current-member-tools>header small,.team-current-member-tools>header>span{font-size:10px}.team-current-member-row{grid-template-columns:30px minmax(100px,1fr) 112px 136px 76px;gap:7px;padding:9px 0}.team-current-member-row>.avatar{width:30px;height:30px;font-size:10px}.team-current-member-name b{font-size:12px;line-height:1.35}.team-current-member-name small,.team-current-member-row label{font-size:10px}.team-current-member-row select{height:36px!important;min-height:36px!important;font-size:12px!important}.team-current-member-row .team-swap-select{border-radius:8px;width:76px;height:36px;min-height:36px;font-size:10px}.team-current-card-actions b{font-size:11px}.team-current-card-actions span{font-size:10px}@media (max-width:1120px){.team-current-member-row{grid-template-columns:30px minmax(130px,1fr) 145px 180px 82px}.team-current-member-row .team-swap-select{width:82px}}@media (max-width:760px){.team-current-member-row{grid-template-columns:30px minmax(0,1fr) 82px}.team-current-member-row .team-swap-select{width:82px}}@media (min-width:761px){.team-current-member-row .team-swap-select{align-self:end}}.team-waiting-strip{background:#f8fbfa;border:1px solid #d9e5e1;border-radius:11px;grid-template-columns:260px minmax(0,1fr);align-items:center;gap:14px;margin-bottom:14px;padding:12px 14px;display:grid}.team-waiting-strip.has-members{background:#fffaf0;border-color:#ecd6ac}.team-waiting-strip-heading{align-items:center;gap:10px;display:flex}.team-waiting-strip-heading>span{color:#197455;background:#e9f5f0;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;font-size:12px;font-weight:900;display:grid}.team-waiting-strip.has-members .team-waiting-strip-heading>span{color:#9c650f;background:#ffedc9}.team-waiting-strip-heading b,.team-waiting-strip-heading small{display:block}.team-waiting-strip-heading b{font-size:12px}.team-waiting-strip-heading b em{color:#137354;margin-left:5px;font-size:10px;font-style:normal}.team-waiting-strip-heading small{color:#74827c;margin-top:3px;font-size:9px;line-height:1.45}.team-waiting-members{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex;overflow-x:auto}.team-waiting-empty{color:#72817a;font-size:10px}.team-waiting-person{background:#fff;border:1px solid #dce5e1;border-radius:9px;grid-template-columns:30px minmax(80px,1fr) 104px;align-items:center;gap:7px;min-width:250px;padding:7px 8px;display:grid}.team-waiting-person>.avatar{width:30px;height:30px}.team-waiting-person b,.team-waiting-person small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.team-waiting-person b{font-size:10px}.team-waiting-person small{color:#87938e;margin-top:2px;font-size:9px}.team-waiting-person select{border-radius:8px!important;height:34px!important;min-height:34px!important;padding:0 22px 0 8px!important;font-size:10px!important}.team-current-card-actions{grid-template-columns:30px minmax(100px,1fr) 112px 136px 76px;align-items:center;gap:7px;display:grid}.team-current-card-actions>div{grid-column:1/3}.team-current-card-actions .primary{grid-column:3;width:112px;min-width:112px}@media (max-width:1120px){.team-current-card-actions{grid-template-columns:30px minmax(130px,1fr) 145px 180px 82px}.team-current-card-actions .primary{width:145px;min-width:145px}}@media (max-width:760px){.team-waiting-strip{grid-template-columns:1fr}.team-waiting-members{justify-content:flex-start}.team-current-card-actions{grid-template-columns:1fr}.team-current-card-actions>div,.team-current-card-actions .primary{grid-column:1}.team-current-card-actions .primary{width:100%;min-width:0}}.team-waiting-members{justify-content:flex-start;padding:1px;scroll-padding-inline:1px}.team-waiting-person{flex:0 0 250px}.team-definition-dialog-fields label>small{color:#7f8c86;margin-top:5px;font-size:9px;font-weight:500;display:block}.team-definition-dialog-fields input:disabled{cursor:not-allowed;color:#697771!important;background:#f1f4f3!important}.team-definition-dialog-fields input{text-transform:none}.team-definition-dialog-fields label:first-child input{text-transform:uppercase}.super-page-title .primary span{font-size:20px}.super-note>span{color:#fff;background:#26335f;width:34px;height:34px;font-size:10px}.super-metrics{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px;display:grid}.super-metrics article{border:1px solid var(--line);background:#fff;border-radius:14px;padding:19px 20px}.super-metrics small,.super-metrics strong,.super-metrics span{display:block}.super-metrics small{color:#7d8696;font-size:11px}.super-metrics strong{margin:5px 0 2px;font-size:27px}.super-metrics span{color:#8992a1;font-size:10px}.super-main-tabs{border-bottom:1px solid #dfe2e9;gap:5px;margin-bottom:15px;display:flex}.super-main-tabs button,.company-detail-tabs button{color:#737d8e;background:0 0;border:0;border-bottom:2px solid #0000;padding:11px 15px;font-size:12px}.super-main-tabs button.active,.company-detail-tabs button.active{color:#465bc2;border-bottom-color:#566bd6;font-weight:800}.company-console{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:15px;display:grid}.company-directory{padding:13px}.company-directory-head{padding:7px 8px 12px}.company-directory-head h3{margin:0;font-size:16px}.company-directory>button{text-align:left;color:#30394b;background:0 0;border:1px solid #0000;border-radius:11px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:11px 9px;display:grid}.company-directory>button:hover{background:#f6f7fb}.company-directory>button.active{background:#eff2ff;border-color:#7180d7}.company-directory>button>span:nth-child(2){min-width:0}.company-directory b,.company-directory small{display:block}.company-directory b{font-size:12px}.company-directory small{color:#848d9d;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:9px;overflow:hidden}.company-directory i{border-radius:10px;padding:4px 7px;font-size:9px;font-style:normal}.company-directory i.on{color:#267a5c;background:#e5f7f0}.company-directory i.off{color:#7e8694;background:#f0f1f4}.company-mark{color:#fff;background:linear-gradient(145deg,#6779e2,#3d51bb);border-radius:12px;place-items:center;width:42px;height:42px;font-size:13px;font-weight:900;display:grid;overflow:hidden}.company-mark img,.company-logo-preview img{object-fit:cover;width:100%;height:100%}.company-mark.large{border-radius:16px;width:58px;height:58px;font-size:18px}.company-detail{padding:22px}.company-detail-head{grid-template-columns:58px 1fr auto;align-items:center;gap:14px;display:grid}.company-detail-head h3{margin:2px 0 3px;font-size:18px}.company-detail-head p{color:#7f8898;margin:0;font-size:11px}.company-active{color:#687286;align-items:center;gap:9px;font-size:11px;font-weight:700;display:flex}.company-detail-tabs{border-bottom:1px solid #e5e7ec;gap:3px;margin-top:19px;display:flex}.company-detail-tabs b{margin-left:4px}.company-profile{grid-template-columns:repeat(2,1fr);gap:10px;padding-top:17px;display:grid}.company-profile>div{background:#f7f8fb;border-radius:10px;padding:14px}.company-profile small,.company-profile b{display:block}.company-profile small{color:#818a9b;font-size:10px}.company-profile b{margin-top:5px;font-size:12px}.section-copy{padding:17px 0 8px}.section-copy h4{margin:0;font-size:14px}.section-copy p{color:#818b9a;margin:4px 0 0;font-size:10px}.company-users article{border-top:1px solid #eceef2;grid-template-columns:38px 1fr 190px;align-items:center;gap:12px;padding:12px 0;display:grid}.company-users b,.company-users small{display:block}.company-users b{font-size:12px}.company-users small{color:#858e9d;margin-top:3px;font-size:10px}.company-users label{color:#7b8495;font-size:9px;font-weight:700}.company-users select{color:#333d4e;background:#fff;border:1px solid #dfe2e9;border-radius:8px;width:100%;min-height:39px;margin-top:3px;padding:7px 9px;font-size:11px;display:block}.company-features article{border-top:1px solid #eceef2;justify-content:space-between;align-items:center;gap:15px;padding:13px 0;display:flex}.company-features b,.company-features small{display:block}.company-features b{font-size:12px}.company-features small{color:#858e9d;margin-top:3px;font-size:10px}.company-create{margin-bottom:16px}.company-form-layout{grid-template-columns:170px 1fr;gap:22px;display:grid}.company-form-layout h4,.initial-users-title{margin:0 0 12px;font-size:14px}.logo-upload{text-align:center;cursor:pointer;background:#fafbfc;border:1px dashed #cfd4df;border-radius:12px;align-content:start;justify-items:center;padding:18px;display:grid}.logo-upload input{max-width:145px;margin-top:11px;font-size:9px}.logo-upload b{margin-top:9px;font-size:11px}.logo-upload small{color:#8a92a1;font-size:9px}.company-logo-preview{color:#5367d0;background:#e9edff;border-radius:18px;place-items:center;width:72px;height:72px;font-size:24px;font-weight:900;display:grid;overflow:hidden}.super-form-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.super-form-grid label,.initial-users-grid label{color:#6d7789;font-size:10px;font-weight:700}.super-form-grid label:first-child,.super-form-grid label:nth-child(2){grid-column:span 1}.super-form-grid input,.initial-users-grid input{color:#303a4b;background:#fff;border:1px solid #dde1e8;border-radius:8px;outline:0;width:100%;min-height:42px;margin-top:6px;padding:9px 11px;font-size:12px;display:block}.super-form-grid input:focus,.initial-users-grid input:focus{border-color:#6679db;box-shadow:0 0 0 3px #5b6ed71a}.super-form-grid em{color:#db5b52;font-style:normal}.initial-users-title{border-top:1px solid #eceef2;margin-top:23px;padding-top:18px}.initial-users-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.initial-users-grid section{background:#fbfcfd;border:1px solid #e1e4ea;border-radius:11px;padding:13px}.initial-users-grid section>span{color:#5367d0;background:#e9edff;border-radius:9px;place-items:center;width:30px;height:30px;font-size:9px;font-weight:900;display:grid}.initial-users-grid section>b{margin:7px 0 10px;font-size:12px;display:block}.initial-users-grid label{margin-top:8px;display:block}.create-actions{border-top:1px solid #eceef2;justify-content:flex-end;align-items:center;gap:18px;margin-top:18px;padding-top:16px;display:flex}.create-actions small{color:#7e8796;margin-right:auto;font-size:10px}.permission-matrix{padding:0;overflow:hidden}.permission-matrix>.panel-head{padding:22px 22px 0}.permission-scroll{overflow-x:auto}.permission-matrix table{min-width:920px}.permission-matrix th{text-align:center}.permission-matrix th:first-child{text-align:left}.permission-matrix td{text-align:center}.permission-matrix td:first-child{text-align:left}.permission-matrix td:first-child b,.permission-matrix td:first-child small{display:block}.permission-matrix td:first-child small{color:#8a92a1;margin-top:3px;font-size:9px}.permission-matrix td button{color:#a0a6b1;background:#f4f5f7;border:1px solid #dce0e7;border-radius:8px;width:30px;height:30px;font-weight:900}.permission-matrix td button.allowed{color:#4d62c8;background:#e9edff;border-color:#5b70d5}@media (max-width:1000px){.company-console{grid-template-columns:1fr}.company-directory{gap:7px;display:flex;overflow-x:auto}.company-directory-head{min-width:115px}.company-directory>button{min-width:230px}.initial-users-grid,.super-form-grid{grid-template-columns:1fr}}@media (max-width:760px){.super-metrics{gap:9px;display:flex;overflow-x:auto}.super-metrics article{min-width:170px}.company-form-layout{grid-template-columns:1fr}.logo-upload{text-align:left;grid-template-columns:64px 1fr;justify-content:start;column-gap:12px}.company-logo-preview{grid-row:span 3;width:62px;height:62px}.logo-upload input{grid-column:2}.company-detail-head{grid-template-columns:50px 1fr}.company-mark.large{width:50px;height:50px}.company-active{border-top:1px solid #eceef2;grid-column:1/-1;justify-content:space-between;padding-top:12px}.company-profile{grid-template-columns:1fr}.company-users article{grid-template-columns:38px 1fr}.company-users label{grid-column:2}.create-actions{display:grid}.create-actions .primary{width:100%}.super-main-tabs{overflow-x:auto}.super-main-tabs button{min-width:max-content}}.super-main-tabs b{color:#9a5a09;background:#fff0d8;border-radius:8px;margin-left:5px;padding:2px 6px;font-size:8px}.company-directory i.maint{color:#a45d0b;background:#fff0dc}.field-help{color:#929aaa;margin-top:5px;font-size:8px;font-weight:500;display:block}.code-preview{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px;display:grid}.code-preview span{background:#f7f9ff;border:1px solid #dfe4f3;border-radius:9px;padding:9px 11px}.code-preview small,.code-preview b{display:block}.code-preview small{color:#7e8798;font-size:8px}.code-preview b{color:#3e4f9f;margin-top:3px;font-size:11px}.initial-users-title{justify-content:space-between;align-items:center;display:flex}.initial-users-title small{color:#8a93a3;font-size:9px;font-weight:500}.seed-user-head{align-items:center;gap:9px;margin-bottom:10px;display:flex}.seed-user-head>span b,.seed-user-head>span small{display:block}.seed-user-head>span small{color:#6271bd;margin-top:2px;font-size:9px}.profile-upload{cursor:pointer;background:#e9edff;border-radius:12px;place-items:center;width:40px;height:40px;overflow:hidden;color:#5367d0!important;font-size:9px!important;display:grid!important}.profile-upload img,.user-photo img{object-fit:cover;width:100%;height:100%}.profile-upload input{display:none}.user-mini-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.initial-users-grid em{color:#d95555;font-style:normal}.company-users em{color:#75809a;font-size:10px;font-style:normal;font-weight:500}.user-photo{overflow:hidden}.role-pill{color:#4d61bd;background:#edf0ff;border-radius:12px;padding:5px 9px;font-size:9px;font-weight:800}.maintenance-layout{gap:15px;display:grid}.global-maintenance{border-color:#e8d7c1;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.global-maintenance.active{background:#fffaf4;border-color:#e08a2f}.global-maintenance>div{align-items:center;gap:13px;display:flex}.global-maintenance h3,.global-maintenance p{margin:0}.global-maintenance h3{font-size:15px}.global-maintenance p{color:#7d8796;margin-top:4px;font-size:10px}.maintenance-icon{color:#b4630d;background:#fff0dc;border-radius:12px;place-items:center;width:42px;height:42px;font-size:20px;font-weight:900;display:grid}.maintenance-detail{padding:22px}.maintenance-status{background:#f7f8fb;border-radius:11px;justify-content:space-between;align-items:center;margin:18px 0;padding:13px 14px;display:flex}.maintenance-status>div{align-items:center;gap:10px;display:flex}.maintenance-status small,.maintenance-status b{display:block}.maintenance-status small{color:#8b94a3;font-size:8px}.maintenance-status b{margin-top:2px;font-size:11px}.status-orb{background:#49ac82;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 5px #e3f5ee}.status-orb.active{background:#e58b2e;box-shadow:0 0 0 5px #fff0dd}.maintenance-form{grid-template-columns:1fr 1fr;gap:11px;display:grid}.maintenance-form label,.test-access-form label{color:#6e7889;font-size:9px;font-weight:800}.maintenance-form input,.maintenance-form textarea,.test-access-form input,.test-access-form select{color:#313b4b;width:100%;font:inherit;background:#fff;border:1px solid #dfe3e9;border-radius:8px;margin-top:5px;padding:9px 10px;display:block}.maintenance-form textarea{resize:vertical;min-height:68px}.maintenance-form .span-2{grid-column:span 2}.maintenance-preview{background:linear-gradient(135deg,#fffaf4,#fff);border:1px solid #edd9bd;border-radius:12px;margin-top:13px;padding:16px}.maintenance-preview span,.maintenance-preview b,.maintenance-preview small{display:block}.maintenance-preview span{color:#a36518;font-size:8px;font-weight:900}.maintenance-preview b{margin-top:5px;font-size:13px}.maintenance-preview p{color:#697487;margin:4px 0 7px;font-size:10px}.maintenance-preview small{color:#9a6a2e;font-size:9px}.test-access{background:linear-gradient(135deg,#f8f9ff,#fff);border-color:#cfd7ff;grid-template-columns:1fr 1.2fr;gap:20px;padding:22px;display:grid}.audit-chip{color:#4d62c0;background:#e8edff;border-radius:7px;padding:4px 7px;font-size:8px;font-weight:900;display:inline-block}.test-access h3{margin:7px 0 5px;font-size:16px}.test-access p{color:#737e91;margin:0;font-size:10px;line-height:1.6}.test-access-form{grid-template-columns:1fr 1fr;gap:9px;display:grid}.test-access-form button{grid-column:2;justify-self:end}.test-guardrails{border-top:1px solid #e3e6f2;flex-wrap:wrap;grid-column:1/-1;gap:7px;padding-top:13px;display:flex}.test-guardrails span{color:#39745e;background:#eef6f3;border-radius:8px;padding:5px 8px;font-size:8px;font-weight:700}.permission-company-context{border-bottom:1px solid #e8eaf0;align-items:center;gap:11px;padding:18px 22px;display:flex}.permission-company-context label{flex:1}.permission-company-context small{color:#858e9e;font-size:8px;display:block}.permission-company-context select{background:#fff;border:1px solid #dfe2e9;border-radius:8px;min-width:300px;margin-top:4px;padding:8px}@media (max-width:900px){.test-access{grid-template-columns:1fr}.test-access-form{grid-template-columns:1fr 1fr}.test-guardrails{grid-column:1}.code-preview{grid-template-columns:1fr}.initial-users-title{display:block}.initial-users-title small{margin-top:4px;display:block}}@media (max-width:620px){.maintenance-form,.test-access-form{grid-template-columns:1fr}.maintenance-form .span-2,.test-access-form button{grid-column:1}.code-preview,.user-mini-grid{grid-template-columns:1fr}.permission-company-context select{width:100%;min-width:0}}.surrogate-banner{color:#fff;background:#2f3578;align-items:center;gap:12px;padding:9px 18px;display:flex}.surrogate-banner>span{color:#473415;letter-spacing:.08em;background:#ffcc6b;border-radius:6px;padding:4px 7px;font-size:8px;font-weight:900}.surrogate-banner p{flex:1;margin:0;font-size:9px}.surrogate-banner button{color:#fff;background:0 0;border:1px solid #ffffff73;border-radius:7px;padding:6px 9px;font-size:9px;font-weight:800}.surrogate-banner button:hover{background:#ffffff1f}@media (max-width:760px){.surrogate-banner{flex-wrap:wrap;align-items:flex-start}.surrogate-banner p{flex-basis:calc(100% - 90px)}.surrogate-banner button{width:100%}}.user-row-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.copy-login-button{color:#5368d0;background:#fff;border:1px solid #d8dee8;border-radius:9px;flex:0 0 34px;width:34px;height:34px;transition:background .18s,border-color .18s,color .18s,transform .18s;position:relative}.copy-login-button:hover{background:#f1f4ff;border-color:#6b7ddd;transform:translateY(-1px)}.copy-login-button:focus-visible{outline-offset:2px;outline:3px solid #5269d333}.copy-login-button:before,.copy-login-button:after{content:"";border:1.5px solid;border-radius:2px;width:10px;height:12px;position:absolute}.copy-login-button:before{background:#fff;top:8px;left:9px}.copy-login-button:after{background:inherit;top:11px;left:12px}.copy-login-button.copied{color:#257858;background:#e8f7f1;border-color:#3aa078}.copy-login-button.copied:before,.copy-login-button.copied:after{display:none}.copy-login-button span{z-index:1;font-size:15px;font-weight:900;position:relative}.company-users article{grid-template-columns:38px minmax(0,1fr) auto}.company-users article>div:nth-child(2){min-width:0}.company-users article>div:nth-child(2) small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (max-width:760px){.company-users article{grid-template-columns:38px minmax(0,1fr) auto}.company-users .user-row-actions{grid-area:1/3;align-self:center}.company-users .role-pill{display:none}}.company-profile-wrap{padding-top:16px}.profile-edit-head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;display:flex}.profile-edit-head h4,.profile-edit-head p{margin:0}.profile-edit-head h4{font-size:14px}.profile-edit-head p{color:#858e9e;margin-top:4px;font-size:9px}.edit-company-button{align-items:center;gap:6px;display:flex}.edit-company-button span{font-size:15px}.company-edit-form,.user-edit-grid{grid-template-columns:repeat(2,1fr);gap:11px;display:grid}.company-edit-form{background:#fafbfe;border:1px solid #dfe4ef;border-radius:12px;padding:15px}.company-edit-form label,.user-edit-grid label{color:#697487;font-size:9px;font-weight:800}.company-edit-form input,.user-edit-grid input,.user-edit-grid select{color:#303a4b;background:#fff;border:1px solid #dce1e9;border-radius:8px;outline:0;width:100%;min-height:40px;margin-top:5px;padding:8px 10px;font-size:11px;display:block}.company-edit-form input:focus,.user-edit-grid input:focus,.user-edit-grid select:focus{border-color:#6377d8;box-shadow:0 0 0 3px #566bd61a}.company-edit-form input:disabled{color:#8d95a2;cursor:not-allowed;background:#eef0f4}.company-edit-form label small{color:#b06b27;margin-top:5px;font-size:8px;font-weight:600;display:block}.inline-edit-actions{grid-column:1/-1;justify-content:flex-end;gap:8px;padding-top:4px;display:flex}.locked-chip{color:#a45d0b;background:#fff0dc;border-radius:7px;margin-left:6px;padding:2px 6px;font-size:8px;font-style:normal;display:inline-block}.edit-user-button{color:#657084;background:#fff;border:1px solid #d8dee8;border-radius:9px;flex:0 0 34px;width:34px;height:34px;transition:background .18s,border-color .18s,color .18s,transform .18s}.edit-user-button span{font-size:17px}.edit-user-button:hover{color:#5368d0;background:#f1f4ff;border-color:#6b7ddd;transform:translateY(-1px)}.edit-user-button:focus-visible{outline-offset:2px;outline:3px solid #5269d333}.company-user-block{border-top:1px solid #eceef2}.company-user-block article{border-top:0}.user-edit-form{background:#fafbfe;border:1px solid #dfe4ef;border-radius:12px;margin:0 0 13px 50px;padding:15px}.user-edit-title{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.user-edit-title b,.user-edit-title small{display:block}.user-edit-title b{font-size:12px}.user-edit-title small{color:#7f8998;margin-top:2px;font-size:9px}.edit-profile-photo{color:#6473bd;cursor:pointer;background:#fff;border:1px dashed #aeb8ce;border-radius:11px;place-items:center;width:42px;height:42px;font-size:8px;display:grid;overflow:hidden}.edit-profile-photo img{object-fit:cover;width:100%;height:100%}.edit-profile-photo input{display:none}@media (max-width:760px){.profile-edit-head{align-items:flex-start}.company-edit-form,.user-edit-grid{grid-template-columns:1fr}.user-edit-form{margin-left:0}.inline-edit-actions{grid-column:1}.company-users .user-row-actions{gap:6px}}.feature-overview{background:#f8f9ff;border:1px solid #dfe4f2;border-radius:12px;grid-template-columns:145px 1fr;align-items:center;gap:16px;margin-top:17px;padding:14px;display:grid}.feature-overview>div{border-right:1px solid #e0e4ef;padding-right:15px}.feature-overview small,.feature-overview>div b{display:block}.feature-overview small{color:#7e889a;font-size:9px}.feature-overview>div b{color:#465bc2;margin-top:4px;font-size:18px}.feature-overview p{color:#747f91;margin:0;font-size:9px;line-height:1.55}.feature-overview p b{color:#343f52;margin-bottom:2px;font-size:10px;display:block}.company-features article{padding:15px 2px}.company-features article.feature-off{opacity:.72}.feature-copy{align-items:flex-start;gap:10px;display:flex}.feature-status-dot{background:#39a77c;border-radius:50%;flex:0 0 9px;width:9px;height:9px;margin-top:4px;box-shadow:0 0 0 4px #e3f5ee}.feature-off .feature-status-dot{background:#a8afbb;box-shadow:0 0 0 4px #eff0f3}.affected-menus{flex-wrap:wrap;gap:5px;margin-top:7px;display:flex}.affected-menus i{color:#5365bb;background:#eef1ff;border-radius:7px;padding:3px 6px;font-size:8px;font-style:normal;font-weight:700}.feature-off .affected-menus i{color:#808895;background:#f0f1f3}.feature-control{align-items:center;gap:10px;display:flex}.feature-control>span{color:#647083;text-align:right;min-width:56px;font-size:9px;font-weight:800}.feature-off .feature-control>span{color:#9299a5}@media (max-width:620px){.feature-overview{grid-template-columns:1fr}.feature-overview>div{border-bottom:1px solid #e0e4ef;border-right:0;padding:0 0 10px}.feature-control>span{display:none}}.login-page{color:#20283a;background:#f7f8fb;grid-template-columns:minmax(360px,43%) 1fr;min-height:100vh;display:grid}.login-story{color:#fff;background:radial-gradient(circle at 92% 8%,#7585e175,#0000 29%),linear-gradient(145deg,#171d34 0%,#232d55 55%,#334583 100%);flex-direction:column;min-height:100vh;padding:44px clamp(36px,5vw,78px);display:flex;position:relative;overflow:hidden}.login-story:before,.login-story:after{content:"";border:1px solid #ffffff12;border-radius:50%;position:absolute}.login-story:before{width:480px;height:480px;bottom:-120px;right:-230px}.login-story:after{width:320px;height:320px;bottom:-40px;right:-150px}.login-brand{z-index:1;align-items:center;gap:12px;display:flex;position:relative}.login-brand-mark{background:linear-gradient(145deg,#7588f1,#5264ce);border-radius:13px;place-items:center;width:43px;height:43px;font-size:21px;font-weight:900;display:grid;box-shadow:0 12px 30px #0508154d}.login-brand strong,.login-brand small{display:block}.login-brand strong{font-size:18px}.login-brand small{color:#aeb8dc;letter-spacing:.13em;text-transform:uppercase;font-size:10px}.story-copy{z-index:1;max-width:530px;margin:auto 0 38px;position:relative}.story-kicker{color:#9eacf1;letter-spacing:.16em;font-size:11px;font-weight:800}.story-copy h1{letter-spacing:-.045em;margin:19px 0 20px;font-size:clamp(35px,4vw,58px);line-height:1.18}.story-copy p{color:#c3cbe7;max-width:480px;margin:0;font-size:16px;line-height:1.7}.login-flow{z-index:1;gap:4px;margin:0 0 34px;padding:0;list-style:none;display:grid;position:relative}.login-flow li{color:#8e99be;align-items:center;gap:15px;min-height:65px;display:flex;position:relative}.login-flow li:not(:last-child):after{content:"";background:#465171;width:1px;height:17px;position:absolute;bottom:-4px;left:18px}.login-flow i{color:#8e99be;background:#242c49;border:1px solid #536080;border-radius:50%;place-items:center;width:37px;height:37px;font-size:12px;font-style:normal;font-weight:800;display:grid}.login-flow b,.login-flow small{display:block}.login-flow b{font-size:14px}.login-flow small{margin-top:3px;font-size:11px}.login-flow li.current{color:#fff}.login-flow li.current i{color:#fff;background:#687be4;border-color:#8c9af0;box-shadow:0 0 0 5px #687be41f}.login-flow li.done{color:#cbd3ef}.login-flow li.done i{color:#fff;background:#2a9b83;border-color:#4bb49e}.tenant-safety{z-index:1;border-top:1px solid #ffffff1a;align-items:center;gap:13px;padding-top:25px;display:flex;position:relative}.safety-mark{color:#66d8b6;background:#57cdaa21;border-radius:10px;place-items:center;width:32px;height:32px;font-weight:900;display:grid}.tenant-safety b,.tenant-safety small{display:block}.tenant-safety b{font-size:12px}.tenant-safety small{color:#98a4c9;margin-top:3px;font-size:10px;line-height:1.45}.login-workspace{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:clamp(30px,6vh,72px) clamp(22px,7vw,100px) 22px;display:flex}.login-card{background:#fff;border:1px solid #e7e9ef;border-radius:24px;width:min(100%,520px);padding:clamp(27px,4vw,44px);box-shadow:0 24px 65px #242d4c17}.mobile-login-brand{display:none}.login-heading{text-align:center;margin-bottom:29px}.step-chip{color:#5266cf;letter-spacing:.05em;background:#eef1ff;border-radius:20px;padding:6px 10px;font-size:10px;font-weight:800;display:inline-flex}.login-heading h2{letter-spacing:-.03em;margin:14px 0 9px;font-size:27px}.login-heading p{color:#778094;max-width:390px;margin:0 auto;font-size:13px;line-height:1.6}.company-form>label,.account-form>label,.password-label label{color:#454e61;margin-bottom:8px;font-size:12px;font-weight:800;display:block}.company-code-field{background:#fcfcfd;border:1px solid #dce0e8;border-radius:12px;align-items:center;gap:10px;height:52px;padding:0 14px;transition:all .2s;display:flex}.company-code-field:focus-within{border-color:#6578df;box-shadow:0 0 0 4px #eef0ff}.company-code-field.has-error{border-color:#db6e66}.company-code-field>span{color:#7c879b;font-size:18px}.company-code-field input{width:100%;height:100%;font:inherit;text-transform:uppercase;color:#273146;background:0 0;border:0;outline:0;font-size:15px}.company-code-field input::placeholder{color:#aeb4c0;text-transform:none}.login-error{color:#c5514b;margin:7px 2px 0;font-size:11px}.known-companies{margin:23px 0}.known-companies>span{color:#8a92a2;margin-bottom:9px;font-size:10px;display:block}.known-companies>button{--tenant-accent:#5268d7;--tenant-soft:#eef1ff;text-align:left;color:#364054;background:#fff;border:1px solid #e5e7ed;border-radius:12px;grid-template-columns:41px 1fr 18px;align-items:center;gap:11px;width:100%;min-height:65px;margin-top:8px;padding:10px 12px;display:grid}.known-companies>button:hover,.known-companies>button.selected{border-color:var(--tenant-accent);background:var(--tenant-soft);box-shadow:0 5px 15px #2f395b12}.known-companies button i,.selected-tenant>i{background:var(--tenant-soft);width:40px;height:40px;color:var(--tenant-accent);border-radius:10px;place-items:center;font-size:15px;font-style:normal;font-weight:900;display:grid}.known-companies button b,.known-companies button small{display:block}.known-companies button b{font-size:12px}.known-companies button small{color:#8690a1;margin-top:4px;font-size:10px}.known-companies button em{color:#9ba3b1;font-size:22px;font-style:normal}.login-primary{color:#fff;background:linear-gradient(115deg,#5368d7,#687be1);border:0;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:51px;font-size:13px;font-weight:800;display:flex;box-shadow:0 11px 24px #5368d738}.login-primary:hover{filter:brightness(1.04);transform:translateY(-1px)}.login-primary span{font-size:18px}.platform-entry{text-align:center;border-top:1px solid #eceef2;margin-top:25px;padding-top:22px}.platform-entry>span{color:#8b93a2;margin-bottom:7px;font-size:10px;display:block}.platform-entry button{color:#5367cf;background:0 0;border:0;font-size:11px;font-weight:800}.platform-entry button b{margin-left:4px}.login-back{color:#667187;background:0 0;border:0;margin-bottom:17px;padding:0;font-size:11px}.selected-tenant{--tenant-accent:#5268d7;--tenant-soft:#eef1ff;background:#fbfbfd;border:1px solid #e5e7ee;border-radius:13px;grid-template-columns:42px 1fr 24px;align-items:center;gap:12px;padding:13px;display:grid}.selected-tenant span small,.selected-tenant span b,.selected-tenant span em{display:block}.selected-tenant span small{color:#9098a7;font-size:9px}.selected-tenant span b{margin:2px 0;font-size:12px}.selected-tenant span em{color:#7c8698;font-size:9px;font-style:normal}.selected-tenant>strong{color:#2a9b78}.account-heading{margin:27px 0 25px}.account-form>input,.password-field{background:#fcfcfd;border:1px solid #dce0e8;border-radius:11px;width:100%;height:50px;margin-bottom:18px}.account-form>input{font:inherit;outline:0;padding:0 13px;font-size:13px}.account-form>input:focus,.password-field:focus-within{border-color:#6578df;box-shadow:0 0 0 4px #eef0ff}.password-label{justify-content:space-between;align-items:center;display:flex}.password-label label{margin:0}.password-label button{color:#596dd4;background:0 0;border:0;font-size:10px;font-weight:700}.password-field{align-items:center;padding:0 7px 0 13px;display:flex}.password-field input{min-width:0;height:100%;font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:13px}.password-field button{color:#697488;background:#f0f2f7;border:0;border-radius:7px;padding:7px 9px;font-size:9px;font-weight:800}.remember-check{align-items:center;gap:8px;margin:0 0 21px!important;font-weight:400!important;display:flex!important}.remember-check input{accent-color:#596dd5;width:16px;height:16px}.remember-check span{color:#6e788b;font-size:10px}.demo-note{text-align:center;color:#949baa;margin:12px 0 0;font-size:9px}.login-workspace footer{color:#a0a6b2;justify-content:space-between;gap:16px;width:min(100%,520px);margin-top:20px;padding:0 5px;font-size:9px;display:flex}.company-logout{color:#9ba4ba;background:0 0;border:1px solid #3b4257;border-radius:7px;margin-left:auto;padding:5px 7px;font-size:9px}.company-logout:hover{color:#fff;border-color:#69728b}@media (max-width:900px){.login-page{grid-template-columns:340px 1fr}.login-story{padding:35px 29px}.story-copy h1{font-size:35px}.story-copy p{font-size:14px}.login-workspace{padding-left:26px;padding-right:26px}}@media (max-width:700px){.login-page{display:block}.login-story{display:none}.login-workspace{justify-content:flex-start;min-height:100vh;padding:22px 14px}.login-card{border-radius:20px;margin:auto 0;padding:27px 20px}.mobile-login-brand{justify-content:center;align-items:center;gap:8px;margin-bottom:26px;display:flex}.mobile-login-brand>span:not(.pms-logo-lockup){color:#fff;background:#566bd8;border-radius:10px;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.mobile-login-brand b{font-size:17px}.login-heading h2{font-size:24px}.known-companies>button{min-height:68px}.login-workspace footer{flex-direction:column;align-items:center;gap:4px;margin-top:13px}}.known-companies{max-height:310px;padding-right:3px;overflow-y:auto}.maintenance-login{text-align:center;padding:27px 0 8px}.maintenance-login-icon{color:#b8650d;background:#fff0dc;border-radius:16px;place-items:center;width:54px;height:54px;margin:0 auto 11px;font-size:25px;font-weight:900;display:grid}.maintenance-login-chip{color:#a05d12;letter-spacing:.08em;background:#fff6ea;border-radius:14px;padding:5px 9px;font-size:8px;font-weight:900;display:inline-flex}.maintenance-login h2{color:#283247;letter-spacing:-.03em;margin:12px 0 7px;font-size:25px}.maintenance-login>p{color:#6f798b;max-width:390px;margin:0 auto;font-size:12px;line-height:1.65}.maintenance-login-window{background:#fffaf4;border:1px solid #efd7b8;border-radius:12px;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin:20px 0 13px;padding:14px;display:grid}.maintenance-login-window small{color:#9b651f;grid-column:1/-1;font-size:8px;font-weight:800}.maintenance-login-window b{color:#4a5364;font-size:10px}.maintenance-login-window span{color:#a66a22;font-size:9px}.maintenance-help{color:#9299a6;font-size:9px;display:block}.maintenance-back-button{background:linear-gradient(115deg,#b56a16,#d08a36);margin-top:13px;box-shadow:0 11px 24px #b56a162e}.selected-tenant>strong{color:#b8650d;background:#fff0dc;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}@media (max-width:700px){.maintenance-login{padding-top:22px}.maintenance-login h2{font-size:22px}.maintenance-login-window{grid-template-columns:1fr}.maintenance-login-window small{grid-column:1}.maintenance-login-window span{font-size:8px}.known-companies{max-height:285px}}.recovery-tenant{--tenant-accent:#5268d7;--tenant-soft:#eef1ff;background:#fbfbfd;border:1px solid #e8eaf0;border-radius:12px;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.recovery-tenant i{background:var(--tenant-soft);width:36px;height:36px;color:var(--tenant-accent);border-radius:9px;place-items:center;font-size:13px;font-style:normal;font-weight:900;display:grid}.recovery-tenant small,.recovery-tenant b{display:block}.recovery-tenant small{color:#929aa9;font-size:8px}.recovery-tenant b{color:#3b4559;margin-top:2px;font-size:11px}.recovery-tenant em{background:var(--tenant-soft);color:var(--tenant-accent);border-radius:6px;padding:4px 7px;font-size:8px;font-style:normal;font-weight:900}.recovery-icon{color:#586dd5;background:linear-gradient(145deg,#eef1ff,#e5e9ff);border-radius:17px;place-items:center;width:54px;height:54px;margin:25px auto 0;font-size:28px;font-weight:800;display:grid;box-shadow:0 10px 24px #4e63c51f}.recovery-icon.mail-icon{font-size:23px}.recovery-heading{margin:14px 0 23px}.recovery-heading h2{margin-top:12px}.recovery-heading p strong{color:#4d5b75}.recovery-form .login-primary{margin-top:4px}.recovery-form .login-primary:disabled,.resend-row button:disabled{cursor:not-allowed;filter:none;transform:none}.login-primary:disabled{box-shadow:none;color:#f4f5f9;background:#bec5d8}.recovery-error{margin:-9px 2px 13px}.security-note{color:#9299a7;text-align:center;justify-content:center;align-items:flex-start;gap:6px;margin:13px 0 0;font-size:8px;line-height:1.5;display:flex}.security-note span{color:#6578dc}.otp-input{text-align:center;letter-spacing:.55em;color:#3f4c68!important;padding-left:calc(13px + .55em)!important;font-size:23px!important;font-weight:800!important}.otp-input::placeholder{color:#d0d4df;letter-spacing:.4em}.demo-code{text-align:center;color:#8c94a4;margin:-9px 0 17px;font-size:9px}.demo-code b{color:#596dd4;letter-spacing:.08em}.resend-row{color:#8c94a4;justify-content:center;align-items:center;gap:5px;margin-top:15px;font-size:9px;display:flex}.resend-row button{color:#5368d2;background:0 0;border:0;font-size:9px;font-weight:800}.resend-row button:disabled{color:#a4aab6}.reset-heading{margin-top:25px}.password-rules{grid-template-columns:1fr 1fr;gap:8px;margin:-6px 2px 19px;display:grid}.password-rules span{color:#a2a8b4;font-size:9px}.password-rules span.pass{color:#188667}.password-field.field-error{border-color:#d96861;box-shadow:0 0 0 3px #fff0ef}.reset-success{text-align:center}.reset-success .recovery-tenant{text-align:left}.success-check{color:#fff;background:linear-gradient(145deg,#31aa83,#23866c);border-radius:50%;place-items:center;width:72px;height:72px;margin:34px auto 13px;font-size:32px;font-weight:900;display:grid;box-shadow:0 14px 30px #23866c38,0 0 0 8px #eaf8f3}.success-chip{color:#188065;letter-spacing:.06em;background:#eaf8f3;border-radius:14px;margin-top:7px;padding:5px 9px;font-size:8px;font-weight:900;display:inline-flex}.reset-success h2{color:#283247;letter-spacing:-.03em;margin:13px 0 9px;font-size:26px}.reset-success>p{color:#717b8e;margin:0 auto 24px;font-size:11px;line-height:1.7}.reset-success>small{color:#9b6b42;margin-top:14px;font-size:8px;display:block}.login-logo-card,.mobile-login-brand{overflow:hidden}.login-logo-card img{object-fit:cover;object-position:center;border-radius:14px;width:180px;height:95px}.mobile-login-brand img{object-fit:cover;object-position:center;border-radius:12px;width:135px;height:71px}@media (max-width:700px){.recovery-icon{margin-top:21px}.recovery-heading{margin-bottom:21px}.reset-success h2{font-size:23px}.password-rules{grid-template-columns:1fr}.otp-input{font-size:20px!important}.login-back{min-height:30px}}.permission-company-context{background:#f6f7fc;border:1px solid #dfe3ef;border-radius:13px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:13px;margin:20px 22px 0;padding:15px;display:grid}.permission-company-context label small,.permission-company-context label select{display:block}.permission-company-context label small{color:#7d8698;margin-bottom:4px;font-size:9px;font-weight:700}.permission-company-context select{color:#293346;background:0 0;border:0;outline:0;width:100%;font-size:13px;font-weight:800}.permission-company-context>div{text-align:right}.permission-company-context>div b,.permission-company-context>div small{display:block}.permission-company-context>div b{color:#5064ca;font-size:21px}.permission-company-context>div small{color:#7d8697;font-size:9px}.permission-scope-note{color:#286c59;background:#e9f7f2;border-radius:9px;align-items:center;gap:10px;margin:12px 22px 0;padding:10px 12px;font-size:10px;display:flex}.permission-scope-note span{color:#5c7e74}@media (max-width:760px){.permission-company-context{grid-template-columns:42px 1fr;margin:15px 15px 0}.permission-company-context>div{text-align:left;grid-column:1/-1;align-items:center;gap:7px;display:flex}.permission-scope-note{margin:10px 15px 0;display:block}.permission-scope-note span{margin-top:3px;display:block}}.mobile-logout{display:none}@media (max-width:760px){.mobile-logout{color:#e5e8f3;background:#252b41;border:1px solid #3d455e;border-radius:9px;align-items:center;gap:5px;min-height:36px;margin-left:auto;padding:0 10px;font-size:11px;font-weight:700;display:flex}.mobile-logout span{color:#9facd6;font-size:15px}}@media (max-width:360px){.mobile-logout{padding:0 8px;font-size:10px}}.mobile-menu-toggle{display:none}@media (max-width:760px){.mobile-menu-toggle{color:#e5e8f3;background:#252b41;border:1px solid #3d455e;border-radius:9px;align-items:center;gap:6px;min-height:36px;margin-left:auto;padding:0 10px;display:flex}.mobile-menu-toggle i{gap:3px;width:16px;display:grid}.mobile-menu-toggle i span{background:#b8c2e6;border-radius:2px;width:16px;height:1.5px;transition:transform .18s,opacity .18s;display:block}.mobile-menu-toggle b{font-size:11px}.mobile-menu-toggle.open i span:first-child{transform:translateY(4.5px)rotate(45deg)}.mobile-menu-toggle.open i span:nth-child(2){opacity:0}.mobile-menu-toggle.open i span:last-child{transform:translateY(-4.5px)rotate(-45deg)}.mobile-logout{margin-left:0}.mobile-logout b{font-size:11px}.sidebar nav{display:none}.sidebar nav.mobile-open{border-top:1px solid #30364b;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:8px 0 2px;display:grid;overflow:visible}.sidebar nav.mobile-open button{background:#20253a;border:1px solid #30374d;justify-content:flex-start;width:100%;min-width:0;padding:0 12px}.sidebar nav.mobile-open button.active{background:#303750;border-color:#46516f;box-shadow:inset 3px 0 #6d7fec}.sidebar nav.mobile-open .nav-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar nav.mobile-open .nav-badge,.sidebar nav.mobile-open .new-badge{margin-left:auto}.sidebar.menu-expanded{box-shadow:0 10px 25px #0d12263d}}@media (max-width:380px){.mobile-menu-toggle,.mobile-logout{padding:0 8px}.mobile-menu-toggle b,.mobile-logout b{font-size:10px}}.admin-only-badge,.everyone-badge{border-radius:999px;align-self:flex-start;padding:8px 12px;font-size:12px;font-weight:800}.admin-only-badge{color:#4d61c9;background:#edf0ff}.everyone-badge{color:#237c5c;background:#e6f8f1}.support-editor{border-color:#dce1f5;margin-bottom:20px}.support-editor-head{justify-content:space-between;gap:20px;margin-bottom:20px;display:flex}.support-editor-head span{color:#5b6fd2;font-size:11px;font-weight:800}.support-editor-head h3{margin:5px 0;font-size:20px}.support-editor-head p{color:#788193;margin:0;font-size:13px}.support-lock{background:#f1f3ff;border-radius:8px;height:max-content;padding:7px 10px}.support-form{grid-template-columns:1.4fr .6fr;gap:16px;display:grid}.support-form label,.report-form label{color:#586174;font-size:13px;font-weight:700}.support-form input,.support-form select,.support-form textarea,.report-form textarea{color:#333c4e;width:100%;font:inherit;background:#fff;border:1px solid #dfe2e9;border-radius:10px;outline:none;margin-top:7px;padding:12px 13px;font-size:14px;display:block}.support-form input:focus,.support-form select:focus,.support-form textarea:focus,.report-form textarea:focus{border-color:#6477d8;box-shadow:0 0 0 3px #eef0ff}.support-form textarea{resize:vertical;min-height:85px}.support-form label:nth-of-type(4) textarea{min-height:120px}.support-form .primary{justify-self:start}.support-alert{border-radius:10px;margin:12px 0;padding:12px 14px;font-size:13px}.support-alert.error{color:#a9423b;background:#fff0ee}.support-alert.success{color:#24785a;background:#e6f8f1}.guide-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.guide-card{overflow:hidden}.guide-card-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.guide-card-head>span{color:#5165cc;background:#eef0ff;border-radius:7px;padding:6px 9px;font-size:11px;font-weight:800}.guide-card-head small{color:#8b93a1;font-size:11px}.guide-card h3{margin:17px 0 8px;font-size:19px}.guide-card>p{color:#6f798b;margin:0 0 18px;font-size:13px;line-height:1.65}.guide-card ol{gap:9px;margin:0;padding:0;list-style:none;display:grid}.guide-card li{color:#3f485a;background:#f7f8fa;border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;font-size:13px;line-height:1.5;display:flex}.guide-card li i{color:#fff;background:#5c6fd4;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:10px;font-style:normal;display:grid}.guide-card footer{color:#8a92a1;border-top:1px solid #eceef2;margin-top:18px;padding-top:14px;font-size:11px}.support-empty{color:#838c9d;text-align:center;background:#fff;border:1px dashed #d9dde7;border-radius:15px;grid-column:1/-1;align-content:center;place-items:center;gap:6px;min-height:170px;font-size:13px;display:grid}.support-empty b{color:#4a5364;font-size:15px}.support-empty span{font-size:12px}.report-layout{grid-template-columns:minmax(340px,.85fr) minmax(0,1.15fr);gap:18px;display:grid}.reporter-strip{background:#f4f6ff;border-radius:12px;align-items:center;gap:12px;margin-bottom:18px;padding:13px;display:flex}.reporter-strip small,.reporter-strip b,.reporter-strip span{display:block}.reporter-strip small,.reporter-strip span{color:#7c8598;font-size:11px}.reporter-strip b{margin:2px 0;font-size:14px}.report-form{gap:15px;display:grid}.report-form textarea{resize:vertical;min-height:145px}.report-form label>small{color:#9199a8;text-align:right;margin-top:5px;font-weight:400;display:block}.issue-upload{text-align:center;background:#fafbfc;border:1px dashed #cbd1df;border-radius:12px;align-content:center;place-items:center;gap:3px;min-height:112px;display:grid;position:relative;overflow:hidden;color:#6072d3!important}.issue-upload>span{font-size:24px;line-height:1}.issue-upload b{color:#434c5e;text-overflow:ellipsis;white-space:nowrap;max-width:90%;font-size:13px;overflow:hidden}.issue-upload small{color:#8992a2;font-size:11px}.issue-upload input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.report-form .primary{justify-content:center;width:100%}.report-history>.panel-head>b{color:#5064cb;background:#edf0ff;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.report-history>article{border-top:1px solid #edf0f3;padding:17px 0}.report-meta{align-items:center;gap:10px;display:flex}.report-meta b,.report-meta small{display:block}.report-meta b{font-size:13px}.report-meta small{color:#8992a2;margin-top:2px;font-size:11px}.report-history article>p{color:#4d5668;white-space:pre-wrap;margin:12px 0;font-size:13px;line-height:1.65}.report-image{color:#5568cd;background:#f5f6fa;border-radius:10px;align-items:center;gap:10px;padding:8px;font-size:11px;text-decoration:none;display:flex}.report-image img{object-fit:cover;border-radius:7px;width:58px;height:44px}.support-empty.compact{min-height:130px}.guide-upload{text-align:center;background:#fafbfc;border:1px dashed #cbd1df;border-radius:10px;align-content:center;place-items:center;gap:2px;min-height:80px;display:grid;position:relative;overflow:hidden;color:#6072d3!important}.guide-upload>span{font-size:20px;line-height:1}.guide-upload b{color:#434c5e;text-overflow:ellipsis;white-space:nowrap;max-width:90%;font-size:12px;overflow:hidden}.guide-upload small{color:#8992a2;font-size:10px}.guide-upload input{opacity:0;cursor:pointer;height:100%;inset:0;width:100%!important;margin:0!important;position:absolute!important}.guide-image{margin:16px -24px 0;display:block}.guide-image img{object-fit:cover;width:100%;height:220px;display:block}.guide-link{color:#5064cb;background:#eef0ff;border-radius:10px;justify-content:space-between;align-items:center;margin-top:14px;padding:11px 13px;font-size:12px;font-weight:700;text-decoration:none;display:flex}.guide-link:hover{background:#e4e8ff}.guide-link b{font-size:16px}@media (max-width:900px){.guide-list,.report-layout,.support-form{grid-template-columns:1fr}.support-form .span-2{grid-column:auto}}@media (max-width:650px){.admin-only-badge,.everyone-badge{margin-top:12px;display:inline-block}.support-editor-head{display:block}.support-lock{margin-top:10px;display:inline-block}.guide-card-head{align-items:flex-start}.guide-card-head small{text-align:right}.report-layout{display:block}.report-history{margin-top:16px}}.report-form input{color:#333c4e;width:100%;font:inherit;background:#fff;border:1px solid #dfe2e9;border-radius:10px;outline:none;margin-top:7px;padding:12px 13px;font-size:14px;display:block}.report-form input:focus{border-color:#6477d8;box-shadow:0 0 0 3px #eef0ff}.super-support-badge{color:#6750c4;letter-spacing:.04em;background:#f0edff;border-radius:999px;align-self:flex-start;padding:8px 12px;font-size:11px;font-weight:900}.issue-inbox-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.issue-inbox-summary button{color:#50596a;text-align:left;cursor:pointer;background:#fff;border:1px solid #e2e5ec;border-radius:14px;grid-template-columns:1fr auto;gap:4px 12px;padding:17px 18px;transition:all .18s;display:grid;position:relative}.issue-inbox-summary button:hover{border-color:#bbc3d7;transform:translateY(-1px)}.issue-inbox-summary button.active{border-color:#6b70d8;box-shadow:0 0 0 3px #eff0ff}.issue-inbox-summary button.active.resolved{border-color:#4aa47c;box-shadow:0 0 0 3px #e8f7f0}.issue-inbox-summary button.active.cancelled{border-color:#d17a73;box-shadow:0 0 0 3px #fff0ee}.issue-inbox-summary span{font-size:13px;font-weight:800}.issue-inbox-summary strong{color:#5064cb;grid-area:1/2/3;font-size:27px;line-height:1}.issue-inbox-summary .resolved strong{color:#288161}.issue-inbox-summary .cancelled strong{color:#b5544c}.issue-inbox-summary small{color:#9299a7;font-size:10px}.admin-issue-inbox>.panel-head>b,.report-history>.panel-head>b{color:#5064cb;background:#edf0ff;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.report-history>.panel-head p{color:#8a92a1;margin:4px 0 0;font-size:11px}.issue-document-list{gap:14px;display:grid}.issue-document{background:#fff;border:1px solid #e5e8ef;border-left:4px solid #e0a43c;border-radius:13px;padding:17px}.issue-document.status-resolved{border-left-color:#38a779}.issue-document.status-cancelled{border-left-color:#cf6a62}.issue-document>header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.issue-document>header div span,.issue-document>header div small{display:block}.document-number{color:#5366ca;letter-spacing:.02em;font-size:12px;font-weight:900}.issue-document>header div small{color:#9299a7;margin-top:3px;font-size:10px}.issue-status{border-radius:999px;flex:none;padding:6px 9px;font-size:10px;font-weight:900}.issue-status.pending{color:#9a680d;background:#fff4dc}.issue-status.resolved{color:#247c5b;background:#e6f7ef}.issue-status.cancelled{color:#aa4942;background:#fff0ee}.issue-document h4{color:#333c4e;margin:14px 0 6px;font-size:16px}.issue-document>p{color:#626c7e;white-space:pre-wrap;margin:0 0 13px;font-size:12px;line-height:1.65}.document-reporter{align-items:center;gap:9px;display:flex}.document-reporter b,.document-reporter small{display:block}.document-reporter b{font-size:11px}.document-reporter small{color:#9299a7;font-size:10px}.issue-document .report-image{margin-top:12px}.issue-flow{color:#9aa1af;background:#f8f9fb;border-radius:10px;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:7px;margin-top:15px;padding:12px;font-size:9px;font-weight:800;display:grid}.issue-flow span{white-space:nowrap;align-items:center;gap:5px;display:flex}.issue-flow i{color:#939baa;background:#fff;border:1px solid #ced3dd;border-radius:50%;place-items:center;width:20px;height:20px;font-style:normal;display:grid}.issue-flow>b{background:#dfe3ea;height:1px}.issue-flow .done{color:#287e5e}.issue-flow .done i{color:#fff;background:#46a983;border-color:#46a983}.issue-flow .current{color:#9a680d}.issue-flow .current i{color:#9a680d;background:#fff4dc;border-color:#e2a944}.issue-flow .cancelled{color:#aa4942}.issue-flow .cancelled i{color:#fff;background:#cf6a62;border-color:#cf6a62}.resolution-note{background:#eef8f3;border-radius:10px;margin-top:13px;padding:12px}.status-cancelled .resolution-note{background:#fff3f1}.resolution-note small{color:#778091;font-size:10px;font-weight:800}.resolution-note p{color:#3f4858;white-space:pre-wrap;margin:5px 0;font-size:12px;line-height:1.6}.resolution-note span{color:#8a92a1;font-size:9px}.admin-document-actions{border-top:1px solid #eceef2;gap:9px;margin-top:14px;padding-top:14px;display:flex}.admin-document-actions button{font-size:11px}.secondary.danger,.danger-action{color:#aa4942;background:#fff5f4;border:1px solid #efc4c0}.danger-action{font:inherit;cursor:pointer;border-radius:9px;padding:10px 14px;font-size:12px;font-weight:800}.danger-action:disabled{opacity:.55;cursor:not-allowed}.admin-resolution{border-top:1px solid #eceef2;margin-top:14px;padding-top:14px}.admin-resolution label{color:#586174;font-size:12px;font-weight:800;display:block}.admin-resolution textarea{width:100%;min-height:100px;font:inherit;resize:vertical;border:1px solid #dfe2e9;border-radius:10px;outline:none;margin-top:7px;padding:11px;font-size:12px;display:block}.admin-resolution textarea:focus{border-color:#6477d8;box-shadow:0 0 0 3px #eef0ff}.admin-resolution>div{justify-content:flex-end;gap:8px;margin-top:10px;display:flex}@media (max-width:900px){.issue-inbox-summary{grid-template-columns:1fr}.issue-inbox-summary button{grid-template-columns:1fr auto}.issue-flow{overflow-x:auto}}@media (max-width:650px){.super-support-badge{margin-top:12px;display:inline-block}.issue-document>header{display:block}.issue-status{margin-top:9px;display:inline-block}.admin-document-actions{flex-direction:column}.admin-document-actions button{justify-content:center}.issue-flow{grid-template-columns:auto 24px auto 24px auto;padding:10px 8px}.issue-flow span{text-align:center;white-space:normal;justify-items:center;display:grid}.issue-flow i{margin:auto}}.time-alert{color:#a9423b;background:#fff0ee;border-radius:11px;margin:0 0 16px;padding:13px 15px;font-size:13px}.time-alert.success{color:#147456;background:#eaf9f3;border:1px solid #b9e3d2;font-weight:700}.time-layout{grid-template-columns:minmax(0,1.35fr) minmax(340px,.75fr);gap:20px;display:grid}.time-console{border:1px solid var(--line);background:#fff;border-radius:18px;padding:30px}.live-clock{text-align:center;padding-bottom:24px}.live-clock span{color:#8790a0;font-size:12px}.live-clock strong{letter-spacing:-.04em;margin:8px 0 4px;font-size:44px;display:block}.live-clock p{color:#7c8596;margin:0;font-size:13px}.local-time-test{background:#fffaf0;border:1px solid #f1c878;border-radius:14px;margin:0 0 14px;padding:15px}.local-time-test-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.local-time-test-head b,.local-time-test-head small{display:block}.local-time-test-head b{color:#714d13;font-size:14px}.local-time-test-head small{color:#8a6c39;margin-top:3px;font-size:11px}.local-time-test-head>span{color:#7f5714;letter-spacing:.05em;background:#f6dfac;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:800}.local-time-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.local-time-fields label{color:#765a2b;gap:6px;font-size:12px;font-weight:700;display:grid}.local-time-fields input{color:#293246;background:#fff;border:1px solid #e5c98f;border-radius:9px;width:100%;min-height:42px;padding:8px 10px;font-size:14px}.current-location{background:#fafbff;border:1px solid #dfe4f1;border-radius:14px;margin-bottom:14px;overflow:hidden}.location-head{align-items:center;gap:12px;padding:15px;display:flex}.location-head>div{flex:1}.location-head b,.location-head small{display:block}.location-head b{font-size:14px}.location-head small{color:#778196;margin-top:3px;font-size:10px}.location-head>button{color:#5266cd;background:#fff;border:0;border-radius:8px;padding:9px 11px;font-size:11px;font-weight:700;box-shadow:0 0 0 1px #e2e6f2}.location-head>button:disabled{color:#9da5b5;cursor:not-allowed}.location-icon{color:#5368d2;background:#dfe5ff;border-radius:50%;place-items:center;width:38px;height:38px;font-size:24px;display:grid}.current-location.detecting .location-icon{animation:1.4s infinite gpsPulse}.current-location.denied .location-icon,.current-location.unavailable .location-icon{color:#c65d54;background:#fff0ee}@keyframes gpsPulse{50%{box-shadow:0 0 0 8px #5368d21a}}.coordinate-grid{background:#fff;border-top:1px solid #e3e7f1;grid-template-columns:1fr 1fr;display:grid}.coordinate-grid>div{padding:17px 18px}.coordinate-grid>div+div{border-left:1px solid #e3e7f1}.coordinate-grid span,.coordinate-grid strong{display:block}.coordinate-grid span{color:#818a9a;margin-bottom:6px;font-size:10px}.coordinate-grid strong{letter-spacing:.02em;color:#26334e;font-size:18px;font-family:var(--font-geist-mono),monospace}.photo-requirement{background:#fafbff;border:1px solid #e0e4ef;border-radius:14px;margin-bottom:14px;padding:15px}.photo-requirement.ready{background:#f6fcf9;border-color:#b9dfd0}.photo-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.photo-head b,.photo-head small{display:block}.photo-head b{font-size:13px}.photo-head small{color:#7d8696;margin-top:3px;font-size:10px}.photo-head>button,.photo-preview>button{color:#5266cd;background:#fff;border:0;border-radius:8px;padding:8px 11px;font-size:10px;font-weight:700;box-shadow:0 0 0 1px #dfe4ef}.photo-head>button{color:#b9544e}.open-camera{color:#33466f;text-align:left;background:#fff;border:1px dashed #aeb8d4;border-radius:11px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:76px;display:flex}.open-camera>span{color:#586dd0;background:#e8ecff;border-radius:50%;place-items:center;width:38px;height:38px;font-size:16px;display:grid}.open-camera b,.open-camera small{display:block}.open-camera b{font-size:12px}.open-camera small{color:#818a9a;margin-top:4px;font-size:9px}.photo-preview{background:#172033;border-radius:11px;min-height:220px;position:relative;overflow:hidden}.photo-preview img{object-fit:cover;width:100%;height:260px;display:block}.photo-preview>button{position:absolute;bottom:10px;right:10px}.time-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.time-action{text-align:left;color:#fff;background:linear-gradient(110deg,#287c63,#3aa17f);border:0;border-radius:13px;align-items:center;gap:13px;width:100%;min-height:78px;padding:12px 16px;display:flex;position:relative;box-shadow:0 10px 22px #277c6333}.time-action.clock_out{background:linear-gradient(110deg,#3a4f84,#566bc2);box-shadow:0 10px 22px #41538f33}.time-action.recommended:after{content:"แนะนำ";background:#fff3;border-radius:999px;padding:3px 6px;font-size:9px;font-weight:800;position:absolute;top:8px;right:9px}.time-action:disabled{box-shadow:none;cursor:not-allowed;background:#c8cdd8}.time-action>span{background:#ffffff2b;border-radius:50%;place-items:center;width:42px;height:42px;font-size:24px;display:grid}.time-action b,.time-action small{display:block}.time-action b{font-size:14px}.time-action small{color:#ffffffc7;margin-top:3px;font-size:10px}.time-action-help{text-align:center;color:#7e8798;margin:9px 2px 0;font-size:10px}.time-history{min-width:0;padding:24px}.history-head,.previous-head{justify-content:space-between;align-items:center;display:flex}.history-head>div>span,.previous-head>span{color:#6173d0;letter-spacing:.08em;font-size:10px;font-weight:800}.history-head h3{margin:5px 0 0;font-size:17px}.history-head>b{color:#5367cf;background:#edf0ff;border-radius:10px;place-items:center;width:35px;height:35px;display:grid}.record-list{margin-top:16px}.time-record{border-top:1px solid #edf0f3;grid-template-columns:10px 44px minmax(0,1fr) auto;align-items:start;gap:9px;padding:13px 0;display:grid}.time-dot{background:#4fc59a;border-radius:50%;width:9px;height:9px;margin-top:4px;box-shadow:0 0 0 4px #e7f8f1}.time-dot.clock_out{background:#6276d4;box-shadow:0 0 0 4px #edf0ff}.time-record time{font-size:11px;font-weight:800}.time-record>div:first-of-type{min-width:0}.time-record b,.time-record small{display:block}.time-record b{font-size:12px}.time-record small{color:#7f8898;white-space:normal;margin-top:3px;font-size:9px;line-height:1.4}.record-actions{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.record-actions a,.record-actions button{background:0 0;border:0;padding:2px;font-size:9px}.record-actions a{color:#5266cd;text-decoration:none}.record-actions button{color:#bd5951}.previous-head{border-top:1px solid #e8eaf0;margin-top:24px;padding-top:18px}.previous-head small{color:#9098a6;font-size:9px}.previous-list h4{color:#687183;margin:15px 0 2px;font-size:11px}.history-empty{color:#8a93a3;place-items:center;min-height:90px;font-size:11px;display:grid}.history-empty.compact{min-height:70px}.camera-overlay{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a111fc7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.camera-dialog{background:#fff;border-radius:18px;width:min(680px,100%);overflow:hidden;box-shadow:0 24px 70px #00000059}.camera-dialog header{justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.camera-dialog header b,.camera-dialog header small{display:block}.camera-dialog header b{font-size:15px}.camera-dialog header small{color:#7d8696;margin-top:3px;font-size:10px}.camera-dialog header>button{color:#465066;background:#f0f2f7;border:0;border-radius:50%;width:34px;height:34px;font-size:22px}.camera-view{aspect-ratio:4/3;background:#111827;place-items:center;display:grid}.camera-view video{object-fit:cover;width:100%;height:100%;display:block}.camera-error{color:#fff;text-align:center;max-width:420px;padding:20px;font-size:12px;line-height:1.6}.camera-dialog footer{justify-content:center;align-items:center;gap:14px;padding:16px;display:flex}.camera-shutter{color:#fff;background:#5267ce;border:0;border-radius:12px;padding:12px 18px;font-size:12px;font-weight:800}.camera-shutter>span{vertical-align:-1px;background:#fff;border-radius:50%;width:11px;height:11px;margin-right:8px;display:inline-block}.camera-shutter:disabled{background:#a9afbd}.camera-fallback{color:#536074;cursor:pointer;border:1px solid #dfe3ed;border-radius:12px;padding:11px 15px;font-size:11px;font-weight:700;position:relative;overflow:hidden}.camera-fallback input{opacity:0;width:1px;height:1px;position:absolute}@media (max-width:1080px){.time-layout{grid-template-columns:1fr}.time-history{min-width:0}}@media (max-width:650px){.time-console{padding:19px 14px}.live-clock strong{font-size:36px}.local-time-fields{grid-template-columns:1fr}.location-head{flex-wrap:wrap;align-items:flex-start}.location-head>div{min-width:calc(100% - 54px)}.location-head>button{margin-left:50px}.coordinate-grid{grid-template-columns:1fr}.coordinate-grid>div+div{border-top:1px solid #e3e7f1;border-left:0}.coordinate-grid strong{font-size:17px}.photo-preview{min-height:180px}.photo-preview img{height:220px}.time-actions{grid-template-columns:1fr}.time-record{grid-template-columns:9px 40px 1fr}.record-actions{grid-column:3;align-items:flex-start}.camera-overlay{padding:10px}.camera-dialog footer{flex-direction:column;align-items:stretch}.camera-shutter,.camera-fallback{text-align:center}}.attendance-alert{border:1px solid;border-radius:11px;margin:-10px 0 18px;padding:13px 16px;font-size:12px}.attendance-alert.error{color:#a7443f;background:#fff2f1;border-color:#f2cfcc}.attendance-alert.success{color:#23765a;background:#eaf8f2;border-color:#c8eadc}.attendance-metrics{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px;display:grid}.attendance-metrics article{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:1fr auto;align-items:end;padding:18px 20px;display:grid}.attendance-metrics small{color:#7e8798;grid-column:span 2;margin-bottom:7px;font-size:10px}.attendance-metrics strong{font-size:28px}.attendance-metrics span{color:#9097a5;margin-bottom:4px;font-size:10px}.attendance-tabs{border-bottom:1px solid var(--line);gap:5px;margin-bottom:18px;display:flex}.attendance-tabs button{color:#7c8494;background:0 0;border:0;border-bottom:2px solid #0000;padding:11px 16px;font-size:11px}.attendance-tabs button.active{color:#5064d0;border-bottom-color:#596bd6;font-weight:700}.attendance-form-panel{max-width:900px;padding:0;overflow:hidden}.attendance-form-head{border-bottom:1px solid var(--line);background:#fafbfc;align-items:center;gap:14px;padding:22px 26px;display:flex}.attendance-form-head>span{color:#fff;background:#596bd6;border-radius:50%;place-items:center;width:31px;height:31px;font-size:12px;font-weight:700;display:grid}.attendance-form-head h3{margin:0 0 4px;font-size:14px}.attendance-form-head p{color:#858d9d;margin:0;font-size:10px}.attendance-form{padding:25px}.attendance-form textarea{height:100px}.attendance-upload{text-align:center;color:#596bd6;background:#fafbfc;border:1px dashed #cbd1df;border-radius:12px;justify-items:center;gap:5px;min-height:112px;margin-top:18px;padding:21px;display:grid;position:relative;overflow:hidden}.attendance-upload>span{font-size:22px}.attendance-upload b{color:#3a4355;font-size:11px}.attendance-upload small{color:#8a92a1;font-size:9px}.attendance-upload input{max-width:280px;margin-top:5px;font-size:9px}.attendance-submit{justify-content:space-between;align-items:center;gap:20px;margin-top:22px;display:flex}.mini-workflow{color:#8991a1;align-items:center;gap:7px;font-size:9px;display:flex}.mini-workflow span.current{color:#5064d0;font-weight:700}.mini-workflow i{background:#d9dde6;width:20px;height:1px;display:block}.attendance-list-panel{padding:0;overflow:hidden}.attendance-list>button{text-align:left;width:100%;color:inherit;background:#fff;border:0;border-bottom:1px solid #eef0f4;grid-template-columns:48px 1fr auto 14px;align-items:center;gap:14px;padding:17px 20px;display:grid}.attendance-list>button:hover{background:#fafbff}.attendance-date{color:#5265cc;background:#f0f2ff;border-radius:10px;align-content:center;place-items:center;width:44px;height:48px;display:grid}.attendance-date b{font-size:17px;line-height:1}.attendance-date small{margin-top:4px;font-size:8px}.attendance-record-copy{min-width:0}.attendance-record-copy b,.attendance-record-copy small{display:block}.attendance-record-copy b{font-size:12px}.attendance-record-copy small{color:#8b93a2;margin-top:4px;font-size:9px}.attendance-record-copy p{color:#6f7889;white-space:nowrap;text-overflow:ellipsis;margin:6px 0 0;font-size:10px;overflow:hidden}.attendance-status{white-space:nowrap;border-radius:20px;padding:6px 9px;font-size:9px;font-weight:700;display:inline-flex}.attendance-status.amber{color:#a66d1f;background:#fff2df}.attendance-status.blue{color:#4a63be;background:#eaf0ff}.attendance-status.purple{color:#7252b2;background:#f0eaff}.attendance-status.green{color:#24795c;background:#e5f7ef}.attendance-status.red{color:#b34e47;background:#fff0ee}.attendance-status.gray{color:#737b89;background:#f0f1f4}.attendance-chevron{color:#a4aab5;font-size:20px}.attendance-empty{text-align:center;color:#8a92a1;align-content:center;place-items:center;min-height:230px;padding:30px;display:grid}.attendance-empty>span{color:#338364;background:#e8f7f0;border-radius:50%;place-items:center;width:42px;height:42px;margin-bottom:10px;font-size:18px;display:grid}.attendance-empty b{color:#4b5362;font-size:12px}.attendance-empty p{margin:6px 0;font-size:10px}.attendance-overlay{z-index:50;background:#0e121f8c;justify-content:flex-end;display:flex;position:fixed;inset:0}.attendance-overlay>section{background:#fff;width:min(560px,100%);height:100%;padding-bottom:28px;overflow:auto;box-shadow:-15px 0 45px #00000029}.attendance-overlay header{border-bottom:1px solid var(--line);height:auto;padding:22px 25px;display:flex}.attendance-overlay header span{color:#6676d5;font-size:9px;font-weight:700}.attendance-overlay header h3{margin:5px 0 0;font-size:16px}.attendance-overlay header button{color:#667080;background:#f1f2f5;border:0;border-radius:50%;width:32px;height:32px;font-size:20px}.attendance-detail-summary{background:#fafbfc;align-items:center;gap:12px;padding:20px 25px;display:flex}.attendance-detail-summary>div{flex:1}.attendance-detail-summary b,.attendance-detail-summary small{display:block}.attendance-detail-summary b{font-size:12px}.attendance-detail-summary small{color:#858d9c;margin-top:4px;font-size:9px}.returned-reason{color:#98443f;background:#fff2f1;border-radius:10px;margin:18px 25px 0;padding:14px}.returned-reason b{font-size:10px}.returned-reason p{margin:5px 0 0;font-size:11px;line-height:1.55}.attendance-detail-block{padding:20px 25px 0}.attendance-detail-block>b{color:#737c8d;font-size:10px}.attendance-detail-block>p{color:#465062;margin:8px 0 0;font-size:11px;line-height:1.7}.attendance-detail-block>p.muted{color:#969daa}.attendance-detail-block>textarea,.attendance-decision textarea{width:100%;min-height:90px;font:inherit;resize:vertical;border:1px solid #dfe2e9;border-radius:9px;margin-top:8px;padding:11px;font-size:11px;display:block}.evidence-list{gap:7px;margin-top:9px;display:grid}.evidence-list a{color:#4c5fbd;background:#f5f7ff;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:10px;font-size:10px;text-decoration:none;display:grid}.evidence-list small{color:#8b93a2}.attendance-timeline{margin-top:10px}.attendance-timeline article{grid-template-columns:12px 1fr;gap:9px;padding:4px 0 15px;display:grid;position:relative}.attendance-timeline article:before{content:"";background:#dfe3eb;width:1px;position:absolute;top:14px;bottom:-2px;left:4px}.attendance-timeline article:last-child:before{display:none}.attendance-timeline i{z-index:1;background:#5a6dd4;border-radius:50%;width:9px;height:9px;margin-top:3px}.attendance-timeline b{font-size:10px}.attendance-timeline small{color:#8b93a2;margin-top:3px;font-size:8px;display:block}.attendance-timeline p{color:#606a7c;background:#f5f6f9;border-radius:6px;margin:6px 0 0;padding:7px;font-size:9px}.attendance-decision{border-top:1px solid var(--line);margin-top:22px;padding:20px 25px}.attendance-decision label{color:#687183;font-size:10px;font-weight:700}.attendance-decision>div{justify-content:flex-end;gap:9px;margin-top:12px;display:flex}.secondary.danger{color:#a94b45;background:#fff8f7;border-color:#efcfcc}@media (max-width:700px){.attendance-metrics{grid-template-columns:1fr 1fr}.attendance-metrics article:last-child{display:none}.attendance-title{display:block}.attendance-title .primary{margin-top:12px;font-size:11px}.attendance-submit{display:block}.mini-workflow{margin-bottom:18px;overflow:auto}.attendance-list>button{grid-template-columns:45px 1fr 12px}.attendance-list .attendance-status{grid-column:2;justify-self:start;margin-top:-4px}.attendance-chevron{grid-area:1/3}.attendance-record-copy p{max-width:230px}.attendance-overlay>section{width:100%}.attendance-detail-summary{flex-wrap:wrap}.attendance-detail-summary .attendance-status{margin-left:48px}.attendance-decision>div{display:grid}.attendance-decision button{width:100%}}.attendance-person-photo,.flow-person-photo{overflow:hidden}.attendance-person-photo img,.flow-person-photo img{object-fit:cover;width:100%;height:100%;display:block}.flow-step>span i.flow-person-photo{background:#fff;border:2px solid #fff;box-shadow:0 0 0 2px #dfe4f4}.flow-step.current>span i.flow-person-photo{box-shadow:0 0 0 4px #e9ecff}.flow-step.done>span i.flow-person-photo{background:#fff}.attendance-schedule-card{color:#34426f;background:linear-gradient(135deg,#f7f9ff,#eef2ff);border:1px solid #dfe4f2;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;padding:17px 18px;display:flex}.attendance-schedule-card.night{color:#3e3c70;background:linear-gradient(135deg,#f3f1ff,#e9e8fb)}.attendance-schedule-card.empty{color:#7b8494;background:#fafbfc;display:block}.attendance-schedule-heading{align-items:center;gap:12px;min-width:0;display:flex}.attendance-schedule-heading>span{color:#596bd6;background:#fff;border-radius:10px;place-items:center;width:36px;height:36px;font-size:20px;display:grid;box-shadow:0 5px 14px #4352961a}.attendance-schedule-heading div{min-width:0}.attendance-schedule-heading small,.attendance-schedule-heading b{display:block}.attendance-schedule-heading small{color:#7783a1;margin-bottom:4px;font-size:9px}.attendance-schedule-heading b{color:inherit;font-size:13px}.attendance-schedule-times{align-items:center;gap:18px;display:flex}.attendance-schedule-times>div{text-align:center}.attendance-schedule-times small,.attendance-schedule-times strong{display:block}.attendance-schedule-times small{color:#78839d;margin-bottom:3px;font-size:9px}.attendance-schedule-times strong{color:#2e385e;font-size:20px}.attendance-schedule-times i{color:#9aa5c4;font-style:normal}.attendance-schedule-date{color:#969dac;margin:8px 0 0 48px;font-size:9px;display:block}.attendance-record-schedule{color:#4459b8;background:#f1f4ff;border-radius:10px;align-items:center;gap:10px;margin-top:9px;padding:12px 14px;display:flex}.attendance-record-schedule.night{color:#5f54aa;background:#f1effd}.attendance-record-schedule>span{background:#fff;border-radius:8px;place-items:center;width:30px;height:30px;font-size:17px;display:grid}.attendance-record-schedule strong,.attendance-record-schedule small{display:block}.attendance-record-schedule strong{font-size:11px}.attendance-record-schedule small{color:#737e9a;margin-top:3px;font-size:10px}@media (max-width:700px){.attendance-schedule-card{align-items:flex-start;display:grid}.attendance-schedule-times{justify-content:space-between;width:100%;padding-left:48px}.attendance-schedule-times>div{text-align:left}.attendance-schedule-times>div:last-child{text-align:right}}.attendance-approval-flow{border-bottom:1px solid var(--line);background:#fff;padding:18px 25px}.flow-caption{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.flow-caption b{font-size:11px}.flow-caption small{color:#7d8696;font-size:8px}.flow-steps{grid-template-columns:repeat(3,1fr);display:grid}.flow-step{text-align:left;min-width:0}.flow-step>span{align-items:center;display:flex}.flow-step>span i{color:#8991a0;background:#eceff4;border-radius:50%;flex:none;place-items:center;width:27px;height:27px;font-size:9px;font-style:normal;font-weight:700;display:grid}.flow-step>span b{background:#e5e8ee;flex:1;height:2px}.flow-step:last-child>span b{display:none}.flow-step.done>span i{color:#fff;background:#4dbf92}.flow-step.done>span b{background:#80d4b5}.flow-step.current>span i{color:#fff;background:#586bd5;box-shadow:0 0 0 4px #e9ecff}.flow-step strong,.flow-step small{overflow-wrap:anywhere;padding-left:13.5px;padding-right:15px;display:block}.flow-step strong{color:#4c5566;margin-top:7px;font-size:9px}.flow-step small{color:#949ba8;margin-top:3px;font-size:7px}.flow-step.current strong{color:#4c5fc2}.attendance-doc-list{padding:4px 22px}.attendance-doc-list article>div{min-width:0}.attendance-doc-list article>div small{overflow-wrap:anywhere}.attendance-doc-list article>div p{color:#7c8595;white-space:nowrap;text-overflow:ellipsis;max-width:560px;margin:5px 0 0;font-size:9px;overflow:hidden}.attendance-doc-list .pill.red{color:#b34e47;background:#fff0ee}.attendance-doc-list .pill.gray{color:#737b89;background:#f0f1f4}.document-inbox-empty{text-align:center;color:#8a92a1;align-content:center;place-items:center;min-height:190px;padding:25px;display:grid}.document-inbox-empty>span{color:#338364;background:#e8f7f0;border-radius:50%;place-items:center;width:38px;height:38px;margin-bottom:9px;display:grid}.document-inbox-empty b{color:#4b5362;font-size:11px}.document-inbox-empty p{margin:5px 0;font-size:9px}.document-tabs{margin-bottom:18px}.returned-edit-grid{padding:20px 25px 0}.returned-edit-grid label{color:#687183;font-size:10px;font-weight:700}.returned-edit-grid input,.returned-edit-grid select{color:#333c4e;width:100%;font:inherit;background:#fff;border:1px solid #dfe2e9;border-radius:9px;margin-top:7px;padding:11px 12px;font-size:11px;display:block}.returned-evidence-upload{color:#596bd6;text-align:center;background:#fafbfc;border:1px dashed #cbd1df;border-radius:10px;justify-items:center;gap:4px;margin-top:10px;padding:14px;display:grid}.returned-evidence-upload>span{font-size:18px}.returned-evidence-upload b{color:#3a4355;font-size:10px}.returned-evidence-upload small{color:#8a92a1;font-size:8px}.returned-evidence-upload input{max-width:260px;margin-top:5px;font-size:8px}@media (max-width:700px){.flow-caption{flex-direction:column;align-items:flex-start;gap:5px}.flow-step strong,.flow-step small{padding-right:5px}.attendance-doc-list article{grid-template-columns:40px minmax(0,1fr)}.attendance-doc-list article>.secondary{grid-column:2;width:100%;min-width:0}.attendance-doc-list article time,.attendance-doc-list article .pill{display:none}}.notification-center{position:relative}.notification-trigger b{color:#fff;background:#e85f58;border:2px solid #fff;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:9px;line-height:1;display:grid;position:absolute;top:-7px;right:-7px}.notification-trigger.active{color:#4e61c4;background:#f1f3ff;border-color:#5b6fd8}.notification-popover{z-index:60;background:#fff;border:1px solid #e1e4eb;border-radius:17px;flex-direction:column;width:min(410px,100vw - 28px);max-height:min(620px,100vh - 100px);display:flex;position:absolute;top:52px;right:0;overflow:hidden;box-shadow:0 20px 55px #19234133}.notification-popover>header{border:0;border-bottom:1px solid #eceef2;align-items:center;height:auto;min-height:76px;padding:17px 18px;display:flex}.notification-popover>header div{flex:1}.notification-popover>header strong,.notification-popover>header small{display:block}.notification-popover>header strong{font-size:16px}.notification-popover>header small{color:#858e9d;margin-top:3px;font-size:10px}.notification-popover>header button{color:#5267cf;background:0 0;border:0;font-size:10px;font-weight:800}.notification-filters{border-bottom:1px solid #eef0f3;gap:5px;padding:10px 14px;display:flex}.notification-filters button{color:#778091;background:0 0;border:0;border-radius:8px;padding:7px 10px;font-size:10px}.notification-filters button.active{color:#4559bd;background:#edf0ff;font-weight:800}.notification-list{overflow:auto}.notification-list>button{color:#3f4859;text-align:left;background:#fff;border:0;border-bottom:1px solid #f0f1f4;grid-template-columns:38px 1fr 8px;gap:11px;width:100%;padding:14px 16px;display:grid;position:relative}.notification-list>button:hover{background:#f8f9fc}.notification-list>button.unread{background:#f5f7ff}.notification-kind{color:#5368c9;background:#eaf0ff;border-radius:11px;place-items:center;width:36px;height:36px;font-size:10px;font-weight:900;display:grid}.notification-kind.announcement{color:#188360;background:#e9f8f2}.notification-list b,.notification-list p,.notification-list small{display:block}.notification-list b{font-size:12px}.notification-list p{color:#6e7788;margin:4px 0;font-size:10px;line-height:1.45}.notification-list small{color:#98a0ae;font-size:9px}.notification-list i{background:#586cd5;border-radius:50%;align-self:center;width:7px;height:7px}.notification-empty{text-align:center;color:#8c94a2;margin:0;padding:42px 20px;font-size:11px}@media (max-width:650px){.notification-popover{width:auto;max-height:calc(100vh - 104px);position:fixed;top:84px;left:14px;right:14px}.notification-popover>header{padding:14px 16px}.notification-list>button{padding:14px}}.announcement-overlay{z-index:80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#141d307a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.announcement-overlay form{background:#fff;border-radius:18px;width:min(560px,100%);padding:0 24px 24px;box-shadow:0 24px 70px #0f182d4d}.announcement-overlay form>header{border:0;border-bottom:1px solid #e8eaf0;align-items:flex-start;height:auto;margin:0 -24px 20px;padding:20px 24px;display:flex}.announcement-overlay header div{flex:1}.announcement-overlay header span{color:#5368ce;letter-spacing:.12em;font-size:9px;font-weight:900}.announcement-overlay header h3{margin:4px 0 0;font-size:18px}.announcement-overlay header button{color:#7b8495;background:0 0;border:0;font-size:25px;line-height:1}.announcement-overlay label{color:#596275;margin-top:14px;font-size:11px;font-weight:800;display:block}.announcement-overlay input,.announcement-overlay select,.announcement-overlay textarea{color:#333c4e;width:100%;font:inherit;background:#fff;border:1px solid #dfe2e9;border-radius:10px;outline:none;margin-top:7px;padding:11px 12px;font-size:12px;display:block}.announcement-overlay textarea{resize:vertical;min-height:130px}.announcement-overlay input:focus,.announcement-overlay select:focus,.announcement-overlay textarea:focus{border-color:#6477d8;box-shadow:0 0 0 3px #eef0ff}.announcement-overlay form>div:last-child{justify-content:flex-end;gap:9px;margin-top:20px;display:flex}@media (max-width:650px){.announcement-overlay{align-items:end;padding:0}.announcement-overlay form{padding-bottom:calc(20px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0}}:root{--brand-navy:#304252;--brand-navy-deep:#243442;--brand-green:#008f63;--brand-green-deep:#007451;--brand-green-soft:#e9f7f2;--brand-orange:#f6a01a;--brand-red:#e22b30;--brand-cyan:#00a6c7;--ink:#23313b;--muted:#697780;--line:#e0e7e5;--nav:var(--brand-navy);--paper:#f4f7f6}body{font-family:var(--font-geist-sans),Arial,"Noto Sans Thai",sans-serif;background:var(--paper)}.sidebar{background:linear-gradient(180deg,var(--brand-navy-deep),var(--brand-navy));border-right:1px solid #ffffff0f}.brand{justify-content:center;display:flex;position:relative}.brand:after{content:"";background:linear-gradient(90deg,#35b84a 0 27%,var(--brand-orange) 27% 50%,var(--brand-red) 50% 74%,var(--brand-cyan) 74%);height:2px;position:absolute;bottom:16px;left:10px;right:10px}.pms-logo-lockup{color:#fff;background:0 0;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:12px;width:300px;line-height:1;display:grid}.pms-logo-ribbons{flex-direction:column;justify-content:center;gap:4px;height:64px;display:flex}.pms-logo-ribbons i{border-radius:8px;width:42px;height:8px;display:block;transform:skew(-23deg)}.pms-logo-ribbons i:first-child{background:#08aa70}.pms-logo-ribbons i:nth-child(2){background:#ff9812}.pms-logo-ribbons i:nth-child(3){background:#ed252d}.pms-logo-ribbons i:nth-child(4){background:#09a9c9}.pms-logo-copy{min-width:0}.pms-logo-copy strong,.pms-logo-copy small{white-space:nowrap;display:block}.pms-logo-copy strong{letter-spacing:-.045em;font-size:52px}.pms-logo-copy small{margin-top:3px;font-size:10px;font-weight:700}.pms-logo-lockup.compact{grid-template-columns:31px minmax(0,1fr);gap:8px;width:190px}.pms-logo-lockup.compact .pms-logo-ribbons{gap:3px;height:42px}.pms-logo-lockup.compact .pms-logo-ribbons i{width:27px;height:5px}.pms-logo-lockup.compact .pms-logo-copy strong{font-size:39px;line-height:42px}.pms-logo-lockup.compact .pms-logo-copy small{margin-top:-2px;font-size:6px}.pms-logo-lockup.compact.without-subtitle{width:132px}.pms-logo-lockup.light{color:var(--brand-navy-deep)}nav button{color:#c6d0d4;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:13px;display:flex}nav button:hover{color:#fff;background:#ffffff12}nav button.active{color:#fff;box-shadow:inset 3px 0 var(--brand-green);background:#008f634d;border-color:#51cc9f40}nav button svg{stroke-width:1.8px}.sidebar-foot{border-top-color:#ffffff1f}header{border-bottom-color:var(--line);box-shadow:0 1px #1f372f05}.eyebrow{font-weight:700;color:var(--brand-green)!important}.app-header .header-company{align-items:center;gap:18px;min-width:0;display:flex}.app-header .header-company-logo{background:linear-gradient(145deg,var(--brand-green),#08765a);color:#fff;letter-spacing:.03em;border:1px solid #dce5e1;border-radius:15px;flex:none;place-items:center;width:72px;height:72px;font-size:20px;font-weight:900;display:grid;overflow:hidden;box-shadow:0 7px 18px #1f3e351f}.app-header .header-company-logo img{object-fit:contain;background:#fff;width:100%;height:100%;display:block}.app-header .header-copy{min-width:0}.app-header .company-name{color:var(--brand-green);align-items:baseline;gap:6px;margin:0 0 6px;line-height:1.25;display:flex}.app-header .company-name span{white-space:nowrap;font-size:12px;font-weight:700}@media (max-width:760px){.app-header .header-company{gap:11px}.app-header .header-company-logo{border-radius:12px;width:52px;height:52px;font-size:15px}.app-header .company-name{gap:4px;margin-bottom:4px}.app-header .company-name strong{text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:12px;overflow:hidden}.app-header .company-name span{font-size:10px}}@media (max-width:480px){.app-header .header-company-logo{border-radius:10px;width:44px;height:44px;font-size:13px}.app-header .company-name strong{max-width:145px}.app-header .header-copy>p:last-child{display:none}}.icon-button{border-color:var(--line);border-radius:10px}.icon-button span{background:var(--brand-red)}.avatar{background:var(--brand-green-soft);color:var(--brand-green-deep)}.hero-card{background:linear-gradient(112deg,var(--brand-navy-deep),var(--brand-navy) 65%,#3b5666);box-shadow:0 16px 35px #273d4a29}.status-dot:before{background:#54d49f}.clock-box button{color:var(--brand-green-deep)}.clock-box button.clocked{color:#124735;background:#bfeedd}.panel,.metrics article,.role-viewer{border-color:var(--line);box-shadow:0 7px 24px #253d330a}.metric-icon.indigo{color:var(--brand-green-deep);background:var(--brand-green-soft)}.metric-icon.amber{color:#a66900;background:#fff4dc}.metric-icon.coral{color:#bc292e;background:#fff0f0}.job-dot.j1{background:var(--brand-cyan);box-shadow:0 0 0 4px #e4f7fb}.panel-head button,.text-button{color:var(--brand-green-deep);font-weight:700}.role-picker-grid button.active{border-color:var(--brand-green);background:var(--brand-green-soft);box-shadow:0 5px 12px #008f631f}.role-picker-grid button>svg,.role-viewer-copy>span{color:var(--brand-green-deep)}.role-avatar{background:var(--brand-green-soft);color:var(--brand-green-deep)}.role-flow i{background:var(--brand-green)}.compact-role{background:var(--brand-green-soft);color:#24473b;border-color:#cfe4dc}.primary,.hero-action{background:var(--brand-green);border-color:var(--brand-green);color:#fff}.primary:hover,.hero-action:hover{background:var(--brand-green-deep)}.new-badge{background:var(--brand-orange);color:#3f2b04}.login-story{background:radial-gradient(circle at 92% 8%,#00a6c72e,transparent 30%),linear-gradient(145deg,var(--brand-navy-deep),var(--brand-navy) 58%,#3a5865)}.login-story:before,.login-story:after{border-color:#ffffff14}.login-logo-card{width:min(100%,300px)}.story-kicker{color:#76d8b4}.story-copy p{color:#d6e0e3}.login-flow li{color:#9fb0b8}.login-flow li:not(:last-child):after{background:#58707b}.login-flow i{color:#aec0c7;background:#2d4350;border-color:#607681}.login-flow li.current i{background:var(--brand-green);border-color:#4cc69a;box-shadow:0 0 0 5px #008f632e}.login-flow li.done i{background:var(--brand-green-deep);border-color:#41bd90}.step-chip{background:var(--brand-green-soft);color:var(--brand-green-deep)}.company-code-field:focus-within,.account-form>input:focus,.password-field:focus-within{border-color:var(--brand-green);box-shadow:0 0 0 4px var(--brand-green-soft)}.login-primary{background:linear-gradient(115deg,var(--brand-green),var(--brand-green-deep));box-shadow:0 11px 24px #00745133}.platform-entry button,.password-label button{color:var(--brand-green-deep)}.remember-check input{accent-color:var(--brand-green)}.mobile-login-brand .pms-logo-lockup{width:190px}@media (max-width:760px){.sidebar{background:var(--brand-navy-deep)}.brand{justify-content:flex-start;padding-bottom:10px}.brand:after{bottom:2px}.brand .pms-logo-lockup{width:132px}}.attendance-summary{min-width:0}.today-time-grid{gap:10px;margin:14px 0;display:flex}.today-time-grid>div{background:#ffffff12;border:1px solid #ffffff1f;border-radius:11px;min-width:128px;padding:10px 14px}.today-time-grid span,.today-time-grid strong{display:block}.today-time-grid strong{margin-top:3px;font-size:20px}.attendance-hero .clock-box button{color:#117151}.attendance-hero .clock-box button:focus-visible{outline-offset:3px;outline:3px solid #fff6}@media (max-width:620px){.today-time-grid{grid-template-columns:1fr 1fr;display:grid}.today-time-grid>div{min-width:0}.attendance-hero .clock-box{border-top:1px solid #ffffff1f;padding-top:20px}}.daily-plan-panel{min-width:0}.daily-plan-panel .panel-head{align-items:flex-start}.daily-plan-panel .panel-head p{color:#7e8798;margin:6px 0 0;font-size:12px}.dashboard-plan-stack{gap:18px;min-width:0;display:grid}.metrics.dashboard-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-icon.rose{color:#bd3445;background:#fdebed}.overdue-plan-panel{border-color:#f0d7da}.overdue-plan-panel .kicker{color:#a92c3c}.daily-plan-table{border:1px solid #edf0f4;border-radius:12px;outline:none;max-width:100%;overflow:auto}.daily-plan-table:focus-visible{box-shadow:0 0 0 3px #5366ce2e}.daily-plan-table table{border-collapse:collapse;width:100%;min-width:760px}.daily-plan-table th,.daily-plan-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #edf0f4;padding:13px 14px}.daily-plan-table th{color:#737d90;background:#f7f8fb;font-size:11px;font-weight:700}.daily-plan-table td{color:#4b5568;font-size:12px}.daily-plan-table td:nth-child(2){white-space:normal;color:#273043;min-width:180px}.daily-plan-table td small{color:#9a6570;margin-top:4px;font-size:10px;display:block}.daily-plan-table tr:last-child td{border-bottom:0}.daily-plan-status{color:#697386;background:#f1f2f5;border-radius:999px;align-items:center;padding:6px 9px;font-size:10px;font-weight:700;display:inline-flex}.daily-plan-status.done{color:#27855f;background:#e8f8f2}.daily-plan-status.late{color:#a86319;background:#fff2df}.daily-plan-status.waiting{color:#b42332;background:#fdeced}.daily-plan-state{text-align:center;color:#7b8495;background:#fafbfc;border:1px dashed #dfe3ea;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:166px;font-size:13px;display:flex}.daily-plan-state b{color:#3d4658}.daily-plan-state.error{color:#a34a42;background:#fff8f7;border-color:#f0ceca}.daily-plan-warning{color:#8b641e;background:#fff7e6;border-radius:9px;margin:11px 0 0;padding:9px 11px;font-size:11px}@media (max-width:1180px){.metrics.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.metrics.dashboard-metrics{grid-template-columns:1fr}.daily-plan-panel{margin-left:-5px;margin-right:-5px}.daily-plan-panel .panel-head{gap:10px}.daily-plan-panel .panel-head button{white-space:nowrap}.daily-plan-table th,.daily-plan-table td{padding:12px 11px}}.summary-title{margin-bottom:22px}.summary-page-tabs{background:#f4f7f6;border:1px solid #dfe5e4;border-radius:12px;gap:6px;width:max-content;max-width:100%;margin:-8px 0 20px;padding:5px;display:flex}.summary-page-tabs button{color:#657284;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;min-height:40px;padding:8px 14px;font-size:11px;display:flex}.summary-page-tabs button span{font-size:17px}.summary-page-tabs button.active{color:#137658;background:#fff;box-shadow:0 2px 8px #193b3020}.summary-filterbar{flex-wrap:wrap;align-items:flex-end}.summary-filterbar label{color:#778194;gap:6px;font-size:11px;font-weight:700;display:grid}.summary-filterbar label select{min-width:190px;margin:0}.summary-filterbar .summary-employee-select{flex:1;min-width:280px}.summary-filterbar .summary-employee-select select{width:100%}.summary-export span{font-size:18px;line-height:1}.summary-export:disabled{opacity:.55;cursor:wait}.summary-alert{color:#a44740;background:#fff2f1;border:1px solid #efcac6;border-radius:10px;margin:0 0 15px;padding:12px 14px;font-size:12px}.summary-alert.success{color:#187052;background:#ecfaf4;border-color:#bde5d6}.summary-metrics{margin-bottom:20px}.summary-metrics article{position:relative;overflow:hidden}.summary-metrics article:after{content:"";background:#2eaa7d;height:3px;position:absolute;inset:auto 0 0}.summary-metrics article:nth-child(2):after{background:#d35950}.summary-metrics article:nth-child(3):after{background:#e1a03c}.summary-metrics article:nth-child(4):after{background:#e37950}.summary-detail{padding:0;overflow:hidden}.summary-detail-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:24px;padding:22px 24px;display:flex}.summary-detail-head>div:first-child>span{color:#168365;letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:800;display:block}.summary-detail-head h3{margin:0;font-size:17px}.summary-detail-head p{color:#858e9d;margin:5px 0 0;font-size:10px}.summary-case-tabs{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.summary-case-tabs button{color:#687183;background:#fff;border:1px solid #e1e5ea;border-radius:9px;align-items:center;gap:7px;min-height:36px;padding:7px 10px;font-size:11px;display:flex}.summary-case-tabs button b{color:#596273;background:#f0f2f5;border-radius:11px;place-items:center;min-width:21px;height:21px;padding:0 5px;font-size:9px;display:grid}.summary-case-tabs button.active{color:#137658;background:#eaf8f3;border-color:#15936d;font-weight:800}.summary-case-tabs button.active b{color:#fff;background:#15936d}.summary-table-wrap{overflow:auto}.summary-table th{z-index:1;padding:12px 18px;position:sticky;top:0}.summary-table td{padding:13px 18px}.summary-table tbody tr:hover{background:#fbfdfc}.summary-table .muted-row{background:#fafbfc}.summary-table .muted-row:hover{background:#f7f8fa}.summary-table td:first-child{min-width:120px}.summary-table td:nth-child(4){min-width:190px}.summary-table td:nth-child(5){min-width:170px}.time-value{color:#263446;font-variant-numeric:tabular-nums;font-size:13px;font-weight:800}.time-value.muted,.branch-value,.day-note{color:#788294;font-size:11px;font-weight:400}.day-statuses{flex-wrap:wrap;gap:5px;display:flex}.day-status{white-space:nowrap;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:800;display:inline-flex}.day-status.normal{color:#24795a;background:#e6f7ef}.day-status.late{color:#9a670f;background:#fff2d8}.day-status.early{color:#a35531;background:#fff0e8}.day-status.absent{color:#a7433e;background:#ffedeb}.day-status.incomplete{color:#5e57a8;background:#efedff}.day-status.future,.day-status.day-off{color:#737c8b;background:#eef0f3}.summary-empty{text-align:center;color:#8891a0;height:190px}.summary-detail-foot{border-top:1px solid var(--line);color:#6f798a;background:#fafbfc;justify-content:space-between;gap:16px;padding:13px 24px;font-size:10px;display:flex}.summary-detail-foot small{color:#9098a5}.schedule-settings-layout{gap:18px;display:grid}.schedule-settings-intro{background:linear-gradient(135deg,#eefaf6,#f9fcfb);border:1px solid #cce7dd;border-radius:15px;justify-content:space-between;align-items:center;gap:32px;padding:22px 24px;display:flex}.schedule-settings-intro>div:first-child>span{color:#148160;letter-spacing:.08em;font-size:10px;font-weight:900}.schedule-settings-intro h3{margin:5px 0 4px;font-size:18px}.schedule-settings-intro p{color:#6f7d88;margin:0;font-size:11px}.schedule-logic-note{color:#6d7884;background:#fff;border-radius:11px;gap:5px;min-width:270px;padding:13px 16px;font-size:10px;display:grid;box-shadow:0 3px 14px #194a3920}.schedule-logic-note b{color:#263548;margin-bottom:2px;font-size:11px}.schedule-logic-note span:before{content:"✓";color:#18936d;margin-right:7px;font-weight:900}.schedule-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.schedule-card{background:#fff;border:1px solid #e2e7e8;border-radius:15px;padding:22px;overflow:hidden;box-shadow:0 6px 24px #1f3d3312}.schedule-card:before{content:"";background:#e8b343;height:4px;margin:-22px -22px 18px;display:block}.schedule-card.night:before{background:#6856b5}.schedule-card header{align-items:center;gap:12px;display:flex}.schedule-icon{color:#b67a0a;background:#fff6dc;border-radius:12px;place-items:center;width:42px;height:42px;font-size:22px;display:grid}.schedule-card.night .schedule-icon{color:#5f4eae;background:#f0edff}.schedule-card header small{color:#8c95a2;letter-spacing:.08em;font-size:9px;font-weight:900}.schedule-card h3{margin:2px 0 0;font-size:17px}.schedule-duration{color:#65726f;background:#f2f5f4;border-radius:999px;margin-left:auto;padding:5px 9px;font-size:10px;font-weight:800}.schedule-time-grid{grid-template-columns:1fr auto 1fr;align-items:end;gap:14px;margin:24px 0 12px;display:grid}.schedule-time-grid label{color:#6f7a88;gap:7px;font-size:10px;font-weight:800;display:grid}.schedule-time-grid input{color:#26364a;font-variant-numeric:tabular-nums;background:#f9fbfa;border:1px solid #dce3e3;border-radius:10px;width:100%;min-height:48px;padding:8px 12px;font-size:20px;font-weight:800}.schedule-time-grid i{color:#92a09d;padding-bottom:15px;font-style:normal}.overnight-note{color:#6559a0;background:#f4f1ff;border-radius:8px;margin:0 0 14px;padding:9px 11px;font-size:10px}.schedule-card footer{border-top:1px solid #edf0f0;justify-content:space-between;align-items:center;gap:14px;padding-top:16px;display:flex}.schedule-card footer small{color:#8b95a2;font-size:9px}.schedule-card footer button{min-height:38px;padding:8px 14px}.schedule-card footer button:disabled{opacity:.6;cursor:wait}@media (max-width:900px){.schedule-card-grid{grid-template-columns:1fr}.schedule-settings-intro{flex-direction:column;align-items:stretch}.schedule-logic-note{min-width:0}}@media (max-width:760px){.summary-page-tabs{width:100%;overflow-x:auto}.summary-page-tabs button{flex:1;min-width:max-content}.summary-filterbar{grid-template-columns:1fr}.summary-filterbar label,.summary-filterbar .summary-employee-select{grid-column:1/-1;min-width:0}.summary-filterbar label select{min-width:0}.summary-filterbar .summary-export{grid-column:1/-1}.summary-detail-head{padding:18px;display:block}.summary-case-tabs{flex-wrap:nowrap;justify-content:flex-start;margin-top:15px;padding-bottom:2px;overflow-x:auto}.summary-case-tabs button{flex:none}.summary-detail-foot{padding:12px 18px;display:grid}.summary-table{min-width:830px}.summary-table th,.summary-table td{padding-left:14px;padding-right:14px}.schedule-settings-intro,.schedule-card{padding:18px}.schedule-card:before{margin:-18px -18px 16px}.schedule-time-grid{gap:8px}.schedule-time-grid input{font-size:17px}.schedule-card footer{flex-direction:column;align-items:stretch}.schedule-card footer button{width:100%}}.daily-job-strip{background:linear-gradient(90deg,#f0faf6,#fff);border:1px solid #cfe6dc;border-radius:14px;align-items:center;gap:14px;margin:0 0 16px;padding:14px 18px;display:flex;box-shadow:0 4px 18px #1b5b4310}.job-status-dot{background:#19a875;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 5px #dff5ed}.daily-job-strip>div:nth-child(2){flex:1}.daily-job-strip b{color:#25364a;font-size:14px}.daily-job-strip p{color:#6e7b89;margin:3px 0 0;font-size:13px}.job-last-run{border-left:1px solid #dbe9e4;gap:2px;padding-left:16px;display:grid}.job-last-run span{color:#7d8994;font-size:12px}.job-last-run b{font-size:13px}.job-totals{gap:7px;display:flex}.job-totals span{color:#995142;background:#fff0ec;border-radius:8px;padding:6px 9px;font-size:12px}.job-totals span:nth-child(2){color:#91680d;background:#fff5dc}.job-totals span:nth-child(3){color:#9b5d3c;background:#fff0e8}.schedule-settings-toolbar{background:linear-gradient(130deg,#edf9f5,#fbfdfc);border:1px solid #c7e4da;border-radius:16px;justify-content:space-between;align-items:center;gap:28px;padding:22px 24px;display:flex}.schedule-settings-toolbar>div:first-child>span{color:#148160;letter-spacing:.08em;font-size:12px;font-weight:900}.schedule-settings-toolbar h3{color:#223448;margin:5px 0 4px;font-size:20px}.schedule-settings-toolbar p{color:#6e7c88;margin:0;font-size:14px}.schedule-team-picker{align-items:flex-end;gap:10px;display:flex}.schedule-team-picker label{color:#617080;gap:6px;font-size:13px;font-weight:800;display:grid}.schedule-team-picker select{color:#26384a;background:#fff;border:1px solid #cfdcd8;border-radius:10px;min-width:205px;height:43px;margin:0;font-size:14px}.auto-default-button{color:#fff;white-space:nowrap;background:#147758;border:1px solid #1c8c6b;border-radius:10px;align-items:center;gap:8px;min-height:43px;padding:9px 14px;font-size:13px;font-weight:800;display:flex}.auto-default-button span{font-size:17px}.auto-default-button:disabled{opacity:.6}.schedule-calendar-layout{grid-template-columns:minmax(0,1.65fr) minmax(290px,.72fr);align-items:start;gap:18px;display:grid}.schedule-calendar-card,.schedule-selection-panel{background:#fff;border:1px solid #e0e7e5;border-radius:16px;box-shadow:0 7px 25px #1e443817}.schedule-calendar-card{overflow:hidden}.schedule-calendar-card>header{border-bottom:1px solid #edf0ef;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.schedule-calendar-card>header button{color:#35475a;background:#fff;border:1px solid #dce4e1;border-radius:10px;place-items:center;width:38px;height:38px;font-size:25px;display:grid}.schedule-calendar-card>header div{text-align:center}.schedule-calendar-card>header span{color:#168365;letter-spacing:.06em;font-size:12px;font-weight:900}.schedule-calendar-card>header h3{color:#26374a;margin:3px 0 0;font-size:19px}.schedule-weekdays,.schedule-calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.schedule-weekdays{color:#82908f;text-align:center;padding:10px 14px 6px;font-size:13px;font-weight:800}.schedule-calendar-grid{gap:7px;padding:7px 14px 16px;position:relative}.schedule-calendar-loading{color:#7b888f;grid-column:1/-1;place-items:center;min-height:330px;font-size:14px;display:grid}.schedule-day{color:#2b3b4e;text-align:left;background:#fbfcfc;border:1px solid #e6ebe9;border-radius:10px;align-content:start;gap:3px;min-height:78px;padding:8px;display:grid;position:relative}.schedule-day:hover{background:#f6fbf9;border-color:#89c7b3}.schedule-day.weekend{color:#75808d;background:#f7f8f9}.schedule-day>span{font-size:14px;font-weight:900}.schedule-day>b{color:#a36c05;margin-top:5px;font-size:12px}.schedule-day.night>b{color:#5d4fa5}.schedule-day>small{color:#85908e;font-size:11px}.schedule-day>i{color:#127252;background:#e1f4ec;border-radius:50%;place-items:center;width:18px;height:18px;font-size:10px;font-style:normal;font-weight:900;display:grid;position:absolute;top:7px;right:7px}.schedule-day>i.manual{color:#5c4ca5;background:#eae7fb}.schedule-day.selected{background:#eaf8f3;border-color:#168765;box-shadow:inset 0 0 0 1px #168765}.schedule-day.selected:after{content:"✓";color:#168765;font-weight:900;position:absolute;bottom:5px;right:6px}.schedule-calendar-card>footer{background:#fafcfb;border-top:1px solid #edf0ef;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.schedule-calendar-card>footer>div{color:#697684;flex-wrap:wrap;align-items:center;gap:7px;font-size:12px;display:flex}.schedule-calendar-card>footer i{color:#127252;background:#e1f4ec;border-radius:50%;place-items:center;width:18px;height:18px;font-size:10px;font-style:normal;font-weight:900;display:grid}.schedule-calendar-card>footer i.manual{color:#5c4ca5;background:#eae7fb}.schedule-calendar-card>footer button{color:#147758;background:0 0;border:0;font-size:13px;font-weight:800}.legend{border-radius:3px;width:10px;height:10px;display:inline-block}.legend.day{background:#e5ac35}.legend.night{background:#6957b4}.legend.off{background:#aeb7bd}.schedule-day.day-off{color:#8a939d;cursor:not-allowed;background:#f2f4f5;border-style:dashed}.schedule-day.day-off:hover{background:#f2f4f5;border-color:#e0e5e7}.schedule-day.day-off>b{color:#747e88}.schedule-day.day-off>small{color:#949ca4}.schedule-day.pending{background:#f8fafb;border-color:#cfd8dc}.schedule-day.pending>b{color:#62727d;font-size:10px}.schedule-day.pending>small{color:#82919a}.schedule-selection-panel{gap:16px;padding:19px;display:grid;position:sticky;top:16px}.selection-count{border-bottom:1px solid #e9eeec;grid-template-columns:1fr auto;align-items:center;padding-bottom:14px;display:grid}.selection-count>span{color:#677584;font-size:13px;font-weight:800}.selection-count>strong{color:#147758;font-size:28px;line-height:1}.selection-count>small{color:#899391;grid-column:1/-1;margin-top:5px;font-size:12px}.schedule-selection-panel fieldset{border:0;gap:9px;margin:0;padding:0;display:grid}.schedule-selection-panel legend{color:#526171;margin-bottom:9px;font-size:13px;font-weight:900}.schedule-selection-panel fieldset label{cursor:pointer;background:#fbfcfc;border:1px solid #e0e6e4;border-radius:12px;grid-template-columns:auto auto 1fr auto;align-items:center;gap:10px;padding:12px;display:grid}.schedule-selection-panel fieldset label.selected.day{background:#fff9e9;border-color:#dca52d}.schedule-selection-panel fieldset label.selected.night{background:#f6f3ff;border-color:#7868bd}.schedule-selection-panel fieldset input{opacity:0;pointer-events:none;position:absolute}.schedule-selection-panel .schedule-icon{width:36px;height:36px;font-size:19px}.schedule-selection-panel fieldset label>b{color:#2c3d50;font-size:14px}.schedule-selection-panel fieldset label b small{color:#778493;margin-top:3px;font-size:12px;font-weight:500;display:block}.schedule-selection-panel fieldset label>i{color:#147758;font-style:normal;font-weight:900;display:none}.schedule-selection-panel fieldset label.selected>i{display:block}.save-calendar-button{width:100%;min-height:44px}.save-calendar-button:disabled{opacity:.5}.recal-card{background:#eef8f4;border-radius:12px;grid-template-columns:auto 1fr;gap:10px;padding:14px;display:grid}.recal-icon{color:#fff;background:#147758;border-radius:10px;place-items:center;width:34px;height:34px;font-size:21px;display:grid}.recal-card b{color:#244236;font-size:13px}.recal-card p{color:#60776e;margin:3px 0 9px;font-size:12px;line-height:1.45}.recal-card button{color:#126a50;background:#fff;border:1px solid #93c7b4;border-radius:8px;grid-column:2;width:max-content;padding:7px 10px;font-size:12px;font-weight:800}.recal-card>small{color:#557269;border-top:1px solid #cfe5dc;grid-column:1/-1;padding-top:9px;font-size:11px}.schedule-rule-details{background:#fff;border:1px solid #e0e7e5;border-radius:14px;overflow:hidden}.schedule-rule-details>summary{cursor:pointer;color:#314254;justify-content:space-between;align-items:center;gap:10px;padding:17px 20px;font-size:14px;font-weight:900;display:flex}.schedule-rule-details>summary small{color:#7f8a93;font-size:12px;font-weight:500}.schedule-rule-details[open]>summary{border-bottom:1px solid #e8edeb}.schedule-rule-details .schedule-card-grid{padding:18px}.schedule-rule-details .schedule-card{box-shadow:none}.schedule-rule-details .schedule-card header small,.schedule-rule-details .schedule-card footer small,.schedule-rule-details .schedule-time-grid label,.schedule-rule-details .overnight-note{font-size:12px}.shift-value{grid-template-columns:34px 1fr;align-items:center;gap:9px;display:inline-grid}.shift-value>span:last-child{gap:2px;display:grid}.shift-value b{color:#2d3d50;font-size:12px}.shift-value small{color:#7a8794;white-space:nowrap;font-size:10px}.shift-value-icon{color:#b77800;background:#fff3cd;border-radius:10px;place-items:center;width:34px;height:34px;font-size:19px;line-height:1;display:grid}.shift-value.night .shift-value-icon{color:#6250b4;background:#eeebff}.shift-value.off .shift-value-icon,.shift-value.pending .shift-value-icon{color:#7a8590;background:#eef1f3}.shift-value.pending .shift-value-icon{letter-spacing:1px;font-weight:900}.day-status.schedule-pending{color:#667481;background:#edf1f3}.job-description{flex:1;min-width:220px}.job-time-setting{border-left:1px solid #dbe9e4;align-items:flex-end;gap:8px;padding:0 14px;display:flex}.job-time-setting label{color:#6f7d89;gap:4px;font-size:12px;font-weight:800;display:grid}.job-time-setting input{color:#26384a;background:#fff;border:1px solid #cddbd6;border-radius:9px;width:112px;min-height:38px;margin:0;padding:6px 9px;font-size:15px;font-weight:800}.job-time-setting button{color:#126f52;white-space:nowrap;background:#fff;border:1px solid #8bc5b0;border-radius:9px;min-height:38px;padding:7px 10px;font-size:12px;font-weight:800}.job-time-setting button:disabled{opacity:.5}.job-setting-message{margin-top:6px;font-size:11px;display:block}.job-setting-message.success{color:#147758}.job-setting-message.error{color:#a44740}@media (max-width:1080px){.daily-job-strip{flex-wrap:wrap}.job-time-setting{border-top:1px solid #dbe9e4;border-left:0;width:100%;padding:10px 0 0}.schedule-settings-toolbar{flex-direction:column;align-items:stretch}.schedule-team-picker{justify-content:space-between}.schedule-calendar-layout{grid-template-columns:1fr}.schedule-selection-panel{grid-template-columns:1fr 1fr;position:static}.schedule-selection-panel fieldset,.save-calendar-button,.recal-card{grid-column:1/-1}}@media (max-width:760px){.daily-job-strip{align-items:flex-start}.job-time-setting{flex-direction:column;align-items:stretch}.job-time-setting input,.job-time-setting button{width:100%}.job-last-run{border-top:1px solid #dbe9e4;border-left:0;width:100%;padding:10px 0 0}.schedule-settings-toolbar{padding:18px}.schedule-team-picker{flex-direction:column;align-items:stretch}.schedule-team-picker select,.auto-default-button{width:100%}.schedule-calendar-card>header{padding:14px}.schedule-weekdays{padding-left:7px;padding-right:7px}.schedule-calendar-grid{gap:4px;padding:5px 7px 12px}.schedule-day{min-height:66px;padding:6px}.schedule-day>b{font-size:10px}.schedule-day>small{display:none}.schedule-day>i{width:15px;height:15px;font-size:8px;top:5px;right:5px}.schedule-calendar-card>footer{flex-direction:column;align-items:flex-start}.schedule-selection-panel{grid-template-columns:1fr;padding:16px}.schedule-rule-details .schedule-card-grid{padding:12px}}.day-status{border:1px solid #0000}.day-status.absent{color:#b91c1c;background:#fee2e2;border-color:#f8b8b8}.summary-case-tabs .case-tab{--status-color:#2878c7;--status-soft:#edf6ff;--status-text:#245f9d;border-color:color-mix(in srgb,var(--status-color) 28%,#e1e5ea);background:var(--status-soft);color:var(--status-text)}.summary-case-tabs .case-tab b{background:color-mix(in srgb,var(--status-color) 15%,#fff);color:var(--status-text)}.summary-case-tabs .case-tab.all{--status-color:#2f80ed;--status-soft:#dceeff;--status-text:#163b66;font-weight:800}.summary-case-tabs .case-tab.normal{--status-color:#15936d;--status-soft:#e9f8f2;--status-text:#147456}.summary-case-tabs .case-tab.late{--status-color:#d79a27;--status-soft:#fff6df;--status-text:#90620b}.summary-case-tabs .case-tab.early{--status-color:#df7448;--status-soft:#fff0e9;--status-text:#a44d2a}.summary-case-tabs .case-tab.absent{--status-color:#dc4c4c;--status-soft:#ffebeb;--status-text:#b4232d}.summary-case-tabs .case-tab.active{border-color:var(--status-color);background:var(--status-soft);color:var(--status-text);box-shadow:0 0 0 2px color-mix(in srgb,var(--status-color) 16%,transparent);font-weight:800}.summary-case-tabs .case-tab.active b{background:var(--status-color);color:#fff}.day-note{gap:5px;display:grid}.certification-reminder{color:#b4232d;font-size:10px;font-weight:800;line-height:1.4;display:block}.summary-table{min-width:1080px}.summary-table td:nth-child(7){min-width:150px}.summary-certification{gap:5px;display:grid}.summary-certification>b{color:#2d3d50;white-space:nowrap;font-size:11px}.certification-status{color:#687383;white-space:nowrap;background:#eef0f3;border-radius:999px;width:max-content;padding:4px 7px;font-size:9px;font-weight:800}.certification-status.pending_manager,.certification-status.pending_admin,.certification-status.pending_owner{color:#93620d;background:#fff2d8}.certification-status.approved{color:#24795a;background:#e6f7ef}.certification-status.returned{color:#a7433e;background:#ffedeb}.certification-status.cancelled{color:#737c8b;background:#eef0f3}.summary-certification-empty{color:#8b94a2;font-size:11px}.summary-certification-empty.required{color:#b4232d;font-weight:700}@media (max-width:760px){.summary-table{min-width:990px}}.plan-workspace{gap:20px;display:grid}.plan-titlebar{justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:2px;display:flex}.plan-titlebar h2{letter-spacing:-.03em;margin:5px 0;font-size:25px}.plan-titlebar p{color:#788294;margin:0;font-size:12px}.plan-eyebrow{color:#168365;letter-spacing:.1em;font-size:10px;font-weight:800}.plan-title-actions{align-items:center;gap:13px;display:flex}.plan-source{color:#7b8595;align-items:center;font-size:10px;display:flex}.plan-source i{background:#e3a13e;border-radius:50%;width:7px;height:7px;margin-right:7px;box-shadow:0 0 0 4px #fff4df}.plan-title-actions .primary{min-width:140px}.plan-title-actions .primary:disabled{opacity:.65}.plan-notice{color:#785b28;background:#fff8e9;border:1px solid #ead4a7;border-radius:10px;align-items:center;gap:10px;padding:11px 14px;font-size:11px;display:flex}.plan-notice span{color:#967748}.plan-tabs{border:1px solid var(--line);background:#fff;border-radius:12px;gap:5px;width:max-content;padding:5px;display:flex}.plan-tabs button{color:#70798a;background:0 0;border:0;border-radius:8px;min-height:38px;padding:0 15px;font-size:11px;font-weight:700}.plan-tabs button.active{color:#fff;background:#26334f;box-shadow:0 6px 16px #26334f29}.needs-review{color:#946318;background:#fff0d4;border-radius:10px;margin-left:6px;padding:3px 6px;font-size:8px}.plan-tabs button.active .needs-review{color:#ffe1a5;background:#4b5770}.plan-filter{grid-template-columns:repeat(3,minmax(170px,1fr)) 1.2fr;align-items:end;gap:14px;padding:17px 20px;display:grid}.plan-filter label{color:#7c8595;gap:6px;font-size:9px;font-weight:700;display:grid}.plan-filter select{color:#344053;background:#fff;border:1px solid #dfe3e8;border-radius:9px;height:39px;padding:0 10px;font-size:11px}.plan-context{border-left:1px solid var(--line);gap:5px;padding:0 0 3px 10px;display:grid}.plan-context small{color:#9098a5;font-size:9px}.plan-context b{color:#596476;font-size:11px}.plan-metrics{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.plan-metrics article{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:14px;padding:18px;display:flex}.metric-mark{color:#5367d7;background:#edf0ff;border-radius:13px;place-items:center;width:47px;height:47px;font-size:12px;font-weight:850;display:grid}.metric-mark.done{color:#168365;background:#e8f7f1}.metric-mark.late{color:#c16a38;background:#fff2e7}.metric-mark.waiting{color:#b57c25;background:#fff4df}.plan-metrics small,.plan-metrics p,.plan-metrics strong{margin:0;display:block}.plan-metrics small{color:#858e9d;font-size:9px}.plan-metrics strong{margin:4px 0 2px;font-size:20px}.plan-metrics strong em{color:#7b8493;font-size:10px;font-style:normal;font-weight:500}.plan-metrics p{color:#929aa7;font-size:9px}.plan-main-grid{grid-template-columns:minmax(0,1.8fr) minmax(250px,.65fr);gap:16px;display:grid}.plan-days-panel,.plan-day-summary,.branch-plan-panel{padding:0;overflow:hidden}.plan-section-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:18px;padding:19px 21px;display:flex}.plan-section-head>div>span{color:#168365;letter-spacing:.1em;font-size:8px;font-weight:850}.plan-section-head h3{margin:4px 0 3px;font-size:14px}.plan-section-head p{color:#8a93a1;margin:0;font-size:9px}.plan-section-head .secondary{min-height:35px}.plan-legend{color:#808999;align-items:center;gap:5px;font-size:9px;display:flex}.plan-legend i{border-radius:50%;width:7px;height:7px;margin-left:7px}.plan-legend i.done{background:#27a679}.plan-legend i.total{background:#5d6fd4}.plan-legend i.waiting{background:#d64545}.plan-calendar{padding:14px}.calendar-weekdays,.calendar-days{grid-template-columns:repeat(7,minmax(76px,1fr));gap:7px;display:grid}.calendar-weekdays{margin-bottom:7px}.calendar-weekdays span{text-align:center;color:#87909f;padding:5px;font-size:8px;font-weight:800}.calendar-days button,.calendar-blank{border-radius:10px;min-height:116px}.calendar-days button{color:#3a4557;text-align:left;background:#fff;border:1px solid #e5e8ed;grid-template-columns:1fr;align-content:start;gap:5px;padding:8px;display:grid}:is(.calendar-days button:hover,.calendar-days button:focus-visible,.calendar-days button.selected){background:#f6f8ff;border-color:#7587db;box-shadow:0 5px 14px #4a5bad1f}.calendar-days button.no-plan{color:#8d95a3;background:#fafbfc}.calendar-days button.selected{outline:2px solid #5d6fd429}.calendar-date{background:#eef1f6;border-radius:8px;place-items:center;width:24px;height:24px;font-size:10px;display:grid}.calendar-days button.selected .calendar-date{color:#fff;background:#5367d7}.calendar-stat{background:#f3f5f8;border-radius:5px;justify-content:space-between;align-items:center;gap:5px;padding:3px 5px;display:flex}.calendar-stat small{color:#737e8f;font-size:7px}.calendar-stat strong{font-size:9px}.calendar-stat.within{background:#eaf7f2}.calendar-stat.within small,.calendar-stat.within strong{color:#167759}.calendar-stat.waiting{background:#fdeced}.calendar-stat.waiting small,.calendar-stat.waiting strong{color:#b42332}.calendar-blank{background:#fafbfc}.plan-days{grid-template-columns:repeat(3,1fr);gap:8px;padding:14px;display:grid}.plan-days button{text-align:left;color:#3a4557;background:#fff;border:1px solid #e6e8ec;border-radius:10px;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;min-height:64px;padding:8px 10px;display:grid}.plan-days button:hover,.plan-days button.selected{background:#f8f9ff;border-color:#8090dd;box-shadow:0 4px 12px #4a5bad1a}.plan-days button>span{border-right:1px solid #eceef1;place-items:center;display:grid}.plan-days button>span b{font-size:14px}.plan-days button>span small{color:#929aa7;font-size:8px}.plan-days button>div strong{font-size:9px;display:block}.plan-days button>div>small{color:#8d95a3;font-size:8px}.day-progress{background:#f0e4ce;border-radius:4px;height:4px;margin:5px 0;overflow:hidden}.day-progress i{background:#27a679;border-radius:4px;height:100%;display:block}.plan-days em{text-align:center;border-radius:13px;min-width:32px;padding:4px 5px;font-size:8px;font-style:normal;font-weight:800}.plan-days em.complete{color:#197a59;background:#e7f7f0}.plan-days em.partial{color:#9d6717;background:#fff2da}.plan-days em.pending{color:#747e8e;background:#f1f2f5}.plan-day-summary{flex-direction:column;display:flex}.day-ring{background:conic-gradient(#22a375 var(--progress),#edf0f3 0);border-radius:50%;place-items:center;width:128px;height:128px;margin:24px auto 20px;display:grid}.day-ring:before{content:"";background:#fff;border-radius:50%;width:98px;height:98px;position:absolute}.day-ring div{text-align:center;display:grid;position:relative}.day-ring strong{font-size:24px}.day-ring small{color:#828b9a;font-size:9px}.day-counts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:0 18px;padding:14px 0;display:grid}.day-counts div{text-align:center;gap:4px;display:grid}.day-counts div+div{border-left:1px solid var(--line)}.day-counts span{color:#858e9d;font-size:8px}.day-counts b{font-size:17px}.day-counts b.green{color:#168365}.day-counts b.orange{color:#c58427}.day-summary-note{background:#f4f7fb;border-radius:9px;align-items:flex-start;gap:8px;margin:16px 18px 18px;padding:10px;display:flex}.day-summary-note i{color:#627087;background:#dfe6f1;border-radius:50%;place-items:center;width:17px;height:17px;font-size:9px;font-style:normal;display:grid}.day-summary-note p{color:#6f798a;margin:1px 0 0;font-size:9px;line-height:1.45}.branch-plan-table{overflow:auto}.branch-plan-table table{border-collapse:collapse;width:100%;min-width:960px}.branch-plan-table th,.branch-plan-table td{text-align:left;border-bottom:1px solid #eff0f3;padding:12px 20px;font-size:10px}.branch-plan-table th{color:#7e8796;text-transform:uppercase;background:#fafbfc;font-size:8px}.branch-plan-table td b,.branch-plan-table td small{display:block}.branch-plan-table td b{font-size:10px}.branch-plan-table td small{color:#9098a5;margin-top:3px;font-size:8px}.branch-plan-table .branch-remark{white-space:normal;color:#687386;min-width:220px;max-width:360px;line-height:1.5}.branch-status{border-radius:13px;padding:5px 8px;font-size:8px;font-weight:800;display:inline-flex}.branch-status.done{color:#167759;background:#e7f7f0}.branch-empty{text-align:center;place-items:center;min-height:190px;padding:30px;display:grid}.branch-empty>span{color:#778294;background:#f1f3f7;border-radius:50%;place-items:center;width:36px;height:36px;font-size:18px;display:grid}.branch-empty b{margin-top:10px;font-size:12px}.branch-empty p{color:#7e8797;margin:5px 0 10px;font-size:9px}.branch-empty code,.auth-flow code{color:#4d5b70;font-family:var(--font-geist-mono),monospace;background:#eff2f6;border-radius:4px;padding:2px 5px;font-size:8px}.branch-empty button{color:#5368ce;background:0 0;border:0;font-size:9px;font-weight:700}.connection-grid{grid-template-columns:1.05fr .95fr;gap:16px;display:grid}.connection-card,.auth-flow-card{padding:0;overflow:hidden}.connection-heading{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:21px;display:flex}.connection-logo{color:#fff;background:#243353;border-radius:13px;place-items:center;width:44px;height:44px;font-size:18px;font-weight:850;display:grid}.connection-heading>div{min-width:0}.connection-heading>div>span,.token-gap-card>div>span{color:#168365;letter-spacing:.1em;font-size:8px;font-weight:850}.connection-heading h3{margin:4px 0 2px;font-size:14px}.connection-heading p{color:#8992a1;margin:0;font-size:9px}.connection-warning{color:#956214;background:#fff1d6;border-radius:14px;margin-left:auto;padding:6px 9px;font-size:8px}.connection-facts{gap:0;padding:8px 21px;display:grid}.connection-facts>div{border-bottom:1px solid #eff0f3;grid-template-columns:120px 1fr auto;align-items:center;gap:12px;padding:13px 0;display:grid}.connection-facts small{color:#87909f;font-size:9px}.connection-facts b{font-size:10px}.connection-facts span{font-size:8px}.fact-ok{color:#168365}.fact-review{color:#a66e19}.secret-fields{grid-template-columns:1fr 1fr;gap:10px;padding:12px 21px;display:grid}.secret-fields label{color:#7e8796;gap:5px;font-size:8px;font-weight:700;display:grid}.secret-fields label>div{border:1px solid #e0e3e8;border-radius:8px;align-items:center;display:flex;overflow:hidden}.secret-fields input{color:#6c7584;letter-spacing:.15em;background:#fafbfc;border:0;flex:1;min-width:0;height:38px;padding:0 10px}.secret-fields label span{color:#168365;white-space:nowrap;padding:0 8px;font-size:7px}.security-callout{background:#f1faf6;border:1px solid #dbe8e3;border-radius:9px;margin:8px 21px 21px;padding:12px}.security-callout b{color:#167c5b;font-size:9px}.security-callout p{color:#64756e;margin:3px 0 0;font-size:8px;line-height:1.55}.auth-flow{gap:0;margin:0;padding:8px 21px 16px;list-style:none;display:grid}.auth-flow li{border-bottom:1px solid #eff0f3;grid-template-columns:27px 1fr auto;align-items:start;gap:10px;padding:12px 0;display:grid}.auth-flow li>i{color:#5366ca;background:#edf0ff;border-radius:8px;place-items:center;width:25px;height:25px;font-size:9px;font-style:normal;font-weight:800;display:grid}.auth-flow li>div>b,.auth-flow li>div>code{display:block}.auth-flow li>div>b{font-size:10px}.auth-flow li>div>code{width:max-content;margin-top:4px}.auth-flow li p{color:#818b9a;margin:5px 0 0;font-size:8px;line-height:1.4}.auth-flow .found{color:#177a59;background:#e8f7f1;border-radius:11px;padding:4px 6px;font-size:7px}.token-gap-card{background:#fffaf0;border-color:#ead6b0;grid-column:1/-1;grid-template-columns:42px 1fr auto;align-items:center;gap:14px;padding:17px 20px;display:grid}.gap-icon{color:#a76c12;background:#fff0d4;border-radius:12px;place-items:center;width:38px;height:38px;font-size:17px;font-weight:850;display:grid}.token-gap-card h3{margin:4px 0;font-size:13px}.token-gap-card p{color:#7d725e;margin:0;font-size:9px;line-height:1.5}.token-gap-card button{color:#93641b;background:#fff;border:1px solid #dfc99d;border-radius:8px;min-height:34px;padding:0 11px;font-size:8px;font-weight:700}@media (max-width:1100px){.plan-metrics{grid-template-columns:repeat(2,1fr)}.plan-main-grid,.connection-grid{grid-template-columns:1fr}.plan-days{grid-template-columns:repeat(2,1fr)}.token-gap-card{grid-column:auto}.plan-filter{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.plan-titlebar{display:block}.plan-title-actions{flex-direction:column;align-items:flex-start;margin-top:15px}.plan-tabs{width:100%;overflow:auto}.plan-tabs button{flex:none}.plan-filter,.plan-metrics,.plan-days{grid-template-columns:1fr}.plan-context{border-left:0;border-top:1px solid var(--line);padding:7px 0 0}.plan-days-panel{overflow:visible}.plan-calendar{overflow-x:auto}.calendar-weekdays,.calendar-days{min-width:680px}.plan-section-head{display:block}.plan-legend{margin-top:10px}.connection-facts>div,.secret-fields{grid-template-columns:1fr}.token-gap-card{grid-template-columns:42px 1fr}.token-gap-card button{grid-column:1/-1}.plan-title-actions .primary{width:100%}}.selected-branches{border-top:1px solid var(--line);gap:10px;min-height:180px;margin:0 18px 18px;padding-top:15px;display:grid}.selected-branches-head,.selected-branch-title{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.selected-branches-head>div{gap:3px;display:grid}.selected-branches-head span{color:#168365;letter-spacing:.1em;font-size:7px;font-weight:850}.selected-branches-head b{color:#344053;font-size:11px}.selected-branches-head>strong{color:#168365;background:#edf7f3;border-radius:12px;padding:4px 7px;font-size:8px}.selected-branch-list{gap:7px;max-height:360px;padding-right:3px;display:grid;overflow:auto}.selected-branch-list article{background:#fafbfc;border:1px solid #e8ebef;border-radius:9px;gap:8px;padding:10px;display:grid}.selected-branch-title>b{color:#344053;min-width:0;font-size:9px;line-height:1.4}.selected-branch-title .branch-status{white-space:nowrap;flex:none;padding:4px 6px}.selected-branch-list dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0;display:grid}.selected-branch-list dl>div{gap:2px;display:grid}.selected-branch-list dt{color:#929aa7;font-size:7px}.selected-branch-list dd{color:#596476;margin:0;font-size:8px}.selected-branch-list p{color:#6d7787;border-top:1px solid #eceef1;margin:0;padding-top:7px;font-size:8px;line-height:1.45}.selected-branches-state{color:#798393;text-align:center;background:#f7f8fa;border-radius:9px;place-content:center;justify-items:center;gap:5px;min-height:120px;padding:15px;font-size:9px;display:grid}.selected-branches-state b{color:#4f5a6d;font-size:10px}.selected-branches-state.error{color:#a33b46;background:#fff1f1}.selected-branches-state.error b{color:#a33b46}.selected-branches-spinner{border:2px solid #dfe5eb;border-top-color:#168365;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite selected-branches-spin}.selected-branches>a{color:#5368ce;text-align:right;font-size:8px;font-weight:700;text-decoration:none}.branch-status.waiting{color:#b42332;background:#fdeced}.plan-legend i.late{background:#d77a3d}.calendar-stat.late{background:#fff0e5}.calendar-stat.late small,.calendar-stat.late strong{color:#b95d2d}.plan-day-summary .day-counts{grid-template-columns:repeat(4,minmax(0,1fr))}.day-counts b.red{color:#b42332}@keyframes selected-branches-spin{to{transform:rotate(360deg)}}@media (max-width:1100px){.selected-branch-list{max-height:300px}}@media (max-width:720px){.plan-days-panel .plan-calendar{scroll-snap-type:none;width:100%;max-width:100%;margin:0;padding:8px 6px 10px;overflow-x:hidden}.plan-days-panel .calendar-weekdays,.plan-days-panel .calendar-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;width:100%;min-width:0;padding-right:0}.plan-days-panel .calendar-weekdays{margin-bottom:3px}.plan-days-panel .calendar-weekdays span{min-width:0;padding:3px 0;font-size:8px}.plan-days-panel .calendar-days button,.plan-days-panel .calendar-blank{border-radius:7px;min-width:0;min-height:74px}.plan-days-panel .calendar-days button{gap:3px;padding:4px 3px}.plan-days-panel .calendar-date{border-radius:7px;width:22px;height:22px;font-size:10px}.plan-days-panel .calendar-stat{border-radius:4px;gap:1px;min-width:0;padding:2px 3px}.plan-days-panel .calendar-stat small{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:7px;overflow:hidden}.plan-days-panel .calendar-stat strong{flex:none;font-size:8px}}@media (max-width:380px){.plan-days-panel .plan-calendar{padding-inline:3px}.plan-days-panel .calendar-weekdays,.plan-days-panel .calendar-days{gap:2px}.plan-days-panel .calendar-days button,.plan-days-panel .calendar-blank{min-height:70px}.plan-days-panel .calendar-days button,.plan-days-panel .calendar-stat{padding-inline:2px}.plan-days-panel .calendar-stat small{font-size:6px}.plan-days-panel .calendar-stat strong{font-size:7px}}@media (prefers-reduced-motion:reduce){.selected-branches-spinner{animation:none}}.plan-source.live i{background:#1f9a70;box-shadow:0 0 0 4px #e5f6ef}.plan-source.snapshot i{background:#e3a13e}.plan-notice.error{color:#a33f43;background:#fff3f3;border-color:#efc6c7}.plan-notice.error span{color:#a85b5e;flex:1}.plan-notice button{color:inherit;background:0 0;border:0;margin-left:auto;font-size:9px;font-weight:800}.connected-pill{color:#137557;background:#dff6ec;border-radius:10px;margin-left:5px;padding:3px 6px;font-size:7px}.plan-tabs button.active .connected-pill{color:#185c49;background:#e5fff4}.plan-filter input{color:#344053;height:39px;font:inherit;background:#fff;border:1px solid #dfe3e8;border-radius:9px;padding:0 10px;font-size:11px}.plan-filter input[readonly]{color:#6f7989;background:#f8f9fb}.plan-loading{color:#778293;place-items:center;min-height:150px;padding:24px;font-size:10px;display:grid}.branch-empty.compact{grid-column:1/-1;min-height:150px}.branch-status.late{color:#b95d2d;background:#fff0e5}.branch-warning{color:#8a6225;background:#fff8ec;border-bottom:1px solid #efdcba;padding:10px 20px;font-size:9px}.plan-pagination{justify-content:flex-end;align-items:center;gap:12px;padding:12px 20px;display:flex}.plan-pagination span{color:#7c8696;font-size:9px}.plan-pagination .secondary{min-height:32px}.secondary:disabled{cursor:not-allowed;opacity:.45}.connection-ok{color:#147758;background:#e5f7ef;border-radius:14px;margin-left:auto;padding:6px 9px;font-size:8px}.connection-error{color:#a33f43;background:#fff3f3;border:1px solid #efc6c7;border-radius:9px;align-items:center;gap:9px;margin:8px 21px;padding:10px 12px;font-size:8px;display:flex}.connection-error span{color:#9b5b5e}.connection-check{color:#7c8696;justify-content:space-between;align-items:center;gap:12px;padding:10px 21px;font-size:8px;display:flex}.connection-check .secondary{min-height:32px}.connection-admin-grid{align-items:start}.connection-config-card{padding:0;overflow:hidden}.connection-config-form{grid-template-columns:1fr 1fr;gap:13px;padding:20px 21px;display:grid}.connection-config-form label{color:#707b8c;gap:6px;font-size:9px;font-weight:700;display:grid}.connection-config-form input:not([type=radio]){color:#344053;width:100%;height:40px;font:inherit;background:#fff;border:1px solid #dfe3e8;border-radius:9px;outline:0;padding:0 11px;font-size:10px}.connection-config-form input:focus{border-color:#7183d5;box-shadow:0 0 0 3px #5367cb1a}.connection-config-form fieldset{border:0;margin:0;padding:0}.connection-config-form legend{color:#707b8c;margin-bottom:7px;font-size:9px;font-weight:700}.connection-config-form .span-2{grid-column:1/-1}.auth-mode-options{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.auth-mode-options label{cursor:pointer;background:#fafbfc;border:1px solid #e0e4e9;border-radius:9px;align-items:flex-start;gap:8px;padding:11px;display:flex}.auth-mode-options input{accent-color:#168365;margin-top:2px}.auth-mode-options span{gap:2px;display:grid}.auth-mode-options b{color:#394557;font-size:9px}.auth-mode-options small{color:#8b94a3;font-size:7px;font-weight:500}.auth-mode-options label:has(input:checked){background:#f1faf6;border-color:#5da78f;box-shadow:0 0 0 2px #16836514}.connection-secret-note{background:#f3faf7;border:1px solid #dae9e3;border-radius:9px;align-items:flex-start;gap:9px;padding:11px;display:flex}.connection-secret-note i{font-size:12px;font-style:normal}.connection-secret-note span{gap:3px;display:grid}.connection-secret-note b{color:#16775a;font-size:9px}.connection-secret-note small{color:#64766f;font-size:8px;font-weight:500;line-height:1.5}.connection-form-alert{border-radius:9px;align-items:center;gap:8px;padding:10px 12px;font-size:8px;display:flex}.connection-form-alert.error{color:#9c4448;background:#fff3f3;border:1px solid #efc6c7}.connection-form-alert.success{color:#167458;background:#f0faf6;border:1px solid #c6e7d9}.connection-form-actions{justify-content:flex-end;gap:9px;padding-top:3px;display:flex}.connection-form-actions button{min-width:145px}.connection-status-card{padding:0;overflow:hidden}.connection-reset{justify-content:space-between;align-items:center;gap:12px;padding:0 21px 21px;display:flex}.connection-reset small{color:#8a93a2;font-size:8px}.danger-link{color:#b04a4f;text-underline-offset:2px;background:0 0;border:0;font-size:8px;font-weight:750;text-decoration:underline}.danger-link:disabled{opacity:.5}@media (max-width:720px){.plan-source{line-height:1.45}.plan-notice{flex-wrap:wrap;align-items:flex-start}.plan-notice button{margin-left:0}.plan-pagination{justify-content:space-between;padding:12px}.plan-pagination span{text-align:center}.connection-check{flex-direction:column;align-items:stretch}.connection-config-form{grid-template-columns:1fr;padding:16px}.connection-config-form .span-2{grid-column:auto}.auth-mode-options{grid-template-columns:1fr}.connection-form-actions{flex-direction:column}.connection-form-actions button{width:100%}.connection-reset{flex-direction:column;align-items:flex-start}}.master-settings{gap:16px;display:grid}.master-intro{justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;display:flex}.master-intro>div:first-child>span{color:#168365;letter-spacing:.1em;font-size:8px;font-weight:850}.master-intro h3{margin:5px 0 4px;font-size:15px}.master-intro p{color:#818b9b;margin:0;font-size:9px}.master-readiness{border-radius:10px;align-items:center;gap:9px;min-width:190px;padding:10px 12px;display:flex}.master-readiness.ready{color:#167759;background:#eaf8f2}.master-readiness.incomplete{color:#96651a;background:#fff4df}.master-readiness>i{background:#fff;border-radius:8px;place-items:center;width:27px;height:27px;font-size:11px;font-style:normal;font-weight:850;display:grid}.master-readiness span{gap:2px;display:grid}.master-readiness small{font-size:7px}.master-readiness b{font-size:9px}.master-alert{border-radius:9px;padding:10px 13px;font-size:9px}.master-alert.error{color:#a24840;background:#fff0ee;border:1px solid #ecc8c3}.master-alert.success{color:#167759;background:#ecf9f4;border:1px solid #cbe7dc}.master-sync-card{grid-template-columns:minmax(210px,.8fr) 1.5fr auto;align-items:center;gap:18px;padding:18px 20px;display:grid}.master-sync-card>div:first-child>span{color:#168365;letter-spacing:.1em;font-size:8px;font-weight:850}.master-sync-card h3{margin:5px 0 4px;font-size:13px}.master-sync-card p{color:#818b9b;margin:0;font-size:8px}.master-sync-sources{grid-template-columns:repeat(4,minmax(90px,1fr));gap:7px;display:grid}.master-sync-sources span{background:#f8fbfa;border:1px solid #e2e8e5;border-radius:9px;gap:4px;padding:9px;display:grid}.master-sync-sources small{color:#607166;font-size:7px;font-weight:800}.master-sync-sources code,.fixed-type-card code{color:#167759;font-family:var(--font-geist-mono),monospace;font-size:7px}.master-sync-card .primary{white-space:nowrap}.master-sync-result{font-weight:750;color:#167759!important;grid-column:2/4!important}.fixed-type-card{background:#f0faf6;border:1px solid #cfe7dd;border-radius:10px;margin:15px 18px;padding:14px}.fixed-type-card b{color:#167759;font-size:10px}.fixed-type-card p{color:#667469;margin:6px 0 0;font-size:8px;line-height:1.6}.master-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.master-editor,.mapping-editor,.mapping-list{padding:0;overflow:hidden}.master-kind-tabs{grid-template-columns:repeat(4,1fr);gap:5px;padding:12px 18px 0;display:grid}.master-kind-tabs button{color:#727c8d;background:#fff;border:1px solid #e3e6eb;border-radius:8px;min-height:35px;font-size:9px}.master-kind-tabs button b{background:#eef0f3;border-radius:10px;margin-left:4px;padding:2px 5px;font-size:7px}.master-kind-tabs button.active{color:#4c60c2;background:#f0f2ff;border-color:#6074d1;font-weight:800}.master-form,.mapping-form{grid-template-columns:1fr 1fr;gap:10px;padding:15px 18px;display:grid}.master-form label,.mapping-form label{color:#7c8595;gap:5px;font-size:8px;font-weight:700;display:grid}.master-form input,.mapping-form input,.mapping-form select{color:#3e495b;background:#fff;border:1px solid #dfe3e8;border-radius:8px;min-width:0;height:38px;padding:0 10px;font-size:10px}.master-form .span-2,.mapping-form .span-2{grid-column:1/-1}.master-form-actions{justify-content:flex-end;gap:8px;display:flex}.master-form-actions .primary{min-width:150px}.master-cancel{color:#687386;background:#fff;border:1px solid #dfe3e8;border-radius:8px;min-height:38px;padding:0 14px;font-size:9px;font-weight:750}.master-list{max-height:240px;padding:0 18px 17px;display:grid;overflow:auto}.master-list>p{color:#8a93a2;text-align:center;background:#f7f8fa;border-radius:9px;margin:0;padding:18px;font-size:9px}.master-list-item{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #eff0f3;align-items:center;gap:10px;padding:10px 8px;display:flex}:is(.master-list-item:hover,.master-list-item:focus-visible){background:#f7f8ff}.master-list-item.selected{background:#eef1ff;border-color:#ccd4f7;border-radius:9px}.master-list-item>span{color:#5266ca;background:#edf0ff;border-radius:9px;place-items:center;width:30px;height:30px;font-size:10px;font-weight:800;display:grid}.master-list-item>div{flex:1;min-width:0}.master-list-item b,.master-list-item small{display:block}.master-list-item b{font-size:9px}.master-list-item small{color:#8d96a4;margin-top:3px;font-size:8px}.master-list-item>i{color:#168365;font-size:7px;font-style:normal}.mapping-list>article{border-bottom:1px solid #eef0f3;grid-template-columns:170px 1fr;gap:14px;padding:16px 20px;display:grid}.mapping-team{align-items:center;gap:9px;display:flex}.mapping-team>span{color:#fff;background:#263451;border-radius:12px;place-items:center;width:43px;height:43px;font-size:10px;font-weight:850;display:grid}.mapping-team b,.mapping-team small{display:block}.mapping-team b{font-size:10px}.mapping-team small{color:#168365;margin-top:3px;font-size:8px}.mapping-values{align-items:center;gap:9px;display:flex}.mapping-values>span{gap:2px;min-width:100px;display:grid}.mapping-values small{color:#8992a1;font-size:7px}.mapping-values b{font-size:9px}.mapping-values code,.query-preview code{color:#526176;width:max-content;font-family:var(--font-geist-mono),monospace;background:#eff2f6;border-radius:4px;padding:2px 5px;font-size:7px}.mapping-values>i{color:#a5abb5;font-size:9px;font-style:normal}.query-preview{border-top:1px dashed #e1e4e8;grid-column:2;gap:7px;padding-top:9px;display:flex;overflow:auto}.query-preview code{white-space:nowrap}.mapping-empty{text-align:center;color:#8992a1;padding:34px;font-size:10px}@media (max-width:1050px){.master-sync-card{grid-template-columns:1fr}.master-sync-result{grid-column:1!important}.master-grid,.mapping-list>article{grid-template-columns:1fr}.query-preview{grid-column:1}.mapping-values{padding-bottom:4px;overflow:auto}}@media (max-width:680px){.master-intro{display:block}.master-readiness{margin-top:14px}.master-sync-sources{grid-template-columns:1fr 1fr}.master-form,.mapping-form{grid-template-columns:1fr}.master-form .span-2,.mapping-form .span-2{grid-column:1}.mapping-list>article{padding:14px}.mapping-values{align-items:flex-start}.mapping-values>i{padding-top:13px}}.master-list-summary{color:#7c8595;padding:0 18px 8px;font-size:8px}.master-list{padding-bottom:10px}.master-pagination{border-top:1px solid #eef0f3;justify-content:flex-end;align-items:center;gap:9px;padding:10px 18px 16px;display:flex}.master-pagination span{color:#7c8595;font-size:8px}.master-pagination button{color:#596579;background:#fff;border:1px solid #dfe3e8;border-radius:7px;min-height:30px;padding:0 11px;font-size:8px;font-weight:750}.master-pagination button:disabled{cursor:not-allowed;opacity:.45}@media (max-width:680px){.master-pagination{justify-content:space-between}}:root{--font-ui:-apple-system,BlinkMacSystemFont,system-ui,"Helvetica Neue",sans-serif;--font-geist-sans:var(--font-ui);--font-geist-mono:ui-monospace,SFMono-Regular,Menlo,monospace;--surface:#fff;--surface-subtle:#f7faf9;--surface-raised:#fff;--ink:#20333d;--muted:#5b6d73;--line:#dce5e1;--brand-green:#007451;--brand-green-deep:#006d4c;--brand-green-soft:#e8f5ee;--brand-navy:#233943;--brand-navy-deep:#1e303b;--paper:#f4f7f6;--shadow-sm:none;--shadow-md:none;--radius-sm:12px;--radius-md:14px;--radius-lg:16px}html{background:var(--paper);scroll-behavior:smooth}body{background:var(--paper);min-width:320px;color:var(--ink);font-family:var(--font-ui);text-rendering:optimizelegibility;-webkit-text-size-adjust:100%;font-size:1rem;line-height:1.55}button,input,select,textarea{font:inherit}:is(button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible){outline-offset:2px;outline:3px solid #008b613d}.mobile-menu-head,.mobile-menu-sheet,.mobile-bottom-nav,.mobile-menu-backdrop{display:none}.sidebar{z-index:30;background:linear-gradient(#1d303a 0,#263d48 55%,#1d333e 100%);width:264px;padding:24px 16px 20px;box-shadow:12px 0 36px #182f3914}.sidebar nav{gap:6px}.sidebar nav>button{color:#c9d5d8;border-radius:13px;min-height:50px;padding:0 14px;font-size:14px;font-weight:650;transition:background-color .18s,color .18s,transform .18s}.sidebar nav>button.active{background:linear-gradient(90deg,#008f6361,#008f6329);border-color:#69dab140;box-shadow:inset 3px 0 #52d09e}.sidebar-foot{padding-top:18px}.company-logout{color:#fff;background:#ffffff0f;border:1px solid #ffffff29;border-radius:10px;min-width:44px;min-height:38px;padding:0 10px;font-size:12px}.app-header{z-index:18;-webkit-backdrop-filter:blur(18px);background:#ffffffeb;border-bottom:1px solid #cfdcd7e6;height:auto;min-height:112px;padding:20px clamp(24px,3.2vw,48px);position:sticky;top:0}.app-header .header-company-logo{border-radius:17px;width:62px;height:62px;box-shadow:0 10px 24px #00745124}.app-header .company-name strong{font-size:14px}.app-header .header-copy h1{color:#17252e;letter-spacing:-.025em;margin:2px 0 3px;font-size:clamp(23px,2vw,30px);line-height:1.25}.app-header .header-copy>p:last-child{color:#64737b;font-size:13px}.content{width:100%;max-width:1500px;margin:0 auto;padding:32px clamp(24px,3.2vw,48px) 64px}.panel,.metrics article,.role-viewer,.form-panel,.plan-filter,.plan-metrics article{border-radius:var(--radius-md);background:var(--surface-raised);box-shadow:var(--shadow-sm);border:1px solid #d6e1ddf2}.panel{padding:26px}.hero-card,.management-hero{border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.hero-card{background:radial-gradient(circle at 85% 0,#5cd2a62e,#0000 30%),linear-gradient(125deg,#1c323c,#304f5a 70%,#35695f)}.hero-card:after{opacity:.65}.management-hero,.management-hero.admin,.management-hero.super-admin-hero{background:radial-gradient(circle at 92% 0,#5cd2a626,#0000 28%),linear-gradient(125deg,#20353f,#385561)}.panel-head{gap:16px}.panel h3,.panel-head h3{font-size:18px;line-height:1.4}.kicker,.eyebrow,.plan-eyebrow{letter-spacing:.08em;font-size:11px;font-weight:800;color:var(--brand-green-deep)!important}.page-title h2,.plan-titlebar h2{color:#17252e;font-size:clamp(26px,2.4vw,34px);line-height:1.25}.page-title p,.plan-titlebar p{color:var(--muted);font-size:15px;line-height:1.65}.primary,.secondary,.hero-action,.back-button{border-radius:12px;min-height:48px;font-size:14px;font-weight:750}.primary{box-shadow:0 8px 20px #008b612e}.secondary{color:#344a43;background:#fff;border-color:#ccd9d5}input:not([type=checkbox]):not([type=radio]),select,textarea{min-height:48px;color:#22333b!important;background:#fff!important;border-color:#ccd9d5!important;border-radius:12px!important;font-size:16px!important}textarea{min-height:112px;padding-top:12px!important}label{color:#41545c}.metrics{gap:16px}.metrics article{min-height:112px;padding:21px}.metric-icon{border-radius:15px}.metrics small{color:#64737c;font-size:13px}.metrics strong{font-variant-numeric:tabular-nums}.super-admin-metrics article>div{flex:1;min-width:0}.company-state-summary{color:#64737c;flex-wrap:wrap;gap:8px 14px;margin-top:7px;font-size:11px;display:flex}.company-state-summary span{white-space:nowrap;align-items:center;gap:6px;display:flex}.company-state-summary i{background:#16a36f;border-radius:50%;width:8px;height:8px}.company-state-summary i.maintenance{background:#e39a22}.company-state-summary b{color:#344a43;font-size:12px}.active-company-panel .panel-head p{color:#738078;margin:4px 0 0;font-size:12px}.active-company-row>strong{text-align:center;border-radius:999px;min-width:96px;padding:6px 10px;font-size:11px}.active-company-row>strong.normal{color:#087651;background:#e7f6f0}.active-company-row>strong.maintenance{color:#9a6200;background:#fff3d9}.active-company-empty{color:#718078;text-align:center;place-items:center;min-height:140px;display:grid}.active-company-empty b,.active-company-empty span{display:block}.active-company-empty span{margin-top:4px;font-size:12px}.job,.person,.team-stat,.doc-list article{min-height:64px}.compact-role{background:#ecf8f3;border-color:#cce1d9;border-radius:16px;min-height:58px;box-shadow:0 4px 14px #0074510d}.compact-role-icon{color:#fff;background:linear-gradient(145deg,#08a875,#007653);border-radius:13px;flex:none;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 8px 18px #0076532e}.compact-role-icon svg{stroke-width:2px;width:20px;height:20px}.plan-workspace{gap:18px}.plan-tabs{box-shadow:var(--shadow-sm);border-radius:14px}.plan-tabs button{border-radius:10px;min-height:44px;font-size:13px}.plan-filter{padding:20px}.plan-filter label,.connection-config-form label,.master-form label,.mapping-form label{font-size:12px}.plan-filter select,.plan-filter input,.connection-config-form input:not([type=radio]),.master-form input,.mapping-form input,.mapping-form select{height:46px;font-size:14px!important}.plan-context small,.plan-context b,.plan-source,.plan-notice,.plan-loading,.branch-warning,.plan-pagination span,.plan-metrics small,.plan-metrics p{font-size:12px}.plan-metrics strong{font-size:26px}.plan-metrics strong em{font-size:12px}.plan-section-head>div>span,.connection-heading>div>span,.token-gap-card>div>span,.master-intro>div:first-child>span{font-size:10px}.plan-section-head h3,.connection-heading h3,.master-intro h3{font-size:17px}.plan-section-head p,.connection-heading p,.master-intro p,.plan-legend{font-size:12px}.calendar-weekdays span{font-size:11px}.calendar-date{width:30px;height:30px;font-size:13px}.calendar-stat small,.calendar-stat strong{font-size:10px}.plan-days button{border-radius:12px;min-height:76px;padding:10px 12px}.plan-days button>span small,.plan-days button>div strong,.plan-days button>div>small,.plan-days em{font-size:10px}.day-ring small,.day-counts span,.day-summary-note p,.branch-plan-table th{font-size:11px}.branch-plan-table td,.branch-plan-table td b,.branch-plan-table td small,.branch-status{font-size:12px}.branch-empty p,.branch-empty button,.branch-empty code,.auth-flow code,.connection-facts small,.connection-facts b,.connection-facts span,.secret-fields label,.security-callout b,.security-callout p,.auth-flow li>div>b,.auth-flow li p,.token-gap-card p,.connection-warning,.connection-ok,.connection-error,.connection-check,.connection-secret-note small,.connection-form-alert,.connection-reset small,.danger-link{font-size:11px}.auth-mode-options b{font-size:12px}.auth-mode-options small,.master-readiness span small,.fixed-type-card p,.master-kind-tabs button,.master-form label,.mapping-form label,.master-list>p,.master-list-item small,.mapping-team small,.mapping-values small,.mapping-values code,.query-preview code{font-size:11px}.master-readiness span b,.fixed-type-card b,.master-list-item b,.mapping-team b,.mapping-values b{font-size:12px}@media (max-width:900px) and (min-width:761px){.sidebar{width:84px;padding-inline:11px}.sidebar .brand{justify-content:center;padding-inline:0}.sidebar .brand .pms-logo-lockup{grid-template-columns:1fr;width:50px}.sidebar .brand .pms-logo-copy{display:none}.sidebar nav>button{justify-content:center;padding:0}.sidebar nav .nav-label,.sidebar nav .nav-badge,.sidebar nav .new-badge,.sidebar-foot div,.company-logout{display:none}.workspace{width:calc(100% - 84px);margin-left:84px}}@media (max-width:760px){html,body{max-width:100%;overflow-x:hidden}body{padding-bottom:calc(82px + env(safe-area-inset-bottom));background:#f2f6f4}body:has(.sidebar.menu-expanded){overflow:hidden}.app-shell,.workspace,.content{min-width:0;max-width:100%}.app-shell{display:block;overflow-x:clip}.sidebar{top:0;width:100%;height:auto;padding:calc(8px + env(safe-area-inset-top)) 14px 8px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:40;background:#1e303bf7;position:sticky;inset:auto;box-shadow:0 8px 24px #162b3326}.sidebar.menu-expanded{z-index:42}.sidebar .brand{gap:8px;height:48px;padding:0}.sidebar .brand:after{display:none}.sidebar .brand .pms-logo-lockup{width:116px}.sidebar .brand .pms-logo-lockup.compact .pms-logo-copy strong{font-size:31px}.mobile-menu-toggle{background:#ffffff14;border-color:#ffffff29;border-radius:12px;order:2;min-height:40px;margin-left:auto;padding:0 12px}.mobile-logout{background:#ffffff14;border-color:#ffffff29;border-radius:12px;order:3;min-height:40px}.workspace{width:100%;margin-left:0}.app-header{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;min-height:96px;padding:16px;position:relative}.app-header .header-company{gap:12px}.app-header .header-company-logo{border-radius:14px;width:50px;height:50px}.app-header .company-name{margin-bottom:2px}.app-header .company-name strong{max-width:180px;font-size:11px}.app-header .header-copy h1{margin:0;font-size:21px;line-height:1.25}.app-header .header-copy>p:last-child{display:none}.header-actions{margin-left:auto}.content{padding:18px 14px 34px}.content>*+*{margin-top:14px}.panel,.form-panel{border-radius:18px;padding:18px}.panel-head{align-items:flex-start;margin-bottom:16px}.panel h3,.panel-head h3{font-size:17px}.page-title{margin-bottom:18px}.page-title h2,.plan-titlebar h2{font-size:26px}.page-title p,.plan-titlebar p{font-size:14px;line-height:1.6}.hero-card,.management-hero{border-radius:20px}.hero-card{padding:22px 18px}.hero-card h2{font-size:23px;line-height:1.35}.management-hero{padding:20px 18px}.management-hero h2{font-size:21px;line-height:1.4}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.metrics article{min-height:132px;padding:16px;display:block}.metric-icon{width:40px;height:40px;margin-bottom:10px}.metrics small{font-size:12px;line-height:1.35}.metrics strong{font-size:25px}.super-admin-metrics{grid-template-columns:minmax(0,1fr)}.super-admin-metrics article{min-height:112px;display:flex}.super-admin-metrics .metric-icon{margin:0 12px 0 0}.active-company-row{align-items:flex-start;gap:12px}.active-company-row>div{min-width:0}.active-company-row>div b{overflow-wrap:anywhere;display:block}.active-company-row>strong{min-width:max-content}.dashboard-grid{gap:12px}.job{grid-template-columns:8px 52px minmax(0,1fr);gap:10px}.job-status{display:none}.compact-role{margin-bottom:16px}.mobile-menu-backdrop{z-index:41;-webkit-backdrop-filter:blur(2px);background:#0c191f85;border:0;display:block;position:fixed;inset:0}.sidebar nav{display:none}.mobile-menu-sheet{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:43;max-height:calc(100dvh - 92px - env(safe-area-inset-top));background:#1d303b;border:1px solid #ffffff1a;border-radius:24px;grid-template-rows:auto minmax(0,1fr);gap:10px;padding:14px;display:grid;position:fixed;overflow:hidden;box-shadow:0 24px 60px #06121759}.mobile-menu-sheet .mobile-menu-head{color:#fff;justify-content:space-between;align-items:center;padding:2px 2px 4px;display:flex}.mobile-menu-head strong,.mobile-menu-head small{display:block}.mobile-menu-head strong{font-size:18px}.mobile-menu-head small{color:#aebdc2;margin-top:2px;font-size:12px}.mobile-menu-head>button{place-items:center;height:40px;display:grid;color:#fff!important;background:#ffffff12!important;border:1px solid #ffffff26!important;border-radius:50%!important;width:40px!important;min-width:40px!important;min-height:40px!important;padding:0!important;font-size:24px!important}.mobile-menu-sheet>nav{overscroll-behavior:contain;scrollbar-width:thin;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 1px 1px;display:grid;overflow-y:auto}.mobile-menu-sheet>nav>button{color:#dce6e8;text-align:left;background:#ffffff0e;border:1px solid #ffffff17;border-radius:14px;justify-content:flex-start;align-items:center;gap:10px;width:100%;min-width:0;min-height:56px;padding:0 12px;font-size:13px;display:flex}.mobile-menu-sheet>nav>button.active{color:#fff;background:#008f6357;border-color:#59d6a847;box-shadow:inset 3px 0 #52d09e}.mobile-menu-sheet .nav-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mobile-menu-sheet .nav-badge,.mobile-menu-sheet .new-badge{margin-left:auto}.mobile-bottom-nav{left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));z-index:35;-webkit-backdrop-filter:blur(18px);background:#fffffff0;border:1px solid #c9d7d2e6;border-radius:20px;min-height:66px;padding:6px;display:flex;position:fixed;box-shadow:0 16px 42px #172d262e}.mobile-bottom-nav>button{color:#74827f;background:0 0;border:0;border-radius:14px;flex:1;align-content:center;place-items:center;gap:3px;min-width:0;min-height:52px;padding:4px 2px;display:grid;position:relative}.mobile-bottom-nav>button.active{background:var(--brand-green-soft);color:var(--brand-green-deep)}.mobile-nav-icon{place-items:center;display:grid;position:relative}.mobile-nav-icon svg{stroke-width:2px;width:21px;height:21px}.mobile-nav-icon i{color:#fff;background:#df3f45;border:2px solid #fff;border-radius:10px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:9px;font-style:normal;font-weight:800;display:grid;position:absolute;top:-7px;right:-10px}.mobile-bottom-nav b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;line-height:1.2;overflow:hidden}.plan-workspace,.plan-titlebar,.plan-titlebar>div,.plan-title-actions,.plan-tabs,.plan-filter,.plan-main-grid,.plan-days-panel,.plan-day-summary,.branch-plan-panel{width:100%;min-width:0;max-width:100%}.plan-workspace{gap:14px;overflow:hidden}.plan-titlebar>div:first-child{overflow-wrap:anywhere}.plan-title-actions{align-items:stretch;gap:10px}.plan-title-actions .plan-source{overflow-wrap:anywhere;align-items:flex-start;width:100%;min-width:0;line-height:1.55}.plan-title-actions .primary{white-space:normal;justify-content:center;align-items:center;width:100%;min-width:0;max-width:100%;padding-inline:14px;display:flex}.plan-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:4px;display:grid;overflow:visible}.plan-tabs button{text-align:center;white-space:normal;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:48px;padding:7px 9px;font-size:12px;line-height:1.35;display:flex}.plan-tabs button:last-child{grid-column:1/-1}.connected-pill{margin-left:0}.plan-filter{gap:12px;padding:16px}.plan-filter,.plan-metrics,.plan-days{grid-template-columns:minmax(0,1fr)}.plan-filter label,.plan-filter input,.plan-filter select,.plan-context{width:100%;min-width:0;max-width:100%}.plan-context b{overflow-wrap:anywhere}.plan-metrics article{min-height:98px}.plan-calendar{scroll-snap-type:x proximity;margin:0 -4px;padding:12px 0 12px 12px;overflow-x:auto}.calendar-weekdays,.calendar-days{min-width:700px;padding-right:12px}.calendar-days button{min-height:128px}.plan-section-head{padding:17px}.branch-plan-table{margin:0 -2px}.branch-plan-table table{min-width:820px}.branch-plan-table th,.branch-plan-table td{padding:12px 14px}.summary-detail,.branch-plan-panel{border-radius:18px}.summary-detail-head{padding:18px}.summary-case-tabs button{min-height:42px;font-size:12px}.connection-grid,.connection-admin-grid,.connection-card,.connection-config-card,.connection-status-card,.auth-flow-card,.master-settings,.master-intro,.master-grid,.master-editor,.mapping-editor,.mapping-list,.master-sync-card,.master-sync-sources,.master-form,.mapping-form,.mapping-values,.query-preview,.token-gap-card{width:100%;min-width:0;max-width:100%}.connection-heading{flex-wrap:wrap;align-items:flex-start;padding:17px}.connection-heading>div{flex:210px;min-width:0}.connection-heading p,.connection-facts b,.connection-facts span,.security-callout p,.auth-flow p,.token-gap-card p{overflow-wrap:anywhere}.connection-warning,.connection-ok{margin-left:0}.connection-facts,.secret-fields,.auth-flow{padding-inline:16px}.secret-fields label>div,.secret-fields input{min-width:0;max-width:100%}.token-gap-card{grid-template-columns:1fr;padding:16px}.token-gap-card .gap-icon{margin-bottom:2px}.master-intro,.master-readiness{width:100%;min-width:0}.master-sync-card{align-items:stretch;padding:16px}.master-sync-sources{grid-template-columns:minmax(0,1fr)}.master-sync-sources span,.master-sync-sources code,.fixed-type-card code{overflow-wrap:anywhere;white-space:normal;min-width:0}.master-sync-card .primary,.master-form-actions .primary{white-space:normal;width:100%;min-width:0}.master-kind-tabs{grid-template-columns:repeat(2,minmax(0,1fr));padding-inline:14px}.master-form,.mapping-form{grid-template-columns:minmax(0,1fr);padding:14px}.master-form .span-2,.mapping-form .span-2{grid-column:1}.mapping-list>article{grid-template-columns:minmax(0,1fr);padding:14px}.mapping-values{grid-template-columns:minmax(0,1fr);display:grid;overflow:visible}.mapping-values>span{min-width:0}.mapping-values>i{display:none}.mapping-values code,.query-preview code{overflow-wrap:anywhere;white-space:normal;max-width:100%}.query-preview{grid-column:1;display:grid;overflow:visible}}@media (max-width:390px){.sidebar .brand .pms-logo-lockup{width:104px}.mobile-menu-toggle b,.mobile-logout b{display:none}.mobile-menu-toggle,.mobile-logout{justify-content:center;width:40px;padding:0}.app-header .company-name strong{max-width:135px}.app-header .header-copy h1{font-size:19px}.content{padding-inline:12px}.metrics{grid-template-columns:1fr 1fr}.metrics article{min-height:126px}.mobile-bottom-nav{left:6px;right:6px}.mobile-bottom-nav b{font-size:9px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body :is(button,input,select,textarea){font-family:var(--font-ui)}:is(.app-shell,.login-page) :is(h1,h2,h3,h4,b,strong,button,label,th){font-weight:500}:is(.app-shell,.login-page) :is(h1,h2,h3,h4){letter-spacing:normal;line-height:1.4}.app-shell h1,.app-shell .page-title h2,.app-shell .plan-titlebar h2{font-size:1.625rem}.app-shell :is(.panel h3,.panel-head h3,.plan-section-head h3){font-size:1.0625rem}.app-shell :is(.kicker,.eyebrow,.plan-eyebrow){letter-spacing:normal;text-transform:none;font-size:.8125rem;font-weight:400}.app-shell :is(.primary,.secondary,.hero-action,.back-button){box-shadow:none;border-radius:10px;font-size:.9375rem;font-weight:500}.app-shell :is(input,select,textarea){font-size:1rem!important}.app-shell :is(.metrics small,.metrics p,.metrics em,.plan-metrics small,.plan-metrics p,.plan-metrics em){color:var(--muted);font-size:.8125rem;font-weight:400}.app-shell :is(.pill,.branch-status,.daily-plan-status,.attendance-status){font-size:.8125rem;font-weight:500;line-height:1.5}.app-shell :is(.attendance-record-copy b,.attendance-detail-summary b,.attendance-detail-block>p,.attendance-decision label,.attendance-form label,.attendance-list-head,.attendance-tabs button){font-size:.9375rem}.app-shell :is(.attendance-record-copy small,.attendance-record-copy p,.attendance-detail-summary small,.attendance-detail-block>b,.attendance-timeline b,.attendance-timeline p,.attendance-timeline small,.attendance-schedule-heading small,.attendance-schedule-times small,.attendance-schedule-date,.attendance-empty b,.attendance-empty p),.app-shell :is(.attendance-date small,.attendance-metrics small,.attendance-metrics span,.attendance-tabs button,.mini-workflow b,.mini-workflow small),.app-shell :is(.plan-context small,.plan-context b,.plan-source,.plan-notice,.plan-loading,.branch-warning,.plan-pagination span,.plan-section-head p,.plan-legend,.day-counts span,.day-ring small,.selected-branches-state,.selected-branch-list dt,.selected-branch-list dd,.branch-empty p){font-size:.8125rem}.app-shell :is(.employee-summary small,.employee-summary span,.employee-table th,.employee-table td,.employee-table small,.form-grid label,.doc-list small,.doc-list time,.person small,.presence),.app-shell .time-layout :is(small,label){font-size:.875rem}.sidebar{background:var(--brand-navy);width:232px;box-shadow:none;padding:24px 14px 16px}.workspace{width:calc(100% - 232px);margin-left:232px}.sidebar .brand{padding-bottom:20px}.sidebar .brand:after{display:none}.sidebar .desktop-main-nav{scrollbar-width:thin;gap:4px;min-height:0;overflow-y:auto}.nav-group-label{color:#b7c9ce;padding:16px 14px 5px;font-size:.75rem;display:block}.nav-group-label:first-child{padding-top:0}.sidebar nav>button{border-radius:9px;min-height:44px;font-size:.875rem;font-weight:400}.sidebar nav>button:hover{transform:none}.sidebar nav>button.active{color:#aff2d2;box-shadow:none;background:#35574e;border-color:#0000}.sidebar-foot strong{font-size:.8125rem;font-weight:500}.sidebar-foot small{color:#b7c9ce;font-size:.75rem}.app-header{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid var(--line);min-height:80px;padding:16px 28px}.app-header .header-company{gap:12px}.app-header .header-company-logo{background:var(--brand-green-soft);width:40px;height:40px;color:var(--brand-green);box-shadow:none;border-radius:10px;font-size:.875rem}.app-header .company-name strong{color:var(--ink);font-size:.9375rem;font-weight:500}.app-header .company-name span{font-size:.8125rem;font-weight:400}.app-header .header-copy>p.header-role{color:var(--muted);margin:4px 0 0;font-size:.8125rem;font-weight:400;display:block}.dashboard-heading>span{color:var(--brand-green);font-size:.8125rem}.dashboard-heading h1{margin:4px 0 0;font-size:1.625rem;font-weight:500}.page-back{min-height:44px;color:var(--muted);background:0 0;border:0;align-items:center;gap:7px;margin:0 0 12px;padding:0;font-size:.875rem;display:inline-flex}.page-back svg{width:17px;height:17px}.panel,.form-panel,.plan-filter,.plan-metrics article,.metrics article{border-color:var(--line);box-shadow:none;border-radius:14px}.dashboard-priority{background:var(--brand-green-soft);border:1px solid #cce4d8;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px;padding:18px 20px;display:flex}.dashboard-priority h2{margin:0;font-size:1.125rem;font-weight:500}.dashboard-priority p{color:var(--muted);margin:6px 0 0;font-size:.9375rem}.dashboard-priority .primary{flex-shrink:0;justify-content:center;align-items:center;gap:8px;display:flex}.hero-card,.management-hero,.management-hero.admin,.management-hero.super-admin-hero{background:var(--surface);min-height:0;color:var(--ink);border:1px solid var(--line);box-shadow:none;border-radius:14px;padding:24px}.hero-card:after{display:none}.hero-card h2,.management-hero h2{font-size:1.125rem;font-weight:500}.hero-card .status-dot,.hero-card small,.clock-box span,.management-hero span,.management-hero p{color:var(--muted);letter-spacing:normal;font-size:.8125rem}.hero-card p{font-size:.9375rem}.management-icon{background:var(--brand-green-soft);color:var(--brand-green);border-radius:12px;width:44px;height:44px}.management-hero{grid-template-columns:44px minmax(0,1fr) auto}.today-time-grid>div{background:var(--paper);border:0}.today-time-grid span{color:var(--muted);font-size:.8125rem}.today-time-grid strong{font-variant-numeric:tabular-nums;font-size:1.375rem;font-weight:500}.clock-box strong{font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:500}.attendance-hero .clock-box button{background:var(--brand-green);color:#fff;min-height:48px;font-size:.9375rem;font-weight:500}.attendance-hero .clock-box button:hover{background:var(--brand-green-deep)}.metrics.dashboard-metrics{background:var(--surface);border:1px solid var(--line);border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;overflow:hidden}.dashboard-metrics article{background:0 0;border:0;border-radius:0;min-width:0;min-height:0;padding:16px 18px;display:block}.dashboard-metrics article+article{border-left:1px solid var(--line)}.dashboard-metrics .metric-icon{display:none}.dashboard-metrics strong{font-size:1.5rem;font-weight:500}.dashboard-grid{grid-template-columns:minmax(0,1fr)}.dashboard-grid>.announce{align-self:start}.daily-plan-table table{table-layout:fixed;width:100%;min-width:0}.daily-plan-table th,.daily-plan-table td{white-space:normal;overflow-wrap:anywhere;padding:12px}.team-clock-summary{background:var(--surface);border:1px solid var(--line);border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex}.team-clock-summary h2{margin:0;font-size:1rem;font-weight:500}.team-clock-summary p{color:var(--muted);font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:.875rem}.team-clock-summary .secondary{flex-shrink:0}.dashboard-grid>*{min-width:0}.daily-plan-panel .panel-head p,.daily-plan-state,.daily-plan-table th,.daily-plan-table td,.daily-plan-table td small{font-size:.8125rem}.daily-plan-table td{color:var(--ink)}.management-overview-grid{grid-template-columns:minmax(0,1fr)}.management-overview-grid .dashboard-employee-summary{grid-row:1;grid-template-columns:repeat(3,minmax(0,1fr))}.team-current-card-head .team-current-card-menu{opacity:1;border-top:1px solid var(--line);flex-wrap:wrap;grid-column:1/-1;justify-content:flex-end;gap:8px;padding-top:6px;position:static}.team-current-card-menu button{border-radius:8px;min-height:44px;padding:8px 12px}.plan-metrics .metric-mark{display:none}.plan-metrics article{min-width:0;padding:16px}.plan-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-metrics strong{font-size:1.5rem;font-weight:500}.plan-tabs,.plan-tabs button{box-shadow:none}.plan-tabs button.active{background:var(--brand-green-soft);color:var(--brand-green)}.plan-mobile-date{display:none}.plan-scope{border-top:1px solid var(--line);grid-column:1/-1;padding-top:10px}.plan-scope summary{cursor:pointer;color:var(--muted);min-height:32px;padding:4px 0;font-size:.875rem}.plan-scope>div{grid-template-columns:1fr 1fr;gap:16px;margin-top:12px;display:grid}.plan-calendar .calendar-stat small,.plan-calendar .calendar-stat strong{font-size:.75rem;font-weight:400}.plan-calendar .calendar-date{font-weight:500}.plan-calendar .calendar-weekdays span{font-size:.8125rem}.branch-plan-table th,.branch-plan-table td,.branch-plan-table td b,.branch-plan-table td small{font-size:.875rem}.attendance-tabs button.active{color:var(--brand-green);border-color:var(--brand-green)}.attendance-list>button{min-height:88px}.attendance-metrics article{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:flex}.attendance-metrics article strong{font-size:1.5rem;font-weight:500;line-height:1.4}.attendance-metrics article small,.attendance-metrics article span{white-space:normal;font-size:.8125rem;line-height:1.5}.branch-status.waiting,.daily-plan-status.waiting{color:#b42332;background:#fdeced}.attendance-overlay header button{width:44px;height:44px}.attendance-record-copy p{white-space:normal;max-width:none}.attendance-schedule-card{background:var(--paper);border-color:var(--line)}.attendance-decision .primary{min-height:48px}.login-page{background:var(--surface);color:var(--ink);font-family:var(--font-ui)}.login-story{background:var(--brand-navy);padding:48px clamp(32px,5vw,72px)}.login-story:before,.login-story:after{display:none}.login-card{box-shadow:none;background:0 0;border:0;border-radius:0;width:100%;max-width:400px;padding:16px 0}.login-workspace{background:var(--surface);padding:48px clamp(24px,6vw,80px) 24px}.login-workspace footer{max-width:400px;color:var(--muted);justify-content:flex-start;margin-top:32px;padding:0;font-size:.75rem}.login-story .story-copy{margin:auto 0;padding-block:64px}.login-story .story-copy h1{letter-spacing:normal;margin:20px 0;font-size:clamp(32px,3.3vw,46px);font-weight:500;line-height:1.45}.login-story .story-copy p{color:#c7d8dd;font-size:1rem;font-weight:400;line-height:1.8}.login-story .story-kicker{color:#a8d6c6;letter-spacing:.06em;font-size:.6875rem;font-weight:500}.login-capabilities{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.login-capabilities span{color:#dbe7e8;border:1px solid #4c656c;border-radius:8px;padding:7px 12px;font-size:.8125rem;font-weight:400}.login-page .tenant-safety b{font-size:.875rem;font-weight:500}.login-page .tenant-safety small{color:#b6cacf;font-size:.8125rem;font-weight:400}.login-progress{align-items:center;gap:24px;margin:0 0 36px;padding:0;list-style:none;display:flex}.login-progress li{color:var(--muted);align-items:center;gap:8px;font-size:.8125rem;font-weight:400;display:flex}.login-progress li>span{border:1px solid var(--line);border-radius:50%;place-items:center;width:26px;height:26px;font-size:.75rem;display:grid}.login-progress li.current{color:var(--brand-green);font-weight:500}.login-progress li.current>span{background:var(--brand-green);color:#fff;border-color:var(--brand-green)}.login-progress li.done>span{background:var(--brand-green-soft);color:var(--brand-green);border-color:var(--brand-green-soft)}.login-page .login-heading{text-align:left;margin-bottom:28px}.login-heading p{color:var(--muted);max-width:none}.login-heading h2{margin:0 0 10px}.login-page .login-heading h2{letter-spacing:normal;font-size:1.625rem;font-weight:500}.login-page :is(.login-heading p,.company-form label,.account-form label,.remember-check span,.login-primary,.platform-entry button){font-size:.9375rem;font-weight:400}.login-page :is(.step-chip,.login-back,.password-label span,.selected-tenant small,.selected-tenant em,.platform-entry>span,.login-footer){font-size:.8125rem;font-weight:400}.login-primary{background:var(--brand-green);box-shadow:none;border-radius:10px;min-height:48px;font-weight:500!important}.login-primary:hover{background:var(--brand-green-deep)}.login-page input{font-size:1rem!important}.login-page .company-code-field{border-color:var(--line);border-radius:10px;min-height:52px;padding:0 14px}.login-page .company-code-field input{min-width:0;padding:0}.login-page .company-code-field:focus-within,.login-page .password-field:focus-within{border-color:var(--brand-green);box-shadow:0 0 0 3px var(--brand-green-soft)}.login-page .company-code-field.has-error{border-color:#b42332}.login-page .login-field-hint{color:var(--muted);margin:9px 0 20px;font-size:.8125rem;font-weight:400;line-height:1.6}.login-page .login-error{color:#b42332;margin:8px 0 12px;font-size:.875rem}.login-page .login-primary:hover{filter:none;transform:none}.login-page .login-primary:disabled{color:#fff;cursor:wait;background:#819b92}.login-page .platform-entry{text-align:left;border-color:var(--line);flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:28px;padding-top:20px;display:flex}.login-page .platform-entry>span{color:var(--muted);margin:0}.login-page .platform-entry button{min-height:44px;color:var(--brand-green);padding:0;font-size:.8125rem}.login-page .selected-tenant{background:var(--paper);border:0;border-radius:10px;grid-template-columns:36px minmax(0,1fr);padding:12px}.login-page .selected-tenant>i{width:36px;height:36px;font-size:.8125rem;font-weight:500}.login-page .selected-tenant span b{overflow-wrap:anywhere;font-size:.875rem;font-weight:500}.login-page .selected-tenant span em{color:var(--muted);font-size:.75rem}.login-page .login-back{min-height:44px;margin:-12px 0 8px}.login-page .account-heading{margin:24px 0}.login-page .password-label{margin-bottom:8px}.login-page .password-field{margin-bottom:0;padding-right:3px}.login-page .password-field button{min-width:48px;min-height:44px;color:var(--brand-green);background:0 0;font-size:.8125rem;font-weight:400}.login-page .remember-check{min-height:44px;margin:12px 0 20px!important}.login-page .remember-check input{width:18px;height:18px;accent-color:var(--brand-green)}.mobile-menu-signout{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--ink);border-radius:10px;justify-content:center;align-items:center;font-size:.875rem;display:flex}@media (min-width:761px) and (max-width:1000px){.sidebar{width:84px;padding-inline:11px}.sidebar .brand{justify-content:center;padding-inline:0}.sidebar .brand .pms-logo-lockup{grid-template-columns:1fr;width:50px}.sidebar .brand .pms-logo-copy,.sidebar .nav-group-label,.sidebar .nav-label,.sidebar .nav-badge,.sidebar .new-badge,.sidebar-foot div,.sidebar-foot .company-logout{display:none}.sidebar nav>button{justify-content:center;padding:0}.workspace{width:calc(100% - 84px);margin-left:84px}.dashboard-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:760px){.management-overview-grid .dashboard-employee-summary{grid-template-columns:minmax(0,1fr)}body{background:var(--paper);padding-bottom:calc(80px + env(safe-area-inset-bottom))}body:not(:has(.app-shell)){padding-bottom:0}.sidebar{display:none}.workspace{width:100%;margin-left:0}.app-header{min-height:76px;padding:14px 16px}.app-header .header-company{gap:10px}.app-header .header-company-logo{flex:none;width:36px;height:36px}.app-header .company-name{flex-wrap:wrap;gap:4px}.app-header .company-name strong{white-space:normal;overflow-wrap:anywhere;max-width:none;font-size:.875rem}.app-header .header-copy>p.header-role{overflow-wrap:anywhere;font-size:.75rem}.app-header .header-actions{margin-left:auto;display:flex}.app-header .header-actions .icon-button{display:grid}.app-header .notification-bell{flex:none}.content{padding:20px 16px 28px}.dashboard-heading{margin-bottom:14px}.dashboard-heading h1{font-size:1.625rem}.dashboard-priority{grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:12px;padding:16px;display:grid}.dashboard-priority .primary{width:100%}.team-clock-summary{flex-wrap:wrap;gap:10px;padding:14px 16px}.team-clock-summary .secondary{min-width:0;padding-inline:12px;font-size:.8125rem}.hero-card,.management-hero{border-radius:14px;padding:18px}.management-hero{grid-template-columns:minmax(0,1fr);gap:12px}.management-hero .management-icon{display:none}.management-hero .hero-action{justify-content:center;width:100%}.attendance-hero{gap:16px;display:grid}.attendance-hero .clock-box{border-top:1px solid var(--line);text-align:left;grid-template-columns:1fr 1fr;align-items:center;width:100%;padding-top:14px;display:grid}.attendance-hero .clock-box span{text-align:right;margin:0}.attendance-hero .clock-box button{grid-column:1/-1;margin-top:12px}.today-time-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.today-time-grid>div{min-width:0;padding:10px}.metrics.dashboard-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-block:14px}.dashboard-metrics article{overflow-wrap:anywhere;min-height:0;padding:12px 8px}.dashboard-metrics strong{font-size:1.3125rem}.dashboard-metrics p{display:none}.dashboard-metrics small{font-size:.8125rem}.dashboard-grid{grid-template-columns:minmax(0,1fr)}.panel,.form-panel{border-radius:14px;padding:18px}.panel-head{flex-wrap:wrap;gap:10px}.panel-head>div{min-width:0}.daily-plan-panel .panel-head h3{font-size:1.0625rem}.daily-plan-panel .panel-head>button{min-height:44px;font-size:.875rem}.mobile-bottom-nav{min-height:72px;padding:6px 8px calc(6px + env(safe-area-inset-bottom));border:0;border-top:1px solid var(--line);background:var(--surface);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0;bottom:0;left:0;right:0}.mobile-bottom-nav>button{border-radius:9px;gap:5px;min-height:56px;padding:6px 2px}.mobile-bottom-nav>button b{white-space:normal;font-size:.75rem;font-weight:400;line-height:1.4;overflow:visible}.mobile-bottom-nav>button.active b{font-weight:500}.mobile-nav-icon i{font-size:.6875rem}.mobile-menu-sheet{background:var(--surface);border-color:var(--line);border-radius:18px;grid-template-rows:auto minmax(0,1fr) auto}.mobile-menu-sheet .mobile-menu-head{color:var(--ink)}.mobile-menu-head strong{font-size:1.125rem;font-weight:500}.mobile-menu-head small{color:var(--muted);font-size:.8125rem}.mobile-menu-head>button{color:var(--ink)!important;background:var(--paper)!important;border-color:var(--line)!important}.mobile-menu-sheet>nav{grid-template-columns:minmax(0,1fr);gap:4px}.mobile-menu-sheet>nav>button{min-height:48px;color:var(--ink);background:var(--surface);border:0;border-radius:9px;font-size:.9375rem}.mobile-menu-sheet>nav>button.active{color:var(--brand-green);background:var(--brand-green-soft);box-shadow:none}.mobile-menu-sheet .nav-label{white-space:normal;overflow:visible}.plan-titlebar h2{font-size:1.625rem}.plan-title-actions{gap:8px}.plan-tabs{box-shadow:none;grid-template-columns:1fr}.plan-tabs button{min-height:44px;font-size:.875rem}.plan-filter{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px}.plan-filter label{font-size:.875rem}.plan-filter label:nth-child(3),.plan-filter .plan-context{grid-column:1/-1}.plan-filter input,.plan-filter select{width:100%;min-width:0;max-width:100%;padding-inline:8px}.plan-scope>div{grid-template-columns:minmax(0,1fr)}.plan-workspace>.plan-metrics{order:1}.plan-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.plan-metrics article{min-height:0;padding:14px}.plan-metrics p{display:none}.plan-main-grid{grid-template-columns:minmax(0,1fr);gap:12px}.plan-days-panel>.plan-section-head,.plan-days-panel>.plan-calendar{display:none}.plan-days-panel{padding:12px!important}.plan-mobile-date{grid-template-columns:44px minmax(0,1fr) 44px;align-items:end;gap:10px;display:grid}.plan-mobile-date label{gap:6px;min-width:0;font-size:.875rem;display:grid}.plan-mobile-date input{width:100%;min-width:0;min-height:48px;padding:8px}.plan-mobile-date button{min-width:44px;min-height:48px;padding:0}.plan-day-summary{padding:0!important}.plan-day-summary .day-ring,.plan-day-summary .selected-branches,.plan-day-summary .plan-section-head,.plan-day-summary .plan-section-head>div>span{display:none}.plan-day-summary .day-counts{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:12px;display:grid}.plan-day-summary .day-counts span{white-space:normal;font-size:.6875rem}.plan-day-summary .day-counts b{font-size:1.125rem}.plan-day-summary .day-counts>div{padding:0}.branch-plan-panel{padding:0!important}.branch-plan-panel .plan-section-head{flex-direction:row;align-items:center;gap:8px;padding:14px 16px;display:flex}.branch-selected-date{display:none}.branch-plan-panel .plan-section-head .secondary{justify-content:center;width:auto;min-width:72px;padding-inline:12px}.plan-pagination{flex-wrap:wrap;justify-content:center;gap:10px;padding:16px}.plan-pagination span{text-align:center;order:-1;width:100%}.plan-pagination button{flex:1;min-width:0;padding:10px}.attendance-list>button{grid-template-columns:44px minmax(0,1fr) 12px;padding:16px}.attendance-record-copy p{max-width:none}.attendance-list .attendance-status{white-space:normal;grid-column:2;justify-self:start}.attendance-tabs{flex-wrap:wrap;gap:4px;display:flex}.attendance-tabs button{flex:40%;min-height:44px;padding:10px;font-size:.875rem}.attendance-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.attendance-metrics article:last-child{display:flex}.attendance-metrics article{min-width:0;padding:12px 8px}.attendance-overlay>section{width:100%}.attendance-overlay header{gap:12px;padding:16px}.attendance-overlay header h3{font-size:1.125rem}.attendance-overlay{margin-top:0!important}.attendance-overlay :is(.flow-caption small,.flow-step small,.attendance-record-schedule small){font-size:.75rem;line-height:1.5}.attendance-overlay :is(.flow-step strong,.attendance-record-schedule strong){font-size:.8125rem;font-weight:500;line-height:1.5}.attendance-detail-block,.attendance-decision{padding-inline:16px}.attendance-decision>div{grid-template-columns:1fr;gap:10px;display:grid}.login-page{display:block}.login-story{display:none}.login-workspace{justify-content:flex-start;min-height:100svh;padding:40px 24px 24px}.login-card{width:100%;max-width:400px;margin:0;padding:0}.login-page .mobile-login-brand{justify-content:flex-start;margin-bottom:40px;display:flex}.login-progress{gap:24px;margin-bottom:28px}.login-workspace footer{align-items:flex-start;margin-top:auto;padding-top:40px}.login-page .login-heading h2{font-size:1.5rem}}@media (max-width:1000px){.daily-plan-table,.branch-plan-table{margin:0;overflow:visible}.daily-plan-table table,.branch-plan-table table{table-layout:auto;width:100%;min-width:0;display:block}.daily-plan-table thead,.branch-plan-table thead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.daily-plan-table tbody,.branch-plan-table tbody{display:block}.daily-plan-table tr,.branch-plan-table tr{border-bottom:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"code status""name name""start end";gap:8px 12px;padding:16px 0;display:grid}.branch-plan-table tr{padding-inline:16px}.daily-plan-table tr:last-child,.branch-plan-table tr:last-child{border-bottom:0}.daily-plan-table td,.branch-plan-table td{white-space:normal;overflow-wrap:anywhere;border:0;min-width:0;font-size:.8125rem;display:block;padding:0!important}:is(.daily-plan-table,.branch-plan-table) td[data-label=รหัสสาขา]{color:var(--muted);grid-area:code;align-self:center}:is(.daily-plan-table,.branch-plan-table) td[data-label=ชื่อสาขา]{color:var(--ink);grid-area:name;font-size:.9375rem;font-weight:500}:is(.daily-plan-table,.branch-plan-table) td[data-label=ชื่อสาขา] b{font-size:inherit}:is(.daily-plan-table,.branch-plan-table) td[data-label=สถานะ]{grid-area:status;justify-self:end}:is(.daily-plan-table,.branch-plan-table) td[data-label=เริ่มงาน]{grid-area:start}:is(.daily-plan-table,.branch-plan-table) td[data-label=ปิดงาน]{grid-area:end}.daily-plan-table td:before,.branch-plan-table td:before{content:attr(data-label);color:var(--muted);margin-bottom:2px;font-size:.75rem;display:block}:is(.daily-plan-table,.branch-plan-table) td:is([data-label=ชื่อสาขา],[data-label=สถานะ]):before{display:none}:is(.daily-plan-table,.branch-plan-table) td[data-label=รหัสสาขา]:before{content:"สาขา ";font-size:inherit;display:inline}.daily-plan-table td small{grid-column:2}.daily-plan-status,.branch-status{white-space:normal;justify-self:start}}.plan-refresh{white-space:nowrap;justify-content:center;align-items:center;gap:6px;display:flex}.plan-refresh>span{font-size:1.3rem;line-height:1}.plan-titlebar h2{margin-top:0}.plan-titlebar p{margin-bottom:0}.branch-export{align-items:center;gap:6px;display:flex}.overdue-plan-panel.is-clear{background:0 0;align-items:center;gap:12px;padding:18px 22px;display:flex}.overdue-plan-panel.is-clear:before{content:"✓";background:var(--brand-green-soft);width:28px;height:28px;color:var(--brand-green);border-radius:50%;flex:none;place-items:center;display:grid}.overdue-plan-panel.is-clear .panel-head{display:none}.overdue-plan-panel.is-clear .daily-plan-state{text-align:left;background:0 0;border:0;min-height:0;padding:0;display:block}.overdue-plan-panel.is-clear .daily-plan-state b{font-size:.875rem}.overdue-plan-panel.is-clear .daily-plan-state span{font-size:.8125rem;display:block}.overdue-plan-panel.is-clear:has(.daily-plan-warning){flex-wrap:wrap}.overdue-plan-panel.is-clear .daily-plan-warning{width:100%}.attendance-date{background:var(--brand-green-soft);color:var(--brand-green)}.attendance-schedule-heading>span{color:var(--brand-green);box-shadow:none}.attendance-record-schedule{background:var(--brand-green-soft);color:var(--brand-green)}.attendance-tabs button{border-radius:8px 8px 0 0}.attendance-tabs button.active{background:var(--brand-green-soft)}@media (max-width:760px){.page-back{margin-bottom:4px}.page-title,.plan-titlebar{margin-bottom:16px}.page-title .eyebrow{display:none}.plan-titlebar{min-height:76px;padding-right:100px;display:block;position:relative}.plan-titlebar h2{padding-top:4px;font-size:1.375rem;line-height:1.45}.plan-titlebar>div>p{display:none}.plan-title-actions{display:contents}.plan-title-actions .plan-refresh{min-height:44px;padding-inline:12px;font-size:.8125rem;position:absolute;top:0;right:0}.plan-title-actions .plan-source{width:calc(100% + 100px);margin-top:10px;font-size:.75rem;line-height:1.6;display:block}.plan-workspace{gap:12px}.plan-scope{padding-top:6px}.plan-scope summary{min-height:32px;font-size:.8125rem}.plan-main-grid,.plan-mobile-date{gap:8px}.plan-mobile-date label{gap:4px;font-size:.75rem}.plan-day-summary .day-summary-note{border-top:1px solid var(--line);margin:0;padding:10px 12px}.plan-day-summary .day-counts>div:last-child{border:0}.plan-metrics article{padding:12px}.overdue-plan-panel.is-clear{padding:14px}.dashboard-priority h2{font-size:1rem}.dashboard-priority p{font-size:.8125rem}.dashboard-heading h1{font-size:1.5rem}.daily-plan-panel .panel-head{flex-wrap:nowrap;align-items:center;gap:12px}.daily-plan-panel .panel-head>button{flex:none;padding:0;font-size:.8125rem}}.plan-month-control{width:100%;min-width:0;display:block;position:relative}.plan-month-display,.plan-metrics-heading{display:none}@media (max-width:1000px){.daily-plan-table{background:0 0;border:0;border-radius:0}:is(.daily-plan-table,.branch-plan-table) td[data-label=รหัสสาขา]{flex-wrap:wrap;align-items:center;gap:4px;display:flex}:is(.daily-plan-table,.branch-plan-table) td[data-label=รหัสสาขา]:before{margin:0}.daily-plan-table td[data-label=รหัสสาขา] small{flex-basis:100%;margin:0}}@media (max-width:760px){.plan-month-control input{opacity:0;cursor:pointer}.plan-month-display{background:var(--surface);color:var(--ink);pointer-events:none;border:1px solid #ccd9d5;border-radius:12px;justify-content:space-between;align-items:center;gap:4px;padding:8px;font-size:1rem;font-weight:400;display:flex;position:absolute;inset:0}.plan-month-display svg{flex:none;width:18px;height:18px}.plan-month-control:focus-within .plan-month-display{outline-offset:2px;outline:3px solid #008b613d}.plan-metrics-heading{color:var(--muted);grid-column:1/-1;margin:4px 0;font-size:.9375rem;font-weight:500;display:block}}:root{--text-caption:.8125rem;--text-label:.875rem;--text-body:1rem;--text-section:1.125rem;--text-title:clamp(1.5rem, 1.15rem + 1vw, 1.875rem);--text-metric:clamp(1.5rem, 1.15rem + 1vw, 1.875rem);--leading-body:1.65;--leading-label:1.55;--leading-heading:1.45;--ink:#20323e;--muted:#52636f;--paper:#f5f7f9;--line:#dbe3e7}body{font-size:var(--text-body);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;font-weight:400}:is(.app-shell,.login-page) :is(h1,h2,h3,h4){color:var(--ink);font-weight:600;line-height:var(--leading-heading);letter-spacing:normal}.app-shell .content :is(p,li,td,dd){font-size:var(--text-body);line-height:var(--leading-body)}.app-shell .content :is(label,th,dt,summary){font-size:var(--text-label);line-height:var(--leading-label);font-weight:500}.app-shell .content :is(small,em,time){font-size:var(--text-caption);line-height:var(--leading-label);font-weight:400}.app-shell .content :is(b,strong){font-weight:500}.app-shell .content :is(.panel,.form-panel,.employee-summary,.plan-filter,.plan-metrics,.attendance-metrics) :is(small,dt){color:var(--muted)}.app-shell .content :is(h1,.page-title h2,.plan-titlebar h2){font-size:var(--text-title);font-weight:600}.app-shell .content :is(h3,.panel h3,.panel-head h3,.plan-section-head h3){font-size:var(--text-section);font-weight:600}.app-shell .content h4{font-size:var(--text-body);font-weight:600}.app-shell .content :is(.page-title,.plan-titlebar) p{max-width:68ch;font-size:var(--text-body);color:var(--muted);margin-top:8px}.app-shell .page-title>div>span{display:none}.app-shell :is(.kicker,.eyebrow,.plan-eyebrow,.plan-section-head>div>span){font-size:var(--text-caption);letter-spacing:normal;font-weight:500}.app-shell :is(button,.primary,.secondary,.hero-action,.back-button,.text-button){font-size:var(--text-label);font-weight:500;line-height:1.5}.app-shell :is(.primary,.hero-action){font-size:var(--text-body);font-weight:600}.app-shell .content button{min-height:44px}.app-shell :is(button b,button small){font-size:inherit}.app-shell :is(input,select,textarea){line-height:1.5;font-size:var(--text-body)!important}.app-shell :is(.pill,.branch-status,.daily-plan-status,.attendance-status,.day-status,.certification-status,.issue-status){font-size:var(--text-label);white-space:normal;font-weight:500;line-height:1.5}.app-shell .content :is(.panel-head button,.plan-pagination span,.plan-loading,.daily-plan-state,.branch-empty p,.selected-branches-state,.support-empty,.document-inbox-empty,.history-empty),.app-shell .content :is(.plan-notice,.branch-warning,.support-alert,.attendance-alert,.time-alert,.summary-alert){font-size:var(--text-label);line-height:var(--leading-body)}.content{max-width:1400px;padding:28px 32px 48px}.app-header{padding-inline:32px}.app-header .company-name{line-height:1.5}.app-header .company-name strong{font-size:var(--text-body);font-weight:600}.app-header .company-name span,.app-header .header-copy>p.header-role{font-size:var(--text-label);line-height:1.5}.sidebar nav>button{font-size:.9375rem;line-height:1.5}.sidebar .nav-label{white-space:normal}.sidebar .nav-group-label{color:#e3edf0;font-size:var(--text-label);border-top:1px solid #ffffff26;margin-top:8px;padding:14px 14px 6px;font-weight:600;line-height:1.6}.sidebar .nav-group-label:first-child{border-top:0;margin-top:0;padding-top:0}.sidebar-foot strong{font-size:var(--text-label)}.sidebar-foot small{font-size:var(--text-caption)}.nav-badge,.new-badge,.mobile-nav-icon i{font-size:.75rem}.page-back{font-size:var(--text-label);margin-bottom:8px}.page-title,.plan-titlebar{margin-bottom:20px}.page-title h2,.plan-titlebar h2{margin:0}.dashboard-heading{margin-bottom:24px}.dashboard-heading>span{font-size:var(--text-label);color:var(--muted)}.dashboard-heading h1{margin-top:6px}.mobile-bottom-nav>button b{font-size:var(--text-label);line-height:1.4}.mobile-menu-sheet>nav>button{font-size:var(--text-body)}.mobile-menu-head small{font-size:var(--text-label)}.app-shell .content :is(.metrics,.plan-metrics,.attendance-metrics,.employee-summary,.super-metrics) :is(small,em){font-size:var(--text-label);color:var(--muted)}.app-shell .content :is(.metrics,.plan-metrics,.attendance-metrics,.employee-summary,.super-metrics) strong{font-size:var(--text-metric);font-variant-numeric:tabular-nums;font-weight:600;line-height:1.35}.app-shell .content :is(.metrics,.plan-metrics,.attendance-metrics,.employee-summary,.super-metrics) p{font-size:var(--text-caption);color:var(--muted);line-height:1.55}.app-shell .content :is(.attendance-metrics,.employee-summary,.super-metrics) span{font-size:var(--text-caption);color:var(--muted)}.dashboard-metrics article{padding:20px}.dashboard-metrics small{margin-bottom:6px;display:block}.dashboard-actions{margin-bottom:20px}.dashboard-actions.is-team{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:16px;display:grid}.dashboard-actions>:is(.dashboard-priority,.team-clock-summary,.hero-card,.management-hero){margin:0}.dashboard-actions>:only-child{grid-column:1/-1}.app-shell .content :is(.dashboard-priority,.team-clock-summary,.hero-card,.management-hero) h2{font-size:var(--text-section);font-weight:600}.app-shell .content :is(.dashboard-priority,.team-clock-summary,.management-hero) p{font-size:var(--text-label)}.dashboard-priority{border-left:3px solid var(--brand-green);flex-wrap:wrap;padding:20px}.team-clock-summary{flex-wrap:wrap;gap:12px;padding:20px}.app-shell .content :is(.daily-plan-panel,.branch-plan-panel) :is(th,td,td b,td small){font-size:var(--text-label)}.app-shell .daily-plan-panel .panel-head p{font-size:var(--text-label);color:var(--muted)}.app-shell .content .daily-plan-state b{font-size:var(--text-body)}.app-shell .content .daily-plan-state span{font-size:var(--text-label);color:var(--muted)}.app-shell .content .announce>p{font-size:var(--text-body);color:var(--muted)}.announcement-tag{padding:4px 8px;font-size:.75rem;font-weight:500}.announce-meta{font-size:var(--text-caption);color:var(--muted)}.app-shell .avatar{font-size:var(--text-caption);font-weight:500}.app-shell .content .overdue-plan-panel.is-clear .daily-plan-state :is(b,span){font-size:var(--text-label)}.app-shell .plan-filter label,.app-shell .plan-mobile-date label{font-size:var(--text-label);color:var(--muted);font-weight:500}.app-shell .plan-scope summary{font-size:var(--text-label);align-content:center;min-height:44px;display:list-item}.app-shell :is(.plan-context b,.plan-context small,.plan-source,.plan-section-head p,.plan-legend,.day-ring small,.selected-branch-list dt,.selected-branch-list dd,.selected-branches-head b){font-size:var(--text-label);color:var(--muted);line-height:1.55}.app-shell .plan-source{font-size:var(--text-caption)}.plan-source i{flex:none;display:inline-block}.app-shell .plan-calendar :is(.calendar-stat small,.calendar-stat strong,.calendar-weekdays span){font-size:var(--text-caption)}.app-shell .plan-calendar .calendar-date{font-size:var(--text-body);font-weight:600}.app-shell .day-counts span{font-size:var(--text-label);color:var(--muted)}.app-shell .day-counts b{font-size:1.25rem}.app-shell .selected-branch-title b{font-size:var(--text-body)}.app-shell .selected-branches-head strong,.app-shell .content .day-summary-note p{font-size:var(--text-label)}.app-shell .content :is(.master-alert,.master-sync-sources,.master-pagination,.mapping-values,.query-preview,.master-test-result,.master-counts),.app-shell .content :is(.master-workspace,.mapping-form,.connection-grid) :is(p,label,small,span,b,code){font-size:var(--text-label);line-height:1.6}.app-shell .attendance-record-copy b{font-size:var(--text-body);font-weight:600}.app-shell .content .attendance-record-copy p{font-size:var(--text-label);color:var(--muted)}.app-shell .attendance-record-copy small{font-size:var(--text-caption);color:var(--muted)}.app-shell .attendance-tabs button{font-size:var(--text-label);padding:12px 16px}.app-shell :is(.attendance-list-head,.attendance-detail-summary b,.attendance-detail-block>b,.attendance-form label,.attendance-decision label,.attendance-schedule-heading b){font-size:var(--text-body)}.app-shell :is(.attendance-detail-summary small,.attendance-schedule-heading small,.attendance-schedule-times small,.attendance-schedule-date,.attendance-date small,.attendance-empty p,.attendance-empty b){font-size:var(--text-label)}.app-shell :is(.flow-caption small,.flow-step small,.attendance-record-schedule small,.mini-workflow small,.mini-workflow b,.attendance-timeline small){font-size:var(--text-caption);line-height:1.6}.app-shell :is(.flow-step strong,.attendance-record-schedule strong,.attendance-timeline b,.attendance-timeline p),.app-shell :is(.attendance-overlay header>div>span,.flow-caption b,.team-current-member-tools>header>span){font-size:var(--text-label);line-height:1.6}.app-shell .flow-step>span>i{font-size:.75rem}.app-shell .content .attendance-doc-list article>div :is(b,p){font-size:var(--text-body)}.app-shell .content .attendance-doc-list article :is(small,time){font-size:var(--text-label)}.app-shell .workflow-note :is(b,p){font-size:var(--text-label);line-height:1.6}.app-shell :is(.summary-page-tabs button,.summary-page-tabs b,.case-tab,.case-tab b){font-size:var(--text-label)}.app-shell .content .summary-table :is(th,td,small,span,strong,b){font-size:var(--text-label);line-height:1.6}.app-shell .summary-detail-head p{font-size:var(--text-label);color:var(--muted)}.app-shell .summary-detail-foot :is(span,small){font-size:var(--text-caption);color:var(--muted)}.app-shell .summary-filterbar label>span{font-size:var(--text-label)}.app-shell :is(.daily-job-strip,.schedule-calendar-card,.schedule-selection-panel,.schedule-rule-details) :is(p,small,span,b,button,label){font-size:var(--text-label);line-height:1.6}.app-shell .schedule-day>span{font-size:var(--text-body)}.app-shell .schedule-day small{font-size:.75rem}.app-shell .time-layout :is(.location-head button,.history-empty,.previous-head,.time-action-help,.local-time-test-head,.live-clock p,.live-clock>span){font-size:var(--text-label);line-height:1.6}.app-shell .time-layout :is(small,label,.history-info b,.history-info small,.history-time span),.app-shell .time-layout .photo-upload b{font-size:var(--text-label)}.app-shell .content :is(.team-current-member-name,.team-waiting-person,.team-unassigned-list,.team-directory-table,.team-current-card-head,.team-current-member-row,.company-directory,.company-users,.company-profile,.company-features,.company-edit-form,.maintenance-status) :is(b,small,label,span,td,th){font-size:var(--text-label);line-height:1.6}.app-shell :is(.team-current-card-actions .primary,.team-waiting-person select){font-size:var(--text-label)!important}.app-shell .team-waiting-person select{font-size:var(--text-body)!important}.app-shell .content :is(.employee-table,.team-directory-table) :is(b,td,th){font-size:var(--text-label)}.app-shell .content :is(.employee-table,.team-directory-table) small{font-size:var(--text-caption);color:var(--muted)}.app-shell :is(.company-directory small,.company-users small,.field-help,.maintenance-status small,.initial-users-grid label,.company-active,.company-features small,.form-grid label,.super-form-grid label,.card-expiry-alert small,.expiry-list small,.team-stat small),.app-shell .content :is(.company-main-tabs,.super-main-tabs,.company-detail-tabs,.team-workspace-tabs,.employee-tabs,.employee-toolbar,.employee-filters,.permission-matrix,.reporter-strip,.issue-flow,.report-form,.support-form,.support-editor-head,.guide-card) :is(button,label,small,span,b,th,td),.app-shell :is(.guide-upload small,.issue-upload small,.support-lock,.admin-only-badge,.everyone-badge,.document-number,.support-empty span,.support-empty b,.guide-card footer){font-size:var(--text-label);line-height:1.6}.app-shell .content :is(.support-editor-head,.reporter-strip) p{font-size:var(--text-label)}.app-shell .notification-list :is(b,p){font-size:var(--text-label);line-height:1.6}.app-shell .notification-list small{font-size:var(--text-caption);color:var(--muted)}.app-shell .notification-filters button{font-size:var(--text-label);min-height:44px}.app-shell .content .area-card p{font-size:var(--text-label)}.app-shell .fake-map .pin{min-width:24px;min-height:24px;font-size:.75rem}.app-shell :is(.summary-detail-head>div>span,.selected-branches-head span){font-size:var(--text-caption);letter-spacing:normal;font-weight:500}.app-shell .selected-branches>a{font-size:var(--text-label);padding-block:12px;display:block}.app-shell .content :is(.expiry-list,.team-tree,.team-current-leads,.team-current-card-actions,.hiring-progress,.employee-document-manager,.employee-history-panel,.employee-edit-panel,.employee-list,.hire-review,.draft-summary,.team-editor-workspace) :is(b,small,span,label,a,li),.app-shell .content :is(.employee-summary i,.progress-state span,.company-directory i,.local-note>span,.history-head span,.previous-head span,.coordinate-grid span,.local-time-test-head>span),.app-shell .content :is(.team-structure-stats span,.team-structure-legend span,.team-waiting-strip-heading b,.team-current-card-head strong,.team-current-member-tools>div>span){font-size:var(--text-label);line-height:1.6}.app-shell .employee-summary>button i{margin-top:12px;font-weight:500;display:block;position:static}.app-shell .content .leave-cards :is(span,em){font-size:var(--text-label);color:var(--muted)}.app-shell .company-directory i{white-space:normal}.app-shell .content :is(.onboard-steps,.side-progress,.document-category-card,.export-modal) :is(b,small,span,button,legend){font-size:var(--text-label);line-height:1.6}.app-shell .content :is(.person small,.presence,.plan-context small,.guide-card-head small){color:var(--muted)}.app-shell .summary-case-tabs{flex-wrap:wrap;gap:8px;overflow:visible}.app-shell .summary-case-tabs .case-tab{min-height:44px}.app-shell .summary-case-tabs .case-tab b{min-width:24px;height:auto;line-height:1.5}.app-shell .summary-detail-head{flex-wrap:wrap;gap:16px}.table-scroll-hint{display:none}@media (min-width:1001px){.daily-plan-table th:first-child{width:11%}.daily-plan-table th:nth-child(2){width:33%}.daily-plan-table th:nth-child(3),.daily-plan-table th:nth-child(4){width:19%}.daily-plan-table th:nth-child(5){width:18%}.app-shell .content :is(.daily-plan-table,.branch-plan-table) td[data-label=ชื่อสาขา],.app-shell .content .branch-plan-table td[data-label=ชื่อสาขา] b{font-size:var(--text-body)}}.login-page .login-heading h2{font-size:var(--text-title);font-weight:600}.login-page :is(.login-heading p,.company-form label,.account-form label,.login-primary){font-size:var(--text-body);line-height:1.6}.login-page :is(.login-field-hint,.remember-check span,.login-back,.platform-entry>span,.platform-entry button,.password-field button,.login-progress li,.selected-tenant span b){font-size:var(--text-label);line-height:1.6}.login-page :is(.login-workspace footer,.selected-tenant span em,.story-kicker){font-size:var(--text-caption)}.login-page .login-progress li>span{font-size:var(--text-caption);flex:none}.login-page .story-copy h1{color:#fff;font-weight:500}.login-page .tenant-safety b{color:#fff}.login-page .story-copy p{font-size:var(--text-body);color:#c7d8dd}.login-page .login-heading p{color:var(--muted)}.login-page .login-capabilities span{font-size:var(--text-label)}@media (max-width:1100px){.dashboard-actions.is-team{grid-template-columns:minmax(0,1fr)}.app-shell .content :is(.management-hero,.dashboard-priority){flex-wrap:wrap}}@media (max-width:760px){.content{padding:20px 16px 32px}.app-header{padding:12px 16px}.app-header .company-name strong{font-size:.9375rem}.app-header .company-name span,.app-header .header-copy>p.header-role{font-size:var(--text-caption)}.app-header .header-company-logo{width:2.25rem;height:2.25rem}.page-title,.plan-titlebar{margin-bottom:16px}.app-shell .content :is(.page-title,.plan-titlebar) p{font-size:var(--text-label);margin-top:6px}.dashboard-heading{margin-bottom:20px}.dashboard-actions{margin-bottom:16px}.dashboard-priority,.team-clock-summary{padding:16px}.dashboard-metrics article{padding:16px 10px}.metrics.dashboard-metrics,.attendance-metrics{grid-template-columns:repeat(auto-fit,minmax(min(100%,5.5rem),1fr))}.app-shell .content :is(.dashboard-metrics,.attendance-metrics) strong{font-size:1.5rem}.app-shell .content :is(.dashboard-metrics,.attendance-metrics) small{min-height:2.8em}.app-shell .content :is(.dashboard-metrics,.attendance-metrics) em{font-size:var(--text-caption);display:block}.app-shell .content :is(.daily-plan-table,.branch-plan-table) td[data-label=ชื่อสาขา],.app-shell .content :is(.daily-plan-table,.branch-plan-table) td[data-label=ชื่อสาขา] b{font-size:var(--text-body);font-weight:500;line-height:1.65}.app-shell :is(.daily-plan-table,.branch-plan-table) td:before{font-size:var(--text-caption);color:var(--muted)}.app-shell .daily-plan-panel .panel-head{flex-wrap:wrap}.app-shell .content .daily-plan-panel .panel-head>button{font-size:var(--text-label)}.app-shell .plan-filter{grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr))}.plan-titlebar{grid-template-columns:minmax(0,1fr) auto;gap:12px;min-height:0;padding:0;display:grid}.plan-titlebar>div:first-child{min-width:0}.plan-title-actions .plan-refresh{grid-area:1/2;align-self:start;position:static}.plan-title-actions .plan-source{grid-area:2/1/auto/-1;width:auto;margin:0}.app-shell .plan-day-summary .day-counts{grid-template-columns:repeat(auto-fit,minmax(min(100%,7rem),1fr));gap:12px;padding:16px}.app-shell .plan-day-summary .day-counts>div{border:0}.app-shell .plan-day-summary .day-counts span{font-size:var(--text-label)}.app-shell .plan-day-summary .day-counts b{font-size:1.25rem}.app-shell .plan-tabs{width:100%;display:flex}.app-shell .plan-tabs button{white-space:normal;flex:1;min-width:0}.app-shell .attendance-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.app-shell .attendance-tabs button{font-size:var(--text-label);padding:12px 8px}.app-shell .attendance-overlay header h3{font-size:var(--text-section)}.app-shell .attendance-list>button{grid-template-columns:44px minmax(0,1fr) 12px;padding:16px}.app-shell .attendance-list .attendance-status{grid-column:2}.app-shell .summary-detail-foot{flex-wrap:wrap;gap:8px}.app-shell .employee-summary{grid-template-columns:minmax(0,1fr);display:grid;overflow:visible}.app-shell .employee-summary>button{grid-template-columns:minmax(0,1fr) auto;column-gap:12px;width:100%;min-width:0;padding:16px;display:grid}.app-shell .employee-summary>button strong{grid-area:1/2/3;align-self:center}.app-shell .employee-summary>button :is(small,span){grid-column:1}.app-shell .employee-summary>button i{grid-column:1/-1;justify-self:start;margin-top:8px}.app-shell .summary-case-tabs{width:100%}.app-shell .content .table-scroll-hint{font-size:var(--text-caption);color:var(--muted);margin:0 0 12px;padding-inline:18px;display:block}.app-shell .summary-table :is(th,td):first-child{z-index:1;background:var(--surface);border-right:1px solid var(--line);position:sticky;left:0}.app-shell .notification-popover{max-width:calc(100vw - 24px)}.login-page .login-workspace{padding-inline:24px}body:has(.app-shell){padding-bottom:calc(5.5rem + env(safe-area-inset-bottom))}}@media (max-width:480px){.app-header{position:relative;top:auto}}.quota-section-toggle{margin-bottom:18px}.leave-quota-settings{max-width:1100px;margin:0;font-size:16px}.leave-quota-settings .page-title p{font-size:16px;line-height:1.6}.leave-quota-settings .panel{margin-bottom:20px}.quota-year-panel,.quota-year-picker,.quota-year-summary,.quota-editor-heading,.quota-types-heading,.quota-save-bar,.quota-reminder{justify-content:space-between;align-items:center;gap:20px;display:flex}.quota-year-picker{justify-content:flex-start;align-items:flex-end;gap:12px}.leave-quota-settings label{color:var(--muted,#667085);font-size:14px;font-weight:600;display:block}.leave-quota-settings input{border:1px solid var(--line,#dfe3e9);min-height:46px;color:var(--ink,#243746);font:inherit;background:#fff;border-radius:9px;width:100%;margin-top:7px;padding:10px 12px;font-size:16px;display:block}:is(.leave-quota-settings input:focus-visible,.leave-quota-settings button:focus-visible){outline-offset:3px;outline:3px solid #4c91d4}.leave-quota-settings button:disabled{opacity:.55;cursor:not-allowed}.quota-year-picker input{width:130px}.quota-year-summary{flex-wrap:wrap;justify-content:flex-end}.quota-year-summary>strong{font-size:20px}.quota-status{white-space:nowrap;border-radius:20px;padding:6px 12px;font-size:14px}.quota-status.draft{color:#815314;background:#fff1d6}.quota-status.saved{color:#236747;background:#e5f4ec}.quota-editor fieldset{border:0;min-width:0;margin:0;padding:0}.quota-editor-heading{border-bottom:1px solid var(--line);align-items:flex-start;margin-bottom:24px;padding-bottom:24px}.quota-editor-heading h3,.quota-types-heading h3{margin:0;font-size:18px}.quota-editor-heading p{color:var(--muted);max-width:540px;margin:8px 0 0;font-size:14px;line-height:1.65}.quota-effective{min-width:210px}.quota-types-heading{margin-bottom:12px}.quota-types-heading h3 span,.quota-types-heading>span{color:var(--muted);font-size:14px;font-weight:400}.quota-types-heading h3 span{margin-left:10px}.quota-type-row{border-bottom:1px solid var(--line);grid-template-columns:44px minmax(0,1fr) 160px;align-items:center;gap:16px;padding:18px 0;display:grid}.quota-type-icon{color:#456079;background:#edf2f6;border-radius:12px;place-items:center;width:44px;height:44px;font-size:16px;font-weight:700;display:grid}.quota-type-icon.type-vacation{color:#2a7857;background:#e6f3ee}.quota-type-icon.type-sick{color:#5969a4;background:#edf0fc}.quota-type-icon.type-personal{color:#966724;background:#fff2dc}.quota-type-name input[readonly]{background:0 0;border-color:#0000;min-height:34px;margin:3px 0 0;padding:3px 0;font-size:18px;font-weight:600}.quota-days>div{align-items:center;gap:10px;display:flex}.quota-days input{max-width:115px}.quota-add{margin-top:20px}.quota-remove-draft{color:#9c3027;font:inherit;background:0 0;border:0;min-height:40px;padding:6px 0;font-size:14px;text-decoration:underline}.quota-note{color:var(--muted);margin:22px 0;font-size:14px;line-height:1.65}.quota-save-bar{border-top:1px solid var(--line);padding-top:22px}.quota-save-bar>span{color:var(--muted);font-size:14px}.quota-message{border-radius:12px;margin:0 0 20px;padding:16px 20px;line-height:1.6}.quota-message.error{color:#9c3027;background:#fff0ed}.quota-message .secondary{margin-left:16px}.quota-message.success-message{color:#236747;background:#e5f4ec}.quota-reminder{color:#805619;background:#fff8e8;border:1px solid #e9c780;border-radius:14px;margin-bottom:20px;padding:20px}.quota-reminder p{margin:6px 0 0;font-size:14px}@media (max-width:760px){.quota-year-panel,.quota-editor-heading,.quota-save-bar,.quota-reminder{flex-direction:column;align-items:stretch;gap:16px}.quota-year-summary{justify-content:flex-start}.quota-effective{min-width:0}.quota-type-row{grid-template-columns:36px minmax(0,1fr);gap:12px}.quota-type-icon{width:36px;height:36px}.quota-days{grid-column:2}.quota-days>div{max-width:180px}.quota-save-bar .primary{width:100%;font-size:14px}.quota-types-heading>span{display:none}.quota-message .secondary{margin:12px 0 0;display:flex}}.leave-management-tabs{flex-wrap:wrap;gap:8px;margin-bottom:22px;display:flex}.leave-management-tabs button{border:1px solid var(--line);min-height:46px;color:var(--ink,#243746);font:inherit;background:#fff;border-radius:10px;padding:10px 16px;font-size:14px}.leave-management-tabs button[aria-selected=true]{color:#236747;background:#e5f4ec;border-color:#79ad96;font-weight:700}.employee-leave-entitlement{margin:20px 0;font-size:16px}.employee-leave-entitlement .panel{margin-bottom:20px}.employee-leave-entitlement h3{margin:0;font-size:18px}.employee-leave-entitlement p{line-height:1.65}.employee-entitlement-heading,.employee-entitlement-picker{justify-content:space-between;align-items:center;gap:20px;display:flex}.employee-entitlement-heading p{color:var(--muted);margin:7px 0 0}.employee-entitlement-picker label{flex:1;max-width:560px}.employee-entitlement-picker{justify-content:flex-start;align-items:flex-end}.employee-confirmation-form{border:0;flex-wrap:wrap;align-items:flex-end;gap:16px;min-width:0;margin:20px 0 0;padding:0;display:flex}.employee-confirmation-form label{flex:1;min-width:200px}.employee-leave-entitlement label{color:var(--muted,#667085);font-size:14px;font-weight:600;display:block}.employee-leave-entitlement input,.employee-leave-entitlement select{border:1px solid var(--line);width:100%;min-height:46px;color:var(--ink,#243746);font:inherit;background:#fff;border-radius:9px;margin-top:7px;padding:10px 12px;font-size:16px;display:block}:is(.employee-leave-entitlement :is(input,select,button):focus-visible,.leave-management-tabs button:focus-visible){outline-offset:3px;outline:3px solid #4c91d4}.employee-probation-status{color:#815314}.employee-entitlement-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;display:grid}.employee-entitlement-cards .panel{margin:0}.employee-entitlement-cards article>span{color:var(--muted);font-weight:600;display:block}.employee-entitlement-cards article>strong{color:#236747;margin:14px 0;font-size:30px;display:block}.employee-entitlement-cards article>strong small{color:var(--muted);font-size:14px;font-weight:400}.employee-entitlement-cards p,.employee-entitlement-cards article>small{color:var(--muted);font-size:14px}.employee-entitlement-cards .entitlement-reason{color:#815314}.entitlement-formula{background:#f1f7f4;border-radius:10px;flex-direction:column;gap:8px;margin:16px 0 0;padding:14px;font-size:14px;line-height:1.65;display:flex}.entitlement-formula small{color:var(--muted);font-size:13px}@media (max-width:760px){.employee-entitlement-heading,.employee-entitlement-picker,.employee-confirmation-form{flex-direction:column;align-items:stretch}.employee-confirmation-form label{min-width:0}.employee-leave-entitlement .primary{font-size:14px}.employee-entitlement-heading .quota-year-picker{flex-wrap:wrap}}.leave-balance-grid{grid-template-columns:1fr 1fr;gap:12px;margin:20px 0;display:grid}.leave-balance-grid div{background:#f5f7f9;border-radius:10px;padding:12px}.leave-balance-grid dt{color:var(--muted);font-size:13px}.leave-balance-grid dd{margin:6px 0 0;font-size:20px;font-weight:700}.leave-balance-grid .leave-balance-remaining{color:#236747;background:#e5f4ec;grid-column:1/-1}.leave-request-form fieldset{border:0;min-width:0;margin:0;padding:0}.leave-request-fields{grid-template-columns:1fr 1fr;gap:18px;display:grid}.leave-requests :is(select,textarea){border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;background:#fff;border-radius:9px;margin-top:7px;padding:12px;display:block}.leave-requests :is(select,textarea):focus-visible{outline-offset:3px;outline:3px solid #4c91d4}.leave-requests textarea{resize:vertical}.leave-day-total{background:#f1f7f4;border-radius:10px;padding:16px;font-weight:700}.leave-day-total small{color:var(--muted);margin-top:7px;font-weight:400;display:block}.leave-request-actions{flex-wrap:wrap;gap:12px;margin:20px 0;display:flex}.leave-request-row{text-align:left;width:100%;font:inherit;color:var(--ink);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;display:flex}.leave-request-row small{color:var(--muted);margin-top:7px;line-height:1.7;display:block}.leave-request-row.selected{border-color:#348368;box-shadow:0 0 0 1px #348368}.leave-request-status{white-space:nowrap;background:#fff1d6;border-radius:20px;padding:7px 12px;font-size:13px}.leave-request-status.approved{color:#236747;background:#e5f4ec}.leave-request-status.returned{color:#9c3027;background:#fff0ed}.leave-request-status.cancelled{color:#555;background:#eee}.leave-request-flow{background:#f1f7f4;border-radius:10px;padding:16px;line-height:1.8}.leave-request-reason,.leave-action-history p{white-space:pre-wrap;overflow-wrap:anywhere}.leave-action-history{padding-left:22px}.leave-action-history li{border-bottom:1px solid var(--line);padding:12px 0}.leave-action-history small{color:var(--muted);margin-top:5px;display:block}@media (max-width:760px){.leave-request-fields{grid-template-columns:1fr}.leave-request-row{flex-direction:column;align-items:flex-start}.leave-request-actions button{width:100%}.leave-balance-grid dd{font-size:18px}}.leave-total-balances{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0;display:grid}.leave-total-balances>div{border:1px solid var(--line);background:#fff;border-radius:12px;padding:18px}.leave-total-balances span{color:var(--muted);font-size:13px}.leave-total-balances strong{color:#236747;margin-top:10px;font-size:24px;display:block}.leave-total-balances small{font-size:13px;font-weight:400}@media (max-width:760px){.leave-total-balances{grid-template-columns:repeat(2,minmax(0,1fr))}}.leave-main-tabs{scrollbar-width:thin;flex-wrap:nowrap;gap:8px;overflow-x:auto}.leave-main-tabs button{white-space:nowrap;flex-shrink:0;min-height:48px;padding:15px 16px;font-size:14px}.leave-main-tabs button:focus-visible{outline-offset:-3px;outline:2px solid #5064d0}.leave-confirmation-compact{background:#f3f8f6;padding:16px 22px}.leave-confirmation-compact>div{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.leave-confirmation-compact h3{font-size:14px}.leave-confirmation-compact p{margin:0;font-size:14px}.leave-confirmation-compact .employee-probation-status{color:#24795c;background:#e2f1e9;border-radius:20px;padding:4px 12px}.leave-visual-heading{justify-content:space-between;align-items:center;gap:20px;margin:30px 0 18px;display:flex}.leave-eyebrow{letter-spacing:.03em;color:#5c7b71;margin-bottom:8px;font-size:12px;display:block}.leave-visual-heading h3{font-size:21px}.leave-visual-heading label{flex-shrink:0;width:200px}.leave-balance-hero{background:linear-gradient(125deg,#f3fbf7,#fff 62%);grid-template-columns:minmax(240px,.9fr) minmax(0,1.1fr);align-items:center;gap:32px;padding:30px 40px;display:grid}.leave-donut-wrap{width:min(100%,290px);margin:auto;position:relative}.leave-donut-wrap svg{width:100%;display:block}.leave-donut-center{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.leave-donut-center span{color:#62776f;font-size:14px}.leave-donut-center strong{color:#167355;letter-spacing:-2px;font-variant-numeric:tabular-nums;font-size:52px;line-height:1.3}.leave-donut-center small{color:#71837b;font-size:13px}.leave-hero-copy h3{font-size:24px;line-height:1.5}.leave-hero-copy>p{color:var(--muted);margin:10px 0 22px;font-size:14px}.leave-chart-legend{gap:14px;max-width:350px;display:grid}.leave-chart-legend>div{grid-template-columns:10px 1fr auto;align-items:center;gap:10px;font-size:14px;display:grid}.leave-chart-legend i,.leave-type-chart dt i{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.leave-chart-legend b{font-variant-numeric:tabular-nums;font-size:18px}.leave-chart-legend b small{color:var(--muted);font-size:12px;font-weight:400}.leave-hero-note{color:#75867f;margin-top:22px;font-size:12px;line-height:1.6;display:block}.leave-type-charts{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;display:grid}.leave-type-charts .panel{margin:0;padding:24px}.leave-type-heading{align-items:center;gap:12px;display:flex}.leave-type-mark{color:#20765a;background:#eaf3ef;border-radius:12px;place-items:center;width:40px;height:40px;font-size:24px;display:grid}.leave-type-mark.sick{color:#5977cf;background:#edf0fb}.leave-type-mark.personal{color:#a87724;background:#fff3df}.leave-type-heading h3{margin:0;font-size:16px}.leave-type-heading small{color:var(--muted);margin-top:5px;font-size:12px;display:block}.leave-type-remaining{align-items:baseline;gap:9px;margin:22px 0 14px;display:flex}.leave-type-remaining strong{color:#187657;font-variant-numeric:tabular-nums;font-size:36px}.leave-type-remaining span{color:var(--muted);font-size:13px}.leave-stacked-bar{background:#eaf0ef;border-radius:10px;height:9px;display:flex;overflow:hidden}.leave-stacked-bar span{height:100%;display:block}.leave-type-chart dl{gap:12px;margin:20px 0 0;display:grid}.leave-type-chart dl>div{justify-content:space-between;gap:8px;display:flex}.leave-type-chart dt{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.leave-type-chart dd{margin:0;font-size:14px;font-weight:600}.leave-type-chart>p{color:#687e72;border-top:1px solid #edf1ef;margin:18px 0 0;padding-top:14px;font-size:12px}@media (max-width:760px){.leave-main-tabs{margin-right:-16px}.leave-main-tabs button{padding:13px 12px;font-size:13px}.leave-visual-heading{flex-direction:column;align-items:flex-start;gap:14px}.leave-visual-heading label{width:100%}.leave-visual-heading h3{font-size:19px}.leave-balance-hero{grid-template-columns:1fr;gap:20px;padding:24px}.leave-donut-wrap{max-width:245px}.leave-hero-copy h3{font-size:22px}.leave-hero-copy>p br{display:none}.leave-chart-legend{max-width:none}.leave-confirmation-compact>div{gap:10px}.leave-confirmation-compact h3{width:100%}.leave-type-charts{grid-template-columns:1fr}}.leave-donut-wrap{aspect-ratio:1}.leave-donut-wrap>svg{aspect-ratio:1;width:100%;height:auto}.leave-document-overlay{z-index:60}.leave-document-overlay>section{width:min(560px,100%)}.leave-document-overlay header{z-index:1;background:#fff;position:sticky;top:0}.leave-document-body .leave-request-detail{padding:0}.leave-document-body .leave-request-form{box-shadow:none;border:0;margin:24px;padding:0}.leave-document-body>.quota-message,.leave-document-body>p{margin:20px 25px}.leave-document-details{border-bottom:1px solid var(--line);padding-bottom:20px}.leave-document-details p{overflow-wrap:anywhere;white-space:pre-wrap}.quota-policy-fields{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;width:100%;padding-top:16px;display:grid}.quota-policy-fields label{font-size:13px}.quota-policy-fields input{width:100%;margin-top:8px}.quota-policy-fields small,.quota-policy-fields p{color:var(--muted);font-size:12px}.quota-policy-fields p{grid-column:1/-1;margin:0}.leave-policy-note{color:#285d4b;background:#f1f8f5;border:1px solid #cfe6dc;border-radius:12px;margin:18px 0;padding:16px 20px}.leave-policy-note ul{margin:10px 0 0;padding-left:20px;font-size:14px;line-height:1.8}.leave-policy-note p{margin-bottom:0;font-size:14px}.leave-certificate-upload{margin:20px 0;display:block}.leave-certificate-upload input{max-width:100%;margin:10px 0;display:block}.leave-certificate-upload small{color:var(--muted);font-size:12px}.leave-request-form{container-type:inline-size}.leave-request-overview{grid-template-columns:minmax(0,1fr);align-items:start;gap:20px;margin:24px 0;display:grid}.leave-request-overview .leave-day-total{margin:0}.leave-request-overview .leave-request-fields{min-width:0}@container (width>=640px){.leave-request-overview{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.leave-request-overview .leave-day-total{margin-top:28px}}