:root{--primary-color:#ed8838;--secondary-color:#1e736b;--error-color:#c33;--success-color:#28a745;--text-dark:#333;--text-light:#999;--border-color:#ddd;--background-light:#f5f7fa;--topbar-height:114px;--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}:is(html:has(.app-layout),body:has(.app-layout)){overflow:hidden}body{font-family:var(--font-sans);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-light);color:var(--text-dark);font-size:14px;font-weight:400;line-height:1.5}code{font-family:var(--font-mono)}#root{flex-direction:column;height:100%;min-height:0;display:flex}#root:has(.app-layout){overflow:hidden}button,input,textarea,select{font-family:inherit}:root{--scroll-size:6px;--scroll-track:transparent;--scroll-thumb:#1e736b47;--scroll-thumb-hover:linear-gradient(180deg, #ed8838 0%, #1e736b 100%);--scroll-thumb-solid-hover:#1e736b;--scroll-thumb-active:#155a54;--scroll-dark-thumb:#ffffff38;--scroll-dark-thumb-hover:#ffffff7a}.oms-scroll,.app-content,.role-permissions-grid,.form-modal-body,.attendance-table-wrap{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track)}.oms-scroll:hover,.app-content:hover,.department-table-wrap:hover,.role-permissions-grid:hover,.form-modal-body:hover,.attendance-table-wrap:hover{scrollbar-color:#1e736b80 var(--scroll-track)}.department-table-wrap{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track)}.oms-scroll::-webkit-scrollbar{width:var(--scroll-size);height:var(--scroll-size)}.app-content::-webkit-scrollbar{width:var(--scroll-size);height:var(--scroll-size)}.department-table-wrap::-webkit-scrollbar{width:var(--scroll-size);height:var(--scroll-size)}.role-permissions-grid::-webkit-scrollbar{width:var(--scroll-size);height:var(--scroll-size)}.form-modal-body::-webkit-scrollbar{width:var(--scroll-size);height:var(--scroll-size)}.attendance-table-wrap::-webkit-scrollbar{width:var(--scroll-size);height:var(--scroll-size)}.oms-scroll::-webkit-scrollbar-track{background:var(--scroll-track);margin:6px 0}.app-content::-webkit-scrollbar-track{background:var(--scroll-track);margin:6px 0}.department-table-wrap::-webkit-scrollbar-track{background:var(--scroll-track);margin:6px 0}.role-permissions-grid::-webkit-scrollbar-track{background:var(--scroll-track);margin:6px 0}.form-modal-body::-webkit-scrollbar-track{background:var(--scroll-track);margin:6px 0}.attendance-table-wrap::-webkit-scrollbar-track{background:var(--scroll-track);margin:6px 0}.oms-scroll::-webkit-scrollbar-thumb{background:var(--scroll-thumb);background-clip:padding-box;border:2px solid #0000;border-radius:999px;transition:background .2s,box-shadow .2s}.app-content::-webkit-scrollbar-thumb{background:var(--scroll-thumb);background-clip:padding-box;border:2px solid #0000;border-radius:999px;transition:background .2s,box-shadow .2s}.department-table-wrap::-webkit-scrollbar-thumb{background:var(--scroll-thumb);background-clip:padding-box;border:2px solid #0000;border-radius:999px;transition:background .2s,box-shadow .2s}.role-permissions-grid::-webkit-scrollbar-thumb{background:var(--scroll-thumb);background-clip:padding-box;border:2px solid #0000;border-radius:999px;transition:background .2s,box-shadow .2s}.form-modal-body::-webkit-scrollbar-thumb{background:var(--scroll-thumb);background-clip:padding-box;border:2px solid #0000;border-radius:999px;transition:background .2s,box-shadow .2s}.attendance-table-wrap::-webkit-scrollbar-thumb{background:var(--scroll-thumb);background-clip:padding-box;border:2px solid #0000;border-radius:999px;transition:background .2s,box-shadow .2s}.oms-scroll:hover::-webkit-scrollbar-thumb{background:#1e736b6b padding-box padding-box}.app-content:hover::-webkit-scrollbar-thumb{background:#1e736b6b padding-box padding-box}.department-table-wrap:hover::-webkit-scrollbar-thumb{background:#1e736b6b padding-box padding-box}.role-permissions-grid:hover::-webkit-scrollbar-thumb{background:#1e736b6b padding-box padding-box}.form-modal-body:hover::-webkit-scrollbar-thumb{background:#1e736b6b padding-box padding-box}.attendance-table-wrap:hover::-webkit-scrollbar-thumb{background:#1e736b6b padding-box padding-box}.oms-scroll::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-solid-hover);box-shadow:0 0 10px #1e736b40}.app-content::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-solid-hover);box-shadow:0 0 10px #1e736b40}.department-table-wrap::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-solid-hover);box-shadow:0 0 10px #1e736b40}.role-permissions-grid::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-solid-hover);box-shadow:0 0 10px #1e736b40}.form-modal-body::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-solid-hover);box-shadow:0 0 10px #1e736b40}.attendance-table-wrap::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-solid-hover);box-shadow:0 0 10px #1e736b40}.oms-scroll::-webkit-scrollbar-thumb:active{background:var(--scroll-thumb-active)}.app-content::-webkit-scrollbar-thumb:active{background:var(--scroll-thumb-active)}.department-table-wrap::-webkit-scrollbar-thumb:active{background:var(--scroll-thumb-active)}.role-permissions-grid::-webkit-scrollbar-thumb:active{background:var(--scroll-thumb-active)}.form-modal-body::-webkit-scrollbar-thumb:active{background:var(--scroll-thumb-active)}.attendance-table-wrap::-webkit-scrollbar-thumb:active{background:var(--scroll-thumb-active)}.oms-scroll::-webkit-scrollbar-button{width:0;height:0;display:none}.app-content::-webkit-scrollbar-button{width:0;height:0;display:none}.department-table-wrap::-webkit-scrollbar-button{width:0;height:0;display:none}.role-permissions-grid::-webkit-scrollbar-button{width:0;height:0;display:none}.form-modal-body::-webkit-scrollbar-button{width:0;height:0;display:none}.attendance-table-wrap::-webkit-scrollbar-button{width:0;height:0;display:none}.oms-scroll::-webkit-scrollbar-corner{width:0;height:0;display:none}.app-content::-webkit-scrollbar-corner{width:0;height:0;display:none}.department-table-wrap::-webkit-scrollbar-corner{width:0;height:0;display:none}.role-permissions-grid::-webkit-scrollbar-corner{width:0;height:0;display:none}.form-modal-body::-webkit-scrollbar-corner{width:0;height:0;display:none}.attendance-table-wrap::-webkit-scrollbar-corner{width:0;height:0;display:none}.oms-scroll-dark,.sidebar-nav{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--scroll-dark-thumb) var(--scroll-track)}.oms-scroll-dark:hover,.sidebar-nav:hover{scrollbar-color:var(--scroll-dark-thumb-hover) var(--scroll-track)}.oms-scroll-dark::-webkit-scrollbar{width:5px;height:5px}.sidebar-nav::-webkit-scrollbar{width:5px;height:5px}.oms-scroll-dark::-webkit-scrollbar-track{background:var(--scroll-track);margin:10px 0}.sidebar-nav::-webkit-scrollbar-track{background:var(--scroll-track);margin:10px 0}.oms-scroll-dark::-webkit-scrollbar-thumb{background:var(--scroll-dark-thumb);border-radius:999px;transition:background .2s,box-shadow .2s}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--scroll-dark-thumb);border-radius:999px;transition:background .2s,box-shadow .2s}.oms-scroll-dark:hover::-webkit-scrollbar-thumb{background:var(--scroll-dark-thumb-hover)}.sidebar-nav:hover::-webkit-scrollbar-thumb{background:var(--scroll-dark-thumb-hover)}.oms-scroll-dark::-webkit-scrollbar-thumb:hover{background:var(--primary-color);box-shadow:0 0 10px #ed883880}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--primary-color);box-shadow:0 0 10px #ed883880}.oms-scroll-dark::-webkit-scrollbar-thumb:active{background:#f5a05a}.sidebar-nav::-webkit-scrollbar-thumb:active{background:#f5a05a}.oms-scroll-dark::-webkit-scrollbar-button{width:0;height:0;display:none}.sidebar-nav::-webkit-scrollbar-button{width:0;height:0;display:none}.oms-scroll-dark::-webkit-scrollbar-corner{width:0;height:0;display:none}.sidebar-nav::-webkit-scrollbar-corner{width:0;height:0;display:none}@media (width<=768px){.sidebar-nav{scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{display:none}}.login-container{min-height:100vh;font-family:var(--font-sans);background:linear-gradient(135deg,#ed8838 0%,#1e736b 100%);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-background{opacity:.1;pointer-events:none;background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><circle cx=\"50\" cy=\"50\" r=\"40\" fill=\"white\"/></svg>") 0 0/100px 100px;position:absolute;inset:0}.login-card{z-index:1;background:#fff;border-radius:12px;width:100%;max-width:400px;padding:40px;animation:.5s ease-out slideUp;position:relative;box-shadow:0 20px 60px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:30px}.login-header h1{color:#ed8838;margin:0 0 8px;font-size:32px;font-weight:700}.login-header p{color:#999;margin:0;font-size:14px}.login-subtitle{color:#777;margin-top:6px;font-size:13px;display:block}.login-feedback{margin-bottom:16px}.success-message{color:#1f7a4d;background-color:#eefaf3;border-left:4px solid #1f7a4d;border-radius:6px;padding:12px 14px;font-size:13px}.login-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#333;font-size:14px;font-weight:600}.form-group input{border:1px solid #ddd;border-radius:6px;padding:12px 14px;font-family:inherit;font-size:14px;transition:all .3s}.form-group input:focus{border-color:#ed8838;outline:none;box-shadow:0 0 0 3px #ed88381a}.form-group input:disabled{color:#999;cursor:not-allowed;background-color:#f5f5f5}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{width:100%}.toggle-password{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px 8px;font-size:16px;transition:opacity .2s;display:flex;position:absolute;right:12px}.toggle-password:hover{opacity:.7}.toggle-password:disabled{opacity:.5;cursor:not-allowed}.error-message{color:#c33;background-color:#fee;border-left:4px solid #c33;border-radius:6px;padding:12px 14px;font-size:13px}.login-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ed8838 0%,#1e736b 100%);border:none;border-radius:6px;padding:12px 14px;font-family:inherit;font-size:14px;font-weight:600;transition:all .3s}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #ed88384d}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-footer{text-align:center;flex-direction:column;gap:10px;margin-top:20px;display:flex}.forgot-password{color:#ed8838;font-size:13px;text-decoration:none;transition:color .2s}.login-link-button{color:#ed8838;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:13px;transition:color .2s}.login-link-button:hover{color:#1e736b;text-decoration:underline}.login-link-button-secondary{color:#666}.forgot-password:hover{color:#1e736b;text-decoration:underline}@media (width<=480px){.login-card{margin:20px;padding:30px 20px}.login-header h1{font-size:28px}}.sidebar{--sidebar-bg:#184f4a;--sidebar-text:#ffffffc7;--sidebar-text-strong:#fff;--sidebar-hover:#ffffff14;--sidebar-active-bg:#ed883829;--sidebar-active-border:var(--primary-color);--sidebar-divider:#ffffff1f;background:var(--sidebar-bg);width:240px;height:100%;max-height:100dvh;color:var(--sidebar-text-strong);border-right:1px solid #0000001f;flex-direction:column;flex-shrink:0;transition:width .22s,border-right-width .22s;display:flex;overflow:hidden}.sidebar-brand{height:var(--topbar-height);min-height:var(--topbar-height);border-bottom:1px solid var(--sidebar-divider);box-sizing:border-box;flex-shrink:0;align-items:center;gap:12px;padding:0 12px 0 22px;display:flex}.sidebar-brand-logo{object-fit:contain;flex-shrink:0;width:36px;height:36px;display:block}.sidebar-brand-meta{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.sidebar-brand-kicker{text-transform:uppercase;letter-spacing:.14em;color:#ffffff8c;font-size:11px;font-weight:600}.sidebar-brand-text{letter-spacing:.01em;color:var(--sidebar-text-strong);font-size:15px;font-weight:600;line-height:1.2}.sidebar-toggle{color:#ffffffb8;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;margin-left:auto;padding:0;transition:background-color .15s,color .15s;display:inline-flex}.sidebar-toggle:hover,.sidebar-toggle:focus-visible{background:var(--sidebar-hover);color:var(--sidebar-text-strong);outline:none}.sidebar--closed{pointer-events:none;border-right-width:0;width:0}.sidebar-nav{flex:1;padding:18px 12px;overflow:hidden auto}.sidebar-nav-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.sidebar-nav-item{text-align:left;width:100%;color:var(--sidebar-text);letter-spacing:.01em;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:12px;padding:11px 14px 11px 16px;font-size:13.5px;font-weight:500;text-decoration:none;transition:background-color .15s,color .15s;display:inline-flex;position:relative}.sidebar-nav-item:before{content:"";background:0 0;border-radius:0 2px 2px 0;width:3px;transition:background-color .15s;position:absolute;top:8px;bottom:8px;left:0}.sidebar-nav-icon{opacity:.75;flex-shrink:0}.sidebar-nav-item.active .sidebar-nav-icon,.sidebar-nav-item:hover .sidebar-nav-icon{opacity:1}.sidebar-nav-label{line-height:1.25}.sidebar-nav-item:hover,.sidebar-nav-item:focus-visible{background-color:var(--sidebar-hover);color:var(--sidebar-text-strong);outline:none}.sidebar-nav-item.active{background-color:var(--sidebar-active-bg);color:var(--sidebar-text-strong);font-weight:600}.sidebar-nav-item.active:before{background:var(--sidebar-active-border)}.sidebar-footer{border-top:1px solid var(--sidebar-divider);padding:12px 12px 18px}.sidebar-profile-item{margin-top:0}.sidebar-nav-profile-mobile{display:none}@media (width<=768px){.sidebar{z-index:1000;pointer-events:auto;border-top:1px solid #0000001f;border-right:none;flex-direction:column;width:100%;height:auto;min-height:auto;position:fixed;inset:auto 0 0;box-shadow:0 -2px 12px #0000001a}.sidebar--closed{pointer-events:auto;border-right-width:0;width:100%}.sidebar-brand,.sidebar-toggle,.sidebar-footer{display:none}.sidebar-nav-profile-mobile{display:list-item}.sidebar-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x proximity;flex:none;width:100%;padding:10px 0;overflow:auto hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 16px calc(100% - 16px),#0000);mask-image:linear-gradient(90deg,#0000,#000 16px calc(100% - 16px),#0000)}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-nav-list{flex-flow:row;gap:4px;width:max-content;min-width:100%;padding:0 16px}.sidebar-nav-list li{scroll-snap-align:center;flex-shrink:0}.sidebar-nav-item{white-space:nowrap;text-align:center;border-radius:4px;flex-direction:column;gap:4px;width:auto;min-width:64px;padding:8px 12px;font-size:11px}.sidebar-nav-item:before{border-radius:2px 2px 0 0;width:auto;height:2px;inset:auto 10px 0}.sidebar-nav-icon{width:20px;height:20px}.sidebar-nav-label{text-overflow:ellipsis;max-width:72px;overflow:hidden}}.studio-live-banner{flex-shrink:0;margin:16px 32px 0}.studio-live-banner-card{color:#1e3a8a;background:#eff6ff;border:1px solid #93c5fd;border-radius:10px;align-items:flex-start;gap:12px;padding:12px 16px;text-decoration:none;transition:background-color .15s,border-color .15s;display:flex}.studio-live-banner-card:hover{background:#dbeafe;border-color:#60a5fa}.studio-live-banner-dot{background:#2563eb;border-radius:999px;flex-shrink:0;width:10px;height:10px;margin-top:5px;animation:1.2s ease-in-out infinite studio-live-pulse}.studio-live-banner-card svg{color:#1d4ed8;flex-shrink:0;margin-top:1px}.studio-live-banner-copy{flex:1;min-width:0}.studio-live-banner-copy strong{color:#1e3a8a;margin-bottom:2px;font-size:14px;font-weight:700;display:block}.studio-live-banner-copy p{color:#1d4ed8;margin:0;font-size:13px;line-height:1.45}.studio-live-banner-link{color:#1d4ed8;text-underline-offset:2px;flex-shrink:0;align-self:center;font-size:12px;font-weight:600;text-decoration:underline}@keyframes studio-live-pulse{0%,to{box-shadow:0 0 #2563eb73}50%{box-shadow:0 0 0 6px #2563eb00}}@media (width<=768px){.studio-live-banner{margin:12px 16px 0}.studio-live-banner-card{flex-wrap:wrap}.studio-live-banner-link{width:100%;margin-left:34px}}.app-layout{flex:1;width:100%;height:100%;min-height:0;max-height:100dvh;display:flex;overflow:hidden}.app-main{background:#f1f5f9;flex-direction:column;flex:1;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.app-header{z-index:50;height:var(--topbar-height);min-height:var(--topbar-height);color:#fff;flex-shrink:0;position:relative;overflow:hidden;box-shadow:0 4px 20px #0f172a1a}.app-main-top{z-index:50;flex-shrink:0}.app-header-bg{background:linear-gradient(115deg,#134e4a 0%,#1a6b63 32%,#c4722a 72%,#ed8838 100%) 0 0/180% 180%;animation:18s ease-in-out infinite headerGradientShift;position:absolute;inset:0}.app-header-bg:after{content:"";pointer-events:none;background:linear-gradient(#ffffff14 0%,#0000 42%,#00000014 100%);position:absolute;inset:0}.app-header-orb{filter:blur(56px);opacity:.32;pointer-events:none;border-radius:50%;position:absolute}.app-header-orb-1{background:#ed8838;width:200px;height:200px;animation:14s ease-in-out infinite headerOrbFloat;top:-100px;right:10%}.app-header-orb-2{opacity:.22;background:#2dd4bf;width:140px;height:140px;animation:16s ease-in-out infinite reverse headerOrbFloat;bottom:-60px;left:30%}.app-header-orb-3{opacity:.14;background:#fff;width:100px;height:100px;animation:12s ease-in-out 1.2s infinite headerOrbFloat;top:24%;left:-24px}.app-header-content{z-index:1;box-sizing:border-box;justify-content:space-between;align-items:center;gap:24px;height:100%;padding:0 32px;display:flex;position:relative}.app-header-info{min-width:0}.app-header-page{align-items:center;gap:16px;animation:.35s ease-out headerPageIn;display:flex}.sidebar-open-button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff24;border:1px solid #ffffff38;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:background-color .15s,border-color .15s;display:inline-flex}.sidebar-open-button:hover,.sidebar-open-button:focus-visible{background:#ffffff38;border-color:#ffffff59;outline:none}.app-header-page-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff24;border:1px solid #ffffff38;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex;box-shadow:0 4px 16px #0000001a}.app-header-breadcrumb{color:#ffffffad;text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:6px;margin-bottom:3px;font-size:11px;font-weight:600;display:inline-flex}.app-header-title{letter-spacing:-.025em;text-shadow:0 1px 2px #00000014;margin:0;font-size:24px;font-weight:700;line-height:1.15}.app-header-greeting{color:#ffffffc7;margin:5px 0 0;font-size:13px;font-weight:400}.app-header-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.app-header-user-chip{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1f;border:1px solid #fff3;border-radius:999px;align-items:center;gap:12px;padding:7px 14px 7px 7px;display:flex;box-shadow:0 2px 10px #0000000f}.app-header-avatar{color:#155a54;letter-spacing:.03em;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 1px 4px #0000001a}.app-header-user-meta{flex-direction:column;gap:3px;min-width:0;display:flex}.app-header-user-name{white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:13px;font-weight:600;overflow:hidden}.app-header-user-role{text-transform:uppercase;letter-spacing:.06em;color:#fff7ed;background:#ed883866;border:1px solid #ffffff38;border-radius:999px;width:fit-content;padding:2px 8px;font-size:9px;font-weight:700;display:inline-block}.logout-button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border:1px solid #ffffff47;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;transition:background-color .2s,border-color .2s,transform .2s,box-shadow .2s;display:inline-flex}.logout-button:hover{background:#ffffff38;border-color:#fff6;transform:translateY(-1px);box-shadow:0 6px 16px #0000001f}.logout-button:active{transform:translateY(0)}.app-content{flex:1;min-height:0;padding:28px 32px 32px;overflow:hidden auto}.layout-loading{min-height:100vh;color:var(--secondary-color);flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:15px;font-weight:500;display:flex}.layout-loading-spinner{border:3px solid #1e736b26;border-top-color:var(--primary-color);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite layoutSpin}.layout-error{color:#b91c1c;background-color:#fef2f2;border:1px solid #fecaca;border-radius:10px;flex-shrink:0;margin:16px 32px 0;padding:12px 16px;font-size:13px}.layout-success{color:#047857;background-color:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;flex-shrink:0;margin:16px 32px 0;padding:12px 16px;font-size:13px}.layout-email-verify-banner{color:#9a3412;background-color:#fff7ed;border:1px solid #fed7aa;border-radius:10px;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;margin:16px 32px 0;padding:12px 16px;font-size:13px;display:flex}.layout-email-verify-banner-content{align-items:flex-start;gap:10px;min-width:0;display:flex}.layout-email-verify-banner-content p{margin:0;line-height:1.5}.layout-email-verify-banner-link{color:#c2410c;text-underline-offset:2px;font-weight:600;text-decoration:underline}.layout-email-verify-banner-link:hover{color:#9a3412}.layout-email-verify-banner-dismiss{color:#c2410c;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex}.layout-email-verify-banner-dismiss:hover{background-color:#c2410c14}@keyframes headerGradientShift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes headerOrbFloat{0%,to{transform:translate(0)scale(1)}50%{transform:translate(8px,-6px)scale(1.04)}}@keyframes headerPageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes layoutSpin{to{transform:rotate(360deg)}}@media (width<=768px){:root{--topbar-height:auto}.app-layout{flex-direction:row}.sidebar-open-button{display:none}.app-main{width:100%;padding-bottom:64px}.app-header{height:auto;min-height:unset}.app-header-content{flex-direction:column;align-items:stretch;gap:16px;height:auto;padding:18px 20px}.app-header-page{align-items:flex-start}.app-header-title{font-size:22px}.app-header-actions{justify-content:space-between;width:100%}.app-header-user-chip{flex:1;min-width:0}.app-header-user-name{max-width:120px}.logout-button{flex-shrink:0}.app-content{padding:20px}.layout-error,.layout-success,.layout-email-verify-banner{margin:16px 20px 0}}@media (width<=480px){.app-header-greeting{display:none}.app-header-breadcrumb{font-size:10px}}.form-modal-backdrop{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a73;justify-content:center;align-items:flex-start;padding:32px 24px;animation:.2s ease-out formModalBackdropIn;display:flex;position:fixed;inset:0;overflow-y:auto}.form-modal{background:#fff;border:1px solid #0f172a14;border-radius:12px;flex-direction:column;width:100%;max-height:calc(100vh - 64px);margin:auto;animation:.25s ease-out formModalPanelIn;display:flex;overflow:hidden;box-shadow:0 24px 48px #0f172a2e,0 8px 16px #0f172a14}.form-modal-sm{max-width:480px}.form-modal-md{max-width:640px}.form-modal-lg{max-width:720px}.form-modal-xl{max-width:960px}.form-modal-header{background:#fafafa;border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 22px;display:flex}.form-modal-header h2{color:#111827;letter-spacing:-.02em;margin:0;font-size:18px;font-weight:650}.form-modal-subtitle{color:#6b7280;margin:4px 0 0;font-size:13px;line-height:1.45}.form-modal-close{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.form-modal-close:hover:not(:disabled){color:#111827;background:#f3f4f6;border-color:#d1d5db}.form-modal-close:disabled{opacity:.5;cursor:not-allowed}.form-modal .department-alert{flex-shrink:0;margin:14px 22px 0}.form-modal-body{scrollbar-gutter:stable;background:#fff;flex:auto;min-height:0;padding:20px 22px;overflow-y:auto}.form-modal-footer{background:#fafafa;border-top:1px solid #e5e7eb;flex-shrink:0;padding:14px 22px}.form-modal-footer .department-form-actions{border:none;flex-wrap:wrap;gap:10px;margin:0;padding:0;display:flex}.form-modal-body .department-form{margin:0}.form-modal-body .department-form-actions{z-index:2;background:#fafafa;border-top:1px solid #e5e7eb;margin:12px -22px -20px;padding:14px 22px;position:sticky;bottom:-20px;box-shadow:0 -6px 16px #0f172a0a}.form-modal-has-footer .form-modal-body .department-form-actions{box-shadow:none;background:0 0;border:none;margin:0;padding:0;position:static}@keyframes formModalBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes formModalPanelIn{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=640px){.form-modal-backdrop{align-items:flex-end;padding:0}.form-modal{border-radius:14px 14px 0 0;max-width:100%;max-height:min(94vh,100dvh);margin:0}.form-modal-header,.form-modal-body{padding:16px 18px}.form-modal-footer{padding:12px 18px calc(12px + env(safe-area-inset-bottom,0px))}.form-modal .department-alert{margin-left:18px;margin-right:18px}.form-modal-body .department-form-actions{padding:12px 18px calc(12px + env(safe-area-inset-bottom,0px));margin-bottom:-16px;margin-left:-18px;margin-right:-18px}.form-modal-footer .department-form-actions,.form-modal-body .department-form-actions{flex-direction:column}.form-modal-footer .department-form-actions .department-btn,.form-modal-body .department-form-actions .department-btn{width:100%}}.department-page{flex-direction:column;gap:20px;width:100%;min-width:0;max-width:1100px;display:flex}.department-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.department-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:12px;min-width:0;padding:14px 16px;display:flex}.department-stat-icon{color:#4b5563;background:#f3f4f6;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.department-stat-icon-primary{color:var(--primary-color);background:#ed88381f}.department-stat-icon-secondary{color:var(--secondary-color);background:#1e736b1f}.department-stat-label{color:#6b7280;margin:0;font-size:12px;font-weight:600;line-height:1.3}.department-stat-value{color:#111827;letter-spacing:-.02em;margin:2px 0 0;font-size:22px;font-weight:700;line-height:1.2}.department-list-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:100%;min-width:0;padding:24px 28px;overflow:hidden}.department-form-card{background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:24px;padding:24px}.department-form-inline{animation:.3s ease-out departmentFormSlide}@keyframes departmentFormSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.department-form-card h2,.department-list-card h2{color:#111827;letter-spacing:-.02em;margin:0;font-size:20px;font-weight:650}.department-list-subtitle,.department-form-subtitle{color:#6b7280;margin:4px 0 0;font-size:13px}.department-list-title{flex-direction:column;gap:2px;min-width:0;display:flex}.department-list-title-icon{display:none}.department-list-header,.department-form-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.department-header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.department-toolbar{flex-wrap:wrap;align-items:center;gap:12px;width:100%;min-width:0;margin-bottom:16px;display:flex}.department-search{color:#9ca3af;background:#fff;border:1px solid #d1d5db;border-radius:6px;flex:200px;align-items:center;gap:10px;width:100%;min-width:0;max-width:100%;height:40px;padding:0 12px;transition:border-color .15s;display:flex}.department-search:focus-within{border-color:var(--secondary-color);color:var(--secondary-color)}.department-search input{color:#111827;background:0 0;border:none;outline:none;flex:1;width:100%;min-width:0;font-size:14px}.department-search input[type=search]{appearance:none}.department-search input[type=search]::-webkit-search-decoration{appearance:none}.department-search input[type=search]::-webkit-search-cancel-button{appearance:none}.department-search input::placeholder{color:#9ca3af}.department-filter-select{color:#0f172a;min-width:180px;height:44px;font:inherit;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:0 14px;font-size:14px}.department-filter-select:focus{border-color:var(--secondary-color);outline:none;box-shadow:0 0 0 3px #1e736b1f}.department-filter-select:disabled{opacity:.7;cursor:not-allowed}.department-field-hint{color:#64748b;margin-top:6px;font-size:12px;line-height:1.4;display:block}.department-btn-close{color:#666;cursor:pointer;background:#f0f2f5;border:none;border-radius:8px;width:36px;height:36px;font-size:22px;line-height:1;transition:background-color .2s}.department-btn-close:hover{color:#333;background:#e0e2e6}.department-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.department-form .form-group{flex-direction:column;gap:6px;display:flex}.department-form .form-group.full-width{grid-column:1/-1}.department-form .form-help-text{color:#64748b;margin:0;font-size:12px;font-weight:500;line-height:1.4}.department-form label{color:#555;font-size:13px;font-weight:600}.department-form input,.department-form select,.department-form textarea{border:1px solid var(--border-color);border-radius:8px;padding:10px 12px;font-size:14px;transition:border-color .2s}.department-form input:focus,.department-form select:focus,.department-form textarea:focus{border-color:var(--primary-color);outline:none}.department-form textarea{resize:vertical;min-height:72px;max-height:160px}.department-form-actions{grid-column:1/-1;gap:12px;margin-top:4px;display:flex}.department-leave-quota-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;grid-column:1/-1;gap:14px;margin-top:8px;padding:16px;display:flex}.department-leave-quota-header h3{color:#111827;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:650;display:inline-flex}.department-leave-quota-header p{color:#6b7280;margin:6px 0 0;font-size:13px;line-height:1.45}.department-leave-quota-warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;margin:0;padding:10px 12px;font-size:13px;line-height:1.45}.department-leave-quota-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.department-leave-quota-fields .form-group{flex-direction:column;gap:6px;display:flex}.department-leave-quota-fields label{color:#555;font-size:13px;font-weight:600}.department-leave-quota-fields input{border:1px solid var(--border-color);border-radius:8px;padding:10px 12px;font-size:14px}.department-leave-quota-fields input:focus{border-color:var(--primary-color);outline:none}.department-leave-quota-actions{gap:12px;display:flex}.department-leave-quota-section .department-alert{margin-bottom:0}.department-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:13px;font-weight:600;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.department-btn:disabled{opacity:.6;cursor:not-allowed}.department-btn-primary{background:var(--primary-color);color:#fff}.department-btn-primary:hover:not(:disabled){background:#e07a2f}.department-btn-secondary{color:#374151;background:#fff;border:1px solid #d1d5db}.department-btn-secondary:hover:not(:disabled){background:#f9fafb}.department-btn-ghost{color:#4b5563;background:#fff;border:1px solid #d1d5db;padding:9px 11px}.department-btn-ghost:hover:not(:disabled){color:var(--secondary-color);background:#f9fafb;border-color:#9ca3af}.department-btn-icon{gap:6px}.department-alert{border-radius:10px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:13px;display:flex}.department-page-alerts{gap:12px;margin:0 24px 16px;display:grid}.department-page-alerts .department-alert{margin-bottom:0}.department-delete-copy{color:#475569;margin:0 0 20px;line-height:1.5}.department-alert-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.department-alert-success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.department-table-wrap{-webkit-overflow-scrolling:touch;scrollbar-gutter:auto;background:#fff;border:1px solid #134e4a;border-radius:8px;width:100%;max-width:100%;overflow-x:auto}.department-table{border-collapse:separate;border-spacing:0;table-layout:auto;width:100%;font-size:14px}.department-table th,.department-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #e2e8f0;padding:13px 16px}.department-table thead{background:#134e4a}.department-table th{text-transform:uppercase;letter-spacing:.06em;color:#fff;white-space:nowrap;background:#134e4a;border-bottom:1px solid #0f3f3c;font-size:11px;font-weight:700}.department-table thead th:first-child{border-top-left-radius:7px}.department-table thead th:last-child{border-top-right-radius:7px}.department-table tbody tr:nth-child(odd){background:#fff}.department-table tbody tr:nth-child(2n){background:#f0fdfa}.department-table tbody tr{transition:background-color .12s}.department-table tbody tr:hover{background:#ecfdf5}.department-table tbody tr:last-child td{border-bottom:none}.department-table tbody tr:last-child td:first-child{border-bottom-left-radius:7px}.department-table tbody tr:last-child td:last-child{border-bottom-right-radius:7px}.department-name-cell{white-space:nowrap;flex-direction:column;align-items:flex-start;gap:4px;display:flex}.department-cell-nowrap{white-space:nowrap}.department-name-text{color:#0f172a;font-weight:600}.department-avatar{display:none}.department-desc-cell{color:#6b7280;max-width:220px;line-height:1.45}.department-desc-cell.department-cell-nowrap{max-width:none}.department-muted,.department-muted-text{color:#475569;font-size:13px}.department-leverage{color:var(--primary-color);white-space:nowrap;background:#ed88381f;border-radius:999px;align-items:center;gap:0;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.department-code{color:var(--secondary-color);letter-spacing:.04em;text-transform:uppercase;background:#1e736b1a;border:none;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.department-btn-danger{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:background-color .15s;display:inline-flex}.department-btn-danger:hover:not(:disabled){background:#fee2e2}.department-description-col{width:45%;max-width:0}.department-description-text{white-space:nowrap;text-overflow:ellipsis;min-width:0;display:block;overflow:hidden}.department-description-full{white-space:pre-wrap;word-break:break-word;color:#374151;margin:0;line-height:1.6}.department-detail-value{color:#111827;margin:0;font-size:14px;font-weight:600}.department-row-actions{align-items:center;gap:6px;display:inline-flex}.department-action-btn{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d1d5db;border-radius:6px;justify-content:center;align-items:center;gap:5px;height:30px;padding:0 10px;font-size:12px;font-weight:600;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex}.department-action-btn:hover:not(:disabled){color:var(--secondary-color);background:#1e736b14;border-color:#1e736b59}.department-action-btn-danger{color:#dc2626;background:#fef2f2;border-color:#fecaca}.department-action-btn-danger:hover:not(:disabled){color:#b91c1c;background:#fee2e2;border-color:#fca5a5}.department-action-btn:disabled{opacity:.5;cursor:not-allowed}.department-icon-btn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex}.department-icon-btn:hover:not(:disabled){color:var(--secondary-color);background:#1e736b1a;border-color:#1e736b33}.department-icon-btn-danger:hover:not(:disabled){color:#dc2626;background:#fef2f2;border-color:#fecaca}.department-icon-btn:disabled{opacity:.5;cursor:not-allowed}.department-state{text-align:center;background:#f8fafc;border:1px dashed #e2e8f0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.department-state-icon{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:16px;display:inline-flex}.department-state-empty .department-state-icon{color:var(--secondary-color);background:#1e736b1a}.department-state-error .department-state-icon{color:#dc2626;background:#fef2f2}.department-state h3{color:#0f172a;margin:0 0 8px;font-size:18px;font-weight:700}.department-state p{color:#64748b;max-width:360px;margin:0 0 20px;font-size:14px;line-height:1.5}.department-skeleton-wrap{flex-direction:column;gap:10px;padding:8px 0;display:flex}.department-skeleton-row{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;border-radius:10px;height:52px;animation:1.4s ease-in-out infinite departmentShimmer}@keyframes departmentShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.department-empty{text-align:center;color:#888;padding:32px}.department-loading{text-align:center;color:#666;padding:24px}.department-filters{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:20px;display:flex}.department-filters-modern{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.department-filter-clear{align-self:flex-end;margin-bottom:2px}.department-badge{letter-spacing:.02em;border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.department-badge-yes{color:var(--secondary-color);background:#1e736b1a}.department-badge-no{color:#64748b;background:#f1f5f9}.assignment-schedule-pill{color:#475569;white-space:nowrap;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:500;display:inline-flex}.employee-email-cell{color:#475569;align-items:center;gap:6px;font-size:13px;display:inline-flex}.role-permission-pill{color:var(--secondary-color);white-space:nowrap;background:#1e736b1a;border:1px solid #1e736b26;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.role-created-by{color:#475569;white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:inline-flex}.department-filters .form-group{flex-direction:column;gap:6px;min-width:160px;display:flex}.department-filters .form-group.flex-grow{flex:1;min-width:220px}.department-filters label{color:#555;font-size:13px;font-weight:600}.department-filters select{border:1px solid var(--border-color);border-radius:8px;padding:10px 12px;font-size:14px}.department-checkbox-label{cursor:pointer;align-items:center;gap:.5rem;font-weight:500;display:flex}.department-table-actions{white-space:nowrap;align-items:center;gap:8px;width:1%;display:inline-flex}.department-btn-sm{padding:.35rem .75rem;font-size:.85rem}.role-permissions-section{margin-top:4px}.role-permissions-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.role-permissions-header label{color:#555;font-size:13px;font-weight:600}.role-permissions-count{color:#888;font-size:12px}.role-permissions-grid{border:1px solid var(--border-color);background:#fff;border-radius:8px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;max-height:320px;padding:12px;display:grid;overflow-y:auto}.role-permissions-group{background:#fafafa;border:1px solid #eee;border-radius:8px;padding:10px}.role-permissions-group-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-size:13px;display:flex}.role-permissions-list{flex-direction:column;gap:6px;display:flex}.role-permissions-list .department-checkbox-label{color:#444;font-size:12px;font-weight:400}.role-permissions-list .department-checkbox-label.is-disabled{opacity:.55;cursor:not-allowed}.role-permissions-hint{color:#64748b;margin:0 0 8px;font-size:12px;line-height:1.45}.role-protected-pill{color:#b45309;white-space:nowrap;background:#b453091f;border:1px solid #b4530938;border-radius:999px;align-items:center;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.assignment-week-schedule{background:#fff;border:1px solid #e8eaed;border-radius:10px;flex-direction:column;gap:8px;padding:16px;display:flex}.assignment-week-schedule-header,.assignment-week-schedule-row{grid-template-columns:120px 80px 1fr 1fr;align-items:center;gap:12px;display:grid}.assignment-week-schedule-header{color:#666;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #e8eaed;padding-bottom:8px;font-size:12px;font-weight:600}.assignment-week-day{color:var(--text-dark);font-weight:600}.assignment-week-off{color:#555;cursor:pointer;align-items:center;gap:6px;font-size:13px;display:inline-flex}.assignment-week-schedule-row input[type=time]{background:#fff;border:1px solid #d0d5dd;border-radius:8px;width:100%;padding:10px 12px;font-size:14px}.assignment-week-schedule-row input[type=time]:disabled{color:#9ca3af;cursor:not-allowed;background:#f3f4f6}.assignment-detail-panel{gap:24px;display:grid}.assignment-detail-hero{background:linear-gradient(135deg,#1e736b14 0%,#ed88380f 100%);border:1px solid #1e736b1f;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px;display:flex}.assignment-detail-hero-main{align-items:center;gap:14px;min-width:0;display:flex}.assignment-detail-avatar{background:linear-gradient(145deg, var(--secondary-color), #0d9488);color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:20px;font-weight:700;display:inline-flex;box-shadow:0 8px 20px #1e736b38}.assignment-detail-hero-copy h3{color:#0f172a;margin:0 0 4px;font-size:18px;font-weight:700;line-height:1.3}.assignment-detail-hero-copy p{color:#64748b;margin:0;font-size:13px;line-height:1.4}.assignment-detail-hero-badges{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.assignment-detail-role-badge{border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.assignment-detail-role-badge-primary{color:var(--primary-color);background:#ed883824;border:1px solid #ed883838}.assignment-detail-role-badge-secondary{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0}.assignment-detail-schedule-chip{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.assignment-detail-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.assignment-detail-stat-card{border-radius:12px;min-width:0;padding:16px;box-shadow:0 1px 3px #0f172a0d}.assignment-detail-stat-copy{flex:1;min-width:0}.assignment-detail-stat-copy .department-stat-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.assignment-detail-stat-copy .department-stat-value{font-size:24px}.assignment-detail-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.assignment-detail-card{background:#fafafa;border:1px solid #eef2f6;border-radius:14px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.assignment-detail-card-icon{width:34px;height:34px;color:var(--secondary-color);background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.assignment-detail-card-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.assignment-detail-card-value{color:#0f172a;word-break:break-word;font-size:14px;font-weight:600;line-height:1.4;display:block}.assignment-detail-section{gap:12px;display:grid}.assignment-detail-section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.assignment-detail-section-head h3{color:#0f172a;margin:0;font-size:15px;font-weight:700}.assignment-detail-section-note{color:#64748b;font-size:12px;font-weight:500}.assignment-schedule-table{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden}.assignment-schedule-table-header,.assignment-schedule-table-row{grid-template-columns:minmax(130px,1.4fr) minmax(90px,1fr) minmax(90px,1fr) minmax(90px,1fr) 56px;align-items:center;gap:10px;padding:0 16px;display:grid}.assignment-schedule-table-header{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;background:#f8fafc;border-bottom:1px solid #e2e8f0;min-height:40px;font-size:11px;font-weight:700}.assignment-schedule-table-row{border-bottom:1px solid #f1f5f9;min-height:52px}.assignment-schedule-table-row:last-child{border-bottom:none}.assignment-schedule-table-row-off{background:#fafbfc}.assignment-schedule-day{align-items:center;gap:10px;min-width:0;display:flex}.assignment-schedule-day-badge{width:34px;height:34px;color:var(--secondary-color);background:#1e736b1f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:inline-flex}.assignment-schedule-day-badge-off{color:#94a3b8;background:#f1f5f9}.assignment-schedule-day-name{color:#0f172a;font-size:14px;font-weight:600}.assignment-schedule-table-row-off .assignment-schedule-day-name{color:#94a3b8}.assignment-schedule-status{border-radius:999px;width:fit-content;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.assignment-schedule-status-working{color:var(--secondary-color);background:#1e736b1f}.assignment-schedule-status-off{color:#94a3b8;background:#f1f5f9}.assignment-schedule-time,.assignment-schedule-hours{color:#334155;font-size:13px;font-weight:500}.assignment-schedule-table-row-off .assignment-schedule-time,.assignment-schedule-table-row-off .assignment-schedule-hours{color:#cbd5e1}.assignment-schedule-hours{color:var(--secondary-color);font-weight:700}@media (width<=720px){.assignment-detail-stats,.assignment-detail-cards{grid-template-columns:1fr}.assignment-schedule-table-header{display:none}.assignment-schedule-table-row{grid-template-columns:1fr 1fr;gap:8px 12px;padding:14px 16px}.assignment-schedule-day,.assignment-schedule-status{grid-column:1/-1}}@media (width<=520px){.assignment-detail-hero{padding:16px}.assignment-detail-hero-badges{width:100%}}@media (width<=768px){.department-list-card{padding:16px}.department-list-header{flex-direction:column;align-items:stretch}.department-header-actions{width:100%}.department-header-actions .department-btn-primary{flex:1}.department-list-header .department-btn-primary{width:auto}.department-toolbar{flex-direction:column;align-items:stretch}.department-search{flex:auto;width:100%;min-width:0;max-width:100%}.department-form,.department-leave-quota-fields{grid-template-columns:1fr}.assignment-week-schedule-header{display:none}.assignment-week-schedule-row{border:1px solid #e8eaed;border-radius:8px;grid-template-columns:1fr;padding:12px}}.employee-header-actions{flex-wrap:wrap;gap:.5rem;display:flex}.employee-import-file-name{color:#0f766e;align-items:center;gap:.35rem;margin:.5rem 0 0;font-size:.8125rem;display:inline-flex}.employee-detail-role-badge{color:var(--secondary-color);background:#1e736b1f;border:1px solid #1e736b2e;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.employee-detail-stat-text{word-break:break-word;line-height:1.25;font-size:16px!important}.employee-detail-address{color:var(--secondary-color);background:#fafafa;border:1px solid #eef2f6;border-radius:14px;align-items:flex-start;gap:10px;padding:14px 16px;display:flex}.employee-detail-address p{color:#334155;word-break:break-word;margin:0;font-size:14px;line-height:1.5}.department-detail-panel{gap:24px;display:grid}.department-detail-hero{background:linear-gradient(135deg,#1e736b14 0%,#ed88380f 100%);border:1px solid #1e736b1f;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px;display:flex}.department-detail-hero-main{align-items:center;gap:14px;min-width:0;display:flex}.department-detail-avatar{background:linear-gradient(145deg, var(--secondary-color), #0d9488);color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:20px;font-weight:700;display:inline-flex;box-shadow:0 8px 20px #1e736b38}.department-detail-hero-copy h3{color:#0f172a;margin:0 0 4px;font-size:18px;font-weight:700;line-height:1.3}.department-detail-hero-copy p{color:#64748b;margin:0;font-size:13px;line-height:1.45}.department-detail-hero-badges{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.department-detail-code-badge{color:var(--primary-color);letter-spacing:.03em;background:#ed883824;border:1px solid #ed883838;border-radius:999px;align-items:center;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.department-detail-leverage-chip{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.department-detail-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.department-detail-stat-card{border-radius:12px;min-width:0;padding:16px;box-shadow:0 1px 3px #0f172a0d}.department-detail-stat-copy{flex:1;min-width:0}.department-detail-stat-copy .department-stat-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.department-detail-stat-copy .department-stat-value{font-size:24px}.department-detail-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.department-detail-card{background:#fafafa;border:1px solid #eef2f6;border-radius:14px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.department-detail-card-icon{width:34px;height:34px;color:var(--secondary-color);background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.department-detail-card-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.department-detail-card-value{color:#0f172a;word-break:break-word;font-size:14px;font-weight:600;line-height:1.4;display:block}.department-detail-section{gap:12px;display:grid}.department-detail-section-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.department-detail-section-head h3{color:#0f172a;margin:0;font-size:15px;font-weight:700}.department-detail-section-count{min-width:28px;height:28px;color:var(--secondary-color);background:#1e736b1a;border-radius:999px;justify-content:center;align-items:center;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex}.department-detail-empty-state{color:#94a3b8;text-align:center;background:#f8fafc;border:1px dashed #e2e8f0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:28px 20px;display:flex}.department-detail-empty-state p{color:#64748b;margin:0;font-size:13px}.department-detail-list{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:8px;max-height:240px;margin:0;padding:8px;list-style:none;display:flex;overflow:auto}.department-detail-list li{color:#64748b;background:#fafafa;border:1px solid #eef2f6;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:.875rem;display:flex}.department-detail-list-main{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.department-detail-list-avatar{width:34px;height:34px;color:var(--secondary-color);background:#1e736b1f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.department-detail-list-copy{gap:2px;min-width:0;display:grid}.department-detail-list-title{color:#0f172a;word-break:break-word;font-weight:600;line-height:1.35}.department-detail-list-meta{color:#64748b;word-break:break-all;align-items:center;gap:5px;font-size:12px;display:inline-flex}.department-detail-list-side{color:#64748b;background:#f1f5f9;border-radius:999px;flex-shrink:0;padding:4px 10px;font-size:12px;font-weight:600}@media (width<=720px){.department-detail-stats,.department-detail-cards{grid-template-columns:1fr}.department-detail-hero-badges{width:100%}}.employee-page{gap:18px;max-width:1180px}.employee-hero{color:#fff;background:linear-gradient(135deg,#1e736b 0%,#155e58 46%,#ed8838 130%);border-radius:18px;padding:26px 28px;position:relative;overflow:hidden;box-shadow:0 16px 40px #1e736b33}.employee-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 88% 12%,#ffffff2e 0%,#0000 42%),radial-gradient(circle at 10% 90%,#ed88384d 0%,#0000 40%);position:absolute;inset:0}.employee-hero-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex;position:relative}.employee-hero-copy{align-items:center;gap:16px;min-width:0;display:flex}.employee-hero-icon{background:#ffffff29;border:1px solid #ffffff47;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;display:inline-flex}.employee-hero-kicker{letter-spacing:.08em;text-transform:uppercase;color:#ffffffb8;margin:0 0 4px;font-size:11px;font-weight:700}.employee-hero-text h2{letter-spacing:-.03em;margin:0 0 6px;font-size:26px;font-weight:800}.employee-hero-text p{color:#ffffffdb;max-width:540px;margin:0;font-size:14px;line-height:1.5}.employee-hero-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.employee-hero-btn{color:#fff;min-height:42px;font:inherit;cursor:pointer;background:#ffffff24;border:1px solid #ffffff47;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.employee-hero-btn:hover:not(:disabled){background:#ffffff38}.employee-hero-btn:disabled{opacity:.6;cursor:not-allowed}.employee-hero-btn-primary{color:#155e58;background:#fff;border-color:#0000}.employee-hero-btn-primary:hover:not(:disabled){background:#f8fafc}@keyframes employee-spin{to{transform:rotate(360deg)}}.employee-spin{animation:.8s linear infinite employee-spin}.employee-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.employee-stat-card{text-align:left;width:100%;font:inherit;color:inherit;background:#fff;border:1px solid #e5e7eb;border-radius:14px;align-items:center;gap:12px;padding:14px 16px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}button.employee-stat-card{cursor:pointer}.employee-stat-card:hover{border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 8px 20px #0f172a0f}.employee-stat-card-static{cursor:default}.employee-stat-card-static:hover{box-shadow:none;border-color:#e5e7eb;transform:none}.employee-stat-card-active{box-shadow:0 10px 24px #1e736b1f}.employee-stat-card-total.employee-stat-card-active{background:linear-gradient(#fff 0%,#f8fafc 100%);border-color:#cbd5e1}.employee-stat-card-linked.employee-stat-card-active{background:#1e736b14;border-color:#1e736b47}.employee-stat-card-missing.employee-stat-card-active{background:#ed883814;border-color:#ed88384d}.employee-stat-icon-linked{color:var(--secondary-color);background:#1e736b1f}.employee-stat-icon-missing{color:var(--primary-color);background:#ed88381f}.employee-stat-icon-roles{color:#2563eb;background:#3b82f61f}.employee-stat-icon-total{color:#334155;background:#0f172a14}.employee-page .department-page-alerts{margin:0 0 16px}.employee-page .department-list-card{border:1px solid #e5e7eb;border-radius:16px;padding:22px 24px;box-shadow:0 8px 28px #0f172a0d}.employee-directory-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.employee-directory-title h2{letter-spacing:-.03em;color:#0f172a;margin:0;font-size:18px;font-weight:800}.employee-directory-title p{color:#64748b;margin:4px 0 0;font-size:13px}.employee-result-count{color:#475569;white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;flex-shrink:0;align-items:center;min-height:34px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.employee-page .department-toolbar{border-bottom:1px solid #eef2f7;gap:10px;margin-bottom:18px;padding-bottom:16px}.employee-page .department-search{background:#f8fafc;border-color:#e2e8f0;border-radius:12px;height:44px}.employee-page .department-search:focus-within{background:#fff}.employee-filter-wrap{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:8px;min-width:180px;height:44px;padding:0 12px;display:inline-flex}.employee-filter-wrap:focus-within{border-color:var(--secondary-color);color:var(--secondary-color);background:#fff;box-shadow:0 0 0 3px #1e736b1f}.employee-filter-wrap select{color:#0f172a;min-width:0;height:100%;font:inherit;cursor:pointer;background:0 0;border:none;flex:1;font-size:14px}.employee-filter-wrap select:focus{box-shadow:none;outline:none}.employee-filter-wrap select:disabled{opacity:.7;cursor:not-allowed}.employee-filter-chip{height:34px;color:var(--secondary-color);font:inherit;cursor:pointer;background:#1e736b14;border:1px solid #1e736b33;border-radius:999px;align-items:center;gap:6px;padding:0 10px 0 12px;font-size:12px;font-weight:700;display:inline-flex}.employee-filter-chip:hover{background:#1e736b24}.employee-page .department-avatar,.employee-page .employee-avatar{color:#fff;letter-spacing:.02em;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:800;display:inline-flex;box-shadow:0 6px 14px #0f172a1f}.employee-avatar-teal{background:linear-gradient(145deg,#1e736b,#0f766e)}.employee-avatar-orange{background:linear-gradient(145deg,#ed8838,#c2410c)}.employee-avatar-blue{background:linear-gradient(145deg,#2563eb,#1d4ed8)}.employee-avatar-violet{background:linear-gradient(145deg,#7c3aed,#6d28d9)}.employee-avatar-rose{background:linear-gradient(145deg,#e11d48,#be123c)}.employee-avatar-slate{background:linear-gradient(145deg,#475569,#334155)}.employee-name-cell{align-items:center;gap:12px;min-width:0;display:flex}.employee-name-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.employee-name-text{color:#0f172a;font-weight:700;line-height:1.25}.employee-name-email{color:#64748b;text-overflow:ellipsis;white-space:nowrap;max-width:260px;font-size:12px;line-height:1.3;overflow:hidden}.employee-meta-cell{color:#475569;align-items:center;gap:6px;font-size:13px;display:inline-flex}.employee-meta-cell svg{color:#94a3b8;flex-shrink:0}.employee-role-pill{color:var(--secondary-color);white-space:nowrap;background:#1e736b1a;border:1px solid #1e736b24;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.employee-bio-pill{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.employee-bio-pill.is-linked{color:var(--secondary-color);background:#1e736b1a;border:1px solid #1e736b29}.employee-bio-pill.is-missing{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;font-weight:600}.employee-page .department-table-wrap{border-radius:14px}.employee-page .department-table tbody tr.is-clickable{cursor:pointer}.employee-form-section{background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px;display:grid}.employee-form-section-title{letter-spacing:.04em;text-transform:uppercase;color:#475569;grid-column:1/-1;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:800;display:flex}.employee-form-section .form-group.full-width{grid-column:1/-1}.employee-import-panel{flex-direction:column;gap:16px;display:flex}.employee-import-note{color:#64748b;margin:0;font-size:.875rem;line-height:1.5}.employee-import-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.employee-import-step{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px}.employee-import-step span{width:22px;height:22px;color:var(--secondary-color);background:#1e736b1f;border-radius:999px;justify-content:center;align-items:center;margin-bottom:8px;font-size:11px;font-weight:800;display:inline-flex}.employee-import-step p{color:#334155;margin:0;font-size:12px;font-weight:650;line-height:1.4}.employee-import-dropzone{text-align:center;cursor:pointer;background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:22px 16px;transition:border-color .15s,background-color .15s;display:flex;position:relative;overflow:hidden}.employee-import-dropzone:hover,.employee-import-dropzone:focus-within{border-color:var(--secondary-color);background:#1e736b0a}.employee-import-dropzone.has-file{background:#1e736b0f;border-style:solid;border-color:#1e736b47}.employee-import-dropzone-icon{width:44px;height:44px;color:var(--secondary-color);background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.employee-import-dropzone strong{color:#0f172a;font-size:14px}.employee-import-dropzone p{color:#64748b;margin:0;font-size:12px}.employee-import-dropzone input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.employee-import-form{flex-direction:column;gap:.75rem;display:flex}.employee-import-file-name{color:#0f766e;align-items:center;gap:.35rem;margin:0;font-size:.8125rem;font-weight:650;display:inline-flex}.employee-import-result{color:#334155;white-space:pre-wrap;word-break:break-word;background:#0f172a0a;border-radius:10px;max-height:220px;margin:0;padding:.85rem 1rem;font-size:.8125rem;line-height:1.5;overflow:auto}.employee-delete-preview{background:#fef2f2;border:1px solid #fecaca;border-radius:14px;align-items:center;gap:12px;margin:0 0 18px;padding:12px;display:flex}.employee-delete-preview p{color:#7f1d1d;margin:0;line-height:1.45}.employee-page .department-state{background:#fff;border:1px dashed #dbe3ea;border-radius:14px}.employee-detail-panel .department-detail-avatar{box-shadow:0 10px 22px #0f172a29}@media (width<=980px){.employee-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-import-steps{grid-template-columns:1fr}}@media (width<=720px){.employee-hero{padding:20px}.employee-hero-text h2{font-size:22px}.employee-stats-grid{grid-template-columns:1fr}.employee-directory-header{flex-direction:column}.employee-form-section{grid-template-columns:1fr}}.role-page{gap:18px;max-width:1180px}.role-hero{color:#fff;background:linear-gradient(135deg,#1e736b 0%,#155e58 46%,#ed8838 130%);border-radius:18px;padding:26px 28px;position:relative;overflow:hidden;box-shadow:0 16px 40px #1e736b33}.role-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 88% 12%,#ffffff2e 0%,#0000 42%),radial-gradient(circle at 10% 90%,#ed88384d 0%,#0000 40%);position:absolute;inset:0}.role-hero-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex;position:relative}.role-hero-copy{align-items:center;gap:16px;min-width:0;display:flex}.role-hero-icon{background:#ffffff29;border:1px solid #ffffff47;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;display:inline-flex}.role-hero-kicker{letter-spacing:.08em;text-transform:uppercase;color:#ffffffb8;margin:0 0 4px;font-size:11px;font-weight:700}.role-hero-text h2{letter-spacing:-.03em;margin:0 0 6px;font-size:26px;font-weight:800}.role-hero-text p{color:#ffffffdb;max-width:540px;margin:0;font-size:14px;line-height:1.5}.role-hero-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.role-hero-btn{color:#155e58;min-height:42px;font:inherit;cursor:pointer;background:#fff;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.role-hero-btn:hover:not(:disabled){background:#f8fafc}.role-hero-btn:disabled{opacity:.6;cursor:not-allowed}@keyframes role-spin{to{transform:rotate(360deg)}}.role-spin{animation:.8s linear infinite role-spin}.role-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.role-stat{background:#fff;border:1px solid #e5e7eb;border-radius:14px;align-items:center;gap:12px;width:100%;padding:14px 16px;display:flex;box-shadow:0 8px 24px #0f172a0a}.role-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.role-stat-icon-total{color:#334155;background:#0f172a14}.role-stat-icon-keys{color:var(--secondary-color);background:#1e736b1f}.role-stat-icon-avg{color:#2563eb;background:#3b82f61f}.role-stat-icon-lock{color:var(--primary-color);background:#ed88381f}.role-stat-label{color:#6b7280;margin:0;font-size:12px;font-weight:600}.role-stat-value{color:#0f172a;letter-spacing:-.03em;margin:2px 0 0;font-size:22px;font-weight:800;line-height:1.2}.role-page .department-list-card{border:1px solid #e5e7eb;border-radius:16px;padding:22px 24px;box-shadow:0 8px 28px #0f172a0d}.role-directory{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.role-directory h2{letter-spacing:-.03em;color:#0f172a;margin:0;font-size:18px;font-weight:800}.role-directory p{color:#64748b;margin:4px 0 0;font-size:13px}.role-count{color:#475569;white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;flex-shrink:0;align-items:center;min-height:34px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.role-page .department-toolbar{border-bottom:1px solid #eef2f7;gap:10px;margin-bottom:18px;padding-bottom:16px}.role-page .department-search{background:#f8fafc;border-color:#e2e8f0;border-radius:12px;height:44px}.role-page .department-search:focus-within{background:#fff;box-shadow:0 0 0 3px #1e736b1f}.role-page .department-btn-ghost{background:#f8fafc;border-color:#e2e8f0;border-radius:12px;height:44px;padding:0 14px}.role-page .department-table-wrap{border-radius:14px;overflow-x:auto}.role-name-cell{align-items:center;gap:12px;min-width:0;display:flex}.role-avatar{color:#fff;letter-spacing:.02em;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:800;display:inline-flex;box-shadow:0 6px 14px #0f172a1f}.role-avatar-teal{background:linear-gradient(145deg,#1e736b,#0f766e)}.role-avatar-orange{background:linear-gradient(145deg,#ed8838,#c2410c)}.role-avatar-blue{background:linear-gradient(145deg,#2563eb,#1d4ed8)}.role-avatar-violet{background:linear-gradient(145deg,#7c3aed,#6d28d9)}.role-avatar-rose{background:linear-gradient(145deg,#e11d48,#be123c)}.role-avatar-slate{background:linear-gradient(145deg,#475569,#334155)}.role-name-copy{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:flex}.role-name-text{color:#0f172a;font-weight:700;line-height:1.25}.role-page .role-protected-pill{gap:4px;margin-left:0}.role-permissions-header .role-form-section-title{grid-column:auto;margin:0}.role-page .role-permission-pill{background:#1e736b1a;border-color:#1e736b29}.role-page .role-created-by{color:#475569}.role-page .role-created-by svg{color:#94a3b8}.role-desc-text{text-overflow:ellipsis;color:#475569;max-width:280px;overflow:hidden}.role-page .department-state{background:#fff;border:1px dashed #dbe3ea;border-radius:14px}.role-form-section{background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px;display:grid}.role-form-section-title{letter-spacing:.04em;text-transform:uppercase;color:#475569;grid-column:1/-1;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:800;display:flex}.role-form-section .form-group.full-width,.role-form-banner{grid-column:1/-1}.role-form-section input,.role-form-section select,.role-form-section textarea{background:#fff;border-radius:10px}.role-form-banner{color:#9a3412;background:#ed883814;border:1px solid #ed883833;border-radius:12px;margin:0;padding:12px 14px;font-size:13px;line-height:1.45}.role-form-section .role-permissions-header{margin-bottom:8px}.role-form-section .role-permissions-count{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.role-form-section .role-permissions-grid{background:#fff;border-color:#e2e8f0;border-radius:12px;max-height:360px;padding:12px}.role-form-section .role-permissions-group{background:#f8fafc;border-color:#e2e8f0;border-radius:12px;padding:12px}.role-form-section .role-permissions-group-header strong{color:#0f172a}@media (width<=980px){.role-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.role-form-section{grid-template-columns:1fr}}@media (width<=720px){.role-hero{padding:20px}.role-hero-text h2{font-size:22px}.role-stats{grid-template-columns:1fr}.role-directory{flex-direction:column}}.department-hub{gap:18px;max-width:1180px}.department-hub-hero{color:#fff;background:linear-gradient(135deg,#1e736b 0%,#155e58 48%,#ed8838 128%);border-radius:18px;padding:26px 28px;position:relative;overflow:hidden;box-shadow:0 16px 40px #1e736b33}.department-hub-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 88% 12%,#ffffff2e 0%,#0000 42%),radial-gradient(circle at 8% 92%,#ed883852 0%,#0000 40%);position:absolute;inset:0}.department-hub-hero-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex;position:relative}.department-hub-hero-copy{align-items:center;gap:16px;min-width:0;display:flex}.department-hub-hero-icon{background:#ffffff29;border:1px solid #ffffff47;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;display:inline-flex}.department-hub-kicker{letter-spacing:.08em;text-transform:uppercase;color:#ffffffb8;margin:0 0 4px;font-size:11px;font-weight:700}.department-hub-hero-text h2{letter-spacing:-.03em;margin:0 0 6px;font-size:26px;font-weight:800}.department-hub-hero-text p{color:#ffffffdb;max-width:540px;margin:0;font-size:14px;line-height:1.5}.department-hub-hero-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.department-hub-hero-btn{color:#fff;min-height:42px;font:inherit;cursor:pointer;background:#ffffff24;border:1px solid #ffffff47;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.department-hub-hero-btn:hover:not(:disabled){background:#ffffff38}.department-hub-hero-btn:disabled{opacity:.6;cursor:not-allowed}.department-hub-hero-btn-primary{color:#155e58;background:#fff;border-color:#0000}.department-hub-hero-btn-primary:hover:not(:disabled){background:#f8fafc}.department-hub-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.department-hub-stat{background:#fff;border:1px solid #e5e7eb;border-radius:14px;align-items:center;gap:12px;width:100%;padding:14px 16px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 8px 24px #0f172a0a}.department-hub-stat:hover{transform:translateY(-2px);box-shadow:0 12px 28px #0f172a14}.department-hub-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.department-hub-stat-icon-total{color:#334155;background:#0f172a14}.department-hub-stat-icon-root{color:var(--secondary-color);background:#1e736b1f}.department-hub-stat-icon-sub{color:var(--primary-color);background:#ed88381f}.department-hub-stat-icon-lead{color:#2563eb;background:#3b82f61f}.department-hub-stat-label{color:#6b7280;margin:0;font-size:12px;font-weight:600}.department-hub-stat-value{color:#0f172a;letter-spacing:-.03em;margin:2px 0 0;font-size:22px;font-weight:800;line-height:1.2}.department-hub .department-list-card{border:1px solid #e5e7eb;border-radius:16px;padding:22px 24px;box-shadow:0 8px 28px #0f172a0d}.department-hub-directory{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.department-hub-directory h2{letter-spacing:-.03em;color:#0f172a;margin:0;font-size:18px;font-weight:800}.department-hub-directory p{color:#64748b;margin:4px 0 0;font-size:13px}.department-hub-count{color:#475569;white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;flex-shrink:0;align-items:center;min-height:34px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.department-hub .department-toolbar{border-bottom:1px solid #eef2f7;gap:10px;margin-bottom:18px;padding-bottom:16px}.department-hub .department-search{background:#f8fafc;border-color:#e2e8f0;border-radius:12px;height:44px}.department-hub .department-search:focus-within{background:#fff;box-shadow:0 0 0 3px #1e736b1f}.department-hub .department-btn-ghost{background:#f8fafc;border-color:#e2e8f0;border-radius:12px;height:44px;padding:0 14px}.department-hub .department-table-wrap{border-radius:14px;overflow:hidden}.department-hub .department-table tbody tr.is-clickable{cursor:pointer}.department-hub-name{align-items:center;gap:12px;min-width:0;display:flex}.department-hub-avatar{color:#fff;letter-spacing:.02em;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:800;display:inline-flex;box-shadow:0 6px 14px #0f172a1f}.department-hub-avatar-teal{background:linear-gradient(145deg,#1e736b,#0f766e)}.department-hub-avatar-orange{background:linear-gradient(145deg,#ed8838,#c2410c)}.department-hub-avatar-blue{background:linear-gradient(145deg,#2563eb,#1d4ed8)}.department-hub-avatar-violet{background:linear-gradient(145deg,#7c3aed,#6d28d9)}.department-hub-avatar-rose{background:linear-gradient(145deg,#e11d48,#be123c)}.department-hub-avatar-slate{background:linear-gradient(145deg,#475569,#334155)}.department-hub-name-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.department-hub-name-text{color:#0f172a;font-weight:700;line-height:1.25}.department-hub-name-copy .department-code{align-self:flex-start}.department-hub-chip{color:#0f766e;white-space:nowrap;background:#1e736b14;border:1px solid #1e736b24;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.department-hub-chip-muted{color:#64748b;background:#f8fafc;border-color:#e2e8f0;font-weight:600}.department-hub-person{color:#334155;align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.department-hub-person svg{color:#94a3b8;flex-shrink:0}.department-hub .department-action-btn{border-radius:8px;height:32px}.department-hub .department-form-section{background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px;display:grid}.department-hub .department-form-section-title{letter-spacing:.04em;text-transform:uppercase;color:#475569;grid-column:1/-1;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:800;display:flex}.department-hub .department-form-section .form-group.full-width{grid-column:1/-1}.department-hub .department-form input,.department-hub .department-form select,.department-hub .department-form textarea{background:#fff;border-radius:10px}.department-hub .department-leave-quota-section{background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #e2e8f0;border-radius:14px;margin-top:16px;box-shadow:0 8px 20px #0f172a0a}.department-hub .department-leave-quota-warning{border-radius:10px}.department-hub-spin{animation:.8s linear infinite department-hub-spin}@keyframes department-hub-spin{to{transform:rotate(360deg)}}.department-composer-modal.form-modal{border:1px solid #0f172a0f;border-radius:20px;max-width:980px;box-shadow:0 28px 64px #0f172a38,0 8px 20px #1e736b14}.department-composer-modal .form-modal-header{color:#fff;background:linear-gradient(135deg,#1e736b 0%,#155e58 52%,#c2410c 160%);border-bottom:none;align-items:center;padding:20px 24px;position:relative;overflow:hidden}.department-composer-modal .form-modal-header:before{content:"";pointer-events:none;background:radial-gradient(circle at 92% 18%,#ffffff2e 0%,#0000 42%),radial-gradient(circle at 8% 120%,#ed883859 0%,#0000 46%);position:absolute;inset:0}.department-composer-modal .form-modal-header>*{z-index:1;position:relative}.department-composer-modal .form-modal-header h2{letter-spacing:-.03em;color:#fff;font-size:22px;font-weight:800}.department-composer-modal .form-modal-subtitle{color:#ffffffd1}.department-composer-modal .form-modal-close{color:#fff;background:#ffffff24;border-color:#ffffff47;border-radius:12px;width:38px;height:38px}.department-composer-modal .form-modal-close:hover:not(:disabled){color:#fff;background:#ffffff3d;border-color:#fff6}.department-composer-modal .form-modal-body{background:linear-gradient(#f8fafc 0%,#fff 120px);padding:20px 22px 24px}.department-composer-modal .form-modal-footer{background:#fff;border-top:1px solid #eef2f7;padding:14px 22px}.department-composer-modal .department-form-actions{align-items:center;width:100%}.department-composer-modal .department-btn{border-radius:12px;min-height:42px;padding:0 16px}.department-composer-modal .department-btn-primary{box-shadow:0 8px 18px #ed883847}.department-composer-modal .department-btn-ghost{margin-left:auto}.department-composer.department-form{flex-direction:column;gap:16px;display:flex}.department-composer-preview{background:linear-gradient(135deg,#1e736b1a 0%,#ed883814 100%);border:1px solid #1e736b1f;border-radius:16px;align-items:center;gap:14px;padding:16px 18px;display:flex}.department-composer-preview-avatar{color:#fff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;font-weight:800;display:inline-flex;box-shadow:0 10px 20px #0f172a29}.department-composer-preview-copy{flex:1;min-width:0}.department-composer-preview-kicker{letter-spacing:.06em;text-transform:uppercase;color:#0f766e;align-items:center;gap:6px;margin:0 0 2px;font-size:11px;font-weight:700;display:inline-flex}.department-composer-preview-copy h3{letter-spacing:-.03em;color:#0f172a;margin:0;font-size:18px;font-weight:800;line-height:1.25}.department-composer-preview-meta{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.department-composer-preview-meta span{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:999px;align-items:center;min-height:24px;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.department-composer-preview-meta span:first-child{color:var(--primary-color);text-transform:uppercase;letter-spacing:.04em;background:#ed883824;border-color:#ed883838}.department-composer-split{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:16px;display:grid}.department-composer-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px;transition:border-color .15s,box-shadow .15s;display:grid;box-shadow:0 8px 24px #0f172a0a}.department-composer-card:focus-within{border-color:#1e736b47;box-shadow:0 10px 28px #1e736b14}.department-composer-card-people{grid-template-columns:1fr}.department-composer-card-head{grid-column:1/-1;align-items:center;gap:12px;display:flex}.department-composer-card-head h3{letter-spacing:-.02em;color:#0f172a;text-transform:none;margin:0;font-size:15px;font-weight:800}.department-composer-card-head p{color:#64748b;margin:2px 0 0;font-size:12px;font-weight:500}.department-composer-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.department-composer-icon-profile{color:var(--secondary-color);background:#1e736b1f}.department-composer-icon-time{color:var(--primary-color);background:#ed883824}.department-composer-icon-people{color:#2563eb;background:#2563eb1f}.department-composer-icon-quota{color:#7c3aed;background:#7c3aed1f}.department-composer-card .form-group.full-width,.department-composer-card .department-grace-grid{grid-column:1/-1}.department-composer-card input,.department-composer-card select,.department-composer-card textarea{background:#f8fafc;border-color:#e2e8f0;border-radius:12px}.department-composer-card input:focus,.department-composer-card select:focus,.department-composer-card textarea:focus{background:#fff;box-shadow:0 0 0 3px #1e736b1f}.department-composer-card textarea{min-height:96px}.department-grace-grid{grid-template-columns:1fr;gap:12px;display:grid}.department-grace-card,.department-quota-tile{background:#f8fafc;border:1px solid #eef2f7;border-radius:14px;flex-direction:column;gap:10px;padding:14px;display:flex}.department-grace-label,.department-quota-tile-label{color:#334155;align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.department-stepper{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:4px;min-height:48px;padding:4px;display:flex}.department-stepper-btn{color:#334155;cursor:pointer;background:#f1f5f9;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.department-stepper-btn:hover:not(:disabled){background:#e2e8f0}.department-stepper-btn-plus:hover:not(:disabled){color:var(--secondary-color);background:#1e736b1f}.department-stepper-btn:disabled{opacity:.45;cursor:not-allowed}.department-stepper input{text-align:center;letter-spacing:-.03em;color:#0f172a;appearance:textfield;flex:1;min-width:0;height:40px;padding:0 4px;font-size:22px;font-weight:800;box-shadow:none!important;background:0 0!important;border:none!important}.department-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.department-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.department-stepper-suffix{letter-spacing:.04em;text-transform:uppercase;color:#94a3b8;flex-shrink:0;padding-right:8px;font-size:11px;font-weight:700}.department-composer-people-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.department-person-select{position:relative}.department-person-avatar{z-index:1;color:#fff;pointer-events:none;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:800;display:inline-flex;position:absolute;top:50%;left:10px;transform:translateY(-50%);box-shadow:0 4px 10px #0f172a1f}.department-person-avatar-empty{color:#64748b;box-shadow:none;background:#e2e8f0}.department-person-select select{padding-left:46px}.department-quota-composer{background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #e2e8f0;border-radius:16px;margin-top:4px;padding:18px;box-shadow:0 8px 24px #0f172a0a}.department-quota-head{align-items:flex-start;gap:12px;display:flex}.department-quota-head-copy{flex:1;min-width:0}.department-quota-head h3{color:#0f172a;margin:0;font-size:15px;font-weight:800}.department-quota-head p{color:#64748b;margin:4px 0 0;font-size:13px;line-height:1.45}.department-quota-year{flex-direction:column;flex-shrink:0;gap:6px;min-width:110px;display:flex}.department-quota-year label{color:#64748b;font-size:12px;font-weight:700}.department-quota-year input{background:#fff;border:1px solid #e2e8f0;border-radius:12px;height:42px;padding:0 12px;font-size:14px;font-weight:700}.department-quota-year input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #ed88381f}.department-quota-composer .department-leave-quota-warning{border-radius:12px;align-items:flex-start;gap:8px;display:flex}.department-quota-composer .department-leave-quota-warning svg{flex-shrink:0;margin-top:1px}.department-leave-quota-warning.is-loaded{color:#0f766e;background:#f0fdfa;border-color:#99f6e4}.department-quota-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.department-quota-tile-teal{background:#1e736b0f;border-color:#1e736b24}.department-quota-tile-orange{background:#ed883814;border-color:#ed88382e}.department-quota-tile-blue{background:#2563eb0f;border-color:#2563eb24}.department-quota-tile-icon{background:#fff;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.department-quota-tile-teal .department-quota-tile-icon{color:var(--secondary-color)}.department-quota-tile-orange .department-quota-tile-icon{color:var(--primary-color)}.department-quota-tile-blue .department-quota-tile-icon{color:#2563eb}@media (width<=980px){.department-hub-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.department-composer-split,.department-quota-grid,.department-composer-people-grid,.department-composer-card{grid-template-columns:1fr}}@media (width<=720px){.department-hub-hero{padding:20px}.department-hub-hero-text h2{font-size:22px}.department-hub-stats,.department-hub .department-form-section{grid-template-columns:1fr}.department-hub-directory{flex-direction:column}.department-composer-modal .department-btn-ghost{margin-left:0}.department-quota-head{flex-wrap:wrap}.department-quota-year{width:100%}}.position-page{gap:18px;max-width:1180px}.position-hero{color:#fff;background:linear-gradient(135deg,#1e736b 0%,#155e58 46%,#ed8838 130%);border-radius:18px;padding:26px 28px;position:relative;overflow:hidden;box-shadow:0 16px 40px #1e736b33}.position-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 88% 12%,#ffffff2e 0%,#0000 42%),radial-gradient(circle at 10% 90%,#ed88384d 0%,#0000 40%);position:absolute;inset:0}.position-hero-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex;position:relative}.position-hero-copy{align-items:center;gap:16px;min-width:0;display:flex}.position-hero-icon{background:#ffffff29;border:1px solid #ffffff47;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;display:inline-flex}.position-hero-kicker{letter-spacing:.08em;text-transform:uppercase;color:#ffffffb8;margin:0 0 4px;font-size:11px;font-weight:700}.position-hero-text h2{letter-spacing:-.03em;margin:0 0 6px;font-size:26px;font-weight:800}.position-hero-text p{color:#ffffffdb;max-width:540px;margin:0;font-size:14px;line-height:1.5}.position-hero-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.position-hero-btn{color:#fff;min-height:42px;font:inherit;cursor:pointer;background:#ffffff24;border:1px solid #ffffff47;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.position-hero-btn:hover:not(:disabled){background:#ffffff38}.position-hero-btn:disabled{opacity:.6;cursor:not-allowed}.position-hero-btn-primary{color:#155e58;background:#fff;border-color:#0000}.position-hero-btn-primary:hover:not(:disabled){background:#f8fafc}@keyframes position-spin{to{transform:rotate(360deg)}}.position-spin{animation:.8s linear infinite position-spin}.position-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.position-stat{background:#fff;border:1px solid #e5e7eb;border-radius:14px;align-items:center;gap:12px;width:100%;padding:14px 16px;display:flex;box-shadow:0 8px 24px #0f172a0a}.position-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.position-stat-icon-total{color:#334155;background:#0f172a14}.position-stat-icon-documented{color:var(--secondary-color);background:#1e736b1f}.position-stat-icon-open{color:var(--primary-color);background:#ed88381f}.position-stat-label{color:#6b7280;margin:0;font-size:12px;font-weight:600}.position-stat-value{color:#0f172a;letter-spacing:-.03em;margin:2px 0 0;font-size:22px;font-weight:800;line-height:1.2}.position-page .department-list-card{border:1px solid #e5e7eb;border-radius:16px;padding:22px 24px;box-shadow:0 8px 28px #0f172a0d}.position-directory{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.position-directory h2{letter-spacing:-.03em;color:#0f172a;margin:0;font-size:18px;font-weight:800}.position-directory p{color:#64748b;margin:4px 0 0;font-size:13px}.position-count{color:#475569;white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;flex-shrink:0;align-items:center;min-height:34px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.position-page .department-toolbar{border-bottom:1px solid #eef2f7;gap:10px;margin-bottom:18px;padding-bottom:16px}.position-page .department-search{background:#f8fafc;border-color:#e2e8f0;border-radius:12px;height:44px}.position-page .department-search:focus-within{background:#fff;box-shadow:0 0 0 3px #1e736b1f}.position-page .department-btn-ghost{background:#f8fafc;border-color:#e2e8f0;border-radius:12px;height:44px;padding:0 14px}.position-page .department-table-wrap{border-radius:14px;overflow:hidden}.position-page .department-table tbody tr.is-clickable{cursor:pointer}.position-page .department-table tbody tr.is-clickable:hover{background:#f8fafc}.position-page .department-description-col{width:42%;max-width:420px}.position-name-cell{align-items:center;gap:12px;min-width:0;display:flex}.position-avatar{color:#fff;letter-spacing:.02em;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:800;display:inline-flex;box-shadow:0 6px 14px #0f172a1f}.position-avatar-lg{border-radius:16px;width:52px;height:52px;font-size:20px;box-shadow:0 10px 22px #0f172a29}.position-avatar-teal{background:linear-gradient(145deg,#1e736b,#0f766e)}.position-avatar-orange{background:linear-gradient(145deg,#ed8838,#c2410c)}.position-avatar-blue{background:linear-gradient(145deg,#2563eb,#1d4ed8)}.position-avatar-violet{background:linear-gradient(145deg,#7c3aed,#6d28d9)}.position-avatar-rose{background:linear-gradient(145deg,#e11d48,#be123c)}.position-avatar-slate{background:linear-gradient(145deg,#475569,#334155)}.position-name-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.position-name-text{color:#0f172a;font-weight:700;line-height:1.25}.position-name-meta{color:#64748b;font-size:12px;line-height:1.3}.position-description-cell{color:#475569;align-items:flex-start;gap:8px;min-width:0;font-size:13px;line-height:1.45;display:flex}.position-description-cell svg{color:#94a3b8;flex-shrink:0;margin-top:2px}.position-description-text{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;min-width:0;display:-webkit-box;overflow:hidden}.position-empty-copy{color:#94a3b8;font-style:italic}.position-status-pill{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.position-status-pill.is-ready{color:var(--secondary-color);background:#1e736b1a;border:1px solid #1e736b29}.position-status-pill.is-open{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;font-weight:600}.position-page .department-row-actions{gap:6px}.position-page .department-state{background:#fff;border:1px dashed #dbe3ea;border-radius:14px}.position-form-section{background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;grid-column:1/-1;grid-template-columns:1fr;gap:14px;padding:16px;display:grid}.position-form-section-title{letter-spacing:.04em;text-transform:uppercase;color:#475569;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:800;display:flex}.position-form-section input,.position-form-section textarea{background:#fff;border-radius:10px}.position-form-preview{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.position-form-preview>div{min-width:0}.position-form-preview p{color:#64748b;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:2px 0 0;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.position-form-preview strong{color:#0f172a;font-size:15px}.position-detail-panel{flex-direction:column;gap:16px;display:flex}.position-detail-panel .department-detail-hero{margin:0}.position-detail-description{color:#334155;white-space:pre-wrap;word-break:break-word;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin:0;padding:14px 16px;line-height:1.6}.position-detail-description.is-empty{color:#94a3b8;font-style:italic}@media (width<=980px){.position-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.position-hero{padding:20px}.position-hero-text h2{font-size:22px}.position-stats{grid-template-columns:1fr}.position-directory{flex-direction:column}}.employee-search-select{width:100%;position:relative}.employee-search-select-required{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;top:0;left:0}.employee-search-select-control{border:1px solid var(--border-color,#ddd);background:#fff;border-radius:8px;align-items:center;gap:8px;min-height:42px;padding:0 10px 0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.employee-search-select.is-open .employee-search-select-control,.employee-search-select-control:focus-within{border-color:var(--secondary-color,#1e736b);box-shadow:0 0 0 3px #1e736b1f}.employee-search-select.is-disabled .employee-search-select-control{cursor:not-allowed;opacity:.8;background:#f3f4f6}.employee-search-select-icon,.employee-search-select-caret{color:#9ca3af;flex-shrink:0;display:inline-flex}.employee-search-select-control input{min-width:0;font:inherit;color:#111827;background:0 0;border:none;outline:none;flex:1;padding:10px 0;font-size:14px}.employee-search-select-control input::placeholder{color:#9ca3af}.employee-search-select-control input:disabled{cursor:not-allowed}.employee-search-select-clear{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.employee-search-select-clear:hover{color:#111827;background:#f3f4f6}.employee-search-select-spinner{animation:.8s linear infinite employeeSearchSpin}@keyframes employeeSearchSpin{to{transform:rotate(360deg)}}.employee-search-select-menu{z-index:40;background:#fff;border:1px solid #e5e7eb;border-radius:8px;max-height:260px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 28px #0f172a1f}.employee-search-select-message{color:#6b7280;padding:12px 10px;font-size:13px}.employee-search-select-message.is-error{color:#b91c1c}.employee-search-select-option{text-align:left;cursor:pointer;width:100%;font:inherit;background:0 0;border:none;border-radius:6px;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;display:flex}.employee-search-select-option:hover,.employee-search-select-option.is-active{background:#f0fdfa}.employee-search-select-option.is-selected{background:#ecfdf5}.employee-search-select-option-name{color:#111827;font-size:14px;font-weight:600}.employee-search-select-option-meta{color:#6b7280;font-size:12px}.assignment-page{gap:18px;max-width:1180px}.assignment-hero{color:#fff;background:linear-gradient(135deg,#1e736b 0%,#155e58 46%,#ed8838 130%);border-radius:18px;padding:26px 28px;position:relative;overflow:hidden;box-shadow:0 16px 40px #1e736b33}.assignment-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 88% 12%,#ffffff2e 0%,#0000 42%),radial-gradient(circle at 10% 90%,#ed88384d 0%,#0000 40%);position:absolute;inset:0}.assignment-hero-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex;position:relative}.assignment-hero-copy{align-items:center;gap:16px;min-width:0;display:flex}.assignment-hero-icon{background:#ffffff29;border:1px solid #ffffff47;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;display:inline-flex}.assignment-hero-kicker{letter-spacing:.08em;text-transform:uppercase;color:#ffffffb8;margin:0 0 4px;font-size:11px;font-weight:700}.assignment-hero-text h2{letter-spacing:-.03em;margin:0 0 6px;font-size:26px;font-weight:800}.assignment-hero-text p{color:#ffffffdb;max-width:560px;margin:0;font-size:14px;line-height:1.5}.assignment-hero-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.assignment-hero-btn{color:#fff;min-height:42px;font:inherit;cursor:pointer;background:#ffffff24;border:1px solid #ffffff47;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.assignment-hero-btn:hover:not(:disabled){background:#ffffff38}.assignment-hero-btn:disabled{opacity:.6;cursor:not-allowed}.assignment-hero-btn-primary{color:#155e58;background:#fff;border-color:#0000}.assignment-hero-btn-primary:hover:not(:disabled){background:#f8fafc}@keyframes assignment-spin{to{transform:rotate(360deg)}}.assignment-spin{animation:.8s linear infinite assignment-spin}.assignment-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.assignment-stat{background:#fff;border:1px solid #e5e7eb;border-radius:14px;align-items:center;gap:12px;width:100%;padding:14px 16px;display:flex;box-shadow:0 8px 24px #0f172a0a}.assignment-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.assignment-stat-icon-total{color:#334155;background:#0f172a14}.assignment-stat-icon-primary{color:var(--primary-color);background:#ed88381f}.assignment-stat-icon-secondary{color:var(--secondary-color);background:#1e736b1f}.assignment-stat-icon-showing{color:#2563eb;background:#3b82f61f}.assignment-stat-label{color:#6b7280;margin:0;font-size:12px;font-weight:600}.assignment-stat-value{color:#0f172a;letter-spacing:-.03em;margin:2px 0 0;font-size:22px;font-weight:800;line-height:1.2}.assignment-page .department-list-card{border:1px solid #e5e7eb;border-radius:16px;padding:22px 24px;box-shadow:0 8px 28px #0f172a0d}.assignment-directory{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.assignment-directory h2{letter-spacing:-.03em;color:#0f172a;margin:0;font-size:18px;font-weight:800}.assignment-directory p{color:#64748b;margin:4px 0 0;font-size:13px}.assignment-count{color:#475569;white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;flex-shrink:0;align-items:center;min-height:34px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.assignment-page .department-toolbar{gap:10px;margin-bottom:14px}.assignment-page .department-search{background:#f8fafc;border-color:#e2e8f0;border-radius:12px;height:44px}.assignment-page .department-search:focus-within{background:#fff;box-shadow:0 0 0 3px #1e736b1f}.assignment-page .department-btn-ghost{background:#f8fafc;border-color:#e2e8f0;border-radius:12px;height:44px;padding:0 14px}.assignment-page .department-filters-modern{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;align-items:end;gap:12px;margin-bottom:18px;padding:14px 16px;display:grid}.assignment-page .department-filters-modern .form-group{min-width:0}.assignment-page .department-filters-modern label{color:#64748b;font-size:12px;font-weight:700}.assignment-page .department-filters-modern select{background:#fff;border-color:#e2e8f0;border-radius:12px;height:44px}.assignment-page .department-filters-modern .employee-search-select-control{border-color:#e2e8f0;border-radius:12px;min-height:44px}.assignment-page .department-filter-clear{border-radius:12px;height:44px;margin-bottom:0}.assignment-page .department-table-wrap{-webkit-overflow-scrolling:touch;border-radius:14px;overflow-x:auto}.assignment-page .department-table tbody tr.is-clickable{cursor:pointer}.assignment-page .department-table tbody tr.is-clickable:hover{background:#f8fafc}.assignment-name-cell{align-items:center;gap:12px;min-width:0;display:flex}.assignment-avatar{color:#fff;letter-spacing:.02em;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:800;display:inline-flex;box-shadow:0 6px 14px #0f172a1f}.assignment-avatar-teal{background:linear-gradient(145deg,#1e736b,#0f766e)}.assignment-avatar-orange{background:linear-gradient(145deg,#ed8838,#c2410c)}.assignment-avatar-blue{background:linear-gradient(145deg,#2563eb,#1d4ed8)}.assignment-avatar-violet{background:linear-gradient(145deg,#7c3aed,#6d28d9)}.assignment-avatar-rose{background:linear-gradient(145deg,#e11d48,#be123c)}.assignment-avatar-slate{background:linear-gradient(145deg,#475569,#334155)}.assignment-detail-avatar.assignment-avatar-teal{background:linear-gradient(145deg,#1e736b,#0f766e)}.assignment-detail-avatar.assignment-avatar-orange{background:linear-gradient(145deg,#ed8838,#c2410c)}.assignment-detail-avatar.assignment-avatar-blue{background:linear-gradient(145deg,#2563eb,#1d4ed8)}.assignment-detail-avatar.assignment-avatar-violet{background:linear-gradient(145deg,#7c3aed,#6d28d9)}.assignment-detail-avatar.assignment-avatar-rose{background:linear-gradient(145deg,#e11d48,#be123c)}.assignment-detail-avatar.assignment-avatar-slate{background:linear-gradient(145deg,#475569,#334155)}.assignment-name-text{color:#0f172a;font-weight:700;line-height:1.25}.assignment-meta-pill{color:#0f766e;white-space:nowrap;background:#1e736b14;border:1px solid #1e736b24;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.assignment-meta-pill svg{flex-shrink:0}.assignment-meta-pill-muted{color:#64748b;background:#f8fafc;border-color:#e2e8f0;font-weight:600}.assignment-page .assignment-schedule-pill{color:#1d4ed8;background:#3b82f614;border-color:#3b82f629;border-radius:999px;font-weight:700}.assignment-page .department-badge{gap:6px}.assignment-page .department-state{background:#fff;border:1px dashed #dbe3ea;border-radius:14px}.assignment-form-section{background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px;display:grid}.assignment-form-section-title{letter-spacing:.04em;text-transform:uppercase;color:#475569;grid-column:1/-1;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:800;display:flex}.assignment-form-section .form-group.full-width{grid-column:1/-1}.assignment-form-section input,.assignment-form-section select,.assignment-form-section textarea{background:#fff;border-radius:10px}.assignment-form-section .employee-search-select-control{border-radius:10px}.assignment-form-section .assignment-week-schedule{border-color:#e2e8f0;border-radius:12px}.assignment-page .assignment-detail-avatar{box-shadow:0 10px 22px #0f172a29}@media (width<=980px){.assignment-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.assignment-page .department-filters-modern,.assignment-form-section{grid-template-columns:1fr}}@media (width<=720px){.assignment-hero{padding:20px}.assignment-hero-text h2{font-size:22px}.assignment-stats{grid-template-columns:1fr}.assignment-directory{flex-direction:column}}.attendance-page-header{display:none}.attendance-stats-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-bottom:0;display:grid}.attendance-stat-card{background:#fff;border:1px solid #1e736b14;border-radius:12px;align-items:center;gap:12px;padding:16px 18px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 12px #0f172a0a}.attendance-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0f172a14}.attendance-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.attendance-stat-icon-present{color:var(--primary-color);background:#ed88381f}.attendance-stat-icon-checkout{color:var(--secondary-color);background:#1e736b1f}.attendance-stat-icon-working{color:#2563eb;background:#3b82f61f}.attendance-stat-icon-users{color:#7c3aed;background:#8b5cf61f}.attendance-stat-content{flex-direction:column;gap:4px;min-width:0;display:flex}.attendance-stat-label{letter-spacing:.04em;text-transform:uppercase;color:#64748b;font-size:12px;font-weight:600}.attendance-stat-value{color:#0f172a;font-size:24px;font-weight:700;line-height:1}.attendance-stat-value-loading{color:#94a3b8;font-size:22px}.attendance-main-card{padding:24px}.attendance-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.attendance-toolbar{border-bottom:1px solid #eef2f7;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;padding-bottom:18px;display:flex}.attendance-toolbar-filters{flex:1;grid-template-columns:repeat(4,minmax(140px,1fr));gap:12px;min-width:0;display:grid}.attendance-toolbar-meta{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;display:flex}.attendance-result-count{color:#475569;white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;align-items:center;min-height:38px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.attendance-filter-card{background:#fff;border:1px solid #0f172a0f;border-radius:16px;margin-bottom:20px;padding:24px 28px;box-shadow:0 8px 32px #0f172a12}.attendance-filter-card-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.attendance-filter-card-title h3{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:18px;font-weight:700}.attendance-filter-card-title p{color:#64748b;margin:4px 0 0;font-size:13px}.attendance-filter-card-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.attendance-filters-row{background:0 0;border:none;border-radius:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:0;padding:0;display:grid}.attendance-filter-group{flex-direction:column;gap:6px;min-width:0;display:flex}.attendance-filter-group label{letter-spacing:0;text-transform:none;color:#475569;font-size:12px;font-weight:600}.attendance-filter-group input,.attendance-filter-group select{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:9px 12px;font-size:13px;transition:border-color .2s,box-shadow .2s}.attendance-filter-group input:focus,.attendance-filter-group select:focus{border-color:var(--secondary-color);outline:none;box-shadow:0 0 0 3px #1e736b1f}.attendance-export-section{border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:4px;display:flex}.attendance-export-label{color:#64748b;align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.attendance-export-buttons{flex-wrap:wrap;gap:8px;display:flex}.attendance-export-btn{color:#fff;cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600;transition:transform .2s,box-shadow .2s,opacity .2s;display:inline-flex}.attendance-export-btn:hover:not(:disabled){transform:translateY(-1px)}.attendance-export-btn:disabled{opacity:.55;cursor:not-allowed}.attendance-export-excel{box-shadow:none;background:#059669}.attendance-export-excel:hover:not(:disabled){box-shadow:0 4px 12px #05966940}.attendance-export-csv{box-shadow:none;background:#2563eb}.attendance-export-csv:hover:not(:disabled){box-shadow:0 4px 12px #2563eb40}.attendance-status-badge{white-space:nowrap;border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.attendance-status-present{color:var(--secondary-color);background:#1e736b1a}.attendance-status-checkout{color:#2563eb;background:#3b82f61a}.attendance-status-working{color:var(--primary-color);background:#ed88381f}.attendance-status-absent{color:#dc2626;background:#fef2f2}.attendance-status-missing{color:#c2410c;background:#ffedd5}.attendance-status-pending{color:#64748b;background:#f8fafc}.attendance-status-default{color:#64748b;background:#f1f5f9}.attendance-table-wrap{background:#fff;border:1px solid #0f172a14;border-radius:12px;overflow-x:auto}.attendance-records-section{margin-top:0}.attendance-records-header{margin-bottom:16px}.attendance-records-section .department-state{background:#fff;border:1px solid #0f172a14;border-radius:14px;box-shadow:0 4px 20px #0f172a0f}.attendance-records-section .department-skeleton-wrap{background:#fff;border:1px solid #0f172a14;border-radius:14px;padding:12px;box-shadow:0 4px 20px #0f172a0f}.attendance-data-table{border-collapse:collapse;width:100%;font-size:13px}.attendance-data-table thead{background:#134e4a}.attendance-data-table thead th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:#fff;white-space:nowrap;padding:14px 12px;font-size:11px;font-weight:700}.attendance-data-table tbody tr:nth-child(2n){background:#f0fdfa}.attendance-data-table tbody tr:nth-child(odd){background:#fff}.attendance-data-table tbody tr:hover{background:#ecfdf5}.attendance-data-table tbody td{color:#1e293b;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #e2e8f0;padding:14px 12px}.attendance-user-id,.attendance-name{color:#0f172a;font-weight:600}.attendance-remarks-cell{min-width:120px;max-width:220px}.attendance-remarks-text{text-overflow:ellipsis;white-space:nowrap;color:#334155;font-size:13px;line-height:1.4;display:block;overflow:hidden}.attendance-checkin-time,.attendance-checkout-time,.attendance-hours-value{color:#0f172a;font-weight:700}.attendance-table-actions-cell{white-space:nowrap;vertical-align:middle;width:1%}.attendance-table-actions{white-space:nowrap;flex-flow:row;align-items:center;gap:6px;display:inline-flex}.attendance-action-btn{cursor:pointer;color:#fff;width:auto;min-height:32px;font:inherit;white-space:nowrap;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:700;transition:opacity .15s,transform .15s;display:inline-flex}.attendance-action-btn:hover{opacity:.9;transform:translateY(-1px)}.attendance-action-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.attendance-action-view,.attendance-action-edit{background:#134e4a}.attendance-action-delete{background:#dc2626}.attendance-action-delete:hover:not(:disabled){background:#b91c1c}.attendance-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.attendance-detail-grid div{background:#0f172a08;border-radius:10px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.attendance-detail-grid span{letter-spacing:.04em;text-transform:uppercase;color:#64748b;font-size:11px;font-weight:700}.attendance-detail-grid strong{color:#0f172a;font-size:14px;font-weight:700}.attendance-detail-remarks{grid-column:1/-1}.attendance-type-badge{color:var(--secondary-color);text-transform:capitalize;background:#1e736b14;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.attendance-time-cell{color:#334155;align-items:center;gap:6px;font-size:13px;font-weight:500;display:inline-flex}.attendance-punch-block{flex-direction:column;gap:2px;min-width:120px;display:flex}.attendance-punch-block-head{align-items:center;gap:6px;margin-bottom:2px;display:inline-flex}.attendance-punch-block-label{letter-spacing:.02em;text-transform:uppercase;font-size:11px;font-weight:700}.attendance-punch-block-time{color:#0f172a;font-size:15px;font-weight:700;line-height:1.2}.attendance-punch-block-date{color:#64748b;font-size:12px}.attendance-punch-block-in .attendance-punch-block-head svg,.attendance-punch-block-in .attendance-punch-block-label{color:#16a34a}.attendance-punch-block-out .attendance-punch-block-head svg,.attendance-punch-block-out .attendance-punch-block-label{color:#ea580c}.attendance-hours-block{flex-direction:column;gap:2px;min-width:130px;display:flex}.attendance-hours-block-value{color:#1d4ed8;background:#3b82f61f;border-radius:999px;align-items:center;width:fit-content;padding:5px 12px;font-size:14px;font-weight:700;display:inline-flex}.attendance-hours-block-label{letter-spacing:.02em;text-transform:uppercase;color:#64748b;font-size:11px;font-weight:700}.attendance-hours-block-range{color:#475569;font-size:12px}.attendance-time-in svg{color:#16a34a}.attendance-time-out svg{color:#ea580c}.attendance-working-hours{color:#1d4ed8;background:#3b82f61a;border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.attendance-punch-times-hint{color:#64748b;margin:0 0 12px;font-size:12px}.attendance-punch-times-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.attendance-punch-time-field{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:8px;padding:14px;display:flex}.attendance-punch-time-field label{color:#334155;align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.attendance-punch-time-in{background:#1e736b0a;border-color:#1e736b33}.attendance-punch-time-in label{color:var(--secondary-color)}.attendance-punch-time-out{background:#ed88380d;border-color:#ed883840}.attendance-punch-time-out label{color:var(--primary-color)}.attendance-punch-time-field input[type=datetime-local]{background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:100%;padding:10px 12px;font-size:14px}.attendance-punch-time-field input[type=datetime-local]:focus{border-color:var(--secondary-color);outline:none;box-shadow:0 0 0 3px #1e736b1f}@media (width<=1100px){.attendance-stats-grid,.attendance-toolbar-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.attendance-filter-card-header,.department-list-header{flex-direction:column;align-items:stretch}.attendance-filter-card-actions .department-btn-primary,.attendance-header-actions .department-btn-primary{width:100%}.attendance-header-actions{justify-content:stretch}.attendance-toolbar{flex-direction:column;align-items:stretch}.attendance-toolbar-meta{justify-content:space-between}}@media (width<=640px){.attendance-stats-grid,.attendance-filters-row,.attendance-toolbar-filters,.attendance-punch-times-grid{grid-template-columns:1fr}.attendance-export-section{flex-direction:column;align-items:stretch}.attendance-export-buttons{width:100%}.attendance-export-btn{flex:1;justify-content:center}.attendance-detail-grid{grid-template-columns:1fr}}.attendance-form-mode-tabs{flex-wrap:wrap;grid-column:1/-1;gap:8px;margin-bottom:4px;display:flex}.attendance-form-mode-tab{color:#475569;cursor:pointer;background:#fff;border:1px solid #1e736b2e;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;transition:background .2s,color .2s,border-color .2s}.attendance-form-mode-tab:hover{color:var(--secondary-color);border-color:#1e736b59}.attendance-form-mode-tab-active{border-color:var(--secondary-color);color:var(--secondary-color);background:#1e736b1a}.attendance-filter-card-actions{flex-wrap:wrap;gap:8px;display:flex}.attendance-status-late{color:#c2410c;background:#fff7ed}.attendance-status-preview{background:#f8fafc;border:1px solid #0f172a14;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px 14px;display:flex}.attendance-status-preview-label{color:#334155;font-size:13px;font-weight:700}.attendance-status-preview-hint{color:#64748b;flex-basis:100%;font-size:12px}.attendance-stat-icon-absent{color:#dc2626;background:#fef2f2}.attendance-stat-icon-missing{color:#ea580c;background:#ea580c1f}.attendance-stat-icon-casual{color:#0284c7;background:#0ea5e91f}.attendance-stat-icon-annual{color:#d97706;background:#f59e0b1f}.attendance-stat-icon-sick{color:#db2777;background:#ec48991f}.attendance-stat-icon-unpaid{color:#475569;background:#64748b1f}.attendance-monthly-actions{justify-content:flex-start;min-width:120px}.attendance-month-summary{background:#fff;border:1px solid #0f172a14;border-radius:14px;margin-top:20px;padding:20px;box-shadow:0 4px 20px #0f172a0f}.attendance-month-summary h3{color:#0f172a;margin:0 0 14px;font-size:16px}.attendance-month-summary-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.attendance-month-summary-item{background:#f8fafc;border:1px solid #0f172a0f;border-radius:10px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.attendance-month-summary-item span{color:#64748b;font-size:12px}.attendance-month-summary-item strong{color:#0f172a;font-size:18px}.attendance-month-summary-wide{grid-column:span 2}@media (width<=640px){.attendance-month-summary-wide{grid-column:span 1}}.attendance-import-page{gap:16px;max-width:1100px}.attendance-import-hero{color:#fff;background:linear-gradient(135deg,#1e736b 0%,#155e58 48%,#ed8838 125%);border-radius:20px;padding:28px 32px;position:relative;overflow:hidden;box-shadow:0 16px 40px #1e736b38}.attendance-import-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 88% 12%,#ffffff2e 0%,#0000 42%),radial-gradient(circle at 8% 88%,#ed883847 0%,#0000 40%);position:absolute;inset:0}.attendance-import-hero-copy{align-items:flex-start;gap:18px;display:flex;position:relative}.attendance-import-hero-icon{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff29;border:1px solid #ffffff47;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:inline-flex}.attendance-import-hero h2{letter-spacing:-.03em;color:#fff;margin:0 0 6px;font-size:26px;font-weight:800}.attendance-import-hero p{color:#ffffffdb;max-width:560px;margin:0 0 14px;font-size:14px;line-height:1.5}.attendance-import-hero-badges{flex-wrap:wrap;gap:8px;display:flex}.attendance-import-badge{background:#ffffff29;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.attendance-import-badge.is-on{background:#10b98138;border-color:#a7f3d073}.attendance-import-badge.is-off{background:#0f172a2e}.attendance-import-retry{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:13px;font-weight:800;text-decoration:underline}.attendance-import-page .department-alert{margin-bottom:0}.attendance-import-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.attendance-import-grid.is-disabled{opacity:.72}.attendance-import-card{background:#fff;border:1px solid #0f172a0f;border-radius:18px;flex-direction:column;gap:14px;min-width:0;padding:20px;display:flex;box-shadow:0 8px 24px #0f172a0d}.attendance-import-card-header{align-items:flex-start;gap:12px;display:flex}.attendance-import-card-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.attendance-import-card.is-usb .attendance-import-card-icon{color:#155e58;background:#1e736b1f}.attendance-import-card.is-text .attendance-import-card-icon{color:#c2410c;background:#fff7ed}.attendance-import-card-header h3{letter-spacing:-.02em;color:#0f172a;margin:0 0 4px;font-size:16px;font-weight:800}.attendance-import-card-header p{color:#64748b;margin:0;font-size:13px;line-height:1.45}.attendance-import-chip{color:#475569;white-space:nowrap;background:#f8fafc;border-radius:999px;flex-shrink:0;margin-left:auto;padding:5px 10px;font-size:11px;font-weight:700}.attendance-import-dropzone{color:#64748b;text-align:center;cursor:pointer;background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:16px;justify-items:center;gap:6px;padding:28px 16px;transition:border-color .15s,background .15s,box-shadow .15s;display:grid;position:relative}.attendance-import-dropzone:hover,.attendance-import-dropzone.is-over{border-color:var(--secondary-color);background:#1e736b0f;box-shadow:inset 0 0 0 3px #1e736b14}.attendance-import-dropzone.has-file{background:#fff;border-style:solid;border-color:#1e736b47}.attendance-import-dropzone.is-disabled{opacity:.65;pointer-events:none}.attendance-import-dropzone-icon{width:46px;height:46px;color:var(--secondary-color);background:#fff;border-radius:14px;justify-content:center;align-items:center;margin-bottom:4px;display:inline-flex;box-shadow:0 4px 12px #0f172a0f}.attendance-import-dropzone strong{color:#0f172a;font-size:14px}.attendance-import-dropzone span{font-size:12px}.attendance-import-dropzone input{opacity:0;cursor:pointer;position:absolute;inset:0}.attendance-import-file-chip{color:#155e58;background:#1e736b0f;border:1px solid #1e736b1f;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex}.attendance-import-file-meta{flex:1;min-width:0}.attendance-import-file-meta strong{text-overflow:ellipsis;white-space:nowrap;color:#0f172a;font-size:13px;font-weight:800;display:block;overflow:hidden}.attendance-import-file-meta span{color:#64748b;font-size:12px;font-weight:600}.attendance-import-file-clear{color:#64748b;cursor:pointer;background:#fff;border:none;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.attendance-import-file-clear:hover:not(:disabled){color:#b91c1c;background:#fef2f2}.attendance-import-text-form{flex-direction:column;flex:1;gap:14px;display:flex}.attendance-import-editor{background:#0f172a;border:1px solid #0f172a1a;border-radius:16px;overflow:hidden}.attendance-import-editor-bar{color:#cbd5e1;background:#1e293b;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:700;display:flex}.attendance-import-editor-bar em{color:#94a3b8;margin-left:auto;font-style:normal;font-weight:600}.attendance-import-page textarea{color:#e2e8f0;resize:vertical;background:#0f172a;border:none;width:100%;min-height:220px;margin:0;padding:14px 14px 16px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12.5px;line-height:1.6;display:block}.attendance-import-page textarea::placeholder{color:#64748b}.attendance-import-page textarea:focus{outline:none;box-shadow:inset 0 0 0 2px #2dd4bf59}.attendance-import-page textarea:disabled{opacity:.7}.attendance-import-result{background:#f8fafc;border:1px solid #0f172a0f;border-radius:14px;gap:8px;padding:12px;display:grid}.attendance-import-result strong{letter-spacing:.02em;text-transform:uppercase;color:#64748b;font-size:12px;font-weight:800}.attendance-import-result pre{color:#334155;white-space:pre-wrap;word-break:break-word;max-height:180px;margin:0;font-size:12px;line-height:1.5;overflow:auto}.attendance-import-submit{border-radius:12px;justify-content:center;width:100%;min-height:44px;margin-top:auto}.attendance-import-page .is-spinning{animation:.8s linear infinite attendance-import-spin}@keyframes attendance-import-spin{to{transform:rotate(360deg)}}.attendance-import-page .visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=900px){.attendance-import-hero{padding:22px}.attendance-import-hero h2{font-size:22px}.attendance-import-grid{grid-template-columns:1fr}.attendance-import-card-header{flex-wrap:wrap}.attendance-import-chip{margin-left:56px}}@media (width<=640px){.attendance-import-hero-copy{flex-direction:column}}.attendance-logs-page{gap:18px;max-width:1180px}.attendance-logs-hero{color:#fff;background:linear-gradient(135deg,#1e736b 0%,#155e58 46%,#ed8838 130%);border-radius:18px;padding:26px 28px;position:relative;overflow:hidden;box-shadow:0 16px 40px #1e736b33}.attendance-logs-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 88% 12%,#ffffff2e 0%,#0000 42%),radial-gradient(circle at 10% 90%,#ed88384d 0%,#0000 40%);position:absolute;inset:0}.attendance-logs-hero-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex;position:relative}.attendance-logs-hero-copy{align-items:center;gap:16px;min-width:0;display:flex}.attendance-logs-hero-icon{background:#ffffff29;border:1px solid #ffffff47;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;display:inline-flex}.attendance-logs-hero-kicker{letter-spacing:.08em;text-transform:uppercase;color:#ffffffb8;margin:0 0 4px;font-size:11px;font-weight:700}.attendance-logs-hero-text h2{letter-spacing:-.03em;margin:0 0 6px;font-size:26px;font-weight:800}.attendance-logs-hero-text p{color:#ffffffdb;max-width:560px;margin:0;font-size:14px;line-height:1.5}.attendance-logs-hero-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.attendance-logs-hero-btn{color:#fff;min-height:42px;font:inherit;cursor:pointer;background:#ffffff24;border:1px solid #ffffff47;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.attendance-logs-hero-btn:hover:not(:disabled){background:#ffffff38}.attendance-logs-hero-btn:disabled{opacity:.6;cursor:not-allowed}.attendance-logs-hero-btn-primary{color:#155e58;background:#fff;border-color:#0000}.attendance-logs-hero-btn-primary:hover:not(:disabled){background:#f8fafc}@keyframes attendance-logs-spin{to{transform:rotate(360deg)}}.attendance-logs-spin{animation:.8s linear infinite attendance-logs-spin}.attendance-logs-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.attendance-logs-stat{background:#fff;border:1px solid #e5e7eb;border-radius:14px;align-items:center;gap:12px;width:100%;padding:14px 16px;display:flex;box-shadow:0 8px 24px #0f172a0a}.attendance-logs-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.attendance-logs-stat-icon-total{color:#334155;background:#0f172a14}.attendance-logs-stat-icon-accepted{color:#047857;background:#10b9811f}.attendance-logs-stat-icon-rejected{color:#b91c1c;background:#ef44441f}.attendance-logs-stat-icon-applied{color:var(--secondary-color);background:#1e736b1f}.attendance-logs-stat-label{color:#6b7280;margin:0;font-size:12px;font-weight:600}.attendance-logs-stat-value{color:#0f172a;letter-spacing:-.03em;margin:2px 0 0;font-size:22px;font-weight:800;line-height:1.2}.attendance-logs-page .department-list-card{border:1px solid #e5e7eb;border-radius:16px;padding:22px 24px;box-shadow:0 8px 28px #0f172a0d}.attendance-logs-directory{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.attendance-logs-directory h2{letter-spacing:-.03em;color:#0f172a;margin:0;font-size:18px;font-weight:800}.attendance-logs-directory p{color:#64748b;margin:4px 0 0;font-size:13px}.attendance-logs-count{color:#475569;white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;flex-shrink:0;align-items:center;min-height:34px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.attendance-logs-filters{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px;padding:14px 16px;display:grid}.attendance-logs-filter{flex-direction:column;gap:6px;min-width:0;display:flex}.attendance-logs-filter label{color:#64748b;font-size:12px;font-weight:700}.attendance-logs-filters select,.attendance-logs-filters input{width:100%;min-width:0;height:44px;font:inherit;color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:0 12px;font-size:14px}.attendance-logs-filters select:focus,.attendance-logs-filters input:focus{border-color:var(--secondary-color);outline:none;box-shadow:0 0 0 3px #1e736b1f}.attendance-logs-page .department-table-wrap{border-radius:14px;overflow:hidden}.attendance-logs-page .department-table tbody tr.is-clickable{cursor:pointer}.attendance-logs-page .department-table tbody tr.is-clickable:hover{background:#f8fafc}.attendance-logs-page .department-state{background:#fff;border:1px dashed #dbe3ea;border-radius:14px}.attendance-log-meta{color:#475569;white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:inline-flex}.attendance-log-meta svg{color:#94a3b8;flex-shrink:0}.attendance-log-name-cell{align-items:center;gap:10px;min-width:0;display:flex}.attendance-log-avatar{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:800;display:inline-flex;box-shadow:0 6px 14px #0f172a1f}.attendance-log-avatar-teal{background:linear-gradient(145deg,#1e736b,#0f766e)}.attendance-log-avatar-orange{background:linear-gradient(145deg,#ed8838,#c2410c)}.attendance-log-avatar-blue{background:linear-gradient(145deg,#2563eb,#1d4ed8)}.attendance-log-avatar-violet{background:linear-gradient(145deg,#7c3aed,#6d28d9)}.attendance-log-avatar-rose{background:linear-gradient(145deg,#e11d48,#be123c)}.attendance-log-avatar-slate{background:linear-gradient(145deg,#475569,#334155)}.attendance-log-name-text{color:#0f172a;font-weight:700}.attendance-log-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.attendance-log-result-accepted{color:#047857;background:#10b9811f}.attendance-log-result-rejected{color:#b91c1c;background:#ef44441f}.attendance-log-result-error{color:#b45309;background:#f59e0b24}.attendance-log-applied-yes{color:var(--secondary-color);background:#1e736b1a}.attendance-log-applied-no{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;font-weight:600}.attendance-logs-pagination{color:#64748b;border-top:1px solid #eef2f7;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:16px;padding-top:14px;font-size:.875rem;font-weight:600;display:flex}.attendance-logs-pagination-actions{gap:.5rem;display:flex}.attendance-log-detail-hero{background:linear-gradient(135deg,#1e736b14 0%,#ed88380f 100%);border:1px solid #1e736b1f;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;padding:18px 20px;display:flex}.attendance-log-detail-hero-main{align-items:center;gap:14px;min-width:0;display:flex}.attendance-log-detail-hero-copy h3{color:#0f172a;margin:0;font-size:18px;font-weight:800}.attendance-log-detail-hero-copy p{color:#64748b;margin:4px 0 0;font-size:13px}.attendance-log-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.attendance-log-detail-grid div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:.2rem;padding:.85rem 1rem;display:flex}.attendance-log-detail-grid span{letter-spacing:.04em;text-transform:uppercase;color:#64748b;font-size:.75rem;font-weight:700}.attendance-log-detail-grid strong{color:#0f172a;font-size:14px}.attendance-log-detail-json,.attendance-log-bulk-result{color:#334155;white-space:pre-wrap;word-break:break-word;background:#0f172a0a;border-radius:12px;max-height:280px;margin:0;padding:.85rem 1rem;font-size:.8125rem;line-height:1.5;overflow:auto}.attendance-log-bulk-note{color:#64748b;grid-column:1/-1;margin:0;font-size:13px;line-height:1.5}.attendance-logs-form-section{background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px;display:grid}.attendance-logs-form-section-title{letter-spacing:.04em;text-transform:uppercase;color:#475569;grid-column:1/-1;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:800;display:flex}.attendance-logs-form-section .form-group.full-width,.attendance-log-bulk-note,.attendance-log-bulk-result{grid-column:1/-1}.attendance-logs-form-section input,.attendance-logs-form-section select{background:#fff;border-radius:10px}@media (width<=980px){.attendance-logs-stats,.attendance-logs-filters,.attendance-log-detail-grid,.attendance-logs-form-section{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.attendance-logs-hero{padding:20px}.attendance-logs-hero-text h2{font-size:22px}.attendance-logs-stats,.attendance-logs-filters,.attendance-log-detail-grid,.attendance-logs-form-section{grid-template-columns:1fr}.attendance-logs-directory{flex-direction:column}}.salary-page{gap:18px;max-width:1180px}.salary-hero{color:#fff;background:linear-gradient(135deg,#1e736b 0%,#155e58 46%,#ed8838 130%);border-radius:18px;padding:26px 28px;position:relative;overflow:hidden;box-shadow:0 16px 40px #1e736b33}.salary-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 88% 12%,#ffffff2e 0%,#0000 42%),radial-gradient(circle at 10% 90%,#ed88384d 0%,#0000 40%);position:absolute;inset:0}.salary-hero-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex;position:relative}.salary-hero-copy{align-items:center;gap:16px;min-width:0;display:flex}.salary-hero-icon{background:#ffffff29;border:1px solid #ffffff47;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;display:inline-flex}.salary-hero-kicker{letter-spacing:.08em;text-transform:uppercase;color:#ffffffb8;margin:0 0 4px;font-size:11px;font-weight:700}.salary-hero-text h2{letter-spacing:-.03em;margin:0 0 6px;font-size:26px;font-weight:800}.salary-hero-text p{color:#ffffffdb;max-width:540px;margin:0;font-size:14px;line-height:1.5}.salary-hero-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.salary-hero-btn{color:#fff;min-height:42px;font:inherit;cursor:pointer;background:#ffffff24;border:1px solid #ffffff47;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.salary-hero-btn:hover:not(:disabled){background:#ffffff38}.salary-hero-btn:disabled{opacity:.6;cursor:not-allowed}.salary-hero-btn-primary{color:#155e58;background:#fff;border-color:#0000}.salary-hero-btn-primary:hover:not(:disabled){background:#f8fafc}@keyframes salary-spin{to{transform:rotate(360deg)}}.salary-spin{animation:.8s linear infinite salary-spin}.salary-stats-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.salary-stat-card{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;background:#fff;border:1px solid #e5e7eb;border-radius:14px;align-items:center;gap:12px;padding:14px 16px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.salary-stat-card:hover{border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 8px 20px #0f172a0f}.salary-stat-card-active{border-color:#0000;box-shadow:0 10px 24px #1e736b1f}.salary-stat-card-total.salary-stat-card-active{background:linear-gradient(#fff 0%,#f8fafc 100%);border-color:#cbd5e1}.salary-stat-card-pending.salary-stat-card-active{background:#ed883814;border-color:#ed88384d}.salary-stat-card-approved.salary-stat-card-active{background:#3b82f614;border-color:#3b82f647}.salary-stat-card-paid.salary-stat-card-active{background:#1e736b14;border-color:#1e736b47}.salary-stat-card-payout{cursor:default;background:linear-gradient(#fff 0%,#f0fdf9 100%)}.salary-stat-card-payout:hover{box-shadow:none;border-color:#e5e7eb;transform:none}.salary-stat-icon-pending{color:var(--primary-color);background:#ed88381f}.salary-stat-icon-approved{color:#2563eb;background:#3b82f61f}.salary-stat-icon-paid{color:var(--secondary-color);background:#1e736b1f}.salary-stat-icon-payout{color:#047857;background:#10b98124}.salary-stat-value-sm{letter-spacing:-.03em;font-size:16px!important}.salary-board{padding-top:20px}.salary-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.salary-toolbar-title h3{color:#111827;margin:0;font-size:16px;font-weight:700}.salary-toolbar-title p{color:#6b7280;margin:2px 0 0;font-size:13px}.salary-search{color:#64748b;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:8px;min-width:min(320px,100%);padding:0 12px;display:flex}.salary-search:focus-within{border-color:var(--secondary-color);background:#fff;box-shadow:0 0 0 3px #1e736b1f}.salary-search input{width:100%;font:inherit;color:#111827;background:0 0;border:0;outline:none;padding:10px 0;font-size:14px}.salary-table-wrap{border:1px solid #eaecf0;border-radius:14px;overflow:hidden}.salary-table{margin:0}.salary-table thead th{letter-spacing:.04em;text-transform:uppercase;color:#64748b;background:#f8fafc;font-size:12px}.salary-person{align-items:center;gap:10px;min-width:0;display:flex}.salary-avatar{color:#155e58;background:linear-gradient(145deg,#1e736b29,#ed883829);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:800;display:inline-flex}.salary-person-copy{min-width:0}.salary-person-name{color:#111827;font-weight:700;line-height:1.25;display:block}.salary-person-code{color:#64748b;margin-top:2px;font-size:12px;display:block}.salary-period{color:#334155;align-items:center;gap:6px;font-weight:650;display:inline-flex}.salary-net{color:#155e58;letter-spacing:-.02em;font-weight:800}.salary-status-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.salary-status-badge:before{content:"";background:currentColor;border-radius:999px;width:6px;height:6px}.salary-status-pending{color:#c2410c;background:#ed88381f}.salary-status-approved{color:#1d4ed8;background:#3b82f61f}.salary-status-paid{color:#0f766e;background:#1e736b1f}.salary-status-rejected{color:#b91c1c;background:#ef44441f}.salary-row-actions{align-items:center;gap:8px;display:inline-flex}.salary-icon-btn{border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.salary-empty{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:48px 24px;display:flex}.salary-empty-icon{width:56px;height:56px;color:var(--secondary-color);background:#1e736b1a;border-radius:16px;justify-content:center;align-items:center;margin-bottom:4px;display:inline-flex}.salary-empty h3{color:#111827;margin:0;font-size:16px}.salary-empty p{max-width:42ch;margin:0;font-size:13px;line-height:1.5}.salary-form-section{background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px;display:grid}.salary-form-section-title{letter-spacing:.04em;text-transform:uppercase;color:#475569;grid-column:1/-1;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:800;display:flex}.salary-form-section .form-group.full-width,.salary-toggles{grid-column:1/-1}.salary-toggles{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.salary-toggle{cursor:pointer;color:#334155;background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:flex-start;gap:10px;margin:0;padding:12px;font-size:13px;font-weight:650;line-height:1.35;display:flex}.salary-toggle input{accent-color:var(--secondary-color);margin-top:2px}.salary-toggle.is-on{color:#155e58;background:#1e736b0f;border-color:#1e736b59}.salary-page .department-btn-danger{align-items:center;gap:6px;display:inline-flex}.salary-lookup-summary,.salary-edit-summary{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 16px;display:grid}.salary-summary-chip{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:12px 14px}.salary-summary-chip span{letter-spacing:.06em;text-transform:uppercase;color:#64748b;font-size:11px;font-weight:700;display:block}.salary-summary-chip strong{color:#111827;margin-top:4px;font-size:16px;display:block}.salary-summary-chip.is-net{background:#1e736b14;border-color:#1e736b2e}.salary-summary-chip.is-net strong{color:#155e58}.salary-lookup-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:8px;display:grid}.salary-lookup-item{background:#f8fafc;border:1px solid #eef2f6;border-radius:12px;padding:12px 14px}.salary-lookup-item span{color:#64748b;font-size:12px;font-weight:650;display:block}.salary-lookup-item strong{color:#111827;word-break:break-word;margin-top:4px;font-size:14px;display:block}.form-modal-body .salary-lookup-summary{border-top:1px solid #eef2f6;margin-top:4px;padding-top:16px}.salary-edit-person{background:linear-gradient(135deg,#1e736b14,#ed883814);border:1px solid #1e736b1f;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}@media (width<=980px){.salary-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.salary-toggles,.salary-lookup-summary,.salary-edit-summary,.salary-lookup-grid{grid-template-columns:1fr}}@media (width<=720px){.salary-hero{padding:20px}.salary-hero-copy{align-items:flex-start}.salary-hero-actions,.salary-toolbar{width:100%}.salary-hero-btn,.salary-search{flex:1}.salary-stats-grid,.salary-form-section{grid-template-columns:1fr}}.uploads-page{flex-direction:column;gap:18px;max-width:1100px;margin:0 auto;padding-bottom:12px;display:flex}.uploads-hero{color:#fff;background:linear-gradient(135deg,#1e736b 0%,#155e58 45%,#ed8838 120%);border-radius:18px;padding:28px 32px;position:relative;overflow:hidden;box-shadow:0 16px 40px #1e736b38}.uploads-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 85% 15%,#ffffff2e 0%,#0000 42%),radial-gradient(circle at 10% 90%,#ed883840 0%,#0000 40%);position:absolute;inset:0}.uploads-hero-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex;position:relative}.uploads-hero-copy{align-items:center;gap:18px;min-width:0;display:flex}.uploads-hero-icon{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff29;border:1px solid #ffffff47;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:inline-flex}.uploads-hero-text h2{letter-spacing:-.03em;margin:0 0 6px;font-size:26px;font-weight:800}.uploads-hero-text p{color:#ffffffd6;max-width:520px;margin:0 0 12px;font-size:14px}.uploads-hero-badges{flex-wrap:wrap;gap:8px;display:flex}.uploads-hero-badge{background:#ffffff29;border:1px solid #ffffff38;border-radius:999px;align-items:center;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.uploads-hero-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.uploads-hero-btn{color:#fff;min-height:42px;font:inherit;cursor:pointer;background:#ffffff24;border:1px solid #ffffff47;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.uploads-hero-btn:hover:not(:disabled){background:#ffffff38}.uploads-hero-btn:disabled{opacity:.6;cursor:not-allowed}@keyframes uploads-spin{to{transform:rotate(360deg)}}.uploads-alert{border-radius:14px;align-items:center;gap:10px;padding:12px 16px;font-size:13px;font-weight:600;display:flex}.uploads-alert-success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.uploads-alert-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.uploads-retry-btn{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:13px;font-weight:800;text-decoration:underline}.uploads-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.uploads-stat-card,.uploads-skeleton-card{background:#fff;border:1px solid #0f172a0f;border-radius:16px;align-items:center;gap:12px;min-height:84px;padding:16px 18px;display:flex;box-shadow:0 8px 24px #0f172a0d}.uploads-skeleton-card{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;animation:1.2s infinite uploads-shimmer}@keyframes uploads-shimmer{to{background-position:-200% 0}}.uploads-stat-icon{width:40px;height:40px;color:var(--secondary-color);background:#1e736b1a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.uploads-stat-card.is-cloud .uploads-stat-icon{color:#1d4ed8;background:#eff6ff}.uploads-stat-card.is-local .uploads-stat-icon{color:#475569;background:#f8fafc}.uploads-stat-card.is-ready .uploads-stat-icon{color:#047857;background:#ecfdf5}.uploads-stat-card.is-down .uploads-stat-icon{color:#b91c1c;background:#fef2f2}.uploads-stat-card p{color:#64748b;text-transform:capitalize;margin:0;font-size:12px;font-weight:700}.uploads-stat-card strong{letter-spacing:-.03em;color:#0f172a;margin-top:2px;font-size:18px;font-weight:800;display:block}.uploads-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}@media (width<=900px){.uploads-grid{grid-template-columns:1fr}.uploads-hero{padding:22px}}.uploads-card{background:#fff;border:1px solid #0f172a0f;border-radius:18px;gap:14px;padding:20px;display:grid;box-shadow:0 8px 24px #0f172a0d}.uploads-card-header{align-items:flex-start;gap:12px;display:flex}.uploads-card-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.uploads-card.is-teal .uploads-card-icon{color:#155e58;background:#1e736b1f}.uploads-card.is-blue .uploads-card-icon{color:#1d4ed8;background:#eff6ff}.uploads-card.is-orange .uploads-card-icon{color:#c2410c;background:#fff7ed}.uploads-card.is-green .uploads-card-icon{color:#047857;background:#ecfdf5}.uploads-card-header h3{letter-spacing:-.02em;margin:0 0 4px;font-size:16px;font-weight:800}.uploads-card-header p{color:#64748b;margin:0;font-size:13px;line-height:1.45}.uploads-card-chip{color:#475569;white-space:nowrap;background:#f8fafc;border-radius:999px;flex-shrink:0;margin-left:auto;padding:5px 10px;font-size:11px;font-weight:700}.uploads-dropzone{color:#64748b;text-align:center;cursor:pointer;background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:16px;justify-items:center;gap:6px;padding:22px 16px;transition:border-color .15s,background .15s,box-shadow .15s;display:grid;position:relative}.uploads-dropzone:hover,.uploads-dropzone.is-over{border-color:var(--secondary-color);background:#1e736b0f;box-shadow:inset 0 0 0 3px #1e736b14}.uploads-dropzone.has-files{background:#fff}.uploads-dropzone.is-disabled{opacity:.65;pointer-events:none}.uploads-dropzone-icon{width:42px;height:42px;color:var(--secondary-color);background:#fff;border-radius:12px;justify-content:center;align-items:center;margin-bottom:4px;display:inline-flex;box-shadow:0 4px 12px #0f172a0f}.uploads-dropzone strong{color:#0f172a;font-size:14px}.uploads-dropzone span{font-size:12px}.uploads-dropzone input{opacity:0;cursor:pointer;position:absolute;inset:0}.uploads-file-list{gap:8px;display:grid}.uploads-file-chip{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:8px;min-height:40px;padding:8px 10px;font-size:13px;display:flex}.uploads-file-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.uploads-file-size{color:#94a3b8;font-size:12px;font-weight:600}.uploads-file-remove{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.uploads-file-remove:hover:not(:disabled){color:#b91c1c;background:#fee2e2}.uploads-inline-error{color:#b91c1c;background:#fef2f2;border-radius:12px;padding:10px 12px;font-size:13px;font-weight:600}.uploads-result{color:#0f172a;background:#1e736b14;border:1px solid #1e736b26;border-radius:14px;padding:12px;font-size:13px}.uploads-result strong{letter-spacing:.03em;text-transform:uppercase;color:#155e58;margin-bottom:8px;font-size:12px;display:block}.uploads-result p{margin:0}.uploads-result-links{gap:8px;margin:0;padding:0;list-style:none;display:grid}.uploads-result-links li{align-items:center;gap:8px;display:flex}.uploads-result-links a{min-width:0;color:var(--secondary-color);word-break:break-all;flex:1;align-items:center;gap:6px;font-weight:700;display:inline-flex}.uploads-copy-btn{color:#155e58;font:inherit;cursor:pointer;background:#fff;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:4px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.uploads-result pre{background:#fff;border-radius:8px;max-height:160px;margin:0;padding:10px;font-size:12px;overflow:auto}.uploads-submit-btn{background:var(--secondary-color);color:#fff;min-height:44px;font:inherit;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;padding:10px 16px;font-size:14px;font-weight:700;display:inline-flex}.uploads-submit-btn:hover:not(:disabled){filter:brightness(1.05)}.uploads-submit-btn:disabled{opacity:.45;cursor:not-allowed}.form-help-text{color:#64748b;margin:8px 0 0;font-size:12px}.form-help-text a{color:var(--secondary-color);font-weight:600}.form-attachment-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.form-attachment-ready{color:#0f172a;background:#1e736b14;border:1px solid #1e736b26;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;padding:10px 12px;font-size:13px;display:flex}.form-attachment-ready a{color:var(--secondary-color);word-break:break-all;align-items:center;gap:4px;font-weight:600;display:inline-flex}.form-attachment-ready span:last-child{color:#64748b;font-size:12px}.form-attachment-link{color:var(--secondary-color);word-break:break-all;align-items:center;gap:4px;font-size:13px;font-weight:600;display:inline-flex}.form-attachment-list{gap:8px;margin-top:10px;display:grid}.leaves-page{max-width:1180px}.leaves-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.leaves-stats-grid .department-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;transition:border-color .15s,box-shadow .15s,transform .15s;box-shadow:0 1px 2px #0f172a0a}.leaves-stats-grid .department-stat-card:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 12px #0f172a0f}.leaves-stat-icon-pending{color:#b45309;background:#d977061f}.leaves-stat-icon-approved{color:#0f766e;background:#1e736b1f}.leaves-stat-icon-rejected{color:#b91c1c;background:#b91c1c1a}.leaves-stat-icon-total{color:#334155;background:#0f172a14}.leaves-tabs{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;gap:4px;margin-bottom:18px;padding:4px;display:inline-flex}.leaves-employee-filter{margin-bottom:16px}.leaves-page .leaves-employee-filter .employee-search-select{min-width:260px}.leaves-tab{color:#64748b;height:36px;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:0 14px;font-size:13.5px;font-weight:600;transition:background-color .15s,color .15s,box-shadow .15s;display:inline-flex}.leaves-tab:hover{color:#0f172a;background:#ffffffb3}.leaves-tab.is-active{color:#0f172a;background:#fff;box-shadow:0 1px 3px #0f172a14}.leaves-balance-toolbar{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:12px;display:flex}.leaves-balance-toolbar h3{color:#0f172a;margin:0;font-size:14px;font-weight:700}.leaves-balance-toolbar p{color:#64748b;margin:2px 0 0;font-size:12.5px}.leaves-year-field{flex-direction:column;gap:6px;min-width:120px;display:flex}.leaves-year-field label{color:#64748b;font-size:12px;font-weight:600}.leaves-year-field input{height:36px;font:inherit;color:#0f172a;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:0 10px;font-size:14px}.leaves-year-field input:focus{border-color:var(--secondary-color);outline:none;box-shadow:0 0 0 3px #1e736b1f}.leaves-date-fields{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.leaves-balance-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.leaves-balance-card{background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:10px;min-width:0;padding:14px 16px;display:flex}.leaves-balance-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.leaves-balance-type{letter-spacing:.04em;text-transform:uppercase;color:#64748b;font-size:12px;font-weight:700}.leaves-balance-remaining{letter-spacing:-.03em;color:#0f172a;font-size:22px;font-weight:750;line-height:1}.leaves-balance-remaining.is-zero{color:#b91c1c}.leaves-balance-meta{color:#64748b;font-size:12px}.leaves-balance-bar{background:#e2e8f0;border-radius:999px;height:6px;overflow:hidden}.leaves-balance-bar-fill{background:linear-gradient(90deg,#1e736b 0%,#14b8a6 100%);border-radius:999px;height:100%;display:block}.leaves-balance-card.is-unpaid .leaves-balance-bar-fill{background:linear-gradient(90deg,#64748b 0%,#94a3b8 100%)}.leaves-balance-card.is-low .leaves-balance-bar-fill{background:linear-gradient(90deg,#d97706 0%,#f59e0b 100%)}.leaves-balance-card.is-empty .leaves-balance-bar-fill{background:linear-gradient(90deg,#b91c1c 0%,#ef4444 100%)}.leaves-type-badge,.leaves-status-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.leaves-type-casual{color:#1d4ed8;background:#2563eb1a}.leaves-type-sick{color:#b45309;background:#d977061f}.leaves-type-annual{color:#0f766e;background:#1e736b1f}.leaves-type-unpaid,.leaves-type-other{color:#475569;background:#f1f5f9}.leaves-status-pending{color:#b45309;background:#d977061f}.leaves-status-approved{color:#047857;background:#1e736b1a}.leaves-status-rejected{color:#b91c1c;background:#b91c1c1a}.leaves-status-cancelled{color:#64748b;background:#f1f5f9}.leaves-status-dot{background:currentColor;border-radius:999px;width:6px;height:6px}.leaves-date-cell{white-space:nowrap;flex-direction:column;gap:1px;line-height:1.25;display:flex}.leaves-date-weekday{letter-spacing:.04em;text-transform:uppercase;color:#94a3b8;font-size:11px;font-weight:700}.leaves-date-rest{color:#0f172a;font-size:13px;font-weight:600}.leaves-reason-cell{color:#475569;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:260px;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.leaves-person-cell{white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.leaves-person-avatar{color:#fff;background:linear-gradient(135deg,#134e4a 0%,#1e736b 100%);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:700;display:inline-flex}.leaves-person-name{color:#0f172a;font-size:13.5px;font-weight:550}.leaves-attachment-cell{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.leaves-attachment-link{color:var(--secondary-color);white-space:nowrap;align-items:center;gap:4px;font-size:12.5px;font-weight:600;text-decoration:none;display:inline-flex}.leaves-attachment-link:hover{text-decoration:underline}.leaves-row-actions{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.leaves-action-btn{height:32px;font:inherit;white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:12.5px;font-weight:600;transition:background-color .15s,border-color .15s,color .15s,transform .12s;display:inline-flex}.leaves-action-btn:hover:not(:disabled){transform:translateY(-1px)}.leaves-action-btn:disabled{opacity:.55;cursor:not-allowed}.leaves-action-edit,.leaves-action-review{color:#475569;background:#fff;border-color:#e2e8f0}.leaves-action-edit:hover:not(:disabled),.leaves-action-review:hover:not(:disabled){color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.leaves-action-cancel{color:#be123c;background:#fff1f2;border-color:#fecaca}.leaves-action-cancel:hover:not(:disabled){background:#ffe4e6}.leaves-table th,.leaves-table td{vertical-align:middle}.leaves-table .leaves-actions-cell{white-space:nowrap;text-align:center;width:1%;display:table-cell}.leaves-table th:last-child{text-align:center}@media (width<=900px){.leaves-stats-grid,.leaves-balance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.leaves-stats-grid,.leaves-balance-grid,.leaves-date-fields{grid-template-columns:1fr}.leaves-balance-toolbar,.leaves-employee-filter{flex-direction:column;align-items:stretch}.leaves-page .leaves-employee-filter .employee-search-select{min-width:0}}.leave-balance-card{overflow:hidden}.leave-balance-subtitle{color:#667085;max-width:760px;margin:6px 0 0;font-size:14px}.leave-balance-refresh-btn{align-items:center;gap:8px;display:inline-flex}.leave-balance-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.leave-balance-filters{align-items:end}.leave-balance-search{flex:1;min-width:260px}.leave-balance-search-field{background:#fff;border:1px solid #d0d5dd;border-radius:8px;align-items:center;gap:10px;padding:0 12px;display:flex}.leave-balance-search-field input{background:0 0;border:0;outline:none;width:100%;padding:10px 0;font-size:14px}.leave-balance-table-wrap{border:1px solid #eaecf0;border-radius:12px;overflow-x:auto}.leave-balance-table{min-width:1080px;margin:0}.leave-balance-table thead th{color:#475467;vertical-align:middle;background:#f9fafb;border-bottom:1px solid #eaecf0;padding:14px 16px;font-size:13px;font-weight:600}.leave-balance-table tbody td{vertical-align:top;border-bottom:1px solid #f2f4f7;padding:18px 16px}.leave-balance-row:last-child td{border-bottom:0}.leave-balance-index-col{color:#98a2b3;width:48px;font-weight:600}.leave-balance-employee-col{min-width:180px}.leave-balance-department-col{min-width:170px}.leave-balance-leave-col,.leave-balance-unpaid-col{min-width:120px}.leave-balance-employee-name{color:#101828;font-size:15px;font-weight:700;line-height:1.3}.leave-balance-employee-id{color:#667085;margin-top:4px;font-size:13px}.leave-balance-department-name{color:#344054;font-size:14px;font-weight:600;line-height:1.4}.leave-balance-pools-line{color:#667085;margin-top:4px;font-size:12px}.leave-pool-stack{flex-direction:column;gap:0;display:flex}.leave-pool-stack.is-multi{gap:14px}.leave-progress-cell,.leave-unpaid-cell{flex-direction:column;gap:6px;min-width:92px;display:flex}.leave-progress-pool-label{color:#667085;font-size:12px;font-weight:600;line-height:1.2}.leave-progress-ratio{color:#101828;font-size:14px;font-weight:700;line-height:1}.leave-progress-bar{background:#eaecf0;border-radius:999px;width:100%;height:6px;overflow:hidden}.leave-progress-bar-fill{border-radius:inherit;background:#1f6f78;height:100%;display:block}.leave-progress-left{color:#667085;font-size:12px;line-height:1.2}.leave-progress-left.is-zero{color:#d92d20;font-weight:600}.leave-unpaid-badge{color:#344054;white-space:nowrap;background:#f2f4f7;border-radius:999px;justify-content:center;align-items:center;min-width:72px;padding:8px 12px;font-size:13px;font-weight:600;display:inline-flex}.leave-unpaid-cell{align-items:flex-start}@media (width<=900px){.leave-balance-table{min-width:960px}}.notification-page{flex-direction:column;gap:16px;max-width:1120px;margin:0 auto;padding-bottom:12px;display:flex}.notification-hero{color:#fff;background:linear-gradient(135deg,#1e736b 0%,#155e58 48%,#ed8838 128%);border-radius:20px;padding:26px 28px;position:relative;overflow:hidden;box-shadow:0 16px 40px #1e736b33}.notification-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 88% 12%,#ffffff2e 0%,#0000 42%),radial-gradient(circle at 12% 88%,#ed883852 0%,#0000 40%);position:absolute;inset:0}.notification-hero-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex;position:relative}.notification-hero-copy{align-items:center;gap:16px;min-width:0;display:flex}.notification-hero-icon{background:#ffffff29;border:1px solid #ffffff47;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;display:inline-flex}.notification-hero-kicker{letter-spacing:.08em;text-transform:uppercase;color:#ffffffb8;margin:0 0 4px;font-size:11px;font-weight:700}.notification-hero-text h2{letter-spacing:-.03em;margin:0 0 6px;font-size:26px;font-weight:800}.notification-hero-text>p{color:#ffffffdb;max-width:540px;margin:0 0 12px;font-size:14px;line-height:1.5}.notification-hero-badges{flex-wrap:wrap;gap:8px;display:flex}.notification-hero-badge{background:#ffffff24;border:1px solid #ffffff38;border-radius:999px;align-items:center;padding:5px 11px;font-size:12px;font-weight:700;display:inline-flex}.notification-hero-badge.is-live{color:#c2410c;background:#fffffff0;border-color:#0000}.notification-hero-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.notification-hero-btn{color:#fff;min-height:42px;font:inherit;cursor:pointer;background:#ffffff24;border:1px solid #ffffff47;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.notification-hero-btn:hover:not(:disabled){background:#ffffff38}.notification-hero-btn-primary{color:#155e58;background:#fff;border-color:#0000}.notification-hero-btn-primary:hover:not(:disabled){background:#f8fafc}.notification-hero-btn:disabled{opacity:.6;cursor:not-allowed}.notification-spin{animation:.8s linear infinite notification-spin}@keyframes notification-spin{to{transform:rotate(360deg)}}.notification-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.notification-stat-card{text-align:left;font:inherit;cursor:pointer;background:#fff;border:1px solid #0f172a0f;border-radius:16px;align-items:center;gap:12px;padding:16px 18px;transition:border-color .2s,box-shadow .2s,transform .15s;display:flex;box-shadow:0 8px 24px #0f172a0d}.notification-stat-card:hover{transform:translateY(-1px);box-shadow:0 12px 28px #0f172a14}.notification-stat-card.is-selected{box-shadow:0 0 0 3px #1e736b1f}.notification-stat-card.is-teal.is-selected{border-color:#1e736b66}.notification-stat-card.is-accent.is-selected{border-color:#ed883880;box-shadow:0 0 0 3px #ed883824}.notification-stat-card.is-muted.is-selected{border-color:#64748b66}.notification-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.notification-stat-card.is-teal .notification-stat-icon{color:var(--secondary-color);background:#1e736b1a}.notification-stat-card.is-accent .notification-stat-icon{color:var(--primary-color);background:#ed883824}.notification-stat-card.is-muted .notification-stat-icon{color:#64748b;background:#f1f5f9}.notification-stat-card p{color:#64748b;margin:0;font-size:12px;font-weight:700}.notification-stat-card strong{letter-spacing:-.03em;color:#0f172a;margin-top:2px;font-size:22px;font-weight:800;display:block}.notification-inbox-card{background:#fff;border:1px solid #0f172a0f;border-radius:18px;padding:18px 18px 16px;position:relative;overflow:hidden;box-shadow:0 8px 24px #0f172a0d}.notification-refresh-bar{background:linear-gradient(90deg,#0000,#ed8838,#1e736b,#0000) 0 0/200% 100%;height:3px;animation:1.1s linear infinite notification-shimmer;position:absolute;top:0;left:0;right:0}@keyframes notification-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.notification-inbox-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.notification-inbox-header h3{color:#0f172a;letter-spacing:-.02em;margin:0 0 4px;font-size:16px;font-weight:800}.notification-inbox-header p{color:#64748b;margin:0;font-size:13px}.notification-inbox-actions{flex-wrap:wrap;gap:8px;display:flex}.notification-ghost-btn{color:#334155;min-height:36px;font:inherit;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:650;display:inline-flex}.notification-ghost-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.notification-ghost-btn.is-danger{color:#b91c1c;background:#fff7f7;border-color:#fecaca}.notification-ghost-btn.is-danger:hover:not(:disabled){background:#fef2f2}.notification-ghost-btn:disabled{opacity:.5;cursor:not-allowed}.notification-inbox-card .department-alert{margin:0 0 14px}.notification-toolbar{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.notification-search{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:10px;width:100%;min-height:44px;padding:0 14px;display:flex}.notification-search:focus-within{border-color:var(--secondary-color);background:#fff;box-shadow:0 0 0 3px #1e736b1f}.notification-search input{min-width:0;font:inherit;color:#0f172a;background:0 0;border:none;outline:none;flex:1;font-size:14px}.notification-filter-tabs{background:#f1f5f9;border-radius:14px;flex-wrap:wrap;gap:6px;width:fit-content;max-width:100%;padding:4px;display:inline-flex}.notification-filter-tab{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:650;transition:all .2s;display:inline-flex}.notification-filter-tab:hover{color:#334155;background:#ffffffb3}.notification-filter-tab.active{color:var(--secondary-color);background:#fff;box-shadow:0 2px 8px #0f172a14}.notification-filter-count{min-width:20px;height:20px;color:var(--secondary-color);background:#1e736b1f;border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:800;display:inline-flex}.notification-list{flex-direction:column;gap:10px;display:flex}.notification-item{background:#fff;border:1px solid #e8eef3;border-radius:16px;align-items:flex-start;gap:8px;padding:6px;transition:border-color .2s,box-shadow .2s,transform .15s;animation:.35s both notification-in;display:flex;position:relative;overflow:hidden}.notification-item:before{content:"";background:#94a3b8;width:4px;position:absolute;top:0;bottom:0;left:0}.notification-item.is-info:before{background:#3b82f6}.notification-item.is-warning:before{background:var(--primary-color)}.notification-item.is-error:before{background:#dc2626}.notification-item.is-success:before,.notification-item.is-default:before{background:var(--secondary-color)}.notification-item:hover,.notification-item.is-selected{border-color:#d5dee8;transform:translateY(-1px);box-shadow:0 10px 24px #0f172a12}.notification-item.is-selected{border-color:#1e736b59;box-shadow:0 0 0 3px #1e736b1a}.notification-item.is-unread{background:linear-gradient(#fff8f1 0%,#fff 72%);border-color:#ed883847}.notification-item:first-child{animation-delay:20ms}.notification-item:nth-child(2){animation-delay:60ms}.notification-item:nth-child(3){animation-delay:.1s}.notification-item:nth-child(4){animation-delay:.14s}.notification-item:nth-child(5){animation-delay:.18s}@keyframes notification-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.notification-item-main{text-align:left;min-width:0;font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;border-radius:12px;flex:1;align-items:flex-start;gap:14px;padding:12px 8px 12px 16px;display:flex}.notification-item-main:hover{background:#f8fafce6}.notification-item-icon{border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex;position:relative}.notification-unread-dot{background:var(--primary-color);border:2px solid #fff;border-radius:50%;width:10px;height:10px;animation:1.8s ease-out infinite notification-pulse;position:absolute;top:-3px;right:-3px;box-shadow:0 0 #ed883873}@keyframes notification-pulse{70%{box-shadow:0 0 0 8px #ed883800}to{box-shadow:0 0 #ed883800}}.notification-item-icon.is-info{color:#2563eb;background:#3b82f61f}.notification-item-icon.is-warning{color:var(--primary-color);background:#ed883824}.notification-item-icon.is-error{color:#dc2626;background:#ef44441f}.notification-item-icon.is-success,.notification-item-icon.is-default{color:var(--secondary-color);background:#1e736b1f}.notification-item-body{flex:1;min-width:0}.notification-item-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:6px;display:flex}.notification-item-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:15px;font-weight:800;line-height:1.4}.notification-item-time{color:#94a3b8;white-space:nowrap;flex-shrink:0;align-items:center;gap:5px;font-size:12px;font-weight:600;display:inline-flex}.notification-item-message{color:#64748b;margin:0 0 10px;font-size:14px;line-height:1.55}.notification-item-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.notification-item-open{color:var(--secondary-color);opacity:.72;flex-shrink:0;align-items:center;gap:2px;margin-top:12px;font-size:12px;font-weight:700;display:inline-flex}.notification-item-main:hover .notification-item-open{opacity:1}.notification-type-badge,.notification-status-badge{letter-spacing:.03em;text-transform:uppercase;border-radius:999px;align-items:center;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.notification-type-badge{color:#475569;background:#f1f5f9}.notification-type-badge.is-info{color:#1d4ed8;background:#3b82f61f}.notification-type-badge.is-warning{color:#c2410c;background:#ed883824}.notification-type-badge.is-error{color:#b91c1c;background:#ef44441f}.notification-type-badge.is-success,.notification-type-badge.is-default{color:#0f766e;background:#1e736b1f}.notification-status-badge.is-unread,.notification-status-unread{color:var(--primary-color);background:#ed883824}.notification-status-badge.is-read,.notification-status-read{color:#64748b;background:#f1f5f9}.notification-item-actions{flex-direction:column;flex-shrink:0;gap:8px;padding:10px 8px 10px 0;display:flex}.notification-item-btn{color:#334155;min-height:34px;font:inherit;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:6px 11px;font-size:12px;font-weight:700;display:inline-flex}.notification-item-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.notification-item-btn.is-danger{color:#b91c1c;border-color:#fecaca}.notification-item-btn.is-danger:hover:not(:disabled){background:#fef2f2}.notification-item-btn:disabled{opacity:.5;cursor:not-allowed}.notification-empty{text-align:center;color:#64748b;flex-direction:column;align-items:center;padding:48px 20px;display:flex}.notification-empty-icon{color:#64748b;background:#f1f5f9;border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:14px;display:inline-flex}.notification-empty-icon.is-calm{color:var(--secondary-color);background:#1e736b1a}.notification-empty.is-error .notification-empty-icon{color:#dc2626;background:#fef2f2}.notification-empty h3{color:#0f172a;margin:0 0 6px;font-size:18px;font-weight:800}.notification-empty p{max-width:360px;margin:0 0 16px;font-size:14px;line-height:1.5}.notification-skeleton{gap:10px;display:grid}.notification-skeleton-card{background:#fff;border:1px solid #eef2f6;border-radius:16px;gap:14px;padding:16px;display:flex}.notification-skeleton-icon,.notification-skeleton-line{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 37%,#f1f5f9 63%) 0 0/400% 100%;border-radius:10px;animation:1.2s infinite notification-shimmer}.notification-skeleton-icon{flex-shrink:0;width:44px;height:44px}.notification-skeleton-body{flex:1;gap:8px;display:grid}.notification-skeleton-line.is-title{width:42%;height:14px}.notification-skeleton-line.is-copy{width:78%;height:12px}.notification-skeleton-line.is-meta{width:28%;height:10px}.notification-detail{gap:16px;display:grid}.notification-detail-loading{color:#64748b;margin:0;font-size:13px}.notification-detail-head{align-items:center;gap:12px;display:flex}.notification-detail-kicker{letter-spacing:.06em;text-transform:uppercase;color:#64748b;margin:0 0 8px;font-size:11px;font-weight:700}.notification-detail-head-meta{flex-wrap:wrap;gap:8px;display:flex}.notification-detail-message{background:linear-gradient(#f8fafc 0%,#fff 100%);border:1px solid #eef2f6;border-radius:14px;padding:16px 18px}.notification-detail-message h4{letter-spacing:.04em;text-transform:uppercase;color:#64748b;margin:0 0 8px;font-size:12px;font-weight:700}.notification-detail-message p{color:#0f172a;white-space:pre-wrap;margin:0;font-size:15px;line-height:1.65}.notification-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.notification-detail-grid div{background:#f8fafc;border:1px solid #eef2f6;border-radius:12px;padding:12px 14px}.notification-detail-grid span{letter-spacing:.04em;text-transform:uppercase;color:#64748b;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.notification-detail-grid strong{color:#0f172a;word-break:break-word;font-size:14px;font-weight:700}.notification-bulk-list{gap:16px;display:grid}.notification-bulk-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:16px;overflow:visible}.notification-bulk-item .employee-search-select{z-index:3}.notification-bulk-item-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.notification-bulk-remove{color:#b91c1c;cursor:pointer;background:#fee2e2;border:none;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.notification-bulk-add{margin-top:4px;margin-bottom:8px}@media (width<=768px){.notification-hero{padding:22px 18px}.notification-hero-text h2{font-size:22px}.notification-stats-grid{grid-template-columns:1fr}.notification-item{flex-direction:column}.notification-item-actions{flex-direction:row;width:100%;padding:0 8px 8px}.notification-item-btn{flex:1}.notification-item-open{display:none}.notification-detail-grid{grid-template-columns:1fr}}.tickets-page{gap:18px}.tickets-hero{color:#fff;background:linear-gradient(135deg,#1e736b 0%,#155e58 48%,#ed8838 128%);border-radius:18px;padding:26px 28px;position:relative;overflow:hidden;box-shadow:0 16px 40px #1e736b33}.tickets-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 88% 12%,#ffffff2e 0%,#0000 42%),radial-gradient(circle at 8% 92%,#ed883847 0%,#0000 38%);position:absolute;inset:0}.tickets-hero-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex;position:relative}.tickets-hero-copy{align-items:center;gap:16px;min-width:0;display:flex}.tickets-hero-icon{background:#ffffff29;border:1px solid #ffffff47;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;display:inline-flex}.tickets-hero-kicker{letter-spacing:.08em;text-transform:uppercase;color:#ffffffb8;margin:0 0 4px;font-size:11px;font-weight:700}.tickets-hero-text h2{letter-spacing:-.03em;margin:0 0 6px;font-size:26px;font-weight:800}.tickets-hero-text p{color:#ffffffdb;max-width:520px;margin:0;font-size:14px;line-height:1.5}.tickets-hero-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.tickets-hero-btn{color:#fff;min-height:42px;font:inherit;cursor:pointer;background:#ffffff24;border:1px solid #ffffff47;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.tickets-hero-btn:hover:not(:disabled){background:#ffffff38}.tickets-hero-btn:disabled{opacity:.6;cursor:not-allowed}.tickets-hero-btn-primary{color:#155e58;background:#fff;border-color:#0000}.tickets-hero-btn-primary:hover:not(:disabled){background:#f8fafc}.ticket-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.ticket-stat-card{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;background:#fff;border:1px solid #e5e7eb;border-radius:14px;align-items:center;gap:12px;padding:14px 16px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.ticket-stat-card:hover{border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 8px 20px #0f172a0f}.ticket-stat-card-active{border-color:#0000;box-shadow:0 10px 24px #1e736b1f}.ticket-stat-card-total.ticket-stat-card-active{background:linear-gradient(#fff 0%,#f8fafc 100%);border-color:#cbd5e1}.ticket-stat-card-open.ticket-stat-card-active{background:#3b82f614;border-color:#3b82f647}.ticket-stat-card-progress.ticket-stat-card-active{background:#ed883814;border-color:#ed88384d}.ticket-stat-card-closed.ticket-stat-card-active{background:#1e736b14;border-color:#1e736b47}.ticket-stat-icon-open{color:#2563eb;background:#3b82f61f}.ticket-stat-icon-progress{color:var(--primary-color);background:#ed88381f}.ticket-stat-icon-closed{color:var(--secondary-color);background:#1e736b1f}.tickets-page .tickets-board.department-list-card{box-shadow:none;background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:visible}.tickets-board .department-state{background:#fff;border:1px dashed #dbe3ea;border-radius:14px}.tickets-table-wrap{background:#fff;border:1px solid #0f172a14;border-radius:12px;width:100%;max-width:100%;overflow-x:auto}.tickets-table{border-collapse:collapse;table-layout:auto;width:100%;min-width:780px;font-size:13px}.tickets-table thead{background:#134e4a}.tickets-table th,.tickets-table td{text-align:left;vertical-align:middle;padding:14px 12px}.tickets-table th{letter-spacing:.06em;text-transform:uppercase;color:#fff;white-space:nowrap;background:#134e4a;border-bottom:none;font-size:11px;font-weight:700}.tickets-table tbody td{color:#1e293b;background:0 0;border-bottom:1px solid #e2e8f0}.tickets-table tbody tr:nth-child(odd){background:#fff}.tickets-table tbody tr:nth-child(2n){background:#f0fdfa}.tickets-table tbody tr:hover{background:#ecfdf5}.tickets-table tbody tr:last-child td{border-bottom:none}.tickets-col-ticket{min-width:220px}.tickets-col-category,.tickets-col-status,.tickets-col-priority{white-space:nowrap;width:1%}.tickets-col-person{min-width:140px}.tickets-table-actions{white-space:nowrap;width:1%}.ticket-code{color:#134e4a;letter-spacing:.04em;background:#134e4a1a;border-radius:999px;align-items:center;padding:2px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;font-weight:800;display:inline-flex}.ticket-meta-chip{color:#64748b;background:#f1f5f9;border-radius:999px;align-items:center;gap:4px;padding:2px 7px;font-size:11px;font-weight:700;display:inline-flex}.tickets-table .ticket-title-cell strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.tickets-table .ticket-person-chip{max-width:100%}.tickets-table .ticket-person-name{min-width:0}.tickets-table .ticket-status-select{appearance:none;width:auto;min-width:0;max-width:148px;font:inherit;cursor:pointer;background-image:radial-gradient(circle,currentColor 0 3px,#0000 3.5px),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:10px,right 8px center;background-repeat:no-repeat,no-repeat;background-size:7px 7px,12px;border:none;border-radius:999px;padding:6px 26px 6px 22px;font-size:12px;font-weight:700}.tickets-table .ticket-status-select:disabled{opacity:.7;cursor:not-allowed}.tickets-action-group{align-items:center;gap:6px;display:inline-flex}.tickets-action-btn{color:#fff;width:auto;min-height:32px;font:inherit;cursor:pointer;background:#134e4a;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:700;transition:opacity .15s,transform .15s;display:inline-flex}.tickets-action-btn:hover{opacity:.9;transform:translateY(-1px)}.tickets-action-btn-danger{color:#fff;background:#dc2626}.tickets-action-btn-danger:hover:not(:disabled){background:#b91c1c}.tickets-action-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.tickets-tabs{border-bottom:1px solid #e5e7eb;align-items:stretch;gap:20px;margin:-4px 0 18px;padding:0 2px;display:flex}.tickets-tab{color:#64748b;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:0;align-items:center;gap:8px;margin:0;padding:12px 0 14px;font-size:14px;font-weight:650;display:inline-flex;position:relative}.tickets-tab:hover{color:#0f172a;background:0 0}.tickets-tab.is-active{color:#155e58;background:0 0}.tickets-tab.is-active:after{content:"";background:#1e736b;border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.ticket-status-badge,.ticket-priority-badge,.ticket-category-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.ticket-status-badge:before,.ticket-priority-badge:before{content:"";background:currentColor;border-radius:999px;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 0 3px #0f172a0f}.ticket-status-open{color:#1d4ed8;background:#3b82f61f}.ticket-status-in-progress{color:#c2410c;background:#ed883829}.ticket-status-resolved{color:#155e58;background:#1e736b1f}.ticket-status-closed,.ticket-priority-low{color:#475569;background:#eef2f6}.ticket-priority-medium{color:#1d4ed8;background:#3b82f61f}.ticket-priority-high{color:#c2410c;background:#ed883829}.ticket-priority-critical{color:#b91c1c;background:#ef444424}.ticket-category-badge{font-weight:700}.ticket-category-badge:before{content:"";background:currentColor;border-radius:2px;flex-shrink:0;width:7px;height:7px}.ticket-category-maintenance{color:#b45309;background:#f59e0b29}.ticket-category-technical{color:#4338ca;background:#6366f124}.ticket-category-hr{color:#be185d;background:#ec489924}.ticket-category-admin{color:#0369a1;background:#0ea5e924}.ticket-category-other{color:#475569;background:#eef2f6}.ticket-title-cell{flex-direction:column;gap:7px;display:flex}.ticket-title-cell strong{letter-spacing:-.02em;color:#0f172a;font-size:14px;font-weight:800}.ticket-title-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ticket-title-meta .department-code{color:#94a3b8;font-size:12px}.ticket-status-select{min-width:130px;font:inherit;background:#fff;border:1px solid #dbe3ea;border-radius:8px;padding:6px 10px;font-size:12px}.ticket-person-chip,.ticket-person-empty{align-items:center;gap:8px;min-width:0;display:inline-flex}.ticket-person-avatar{color:#155e58;background:#1e736b1f;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:800;display:inline-flex;box-shadow:inset 0 0 0 1px #0f172a0a}.ticket-person-avatar-teal{color:#155e58;background:#1e736b29}.ticket-person-avatar-orange{color:#c2410c;background:#ed88382e}.ticket-person-avatar-blue{color:#1d4ed8;background:#3b82f629}.ticket-person-avatar-violet{color:#4338ca;background:#6366f129}.ticket-person-avatar-rose{color:#be123c;background:#f43f5e24}.ticket-person-avatar-cyan{color:#0e7490;background:#06b6d429}.ticket-person-avatar-empty{color:#94a3b8;background:#eef2f6;font-size:11px}.ticket-person-name{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.ticket-person-empty{color:#94a3b8;font-size:13px;font-weight:600}.ticket-created-cell{color:#64748b;white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:inline-flex}.ticket-form-section{background:#f8fafb;border:1px solid #e8eef1;border-radius:14px;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px;display:grid}.ticket-form-section-title{letter-spacing:.04em;text-transform:uppercase;color:#64748b;grid-column:1/-1;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:800;display:flex}.tickets-page .department-filters .employee-search-select{min-width:260px}.ticket-detail-panel{gap:16px;display:grid}.ticket-detail-meta{flex-wrap:wrap;gap:8px;display:flex}.ticket-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.ticket-detail-card{background:#f8fafb;border:1px solid #e8eef1;border-radius:12px;padding:12px 14px}.ticket-detail-card-label{letter-spacing:.04em;text-transform:uppercase;color:#94a3b8;align-items:center;gap:6px;margin:0 0 6px;font-size:11px;font-weight:700;display:flex}.ticket-detail-description{color:#334155;white-space:pre-wrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin:0;padding:14px 16px;line-height:1.6}.ticket-comments-section,.ticket-attachments-section{gap:12px;display:grid}.ticket-comments-section h4,.ticket-attachments-section h4{align-items:center;gap:6px;margin:0;font-size:15px;display:inline-flex}.ticket-comments-list{gap:10px;max-height:240px;display:grid;overflow:auto}.ticket-comment-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:32px minmax(0,1fr);gap:10px;padding:12px;display:grid}.ticket-comment-avatar{color:#155e58;background:#1e736b1f;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:800;display:inline-flex}.ticket-comment-item p{margin:0 0 6px}.ticket-comment-form{gap:10px;display:grid}.ticket-comment-form textarea{width:100%;font:inherit;resize:vertical;border:1px solid #dbe3ea;border-radius:10px;padding:10px 12px}.ticket-comment-count{color:#64748b;align-items:center;gap:4px;font-size:12px;display:inline-flex}.tickets-empty{text-align:center;padding:36px 16px}@media (width<=900px){.ticket-stats-grid,.ticket-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.tickets-hero{padding:20px}.tickets-hero-text h2{font-size:22px}.ticket-form-section,.ticket-detail-grid{grid-template-columns:1fr}}@media (width<=520px){.ticket-stats-grid{grid-template-columns:1fr}}.assets-view-tabs{background:#f1f5f9;border-radius:12px;flex-wrap:wrap;gap:8px;margin-bottom:20px;padding:4px;display:inline-flex}.assets-view-tab{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.assets-view-tab:hover{color:#334155;background:#fff9}.assets-view-tab.active{color:var(--secondary-color);background:#fff;box-shadow:0 2px 8px #0f172a14}.asset-stat-icon-assigned{color:#2563eb;background:#3b82f61f}.asset-stat-icon-maintenance{color:var(--primary-color);background:#ed88381f}.asset-stat-icon-retired{color:#64748b;background:#64748b1f}.asset-status-badge{white-space:nowrap;border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.asset-status-available{color:var(--secondary-color);background-color:#1e736b1a}.asset-status-assigned{color:#2563eb;background-color:#3b82f61a}.asset-status-maintenance{color:var(--primary-color);background-color:#ed88381f}.asset-status-retired{color:#64748b;background-color:#f1f5f9}.asset-category-pill{color:#4338ca;background:#6366f11a;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.asset-status-select{min-width:128px;font:inherit;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1px solid #0000;border-radius:999px;padding:6px 28px 6px 10px;font-size:12px;font-weight:700;transition:box-shadow .15s,border-color .15s}.asset-status-select:hover:not(:disabled),.asset-status-select:focus{outline:none;box-shadow:0 0 0 3px #1e736b1f}.asset-status-select:disabled{opacity:.65;cursor:wait}.asset-status-select.asset-status-available{border-color:#1e736b40}.asset-status-select.asset-status-assigned{border-color:#2563eb40}.asset-status-select.asset-status-maintenance{border-color:#ed88384d}.asset-status-select.asset-status-retired{border-color:#e2e8f0}.asset-name-cell{align-items:center;gap:12px;min-width:180px;display:flex}.asset-table-avatar{width:36px;height:36px;color:var(--secondary-color);background:linear-gradient(145deg,#1e736b29,#1e736b0f);border:1px solid #1e736b26;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.asset-name-meta{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:flex}.asset-name-title{color:#0f172a;font-weight:650;line-height:1.3}.asset-qty-cell{text-align:center}.asset-qty-badge{color:#334155;font-variant-numeric:tabular-nums;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;min-width:28px;height:28px;padding:0 8px;font-size:13px;font-weight:700;display:inline-flex}.asset-spec-chips{flex-wrap:wrap;gap:6px;max-width:220px;display:flex}.asset-spec-chip{color:#334155;white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-flex}.asset-spec-chip-label{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:10px;font-weight:700}.asset-date-cell{color:#475569;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px}.asset-assigned-pill{color:#1d4ed8;background:#3b82f61a;border-radius:999px;align-items:center;gap:6px;max-width:180px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.asset-assigned-stack,.asset-assignee-list{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:inline-flex}.asset-assigned-more{color:#334155;background:#e2e8f0;border-radius:999px;justify-content:center;align-items:center;min-width:28px;height:24px;padding:0 8px;font-size:11px;font-weight:700;display:inline-flex}.asset-assigned-pill-location{color:var(--secondary-color);background:#1e736b1a}.asset-assign-target-label{color:#334155;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.asset-assign-target-tabs{flex-wrap:wrap;gap:8px;display:flex}.asset-assign-target-tab{color:#475569;cursor:pointer;background:#fff;border:1px solid #1e736b2e;border-radius:10px;align-items:center;gap:8px;padding:9px 14px;font-size:13px;font-weight:600;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.asset-assign-target-tab:hover:not(:disabled){color:var(--secondary-color);border-color:#1e736b59}.asset-assign-target-tab.is-active{border-color:var(--secondary-color);color:var(--secondary-color);background:#1e736b1a}.asset-assign-target-tab:disabled{opacity:.6;cursor:not-allowed}.asset-unassigned-pill{color:#64748b;background:#f1f5f9;border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.asset-row-actions{justify-content:center;align-items:center;gap:6px;display:inline-flex}.asset-table-actions{white-space:nowrap;vertical-align:middle;text-align:center;width:1%}.asset-action-primary{color:var(--secondary-color);background:#1e736b0f;border-color:#1e736b47}.asset-action-primary:hover:not(:disabled){background:#1e736b1f;border-color:#1e736b66}.asset-actions-trigger.is-open{color:var(--secondary-color);background:#1e736b1a;border-color:#1e736b33}.asset-actions-menu{z-index:40;background:#fff;border:1px solid #e2e8f0;border-radius:12px;gap:2px;min-width:180px;padding:6px;display:grid;position:fixed;box-shadow:0 10px 30px #0f172a1f,0 2px 8px #0f172a0f}.asset-actions-menu-up{transform:translateY(-100%)}.asset-actions-menu-item{color:#334155;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:9px 10px;font-size:13px;font-weight:600;transition:background-color .12s,color .12s;display:flex}.asset-actions-menu-item:hover:not(:disabled){color:var(--secondary-color);background:#f0fdfa}.asset-actions-menu-item:disabled{opacity:.5;cursor:not-allowed}.asset-actions-menu-item-danger{color:#dc2626}.asset-actions-menu-item-danger:hover:not(:disabled){color:#b91c1c;background:#fef2f2}.asset-actions-menu-divider{background:#e2e8f0;height:1px;margin:4px 6px}.asset-detail-panel{gap:18px;display:grid}.asset-detail-hero{background:linear-gradient(135deg,#1e736b14 0%,#ed88380f 100%);border:1px solid #1e736b1f;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px;display:flex}.asset-detail-hero-main{align-items:center;gap:14px;min-width:0;display:flex}.asset-detail-hero-thumb,.asset-detail-hero-avatar{border-radius:14px;flex-shrink:0;width:56px;height:56px}.asset-detail-hero-thumb{object-fit:cover;background:#fff;border:1px solid #1e736b2e}.asset-detail-hero-avatar{background:linear-gradient(145deg, var(--secondary-color), #0d9488);color:#fff;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:inline-flex;box-shadow:0 8px 20px #1e736b38}.asset-detail-hero-copy{min-width:0}.asset-detail-hero-copy h3{color:#0f172a;margin:0 0 4px;font-size:18px;font-weight:700;line-height:1.3}.asset-detail-hero-copy p{color:#64748b;margin:0;font-size:13px;line-height:1.45}.asset-detail-hero-badges{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.asset-detail-status-bar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;padding:14px 16px;display:flex}.asset-detail-status-copy{gap:2px;min-width:0;display:grid}.asset-detail-status-label{color:#0f172a;font-size:13px;font-weight:700}.asset-detail-status-hint{color:#64748b;font-size:12px}.asset-detail-status-bar .asset-status-select{min-width:148px}.asset-detail-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.asset-detail-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:flex-start;gap:12px;min-width:0;padding:14px 16px;display:flex}.asset-detail-card-icon{width:34px;height:34px;color:var(--secondary-color);background:#1e736b1a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.asset-detail-card-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.asset-detail-card-value{color:#0f172a;word-break:break-word;font-size:14px;font-weight:600;line-height:1.4;display:block}.asset-detail-section-head h4{color:#334155;align-items:center;gap:8px;margin:0 0 10px;font-size:13px;font-weight:700;display:inline-flex}.asset-detail-media,.asset-detail-notes-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:14px 16px}.asset-detail-notes{color:#475569;margin:0;font-size:14px;line-height:1.55}.asset-image-preview-wrap{gap:10px;display:grid}.asset-image-preview{object-fit:cover;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;width:100%;max-width:280px;max-height:180px}.asset-table-thumb{object-fit:cover;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;width:36px;height:36px}.department-filters .employee-search-select{min-width:260px}@media (width<=640px){.asset-detail-cards{grid-template-columns:1fr}.asset-detail-status-bar{align-items:stretch}.asset-detail-status-bar .asset-status-select{width:100%}}.tasks-page{gap:18px}.tasks-hero{color:#fff;background:linear-gradient(135deg,#1e736b 0%,#155e58 48%,#ed8838 128%);border-radius:18px;padding:26px 28px;position:relative;overflow:hidden;box-shadow:0 16px 40px #1e736b33}.tasks-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 88% 12%,#ffffff2e 0%,#0000 42%),radial-gradient(circle at 8% 92%,#ed883847 0%,#0000 38%);position:absolute;inset:0}.tasks-hero-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex;position:relative}.tasks-hero-copy{align-items:center;gap:16px;min-width:0;display:flex}.tasks-hero-icon{background:#ffffff29;border:1px solid #ffffff47;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;display:inline-flex}.tasks-hero-kicker{letter-spacing:.08em;text-transform:uppercase;color:#ffffffb8;margin:0 0 4px;font-size:11px;font-weight:700}.tasks-hero-text h2{letter-spacing:-.03em;margin:0 0 6px;font-size:26px;font-weight:800}.tasks-hero-text p{color:#ffffffdb;max-width:520px;margin:0;font-size:14px;line-height:1.5}.tasks-hero-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.tasks-hero-btn{color:#fff;min-height:42px;font:inherit;cursor:pointer;background:#ffffff24;border:1px solid #ffffff47;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.tasks-hero-btn:hover:not(:disabled){background:#ffffff38}.tasks-hero-btn:disabled{opacity:.6;cursor:not-allowed}.tasks-hero-btn-primary{color:#155e58;background:#fff;border-color:#0000}.tasks-hero-btn-primary:hover:not(:disabled){background:#f8fafc}.task-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.task-stat-card{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;background:#fff;border:1px solid #e5e7eb;border-radius:14px;align-items:center;gap:12px;padding:14px 16px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.task-stat-card:hover{border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 8px 20px #0f172a0f}.task-stat-card-active{border-color:#0000;box-shadow:0 10px 24px #1e736b1f}.task-stat-card-total.task-stat-card-active{background:linear-gradient(#fff 0%,#f8fafc 100%);border-color:#cbd5e1}.task-stat-card-todo.task-stat-card-active{background:#3b82f614;border-color:#3b82f647}.task-stat-card-progress.task-stat-card-active{background:#ed883814;border-color:#ed88384d}.task-stat-card-completed.task-stat-card-active{background:#1e736b14;border-color:#1e736b47}.task-stat-icon-todo{color:#2563eb;background:#3b82f61f}.task-stat-icon-progress{color:var(--primary-color);background:#ed88381f}.task-stat-icon-completed{color:var(--secondary-color);background:#1e736b1f}.task-stat-icon-total{color:#334155;background:#0f172a14}.tasks-page .tasks-board.department-list-card{box-shadow:none;background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:visible}.tasks-board .department-state{background:#fff;border:1px dashed #dbe3ea;border-radius:14px}.tasks-tabs{border-bottom:1px solid #e5e7eb;align-items:stretch;gap:20px;margin:-4px 0 18px;padding:0 2px;display:flex}.tasks-tab{color:#64748b;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:0;align-items:center;gap:8px;margin:0;padding:12px 0 14px;font-size:14px;font-weight:650;display:inline-flex;position:relative}.tasks-tab:hover{color:#0f172a;background:0 0}.tasks-tab.is-active{color:#155e58;background:0 0}.tasks-tab.is-active:after{content:"";background:#1e736b;border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.tasks-page .department-filters .employee-search-select{min-width:260px}.tasks-table-wrap{background:#fff;border:1px solid #0f172a14;border-radius:12px;width:100%;max-width:100%;overflow-x:auto}.tasks-table{border-collapse:collapse;table-layout:auto;width:100%;min-width:920px;font-size:13px}.tasks-table thead{background:#134e4a}.tasks-table th,.tasks-table td{text-align:left;vertical-align:middle;padding:14px 12px}.tasks-table th{letter-spacing:.06em;text-transform:uppercase;color:#fff;white-space:nowrap;background:#134e4a;border-bottom:none;font-size:11px;font-weight:700}.tasks-table tbody td{color:#1e293b;background:0 0;border-bottom:1px solid #e2e8f0}.tasks-table tbody tr:nth-child(odd){background:#fff}.tasks-table tbody tr:nth-child(2n){background:#f0fdfa}.tasks-table tbody tr:hover{background:#ecfdf5}.tasks-table tbody tr:last-child td{border-bottom:none}.tasks-col-task{width:26%;min-width:180px;max-width:280px;overflow:hidden}.tasks-col-project,.tasks-col-status,.tasks-col-priority,.tasks-col-due{white-space:nowrap;width:1%}.tasks-col-person{min-width:150px}.tasks-table-actions{white-space:nowrap;width:1%}.task-title-cell{flex-direction:column;gap:7px;min-width:0;max-width:100%;display:flex}.task-title-cell strong{letter-spacing:-.02em;color:#0f172a;text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:14px;font-weight:800;display:block;overflow:hidden}.task-title-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.task-code{color:#134e4a;letter-spacing:.04em;background:#134e4a1a;border-radius:999px;align-items:center;padding:2px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;font-weight:800;display:inline-flex}.task-meta-chip{color:#64748b;background:#f1f5f9;border-radius:999px;align-items:center;gap:4px;padding:2px 7px;font-size:11px;font-weight:700;display:inline-flex}.task-status-badge,.task-priority-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.task-status-badge:before,.task-priority-badge:before{content:"";background:currentColor;border-radius:999px;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 0 3px #0f172a0f}.task-status-todo{color:#1d4ed8;background:#3b82f61f}.task-status-in-progress{color:#c2410c;background:#ed883829}.task-status-completed{color:#155e58;background:#1e736b1f}.task-priority-low{color:#475569;background:#eef2f6}.task-priority-medium{color:#1d4ed8;background:#3b82f61f}.task-priority-high{color:#c2410c;background:#ed883829}.task-priority-critical{color:#b91c1c;background:#ef444424}.task-project-pill{color:#0369a1;text-overflow:ellipsis;white-space:nowrap;background:#0ea5e91f;border-radius:999px;align-items:center;gap:6px;max-width:180px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex;overflow:hidden}.task-due-cell{white-space:nowrap;align-items:center;gap:6px;font-size:13px;font-weight:700;display:inline-flex}.task-due-overdue{color:#dc2626}.task-due-soon{color:#c2410c}.task-due-normal{color:#64748b;font-weight:600}.tasks-table .task-status-select{appearance:none;width:auto;min-width:0;max-width:148px;font:inherit;cursor:pointer;background-image:radial-gradient(circle,currentColor 0 3px,#0000 3.5px),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:10px,right 8px center;background-repeat:no-repeat,no-repeat;background-size:7px 7px,12px;border:none;border-radius:999px;padding:6px 26px 6px 22px;font-size:12px;font-weight:700}.tasks-table .task-status-select:disabled{opacity:.7;cursor:not-allowed}.task-status-select{min-width:130px;font:inherit;background:#fff;border:1px solid #dbe3ea;border-radius:8px;padding:6px 10px;font-size:12px}.task-person-chip,.task-person-empty{align-items:center;gap:8px;min-width:0;display:inline-flex}.task-person-avatar{color:#155e58;background:#1e736b1f;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:800;display:inline-flex;box-shadow:inset 0 0 0 1px #0f172a0a}.task-person-avatar-teal{color:#155e58;background:#1e736b29}.task-person-avatar-orange{color:#c2410c;background:#ed88382e}.task-person-avatar-blue{color:#1d4ed8;background:#3b82f629}.task-person-avatar-violet{color:#4338ca;background:#6366f129}.task-person-avatar-rose{color:#be123c;background:#f43f5e24}.task-person-avatar-cyan{color:#0e7490;background:#06b6d429}.task-person-avatar-empty{color:#94a3b8;background:#eef2f6;font-size:11px}.task-person-name{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.task-person-empty{color:#94a3b8;font-size:13px;font-weight:600}.task-assignees-list{flex-direction:column;gap:6px;display:flex}.task-assignee-more{color:#64748b;background:#f1f5f9;border-radius:999px;align-items:center;margin-left:4px;padding:2px 7px;font-size:11px;font-weight:800;display:inline-flex}.task-assignee-chips{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.task-assignee-chip{color:#334155;background:#fff;border:1px solid #dbe3ea;border-radius:999px;align-items:center;gap:6px;padding:4px 8px 4px 10px;font-size:12px;font-weight:600;display:inline-flex}.task-assignee-chip button{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;width:18px;height:18px;padding:0;display:inline-flex}.task-assignee-chip button:hover:not(:disabled){color:#0f172a;background:#e2e8f0}.task-assignee-chip button:disabled{cursor:not-allowed;opacity:.6}.tasks-action-group{align-items:center;gap:6px;display:inline-flex}.tasks-action-btn{color:#fff;width:auto;min-height:32px;font:inherit;cursor:pointer;background:#134e4a;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:700;transition:opacity .15s,transform .15s;display:inline-flex}.tasks-action-btn:hover{opacity:.9;transform:translateY(-1px)}.tasks-action-btn-danger{color:#fff;background:#dc2626}.tasks-action-btn-danger:hover:not(:disabled){background:#b91c1c}.tasks-action-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.task-form-section{background:#f8fafb;border:1px solid #e8eef1;border-radius:14px;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px;display:grid}.task-form-section-title{letter-spacing:.04em;text-transform:uppercase;color:#64748b;grid-column:1/-1;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:800;display:flex}.task-form-section .form-group.full-width{grid-column:1/-1}.form-modal-body .employee-search-select-menu{box-shadow:none;margin-top:6px;position:static}.task-detail-panel{gap:16px;display:grid}.task-detail-meta{flex-wrap:wrap;gap:8px;display:flex}.task-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.task-detail-card{background:#f8fafb;border:1px solid #e8eef1;border-radius:12px;padding:12px 14px}.task-detail-card-label{letter-spacing:.04em;text-transform:uppercase;color:#94a3b8;align-items:center;gap:6px;margin:0 0 8px;font-size:11px;font-weight:700;display:flex}.task-detail-description{color:#334155;white-space:pre-wrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin:0;padding:14px 16px;line-height:1.6}.task-comments-section,.task-attachments-section{gap:12px;display:grid}.task-comments-section h4,.task-attachments-section h4{align-items:center;gap:6px;margin:0;font-size:15px;display:inline-flex}.task-comments-list{gap:10px;max-height:240px;display:grid;overflow:auto}.task-comment-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:32px minmax(0,1fr);gap:10px;padding:12px;display:grid}.task-comment-avatar{color:#155e58;background:#1e736b1f;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:800;display:inline-flex}.task-comment-item p{margin:0 0 6px}.task-comment-form{gap:10px;display:grid}.task-comment-form textarea{width:100%;font:inherit;resize:vertical;border:1px solid #dbe3ea;border-radius:10px;padding:10px 12px}@media (width<=900px){.task-stats-grid,.task-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.tasks-hero{padding:20px}.tasks-hero-text h2{font-size:22px}.task-form-section,.task-detail-grid{grid-template-columns:1fr}}@media (width<=520px){.task-stats-grid{grid-template-columns:1fr}}.projects-page{max-width:1240px}.projects-hero{color:#fff;background:radial-gradient(900px 220px at 100% 0,#ed883838,#0000 42%),radial-gradient(720px 180px at 0 120%,#14b8a647,#0000 48%),linear-gradient(135deg,#0f3d3a 0%,#14532d 45%,#1e736b 100%);border-radius:18px;justify-content:space-between;align-items:flex-end;gap:20px;padding:26px 28px;display:flex;position:relative;overflow:hidden}.projects-hero-copy{min-width:0}.projects-hero-kicker{color:#ffffffe0;letter-spacing:.04em;text-transform:uppercase;background:#ffffff1f;border-radius:999px;align-items:center;gap:6px;margin:0 0 8px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.projects-hero h1{letter-spacing:-.04em;margin:0;font-size:30px;font-weight:750;line-height:1.15}.projects-hero p{color:#ffffffc7;max-width:520px;margin:8px 0 0;font-size:14px;line-height:1.5}.projects-overdue-chip{color:#fecaca;background:#ef44442e;border-radius:999px;align-items:center;gap:6px;margin-top:14px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.projects-hero-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.projects-hero-refresh{color:#fff!important;background:#ffffff1a!important;border-color:#fff3!important}.projects-hero-refresh:hover:not(:disabled){color:#fff!important;background:#ffffff2e!important}.projects-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.project-stat-card{appearance:none;text-align:left;cursor:pointer;width:100%;font:inherit;background:#fff;border:1px solid #e5e7eb;border-radius:14px;align-items:center;gap:14px;padding:16px 18px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #0f172a0a}.project-stat-card:before{content:"";width:4px;position:absolute;top:0;bottom:0;left:0}.project-stat-card.is-total:before{background:#334155}.project-stat-card.is-active:before{background:#1e736b}.project-stat-card.is-hold:before{background:#ed8838}.project-stat-card.is-completed:before{background:#2563eb}.project-stat-card:hover{transform:translateY(-1px);box-shadow:0 8px 20px #0f172a14}.project-stat-card.is-selected{box-shadow:0 0 0 3px #1e736b24}.project-stat-card.is-total.is-selected{border-color:#334155}.project-stat-card.is-active.is-selected{border-color:#1e736b}.project-stat-card.is-hold.is-selected{border-color:#ed8838;box-shadow:0 0 0 3px #ed883829}.project-stat-card.is-completed.is-selected{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb24}.project-stat-card .department-stat-value{font-size:24px}.project-stat-icon-total{color:#334155;background:#0f172a14}.project-stat-icon-active{color:#0f766e;background:#1e736b1f}.project-stat-icon-hold{color:#c2410c;background:#ed883824}.project-stat-icon-completed{color:#1d4ed8;background:#2563eb1f}.projects-list-card{border-radius:16px;padding:20px 22px 22px}.projects-tabs{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;gap:4px;margin-bottom:18px;padding:4px;display:inline-flex}.projects-tab{color:#64748b;height:38px;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:9px;align-items:center;gap:8px;padding:0 14px;font-size:13.5px;font-weight:650;transition:background-color .15s,color .15s,box-shadow .15s;display:inline-flex}.projects-tab:hover{color:#0f172a;background:#ffffffb3}.projects-tab.is-active{color:#0f172a;background:#fff;box-shadow:0 1px 3px #0f172a14}.projects-tab-count{color:#334155;background:#e2e8f0;border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:20px;padding:0 6px;font-size:11px;font-weight:750;display:inline-flex}.projects-tab.is-active .projects-tab-count{color:#0f766e;background:#1e736b1f}.projects-page .department-filters-modern{border-radius:14px;margin-bottom:16px}.project-name-cell{align-items:flex-start;gap:10px;min-width:220px;max-width:320px;display:flex}.project-avatar,.project-person-avatar{color:#fff;letter-spacing:.02em;background:linear-gradient(135deg,#134e4a 0%,#1e736b 100%);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:0 4px 10px #0f3d3a2e}.project-name-copy{gap:2px;min-width:0;display:grid}.project-name-copy strong{color:#0f172a;letter-spacing:-.02em;font-size:14px;font-weight:700}.project-name-copy span{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.project-id-chip{color:#334155;letter-spacing:.02em;white-space:nowrap;background:#f1f5f9;border-radius:8px;align-items:center;padding:4px 8px;font-size:12px;font-weight:700;display:inline-flex}.project-dept-pill{text-overflow:ellipsis;color:#334155;white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;max-width:160px;padding:4px 10px;font-size:12px;font-weight:650;display:inline-flex;overflow:hidden}.project-person-cell{white-space:nowrap;color:#0f172a;align-items:center;gap:8px;font-size:13px;font-weight:550;display:inline-flex}.project-person-avatar{width:28px;height:28px;box-shadow:none;border-radius:999px;font-size:10px}.project-status-select{min-width:124px;font:inherit;cursor:pointer;border:1px solid #dbe3ea;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.project-status-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.project-status-dot{background:currentColor;border-radius:999px;width:6px;height:6px}.project-status-active{color:var(--secondary-color);background:#1e736b1a;border-color:#1e736b33}.project-status-on-hold{color:var(--primary-color);background:#ed88381f;border-color:#ed883840}.project-status-completed{color:#2563eb;background:#3b82f61a;border-color:#3b82f633}.project-timeline-cell{gap:6px;min-width:170px;display:grid}.project-timeline-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.project-timeline-cell span{color:#475569;white-space:nowrap;font-size:12px;font-weight:600}.project-timeline-pct{font-variant-numeric:tabular-nums;color:#0f172a!important}.project-timeline-cell span.is-overdue,.project-detail-item strong.is-overdue,.project-timeline-meta span.is-overdue{color:#dc2626}.project-timeline-cell span.is-soon,.project-detail-item strong.is-soon,.project-timeline-meta span.is-soon{color:#c2410c}.project-progress-track{background:#e2e8f0;border-radius:999px;height:6px;overflow:hidden}.project-progress-track.is-lg{height:8px}.project-progress-fill{background:linear-gradient(90deg,#1e736b 0%,#14b8a6 100%);border-radius:999px;height:100%;display:block}.project-progress-fill.is-overdue{background:linear-gradient(90deg,#b91c1c 0%,#ef4444 100%)}.projects-table th,.projects-table td{vertical-align:middle}.projects-table tbody tr.project-row-overdue td{background:#fee2e259}.projects-table .projects-actions-cell{white-space:nowrap;text-align:center;width:1%;display:table-cell}.projects-table th:last-child{text-align:center}.project-row-actions{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.project-action-btn{color:#334155;height:32px;font:inherit;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:700;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.project-action-btn:hover:not(:disabled){color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.project-action-btn.is-danger{color:#dc2626;background:#fff7f7;border-color:#fecaca}.project-action-btn.is-danger:hover:not(:disabled){background:#fef2f2;border-color:#fca5a5}.project-action-btn:disabled{opacity:.6;cursor:not-allowed}.project-detail-panel{gap:16px;display:grid}.project-detail-hero{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.project-detail-hero-copy{gap:10px;min-width:0;display:grid}.project-detail-status{min-width:160px}.project-detail-description{color:#475569;margin:0;line-height:1.55}.project-detail-description.is-muted{color:#94a3b8}.project-timeline-card{background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #e2e8f0;border-radius:14px;gap:8px;padding:14px 16px;display:grid}.project-timeline-card.is-overdue{background:linear-gradient(#fff 0%,#fef2f2 100%);border-color:#fecaca}.project-timeline-meta{color:#64748b;justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:600;display:flex}.project-timeline-meta strong{color:#0f172a;font-size:13px}.project-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.project-detail-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;gap:6px;padding:12px 14px;display:grid}.project-detail-item span{color:#64748b;text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.project-detail-item strong{color:#0f172a;font-size:14px;font-weight:700}@keyframes project-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.project-spin{animation:.8s linear infinite project-spin}@media (width<=900px){.projects-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.projects-hero{flex-direction:column;align-items:flex-start}}@media (width<=640px){.project-detail-hero,.project-detail-grid{flex-direction:column;grid-template-columns:1fr}.project-name-cell{max-width:none}}@media (width<=520px){.projects-stats-grid{grid-template-columns:1fr}}.reports-page{flex-direction:column;gap:18px;max-width:1100px;margin:0 auto;padding-bottom:12px;display:flex}.reports-hero{color:#fff;background:linear-gradient(135deg,#1e736b 0%,#155e58 45%,#ed8838 120%);border-radius:18px;padding:28px 32px;position:relative;overflow:hidden;box-shadow:0 16px 40px #1e736b38}.reports-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 85% 15%,#ffffff2e 0%,#0000 42%),radial-gradient(circle at 10% 90%,#ed883840 0%,#0000 40%);position:absolute;inset:0}.reports-hero-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex;position:relative}.reports-hero-copy{align-items:center;gap:18px;min-width:0;display:flex}.reports-hero-icon{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff29;border:1px solid #ffffff47;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:inline-flex}.reports-hero-text h2{letter-spacing:-.03em;margin:0 0 6px;font-size:26px;font-weight:800}.reports-hero-text p{color:#ffffffd6;max-width:540px;margin:0 0 12px;font-size:14px}.reports-hero-badges{flex-wrap:wrap;gap:8px;display:flex}.reports-hero-badge{background:#ffffff29;border:1px solid #ffffff38;border-radius:999px;align-items:center;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.reports-hero-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.reports-hero-btn{color:#fff;min-height:42px;font:inherit;cursor:pointer;background:#ffffff24;border:1px solid #ffffff47;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.reports-hero-btn:hover:not(:disabled){background:#ffffff38}.reports-hero-btn:disabled{opacity:.6;cursor:not-allowed}.is-spinning{animation:.9s linear infinite reports-spin}@keyframes reports-spin{to{transform:rotate(360deg)}}.reports-toolbar-card{background:#fff;border:1px solid #0f172a0f;border-radius:18px;flex-direction:column;gap:14px;padding:14px;display:flex;box-shadow:0 8px 24px #0f172a0d}.reports-tabs{flex-wrap:wrap;gap:8px;display:flex}.reports-tab{color:#64748b;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;padding:9px 14px;font-size:13px;font-weight:600;display:inline-flex}.reports-tab:hover{color:#0f172a;background:#f8fafc}.reports-tab.is-active{color:var(--secondary-color);background:#1e736b1a;box-shadow:inset 0 0 0 1px #1e736b1f}.reports-filters{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.reports-field{flex:1;gap:6px;min-width:160px;display:grid}.reports-field span{color:#64748b;font-size:12px;font-weight:700}.reports-field input,.reports-field select,.reports-filters input[type=month],.reports-filters input[type=number],.reports-filters input[type=date],.reports-filters input[type=text],.reports-filters select{width:100%;min-height:42px;font:inherit;color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:8px 12px;font-size:14px}.reports-field input:focus,.reports-field select:focus{border-color:var(--secondary-color);background:#fff;outline:none;box-shadow:0 0 0 3px #1e736b1f}.reports-filter-actions{gap:8px;margin-left:auto;display:flex}.reports-generate-btn,.reports-export-btn{background:var(--secondary-color);color:#fff;min-height:42px;font:inherit;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:700;display:inline-flex}.reports-export-btn{color:#155e58;background:#f8fafc;border:1px solid #e2e8f0}.reports-generate-btn:hover:not(:disabled),.reports-export-btn:hover:not(:disabled){filter:brightness(1.03)}.reports-reset-btn{color:#64748b;min-height:42px;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:700;display:inline-flex}.reports-reset-btn:hover:not(:disabled){color:#0f172a;background:#f8fafc}.reports-generate-btn:disabled,.reports-export-btn:disabled,.reports-reset-btn:disabled{opacity:.45;cursor:not-allowed}.reports-alert{border-radius:14px;align-items:center;gap:10px;padding:12px 16px;font-size:13px;font-weight:600;display:flex}.reports-alert-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.reports-skeleton{gap:12px;display:grid}.reports-skeleton-card{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;border-radius:16px;min-height:72px;animation:1.2s infinite reports-shimmer}@keyframes reports-shimmer{to{background-position:-200% 0}}.reports-empty-state{text-align:center;color:#64748b;background:#fff;border:1px dashed #cbd5e1;border-radius:18px;justify-items:center;gap:10px;padding:40px 16px;display:grid}.reports-empty-state h3{color:#0f172a;margin:0;font-size:16px;font-weight:800}.reports-empty-state p{max-width:420px;margin:0}.reports-results-card{background:#fff;border:1px solid #0f172a0f;border-radius:18px;padding:16px;box-shadow:0 8px 24px #0f172a0d}.reports-summary-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.leaves-balance-grid{margin-bottom:20px}.reports-summary-item{background:#fff;border:1px solid #0f172a0f;border-radius:16px;flex-direction:column;gap:6px;padding:16px 18px;display:flex;box-shadow:0 8px 24px #0f172a0d}.reports-summary-label{color:#64748b;font-size:12px;font-weight:700}.reports-summary-value{letter-spacing:-.03em;color:#0f172a;font-size:20px;font-weight:800}.reports-results-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.reports-results-meta{color:#64748b;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.reports-results-meta strong{color:#0f172a;letter-spacing:-.03em;font-size:22px;font-weight:800}.reports-filter-pill{color:var(--secondary-color);background:#1e736b1a;border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.reports-results-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.reports-search-wrap{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:8px;min-width:220px;min-height:42px;padding:0 12px;display:inline-flex}.reports-search-wrap input{width:100%;font:inherit;background:0 0;border:none;outline:none;font-size:14px}.settings-tools{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:20px;display:grid}.settings-tool-form{background:#f9fafb;border:1px solid #e8eaed;border-radius:10px;margin-bottom:0;padding:16px}.settings-feature-result{color:#444;margin-top:10px;font-size:14px}.settings-value-input{background:#fff;border:1px solid #d0d5dd;border-radius:8px;width:100%;padding:10px 12px;font-size:14px}@media (width<=800px){.reports-hero{padding:22px}.reports-filter-actions{width:100%;margin-left:0}.reports-generate-btn{flex:1}}.export-page{flex-direction:column;gap:18px;max-width:1100px;margin:0 auto;padding-bottom:12px;display:flex}.export-hero{color:#fff;background:linear-gradient(135deg,#1e736b 0%,#155e58 45%,#ed8838 120%);border-radius:18px;padding:28px 32px;position:relative;overflow:hidden;box-shadow:0 16px 40px #1e736b38}.export-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 85% 15%,#ffffff2e 0%,#0000 42%),radial-gradient(circle at 10% 90%,#ed883840 0%,#0000 40%);position:absolute;inset:0}.export-hero-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex;position:relative}.export-hero-copy{align-items:center;gap:18px;min-width:0;display:flex}.export-hero-icon{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff29;border:1px solid #ffffff47;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:inline-flex}.export-hero-text h2{letter-spacing:-.03em;margin:0 0 6px;font-size:26px;font-weight:800}.export-hero-text p{color:#ffffffd6;max-width:540px;margin:0 0 12px;font-size:14px}.export-hero-badges{flex-wrap:wrap;gap:8px;display:flex}.export-hero-badge{background:#ffffff29;border:1px solid #ffffff38;border-radius:999px;align-items:center;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.export-alert{border-radius:14px;align-items:center;gap:10px;padding:12px 16px;font-size:13px;font-weight:600;display:flex}.export-alert-success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.export-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}@media (width<=1100px){.export-grid{grid-template-columns:1fr}.export-hero{padding:22px}}.export-card{background:#fff;border:1px solid #0f172a0f;border-radius:18px;gap:14px;padding:20px;display:grid;box-shadow:0 8px 24px #0f172a0d}.export-card-header{align-items:flex-start;gap:12px;display:flex}.export-card-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.export-card.is-teal .export-card-icon{color:#155e58;background:#1e736b1f}.export-card.is-blue .export-card-icon{color:#1d4ed8;background:#eff6ff}.export-card.is-orange .export-card-icon{color:#c2410c;background:#fff7ed}.export-card.is-green .export-card-icon{color:#047857;background:#ecfdf5}.export-card.is-slate .export-card-icon{color:#334155;background:#f1f5f9}.export-card.is-gold .export-card-icon{color:#b45309;background:#fffbeb}.export-card.is-purple .export-card-icon{color:#6d28d9;background:#f5f3ff}.export-card-header h3{letter-spacing:-.02em;margin:0 0 4px;font-size:16px;font-weight:800}.export-card-header p{color:#64748b;margin:0;font-size:13px;line-height:1.45}.export-card-chip{color:#475569;white-space:nowrap;background:#f8fafc;border-radius:999px;flex-shrink:0;margin-left:auto;padding:5px 10px;font-size:11px;font-weight:700}.export-format-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.export-format-row>span{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:700}.export-format-options{gap:8px;display:flex}.export-format-btn{color:#334155;font:inherit;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:700;display:inline-flex}.export-format-btn.is-active{color:var(--secondary-color);background:#1e736b1a;border-color:#1e736b59}.export-format-btn:disabled{opacity:.6;cursor:not-allowed}.export-filters-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (width<=700px){.export-filters-grid{grid-template-columns:1fr}}.export-filter-field{gap:6px;display:grid}.export-filter-field span{color:#64748b;font-size:12px;font-weight:700}.export-filter-field input,.export-filter-field select{width:100%;min-height:42px;font:inherit;color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:8px 12px;font-size:14px}.export-filter-field input:focus,.export-filter-field select:focus{border-color:var(--secondary-color);background:#fff;outline:none;box-shadow:0 0 0 3px #1e736b1f}.export-inline-error{color:#b91c1c;background:#fef2f2;border-radius:12px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:13px;font-weight:600;display:flex}.export-card-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.export-reset-btn{color:#64748b;min-height:42px;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:700;display:inline-flex}.export-reset-btn:hover:not(:disabled){color:#0f172a;background:#f8fafc}.export-submit-btn{background:var(--secondary-color);color:#fff;min-height:44px;font:inherit;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:700;display:inline-flex}.export-submit-btn:hover:not(:disabled){filter:brightness(1.05)}.export-reset-btn:disabled,.export-submit-btn:disabled{opacity:.45;cursor:not-allowed}.settings-page{flex-direction:column;gap:20px;max-width:960px;margin:0 auto;padding-bottom:12px;display:flex}.settings-page.has-save-bar{padding-bottom:108px}.settings-hero{color:#fff;background:linear-gradient(135deg,#1e736b 0%,#155e58 45%,#ed8838 120%);border-radius:18px;padding:28px 32px;position:relative;overflow:hidden;box-shadow:0 16px 40px #1e736b38}.settings-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 85% 15%,#ffffff2e 0%,#0000 42%),radial-gradient(circle at 10% 90%,#ed883840 0%,#0000 40%);position:absolute;inset:0}.settings-hero-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex;position:relative}.settings-hero-copy{align-items:center;gap:18px;min-width:0;display:flex}.settings-hero-icon{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff29;border:1px solid #ffffff47;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:inline-flex}.settings-hero-text h2{letter-spacing:-.03em;margin:0 0 6px;font-size:26px;font-weight:800}.settings-hero-text p{color:#ffffffd6;margin:0 0 12px;font-size:14px}.settings-hero-badges{flex-wrap:wrap;gap:8px;display:flex}.settings-hero-badge{background:#ffffff29;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.settings-hero-badge.is-warn{background:#fff7ed38;border-color:#ffffff59}.settings-hero-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.settings-hero-btn{color:#fff;min-height:42px;font:inherit;cursor:pointer;background:#ffffff24;border:1px solid #ffffff47;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.settings-hero-btn:hover:not(:disabled){background:#ffffff38}.settings-hero-btn:disabled{opacity:.6;cursor:not-allowed}.settings-toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.settings-tabs{background:#fff;border:1px solid #0f172a0f;border-radius:14px;flex-wrap:wrap;gap:8px;padding:6px;display:flex;box-shadow:0 4px 20px #0f172a0d}.settings-tab{color:#64748b;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;transition:background .2s,color .2s,box-shadow .2s;display:inline-flex}.settings-tab:hover{color:#0f172a;background:#f8fafc}.settings-tab-active{color:var(--secondary-color);background:#1e736b1a;box-shadow:inset 0 0 0 1px #1e736b1f}.settings-tab-count{color:#64748b;background:#f1f5f9;border-radius:999px;min-width:20px;padding:1px 6px;font-size:11px;font-weight:700}.settings-tab-active .settings-tab-count{color:var(--secondary-color);background:#1e736b29}.settings-search{color:#64748b;background:#fff;border:1px solid #0f172a14;border-radius:14px;flex:1;align-items:center;gap:10px;min-width:220px;height:48px;padding:0 14px;display:flex;box-shadow:0 4px 20px #0f172a0a}.settings-search input{min-width:0;font:inherit;color:#0f172a;background:0 0;border:none;flex:1;font-size:14px}.settings-search input:focus{outline:none}.settings-alert{border-radius:12px;align-items:center;gap:10px;padding:12px 14px;font-size:13px;font-weight:600;display:flex}.settings-alert-error{color:#b91c1c;background:#fef2f2;border-left:4px solid #b91c1c}.settings-alert-success{color:#047857;background:#ecfdf5;border-left:4px solid #047857}.settings-section-card{background:#fff;border:1px solid #0f172a0f;border-radius:16px;padding:22px;animation:.28s ease-out settingsFadeIn;box-shadow:0 8px 32px #0f172a0f}.settings-section-header{border-bottom:1px solid #f1f5f9;align-items:flex-start;gap:12px;margin-bottom:18px;padding-bottom:16px;display:flex}.settings-section-icon{width:40px;height:40px;color:var(--secondary-color);background:#1e736b1a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.settings-section-header h3{color:#0f172a;margin:0 0 4px;font-size:16px;font-weight:700}.settings-section-header p{color:#64748b;margin:0;font-size:13px;line-height:1.45}.settings-rows{flex-direction:column;gap:10px;display:flex}.settings-row{background:#f8fafc;border:1px solid #eef2f7;border-radius:14px;grid-template-columns:minmax(0,1.45fr) minmax(220px,1fr);align-items:center;gap:16px 24px;padding:14px 16px;transition:border-color .2s,background .2s,box-shadow .2s;display:grid}.settings-row:hover{background:#f1f5f9;border-color:#e2e8f0}.settings-row.is-dirty{background:#fffaf5;border-color:#ed883847;box-shadow:0 0 0 3px #ed883814}.settings-row-info{align-items:flex-start;gap:12px;min-width:0;display:flex}.settings-row-icon{width:36px;height:36px;color:var(--secondary-color);background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.settings-row-title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.settings-row-title h4{color:#0f172a;margin:0;font-size:14px;font-weight:700}.settings-row-info p{color:#64748b;margin:4px 0 0;font-size:13px;line-height:1.45}.settings-row-hint{margin-top:8px!important;font-size:12px!important}.settings-row-hint strong{color:#334155;font-weight:700}.settings-dirty-dot,.settings-saving-dot{border-radius:999px;align-items:center;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.settings-dirty-dot{color:#c2410c;background:#ed883824}.settings-saving-dot{color:#0369a1;background:#0ea5e91f}.settings-row-control{flex-direction:column;align-items:flex-end;gap:10px;min-width:0;display:flex}.settings-input-wrap{align-items:center;gap:8px;width:100%;max-width:280px;display:flex}.settings-input-wrap span{color:#64748b;white-space:nowrap;flex-shrink:0;font-size:12px;font-weight:700}.settings-input{width:100%;max-width:280px;height:42px;font:inherit;color:#0f172a;background:#fff;border:1px solid #dbe3ea;border-radius:10px;padding:10px 12px;font-size:14px;font-weight:500}.settings-input-wrap .settings-input{max-width:none}.settings-input:focus{border-color:var(--secondary-color);outline:none;box-shadow:0 0 0 3px #1e736b1f}.settings-input:disabled{cursor:not-allowed;background:#f3f4f6}.settings-row--json{align-items:start}.settings-row--json .settings-row-control{align-items:stretch}.settings-leave-types{flex-direction:column;gap:8px;width:100%;display:flex}.settings-leave-types-empty{color:#64748b;margin:0;font-size:13px}.settings-leave-type-row{background:#fff;border:1px solid #e8eef4;border-radius:12px;grid-template-columns:minmax(0,1.2fr) minmax(132px,.9fr) 36px;align-items:center;gap:8px;padding:8px;display:grid}.settings-leave-type-row .settings-input{max-width:none;height:38px}.settings-leave-type-limit{align-items:center;gap:8px;min-width:0;display:flex}.settings-leave-type-limit .settings-input{flex:1;max-width:80px}.settings-leave-type-limit span{color:#64748b;white-space:nowrap;flex-shrink:0;font-size:11px;font-weight:700}.settings-leave-type-remove{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;width:36px;height:38px;display:inline-flex}.settings-leave-type-remove:hover:not(:disabled){color:#b91c1c;background:#fef2f2;border-color:#fecaca}.settings-leave-type-remove:disabled{opacity:.45;cursor:not-allowed}.settings-leave-type-add{color:#334155;font:inherit;cursor:pointer;background:#fff;border:1px dashed #cbd5e1;border-radius:10px;justify-content:center;align-self:flex-start;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:700;display:inline-flex}.settings-leave-type-add:hover:not(:disabled){border-color:var(--secondary-color);color:var(--secondary-color);background:#1e736b0d}.settings-leave-type-add:disabled{opacity:.55;cursor:not-allowed}.settings-switch{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:inline-flex;position:relative}.settings-switch:has(input:disabled){cursor:not-allowed}.settings-switch input{opacity:0;width:0;height:0;position:absolute}.settings-switch-track{background:#cbd5e1;border-radius:999px;flex-shrink:0;width:46px;height:26px;transition:background-color .15s;position:relative}.settings-switch-track:before{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0f172a2e}.settings-switch input:checked+.settings-switch-track{background:var(--secondary-color)}.settings-switch input:checked+.settings-switch-track:before{transform:translate(20px)}.settings-switch input:focus-visible+.settings-switch-track{box-shadow:0 0 0 3px #1e736b47}.settings-switch input:disabled+.settings-switch-track{opacity:.6;cursor:not-allowed}.settings-switch-text{color:#334155;min-width:28px;font-size:13px;font-weight:700}.settings-row-actions{align-items:center;gap:8px;display:flex}.settings-device-panel{background:linear-gradient(#f8fffe 0%,#f8fafc 100%);border:1px solid #1e736b1f;border-radius:14px;flex-direction:column;gap:14px;margin-top:14px;padding:16px 18px;display:flex}.settings-device-copy{align-items:flex-start;gap:12px;display:flex}.settings-device-icon{width:40px;height:40px;color:var(--secondary-color);background:#1e736b1a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.settings-device-copy h4{color:#0f172a;margin:0;font-size:14px;font-weight:700}.settings-device-copy p{color:#64748b;margin:4px 0 0;font-size:13px;line-height:1.45}.settings-device-actions{flex-wrap:wrap;gap:8px;display:flex}.settings-device-status{border-radius:10px;align-self:flex-start;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:700;display:inline-flex}.settings-device-status.is-good{color:#047857;background:#ecfdf5}.settings-device-status.is-bad{color:#b91c1c;background:#fef2f2}.settings-device-status.is-unknown{color:#c2410c;background:#fff7ed}.settings-save-bar{z-index:8;color:#fff;background:#0f172a;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex;position:sticky;bottom:16px;box-shadow:0 18px 40px #0f172a47}.settings-save-bar p{margin:0;font-size:14px;font-weight:700}.settings-save-bar span{color:#ffffffad;margin-top:2px;font-size:12px;font-weight:500;display:block}.settings-save-bar-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.settings-save-discard{color:#fff;min-height:40px;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff29;border-radius:10px;padding:8px 14px;font-size:13px;font-weight:700}.settings-save-discard:hover:not(:disabled){background:#ffffff14}.settings-save-confirm{color:#fff;min-height:40px;font:inherit;cursor:pointer;background:linear-gradient(135deg,#1e736b 0%,#155e58 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:700;display:inline-flex}.settings-save-confirm:hover:not(:disabled){filter:brightness(1.06)}.settings-save-discard:disabled,.settings-save-confirm:disabled{opacity:.65;cursor:not-allowed}.settings-empty{text-align:center;background:#fff;border:1px solid #0f172a0f;border-radius:16px;justify-items:center;gap:8px;padding:48px 20px;display:grid;box-shadow:0 8px 32px #0f172a0f}.settings-empty-icon{width:56px;height:56px;color:var(--secondary-color);background:#1e736b1a;border-radius:16px;justify-content:center;align-items:center;margin-bottom:6px;display:inline-flex}.settings-empty h3{color:#0f172a;margin:0;font-size:16px;font-weight:700}.settings-empty p{color:#64748b;margin:0 0 8px;font-size:13px}.settings-skeleton{flex-direction:column;gap:16px;display:flex}.settings-skeleton-card{background:linear-gradient(90deg,#f1f5f9 0%,#e2e8f0 50%,#f1f5f9 100%) 0 0/200% 100%;border-radius:16px;height:168px;animation:1.2s ease-in-out infinite settingsShimmer}.settings-spin{animation:.8s linear infinite settingsSpin}@keyframes settingsSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes settingsFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes settingsShimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (width<=768px){.settings-page.has-save-bar{padding-bottom:148px}.settings-hero{padding:22px}.settings-hero-text h2{font-size:22px}.settings-hero-copy{width:100%}.settings-hero-actions{justify-content:flex-end;width:100%}.settings-toolbar{flex-direction:column;align-items:stretch}.settings-search{min-width:0}.settings-row{grid-template-columns:1fr;align-items:stretch}.settings-row-control{align-items:stretch}.settings-input,.settings-input-wrap{max-width:none}.settings-leave-type-row{grid-template-columns:1fr auto;grid-template-areas:"name remove""limit remove"}.settings-leave-type-row>.settings-input{grid-area:name}.settings-leave-type-limit{grid-area:limit}.settings-leave-type-remove{grid-area:remove;height:100%}.settings-switch{justify-content:space-between;width:100%}.settings-row-actions{justify-content:flex-end}.settings-device-actions .department-btn{flex:1}.settings-save-bar{flex-direction:column;align-items:stretch;bottom:12px}.settings-save-bar-actions{justify-content:flex-end}}.todos-page{gap:18px;max-width:1180px}.todos-hero{color:#fff;background:linear-gradient(135deg,#1e736b 0%,#155e58 48%,#ed8838 128%);border-radius:18px;padding:26px 28px;position:relative;overflow:hidden;box-shadow:0 16px 40px #1e736b33}.todos-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 88% 12%,#ffffff2e 0%,#0000 42%),radial-gradient(circle at 8% 92%,#ed883847 0%,#0000 38%);position:absolute;inset:0}.todos-hero-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex;position:relative}.todos-hero-copy{align-items:center;gap:16px;min-width:0;display:flex}.todos-hero-icon{background:#ffffff29;border:1px solid #ffffff47;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;display:inline-flex}.todos-hero-kicker{letter-spacing:.08em;text-transform:uppercase;color:#ffffffb8;margin:0 0 4px;font-size:11px;font-weight:700}.todos-hero-text h2{letter-spacing:-.03em;margin:0 0 6px;font-size:26px;font-weight:800}.todos-hero-text p{color:#ffffffdb;max-width:480px;margin:0;font-size:14px;line-height:1.5}.todos-hero-aside{flex-shrink:0;align-items:center;gap:18px;display:flex}.todos-hero-progress{flex-shrink:0;width:84px;height:84px;position:relative}.todos-hero-progress svg{display:block}.todos-hero-progress-label{flex-direction:column;justify-content:center;align-items:center;line-height:1.1;display:flex;position:absolute;inset:0}.todos-hero-progress-label strong{letter-spacing:-.03em;font-size:18px;font-weight:800}.todos-hero-progress-label span{letter-spacing:.06em;text-transform:uppercase;color:#ffffffb8;font-size:10px;font-weight:700}.todos-hero-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.todos-hero-btn{color:#fff;min-height:42px;font:inherit;cursor:pointer;background:#ffffff24;border:1px solid #ffffff47;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.todos-hero-btn:hover:not(:disabled){background:#ffffff38}.todos-hero-btn:disabled{opacity:.6;cursor:not-allowed}.todos-hero-btn-primary{color:#155e58;background:#fff;border-color:#0000}.todos-hero-btn-primary:hover:not(:disabled){background:#f8fafc}.todos-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.todos-stat-card{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;background:#fff;border:1px solid #e5e7eb;border-radius:14px;align-items:center;gap:12px;padding:14px 16px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.todos-stat-card:hover{border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 8px 20px #0f172a0f}.todos-stat-card-active{border-color:#0000;box-shadow:0 10px 24px #1e736b1f}.todos-stat-card-all.todos-stat-card-active{background:linear-gradient(#fff 0%,#f8fafc 100%);border-color:#cbd5e1}.todos-stat-card-pending.todos-stat-card-active{background:#ed883814;border-color:#ed88384d}.todos-stat-card-completed.todos-stat-card-active{background:#1e736b14;border-color:#1e736b47}.todos-stat-icon-total{color:#334155;background:#0f172a14}.todos-stat-icon-pending{color:var(--primary-color);background:#ed88381f}.todos-stat-icon-done{color:var(--secondary-color);background:#1e736b1f}.todos-page .todos-board.department-list-card{box-shadow:none;background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:visible}.todos-board .department-state{background:#f8fafc;border:1px dashed #dbe3ea;border-radius:14px}.todos-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;display:flex}.todos-search-form{flex:240px;min-width:0}.todos-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:inline-flex}.todos-search-clear:hover{color:#0f172a;background:#f1f5f9}.todos-filter-group{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:4px;padding:4px;display:inline-flex}.todos-filter-btn{color:#64748b;height:34px;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:600;transition:background .15s,color .15s,box-shadow .15s;display:inline-flex}.todos-filter-btn:hover{color:#0f172a;background:#ffffffb3}.todos-filter-btn.active{color:#0f172a;background:#fff;box-shadow:0 1px 3px #0f172a14}.todos-filter-count{color:#475569;background:#e2e8f0;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex}.todos-filter-btn.active .todos-filter-count{color:#155e58;background:#1e736b1f}.todos-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.todos-note-card{border:1px solid #0000;border-radius:16px;flex-direction:column;min-height:188px;padding:18px 16px 14px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 22px #0f172a0d}.todos-note-card:before{content:"";background:currentColor;border-radius:0 0 6px 6px;height:4px;position:absolute;top:0;left:16px;right:16px}.todos-note-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px #0f172a1a}.todos-note-fold{pointer-events:none;background:linear-gradient(135deg,#0000 50%,#0f172a14 50%);border-radius:0 16px 0 0;width:20px;height:20px;position:absolute;top:0;right:0}.todos-note-amber{color:#d97706;background:linear-gradient(#fffbeb 0%,#fef3c7 100%);border-color:#d9770638}.todos-note-teal{color:#0f766e;background:linear-gradient(#f0fdfa 0%,#ccfbf1 100%);border-color:#0f766e38}.todos-note-orange{color:#c2410c;background:linear-gradient(#fff7ed 0%,#ffedd5 100%);border-color:#ed883847}.todos-note-sky{color:#0369a1;background:linear-gradient(#f0f9ff 0%,#e0f2fe 100%);border-color:#0284c738}.todos-note-violet{color:#6d28d9;background:linear-gradient(#f5f3ff 0%,#ede9fe 100%);border-color:#7c3aed38}.todos-note-rose{color:#be123c;background:linear-gradient(#fff1f2 0%,#ffe4e6 100%);border-color:#e11d4833}.todos-note-card.todos-note-done{color:#64748b;box-shadow:none;background:linear-gradient(#f8fafc 0%,#f1f5f9 100%);border-color:#e2e8f0}.todos-note-top{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.todos-check{color:#64748b;cursor:pointer;background:#ffffffb3;border:2px solid #0f172a29;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:background .15s,border-color .15s,color .15s,transform .15s;display:inline-flex}button.todos-check:hover:not(:disabled){color:inherit;border-color:currentColor;transform:scale(1.06)}.todos-check:disabled{opacity:.6;cursor:wait}.todos-note-done .todos-check,.todos-check-done{color:#fff;background:#0f766e;border-color:#0f766e}.todos-note-status{letter-spacing:.02em;color:inherit;background:#ffffffb8;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.todos-note-done .todos-note-status{color:#0f766e;background:#0f766e1a}.todos-note-body{flex:1;min-width:0}.todos-note-text{color:#0f172a;white-space:pre-wrap;word-break:break-word;max-height:7.75em;margin:0;font-size:14.5px;font-weight:600;line-height:1.55;overflow:hidden}.todos-note-done .todos-note-text{color:#64748b;font-weight:500;text-decoration:line-through;text-decoration-thickness:1.5px}.todos-note-footer{border-top:1px solid #0f172a14;justify-content:space-between;align-items:center;gap:8px;margin-top:14px;padding-top:10px;display:flex}.todos-note-meta{color:#0f172a8c;align-items:center;gap:5px;margin:0;font-size:12px;font-weight:600;display:inline-flex}.todos-note-done .todos-note-meta{color:#94a3b8}.todos-note-actions{align-items:center;gap:4px;display:flex}.todos-note-action{color:#475569;cursor:pointer;background:#fffc;border:none;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:inline-flex}.todos-note-action:hover:not(:disabled){color:#0f172a;background:#fff}.todos-note-action:disabled{opacity:.55;cursor:wait}.todos-note-action-danger:hover:not(:disabled){color:#dc2626;background:#fef2f2}.todos-note-skeleton{min-height:188px;box-shadow:none;background:linear-gradient(90deg,#f1f5f9 0%,#e2e8f0 50%,#f1f5f9 100%) 0 0/200% 100%;border-radius:16px;animation:1.2s ease-in-out infinite todos-shimmer}.todos-note-skeleton:before,.todos-note-skeleton .todos-note-fold{display:none}@keyframes todos-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes todos-spin{to{transform:rotate(360deg)}}.todos-spin{animation:.8s linear infinite todos-spin}.todos-form-hint{color:#64748b;margin:6px 0 0;font-size:12px}.todos-char-count{text-align:right;color:#94a3b8;margin:6px 0 0;font-size:11px;font-weight:600}.todos-delete-preview{background:#fef2f2;border:1px solid #fecaca;border-radius:14px;align-items:flex-start;gap:14px;margin:0 0 20px;padding:14px;display:flex}.todos-delete-icon{color:#dc2626;background:#fff;border:1px solid #fecaca;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.todos-delete-copy p{color:#7f1d1d;margin:0;font-size:13.5px;line-height:1.5}.todos-delete-quote{color:#0f172a;white-space:pre-wrap;word-break:break-word;background:#fff;border:none;border-left:3px solid #fecaca;border-radius:0 10px 10px 0;margin:10px 0 0;padding:10px 12px;font-size:13px;font-weight:600;line-height:1.5}.todos-delete-confirm{color:#fff;background:#dc2626}.todos-delete-confirm:hover:not(:disabled){background:#b91c1c}@media (width<=900px){.todos-stats-grid{grid-template-columns:1fr}}@media (width<=768px){.todos-hero{padding:20px 18px}.todos-hero-text h2{font-size:22px}.todos-hero-aside{justify-content:space-between;width:100%}.todos-grid{grid-template-columns:1fr}}.feedback-page{gap:18px;max-width:1180px}.feedback-hero{color:#fff;background:linear-gradient(135deg,#1e736b 0%,#155e58 48%,#ed8838 128%);border-radius:18px;padding:26px 28px;position:relative;overflow:hidden;box-shadow:0 16px 40px #1e736b33}.feedback-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 88% 12%,#ffffff2e 0%,#0000 42%),radial-gradient(circle at 12% 88%,#ed883852 0%,#0000 40%);position:absolute;inset:0}.feedback-hero-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex;position:relative}.feedback-hero-copy{align-items:center;gap:16px;min-width:0;display:flex}.feedback-hero-icon{background:#ffffff29;border:1px solid #ffffff47;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;display:inline-flex}.feedback-hero-kicker{letter-spacing:.08em;text-transform:uppercase;color:#ffffffb8;margin:0 0 4px;font-size:11px;font-weight:700}.feedback-hero-text h2{letter-spacing:-.03em;margin:0 0 6px;font-size:26px;font-weight:800}.feedback-hero-text p{color:#ffffffdb;max-width:540px;margin:0;font-size:14px;line-height:1.5}.feedback-hero-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.feedback-hero-btn{color:#fff;min-height:42px;font:inherit;cursor:pointer;background:#ffffff24;border:1px solid #ffffff47;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.feedback-hero-btn:hover:not(:disabled){background:#ffffff38}.feedback-hero-btn:disabled{opacity:.6;cursor:not-allowed}.feedback-hero-btn-primary{color:#155e58;background:#fff;border-color:#0000}.feedback-hero-btn-primary:hover:not(:disabled){background:#f8fafc}@keyframes feedback-spin{to{transform:rotate(360deg)}}.feedback-spin{animation:.8s linear infinite feedback-spin}.feedback-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.feedback-stat{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;background:#fff;border:1px solid #e5e7eb;border-radius:14px;align-items:center;gap:12px;padding:14px 16px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.feedback-stat:hover{border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 8px 20px #0f172a0f}.feedback-stat-active{box-shadow:0 10px 24px #1e736b1f}.feedback-stat-total.feedback-stat-active{background:linear-gradient(#fff 0%,#f8fafc 100%);border-color:#cbd5e1}.feedback-stat-open.feedback-stat-active{background:#ed883814;border-color:#ed88384d}.feedback-stat-resolved.feedback-stat-active{background:#1e736b14;border-color:#1e736b47}.feedback-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.feedback-stat-icon-total{color:#334155;background:#0f172a0f}.feedback-stat-icon-open{color:var(--primary-color);background:#ed88381f}.feedback-stat-icon-resolved{color:var(--secondary-color);background:#1e736b1f}.feedback-stat-copy p{margin:0}.feedback-stat-label{letter-spacing:.02em;color:#6b7280;font-size:12px;font-weight:600}.feedback-stat-value{letter-spacing:-.03em;color:#111827;margin-top:2px;font-size:22px;font-weight:800;line-height:1.15}.feedback-board{padding-top:20px}.feedback-board-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px;display:flex}.feedback-tabs{background:#f1f5f9;border-radius:14px;flex-wrap:wrap;gap:4px;padding:4px;display:inline-flex}.feedback-tab{color:#64748b;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:11px;padding:8px 14px;font-size:13px;font-weight:700;transition:background .15s,color .15s,box-shadow .15s}.feedback-tab:hover{color:#0f172a}.feedback-tab.active{color:#155e58;background:#fff;box-shadow:0 1px 3px #0f172a1a}.feedback-result-count{color:#475569;white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;align-items:center;min-height:36px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.feedback-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:16px;display:flex}.feedback-search{color:#64748b;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;flex:240px;align-items:center;gap:8px;min-width:0;padding:0 12px;display:flex}.feedback-search:focus-within{border-color:var(--secondary-color);background:#fff;box-shadow:0 0 0 3px #1e736b1f}.feedback-search input{width:100%;font:inherit;color:#111827;background:0 0;border:0;outline:none;padding:10px 0;font-size:14px}.feedback-filters{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.feedback-filter{flex-direction:column;gap:6px;min-width:140px;display:flex}.feedback-filter label{letter-spacing:.04em;text-transform:uppercase;color:#94a3b8;font-size:11px;font-weight:700}.feedback-filter select{color:#0f172a;min-width:150px;font:inherit;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:9px 12px;font-size:13px;font-weight:600}.feedback-filter-clear{min-height:38px}.feedback-table-wrap{background:#fff;border:1px solid #0f172a14;border-radius:12px;width:100%;max-width:100%;overflow-x:auto}.feedback-table{border-collapse:collapse;table-layout:auto;width:100%;min-width:780px;margin:0;font-size:13px}.feedback-table thead{background:#134e4a}.feedback-table th,.feedback-table td{text-align:left;vertical-align:middle;padding:14px 12px}.feedback-table th{letter-spacing:.06em;text-transform:uppercase;color:#fff;white-space:nowrap;background:#134e4a;border-bottom:none;font-size:11px;font-weight:700}.feedback-table tbody td{color:#1e293b;background:0 0;border-bottom:1px solid #e2e8f0}.feedback-table tbody tr:nth-child(odd){background:#fff}.feedback-table tbody tr:nth-child(2n){background:#f0fdfa}.feedback-table tbody tr:hover{background:#ecfdf5}.feedback-table tbody tr:last-child td{border-bottom:none}.feedback-col-subject{min-width:220px}.feedback-col-badge,.feedback-col-date{white-space:nowrap;width:1%}.feedback-col-person{min-width:140px}.feedback-table-actions{white-space:nowrap;width:1%}.feedback-title-cell{align-items:flex-start;gap:12px;min-width:0;display:flex}.feedback-title-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.feedback-table .feedback-title-copy strong{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.02em;color:#0f172a;font-size:14px;font-weight:800;display:block;overflow:hidden}.feedback-title-meta{color:#64748b;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.feedback-item-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.feedback-item-icon-teal{color:#14756c;background:#1e736b1f}.feedback-item-icon-red{color:#dc2626;background:#ef44441f}.feedback-item-icon-violet{color:#7c3aed;background:#8b5cf61f}.feedback-item-icon-slate{color:#475569;background:#64748b24}.feedback-person{color:#334155;align-items:center;gap:8px;min-width:0;font-weight:650;display:inline-flex}.feedback-person-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.feedback-avatar{color:#155e58;background:#1e736b1f;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:800;display:inline-flex;box-shadow:inset 0 0 0 1px #0f172a0a}.feedback-action-group{align-items:center;gap:6px;display:inline-flex}.feedback-action-btn{color:#fff;min-height:32px;font:inherit;cursor:pointer;background:#134e4a;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:700;transition:opacity .15s,transform .15s;display:inline-flex}.feedback-action-btn:hover{opacity:.9;transform:translateY(-1px)}.feedback-action-btn-danger{color:#fff;background:#dc2626}.feedback-action-btn-danger:hover:not(:disabled){background:#b91c1c}.feedback-action-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.feedback-empty{text-align:center;padding:42px 20px}.feedback-empty-icon{color:#155e58;background:#1e736b1a;border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:12px;display:inline-flex}.feedback-empty h3{color:#0f172a;margin:0 0 6px;font-size:18px}.feedback-empty p{color:#64748b;max-width:360px;margin:0 auto 16px;font-size:14px;line-height:1.5}.feedback-status-badge,.feedback-priority-badge,.feedback-category-badge,.feedback-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.feedback-status-badge:before,.feedback-priority-badge:before{content:"";background:currentColor;border-radius:999px;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 0 3px #0f172a0f}.feedback-category-badge:before{content:"";background:currentColor;border-radius:2px;flex-shrink:0;width:7px;height:7px}.feedback-priority-low{color:#475569;background:#eef2f6}.feedback-priority-medium{color:#1d4ed8;background:#3b82f61f}.feedback-priority-high{color:#c2410c;background:#ed883829}.feedback-status-open{color:#1d4ed8;background:#3b82f61f}.feedback-status-review{color:#c2410c;background:#ed883829}.feedback-status-resolved{color:#155e58;background:#1e736b1f}.feedback-status-closed{color:#475569;background:#eef2f6}.feedback-chip-teal{color:#155e58;background:#1e736b1f}.feedback-chip-red{color:#b91c1c;background:#ef44441f}.feedback-chip-violet{color:#4338ca;background:#6366f124}.feedback-chip-slate{color:#475569;background:#eef2f6}.feedback-form-section{background:#f8fafb;border:1px solid #e8eef1;border-radius:14px;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px;display:grid}.feedback-form-section-title{letter-spacing:.04em;text-transform:uppercase;color:#64748b;grid-column:1/-1;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:800;display:flex}.feedback-form-section .form-group.full-width,.feedback-review-preview{grid-column:1/-1}.feedback-form-section label{align-items:center;gap:6px;display:inline-flex}.feedback-review-preview{flex-direction:column;gap:12px;display:flex}.feedback-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.feedback-choice{color:#334155;min-height:48px;font:inherit;text-align:left;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;font-weight:700;transition:border-color .15s,background .15s,color .15s;display:flex}.feedback-choice:hover{border-color:#cbd5e1}.feedback-choice-active{color:#155e58;background:#1e736b14;border-color:#1e736b73}.feedback-choice-icon{width:28px;height:28px;color:inherit;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.feedback-priority-pills{flex-wrap:wrap;gap:8px;display:flex}.feedback-priority-pill{color:#475569;min-height:36px;font:inherit;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:0 14px;font-size:13px;font-weight:700}.feedback-priority-pill:hover{border-color:#cbd5e1}.feedback-priority-pill-active{border-color:#0000}.feedback-char-count{color:#94a3b8;text-align:right;margin:6px 0 0;font-size:12px;font-weight:600}.feedback-detail-panel{gap:16px;display:grid}.feedback-detail-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.feedback-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.feedback-detail-card{background:#f8fafb;border:1px solid #e8eef1;border-radius:12px;padding:12px 14px}.feedback-detail-card-label{letter-spacing:.04em;text-transform:uppercase;color:#94a3b8;margin:0 0 8px;font-size:11px;font-weight:700}.feedback-detail-date{color:#334155;align-items:center;gap:6px;font-size:13px;font-weight:650;display:inline-flex}.feedback-detail-person{background:#f8fafc;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.feedback-detail-avatar{color:#155e58;background:#1e736b1f;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:800;display:inline-flex}.feedback-detail-person strong{color:#0f172a;font-size:13px;display:block}.feedback-detail-person span{color:#64748b;font-size:12px}.feedback-detail-message{color:#334155;white-space:pre-wrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin:0;padding:14px 16px;line-height:1.6}.feedback-admin-notes{background:#ed883814;border:1px solid #ed88382e;border-radius:14px;padding:14px 16px}.feedback-admin-notes h4{letter-spacing:.04em;text-transform:uppercase;color:#c2410c;margin:0 0 6px;font-size:12px;font-weight:800}.feedback-admin-notes p{color:#7c2d12;white-space:pre-wrap;margin:0;line-height:1.55}@media (width<=768px){.feedback-hero{padding:20px}.feedback-hero-text h2{font-size:22px}.feedback-stats,.feedback-form-section,.feedback-detail-grid,.feedback-choice-grid{grid-template-columns:1fr}.feedback-filters select,.feedback-filter{width:100%}}.email-templates-page .department-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.email-templates-card{overflow:hidden}.email-templates-layout{grid-template-columns:240px minmax(0,1fr);gap:1rem;min-height:420px;display:grid}.email-templates-sidebar{border-right:1px solid #0f172a14;flex-direction:column;gap:.5rem;padding-right:.25rem;display:flex}.email-template-item{cursor:pointer;text-align:left;background:#fff;border:1px solid #0f172a14;border-radius:12px;flex-direction:column;align-items:flex-start;gap:.2rem;width:100%;padding:.75rem .85rem;transition:border-color .15s,background .15s;display:flex}.email-template-item:hover{border-color:#0f766e40}.email-template-item.active{background:#0f766e14;border-color:#0f766e4d}.email-template-item-name{color:#0f172a;font-size:.875rem;font-weight:600}.email-template-item-key{color:#64748b;font-size:.75rem}.email-templates-editor{min-width:0}.email-templates-editor-header{flex-wrap:wrap;justify-content:space-between;gap:.75rem;margin-bottom:1rem;display:flex}.email-templates-editor-header h3{color:#0f172a;margin:0}.email-templates-editor-header p{color:#64748b;margin:.35rem 0 0;font-size:.875rem}.email-templates-actions{flex-wrap:wrap;gap:.5rem;display:flex}.email-templates-variables{color:#475569;background:#0f172a0a;border-radius:10px;flex-wrap:wrap;align-items:center;gap:.45rem;margin-bottom:1rem;padding:.65rem .85rem;font-size:.8125rem;display:flex}.email-templates-variables code{color:#0f766e;background:#fff;border-radius:6px;padding:.15rem .4rem;font-size:.75rem}.email-templates-form textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8125rem;line-height:1.5}.email-templates-body-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.5rem;display:flex}.email-templates-body-hint{color:#64748b;max-width:520px;margin:.25rem 0 0;font-size:.8125rem;line-height:1.45}.email-templates-body-tabs{background:#0f172a0a;border-radius:999px;gap:.35rem;padding:.2rem;display:inline-flex}.email-templates-body-tab{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:.45rem .85rem;font-size:.8125rem;font-weight:600}.email-templates-body-tab.active{color:#0f766e;background:#fff;box-shadow:0 1px 2px #0f172a14}.email-template-inline-preview{min-height:320px;max-height:480px;padding:0;overflow:hidden}.email-template-preview-empty{color:#94a3b8;margin:0;padding:1rem;font-size:.875rem}.email-template-preview{background:#fff;border:1px solid #0f172a14;border-radius:12px;max-height:60vh;padding:0;overflow:hidden}.email-template-preview-frame{background:#fff;border:0;border-radius:12px;width:100%;height:480px;display:block}.email-template-inline-preview .email-template-preview-frame{height:480px}@media (width<=900px){.email-templates-layout{grid-template-columns:1fr}.email-templates-sidebar{border-bottom:1px solid #0f172a14;border-right:none;flex-direction:row;padding-bottom:.5rem;padding-right:0;overflow-x:auto}.email-template-item{flex-shrink:0;min-width:180px}}@media (width<=768px){.email-templates-page .department-stats{grid-template-columns:1fr}}.resources-page{flex-direction:column;gap:18px;max-width:1100px;margin:0 auto;padding-bottom:12px;display:flex}.resources-hero{color:#fff;background:linear-gradient(135deg,#1e736b 0%,#155e58 45%,#ed8838 120%);border-radius:18px;padding:28px 32px;position:relative;overflow:hidden;box-shadow:0 16px 40px #1e736b38}.resources-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 85% 15%,#ffffff2e 0%,#0000 42%),radial-gradient(circle at 10% 90%,#ed883840 0%,#0000 40%);position:absolute;inset:0}.resources-hero-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex;position:relative}.resources-hero-copy{align-items:center;gap:18px;min-width:0;display:flex}.resources-hero-icon{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff29;border:1px solid #ffffff47;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:inline-flex}.resources-hero-text h2{letter-spacing:-.03em;margin:0 0 6px;font-size:26px;font-weight:800}.resources-hero-text p{color:#ffffffd6;margin:0 0 12px;font-size:14px}.resources-hero-badges{flex-wrap:wrap;gap:8px;display:flex}.resources-hero-badge{background:#ffffff29;border:1px solid #ffffff38;border-radius:999px;align-items:center;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.resources-hero-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.resources-hero-btn{color:#fff;min-height:42px;font:inherit;cursor:pointer;background:#ffffff24;border:1px solid #ffffff47;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.resources-hero-btn:hover:not(:disabled){background:#ffffff38}.resources-hero-btn-primary{color:#155e58;background:#fff;border-color:#0000}.resources-hero-btn-primary:hover:not(:disabled){background:#f8fafc}.resources-hero-btn:disabled{opacity:.6;cursor:not-allowed}.resources-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.resources-stat-card{text-align:left;font:inherit;cursor:pointer;background:#fff;border:1px solid #0f172a0f;border-radius:16px;align-items:center;gap:12px;padding:16px 18px;transition:border-color .2s,box-shadow .2s,transform .15s;display:flex;box-shadow:0 8px 24px #0f172a0d}.resources-stat-card:hover{border-color:#1e736b38;box-shadow:0 12px 28px #0f172a14}.resources-stat-card.is-selected{border-color:#1e736b59;box-shadow:0 0 0 3px #1e736b1f}.resources-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.resources-stat-card.is-teal .resources-stat-icon{color:var(--secondary-color);background:#1e736b1a}.resources-stat-card.is-good .resources-stat-icon{color:#047857;background:#ecfdf5}.resources-stat-card.is-bad .resources-stat-icon{color:#b91c1c;background:#fef2f2}.resources-stat-card p{color:#64748b;margin:0;font-size:12px;font-weight:700}.resources-stat-card strong{letter-spacing:-.03em;color:#0f172a;margin-top:2px;font-size:22px;font-weight:800;display:block}.resources-toolbar-card{background:#fff;border:1px solid #0f172a0f;border-radius:16px;flex-direction:column;gap:12px;padding:12px;display:flex;box-shadow:0 8px 24px #0f172a0d}.resources-tabs{flex-wrap:wrap;gap:8px;display:flex}.resources-tab{color:#64748b;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;padding:9px 14px;font-size:13px;font-weight:600;display:inline-flex}.resources-tab:hover{color:#0f172a;background:#f8fafc}.resources-tab.is-active{color:var(--secondary-color);background:#1e736b1a;box-shadow:inset 0 0 0 1px #1e736b1f}.resources-toolbar{flex-wrap:wrap;gap:10px;display:flex}.resources-search{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex:1;align-items:center;gap:10px;min-width:220px;height:44px;padding:0 14px;display:flex}.resources-search input{min-width:0;font:inherit;color:#0f172a;background:0 0;border:none;flex:1;font-size:14px}.resources-search input:focus{outline:none}.resources-toolbar select{min-width:160px;height:44px;font:inherit;color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:0 12px;font-size:13px}.resources-alert{border-radius:12px;align-items:center;gap:10px;padding:12px 14px;font-size:13px;font-weight:600;display:flex}.resources-alert-error{color:#b91c1c;background:#fef2f2;border-left:4px solid #b91c1c}.resources-alert-success{color:#047857;background:#ecfdf5;border-left:4px solid #047857}.resources-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.resource-card{background:#fff;border:1px solid #0f172a0f;border-radius:16px;flex-direction:column;gap:14px;padding:18px;animation:.25s ease-out resourcesFadeIn;display:flex;box-shadow:0 8px 24px #0f172a0d}.resource-card:hover{border-color:#1e736b2e;box-shadow:0 12px 28px #0f172a14}.resource-card-top{align-items:flex-start;gap:12px;display:flex}.resource-card-type-icon{width:40px;height:40px;color:var(--secondary-color);background:#1e736b1a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.resource-card-heading{flex:1;min-width:0}.resource-card-heading h3{color:#0f172a;margin:0 0 4px;font-size:16px;font-weight:700;line-height:1.3}.resource-card-heading p{color:#64748b;margin:0;font-size:13px}.resource-badge{white-space:nowrap;border-radius:999px;align-items:center;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.resource-status-active{color:#047857;background:#ecfdf5}.resource-status-expired{color:#b91c1c;background:#fef2f2}.resource-status-pending{color:#c2410c;background:#fff7ed}.resource-status-cancelled{color:#475569;background:#f1f5f9}.resource-card-meta{flex-wrap:wrap;gap:10px 14px;display:flex}.resource-card-meta span{color:#334155;align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.resource-expiry.is-ok{color:#334155}.resource-expiry.is-warn{color:#c2410c}.resource-expiry.is-bad{color:#b91c1c}.resource-expiry.is-muted{color:#94a3b8}.resource-card-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;display:flex}.resource-card-chips{flex-wrap:wrap;gap:6px;display:flex}.resource-card-chips span{color:#64748b;background:#f8fafc;border-radius:8px;padding:4px 8px;font-size:11px;font-weight:700}.resource-card-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.resource-icon-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.resource-icon-btn:hover:not(:disabled){color:var(--secondary-color);background:#1e736b0f;border-color:#1e736b47}.resource-icon-btn.is-danger:hover:not(:disabled){color:#b91c1c;background:#fef2f2;border-color:#fecaca}.resource-icon-btn:disabled{opacity:.5;cursor:not-allowed}.resources-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.resource-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.resource-detail-grid div{background:#f8fafc;border:1px solid #eef2f7;border-radius:12px;flex-direction:column;gap:.2rem;padding:.75rem;display:flex}.resource-detail-grid span{text-transform:uppercase;letter-spacing:.04em;color:#94a3b8;font-size:.75rem;font-weight:700}.resource-detail-grid strong{color:#0f172a}.resource-detail-block{background:#f8fafc;border:1px solid #eef2f7;border-radius:12px;margin-top:1rem;padding:14px}.resource-detail-block h4{color:#334155;margin:0 0 .35rem;font-size:.875rem}.resource-detail-block p{color:#475569;margin:.2rem 0 0;line-height:1.5}.resources-empty{text-align:center;background:#fff;border:1px solid #0f172a0f;border-radius:16px;justify-items:center;gap:8px;padding:48px 20px;display:grid;box-shadow:0 8px 24px #0f172a0d}.resources-empty-icon{width:56px;height:56px;color:var(--secondary-color);background:#1e736b1a;border-radius:16px;justify-content:center;align-items:center;margin-bottom:6px;display:inline-flex}.resources-empty h3{color:#0f172a;margin:0;font-size:16px;font-weight:700}.resources-empty p{color:#64748b;margin:0 0 8px;font-size:13px}.resources-skeleton{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.resources-skeleton-card{background:linear-gradient(90deg,#f1f5f9 0%,#e2e8f0 50%,#f1f5f9 100%) 0 0/200% 100%;border-radius:16px;height:188px;animation:1.2s ease-in-out infinite resourcesShimmer}@keyframes resourcesFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes resourcesShimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (width<=768px){.resources-hero{padding:22px}.resources-hero-copy,.resources-hero-actions,.resources-stats,.resources-grid,.resources-skeleton,.resources-form,.resource-detail-grid{grid-template-columns:1fr;width:100%}.resources-hero-actions{justify-content:flex-end}.resource-card-footer{flex-direction:column;align-items:stretch}.resource-card-actions{justify-content:flex-end}}.studio-bookings-page{max-width:1180px}@keyframes studio-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}@keyframes studio-spin{to{transform:rotate(360deg)}}.studio-spin{animation:.8s linear infinite studio-spin}.studio-hero{color:#fff;background:radial-gradient(1200px 280px at 100% -20%, #ed883847, transparent 55%), linear-gradient(135deg, #0f3d3a 0%, var(--secondary-color) 52%, #155a54 100%);border-radius:18px;grid-template-columns:minmax(0,1.4fr) minmax(220px,.8fr);align-items:center;gap:24px;padding:28px 32px;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 40px #0f3d3a47}.studio-hero-glow{pointer-events:none;background:radial-gradient(circle,#ed883859 0%,#0000 70%);border-radius:50%;width:280px;height:280px;position:absolute;inset:auto -80px -120px auto}.studio-hero-copy{z-index:1;position:relative}.studio-hero-kicker{letter-spacing:.14em;text-transform:uppercase;color:#ffffffb8;align-items:center;gap:8px;margin:0 0 10px;font-size:11px;font-weight:700;display:inline-flex}.studio-hero-pulse{background:#fb7185;border-radius:999px;width:8px;height:8px;animation:1.6s ease-in-out infinite studio-pulse;box-shadow:0 0 0 4px #fb718538}.studio-hero h1{letter-spacing:-.04em;margin:0;font-size:clamp(26px,3vw,34px);font-weight:750;line-height:1.15}.studio-hero-copy>p:last-child{color:#ffffffc7;max-width:46ch;margin:10px 0 0;font-size:14.5px;line-height:1.55}.studio-hero-art{z-index:1;flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex;position:relative}.studio-hero-chip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:650;display:inline-flex}.studio-hero-chip.is-shoot{background:#2563eb47}.studio-hero-chip.is-live{background:#ed883852}.studio-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.studio-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;align-items:center;gap:12px;min-width:0;padding:16px 18px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #0f172a0a}.studio-stat-card:before{content:"";background:var(--secondary-color);width:4px;position:absolute;inset:0 auto 0 0}.studio-stat-card.is-pending:before{background:#d97706}.studio-stat-card.is-podcast:before{background:var(--primary-color,#ed8838)}.studio-stat-card.is-shoot:before{background:#2563eb}.studio-stat-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 10px 24px #0f172a12}.studio-stat-icon-pending{color:#b45309;background:#d977061f}.studio-stat-icon-podcast{color:#c2410c;background:#ed883824}.studio-stat-icon-shoot{color:#1d4ed8;background:#2563eb1f}.studio-board{border-radius:16px;box-shadow:0 8px 28px #0f172a0a}.studio-board-icon{background:linear-gradient(135deg, #134e4a 0%, var(--secondary-color) 100%)!important;color:#fff!important}.studio-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.studio-chip-group{background:#f1f5f9;border-radius:999px;flex-wrap:wrap;gap:6px;padding:5px;display:inline-flex}.studio-chip{color:#64748b;height:34px;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:0 14px;font-size:13px;font-weight:650;transition:background-color .15s,color .15s,box-shadow .15s}.studio-chip:hover{color:#0f172a;background:#ffffffb3}.studio-chip.is-active{color:var(--secondary-color);background:#fff;box-shadow:0 2px 8px #0f172a14}.studio-chip.is-podcast.is-active{color:#c2410c}.studio-chip.is-shoot.is-active{color:#1d4ed8}.studio-calendar{background:linear-gradient(#f4fbf9 0%,#eef6f4 100%);border:1px solid #dbe7e4;border-radius:18px;margin-bottom:24px;padding:20px;box-shadow:inset 0 1px #fffc}.studio-calendar-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.studio-calendar-heading{flex-direction:column;align-items:center;gap:8px;display:flex}.studio-calendar-header h3{color:#0f172a;letter-spacing:-.03em;margin:0;font-size:20px;font-weight:750}.studio-today-btn{height:28px;color:var(--secondary-color);font:inherit;cursor:pointer;background:#fff;border:1px solid #99f6e4;border-radius:999px;padding:0 12px;font-size:12px;font-weight:700}.studio-today-btn:hover{background:#f0fdfa}.studio-calendar-nav{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:border-color .15s,color .15s,background-color .15s,transform .15s;display:inline-flex}.studio-calendar-nav:hover{border-color:var(--secondary-color);color:var(--secondary-color);background:#f0fdfa;transform:translateY(-1px)}.studio-calendar-legend{color:#6b7280;flex-wrap:wrap;gap:8px;margin-bottom:14px;font-size:12px;font-weight:600;display:flex}.studio-calendar-legend span{background:#fffc;border:1px solid #e2e8f0e6;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;display:inline-flex}.studio-legend-dot{border-radius:999px;width:8px;height:8px;display:inline-block}.studio-legend-dot.is-free{background:#1e736b}.studio-legend-dot.is-pending{background:#d97706}.studio-legend-dot.is-podcast{background:#ed8838}.studio-legend-dot.is-shoot{background:#2563eb}.studio-legend-dot.is-mixed{background:#7c3aed}.studio-calendar-weekdays{text-align:center;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-bottom:8px;font-size:11px;font-weight:700;display:grid}.studio-calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.studio-calendar-cell{text-align:left;cursor:pointer;min-height:88px;font:inherit;background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;align-items:flex-start;gap:6px;padding:10px;transition:border-color .15s,background-color .15s,box-shadow .15s,transform .15s;display:flex}.studio-calendar-cell.is-empty{cursor:default;pointer-events:none;background:0 0;border:none;min-height:88px}.studio-calendar-cell.is-free{background:linear-gradient(#f0fdfa 0%,#ecfdf5 100%);border-color:#99f6e4}.studio-calendar-cell.is-pending{background:linear-gradient(#fffbeb 0%,#fef3c7 100%);border-color:#fcd34d}.studio-calendar-cell.is-podcast{background:linear-gradient(#fff7ed 0%,#ffedd5 100%);border-color:#fdba74}.studio-calendar-cell.is-shoot{background:linear-gradient(#eff6ff 0%,#dbeafe 100%);border-color:#93c5fd}.studio-calendar-cell.is-mixed{background:linear-gradient(#f5f3ff 0%,#ede9fe 100%);border-color:#c4b5fd}.studio-calendar-cell.is-loading{cursor:wait;opacity:.7;background:#f8fafc;border-color:#e2e8f0}.studio-calendar-cell.is-today .studio-calendar-day{color:#fff;background:var(--secondary-color);border-radius:999px;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;display:inline-flex}.studio-calendar-cell.is-selected{border-color:var(--secondary-color);transform:translateY(-2px);box-shadow:0 0 0 3px #1e736b2e}.studio-calendar-cell:hover:not(.is-empty):not(.is-loading):not(:disabled){border-color:#94a3b8;transform:translateY(-2px);box-shadow:0 8px 16px #0f172a14}.studio-calendar-day{color:#0f172a;font-size:15px;font-weight:750}.studio-slot-dots{gap:4px;margin-top:auto;display:flex}.studio-slot-dots i{background:#94a3b8;border-radius:999px;width:7px;height:7px}.studio-slot-dots i.is-pending{background:#d97706}.studio-slot-dots i.is-podcast{background:#ed8838}.studio-slot-dots i.is-shoot{background:#2563eb}.studio-slot-dots i.is-mixed{background:#7c3aed}.studio-calendar-mark{color:#64748b;font-size:11px;font-weight:700}.studio-calendar-cell.is-free .studio-calendar-mark{color:#0f766e}.studio-calendar-cell.is-pending .studio-calendar-mark{color:#b45309}.studio-calendar-cell.is-podcast .studio-calendar-mark{color:#c2410c}.studio-calendar-cell.is-shoot .studio-calendar-mark{color:#1d4ed8}.studio-calendar-cell.is-mixed .studio-calendar-mark{color:#6d28d9}.studio-list-section{margin-top:4px}.studio-list-header{background:linear-gradient(90deg,#f8fafc 0%,#f0fdfa 100%);border:1px solid #dbe7e4;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:16px 18px;display:flex}.studio-list-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--secondary-color);margin:0 0 4px;font-size:11px;font-weight:700}.studio-list-header h3{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:17px;font-weight:750}.studio-list-header p{color:#64748b;margin:4px 0 0;font-size:13px;line-height:1.45}.studio-list-actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;display:flex}.studio-date-cell{flex-direction:column;gap:1px;line-height:1.25;display:flex}.studio-date-weekday{letter-spacing:.04em;text-transform:uppercase;color:#94a3b8;font-size:11px;font-weight:700}.studio-date-rest{color:#0f172a;white-space:nowrap;font-size:13px;font-weight:600}.studio-time-chip{color:#134e4a;white-space:nowrap;background:#f0fdfa;border-radius:8px;align-items:center;gap:6px;padding:5px 10px;font-size:12.5px;font-weight:650;display:inline-flex}.studio-time-chip svg{color:var(--secondary-color);flex-shrink:0}.studio-type-badge,.studio-status-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.studio-type-podcast{color:#c2410c;background:#ed88381f}.studio-type-shoot{color:#1d4ed8;background:#2563eb1f}.studio-type-other{color:#475569;background:#64748b1f}.studio-status-booked{color:#047857;background:#1e736b1a}.studio-status-pending{color:#b45309;background:#d977061f}.studio-status-rejected{color:#b91c1c;background:#b91c1c1a}.studio-status-cancelled{color:#64748b;background:#f1f5f9}.studio-status-dot{opacity:.85;background:currentColor;border-radius:999px;width:6px;height:6px}.studio-title-cell{white-space:nowrap;flex-direction:column;gap:2px;display:flex}.studio-title-cell strong{color:#0f172a;font-weight:650}.studio-guest-preview{color:#64748b;font-size:12px}.studio-person-cell{white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.studio-person-avatar{color:#fff;letter-spacing:.02em;background:linear-gradient(135deg,#134e4a 0%,#1e736b 100%);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:700;display:inline-flex}.studio-person-name{color:#0f172a;font-size:13.5px;font-weight:550}.studio-row-actions{justify-content:center;align-items:center;gap:6px;display:inline-flex}.studio-bookings-table th,.studio-bookings-table td{vertical-align:middle}.studio-bookings-table .studio-status-cell,.studio-bookings-table th:last-child,.studio-bookings-table .studio-actions-cell{text-align:center}.studio-bookings-table .studio-actions-cell{white-space:nowrap;width:1%;display:table-cell}.studio-action-btn{color:#475569;height:32px;font:inherit;white-space:nowrap;cursor:pointer;background:#f8fafc;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:12.5px;font-weight:600;transition:background-color .15s,border-color .15s,color .15s,transform .12s;display:inline-flex}.studio-action-btn:hover:not(:disabled){transform:translateY(-1px)}.studio-action-btn:disabled{opacity:.55;cursor:not-allowed}.studio-action-view{color:#475569;background:#fff;border-color:#e2e8f0}.studio-action-view:hover:not(:disabled){color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.studio-action-approve{background:var(--primary-color,#ed8838);border-color:var(--primary-color,#ed8838);color:#fff}.studio-action-approve:hover:not(:disabled){filter:brightness(1.05)}.studio-action-reject{color:#b91c1c;background:#fff;border-color:#fecaca}.studio-action-reject:hover:not(:disabled){background:#fef2f2}.studio-action-cancel{color:#be123c;background:#fff1f2;border-color:#fecaca}.studio-action-cancel:hover:not(:disabled){background:#ffe4e6}.studio-time-hint{color:#64748b;background:#f1f5f9;border-radius:8px;margin:0;padding:10px 12px;font-size:13px}.studio-time-hint strong{color:#0f172a;font-weight:600}.studio-time-hint.is-warning{color:#92400e;background:#fef3c7}.studio-existing-slots-label{letter-spacing:.04em;text-transform:uppercase;color:#64748b;margin:0 0 6px;font-size:12px;font-weight:700}.studio-existing-slots{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.studio-existing-slots li{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:8px 10px;font-size:13px;display:flex}.studio-existing-slots li span:last-child{color:#64748b;font-weight:600}.studio-detail-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px;margin:0;display:grid}.studio-detail-list div{flex-direction:column;gap:4px;display:flex}.studio-detail-list .studio-detail-full{grid-column:1/-1}.studio-detail-list dt{letter-spacing:.04em;text-transform:uppercase;color:#94a3b8;font-size:11px;font-weight:700}.studio-detail-list dd{color:#0f172a;margin:0;font-size:14px}@media (width<=900px){.studio-hero{grid-template-columns:1fr;padding:22px 20px}.studio-hero-art{justify-content:flex-start}.studio-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.studio-toolbar{flex-direction:column;align-items:stretch}.studio-chip-group{width:100%}.studio-list-header{flex-direction:column;align-items:stretch;display:flex}.studio-list-actions{justify-content:flex-end}.studio-calendar-cell,.studio-calendar-cell.is-empty{min-height:68px;padding:7px}.studio-calendar-mark{font-size:10px}.studio-detail-list{grid-template-columns:1fr}}@media (width<=520px){.studio-stats-grid{grid-template-columns:1fr}}@media (width<=480px){.studio-calendar-mark,.studio-slot-dots{display:none}.studio-calendar-cell,.studio-calendar-cell.is-empty{min-height:44px}}.audit-logs-page{gap:18px;max-width:1180px}.audit-logs-hero{color:#fff;background:linear-gradient(135deg,#123f3c 0%,#1e736b 48%,#ed8838 130%);border-radius:18px;padding:26px 28px;position:relative;overflow:hidden;box-shadow:0 16px 40px #1e736b33}.audit-logs-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 88% 12%,#ffffff2e 0%,#0000 42%),radial-gradient(circle at 10% 90%,#ed88384d 0%,#0000 40%);position:absolute;inset:0}.audit-logs-hero-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex;position:relative}.audit-logs-hero-copy{align-items:center;gap:16px;min-width:0;display:flex}.audit-logs-hero-icon{background:#ffffff29;border:1px solid #ffffff47;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;display:inline-flex}.audit-logs-hero-kicker{letter-spacing:.08em;text-transform:uppercase;color:#ffffffb8;margin:0 0 4px;font-size:11px;font-weight:700}.audit-logs-hero-text h2{letter-spacing:-.03em;margin:0 0 6px;font-size:26px;font-weight:800}.audit-logs-hero-text p{color:#ffffffdb;max-width:560px;margin:0;font-size:14px;line-height:1.5}.audit-logs-hero-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.audit-logs-hero-btn{color:#fff;min-height:42px;font:inherit;cursor:pointer;background:#ffffff24;border:1px solid #ffffff47;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.audit-logs-hero-btn:hover:not(:disabled){background:#ffffff38}.audit-logs-hero-btn:disabled{opacity:.6;cursor:not-allowed}.audit-logs-hero-btn-primary{color:#155e58;background:#fff;border-color:#0000}.audit-logs-hero-btn-primary:hover:not(:disabled){background:#f8fafc}@keyframes audit-logs-spin{to{transform:rotate(360deg)}}.audit-logs-spin{animation:.8s linear infinite audit-logs-spin}.audit-logs-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.audit-logs-stat{background:#fff;border:1px solid #e5e7eb;border-radius:14px;align-items:center;gap:12px;width:100%;padding:14px 16px;display:flex;box-shadow:0 8px 24px #0f172a0a}.audit-logs-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.audit-logs-stat-icon-total{color:#334155;background:#0f172a14}.audit-logs-stat-icon-success{color:#047857;background:#10b9811f}.audit-logs-stat-icon-failed{color:#b91c1c;background:#ef44441f}.audit-logs-stat-icon-users{color:var(--secondary-color);background:#1e736b1f}.audit-logs-stat-label{color:#6b7280;margin:0;font-size:12px;font-weight:600}.audit-logs-stat-value{color:#0f172a;letter-spacing:-.03em;margin:2px 0 0;font-size:22px;font-weight:800;line-height:1.2}.audit-logs-page .department-list-card{border:1px solid #e5e7eb;border-radius:16px;padding:22px 24px;overflow:visible;box-shadow:0 8px 28px #0f172a0d}.audit-logs-directory{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.audit-logs-directory h2{letter-spacing:-.03em;color:#0f172a;margin:0;font-size:18px;font-weight:800}.audit-logs-directory p{color:#64748b;margin:4px 0 0;font-size:13px}.audit-logs-directory-meta{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.audit-logs-count{color:#475569;white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;align-items:center;min-height:34px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.audit-logs-filters{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px;padding:14px 16px;display:grid;overflow:visible}.audit-logs-filter{flex-direction:column;gap:6px;min-width:0;display:flex}.audit-logs-filter label{color:#64748b;font-size:12px;font-weight:700}.audit-logs-filters select,.audit-logs-filters input{width:100%;min-width:0;height:44px;font:inherit;color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:0 12px;font-size:14px}.audit-logs-filters select:focus,.audit-logs-filters input:focus{border-color:var(--secondary-color);outline:none;box-shadow:0 0 0 3px #1e736b1f}.audit-logs-page .department-table-wrap{border-radius:14px;overflow:hidden}.audit-logs-page .department-table tbody tr.is-clickable:hover{background:#f8fafc}.audit-logs-page .department-state{background:#fff;border:1px dashed #dbe3ea;border-radius:14px}.audit-log-time{color:#475569;white-space:nowrap;align-items:flex-start;gap:8px;display:inline-flex}.audit-log-time svg{color:#94a3b8;flex-shrink:0;margin-top:3px}.audit-log-time strong{color:#0f172a;font-size:13px;font-weight:700;display:block}.audit-log-time em{color:#64748b;margin-top:1px;font-size:12px;font-style:normal;font-weight:600;display:block}.audit-log-chip{white-space:nowrap;text-overflow:ellipsis;border-radius:999px;align-items:center;max-width:180px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex;overflow:hidden}.audit-log-action-success{color:#047857;background:#10b9811f}.audit-log-action-danger{color:#b91c1c;background:#ef44441f}.audit-log-action-info{color:#1d4ed8;background:#2563eb1f}.audit-log-action-warn{color:#c2410c;background:#ed883829}.audit-log-action-neutral,.audit-log-resource{color:#334155;background:#f1f5f9}.audit-log-badge{white-space:nowrap;border-radius:999px;align-items:center;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.audit-log-status-success{color:#047857;background:#10b9811f}.audit-log-status-error{color:#b91c1c;background:#ef44441f}.audit-log-status-neutral{color:#475569;background:#64748b24}.audit-log-endpoint{max-width:240px}.audit-log-endpoint-code{color:#334155;max-width:100%;font-family:var(--font-mono);word-break:break-all;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:4px 8px;font-size:12px;line-height:1.4;display:inline-block}.audit-log-muted{color:#94a3b8}.audit-log-name-cell{align-items:center;gap:10px;min-width:0;display:flex}.audit-log-avatar{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:11px;font-weight:800;display:inline-flex;box-shadow:0 6px 14px #0f172a1f}.audit-log-avatar-teal{background:linear-gradient(145deg,#1e736b,#0f766e)}.audit-log-avatar-orange{background:linear-gradient(145deg,#ed8838,#c2410c)}.audit-log-avatar-blue{background:linear-gradient(145deg,#2563eb,#1d4ed8)}.audit-log-avatar-violet{background:linear-gradient(145deg,#7c3aed,#6d28d9)}.audit-log-avatar-rose{background:linear-gradient(145deg,#e11d48,#be123c)}.audit-log-avatar-slate{background:linear-gradient(145deg,#475569,#334155)}.audit-log-name-text{color:#0f172a;font-weight:700}.audit-logs-pagination{color:#64748b;border-top:1px solid #eef2f7;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:16px;padding-top:14px;font-size:.875rem;font-weight:600;display:flex}.audit-logs-pagination-actions{gap:.5rem;display:flex}.audit-log-detail-hero{background:linear-gradient(135deg,#1e736b14 0%,#ed88380f 100%);border:1px solid #1e736b1f;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;padding:18px 20px;display:flex}.audit-log-detail-hero-main{align-items:center;gap:14px;min-width:0;display:flex}.audit-log-detail-hero-copy h3{color:#0f172a;margin:0;font-size:18px;font-weight:800}.audit-log-detail-hero-copy p{color:#64748b;margin:4px 0 0;font-size:13px}.audit-log-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.audit-log-detail-grid div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:.2rem;padding:.85rem 1rem;display:flex}.audit-log-detail-grid span{letter-spacing:.04em;text-transform:uppercase;color:#64748b;font-size:.75rem;font-weight:700}.audit-log-detail-grid strong{color:#0f172a;word-break:break-word;font-size:14px}.audit-log-detail-payload-label{letter-spacing:.04em;text-transform:uppercase;color:#64748b;margin:0 0 8px;font-size:12px;font-weight:800}.audit-log-detail-json{color:#334155;white-space:pre-wrap;word-break:break-word;background:#0f172a0a;border-radius:12px;max-height:320px;margin:0;padding:.85rem 1rem;font-size:.8125rem;line-height:1.5;overflow:auto}@media (width<=980px){.audit-logs-stats,.audit-logs-filters,.audit-log-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.audit-logs-hero{padding:20px}.audit-logs-hero-text h2{font-size:22px}.audit-logs-stats,.audit-logs-filters,.audit-log-detail-grid{grid-template-columns:1fr}.audit-logs-directory{flex-direction:column}}.dashboard-page{gap:22px;width:100%;min-width:0;max-width:1180px;display:grid}.dashboard-hero{color:#fff;background:linear-gradient(125deg,#134e4a 0%,#1e736b 42%,#c4722a 88%,#ed8838 100%);border-radius:20px;padding:26px 28px;position:relative;overflow:hidden;box-shadow:0 18px 44px #1e736b38}.dashboard-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 88% 12%,#fff3 0%,#0000 42%),radial-gradient(circle at 8% 92%,#ed883857 0%,#0000 40%);position:absolute;inset:0}.dashboard-hero-glow{pointer-events:none;position:absolute;inset:0}.dashboard-hero-orb{filter:blur(48px);opacity:.35;border-radius:50%;position:absolute}.dashboard-hero-orb-1{background:#ed8838;width:180px;height:180px;top:-80px;right:8%}.dashboard-hero-orb-2{opacity:.22;background:#5eead4;width:120px;height:120px;bottom:-50px;left:22%}.dashboard-hero-orb-3{opacity:.12;background:#fff;width:90px;height:90px;top:28%;left:-20px}.dashboard-hero-content{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex;position:relative}.dashboard-hero-copy{align-items:center;gap:16px;min-width:0;display:flex}.dashboard-hero-icon{background:#ffffff29;border:1px solid #ffffff47;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;display:inline-flex}.dashboard-hero-kicker{letter-spacing:.08em;text-transform:uppercase;color:#ffffffb8;margin:0 0 4px;font-size:11px;font-weight:700}.dashboard-hero-text h2{letter-spacing:-.03em;margin:0 0 6px;font-size:26px;font-weight:800}.dashboard-hero-text p{color:#ffffffdb;max-width:460px;margin:0;font-size:14px;line-height:1.5}.dashboard-hero-aside{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;display:flex}.dashboard-hero-chips{flex-wrap:wrap;gap:8px;display:flex}.dashboard-hero-chip{background:#ffffff24;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:6px;min-height:34px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.dashboard-hero-btn{color:#155e58;min-height:42px;font:inherit;cursor:pointer;background:#fff;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:700;display:inline-flex}.dashboard-hero-btn:hover:not(:disabled){background:#f8fafc}.dashboard-hero-btn:disabled{opacity:.65;cursor:not-allowed}.dashboard-guide{background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex;box-shadow:0 10px 28px #0f172a0d}.dashboard-guide-copy{flex:1;align-items:flex-start;gap:14px;min-width:0;display:flex}.dashboard-guide-icon{width:44px;height:44px;color:var(--secondary-color);background:#1e736b1a;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.dashboard-guide-kicker{letter-spacing:.08em;text-transform:uppercase;color:#64748b;margin:0 0 2px;font-size:11px;font-weight:700}.dashboard-guide-copy h3{letter-spacing:-.02em;color:#0f172a;margin:0 0 4px;font-size:16px;font-weight:800}.dashboard-guide-copy p:last-child{color:#64748b;max-width:560px;margin:0;font-size:13px;line-height:1.5}.dashboard-guide-btn{background:var(--secondary-color);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:8px 14px 8px 16px;font-size:13px;font-weight:700;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex}.dashboard-guide-btn:hover{background:#155e58;transform:translateY(-1px)}.dashboard-guide-meta{letter-spacing:.04em;background:#ffffff29;border-radius:999px;align-items:center;gap:4px;margin-left:2px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.dashboard-modules-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.dashboard-module-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;gap:14px;padding:18px;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 28px #0f172a0d}.dashboard-module-card:before{content:"";background:var(--dashboard-accent,#1e736b);width:100%;height:4px;position:absolute;inset:0 auto auto 0}.dashboard-module-card:hover{border-color:#cde3df;transform:translateY(-2px);box-shadow:0 16px 36px #0f172a14}.dashboard-module-card-tasks{--dashboard-accent:#1e736b}.dashboard-module-card-tickets{--dashboard-accent:#ed8838}.dashboard-module-card-assets{--dashboard-accent:#4f46e5}.dashboard-module-card-attendance{--dashboard-accent:#0f766e}.dashboard-module-card-notifications{--dashboard-accent:#64748b}.dashboard-module-card-notifications.is-alert{--dashboard-accent:#e11d48}.dashboard-module-card-tasks .dashboard-module-icon,.dashboard-module-card-tasks .dashboard-module-link{color:#1e736b;background:#e8f4f2}.dashboard-module-card-tickets .dashboard-module-icon,.dashboard-module-card-tickets .dashboard-module-link{color:#c2410c;background:#fff3e8}.dashboard-module-card-assets .dashboard-module-icon,.dashboard-module-card-assets .dashboard-module-link{color:#4f46e5;background:#eef2ff}.dashboard-module-card-attendance .dashboard-module-icon,.dashboard-module-card-attendance .dashboard-module-link{color:#0f766e;background:#e6f7f5}.dashboard-module-card-notifications .dashboard-module-icon,.dashboard-module-card-notifications .dashboard-module-link{color:#475569;background:#f1f5f9}.dashboard-module-card-notifications.is-alert .dashboard-module-icon,.dashboard-module-card-notifications.is-alert .dashboard-module-link{color:#e11d48;background:#fff1f2}.dashboard-module-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.dashboard-module-title{align-items:center;gap:10px;min-width:0;display:inline-flex}.dashboard-module-title h3{letter-spacing:-.02em;color:#0f172a;margin:0;font-size:15px;font-weight:800}.dashboard-module-hint{color:#64748b;margin:2px 0 0;font-size:12px;font-weight:600}.dashboard-module-icon{color:#1e736b;background:#e8f4f2;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.dashboard-module-link{color:var(--dashboard-accent,#1e736b);background:#e8f4f2;border-radius:999px;align-items:center;gap:4px;padding:6px 10px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.dashboard-module-link:hover{filter:brightness(.97)}.dashboard-progress{background:#eef2f7;border-radius:999px;height:6px;overflow:hidden}.dashboard-progress span{border-radius:inherit;background:var(--dashboard-accent,#1e736b);height:100%;transition:width .35s;display:block}.dashboard-module-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.dashboard-module-stats.is-single{grid-template-columns:1fr}.dashboard-stat-pill{background:#f8fafc;border:1px solid #e8eef5;border-radius:14px;padding:12px 14px}.dashboard-stat-pill span:first-child{letter-spacing:.04em;text-transform:uppercase;color:#64748b;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.dashboard-stat-pill strong{letter-spacing:-.03em;color:#0f172a;font-size:22px;font-weight:800}.dashboard-module-stats.is-single .dashboard-stat-pill{background:radial-gradient(circle at 100% 0,#64748b24,#0000 46%),#f8fafc;justify-content:space-between;align-items:center;gap:12px;min-height:84px;padding:18px 20px;display:flex}.dashboard-module-stats.is-single .dashboard-stat-pill span:first-child{margin-bottom:0}.dashboard-module-stats.is-single .dashboard-stat-pill strong{font-size:36px}.dashboard-stat-pill-success{background:#f0fdf4;border-color:#dcfce7}.dashboard-stat-pill-success strong{color:#15803d}.dashboard-stat-pill-warning{background:#fff7ed;border-color:#ffedd5}.dashboard-stat-pill-warning strong{color:#c2410c}.dashboard-stat-pill-info{background:#f0fdfa;border-color:#ccfbf1}.dashboard-stat-pill-info strong{color:#0f766e}.dashboard-stat-pill-danger{background:#fff1f2;border-color:#ffe4e6}.dashboard-stat-pill-danger strong{color:#e11d48}.dashboard-stat-pill-skeleton span,.dashboard-stat-pill-skeleton strong{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%) 0 0/200% 100%;border-radius:6px;animation:1.2s ease-in-out infinite dashboard-shimmer;display:block}.dashboard-stat-pill-skeleton span{width:46%;height:10px;margin-bottom:10px}.dashboard-stat-pill-skeleton strong{width:38%;height:22px}.dashboard-module-error{background:#fef2f2;border:1px solid #fecaca;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.dashboard-module-error p{color:#b91c1c;margin:0;font-size:13px;font-weight:600}.dashboard-module-error button{color:#b91c1c;font:inherit;cursor:pointer;background:#fff;border:0;border-radius:999px;flex-shrink:0;padding:7px 10px;font-size:12px;font-weight:700}.dashboard-module-error button:disabled{opacity:.6;cursor:not-allowed}.dashboard-empty{text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:18px;justify-items:center;gap:8px;padding:48px 24px;display:grid}.dashboard-empty-icon{width:56px;height:56px;color:var(--secondary-color);background:#1e736b1a;border-radius:16px;justify-content:center;align-items:center;margin-bottom:6px;display:inline-flex}.dashboard-empty h3{color:#0f172a;margin:0;font-size:18px}.dashboard-empty p{color:#64748b;margin:0;font-size:14px}.dashboard-quick-links{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:20px;box-shadow:0 10px 28px #0f172a0a}.dashboard-section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.dashboard-section-title{letter-spacing:-.02em;color:#0f172a;margin:0;font-size:16px;font-weight:800}.dashboard-section-head p{color:#64748b;margin:0;font-size:13px}.dashboard-quick-links-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.dashboard-quick-link{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:10px;min-height:48px;padding:10px 12px;font-size:13px;font-weight:700;text-decoration:none;transition:background .15s,border-color .15s,transform .15s;display:flex}.dashboard-quick-link-icon{width:32px;height:32px;color:var(--secondary-color);background:#1e736b1a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.dashboard-quick-link-arrow{color:#94a3b8;opacity:0;margin-left:auto;transition:opacity .15s,color .15s}.dashboard-quick-link:hover{color:var(--secondary-color);background:#fff;border-color:#1e736b47;transform:translateY(-1px)}.dashboard-quick-link:hover .dashboard-quick-link-arrow{opacity:1;color:var(--secondary-color)}.dashboard-spin{animation:.8s linear infinite dashboard-spin}@keyframes dashboard-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dashboard-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (width<=1100px){.dashboard-modules-grid{grid-template-columns:1fr}}@media (width<=720px){.dashboard-hero{padding:22px 18px}.dashboard-hero-text h2{font-size:22px}.dashboard-hero-copy{align-items:flex-start}.dashboard-guide-btn{width:100%}}@media (width<=520px){.dashboard-module-stats{grid-template-columns:1fr}.dashboard-module-stats.is-single .dashboard-stat-pill{min-height:72px}.dashboard-module-stats.is-single .dashboard-stat-pill strong{font-size:30px}}.profile-page{max-width:960px;margin:0 auto}.profile-hero{color:#fff;background:linear-gradient(135deg,#1e736b 0%,#155e58 45%,#ed8838 120%);border-radius:18px;margin-bottom:20px;padding:32px;position:relative;overflow:hidden;box-shadow:0 16px 40px #1e736b38}.profile-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 85% 15%,#ffffff2e 0%,#0000 42%),radial-gradient(circle at 10% 90%,#ed883840 0%,#0000 40%);position:absolute;inset:0}.profile-hero-content{flex-wrap:wrap;align-items:center;gap:24px;display:flex;position:relative}.profile-hero-avatar-wrap{flex-shrink:0;position:relative}.profile-hero-avatar{letter-spacing:.02em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff2e;border:3px solid #ffffff73;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;font-size:32px;font-weight:800;display:flex;box-shadow:0 8px 24px #00000026}.profile-hero-status{background:#22c55e;border:3px solid #155e58;border-radius:50%;width:18px;height:18px;position:absolute;bottom:4px;right:4px}.profile-hero-text{flex:1;min-width:220px}.profile-hero-text h2{letter-spacing:-.03em;margin:0 0 8px;font-size:28px;font-weight:800}.profile-hero-text p{color:#ffffffd9;margin:0 0 14px;font-size:15px}.profile-hero-badges{flex-wrap:wrap;gap:8px;display:flex}.profile-hero-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff29;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.profile-schedule-card{width:100%}.profile-tabs{background:#fff;border:1px solid #0f172a0f;border-radius:14px;flex-wrap:wrap;gap:8px;margin-bottom:20px;padding:6px;display:flex;box-shadow:0 4px 20px #0f172a0d}.profile-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:background .2s,color .2s,box-shadow .2s;display:inline-flex}.profile-tab:hover{color:#0f172a;background:#f8fafc}.profile-tab-active{color:var(--secondary-color);background:#1e736b1a;box-shadow:inset 0 0 0 1px #1e736b1f}.profile-tab-panels{flex-direction:column;gap:16px;display:flex}.profile-tab-panel{flex-direction:column;gap:16px;animation:.25s ease-out profileFadeIn;display:flex}.profile-password-card{margin-bottom:0}.profile-password-form{gap:16px;display:grid}.profile-password-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.profile-password-field{color:#334155;flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.profile-password-input-wrap{align-items:center;display:flex;position:relative}.profile-password-field input{width:100%;height:44px;font:inherit;color:#0f172a;background:#fff;border:1px solid #dbe3ea;border-radius:10px;padding:11px 44px 11px 12px;font-weight:500}.profile-password-field input:focus{border-color:#1e736b;outline:none;box-shadow:0 0 0 3px #1e736b1f}.profile-password-eye{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex;position:absolute;right:8px}.profile-password-eye:hover:not(:disabled){color:#0f172a;background:#f1f5f9}.profile-password-eye:disabled{opacity:.5;cursor:not-allowed}.profile-password-actions{justify-content:flex-end;align-items:center;gap:12px;padding-top:4px;display:flex}.profile-password-submit{font:inherit;cursor:pointer;color:#fff;background:linear-gradient(135deg,#1e736b 0%,#155e58 100%);border:none;border-radius:10px;min-width:180px;min-height:44px;padding:10px 18px;font-weight:700}.profile-password-submit:hover:not(:disabled){filter:brightness(1.05)}.profile-password-submit:disabled{opacity:.7;cursor:not-allowed}.profile-password-error,.profile-password-success{border-radius:10px;margin-bottom:4px;padding:12px 14px;font-size:13px}.profile-password-error{color:#b91c1c;background:#fef2f2;border-left:4px solid #b91c1c}.profile-password-success{color:#047857;background:#ecfdf5;border-left:4px solid #047857}.profile-email-card{margin-bottom:0}.profile-email-status{border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:600;display:inline-flex}.profile-email-status-verified{color:#047857;background:#ecfdf5}.profile-email-status-unverified{color:#c2410c;background:#fff7ed}.profile-email-actions{gap:16px;margin-top:16px;display:grid}.profile-email-verify-form{gap:12px;display:grid}@media (width<=720px){.profile-password-row{grid-template-columns:1fr}.profile-password-submit{width:100%}}.profile-sections{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}@media (width<=768px){.profile-sections{grid-template-columns:1fr}.profile-hero{padding:24px}.profile-hero-text h2{font-size:24px}}.profile-section-card{background:#fff;border:1px solid #0f172a0f;border-radius:16px;padding:22px;animation:.35s ease-out profileFadeIn;box-shadow:0 8px 32px #0f172a0f}.profile-section-card-wide{grid-column:1/-1}.profile-section-header{border-bottom:1px solid #f1f5f9;align-items:flex-start;gap:12px;margin-bottom:18px;padding-bottom:16px;display:flex}.profile-section-icon{width:40px;height:40px;color:var(--secondary-color);background:#1e736b1a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.profile-section-header h3{color:#0f172a;margin:0 0 4px;font-size:16px;font-weight:700}.profile-section-header p{color:#64748b;margin:0;font-size:13px}.profile-fields{flex-direction:column;gap:12px;display:flex}.profile-field{background:#f8fafc;border:1px solid #eef2f7;border-radius:12px;align-items:flex-start;gap:12px;padding:12px 14px;transition:border-color .2s,background .2s;display:flex}.profile-field:hover{background:#f1f5f9;border-color:#e2e8f0}.profile-field-icon{width:34px;height:34px;color:var(--secondary-color);background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.profile-field-body{flex:1;min-width:0}.profile-field-label{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.profile-field-value{color:#0f172a;word-break:break-word;font-size:14px;font-weight:600}.profile-field-value-empty{color:#94a3b8;font-style:italic;font-weight:500}.profile-field-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.profile-copy-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:inline-flex}.profile-copy-btn:hover{color:var(--secondary-color);border-color:var(--secondary-color);background:#1e736b0f}.profile-copy-btn.copied{color:var(--secondary-color);border-color:#1e736b4d}.profile-id-value{color:#475569;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;font-weight:500}.profile-empty-state{text-align:center;background:#fff;border:1px solid #0f172a0f;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:56px 32px;display:flex;box-shadow:0 8px 32px #0f172a0f}.profile-empty-icon{width:72px;height:72px;color:var(--secondary-color);background:#1e736b1a;border-radius:18px;justify-content:center;align-items:center;margin-bottom:18px;display:inline-flex}.profile-empty-state h3{color:#0f172a;margin:0 0 8px;font-size:20px}.profile-empty-state p{color:#64748b;max-width:360px;margin:0;font-size:14px}.profile-schedule-summary{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.profile-schedule-chip{color:var(--secondary-color);background:#1e736b1a;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.profile-schedule-chip-muted{color:#64748b;background:#f1f5f9}.profile-schedule-grid{flex-direction:column;gap:10px;display:flex}.profile-schedule-row{background:#f8fafc;border:1px solid #eef2f7;border-radius:12px;grid-template-columns:120px 1fr auto;align-items:center;gap:12px;padding:14px 16px;transition:border-color .2s,background .2s,box-shadow .2s;display:grid}.profile-schedule-row:hover{background:#f1f5f9;border-color:#e2e8f0}.profile-schedule-row-today{background:linear-gradient(#fffbf7 0%,#fff 100%);border-color:#ed883847;box-shadow:0 4px 14px #ed883814}.profile-schedule-row-off{opacity:.72}.profile-schedule-day{flex-direction:column;gap:2px;display:flex}.profile-schedule-day strong{color:#0f172a;font-size:14px}.profile-schedule-day span{text-transform:uppercase;letter-spacing:.04em;color:#94a3b8;font-size:11px;font-weight:700}.profile-schedule-times{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.profile-schedule-time-block{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;min-width:130px;padding:8px 12px;display:inline-flex}.profile-schedule-time-block svg{color:var(--secondary-color);flex-shrink:0}.profile-schedule-time-block-off svg{color:#94a3b8}.profile-schedule-time-label{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;font-size:10px;font-weight:700;display:block}.profile-schedule-time-value{color:#0f172a;font-size:13px;font-weight:700;display:block}.profile-schedule-arrow{color:#cbd5e1;flex-shrink:0}.profile-schedule-duration{color:var(--secondary-color);white-space:nowrap;background:#1e736b1a;border-radius:999px;justify-content:center;align-items:center;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.profile-schedule-off-badge{color:#94a3b8;background:#f1f5f9;border-radius:10px;align-items:center;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.profile-schedule-loading{flex-direction:column;gap:10px;display:flex}.profile-schedule-loading-row{background:linear-gradient(90deg,#f1f5f9 0%,#e2e8f0 50%,#f1f5f9 100%) 0 0/200% 100%;border-radius:12px;height:56px;animation:1.2s ease-in-out infinite profileScheduleShimmer}.profile-schedule-empty{text-align:center;color:#64748b;background:#f8fafc;border:1px dashed #e2e8f0;border-radius:12px;padding:24px;font-size:14px}@keyframes profileScheduleShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=640px){.profile-schedule-row{grid-template-columns:1fr;gap:10px}.profile-schedule-duration{justify-self:flex-start}}@keyframes profileFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.policy-page{max-width:1180px}.policy-hero{background:linear-gradient(135deg, var(--secondary-color) 0%, #155a54 100%);color:#fff;border-radius:12px;margin-bottom:1.75rem;padding:2rem 2.25rem;position:relative;overflow:hidden;box-shadow:0 8px 24px #1e736b40}.policy-hero-glow{pointer-events:none;background:radial-gradient(circle,#ed883847 0%,#0000 70%);width:420px;height:420px;position:absolute;top:-40%;right:-10%}.policy-hero-content{z-index:1;position:relative}.policy-hero-badge{letter-spacing:.05em;text-transform:uppercase;background:#ffffff1a;border:1px solid #fff3;border-radius:999px;align-items:center;gap:.45rem;margin-bottom:1rem;padding:.4rem .85rem;font-size:.72rem;font-weight:600;display:inline-flex}.policy-hero h1{letter-spacing:.1em;text-transform:uppercase;color:#ffffffbf;margin:0 0 .35rem;font-size:.95rem;font-weight:700}.policy-hero h2{color:#fff;max-width:720px;margin:0;font-size:clamp(1.4rem,2.8vw,2rem);font-weight:800;line-height:1.2}.policy-hero-subtitle{color:#ffffffd9;margin:.65rem 0 1rem;font-size:1rem}.policy-download-btn{color:#155e58;background:#fff;border-radius:10px;align-items:center;gap:.55rem;min-height:2.6rem;margin:0 0 1.5rem;padding:.5rem 1rem .5rem .9rem;font-size:.88rem;font-weight:700;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex;box-shadow:0 6px 16px #0000001f}.policy-download-btn:hover{background:#f8fafc;transform:translateY(-1px)}.policy-download-meta{color:var(--secondary-color);letter-spacing:.04em;background:#1e736b1a;border-radius:999px;align-items:center;gap:.3rem;margin-left:.15rem;padding:.15rem .5rem;font-size:.7rem;font-weight:700;display:inline-flex}.policy-engagement-notice{background:#ed883829;border:1px solid #ed883873;border-radius:10px;align-items:flex-start;gap:.85rem;margin-bottom:1.5rem;padding:1rem 1.15rem;display:flex}.policy-engagement-notice-icon{background:var(--primary-color);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:2.1rem;height:2.1rem;display:flex}.policy-engagement-notice-title{color:#fff;margin:0 0 .35rem;font-size:1.05rem;font-weight:700;line-height:1.4}.policy-engagement-notice-desc{color:#ffffffd1;margin:0 0 .75rem;font-size:.86rem;line-height:1.45}.policy-role-tags{flex-wrap:wrap;gap:.45rem;display:flex}.policy-role-tag{color:#fff;background:#ffffff1f;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .7rem;font-size:.76rem;font-weight:600;display:inline-flex}.policy-role-tag svg{color:var(--primary-color)}.policy-meta-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;display:grid}.meta-card{background:#ffffff14;border:1px solid #ffffff24;border-radius:10px;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;display:flex}.meta-card>svg{color:var(--primary-color);flex-shrink:0;margin-top:.15rem}.meta-card .meta-label{text-transform:uppercase;letter-spacing:.06em;color:#ffffff8c;margin-bottom:.15rem;font-size:.68rem;display:block}.meta-card .meta-value{color:#fff;font-size:.88rem;line-height:1.4;display:block}.quick-reference{margin-bottom:2rem}.quick-reference-header h3{color:var(--text-dark);align-items:center;gap:.65rem;margin:0 0 .35rem;font-size:1.2rem;font-weight:700;display:flex}.quick-ref-icon-wrap{background:var(--primary-color);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:2rem;height:2rem;display:inline-flex}.quick-reference-header p{color:var(--text-light);margin:0 0 1.1rem;font-size:.92rem}.quick-reference-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.85rem;display:grid}.quick-reference-card{border:1px solid var(--border-color);background:#fff;border-radius:10px;gap:.85rem;padding:1rem 1.1rem;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;box-shadow:0 2px 8px #0000000a}.quick-reference-card:hover{border-color:var(--secondary-color);transform:translateY(-2px);box-shadow:0 8px 24px #1e736b1f}.quick-ref-card-icon{width:2.35rem;height:2.35rem;color:var(--secondary-color);background:#1e736b1a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.quick-reference-card h4{text-transform:uppercase;letter-spacing:.05em;color:var(--secondary-color);margin:0 0 .35rem;font-size:.78rem;font-weight:700}.quick-reference-card p{color:#6b7280;margin:0;font-size:.86rem;line-height:1.45}.policy-body{flex-direction:column;gap:1rem;scroll-margin-top:1rem;display:flex}.policy-nav-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.policy-nav-header h3{color:var(--text-dark);margin:0;font-size:1.1rem;font-weight:700}.policy-nav-header p{color:var(--text-light);margin:.15rem 0 0;font-size:.82rem}.policy-progress{background:#e5e7eb;border-radius:999px;flex:1;min-width:120px;max-width:220px;height:6px;overflow:hidden}.policy-progress-fill{background:linear-gradient(90deg, var(--secondary-color), var(--primary-color));border-radius:999px;height:100%;transition:width .35s}.policy-tab-bar{border:1px solid var(--border-color);background:#fff;border-radius:12px;align-items:center;gap:.5rem;padding:.6rem;display:flex;box-shadow:0 2px 8px #0000000a}.policy-tab-scroll-btn{border:1px solid var(--border-color);background:var(--background-light);width:2.1rem;height:2.1rem;color:var(--text-light);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:flex}.policy-tab-scroll-btn:hover{border-color:var(--secondary-color);color:var(--secondary-color);background:#1e736b14}.policy-tab-list-wrap{flex:1;min-width:0;position:relative}.policy-tab-fade{z-index:2;pointer-events:none;width:28px;position:absolute;top:0;bottom:0}.policy-tab-fade-left{background:linear-gradient(90deg,#fff 30%,#0000);left:0}.policy-tab-fade-right{background:linear-gradient(270deg,#fff 30%,#0000);right:0}.policy-tab-list{scrollbar-width:none;gap:.5rem;padding:.15rem .25rem;display:flex;overflow-x:auto}.policy-tab-list::-webkit-scrollbar{display:none}.policy-tab{border:1.5px solid var(--border-color);background:var(--background-light);color:#6b7280;white-space:nowrap;cursor:pointer;border-radius:8px;flex:none;align-items:center;gap:.5rem;padding:.55rem 1rem;font-size:.8rem;line-height:1.25;transition:all .2s;display:inline-flex}.policy-tab-number{color:#6b7280;background:#e5e7eb;border-radius:6px;justify-content:center;align-items:center;min-width:1.5rem;height:1.5rem;padding:0 .35rem;font-size:.72rem;font-weight:700;transition:background .15s,color .15s;display:inline-flex}.policy-tab-label{text-overflow:ellipsis;max-width:200px;font-weight:600;overflow:hidden}.policy-tab:hover{border-color:var(--secondary-color);color:var(--secondary-color);background:#1e736b14;transform:translateY(-1px)}.policy-tab:hover .policy-tab-number{color:var(--secondary-color);background:#1e736b33}.policy-tab.active{background:linear-gradient(135deg, var(--secondary-color) 0%, #155a54 100%);color:#fff;border-color:#0000;transform:translateY(-1px);box-shadow:0 4px 14px #1e736b59}.policy-tab.active .policy-tab-number{color:#fff;background:#ffffff38}.policy-tab.active .policy-tab-label{max-width:none}.policy-panel{animation:.35s policyFadeIn}@keyframes policyFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.policy-section{border:1px solid var(--border-color);background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.policy-section-header{background:linear-gradient(135deg, var(--background-light) 0%, #1e736b14 100%);border-bottom:1px solid var(--border-color);padding:1.35rem 1.6rem}.policy-section-badge{letter-spacing:.06em;text-transform:uppercase;color:var(--secondary-color);background:#1e736b1a;border-radius:999px;margin-bottom:.55rem;padding:.25rem .65rem;font-size:.7rem;font-weight:700;display:inline-block}.policy-section-header h2{color:var(--text-dark);margin:0;font-size:clamp(1.1rem,2vw,1.35rem);font-weight:800;line-height:1.35}.policy-section-body{padding:1.35rem 1.6rem 1.5rem}.policy-lead{font-weight:500;color:var(--text-dark)!important;font-size:.95rem!important}.policy-section-body p{color:var(--text-dark);margin:0 0 .85rem;font-size:.93rem;line-height:1.65}.policy-bullet-list{flex-direction:column;gap:.55rem;margin:0 0 .85rem;padding:0;list-style:none;display:flex}.policy-bullet-list li{background:var(--background-light);border-left:3px solid var(--secondary-color);color:var(--text-dark);border-radius:8px;align-items:flex-start;gap:.65rem;padding:.65rem .85rem;font-size:.9rem;line-height:1.5;display:flex}.policy-bullet-list li svg{color:var(--secondary-color);flex-shrink:0;margin-top:.15rem}.policy-numbered-list{flex-direction:column;gap:.5rem;margin:0 0 .85rem;padding:0;list-style:none;display:flex}.policy-numbered-list li{background:var(--background-light);border:1px solid var(--border-color);color:var(--text-dark);border-radius:8px;align-items:flex-start;gap:.75rem;padding:.7rem .9rem;font-size:.9rem;line-height:1.5;display:flex}.step-badge{background:var(--secondary-color);color:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:1.65rem;height:1.65rem;font-size:.72rem;font-weight:700;display:flex}.policy-note{background:#fff7ed;border:1px solid #ed883859;border-radius:8px;align-items:flex-start;gap:.75rem;margin-top:.5rem;padding:.9rem 1rem;display:flex}.policy-note svg{color:#c2410c;flex-shrink:0;margin-top:.1rem}.policy-note p{color:#9a3412!important;margin:0!important;font-size:.88rem!important;line-height:1.5!important}.policy-table-wrap{border:1px solid var(--border-color);border-radius:8px;margin:.75rem 0 1rem;overflow-x:auto}.policy-table{border-collapse:collapse;width:100%;font-size:.86rem}.policy-table th,.policy-table td{border-bottom:1px solid var(--border-color);text-align:left;vertical-align:top;padding:.75rem .9rem}.policy-table tr:last-child td{border-bottom:none}.policy-table th{background:var(--background-light);color:var(--text-dark);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:700}.policy-table td{color:var(--text-dark);line-height:1.45}.policy-table tbody tr:hover td{background:#1e736b0a}.acknowledgement-grid{border-top:1px dashed var(--border-color);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem;padding-top:1rem;display:grid}.acknowledgement-field span{text-transform:uppercase;letter-spacing:.04em;color:var(--text-light);margin-bottom:.4rem;font-size:.78rem;font-weight:600;display:block}.acknowledgement-line{border-bottom:2px solid var(--border-color);height:2.25rem}.policy-nav-footer{justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 0;display:flex}.policy-nav-btn{border:1px solid var(--border-color);color:#6b7280;cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:.5rem;padding:.65rem 1.15rem;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex}.policy-nav-btn:hover:not(:disabled):not(.policy-nav-btn-primary){background:var(--background-light);color:var(--text-dark);border-color:#bbb}.policy-nav-btn:disabled{opacity:.45;cursor:not-allowed}.policy-nav-btn-primary{background:var(--secondary-color);color:#fff;border-color:#0000;box-shadow:0 4px 12px #1e736b4d}.policy-nav-btn-primary:hover:not(:disabled){color:#fff;background:#155a54;border-color:#0000}.policy-nav-counter{color:var(--secondary-color);background:#1e736b1a;border-radius:999px;padding:.4rem .85rem;font-size:.82rem;font-weight:600}@media (width<=768px){.policy-tab-bar{padding:.5rem}.policy-tab-scroll-btn{width:1.85rem;height:1.85rem}.policy-tab-label{max-width:140px}.policy-section-header,.policy-section-body{padding-left:1.1rem;padding-right:1.1rem}.policy-nav-footer{flex-wrap:wrap}.policy-nav-counter{text-align:center;order:-1;width:100%}}@media (width<=640px){.policy-hero{border-radius:10px;padding:1.25rem 1rem}.policy-download-btn{justify-content:center;width:100%}.policy-engagement-notice{flex-direction:column;gap:.65rem;padding:.9rem}.policy-engagement-notice-title{font-size:.95rem}.policy-role-tag{font-size:.72rem}.quick-reference-grid{grid-template-columns:1fr}.policy-tab{padding:.45rem .75rem;font-size:.74rem}.policy-nav-btn{flex:1;justify-content:center;padding:.6rem .75rem;font-size:.82rem}}.app{flex-direction:column;width:100%;min-height:100vh;display:flex}.app:has(.app-layout){height:100%;min-height:0;overflow:hidden}.app-loading{min-height:100vh;color:var(--primary-color);background:linear-gradient(135deg,#ed8838 0%,#1e736b 100%);justify-content:center;align-items:center;font-size:18px;display:flex}