@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}input,textarea{cursor:text!important}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.rounded{border-radius:.25rem}.border{border-width:1px}.uppercase{text-transform:uppercase}.italic{font-style:italic}.ordinal{--tw-ordinal: ordinal;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.underline{text-decoration-line:underline}.outline{outline-style:solid}.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,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}*{box-sizing:border-box}html,body,:root{color-scheme:light}body{background:#f8f7f4;color:#1a1916;font-size:14px;line-height:1.5;font-family:DM Sans,system-ui,sans-serif;min-height:100vh}button,input,select,textarea{font-family:inherit}input,textarea{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='18' viewBox='0 0 8 18'%3E%3Crect x='3.5' y='2' width='1' height='14' fill='%23555'/%3E%3Crect x='1' y='2' width='6' height='1' fill='%23555'/%3E%3Crect x='1' y='15' width='6' height='1' fill='%23555'/%3E%3C/svg%3E") 4 9,text!important;color:#1a1916!important;caret-color:#1a1916!important;color-scheme:light}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:#1A1916!important;-webkit-box-shadow:0 0 0 1000px #fff inset!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e8f4fd,#f8f7f4,#e8f7ef);padding:2rem}.login-card{background:#fff;border-radius:20px;border:1px solid #E5E3DC;padding:2.5rem 2rem;width:100%;max-width:390px;box-shadow:0 8px 32px #0000001f}.login-logo{margin-bottom:2rem}.login-card h2{font-size:22px;font-weight:700;margin-bottom:5px;letter-spacing:-.4px;color:#1a1916;text-align:left}.login-sub{color:#6b6860;font-size:13px;margin-bottom:1.5rem;text-align:left}.role-tabs{display:flex;background:#f2f1ed;border-radius:10px;padding:3px;margin-bottom:1.5rem;gap:3px}.role-tab{flex:1;padding:9px;text-align:center;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;color:#6b6860;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.role-tab.active{background:#fff;color:#1a1916;box-shadow:0 1px 3px #0000001a}.field{margin-bottom:1rem}.field label{display:block;font-size:12px;font-weight:600;color:#6b6860;margin-bottom:5px}.field input,.field select,.field textarea{width:100%;padding:10px 14px;border:1.5px solid #E5E3DC;border-radius:10px;font-size:14px;background:#fff;color:#1a1916;outline:none;transition:border-color .2s;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='18' viewBox='0 0 8 18'%3E%3Crect x='3.5' y='2' width='1' height='14' fill='%23555'/%3E%3Crect x='1' y='2' width='6' height='1' fill='%23555'/%3E%3Crect x='1' y='15' width='6' height='1' fill='%23555'/%3E%3C/svg%3E") 4 9,text;color-scheme:light;forced-color-adjust:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#1b3f6e}.field textarea{resize:vertical;min-height:80px}.field select{cursor:pointer}.demo-hint{margin-top:1rem;padding:12px 14px;background:#e8eff8;border-radius:10px;border:1px solid #B8CCE4;font-size:12px;color:#1b3f6e;line-height:1.7}.demo-hint strong{font-weight:600}.error-msg{padding:10px 14px;background:#fee2e2;border-radius:8px;border:1px solid #FECACA;font-size:13px;color:#dc2626;margin-bottom:1rem}.btn-signin{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:100%!important;padding:14px!important;background-color:#1b3f6e!important;color:#fff!important;border:none!important;border-radius:10px!important;font-size:16px!important;font-weight:600!important;cursor:pointer!important;box-shadow:0 4px 14px #1b3f6e59!important;margin-top:4px!important;transition:background-color .15s!important}.btn-signin:hover:not(:disabled){background-color:#122b4d!important}.btn-signin:disabled{opacity:.6!important;cursor:not-allowed!important}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;background-color:#1b3f6e;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background-color .15s}.btn-primary:hover:not(:disabled){background-color:#122b4d}.btn-primary.sm{padding:5px 11px;font-size:12px;border-radius:7px}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 14px;background-color:#fff;color:#1a1916;border:1px solid #E5E3DC;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .15s}.btn-ghost:hover{background-color:#f2f1ed}.btn-ghost.sm{padding:5px 11px;font-size:12px;border-radius:7px}.btn-danger-soft{display:inline-flex;align-items:center;justify-content:center;padding:7px 14px;background-color:#fee2e2;color:#dc2626;border:1px solid #FECACA;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .15s}.btn-danger-soft:hover{background-color:#fecaca}.btn-danger-soft.sm{padding:5px 11px;font-size:12px;border-radius:7px}.close-x{width:30px;height:30px;border-radius:50%;border:1.5px solid #E5E3DC;background:#f8f7f4;color:#6b6860;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s;line-height:1}.close-x:hover{background:#fee2e2;color:#dc2626;border-color:#fecaca}.nav-btn{display:flex;align-items:center;gap:9px;padding:8px;border-radius:8px;cursor:pointer;color:#fff9;font-size:13px;font-weight:500;transition:all .15s;margin-bottom:1px;background:none;border:none;width:100%;text-align:left}.nav-btn:hover{background:#ffffff1a;color:#fff}.nav-btn.active{background:#ffffff29;color:#fff;font-weight:600}.tab-btn{padding:10px 16px;font-size:13px;font-weight:500;color:#6b6860;cursor:pointer;border:none;border-bottom:2px solid transparent;background:none;margin-bottom:-1px;transition:color .15s,border-color .15s}.tab-btn:hover{color:#1a1916}.tab-btn.active{color:#1b3f6e;border-bottom-color:#1b3f6e;font-weight:600}.check-box-btn{width:19px;height:19px;border:1.5px solid #D0CEC8;border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#fff;color:transparent;font-size:11px;font-weight:700;flex-shrink:0;transition:all .15s;margin-top:1px}.check-box-btn.checked{background:#2d9a60;border-color:#2d9a60;color:#fff}.filter-chip{padding:5px 12px;border-radius:20px;font-size:12px;font-weight:500;border:1px solid #E5E3DC;background:#fff;cursor:pointer;color:#6b6860;transition:all .15s}.filter-chip:hover{border-color:#1b3f6e;color:#1b3f6e}.filter-chip.active{background:#e8eff8;border-color:#1b3f6e;color:#1b3f6e;font-weight:600}.logout-btn-inner{display:flex;align-items:center;gap:8px;background:none;border:none;color:#ffffff80;font-size:13px;cursor:pointer;padding:7px 8px;border-radius:8px;width:100%;transition:all .15s}.logout-btn-inner:hover{color:#fff;background:#ffffff1a}.app-shell{display:flex;min-height:100vh}.sidebar{width:226px;background:#1b3f6e;display:flex;flex-direction:column;flex-shrink:0;position:fixed;top:0;left:0;bottom:0;z-index:10}.sidebar-header{padding:16px 16px 14px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-logo{display:flex;align-items:center;gap:10px}.sidebar-logo-icon{width:30px;height:30px;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-logo-icon svg{width:18px;height:18px}.sidebar-logo-text .s1{font-size:12px;font-weight:700;color:#fff;letter-spacing:-.1px;display:block;line-height:1.2;white-space:nowrap}.sidebar-logo-text .s2{font-size:8.5px;font-weight:600;color:#fff6;letter-spacing:.8px;text-transform:uppercase;display:block;margin-top:2px;white-space:nowrap}.sidebar-user{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:9px}.sidebar-nav{flex:1;padding:.6rem 8px;overflow-y:auto}.nav-section-label{font-size:10px;font-weight:600;color:#ffffff59;letter-spacing:1px;text-transform:uppercase;padding:0 8px;margin-bottom:4px;margin-top:12px}.nav-icon{font-size:14px;width:18px;text-align:center;flex-shrink:0}.sidebar-footer{padding:.75rem 16px;border-top:1px solid rgba(255,255,255,.1)}.main-area{margin-left:226px;flex:1;overflow:auto;display:flex;flex-direction:column;min-height:100vh}.topbar{padding:0 1.5rem;height:56px;min-height:56px;border-bottom:1px solid #E5E3DC;background:#fff;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:5;gap:1rem}.topbar-left h1{font-size:18px;font-weight:700;letter-spacing:-.3px;color:#1a1916;line-height:1.2}.topbar-left p{font-size:12px;color:#9b9890;margin-top:2px}.topbar-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.content{padding:1.5rem;flex:1;background:#f8f7f4}.avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.av-light{background:#ffffff2e;color:#fff}.av-navy{background:#e8eff8;color:#1b3f6e}.av-32{width:32px;height:32px;font-size:12px}.av-38{width:38px;height:38px;font-size:14px}.av-52{width:52px;height:52px;font-size:18px}.card{background:#fff;border-radius:14px;border:1px solid #E5E3DC;box-shadow:0 1px 4px #0000000d}.card-header{padding:1rem 1.25rem;border-bottom:1px solid #E5E3DC;display:flex;align-items:center;justify-content:space-between}.card-header h3{font-size:14px;font-weight:600;color:#1a1916;letter-spacing:-.1px}.card-body{padding:1.25rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.stat-card{background:#fff;border:1px solid #E5E3DC;border-radius:14px;padding:1rem 1.25rem;box-shadow:0 1px 4px #0000000d}.stat-label{font-size:11px;color:#9b9890;font-weight:500;letter-spacing:.3px;text-transform:uppercase;margin-bottom:6px}.stat-value{font-size:28px;font-weight:700;letter-spacing:-.5px;line-height:1}.stat-sub{font-size:11px;color:#6b6860;margin-top:4px}.c-navy{color:#1b3f6e}.c-green{color:#2d9a60}.c-amber{color:#d97706}.c-red{color:#dc2626}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:600;line-height:1.4;white-space:nowrap}.b-success{background:#dcfce7;color:#16a34a}.b-navy{background:#e8eff8;color:#1b3f6e}.b-danger{background:#fee2e2;color:#dc2626}.b-amber{background:#fef3c7;color:#b45309}.b-muted{background:#f2f1ed;color:#6b6860}.dot-sm{width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block;flex-shrink:0}.prog-bar{height:6px;background:#f2f1ed;border-radius:3px;overflow:hidden;min-width:70px}.prog-fill{height:100%;border-radius:3px;transition:width .4s}.pf-navy{background:#1b3f6e}.pf-green{background:#2d9a60}.pf-red{background:#dc2626}.pf-amber{background:#d97706}.prog-label{font-size:11px;color:#6b6860;margin-top:3px}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;padding:10px 14px;font-size:11px;font-weight:600;color:#9b9890;letter-spacing:.4px;text-transform:uppercase;border-bottom:1px solid #E5E3DC;background:#fafaf9}td{padding:11px 14px;border-bottom:1px solid #E5E3DC;vertical-align:middle;color:#1a1916}tr:last-child td{border-bottom:none}tr.tr-click:hover td{background:#f8f7f4;cursor:pointer}.emp-name{font-weight:500;font-size:13px;color:#1a1916}.emp-email{font-size:11px;color:#9b9890;margin-top:1px}.check-item{display:flex;align-items:flex-start;gap:11px;padding:12px 1.25rem;border-bottom:1px solid #F2F1ED}.check-item:last-child{border-bottom:none}.check-body{flex:1;min-width:0}.check-title{font-size:13px;font-weight:500;color:#1a1916;line-height:1.4}.check-title.done{text-decoration:line-through;color:#9b9890;font-weight:400}.check-meta{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:5px}.due-label{font-size:11px;color:#9b9890}.due-overdue{color:#dc2626;font-weight:500}.check-note{font-size:11px;color:#6b6860;margin-top:4px}.sched-item{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid #F2F1ED;align-items:flex-start}.sched-item:last-child{border-bottom:none}.sched-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:5px}.sched-time{min-width:68px;font-size:11px;color:#9b9890;padding-top:2px;font-weight:500}.sched-title{font-size:13px;font-weight:500;color:#1a1916}.sched-sub{font-size:11px;color:#9b9890;margin-top:2px}.doc-row{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid #F2F1ED}.doc-row:last-child{border-bottom:none}.doc-icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}.di-pdf{background:#fee2e2}.di-doc{background:#e8eff8}.di-form{background:#e8f7ef}.doc-name{font-size:13px;font-weight:500;color:#1a1916}.doc-meta{font-size:11px;color:#9b9890;margin-top:2px}.act-row{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid #F2F1ED;align-items:flex-start}.act-row:last-child{border-bottom:none}.act-dot{width:8px;height:8px;border-radius:50%;background:#1b3f6e;flex-shrink:0;margin-top:5px}.act-text{font-size:13px;color:#1a1916;line-height:1.4}.act-time{font-size:11px;color:#9b9890;margin-top:2px}.contact-row{display:flex;align-items:center;gap:12px;padding:12px;background:#f8f7f4;border-radius:10px;margin-bottom:8px;border:1px solid #F0EFEB}.contact-row:last-child{margin-bottom:0}.contact-name{font-size:13px;font-weight:600;color:#1a1916}.contact-role{font-size:11px;color:#9b9890;margin-top:1px}.contact-email{font-size:11px;color:#1b3f6e;margin-top:2px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200;padding:1rem}.modal{background:#fff;border-radius:20px;box-shadow:0 16px 60px #0003;width:100%;max-width:520px;max-height:90vh;overflow-y:auto}.modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid #E5E3DC;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:#fff;z-index:1;border-radius:20px 20px 0 0}.modal-header h3{font-size:16px;font-weight:700;color:#1a1916;letter-spacing:-.2px}.modal-body{padding:1.5rem}.modal-footer{padding:1rem 1.5rem;border-top:1px solid #E5E3DC;display:flex;justify-content:flex-end;gap:8px;background:#fafaf9;border-radius:0 0 20px 20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-grid .full{grid-column:1/-1}.modal-info-box{padding:10px 12px;background:#fef3c7;border-radius:8px;border:1px solid #FDE68A;font-size:12px;color:#92400e;margin-top:10px;line-height:1.5}.modal-success-box{padding:10px 12px;background:#dcfce7;border-radius:8px;border:1px solid #86EFAC;font-size:12px;color:#166534;margin-top:10px;line-height:1.5}.welcome-banner{background:linear-gradient(135deg,#1b3f6e,#2563eb);border-radius:14px;padding:1.5rem 1.75rem;color:#fff;margin-bottom:1.5rem;position:relative;overflow:hidden}.welcome-banner h2{font-size:20px;font-weight:700;letter-spacing:-.3px;margin-bottom:4px}.welcome-banner p{font-size:13px;opacity:.82;line-height:1.5}.wb-row{margin-top:14px;display:flex;align-items:center;gap:12px}.wb-bar{flex:1;height:7px;background:#ffffff38;border-radius:4px;overflow:hidden}.wb-fill{height:100%;background:#fff;border-radius:4px}.wb-pct{font-size:14px;font-weight:700;color:#fff;min-width:36px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.two-col-sm{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem}.detail-grid{display:grid;grid-template-columns:216px 1fr;gap:1.5rem}.mb2{margin-bottom:1.25rem}.tabs-row{display:flex;border-bottom:1px solid #E5E3DC;margin-bottom:1.5rem}.empty-state{text-align:center;padding:3rem 1rem}.empty-icon{font-size:32px;margin-bottom:8px}.empty-state p{font-size:14px;font-weight:500;color:#6b6860}.empty-state .esub{font-size:12px;color:#9b9890;margin-top:4px}.filter-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:1rem 1.25rem;border-bottom:1px solid #E5E3DC}input.search-input{max-width:210px;padding:7px 11px;border:1.5px solid #E5E3DC;border-radius:8px;font-size:13px;outline:none;background:#fff;color:#1a1916;transition:border-color .15s}input.search-input:focus{border-color:#1b3f6e}.divider-label{font-size:11px;font-weight:600;color:#9b9890;letter-spacing:.4px;flex-shrink:0}.filter-select{font-size:12px;padding:6px 28px 6px 10px;border-radius:7px;border:1.5px solid #E5E3DC;background:#fff;color:#1a1916;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%239B9890' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;font-family:inherit;transition:border-color .15s}.filter-select:focus{border-color:#1b3f6e;outline:none}.info-row{display:flex;justify-content:space-between;align-items:baseline;padding:7px 0;border-bottom:1px solid #F2F1ED}.info-row:last-child{border-bottom:none}.info-key{font-size:11px;color:#9b9890;font-weight:500;flex-shrink:0}.info-val{font-size:12px;font-weight:500;color:#1a1916;text-align:right;word-break:break-all;max-width:62%}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:#e5e3dc;border-radius:2px}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f8f7f4}.loading-spinner{width:36px;height:36px;border:3px solid #E5E3DC;border-top-color:#1b3f6e;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tpl-task-row{display:flex;align-items:flex-start;gap:8px;padding:10px 0;border-bottom:1px solid #F2F1ED}.tpl-task-row:last-child{border-bottom:none}.ob-btn-solid{padding:9px 20px;background:#fff;color:#1b3f6e;border:none;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 2px 8px #00000026;transition:opacity .15s;min-height:38px}.ob-btn-solid:hover{opacity:.9}.ob-btn-outline{padding:9px 20px;background:#ffffff26;color:#fff;border:2px solid rgba(255,255,255,.5);border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s;min-height:38px}.ob-btn-outline:hover{background:#ffffff40}.topbar-clock{font-size:12px;color:#9b9890;font-weight:500;white-space:nowrap;flex-shrink:0;display:none}@media (min-width:900px){.topbar-clock{display:block}}.task-card{display:flex;align-items:flex-start;gap:11px;padding:13px 1.25rem;border-bottom:1px solid #F2F1ED}.task-card:last-child{border-bottom:none}.task-card.task-over .check-title{color:#dc2626}.task-card.task-done .check-title{text-decoration:line-through;color:#9b9890}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:52px;background:#1b3f6e;z-index:20;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.12);padding-top:env(safe-area-inset-top)}.mobile-header-logo{display:flex;align-items:center;gap:9px}.mobile-header-logo-icon{width:26px;height:26px;background:#fff;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mobile-header-logo-icon svg{width:16px;height:16px}.mobile-header-title{font-size:13px;font-weight:700;color:#fff;letter-spacing:-.2px}.mobile-header-avatar{width:32px;height:32px;border-radius:50%;background:#ffffff2e;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;flex-shrink:0;position:relative;transition:background .15s}.mobile-header-avatar:hover{background:#ffffff47}.avatar-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:12px;border:1px solid #E5E3DC;box-shadow:0 8px 24px #00000026;min-width:160px;z-index:100;overflow:hidden}.avatar-dropdown button{display:flex;align-items:center;gap:8px;width:100%;padding:11px 14px;background:none;border:none;cursor:pointer;font-size:13px;font-weight:500;color:#1a1916;transition:background .15s;text-align:left}.avatar-dropdown button:hover{background:#f8f7f4}.avatar-dropdown hr{border:none;border-top:1px solid #F2F1ED;margin:2px 0}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:#1b3f6e;z-index:20;border-top:1px solid rgba(255,255,255,.12);padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom-nav-inner{display:flex;height:60px}.mobile-nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;color:#ffffff80;font-size:9px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;padding:6px 4px;transition:color .15s,border-color .15s;min-width:44px;min-height:44px}.mobile-nav-btn.active{color:#fff;border-bottom-color:#fff}.mobile-nav-btn svg,.mobile-nav-btn .nav-m-icon{font-size:20px;line-height:1;opacity:.6}.mobile-nav-btn.active svg,.mobile-nav-btn.active .nav-m-icon{opacity:1}.more-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:100;animation:fadeIn .2s ease}.more-sheet{position:fixed;bottom:0;left:0;right:0;background:#fff;border-radius:20px 20px 0 0;z-index:101;padding-bottom:env(safe-area-inset-bottom);animation:slideUp .25s ease}.more-sheet-pill{width:40px;height:4px;background:#e5e3dc;border-radius:2px;margin:12px auto 16px}.more-sheet-title{font-size:11px;font-weight:700;color:#9b9890;letter-spacing:1px;text-transform:uppercase;padding:0 20px 10px}.more-sheet-item{display:flex;align-items:center;gap:12px;padding:14px 20px;font-size:15px;font-weight:500;color:#1a1916;cursor:pointer;background:none;border:none;width:100%;text-align:left;transition:background .15s}.more-sheet-item:hover,.more-sheet-item:active{background:#f8f7f4}.more-sheet-item.active{color:#1b3f6e;font-weight:600}.more-sheet-item-icon{font-size:18px;width:24px;text-align:center;flex-shrink:0}.more-sheet-item.danger{color:#dc2626}.more-sheet-divider{height:1px;background:#f2f1ed;margin:6px 20px}.emp-card{background:#fff;border-radius:14px;border:1px solid #E5E3DC;padding:14px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:box-shadow .15s}.emp-card:hover{box-shadow:0 4px 12px #00000014}.emp-card-info{flex:1;min-width:0}.emp-card-name{font-size:14px;font-weight:600;color:#1a1916}.emp-card-meta{font-size:12px;color:#9b9890;margin-top:2px}.emp-card-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.mobile-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mobile-tabs::-webkit-scrollbar{display:none}.mobile-tabs .tabs-row{flex-wrap:nowrap;white-space:nowrap;padding:0 1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (max-width:767px){.app-shell{flex-direction:column}.sidebar{display:none}.mobile-header{display:flex}.main-area{margin-left:0;padding-bottom:60px;padding-top:52px}.mobile-bottom-nav{display:block}.stats-grid{grid-template-columns:repeat(2,1fr)}.two-col,.detail-grid{grid-template-columns:1fr}.topbar{padding:.75rem 1rem;flex-wrap:wrap;gap:.5rem}.topbar-actions{width:100%;justify-content:flex-start}.content{padding:1rem}table{display:block;overflow-x:auto}.modal{max-width:100%;margin:0;border-radius:20px 20px 0 0;position:fixed;bottom:0;left:0;right:0;max-height:92vh}.modal-overlay{align-items:flex-end;padding:0}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:1}.filter-bar{gap:6px;padding:.75rem 1rem;overflow-x:auto;flex-wrap:nowrap}.filter-chip{flex-shrink:0}.check-box-btn{width:24px;height:24px;font-size:13px}.task-card{padding:13px 1rem;gap:12px}}@media (min-width:768px) and (max-width:1023px){.sidebar{width:200px}.main-area{margin-left:200px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.mobile-bottom-nav,.mobile-header{display:none!important}}.week-grid-desktop{display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid #E5E3DC}.week-grid-mobile{display:none}@media (max-width:767px){.week-grid-desktop{display:none}.week-grid-mobile{display:block}}@media (max-width:767px){.toast-container-root{bottom:72px!important}}@media (max-width:767px){.emp-list-table{display:none!important}.emp-list-cards{display:flex!important;flex-direction:column;gap:10px;padding:12px}}@media (min-width:768px){.emp-list-table{display:table-row-group}.emp-list-cards{display:none!important}}@media (max-width:480px){.contact-actions{flex-direction:column;align-items:stretch}.contact-actions a{text-align:center;justify-content:center}}@media (max-width:767px){.btn-primary,.btn-ghost,.btn-danger-soft{min-height:40px}.mobile-nav-btn{min-height:52px}.field input,.field select,.field textarea{min-height:44px;font-size:16px}}@media (max-width:767px){.checkin-table-wrap{display:none}.checkin-cards-wrap{display:block}}@media (min-width:768px){.checkin-table-wrap{display:block}.checkin-cards-wrap{display:none}}@media (max-width:767px){.task-card{flex-direction:row;align-items:stretch;padding:0;gap:0;border-bottom:1px solid #F2F1ED;overflow:hidden;border-radius:0}.task-card:last-child{border-bottom:none}.task-card-strip{width:4px;flex-shrink:0;background:#e5e3dc;border-radius:0}.task-card.task-critical .task-card-strip{background:#dc2626}.task-card.task-over .task-card-strip{background:#d97706}.task-card .task-body-mobile{flex:1;min-width:0;padding:11px 10px;display:flex;flex-direction:column;gap:4px}.task-card .check-box-btn{width:44px;height:44px;margin-top:0;border-radius:0;border:none;border-left:1px solid #F2F1ED;flex-shrink:0;align-self:stretch;font-size:15px}.cat-pill{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px!important}.due-label,.due-overdue{white-space:nowrap;font-size:11px}.task-card>div:last-child:not(.task-card-strip):not(.check-box-btn){display:none}}.fab{display:none;position:fixed;bottom:76px;right:20px;width:50px;height:50px;border-radius:50%;background:#1b3f6e;color:#fff;border:none;cursor:pointer;font-size:24px;font-weight:300;z-index:50;align-items:center;justify-content:center;box-shadow:0 4px 16px #1b3f6e66;transition:background .15s,transform .15s;line-height:1}.fab:active{transform:scale(.92)}.fab:hover{background:#122b4d}@media (max-width:767px){.fab{display:flex}.topbar-actions .btn-primary{display:none!important}}.m-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:#f8f7f4}.m-topbar{position:fixed;top:0;left:0;right:0;height:52px;background:#1b3f6e;display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:80}.m-topbar-logo img{height:26px;background:#fff;border-radius:6px;padding:3px 6px}.m-topbar-title{position:absolute;left:50%;transform:translate(-50%);font-size:14px;font-weight:700;color:#fff;letter-spacing:-.2px;pointer-events:none;white-space:nowrap}.m-topbar-avatar{width:32px;height:32px;border-radius:50%;background:#ffffff2e;border:1.5px solid rgba(255,255,255,.35);color:#fff;font-size:11px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center}.m-avatar-drop{position:absolute;top:40px;right:0;background:#fff;border-radius:12px;border:1px solid #E5E3DC;box-shadow:0 8px 24px #0000001f;min-width:160px;z-index:100;overflow:hidden}.m-avatar-drop-name{padding:10px 14px 2px;font-size:12px;color:#1a1916;font-weight:600}.m-avatar-drop-role{padding:0 14px 8px;font-size:11px;color:#9b9890}.m-avatar-drop-signout{display:block;width:100%;padding:10px 14px;text-align:left;background:none;border:none;cursor:pointer;font-size:13px;color:#dc2626;font-weight:500}.m-avatar-drop-signout:hover{background:#fef2f2}.m-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;margin-top:52px;margin-bottom:60px;padding:16px 16px 24px}.m-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:60px;background:#1b3f6e;display:flex;align-items:stretch;z-index:80}.m-nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:none;cursor:pointer;color:#ffffff80;font-size:10px;font-weight:500;border-bottom:2px solid transparent;padding-bottom:2px;transition:color .15s,border-color .15s}.m-nav-btn.m-nav-active{color:#fff;border-bottom-color:#fff}.m-nav-icon{font-size:18px;line-height:1}.m-nav-label{font-size:10px;font-weight:500}.m-fab{position:fixed;bottom:76px;right:20px;width:52px;height:52px;border-radius:50%;background:#1b3f6e;color:#fff;border:none;cursor:pointer;font-size:26px;font-weight:300;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #1b3f6e66;z-index:70;transition:background .15s,transform .15s}.m-fab:active{transform:scale(.92)}.m-fab-menu{position:fixed;bottom:136px;right:20px;z-index:70;display:flex;flex-direction:column;gap:8px;align-items:flex-end}.m-fab-menu-item{background:#1b3f6e;color:#fff;border:none;border-radius:20px;padding:10px 18px;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #1b3f6e4d;white-space:nowrap}.m-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:85}.m-sheet{position:fixed;bottom:0;left:0;right:0;background:#fff;border-radius:20px 20px 0 0;z-index:90;padding:12px 0 env(safe-area-inset-bottom,0);box-shadow:0 -4px 24px #0000001f}.m-sheet-pill{width:36px;height:4px;background:#e5e3dc;border-radius:2px;margin:0 auto 16px}.m-sheet-group{padding:6px 20px;font-size:11px;font-weight:700;color:#9b9890;letter-spacing:.5px;text-transform:uppercase}.m-sheet-divider{height:1px;background:#e5e3dc;margin:8px 0}.m-sheet-row{display:flex;align-items:center;gap:12px;padding:13px 20px;background:none;border:none;width:100%;font-size:14px;font-weight:500;color:#1a1916;cursor:pointer;text-align:left}.m-sheet-row:active{background:#f8f7f4}.m-sheet-row-active{color:#1b3f6e;font-weight:600}.m-sheet-row-icon{font-size:18px;width:22px;text-align:center}.m-sheet-row-arrow{margin-left:auto;font-size:18px;color:#c5c3bb}.m-screen{min-height:100%}.m-datetime{font-size:12px;color:#9b9890;margin-bottom:12px;font-weight:500}.m-banner{border-radius:14px;padding:16px;margin-bottom:16px;background:linear-gradient(135deg,#1b3f6e,#2563eb);color:#fff}.m-banner h3{font-size:15px;font-weight:700;margin:0 0 4px;line-height:1.3}.m-banner p{font-size:13px;margin:0;opacity:.88;line-height:1.5}.m-banner-active{background:linear-gradient(135deg,#166534,#2d9a60)}.m-banner-onboarding{background:linear-gradient(135deg,#1b3f6e,#1e4b7a)}.m-progress-row{display:flex;align-items:center;gap:8px;margin-top:10px}.m-progress-track{flex:1;height:6px;background:#ffffff40;border-radius:3px;overflow:hidden}.m-progress-fill{height:100%;background:#fff;border-radius:3px;transition:width .4s}.m-progress-pct{font-size:12px;font-weight:700;color:#fff;white-space:nowrap}.m-section{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700;color:#6b6860;letter-spacing:.4px;text-transform:uppercase;margin:16px 0 8px}.m-section-red{color:#dc2626}.m-section-link{font-size:12px;font-weight:600;color:#1b3f6e;background:none;border:none;cursor:pointer;padding:0;text-transform:none;letter-spacing:0}.m-card{background:#fff;border-radius:14px;border:1px solid #E5E3DC;overflow:hidden;margin-bottom:8px}.m-card-pad{padding:12px 14px}.m-task{display:flex;align-items:center;border-bottom:1px solid #F2F1ED;min-height:56px}.m-task:last-child{border-bottom:none}.m-task-critical{border-left:3px solid #DC2626}.m-task-crit-icon{font-style:normal;font-size:12px;font-weight:800;color:#dc2626;padding:0 8px 0 10px;flex-shrink:0}.m-task-body{flex:1;min-width:0;padding:10px 10px 10px 12px}.m-task-title{font-size:13px;font-weight:600;color:#1a1916;line-height:1.35;margin-bottom:4px}.m-task-title-done{color:#9b9890;text-decoration:line-through}.m-task-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.m-task-check{width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-left:1px solid #F2F1ED;cursor:pointer}.m-checkbox{width:22px;height:22px;border-radius:6px;border:1.5px solid #D0CEC7;background:#fff;display:flex;align-items:center;justify-content:center;transition:all .15s}.m-checkbox-done{background:#2d9a60;border-color:#2d9a60}.m-pill{padding:2px 7px;border-radius:10px;font-size:10px;font-weight:600;white-space:nowrap}.m-pill-doc{background:#e8eff8;color:#1b3f6e}.m-pill-form{background:#fef3c7;color:#92400e}.m-pill-meeting{background:#d1fae5;color:#065f46}.m-pill-training{background:#ede9fe;color:#4c1d95}.m-pill-personal{background:#fce7f3;color:#9d174d}.m-due{font-size:11px;color:#9b9890;white-space:nowrap}.m-due-overdue{color:#dc2626;font-weight:600}.m-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;text-align:center}.m-empty-icon{font-size:32px;margin-bottom:8px}.m-empty-text{font-size:14px;font-weight:600;color:#6b6860}.m-empty-sub{font-size:12px;color:#9b9890;margin-top:4px}.m-sched-row{display:flex;align-items:flex-start;gap:10px;padding:8px 0;border-bottom:1px solid #F2F1ED}.m-sched-row:last-child{border-bottom:none}.m-sched-dot{width:8px;height:8px;border-radius:50%;margin-top:5px;flex-shrink:0}.m-sched-time{font-size:12px;font-weight:600;color:#6b6860;white-space:nowrap;min-width:70px}.m-sched-title{font-size:13px;font-weight:600;color:#1a1916}.m-sched-loc{font-size:11px;color:#9b9890;margin-top:1px}.m-search{width:100%;padding:10px 14px;background:#fff;border:1.5px solid #E5E3DC;border-radius:10px;font-size:14px;color:#1a1916;outline:none;margin-bottom:12px;transition:border-color .2s}.m-search:focus{border-color:#1b3f6e}.m-chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:12px;scrollbar-width:none}.m-chips::-webkit-scrollbar{display:none}.m-chip{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap;cursor:pointer;background:#f2f1ed;color:#6b6860;border:1px solid transparent;transition:all .15s;flex-shrink:0}.m-chip-active{background:#e8eff8;color:#1b3f6e;border-color:#b8cce4}.m-emp-card{background:#fff;border-radius:14px;border:1px solid #E5E3DC;padding:14px;margin-bottom:10px}.m-emp-row1{display:flex;align-items:center;gap:10px;margin-bottom:8px}.m-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.m-av-navy{background:#1b3f6e}.m-av-green{background:#2d9a60}.m-av-red{background:#dc2626}.m-emp-name{font-size:14px;font-weight:700;color:#1a1916;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-emp-role{font-size:12px;color:#6b6860;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-badge{display:flex;align-items:center;gap:4px;padding:3px 8px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap;flex-shrink:0}.m-badge-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.m-badge-navy{background:#e8eff8;color:#1b3f6e}.m-badge-green{background:#d1fae5;color:#065f46}.m-badge-red{background:#fee2e2;color:#dc2626}.m-badge-muted{background:#f2f1ed;color:#6b6860}.m-emp-details{font-size:11px;color:#9b9890;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-prog-wrap{display:flex;align-items:center;gap:8px;margin-bottom:10px}.m-prog-track{flex:1;height:5px;background:#f2f1ed;border-radius:3px;overflow:hidden}.m-prog-fill{height:100%;border-radius:3px}.m-prog-navy{background:#1b3f6e}.m-prog-green{background:#2d9a60}.m-prog-red{background:#dc2626}.m-prog-pct{font-size:11px;color:#6b6860;font-weight:600;white-space:nowrap}.m-emp-actions{display:flex;gap:8px}.m-btn{flex:1;padding:9px;background:#f8f7f4;border:1px solid #E5E3DC;border-radius:8px;font-size:13px;font-weight:600;color:#1a1916;cursor:pointer;transition:background .15s}.m-btn:active{background:#e5e3dc}.m-sec-hdr{display:flex;align-items:center;justify-content:space-between;padding:12px 0 8px;font-size:12px;font-weight:700;color:#6b6860;letter-spacing:.4px;text-transform:uppercase;cursor:pointer}.m-sec-hdr-title{flex:1}.m-sec-hdr-right{display:flex;align-items:center;gap:8px;font-size:12px;color:#9b9890}.m-doc-card{background:#fff;border-radius:14px;border:1px solid #E5E3DC;padding:14px;margin-bottom:8px}.m-doc-row{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px}.m-doc-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.m-doc-icon-pdf{background:#fee2e2}.m-doc-icon-doc{background:#dbeafe}.m-doc-icon-excel{background:#d1fae5}.m-doc-icon-img{background:#ede9fe}.m-doc-icon-form{background:#fef3c7}.m-doc-name{font-size:13px;font-weight:600;color:#1a1916;margin-bottom:3px}.m-doc-meta{font-size:11px;color:#9b9890}.m-ack-box{background:#fef3c7;border:1px solid #FDE68A;border-radius:8px;padding:10px 12px;font-size:12px;color:#92400e;margin-bottom:10px}.m-doc-btns{display:flex;gap:8px;margin-bottom:6px}.m-doc-view{flex:1;padding:9px;background:#e8eff8;border:none;border-radius:8px;font-size:13px;font-weight:600;color:#1b3f6e;cursor:pointer}.m-doc-dl{flex:1;padding:9px;background:#f2f1ed;border:none;border-radius:8px;font-size:13px;font-weight:600;color:#1a1916;cursor:pointer}.m-doc-del{width:100%;padding:8px;background:none;border:none;font-size:12px;font-weight:600;color:#dc2626;cursor:pointer;margin-top:4px}.m-set-group{padding:14px 0 6px;font-size:11px;font-weight:700;color:#9b9890;letter-spacing:.5px;text-transform:uppercase}.m-set-row{display:flex;align-items:center;gap:12px;background:#fff;border-radius:12px;padding:13px 14px;margin-bottom:6px;cursor:pointer;border:1px solid #E5E3DC}.m-set-row:active{background:#f8f7f4}.m-set-icon{width:34px;height:34px;border-radius:8px;background:#f2f1ed;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}.m-set-label{flex:1;font-size:14px;font-weight:500;color:#1a1916}.m-set-arrow{font-size:20px;color:#c5c3bb}@media (max-width: 767px){.sidebar,.sidebar-footer{display:none!important}.mobile-header{display:flex!important;height:52px!important;background:#1b3f6e!important;align-items:center!important;justify-content:space-between!important;padding:0 16px!important;position:sticky!important;top:0!important;z-index:50!important;flex-shrink:0!important}.mobile-header-logo{flex-shrink:0!important}.mobile-header-logo img{height:26px!important;background:#fff!important;border-radius:6px!important;padding:3px 6px!important}.mobile-header-avatar{width:32px!important;height:32px!important;border-radius:50%!important;background:#fff3!important;color:#fff!important;font-size:11px!important;font-weight:600!important;border:none!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.mobile-bottom-nav{display:block!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;height:60px!important;background:#1b3f6e!important;z-index:50!important;border-top:1px solid rgba(255,255,255,.1)!important;padding-bottom:env(safe-area-inset-bottom,0px)!important}.mobile-bottom-nav-inner{display:flex!important;height:60px!important;width:100%!important}.mobile-nav-btn{flex:1!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;background:transparent!important;border:none!important;color:#ffffff80!important;font-size:9px!important;font-weight:500!important;cursor:pointer!important;padding:6px 2px!important;position:relative!important;transition:color .15s!important}.mobile-nav-btn .nav-m-icon{font-size:18px!important;line-height:1!important}.mobile-nav-btn.active{color:#fff!important}.mobile-nav-btn.active:after{content:""!important;position:absolute!important;bottom:0!important;left:50%!important;transform:translate(-50%)!important;width:22px!important;height:2px!important;background:#fff!important;border-radius:1px!important}.app-shell{flex-direction:column!important;min-height:100dvh!important;background:#f8f7f4!important}.main-area{margin-left:0!important;padding:0 0 80px!important;background:#f8f7f4!important;min-height:calc(100dvh - 52px)!important}.topbar{flex-direction:column!important;align-items:flex-start!important;padding:14px 16px 12px!important;border-bottom:1px solid #E5E3DC!important;background:#fff!important;gap:4px!important}.topbar-left h1{font-size:19px!important;font-weight:700!important;line-height:1.2!important;margin:0!important}.topbar-left p{font-size:12px!important;color:#9b9890!important;margin:0!important}.topbar-clock{font-size:11px!important;color:#9b9890!important;font-weight:500!important;margin-top:4px!important}.content{padding:14px!important}.welcome-banner{border-radius:12px!important;padding:14px!important;margin-bottom:14px!important;color:#fff!important;background:linear-gradient(135deg,#1b3f6e,#2563eb)!important}.welcome-banner h2{font-size:17px!important;font-weight:700!important;margin-bottom:4px!important;line-height:1.25!important}.welcome-banner p{font-size:12px!important;opacity:.85!important;line-height:1.45!important}.wb-row{display:flex!important;align-items:center!important;gap:10px!important;margin-top:12px!important}.wb-bar{flex:1!important;height:6px!important;background:#ffffff40!important;border-radius:3px!important;overflow:hidden!important}.wb-fill{height:100%!important;background:#fff!important;border-radius:3px!important}.wb-pct{font-size:13px!important;font-weight:700!important;color:#fff!important;min-width:32px!important;text-align:right!important}.ob-btn-solid,.ob-btn-outline{padding:9px 14px!important;font-size:13px!important;border-radius:8px!important}.two-col{display:block!important;grid-template-columns:1fr!important}.two-col>div,.two-col>.card{width:100%!important;margin-bottom:12px!important}.mb2{margin-bottom:10px!important}.card{border-radius:12px!important;border:1px solid #E5E3DC!important;background:#fff!important;margin-bottom:10px!important;box-shadow:none!important}.card-header{padding:12px 14px 8px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;border-bottom:1px solid #F2F1ED!important}.card-header h3{font-size:14px!important;font-weight:700!important;margin:0!important}.card-body{padding:12px 14px!important}.btn-ghost.sm{font-size:11px!important;color:#1b3f6e!important;padding:4px 8px!important}.check-item{padding:11px 14px!important;border-bottom:1px solid #F2F1ED!important;gap:10px!important}.check-item:last-child{border-bottom:none!important}.prog-bar{width:60px!important;height:5px!important;background:#f2f1ed!important;border-radius:3px!important;overflow:hidden!important}.prog-fill{height:100%!important;border-radius:3px!important}.pf-green{background:#2d9a60!important}.pf-navy{background:#1b3f6e!important}.pf-amber{background:#d97706!important}.pf-red{background:#dc2626!important}.sched-item{display:flex!important;gap:10px!important;padding:9px 0!important;border-bottom:1px solid #F2F1ED!important;align-items:flex-start!important}.sched-item:last-child{border-bottom:none!important}.sched-dot{width:8px!important;height:8px!important;border-radius:50%!important;flex-shrink:0!important;margin-top:5px!important}.sched-time{font-size:11px!important;color:#9b9890!important;font-weight:500!important;min-width:58px!important;flex-shrink:0!important}.sched-title{font-size:13px!important;font-weight:500!important;color:#1a1916!important}.sched-sub{font-size:11px!important;color:#9b9890!important;margin-top:1px!important}.empty-state{padding:28px 14px!important;text-align:center!important}.empty-state p{font-size:14px!important;color:#6b6860!important;margin:0 0 4px!important}.empty-state .esub{font-size:12px!important;color:#9b9890!important}.more-sheet-overlay{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background:#00000073!important;z-index:199!important}.more-sheet{position:fixed!important;bottom:60px!important;left:0!important;right:0!important;background:#fff!important;border-radius:20px 20px 0 0!important;z-index:201!important;padding:0 0 16px!important;max-height:70dvh!important;overflow-y:auto!important}.more-sheet-pill{width:36px!important;height:4px!important;background:#d0cec8!important;border-radius:2px!important;margin:10px auto 6px!important}.more-sheet-title{font-size:10px!important;font-weight:600!important;color:#9b9890!important;text-transform:uppercase!important;letter-spacing:.6px!important;padding:10px 20px 4px!important}.more-sheet-divider{height:1px!important;background:#f2f1ed!important;margin:6px 0!important}.more-sheet-item{display:flex!important;align-items:center!important;gap:12px!important;padding:13px 20px!important;background:none!important;border:none!important;width:100%!important;text-align:left!important;font-size:14px!important;color:#1a1916!important;cursor:pointer!important;border-bottom:1px solid #F2F1ED!important;min-height:50px!important}.more-sheet-item:last-child{border-bottom:none!important}.more-sheet-item.active{background:#f8f7f4!important}.more-sheet-item-icon{width:32px!important;height:32px!important;border-radius:9px!important;background:#f2f1ed!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:15px!important;flex-shrink:0!important}.avatar-dropdown{position:absolute!important;top:38px!important;right:0!important;background:#fff!important;border:1px solid #E5E3DC!important;border-radius:10px!important;box-shadow:0 4px 16px #0000001a!important;min-width:180px!important;z-index:100!important;overflow:hidden!important}.avatar-dropdown hr{border:none!important;border-top:1px solid #F2F1ED!important;margin:0!important}.avatar-dropdown button{display:block!important;width:100%!important;padding:11px 14px!important;background:none!important;border:none!important;text-align:left!important;font-size:13px!important;color:#1a1916!important;cursor:pointer!important}button{-webkit-tap-highlight-color:transparent!important}input,select,textarea{font-size:16px!important}.employees-table{display:none!important}.settings-section h3{font-size:10px!important;font-weight:600!important;color:#9b9890!important;text-transform:uppercase!important;letter-spacing:.6px!important;margin:16px 0 4px!important}.settings-row{padding:14px 0!important;min-height:52px!important;border-bottom:1px solid #F2F1ED!important}.card-header{flex-wrap:wrap!important;gap:6px!important}body,html{margin:0!important;padding:0!important;background:#f8f7f4!important;overflow-x:hidden!important}.table-wrap,.scroll-x{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.desktop-only{display:none!important}}@media (min-width: 768px){.mobile-header,.mobile-bottom-nav,.more-sheet,.more-sheet-overlay,.mobile-only{display:none!important}}@media (max-width: 767px){.m-screen+* .topbar,div:has(>.m-screen)~* .topbar{display:none!important}div[style*="border-bottom: 1px solid"]+.topbar{display:none!important}.content{padding:12px!important}.detail-grid{display:block!important;gap:0!important}.card{border-radius:12px!important;margin-bottom:12px!important}.card-header{padding:12px 14px!important;flex-wrap:wrap!important;gap:8px!important}.card-header h3{font-size:14px!important;font-weight:700!important}.card-header>div:first-child{flex:1;min-width:0}.card-body{padding:14px!important}.form-grid{grid-template-columns:1fr!important;gap:12px!important}table{width:100%!important;display:block!important}thead{display:none!important}tbody,tr{display:block!important;width:100%!important}tr{background:#fff!important;border-radius:10px!important;border:1px solid #E5E3DC!important;margin-bottom:8px!important;padding:12px 14px!important}td{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:6px 0!important;border-bottom:none!important;font-size:13px!important;gap:10px!important}td:first-child{border-bottom:1px solid #F2F1ED!important;margin-bottom:6px!important;padding-bottom:10px!important}td:last-child{padding-top:8px!important;border-top:1px solid #F2F1ED!important;margin-top:6px!important}td .emp-name{font-weight:600!important;font-size:14px!important}.tab-btn{flex:1!important;padding:10px 6px!important;font-size:12px!important;text-align:center!important}td>div[style*="display: flex"]{width:100%!important;justify-content:flex-end!important}.btn-primary{min-height:44px!important}.empty-state{padding:32px 16px!important}}@media (max-width: 767px){.stats-grid[style*="repeat(4,1fr)"],.stats-grid[style*="repeat(4, 1fr)"]{grid-template-columns:repeat(2,1fr)!important}.topbar-actions{flex-wrap:wrap!important;gap:6px!important}.topbar-actions .btn-ghost,.topbar-actions .btn-primary{flex:1!important;min-width:0!important;white-space:nowrap!important;font-size:12px!important;padding:8px 10px!important}.stat-card{padding:12px 14px!important}.stat-label{font-size:10px!important;margin-bottom:4px!important}.stat-value{font-size:22px!important}.stat-sub{font-size:10px!important}td[style*="fontWeight: 600"][style*="fontSize: 13"]{font-size:14px!important;color:#1b3f6e!important}td[style*="maxWidth: 200"]{max-width:none!important;white-space:normal!important}}@media (max-width: 767px){.topbar{padding:14px 16px!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;height:auto!important;min-height:0!important}.topbar-left{width:100%!important}.topbar-left h1{font-size:19px!important;margin:0!important}.topbar-left p{font-size:12px!important;margin:2px 0 0!important}.topbar-actions{display:flex!important;width:100%!important;flex-wrap:nowrap!important;gap:8px!important;margin:0!important}.topbar-actions .btn-ghost,.topbar-actions .btn-primary{flex:1!important;min-width:0!important;font-size:12px!important;padding:10px 8px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;min-height:40px!important}.card>div[style*=border-bottom]{justify-content:stretch!important}.card .tab-btn{flex:1!important;text-align:center!important;padding:12px 8px!important}.topbar-actions{display:flex!important;width:100%!important;overflow:visible!important}.topbar-actions>*{display:inline-flex!important;visibility:visible!important;opacity:1!important}.topbar-actions .btn-primary,.topbar-actions .btn-ghost{flex:1 1 0!important;min-width:0!important;display:inline-flex!important}}