@import "https://fonts.googleapis.com/css2?family=Anton&family=Inter:wght@300;400;500;600;700&display=swap";:root{--color-ink:#111;--color-canvas:#fff;--color-soft-cloud:#f5f5f5;--color-hairline:#cacacb;--color-hairline-soft:#e5e5e5;--color-charcoal:#39393b;--color-mute:#707072;--color-stone:#9e9ea0;--color-sale:#d30005;--color-sale-deep:#780700;--color-sale-bg:#d300050f;--color-success:#007d48;--color-success-bright:#1eaa52;--color-success-bg:#007d480f;--color-info:#1151ff;--color-info-bg:#1151ff0f;--color-warning:#d97706;--color-warning-bright:#f59e0b;--color-warning-bg:#f59e0b1a;--color-warning-text:#92400e;--font-display:"Anton", "Helvetica Neue", Arial, sans-serif;--font-ui:"Inter", "Helvetica Neue", Arial, sans-serif;--space-xxs:2px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:18px;--space-xl:24px;--space-xxl:30px;--space-section:48px;--radius-none:0px;--radius-sm:18px;--radius-md:24px;--radius-lg:30px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 10px 30px #0000001f;--shadow-modal:0 20px 60px #0000002e;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-ui);background-color:var(--color-canvas);color:var(--color-ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-canvas)}::-webkit-scrollbar-thumb{background:var(--color-hairline);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-mute)}.container{width:100%;max-width:1440px;padding:0 var(--space-xl);margin:0 auto}@media (width<=1024px){.container{padding:0 var(--space-lg)}}@media (width<=599px){.container{padding:0 var(--space-sm)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}:focus-visible{outline:2px solid var(--color-info);outline-offset:2px;border-radius:2px}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--color-info);outline-offset:2px}@keyframes pulseGlowRed{0%,to{border-color:#d3000599;box-shadow:0 0 10px #d300054d,inset 0 0 5px #d3000526}50%{border-color:#ff4d4ff2;box-shadow:0 0 22px #d30005bf,inset 0 0 12px #d300054d}}.kpi-warning-banner-red{background:linear-gradient(135deg,#d300051f 0%,#78070038 100%);border:1.5px solid #d3000599;border-radius:12px;align-items:center;gap:18px;margin-bottom:24px;padding:18px 24px;animation:2s ease-in-out infinite pulseGlowRed,.4s ease-out fadeInUp;display:flex}@keyframes scaleUpModal{0%{opacity:0;transform:scale(.92)translateY(15px)}to{opacity:1;transform:scale(1)translateY(0)}}.giant-warning-modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:99999;background-color:#000000d9;justify-content:center;align-items:center;padding:20px;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.giant-warning-modal-content{border:3px solid var(--color-sale);text-align:center;color:#fff;background:linear-gradient(150deg,#161618 0%,#0d0d0e 100%);border-radius:20px;width:100%;max-width:650px;padding:40px;animation:.4s cubic-bezier(.175,.885,.32,1.15) scaleUpModal;box-shadow:0 0 50px #d3000580}.giant-warning-title{font-family:var(--font-display);color:var(--color-sale);text-shadow:0 0 15px #d3000580;letter-spacing:.5px;margin-bottom:20px;font-size:28px}.btn{font-family:var(--font-ui);cursor:pointer;transition:transform var(--transition-fast), opacity var(--transition-fast), background-color var(--transition-fast), box-shadow var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap;letter-spacing:.01em;border:none;outline:none;justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.btn:active{opacity:.85;transform:scale(.97)}.btn-primary{background-color:var(--color-ink);color:var(--color-canvas);border-radius:var(--radius-lg);height:48px;padding:0 32px}.btn-primary:hover{background-color:var(--color-charcoal);transform:translateY(-1px);box-shadow:0 4px 14px #11111140}.btn-secondary{background-color:var(--color-soft-cloud);color:var(--color-ink);border-radius:var(--radius-lg);height:48px;padding:0 32px}.btn-secondary:hover{background-color:var(--color-hairline-soft)}.btn-outline{color:var(--color-ink);border:1.5px solid var(--color-hairline);border-radius:var(--radius-lg);background-color:#0000;height:40px;padding:0 20px}.btn-outline:hover{border-color:var(--color-ink);background-color:var(--color-soft-cloud)}.btn-outline-image{background-color:var(--color-canvas);color:var(--color-ink);border-radius:var(--radius-lg);height:40px;padding:0 24px;font-weight:600;box-shadow:0 2px 8px #00000014}.btn-sm{border-radius:var(--radius-lg);height:34px;padding:0 16px;font-size:13px}.btn-danger{color:var(--color-sale);border:1.5px solid var(--color-sale);border-radius:var(--radius-lg);background-color:#0000;height:34px;padding:0 16px;font-size:13px}.btn-danger:hover{background-color:var(--color-sale-bg)}.btn-icon{border-radius:var(--radius-full);background-color:var(--color-soft-cloud);width:36px;height:36px;color:var(--color-ink);transition:transform var(--transition-fast), background-color var(--transition-fast);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.btn-icon:hover{background-color:var(--color-hairline-soft)}.btn-icon:active{transform:scale(.9)}.btn:disabled,button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none!important;transform:none!important}.badge{border-radius:var(--radius-lg);text-transform:uppercase;letter-spacing:.06em;background-color:var(--color-canvas);border:1.5px solid var(--color-hairline);color:var(--color-ink);align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:700;line-height:1.4;display:inline-flex}.badge-sale{color:var(--color-sale);border-color:var(--color-sale);background-color:var(--color-sale-bg)}.badge-success{color:var(--color-success);border-color:var(--color-success);background-color:var(--color-success-bg)}.badge-info{color:var(--color-info);border-color:var(--color-info);background-color:var(--color-info-bg)}.badge-warning{color:var(--color-warning);border-color:var(--color-warning);background-color:var(--color-warning-bg)}.badge-filled-success{background-color:var(--color-success);color:var(--color-canvas);border:none}.badge-filled-warning{background-color:var(--color-warning);color:var(--color-canvas);border:none}.badge-filled-danger{background-color:var(--color-sale);color:var(--color-canvas);border:none}.form-group{margin-bottom:var(--space-xl);gap:var(--space-xs);flex-direction:column;display:flex}.form-label{color:var(--color-ink);letter-spacing:.01em;font-size:13px;font-weight:600}.form-label-required:after{content:" *";color:var(--color-sale)}.form-input,.form-select,.form-textarea{font-family:var(--font-ui);background-color:var(--color-canvas);border:1.5px solid var(--color-hairline);width:100%;color:var(--color-ink);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:4px;outline:none;padding:11px 16px;font-size:14px}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-stone);font-weight:400}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-ink);box-shadow:0 0 0 3px #11111114}.form-input-pill{border-radius:var(--radius-md)}.form-helper{color:var(--color-mute);margin-top:4px;font-size:12px}.form-error{color:var(--color-sale);margin-top:4px;font-size:12px;font-weight:500}.utility-bar{background-color:var(--color-soft-cloud);color:var(--color-charcoal);border-bottom:1px solid var(--color-hairline-soft);align-items:center;height:36px;font-size:11.5px;display:flex}.utility-content{justify-content:space-between;align-items:center;gap:var(--space-md);width:100%;min-width:0;display:flex}.utility-left{letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.utility-right{align-items:center;gap:var(--space-lg);min-width:0;max-width:100%;display:flex}.role-switcher{align-items:center;gap:var(--space-xs);min-width:0;display:flex}.role-select{cursor:pointer;color:var(--color-ink);background:0 0;border:none;outline:none;max-width:200px;font-size:11.5px;font-weight:700}.primary-nav{background-color:var(--color-canvas);z-index:200;border-bottom:1px solid var(--color-hairline-soft);height:68px;box-shadow:0 1px 0 var(--color-hairline-soft);align-items:center;display:flex;position:sticky;top:0}.nav-content{justify-content:space-between;align-items:center;gap:var(--space-lg);width:100%;min-width:0;display:flex}.nav-logo{align-items:center;gap:var(--space-sm);letter-spacing:-.03em;text-transform:uppercase;color:var(--color-ink);cursor:pointer;transition:opacity var(--transition-fast);flex-shrink:0;font-size:17px;font-weight:800;display:flex}.nav-logo:hover{opacity:.75}.logo-swoosh{height:24px;fill:var(--color-ink)}.nav-links{gap:var(--space-xxl);flex:auto;justify-content:center;align-items:center;min-width:0;list-style:none;display:flex}.nav-link{color:var(--color-charcoal);padding:var(--space-sm) 0;cursor:pointer;letter-spacing:.01em;transition:color var(--transition-fast);white-space:nowrap;font-size:14px;font-weight:600;text-decoration:none;position:relative}.nav-link:hover,.nav-link.active{color:var(--color-ink)}.nav-link.active:after{content:"";background-color:var(--color-ink);border-radius:1px 1px 0 0;width:100%;height:2px;position:absolute;bottom:-19px;left:0}.nav-right{align-items:center;gap:var(--space-md);flex-shrink:0;min-width:0;display:flex}.user-badge-nav{align-items:center;gap:var(--space-sm);border-radius:var(--radius-full);background-color:var(--color-soft-cloud);border:1px solid var(--color-hairline-soft);transition:border-color var(--transition-fast);padding:6px 12px 6px 6px;font-size:13px;font-weight:600;display:flex}.user-badge-nav:hover{border-color:var(--color-hairline)}.user-avatar-sm{border-radius:var(--radius-full);object-fit:cover;border:1.5px solid var(--color-hairline-soft);flex-shrink:0;width:32px;height:32px}.menu-toggle{cursor:pointer;color:var(--color-ink);background:0 0;border:none;border-radius:4px;padding:8px;display:none}.menu-toggle:hover{background-color:var(--color-soft-cloud)}.command-center{gap:var(--space-xl);background-color:var(--color-soft-cloud);border:1px solid var(--color-hairline-soft);padding:var(--space-xl);border-radius:8px;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);align-items:stretch;display:grid}.command-main{justify-content:space-between;gap:var(--space-xl);flex-direction:column;min-height:210px;display:flex}.command-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--color-mute);font-size:11px;font-weight:700}.command-title{font-family:var(--font-ui);letter-spacing:0;color:var(--color-ink);margin-top:var(--space-xs);font-size:34px;font-weight:800;line-height:1.12}.command-summary{color:var(--color-charcoal);margin-top:var(--space-sm);font-size:16px;font-weight:600}.command-actions{gap:var(--space-sm);flex-wrap:wrap;display:flex}.command-stack{gap:var(--space-sm);grid-template-columns:1fr;display:grid}.command-tile{min-height:64px;padding:var(--space-md) var(--space-lg);border:1px solid var(--color-hairline-soft);background-color:var(--color-canvas);align-items:center;gap:2px var(--space-md);cursor:pointer;text-align:left;font-family:var(--font-ui);color:var(--color-ink);transition:border-color var(--transition-fast), background-color var(--transition-fast);border-radius:6px;grid-template-rows:auto auto;grid-template-columns:1fr auto;display:grid}.command-tile:hover{border-color:var(--color-ink)}.command-tile-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-mute);font-size:11px;font-weight:700}.command-tile strong{font-variant-numeric:tabular-nums;grid-area:1/2/span 2;font-size:26px;font-weight:800}.command-tile span:last-child{color:var(--color-charcoal);font-size:12px}.hero-section{background-color:var(--color-ink);height:460px;margin-bottom:var(--space-section);align-items:flex-end;animation:.5s fadeIn;display:flex;position:relative;overflow:hidden}.hero-image{object-fit:cover;opacity:.5;filter:grayscale(15%);width:100%;height:100%;transition:transform 8s;position:absolute;top:0;left:0}.hero-section:hover .hero-image{transform:scale(1.03)}.hero-gradient{pointer-events:none;background:linear-gradient(#1110 0%,#111111f2 100%);width:100%;height:70%;position:absolute;bottom:0;left:0}.hero-content{z-index:10;padding-bottom:var(--space-xxl);color:var(--color-canvas);max-width:720px;animation:.6s .1s both fadeInUp;position:relative}.hero-eyebrow{text-transform:uppercase;letter-spacing:.25em;margin-bottom:var(--space-sm);color:var(--color-stone);font-size:12px;font-weight:600}.hero-title{font-family:var(--font-display);text-transform:uppercase;margin-bottom:var(--space-md);letter-spacing:-.01em;font-size:72px;line-height:.92}.hero-subtext{max-width:52ch;margin-bottom:var(--space-xl);color:var(--color-stone);text-shadow:0 1px 3px #00000080;font-size:15px;line-height:1.6}.hero-actions{gap:var(--space-md);flex-wrap:wrap;display:flex}.bento-grid{gap:var(--space-md);margin-bottom:var(--space-section);grid-template-columns:repeat(4,1fr);display:grid}.bento-card{background-color:var(--color-soft-cloud);padding:var(--space-xl);min-height:160px;transition:transform var(--transition-base), box-shadow var(--transition-base);border:1px solid #0000;border-radius:2px;flex-direction:column;justify-content:space-between;display:flex}.bento-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-hairline-soft);transform:translateY(-2px)}.bento-card-large{grid-area:span 2/span 2;min-height:340px}.bento-title{text-transform:uppercase;letter-spacing:.12em;color:var(--color-mute);margin-bottom:var(--space-sm);font-size:11px;font-weight:700}.bento-value{font-family:var(--font-display);color:var(--color-ink);margin-bottom:var(--space-xs);font-size:52px;line-height:1}.bento-subtitle{color:var(--color-charcoal);margin-top:auto;font-size:13px;font-weight:500}.dashboard-role-grid,.dashboard-role-grid>*{min-width:0;max-width:100%}.section-header{border-bottom:1px solid var(--color-hairline);padding-bottom:var(--space-sm);margin-bottom:var(--space-xl);justify-content:space-between;align-items:flex-end;gap:var(--space-md);min-width:0;display:flex}.section-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;font-size:28px;line-height:1.1}.tab-content{animation:.3s both fadeInUp}.employee-grid{gap:var(--space-md);margin-bottom:var(--space-section);grid-template-columns:repeat(3,1fr);display:grid}.employee-card{background-color:var(--color-canvas);border:1px solid var(--color-hairline-soft);transition:border-color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-base);border-radius:2px;flex-direction:column;display:flex;overflow:hidden}.employee-card:hover{border-color:var(--color-ink);box-shadow:var(--shadow-md);transform:translateY(-3px)}.employee-image-wrapper{background-color:var(--color-soft-cloud);aspect-ratio:1;width:100%;position:relative;overflow:hidden}.employee-image{object-fit:cover;width:100%;height:100%;transition:transform .4s}.employee-card:hover .employee-image{transform:scale(1.05)}.employee-badge{z-index:5;position:absolute;top:10px;left:10px}.employee-details{padding:var(--space-md);flex-direction:column;flex-grow:1;gap:6px;display:flex}.employee-name{color:var(--color-ink);font-size:15px;font-weight:700;line-height:1.2}.employee-title{color:var(--color-mute);font-size:13px;line-height:1.3}.employee-dept{text-transform:uppercase;color:var(--color-charcoal);letter-spacing:.06em;margin-bottom:2px;font-size:11px;font-weight:700}.employee-salary{color:var(--color-ink);border-top:1px solid var(--color-hairline-soft);padding-top:var(--space-sm);justify-content:space-between;align-items:center;margin-top:auto;font-size:14px;font-weight:700;display:flex}.employee-actions{gap:var(--space-xs);margin-top:var(--space-sm);display:flex}.employee-actions button{flex-grow:1}.kanban-container{gap:var(--space-sm);margin-bottom:var(--space-section);grid-template-columns:repeat(4,1fr);align-items:start;min-width:0;max-width:100%;display:grid}.kanban-column{background-color:var(--color-soft-cloud);padding:var(--space-md);gap:var(--space-sm);border-radius:4px;flex-direction:column;min-width:0;min-height:500px;display:flex}.column-header{border-bottom:2px solid var(--color-ink);padding-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.08em;color:var(--color-ink);justify-content:space-between;align-items:center;font-size:11px;font-weight:800;display:flex}.column-count{background-color:var(--color-ink);color:var(--color-canvas);border-radius:var(--radius-full);padding:2px 8px;font-size:11px;font-weight:700}.task-list{gap:var(--space-sm);flex-direction:column;flex-grow:1;display:flex}.task-card{background-color:var(--color-canvas);border:1.5px solid var(--color-hairline-soft);padding:var(--space-md);cursor:default;transition:border-color var(--transition-base), transform var(--transition-base), box-shadow var(--transition-base);gap:var(--space-sm);border-radius:4px;flex-direction:column;min-width:0;animation:.25s both fadeInUp;display:flex}.task-card:hover{border-color:var(--color-hairline);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.task-priority-tag{text-transform:uppercase;letter-spacing:.1em;border:1.5px solid var(--color-hairline);border-radius:2px;align-self:flex-start;padding:2px 7px;font-size:9px;font-weight:800;display:inline-block}.task-priority-High{color:var(--color-sale);border-color:var(--color-sale);background-color:var(--color-sale-bg)}.task-priority-Medium{color:var(--color-info);border-color:var(--color-info);background-color:var(--color-info-bg)}.task-priority-Low{color:var(--color-mute);border-color:var(--color-hairline)}.task-title{color:var(--color-ink);font-size:13px;font-weight:600;line-height:1.35}.task-project{color:var(--color-mute);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.task-footer{border-top:1px solid var(--color-hairline-soft);padding-top:var(--space-sm);justify-content:space-between;align-items:center;margin-top:2px;display:flex}.task-assignee{color:var(--color-charcoal);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.task-date{color:var(--color-mute);font-variant-numeric:tabular-nums;font-size:11px}.task-actions{gap:var(--space-xs);flex-wrap:wrap;margin-top:2px;display:flex}.financial-layout{gap:var(--space-xl);margin-bottom:var(--space-section);grid-template-columns:1fr;display:grid}.financial-table-wrapper{background-color:var(--color-canvas);border:1px solid var(--color-hairline-soft);border-radius:4px;min-width:0;max-width:100%;overflow-x:auto}.financial-table{border-collapse:collapse;text-align:left;width:100%;min-width:720px;font-size:13.5px}.financial-table th{background-color:var(--color-soft-cloud);color:var(--color-ink);text-transform:uppercase;letter-spacing:.06em;border-bottom:1.5px solid var(--color-hairline);white-space:nowrap;padding:14px 16px;font-size:10.5px;font-weight:700}.financial-table td{border-bottom:1px solid var(--color-hairline-soft);color:var(--color-charcoal);vertical-align:middle;padding:14px 16px}.financial-table tr:last-child td{border-bottom:none}.financial-table tr:hover td{background-color:var(--color-soft-cloud)}.financial-amount{color:var(--color-ink);font-variant-numeric:tabular-nums;font-weight:600}.payslip-container{border:1.5px solid var(--color-ink);padding:var(--space-xl);background-color:var(--color-canvas);font-family:var(--font-ui);border-radius:2px;max-width:520px;margin:0 auto}.payslip-header{text-align:center;border-bottom:2px solid var(--color-ink);padding-bottom:var(--space-md);margin-bottom:var(--space-md)}.payslip-logo{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;font-size:24px}.payslip-title{text-transform:uppercase;margin-top:var(--space-xs);letter-spacing:.04em;font-size:14px;font-weight:700}.payslip-grid{gap:var(--space-sm);margin-bottom:var(--space-md);grid-template-columns:1fr 1fr;font-size:13px;display:grid}.payslip-item{flex-direction:column;gap:2px;display:flex}.payslip-item-label{color:var(--color-mute);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:700}.payslip-item-val{color:var(--color-ink);font-weight:600}.payslip-calculations{border-top:1px solid var(--color-hairline);padding-top:var(--space-md);gap:var(--space-sm);flex-direction:column;font-size:13px;display:flex}.payslip-row{justify-content:space-between;align-items:center;display:flex}.payslip-row-total{border-top:2px solid var(--color-ink);padding-top:var(--space-sm);color:var(--color-ink);margin-top:4px;font-size:15px;font-weight:700}.disclosure-row{border-bottom:1px solid var(--color-hairline);padding:var(--space-md) 0}.disclosure-trigger{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}.disclosure-label{color:var(--color-ink);font-size:14px;font-weight:600}.disclosure-icon{transition:transform var(--transition-base);color:var(--color-mute)}.disclosure-row.open .disclosure-icon{transform:rotate(180deg)}.disclosure-content{padding-top:var(--space-md);color:var(--color-charcoal);font-size:13.5px;line-height:1.6;display:none}.disclosure-row.open .disclosure-content{animation:.2s both fadeInUp;display:block}.modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:1000;width:100%;height:100%;padding:var(--space-md);background-color:#111111a6;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;top:0;left:0}.modal-container{background-color:var(--color-canvas);border:1px solid var(--color-hairline-soft);width:100%;max-width:560px;box-shadow:var(--shadow-modal);border-radius:6px;flex-direction:column;max-height:92vh;animation:.22s cubic-bezier(.34,1.56,.64,1) scaleIn;display:flex}.modal-container-lg{max-width:780px}.modal-header{padding:var(--space-xl);border-bottom:1px solid var(--color-hairline-soft);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.modal-title{font-family:var(--font-display);text-transform:uppercase;color:var(--color-ink);letter-spacing:.02em;font-size:22px;line-height:1.1}.modal-close{cursor:pointer;color:var(--color-mute);border-radius:var(--radius-full);width:36px;height:36px;transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.modal-close:hover{background-color:var(--color-soft-cloud);color:var(--color-ink)}.modal-body{padding:var(--space-xl);flex:1;overflow-y:auto}.modal-footer{padding:var(--space-lg) var(--space-xl);border-top:1px solid var(--color-hairline-soft);justify-content:flex-end;gap:var(--space-md);background-color:var(--color-soft-cloud);border-radius:0 0 6px 6px;flex-shrink:0;display:flex}.toast-container{bottom:var(--space-xl);right:var(--space-xl);z-index:2000;gap:var(--space-sm);pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{background-color:var(--color-ink);color:var(--color-canvas);padding:14px var(--space-xl);justify-content:space-between;align-items:center;gap:var(--space-md);box-shadow:var(--shadow-lg);pointer-events:auto;border-left:4px solid var(--color-canvas);border-radius:6px;min-width:280px;max-width:380px;font-size:13.5px;font-weight:500;animation:.3s cubic-bezier(.34,1.56,.64,1) slideInRight;display:flex}.toast-success{border-left-color:var(--color-success-bright)}.toast-error{background-color:var(--color-sale);border-left-color:var(--color-sale-deep)}.toast-warning{background-color:var(--color-warning);border-left-color:var(--color-warning-text)}.footer-section{background-color:var(--color-canvas);border-top:1px solid var(--color-hairline);padding:var(--space-section) 0;margin-top:auto}.footer-columns{gap:var(--space-xl);margin-bottom:var(--space-xl);grid-template-columns:repeat(4,1fr);display:grid}.footer-column-title{text-transform:uppercase;margin-bottom:var(--space-md);letter-spacing:.06em;color:var(--color-ink);font-size:12px;font-weight:700}.footer-links{gap:var(--space-sm);flex-direction:column;list-style:none;display:flex}.footer-link{color:var(--color-mute);cursor:pointer;transition:color var(--transition-fast);font-size:13px;text-decoration:none}.footer-link:hover{color:var(--color-ink)}.footer-bottom{border-top:1px solid var(--color-hairline-soft);padding-top:var(--space-lg);color:var(--color-mute);justify-content:space-between;align-items:center;font-size:11px;display:flex}.footer-legal-links{gap:var(--space-md);display:flex}@media (width<=1200px){.employee-grid{grid-template-columns:repeat(2,1fr)}.kanban-container{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width<=1024px){.primary-nav{height:62px}.nav-links{display:none}.nav-links.mobile-open{background-color:var(--color-canvas);width:100%;padding:var(--space-lg) var(--space-xl);box-shadow:var(--shadow-lg);gap:var(--space-md);z-index:150;border-top:1px solid var(--color-hairline-soft);flex-direction:column;animation:.2s slideDown;display:flex;position:fixed;top:98px;left:0}.nav-links.mobile-open .nav-link.active:after{display:none}.nav-links.mobile-open .nav-link{padding:var(--space-md) 0;border-bottom:1px solid var(--color-hairline-soft);font-size:15px}.menu-toggle{display:inline-flex}.user-badge-nav{max-width:220px}.command-center{grid-template-columns:1fr}.bento-grid{grid-template-columns:repeat(2,1fr)}.dashboard-role-grid{grid-template-columns:1fr!important}.bento-card-large{min-height:260px}.hero-title{font-size:56px}.kanban-container{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width<=768px){.utility-bar{height:34px}.utility-content{justify-content:flex-end}.utility-left,.utility-quick-switch,.utility-user-profile{display:none!important}.utility-right{flex:none;gap:var(--space-sm)!important}.notification-dropdown{top:96px!important;right:var(--space-sm)!important;left:var(--space-sm)!important;width:auto!important;position:fixed!important}.nav-logo{letter-spacing:0;font-size:14px}.nav-logo span{text-overflow:ellipsis;white-space:nowrap;max-width:210px;overflow:hidden}.nav-right{gap:var(--space-sm)}.user-badge-nav{display:none}.nav-links.mobile-open{top:96px}.footer-columns{grid-template-columns:repeat(2,1fr)}.section-header{flex-direction:column;align-items:flex-start}}@media (width<=599px){.command-center{padding:var(--space-lg)}.command-title{font-size:26px}.command-actions .btn{width:100%}.employee-grid{grid-template-columns:1fr}.kanban-container{grid-template-columns:1fr!important}.kanban-column{min-height:auto;padding:var(--space-sm)}.bento-grid{grid-template-columns:1fr}.bento-card-large{grid-area:span 1/span 1;min-height:160px}.hero-title{font-size:44px}.hero-section{height:360px}.footer-columns{grid-template-columns:1fr}.btn{white-space:normal;min-width:0}.attendance-card-action{padding:var(--space-lg);min-height:220px}.checkin-btn-large{width:132px;height:132px;font-size:13px}.checkin-time-display{letter-spacing:0;font-size:28px}.attendance-card-action .btn{padding-left:12px;padding-right:12px}.attendance-row,.transaction-row{flex-direction:column;align-items:flex-start}.admin-kpi-monitor{padding:var(--space-md)!important}.admin-kpi-manager-row{flex-direction:column;align-items:flex-start!important}.admin-kpi-warning-btn{width:100%}.footer-bottom{gap:var(--space-sm);flex-direction:column;align-items:flex-start}.toast-container{left:var(--space-md);right:var(--space-md);bottom:var(--space-md)}.toast{min-width:0;max-width:100%}}.group-grid{gap:var(--space-md);margin-bottom:var(--space-section);grid-template-columns:repeat(3,1fr);display:grid}.group-card{background-color:var(--color-canvas);border:1.5px solid var(--color-hairline-soft);padding:var(--space-xl);gap:var(--space-md);transition:border-color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-base);cursor:pointer;border-radius:4px;flex-direction:column;display:flex}.group-card:hover{border-color:var(--color-ink);box-shadow:var(--shadow-md);transform:translateY(-2px)}.group-header-card{justify-content:space-between;align-items:flex-start;display:flex}.group-name-card{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:-.01em;font-size:16px;font-weight:800;line-height:1.2}.group-budget-status{color:var(--color-mute);text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:600}.group-budget-bar{background-color:var(--color-hairline-soft);border-radius:3px;width:100%;height:6px;position:relative;overflow:hidden}.group-budget-fill{background-color:var(--color-ink);border-radius:3px;height:100%;transition:width .4s}.group-budget-fill.overbudget{background-color:var(--color-sale)}.group-stats-row{justify-content:space-between;align-items:center;font-size:13px;display:flex}.group-stat-val{color:var(--color-ink);font-weight:700}.admin-kpi-monitor,.admin-kpi-list,.admin-kpi-manager-card{min-width:0;max-width:100%}.admin-kpi-manager-card{overflow-wrap:anywhere}.admin-kpi-manager-row{gap:var(--space-sm);min-width:0}.admin-kpi-warning-btn{flex-shrink:0;min-width:0}.attendance-layout{gap:var(--space-xl);margin-bottom:var(--space-section);grid-template-columns:1fr 1fr;display:grid}.attendance-card-action{background-color:var(--color-soft-cloud);padding:var(--space-xxl);justify-content:center;align-items:center;gap:var(--space-lg);text-align:center;border:1px solid var(--color-hairline-soft);border-radius:6px;flex-direction:column;min-width:0;max-width:100%;min-height:280px;display:flex}.checkin-btn-large{border-radius:var(--radius-full);background-color:var(--color-ink);width:160px;height:160px;color:var(--color-canvas);font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:transform var(--transition-base), background-color var(--transition-base), box-shadow var(--transition-base);justify-content:center;align-items:center;gap:var(--space-xs);border:none;flex-direction:column;font-size:15px;font-weight:700;display:flex;box-shadow:0 12px 32px #1113}.checkin-btn-large:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 16px 40px #11111147}.checkin-btn-large:active{transform:scale(.96)}.checkin-btn-large.checked-out{background-color:var(--color-charcoal)}.checkin-time-display{font-variant-numeric:tabular-nums;color:var(--color-ink);letter-spacing:-.02em;font-family:monospace;font-size:36px;font-weight:700}.attendance-calendar{gap:var(--space-xs);flex-direction:column;display:flex}.attendance-row{background-color:var(--color-canvas);border:1px solid var(--color-hairline-soft);transition:background-color var(--transition-fast);border-radius:4px;justify-content:space-between;align-items:center;padding:11px 16px;display:flex}.attendance-row:hover{background-color:var(--color-soft-cloud)}.transaction-list-card{border:1px solid var(--color-hairline-soft);padding:var(--space-xl);background-color:var(--color-canvas);border-radius:4px;min-width:0;max-width:100%;overflow-x:auto}.transaction-row{border-bottom:1px solid var(--color-hairline-soft);justify-content:space-between;align-items:center;gap:var(--space-md);min-width:0;padding:12px 0;display:flex}.transaction-row:last-child{border-bottom:none}@media (width<=1024px){.group-grid{grid-template-columns:repeat(2,1fr)}.attendance-layout{grid-template-columns:1fr}}@media (width<=599px){.group-grid{grid-template-columns:1fr}}.sub-tabs-container{margin-bottom:var(--space-lg);border-bottom:1.5px solid var(--color-hairline-soft);gap:0;display:flex;overflow-x:auto}.sub-tab-button{font-family:var(--font-ui);cursor:pointer;color:var(--color-mute);transition:color var(--transition-fast);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1.5px;padding:10px 18px;font-size:13px;font-weight:600;position:relative}.sub-tab-button:hover{color:var(--color-ink)}.sub-tab-button.active{color:var(--color-ink);border-bottom-color:var(--color-ink)}.ledger-indicator-grid{gap:var(--space-md);margin-bottom:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.ledger-indicator-card{background-color:var(--color-soft-cloud);padding:var(--space-lg) var(--space-xl);border-left:3px solid var(--color-ink);min-height:90px;transition:transform var(--transition-base);border-radius:4px;flex-direction:column;justify-content:space-between;display:flex}.ledger-indicator-card:hover{transform:translateY(-2px)}.ledger-indicator-card.alert{border-left-color:var(--color-sale)}.ledger-indicator-card.success{border-left-color:var(--color-success)}.ledger-indicator-title{text-transform:uppercase;letter-spacing:.07em;color:var(--color-mute);margin-bottom:6px;font-size:11px;font-weight:600}.ledger-indicator-value{color:var(--color-ink);font-variant-numeric:tabular-nums;font-size:18px;font-weight:800}.dialog-tabs-header{gap:var(--space-md);border-bottom:1.5px solid var(--color-hairline);margin-bottom:var(--space-md);display:flex}.dialog-tab-btn{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.06em;color:var(--color-mute);cursor:pointer;transition:color var(--transition-fast);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1.5px;padding:10px 4px;font-size:12px;font-weight:700;position:relative}.dialog-tab-btn.active{color:var(--color-ink);border-bottom-color:var(--color-ink)}.member-assign-row{border-bottom:1px solid var(--color-hairline-soft);transition:background-color var(--transition-fast);justify-content:space-between;align-items:center;padding:12px 16px;font-size:13px;display:flex}.member-assign-row:hover{background-color:var(--color-soft-cloud)}.member-assign-row:last-child{border-bottom:none}.badge-win{color:var(--color-success);border-color:var(--color-success);background-color:var(--color-success-bg);font-weight:800}.badge-loss{color:var(--color-sale);border-color:var(--color-sale);background-color:var(--color-sale-bg);font-weight:800}.evaluation-notes-box{background-color:var(--color-soft-cloud);padding:var(--space-sm) var(--space-md);margin-top:var(--space-sm);color:var(--color-charcoal);border-left:2.5px solid var(--color-ink);border-radius:0 2px 2px 0;font-size:12px;font-style:italic;line-height:1.5}.notification-bell-container{align-items:center;display:inline-flex;position:relative}.notification-badge-count{background-color:var(--color-sale);color:var(--color-canvas);border-radius:var(--radius-full);border:1.5px solid var(--color-canvas);justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:9px;font-weight:800;animation:2s infinite pulse;display:flex;position:absolute;top:-3px;right:-3px}.notification-dropdown{background-color:var(--color-canvas);border:1px solid var(--color-hairline-soft);width:340px;box-shadow:var(--shadow-lg);z-index:500;border-radius:8px;flex-direction:column;animation:.2s slideDown;display:flex;position:absolute;top:38px;right:-8px;overflow:hidden}.notification-dropdown-header{padding:12px var(--space-lg);border-bottom:1px solid var(--color-hairline-soft);background-color:var(--color-soft-cloud);color:var(--color-ink);justify-content:space-between;align-items:center;font-size:12px;font-weight:700;display:flex}.notification-clear-all{color:var(--color-info);cursor:pointer;transition:opacity var(--transition-fast);background:0 0;border:none;font-size:11px;font-weight:600}.notification-clear-all:hover{opacity:.8;text-decoration:underline}.notification-list{max-height:370px;overflow-y:auto}.notification-item{padding:12px var(--space-lg);border-bottom:1px solid var(--color-hairline-soft);cursor:pointer;transition:background-color var(--transition-fast);flex-direction:column;gap:3px;display:flex}.notification-item:last-child{border-bottom:none}.notification-item:hover{background-color:var(--color-soft-cloud)}.notification-item.unread{background-color:var(--color-info-bg)}.notification-item.unread:hover{background-color:#1151ff17}.notification-item.unread .dot{border-radius:var(--radius-full);background-color:var(--color-info);flex-shrink:0;width:6px;height:6px;margin-right:5px;display:inline-block}.notification-item.read .dot{display:none}.notification-item-title{color:var(--color-ink);align-items:center;font-size:12.5px;font-weight:600;line-height:1.3;display:flex}.notification-item-msg{color:var(--color-charcoal);margin:0;padding-left:11px;font-size:11.5px;line-height:1.45}.notification-item-time{color:var(--color-stone);padding-left:11px;font-size:10px}.notification-empty{padding:36px var(--space-lg);text-align:center;color:var(--color-mute);font-size:13px}.bento-earnings-card{transition:transform var(--transition-base), box-shadow var(--transition-base)}.bento-earnings-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)!important}.dashboard-group-row{transition:background-color var(--transition-fast)}.dashboard-group-row:hover{background-color:var(--color-soft-cloud)}.empty-state{text-align:center;border:1.5px dashed var(--color-hairline);color:var(--color-mute);border-radius:8px;padding:48px 24px}.empty-state-title{color:var(--color-charcoal);margin-bottom:6px;font-size:15px;font-weight:600}.empty-state-desc{font-size:13px;line-height:1.5}.info-box{background-color:var(--color-info-bg);border:1px solid #1151ff33;border-left:3px solid var(--color-info);padding:var(--space-md) var(--space-lg);color:var(--color-charcoal);border-radius:0 4px 4px 0;font-size:13px;line-height:1.5}.warning-box{background-color:var(--color-warning-bg);border:1px solid #d9770640;border-left:3px solid var(--color-warning);padding:var(--space-md) var(--space-lg);color:var(--color-warning-text);border-radius:0 4px 4px 0;font-size:13px;font-weight:500;line-height:1.5}.filter-bar{align-items:center;gap:var(--space-md);background-color:var(--color-soft-cloud);border:1px solid var(--color-hairline-soft);border-radius:6px;flex-wrap:wrap;margin-bottom:20px;padding:12px 20px;display:flex}.view-toggle{border:1.5px solid var(--color-hairline);border-radius:6px;display:flex;overflow:hidden}.view-toggle-btn{background-color:var(--color-canvas);height:32px;color:var(--color-mute);cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font-ui);transition:background-color var(--transition-fast), color var(--transition-fast);letter-spacing:.02em;border:none;padding:0 14px}.view-toggle-btn.active{background-color:var(--color-ink);color:var(--color-canvas)}.view-toggle-btn:hover:not(.active){background-color:var(--color-soft-cloud);color:var(--color-ink)}.step-progress{gap:3px;margin:6px 0;display:flex}.step-bar{background-color:var(--color-hairline-soft);height:4px;transition:background-color var(--transition-base);border-radius:2px;flex:1}.step-bar.completed{background-color:var(--color-stone)}.step-bar.current{background-color:var(--color-ink)}.login-wrapper{min-height:100vh;padding:var(--space-xl);font-family:var(--font-ui);background-color:#0b0b0c;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-bg-shapes{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.bg-shape{filter:blur(100px);opacity:.15;border-radius:50%;position:absolute}.bg-shape-1{background:radial-gradient(circle, var(--color-sale) 0%, transparent 70%);width:500px;height:500px;top:-10%;right:-10%}.bg-shape-2{background:radial-gradient(circle, var(--color-info) 0%, transparent 70%);width:600px;height:600px;bottom:-10%;left:-10%}.login-card{z-index:2;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;background:#19191bd9;border:1px solid #ffffff14;width:100%;max-width:480px;padding:40px;animation:.4s cubic-bezier(.16,1,.3,1) scaleIn;position:relative;box-shadow:0 30px 80px #0009}.login-header{text-align:center;margin-bottom:var(--space-xl)}.login-logo-container{margin-bottom:var(--space-md);justify-content:center;display:flex}.login-logo{color:#fff;filter:drop-shadow(0 4px 12px #ffffff26);width:56px;height:56px}.login-title{font-family:var(--font-display);letter-spacing:.05em;margin-bottom:var(--space-xs);color:#fff;font-size:26px;font-weight:900}.login-subtitle{color:var(--color-stone);letter-spacing:.02em;font-size:13px;font-weight:500}.login-form{gap:var(--space-md);flex-direction:column;display:flex}.login-error-alert{border:1px solid var(--color-sale);color:#ff8e91;border-radius:var(--radius-sm);background-color:#d3000526;padding:10px 14px;font-size:13px;font-weight:500;animation:.2s slideDown}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:#d1d1d6;text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.form-control-premium{border-radius:var(--radius-sm);color:#fff;width:100%;font-family:var(--font-ui);transition:all var(--transition-fast);background-color:#0000004d;border:1px solid #ffffff1f;outline:none;padding:12px 16px;font-size:14px}.form-control-premium:focus{background-color:#00000080;border-color:#fff;box-shadow:0 0 0 3px #ffffff1a}.btn-login-submit{color:#000;border-radius:var(--radius-sm);cursor:pointer;width:100%;font-size:14px;font-weight:700;font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.05em;transition:all var(--transition-fast);background-color:#fff;border:none;margin-top:6px;padding:14px}.btn-login-submit:hover{background-color:#e5e5ea;transform:translateY(-1px);box-shadow:0 6px 20px #ffffff26}.btn-login-submit:active{transform:translateY(0)}.login-divider{text-align:center;margin:var(--space-xl) 0 var(--space-md);align-items:center;display:flex}.login-divider:before,.login-divider:after{content:"";border-bottom:1px solid #ffffff14;flex:1}.login-divider span{color:var(--color-mute);letter-spacing:.08em;text-transform:uppercase;padding:0 12px;font-size:10px;font-weight:700}.quick-roles-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.quick-role-card{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);text-align:center;background:#ffffff08;border:1px solid #ffffff0f;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;display:flex}.quick-role-card:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.quick-role-badge{text-transform:uppercase;border-radius:var(--radius-full);letter-spacing:.02em;padding:2px 6px;font-size:9px;font-weight:700}.badge-admin{color:#ff8e91;background-color:#d3000533}.badge-manager{color:#92b2ff;background-color:#1151ff33}.badge-employee{color:#8ce3b9;background-color:#007d4833}.quick-role-name{color:#fff;font-size:12px;font-weight:600}.quick-role-desc{color:var(--color-stone);white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:10px;overflow:hidden}.utility-user-profile{background-color:var(--color-soft-cloud);border-radius:var(--radius-full);border:1px solid var(--color-hairline-soft);align-items:center;gap:12px;padding:4px 12px;display:flex}.user-profile-avatar{object-fit:cover;border:1px solid var(--color-hairline);border-radius:50%;width:24px;height:24px}.user-profile-info{flex-direction:column;line-height:1.2;display:flex}.user-profile-name{color:var(--color-ink);font-size:12px;font-weight:700}.user-profile-role{color:var(--color-mute);text-transform:uppercase;font-size:9px;font-weight:600}.btn-utility-action{border:1px solid var(--color-hairline);border-radius:var(--radius-full);color:var(--color-charcoal);cursor:pointer;transition:all var(--transition-fast);font-size:11px;font-weight:600;font-family:var(--font-ui);background:0 0;padding:4px 10px}.btn-utility-action:hover{border-color:var(--color-ink);color:var(--color-ink);background-color:var(--color-soft-cloud)}.btn-utility-action-danger{border-radius:var(--radius-full);color:var(--color-sale);cursor:pointer;transition:all var(--transition-fast);font-size:11px;font-weight:600;font-family:var(--font-ui);background:0 0;border:1px solid #d5000533;padding:4px 10px}.btn-utility-action-danger:hover{border-color:var(--color-sale);background-color:var(--color-sale-bg)}