@import"https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap";:root{--color-primary-50: #EEF1FF;--color-primary-100: #D4D9FD;--color-primary-200: #ACB4FA;--color-primary-300: #7E8EF5;--color-primary-400: #5363E5;--color-primary-500: #3040CC;--color-primary-600: #2430B0;--color-primary-700: #192290;--color-primary-800: #10166A;--color-primary-900: #080D42;--color-warm-orange-50: #FFF8F0;--color-warm-orange-100: #FFECD4;--color-warm-orange-200: #FFD4A0;--color-warm-orange-300: #FFB870;--color-warm-orange-400: #F5983C;--color-warm-orange-500: #E07818;--color-warm-orange-600: #C06014;--color-warm-orange-700: #9A4C0E;--color-warm-orange-800: #72340A;--color-warm-orange-900: #52180F;--color-sec-blue-50: #EBF8FF;--color-sec-blue-100: #D0EEFF;--color-sec-blue-200: #A6DCFF;--color-sec-blue-300: #6CCAFF;--color-sec-blue-400: #38B0F5;--color-sec-blue-500: #1295E0;--color-sec-blue-600: #0E7BBE;--color-sec-blue-700: #095E9A;--color-sec-blue-800: #054374;--color-sec-blue-900: #022A4C;--color-yellow-50: #FFFDE8;--color-yellow-100: #FFF6C0;--color-yellow-200: #FFE890;--color-yellow-300: #FFD450;--color-yellow-400: #F0BC18;--color-yellow-500: #D4A00A;--color-yellow-600: #B08206;--color-yellow-700: #8A6402;--color-yellow-800: #624800;--color-yellow-900: #3C2C00;--color-red-50: #FFF0F0;--color-red-100: #FFD6D6;--color-red-200: #FFAAAA;--color-red-300: #FF7070;--color-red-400: #F54040;--color-red-500: #E01414;--color-red-600: #BE0C0C;--color-red-700: #960606;--color-red-800: #6E0202;--color-red-900: #440000;--color-green-50: #EDFFF5;--color-green-100: #D0FFE6;--color-green-200: #9EFFD0;--color-green-300: #5EEAA6;--color-green-400: #26D47C;--color-green-500: #0EBD60;--color-green-600: #0A9C50;--color-green-700: #077A3C;--color-green-800: #03582A;--color-green-900: #013418;--color-neutral-25: #F8FAFD;--color-neutral-50: #F2F5F9;--color-neutral-100: #E4E9F2;--color-neutral-200: #C8D2E4;--color-neutral-300: #A8B6D2;--color-neutral-400: #8898C0;--color-neutral-500: #6880AB;--color-neutral-600: #4E6690;--color-neutral-700: #384C72;--color-neutral-800: #243454;--color-neutral-900: #131F38;--color-white: #FFFFFF;--color-black: #000000;--color-bg-grey: #F3F4F4;--color-bg-sand: #F1F1F3;--color-brand: var(--color-primary-500);--color-brand-hover: var(--color-primary-600);--color-brand-active: var(--color-primary-700);--color-brand-subtle: var(--color-primary-50);--color-brand-light: var(--color-primary-100);--color-text-primary: var(--color-black);--color-text-secondary: var(--color-neutral-700);--color-text-tertiary: var(--color-neutral-500);--color-text-placeholder: var(--color-neutral-400);--color-text-disabled: var(--color-neutral-300);--color-text-on-brand: var(--color-white);--color-text-link: var(--color-primary-500);--color-text-error: var(--color-red-500);--color-text-success: var(--color-green-600);--color-text-warning: var(--color-warm-orange-600);--color-surface-base: var(--color-white);--color-surface-raised: var(--color-white);--color-surface-sunken: var(--color-bg-grey);--color-surface-overlay: var(--color-white);--color-border-default: var(--color-neutral-200);--color-border-strong: var(--color-neutral-400);--color-border-focus: var(--color-primary-500);--color-border-error: var(--color-red-400);--color-border-success: var(--color-green-400)}:root{--font-primary: "Manrope", system-ui, sans-serif;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--text-h1-family: var(--font-primary);--text-h1-size: 72px;--text-h1-weight: var(--font-weight-bold);--text-h1-line-height: 1.2;--text-h1-letter: -.02em;--text-h2-family: var(--font-primary);--text-h2-size: 64px;--text-h2-weight: var(--font-weight-bold);--text-h2-line-height: 1.2;--text-h2-letter: -.02em;--text-h3-family: var(--font-primary);--text-h3-size: 48px;--text-h3-weight: var(--font-weight-bold);--text-h3-line-height: 1.4;--text-h3-letter: -.01em;--text-h4-family: var(--font-primary);--text-h4-size: 32px;--text-h4-weight: var(--font-weight-bold);--text-h4-line-height: 1.4;--text-h4-letter: -.01em;--text-h5-family: var(--font-primary);--text-h5-size: 32px;--text-h5-weight: var(--font-weight-medium);--text-h5-line-height: 1.4;--text-h5-letter: 0;--text-subtitle1-family: var(--font-primary);--text-subtitle1-size: 24px;--text-subtitle1-weight: var(--font-weight-bold);--text-subtitle1-line-height: 1;--text-subtitle2-family: var(--font-primary);--text-subtitle2-size: 24px;--text-subtitle2-weight: var(--font-weight-medium);--text-subtitle2-line-height: 1;--text-body1-family: var(--font-primary);--text-body1-size: 14px;--text-body1-weight: var(--font-weight-bold);--text-body1-line-height: 1.5;--text-body2-family: var(--font-primary);--text-body2-size: 14px;--text-body2-weight: var(--font-weight-medium);--text-body2-line-height: 1.5;--text-body3-family: var(--font-primary);--text-body3-size: 14px;--text-body3-weight: var(--font-weight-regular);--text-body3-line-height: 1.5;--text-body4-family: var(--font-primary);--text-body4-size: 14px;--text-body4-weight: var(--font-weight-light);--text-body4-line-height: 1.5;--text-label-family: var(--font-primary);--text-label-size: 12px;--text-label-weight: var(--font-weight-medium);--text-label-line-height: 1.4;--text-caption-family: var(--font-primary);--text-caption-size: 11px;--text-caption-weight: var(--font-weight-regular);--text-caption-line-height: 1.3;--text-overline-family: var(--font-primary);--text-overline-size: 11px;--text-overline-weight: var(--font-weight-semibold);--text-overline-line-height: 1.3;--text-overline-letter: .08em;--text-overline-transform: uppercase}*,*:before,*:after{box-sizing:border-box}body{font-family:var(--font-primary);font-size:var(--text-body3-size);font-weight:var(--font-weight-regular);line-height:var(--text-body3-line-height);color:var(--color-text-primary);background-color:var(--color-bg-grey);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--space-1: 2px;--space-2: 4px;--space-3: 8px;--space-4: 12px;--space-5: 16px;--space-6: 20px;--space-7: 24px;--space-8: 32px;--space-9: 40px;--space-10: 48px;--space-11: 56px;--space-12: 64px;--space-14: 80px;--space-16: 96px;--space-20: 128px;--space-24: 160px;--space-button-px-xs: 10px;--space-button-px-s: 12px;--space-button-px-m: 14px;--space-button-px-l: 18px;--space-button-px-xl: 20px;--space-button-px-xxl: 24px;--space-input-px: 16px;--space-input-py: 10px;--space-card-sm: 16px;--space-card-md: 24px;--space-card-lg: 32px;--grid-desktop-max: 1440px;--grid-desktop-columns: 12;--grid-desktop-gutter: 30px;--grid-desktop-margin: 68px;--grid-mobile-max: 375px;--grid-mobile-columns: 4;--grid-mobile-gutter: 16px;--grid-mobile-margin: 16px}:root{--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-3xl: 32px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 6px rgba(0, 0, 0, .07);--shadow-md: 0 4px 12px rgba(0, 0, 0, .09);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .11);--shadow-xl: 0 16px 40px rgba(0, 0, 0, .13);--shadow-2xl: 0 24px 64px rgba(0, 0, 0, .16);--focus-ring: 0 0 0 3px rgba(48, 64, 204, .22);--focus-ring-error: 0 0 0 3px rgba(224, 20, 20, .18);--focus-ring-success: 0 0 0 3px rgba(14, 189, 96, .18);--border-thin: 1px;--border-medium: 2px;--border-thick: 3px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-spring: .3s cubic-bezier(.34, 1.56, .64, 1);--z-base: 0;--z-raised: 10;--z-overlay: 100;--z-modal: 200;--z-toast: 300;--z-tooltip: 400}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--color-bg-grey)}button,input,select{font:inherit}button{border:0}.app-shell{display:flex;height:100vh;overflow:hidden;color:var(--color-text-primary)}.auth-shell{display:grid;min-height:100vh;place-items:center;padding:var(--space-6);background:var(--color-bg-grey);color:var(--color-text-primary)}.auth-card{display:flex;width:min(380px,100%);flex-direction:column;gap:var(--space-4);padding:var(--space-7);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);background:var(--color-surface-base);box-shadow:var(--shadow-md)}.auth-mark{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--color-primary-50);color:var(--color-primary-600)}.auth-mark-danger{background:var(--color-red-50);color:var(--color-red-700)}.auth-card h1{color:var(--color-text-primary);font-size:24px;line-height:1.2}.auth-card p{color:var(--color-text-secondary);font-size:14px}.auth-card .button{width:100%}.auth-error{padding:10px 12px;border:1px solid var(--color-red-200);border-radius:var(--radius-md);background:var(--color-red-50);color:var(--color-red-700)!important}.sidebar{width:240px;flex:0 0 240px;background:var(--color-surface-base);border-right:1px solid var(--color-border-default)}.brand{display:flex;align-items:center;gap:var(--space-4);height:72px;padding:0 var(--space-6);border-bottom:1px solid var(--color-border-default);color:var(--color-neutral-900);font-size:20px;font-weight:var(--font-weight-extrabold);letter-spacing:-.01em}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);background:var(--color-primary-500);color:var(--color-white);font-size:13px;font-weight:var(--font-weight-extrabold)}.nav-list{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-5) var(--space-3)}.nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:var(--radius-md);background:transparent;color:var(--color-neutral-600);font-size:14px;text-decoration:none;text-align:left;transition:background var(--transition-fast),color var(--transition-fast)}.nav-item:hover,.nav-item-active{background:var(--color-primary-50);color:var(--color-primary-600)}.nav-item-active{font-weight:var(--font-weight-semibold)}.main-panel{display:flex;flex:1;flex-direction:column;gap:var(--space-4);min-height:0;min-width:0;padding:var(--space-6);overflow:hidden}.workspace-header{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:var(--space-6);min-height:40px}.header-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-3)}.workspace-title{display:flex;min-width:0;align-items:center;gap:var(--space-3)}.workspace-title strong{color:var(--color-text-primary);font-size:18px;font-weight:var(--font-weight-bold)}.eyebrow{margin:0 0 var(--space-3);color:var(--color-primary-600);font-size:var(--text-overline-size);font-weight:var(--font-weight-semibold);letter-spacing:var(--text-overline-letter);line-height:var(--text-overline-line-height);text-transform:uppercase}h1,h2,h3,p{margin:0}h1{font-size:clamp(36px,5vw,64px);font-weight:var(--font-weight-bold);line-height:1.12;letter-spacing:0}.page-subtitle{margin-top:var(--space-3);color:var(--color-text-secondary);font-size:15px}.status-badge{display:inline-flex;align-items:center;gap:var(--space-3);min-height:40px;padding:7px 12px;border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-surface-base);color:var(--color-text-secondary);white-space:nowrap;box-shadow:var(--shadow-xs)}.status-badge strong{color:var(--color-text-primary);font-weight:var(--font-weight-bold)}.status-badge time{color:var(--color-text-tertiary);font-size:var(--text-caption-size)}.status-badge-success{border-color:var(--color-green-200);background:var(--color-green-50);color:var(--color-green-700)}.status-badge-error{border-color:var(--color-red-200);background:var(--color-red-50);color:var(--color-red-700)}.toolbar,.table-card{margin:0 auto;background:var(--color-surface-base);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.toolbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));align-items:end;gap:var(--space-5);padding:var(--space-5)}.toolbar-deals{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.toolbar-abc{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.toolbar-abc .search-field,.toolbar .search-field{grid-column:span 2}.toolbar .button,.toolbar-abc .button{width:100%;min-width:0;padding:0 12px}.field{display:flex;min-width:0;flex-direction:column;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-label-size);font-weight:var(--font-weight-medium)}.checkbox-field{min-width:150px}.toolbar-abc .checkbox-field{min-width:0}.check-shell{display:inline-flex;align-items:center;gap:var(--space-2);height:40px;color:var(--color-text-primary);font-size:13px;font-weight:var(--font-weight-medium);white-space:nowrap}.toolbar-abc .check-shell{width:100%;min-width:0;white-space:normal}.check-shell input{width:16px;height:16px;accent-color:var(--color-primary-500)}.input-shell,.field select,.date-input,.auth-input{width:100%;height:40px;border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-surface-base);color:var(--color-text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input-shell{display:flex;align-items:center;gap:var(--space-3);padding:0 12px}.input-shell svg{color:var(--color-text-tertiary);flex-shrink:0}.input-shell input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--color-text-primary)}.input-shell:focus-within,.field select:focus,.date-input:focus,.auth-input:focus{border-color:var(--color-border-focus);box-shadow:var(--focus-ring);outline:0}.field select,.date-input,.auth-input{padding:0 12px}.button,.icon-button{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);cursor:pointer;font-weight:var(--font-weight-semibold);transition:background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast);white-space:nowrap}.button{height:40px;gap:var(--space-3);padding:0 18px}.date-apply-button{align-self:end}.button:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.45}.button-primary{background:var(--color-primary-500);color:var(--color-white)}.button-primary:hover{background:var(--color-primary-600)}.button-secondary,.button-ghost{border:1px solid var(--color-border-default);background:transparent;color:var(--color-neutral-700)}.button-secondary:hover,.button-ghost:hover{background:var(--color-neutral-50);color:var(--color-neutral-900)}.alert{display:flex;align-items:flex-start;gap:var(--space-4);margin:var(--space-5) auto 0;padding:14px 16px;border:1px solid var(--color-red-200);border-radius:var(--radius-lg);background:var(--color-red-50);color:var(--color-red-700)}.alert strong{display:block;margin-bottom:2px;color:var(--color-red-800)}.alert p{font-size:13px}.alert .button{margin-left:auto;height:32px}.alert-success{border-color:var(--color-green-200);background:var(--color-green-50);color:var(--color-green-700)}.alert-success strong{color:var(--color-green-800)}.table-card{display:flex;align-self:stretch;flex:1 1 auto;flex-direction:column;min-height:0;width:100%;max-width:none;margin:0;overflow:hidden}.table-header,.pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);padding:var(--space-5) var(--space-6)}.table-header{flex:0 0 auto;border-bottom:1px solid var(--color-border-default)}.table-header h2{font-size:20px;font-weight:var(--font-weight-bold)}.table-header p,.pagination{color:var(--color-text-secondary);font-size:13px}.badge{display:inline-flex;align-items:center;border-radius:var(--radius-sm);padding:3px 8px;font-size:12px;font-weight:var(--font-weight-medium);line-height:1.4;white-space:nowrap}.badge-primary{background:var(--color-primary-50);color:var(--color-primary-600)}.badge-neutral{background:var(--color-neutral-100);color:var(--color-neutral-700)}.badge-success{background:var(--color-green-50);color:var(--color-green-700)}.badge-danger{background:var(--color-red-50);color:var(--color-red-700)}.badge-warning{background:var(--color-yellow-50);color:var(--color-yellow-700)}.table-scroll{flex:1 1 auto;min-height:0;width:100%;overflow:auto}.totals-bar{display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-3);padding:12px var(--space-6);border-bottom:1px solid var(--color-border-default);background:var(--color-neutral-25)}.totals-bar+.table-scroll{border-top:0}.table-scroll+.totals-bar{border-top:1px solid var(--color-border-default);border-bottom:0}.totals-bar div{display:inline-flex;min-width:210px;align-items:center;justify-content:space-between;gap:var(--space-4);padding:9px 12px;border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-surface-base)}.totals-bar span{color:var(--color-text-secondary);font-size:12px}.totals-bar strong{color:var(--color-text-primary);font-size:14px;font-variant-numeric:tabular-nums}.abc-summary-bar div{min-width:230px}table{width:100%;min-width:1500px;border-collapse:separate;border-spacing:0}.deals-table{min-width:1060px}.abc-table{min-width:1320px}.abc-table-compare{min-width:1780px}th,td{padding:12px 14px;border-bottom:1px solid var(--color-neutral-100);text-align:left;vertical-align:middle}th{position:sticky;top:0;z-index:2;background:var(--color-neutral-25);color:var(--color-text-tertiary);font-size:11px;font-weight:var(--font-weight-semibold);letter-spacing:.04em;line-height:1.3;text-transform:uppercase}.sort-button{display:inline-flex;width:100%;align-items:center;justify-content:flex-start;gap:var(--space-2);padding:0;background:transparent;color:inherit;cursor:pointer;font:inherit;letter-spacing:inherit;text-align:inherit;text-transform:inherit}th.number-cell .sort-button{justify-content:flex-end}.sort-button:hover{color:var(--color-primary-600)}td{color:var(--color-text-secondary);font-size:13px}tbody tr:hover{background:var(--color-primary-50)}.abc-row-changed{background:var(--color-yellow-50)}.abc-row-changed:hover{background:var(--color-yellow-100)}.contact-cell{display:flex;flex-direction:column;gap:var(--space-1);min-width:190px}.contact-cell span{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.contact-name-button{display:inline-flex;width:fit-content;max-width:100%;padding:0;border:0;background:transparent;color:var(--color-primary-600);cursor:pointer;font:inherit;font-weight:var(--font-weight-semibold);line-height:1.35;text-align:left;text-decoration:underline;text-underline-offset:3px}.contact-name-button:hover,.contact-name-button:focus-visible{color:var(--color-primary-700)}.deal-name-cell{min-width:240px}.contact-cell small{color:var(--color-text-tertiary);font-size:var(--text-caption-size)}.id-cell{display:flex;min-width:92px;flex-direction:column;gap:var(--space-1);font-variant-numeric:tabular-nums}.id-cell span{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.id-cell a{color:var(--color-primary-600);font-size:var(--text-caption-size);font-weight:var(--font-weight-medium);text-decoration:none}.id-cell a:hover{text-decoration:underline}.number-cell{text-align:right;font-variant-numeric:tabular-nums}.count-link{display:inline-flex;min-width:28px;align-items:center;justify-content:flex-end;padding:0;background:transparent;color:var(--color-primary-600);cursor:pointer;font:inherit;font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;text-decoration:underline;text-underline-offset:2px}.count-link:hover,.count-link:focus-visible{color:var(--color-primary-700)}.count-value{display:inline-flex;min-width:28px;justify-content:flex-end;font-variant-numeric:tabular-nums}.count-value-muted{color:var(--color-text-tertiary)}.money-cell{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.pagination{flex:0 0 auto;border-top:1px solid var(--color-border-default)}.pagination-actions{display:flex;gap:var(--space-2)}.icon-button{width:32px;height:32px;border:1px solid var(--color-border-default);background:var(--color-surface-base);color:var(--color-neutral-700)}.icon-button:not(:disabled):hover{background:var(--color-primary-50);color:var(--color-primary-600)}.state-panel{display:flex;flex:1 1 auto;min-height:280px;width:100%;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-8);color:var(--color-text-secondary);text-align:center}.state-panel h3{color:var(--color-text-primary);font-size:18px}.state-panel p{max-width:460px}.state-panel-wide{min-height:340px}.state-note{color:var(--color-text-tertiary);font-size:13px}.state-error{max-width:560px;padding:10px 12px;border:1px solid var(--color-red-200);border-radius:var(--radius-md);background:var(--color-red-50);color:var(--color-red-700);font-size:13px}.drawer-backdrop{position:fixed;inset:0;z-index:25;display:flex;justify-content:flex-end;background:#0f172a52}.filter-drawer{display:flex;width:min(440px,100%);height:100%;flex-direction:column;border-left:1px solid var(--color-border-default);background:var(--color-surface-base);box-shadow:var(--shadow-lg)}.drawer-header{display:flex;flex:0 0 auto;align-items:flex-start;justify-content:space-between;gap:var(--space-5);padding:var(--space-6);border-bottom:1px solid var(--color-border-default)}.drawer-header h2{color:var(--color-text-primary);font-size:22px;line-height:1.2}.drawer-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:var(--space-6)}.drawer-form{display:grid;grid-template-columns:1fr;gap:var(--space-5)}.drawer-form .checkbox-field{min-width:0}.drawer-form .check-shell{white-space:normal}.drawer-footer{display:grid;flex:0 0 auto;grid-template-columns:1fr 1fr;gap:var(--space-3);padding:var(--space-5) var(--space-6);border-top:1px solid var(--color-border-default);background:var(--color-neutral-25)}.drawer-footer .button{width:100%;min-width:0;padding:0 12px}.modal-backdrop{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:#0f172a6b}.modal-panel{display:flex;width:min(920px,100%);max-height:min(760px,calc(100vh - 48px));flex-direction:column;overflow:hidden;border:1px solid var(--color-border-default);border-radius:var(--radius-lg);background:var(--color-surface-base);box-shadow:var(--shadow-lg)}.modal-header{display:flex;flex:0 0 auto;align-items:flex-start;justify-content:space-between;gap:var(--space-5);padding:var(--space-6);border-bottom:1px solid var(--color-border-default)}.modal-header h2{color:var(--color-text-primary);font-size:24px;line-height:1.2}.modal-subtitle{margin-top:var(--space-2);color:var(--color-text-secondary);font-size:13px}.modal-state{display:flex;min-height:360px;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-8);color:var(--color-text-secondary);text-align:center}.modal-state h3{color:var(--color-text-primary);font-size:18px}.modal-state p{max-width:460px}.chart-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);padding:var(--space-5) var(--space-6) 0}.chart-summary div{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:var(--space-4);padding:12px 14px;border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-neutral-25)}.chart-summary span{color:var(--color-text-secondary);font-size:12px}.chart-summary strong{color:var(--color-text-primary);font-size:16px;font-variant-numeric:tabular-nums}.revenue-chart{height:360px;padding:var(--space-5) var(--space-6) var(--space-6)}.spin-icon{animation:spin .9s linear infinite}.skeleton-table{flex:1 1 auto;width:100%;padding:var(--space-5) var(--space-6)}.skeleton-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-5);padding:13px 0;border-bottom:1px solid var(--color-neutral-100)}.skeleton-row span{height:18px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--color-neutral-50),var(--color-neutral-100),var(--color-neutral-50));background-size:200% 100%;animation:shimmer 1.2s ease-in-out infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.app-shell{display:flex;flex-direction:column}.sidebar{width:100%;min-height:auto;border-right:0;border-bottom:1px solid var(--color-border-default)}.brand{height:64px}.nav-list{display:none}.toolbar{grid-template-columns:1fr 1fr}.search-field{grid-column:1 / -1}}@media(max-width:720px){.main-panel{padding:var(--space-5)}.auth-shell{align-items:stretch;padding:var(--space-4)}.auth-card{align-self:center;padding:var(--space-6)}.workspace-header,.table-header,.pagination,.drawer-header,.modal-header{align-items:flex-start;flex-direction:column}.header-actions{justify-content:flex-start}.toolbar{grid-template-columns:1fr}.modal-backdrop{align-items:stretch;padding:var(--space-3)}.modal-panel{max-height:calc(100vh - 24px)}.chart-summary{grid-template-columns:1fr}.revenue-chart{height:300px}.toolbar-abc .search-field{grid-column:auto}.status-badge{align-items:flex-start;flex-wrap:wrap;white-space:normal}h1{font-size:36px}}
