:root{color-scheme:light;--color-canvas: #f6f5ef;--color-surface: #ffffff;--color-surface-muted: #f0eee6;--color-ink: #25291f;--color-muted: #6f7367;--color-brand: #414a32;--color-brand-strong: #303a25;--color-brand-contrast: #dcc9a3;--color-border: #deddd5;--color-success: #2f7d32;--color-danger: #b33a32;--shadow-soft: 0 16px 40px rgba(37, 41, 31, .08);font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--color-canvas);color:var(--color-ink)}button,input,select,textarea{font:inherit}#root,.app-shell{min-height:100vh}.topbar{min-height:68px;padding:10px clamp(20px,4vw,48px);display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--color-brand);color:var(--color-brand-contrast);box-shadow:0 1px #ffffff14}.brand-logo{display:block;width:64px;height:46px;object-fit:contain;object-position:left center}.user-summary{display:flex;align-items:center;gap:14px}.user-role{color:#f3eee2;font-size:.9rem}.user-avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--color-brand-contrast);color:var(--color-brand-strong);font-size:.85rem;font-weight:700}.main-content{width:min(1200px,calc(100% - 40px));margin:0 auto;padding:clamp(40px,6vw,72px) 0 64px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.page-eyebrow,.module-eyebrow{margin:0;color:var(--color-muted);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.page-heading h1{margin:6px 0 8px;font-size:clamp(2rem,4vw,2.75rem);line-height:1.1;letter-spacing:-.035em}.page-description{max-width:640px;margin:0;color:var(--color-muted);font-size:1rem;line-height:1.6}.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.module-card{min-height:190px;padding:24px;border:1px solid var(--color-border);border-radius:14px;background:var(--color-surface);box-shadow:var(--shadow-soft)}.module-card h2{margin:24px 0 10px;font-size:1.25rem}.module-card p{margin:0;color:var(--color-muted);line-height:1.55}@media (max-width: 780px){.module-grid{grid-template-columns:1fr}.module-card{min-height:auto}}@media (max-width: 520px){.topbar{min-height:60px;padding-inline:16px}.brand-logo{width:54px;height:40px}.user-role{display:none}.main-content{width:min(100% - 28px,1200px);padding-top:32px}}.brand-link{display:inline-flex;flex:0 0 auto}.main-navigation{display:flex;align-items:center;gap:8px;margin-right:auto}.main-navigation a{padding:9px 12px;border-radius:8px;color:#f3eee2;font-size:.9rem;text-decoration:none}.main-navigation a:hover,.main-navigation a.active{background:#ffffff1f;color:var(--color-brand-contrast)}.module-card{display:flex;flex-direction:column}.module-link,.module-coming-soon{align-self:flex-start;margin-top:auto;padding-top:24px;font-size:.9rem;font-weight:700}.module-link{color:var(--color-brand)}.module-coming-soon{color:var(--color-muted)}.customer-filters{display:grid;grid-template-columns:minmax(260px,1fr) minmax(180px,240px);gap:12px;margin-bottom:18px;padding:18px;border:1px solid var(--color-border);border-radius:14px;background:var(--color-surface)}.customer-filters input,.customer-filters select{width:100%;min-height:44px;padding:0 14px;border:1px solid var(--color-border);border-radius:9px;background:var(--color-surface);color:var(--color-ink)}.customer-filters input:focus,.customer-filters select:focus{outline:2px solid var(--color-brand-contrast);outline-offset:1px}.customer-panel{overflow:hidden;min-height:180px;border:1px solid var(--color-border);border-radius:14px;background:var(--color-surface);box-shadow:var(--shadow-soft)}.table-scroll{overflow-x:auto}.customer-table{width:100%;min-width:900px;border-collapse:collapse;text-align:left}.customer-table th{padding:17px 16px;background:var(--color-surface-muted);color:var(--color-muted);font-size:.73rem;letter-spacing:.05em;text-transform:uppercase}.customer-table td{padding:18px 16px;border-top:1px solid var(--color-border);vertical-align:top;font-size:.9rem}.customer-table tbody tr:first-child td{border-top:0}.customer-table td strong,.customer-table td span{display:block}.customer-table td span:not(.status-pill){margin-top:4px;color:var(--color-muted);font-size:.82rem}.status-pill{width:fit-content;padding:6px 10px;border-radius:999px;font-size:.78rem;font-weight:700}.status-pill.is-active{background:#e2f1df;color:var(--color-success)}.status-pill.is-inactive{background:#f3dfdd;color:var(--color-danger)}.state-message{min-height:180px;margin:0;padding:40px 24px;display:grid;place-content:center;gap:8px;color:var(--color-muted);text-align:center}.state-message-error strong{color:var(--color-danger)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 680px){.main-navigation{order:3;width:100%}.topbar{flex-wrap:wrap}.customer-filters{grid-template-columns:1fr}}@media (max-width: 520px){.main-navigation{gap:4px}.main-navigation a{padding-inline:9px}}.primary-button,.secondary-button,.icon-button{border:0;cursor:pointer;font-weight:700}.primary-button,.secondary-button{min-height:44px;padding:0 18px;border-radius:9px}.primary-button{background:var(--color-brand);color:#fff}.primary-button:hover:not(:disabled){background:var(--color-brand-strong)}.primary-button:disabled{cursor:not-allowed;opacity:.55}.secondary-button{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-ink)}.success-banner{margin:-10px 0 18px;padding:12px 16px;border:1px solid #b9d8b7;border-radius:10px;background:#eaf5e8;color:var(--color-success)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:24px;background:#181c149e;overflow-y:auto}.customer-modal{width:min(760px,100%);max-height:calc(100vh - 48px);overflow-y:auto;border-radius:16px;background:var(--color-surface);box-shadow:0 28px 80px #1418114d}.modal-heading{position:sticky;top:0;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 28px 18px;border-bottom:1px solid var(--color-border);background:var(--color-surface)}.modal-heading h2{margin:5px 0 0;font-size:1.5rem}.icon-button{width:38px;height:38px;border-radius:50%;background:transparent;color:var(--color-muted);font-size:1.5rem}.icon-button:hover{background:var(--color-surface-muted)}.customer-form{padding:24px 28px 28px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-grid label{display:grid;align-content:start;gap:7px;color:var(--color-ink);font-size:.86rem;font-weight:650}.form-grid input,.form-grid select,.form-grid textarea{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--color-border);border-radius:9px;background:var(--color-surface);color:var(--color-ink);font-weight:400}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{outline:2px solid var(--color-brand-contrast);outline-offset:1px}.form-field-wide{grid-column:1 / -1}.field-error{color:var(--color-danger);font-size:.76rem;font-weight:500}.form-alert{margin:18px 0 0;padding:12px 14px;border-radius:9px;background:#f8e8e6;color:var(--color-danger);font-size:.86rem}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}@media (max-width: 620px){.page-heading{align-items:stretch;flex-direction:column}.page-heading>.primary-button{align-self:flex-start}.modal-backdrop{align-items:end;padding:0}.customer-modal{max-height:92vh;border-radius:16px 16px 0 0}.modal-heading,.customer-form{padding-inline:20px}.form-grid{grid-template-columns:1fr}.form-field-wide{grid-column:auto}}.table-actions{display:flex;flex-wrap:wrap;gap:8px}.table-action{min-height:34px;padding:0 12px;border:1px solid var(--color-border);border-radius:7px;background:var(--color-surface);color:var(--color-ink);cursor:pointer;font-size:.82rem;font-weight:650}.table-action:hover{border-color:var(--color-brand)}.table-action-danger{border-color:#d9aaa6;color:var(--color-danger)}.danger-button{min-height:44px;padding:0 18px;border:0;border-radius:9px;background:var(--color-danger);color:#fff;cursor:pointer;font-weight:700}.danger-button:disabled{cursor:not-allowed;opacity:.55}.confirm-modal{width:min(460px,100%);padding:28px;border-radius:16px;background:var(--color-surface);box-shadow:0 28px 80px #1418114d}.confirm-modal h2{margin:6px 0 12px}.confirm-modal>p:not(.page-eyebrow,.form-alert){color:var(--color-muted);line-height:1.55}.detail-modal{width:min(720px,100%)}.detail-content{padding:24px 28px 28px}.detail-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--color-border)}.detail-summary>div{display:grid;gap:5px}.detail-summary strong{font-size:1.1rem}.detail-summary span:not(.status-pill){color:var(--color-muted)}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px;margin:24px 0 0}.detail-grid>div{display:grid;gap:6px}.detail-grid dt{color:var(--color-muted);font-size:.78rem;font-weight:700;text-transform:uppercase}.detail-grid dd{margin:0;overflow-wrap:anywhere}.detail-wide{grid-column:1 / -1}@media (max-width: 620px){.detail-content{padding-inline:20px}.detail-grid{grid-template-columns:1fr}.detail-wide{grid-column:auto}}