:root{--primary-color: #4f46e5;--primary-hover: #4338ca;--bg-app: #f8fafc;--bg-surface: #ffffff;--text-main: #0f172a;--text-muted: #64748b;--border-radius-lg: 16px;--border-radius-md: 12px;--shadow-sm: 0 1px 3px 0 rgba(15, 23, 42, .05);--shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .08), 0 2px 4px -2px rgba(15, 23, 42, .04);--shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, .04), 0 4px 6px -4px rgba(15, 23, 42, .02);--transition-smooth: all .25s cubic-bezier(.4, 0, .2, 1);--app-font-family: "Inter", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif}html,body{height:100%;margin:0;font-family:var(--app-font-family);background-color:var(--bg-app);color:var(--text-main)}.premium-card{background:var(--bg-surface);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);border:1px solid rgba(226,232,240,.7);transition:var(--transition-smooth)}.premium-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}html{--mat-sys-background: light-dark(#faf9fd, #121316);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f2f0f4, #2f3033);--mat-sys-inverse-primary: light-dark(#abc7ff, #005cbb);--mat-sys-inverse-surface: light-dark(#2f3033, #e3e2e6);--mat-sys-on-background: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #002f65);--mat-sys-on-primary-container: light-dark(#00458f, #d7e3ff);--mat-sys-on-primary-fixed: light-dark(#001b3f, #001b3f);--mat-sys-on-primary-fixed-variant: light-dark(#00458f, #00458f);--mat-sys-on-secondary: light-dark(#ffffff, #283041);--mat-sys-on-secondary-container: light-dark(#3e4759, #dae2f9);--mat-sys-on-secondary-fixed: light-dark(#131c2b, #131c2b);--mat-sys-on-secondary-fixed-variant: light-dark(#3e4759, #3e4759);--mat-sys-on-surface: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-surface-variant: light-dark(#44474e, #e0e2ec);--mat-sys-on-tertiary: light-dark(#ffffff, #0001ac);--mat-sys-on-tertiary-container: light-dark(#0000ef, #e0e0ff);--mat-sys-on-tertiary-fixed: light-dark(#00006e, #00006e);--mat-sys-on-tertiary-fixed-variant: light-dark(#0000ef, #0000ef);--mat-sys-outline: light-dark(#74777f, #8e9099);--mat-sys-outline-variant: light-dark(#c4c6d0, #44474e);--mat-sys-primary: light-dark(#005cbb, #abc7ff);--mat-sys-primary-container: light-dark(#d7e3ff, #00458f);--mat-sys-primary-fixed: light-dark(#d7e3ff, #d7e3ff);--mat-sys-primary-fixed-dim: light-dark(#abc7ff, #abc7ff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#565e71, #bec6dc);--mat-sys-secondary-container: light-dark(#dae2f9, #3e4759);--mat-sys-secondary-fixed: light-dark(#dae2f9, #dae2f9);--mat-sys-secondary-fixed-dim: light-dark(#bec6dc, #bec6dc);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#faf9fd, #121316);--mat-sys-surface-bright: light-dark(#faf9fd, #38393c);--mat-sys-surface-container: light-dark(#efedf0, #1f2022);--mat-sys-surface-container-high: light-dark(#e9e7eb, #292a2c);--mat-sys-surface-container-highest: light-dark(#e3e2e6, #343537);--mat-sys-surface-container-low: light-dark(#f4f3f6, #1a1b1f);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0d0e11);--mat-sys-surface-dim: light-dark(#dbd9dd, #121316);--mat-sys-surface-tint: light-dark(#005cbb, #abc7ff);--mat-sys-surface-variant: light-dark(#e0e2ec, #44474e);--mat-sys-tertiary: light-dark(#343dff, #bec2ff);--mat-sys-tertiary-container: light-dark(#e0e0ff, #0000ef);--mat-sys-tertiary-fixed: light-dark(#e0e0ff, #e0e0ff);--mat-sys-tertiary-fixed-dim: light-dark(#bec2ff, #bec2ff);--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}body{color-scheme:light;background-color:var(--mat-sys-surface);color:var(--mat-sys-on-surface);font-family:var(--app-font-family);margin:0}*{box-sizing:border-box}html{font-family:var(--app-font-family)}body{margin:0}button,input,select,textarea{font:inherit}.page-title{align-items:flex-start;display:flex;justify-content:space-between;gap:18px;margin:18px 0}.page-title h1{color:#3f4651;font-size:22px;font-weight:600;line-height:1.25;margin:0}.page-title p{color:#667085;font-size:14px;line-height:1.45;margin:8px 0 0}.surface{background:#fff;border:1px solid #d8dee8;border-radius:8px;padding:18px}.helper-panel{align-items:center;display:flex;gap:10px;margin-bottom:16px}.helper-panel span{color:#526274}.grid{display:grid;gap:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.field{display:grid;gap:6px}.field label{color:#39485a;font-size:13px;font-weight:700}.field input,.field select,.field textarea{border:1px solid #c8d0dc;border-radius:6px;color:#1f2933;min-height:40px;padding:9px 10px;width:100%}.field textarea{min-height:94px;resize:vertical}.full-span{grid-column:1/-1}.field input:focus,.field select:focus,.field textarea:focus{border-color:#2a7a73;outline:3px solid #d8eeeb}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.dashboard-grid{margin-top:16px}.btn{align-items:center;background:#184c47;border:1px solid #184c47;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-weight:700;justify-content:center;min-height:40px;padding:8px 13px}.btn.secondary{background:#fff;border-color:#aeb8c6;color:#273647}.btn.warning{background:#8a5a00;border-color:#8a5a00}.btn:disabled{cursor:not-allowed;opacity:.55}.full-width{width:100%}.notice{align-items:center;border-radius:6px;display:flex;gap:12px;justify-content:space-between;margin-top:14px;max-width:min(420px,100vw - 32px);padding:12px 14px}app-notice .notice{box-shadow:0 14px 34px #0f172a24;margin:0;position:fixed;right:18px;top:82px;z-index:2000}.notice.success{background:#ecfdf5;border:1px solid #bbf7d0;color:#185c37}.notice.error{background:#fef2f2;border:1px solid #fecaca;color:#9b2c1f}.notice-close{align-items:center;background:transparent;border:0;border-radius:4px;color:inherit;cursor:pointer;display:inline-flex;font-size:22px;font-weight:700;height:28px;justify-content:center;line-height:1;min-width:28px;padding:0}.notice-close:hover{background:#0f172a14}.key-value{display:grid;gap:8px}.key-value.compact{margin:0 0 14px}.key-value div{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid #eef1f5;padding-bottom:8px}.key-value dt{color:#65758b;font-weight:700}.key-value dd{margin:0;overflow-wrap:anywhere;text-align:right}.workflow-list{display:grid;gap:14px}.step-row{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.step-card{border:1px solid #d8dee8;border-radius:8px;color:inherit;display:grid;gap:6px;padding:14px;text-decoration:none}.step-card small{color:#65758b}.step-number{align-items:center;background:#184c47;border-radius:999px;color:#fff;display:inline-flex;font-size:13px;font-weight:800;height:28px;justify-content:center;margin-right:8px;min-width:28px;padding:0 7px}.flow-diagram{align-items:center;display:grid;gap:10px;grid-template-columns:repeat(9,auto);justify-content:start}.flow-diagram a{align-items:center;border:1px solid #b8c5d4;border-radius:8px;color:#203040;display:inline-flex;font-weight:800;gap:8px;min-height:48px;padding:10px 12px;text-decoration:none}.flow-diagram b{color:#65758b}.muted{color:#65758b;margin:0}.role-list{display:grid;gap:8px}.list-row{background:#fff;border:1px solid #d8dee8;border-radius:6px;color:inherit;cursor:pointer;display:grid;gap:4px;padding:10px;text-align:left}.list-row:hover{border-color:#2a7a73}.list-row span{color:#65758b;font-size:13px}.permission-grid{display:flex;flex-wrap:wrap;gap:8px}.permission-grid span{background:#eef6f5;border:1px solid #cfe4e0;border-radius:6px;color:#184c47;font-size:13px;font-weight:800;padding:6px 8px}.public-hero{align-items:stretch;background:linear-gradient(135deg,#184c47eb,#1f3c5ceb),#184c47;border-radius:8px;color:#fff;display:grid;gap:24px;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);margin-bottom:18px;overflow:hidden;padding:34px}.public-hero-content{display:grid;gap:14px;max-width:720px}.public-hero h1{font-size:42px;line-height:1.08;margin:0;max-width:760px}.public-hero p{color:#e3efed;font-size:17px;line-height:1.55;margin:0;max-width:700px}.public-hero .btn.secondary{background:transparent;border-color:#ffffff9e;color:#fff}.eyebrow{color:#bee7df;font-size:13px;font-weight:800;letter-spacing:0;text-transform:uppercase}.product-preview{align-content:start;background:#fffffff2;border:1px solid rgba(255,255,255,.58);border-radius:8px;color:#1f2933;display:grid;gap:10px;padding:16px}.product-preview div{background:#f6f8fb;border:1px solid #d8dee8;border-radius:6px;display:grid;gap:3px;padding:12px}.product-preview span{color:#65758b;font-size:12px;font-weight:800;text-transform:uppercase}.product-preview strong{color:#1f2933}.persona-title{border-bottom:3px solid #d8dee8;padding-bottom:12px}.admin-title{border-color:#1f6f66}.accountant-title{border-color:#6c5ce7}.user-title{border-color:#3f7d57}.persona-band{background:#fff;border:1px solid #d8dee8;border-left:5px solid #184c47;border-radius:8px;margin-bottom:16px;padding:14px 16px}.persona-band strong,.persona-band span{display:block}.persona-band span{color:#65758b;margin-top:3px}.profile-summary{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.profile-summary div{display:grid;gap:4px}.profile-summary span:not(.status-pill){color:#65758b}.screen-grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.screen-tile{background:#fff;border:1px solid #d8dee8;border-radius:8px;color:inherit;display:grid;gap:8px;min-height:132px;padding:16px;text-decoration:none}.screen-tile strong{font-size:18px}.screen-tile span{color:#526274;line-height:1.45}.screen-tile.pending{cursor:default}.admin-tile{border-top:4px solid #1f6f66}.accountant-tile{border-top:4px solid #6c5ce7}.user-tile{border-top:4px solid #3f7d57}.public-tile{border-top:4px solid #2f6f73}.auth-page{align-items:center;display:grid;gap:40px;grid-template-columns:minmax(0,1fr) minmax(340px,440px);margin:28px auto;max-width:1040px;min-height:calc(100vh - 180px)}.auth-intro{display:grid;gap:18px}.auth-brand{margin-bottom:10px}.auth-intro h1{font-size:42px;line-height:1.08;margin:0;max-width:580px}.auth-intro p{color:#526274;font-size:17px;line-height:1.55;margin:0;max-width:540px}.auth-card{background:#fff;border:1px solid #d8dee8;border-radius:8px;box-shadow:0 18px 45px #1f293314;display:grid;gap:16px;padding:28px}.auth-card.wide{max-width:680px}.auth-card h2{font-size:24px;margin:0 0 4px}.auth-switch{color:#526274;margin:0;text-align:center}.auth-switch a{color:#184c47;font-weight:800}.registration-page{align-items:start;grid-template-columns:minmax(260px,.7fr) minmax(520px,1fr)}.workspace-layout{align-items:stretch;display:grid;gap:28px;grid-template-columns:auto minmax(0,1fr);min-height:100%}.side-menu{background:#f1f3f7;border:0;border-radius:0;align-self:start;display:flex;flex-direction:column;gap:18px;height:calc(100vh - 64px);padding:22px 10px;position:sticky;top:0;max-height:calc(100vh - 64px);overflow-y:auto;transition:width .18s ease;width:244px}.side-menu.collapsed{width:64px}.side-nav{display:flex;flex-direction:column;gap:4px}.side-title-row{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:18px;padding:0 12px 10px}.side-title-row>strong{border-bottom:0;color:#111827;font-size:18px;font-weight:650;overflow-wrap:anywhere}.side-collapse{align-items:center;background:#fff;border:1px solid #d8dee8;border-radius:999px;color:#64748b;cursor:pointer;display:inline-flex;flex:0 0 auto;height:30px;justify-content:center;min-width:30px;padding:0;transition:background .15s ease,border-color .15s ease,color .15s ease}.side-collapse mat-icon{font-size:18px;height:18px;line-height:18px;width:18px}.side-collapse:hover{background:#e6e5ec;border-color:#d8cff5;color:#4f2bb7}.side-menu a,.side-menu button{align-items:center;background:transparent;border:0;border-radius:0;color:#374151;cursor:pointer;font-size:13px;font-weight:600;min-height:38px;padding:10px 14px;text-align:left;text-decoration:none}.side-menu a{display:flex;gap:10px}.side-link-icon{align-items:center;flex:0 0 auto;justify-content:center;color:#8a8f99;display:inline-flex;font-size:20px;height:20px;line-height:20px;transition:color .15s ease;width:20px}.side-menu.collapsed .side-title-row{justify-content:center;padding-left:0;padding-right:0}.side-menu.collapsed .side-title-row>strong,.side-menu.collapsed .side-link-label,.side-menu.collapsed .side-user-copy{display:none}.side-menu.collapsed a{justify-content:center;padding-left:0;padding-right:0}.side-menu a.active,.side-menu a:hover,.side-menu button.active,.side-menu button:hover{background:#e6e5ec;color:#4f2bb7}.side-menu a.active .side-link-icon,.side-menu a:hover .side-link-icon{color:#4f2bb7}.side-user{align-items:center;color:inherit;display:flex;gap:10px;margin-top:auto;min-height:48px;padding:10px 12px;text-decoration:none}.side-menu.collapsed .side-user{justify-content:center;padding-left:0;padding-right:0}.side-user:hover{background:#e6e5ec}.side-user-avatar{align-items:center;background:#334155;border-radius:999px;color:#fff;display:inline-flex;flex:0 0 auto;font-size:12px;font-weight:800;height:32px;justify-content:center;width:32px}.side-user-copy{display:grid;gap:2px;min-width:0}.side-user-copy strong,.side-user-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-user-copy strong{color:#111827;font-size:14px;font-weight:650}.side-user-copy small{color:#64748b;font-size:12px;font-weight:500}.section-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 16px}.section-tabs button{background:#fff;border:1px solid #c8d0dc;border-radius:6px;color:#374151;cursor:pointer;font-family:var(--app-font-family);font-size:13px;font-weight:600;min-height:36px;padding:7px 12px}.section-tabs button.active,.section-tabs button:hover{background:#e6e5ec;border-color:#d8cff5;color:#4f2bb7}.workspace-main{min-width:0}.onboarding-form h2{color:#3f4651;font-size:18px;font-weight:600;line-height:1.3;margin:0 0 16px}.shop-list{display:grid;gap:10px}.shop-row{align-items:center;background:#fff;border:1px solid #d8dee8;border-radius:8px;color:inherit;cursor:pointer;display:flex;gap:16px;justify-content:space-between;min-height:72px;padding:14px 16px;text-align:left;width:100%}.request-row{align-items:center;background:#fff;border:1px solid #d8dee8;border-radius:8px;display:flex;gap:16px;justify-content:space-between;padding:16px}.request-row.active{border-color:#2a7a73}.request-row div,.request-summary{display:grid;gap:4px}.request-summary{background:transparent;border:0;color:inherit;cursor:pointer;flex:1;min-width:0;padding:0;text-align:left}.request-row span,.request-row small{color:#526274}.admin-review-grid,.request-detail-grid{align-items:start;display:grid;gap:16px;grid-template-columns:minmax(0,1fr) minmax(420px,560px)}.admin-account-browser{align-items:start;display:grid;gap:12px;grid-template-columns:minmax(260px,.85fr) minmax(260px,1fr);margin-bottom:12px}.admin-entries-surface{padding-left:0;padding-right:0}.admin-entries-surface .history-toolbar,.admin-entry-workbar,.admin-entries-surface .empty-batch{padding-left:20px;padding-right:20px}.admin-entries-surface .table-scroll{scrollbar-gutter:auto}.admin-entry-workbar{align-items:center;display:flex;justify-content:flex-start;margin-bottom:12px}.entry-filter{align-items:center;display:flex;gap:8px}.entry-filter span{color:#526274;font-size:13px;font-weight:650}.entry-filter select{border:1px solid #c8d0dc;border-radius:6px;color:#1f2933;min-height:38px;min-width:190px;padding:8px 10px}.browser-pane{align-items:center;display:flex;gap:12px}.browser-pane h2{font-size:16px;min-width:max-content;margin:0}.browser-pane .field{align-items:center;display:grid;flex:1;gap:10px;grid-template-columns:max-content minmax(180px,1fr)}.browser-pane .field label{margin:0}.browser-list{display:grid;gap:8px}.list-row.active{background:#e8f0ef;border-color:#2a7a73}.request-chat{display:grid;gap:14px}.whatsapp-chat{background:#f8faf9}.admin-request-editor{border-bottom:1px solid #d8dee8;display:grid;gap:12px;padding-bottom:14px}.request-chat h2{margin:0}.chat-thread{align-content:start;background:#eef3f1;border:1px solid #d8dee8;border-radius:8px;display:grid;gap:10px;max-height:380px;overflow-y:auto;padding:12px}.chat-message{background:#fff;border:1px solid #e4e9ef;border-radius:8px 8px 8px 2px;display:grid;gap:6px;justify-self:start;max-width:min(92%,340px);padding:10px 12px}.chat-message.own{background:#dff1ed;border-color:#b7d3cf;border-radius:8px 8px 2px;justify-self:end}.chat-message p{margin:0}.chat-message small,.chat-message time{color:#526274;font-size:12px;text-align:right}.chat-compose{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.attachment-link{background:#fff;border:1px solid #c8d0dc;border-radius:6px;color:#184c47;cursor:pointer;font-weight:800;overflow-wrap:anywhere;padding:8px 10px;text-align:left}.attachment-button{cursor:pointer}.table-surface{overflow-x:auto;overflow-y:visible;position:relative}.data-table{background:#fff;border-collapse:collapse;inline-size:max-content;min-inline-size:100%;width:max-content}.wide-table{min-inline-size:100%}.data-table th,.data-table td{border-bottom:1px solid #f1f3f6;padding:10px 12px;text-align:left;width:1%}.data-table td{white-space:nowrap}.data-table th{background:#f7f7f8;color:#6b7280;font-size:12px;font-weight:800;height:44px;line-height:1.25;position:sticky;top:0;vertical-align:middle;white-space:normal;z-index:2}.data-table tbody tr:hover{background:#fbfbfc}.data-table td[colspan]{color:#667085;font-size:14px;font-weight:400}.history-toolbar{align-items:flex-start;background:#fff;display:flex;gap:14px;justify-content:space-between;margin-bottom:10px;position:relative;z-index:5}.table-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.table-actions .btn{min-height:34px;padding:6px 10px}.table-scroll{border-top:1px solid #eef1f5;max-height:min(48vh,500px);overflow:auto;scrollbar-gutter:stable both-edges;width:100%}.filterable-table thead th{vertical-align:bottom}.filter-row th{height:42px;padding-bottom:8px;padding-top:0;top:44px;z-index:3}.filter-row input{background:#fff;border:1px solid #dde3eb;border-radius:5px;color:#1f2933;font-size:14px;font-weight:400;min-height:30px;min-width:86px;padding:6px 8px;width:96px}.filter-row input:focus{border-color:#2a7a73;outline:2px solid #d8eeeb}.empty-batch{border:1px dashed #c8d0dc;border-radius:8px;color:#667085;font-size:14px;font-weight:400;line-height:1.45;padding:18px}.empty-batch strong{color:#3f4651;display:block;font-size:14px;font-weight:500}.empty-batch p{margin:4px 0 0}.amount-cell{font-variant-numeric:tabular-nums;font-weight:500;text-align:right}.row-actions{display:flex;gap:8px}.link-button{background:transparent;border:0;color:#184c47;cursor:pointer;font-family:var(--app-font-family);font-size:14px;font-weight:600;padding:0}.link-button.danger{color:#9b2c1f;font-weight:600}.link-button:disabled{cursor:not-allowed;opacity:.55}.modal-backdrop{align-items:center;background:#0f172a6b;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1100}.admin-user-modal{background:#fff;border-radius:8px;box-shadow:0 24px 70px #0f172a47;display:grid;gap:16px;max-height:min(92vh,760px);max-width:980px;overflow-y:auto;padding:20px;width:min(980px,100%)}.modal-title{align-items:flex-start;border-bottom:1px solid #eef1f5;display:flex;gap:16px;justify-content:space-between;padding-bottom:12px}.modal-title h2{margin:0}.modal-title p{margin-top:4px}.shop-action-grid{max-width:720px}.shop-action-grid button{cursor:pointer;text-align:left}.shop-row:disabled{cursor:default}.shop-row:not(:disabled):hover{border-color:#2a7a73}.shop-row strong,.shop-row small{display:block}.shop-row small{color:#65758b;margin-top:3px}.status-pill{background:#eef1f5;border-radius:999px;color:#39485a;font-size:12px;padding:6px 9px}.status-pill.active,.status-pill.approved{background:#e8f5ee;color:#185c37}.status-pill.inprogress,.status-pill.pending-approval,.status-pill.need-info{background:#fff7e6;color:#8a5a00}.status-pill.rejected{background:#fff0ed;color:#9b2c1f}.empty-state h2{color:#3f4651;font-size:18px;font-weight:600;line-height:1.3;margin:0 0 8px}.empty-state p{color:#667085;font-size:14px;line-height:1.45;margin:0}@media(max-width:760px){.grid.two,.grid.three,.step-row,.flow-diagram,.screen-grid,.auth-page,.registration-page,.workspace-layout{grid-template-columns:1fr}.public-hero{grid-template-columns:1fr;padding:24px}.public-hero h1{font-size:32px}.flow-diagram b{display:none}.page-title{display:block}.helper-panel{align-items:flex-start;flex-direction:column}.auth-page{margin:0;min-height:auto}.auth-intro h1{font-size:32px}.auth-card{padding:20px}.side-menu{min-height:auto;position:static}.side-user{margin-top:10px}.admin-review-grid,.request-detail-grid,.admin-account-browser{grid-template-columns:1fr}}html,body{height:100%}body{margin:0;font-family:var(--app-font-family)}.view-container{box-sizing:border-box;display:block;margin:0 auto;max-width:1200px;padding:32px 24px 64px}.modern-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 3px #0f172a14,0 1px 2px #0f172a0a;box-sizing:border-box;padding:24px}.section-title{color:#334155;font-size:1.1rem;font-weight:800;letter-spacing:0;margin:32px 0 16px;text-transform:uppercase}.public-hero.modern-card{align-items:center;background:linear-gradient(135deg,#fff,#eef6fb);border:1px solid #d9e7ef;border-left:4px solid #0284c7;color:#0f172a;display:grid;gap:32px;grid-template-columns:minmax(0,1fr) minmax(300px,340px);margin-bottom:18px;overflow:hidden;padding:30px}.public-hero-content{display:grid;gap:14px;max-width:760px}.public-hero-content h1{color:#0f172a;font-size:2rem;font-weight:800;line-height:1.2;margin:0}.public-hero-content p{color:#475569;font-size:1rem;line-height:1.6;margin:0;max-width:720px}.eyebrow-badge{align-self:start;background:#0284c71a;border-radius:999px;color:#0369a1;display:inline-flex;font-size:.75rem;font-weight:800;letter-spacing:0;padding:5px 12px;text-transform:uppercase}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.hero-actions a,.shortcut-btn,.operational-tile{text-decoration:none}.hero-actions a{align-items:center;border-radius:6px;display:inline-flex;font-size:.92rem;font-weight:800;justify-content:center;min-height:42px;padding:0 18px}.action-btn-primary{background:#0284c7;color:#fff;box-shadow:0 8px 18px #0284c72e}.action-btn-primary:hover{background:#0369a1}.action-btn-secondary{background:#fff;border:1px solid #cbd5e1;color:#334155}.action-btn-secondary:hover{background:#f8fafc;border-color:#94a3b8}.product-preview-grid{align-self:stretch;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:grid;gap:10px;padding:16px}.preview-item{align-items:center;background:#f8fafc;border:1px solid #edf2f7;border-radius:6px;display:flex;gap:12px;justify-content:space-between;min-height:48px;padding:10px 12px}.preview-label{color:#64748b;font-size:.78rem;font-weight:800;text-transform:uppercase}.preview-value{color:#0f172a;font-size:.92rem;font-weight:800;overflow-wrap:anywhere;text-align:right}.status-success{color:#15803d}.status-info{color:#2563eb}.features-display-grid,.summary-details-grid,.role-cards-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-tile{display:grid;gap:10px}.tile-icon-wrapper{align-items:center;background:#eaf7ef;border-radius:8px;display:inline-flex;height:42px;justify-content:center;width:42px}.tile-icon-wrapper mat-icon{color:#15803d;font-size:22px;height:22px;width:22px}.feature-tile strong,.operational-tile strong{color:#1e293b;font-size:1rem}.feature-tile p,.operational-tile p{color:#64748b;font-size:.9rem;line-height:1.55;margin:0}.workspace-header-block{margin-bottom:24px}.workspace-header-block h1{color:#0f172a;font-size:1.6rem;font-weight:800;margin:0 0 4px}.workspace-header-block .subtitle{color:#64748b;margin:0}.operational-tile{color:inherit;display:flex;flex-direction:column;gap:12px;transition:box-shadow .18s ease,transform .18s ease}.operational-tile:hover{box-shadow:0 10px 22px #0f172a14;transform:translateY(-2px)}.tile-header,.card-title-bar,.shortcut-btn{align-items:center;display:flex}.tile-header{gap:10px}.tile-header mat-icon{font-size:24px;height:24px;width:24px}.tile-action-link{align-items:center;display:inline-flex;font-size:.9rem;font-weight:800;gap:4px;margin-top:auto}.tile-action-link mat-icon{font-size:18px;height:18px;width:18px}.admin-theme{border-top:4px solid #dc2626}.admin-theme mat-icon,.admin-theme .tile-action-link{color:#dc2626}.accountant-theme{border-top:4px solid #0284c7}.accountant-theme mat-icon,.accountant-theme .tile-action-link{color:#0284c7}.customer-theme{border-top:4px solid #16a34a}.customer-theme mat-icon,.customer-theme .tile-action-link{color:#16a34a}.summary-display-card{display:grid;gap:16px}.card-title-bar{border-bottom:1px solid #eef2f7;gap:8px;padding-bottom:12px}.card-title-bar mat-icon{color:#475569}.card-title-bar h3{color:#334155;font-size:.98rem;margin:0}.data-row{display:grid;gap:4px}.data-row .label{color:#94a3b8;font-size:.75rem;font-weight:800;text-transform:uppercase}.data-row .value{color:#1e293b}.actions-button-stack{display:grid;gap:8px}.shortcut-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#475569;font-weight:700;gap:6px;min-height:38px;padding:0 12px}.shortcut-btn:hover{background:#eef6fb;color:#0369a1}.shortcut-btn mat-icon{color:#94a3b8;font-size:18px;height:18px;width:18px}.animate-fade-in{animation:fadeIn .2s ease-out both}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){.view-container{padding:18px 12px 40px}.public-hero.modern-card{grid-template-columns:1fr;padding:22px}.public-hero-content h1{font-size:1.65rem}.preview-item{align-items:flex-start;flex-direction:column}.preview-value{text-align:left}}