.app-shell{background:#eef5fb;min-height:100vh;padding:32px 20px 48px}.app-shell-center{place-items:center;display:grid}.hero-panel,.panel{background:#fef6f6;border:1px solid #ecdede;border-radius:12px;box-shadow:0 10px 30px #7891aa14}.hero-panel{justify-content:space-between;align-items:flex-start;gap:16px;max-width:1180px;margin:0 auto 18px;padding:22px;display:flex}.hero-panel-employee{align-items:center}.hero-panel-three-zone{grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.hero-brand-column{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:10px;display:flex}.hero-brand-subtitle{color:#2d455d;text-align:left;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;font-size:.92rem;font-weight:700;line-height:1.2;display:flex}.hero-title-center{justify-content:center;align-items:center;display:flex}.hero-title-middle{letter-spacing:.08em;color:#2f4f69;text-align:center;max-width:none;margin:0;font-weight:800;font-size:clamp(1.6rem,3vw,2.4rem)!important}.hero-employee-right{flex-direction:column;justify-content:center;align-items:flex-end;gap:10px;width:140px;margin-left:auto;display:flex}.hero-employee-right .staff-avatar,.hero-employee-right .staff-avatar-fallback{align-self:flex-end}.eyebrow,.panel-kicker,.meta-label,.section-heading span{letter-spacing:.08em;text-transform:uppercase;color:#6f8498;font-size:.8rem}.hero-panel h1,.not-found-panel h1,.login-panel h1{color:#2d455d;max-width:740px;margin:6px 0 4px;font-size:clamp(2rem,3.4vw,3.25rem);line-height:1.05}.login-panel h1{font-size:clamp(1.05rem,1.7vw,1.35rem)}.hero-copy,.not-found-panel p{color:#61778a;max-width:680px;font-size:1.05rem}.hero-note{color:#4d6478;background:0 0;border:none;border-radius:0;width:min(220px,100%);padding:0}.hero-note strong{margin-bottom:6px;display:block}.brand-lockup{align-items:center;gap:14px;margin-bottom:8px;display:flex}.brand-lockup-centered{justify-content:center;margin-bottom:18px}.login-brand-lockup{gap:18px}.login-crest-wrap{margin-bottom:0}.login-brand-copy{align-items:flex-start}.login-brand-title{letter-spacing:.04em;color:#2f4f69;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:800}.brand-lockup-centered-panel{justify-content:center}.brand-lockup-hero{align-items:center;gap:18px}.brand-copy{flex-direction:column;justify-content:center;gap:6px;display:flex}.brand-copy-hero{gap:8px}.hero-nameplate{color:#3f5971;letter-spacing:.01em;background:0 0;border:none;align-items:center;min-height:40px;padding:0;font-weight:700;display:inline-flex}.hero-nameplate-small{text-align:center;width:100%;min-height:auto;font-size:1rem;display:block}.workforce-item-alt-a{background:#f4f7fb}.workforce-item-alt-b{background:#eef3f8}.brand-crest-wrap{width:116px;height:116px;box-shadow:none;background:0 0;border:none;border-radius:0;place-items:center;margin-bottom:16px;padding:0;display:grid}.brand-crest-wrap-inline{width:72px;height:72px;margin-bottom:8px}.brand-crest-wrap-hero{width:108px;height:108px;margin-bottom:0}.brand-crest{object-fit:contain;border-radius:0;width:100%;height:100%}.crest-clean{object-fit:contain;width:120px;height:120px}.hero-links,.link-row{flex-wrap:wrap;gap:12px;margin-top:14px;display:flex}.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1180px;margin:0 auto;display:grid}.preview-grid-single{grid-template-columns:1fr}.panel{padding:20px}.login-panel{width:min(560px,100%)}.password-input-wrap{grid-template-columns:1fr auto;align-items:stretch;display:grid}.password-input-wrap input{border-top-right-radius:0;border-bottom-right-radius:0}.password-toggle{color:#4d6478;cursor:pointer;background:#fff;border:1px solid #d3e0eb;border-left:none;border-top-right-radius:8px;border-bottom-right-radius:8px;min-width:52px;padding:0 12px;font-size:1rem}.not-found-panel{max-width:720px}.panel-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.panel-header-actions{align-items:center;gap:10px;display:flex}.panel-header h2,.section-heading h3{color:#2d455d;margin:6px 0}.panel-header p,.timeline-content p,.workforce-item p,.employee-status-card p,.empty-state p,.helper-note,.error-note{color:#61778a;margin:0}.status-pill,.status-tag,.primary-link,.secondary-link{white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;padding:.55rem .95rem;font-weight:700;display:inline-flex}.primary-link,.secondary-link{border:1px solid #d3e0eb}.primary-link{color:#35516a;background:#dbe9f5;border-color:#c9dceb}.secondary-link{color:#4d6478;background:#fff}.status-live{color:#3b607d;background:#e9f2fa}.status-break{color:#5d7184;background:#f2f4f7}.status-finished{color:#53697c;background:#eef1f4}.status-idle{color:#4b6d89;background:#ddeaf6}.status-admin{color:#48667f;background:#e6eef7}.employee-status-card,.helper-note,.error-note,.success-note,.timeline-card,.workforce-card,.summary-card,.info-card,.admin-footer,.adjustment-card{background:#fff;border:1px solid #dbe7f2;border-radius:10px}.employee-status-card,.helper-note,.error-note,.success-note,.adjustment-card{margin-bottom:14px;padding:16px}.employee-status-card strong,.empty-state strong{color:#2d455d;margin-top:6px;display:block}.error-note{color:#9c5050;background:#fff4f4;border-color:#f1d0d0}.success-note{color:#48667f;background:#f2f7fb;border-color:#d5e2ee}.action-grid{gap:14px;margin-bottom:16px;display:grid}.action-grid-dynamic{grid-template-columns:repeat(2,minmax(0,1fr))}.primary-action,.secondary-action{cursor:pointer;border:none;border-radius:8px;padding:16px 14px;font-size:1rem;font-weight:700}.primary-action{color:#35516a;box-shadow:none;background:#dbe9f5}.secondary-action{color:#4f6578;background:#eef1f4}.action-full{grid-column:1/-1}.timeline-card,.workforce-card{margin-bottom:16px;padding:18px}.section-heading{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:18px;display:flex}.empty-state{background:#f5f8fb;border-radius:10px;padding:18px}.timeline-list,.workforce-list{margin:0;padding:0;list-style:none}.compact-timeline{margin-top:16px}.timeline-item{grid-template-columns:42px 1fr;gap:14px;padding:0 0 18px;display:grid;position:relative}.timeline-item:not(:last-child):before{content:"";background:#dbe7f2;width:2px;position:absolute;top:34px;bottom:0;left:20px}.timeline-icon{background:#edf4fa;border-radius:8px;place-items:center;width:42px;height:42px;font-size:1.1rem;display:grid}.timeline-topline{color:#2d455d;justify-content:space-between;gap:12px;margin-bottom:4px;display:flex}.info-card,.admin-footer{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:18px;display:grid}.info-card-three-up{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.admin-nav-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:18px;display:grid}.admin-nav-button{border:1px solid #0000}.admin-nav-dashboard{color:#4a6783;background:#eef4fb;border-color:#d8e4f0}.admin-nav-employees{color:#65557f;background:#f6f1fb;border-color:#e4d9f1}.admin-nav-attendance{color:#4f6f61;background:#eef8f3;border-color:#d8eadf}.admin-nav-adjustments{color:#836052;background:#fdf3ee;border-color:#f0ddd2}.admin-nav-reports{color:#756754;background:#f9f5ee;border-color:#ebe1d1}.admin-nav-button.primary-action{box-shadow:inset 0 0 0 1px #ffffff59}.summary-card{padding:18px}.summary-card-live{color:#111;background:#dfeefc;border-color:#b9d5ef}.summary-card-break{color:#111;background:#ebe5fb;border-color:#d1c5f2}.summary-card-alert{color:#111;background:#f9e2e2;border-color:#ebc0c0}.summary-card-live strong,.summary-card-live .meta-label,.summary-card-break strong,.summary-card-break .meta-label,.summary-card-alert strong,.summary-card-alert .meta-label{color:#111;font-weight:800}.summary-card strong,.info-card strong,.admin-footer strong{color:#2d455d;margin-top:6px;display:block}.adjustment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px;display:grid}.admin-panel .adjustment-card+.adjustment-card{margin-top:14px}.field-block{gap:8px;margin-bottom:14px;display:grid}.compact-field{min-width:220px;margin-bottom:0}.compact-note{margin-bottom:0;padding:10px 14px}.field-block input,.field-block select{color:#3f5971;background:#fff;border:1px solid #cfdce8;border-radius:8px;width:100%;padding:12px 14px}.adjustment-button{width:100%;margin-top:4px}.workforce-item{border-bottom:1px solid #e3ebf2;justify-content:space-between;align-items:center;gap:14px;padding:14px 0;display:flex}.workforce-person{align-items:center;gap:12px;display:flex}.workforce-avatar{width:44px;height:44px}.workforce-item:last-child{border-bottom:none;padding-bottom:0}.status-tag{color:#587188;background:#eaf1f7}.history-tag{color:#60798f;background:#eef3f8}.profile-hero-row{align-items:center;gap:14px;display:flex}.profile-hero-row-compact{justify-content:center}.profile-hero-row-centered{justify-content:center;margin-top:10px}.staff-avatar{object-fit:cover;background:#f3f6f9;border:1px solid #d6e2ee;border-radius:8px;width:54px;height:54px}.staff-avatar-large{width:120px;height:120px}.staff-avatar-fallback{color:#7390ab;place-items:center;font-size:1.4rem;display:grid}.section-alt-blue{background:#f4f8fc}.section-alt-grey{background:#f5f6f7}.section-alt-white{background:#fff}.modal-backdrop{z-index:50;background:#20344847;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-panel{background:#fff;border:1px solid #dbe7f2;border-radius:14px;width:min(760px,100%);max-height:90vh;padding:22px;overflow:auto;box-shadow:0 20px 50px #20344829}@media (width<=980px){.preview-grid{grid-template-columns:1fr}.hero-panel,.panel-header,.section-heading,.workforce-item,.brand-lockup,.panel-header-actions{flex-direction:column}.hero-brand-column,.hero-title-center,.hero-employee-right{justify-content:center;align-items:center}.hero-panel-three-zone{grid-template-columns:1fr;gap:16px}.action-grid-dynamic,.admin-summary-grid,.admin-nav-grid,.info-card,.info-card-three-up,.admin-footer,.adjustment-grid{grid-template-columns:1fr}}@media (width<=640px){.app-shell{padding:14px 12px 24px}.hero-panel,.panel{border-radius:12px;padding:16px}.brand-crest-wrap-hero{width:88px;height:88px}.crest-clean,.staff-avatar-large{width:92px;height:92px}.primary-action,.secondary-action,.primary-link,.secondary-link{width:100%}.timeline-topline{flex-direction:column;align-items:flex-start}}:root{color:#5a4155;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f9f7fb;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}a{color:inherit;text-decoration:none}.inline-link{text-underline-offset:3px;-webkit-text-decoration:underline #7a5d8459;text-decoration:underline #7a5d8459}body{min-width:320px;margin:0}button,input,textarea,select{font:inherit}button{transition:transform .15s,box-shadow .15s,opacity .15s}button:hover{transform:translateY(-1px);box-shadow:0 12px 26px #c8b6ca3d}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #d6bfd36b}#root{min-height:100vh}