@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;line-height:1.5;color:#101828;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;overflow-x:hidden}a{color:inherit}:root{--mcpl-red: #bd1326;--mcpl-red-dark: #8d0f1d;--mcpl-blue-dark: #123a63;--mcpl-blue-darker: #0d2f52;--mcpl-offwhite: #f5f6f8;--mcpl-border: #d4d8de;--mcpl-text: #101828;--mcpl-muted: #475467;--mcpl-green: #15803d;--mcpl-orange: #c2410c;--mcpl-texture: linear-gradient(135deg, #f8f9fb 0%, #eef1f5 50%, #f8f9fb 100%);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--shadow-sm: 0 2px 8px rgba(16, 24, 40, .06);--shadow-md: 0 8px 24px rgba(16, 24, 40, .1);--font-sm: 12px;--font-base: 13px;--font-lg: 16px;--font-xl: 20px;--surface-muted: #f8fafc;--surface-hover: #f1f5f9}.app-shell{min-height:100vh;background:#fff}.page{max-width:1320px;margin:0 auto;padding:88px var(--space-4) var(--space-5)}.page-stack{display:flex;flex-direction:column;gap:var(--space-4)}.card{background:#fff;border:1px solid var(--mcpl-border);border-radius:var(--radius-md);padding:var(--space-5);box-shadow:var(--shadow-sm)}.card>h2{margin:0 0 8px;color:var(--mcpl-red-dark);font-size:20px}.card>p{margin:0 0 10px;color:var(--mcpl-muted);font-size:14px}.table-wrap{width:100%;overflow-x:auto;border:1px solid var(--mcpl-border);border-radius:var(--radius-sm);background:#fff}.table{width:100%;border-collapse:collapse;min-width:640px}.table th{background:var(--surface-muted);color:var(--mcpl-muted);text-align:left;padding:11px 14px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid var(--mcpl-border);position:sticky;top:0;z-index:1}.table td{border-bottom:1px solid #eef2f6;color:var(--mcpl-text);font-size:var(--font-base);padding:11px 14px;vertical-align:middle}.table tbody tr:nth-child(2n){background:#fcfdfe}.table tbody tr:hover{background:#fff7f8}.table-empty td{text-align:center;color:var(--mcpl-muted);padding:var(--space-5);font-style:italic}input,select,textarea{border-radius:4px;border:1px solid #c5ccd6;font-size:13px;color:var(--mcpl-text);padding:8px 10px;outline:none;background:#fff}input:focus,select:focus,textarea:focus{border-color:var(--mcpl-blue-dark);box-shadow:0 0 0 3px #123a6326}button{border:none;border-radius:var(--radius-sm);background:var(--mcpl-blue-dark);color:#fff;font-size:var(--font-base);font-weight:700;padding:9px 16px;cursor:pointer;transition:background .15s ease,transform .1s ease}button:hover{background:var(--mcpl-blue-darker)}button:active{transform:translateY(1px)}.btn-group{display:inline-flex;gap:var(--space-2);flex-wrap:wrap}.btn-outline{background:#fff!important;color:var(--mcpl-blue-dark)!important;border:1px solid var(--mcpl-border)!important}.btn-outline:hover{background:var(--surface-muted)!important}.btn-ghost{background:transparent!important;color:var(--mcpl-blue-dark)!important;border:1px solid transparent!important}.btn-ghost:hover{background:var(--surface-hover)!important}.btn-secondary:hover{background:#475569!important}.btn-danger:hover{background:#b91c1c!important}.mcpl-header{position:fixed;top:0;left:0;right:0;z-index:999;background:var(--mcpl-offwhite);background-image:var(--mcpl-texture);border-bottom:1px solid #ced5dd}.mcpl-header-inner{max-width:1300px;margin:0 auto;padding:10px 14px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px}.mcpl-brand{display:flex;align-items:center;gap:10px}.mcpl-logo-box{width:42px;height:42px;border-radius:6px;background:#fff;border:1px solid #d7dce4;display:grid;place-items:center;overflow:hidden}.mcpl-logo-img{width:36px;height:36px;object-fit:contain}.mcpl-brand-title{font-size:16px;font-weight:800;color:var(--mcpl-blue-darker)}.mcpl-brand-subtitle{font-size:11px;color:#667085}.nav{display:flex;flex-wrap:wrap;gap:6px;margin:0}.nav a{text-decoration:none;padding:8px 12px;border-radius:var(--radius-sm);color:var(--mcpl-blue-darker);font-size:var(--font-base);font-weight:700;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.nav-toggle{display:none;background:var(--mcpl-blue-dark)!important;padding:8px 12px!important;font-size:var(--font-sm)!important}.nav-user-menu-wrap{position:relative}.nav-user-trigger{display:inline-flex;align-items:center;gap:var(--space-2);background:#fff!important;color:var(--mcpl-blue-darker)!important;border:1px solid var(--mcpl-border)!important;padding:8px 12px!important;text-align:left;min-width:0}.nav-user-trigger:hover,.nav-user-trigger.is-open{background:var(--surface-muted)!important;border-color:#b8c0cc!important}.nav-user-trigger__text{display:flex;flex-direction:column;gap:2px;min-width:0}.nav-user-trigger .mcpl-user-name{font-size:var(--font-sm);line-height:1.2}.nav-user-trigger .mcpl-user-role{font-size:11px;line-height:1.2;color:var(--mcpl-muted);font-weight:500}.nav-user-trigger__chevron{font-size:12px;color:var(--mcpl-muted);transition:transform .15s ease}.nav-user-trigger.is-open .nav-user-trigger__chevron{transform:rotate(180deg)}.nav-user-dropdown{display:none;position:absolute;top:calc(100% + 6px);right:0;min-width:220px;background:#fff;border:1px solid var(--mcpl-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:1001;overflow:hidden}.nav-user-dropdown.is-open{display:block}.nav-user-dropdown__head{display:flex;flex-direction:column;gap:4px;padding:12px 14px;background:var(--surface-muted);border-bottom:1px solid var(--mcpl-border);font-size:var(--font-sm)}.nav-user-dropdown__head strong{color:var(--mcpl-text);font-size:var(--font-base)}.nav-user-dropdown__head span{color:var(--mcpl-muted);font-size:11px}.nav-account-actions{display:flex;flex-direction:column;gap:0;padding:var(--space-2)}.nav-account-link{display:block;text-decoration:none;padding:10px 12px;border-radius:var(--radius-sm);font-size:var(--font-base);font-weight:700;color:var(--mcpl-blue-darker)}.nav-account-link:hover{background:var(--surface-muted)}.nav-account-link.active{background:var(--mcpl-blue-dark);color:#fff}.nav-account-logout{width:100%;text-align:left;background:transparent!important;color:var(--mcpl-red)!important;border:1px solid transparent!important;padding:10px 12px!important;font-size:var(--font-base)!important}.nav-account-logout:hover{background:#fff1f2!important}.nav-drawer-backdrop{display:none;position:fixed;inset:0;background:#0f172a66;z-index:998}.nav-drawer-backdrop.is-open{display:block}.nav-drawer{display:none;position:fixed;top:0;right:0;width:min(320px,88vw);height:100vh;background:#fff;border-left:1px solid var(--mcpl-border);box-shadow:var(--shadow-md);z-index:1000;flex-direction:column;overflow:hidden}.nav-drawer.is-open{display:flex}.nav-drawer__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--mcpl-border);background:linear-gradient(135deg,#f8f9fb,#eef1f5)}.nav-drawer__title{display:block;font-size:var(--font-lg);color:var(--mcpl-blue-darker);margin-bottom:4px}.nav-drawer__user{margin:0;font-size:var(--font-sm);font-weight:700;color:var(--mcpl-text);display:flex;flex-direction:column;gap:2px}.nav-drawer__user span{font-weight:500;color:var(--mcpl-muted);font-size:11px}.nav-drawer__close{background:transparent!important;color:var(--mcpl-muted)!important;border:1px solid var(--mcpl-border)!important;padding:6px 10px!important;line-height:1;font-size:14px!important}.nav-drawer__close:hover{background:#fff!important;color:var(--mcpl-text)!important}.nav--drawer{flex:1;overflow-y:auto;padding:var(--space-3) var(--space-4);gap:var(--space-1);flex-direction:column}.nav-drawer__foot{border-top:1px solid var(--mcpl-border);padding:var(--space-3) var(--space-4) var(--space-4);background:var(--surface-muted)}.nav-drawer__foot .nav-account-actions{padding:0;gap:var(--space-2)}.nav-drawer__foot .nav-account-link,.nav-drawer__foot .nav-account-logout{background:#fff;border:1px solid var(--mcpl-border)}.nav-drawer__foot .nav-account-logout{color:#fff!important;background:var(--mcpl-red)!important;border-color:var(--mcpl-red)!important;text-align:center}.nav-drawer__foot .nav-account-logout:hover{background:var(--mcpl-red-dark)!important}.nav--drawer a{padding:12px 14px;border-radius:var(--radius-sm);border:1px solid transparent}.nav--drawer a:hover{background:var(--surface-muted);border-color:var(--mcpl-border)}.nav--drawer a.active{background:var(--mcpl-red);color:#fff}.mcpl-user{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);text-align:right}.mcpl-user-name{font-size:12px;font-weight:700;color:var(--mcpl-blue-darker)}.mcpl-user-role{font-size:11px;color:#667085}.nav a:hover{background:#dce2ea}.nav a.active{background:var(--mcpl-red);color:#fff}.nav-icon{width:14px;height:14px;display:inline-block;background-repeat:no-repeat;background-position:center;background-size:contain;filter:saturate(.85)}.nav-dashboard{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2027.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2091%2091'%20style='enable-background:new%200%200%2091%2091;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23454546;}%20%3c/style%3e%3cpath%20class='st0'%20d='M77.7,77.7c-0.1,0.1-0.2,0.2-0.3,0.3h6c1.4,0,2.5,1.1,2.5,2.5s-1.1,2.5-2.5,2.5h-12c-1.4,0-2.5-1.1-2.5-2.5v-12%20c0-1.4,1.1-2.5,2.5-2.5s2.5,1.1,2.5,2.5v6l0.3-0.3c15.8-15.8,15.8-41.5,0-57.3C66.5,9.3,56.2,5,45.5,5C44.1,5,43,3.9,43,2.5%20S44.1,0,45.5,0C70.6,0,91,20.4,91,45.5C91,57.6,86.2,69.1,77.7,77.7z'/%3e%3cpath%20class='st0'%20d='M0,45.5C0,70.6,20.4,91,45.5,91c1.4,0,2.5-1.1,2.5-2.5S46.9,86,45.5,86C23.1,86,5,67.9,5,45.5%20c0-10.7,4.3-21,11.9-28.6c0.1-0.1,0.2-0.2,0.3-0.3v6c0,1.4,1.1,2.5,2.5,2.5s2.5-1.1,2.5-2.5v-12c0-1.4-1.1-2.5-2.5-2.5h-12%20c-1.4,0-2.5,1.1-2.5,2.5s1.1,2.5,2.5,2.5h6c-0.1,0.1-0.2,0.2-0.3,0.3C4.8,21.8,0,33.4,0,45.5z'/%3e%3cpath%20class='st0'%20d='M52.5,72.7c-0.5-3.4-3.4-6.1-7-6.1c-3.6,0-6.6,2.7-7,6.1l0,0c-5.1-1.3-9.6-4-13.2-7.7l0,0%20c1.6-1.3,2.6-3.3,2.6-5.5c0-3.9-3.2-7.1-7.1-7.1c-0.9,0-1.7,0.2-2.5,0.4l0,0c-0.6-2.3-1-4.8-1-7.3c0-2.7,0.4-5.3,1.1-7.8l0,0%20c0.7,0.2,1.5,0.4,2.2,0.4c3.9,0,7.1-3.2,7.1-7.1c0-2.1-0.9-3.9-2.3-5.2l0,0c3.6-3.6,8.1-6.2,13.2-7.5l0,0c0.7,3.2,3.5,5.5,6.9,5.5%20c3.3,0,6.1-2.3,6.9-5.5l0,0c5,1.3,9.4,3.9,12.9,7.5l0,0c-1.3,1.3-2.1,3.1-2.1,5.1c0,3.9,3.2,7.1,7.1,7.1c0.7,0,1.4-0.1,2-0.3l0,0%20c0.7,2.5,1.1,5.1,1.1,7.8c0,2.5-0.3,4.9-0.9,7.2l0,0c-0.7-0.2-1.5-0.4-2.3-0.4c-3.9,0-7.1,3.2-7.1,7.1c0,2.2,1,4.2,2.6,5.5l0,0%20C62.3,68.6,57.7,71.3,52.5,72.7L52.5,72.7z%20M45.5,34.7c-6,0-10.8,4.9-10.8,10.8s4.9,10.8,10.8,10.8c6,0,10.8-4.9,10.8-10.8%20S51.5,34.7,45.5,34.7z'/%3e%3c/svg%3e")}.nav-employees{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2027.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2082%2090'%20style='enable-background:new%200%200%2082%2090;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23454546;}%20%3c/style%3e%3cpath%20class='st0'%20d='M65,34c9.4,0,17-7.6,17-17S74.4,0,65,0S48,7.6,48,17c0,0.8,0.1,1.6,0.2,2.4L27.3,31.5C24.5,29.3,20.9,28,17,28%20C7.6,28,0,35.6,0,45s7.6,17,17,17c3.9,0,7.5-1.3,10.3-3.5l20.8,12.1C48.1,71.4,48,72.2,48,73c0,9.4,7.6,17,17,17s17-7.6,17-17%20s-7.6-17-17-17c-4.2,0-8.1,1.5-11,4.1L33.7,48.3c0.2-1.1,0.3-2.2,0.3-3.3s-0.1-2.2-0.3-3.3L54,29.9C56.9,32.5,60.8,34,65,34L65,34z'%20/%3e%3c/svg%3e")}.nav-departments{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2027.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2038%2031'%20style='enable-background:new%200%200%2038%2031;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23454546;}%20%3c/style%3e%3cg%3e%3cpath%20class='st0'%20d='M38,31H16V17h22V31z%20M18,29h18V19H18V29z'/%3e%3c/g%3e%3cg%3e%3cpath%20class='st0'%20d='M14,31H0V17h14V31z%20M2,29h10V19H2V29z'/%3e%3c/g%3e%3cg%3e%3cpath%20class='st0'%20d='M21,16H5V0h16V16z'/%3e%3c/g%3e%3cg%3e%3cpath%20class='st0'%20d='M35,16H23V4h12V16z%20M25,14h8V6h-8V14z'/%3e%3c/g%3e%3c/svg%3e")}.nav-attendance{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2027.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2042.3%2042.2'%20style='enable-background:new%200%200%2042.3%2042.2;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23454546;}%20%3c/style%3e%3cpath%20class='st0'%20d='M36.5,6.6C32.6,2.5,27.2,0,21.2,0C9.5,0-0.3,9.4,0,21.2c0,11.7,9.9,20.8,21.2,21c11.7,0,20.6-9.2,21.1-21%20c0-2.7-0.5-5.3-1.4-7.7L20.8,32.3L7.5,20.8l7-5.6l6.4,10L36.5,6.6z'/%3e%3c/svg%3e")}.nav-leave{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2027.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2020%2020'%20style='enable-background:new%200%200%2020%2020;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23454546;}%20%3c/style%3e%3cpath%20class='st0'%20d='M20,17c0,1.7-1.3,3-3,3H3c-1.7,0-3-1.3-3-3V3c0-1.7,1.3-3,3-3h14c1.7,0,3,1.3,3,3V17z%20M16.5,4h-13v2.5h13V4z%20M16.5,8.6h-13v2.5h13V8.6z%20M12.5,13.5h-9V16h9V13.5z'/%3e%3c/svg%3e")}.nav-payroll{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2027.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2043.3%2041.7'%20style='enable-background:new%200%200%2043.3%2041.7;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23454546;}%20%3c/style%3e%3cpath%20class='st0'%20d='M28.3,28.3V30c0,2.8-2.2,5-5,5H20c-2.8,0-5-2.2-5-5v-1.7H3.3C2.2,28.3,1,28,0,27.4V40c0,0.4,0.2,0.9,0.5,1.2%20s0.7,0.5,1.2,0.5h40c0.4,0,0.9-0.2,1.2-0.5s0.5-0.7,0.5-1.2V27.4c-1,0.6-2.2,0.9-3.3,0.9H28.3z'/%3e%3cpath%20class='st0'%20d='M23.3,31.7c0.4,0,0.9-0.2,1.2-0.5S25,30.4,25,30v-1.7h-6.7V30c0,0.4,0.2,0.9,0.5,1.2s0.7,0.5,1.2,0.5H23.3z'/%3e%3cpath%20class='st0'%20d='M41.7,11.7h-40c-0.9,0-1.7,0.7-1.7,1.7v8.3c0,0.9,0.4,1.7,1,2.4s1.5,1,2.4,1H40c0.9,0,1.7-0.4,2.4-1%20s1-1.5,1-2.4v-8.3c0-0.4-0.2-0.9-0.5-1.2S42.1,11.7,41.7,11.7L41.7,11.7z'/%3e%3cpath%20class='st0'%20d='M13.3,5c0-0.9,0.7-1.7,1.7-1.7h13.3c0.4,0,0.9,0.2,1.2,0.5S30,4.6,30,5v3.3h3.3l0-3.3c0-2.8-2.2-5-5-5H15%20c-2.8,0-5,2.2-5,5v3.3h3.3L13.3,5z'/%3e%3c/svg%3e")}.nav a.active .nav-icon{filter:brightness(0) invert(1)}.login-page{min-height:100vh;display:grid;place-items:center;background:var(--mcpl-texture);padding:20px}.login-shell{width:min(1100px,96vw);min-height:560px;border:1px solid var(--mcpl-border);border-radius:10px;overflow:hidden;background:#fff;display:grid;grid-template-columns:1.1fr 1fr;box-shadow:0 16px 40px #10182824}.login-brand-panel{background:linear-gradient(160deg,#0d2f52,#1b4f82 70%,#2a6fb4);color:#fff;padding:36px}.login-logo-block{width:80px;height:80px;border-radius:12px;background:#fff;display:grid;place-items:center;margin-bottom:20px;border:1px solid rgba(255,255,255,.35)}.login-logo-img{width:64px;height:64px;object-fit:contain}.login-brand-panel h1{margin:0;font-size:30px}.login-brand-panel p{margin-top:10px;color:#e8eef5;line-height:1.6}.login-brand-panel ul{margin:20px 0 0;padding-left:18px;line-height:1.8}.calendar-header-row{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}.calendar-controls{display:flex;gap:8px;align-items:center}.calendar-summary-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.calendar-pill{display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.calendar-pill.attendance{background:#ccfbf1;color:#115e59}.calendar-pill.leave{background:#ffedd5;color:#9a3412}.calendar-pill.holiday{background:#ffe4e6;color:#9f1239}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:8px}.calendar-weekdays div{text-align:center;font-weight:700;color:#64748b;font-size:12px;letter-spacing:.04em;text-transform:uppercase}.calendar-weekdays div:first-child,.calendar-weekdays div:last-child{color:#be123c}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.calendar-cell{min-height:118px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;padding:10px 10px 8px;cursor:pointer;width:100%;text-align:left;color:#0f172a;box-shadow:none;font-weight:500}.calendar-cell:hover{border-color:#1e4d7b;background:#f8fafc;box-shadow:0 0 0 2px #1e4d7b1f}.calendar-cell.is-attendance,.calendar-cell.is-attendance:hover{background:#f0fdfa;border-color:#5eead4}.calendar-cell.is-leave,.calendar-cell.is-leave:hover{background:#fff7ed;border-color:#fdba74}.calendar-cell.is-holiday,.calendar-cell.is-holiday:hover{background:#fff1f2;border-color:#fda4af}.calendar-cell.is-selected,.calendar-cell.is-selected:hover{box-shadow:0 0 0 2px #1e4d7b}.calendar-cell-empty{background:#f8fafc}.calendar-date{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;margin-bottom:8px;padding:0 6px;border-radius:999px;font-size:20px;font-weight:800;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:#0f172a}.calendar-cell.is-weekend .calendar-date{color:#be123c}.calendar-cell.is-today .calendar-date{background:#1e4d7b;color:#fff}.calendar-events{display:flex;flex-direction:column;gap:4px}.calendar-event{border-radius:4px;padding:3px 6px;font-size:11px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-event.attendance{background:#0f766e;color:#f0fdfa}.calendar-event.leave{background:#c2410c;color:#fff7ed}.calendar-event.holiday{background:#be123c;color:#fff1f2}.calendar-more{font-size:11px;color:var(--mcpl-muted)}.calendar-modal-backdrop{position:fixed;inset:0;background:#02061773;z-index:1200;display:grid;place-items:center;padding:16px}.calendar-modal{width:min(780px,95vw);max-height:86vh;overflow:auto;background:#fff;border-radius:10px;border:1px solid var(--mcpl-border);box-shadow:0 20px 42px #0f172a40;padding:14px}.calendar-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.calendar-modal-header h3{margin:0;color:var(--mcpl-blue-darker);font-size:18px}.calendar-modal-controls{display:flex;align-items:center;gap:8px}.calendar-modal-section{border:1px solid var(--mcpl-border);border-radius:6px;padding:10px;margin-bottom:10px}.calendar-modal-section h4{margin:0 0 8px;font-size:14px;color:var(--mcpl-blue-dark)}.calendar-modal-section p{margin:0;font-size:12px;color:var(--mcpl-muted)}.calendar-modal-item{border-radius:4px;padding:6px 8px;margin-bottom:6px;font-size:12px}.calendar-modal-item.attendance{background:#ccfbf1;color:#115e59}.calendar-modal-item.leave{background:#ffedd5;color:#9a3412}.calendar-modal-item.holiday{background:#ffe4e6;color:#9f1239}@media(max-width:1024px){.calendar-grid,.calendar-weekdays{grid-template-columns:repeat(2,1fr)}.calendar-cell{min-height:120px}}.login-card{border:none;border-radius:0;box-shadow:none;padding:34px;display:flex;flex-direction:column;justify-content:center}.login-grid{display:grid;gap:12px;max-width:430px}.login-submit{margin-top:4px;background:var(--mcpl-red)}.login-submit:hover{background:var(--mcpl-red-dark)}.login-hint{margin-top:14px;font-size:12px;color:#667085;border-top:1px dashed #d0d5dd;padding-top:10px}@media(max-width:900px){.mcpl-header-inner{grid-template-columns:1fr auto;gap:var(--space-2)}.nav--desktop{display:none}.nav-toggle{display:inline-flex}.nav-user-menu-wrap{display:none}.mcpl-user{text-align:left}.page{padding-top:120px;padding-left:var(--space-3);padding-right:var(--space-3)}.card{padding:var(--space-4)}.login-shell{grid-template-columns:1fr}.login-brand-panel{padding:24px}.login-card{padding:20px}.stat-grid{grid-template-columns:repeat(2,1fr)}}.sub-tab-bar{display:flex;gap:4px;border-bottom:2px solid var(--mcpl-border);margin-bottom:16px;padding-bottom:2px}.sub-tab{background:transparent;color:var(--mcpl-muted);border:none;border-radius:4px 4px 0 0;padding:8px 16px;font-weight:700;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s}.sub-tab:hover{background:#f1f3f5;color:var(--mcpl-blue-dark)}.sub-tab--active{color:var(--mcpl-red);border-bottom-color:var(--mcpl-red)}.tab-panel{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.panel-title{margin:0 0 12px;font-size:16px;color:var(--mcpl-blue-dark);font-weight:800}.panel-subtitle{margin:14px 0 8px;font-size:14px;color:var(--mcpl-muted);font-weight:700;border-bottom:1px solid var(--mcpl-border);padding-bottom:4px}.form-grid-4{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}.permission-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;background:#fafafa;padding:12px;border-radius:6px;border:1px solid var(--mcpl-border)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4)}.stat-card{background:#fff;padding:var(--space-5);border-radius:var(--radius-md);border:1px solid var(--mcpl-border);box-shadow:var(--shadow-sm);text-align:left;transition:box-shadow .15s ease,transform .15s ease}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card--skeleton{opacity:.7;pointer-events:none}.stat-value{font-size:32px;font-weight:900;margin-bottom:4px}.stat-label{font-size:13px;font-weight:700;color:var(--mcpl-muted);text-transform:uppercase;letter-spacing:.5px}.workflow-level-row{display:grid;grid-template-columns:50px 1fr 1fr auto;gap:10px;align-items:center;background:#fff;padding:10px;border-radius:6px;border:1px dashed var(--mcpl-border);margin-bottom:8px}.level-badge{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:var(--mcpl-blue-dark);color:#fff;border-radius:50%;font-size:12px;font-weight:800}.modal-backdrop{position:fixed;inset:0;background:#0206178c;z-index:1200;display:grid;place-items:center;padding:16px}.modal-box{background:#fff;border-radius:10px;border:1px solid var(--mcpl-border);box-shadow:0 24px 60px #0f172a47;animation:modalIn .18s ease}@keyframes modalIn{0%{opacity:0;transform:translateY(-14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 12px;border-bottom:1px solid var(--mcpl-border);background:linear-gradient(135deg,#f8f9fb,#eef1f5);border-radius:10px 10px 0 0}.modal-title{margin:0;font-size:15px;font-weight:800;color:var(--mcpl-blue-darker)}.modal-close{background:transparent;border:1px solid transparent;color:var(--mcpl-muted);font-size:16px;padding:4px 8px;cursor:pointer;line-height:1;border-radius:4px}.modal-close:hover{background:#f1f3f5;color:var(--mcpl-text)}.modal-body{padding:16px 18px 20px;display:flex;flex-direction:column;gap:12px;max-height:75vh;overflow-y:auto}.modal-footer{display:flex;gap:8px;justify-content:flex-end;border-top:1px solid var(--mcpl-border);margin-top:6px;padding-top:14px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--mcpl-border)}.page-header h2{margin:0;color:var(--mcpl-red-dark);font-size:20px}.page-header p{margin:2px 0 0;color:var(--mcpl-muted);font-size:13px}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.badge-green{background:#dcfce7;color:#166534}.badge-red{background:#fee2e2;color:#991b1b}.badge-yellow{background:#fef9c3;color:#854d0e}.badge-blue{background:#dbeafe;color:#1e40af}.badge-gray{background:#f3f4f6;color:#374151}.badge-purple{background:#ede9fe;color:#5b21b6}.profile-meta{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-4);padding:var(--space-4);background:var(--surface-muted);border-radius:var(--radius-sm);border:1px solid var(--mcpl-border)}.profile-meta .field-label{display:block;margin-bottom:var(--space-1)}.profile-meta>div>div:last-child{font-weight:700;color:var(--mcpl-text)}.btn-sm{padding:5px 10px!important;font-size:12px!important}.btn-add{background:var(--mcpl-red)!important}.btn-add:hover{background:var(--mcpl-red-dark)!important}.form-field{display:flex;flex-direction:column;gap:5px;cursor:default}.field-label{font-size:12px;font-weight:700;color:var(--mcpl-muted);text-transform:uppercase;letter-spacing:.3px}.report-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;background:#f8fafc;border:1px solid var(--mcpl-border);border-radius:6px;margin-bottom:14px}.dash-hero{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,var(--mcpl-blue-darker) 0%,var(--mcpl-blue-dark) 100%);color:#fff;border-radius:8px;padding:20px 24px;margin-bottom:18px}.dash-hero-avatar{width:52px;height:52px;border-radius:50%;background:#fff3;display:grid;place-items:center;font-size:22px;font-weight:800;flex-shrink:0}.dash-hero-text h2{margin:0 0 4px;font-size:18px;font-weight:800;color:#fff}.dash-hero-text p{margin:0;font-size:13px;color:#ffffffbf}.input-error{border-color:#e53e3e!important;background:#fff5f5!important}.input-error:focus{outline-color:#e53e3e!important;box-shadow:0 0 0 3px #e53e3e26!important}.field-error{display:block;margin-top:3px;font-size:11.5px;color:#e53e3e;font-weight:500}.page-header--column{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:14px}.page-header__row{display:flex;justify-content:space-between;align-items:flex-start;width:100%;gap:12px}.page-header__title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.page-header__title{margin:0}.page-header__badge{display:inline-block;padding:2px 10px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border:1px solid;line-height:18px}.page-header__subtitle{margin:3px 0 0;font-size:12px;color:var(--mcpl-muted);font-weight:500}.page-header__purpose{margin:4px 0 0;color:var(--mcpl-muted);font-size:13px}.page-header__tab-flow{margin:6px 0 0;font-size:13px;color:var(--mcpl-blue-dark)}.page-header__actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.page-header__flow-preview{font-size:13px;color:var(--mcpl-muted);padding:8px 12px;background:#f8fafc;border-radius:6px;border:1px solid var(--mcpl-border);width:100%;box-sizing:border-box}.page-header__flow-label{font-weight:700;color:var(--mcpl-blue-dark);margin-right:6px}.page-header__flow-more{margin-left:8px;background:none;border:none;color:var(--mcpl-blue-dark);font-size:12px;font-weight:700;cursor:pointer;padding:0;text-decoration:underline}.page-guide-info-btn{background:var(--mcpl-blue-dark);border:none;border-radius:6px;padding:7px 14px;font-size:12px;font-weight:700;color:#fff;cursor:pointer;white-space:nowrap}.page-guide-info-btn:hover{background:var(--mcpl-blue-darker)}.page-guide-panel{width:100%;box-sizing:border-box;margin-top:8px;border:1px solid #c7dbff;border-radius:8px;background:#f8fbff;overflow:hidden}.page-guide-panel__head{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#eef4ff;border-bottom:1px solid #c7dbff;font-size:14px;color:var(--mcpl-blue-darker)}.page-guide-panel__close{background:none;border:1px solid var(--mcpl-border);border-radius:4px;padding:4px 10px;font-size:12px;cursor:pointer;color:var(--mcpl-blue-dark)}.page-guide-panel__body{padding:12px 14px 14px}.page-guide-intro{margin:0 0 12px;font-size:13px;color:var(--mcpl-text)}.page-guide-block{margin-bottom:14px}.page-guide-block__title{margin:0 0 8px;font-size:13px;font-weight:800;color:var(--mcpl-blue-dark);text-transform:uppercase;letter-spacing:.03em}.page-guide-steps{margin:0;padding-left:20px;font-size:13px;color:var(--mcpl-text)}.page-guide-steps li{margin-bottom:6px}.page-guide-links{margin:0;padding-left:18px;font-size:13px}.page-guide-links li{margin-bottom:6px}.page-guide-links a{color:var(--mcpl-blue-dark);font-weight:700;text-decoration:none}.page-guide-links a:hover{text-decoration:underline}.page-guide-links__why{color:var(--mcpl-muted);font-weight:400}.page-guide-tabs-list{margin:0;padding-left:18px;font-size:13px}.page-guide-tabs-list li{margin-bottom:6px}.page-guide-tabs-list li.is-active{color:var(--mcpl-red-dark);font-weight:700}.page-guide-tips{margin:0;padding-left:18px;font-size:13px}.sub-tab-wrap{margin-bottom:12px}.sub-tab-flow-banner{margin:8px 0 0;padding:8px 12px;font-size:13px;color:var(--mcpl-blue-darker);background:#f0f7ff;border-radius:6px;border-left:3px solid var(--mcpl-blue-dark)}.section-header{margin-bottom:12px}.section-header__row{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.section-header__title{margin-bottom:4px}.section-header__flow{margin:0;font-size:12px;color:var(--mcpl-muted);font-weight:500}.section-guide-info-btn{flex-shrink:0;width:28px;height:28px;border-radius:50%;border:1px solid var(--mcpl-border);background:#fff;color:var(--mcpl-blue-dark);font-weight:800;font-size:13px;cursor:pointer;line-height:1;padding:0}.section-guide-info-btn:hover{background:#eef4ff;border-color:var(--mcpl-blue-dark)}.section-guide-panel{margin-top:8px;padding:10px 12px;background:#fafbfc;border:1px solid var(--mcpl-border);border-radius:6px}.section-guide-panel__tab-hint{margin:10px 0 0;font-size:12px;color:var(--mcpl-muted)}:root{--font: "Inter", system-ui, -apple-system, sans-serif;--bg-app: #f4f6fb;--bg-card: #ffffff;--bg-sidebar: linear-gradient(180deg, #0c1f3a 0%, #0a1628 100%);--text-primary: #0f172a;--text-secondary: #64748b;--text-sidebar: #cbd5e1;--text-sidebar-muted: #94a3b8;--border: #e2e8f0;--border-strong: #cbd5e1;--accent: #bd1326;--accent-hover: #9a0f1f;--primary: #1e4d7b;--primary-hover: #163a5f;--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--shadow-card: 0 1px 2px rgba(15, 23, 42, .04), 0 12px 32px rgba(15, 23, 42, .06);--shadow-lg: 0 24px 60px rgba(15, 23, 42, .16);--sidebar-width: 252px;--header-h: 0px}.app-shell{min-height:100vh;font-family:var(--font);color:var(--text-primary);background:var(--bg-app)}.app-layout{display:flex;min-height:100vh}.app-main{flex:1;min-width:0;margin-left:var(--sidebar-width);padding:24px 32px 40px;background:radial-gradient(900px 280px at 100% -40px,rgba(30,77,123,.08),transparent 55%),radial-gradient(700px 240px at 0% 0%,rgba(189,19,38,.05),transparent 50%),var(--bg-app)}.page-content{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.app-sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background:var(--bg-sidebar);display:flex;flex-direction:column;z-index:200;border-right:1px solid rgba(255,255,255,.06)}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:22px 20px 18px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-brand__logo{width:40px;height:40px;border-radius:10px;background:#fff;display:grid;place-items:center;padding:6px}.sidebar-brand__logo img{width:100%;height:100%;object-fit:contain}.sidebar-brand__title{font-size:17px;font-weight:800;color:#fff;letter-spacing:-.02em}.sidebar-brand__sub{font-size:11px;color:var(--text-sidebar-muted);font-weight:500}.sidebar-nav{flex:1;overflow-y:auto;padding:12px 12px 8px}.sidebar-nav__section{margin-bottom:16px}.sidebar-nav__label{display:flex;align-items:center;gap:6px;width:100%;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-sidebar-muted);padding:0 12px 8px;border:none;background:transparent!important;text-align:left;cursor:pointer;border-radius:0!important}.sidebar-nav__label:hover{color:#fff;background:transparent!important}.sidebar-nav__chevron{font-size:10px;line-height:1;opacity:.85}.sidebar-nav__items{display:none}.sidebar-nav__section.is-open .sidebar-nav__items{display:block}.sidebar-nav__link{display:block;text-decoration:none;padding:10px 14px;margin-bottom:2px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:600;color:var(--text-sidebar);transition:background .15s,color .15s}.sidebar-nav__link:hover{background:#ffffff14;color:#fff}.sidebar-nav__link.active{background:#ffffff1a;color:#fff;box-shadow:inset 3px 0 #f43f5e}.sidebar-user{padding:0;border-top:1px solid rgba(255,255,255,.08)}.sidebar-user__toggle{display:flex;align-items:center;gap:8px;width:100%;padding:16px 16px 12px;border:none;background:transparent!important;color:inherit!important;cursor:pointer;text-align:left;font-weight:inherit!important;font-size:inherit!important;border-radius:0!important}.sidebar-user__toggle:hover{background:#ffffff0a!important}.sidebar-user__top{display:flex;align-items:center;gap:10px;flex:1;min-width:0;margin-bottom:0}.sidebar-user__actions{display:none;grid-template-columns:1fr 1fr;gap:8px;padding:0 16px 16px}.sidebar-user.is-open .sidebar-user__actions{display:grid}.sidebar-user__avatar{width:36px;height:36px;border-radius:50%;background:#ffffff26;color:#fff;font-size:13px;font-weight:800;display:grid;place-items:center;flex-shrink:0}.sidebar-user__info{min-width:0}.sidebar-user__info strong{display:block;font-size:13px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user__info span{font-size:11px;color:var(--text-sidebar-muted)}.sidebar-user__btn{display:block;text-align:center;text-decoration:none;padding:8px 10px!important;border-radius:var(--radius-sm)!important;font-size:12px!important;font-weight:700!important;border:1px solid rgba(255,255,255,.15)!important;background:#ffffff14!important;color:#fff!important;cursor:pointer}.sidebar-user__btn:hover{background:#ffffff24}.sidebar-user__btn.active{background:var(--primary);border-color:var(--primary)}.sidebar-user__btn--logout{background:#bd132640;border-color:#bd132680}.sidebar-user__btn--logout:hover{background:var(--accent);border-color:var(--accent)}.entity-docs{margin-top:8px;padding-top:12px;border-top:1px solid var(--border)}.entity-docs--empty{border-top:none;padding-top:0}.entity-docs__upload{align-items:end}.onboard-banner{padding:12px 14px;border-radius:var(--radius-sm);margin-bottom:16px;font-size:13px}.onboard-banner--success{background:#ecfdf3;border:1px solid #86efac;color:#166534}.onboard-banner--info{background:#eff6ff;border:1px solid #93c5fd;color:#1e40af}.onboard-banner--warn{background:#fff7ed;border:1px solid #fdba74;color:#9a3412}.onboarding-panel{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border)}.fi-public .fi-section{margin:20px 0;padding-top:12px;border-top:1px solid var(--border)}.fi-employee-card{background:#f8fafc;border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px;margin-bottom:8px}.fi-employee-card h3{margin:0 0 8px;font-size:15px}.fi-capture-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.fi-capture-card{border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;background:#fff}.fi-capture-card--done{border-color:#86efac;background:#f0fdf4}.fi-capture-card__head{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.fi-capture-card__geo{font-size:11px;color:var(--text-secondary)}.fi-capture-card__actions{display:flex;flex-wrap:wrap;gap:6px}.card{position:relative;background:var(--bg-card);border:1px solid rgba(226,232,240,.9);border-radius:var(--radius-lg);padding:18px 20px 20px;box-shadow:var(--shadow-card)}.page-content>.card:before,.tab-panel>.card:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:linear-gradient(90deg,var(--primary),#3b82c4 55%,var(--accent))}.card>h2,.panel-title{margin:0 0 6px;font-size:18px;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.panel-subtitle{margin:0 0 20px;color:var(--text-secondary);font-size:14px;line-height:1.5}.page-header{border-bottom:none!important;margin-bottom:4px!important;padding-bottom:0!important}.page-header__intro{width:100%;box-sizing:border-box;margin-top:12px;padding:12px 14px;background:#f8fafc;border:1px solid var(--border);border-radius:10px}.page-header__title{font-size:28px!important;font-weight:800!important;color:var(--text-primary)!important;letter-spacing:-.035em;line-height:1.15}.page-header__subtitle{font-size:14px!important;color:var(--text-secondary)!important;margin-top:4px!important}.page-header__purpose{font-size:13px!important;color:var(--text-secondary)!important;line-height:1.55;max-width:720px}.page-header__badge{font-size:11px!important;font-weight:700!important;padding:4px 10px!important;border-radius:999px!important}.page-guide-info-btn,.page-header .page-guide-info-btn{background:var(--bg-app)!important;color:var(--primary)!important;border:1px solid var(--border)!important;font-size:12px!important;font-weight:600!important;padding:8px 14px!important;border-radius:var(--radius-sm)!important}.page-guide-info-btn:hover{background:#fff!important;border-color:var(--border-strong)!important}.page-header__flow-preview{background:#f8fafc;border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;margin-top:12px;font-size:13px}.page-guide-panel{border-radius:var(--radius)!important;border:1px solid var(--border)!important;box-shadow:var(--shadow-lg)!important}.sub-tab-wrap{margin-bottom:4px}.tab-panel{margin-top:8px;padding-top:0}.section-header__flow{display:none}.sub-tab-bar{display:flex;flex-wrap:wrap;gap:6px;padding:4px;background:#f1f5f9;border-radius:var(--radius);border-bottom:none!important;margin-bottom:12px!important}.sub-tab{background:transparent!important;color:var(--text-secondary)!important;border:1px solid transparent!important;border-radius:var(--radius-sm)!important;padding:9px 16px!important;font-size:13px!important;font-weight:600!important;border-bottom:1px solid transparent!important;box-shadow:none!important}.sub-tab:hover{background:#ffffffbf!important;color:var(--text-primary)!important}.sub-tab--active,.sub-tab.sub-tab--active{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important;box-shadow:0 2px 8px #1e4d7b47!important}.sub-tab--active:hover,.sub-tab.sub-tab--active:hover{background:var(--primary-hover, #163a5c)!important;color:#fff!important}.sub-tab-flow-banner{font-size:13px;color:var(--text-secondary);padding:0 4px}input,select,textarea{border-radius:10px!important;border:1px solid var(--border-strong)!important;background:#fff;font-size:14px!important;padding:11px 12px!important;font-family:var(--font);transition:border-color .15s,box-shadow .15s,background .15s}input:focus,select:focus,textarea:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px #1e4d7b1f!important}.form-grid-4,.login-grid,.permission-grid,.profile-meta,.stat-grid{width:100%;min-width:0}.form-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px!important}.form-grid-4>*,.login-grid>*,.form-field{min-width:0;max-width:100%}.form-field input:not([type=checkbox]):not([type=radio]),.form-field select,.form-field textarea,.form-grid-4>input,.form-grid-4>select,.form-grid-4>textarea,.login-grid input,.login-grid select,.login-grid textarea,.modal-body input:not([type=checkbox]):not([type=radio]),.modal-body select,.modal-body textarea{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.checkbox-label{align-items:flex-start}.checkbox-label input{width:16px;height:16px;flex:0 0 auto;margin-top:2px}.modal-box .form-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.field-label{font-size:11px!important;font-weight:600!important;letter-spacing:.04em;color:var(--text-secondary)!important}.password-input{position:relative;display:block;width:100%}.password-input__field{width:100%;padding-right:72px!important}.password-input__toggle-text{font-size:11px;font-weight:700;letter-spacing:.02em}.password-input__toggle{position:absolute;top:50%;right:6px;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;gap:4px;width:auto;min-width:32px;height:28px;padding:0 8px!important;margin:0;border:none!important;border-radius:var(--radius-sm)!important;background:transparent!important;color:var(--text-secondary)!important;cursor:pointer;box-shadow:none!important}.password-input__toggle:hover{color:var(--primary)!important;background:#1e4d7b14!important}.app-main button:not(.modal-close):not(.page-guide-panel__close):not(.password-input__toggle):not(.sub-tab):not(.calendar-cell):not(.punch-selfie__remove):not(.punch-camera__flip):not(.punch-camera__shutter):not(.attendance-btn):not(.inventory-photo-btn),.modal-backdrop button:not(.modal-close):not(.password-input__toggle),.login-page button.login-submit,.login-page .login-demo-btns button{font-family:var(--font)!important;font-weight:600!important;border-radius:var(--radius-sm)!important;padding:10px 18px!important;font-size:13px!important;background:var(--primary)!important;color:#fff!important;border:none!important;transition:background .15s,transform .1s,box-shadow .15s!important}.app-main button:not(.modal-close):not(.page-guide-panel__close):not(.password-input__toggle):not(.sub-tab):not(.calendar-cell):not(.punch-selfie__remove):not(.punch-camera__flip):not(.punch-camera__shutter):not(.attendance-btn):not(.inventory-photo-btn):hover,.modal-backdrop button:not(.modal-close):not(.password-input__toggle):hover,.login-page button.login-submit:hover,.login-page .login-demo-btns button:hover{background:var(--primary-hover)!important}.modal-close,.page-guide-panel__close{background:#fff!important;color:var(--text-primary)!important;border:1px solid var(--border-strong)!important;padding:6px 12px!important;font-size:13px!important;font-weight:700!important;line-height:1.2!important;min-width:32px!important;box-shadow:0 1px 2px #0f172a14!important;cursor:pointer}.modal-close:hover,.page-guide-panel__close:hover{background:#f8fafc!important;color:var(--accent)!important;border-color:var(--accent)!important}.btn-add{background:var(--accent)!important}.btn-add:hover{background:var(--accent-hover)!important}.btn-outline{background:#fff!important;color:var(--primary)!important;border:1px solid var(--border-strong)!important}.btn-outline:hover{background:#f8fafc!important}.btn-danger{background:#dc2626!important}.btn-secondary{background:#64748b!important}.punch-selfie{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:14px}.punch-selfie__box{width:140px;aspect-ratio:1 / 1;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--border-strong);background:#fff}.punch-selfie__box img{width:100%;height:100%;object-fit:cover}.punch-selfie__label{font-size:12px;font-weight:700}.punch-selfie__remove{position:absolute;top:4px;right:4px;width:22px;height:22px;padding:0;border:none;border-radius:50%;background:#fff;color:#b91c1c;font-size:12px;line-height:1;cursor:pointer;box-shadow:0 1px 3px #0f172a40}.punch-camera{position:fixed;inset:0;z-index:2100;display:grid;place-items:center;padding:16px;background:#0206178c}.punch-camera__box{width:min(480px,100%);background:#fff;border-radius:16px;padding:16px}.punch-camera__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.punch-camera__stage{position:relative;width:100%;aspect-ratio:1 / 1;background:#0f172a;border-radius:12px;overflow:hidden}.punch-camera__overlay{position:absolute;left:0;right:0;bottom:16px;display:flex;justify-content:center;align-items:center;gap:18px}.punch-camera__flip,.punch-camera__shutter{display:grid;place-items:center;padding:0;border-radius:50%;cursor:pointer}.punch-camera__flip{width:46px;height:46px;background:#00000080;color:#fff;border:2px solid #fff;font-size:18px}.punch-camera__shutter{width:64px;height:64px;background:#fff;border:5px solid #d1d5db;box-shadow:0 0 10px #00000073}.punch-camera__spacer{width:46px;height:46px}.punch-camera__stage video,.punch-camera__stage img{width:100%;height:100%;object-fit:cover}.punch-selfie__actions{display:flex;gap:8px;margin-top:8px}.punch-selfie__error{width:100%;margin:0;color:#b91c1c;font-size:13px}.punch-location{display:grid;gap:12px;margin-bottom:14px}.punch-location__bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.punch-location__copy{display:grid;gap:2px;min-width:0;color:var(--text-secondary);font-size:13px}.punch-location__copy strong{color:var(--text-primary);font-size:14px}.punch-location__map{display:grid;gap:6px;justify-items:start}.punch-location__map iframe{width:min(100%,640px);height:240px;border:1px solid var(--border);border-radius:12px}.punch-location__map a{font-size:13px}.inventory-photo-btn{display:inline-flex;padding:0;border:0;background:transparent;line-height:0;cursor:zoom-in}.inventory-photo{width:48px;height:48px;object-fit:cover;border-radius:8px;border:1px solid var(--border);background:#fff;display:block}.inventory-photo-full{display:block;width:100%;max-height:70vh;object-fit:contain;border-radius:8px;background:#f4f7fb}.attendance-location-cell{display:flex;flex-wrap:wrap;gap:8px;align-items:center;max-width:320px}.attendance-location-cell span{min-width:0;line-height:1.4}.attendance-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 14px;align-items:end;margin-bottom:14px}.attendance-form .form-field{display:flex;flex-direction:column;gap:6px}.attendance-form__wide{grid-column:span 2}.attendance-form input,.attendance-form select{height:42px;padding:8px 12px!important;width:100%;box-sizing:border-box}.attendance-form>.attendance-btn{justify-self:start}.attendance-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px}.app-main button.attendance-btn{height:42px;min-height:42px;padding:0 16px!important;font-family:var(--font);font-size:13px!important;font-weight:600;line-height:1;white-space:nowrap;width:auto;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer}.app-main button.attendance-btn:hover{background:var(--primary-hover)}.app-main button.attendance-btn:disabled{opacity:.65;cursor:not-allowed}.app-main button.attendance-btn.btn-outline{background:#fff!important;color:var(--primary)!important;border:1px solid var(--border-strong)!important}.app-main button.attendance-btn.btn-outline:hover{background:#f8fafc!important}.app-main button.attendance-btn.btn-secondary{background:#64748b!important}.app-main button.attendance-btn.btn-secondary:hover{background:#475569!important}.app-main button.attendance-btn.btn-danger{background:#dc2626!important}.app-main button.attendance-btn.btn-danger:hover{background:#b91c1c!important}.app-main button.attendance-btn.attendance-btn--sm{height:32px;min-height:32px;padding:0 10px!important;font-size:12px!important}@media(max-width:960px){.attendance-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.attendance-form,.attendance-form__wide{grid-template-columns:1fr;grid-column:auto}}.attendance-location-panel+.attendance-location-panel{margin-top:18px;padding-top:18px;border-top:1px solid var(--border)}.attendance-location-panel h4,.attendance-location-panel p{margin:0 0 6px}.attendance-location-panel__coords{color:var(--text-secondary);font-size:13px}.attendance-location-panel iframe{width:100%;height:260px;margin-top:8px;border:1px solid var(--border);border-radius:12px}.attendance-location-panel a{display:inline-block;margin-top:8px;font-size:13px}.confirm-dialog{z-index:2000}.confirm-dialog__message{margin:0;white-space:pre-line;font-size:14px;line-height:1.55;color:var(--text-primary)}.confirm-dialog__actions{display:flex;justify-content:flex-end;gap:8px}.modal-backdrop button.confirm-dialog__no:not(.modal-close){background:#fff!important;color:var(--primary)!important;border:1px solid var(--border-strong)!important}.modal-backdrop button.confirm-dialog__no:not(.modal-close):hover{background:#f8fafc!important;color:var(--primary)!important}.modal-backdrop button.confirm-dialog__yes:not(.modal-close){background:var(--primary)!important;color:#fff!important}.table-wrap{border-radius:14px!important;border:1px solid var(--border)!important;overflow:auto;background:#fff;box-shadow:0 1px 2px #0f172a0a}.table{border-collapse:separate;border-spacing:0}.table th{position:sticky;top:0;z-index:1;background:#f8fafc!important;color:var(--text-secondary)!important;font-size:11px!important;font-weight:700!important;letter-spacing:.04em;text-transform:uppercase;padding:12px 16px!important;border-bottom:1px solid var(--border)}.table td{padding:13px 16px!important;font-size:13.5px!important;border-bottom:1px solid #f1f5f9;vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:#f8fbff!important}.table-empty td{text-align:center;color:var(--text-secondary)!important;padding:40px 16px!important;font-size:14px!important}.dash-hero{background:linear-gradient(135deg,#0c1f3a,#1e4d7b 55%,#bd1326 120%);border-radius:var(--radius-lg);padding:28px 32px;margin-bottom:0;box-shadow:var(--shadow-card)}.stat-grid{gap:16px!important}.stat-card{border-radius:var(--radius)!important;border:1px solid var(--border)!important;padding:22px!important;box-shadow:none!important}.stat-value{font-size:28px!important;font-weight:800!important;letter-spacing:-.03em}.stat-label{font-size:12px!important;font-weight:600!important;color:var(--text-secondary)!important}.badge{border-radius:6px!important;font-size:11px!important;font-weight:600!important;text-transform:none!important;letter-spacing:0!important}.section-header__title{font-size:16px!important;color:var(--text-primary)!important}.section-guide-info-btn{width:28px;height:28px;border-radius:50%;background:#f1f5f9!important;color:var(--primary)!important;border:1px solid var(--border)!important;font-size:13px!important;font-weight:700!important;padding:0!important}.login-page{background:linear-gradient(135deg,#eef1f6,#e2e8f0)!important;padding:32px!important}.login-shell{border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-lg)!important;border:1px solid var(--border)!important;overflow:hidden}.login-brand-panel{background:linear-gradient(160deg,#0c1f3a,#1e4d7b)!important;padding:48px 40px!important}.login-brand-panel h1{font-size:32px!important;font-weight:800!important;letter-spacing:-.03em}.login-card{padding:40px!important;border:none!important;box-shadow:none!important;border-radius:0!important}.login-card h2{font-size:24px!important;font-weight:800!important;color:var(--text-primary)!important}.login-grid label span{font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;display:block}.login-submit{background:var(--accent)!important;width:100%;padding:12px!important;font-size:14px!important;margin-top:8px}.login-submit:hover{background:var(--accent-hover)!important}.login-hint{font-size:11px!important;line-height:1.5}.login-demo-row{margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.login-demo-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.modal-box{border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-lg)!important}.modal-header{border-radius:var(--radius-lg) var(--radius-lg) 0 0!important}.report-toolbar{background:#f8fafc!important;border-radius:var(--radius)!important;padding:14px 16px!important}@media(max-width:960px){.app-main{margin-left:0;padding:72px 16px 32px}.app-sidebar{transform:translate(-100%);transition:transform .25s ease;box-shadow:var(--shadow-lg)}.app-sidebar.is-open{transform:translate(0)}.mobile-menu-fab{display:flex;position:fixed;top:14px;left:14px;z-index:150;width:44px;height:44px;border-radius:12px;align-items:center;justify-content:center;background:#0c1f3a!important;color:#fff!important;font-size:18px!important;padding:0!important;box-shadow:var(--shadow-card)}.sidebar-backdrop{display:none;position:fixed;inset:0;background:#0f172a80;z-index:199}.sidebar-backdrop.is-open{display:block}.card{padding:20px;border-radius:var(--radius)}.form-grid-4,.modal-box .form-grid-4,.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid-4>*{grid-column:auto!important}.form-grid-4>.panel-subtitle{grid-column:1 / -1!important}}@media(max-width:720px){.form-grid-4,.modal-box .form-grid-4,.login-grid,.profile-meta,.stat-grid,.permission-grid,.workflow-level-row{grid-template-columns:minmax(0,1fr)}.form-grid-4>*,.workflow-level-row>*{grid-column:1 / -1!important}.list-filters__search,.list-filters__field{flex:1 1 100%;min-width:0;max-width:none}.list-filters__field select,.list-filters__field input{width:100%;min-width:0}.login-page{padding:16px!important}.login-card,.login-brand-panel{padding:24px 16px!important}.modal-box{width:min(100%,96vw)!important}.page-header,.section-header,.list-toolbar{flex-wrap:wrap}}.profile-meta{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;padding:16px;background:#f8fafc;border-radius:var(--radius-sm);border:1px solid var(--border)}.profile-meta .field-label{display:block;margin-bottom:4px}.profile-meta>div>div:last-child{font-weight:600;color:var(--text-primary)}.mcpl-header{display:none!important}.page{padding:0!important;max-width:none!important}.page-back-bar{margin-bottom:16px}.page-back-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--primary, #2563eb);text-decoration:none}.page-back-link:hover{text-decoration:underline}.list-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.list-toolbar__actions{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;padding:6px 8px;background:#f8fafc;border:1px solid var(--border);border-radius:var(--radius-sm)}.list-toolbar__group{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.list-toolbar__divider{width:1px;height:28px;background:var(--border-strong);flex-shrink:0}.toolbar-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 16px;font-family:var(--font);font-size:13px;font-weight:600;line-height:1.2;border-radius:var(--radius-sm);text-decoration:none;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,color .15s,box-shadow .15s,transform .1s}.toolbar-link:active{transform:translateY(1px)}.toolbar-link--outline{background:#fff;color:var(--primary);border:1px solid var(--border-strong);box-shadow:0 1px 2px #0f172a0d}.toolbar-link--outline:hover{background:#fff;border-color:var(--primary);color:var(--primary);box-shadow:0 2px 6px #1e4d7b1a}.toolbar-link--accent{background:var(--accent);color:#fff;border:1px solid var(--accent);box-shadow:0 1px 2px #bd132633}.toolbar-link--accent:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff;box-shadow:0 2px 8px #bd132640}.toolbar-link__icon{display:inline-flex;font-size:14px;line-height:1;opacity:.9}.table-cell-actions{width:48px;text-align:right;padding-left:8px!important;padding-right:12px!important}.table-action-menu{position:relative;display:inline-flex;justify-content:flex-end}.table-action-menu__trigger{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;color:var(--text-secondary);cursor:pointer;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}.table-action-menu__trigger:hover,.table-action-menu__trigger[aria-expanded=true]{border-color:var(--border-strong);color:var(--primary);background:#f8fafc;box-shadow:0 1px 3px #0f172a14}.table-action-menu__dots{font-size:18px;line-height:1;letter-spacing:.02em;transform:translateY(-1px)}.table-action-menu__panel{position:absolute;top:calc(100% + 4px);right:0;z-index:20;min-width:148px;padding:4px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;box-shadow:0 8px 24px #0f172a1f}.table-action-menu__item{display:block;width:100%;padding:8px 12px;border:none;border-radius:6px;background:transparent;color:var(--text-primary);font-family:var(--font);font-size:13px;font-weight:500;line-height:1.3;text-align:left;text-decoration:none;cursor:pointer;white-space:nowrap;transition:background .12s,color .12s}.table-action-menu__item:hover{background:#f1f5f9}.table-action-menu__item--accent{color:#0f766e}.table-action-menu__item--accent:hover{background:#f0fdfa;color:#0d9488}.table-action-menu__item--danger{color:#b91c1c}.table-action-menu__item--danger:hover{background:#fef2f2;color:#991b1b}.table-action-menu__item:disabled{opacity:.5;cursor:not-allowed}.table-actions{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.table-action{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;font-family:var(--font);font-size:12px;font-weight:600;line-height:1.2;border-radius:var(--radius-sm);text-decoration:none;cursor:pointer;white-space:nowrap;border:1px solid transparent;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}.table-action--edit{background:#fff;color:var(--primary);border-color:var(--border-strong);box-shadow:0 1px 2px #0f172a0d}.table-action--edit:hover{border-color:var(--primary);box-shadow:0 2px 6px #1e4d7b1a;color:var(--primary)}.table-action--outline,.table-action--fi{background:#fff;color:#0f766e;border-color:#99f6e4}.table-action--outline:hover,.table-action--fi:hover{background:#f0fdfa;border-color:#0f766e}.table-action--danger{background:#fff;color:#b91c1c;border-color:#fecaca}.table-action--danger:hover{background:#fef2f2;border-color:#b91c1c}.table-action:disabled{opacity:.55;cursor:not-allowed}.fi-status-badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;line-height:1.3;white-space:nowrap}.fi-status-badge--none{background:#f1f5f9;color:#94a3b8}.fi-status-badge--pending{background:#ffedd5;color:#c2410c}.fi-status-badge--submitted{background:#dbeafe;color:#1d4ed8}.fi-status-badge--approved{background:#dcfce7;color:#15803d}.fi-status-badge--rejected{background:#fee2e2;color:#b91c1c}.list-filters{margin-bottom:10px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);background:#f8fafc}.list-filters__row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 12px}.list-filters__search{position:relative;flex:1 1 220px;min-width:200px;max-width:360px}.list-filters__search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:14px;pointer-events:none}.list-filters__search input{width:100%;height:36px;padding:6px 12px 6px 32px!important;border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font);font-size:13px;background:#fff}.list-filters__field{display:flex;flex-direction:column;gap:4px;min-width:140px}.list-filters__label{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.list-filters__field select,.list-filters__field input[type=date]{height:36px;padding:6px 10px!important;border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font);font-size:13px;background:#fff}.list-filters__clear{padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;color:var(--text-secondary);font-family:var(--font);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.list-filters__clear:hover{border-color:var(--border-strong);color:var(--primary)}.list-filters__meta{margin:6px 0 0;font-size:12px;color:var(--text-secondary)}.mapping-select{min-width:180px;height:36px;padding:4px 8px!important;font-size:13px!important}.mapping-check{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-primary)}.mapping-check input{width:16px;height:16px;padding:0!important}.table-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius);background:#fff}.table-pagination__size-label{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary);font-weight:600}.table-pagination__size-label select{padding:6px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font);font-size:13px;background:#fff}.table-pagination__summary{margin:0;flex:1 1 200px;text-align:center;font-size:12px;color:var(--text-secondary)}.table-pagination__nav{display:inline-flex;align-items:center;gap:8px}.table-pagination__btn{padding:6px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;color:var(--text-primary);font-family:var(--font);font-size:12px;font-weight:600;cursor:pointer}.table-pagination__btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.table-pagination__btn:disabled{opacity:.45;cursor:not-allowed}.table-pagination__status{font-size:12px;color:var(--text-secondary);min-width:88px;text-align:center}.app-toast-host{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:10000;width:min(520px,calc(100vw - 32px));pointer-events:none}.app-toast{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;width:100%;padding:14px 16px;border-radius:10px;box-shadow:0 10px 30px #0000002e;color:#fff;pointer-events:auto;animation:toast-slide-down .28s ease-out}@keyframes toast-slide-down{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.app-toast--info,.app-toast--success{background:linear-gradient(135deg,#1f7a4f,#2d9f6a)}.app-toast--error{background:linear-gradient(135deg,#b42318,#d64545)}.app-toast--warning{background:linear-gradient(135deg,#b45309,#d97706)}.app-toast__content{display:flex;flex-direction:column;gap:4px;min-width:0}.app-toast__label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.92}.app-toast__message{font-size:14px;line-height:1.45;font-weight:500;word-break:break-word}.app-toast__close{flex-shrink:0;width:28px;height:28px;border:none;border-radius:6px;background:#ffffff2e;color:#fff;font-size:20px;line-height:1;cursor:pointer;padding:0}.app-toast__close:hover{background:#ffffff47}.letter-preview-shell{border:1px solid var(--border, #d8dee8);border-radius:8px;background:#f4f6f9;padding:12px;min-height:420px}.letter-preview-frame{width:100%;min-height:520px;border:none;background:#fff;border-radius:4px;box-shadow:0 1px 4px #00000014}.letter-fields-form .form-field{margin-bottom:0}.letter-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.public-guide-layout{min-height:100vh;background:var(--bg-app, #f5f6f8)}.public-guide-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;background:var(--bg-sidebar, #0d2f52);border-bottom:1px solid rgba(255,255,255,.08)}.public-guide-topbar__brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;font-weight:700;font-size:15px}.public-guide-topbar__brand img{width:36px;height:36px;object-fit:contain;background:#fff;border-radius:8px;padding:4px}.public-guide-topbar__signin{padding:8px 16px;border-radius:8px;background:#fff;color:var(--mcpl-red-dark, #8d0f1d);font-weight:600;font-size:13px;text-decoration:none}.public-guide-topbar__signin:hover{background:#f8fafc}.public-guide-main{padding:24px 20px 48px;max-width:1400px;margin:0 auto}.login-user-guide-link{margin:18px 0 0;text-align:center;font-size:14px}.login-user-guide-link a{font-weight:700;color:var(--mcpl-red-dark, #8d0f1d);text-decoration:none}.login-user-guide-link a:hover{text-decoration:underline}.login-user-guide-link__hint{color:var(--mcpl-muted, #64748b);font-weight:400;font-size:13px}.user-guide-page{max-width:1400px}.user-guide-hero{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:16px}.user-guide-hero__kicker{margin:0 0 4px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--mcpl-red-dark, #8d0f1d)}.user-guide-hero__title{margin:0 0 8px;font-size:26px;color:var(--text-primary, #101828)}.user-guide-hero__subtitle{margin:0 0 8px;color:var(--text-muted, #475467);font-size:15px;max-width:52rem}.user-guide-hero__meta{margin:0;font-size:13px;color:var(--text-muted, #64748b)}.user-guide-layout{display:grid;grid-template-columns:minmax(240px,280px) 1fr;gap:20px;align-items:start}.user-guide-toc{position:sticky;top:20px;max-height:calc(100vh - 48px);overflow-y:auto}.user-guide-toc__title{margin:0 0 4px;font-size:16px}.user-guide-toc__hint{margin:0 0 16px;font-size:12px;color:var(--text-muted, #64748b);line-height:1.45}.user-guide-toc__part{margin-bottom:14px}.user-guide-toc__part-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted, #64748b);margin-bottom:6px}.user-guide-toc__list{list-style:none;margin:0;padding:0}.user-guide-toc__list>li{margin-bottom:4px}.user-guide-toc__list>li.is-active>a{font-weight:700;color:var(--mcpl-red-dark, #8d0f1d)}.user-guide-toc__list a{font-size:13px;text-decoration:none;color:var(--text-primary, #101828)}.user-guide-toc__list a:hover{text-decoration:underline}.user-guide-toc__sections{list-style:none;margin:6px 0 0 12px;border-left:2px solid var(--mcpl-border, #e2e8f0);padding:0 0 0 10px}.user-guide-toc__sections li{margin-bottom:4px}.user-guide-toc__sections a{font-size:12px;color:var(--text-muted, #475467)}.user-guide-article{min-width:0}.user-guide-section{padding-bottom:28px;margin-bottom:28px;border-bottom:1px solid var(--mcpl-border, #e2e8f0)}.user-guide-section:last-of-type{border-bottom:none;margin-bottom:0}.user-guide-section__title{margin:0 0 12px;font-size:18px;color:var(--mcpl-blue-dark, #123a63)}.user-guide-section__p{margin:0 0 10px;font-size:14px;line-height:1.6;color:var(--text-muted, #475467)}.user-guide-section__steps{margin:0 0 12px;padding-left:1.25rem;font-size:14px;line-height:1.55}.user-guide-section__steps li{margin-bottom:8px}.user-guide-callout{border-radius:8px;padding:12px 14px;margin:12px 0;font-size:13px}.user-guide-callout--tip{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.user-guide-callout ul{margin:8px 0 0;padding-left:1.2rem}.user-guide-table-wrap{overflow-x:auto;margin:12px 0}.user-guide-table{width:100%;border-collapse:collapse;font-size:13px}.user-guide-table th,.user-guide-table td{border:1px solid var(--mcpl-border, #d4d8de);padding:8px 10px;text-align:left}.user-guide-table th{background:#f8fafc;font-weight:600}.user-guide-try{margin:12px 0 0}.user-guide-try__link{display:inline-block;font-size:13px;font-weight:600;color:var(--mcpl-red-dark, #8d0f1d);text-decoration:none}.user-guide-try__link:hover{text-decoration:underline}.user-guide-figure{margin:16px 0 0}.user-guide-figure__placeholder{min-height:120px;border:2px dashed var(--mcpl-border, #cbd5e1);border-radius:8px;display:grid;place-items:center;font-size:12px;color:var(--text-muted, #94a3b8);background:#f8fafc}.user-guide-figure figcaption{margin-top:6px;font-size:12px;color:var(--text-muted, #64748b)}.user-guide-pager{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px;padding-top:24px;border-top:1px solid var(--mcpl-border, #e2e8f0)}.user-guide-pager__btn{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid var(--mcpl-border, #d4d8de);border-radius:10px;text-decoration:none;color:inherit;background:#fafbfc;transition:background .15s,border-color .15s}.user-guide-pager__btn:hover{background:#f1f5f9;border-color:#94a3b8}.user-guide-pager__btn--next{text-align:right}.user-guide-pager__label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted, #64748b)}.user-guide-pager__title{font-size:14px;font-weight:600}.page-guide-info-btn--link{display:inline-flex;align-items:center;text-decoration:none;box-sizing:border-box}@media(max-width:960px){.user-guide-layout{grid-template-columns:1fr}.user-guide-toc{position:static;max-height:none}.user-guide-pager{grid-template-columns:1fr}.user-guide-pager__btn--next{text-align:left}}