@import "https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700;800&display=swap";@layer components;@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,::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;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::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]){appearance:button}::file-selector-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 utilities{.fixed{position:fixed}.start{inset-inline-start:var(--spacing)}.grid{display:grid}.hidden{display:none}.inline{display:inline}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.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,)}}:root{--navy:#0d3554;--navy-2:#174663;--teal:#0f8b8d;--teal-soft:#e6f4f3;--bg:#f5f7fa;--card:#fff;--text:#173042;--muted:#6c7d8b;--border:#dfe7ec;--ok:#2c8064;--ok-soft:#eaf5f0;--warn:#b7791f;--warn-soft:#fbf3e4;--danger:#bd4f52;--danger-soft:#fbecee;--info:#367aa5;--info-soft:#eaf3f9;--shadow:0 8px 24px #0d355412;--r:12px}*{box-sizing:border-box}body{color:var(--text);background:var(--bg);margin:0;font-family:Tajawal,sans-serif;font-size:15px}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}.app{min-height:100vh}.demo-bar{border-bottom:1px solid var(--border);z-index:90;background:#fff;align-items:center;gap:24px;height:64px;padding:8px 24px;display:flex;position:sticky;top:0}.demo-wordmark{white-space:nowrap;align-items:center;gap:12px;display:flex}.demo-wordmark>b{color:var(--navy);letter-spacing:-.5px;direction:ltr;font-size:20px}.badge{color:#526675;white-space:nowrap;background:#eef2f5;border-radius:999px;align-items:center;width:fit-content;padding:4px 9px;font-size:12px;font-weight:700;display:inline-flex}.badge.ok{color:var(--ok);background:var(--ok-soft)}.badge.warn{color:var(--warn);background:var(--warn-soft)}.badge.danger{color:var(--danger);background:var(--danger-soft)}.badge.info{color:var(--info);background:var(--info-soft)}.mode-switch{background:var(--bg);direction:ltr;border-radius:10px;align-items:center;gap:4px;margin:auto;padding:4px;display:flex}.mode-switch button{color:#607280;white-space:nowrap;background:0 0;border:0;border-radius:8px;align-items:center;gap:7px;height:40px;padding:0 12px;font-weight:600;display:flex}.mode-switch button svg{width:17px}.mode-switch button small{opacity:.65}.mode-switch button.active{color:var(--navy);background:#fff;box-shadow:0 2px 8px #17304214}.demo-actions{direction:ltr;gap:8px;display:flex}.reset{border:1px solid var(--border);height:40px;color:var(--navy);white-space:nowrap;background:#fff;border-radius:8px;align-items:center;gap:7px;padding:0 12px;font-weight:600;display:flex}.reset svg{width:17px}.select{border:1px solid var(--border);min-width:138px;height:40px;color:var(--text);background:#fff;border-radius:8px;outline:none;padding:0 12px}.web-shell{grid-template-columns:248px 1fr;min-height:calc(100vh - 64px);transition:all .2s;display:grid}.web-shell.collapsed{grid-template-columns:78px 1fr}.sidebar{background:var(--navy);color:#fff;flex-direction:column;height:calc(100vh - 64px);min-height:calc(100vh - 64px);display:flex;position:sticky;top:64px;overflow:hidden}.brand{direction:ltr;border-bottom:1px solid #ffffff18;align-items:center;gap:10px;height:72px;padding:0 18px;display:flex}.brand-mark{background:var(--teal);border-radius:9px;place-items:center;width:34px;height:34px;font-size:20px;font-weight:800;display:grid}.brand strong{font-size:18px}.brand .icon-button{color:#b9c9d3;margin-left:auto}.icon-button{width:38px;height:38px;color:inherit;background:0 0;border:0;border-radius:8px;place-items:center;display:grid;position:relative}.icon-button:hover{background:#ffffff12}.icon-button i{background:var(--danger);border:1px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:7px}.org{background:#ffffff0d;border:1px solid #ffffff12;border-radius:10px;align-items:center;gap:9px;margin:16px 12px 8px;padding:10px;display:flex}.org>span,.user-mini>span{background:#ffffff18;border-radius:8px;place-items:center;width:32px;height:32px;font-size:12px;display:grid}.org div,.user-mini div{flex-direction:column;min-width:0;display:flex}.org b,.user-mini b{white-space:nowrap;font-size:13px}.org small,.user-mini small{color:#a9bfcd;font-size:11px}.sidebar nav{flex:1;padding:6px 10px;overflow-y:auto}.sidebar nav>button{color:#c4d2dc;text-align:right;white-space:nowrap;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;width:100%;height:43px;margin:3px 0;padding:0 12px;display:flex}.sidebar nav>button svg{flex:none;width:19px}.sidebar nav>button.active{color:#fff;background:var(--teal);font-weight:700}.sidebar nav>button:hover{color:#fff;background:#ffffff0d}.sidebar nav>button.active:hover{background:var(--teal)}.count{color:var(--navy);background:#fff;border-radius:6px;place-items:center;width:20px;height:20px;margin-right:auto;font-size:11px;display:grid}.nav-divider{color:#7f9bac;border-top:1px solid #ffffff17;margin:12px 4px 5px;padding-top:10px;font-size:10px}.optional .badge{margin-right:auto;transform:scale(.86)}.sidebar-footer{border-top:1px solid #ffffff16;padding:12px}.user-mini{align-items:center;gap:8px;display:flex}.user-mini svg{color:#9db3c2;margin-right:auto}.collapsed .brand strong,.collapsed .org div,.collapsed nav button span,.collapsed nav button .badge,.collapsed .count,.collapsed .nav-divider span,.collapsed .user-mini div,.collapsed .user-mini svg{display:none}.collapsed .brand{padding:0 18px}.collapsed .brand .icon-button{display:none}.collapsed .org{padding:10px}.collapsed nav button{justify-content:center;padding:0}.web-shell main{min-width:0}.admin-header{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;height:64px;padding:0 28px;display:flex}.header-date{color:var(--muted);align-items:center;gap:8px;display:flex}.header-date b{color:var(--text)}.header-actions{align-items:center;gap:8px;display:flex}.header-actions .icon-button{color:var(--navy);background:var(--bg)}.lang{border:1px solid var(--border);color:var(--navy);background:#fff;border-radius:8px;height:38px;padding:0 12px;font-weight:700}.mobile-brand{display:none}.content{max-width:1440px;margin:auto;padding:28px}.page-title{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.page-title h1{color:var(--navy);margin-bottom:5px;font-size:27px}.page-title p{color:var(--muted);margin:0}.button{white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:42px;padding:0 15px;font-weight:700;display:inline-flex}.button.primary{color:#fff;background:var(--teal)}.button.primary:hover{background:#0c7a7c}.button.secondary{color:var(--navy);border-color:var(--border);background:#fff}.button.ghost{color:var(--teal);background:0 0;padding-inline:6px}.button.danger{color:var(--danger);background:var(--danger-soft)}.button:disabled{opacity:.5;cursor:not-allowed}.filterbar{border:1px solid var(--border);border-radius:var(--r);background:#fff;align-items:center;gap:9px;margin-bottom:18px;padding:10px;display:flex}.filterbar.wide{flex-wrap:wrap}.date-chip{border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;height:40px;padding:0 12px;display:flex}.timezone{color:var(--muted);direction:ltr;font-size:12px}.search{border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;min-width:230px;height:40px;padding:0 12px;display:flex}.search svg{color:var(--muted)}.search input{border:0;outline:0;width:100%}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:20px;box-shadow:0 1px 1px #17304205}.kpi-grid{grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:16px;display:grid}.kpi{position:relative}.kpi-icon{border-radius:10px;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:16px;left:16px}.kpi-icon.ok{color:var(--ok);background:var(--ok-soft)}.kpi-icon.warn{color:var(--warn);background:var(--warn-soft)}.kpi-icon.danger{color:var(--danger);background:var(--danger-soft)}.kpi-icon.info{color:var(--info);background:var(--info-soft)}.kpi-icon.neutral{color:#61717d;background:#eef2f4}.kpi-value{color:var(--navy);font-size:32px;font-weight:800;line-height:1}.kpi-label{margin:9px 0 4px;font-weight:700}.kpi small{color:var(--muted)}.dashboard-grid{grid-template-columns:1.6fr 1fr;gap:16px;margin-bottom:16px;display:grid}.section-head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;display:flex}.section-head h2{color:var(--navy);margin-bottom:4px;font-size:18px}.section-head p{color:var(--muted);margin:0;font-size:13px}.progress-stack{direction:ltr;border-radius:99px;gap:2px;height:12px;margin:25px 0 18px;display:flex;overflow:hidden}.progress-stack i:first-child{background:var(--ok)}.progress-stack i:nth-child(2){background:#d19943}.progress-stack i:nth-child(3){background:var(--danger)}.progress-stack i:nth-child(4){background:var(--info)}.progress-stack i:nth-child(5){background:#aab6bf}.legend{color:var(--muted);flex-wrap:wrap;gap:16px;font-size:12px;display:flex}.legend span{align-items:center;gap:6px;display:flex}.dot{border-radius:50%;width:8px;height:8px;display:inline-block}.dot.ok{background:var(--ok)}.dot.warn{background:#d19943}.dot.danger{background:var(--danger)}.dot.info{background:var(--info)}.dot.neutral{background:#aab6bf}.device-alert{border-color:#efd8d9;grid-template-columns:auto 1fr;align-items:start;gap:14px;display:grid}.alert-icon{width:44px;height:44px;color:var(--danger);background:var(--danger-soft);border-radius:10px;place-items:center;display:grid}.device-alert h3{margin:10px 0 3px}.device-alert p{color:var(--muted);margin:0}.device-alert .button{grid-column:2;width:fit-content}.table-wrap{margin:0 -20px -20px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:760px}th{color:var(--muted);text-align:right;border-block:1px solid var(--border);background:#f9fafb;padding:11px 20px;font-size:12px}td{border-bottom:1px solid #edf1f3;padding:14px 20px}tbody tr{cursor:pointer}tbody tr:hover{background:#f9fbfc}td strong{display:block}td small{color:var(--muted);margin-top:3px;display:block}.result-count{color:var(--muted)}.overlay{z-index:120;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#102b3d66;position:fixed;inset:0}.drawer{background:#fff;width:min(450px,100%);height:100%;padding:24px;overflow-y:auto;box-shadow:-20px 0 50px #102b3d26}.drawer-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:start;gap:16px;margin-bottom:20px;padding-bottom:18px;display:flex}.drawer-head h2{color:var(--navy);margin:8px 0 0}.drawer-head p{color:var(--muted);margin:3px 0 0}.drawer-head .icon-button{background:var(--bg);color:var(--navy)}.person-summary{background:var(--bg);border-radius:var(--r);align-items:center;gap:12px;padding:14px;display:flex}.avatar{background:var(--teal-soft);width:40px;height:40px;color:var(--teal);border-radius:10px;flex:none;place-items:center;font-weight:800;display:grid}.person-summary p{color:var(--muted);margin:3px 0 0}.timeline{border-right:2px solid var(--border);margin:25px 8px}.timeline>div{grid-template-columns:1fr auto;padding:0 20px 24px 0;display:grid;position:relative}.timeline b{background:var(--teal);border:3px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;right:-7px}.timeline small{color:var(--muted);grid-column:1/-1;margin-top:5px}.timeline .muted{color:var(--muted)}.timeline .muted b{background:#b6c1c8}.edit-panel{background:var(--bg);border-radius:var(--r);margin-top:15px;padding:18px}.edit-panel h3{margin-bottom:4px}.edit-panel>p{color:var(--muted);font-size:13px}.edit-panel .button{width:100%}.success-note{background:var(--ok-soft);color:var(--ok);border-radius:8px;gap:8px;margin-top:16px;padding:12px;display:flex}label{flex-direction:column;gap:6px;margin-bottom:14px;font-weight:600;display:flex}label em{color:var(--danger)}label input,label textarea{border:1px solid var(--border);background:#fff;border-radius:8px;outline:0;padding:10px 12px}label textarea{resize:vertical;min-height:85px}label .select{width:100%}.employee-grid,.device-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.employee-grid{grid-template-columns:repeat(4,1fr)}.employee-card{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;display:grid}.avatar.large{border-radius:12px;width:48px;height:48px}.avatar.c1{color:#8059a5;background:#f3edf9}.avatar.c2{background:var(--warn-soft);color:var(--warn)}.avatar.c3{background:var(--info-soft);color:var(--info)}.employee-card h3{margin:0 0 3px}.employee-card p{color:var(--muted);margin:0}.employee-meta{border-block:1px solid var(--border);color:var(--muted);grid-column:1/-1;gap:16px;padding-block:13px;display:flex}.employee-meta span{align-items:center;gap:6px;display:flex}.employee-card .button{grid-column:1/-1}.profile-hero{text-align:center}.avatar.xl{width:72px;height:72px;margin:auto;font-size:23px}.profile-hero h2{margin:12px 0 2px}.profile-hero p{color:var(--muted);margin-bottom:8px}.profile-hero .badge{margin:auto}.detail-list{background:var(--border);border:1px solid var(--border);border-radius:10px;grid-template-columns:1fr 1fr;gap:1px;margin:22px 0;display:grid;overflow:hidden}.detail-list span{background:#fff;flex-direction:column;gap:5px;padding:13px;display:flex}.detail-list small{color:var(--muted)}.privacy-box{background:var(--info-soft);color:var(--info);border-radius:10px;gap:9px;margin:16px 0;padding:13px;display:flex}.privacy-box p{color:var(--text);margin:0;line-height:1.6}.centered{place-items:center;padding:16px;display:grid}.modal{background:#fff;border-radius:14px;width:min(500px,100%);max-height:90vh;padding:22px;overflow-y:auto}.modal-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.notice{background:var(--info-soft);color:var(--info);border-radius:var(--r);border:1px solid #cfe3ef;gap:11px;margin-bottom:18px;padding:13px 16px;display:flex}.notice strong{color:var(--text)}.notice p{color:var(--muted);margin:3px 0 0}.notice.compact{margin:10px 0}.device-card{border-top:3px solid var(--ok)}.device-card.danger{border-top-color:var(--danger)}.device-top{justify-content:space-between;display:flex}.device-icon{width:45px;height:45px;color:var(--ok);background:var(--ok-soft);border-radius:11px;place-items:center;display:grid}.device-icon.danger{color:var(--danger);background:var(--danger-soft)}.device-card h2{color:var(--navy);margin:16px 0 3px}.device-card>p{color:var(--muted)}.device-details{border-block:1px solid var(--border);flex-direction:column;gap:10px;margin:15px 0;padding:14px 0;display:flex}.device-details span{justify-content:space-between;display:flex}.device-details small{color:var(--muted)}.device-card .button{width:100%}.device-grid{margin-bottom:16px}.activity-list>span{border-bottom:1px solid var(--border);grid-template-columns:24px 80px 1fr auto;align-items:center;gap:10px;padding:12px 0;display:grid}.activity-list>span:last-child{border:0}.activity-list svg{width:19px;color:var(--ok)}.activity-list p{color:var(--muted);margin:0}.activity-list time{color:var(--muted)}.activity-list .danger svg{color:var(--danger)}.trouble-status{text-align:center;border-radius:var(--r);background:var(--danger-soft);margin-bottom:22px;padding:20px}.trouble-status svg{color:var(--danger)}.trouble-status h3{margin:10px 0 3px}.trouble-status p{color:var(--muted);margin:0}.steps{padding:0;list-style:none}.steps li{align-items:start;gap:10px;padding:10px 0;display:flex}.steps b{background:var(--teal-soft);width:25px;height:25px;color:var(--teal);border-radius:7px;flex:none;place-items:center;display:grid}.drawer>.button{width:100%}.warning-box{background:var(--warn-soft);color:var(--warn);border-radius:9px;gap:10px;margin-top:16px;padding:13px;display:flex}.warning-box p{color:var(--text);margin:0;line-height:1.55}.two-col{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.shift-card{grid-template-columns:auto 1fr auto;align-items:center;gap:16px;display:grid}.shift-icon,.report-icon{width:52px;height:52px;color:var(--teal);background:var(--teal-soft);border-radius:12px;place-items:center;display:grid}.shift-icon.night{color:var(--info);background:var(--info-soft)}.shift-card h2{margin:9px 0 3px}.shift-card p{color:var(--muted);margin:0}.assigned{color:var(--muted)}.policy-preview{direction:ltr;align-items:center;padding:30px 20px 18px;display:flex}.policy-preview span{text-align:center;flex-direction:column;display:flex}.policy-preview time{color:var(--navy);font-weight:800}.policy-preview small{color:var(--muted)}.policy-preview i{border-top:5px solid var(--ok);flex:1;margin:0 8px 22px}.policy-preview i.late{border-color:var(--danger)}.caption{color:var(--muted);font-size:13px;line-height:1.5}.tabs{gap:8px;margin-bottom:15px;display:flex}.tabs button,.role-switch button{border:1px solid var(--border);color:var(--muted);background:#fff;border-radius:8px;padding:9px 14px}.tabs button.active,.role-switch button.active{background:var(--navy);border-color:var(--navy);color:#fff}.tabs b{margin-right:6px}.request-list{gap:12px;display:grid}.request{grid-template-columns:auto 1fr auto;align-items:center;gap:15px;display:grid}.request-icon{background:var(--bg);width:44px;height:44px;color:var(--navy);border-radius:10px;place-items:center;display:grid}.request h3{margin:8px 0 2px}.request p,.request small{color:var(--muted);margin:0}.request-actions{gap:8px;display:flex}.report-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.report-grid .card>h2{margin:16px 0 5px}.report-grid .card>p{color:var(--muted)}.report-stat{background:var(--bg);border-radius:10px;margin:15px 0;padding:14px}.report-stat b{color:var(--navy);font-size:26px}.report-stat span{color:var(--muted);margin-right:8px}.export-actions{gap:8px;display:flex}.export-preview{align-items:center;gap:16px;margin-top:16px;display:flex}.export-preview svg{color:var(--teal)}.export-preview div{flex:1}.export-preview h2{margin:8px 0 3px}.export-preview p{color:var(--muted);margin:0}.role-switch{align-items:center;gap:8px;margin-bottom:16px;display:flex}.activity-list.audit>span{grid-template-columns:auto 1fr auto}.activity-icon{background:var(--bg);border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.permissions{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:16px;display:grid}.permissions svg{color:var(--teal)}.permissions h3{margin:14px 0 4px}.permissions p{color:var(--muted);margin:0}.settings-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.settings-grid>section:last-child{grid-column:1/-1}.toggle-row{border:0;border-bottom:1px solid var(--border);background:0 0;justify-content:space-between;align-items:center;width:100%;height:48px;display:flex}.toggle-row i{background:#c6d0d6;border-radius:99px;width:39px;height:22px;padding:3px;transition:all .2s}.toggle-row i b{background:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;display:block}.toggle-row i.on{background:var(--teal)}.toggle-row i.on b{transform:translate(-17px)}.location-grid{grid-template-columns:1.2fr 1fr;gap:16px;display:grid}.schematic{flex-direction:column;justify-content:center;align-items:center;min-height:390px;display:flex}.radar{background:radial-gradient(circle,#e7f4f3 0 19%,#0000 20% 39%,#dcefed 40% 41%,#0000 42% 69%,#c9e5e2 70% 71%,#0000 72%);border:2px dashed #8fc6c4;border-radius:50%;width:270px;height:270px;position:relative}.radar .center{background:var(--navy);color:#fff;border-radius:50%;place-items:center;width:54px;height:54px;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.radar .employee{color:var(--danger);position:absolute;top:52px;left:70px}.radar>i{color:var(--teal);font-weight:700;position:absolute;bottom:50%;left:12px}.location-legend{gap:18px;margin-top:18px;display:flex}.formula{background:var(--teal-soft);color:var(--teal);text-align:center;border-radius:8px;padding:12px;font-weight:700}.mobile-canvas{background:radial-gradient(circle at 25% 30%,#fff 0,#f5f7fa 45%,#eaf0f4 100%);grid-template-columns:minmax(360px,550px) auto;justify-content:center;align-items:center;gap:80px;min-height:calc(100vh - 64px);padding:38px;display:grid}.mobile-info{max-width:540px}.mobile-info h1{color:var(--navy);margin:18px 0 10px;font-size:38px}.mobile-info>p{color:var(--muted);font-size:18px;line-height:1.8}.mobile-facts{grid-template-columns:1fr 1fr;gap:10px;margin:25px 0;display:grid}.mobile-facts>span{border:1px solid var(--border);border-radius:var(--r);background:#fff;align-items:center;gap:10px;padding:13px;display:flex}.mobile-facts svg{color:var(--teal)}.mobile-facts small,.mobile-facts b{display:block}.mobile-facts small{color:var(--muted);margin-bottom:3px}.disclaimer{background:var(--warn-soft);border-radius:var(--r);gap:10px;padding:14px;display:flex}.disclaimer svg{color:var(--warn);flex:none}.disclaimer p{margin:0;line-height:1.6}.phone-stage{padding-top:28px;position:relative}.phone-label{text-align:center;color:var(--muted);direction:ltr;margin-bottom:8px;font-size:12px}.phone{background:#f7f9fa;border:9px solid #102c42;border-radius:42px;width:390px;height:844px;font-size:16px;position:relative;overflow:hidden;box-shadow:0 35px 70px #0d35542b}.phone:before{content:"";z-index:10;background:#102c42;border-radius:0 0 16px 16px;width:105px;height:25px;position:absolute;top:0;left:50%;transform:translate(-50%)}.phone.pwa:before{display:none}.browser-chrome{direction:ltr;background:#e8edf0;border-bottom:1px solid #d2dce2;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;height:58px;padding:9px 12px;display:grid}.browser-chrome>div:first-child{gap:3px;display:flex}.browser-chrome>div:first-child span{background:#9eacb5;border-radius:50%;width:6px;height:6px}.address{color:#627581;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:5px;height:30px;font-size:11px;display:flex}.pwa .phone-status{display:none}.phone-status{direction:ltr;justify-content:space-between;height:31px;padding:8px 22px 0;font-size:11px;font-weight:700;display:flex}.phone-status>span{align-items:center;gap:5px;display:flex}.phone-appbar{border-bottom:1px solid var(--border);height:50px;color:var(--navy);direction:ltr;background:#fff;justify-content:space-between;align-items:center;padding:0 18px;display:flex}.phone-appbar b{font-size:18px}.mini-demo{background:var(--info-soft);color:var(--info);border-radius:99px;padding:3px 7px;font-size:10px}.phone-content{scrollbar-width:none;height:calc(100% - 120px);overflow-y:auto}.pwa .phone-content{height:calc(100% - 139px)}.phone h1{color:var(--navy);font-size:24px}.phone .card{padding:16px}.phone .button{min-height:48px;font-size:16px}.full{width:100%}.mobile-login,.permission-screen,.mobile-home,.history-screen,.detail-screen,.profile-screen,.error-screen,.checkout-screen{padding:20px}.app-icon{background:var(--navy);color:#fff;border-radius:16px;place-items:center;width:62px;height:62px;margin:18px auto 22px;display:grid}.app-icon svg{width:31px;height:31px}.mobile-login h1,.mobile-login>p{text-align:center}.mobile-login>p{color:var(--muted);margin-bottom:28px}.mobile-login label{font-size:14px}.mobile-login input{min-height:48px;font-size:16px}.password{position:relative}.password input{width:100%}.password svg{color:var(--muted);width:18px;position:absolute;top:14px;left:13px}.demo-creds{background:var(--info-soft);color:var(--info);border-radius:9px;gap:7px;margin-top:15px;padding:11px;font-size:12px;display:flex}.demo-creds svg{flex:none;width:16px}.permission-art{background:var(--teal-soft);border-radius:50%;place-items:center;width:180px;height:180px;margin:20px auto 28px;display:grid;position:relative}.permission-art span{background:var(--teal);color:#fff;z-index:2;border-radius:50%;place-items:center;width:67px;height:67px;display:grid}.permission-art i{border:1px solid #9bd0ce;border-radius:50%;position:absolute;inset:24px}.permission-art i:nth-child(2){inset:47px}.permission-screen h1{margin:15px 0 8px}.permission-screen>p{color:var(--muted);line-height:1.65}.permission-screen ul{margin:23px 0;padding:0;list-style:none}.permission-screen li{align-items:center;gap:9px;margin:13px 0;display:flex}.permission-screen li svg{width:19px;color:var(--teal)}.greeting{justify-content:space-between;align-items:center;margin:7px 0 16px;display:flex}.greeting small{color:var(--muted)}.greeting h1{margin:4px 0 0}.time-card{background:linear-gradient(135deg,var(--navy),#16516d);color:#fff;text-align:center;border-radius:16px;margin-bottom:14px;padding:18px}.time-card small,.time-card span{color:#c6d9e4;display:block}.time-card strong{margin:3px;font-size:42px;line-height:1.2;display:block}.today-head{align-items:center;gap:11px;display:flex}.today-head small{color:var(--muted)}.today-head h2{margin:4px 0;font-size:17px}.mobile-state{background:var(--warn-soft);width:42px;height:42px;color:var(--warn);border-radius:11px;place-items:center;display:grid}.mobile-state.checked{background:var(--ok-soft);color:var(--ok)}.shift-row{grid-template-columns:1fr 1fr;gap:8px;margin:16px 0;display:grid}.shift-row>span{background:var(--bg);border-radius:9px;padding:10px}.shift-row svg{width:16px;color:var(--teal);vertical-align:middle;margin-left:4px}.shift-row small{color:var(--muted)}.shift-row b{margin-top:4px;font-size:13px;display:block}.check-button{margin-top:6px}.check-time{border-top:1px solid var(--border);justify-content:space-between;padding:10px 2px;display:flex}.check-time span{color:var(--ok);align-items:center;gap:6px;display:flex}.check-time.out span{color:var(--info)}.privacy-strip{color:var(--muted);justify-content:center;align-items:center;gap:7px;margin:15px;font-size:12px;display:flex}.privacy-strip svg{width:16px;color:var(--teal)}.privacy-strip p{margin:0}.mobile-center{text-align:center;padding:70px 28px}.spinner{border:3px solid #d7ebe9;border-top-color:var(--teal);border-radius:50%;place-items:center;width:90px;height:90px;margin:20px auto 28px;animation:1.4s linear infinite spin;display:grid}.spinner svg{color:var(--teal);animation:1.4s linear infinite reverse spin}@keyframes spin{to{transform:rotate(360deg)}}.mobile-center>p{color:var(--muted);line-height:1.6}.check-list{text-align:right;border:1px solid var(--border);background:#fff;border-radius:12px;margin:30px 0;padding:14px}.check-list span{color:var(--muted);align-items:center;gap:9px;padding:9px;display:flex}.check-list svg,.check-list i{border:1px solid var(--border);border-radius:50%;width:19px;height:19px}.check-list .done{color:var(--ok)}.check-list .done svg{border:0}.check-list .active{color:var(--text);font-weight:700}.check-list .active i{border:4px solid var(--teal-soft);background:var(--teal)}.success-screen{padding-top:55px}.success-ring{background:var(--ok-soft);width:90px;height:90px;color:var(--ok);border-radius:50%;place-items:center;margin:0 auto 18px;display:grid}.success-ring svg{width:43px;height:43px}.success-screen .badge{margin:auto}.success-screen h1{margin:13px 0 4px}.receipt{border:1px solid var(--border);text-align:right;background:#fff;border-radius:12px;margin:25px 0}.receipt span{border-bottom:1px solid var(--border);justify-content:space-between;padding:11px 13px;display:flex}.receipt span:last-child{border:0}.receipt small{color:var(--muted)}.back{width:48px;height:48px;color:var(--navy);background:#fff;border:0;border-radius:10px;place-items:center;display:grid}.checkout-icon{background:var(--info-soft);width:80px;height:80px;color:var(--info);border-radius:50%;place-items:center;margin:35px auto 20px;display:grid}.checkout-screen h1,.checkout-screen>p{text-align:center}.checkout-screen>p{color:var(--muted);line-height:1.6}.checkout-screen .card{margin:22px 0}.checkout-screen .card span{justify-content:space-between;padding:6px;display:flex}.checkout-screen .card small,.history-screen>p{color:var(--muted)}.history-item{border:1px solid var(--border);text-align:right;background:#fff;border-radius:12px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;width:100%;min-height:78px;margin-bottom:10px;padding:10px;display:grid}.history-item .day{background:var(--navy);color:#fff;border-radius:9px;place-items:center;width:44px;height:54px;display:grid}.day b{font-size:18px}.day small{font-size:10px}.history-item div b,.history-item div small{display:block}.history-item div small{color:var(--muted);margin-top:5px}.history-item>svg{width:17px;color:var(--muted)}.detail-screen h1{margin:16px 0}.detail-screen .card h2{margin:15px 0;font-size:17px}.detail-screen .detail-list{grid-template-columns:1fr;margin:0}.profile-screen{text-align:center}.profile-avatar{background:var(--teal-soft);width:82px;height:82px;color:var(--teal);border-radius:24px;place-items:center;margin:20px auto 12px;font-size:25px;font-weight:800;display:grid}.profile-screen h1{margin:0 0 4px}.profile-screen>p{color:var(--muted)}.profile-links{border:1px solid var(--border);text-align:right;background:#fff;border-radius:12px;margin:24px 0}.profile-links>span{border-bottom:1px solid var(--border);gap:10px;padding:13px;display:flex}.profile-links>span:last-child{border:0}.profile-links svg{color:var(--teal);width:20px}.profile-links small,.profile-links b{display:block}.profile-links small{color:var(--muted);margin-bottom:3px}.profile-screen .privacy-box{text-align:right}.error-screen{text-align:center;padding-top:30px}.error-symbol{border-radius:50%;place-items:center;width:80px;height:80px;margin:24px auto 17px;display:grid}.error-symbol svg{width:36px;height:36px}.error-symbol.error{color:var(--danger);background:var(--danger-soft)}.error-symbol.unknown{color:var(--warn);background:var(--warn-soft)}.error-symbol.ok{color:var(--ok);background:var(--ok-soft)}.error-symbol.info{color:var(--info);background:var(--info-soft)}.error-screen>p{color:var(--muted);min-height:52px;line-height:1.6}.error-detail{border:1px solid var(--border);direction:ltr;background:#fff;border-radius:10px;margin:17px 0;padding:11px}.variant-picker{border-top:1px solid var(--border);text-align:right;margin-top:22px;padding-top:16px}.variant-picker small{color:var(--muted);margin-bottom:7px;display:block}.variant-picker .select{width:100%;min-height:48px}.bottom-nav{border-top:1px solid var(--border);background:#fff;grid-template-columns:repeat(3,1fr);height:67px;padding:5px 15px;display:grid;position:absolute;bottom:13px;left:0;right:0}.bottom-nav button{color:#82919b;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:48px;font-size:11px;display:flex}.bottom-nav button svg{width:20px}.bottom-nav button.active{color:var(--teal);font-weight:700}.home-indicator{background:#102c42;border-radius:99px;width:110px;height:4px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.guide{max-width:1250px;margin:auto;padding:34px 28px 70px}.guide-hero{background:linear-gradient(135deg,var(--navy),#175570);color:#fff;border-radius:18px;justify-content:space-between;align-items:center;padding:30px;display:flex}.guide-hero h2{margin:15px 0 5px;font-size:25px}.guide-hero p{color:#c8dbe5;margin:0}.guide-hero>svg{color:#62c0bb;width:70px;height:70px}.section-title{color:var(--navy);margin:32px 0 14px;font-size:21px}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.price{flex-direction:column;display:flex}.price.featured{border-top:4px solid var(--teal)}.price h3{margin:16px 0 5px}.price>strong{color:var(--navy);direction:ltr;font-size:28px}.price .total{color:var(--muted)}.price ul{flex:1;padding:0;list-style:none}.price li{align-items:center;gap:8px;margin:11px 0;display:flex}.price li svg{width:17px;color:var(--teal)}.price li svg.lucide-x{color:var(--muted)}.estimate-note{background:var(--warn-soft);border-radius:var(--r);gap:10px;margin-top:15px;padding:14px;display:flex}.estimate-note svg{color:var(--warn)}.estimate-note p{margin:0}.gallery{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.gallery button{border:1px solid var(--border);border-radius:var(--r);text-align:right;min-height:120px;color:var(--navy);background:#fff;padding:20px}.gallery button:hover{border-color:var(--teal);box-shadow:var(--shadow)}.gallery svg{color:var(--teal);margin-bottom:12px}.gallery b,.gallery span{display:block}.gallery span{color:var(--muted);margin-top:5px}.phases{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.phases .card>span{color:var(--teal);font-size:25px;font-weight:800}.phases h3{margin:13px 0 7px}.phases p{color:var(--muted);margin:0;line-height:1.6}.scope-footer{background:var(--navy);color:#fff;border-radius:var(--r);gap:14px;margin-top:28px;padding:20px;display:flex}.scope-footer svg{color:#6ac3be;flex:none}.scope-footer h3{margin-bottom:5px}.scope-footer p{color:#c7d8e2;margin:0;line-height:1.6}@media (width<=1100px){.demo-wordmark .badge,.mode-switch button small{display:none}.kpi-grid{grid-template-columns:repeat(3,1fr)}.employee-grid{grid-template-columns:repeat(2,1fr)}.mobile-canvas{grid-template-columns:1fr;gap:30px}.mobile-info{text-align:center}.mobile-facts,.disclaimer{text-align:right}.pricing-grid{grid-template-columns:1fr}.phases{grid-template-columns:1fr 1fr}}@media (width<=760px){.demo-bar{flex-wrap:wrap;height:auto;min-height:64px;padding:8px 10px}.demo-wordmark{order:1}.demo-actions{order:2;margin-right:auto}.mode-switch{order:3;justify-content:flex-start;width:100%;overflow-x:auto}.mode-switch button{min-width:max-content}.web-shell{display:block}.sidebar{display:none}.admin-header{padding:0 16px}.header-date{display:none}.mobile-brand{direction:ltr;align-items:center;gap:8px;display:flex}.content{padding:18px 14px}.page-title{align-items:flex-start}.page-title h1{font-size:23px}.filterbar{overflow-x:auto}.kpi-grid{padding-bottom:5px;display:flex;overflow-x:auto}.kpi{min-width:180px}.dashboard-grid,.two-col,.report-grid,.location-grid,.settings-grid,.employee-grid,.device-grid{grid-template-columns:1fr}.request{grid-template-columns:auto 1fr}.request-actions{grid-column:1/-1;justify-content:flex-end}.permissions{grid-template-columns:1fr 1fr}.mobile-canvas{padding:22px 0;display:block}.mobile-info{text-align:right;padding:25px}.mobile-info h1{font-size:29px}.mobile-facts{grid-template-columns:1fr}.phone-stage{padding:20px 0;overflow:auto}.phone{transform-origin:top;margin:auto}.guide{padding:22px 14px}.guide-hero>svg{display:none}.gallery,.phases,.pricing-grid{grid-template-columns:1fr}.role-switch{overflow-x:auto}.policy-preview{padding-inline:0}.shift-card{grid-template-columns:auto 1fr}.assigned{grid-column:2}.modal{padding:17px}}@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}