:root{--primary: #044BD9;--primary-dark: #033AAC;--primary-deeper: #022A80;--primary-deepest: #061433;--action: #55FF85;--action-strong: #009A4E;--action-dim: rgba(85,255,133,.12);--action-border: rgba(85,255,133,.35);--lime: var(--action);--lime-dark: var(--action-strong);--lime-dim: var(--action-dim);--lime-border: var(--action-border);--surface-tint: rgba(4,75,217,.04);--surface-tint-hover: rgba(4,75,217,.08);--bg: #F6F7F9;--surface: #FFFFFF;--surface-sunken: #EEF0F4;--text: #0B0F19;--text-muted: #5B6573;--text-dim: #8B95A6;--border: rgba(15,23,42,.06);--border-mid: rgba(15,23,42,.12);--white: #FFFFFF;--input-bg: #F6F7F9;--error: #C0392B;--error-mid: #D94434;--error-light: #F87171;--error-tint: #FECACA;--error-bg: #FFF1F2;--error-darker: #991B1B;--error-dim: rgba(192,57,43,.12);--warning: #F5C842;--warning-dark: #9A7A00;--warning-darker: #6B5400;--warning-tint: #FEF3C7;--success-dark: #166534;--success-light: #86EFAC;--success-tint: #DCFCE7;--info-mid: #2E6CDE;--info-tint: #DBEAFE;--neutral-dark: #1E293B;--neutral: #64748B;--neutral-mid: #6B7280;--neutral-light: #94A3B8;--neutral-lighter: #E2E8F0;--neutral-bg: #F1F5F9;--neutral-border: #CBD5E1;--status-invoiced: #818CF8;--status-revisit: #7C3AED;--whatsapp: #25D366}:root{--spacing-xs: 2px;--spacing-sm: 4px;--spacing-md: 8px;--spacing-lg: 12px;--spacing-xl: 16px;--spacing-2xl: 20px;--spacing-3xl: 24px;--spacing-4xl: 36px;--spacing-5xl: 48px;--spacing-6xl: 64px;--spacing-7xl: 96px}:root{--font-sans: "IBM Plex Sans", sans-serif;--font-mono: "IBM Plex Mono", monospace;--text-xs: 11px;--text-caption: 12px;--text-label: 13px;--text-body-sm: 14px;--text-body: 16px;--text-heading-sm: 18px;--text-heading-md: 24px;--text-heading-lg: 32px;--text-heading-xl: 42px;--font-size-sm: var(--text-caption);--font-size-md: var(--text-label);--font-size-label: var(--text-label);--font-size-caption: var(--text-caption);--font-size-body: var(--text-body);--font-size-body-sm: var(--text-body-sm);--font-size-heading-sm: var(--text-heading-sm);--font-size-heading-md: var(--text-heading-md);--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--lh-tight: 1.1;--lh-normal: 1.5;--lh-relaxed: 1.65;--tracking-tighter: -.035em;--tracking-tight: -.025em;--tracking-snug: -.02em;--tracking-normal: 0;--tracking-wide: .12em;--tracking-wider: .14em}:root{--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-2xl: 16px;--radius-3xl: 20px;--radius-4xl: 24px;--radius-full: 9999px;--radius: var(--radius-xl)}:root{--elevation-sm: 0 1px 2px rgba(15, 23, 42, .04), 0 1px 3px rgba(15, 23, 42, .05);--elevation-md: 0 2px 4px rgba(15, 23, 42, .04), 0 4px 8px rgba(15, 23, 42, .06);--elevation-lg: 0 4px 8px rgba(15, 23, 42, .05), 0 8px 16px rgba(15, 23, 42, .08);--elevation-xl: 0 8px 16px rgba(15, 23, 42, .08), 0 16px 32px rgba(15, 23, 42, .1);--elevation-modal: 0 12px 32px rgba(15, 23, 42, .18), 0 24px 64px rgba(15, 23, 42, .28)}:root{--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-circ: cubic-bezier(0, .55, .45, 1);--z-base: 1;--z-sticky: 20;--z-dropdown: 100;--z-overlay: 200;--z-modal: 300;--z-paywall: 350;--z-toast: 400;--z-fab: 500;--z-top: 9999;--sidebar-w: 220px;--header-h: 58px}:root{--color-brand: var(--primary);--color-brand-hover: var(--primary-dark);--color-cta: var(--action);--color-cta-hover: var(--action-strong);--color-cta-on-dark: var(--color-cta);--color-cta-dim: var(--action-dim);--color-cta-border: var(--action-border);--color-cta-surface: var(--action-strong);--color-accent-soft: color-mix(in srgb, var(--color-brand) 6%, transparent);--color-accent-border: color-mix(in srgb, var(--color-brand) 25%, transparent);--color-bg: var(--bg);--color-surface-inverse: var(--primary-deepest);--color-surface: var(--surface);--color-surface-sunken: var(--surface-sunken);--color-surface-tint: var(--surface-tint);--color-surface-tint-hover: var(--surface-tint-hover);--color-field-bg: var(--input-bg);--color-text: var(--text);--color-text-muted: var(--text-muted);--color-text-dim: var(--text-dim);--color-border: var(--border);--color-border-strong: var(--border-mid);--color-destructive: var(--error);--color-destructive-hover: var(--error-mid);--color-destructive-strong: var(--error-darker);--color-destructive-text: var(--error-light);--color-destructive-tint: var(--error-tint);--color-destructive-bg: var(--error-bg);--color-destructive-dim: var(--error-dim);--color-warning: var(--warning);--color-warning-strong: var(--warning-dark);--color-warning-text: var(--warning-darker);--color-warning-tint: var(--warning-tint);--color-success: var(--success-dark);--color-success-tint: var(--success-tint);--color-success-border: var(--success-light);--color-info: var(--primary);--color-info-mid: var(--info-mid);--color-info-tint: var(--info-tint);--color-neutral: var(--neutral);--color-neutral-dark: var(--neutral-dark);--color-neutral-mid: var(--neutral-mid);--color-neutral-light: var(--neutral-light);--color-neutral-lighter: var(--neutral-lighter);--color-neutral-bg: var(--neutral-bg);--color-neutral-border: var(--neutral-border);--color-white: var(--white);--color-surface-raised: var(--surface);--color-whatsapp: var(--whatsapp)}:root{--btn-primary-bg: var(--color-cta);--btn-primary-text: var(--color-brand);--btn-primary-text-hover: var(--color-white);--btn-primary-bg-hover: var(--color-cta-hover);--btn-primary-shadow-hover: rgba(4,75,217,.22);--btn-focus-ring: var(--color-cta);--btn-ghost-border: var(--color-border-strong);--btn-ghost-bg-hover: var(--color-surface-tint-hover);--btn-danger-bg: var(--color-destructive-dim);--btn-danger-text: var(--color-destructive-text);--btn-danger-border: rgba(192,57,43,.25);--btn-danger-bg-hover: rgba(192,57,43,.2);--btn-icon-bg: var(--color-surface-tint);--btn-icon-border: var(--color-border);--card-bg: var(--color-surface);--card-border: var(--color-border);--card-radius: var(--radius-xl);--card-header-bg: rgba(4,75,217,.04);--field-bg: var(--color-field-bg);--field-border: var(--color-border-strong);--field-focus-border: rgba(4,75,217,.45);--field-focus-ring: rgba(4,75,217,.12);--table-border: var(--color-border);--table-th-bg: rgba(4,75,217,.02);--table-row-hover-bg: rgba(4,75,217,.04);--table-row-active-bar: var(--color-cta-hover);--tabs-bg: var(--color-surface-tint);--tabs-border: var(--color-border);--tab-active-bg: var(--color-surface-tint-hover);--tab-active-border: var(--color-border-strong);--search-bg: var(--color-surface);--search-border: var(--color-border);--search-focus-border: var(--field-focus-border);--search-focus-ring: var(--field-focus-ring);--skel-from: rgba(4,75,217,.06);--skel-to: rgba(4,75,217,.12);--scrollbar-thumb: rgba(4,75,217,.15);--scrollbar-thumb-hover: rgba(4,75,217,.25);--badge-draft-bg: rgba(148,163,184,.1);--badge-draft-color: var(--color-neutral-light);--badge-draft-border: rgba(148,163,184,.2);--badge-sent-bg: rgba(4,75,217,.1);--badge-sent-color: var(--color-brand);--badge-sent-border: rgba(4,75,217,.25);--badge-accepted-bg: rgba(0,154,78,.14);--badge-accepted-color: #009A4E;--badge-accepted-border: rgba(0,154,78,.3);--badge-paid-bg: rgba(0,154,78,.14);--badge-paid-color: #009A4E;--badge-paid-border: rgba(0,154,78,.3);--badge-rejected-bg: rgba(192,57,43,.1);--badge-rejected-color: var(--color-destructive-text);--badge-rejected-border: rgba(192,57,43,.25);--badge-cancelled-bg: rgba(107,114,128,.1);--badge-cancelled-color: var(--color-neutral-mid);--badge-cancelled-border: rgba(107,114,128,.2);--badge-invoiced-bg: rgba(99,102,241,.1);--badge-invoiced-color: var(--status-invoiced);--badge-invoiced-border: rgba(99,102,241,.2);--badge-revisit-bg: rgba(168,85,247,.1);--badge-revisit-color: var(--status-revisit);--badge-revisit-border: rgba(168,85,247,.2);--badge-warning-bg: rgba(245,158,11,.1);--badge-warning-color: var(--color-warning);--badge-warning-border: rgba(245,158,11,.2);--badge-overdue-bg: var(--color-destructive-dim);--badge-overdue-color: var(--color-destructive);--badge-overdue-border: rgba(192,57,43,.25);--badge-claimed-bg: rgba(79,70,229,.12);--badge-claimed-color: #4F46E5;--badge-claimed-border: rgba(79,70,229,.25);--chrome-bg: color-mix(in srgb, var(--color-brand) 7%, transparent);--sidebar-bg: var(--chrome-bg);--sidebar-border: var(--color-border);--sidebar-text: var(--color-text-muted);--sidebar-text-strong: var(--color-text);--sidebar-text-dim: var(--color-text-dim);--sidebar-hover-bg: var(--color-surface-tint-hover);--sidebar-active-bg: var(--color-cta);--sidebar-active-text: var(--color-brand);--sidebar-active-icon: var(--color-brand);--sidebar-footer-bg: var(--color-surface);--sidebar-logo-bg: var(--color-brand);--sidebar-logo-fg: color-mix(in srgb, var(--color-white) 85%, transparent)}[data-theme=mono]{--primary: #0a0a0a;--primary-dark: #000000;--primary-deeper: #000000;--primary-deepest: #0A0A0A;--action: #0a0a0a;--action-strong: #000000;--action-dim: rgba(0,0,0,.06);--action-border: rgba(0,0,0,.22);--color-cta-on-dark: #FFFFFF;--surface-tint: rgba(0,0,0,.04);--surface-tint-hover: rgba(0,0,0,.08);--bg: #F4F4F5;--surface: #FFFFFF;--surface-sunken: #EBEBEC;--text: #0A0A0A;--text-muted: rgba(10,10,10,.6);--text-dim: rgba(10,10,10,.38);--border: rgba(10,10,10,.1);--border-mid: rgba(10,10,10,.2);--input-bg: #FAFAFA;--btn-primary-text: #FFFFFF;--btn-primary-shadow-hover: rgba(0,0,0,.22);--btn-focus-ring: #0A0A0A;--field-focus-border: rgba(10,10,10,.55);--field-focus-ring: rgba(10,10,10,.12);--card-header-bg: rgba(10,10,10,.03);--table-th-bg: rgba(10,10,10,.02);--table-row-hover-bg: rgba(10,10,10,.04);--skel-from: rgba(10,10,10,.06);--skel-to: rgba(10,10,10,.14);--scrollbar-thumb: rgba(10,10,10,.18);--scrollbar-thumb-hover: rgba(10,10,10,.32);--sidebar-logo-bg: #0A0A0A;--sidebar-logo-fg: color-mix(in srgb, #FFFFFF 92%, transparent);--sidebar-active-bg: #0A0A0A;--sidebar-active-text: #FFFFFF;--sidebar-active-icon: #FFFFFF;--badge-draft-bg: rgba(10,10,10,.06);--badge-draft-color: rgba(10,10,10,.65);--badge-draft-border: rgba(10,10,10,.12);--badge-sent-bg: rgba(10,10,10,.08);--badge-sent-color: rgba(10,10,10,.75);--badge-sent-border: rgba(10,10,10,.16);--badge-accepted-bg: #0A0A0A;--badge-accepted-color: #FFFFFF;--badge-accepted-border: #0A0A0A;--badge-paid-bg: #0A0A0A;--badge-paid-color: #FFFFFF;--badge-paid-border: #0A0A0A;--badge-rejected-bg: #FFFFFF;--badge-rejected-color: #0A0A0A;--badge-rejected-border: rgba(10,10,10,.65);--badge-cancelled-bg: rgba(10,10,10,.05);--badge-cancelled-color: rgba(10,10,10,.5);--badge-cancelled-border: rgba(10,10,10,.14);--badge-invoiced-bg: rgba(10,10,10,.05);--badge-invoiced-color: rgba(10,10,10,.7);--badge-invoiced-border: rgba(10,10,10,.2);--badge-revisit-bg: rgba(10,10,10,.05);--badge-revisit-color: rgba(10,10,10,.7);--badge-revisit-border: rgba(10,10,10,.2);--badge-warning-bg: rgba(10,10,10,.06);--badge-warning-color: rgba(10,10,10,.7);--badge-warning-border: rgba(10,10,10,.3);--badge-overdue-bg: #FFFFFF;--badge-overdue-color: #0A0A0A;--badge-overdue-border: rgba(10,10,10,.8);--badge-claimed-bg: rgba(10,10,10,.06);--badge-claimed-color: rgba(10,10,10,.75);--badge-claimed-border: rgba(10,10,10,.18)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);font-size:var(--text-body);line-height:var(--lh-normal);min-height:100vh;-webkit-font-smoothing:antialiased;font-weight:400}h1{font-size:var(--text-heading-xl);line-height:var(--lh-tight);font-weight:700;margin-bottom:var(--spacing-lg);letter-spacing:-.5px}h2{font-size:var(--text-heading-lg);line-height:var(--lh-tight);font-weight:700;margin-bottom:var(--spacing-md);letter-spacing:-.3px}h3{font-size:var(--text-heading-md);line-height:var(--lh-tight);font-weight:600;margin-bottom:var(--spacing-sm);letter-spacing:-.2px}h4,h5,h6{font-size:var(--text-heading-sm);line-height:var(--lh-tight);font-weight:600;margin-bottom:var(--spacing-sm)}p{font-size:var(--text-body);line-height:var(--lh-relaxed);margin-bottom:var(--spacing-md);max-width:65ch}.text-caption{font-size:var(--text-caption);color:var(--color-text-muted);line-height:var(--lh-tight)}.text-label{font-size:var(--text-label);font-weight:600;line-height:var(--lh-tight);text-transform:uppercase;letter-spacing:.5px}.text-body{font-size:var(--text-body);line-height:var(--lh-relaxed)}.text-body-sm{font-size:var(--text-body-sm);line-height:var(--lh-normal)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes check-pop{0%{transform:scale(0) rotate(-20deg);opacity:0}60%{transform:scale(1.15) rotate(3deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes success-ring-in{0%{transform:scale(.6);opacity:0}65%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:1}}@keyframes empty-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes empty-icon-in{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@keyframes skeleton-shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}@keyframes preview-flash{0%{outline-color:color-mix(in srgb,var(--color-cta-surface) 0%,transparent)}30%{outline-color:color-mix(in srgb,var(--color-cta-surface) 35%,transparent)}to{outline-color:color-mix(in srgb,var(--color-cta-surface) 0%,transparent)}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}@keyframes row-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.btn{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-sans);font-size:var(--text-body-sm);line-height:var(--lh-normal);font-weight:600;padding:10px 18px;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:background .15s,color .15s,border-color .15s,transform .08s ease-out,box-shadow .15s;white-space:nowrap;min-height:44px}@media(max-width:480px){.btn{font-size:var(--text-xs);padding:10px 16px}}.btn:focus-visible{outline:2px solid var(--btn-focus-ring);outline-offset:2px}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);border-color:var(--btn-primary-bg);box-shadow:var(--elevation-sm)}.btn-primary:hover{background:var(--btn-primary-bg-hover);border-color:var(--btn-primary-bg-hover);color:var(--btn-primary-text-hover);box-shadow:var(--elevation-md)}.btn-primary:active{background:var(--btn-primary-bg-hover);border-color:var(--btn-primary-bg-hover);color:var(--btn-primary-text-hover);box-shadow:var(--elevation-sm);transform:scale(.97)}.btn-lime{background:var(--btn-primary-bg);color:var(--btn-primary-text);border-color:var(--btn-primary-bg);box-shadow:var(--elevation-sm)}.btn-lime:hover{background:var(--btn-primary-bg-hover);border-color:var(--btn-primary-bg-hover);color:var(--btn-primary-text-hover);box-shadow:var(--elevation-md)}.btn-lime:active{background:var(--btn-primary-bg-hover);border-color:var(--btn-primary-bg-hover);color:var(--btn-primary-text-hover);box-shadow:var(--elevation-sm);transform:scale(.97)}.btn-ghost{background:transparent;color:var(--color-text);border-color:var(--btn-ghost-border)}.btn-ghost:hover{background:var(--btn-ghost-bg-hover);border-color:var(--color-border-strong)}.btn-ghost:active{background:var(--color-surface-tint-hover);border-color:var(--color-border-strong);transform:scale(.97)}.btn-danger{background:var(--btn-danger-bg);color:var(--btn-danger-text);border-color:var(--btn-danger-border)}.btn-danger:hover{background:var(--btn-danger-bg-hover);border-color:color-mix(in srgb,var(--color-destructive) 38%,transparent);color:var(--color-destructive)}.btn-danger:active{background:var(--btn-danger-bg-hover);border-color:color-mix(in srgb,var(--color-destructive) 38%,transparent);color:var(--color-destructive);transform:scale(.97)}.btn-lime:disabled,.btn-primary:disabled,.btn-ghost:disabled,.btn-danger:disabled,.btn-icon:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-sm{font-size:var(--text-caption);padding:6px 13px;min-height:unset}.btn-icon{background:var(--btn-icon-bg);border:1px solid var(--btn-icon-border);color:var(--color-text-muted);width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s,border-color .15s,transform .08s ease-out;padding:0;flex-shrink:0}.btn-icon:hover{background:var(--btn-ghost-bg-hover);border-color:var(--color-border-strong);color:var(--color-text)}.btn-icon:active{background:var(--color-surface-tint-hover);border-color:var(--color-border-strong);color:var(--color-text);transform:scale(.92)}.btn-tonal{background:var(--color-accent-soft);color:var(--color-brand);border-color:var(--color-accent-border)}.btn-tonal:hover{background:color-mix(in srgb,var(--color-brand) 12%,transparent);border-color:color-mix(in srgb,var(--color-brand) 35%,transparent);color:var(--color-brand-hover)}.btn-tonal:active{background:color-mix(in srgb,var(--color-brand) 12%,transparent);border-color:color-mix(in srgb,var(--color-brand) 35%,transparent);color:var(--color-brand-hover);transform:scale(.97)}.btn-outline{background:var(--color-surface);color:var(--color-brand);border-color:var(--color-brand)}.btn-outline:hover{background:var(--color-accent-soft);color:var(--color-brand-hover)}.btn-outline:active{background:color-mix(in srgb,var(--color-brand) 10%,transparent);color:var(--color-brand-hover);transform:scale(.97)}.btn-dark{background:var(--color-text);color:var(--color-white);border-color:var(--color-text)}.btn-dark:hover{background:var(--color-neutral-dark);border-color:var(--color-neutral-dark)}.btn-dark:active{background:var(--color-neutral-dark);border-color:var(--color-neutral-dark);transform:scale(.97)}.btn-wa{background:var(--color-whatsapp);color:var(--color-white);border-color:var(--color-whatsapp)}.btn-wa:hover{background:color-mix(in srgb,var(--color-whatsapp) 86%,black);border-color:color-mix(in srgb,var(--color-whatsapp) 86%,black)}.btn-wa:active{background:color-mix(in srgb,var(--color-whatsapp) 86%,black);border-color:color-mix(in srgb,var(--color-whatsapp) 86%,black);transform:scale(.97)}.btn-ai{background:color-mix(in srgb,var(--color-warning) 12%,transparent);color:var(--color-warning-strong);border-color:color-mix(in srgb,var(--color-warning) 40%,transparent)}.btn-ai:hover{background:color-mix(in srgb,var(--color-warning) 20%,transparent);border-color:color-mix(in srgb,var(--color-warning) 55%,transparent);color:var(--color-warning-text)}.btn-ai:active{background:color-mix(in srgb,var(--color-warning) 20%,transparent);border-color:color-mix(in srgb,var(--color-warning) 55%,transparent);color:var(--color-warning-text);transform:scale(.97)}.btn-inverted-ghost{background:transparent;color:var(--color-white);border-color:color-mix(in srgb,var(--color-white) 30%,transparent)}.btn-inverted-ghost:hover{background:color-mix(in srgb,var(--color-white) 10%,transparent);border-color:color-mix(in srgb,var(--color-white) 50%,transparent)}.btn-inverted-ghost:active{background:color-mix(in srgb,var(--color-white) 10%,transparent);border-color:color-mix(in srgb,var(--color-white) 50%,transparent);transform:scale(.97)}.btn-split{display:inline-flex;align-items:stretch;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-brand);min-height:44px;transition:border-color .15s,transform .08s ease-out}.btn-split:hover{border-color:var(--color-brand-hover)}.btn-split:active{transform:scale(.98)}.btn-split-main,.btn-split-caret{background:var(--color-brand);color:var(--color-white);border:none;font-family:inherit;font-size:var(--text-body-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background .15s}.btn-split-main{padding:10px 18px}.btn-split-caret{padding:0 12px;color:color-mix(in srgb,var(--color-white) 85%,transparent);border-left:1px solid color-mix(in srgb,var(--color-white) 18%,transparent);display:inline-flex;align-items:center}.btn-split-main:hover,.btn-split-caret:hover{background:var(--color-brand-hover)}.btn-fab{width:52px;height:52px;padding:0;border-radius:var(--radius-full);background:var(--btn-primary-bg);color:var(--btn-primary-text);border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 10px 30px color-mix(in srgb,var(--color-brand) 18%,transparent);transition:transform .12s ease-out,box-shadow .15s}.btn-fab:hover{transform:translateY(-2px);box-shadow:0 14px 34px color-mix(in srgb,var(--color-brand) 25%,transparent)}.btn-fab:active{transform:scale(.95);box-shadow:0 6px 18px color-mix(in srgb,var(--color-brand) 22%,transparent)}.btn-tonal-sm-dashed{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:transparent;color:var(--color-brand);border:1px dashed var(--color-accent-border);border-radius:var(--radius-full);padding:3px var(--spacing-md);font-size:var(--text-xs);font-family:var(--font-mono);font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,color .15s,transform .08s ease-out}.btn-tonal-sm-dashed:hover{background:var(--color-accent-soft);border-color:var(--color-brand);border-style:solid;color:var(--color-brand-hover)}.btn-tonal-sm-dashed:active{transform:scale(.97)}.btn-tonal-xs-dashed{padding:1px var(--spacing-sm);font-size:10px}.btn-loading{opacity:.9;cursor:progress;pointer-events:none}.spinner{width:12px;height:12px;border-radius:50%;border:1.8px solid currentColor;border-top-color:transparent;animation:spin .7s linear infinite;flex-shrink:0}.hover-surface{transition:background .12s}.hover-surface:hover{background:var(--color-surface-tint)!important}.hover-lime{transition:background .15s}.hover-lime:hover{background:var(--color-cta-hover)!important}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:#0f172a73;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.confirm-panel{margin:var(--spacing-md) 0;padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--radius-md);border:1px solid}.confirm-panel-accept{background:var(--color-success-tint);border-color:var(--color-success-border)}.confirm-panel-reject,.confirm-panel-revert{background:color-mix(in srgb,var(--color-destructive) 5%,transparent);border-color:color-mix(in srgb,var(--color-destructive) 30%,transparent)}.confirm-panel-title{font-size:var(--text-label);font-weight:600;margin-bottom:var(--spacing-md)}.confirm-panel-accept .confirm-panel-title{color:var(--color-success)}.confirm-panel-reject .confirm-panel-title{color:var(--color-destructive-text)}.confirm-panel-revert .confirm-panel-title{color:var(--color-destructive)}.confirm-panel-hint{font-size:var(--text-xs);margin-bottom:var(--spacing-sm)}.confirm-panel-accept .confirm-panel-hint{color:var(--color-success)}.confirm-panel-reject .confirm-panel-hint,.confirm-panel-revert .confirm-panel-hint{color:var(--color-destructive-text)}.confirm-panel-input,.confirm-panel-textarea{width:100%;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-sm);font-size:var(--text-label);margin-bottom:var(--spacing-md);box-sizing:border-box;background:var(--color-surface);font-family:var(--font-sans)}.confirm-panel-textarea{resize:vertical;min-height:60px}.confirm-panel-accept .confirm-panel-input,.confirm-panel-accept .confirm-panel-textarea{border:1px solid var(--color-success-border)}.confirm-panel-reject .confirm-panel-input,.confirm-panel-revert .confirm-panel-input,.confirm-panel-reject .confirm-panel-textarea,.confirm-panel-revert .confirm-panel-textarea{border:1px solid color-mix(in srgb,var(--color-destructive) 30%,transparent)}.confirm-panel-actions{display:flex;gap:var(--spacing-md)}.info-banner{border-radius:var(--radius-xl);padding:var(--spacing-xl) var(--spacing-2xl);display:flex;align-items:center;gap:var(--spacing-md);border:1px solid}.info-banner-info{background:color-mix(in srgb,var(--color-info) 7%,transparent);border-color:color-mix(in srgb,var(--color-info) 25%,transparent)}.info-banner-warning{background:color-mix(in srgb,var(--color-warning) 8%,transparent);border-color:color-mix(in srgb,var(--color-warning) 30%,transparent)}.info-banner-success{background:color-mix(in srgb,var(--color-cta-surface) 8%,transparent);border-color:color-mix(in srgb,var(--color-cta-surface) 30%,transparent)}.info-banner-danger{background:color-mix(in srgb,var(--color-destructive) 8%,transparent);border-color:color-mix(in srgb,var(--color-destructive) 30%,transparent)}.info-banner-icon{flex-shrink:0}.info-banner-body{flex:1;font-size:var(--text-label)}.status-chip{display:inline-block;font-size:9px;font-family:var(--font-mono);font-weight:600;padding:1px var(--spacing-sm);border-radius:var(--radius-xs);white-space:nowrap;line-height:1.5}.status-chip-info{background:color-mix(in srgb,var(--color-info) 12%,transparent);color:var(--color-info)}.status-chip-success{background:var(--color-success-tint);color:var(--color-success)}.status-chip-warning{background:var(--color-warning-tint);color:var(--color-warning-text)}.status-chip-destructive{background:color-mix(in srgb,var(--color-destructive) 10%,transparent);color:var(--color-destructive-text)}.status-chip-neutral{background:var(--color-surface-tint);color:var(--color-text-muted)}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--color-text);color:var(--white);font-size:11px;white-space:nowrap;padding:3px 7px;border-radius:var(--radius-xs);pointer-events:none;opacity:0;transition:opacity .12s;z-index:var(--z-overlay)}[data-tip]:hover:after{opacity:1}.copy-id-btn{background:none;border:none;cursor:pointer;padding:0;color:inherit;display:flex;align-items:center;gap:4px;font-size:inherit;font-family:inherit;font-weight:inherit;letter-spacing:inherit;position:relative}.copy-id-btn:hover{color:var(--color-text)}.copy-id-copied{font-size:10px;font-weight:500;color:var(--color-cta);white-space:nowrap;pointer-events:none}.feedback-link{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:var(--text-label);text-decoration:underline;padding:0}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);box-shadow:var(--elevation-sm);overflow:hidden}.card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--card-border);background:var(--card-header-bg)}.card-title{font-size:var(--text-body-sm);font-weight:600;color:var(--color-text)}.card-body{padding:20px}.stat-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--elevation-sm);padding:18px 20px;min-width:0;overflow:hidden}.stat-label{font-size:var(--text-xs);font-family:var(--font-mono);letter-spacing:.5px;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--spacing-xs)}.stat-value{font-size:clamp(16px,2vw,22px);font-weight:700;color:var(--color-text);font-family:var(--font-mono);letter-spacing:-.5px;line-height:1;margin-bottom:var(--spacing-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-value.lime{color:var(--color-cta-surface)}.stat-sub{font-size:var(--text-xs);color:var(--color-text-muted)}.kpi{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--elevation-sm);padding:16px 18px}.kpi-accent{border-color:var(--color-accent-border);background:color-mix(in srgb,var(--color-brand) 4%,transparent)}.kpi-green{border-color:color-mix(in srgb,var(--color-cta-hover) 30%,transparent);background:color-mix(in srgb,var(--color-cta-hover) 4%,transparent)}.kpi-warn{border-color:color-mix(in srgb,var(--color-warning) 40%,transparent);background:color-mix(in srgb,var(--color-warning) 6%,transparent)}.kpi-label{font-size:var(--text-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-muted)}.kpi-value{font-size:26px;font-weight:var(--font-weight-extrabold);letter-spacing:var(--tracking-tight);font-family:var(--font-mono);color:var(--color-text);margin-top:8px;line-height:1}.kpi-accent .kpi-value{color:var(--color-brand)}.kpi-green .kpi-value{color:var(--color-cta-hover)}.kpi-warn .kpi-value{color:var(--color-warning-strong)}.kpi-sub{font-size:var(--text-caption);color:var(--color-text-muted);margin-top:4px}.kpi-delta{display:inline-block;margin-left:8px;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--font-weight-bold);color:var(--color-cta-hover);background:color-mix(in srgb,var(--color-cta-hover) 12%,transparent);padding:2px 7px;border-radius:var(--radius-full);vertical-align:middle}.ai-band{margin-top:12px;padding:10px 12px;background:color-mix(in srgb,var(--color-warning) 8%,transparent);border:1px solid color-mix(in srgb,var(--color-warning) 30%,transparent);border-radius:var(--radius-md);display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ai-band-tag{display:inline-flex;align-items:center;gap:5px;font-size:var(--text-xs);font-weight:var(--font-weight-extrabold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-warning-strong);flex-shrink:0}.ai-band-chip{font-size:var(--text-caption);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);padding:3px 9px;border-radius:var(--radius-full)}.ai-band-chip strong{font-weight:var(--font-weight-bold)}.chan{width:18px;height:18px;border-radius:var(--radius-xs);display:inline-flex;align-items:center;justify-content:center;color:var(--color-white);flex-shrink:0}.chan-wa{background:var(--color-whatsapp)}.chan-em{background:var(--color-brand)}.chan-sms{background:var(--color-neutral-mid);font-size:9px;font-weight:var(--font-weight-extrabold)}.badge{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-family:var(--font-mono);font-weight:500;padding:3px 9px;border-radius:var(--radius-full);border:1px solid;white-space:nowrap}.badge-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.badge-draft{background:var(--badge-draft-bg);color:var(--badge-draft-color);border-color:var(--badge-draft-border)}.badge-draft .badge-dot{background:var(--badge-draft-color)}.badge-sent{background:var(--badge-sent-bg);color:var(--badge-sent-color);border-color:var(--badge-sent-border)}.badge-sent .badge-dot{background:var(--badge-sent-color)}.badge-accepted{background:var(--badge-accepted-bg);color:var(--badge-accepted-color);border-color:var(--badge-accepted-border)}.badge-accepted .badge-dot{background:var(--color-cta)}.badge-paid{background:var(--badge-paid-bg);color:var(--badge-paid-color);border-color:var(--badge-paid-border)}.badge-paid .badge-dot{background:var(--badge-paid-color)}.badge-rejected{background:var(--badge-rejected-bg);color:var(--badge-rejected-color);border-color:var(--badge-rejected-border)}.badge-rejected .badge-dot{background:var(--badge-rejected-color)}.badge-cancelled{background:var(--badge-cancelled-bg);color:var(--badge-cancelled-color);border-color:var(--badge-cancelled-border)}.badge-cancelled .badge-dot{background:var(--badge-cancelled-color)}.badge-invoiced{background:var(--badge-invoiced-bg);color:var(--badge-invoiced-color);border-color:var(--badge-invoiced-border)}.badge-invoiced .badge-dot{background:var(--badge-invoiced-color)}.badge-unpaid_invoicing{background:var(--badge-warning-bg);color:var(--badge-warning-color);border-color:var(--badge-warning-border)}.badge-unpaid_invoicing .badge-dot{background:var(--badge-warning-color)}.badge-unpaid{background:var(--badge-rejected-bg);color:var(--badge-rejected-color);border-color:var(--badge-rejected-border)}.badge-unpaid .badge-dot{background:var(--badge-rejected-color)}.badge-partially_paid{background:var(--badge-warning-bg);color:var(--badge-warning-color);border-color:var(--badge-warning-border)}.badge-partially_paid .badge-dot{background:var(--badge-warning-color)}.badge-revisit{background:var(--badge-revisit-bg);color:var(--badge-revisit-color);border-color:var(--badge-revisit-border)}.badge-revisit .badge-dot{background:var(--badge-revisit-color)}.badge-overdue{background:var(--badge-overdue-bg);color:var(--badge-overdue-color);border-color:var(--badge-overdue-border)}.badge-overdue .badge-dot{background:var(--badge-overdue-color)}.badge-claimed{background:var(--badge-claimed-bg);color:var(--badge-claimed-color);border-color:var(--badge-claimed-border)}.badge-claimed .badge-dot{background:var(--badge-claimed-color)}.form-group{margin-bottom:var(--spacing-md);display:flex;flex-direction:column}.form-label{display:block;font-size:var(--text-label);font-weight:600;color:var(--color-text);margin-bottom:7px;line-height:var(--lh-tight)}.form-hint{font-size:var(--text-caption);color:var(--color-text-muted);margin-top:5px;line-height:var(--lh-tight)}.input,.select,.textarea{width:100%;background:var(--field-bg);border:1px solid var(--field-border);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-body-sm);line-height:var(--lh-normal);padding:12px 13px;border-radius:var(--radius-md);outline:none;transition:border-color .15s,box-shadow .15s;min-height:44px}@media(max-width:480px){.input,.select,.textarea{font-size:16px}}.input:focus,.select:focus,.textarea:focus{border-color:var(--field-focus-border);box-shadow:0 0 0 3px var(--field-focus-ring)}.input::placeholder,.textarea::placeholder{color:var(--color-text-muted)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.select option{background:var(--color-bg)}.textarea{resize:vertical;min-height:80px}.input-mono,.textarea.input-mono{font-family:var(--font-mono)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-md)}@media(max-width:768px){.form-row,.form-row-3{grid-template-columns:1fr}}@media(max-width:480px){.form-row,.form-row-3{gap:var(--spacing-sm)}}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius)}table{width:100%;border-collapse:collapse;min-width:600px;table-layout:fixed}thead th:nth-child(1){width:16%}thead th:nth-child(2){width:28%}thead th:nth-child(3){width:13%}thead th:nth-child(4){width:14%}thead th:nth-child(5){width:14%}thead th:nth-child(6){width:13%}thead th:nth-child(7){width:2%}tbody td{overflow:hidden;text-overflow:ellipsis}thead th{font-size:10.5px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);padding:10px 14px;text-align:left;border-bottom:1px solid var(--table-border);white-space:nowrap;background:var(--table-th-bg);position:sticky;top:0;z-index:1}thead th:last-child{text-align:right}tbody tr{border-bottom:1px solid var(--table-border);transition:background .12s;cursor:pointer}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:var(--table-row-hover-bg)}tbody tr:hover td:first-child{box-shadow:inset 3px 0 0 var(--table-row-active-bar)}tbody td{padding:12px 14px;font-size:var(--text-label);color:var(--color-text);vertical-align:middle}tbody td:last-child{text-align:right}.td-mono{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-text-muted)}.td-amount{font-family:var(--font-mono);font-size:var(--text-body-sm);font-weight:600;color:var(--color-text);text-align:right}@media(max-width:768px){table{min-width:100%}thead th{font-size:var(--text-xs);padding:var(--spacing-sm) 8px}tbody td{padding:var(--spacing-sm) 8px;font-size:var(--text-body-sm)}.td-mono{font-size:var(--text-xs)}.td-amount{font-size:var(--text-label)}}@media(max-width:480px){thead th{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--text-caption);font-weight:600}tbody td{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--text-caption)}.td-amount{font-size:var(--text-body-sm)}}.tabs{display:flex;gap:2px;background:var(--tabs-bg);border:1px solid var(--tabs-border);border-radius:var(--radius-md);padding:3px}.tab{padding:7px 16px;border-radius:var(--radius-sm);font-size:12.5px;font-weight:500;color:var(--color-text-muted);cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.tab:hover{color:var(--color-text)}.tab.active{background:var(--tab-active-bg);color:var(--color-text);border:1px solid var(--tab-active-border)}@media(max-width:768px){.tabs{flex-shrink:0;overflow-x:auto}.tab{padding:6px 10px;font-size:var(--text-xs);white-space:nowrap}}.eyebrow{font-size:10px;font-family:var(--font-mono);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-brand);margin-bottom:6px}.divider{height:1px;background:var(--color-border);margin:var(--spacing-2xl) 0}.empty-state{padding:60px 20px;text-align:center;color:var(--color-text-muted);animation:empty-in .35s var(--ease-out-quart, cubic-bezier(.25,1,.5,1)) both}.empty-icon{font-size:36px;margin-bottom:14px;animation:empty-icon-in .4s cubic-bezier(.16,1,.3,1) .08s both}.empty-title{font-size:15px;font-weight:600;color:var(--color-text);margin-bottom:6px}.empty-sub{font-size:13px;line-height:1.6}.filter-bar{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-2xl)}.search-input-wrap{position:relative;flex:1;max-width:320px}.search-input-wrap svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--color-text-muted);width:13px;height:13px;opacity:.6}.search-input{padding-left:32px!important;min-height:34px!important;font-size:12.5px!important;background:var(--search-bg)!important;border:1px solid var(--search-border)!important;border-radius:var(--radius-md)!important;box-shadow:none!important}.search-input:focus{border-color:var(--search-focus-border)!important;box-shadow:0 0 0 2px var(--search-focus-ring)!important}.filter-bar .search-input{padding-top:var(--spacing-md)!important;padding-bottom:var(--spacing-md)!important;min-height:38px!important}.filter-bar .filter-btn,.filter-bar .tabs{min-height:38px}.filter-bar .tabs{align-items:center}@media(max-width:768px){.search-input-wrap{max-width:100%}.filter-bar{flex-wrap:wrap;gap:var(--spacing-sm)}}.skel{border-radius:var(--radius-xs);background:linear-gradient(90deg,var(--skel-from) 25%,var(--skel-to) 50%,var(--skel-from) 75%);background-size:1200px 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;display:block}.preview-flash{outline:3px solid transparent;animation:preview-flash .55s ease-out}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.hide-mobile{display:none!important}@media(min-width:769px){.show-mobile{display:none!important}.hide-mobile{display:block!important}}.touch-target{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.responsive-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md)}@media(max-width:480px){.responsive-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}}.prose,.content-container{max-width:65ch;margin-left:auto;margin-right:auto}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}@media(max-width:768px){.stats-row{grid-template-columns:1fr 1fr;gap:var(--spacing-md)}}@media(max-width:480px){.stats-row{grid-template-columns:1fr;gap:var(--spacing-sm)}}@media(max-width:768px){.card-body{padding:var(--spacing-md)}.card-header{padding:var(--spacing-sm) var(--spacing-md)}}@media(max-width:480px){.card-body{padding:var(--spacing-sm)}.card-header{padding:var(--spacing-xs) var(--spacing-sm)}.form-group{margin-bottom:var(--spacing-md)}.divider{margin:var(--spacing-md) 0}.filter-bar{gap:var(--spacing-xs)}}.topbar{height:var(--header-h);background:var(--chrome-bg);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@media(max-width:768px){.topbar{padding:0 var(--spacing-md);padding-left:calc(12px + 36px + var(--spacing-md))}}@media(max-width:480px){.topbar{padding:0 var(--spacing-sm);padding-left:calc(12px + 36px + var(--spacing-sm));min-height:52px}.topbar-title{font-size:var(--text-base)}.topbar-sub{display:none}}.topbar-left{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1;overflow:hidden}.topbar-title{font-size:var(--text-heading-sm);font-weight:700;color:var(--color-text);letter-spacing:-.3px;line-height:var(--lh-tight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-sub{font-size:var(--text-caption);font-family:var(--font-mono);color:var(--color-text-muted);letter-spacing:.3px;line-height:var(--lh-tight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.page-body{padding:var(--spacing-3xl);flex:1;animation:page-in .25s var(--ease-out-quart) both}@media(max-width:1024px){.page-body{padding:var(--spacing-xl)}}@media(max-width:768px){.page-body{padding:var(--spacing-md)}}@media(max-width:480px){.page-body{padding:var(--spacing-md);padding-bottom:calc(var(--spacing-md) + 80px)}}.filter-btn{display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:var(--radius-md);cursor:pointer;background:var(--color-surface);border:1px solid var(--color-border);font-size:12.5px;color:var(--color-text-muted);font-family:var(--font-sans);white-space:nowrap;transition:all .15s ease;-webkit-user-select:none;user-select:none;min-height:34px}.filter-btn:hover{background:var(--color-surface-tint-hover);border-color:var(--color-border-strong)}.filter-btn.active{background:var(--color-accent-soft);border-color:var(--color-accent-border);color:var(--color-brand);font-weight:600}.filter-btn.active svg{color:var(--color-brand);opacity:1}@keyframes modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes modal-panel-in{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes focus-ring-in{0%{box-shadow:0 0 color-mix(in srgb,var(--color-brand) 0%,transparent)}to{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-brand) 18%,transparent)}}@keyframes draw-check{to{stroke-dashoffset:0}}.modal-backdrop-enter{animation:modal-backdrop-in .18s ease forwards}.modal-panel-enter{animation:modal-panel-in .22s var(--ease-out-expo) forwards}.page-enter{animation:page-in .28s var(--ease-out-quart) forwards}.row-enter{animation:row-in .22s var(--ease-out-quart) both}.check-pop{animation:check-pop .3s var(--ease-out-expo) forwards}.app-shell{display:flex;min-height:100vh;position:relative;z-index:var(--z-base)}.main-content{margin-left:var(--main-ml, var(--sidebar-w));flex:1;display:flex;flex-direction:column;height:100vh;min-width:0;overflow-x:hidden;overflow-y:auto}