@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap";:root{--color-primary: #2563eb;--color-primary-dark: #1d4ed8;--color-primary-light: #60a5fa;--color-secondary: #0f766e;--color-secondary-dark: #0f4c47;--color-secondary-light: #5eead4;--color-success: #2ecc71;--color-success-light: #58d68d;--color-warning: #f39c12;--color-warning-light: #f5b041;--color-danger: #e74c3c;--color-danger-light: #ec7063;--color-info: #3498db;--color-info-light: #5dade2;--color-white: #ffffff;--color-bg-light: #f8fafc;--color-bg-lighter: #f1f5f9;--color-bg-card: #ffffff;--color-bg-code: #1f2937;--color-border: #e2e8f0;--color-border-light: #f1f5f9;--color-text-primary: #1e293b;--color-text-secondary: #475569;--color-text-tertiary: #64748b;--color-text-muted: #94a3b8;--color-text-inverse: #ffffff;--color-text-code: #e2e8f0;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--font-family-base: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-display: var(--font-family-base);--font-family-mono: "Menlo", "Monaco", "Courier New", monospace;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 28px;--font-size-5xl: 32px;--font-size-6xl: 40px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--line-height-loose: 1.75;--letter-spacing-tight: -.4px;--letter-spacing-normal: 0;--letter-spacing-wide: .5px;--letter-spacing-wider: 1px;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-14: 56px;--space-16: 64px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 999px;--shadow-none: none;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-xl: 0 12px 32px rgba(0, 0, 0, .15);--shadow-2xl: 0 16px 40px rgba(0, 0, 0, .18);--shadow-primary-sm: 0 4px 12px rgba(102, 126, 234, .2);--shadow-primary-md: 0 8px 24px rgba(102, 126, 234, .3);--shadow-primary-lg: 0 12px 32px rgba(102, 126, 234, .4);--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--transition: all var(--duration-normal) var(--ease-in-out);--transition-fast: all var(--duration-fast) var(--ease-in-out);--transition-slow: all var(--duration-slow) var(--ease-in-out);--container-xs: 320px;--container-sm: 384px;--container-md: 448px;--container-lg: 512px;--container-xl: 640px;--container-2xl: 768px;--container-3xl: 896px;--container-4xl: 1024px;--container-5xl: 1152px;--container-6xl: 1280px;--z-hide: -1;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-modal-overlay: 300;--z-modal: 400;--z-popover: 500;--z-notification: 600;--bg-primary: var(--color-bg-light);--bg-secondary: var(--color-bg-lighter);--bg-tertiary: var(--color-white);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--border-primary: var(--color-border);--padding-xs: var(--space-2);--padding-sm: var(--space-3);--padding-base: var(--space-4);--padding-md: var(--space-5);--padding-lg: var(--space-6);--padding-xl: var(--space-8);--gap-xs: var(--space-2);--gap-sm: var(--space-3);--gap-base: var(--space-4);--gap-md: var(--space-5);--gap-lg: var(--space-6)}@media(prefers-color-scheme:dark){:root{--color-primary: #60a5fa;--color-primary-dark: #3b82f6;--color-primary-light: #93bbfd;--color-secondary: #2dd4bf;--color-secondary-dark: #14b8a6;--color-secondary-light: #5eead4;--color-success: #34d399;--color-success-light: #6ee7b7;--color-warning: #fbbf24;--color-warning-light: #fcd34d;--color-danger: #f87171;--color-danger-light: #fca5a5;--color-info: #60a5fa;--color-info-light: #93c5fd;--color-white: #1e293b;--color-bg-light: #0f172a;--color-bg-lighter: #1a202c;--color-bg-card: #1e293b;--color-bg-code: #0f172a;--color-border: #334155;--color-border-light: #1e293b;--color-text-primary: #f1f5f9;--color-text-secondary: #cbd5e1;--color-text-tertiary: #94a3b8;--color-text-muted: #475569;--color-text-inverse: #0f172a;--color-text-code: #e2e8f0;--color-gray-50: #111827;--color-gray-100: #1f2937;--color-gray-200: #374151;--color-gray-300: #4b5563;--color-gray-400: #6b7280;--color-gray-500: #9ca3af;--color-gray-600: #d1d5db;--color-gray-700: #e5e7eb;--color-gray-800: #f3f4f6;--color-gray-900: #f9fafb;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .25);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .35);--shadow-xl: 0 12px 32px rgba(0, 0, 0, .4);--shadow-2xl: 0 16px 40px rgba(0, 0, 0, .45);--shadow-primary-sm: 0 4px 12px rgba(96, 165, 250, .15);--shadow-primary-md: 0 8px 24px rgba(96, 165, 250, .2);--shadow-primary-lg: 0 12px 32px rgba(96, 165, 250, .25)}}@media(prefers-reduced-motion:reduce){:root{--transition: all .01s linear;--duration-fast: .01s;--duration-normal: .01s;--duration-slow: .01s}*{animation-duration:.01s!important;animation-iteration-count:1!important;transition-duration:.01s!important}}.container{width:100%;margin:0 auto;max-width:var(--container-6xl);padding:0 var(--space-4)}@media(min-width:768px){.container{padding:0 var(--space-6)}}@media(min-width:1024px){.container{padding:0 var(--space-8)}}.page{min-height:100vh;padding:var(--space-6);background-color:var(--color-bg-light)}.page-header{margin-bottom:var(--space-8)}.page-title{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight);margin-bottom:var(--space-2)}.page-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-col{display:flex;flex-direction:column}.flex-col-center{display:flex;flex-direction:column;align-items:center;justify-content:center}.flex-wrap{flex-wrap:wrap}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}@media(max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.m-0{margin:var(--space-0)}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-5{margin:var(--space-5)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.mx-auto{margin-left:auto;margin-right:auto}.mb-0{margin-bottom:var(--space-0)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.p-0{padding:var(--space-0)}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-5{padding-top:var(--space-5);padding-bottom:var(--space-5)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-muted{color:var(--color-text-muted)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.text-info{color:var(--color-info)}.text-center{text-align:center}.text-left{text-align:left}.leading-tight{line-height:var(--line-height-tight)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.card{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:var(--transition)}.card:hover{box-shadow:var(--shadow-md)}.card-compact{padding:var(--space-4)}.card-lg{padding:var(--space-8)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.card-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.card-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;margin-top:var(--space-1)}.border-t{border-top:1px solid var(--color-border)}.border-b{border-bottom:1px solid var(--color-border)}.border-l{border-left:1px solid var(--color-border)}.border-r{border-right:1px solid var(--color-border)}.border{border:1px solid var(--color-border)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.bg-white{background-color:var(--color-white)}.bg-light{background-color:var(--color-bg-light)}.bg-lighter{background-color:var(--color-bg-lighter)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-success-light{background-color:#2ecc711a}.bg-warning-light{background-color:#f39c121a}.bg-danger-light{background-color:#e74c3c1a}.bg-info-light{background-color:#3498db1a}.shadow-none{box-shadow:var(--shadow-none)}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.hidden{display:none}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.w-full{width:100%}.h-full{height:100%}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}@media(max-width:768px){.hidden-mobile{display:none}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr;gap:var(--space-4)}.page{padding:var(--space-4)}}@media(max-width:480px){.text-3xl,.text-4xl,.text-5xl{font-size:var(--font-size-2xl)}.page-title{font-size:var(--font-size-3xl)}}.form-group{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-5)}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);display:block}.form-label-required:after{content:"*";color:var(--color-danger);margin-left:var(--space-1)}.form-hint{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--space-1)}.form-error{font-size:var(--font-size-sm);color:var(--color-danger);margin-top:var(--space-1)}.badge{display:inline-block;padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap}.badge-success{background-color:#2ecc711a;color:var(--color-success)}.badge-warning{background-color:#f39c121a;color:var(--color-warning)}.badge-danger{background-color:#e74c3c1a;color:var(--color-danger)}.badge-info{background-color:#3498db1a;color:var(--color-info)}.badge-neutral{background-color:var(--color-gray-100);color:var(--color-gray-600)}.section{margin-bottom:var(--space-8)}.section-header{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:2px solid var(--color-border)}.section-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.section-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:var(--space-2) 0 0 0}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.stack-lg{gap:var(--space-6)}.stack-sm{gap:var(--space-3)}.horizontal-stack{display:flex;gap:var(--space-4);flex-wrap:wrap}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=time],input[type=datetime-local],input[type=search],input[type=url],select,textarea{border:none;outline:none;width:100%;min-height:40px;padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);line-height:var(--line-height-normal);font-weight:500;font-family:inherit;background-color:var(--color-white);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:var(--transition);letter-spacing:.2px}input[type=text]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder,input[type=number]::placeholder,input[type=search]::placeholder,input[type=url]::placeholder,textarea::placeholder{color:var(--color-text-tertiary)}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,input[type=date]:focus,input[type=time]:focus,input[type=datetime-local]:focus,input[type=search]:focus,input[type=url]:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a}input[type=text]:hover,input[type=email]:hover,input[type=password]:hover,input[type=number]:hover,input[type=date]:hover,input[type=time]:hover,input[type=datetime-local]:hover,input[type=search]:hover,input[type=url]:hover,select:hover,textarea:hover{border-color:var(--color-text-tertiary)}input:disabled,select:disabled,textarea:disabled{background-color:var(--color-bg-light);color:var(--color-text-tertiary);cursor:not-allowed;opacity:.6}input.error,select.error,textarea.error{border-color:var(--color-danger);box-shadow:0 0 0 3px #e74c3c1a}textarea{min-height:80px;resize:vertical;font-family:inherit}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right var(--space-3) center;background-repeat:no-repeat;background-size:20px;padding-right:var(--space-10);cursor:pointer}select:disabled{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23cbd5e1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E")}input[type=checkbox],input[type=radio]{width:18px;height:18px;margin:0;cursor:pointer;accent-color:var(--color-primary)}input[type=checkbox]:focus,input[type=radio]:focus{outline:2px solid transparent;outline-offset:2px;box-shadow:0 0 0 3px #667eea33}.input-group{display:flex;gap:var(--space-2);align-items:center}.input-group>input,.input-group>select,.input-group>textarea{flex:1;min-width:0}.input-addon{display:flex;align-items:center;padding:var(--space-3) var(--space-4);background-color:var(--color-bg-light);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-sm);white-space:nowrap}.field{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-5)}.field-inline{flex-direction:row;align-items:center}.field-inline input[type=checkbox],.field-inline input[type=radio]{margin-top:0}.field>label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.field-required>label:after{content:" *";color:var(--color-danger)}.field-hint{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--space-1)}.field-error{font-size:var(--font-size-sm);color:var(--color-danger);margin-top:var(--space-1);display:flex;align-items:center;gap:var(--space-1)}.field-sm>input,.field-sm>select,.field-sm>textarea{min-height:32px;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}.field-lg>input,.field-lg>select,.field-lg>textarea{min-height:48px;padding:var(--space-4) var(--space-5);font-size:var(--font-size-lg)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-6);margin-bottom:var(--space-6)}.form-section{margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-4)}.form-actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border)}@media(max-width:640px){.form-row{grid-template-columns:1fr;gap:var(--space-4)}.form-actions{flex-direction:column-reverse}.form-actions>button{width:100%}}@media(max-width:480px){input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=time],input[type=datetime-local],input[type=search],input[type=url],select,textarea{min-height:44px;padding:var(--space-3) var(--space-4)}input[type=checkbox],input[type=radio]{width:20px;height:20px}}.input-search{position:relative}.input-search input{padding-left:var(--space-10)}.input-search:before{content:"🔍";position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);font-size:var(--font-size-lg);pointer-events:none}.switch{display:inline-flex;align-items:center;gap:var(--space-3)}.switch input[type=checkbox]{appearance:none;width:48px;height:28px;background-color:var(--color-gray-300);border-radius:var(--radius-full);cursor:pointer;position:relative;transition:var(--transition);margin:0}.switch input[type=checkbox]:before{content:"";position:absolute;width:24px;height:24px;background-color:var(--color-white);border-radius:50%;top:2px;left:2px;transition:var(--transition);box-shadow:var(--shadow-sm)}.switch input[type=checkbox]:checked{background-color:var(--color-primary)}.switch input[type=checkbox]:checked:before{left:22px}.switch input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.control-group label{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.control-group input,.control-group select{min-height:38px;font-size:var(--font-size-sm)}.header-filters-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:var(--space-3);width:min(760px,100%)}.header-actions .header-filters-grid{flex:1 1 520px}.controls .header-filters-grid{width:min(520px,100%)}@media(max-width:768px){.control-group{min-width:100%}.header-filters-grid{grid-template-columns:1fr;width:100%}}table{width:100%;border-collapse:collapse;border-spacing:0;background-color:var(--color-white);font-size:var(--font-size-sm);line-height:var(--line-height-normal);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);table-layout:fixed}:where(.admin-table,.customers-table,.invoices-table,.entries-table,.lines-table,.line-items-table,.accounts-table,.payments-table,.bills-table,.activity-table,.preview-table,.vendors-table,.reports-table){width:100%;border-collapse:collapse;border-spacing:0;background-color:var(--color-white);font-size:var(--font-size-sm);line-height:var(--line-height-normal);border-radius:var(--radius-lg);overflow:hidden;table-layout:auto}:where(.table-container,.activity-table-container,.documents-table-container){width:100%;max-width:100%;min-width:0;overflow:auto;display:block}.table-wrapper{border-radius:var(--radius-lg);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;box-shadow:var(--shadow-sm)}.table-wrapper table{margin:0;box-shadow:none;min-width:max-content}.table-wrapper .admin-table,.table-wrapper .customers-table,.table-wrapper .invoices-table,.table-wrapper .entries-table,.table-wrapper .lines-table,.table-wrapper .line-items-table,.table-wrapper .accounts-table,.table-wrapper .payments-table,.table-wrapper .bills-table,.table-wrapper .activity-table,.table-wrapper .preview-table,.table-wrapper .vendors-table,.table-wrapper .reports-table{min-width:max-content}thead{background:var(--color-bg-lighter);border-bottom:1px solid var(--color-border)}thead th{padding:var(--space-2) var(--space-3);text-align:left;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);white-space:nowrap;-webkit-user-select:none;user-select:none;vertical-align:middle;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);border-bottom:1px solid var(--color-border)}:where(.admin-table,.customers-table,.invoices-table,.entries-table,.lines-table,.line-items-table,.accounts-table,.payments-table,.bills-table,.activity-table,.preview-table,.vendors-table,.reports-table) thead th{padding:var(--space-2) var(--space-3)!important;font-size:var(--font-size-xs)!important}:where(.admin-table) thead th{padding:6px 8px!important;background:#f9fafb!important;color:#374151!important;font-size:var(--font-size-xs)!important;font-weight:600!important;letter-spacing:.5px;text-transform:uppercase;border-bottom:2px solid #e5e7eb!important;position:sticky;top:0;z-index:1}:where(.admin-table,.customers-table,.invoices-table,.entries-table,.lines-table,.line-items-table,.accounts-table,.payments-table,.bills-table,.activity-table,.preview-table,.vendors-table,.reports-table) thead{background:var(--color-bg-lighter)!important;border-bottom:1px solid var(--color-border)!important}thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--transition)}thead th.sortable:hover{background-color:var(--color-border);color:var(--color-primary)}thead th.sortable:after{content:"";display:inline-block;width:12px;height:12px;margin-left:var(--space-2);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M2 4h8M3 2h6M4 6h4'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.5;vertical-align:middle}thead th.sort-asc:after{content:"▲";font-size:10px;color:var(--color-primary);opacity:1;margin-left:var(--space-2)}thead th.sort-desc:after{content:"▼";font-size:10px;color:var(--color-primary);opacity:1;margin-left:var(--space-2)}tbody tr{border-bottom:1px solid var(--color-border-light);transition:background-color .15s ease}tbody tr:last-child{border-bottom:none}tbody td{padding:var(--space-2) var(--space-3);color:var(--color-text-primary);vertical-align:middle;font-size:var(--font-size-sm);line-height:var(--line-height-normal)}:where(.admin-table,.customers-table,.invoices-table,.entries-table,.lines-table,.line-items-table,.accounts-table,.payments-table,.bills-table,.activity-table,.preview-table,.vendors-table,.reports-table) tbody td{padding:var(--space-2) var(--space-3)!important;font-size:var(--font-size-sm)!important;border-bottom:1px solid var(--color-border-light)!important}:where(.admin-table) tbody td{padding:4px 8px!important;color:#374151!important;font-size:var(--font-size-xs)!important;border-bottom:1px solid #f3f4f6!important;white-space:nowrap;text-overflow:initial;overflow:visible}:where(.admin-table,.customers-table,.invoices-table,.entries-table,.lines-table,.line-items-table,.accounts-table,.payments-table,.bills-table,.activity-table,.preview-table,.vendors-table,.reports-table) tbody tr:nth-child(2n){background-color:var(--color-bg-light)!important}:where(.admin-table) tbody tr:nth-child(2n){background-color:#fafbfc!important}:where(.admin-table,.customers-table,.invoices-table,.entries-table,.lines-table,.line-items-table,.accounts-table,.payments-table,.bills-table,.activity-table,.preview-table,.vendors-table,.reports-table) tbody tr:hover{background-color:#3b82f60f!important;box-shadow:none!important}:where(.admin-table) tbody tr:hover{background-color:#f0f4ff!important}tbody td{text-align:left}tbody td.numeric,tbody td.currency,tbody td.amount,tbody td.quantity{text-align:right;font-variant-numeric:tabular-nums;font-weight:var(--font-weight-medium)}tbody td.actions,tbody td.action-column{text-align:right}:where(.actions-cell){display:flex;align-items:center;justify-content:flex-end!important;gap:var(--space-2)!important;min-width:112px}:where(.action-btn,.icon-button,.btn.btn-icon){background:linear-gradient(135deg,#f0f4f8,#e8ecf1);border:1px solid #d1d5db;border-radius:7px;width:36px;height:36px;min-width:36px;min-height:36px;padding:0;cursor:pointer;color:#3b82f6;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}:where(.action-btn:hover,.icon-button:hover,.btn.btn-icon:hover){background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8;border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626}:where(.action-btn.danger){color:#dc2626;border-color:#fecaca;background:linear-gradient(135deg,#fef2f2,#fee2e2)}:where(.action-btn.danger:hover){color:#b91c1c;border-color:#fca5a5;background:linear-gradient(135deg,#fee2e2,#fecaca);box-shadow:0 4px 12px #dc262633}:where(.action-btn:active,.icon-button:active,.btn.btn-icon:active){transform:translateY(0) scale(.96)}:where(.action-btn:disabled,.icon-button:disabled,.btn.btn-icon:disabled){opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}:where(.actions-cell .btn){padding:var(--space-1) var(--space-2)!important;min-height:28px!important;font-size:var(--font-size-xs)!important}:where(.actions-cell .btn svg){width:14px;height:14px}tbody tr:nth-child(2n){background-color:var(--color-bg-light)}tbody tr:hover{background-color:#3b82f60f}tbody tr.selected{background-color:#3b82f61f;border-left:3px solid var(--color-primary)}.table-compact thead th,.table-compact tbody td{padding:var(--space-2) var(--space-2);font-size:var(--font-size-xs)}.table-dense thead th,.table-dense tbody td{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs)}.table-actions{display:flex;align-items:center;gap:2px;white-space:nowrap}.table-actions button{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);min-width:28px;height:28px}.table-action-icon{width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm)}.cell-currency{text-align:right;font-family:Courier New,monospace;font-weight:var(--font-weight-medium)}.cell-status{text-align:center}.cell-date{white-space:nowrap;color:var(--color-text-secondary)}.cell-link{color:var(--color-primary);cursor:pointer;text-decoration:none;transition:var(--transition)}.cell-link:hover{text-decoration:underline;color:var(--color-primary-dark)}@media(max-width:768px){.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}table{min-width:500px}thead th,tbody td{padding:var(--space-3);font-size:var(--font-size-sm)}.table-compact thead th,.table-compact tbody td{padding:var(--space-2)}.table-spacious thead th,.table-spacious tbody td{padding:var(--space-4)}}@media(max-width:1024px){table,:where(.admin-table,.customers-table,.invoices-table,.entries-table,.lines-table,.line-items-table,.accounts-table,.payments-table,.bills-table,.activity-table,.preview-table,.vendors-table,.reports-table){table-layout:auto}:where(.admin-table) tbody td{white-space:normal;overflow:visible;text-overflow:initial}}@media(max-width:480px){.table-stack{display:block}.table-stack thead{display:none}.table-stack tbody,.table-stack tr{display:block}.table-stack tr{margin-bottom:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.table-stack td{display:grid;grid-template-columns:minmax(96px,40%) 1fr;gap:var(--space-3);padding:var(--space-2) 0;border:none;align-items:start}.table-stack td:before{content:attr(data-label);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-transform:uppercase;font-size:var(--font-size-xs)}}@media(max-width:640px){thead th,tbody td{white-space:normal;overflow-wrap:anywhere}}.table-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);color:var(--color-text-secondary);text-align:center}.table-empty-icon{font-size:48px;margin-bottom:var(--space-4);opacity:.5}.table-empty-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.table-empty-message{font-size:var(--font-size-base);color:var(--color-text-secondary)}tfoot{background-color:var(--color-bg-lighter);border-top:2px solid var(--color-border);font-weight:var(--font-weight-semibold)}tfoot td{padding:var(--space-4);text-align:right;color:var(--color-text-primary)}tfoot td:first-child{text-align:left}.table-pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-top:1px solid var(--color-border);font-size:var(--font-size-sm);color:var(--color-text-secondary);background-color:var(--color-bg-lighter)}.pagination-info{display:flex;align-items:center;gap:var(--space-4)}.pagination-controls{display:flex;align-items:center;gap:var(--space-2)}.pagination-controls button{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}.pagination-select{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-white);color:var(--color-text-primary);font-size:var(--font-size-sm);cursor:pointer}:where(.admin-table,.customers-table,.invoices-table,.entries-table,.lines-table,.line-items-table,.accounts-table,.payments-table,.bills-table,.activity-table,.preview-table,.vendors-table,.reports-table){table-layout:auto}:where(.admin-table,.customers-table,.invoices-table,.entries-table,.lines-table,.line-items-table,.accounts-table,.payments-table,.bills-table,.activity-table,.preview-table,.vendors-table,.reports-table) thead th{position:sticky;top:0;z-index:2;background:var(--color-bg-lighter)!important;color:var(--color-text-secondary)!important;padding:var(--space-3) var(--space-4)!important;border-bottom:1px solid var(--color-border)!important}:where(.admin-table,.customers-table,.invoices-table,.entries-table,.lines-table,.line-items-table,.accounts-table,.payments-table,.bills-table,.activity-table,.preview-table,.vendors-table,.reports-table) tbody td{padding:var(--space-3) var(--space-4)!important;color:var(--color-text-primary)!important;font-size:var(--font-size-sm)!important;line-height:1.45;border-bottom:1px solid var(--color-border-light)!important}:where(.admin-table,.customers-table,.invoices-table,.entries-table,.lines-table,.line-items-table,.accounts-table,.payments-table,.bills-table,.activity-table,.preview-table,.vendors-table,.reports-table) tbody tr{min-height:44px}:where(.admin-table,.customers-table,.invoices-table,.entries-table,.lines-table,.line-items-table,.accounts-table,.payments-table,.bills-table,.activity-table,.preview-table,.vendors-table,.reports-table) td.numeric,:where(.admin-table,.customers-table,.invoices-table,.entries-table,.lines-table,.line-items-table,.accounts-table,.payments-table,.bills-table,.activity-table,.preview-table,.vendors-table,.reports-table) th.numeric{text-align:right!important;font-variant-numeric:tabular-nums}:where(.admin-table,.customers-table,.invoices-table,.entries-table,.payments-table) td:has(.status-pill),:where(.admin-table,.customers-table,.invoices-table,.entries-table,.payments-table) td:has(.status-badge),:where(.admin-table,.customers-table,.invoices-table,.entries-table,.payments-table) td:has(.status-indicator){text-align:center}:where(.table-wrapper,.table-container,.documents-table-container,.activity-table-container){overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;border:1px solid var(--color-border);border-radius:var(--radius-lg)}:where(.admin-table,.customers-table,.invoices-table,.entries-table,.lines-table,.line-items-table,.accounts-table,.payments-table,.bills-table,.activity-table,.preview-table,.vendors-table,.reports-table,.documents-table){min-width:max(100%,980px)}:where(.admin-table,.customers-table,.invoices-table,.entries-table,.lines-table,.line-items-table,.accounts-table,.payments-table,.bills-table,.activity-table,.preview-table,.vendors-table,.reports-table,.documents-table) th:last-child,:where(.admin-table,.customers-table,.invoices-table,.entries-table,.lines-table,.line-items-table,.accounts-table,.payments-table,.bills-table,.activity-table,.preview-table,.vendors-table,.reports-table,.documents-table) td:last-child,:where(.actions-cell,td.actions,td.action-column){white-space:nowrap;min-width:164px}:where(.actions-cell){gap:var(--space-2)!important;min-width:152px}:where(.action-btn,.icon-button,.btn.btn-icon){width:32px;height:32px;min-width:32px;min-height:32px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-white);color:var(--color-gray-600);box-shadow:var(--shadow-xs)}:where(.action-btn:hover,.icon-button:hover,.btn.btn-icon:hover){transform:translateY(-1px);box-shadow:var(--shadow-sm)}:where(.action-btn.action-view,.icon-button.action-view,.btn.btn-icon.action-view),:where(.action-btn[aria-label*=View i],.icon-button[aria-label*=View i],.btn.btn-icon[aria-label*=View i]){color:var(--color-primary);border-color:color-mix(in srgb,var(--color-primary) 35%,var(--color-border))}:where(.action-btn.action-edit,.icon-button.action-edit,.btn.btn-icon.action-edit),:where(.action-btn[aria-label*=Edit i],.icon-button[aria-label*=Edit i],.btn.btn-icon[aria-label*=Edit i]){color:var(--color-success);border-color:color-mix(in srgb,var(--color-success) 35%,var(--color-border))}:where(.action-btn.action-delete,.icon-button.action-delete,.btn.btn-icon.action-delete),:where(.action-btn[aria-label*=Delete i],.icon-button[aria-label*=Delete i],.btn.btn-icon[aria-label*=Delete i]),:where(.action-btn[aria-label*=Remove i],.icon-button[aria-label*=Remove i],.btn.btn-icon[aria-label*=Remove i]){color:var(--color-danger);border-color:color-mix(in srgb,var(--color-danger) 35%,var(--color-border))}:where(.action-btn.action-warn,.icon-button.action-warn,.btn.btn-icon.action-warn),:where(.action-btn[aria-label*=Lock i],.icon-button[aria-label*=Lock i],.btn.btn-icon[aria-label*=Lock i]),:where(.action-btn[aria-label*=Warning i],.icon-button[aria-label*=Warning i],.btn.btn-icon[aria-label*=Warning i]){color:var(--color-warning);border-color:color-mix(in srgb,var(--color-warning) 35%,var(--color-border))}:where(.action-btn.action-special,.icon-button.action-special,.btn.btn-icon.action-special),:where(.action-btn[aria-label*=Special i],.icon-button[aria-label*=Special i],.btn.btn-icon[aria-label*=Special i]){color:#7c3aed;border-color:color-mix(in srgb,#7c3aed 35%,var(--color-border))}:where(.action-btn:disabled,.icon-button:disabled,.btn.btn-icon:disabled){color:var(--color-gray-400)!important;background:var(--color-bg-lighter)!important;border-color:var(--color-border)!important;box-shadow:none}:where(.action-btn[aria-label],.icon-button[aria-label],.btn.btn-icon[aria-label]){position:relative}:where(.action-btn[aria-label],.icon-button[aria-label],.btn.btn-icon[aria-label]):after{content:attr(aria-label);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);background:var(--color-gray-800);color:var(--color-text-inverse);padding:4px 8px;border-radius:var(--radius-sm);font-size:11px;line-height:1;white-space:nowrap;opacity:0;pointer-events:none;transition:var(--transition-fast);z-index:6}:where(.action-btn[aria-label],.icon-button[aria-label],.btn.btn-icon[aria-label]):hover:after{opacity:1;transform:translate(-50%) translateY(0)}.table-pagination{border-top:1px solid var(--color-border);background:var(--color-white);padding:var(--space-3) var(--space-4)}.pagination-controls button{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-white)}.table-skeleton{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-white)}.table-skeleton-row{height:44px;border-bottom:1px solid var(--color-border-light);background:linear-gradient(90deg,var(--color-bg-lighter) 25%,var(--color-bg-light) 37%,var(--color-bg-lighter) 63%);background-size:400% 100%;animation:table-skeleton-loading 1.4s ease infinite}@keyframes table-skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}:where(.table-section table,.table-container table,.table-wrapper table){border:1px solid var(--color-border);box-shadow:none}:where(.table-section thead th,.table-container thead th){position:sticky;top:0;z-index:1;background:var(--color-bg-lighter)}th.sortable{cursor:pointer}th.sortable:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}:where(.table-section tbody tr:hover,.table-container tbody tr:hover){background:#667eea0f!important}:where(.actions-header){text-align:right}@media(max-width:768px){:where(.table-section,.table-container){overflow-x:auto}:where(.table-section table,.table-container table){min-width:680px}}:where(.admin-page .table-section){overflow:hidden!important}:where(.admin-page .table-wrapper,.admin-page .table-container,.admin-page .documents-table-container,.admin-page .activity-table-container){width:100%;max-width:100%;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch;padding-bottom:2px}:where(.admin-page .admin-table,.admin-page .customers-table,.admin-page .invoices-table,.admin-page .entries-table,.admin-page .lines-table,.admin-page .line-items-table,.admin-page .accounts-table,.admin-page .payments-table,.admin-page .bills-table,.admin-page .activity-table,.admin-page .preview-table,.admin-page .vendors-table,.admin-page .reports-table,.admin-page .documents-table){width:max(100%,max-content)!important;min-width:max(100%,980px)!important;table-layout:auto!important}:where(.admin-page .admin-table,.admin-page .customers-table,.admin-page .invoices-table,.admin-page .entries-table,.admin-page .lines-table,.admin-page .line-items-table,.admin-page .accounts-table,.admin-page .payments-table,.admin-page .bills-table,.admin-page .activity-table,.admin-page .preview-table,.admin-page .vendors-table,.admin-page .reports-table,.admin-page .documents-table) thead th,:where(.admin-page .admin-table,.admin-page .customers-table,.admin-page .invoices-table,.admin-page .entries-table,.admin-page .lines-table,.admin-page .line-items-table,.admin-page .accounts-table,.admin-page .payments-table,.admin-page .bills-table,.admin-page .activity-table,.admin-page .preview-table,.admin-page .vendors-table,.admin-page .reports-table,.admin-page .documents-table) tbody td{padding:var(--space-2) var(--space-3)!important}:where(.admin-page .admin-table,.admin-page .customers-table,.admin-page .invoices-table,.admin-page .entries-table,.admin-page .lines-table,.admin-page .line-items-table,.admin-page .accounts-table,.admin-page .payments-table,.admin-page .bills-table,.admin-page .activity-table,.admin-page .preview-table,.admin-page .vendors-table,.admin-page .reports-table,.admin-page .documents-table) th:last-child,:where(.admin-page .admin-table,.admin-page .customers-table,.admin-page .invoices-table,.admin-page .entries-table,.admin-page .lines-table,.admin-page .line-items-table,.admin-page .accounts-table,.admin-page .payments-table,.admin-page .bills-table,.admin-page .activity-table,.admin-page .preview-table,.admin-page .vendors-table,.admin-page .reports-table,.admin-page .documents-table) td:last-child{min-width:170px;white-space:nowrap}@media(max-width:1024px){:where(.admin-page .admin-table,.admin-page .customers-table,.admin-page .invoices-table,.admin-page .entries-table,.admin-page .lines-table,.admin-page .line-items-table,.admin-page .accounts-table,.admin-page .payments-table,.admin-page .bills-table,.admin-page .activity-table,.admin-page .preview-table,.admin-page .vendors-table,.admin-page .reports-table,.admin-page .documents-table){min-width:max(100%,860px)!important}}.modal-overlay{position:fixed;inset:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-1);animation:fadeIn .2s ease-out}.modal-content{background:var(--color-white);border-radius:12px;box-shadow:0 20px 25px -5px #0000001f,0 10px 10px -5px #00000014;width:min(75vw,var(--modal-max-width, 1200px));height:75vh;max-height:75vh;display:flex;flex-direction:column;position:relative;overflow:hidden;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-content.modal-sm{--modal-max-width: 600px;width:min(75vw,600px);height:75vh}.modal-content.modal-md{--modal-max-width: 800px;width:min(75vw,800px);height:75vh}.modal-content.modal-lg{--modal-max-width: 1000px;width:min(75vw,1000px);height:75vh}.modal-content.modal-xl{--modal-max-width: 1200px;width:min(85vw,1200px);height:75vh}.modal-content.right-drawer{width:clamp(70vw,82vw,90vw);max-width:90vw;height:100dvh;max-height:100dvh;border-radius:0;border-left:1px solid var(--color-border);box-shadow:-16px 0 32px #0c1e422e;animation:slideInRight .24s ease-out}.modal-content.right-drawer .modal-header{position:sticky;top:0;z-index:4;min-height:56px}.modal-content.right-drawer .modal-body{flex:1;min-height:0;overflow-y:auto;padding:14px 16px}.modal-content.right-drawer .modal-footer{position:sticky;bottom:0;z-index:4;background:var(--color-bg-lighter);border-top:1px solid var(--color-border)}@media(max-width:1024px){.modal-content.right-drawer{width:88vw;max-width:88vw}}@media(max-width:768px){.modal-content.right-drawer{width:100vw;max-width:100vw}}.modal-header{padding:12px 56px 12px 16px;border-bottom:1px solid var(--color-border);background:var(--color-bg-lighter);display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:nowrap;flex-shrink:0;min-height:48px;position:sticky;top:0;z-index:2;overflow:visible}.modal-header>div:first-child{flex:1;min-width:0;max-width:calc(100% - 50px);overflow:hidden;text-overflow:ellipsis}.modal-header-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.modal-title{font-size:16px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;line-height:1.3;letter-spacing:.2px}.modal-subtitle{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:2px 0 0;font-weight:500}.modal-close{background:none;border:none;width:36px;height:36px;padding:0;cursor:pointer;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;border-radius:6px;transition:var(--transition);flex-shrink:0;margin-top:0;font-size:22px;font-weight:600;line-height:1;z-index:6;position:absolute;top:8px;right:10px}.modal-close:hover{background-color:#f0f0f0;color:#000;transform:scale(1.1)}.modal-body{padding:14px 16px;color:var(--color-text-primary);line-height:1.5;flex:1;overflow:auto;display:flex;flex-direction:column;gap:0;min-height:0;font-size:14px;font-weight:500}.modal-body p{margin:0}.modal-body p:last-child{margin-bottom:0}.modal-footer{padding:12px 16px;border-top:1px solid var(--color-border);background:var(--color-bg-lighter);display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-shrink:0;min-height:48px}@media(max-width:480px){.modal-footer{flex-direction:column-reverse}.modal-footer button{width:100%}}.modal-section{margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.modal-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.modal-section-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-4)}.slide-over-overlay{position:fixed;inset:0;background-color:#0006;z-index:var(--z-modal-overlay);animation:fadeIn .2s ease-out}.slide-over-content{position:fixed;right:0;top:0;bottom:0;width:100%;max-width:500px;background-color:var(--color-white);box-shadow:-8px 0 24px #00000026;z-index:var(--z-modal);display:flex;flex-direction:column;animation:slideInRight .3s ease-out;overflow-y:auto}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.slide-over-content.slide-over-left{left:0;right:auto;max-width:500px;animation:slideInLeft .3s ease-out;box-shadow:8px 0 24px #00000026}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.slide-over-header{padding:var(--space-6);border-bottom:1px solid var(--color-border);display:flex;align-items:flex-start;justify-content:space-between;flex-shrink:0}.slide-over-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.slide-over-body{padding:var(--space-6);flex:1;overflow-y:auto}.slide-over-footer{padding:var(--space-6);border-top:1px solid var(--color-border);background-color:var(--color-bg-light);display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);flex-shrink:0}@media(max-width:640px){.slide-over-content,.slide-over-content.slide-over-left{max-width:100%}}.confirm-dialog .modal-body{text-align:center;padding:var(--space-8)}.confirm-icon{font-size:48px;margin-bottom:var(--space-4);line-height:1}.confirm-icon.warning{color:var(--color-warning)}.confirm-icon.danger{color:var(--color-danger)}.confirm-icon.success{color:var(--color-success)}.alert-dialog{max-width:400px}.alert-dialog .modal-header,.alert-dialog .modal-body{padding:var(--space-5)}.alert-dialog .modal-footer{padding:var(--space-5);gap:var(--space-2)}.form-dialog .modal-body{padding:var(--space-4)}.form-dialog .modal-body form{display:flex;flex-direction:column;gap:var(--space-3)}.loading-dialog{max-width:300px}.loading-dialog .modal-body{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);gap:var(--space-4);min-height:150px}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay.modal-no-click-outside,.modal-overlay.modal-no-click-outside .modal-content{pointer-events:auto}.modal-content:focus{outline:2px solid transparent;outline-offset:2px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.form-field{display:flex;flex-direction:column;gap:3px}.form-field label{font-size:10px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px}.form-field input,.form-field select,.form-field textarea{padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;background:#fff;transition:border-color .2s ease;min-height:36px;line-height:1.4}.form-field textarea{height:40px;resize:vertical;line-height:1.4}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.form-field input:hover,.form-field select:hover,.form-field textarea:hover{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}@media(prefers-reduced-motion:reduce){.modal-overlay,.modal-content,.slide-over-overlay,.slide-over-content{animation:none}}.modal-content{border:1px solid var(--color-border)}.modal-header,.modal-footer{background:var(--color-bg-lighter)}.modal-title{font-size:var(--font-size-lg)}.form-field label{color:var(--color-text-secondary);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-wide)}.form-field input,.form-field select,.form-field textarea{border-color:var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-sm)}.invoices-modal{--modal-max-width: 1220px}.customers-modal{--modal-max-width: 1080px}.invoices-modal .modal-body,.customers-modal .modal-body{max-height:calc(100vh - 110px)}.invoices-modal .form-grid,.customers-modal .form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.modal-overlay .modal-content .modal-close{position:absolute!important;top:4px!important;right:8px!important;z-index:6!important}.modal-overlay:has(>.modal-content.setup-modal),.modal-overlay:has(>.modal-content.form-dialog){justify-content:flex-end;align-items:stretch;padding:0}.admin-page .modal-content.setup-modal,.admin-page .modal-content.form-dialog{--drawer-width: clamp(54vw, 66vw, 76vw);width:var(--drawer-width);max-width:96vw;height:100dvh;max-height:100dvh;margin-left:auto;border-radius:0;border-left:1px solid var(--color-border);box-shadow:-16px 0 32px #0c1e422e;animation:slideInRight .24s ease-out}.admin-page .modal-content.setup-modal.modal-sm,.admin-page .modal-content.form-dialog.modal-sm{--drawer-width: clamp(36vw, 44vw, 52vw)}.admin-page .modal-content.setup-modal.modal-md,.admin-page .modal-content.form-dialog.modal-md{--drawer-width: clamp(42vw, 52vw, 60vw)}.admin-page .modal-content.setup-modal.modal-lg,.admin-page .modal-content.form-dialog.modal-lg{--drawer-width: clamp(52vw, 64vw, 74vw)}.admin-page .modal-content.setup-modal.modal-xl,.admin-page .modal-content.form-dialog.modal-xl{--drawer-width: clamp(60vw, 72vw, 82vw)}.admin-page .modal-content.right-drawer.activity-modal{--drawer-width: clamp(42vw, 52vw, 60vw)}.admin-page .modal-content.right-drawer.period-locks-modal{--drawer-width: clamp(36vw, 44vw, 52vw)}.admin-page .modal-content.right-drawer.currencies-modal,.admin-page .modal-content.right-drawer.payment-terms-modal{--drawer-width: clamp(48vw, 58vw, 68vw)}.admin-page .modal-content.right-drawer.posting-rules-modal{--drawer-width: clamp(52vw, 62vw, 72vw)}.admin-page .modal-content.right-drawer.payroll-modal{--drawer-width: clamp(56vw, 68vw, 80vw)}.admin-page .modal-content.right-drawer.financial-periods-modal,.admin-page .modal-content.right-drawer.documents-modal{--drawer-width: clamp(62vw, 74vw, 86vw)}.admin-page .modal-content.right-drawer.customers-modal,.admin-page .modal-content.right-drawer.vendors-modal{--drawer-width: clamp(56vw, 68vw, 80vw)}.admin-page .modal-content.right-drawer.bills-modal,.admin-page .modal-content.right-drawer.invoices-modal{--drawer-width: clamp(60vw, 72vw, 84vw)}.admin-page .modal-content.setup-modal .modal-header,.admin-page .modal-content.form-dialog .modal-header{position:sticky;top:0;z-index:5;min-height:56px}.admin-page .modal-content.setup-modal .modal-body,.admin-page .modal-content.form-dialog .modal-body{flex:1;min-height:0;overflow-y:auto;padding:14px 16px}.admin-page .modal-content.setup-modal .modal-footer,.admin-page .modal-content.form-dialog .modal-footer{position:sticky;bottom:0;z-index:5;background:var(--color-bg-lighter);border-top:1px solid var(--color-border)}@media(max-width:1024px){.admin-page .modal-content.setup-modal,.admin-page .modal-content.form-dialog{width:88vw;max-width:88vw}}@media(max-width:768px){.admin-page .modal-content.setup-modal,.admin-page .modal-content.form-dialog{width:100vw;max-width:100vw}}:where(.admin-page){display:flex;flex-direction:column;gap:var(--space-5)!important;padding:20px 16px 32px!important;background:linear-gradient(180deg,var(--color-bg-light) 0%,var(--color-bg-lighter) 100%);width:100%;max-width:100%;min-height:100vh;color:var(--color-text-primary);overflow-x:hidden}:where(.page-header){display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px!important;margin-bottom:12px!important;padding-bottom:10px!important;border-bottom:1px solid var(--color-border)!important}:where(.page-header h1){margin:0!important;font-size:var(--font-size-4xl)!important;font-weight:var(--font-weight-bold);color:var(--color-text-primary)!important;letter-spacing:-.03em;line-height:var(--line-height-tight)}:where(.page-subtitle){margin:var(--space-1) 0 0!important;color:var(--color-text-secondary)!important;font-size:var(--font-size-sm)!important}:where(.header-actions){display:flex;align-items:center;gap:var(--space-3)!important;flex-wrap:wrap}:where(.list-toolbar){display:flex;align-items:flex-end;gap:var(--space-3)!important;flex-wrap:wrap;width:100%}:where(.list-toolbar .header-filters-grid){display:grid;grid-template-columns:minmax(240px,1fr) minmax(180px,220px);gap:var(--space-3);align-items:end;flex:1 1 560px}:where(.list-toolbar .control-group){min-width:0}:where(.list-toolbar .control-group input),:where(.list-toolbar .control-group select){min-height:38px}:where(.table-container){width:100%;overflow:auto}:where(.table-container table){width:100%;min-width:max-content}@media(max-width:768px){:where(.list-toolbar){align-items:stretch}:where(.list-toolbar .header-filters-grid){grid-template-columns:1fr;flex-basis:100%}:where(.list-toolbar>.btn){width:100%}}:where(.admin-layout){display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:16px!important;align-items:start;width:100%}:where(.admin-layout.single-column){grid-template-columns:1fr}@media(max-width:1024px){:where(.admin-layout){grid-template-columns:1fr}}:where(.table-section){background:var(--color-white)!important;border-radius:12px!important;border:1px solid var(--color-border)!important;box-shadow:var(--shadow-xs)!important;overflow:auto;display:flex;flex-direction:column;min-width:0;transition:box-shadow .3s ease}:where(.table-section:hover){box-shadow:var(--shadow-md)!important}:where(.filter-bar){padding:10px 12px!important;border-bottom:1px solid var(--color-border)!important;background:var(--color-bg-light)!important;display:flex;flex-wrap:wrap;gap:10px}:where(.filter-bar .form-field){min-width:180px}:where(.summary-grid),:where(.filter-grid){display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3)!important}:where(.form-grid){display:grid;grid-template-columns:repeat(3,1fr);gap:12px!important}@media(max-width:768px){:where(.form-grid){grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){:where(.form-grid){grid-template-columns:1fr}}:where(.summary-card){background:var(--color-white)!important;border-radius:var(--radius-xl)!important;border:1px solid var(--color-border)!important;padding:var(--space-3) var(--space-4)!important;box-shadow:var(--shadow-xs)!important;display:flex;flex-direction:column;gap:var(--space-2)}:where(.summary-label){font-size:var(--font-size-xs)!important;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-secondary)!important}:where(.panel-section){display:flex;flex-direction:column;min-width:0}:where(.panel-card){background:var(--color-white)!important;border-radius:12px!important;border:1px solid var(--color-border)!important;box-shadow:var(--shadow-xs)!important;display:flex;flex-direction:column;min-width:0;overflow:hidden;transition:box-shadow .3s ease}:where(.panel-card:hover){box-shadow:var(--shadow-md)!important}:where(.panel-header){padding:12px 14px!important;border-bottom:1px solid var(--color-border)!important;display:flex;justify-content:space-between;gap:12px;align-items:flex-start;background:linear-gradient(135deg,var(--color-bg-light) 0%,var(--color-white) 100%)}:where(.panel-header h2){margin:0!important;font-size:var(--font-size-xl)!important;font-weight:var(--font-weight-bold);color:var(--color-text-primary)!important}:where(.panel-subtitle){margin:var(--space-1) 0 0!important;color:var(--color-text-secondary)!important;font-size:var(--font-size-sm)!important;font-weight:var(--font-weight-medium)}:where(.panel-body){padding:16px!important;background:var(--color-white);min-height:0;overflow-y:auto}:where(.admin-form){display:flex;flex-direction:column;gap:12px!important}:where(.form-field){display:flex;flex-direction:column;gap:6px!important}:where(.form-field-full){grid-column:1 / -1}:where(.form-field label){font-size:var(--font-size-xs)!important;font-weight:var(--font-weight-semibold)!important;color:var(--color-text-secondary)!important;text-transform:uppercase;letter-spacing:.5px}:where(.helper-text){font-size:var(--font-size-xs)!important;color:var(--color-text-tertiary)!important}:where(.panel-actions),:where(.form-actions){display:flex;justify-content:flex-end;gap:10px!important;flex-wrap:wrap}:where(.empty-state){padding:48px 24px!important;text-align:center;color:var(--color-text-tertiary)!important;font-size:var(--font-size-lg);background:linear-gradient(135deg,var(--color-bg-light) 0%,var(--color-bg-lighter) 100%);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}:where(.empty-state p){margin:0;font-size:var(--font-size-lg);color:var(--color-text-tertiary);font-weight:var(--font-weight-medium)}:where(.empty-state):before{content:"📋";font-size:32px;opacity:.6}:where(.section-header){display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--color-border);background:var(--color-bg-light)}:where(.section-header h2),:where(.section-header h3){margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);display:flex;align-items:center;gap:8px}@media(max-width:1200px){:where(.panel-section){max-width:100%}}:where(.status-pill){display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}:where(.status-active){background:#2ecc711f;color:var(--color-success)}:where(.status-inactive){background:#3498db1f;color:var(--color-info)}:where(.status-trial){background:#f39c121f;color:var(--color-warning)}:where(.status-expired),:where(.status-cancelled){background:#e74c3c1f;color:var(--color-danger)}:where(.status-open){background:#2ecc711f;color:var(--color-success)}:where(.status-closed){background:#e74c3c1f;color:var(--color-danger)}:where(.status-indicator){display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:var(--font-weight-semibold);letter-spacing:.04em;white-space:nowrap}:where(.status-indicator.status-active){background:#2ecc711f;color:var(--color-success)}:where(.status-indicator.status-warning){background:#f39c121f;color:var(--color-warning)}:where(.status-indicator.status-pending){background:#3498db1f;color:var(--color-primary)}:where(.profile-detail-grid){display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}:where(.profile-field){display:flex;flex-direction:column;gap:4px}:where(.profile-label){font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em}:where(.profile-value){font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}:where(.profile-value.status-badge){display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:600;width:fit-content}:where(.profile-value.status-badge.status-active){background:#2ecc711f;color:var(--color-success)}:where(.profile-value.status-badge.status-inactive){background:#e74c3c1f;color:var(--color-danger)}:where(.help-drawer-overlay){position:fixed;inset:0;background:#0f172a73;z-index:900}:where(.help-drawer){position:fixed;top:0;right:0;height:100vh;width:min(360px,92vw);background:var(--color-white);box-shadow:var(--shadow-lg);border-left:1px solid var(--color-border);transform:translate(100%);transition:transform .2s ease;z-index:1001;display:flex;flex-direction:column}:where(.help-drawer.open){transform:translate(0)}:where(.help-drawer-header){display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border)}:where(.help-drawer-header h3){margin:0;font-size:var(--font-size-lg)}:where(.help-drawer-close){border:none;background:transparent;font-size:20px;cursor:pointer;color:var(--color-text-secondary)}:where(.help-drawer-body){padding:16px 20px;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:16px}:where(.help-drawer-body p){margin:0}:where(.help-drawer-section h4){margin:0 0 6px;font-size:var(--font-size-sm);color:var(--color-text-primary)}:where(.help-drawer-section ul),:where(.help-drawer-section ol){padding-left:18px;margin:0;display:grid;gap:6px;font-size:var(--font-size-sm)}@media(max-width:768px){:where(.admin-page){padding:16px 12px 24px!important}:where(.page-header){align-items:stretch}:where(.header-actions){width:100%}:where(.header-actions>.header-filters-grid){flex:1 1 100%}:where(.panel-header){padding:14px 16px!important}:where(.panel-body){padding:16px!important}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:var(--font-size-base);-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-family-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg-light);color:var(--color-text-primary);line-height:var(--line-height-normal);overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}img,video,canvas{max-width:100%;height:auto}h1{font-family:var(--font-family-base);font-size:var(--font-size-6xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--space-4)}h2{font-family:var(--font-family-base);font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--space-3)}h3{font-family:var(--font-family-base);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--space-3)}h4{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);margin-bottom:var(--space-2)}h5{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);margin-bottom:var(--space-2)}h6{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);margin-bottom:var(--space-2)}p{margin-bottom:var(--space-4)}p:last-child{margin-bottom:0}code,pre{font-family:var(--font-family-mono);background-color:var(--color-bg-lighter);color:var(--color-text-primary);border-radius:var(--radius-md)}code{padding:var(--space-1) var(--space-2);font-size:var(--font-size-sm)}pre{padding:var(--space-4);overflow-x:auto;margin-bottom:var(--space-4)}pre code{background-color:transparent;padding:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background-color:var(--color-bg-light)}::-webkit-scrollbar-thumb{background-color:var(--color-text-tertiary);border-radius:var(--radius-full);transition:var(--transition)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-secondary)}::selection{background-color:var(--color-primary);color:var(--color-text-inverse)}::-moz-selection{background-color:var(--color-primary);color:var(--color-text-inverse)}@media(max-width:1024px){h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-2xl)}}@media(max-width:768px){html{font-size:15px}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-xl)}}@media(max-width:480px){html{font-size:14px}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-lg)}}@media print{body{background-color:#fff;color:#000}a{text-decoration:underline}button{display:none}}:root{color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-width:320px;min-height:100vh}a{color:var(--color-primary);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--color-primary-dark)}button{font-family:inherit}.alert{padding:14px 16px;border-radius:10px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;font-size:14px;border:1px solid transparent;background:var(--color-bg-lighter);color:var(--color-text-primary);animation:slideIn .3s ease-out}.alert-content{display:flex;align-items:center;gap:10px;flex:1}.alert-icon{font-weight:700;font-size:16px;min-width:20px;text-align:center}.alert-message{line-height:1.4}.alert-close{background:none;border:none;font-size:20px;cursor:pointer;padding:0 5px;color:inherit;opacity:.6;transition:opacity .2s}.alert-danger{background-color:#ef44441f;color:#b91c1c;border-color:#ef44443d}.alert-danger .alert-icon{color:#b91c1c}.alert-success{background-color:#22c55e1f;color:#15803d;border-color:#22c55e3d}.alert-success .alert-icon{color:#15803d}.alert-warning{background-color:#f59e0b29;color:#92400e;border-color:#f59e0b47}.alert-warning .alert-icon{color:#92400e}.alert-info{background-color:#2563eb1f;color:#1d4ed8;border-color:#2563eb3d}.alert-info .alert-icon{color:#1d4ed8}.btn{border:none;border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);white-space:nowrap;transition:var(--transition);position:relative;overflow:hidden;text-decoration:none;-webkit-user-select:none;user-select:none;vertical-align:middle;min-height:36px}.btn:focus{outline:2px solid transparent;outline-offset:2px}.btn:focus-visible{box-shadow:0 0 0 3px var(--color-white),0 0 0 5px var(--color-primary)}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-full{width:100%}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);gap:var(--space-1);min-height:32px}.btn-md{padding:var(--space-3) var(--space-5);font-size:var(--font-size-base);gap:var(--space-2);min-height:40px}.btn-lg{padding:var(--space-4) var(--space-6);font-size:var(--font-size-lg);gap:var(--space-2);min-height:48px}.btn-primary{background-color:var(--color-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-primary-sm)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-primary-md)}.btn-primary:active:not(:disabled){transform:translateY(0);background-color:var(--color-primary-dark)}.btn-secondary{background-color:var(--color-gray-200);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background-color:var(--color-gray-300);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary:active:not(:disabled){transform:translateY(0);background-color:var(--color-gray-300)}.btn-outline{background-color:var(--color-white);color:var(--color-primary);border:1px solid var(--color-border);box-shadow:var(--shadow-xs)}.btn-outline:hover:not(:disabled){background-color:var(--color-bg-light);border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.btn-outline:active:not(:disabled){background-color:var(--color-white)}.btn-danger{background-color:var(--color-danger);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.btn-danger:hover:not(:disabled){background-color:var(--color-danger-light);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-danger:active:not(:disabled){transform:translateY(0);background-color:var(--color-danger)}.btn-success{background-color:var(--color-success);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.btn-success:hover:not(:disabled){background-color:var(--color-success-light);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-success:active:not(:disabled){transform:translateY(0);background-color:var(--color-success)}.btn-text{background-color:transparent;color:var(--color-primary);box-shadow:none;padding:var(--space-2) var(--space-3)}.btn-text:hover:not(:disabled){background-color:#667eea14}.btn-icon{padding:0;border-radius:7px;width:36px;height:36px;background:linear-gradient(135deg,#f0f4f8,#e8ecf1);border:1px solid #d1d5db;color:#3b82f6;box-shadow:none}.btn-icon-sm{width:32px;height:32px;padding:0}.btn-icon-lg{width:44px;height:44px;padding:0}.btn svg{width:1em;height:1em}.btn-warning{background:linear-gradient(135deg,var(--color-warning) 0%,var(--color-warning-light) 100%);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.btn-warning:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}@media(max-width:480px){.btn{min-height:40px}.btn-sm{min-height:36px}.btn-icon{width:40px;height:40px}}.auth-login-page{min-height:100dvh;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:clamp(18px,2.5vw,32px);padding:clamp(14px,2.5vw,24px);background:linear-gradient(135deg,#f8fafb,#f3f5fa,#eff2fa);position:relative;overflow:hidden}.auth-login-page:before,.auth-login-page:after{content:"";position:absolute;border-radius:999px;pointer-events:none;opacity:.4}.auth-login-page:before{width:400px;height:400px;background:radial-gradient(circle,rgba(37,99,235,.15),transparent 70%);top:-100px;left:-150px}.auth-login-page:after{width:350px;height:350px;background:radial-gradient(circle,rgba(15,118,110,.12),transparent 70%);bottom:-80px;right:-120px}.auth-login-left{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-start;gap:0}.auth-login-hero{display:flex;flex-direction:column;gap:12px}.auth-brand-section{display:flex;align-items:flex-start;gap:10px;animation:slideDown .5s ease-out}.auth-brand-logo-inline{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#2563eb,#0f766e);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:22px;box-shadow:0 6px 16px #2563eb40;flex-shrink:0;animation:slideDown .6s ease-out .1s backwards}.auth-brand-section h1{margin:0;font-size:38px;font-weight:900;color:#0f172a;letter-spacing:-.03em;line-height:1;animation:slideDown .6s ease-out .2s backwards}.auth-brand-tagline{margin:2px 0 0;font-size:15px;color:#0f766e;font-weight:600;letter-spacing:.5px;line-height:1;animation:slideDown .6s ease-out .3s backwards}.auth-hero-cta-banner{display:grid;gap:18px;padding:24px;background:linear-gradient(135deg,#2563eb14,#0f766e14);border:1.5px solid rgba(37,99,235,.2);border-radius:16px;animation:slideUp .6s ease-out .4s backwards}.auth-hero-cta-main{display:grid;grid-template-columns:1fr 1fr;gap:16px}.auth-hero-trial,.auth-hero-pricing{display:flex;align-items:center;gap:14px;padding:16px;background:#ffffffbf;border:1.5px solid rgba(37,99,235,.15);border-radius:12px;transition:all .3s ease}.auth-hero-trial:hover,.auth-hero-pricing:hover{border-color:#2563eb66;background:#ffffffe6;transform:translateY(-2px)}.auth-hero-trial-badge,.auth-hero-pricing-badge{font-size:24px;line-height:1;flex-shrink:0}.auth-hero-trial-text,.auth-hero-pricing-text{font-size:15px;font-weight:700;color:#0f172a;line-height:1.2}.auth-hero-trial-subtext,.auth-hero-pricing-subtext{font-size:12px;color:#64748b;font-weight:500;line-height:1.2}.auth-hero-features{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.auth-hero-feature{display:flex;align-items:center;gap:8px;padding:12px;background:#fff9;border:1px solid rgba(37,99,235,.1);border-radius:8px;font-size:13px;font-weight:600;color:#0f172a;transition:all .2s ease}.auth-hero-feature:hover{border-color:#2563eb40;background:#fffc}.auth-hero-feature span:first-child{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#0f766e);color:#fff;font-size:10px;flex-shrink:0}.auth-modules-title{margin:0 0 3px;font-size:20px;font-weight:800;color:#0f172a;animation:slideUp .6s ease-out .55s backwards}.auth-modules-subtitle{margin:0 0 8px;font-size:14px;color:#64748b;line-height:1.3;animation:slideUp .6s ease-out .6s backwards}.auth-modules-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:0;animation:slideUp .6s ease-out .65s backwards}.auth-module-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;background:#ffffffb3;border:1px solid rgba(37,99,235,.12);transition:all .2s ease;cursor:default}.auth-module-item:hover{border-color:#2563eb40;background:#ffffffe6;transform:translateY(-1px)}.auth-module-icon{font-size:18px;line-height:1;flex-shrink:0}.auth-module-name{font-size:13px;font-weight:600;color:#0f172a;line-height:1.2}.auth-panel{position:relative;z-index:1;display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:stretch}.auth-login-card{border-radius:24px;padding:40px;background:#fffffff2;border:1px solid rgba(37,99,235,.1);box-shadow:0 20px 50px #0f172a1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideUp .6s ease-out}.auth-logo-wrap{display:inline-flex;align-items:center;gap:12px;margin-bottom:24px}.auth-logo-mark{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2563eb,#0f766e);color:#fff;font-weight:800;font-size:18px}.auth-logo-text{margin:0;font-size:18px;font-weight:700;letter-spacing:-.01em;color:#0f172a}.auth-login-card h2{margin:0 0 8px;font-size:28px;font-weight:800;color:#0f172a}.auth-subtitle{margin:0 0 28px;font-size:14px;color:#64748b}.auth-login-card form{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.auth-register-row{grid-template-columns:1fr 1fr}.auth-floating-group{position:relative;display:flex;flex-direction:column}.auth-floating-group input{min-height:48px;padding:14px 16px;border:1.5px solid #e2e8f0;border-radius:12px;font-size:14px;background:#f8fafc;transition:all .2s ease;color:#0f172a}.auth-floating-group input:focus{outline:none;border-color:#2563eb;background:#fff;box-shadow:0 0 0 3px #2563eb1a}.auth-floating-group input::placeholder{color:transparent}.auth-floating-group label{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:14px;color:#94a3b8;pointer-events:none;transition:all .2s ease;background:#fff;padding:0 4px}.auth-floating-group input:focus+label,.auth-floating-group input:not(:placeholder-shown)+label{top:0;font-size:12px;color:#2563eb;font-weight:600;background:#fff}.auth-login-meta{display:flex;align-items:center;justify-content:space-between;margin:12px 0 20px;gap:12px}.auth-remember-me{display:flex;align-items:center;gap:8px;margin:0;color:#64748b;font-size:14px;font-weight:500;cursor:pointer}.auth-remember-me input{width:16px;height:16px;cursor:pointer;accent-color:#2563eb}.auth-forgot-link{font-size:14px;font-weight:600;color:#2563eb;text-decoration:none;transition:color .2s}.auth-forgot-link:hover{color:#1e40af}.auth-login-btn{min-height:48px;border-radius:12px;background:linear-gradient(135deg,#2563eb,#0f766e);color:#fff;font-weight:700;font-size:14px;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 16px #2563eb4d}.auth-login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 24px #2563eb66}.auth-login-btn:disabled{opacity:.7;cursor:not-allowed}.auth-link{text-align:center;color:#64748b;font-size:14px}.auth-link a{color:#2563eb;font-weight:600;text-decoration:none;transition:color .2s}.auth-link a:hover{color:#1e40af}.auth-pricing-card{border-radius:20px;padding:24px 28px;background:linear-gradient(135deg,#0f766e0d,#2563eb0d);border:1.5px solid rgba(15,118,110,.15);box-shadow:0 12px 32px #0f172a14;animation:slideUp .6s ease-out .1s backwards}.auth-subscription-label{margin:0 0 8px;color:#0f766e;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.auth-pricing-card h3{margin:0 0 12px;font-size:32px;font-weight:800;color:#0f172a;line-height:1}.auth-pricing-card h3 span{font-size:14px;font-weight:500;color:#64748b;margin-left:6px}.auth-pricing-detail{margin:0 0 8px;font-size:14px;font-weight:700;color:#2563eb;line-height:1.5}.auth-pricing-included{margin:0 0 16px;font-size:14px;line-height:1.6;color:#475569}.auth-subscription-actions{display:flex;gap:12px;flex-wrap:wrap}.auth-cta{flex:1;min-height:42px;border-radius:10px;padding:0 18px;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;text-decoration:none;display:flex;align-items:center;justify-content:center}.auth-cta-primary{background:linear-gradient(135deg,#2563eb,#0f766e);color:#fff;box-shadow:0 6px 12px #2563eb40}.auth-cta-primary:hover{transform:translateY(-1px);box-shadow:0 8px 16px #2563eb59}.auth-cta-secondary{background:#fff;color:#2563eb;border:1.5px solid #2563eb}.auth-cta-secondary:hover{background:linear-gradient(135deg,#2563eb0d,#2563eb05)}.auth-register-hint{margin:0 0 16px;font-size:12px;color:#64748b;line-height:1.4}.auth-signup-link{text-align:center;margin-top:16px}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.auth-card .Alert{margin-bottom:20px;animation:slideUp .3s ease-out}@media(max-width:1280px){.auth-login-page{grid-template-columns:1fr;align-items:flex-start;gap:18px;padding:clamp(12px,2.5vw,18px);min-height:auto}.auth-login-left{height:auto}.auth-modules-grid{grid-template-columns:repeat(2,1fr);gap:8px}.auth-module-item{padding:8px 10px}.auth-panel{max-width:100%;width:100%;margin:0}.auth-hero-cta-banner{padding:12px;gap:8px}}@media(max-width:768px){.auth-login-page{grid-template-columns:1fr;gap:14px;padding:clamp(12px,2.5vw,18px)}.auth-brand-section h1{font-size:28px}.auth-brand-logo-inline{width:32px;height:32px;font-size:16px}.auth-brand-tagline{font-size:12px}.auth-hero-cta-banner{padding:12px;gap:8px}.auth-hero-cta-main{grid-template-columns:1fr;gap:8px}.auth-hero-trial,.auth-hero-pricing{padding:10px;gap:8px}.auth-hero-trial-badge,.auth-hero-pricing-badge{font-size:18px}.auth-hero-trial-text,.auth-hero-pricing-text{font-size:11px}.auth-modules-grid{grid-template-columns:repeat(2,1fr);gap:8px}.auth-modules-title{font-size:16px;margin-bottom:2px}.auth-modules-subtitle{font-size:12px;margin-bottom:6px}.auth-module-item{padding:8px 10px;font-size:12px}.auth-module-icon{font-size:16px}.auth-module-name{font-size:12px}.auth-login-card{padding:20px 16px}.auth-login-card h2{font-size:20px}.auth-floating-group input{min-height:40px}.form-row{grid-template-columns:1fr}.auth-subscription-actions{flex-direction:column}.auth-cta{min-height:40px;width:100%}}@media(max-width:480px){.auth-login-page{padding:clamp(10px,2.5vw,14px);gap:12px}.auth-brand-section{gap:8px}.auth-brand-section h1{font-size:clamp(24px,7vw,30px)}.auth-brand-logo-inline{width:28px;height:28px;font-size:14px}.auth-brand-tagline{font-size:11px;margin:0}.auth-hero-cta-banner{padding:10px;gap:6px}.auth-hero-cta-main{grid-template-columns:1fr;gap:6px}.auth-hero-trial,.auth-hero-pricing{padding:8px;gap:6px}.auth-hero-trial-badge,.auth-hero-pricing-badge{font-size:16px}.auth-hero-trial-text,.auth-hero-pricing-text{font-size:10px}.auth-hero-features{grid-template-columns:1fr;gap:6px}.auth-hero-feature{padding:8px;font-size:10px}.auth-modules-grid{grid-template-columns:1fr;gap:6px}.auth-modules-title{font-size:14px;margin-bottom:2px}.auth-modules-subtitle{font-size:11px;margin-bottom:6px}.auth-module-item{padding:7px 8px;font-size:11px}.auth-module-icon{font-size:15px}.auth-module-name{font-size:11px}.auth-login-card{padding:16px 12px}.auth-login-card h2{font-size:18px}.auth-subtitle{font-size:12px}.auth-floating-group label{left:12px;font-size:12px}.auth-floating-group input{min-height:36px;padding:12px 12px 4px;font-size:14px}.form-row{grid-template-columns:1fr}.auth-cta{min-height:36px;width:100%;font-size:14px}.auth-login-meta{flex-direction:column;align-items:flex-start;gap:6px;font-size:11px}}.auth-login-page--saas{grid-template-columns:1.05fr .95fr;gap:clamp(20px,3vw,44px);padding:clamp(20px,3vw,36px)}.auth-login-page--saas .auth-login-left{max-width:680px}.auth-login-page--saas .auth-login-hero{gap:20px}.auth-login-page--saas .auth-brand-section{gap:12px}.auth-login-page--saas .auth-brand-section h1{font-size:clamp(36px,4.8vw,52px)}.auth-login-page--saas .auth-brand-tagline{margin-top:4px;font-size:14px;font-weight:600;letter-spacing:.02em}.auth-login-message h2{margin:0;font-size:clamp(28px,3.6vw,40px);font-weight:800;letter-spacing:-.02em;line-height:1.1;color:#0f172a}.auth-login-message p{margin:12px 0 0;font-size:16px;line-height:1.65;color:#475569;max-width:58ch}.auth-login-positioning{padding:16px 18px;border-radius:14px;background:linear-gradient(135deg,#0f766e14,#2563eb14);border:1px solid rgba(15,118,110,.2)}.auth-login-positioning h3{margin:0;font-size:19px;font-weight:800;line-height:1.25;color:#0f172a}.auth-login-positioning p{margin:8px 0 0;font-size:14px;line-height:1.55;color:#334155}.auth-login-positioning-actions{margin-top:14px;display:flex;align-items:center}.auth-login-page--saas .auth-hero-cta-banner{gap:14px;padding:22px;border-radius:18px;background:linear-gradient(135deg,#2563eb14,#0f766e14);border:1px solid rgba(37,99,235,.22);box-shadow:0 12px 28px #0f172a14}.auth-hero-features-simple{grid-template-columns:1fr;gap:10px}.auth-login-page--saas .auth-hero-feature{background:linear-gradient(135deg,#fffffff2,#f8fafceb);border:1px solid rgba(37,99,235,.15);border-left:4px solid rgba(37,99,235,.45);font-size:15px;font-weight:600;line-height:1.5;padding:13px 15px;border-radius:10px}.auth-login-page--saas .auth-hero-feature span:first-child{width:20px;height:20px;font-size:12px}.auth-credibility-strip{display:flex;flex-wrap:wrap;gap:8px}.auth-credibility-strip span{border-radius:999px;background:#ffffffc7;border:1px solid rgba(15,118,110,.18);color:#0f766e;font-size:13px;font-weight:700;letter-spacing:.01em;padding:8px 13px}.auth-left-actions{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.auth-cta-large{min-width:260px;min-height:58px;padding:11px 22px;font-size:15px;font-weight:700}.auth-cta-highlight{flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;border-radius:14px;box-shadow:0 12px 28px #2563eb47}.auth-login-positioning .auth-cta-highlight{width:100%;max-width:360px}.auth-cta-main{font-size:15px;line-height:1.25;font-weight:800}.auth-cta-sub{font-size:12px;line-height:1.2;opacity:.95;font-weight:600}.auth-left-actions p{margin:0;color:#64748b;font-size:13px;line-height:1.5}.auth-login-page--saas .auth-panel{max-width:500px;justify-self:end;width:100%}.auth-login-page--saas .auth-login-card{border-radius:20px;padding:clamp(24px,3.2vw,38px)}.auth-login-page--saas .auth-login-card h2{font-size:30px}.auth-login-page--saas .auth-subtitle{margin:0 0 24px;font-size:14px}@media(max-width:1280px){.auth-login-page--saas{grid-template-columns:1fr;min-height:auto}.auth-login-page--saas .auth-panel{justify-self:stretch;max-width:100%}}@media(max-width:768px){.auth-login-page--saas{padding:16px;gap:16px}.auth-login-message h2{font-size:26px}.auth-login-message p{font-size:15px}.auth-login-positioning h3{font-size:17px}.auth-login-positioning p{font-size:13px}.auth-login-positioning-actions{margin-top:12px}.auth-login-page--saas .auth-hero-feature{font-size:14px;padding:10px 12px}.auth-login-page--saas .auth-login-card h2{font-size:24px}.auth-cta-large{width:100%}.auth-cta-main{font-size:14px}}.auth-register-page--enhanced .auth-login-hero{gap:16px}.auth-register-positioning h2{margin:0 0 6px;font-size:clamp(20px,2.6vw,28px);font-weight:800;color:#0f172a;line-height:1.2}.auth-register-positioning p{margin:0;max-width:62ch;color:#475569;font-size:15px;line-height:1.6}.auth-register-page--enhanced .auth-pricing-included{font-size:14px;line-height:1.65}@media(max-width:768px){.auth-register-positioning h2{font-size:20px}.auth-register-positioning p{font-size:14px}}@media(max-width:480px){.auth-login-page--saas .auth-login-message h2{font-size:23px}.auth-login-page--saas .auth-login-message p{font-size:14px}.auth-login-positioning{padding:12px 14px}.auth-login-positioning h3{font-size:16px}.auth-login-positioning p{font-size:13px}.auth-login-positioning .auth-cta-highlight{max-width:100%}.auth-login-page--saas .auth-login-card{padding:16px 14px}.auth-credibility-strip span{font-size:11px;padding:6px 10px}}.spinner-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;min-height:300px}.spinner{border:4px solid #f3f3f3;border-top:4px solid var(--color-primary);border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin-bottom:15px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-container p{color:var(--color-text-secondary);font-size:14px;margin:0}.dashboard{max-width:100%;width:100%;margin:0;padding:20px 16px 32px;background:var(--color-bg-light);min-height:100vh;box-sizing:border-box}.dashboard-subtitle{color:var(--color-text-secondary);font-size:16px;max-width:540px;line-height:1.5}.dashboard-hero{display:flex;justify-content:space-between;gap:16px;padding:20px 22px;margin-bottom:8px;background:linear-gradient(145deg,#f5f7ff,#eef6ff 45%,#fff);border-radius:24px;border:1px solid rgba(102,126,234,.15);position:relative;overflow:hidden;box-shadow:0 24px 48px #0f27500d}.dashboard-hero:after{content:"";position:absolute;right:-120px;top:-160px;width:340px;height:340px;background:radial-gradient(circle at center,rgba(102,126,234,.12),transparent 70%)}.hero-titles{max-width:620px;position:relative;z-index:1}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:16px}.hero-eyebrow:before{content:"";width:24px;height:2px;background:var(--color-primary);border-radius:999px}.dashboard-hero h1{font-size:26px;line-height:1.25;color:var(--color-text-primary);margin-bottom:12px;font-weight:700}.hero-actions{min-width:220px;display:flex;flex-direction:column;align-items:flex-end;gap:10px;position:relative;z-index:1}.hero-stats{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.hero-pill{display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;background:#2563eb14;color:var(--color-primary);font-weight:600;font-size:13px}.hero-trend{font-size:12px;font-weight:700;padding:6px 10px;border-radius:999px;background:#10b9811a;color:#047857}.hero-trend.negative{background:#ef44441a;color:#b91c1c}.btn-refresh{background:var(--color-primary);color:#fff;border:none;border-radius:10px;padding:10px 18px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;display:inline-flex;align-items:center;gap:8px;box-shadow:0 12px 20px #1a73e838}.btn-refresh svg{width:16px;height:16px}.btn-refresh:disabled{cursor:not-allowed;opacity:.75;box-shadow:none}.btn-refresh:not(:disabled):hover{transform:translateY(-2px)}.hero-updated{font-size:12px;color:var(--color-text-tertiary)}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:14px 0 18px}.quick-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid var(--color-border);background:var(--color-white);color:var(--color-text-primary);font-weight:600;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease;box-shadow:0 10px 20px #0f172a0f}.quick-action:hover{transform:translateY(-1px);box-shadow:0 14px 28px #0f172a14}.quick-action.primary{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;border-color:#2563eb66}.quick-action.muted{background:var(--color-bg-lighter)}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-bottom:20px}.insight-card{background:#fff;border-radius:20px;padding:16px;display:flex;gap:12px;align-items:center;position:relative;overflow:hidden;border:1px solid rgba(231,235,252,.9);box-shadow:0 18px 35px #1621480f}.insight-card:after{content:"";position:absolute;inset:0;opacity:.08;background:linear-gradient(135deg,var(--accent-light),transparent)}.insight-icon{width:58px;height:58px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--accent-color);background:#fffc;border:1px solid rgba(255,255,255,.6);position:relative;z-index:1}.insight-icon svg{width:28px;height:28px}.insight-content{display:flex;flex-direction:column;gap:6px;position:relative;z-index:1}.insight-title{font-size:14px;font-weight:600;color:var(--color-text-secondary);letter-spacing:.3px;text-transform:uppercase}.insight-value{font-size:26px;font-weight:700;color:var(--color-text-primary)}.insight-helper{font-size:12px;color:var(--color-text-secondary);line-height:1.4}.status-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.status-list li{display:flex;align-items:center;gap:12px}.status-label{min-width:120px;display:flex;flex-direction:column;gap:4px}.status-label span:first-child{font-weight:600;color:var(--color-text-primary)}.status-count{font-size:12px;color:var(--color-text-secondary)}.status-title{display:inline-flex;align-items:center;gap:8px}.status-dot{width:10px;height:10px;border-radius:999px;opacity:.9}.status-dot.status-draft{background:#f59e0b}.status-dot.status-posted{background:#10b981}.status-dot.status-approved{background:#3b82f6}.status-bar{flex:1;height:8px;background:var(--color-border);border-radius:4px;overflow:hidden}.status-bar-fill{height:100%;border-radius:4px;transition:width .3s ease}.status-draft{background:#f59e0b}.status-posted{background:#10b981}.status-approved{background:#3b82f6}.status-percentage{min-width:50px;text-align:right;font-size:12px;font-weight:600;color:var(--color-text-primary)}.account-mix{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.account-mix li{display:flex;flex-direction:column;gap:6px;padding:10px 0;border-bottom:1px solid #f3f4f6}.account-mix li:last-child{border-bottom:none}.account-line{display:flex;align-items:center;justify-content:space-between}.account-type{font-weight:700;color:var(--color-text-primary)}.account-count{font-size:12px;color:var(--color-text-secondary)}.account-percentage{font-weight:700;color:var(--color-text-primary)}.account-progress{width:100%;height:6px;background:var(--color-border);border-radius:999px;overflow:hidden}.account-progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:999px;transition:width .25s ease}.totals-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.totals-item{border:1px solid rgba(226,232,240,.9);border-radius:14px;padding:14px 16px;background:var(--color-white);box-shadow:inset 0 1px #ffffffb3,0 6px 14px #0f172a0f;display:flex;flex-direction:column;gap:6px;position:relative;overflow:hidden}.totals-item:after{content:"";position:absolute;inset:0;opacity:.12;background:linear-gradient(145deg,#eef2ff,transparent 55%);pointer-events:none}.totals-item-header{display:flex;align-items:center;gap:8px;z-index:1}.totals-icon{width:28px;height:28px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:#6366f11f;font-size:14px}.totals-icon svg{width:14px;height:14px}.totals-item.accent-indigo .totals-icon{background:#4f46e524;color:#4338ca}.totals-item.accent-sky .totals-icon{background:#0ea5e924;color:#0284c7}.totals-item.accent-emerald .totals-icon{background:#10b98124;color:#059669}.totals-item.accent-amber .totals-icon{background:#f59e0b2e;color:#d97706}.totals-meta{font-size:12px;color:var(--color-text-tertiary);z-index:1}.totals-label{font-size:12px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600;z-index:1}.totals-value{font-size:18px;font-weight:700;color:var(--color-text-primary);z-index:1}.totals-value.positive{color:#10b981}.totals-value.negative{color:#ef4444}.kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.kpi-label{font-size:12px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.kpi-value{font-size:16px;font-weight:700;color:var(--color-text-primary)}.summary-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-bottom:24px}.summary-card{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--color-white) 0%,var(--color-bg-lighter) 100%);border-radius:14px;padding:20px;box-shadow:0 10px 22px #0f172a0f;border:1px solid var(--color-border);transition:transform .18s ease,box-shadow .18s ease}.summary-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#6366f1,#22c55e,#0ea5e9);opacity:.85}.summary-card:hover{transform:translateY(-2px);box-shadow:0 16px 32px #0f172a1f}.summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.summary-header h2{font-size:18px;font-weight:600;color:var(--color-text-primary);margin:0}.summary-header span{font-size:12px;color:var(--color-text-secondary);font-weight:500}.dashboard-section{background:var(--color-white);border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 4px 6px #0000000d;border:1px solid var(--color-border)}.dashboard-section h2{font-size:20px;font-weight:600;color:var(--color-text-primary);margin:0 0 16px}.entries-table{width:100%;border-collapse:collapse;margin-top:16px}.entries-table th{background:var(--color-bg-lighter);padding:var(--space-4) var(--space-4);text-align:left;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--color-border);vertical-align:middle}.entries-table td{padding:var(--space-4) var(--space-4);border-bottom:1px solid var(--color-border);font-size:var(--font-size-base);color:var(--color-text-primary);transition:var(--transition);vertical-align:middle}.entries-table tbody tr:hover{background:#667eea0d;transition:var(--transition)}.entries-table tbody tr:nth-child(2n){background-color:var(--color-bg-light)}.entry-number{font-weight:600;color:var(--color-primary-dark)}.badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-draft{background:#fef3c7;color:#d97706}.badge-posted{background:#d1fae5;color:#065f46}.badge-approved{background:#dbeafe;color:#1e40af}.table-action{text-align:center}.link-view{color:#3b82f6;text-decoration:none;font-weight:500;font-size:12px}.link-view:hover{text-decoration:underline}.empty-state{text-align:center;padding:40px 20px;color:var(--color-text-secondary)}.quick-actions{background:var(--color-white);border-radius:12px;padding:24px;box-shadow:0 4px 6px #0000000d;border:1px solid var(--color-border)}.quick-actions h3{font-size:18px;font-weight:600;color:var(--color-text-primary);margin:0 0 16px}.action-buttons{display:flex;gap:12px}@media(max-width:768px){.dashboard{padding:16px}.dashboard-hero{padding:20px;flex-direction:column;gap:20px;text-align:center}.hero-titles{max-width:none}.hero-actions{min-width:auto;align-items:center}.hero-stats{justify-content:center}.insights-grid,.summary-panels,.totals-grid,.kpi-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}}.journal-entries-container{padding:20px 16px 32px;max-width:100%;margin:0;background:var(--color-bg-light);min-height:100vh;color:var(--color-text-primary)}.journal-entries-container h1{color:var(--color-text-primary);margin-bottom:var(--space-6);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.controls{display:flex;gap:var(--space-4);margin-bottom:var(--space-6);align-items:center;flex-wrap:wrap}.journal-entries-container .controls.list-toolbar{align-items:flex-end;flex-wrap:nowrap}.journal-entries-container .controls.list-toolbar>.btn{flex:0 0 auto}.journal-entries-container .controls.list-toolbar .header-filters-grid{display:flex;align-items:flex-end;justify-content:flex-end;gap:var(--space-3);flex:1 1 auto}.journal-entries-container .journal-search-group{flex:1 1 360px;max-width:520px}.journal-entries-container .journal-status-group{flex:0 0 220px}.filter-select{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:14px;cursor:pointer;min-height:40px;background-color:var(--color-white);color:var(--color-text-primary);transition:var(--transition)}.filter-select:hover{border-color:var(--color-primary)}.filter-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a}.entries-table{width:100%;border-collapse:collapse;background:var(--color-white);box-shadow:var(--shadow-lg);border-radius:var(--radius-xl);overflow:hidden}.entries-table thead{background-color:var(--color-bg-light);border-bottom:2px solid var(--color-border)}.entries-table th{padding:var(--space-4);text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px}.entries-table td{padding:var(--space-4);border-bottom:1px solid var(--color-border);font-size:var(--font-size-base);color:var(--color-text-primary)}.entries-table tbody tr{transition:var(--transition)}.entries-table tbody tr:hover{background-color:var(--color-bg-light)}.badge{display:inline-block;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.badge-draft{background-color:#f59e0b1a;color:#b45309}.badge-posted{background-color:#3b82f61a;color:#1e40af}.badge-approved{background-color:#22c55e1a;color:#15803d}.actions{display:flex;gap:var(--space-3);align-items:center}.btn-small{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);background-color:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.btn-small:hover{background-color:#5568d3;transform:translateY(-1px)}.btn-small:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-post{background-color:var(--color-success)}.btn-post:hover{background-color:#16a34a}.btn-approve{background-color:var(--color-primary)}.btn-approve:hover{background-color:#5568d3}.btn-delete{background-color:var(--color-danger)}.btn-delete:hover{background-color:#dc2626}.btn-view{background-color:var(--color-secondary)}.btn-view:hover{background-color:#6b3c96}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:6px}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group label{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:var(--font-size-sm);line-height:var(--line-height-tight)}.lines-section{margin:var(--space-6) 0}.lines-section h3{margin:0 0 var(--space-4) 0;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.lines-table{width:100%;border-collapse:collapse;margin-bottom:var(--space-4);border:1px solid var(--color-border);font-size:var(--font-size-sm);background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden}.lines-table thead{background:var(--color-bg-light)}.lines-table th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--font-weight-semibold);border-bottom:1px solid var(--color-border);font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;background-color:var(--color-bg-lighter);vertical-align:middle}.lines-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);color:var(--color-text-primary);transition:var(--transition);vertical-align:middle}.lines-table input,.lines-table select{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-sm);line-height:var(--line-height-normal);font-weight:var(--font-weight-normal);background-color:var(--color-white);transition:var(--transition)}.lines-table input:focus,.lines-table select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a}.lines-table tfoot{background-color:var(--color-bg-light);font-weight:var(--font-weight-semibold);border-top:2px solid var(--color-border)}.lines-table tfoot tr.balanced{background-color:#34d3991a;color:var(--color-success)}.lines-table tfoot tr.unbalanced{background-color:#ef44441a;color:var(--color-danger)}.btn-remove{background-color:var(--color-danger);color:var(--color-white);border:none;border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);cursor:pointer;font-weight:var(--font-weight-semibold);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);transition:var(--transition)}.btn-remove:hover{background-color:#dc2626;transform:translateY(-1px)}.btn-remove:disabled{opacity:.6;cursor:not-allowed;transform:none}.alert{padding:var(--space-4) var(--space-4);margin:var(--space-4) 0 0 0;border-radius:var(--radius-lg);font-size:var(--font-size-sm);line-height:var(--line-height-normal);border:1px solid}.alert-danger{background-color:#ef44440d;color:var(--color-danger);border-color:var(--color-danger)}.alert-warning{background-color:#f59e0b0d;color:#b45309;border-color:#f59e0b}.button-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin:var(--space-4) 0}@media(max-width:768px){.journal-entries-container{padding:var(--space-4)}.journal-entries-container h1{font-size:var(--font-size-3xl);margin-bottom:var(--space-4)}.form-row{grid-template-columns:1fr;gap:var(--space-3)}.controls{flex-direction:column;align-items:stretch;gap:var(--space-3)}.journal-entries-container .controls.list-toolbar{flex-wrap:wrap}.journal-entries-container .controls.list-toolbar .header-filters-grid{flex-direction:column;align-items:stretch;width:100%}.journal-entries-container .journal-search-group,.journal-entries-container .journal-status-group{flex:1 1 auto;max-width:none}.btn,.filter-select{width:100%}.entries-table{font-size:var(--font-size-sm)}.entries-table th,.entries-table td{padding:var(--space-3)}.lines-table th,.lines-table td{padding:var(--space-2) var(--space-3)}.actions{flex-wrap:wrap}}.journal-entries-container .modal-overlay .modal-content.modal-lg{width:min(85.5vw,1260px)!important;height:min(98vh,95vh)!important}.journal-entries-container .modal-overlay .modal-content.modal-lg .modal-header{padding:14px 16px;min-height:50px;background:var(--color-bg-lighter);border-bottom:1px solid var(--color-border)}.journal-entries-container .modal-overlay .modal-content.modal-lg .modal-body{padding:14px 16px;max-height:calc(98vh - 135px);overflow-y:auto}.journal-entries-container .modal-overlay .modal-content.modal-lg form{display:flex;flex-direction:column;gap:2px}.journal-entries-container .modal-overlay .modal-content.modal-lg .form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.journal-entries-container .modal-overlay .modal-content.modal-lg .form-row.full{grid-column:1 / -1}.journal-entries-container .modal-overlay .modal-content.modal-lg .form-group{display:flex;flex-direction:column;gap:2px}.journal-entries-container .modal-overlay .modal-content.modal-lg .form-group label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:0;padding:0;color:var(--color-text-secondary)}.journal-entries-container .modal-overlay .modal-content.modal-lg .form-group input,.journal-entries-container .modal-overlay .modal-content.modal-lg .form-group select,.journal-entries-container .modal-overlay .modal-content.modal-lg .form-group textarea{padding:7px 9px;font-size:13px;min-height:34px;border:1px solid var(--color-border);border-radius:5px;font-weight:500}.journal-entries-container .table-container{width:100%;overflow:auto}.journal-entries-container .entries-table{width:100%;min-width:980px}.journal-entries-container .entries-table th:nth-child(1),.journal-entries-container .entries-table td:nth-child(1){min-width:110px}.journal-entries-container .entries-table th:nth-child(2),.journal-entries-container .entries-table td:nth-child(2){min-width:120px}.journal-entries-container .entries-table th:nth-child(3),.journal-entries-container .entries-table td:nth-child(3){min-width:260px}.journal-entries-container .entries-table th:nth-child(4),.journal-entries-container .entries-table td:nth-child(4),.journal-entries-container .entries-table th:nth-child(5),.journal-entries-container .entries-table td:nth-child(5){min-width:140px}.journal-entries-container .entries-table th:nth-child(6),.journal-entries-container .entries-table td:nth-child(6){min-width:110px}.journal-entries-container .entries-table th:nth-child(7),.journal-entries-container .entries-table td:nth-child(7){min-width:130px}.journal-entries-container .modal-overlay.drawer-overlay .modal-content.right-drawer.journal-entry-drawer{width:clamp(72vw,82vw,90vw)!important;height:100dvh!important;max-height:100dvh!important}.journal-entry-view{max-width:100%;margin:0;padding:20px 16px 32px;background:#f3f4f6;min-height:100vh}.view-header{display:flex;align-items:center;gap:10px;margin-bottom:8px;position:relative}.btn-back{background:none;border:none;color:#667eea;font-size:16px;font-weight:600;cursor:pointer;padding:8px 12px;border-radius:6px;transition:all .3s}.btn-back:hover{background-color:#667eea1a}.view-header h1{flex:1;margin:0;color:#2c3e50;font-size:28px}.status-badge{display:inline-block;padding:8px 10px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge[data-status=draft]{background-color:#fff3cd;color:#856404}.status-badge[data-status=posted]{background-color:#d1ecf1;color:#0c5460}.status-badge[data-status=approved]{background-color:#d4edda;color:#155724}.status-badge[data-status=voided]{background-color:#f8d7da;color:#721c24}.entry-details{background:#fff;border-radius:10px;padding:8px;margin-bottom:4px;box-shadow:0 2px 12px #0000000f}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-bottom:6px}.detail-item{display:flex;flex-direction:column;gap:3px}.detail-item label{font-weight:600;color:#2c3e50;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.detail-item p{margin:0;color:#2c3e50;font-size:13px}.description-section,.category-section{margin-top:3px;padding-top:3px;border-top:1px solid #e0e6ed}.description-section label,.category-section label{font-weight:600;color:#2c3e50;font-size:11px;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:2px}.description-section p,.category-section p{margin:0;color:#2c3e50;font-size:13px;line-height:1.4}.lines-section{background:#fff;border-radius:10px;padding:6px;margin-bottom:4px;box-shadow:0 2px 12px #0000000f}.lines-section h2{margin-top:0;margin-bottom:4px;color:#2c3e50;font-size:16px;border-bottom:1px solid #f0f4ff;padding-bottom:2px}.lines-table{width:100%;border-collapse:collapse;font-size:12px}.lines-table thead{background-color:#f8fafc}.lines-table th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--font-weight-semibold);color:#1f2937;border-bottom:2px solid var(--color-border);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;background-color:var(--color-bg-lighter);vertical-align:middle}.lines-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);color:#374151;transition:var(--transition);vertical-align:middle}.lines-table tbody tr:hover{background-color:#667eea0d;transition:var(--transition)}.lines-table tbody tr:nth-child(2n){background-color:var(--color-bg-light)}.amount-column{text-align:right;font-family:Courier New,monospace;font-weight:500}.text-right{text-align:right}.lines-table tfoot{background-color:#f0f4ff;font-weight:600}.lines-table tfoot tr.balanced{background-color:#d4edda;color:#155724}.lines-table tfoot tr.unbalanced{background-color:#f8d7da;color:#721c24}.lines-table tfoot tr td{border-top:1px solid #667eea;padding:6px 8px}.no-lines{text-align:center;color:#7f8c8d;padding:10px 8px;font-style:italic}.audit-section{background:#fff;border-radius:10px;padding:8px;margin-bottom:8px;box-shadow:0 2px 12px #0000000f;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}.audit-item label{font-weight:600;color:#2c3e50;font-size:11px;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:2px}.audit-item p{margin:0;color:#7f8c8d;font-size:12px}.actions-section{display:flex;gap:6px;justify-content:flex-end;background:#fff;border-radius:10px;padding:6px;box-shadow:0 2px 12px #0000000f}.btn{padding:8px 16px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s;font-size:12px}.btn:disabled{opacity:.7;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #667eea4d}.btn-success{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff}.btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #2ecc714d}.btn-secondary{background-color:#ecf0f1;color:#2c3e50;border:2px solid #e0e6ed}.btn-secondary:hover:not(:disabled){background-color:#e0e6ed;transform:translateY(-1px)}@media(max-width:768px){.journal-entry-view{padding:10px}.view-header{flex-direction:column;align-items:flex-start}.view-header h1{font-size:22px}.details-grid{grid-template-columns:1fr}.entry-details,.lines-section,.audit-section,.actions-section{padding:20px}.lines-table{font-size:12px}.lines-table th,.lines-table td{padding:10px 8px}.actions-section{flex-direction:column}.btn{width:100%}}.chart-accounts{padding:20px}.chart-accounts h2{font-size:22px;color:var(--color-text-primary);margin-bottom:24px;font-weight:600;border-bottom:2px solid var(--color-border-light);padding-bottom:16px;display:flex;align-items:center;gap:10px}.chart-accounts h2:before{content:"📊";font-size:24px}.accounts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.btn-add{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:600;font-size:14px;transition:all .3s}.btn-add:hover{transform:translateY(-2px);box-shadow:0 8px 16px #667eea4d}.table-wrapper{background:var(--color-white);border-radius:10px;box-shadow:0 2px 12px #0000000f;overflow-x:auto;width:100%}.accounts-table{width:100%;border-collapse:collapse;table-layout:auto}.accounts-table thead{background-color:#f8fafc;position:sticky;top:0}.accounts-table th{padding:var(--space-4) var(--space-4);text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);border-bottom:2px solid var(--color-border);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;background-color:var(--color-bg-lighter);vertical-align:middle}.accounts-table td{padding:var(--space-4) var(--space-4);border-bottom:1px solid var(--color-border);color:var(--color-text-primary);font-size:var(--font-size-base);word-break:break-word;transition:var(--transition);vertical-align:middle}.accounts-table tbody tr:hover{background-color:#667eea0d;transition:var(--transition)}.accounts-table tbody tr:nth-child(2n){background-color:var(--color-bg-light)}.accounts-table tbody tr:last-child td{border-bottom:none}.col-id{width:12%;min-width:80px}.col-code{width:12%;min-width:100px}.col-name{width:20%;min-width:140px}.col-type{width:13%;min-width:110px}.col-subtype{width:15%;min-width:120px}.col-description{width:25%;min-width:150px}.col-actions{width:15%;min-width:120px;text-align:center}.type-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase}.type-asset{background-color:#e3f2fd;color:#1976d2}.type-liability{background-color:#f3e5f5;color:#7b1fa2}.type-equity{background-color:#e0f2f1;color:#00695c}.type-revenue{background-color:#e8f5e9;color:#2e7d32}.type-expense{background-color:#fff3e0;color:#f57c00}.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase}.status-active{background-color:#e8f5e9;color:#2e7d32}.status-inactive{background-color:#ffebee;color:#c62828}.btn-edit,.btn-delete{padding:6px 12px;border:none;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s;margin-right:4px}.btn-edit{background-color:#3498db;color:#fff}.btn-edit:hover{background-color:#2980b9;transform:translateY(-1px)}.btn-delete{background-color:#e74c3c;color:#fff}.btn-delete:hover{background-color:#c0392b;transform:translateY(-1px)}.modal{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:auto;max-width:90vw;max-height:85vh;overflow-y:auto;border-radius:var(--radius-lg);background:var(--color-white);padding:0;box-shadow:var(--shadow-lg)}.modal-overlay{position:fixed;inset:0;background-color:#0f172a73;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-overlay.drawer-overlay{justify-content:flex-end;align-items:stretch;padding:0}.modal.right-drawer{position:fixed;inset:0 0 0 auto;transform:none;width:clamp(50vw,62vw,72vw);max-width:92vw;height:100dvh;max-height:100dvh;border-radius:0;border-left:1px solid var(--color-border);box-shadow:-16px 0 32px #0c1e422e}.modal.right-drawer .modal-content{height:100%;padding:0;gap:0}.modal.right-drawer .modal-header{position:sticky;top:0;z-index:4}.modal.right-drawer .modal-body{flex:1;min-height:0;overflow-y:auto}.modal.right-drawer .modal-footer{position:sticky;bottom:0;z-index:4}@media(max-width:1024px){.modal.right-drawer{width:88vw;max-width:88vw}}@media(max-width:768px){.modal.right-drawer{width:100vw;max-width:100vw}}.modal-content{background:var(--color-white);padding:var(--space-4);border-radius:var(--radius-lg);width:100%;height:100%;display:flex;flex-direction:column;gap:var(--space-4)}.modal-content h3{font-size:var(--font-size-xl);color:var(--color-text-primary);margin:0;font-weight:var(--font-weight-semibold)}.alert{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-error{background-color:#fee;border:1px solid #fcc;color:#c33}.alert-success{background-color:#efe;border:1px solid #cfc;color:#3c3}.alert-icon{flex-shrink:0;font-weight:600}.alert-text{flex:1}.alert-close{flex-shrink:0;background:none;border:none;color:inherit;cursor:pointer;font-size:16px;padding:0;opacity:.6;transition:opacity .2s}.alert-close:hover{opacity:1}.modal-form{display:flex;flex-direction:column;gap:14px;flex:1}.form-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px}.form-group{display:flex;flex-direction:column;gap:5px;width:100%;flex:1}.form-group label{font-weight:600;color:var(--color-text-primary);font-size:14px}.form-group input,.form-group select,.form-group textarea{padding:12px 14px;border:1px solid var(--color-border);border-radius:8px;font-size:14px;font-family:inherit;background-color:var(--color-bg-light);transition:all .3s;box-sizing:border-box;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);background-color:var(--color-white);box-shadow:0 0 0 3px #2563eb1f}.form-group select:disabled{background-color:var(--color-bg-lighter);color:var(--color-text-tertiary);cursor:not-allowed}.form-group textarea{resize:vertical;min-height:64px;max-height:200px;overflow-y:auto}.chart-modal-footer{display:flex;justify-content:flex-end;gap:12px}.btn-save,.btn-cancel{padding:12px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s;font-size:14px;min-width:120px}.btn-save{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff}.btn-save:hover{transform:translateY(-2px);box-shadow:0 8px 16px #667eea4d}.btn-save:active{transform:translateY(0)}.btn-cancel{background-color:var(--color-bg-lighter);color:var(--color-text-primary)}.btn-cancel:hover{background-color:var(--color-bg-light)}.empty-state{text-align:center;padding:60px 20px;color:var(--color-text-secondary)}.empty-state p{font-size:16px;margin-bottom:20px}@media(max-width:768px){.chart-accounts{padding:15px}.chart-accounts h2{font-size:18px}.accounts-table th,.accounts-table td{padding:10px 8px;font-size:12px}.col-code,.col-name,.col-type,.col-subtype,.col-description,.col-actions{max-width:100px}.btn-edit,.btn-delete{padding:4px 8px;font-size:11px}.modal{width:auto;max-width:95vw;max-height:95vh}.modal-content{padding:var(--space-4)}.modal-content h3{font-size:var(--font-size-lg);margin-bottom:var(--space-4)}.form-group{gap:6px}.form-group label{font-size:13px}.modal-form{gap:16px}}@media(max-width:480px){.chart-accounts{padding:10px}.accounts-table{min-width:600px}.col-code,.col-name,.col-type,.col-subtype,.col-description,.col-actions{max-width:60px}.modal{width:auto;max-width:98vw;max-height:98vh}.modal-content{padding:var(--space-4)}.modal-content h3{font-size:var(--font-size-base);margin-bottom:var(--space-3)}.modal-buttons{flex-direction:column;gap:10px}.btn-save,.btn-cancel{width:100%;min-width:unset}.form-group label{font-size:12px}.form-group input,.form-group select,.form-group textarea{font-size:13px;padding:10px 12px}}.customer-picker{display:flex;flex-direction:column;gap:10px;position:relative}.customer-picker-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--border-color, #e0e6ed);border-radius:8px;background:#f8f9ff99}.customer-picker-summary-text{display:flex;flex-direction:column;gap:4px;min-width:0}.summary-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:#6c7a89}.summary-primary{font-size:14px;font-weight:600;color:#1f2533;word-break:break-word}.summary-secondary{font-size:12px;color:#6c7a89;word-break:break-word}.summary-action{align-self:center;padding:6px 10px;font-size:12px;font-weight:600;color:var(--primary-color, #667eea);background:transparent;border:1px solid rgba(102,126,234,.4);border-radius:999px;cursor:pointer;transition:all .2s ease}.summary-action:hover,.summary-action:focus{outline:none;background:#667eea14;border-color:var(--primary-color, #667eea)}.customer-picker-search{position:relative}.customer-picker-search input{width:100%;padding:12px 40px 12px 14px;border:1px solid var(--border-color, #e0e6ed);border-radius:8px;font-size:14px;transition:var(--transition, all .2s ease)}.customer-picker-search input:focus{outline:none;border-color:var(--primary-color, #667eea);box-shadow:0 0 0 3px #667eea26}.customer-picker-loading{position:absolute;top:50%;right:14px;width:14px;height:14px;margin-top:-7px;border-radius:50%;border:2px solid rgba(102,126,234,.25);border-top-color:var(--primary-color, #667eea);animation:customer-picker-spin .8s linear infinite}@keyframes customer-picker-spin{to{transform:rotate(360deg)}}.customer-picker-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid var(--border-color, #e0e6ed);border-radius:10px;box-shadow:0 14px 28px #0f1e3c1f;z-index:8;max-height:280px;overflow-y:auto}.customer-picker-message{padding:14px 16px;font-size:13px;color:#6c7a89}.customer-picker-dropdown ul{list-style:none;margin:0;padding:6px 0}.customer-picker-option{padding:10px 16px;display:flex;flex-direction:column;gap:4px;cursor:pointer;transition:background .15s ease}.customer-picker-option .option-primary{font-size:14px;font-weight:600;color:#1f2533}.customer-picker-option .option-secondary{font-size:12px;color:#6c7a89;word-break:break-word}.customer-picker-option.option-active{background:#667eea1f}.customer-picker-option.option-selected{border-left:3px solid var(--primary-color, #667eea);padding-left:13px}.customer-picker-open .customer-picker-search input{border-bottom-left-radius:10px;border-bottom-right-radius:10px}.invoices-page{padding:12px 16px;max-width:var(--container-6xl);margin:0 auto;background:var(--color-bg-light);min-height:100vh;overflow-x:hidden;box-sizing:border-box}.controls-section{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.control-group{display:flex;flex-direction:column;gap:4px;min-width:180px}.control-group select,.control-group input[type=date],.control-group input[type=text]{padding:6px 8px;border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-sm);background:var(--color-white);transition:var(--transition)}.control-group select:focus,.control-group input[type=date]:focus,.control-group input[type=text]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1f}.control-group select:hover,.control-group input[type=date]:hover,.control-group input[type=text]:hover{border-color:var(--color-primary)}.invoices-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,560px);gap:12px;align-items:start}.table-section{order:1}.preview-section{order:2}.layout-form-mode .table-section{order:-1}.invoices-table{width:100%;border-collapse:collapse;table-layout:auto;min-width:max-content}.invoices-table .numeric,.invoices-table .currency,.invoices-table td.numeric,.invoices-table td.currency{text-align:right;font-variant-numeric:tabular-nums}.invoices-table td.actions,.invoices-table td.action-column{text-align:right}.active-row{background:#3b82f61f;border-left:3px solid var(--color-primary)}.status-pill{padding:2px 8px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);transition:var(--transition)}.status-pill:hover{transform:translateY(-1px);box-shadow:var(--shadow-xs)}.status-sent{background:var(--status-sent-bg, #fff3cd);color:var(--status-sent-text, #8a6d3b)}.preview-section{display:flex;flex-direction:column}.preview-card{background:#fff;border-radius:18px;border:1px solid rgba(237,240,255,.9);box-shadow:0 18px 35px #0c1e420f;display:flex;flex-direction:column;height:100%;min-width:0}.preview-section.panel-full{grid-column:1 / -1}.preview-section.panel-full .preview-card{max-width:100%}.preview-header{padding:20px 24px;border-bottom:1px solid rgba(224,230,237,.7);display:flex;flex-direction:column;gap:16px}.panel-subtitle{margin:4px 0 0;color:#6c7a89;font-size:13px}.preview-controls{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.detail-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px}.detail-actions .action-group{display:flex;align-items:center;gap:8px}.detail-actions select{padding:8px 10px;border:1px solid var(--border-color, #e0e6ed);border-radius:6px;font-size:13px;background:#fff}.posting-rule-caption{display:flex;flex-direction:column;gap:4px;margin-top:6px;font-size:12px;color:#586174}.posting-rule-caption .caption-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:#425066}.posting-rule-caption p{margin:0;color:#6c7a89;line-height:1.4}.preview-body{flex:1;padding:20px 24px;display:flex;flex-direction:column;gap:20px;overflow-y:auto}.preview-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.trace-inline{margin-top:6px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.journal-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;background:#eaf0ff73;border-radius:12px;padding:16px}.journal-summary>div{display:flex;flex-direction:column;gap:4px;min-width:0}.journal-description{grid-column:1 / -1}.journal-description span:last-child{color:#2a2f3d}.meta-label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#6c7a89}.flag{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600}.flag-ok{background:#2ecc7126;color:#1b9e5f}.flag-error{background:#e74c3c26;color:#d93025}.issues-list{background:#fdf2f2;border:1px solid #f9d6d6;border-radius:12px;padding:16px}.issues-list h3{margin:0 0 10px;font-size:14px;color:#b9372b}.issues-list ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.issue-item{display:flex;gap:12px;align-items:flex-start}.issue-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.issue-icon{font-size:18px;min-width:24px;text-align:center}.stock-impact-card{border:1px solid rgba(224,230,237,.7);border-radius:12px;padding:16px;background:#eaf0ff4d}.stock-impact-card h3{margin:0 0 12px;font-size:14px;color:#1f2533}.stock-impact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.stock-impact-grid>div{display:flex;flex-direction:column;gap:4px}.help-drawer-section h4{margin:0 0 6px;font-size:14px}.help-drawer-section p{margin:0 0 6px;color:var(--color-text-secondary);line-height:1.45}.invoices-page{padding:0;max-width:none;margin:0;background:transparent;min-height:auto}.invoices-layout,.invoices-layout.single-column,.layout-form-mode{grid-template-columns:1fr}.invoices-table{min-width:100%;table-layout:auto}.preview-section,.preview-card{display:none}.invoices-modal{width:min(95vw,1600px)!important;height:98vh!important;--modal-max-width: 1360px}.invoices-modal .modal-header{align-items:center;min-height:40px;flex-shrink:0;padding:6px 10px;border-bottom:0!important;box-shadow:none;background:var(--color-bg-lighter)}.invoices-page .modal-overlay.drawer-overlay .modal-content.invoices-modal.right-drawer .modal-header{border-bottom:0!important;box-shadow:none!important;background:var(--color-bg-lighter)}.invoices-modal .modal-header h2{margin:0;font-size:16px;text-align:center}.invoices-modal .panel-subtitle{text-align:center}.invoices-modal .modal-body{max-height:calc(98vh - 118px);overflow-y:auto;overflow-x:hidden;padding:10px 12px}.invoices-page .page-header{align-items:flex-start}.invoices-page .header-actions{display:grid;grid-template-columns:minmax(420px,1fr) auto auto;align-items:end;gap:8px;width:min(100%,980px)}.invoices-page .header-filters-grid{grid-template-columns:minmax(240px,1fr) minmax(180px,220px);gap:8px;width:100%}.invoices-page .header-actions .control-group{min-width:0}.invoices-page .header-actions .control-group input,.invoices-page .header-actions .control-group select{min-height:34px;padding:6px 8px}.invoices-modal .invoice-form{gap:10px}.invoices-modal .invoice-form-top-row{width:100%}.invoices-modal .invoice-form-top-row .invoices-form-group{gap:6px}.invoices-modal .invoice-form-top-row .customer-picker-inline{display:grid;grid-template-columns:minmax(240px,1fr) minmax(340px,1.3fr);align-items:center;gap:10px}.invoices-modal .invoice-form-top-row .customer-picker-inline .customer-picker-summary{padding:8px 10px;min-height:42px;align-items:center}.invoices-modal .invoice-form-top-row .customer-picker-inline .customer-picker-summary-text{gap:2px}.invoices-modal .invoice-form-top-row .customer-picker-inline .summary-primary{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invoices-modal .invoice-form-top-row .customer-picker-inline .summary-secondary{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invoices-modal .invoice-form-top-row .customer-picker-inline .customer-picker-search input{min-height:42px;padding:9px 36px 9px 12px}.invoices-modal .line-items{width:100%;overflow-x:hidden;border-radius:8px}.invoices-modal .line-items-table{width:100%;min-width:0!important;table-layout:fixed}.invoices-modal .line-items-table th,.invoices-modal .line-items-table td{padding:8px 5px!important;vertical-align:middle;min-width:0}.invoices-modal .line-items-table th:nth-child(1),.invoices-modal .line-items-table td:nth-child(1){width:17%}.invoices-modal .line-items-table th:nth-child(2),.invoices-modal .line-items-table td:nth-child(2){width:8%}.invoices-modal .line-items-table th:nth-child(3),.invoices-modal .line-items-table td:nth-child(3){width:13%}.invoices-modal .line-items-table th:nth-child(4),.invoices-modal .line-items-table td:nth-child(4){width:7%}.invoices-modal .line-items-table th:nth-child(5),.invoices-modal .line-items-table td:nth-child(5){width:9%}.invoices-modal .line-items-table th:nth-child(6),.invoices-modal .line-items-table td:nth-child(6){width:8%}.invoices-modal .line-items-table th:nth-child(7),.invoices-modal .line-items-table td:nth-child(7){width:10%}.invoices-modal .line-items-table th:nth-child(8),.invoices-modal .line-items-table td:nth-child(8){width:12%}.invoices-modal .line-items-table th:nth-child(9),.invoices-modal .line-items-table td:nth-child(9){width:8%}.invoices-modal .line-items-table th:nth-child(10),.invoices-modal .line-items-table td:nth-child(10){width:8%}.invoices-modal .line-items-table td input,.invoices-modal .line-items-table td select{width:100%;min-width:0;min-height:38px;padding:7px 8px;font-size:13px;line-height:1.2;box-sizing:border-box}.invoices-modal .line-items-table td:nth-child(4) input,.invoices-modal .line-items-table td:nth-child(5) input,.invoices-modal .line-items-table td:nth-child(6) input,.invoices-modal .line-items-table td:nth-child(9){text-align:right}.invoices-modal .line-items-table th:nth-child(9),.invoices-modal .line-items-table td:nth-child(9){white-space:nowrap;overflow:visible;text-overflow:clip;color:var(--color-text-primary)!important;font-weight:var(--font-weight-semibold);padding-right:14px!important}.invoices-modal .line-items-table td.actions-cell{min-width:90px;display:flex;align-items:center;justify-content:flex-start!important;padding-left:12px!important;border-left:1px solid var(--color-border);white-space:nowrap}.invoices-modal .line-items-table .line-remove-link{appearance:none;border:0;background:transparent;color:var(--color-primary);text-decoration:underline;text-underline-offset:2px;font-size:13px;font-weight:var(--font-weight-semibold);line-height:1;padding:0;cursor:pointer;white-space:nowrap}.invoices-modal .line-items-table .line-remove-link:hover,.invoices-modal .line-items-table .line-remove-link:focus-visible{color:var(--color-primary-dark, var(--color-primary))}.invoices-modal .line-items-table td:nth-child(9){white-space:nowrap}@media(max-width:1200px){.invoices-page .header-actions{grid-template-columns:1fr auto;grid-template-areas:"filters help" "filters new";align-items:center}.invoices-page .header-actions .header-filters-grid{grid-area:filters}}@media(max-width:900px){.invoices-page .header-actions{grid-template-columns:1fr;width:100%}.invoices-page .header-filters-grid{grid-template-columns:1fr}.invoices-modal{width:95vw!important;height:98vh!important}}.preview-header{padding:0;border:0;gap:8px}.preview-body{padding:0;gap:16px;overflow:visible}.journal-summary,.stock-impact-card,.issues-list{border:1px solid var(--color-border);box-shadow:none;background:var(--color-bg-light)}.lines-table-wrapper{border:1px solid rgba(224,230,237,.7);border-radius:12px;overflow:hidden}.lines-table{width:100%;border-collapse:collapse}.lines-table th,.lines-table td{padding:12px 14px;border-bottom:1px solid rgba(224,230,237,.6);font-size:13px}.lines-table thead{background:#f8f9ff;font-weight:600;text-transform:uppercase;font-size:11px;color:#425066;letter-spacing:.5px}.lines-table .numeric{text-align:right;font-variant-numeric:tabular-nums}.lines-table tfoot td{font-weight:700;background:#eaf0ff73}.empty-state{padding:40px 24px;text-align:center;color:#6c7a89}.invoices-page .header-actions.list-toolbar{display:flex;align-items:flex-end;gap:var(--space-3);width:100%}.invoices-page .header-actions.list-toolbar .header-filters-grid{grid-template-columns:minmax(240px,1fr) minmax(180px,220px);gap:var(--space-3);width:auto;flex:1 1 560px}.invoices-page .table-container{width:100%;overflow:auto}.invoices-page .invoices-table{width:100%;min-width:980px}.invoices-page .invoices-table th:nth-child(1),.invoices-page .invoices-table td:nth-child(1){min-width:140px}.invoices-page .invoices-table th:nth-child(2),.invoices-page .invoices-table td:nth-child(2){min-width:120px}.invoices-page .invoices-table th:nth-child(3),.invoices-page .invoices-table td:nth-child(3),.invoices-page .invoices-table th:nth-child(4),.invoices-page .invoices-table td:nth-child(4){min-width:130px}.invoices-page .invoices-table th:nth-child(5),.invoices-page .invoices-table td:nth-child(5),.invoices-page .invoices-table th:nth-child(6),.invoices-page .invoices-table td:nth-child(6){min-width:140px}.invoices-page .invoices-table th:nth-child(7),.invoices-page .invoices-table td:nth-child(7){min-width:120px}.invoices-page .modal-overlay.drawer-overlay .modal-content.invoices-modal.right-drawer{width:min(95vw,1600px)!important;max-width:95vw!important;height:100dvh!important;max-height:100dvh!important}.invoices-page .modal-overlay.drawer-overlay .invoices-modal.right-drawer .modal-body{max-height:none;overflow-y:auto}@media(max-width:900px){.invoices-page .header-actions.list-toolbar{align-items:stretch}.invoices-page .header-actions.list-toolbar .header-filters-grid{grid-template-columns:1fr;flex-basis:100%;width:100%}.invoices-page .modal-overlay.drawer-overlay .modal-content.invoices-modal.right-drawer{width:95vw!important;max-width:95vw!important}.invoices-modal .invoice-form-top-row .customer-picker-inline{width:100%;grid-template-columns:1fr}}.preview-placeholder{padding:36px 24px;text-align:center;color:#7f8c8d}.panel-loading{padding:28px 20px;display:flex;align-items:center;justify-content:center}.detail-section{display:flex;flex-direction:column;gap:6px}.detail-section h3{margin:0;font-size:14px;color:#1f2533;text-transform:uppercase;letter-spacing:.6px}.detail-section p{margin:0;color:#2a2f3d;line-height:1.5}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px}.invoice-form{display:flex;flex-direction:column;gap:6px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.invoices-form-group{display:flex;flex-direction:column;gap:4px}.invoices-form-group label{font-size:12px;font-weight:600;color:var(--text-primary, #2c3e50);text-transform:uppercase;letter-spacing:.5px}.invoices-form-group input,.invoices-form-group select,.invoices-form-group textarea{padding:6px 8px;border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:14px;background:var(--color-white);transition:var(--transition);font-weight:400;min-height:36px}.invoices-form-group input:focus,.invoices-form-group select:focus,.invoices-form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1f}.invoices-form-group input:hover,.invoices-form-group select:hover,.invoices-form-group textarea:hover{border-color:var(--color-primary)}.invoices-form-group textarea{min-height:60px;resize:vertical}.line-items{width:100%;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg-light);overflow:hidden}.line-header{display:grid;grid-template-columns:minmax(180px,2.2fr) minmax(56px,.6fr) minmax(140px,1.4fr) minmax(72px,.6fr) minmax(90px,.9fr) minmax(76px,.7fr) minmax(76px,.7fr) minmax(140px,1.1fr) minmax(100px,1fr) 28px;gap:6px;padding:6px 8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.35px;color:#586174;background:#f5f6f8;border-bottom:1px solid var(--color-border);align-items:center;width:100%;box-sizing:border-box}.line-header span{padding:8px 6px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-right:1px solid #e5e7eb}.line-header span:last-child{border-right:none}.line-row{display:grid;grid-template-columns:minmax(180px,2.2fr) minmax(56px,.6fr) minmax(140px,1.4fr) minmax(72px,.6fr) minmax(90px,.9fr) minmax(76px,.7fr) minmax(76px,.7fr) minmax(140px,1.1fr) minmax(100px,1fr) 28px;gap:6px;align-items:center;padding:4px 6px;border-bottom:1px solid #f3f4f6;background:#fff;width:100%;box-sizing:border-box}.line-row input,.line-row select{width:100%;padding:8px 10px;border:none;border-right:1px solid #e5e7eb;border-radius:0;font-size:13px;background:#fff;transition:var(--transition, all .15s ease);min-height:40px;box-sizing:border-box;appearance:none}.line-row select{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 4px center;background-size:16px;padding-right:24px}.line-col-description{grid-column:1}.line-col-type{grid-column:2}.line-col-inventory{grid-column:3}.line-col-quantity{grid-column:4;text-align:right;padding-right:4px}.line-col-unit-price{grid-column:5;text-align:right;padding-right:4px}.line-col-discount{grid-column:6;text-align:right;padding-right:4px}.line-col-tax-rate{grid-column:7}.line-col-revenue-account{grid-column:8}.line-col-total{grid-column:9;text-align:right;padding-right:4px}.line-col-action{grid-column:10;display:flex;justify-content:center;padding:0 2px;border:none}.line-row input:focus,.line-row select:focus{outline:none;background:#f0f4ff;border-right-color:var(--primary-color, #667eea)}.line-total{text-align:right;font-variant-numeric:tabular-nums;font-weight:600;font-size:13px;padding:8px;overflow:hidden;text-overflow:ellipsis;display:block;width:100%;box-sizing:border-box;border-right:1px solid #e5e7eb}.icon-button{border:none;background:transparent;color:#8ca0b3;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;height:100%;width:100%;border-radius:0;transition:background .2s ease,color .2s ease;padding:0;flex-shrink:0;min-height:30px}.icon-button:disabled{cursor:not-allowed;opacity:.5}.icon-button:not(:disabled):hover{background:#667eea14;color:#3f51b5}.line-actions{display:flex;justify-content:flex-end}.totals-summary{display:flex;justify-content:flex-end;gap:16px;flex-wrap:wrap}.totals-summary div{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.form-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}@media(max-width:1100px){.invoices-layout{grid-template-columns:1fr}.preview-section{order:-1}}@media(max-width:640px){.invoices-page{padding:20px}.actions-cell{flex-direction:column;align-items:flex-start}.form-grid{grid-template-columns:1fr}.line-header,.line-row{gap:3px;padding-inline:3px}.line-header,.line-row{grid-template-columns:minmax(140px,1.2fr) minmax(70px,.75fr) minmax(140px,1.2fr) minmax(65px,.65fr) minmax(80px,.8fr) minmax(80px,.8fr) minmax(95px,.95fr) minmax(130px,1.2fr) minmax(80px,.8fr) 28px}.line-total{text-align:left}}.customers-page{padding:var(--space-6);max-width:var(--container-6xl);margin:0 auto;background:var(--color-bg-light);min-height:100vh;overflow-x:hidden;box-sizing:border-box}.customers-page{padding:0;max-width:none;margin:0;background:transparent;min-height:auto}.customers-layout,.layout-form-mode{grid-template-columns:1fr}.customers-table{min-width:100%;table-layout:auto}.customers-table td:nth-child(1),.customers-table td:nth-child(4){cursor:default}.customers-table td:nth-child(1):hover,.customers-table td:nth-child(4):hover{overflow:hidden;white-space:nowrap;background:transparent;box-shadow:none;border-radius:0;padding:inherit}.customers-table th,.customers-table td{white-space:nowrap}.customers-table td:nth-child(1),.customers-table td:nth-child(4){text-overflow:ellipsis;overflow:hidden}.customers-modal{--modal-max-width: 1100px;width:min(85vw,1100px)!important;height:75vh!important}.customers-modal .modal-header{padding:10px 12px}.customers-modal .modal-body{padding:8px 10px}.customer-form{display:flex;flex-direction:column;gap:8px}.customers-form-group input,.customers-form-group select,.customers-form-group textarea{border-width:1px;border-color:var(--color-border);border-radius:var(--radius-lg);box-shadow:none}.customers-form-group input:focus,.customers-form-group select:focus,.customers-form-group textarea:focus{transform:none;box-shadow:0 0 0 3px #667eea1a}.page-header-icon{font-size:32px;margin-right:12px}.control-group{display:flex;flex-direction:column;gap:4px;min-width:200px}.control-group select,.control-group input[type=text]{padding:6px 8px;border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-base);background:var(--color-white);transition:var(--transition);font-weight:var(--font-weight-normal)}.control-group select:focus,.control-group input[type=text]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1f}.control-group select:hover,.control-group input[type=text]:hover{border-color:var(--color-primary)}.customers-layout{display:grid;grid-template-columns:1fr;gap:12px;align-items:start;padding:12px 16px}.layout-form-mode{grid-template-columns:minmax(0,1fr)}.table-section{background:var(--color-white);border-radius:8px;border:1px solid var(--color-border);box-shadow:var(--shadow-xs);display:flex;flex-direction:column;overflow:hidden}.table-section .table-container::-webkit-scrollbar{height:8px}.table-section .table-container::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.table-section .table-container::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:4px}.table-section .table-container::-webkit-scrollbar-thumb:hover{background:#667eea80}.customers-table{width:100%;border-collapse:collapse;table-layout:auto;min-width:max-content}.customers-table th:nth-child(1),.customers-table td:nth-child(1){min-width:180px}.customers-table th:nth-child(2),.customers-table td:nth-child(2){min-width:100px}.customers-table th:nth-child(3),.customers-table td:nth-child(3){min-width:80px}.customers-table th:nth-child(4),.customers-table td:nth-child(4){min-width:160px}.customers-table th:nth-child(5),.customers-table td:nth-child(5){min-width:120px}.customers-table th:nth-child(6),.customers-table td:nth-child(6){min-width:100px}.customers-table th:nth-child(7),.customers-table td:nth-child(7){min-width:70px}.customers-table th:nth-child(8),.customers-table td:nth-child(8){min-width:100px}.customers-table th{position:sticky;top:0;z-index:5}.customers-table td:nth-child(1){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;cursor:pointer;font-weight:600}.customers-table td:nth-child(1):hover{overflow:visible;white-space:normal;background:#3b82f60f;z-index:10;position:relative;box-shadow:0 2px 8px #0000001a;border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.customers-table td:nth-child(4){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;cursor:pointer;font-size:13px}.customers-table td:nth-child(4):hover{overflow:visible;white-space:normal;background:#3b82f60f;z-index:10;position:relative;box-shadow:0 2px 8px #0000001a;border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.customers-table th:last-child,.customers-table td:last-child{text-align:center}.customers-table .numeric{text-align:right}.actions-cell{min-width:80px}.active-row{background:var(--background-accent, rgba(102, 126, 234, .08));border-left:4px solid var(--primary-color, #667eea)}.status-pill{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:var(--transition, all .3s ease);border:1px solid transparent}.status-pill:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm, 0 2px 8px rgba(12, 30, 66, .1))}.status-active{background:var(--status-active-bg, #e8f5e9);color:var(--status-active-text, #2e7d32)}.status-inactive{background:var(--status-inactive-bg, #f0f4ff);color:var(--status-inactive-text, #3f51b5)}.status-archived{background:var(--status-archived-bg, #fff3cd);color:var(--status-archived-text, #8a6d3b)}.panel-section{display:flex;flex-direction:column}.panel-card{background:var(--card-background, #ffffff);border-radius:var(--border-radius-lg, 20px);border:1px solid var(--border-color-light, rgba(237, 240, 255, .9));box-shadow:var(--shadow-lg, 0 12px 32px rgba(12, 30, 66, .08));display:flex;flex-direction:column;min-width:0;transition:var(--transition, all .3s ease)}.panel-card:hover{box-shadow:var(--shadow-xl, 0 16px 40px rgba(12, 30, 66, .12))}.panel-header{padding:24px 28px;border-bottom:1px solid var(--border-color-light, rgba(224, 230, 237, .7));display:flex;justify-content:space-between;gap:16px;align-items:center;background:var(--background-light, #f8fafc)}.panel-header h2{margin:0;font-size:20px;font-weight:600;color:var(--text-primary, #1f2533);background:linear-gradient(135deg,var(--primary-color, #667eea),var(--secondary-color, #764ba2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.customers-page .modal-overlay.drawer-overlay .modal-content.customers-modal.right-drawer{width:clamp(72vw,84vw,90vw)!important;max-width:90vw!important;height:100dvh!important;max-height:100dvh!important}.customers-page .modal-overlay.drawer-overlay .customers-modal.right-drawer .modal-body{overflow-y:auto}.customers-page .header-actions.list-toolbar{display:flex;align-items:flex-end;gap:var(--space-3);width:100%}.customers-page .header-actions.list-toolbar .header-filters-grid{grid-template-columns:minmax(240px,1fr) minmax(180px,220px);gap:var(--space-3);width:auto;flex:1 1 560px}@media(max-width:768px){.customers-page .modal-overlay.drawer-overlay .modal-content.customers-modal.right-drawer{width:100vw!important;max-width:100vw!important}.customers-page .header-actions.list-toolbar{align-items:stretch}.customers-page .header-actions.list-toolbar .header-filters-grid{grid-template-columns:1fr;flex-basis:100%;width:100%}}.panel-subtitle{margin:4px 0 0;color:var(--text-secondary, #6c7a89);font-size:13px;font-weight:500}.panel-body{padding:12px}.detail-actions{display:flex;gap:10px}.panel-loading{padding:16px;text-align:center}.customer-form{display:flex;flex-direction:column;gap:12px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(max-width:768px){.form-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.form-grid{grid-template-columns:1fr}}.customers-form-group{display:flex;flex-direction:column;gap:6px}.customers-form-group label{font-size:11px;font-weight:600;color:var(--text-primary, #2c3e50);text-transform:uppercase;letter-spacing:.5px}.customers-form-group input,.customers-form-group select,.customers-form-group textarea{padding:8px 10px;border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:13px;background:var(--color-white);transition:var(--transition);font-weight:400;min-height:36px}.customers-form-group input:focus,.customers-form-group select:focus,.customers-form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1f}.customers-form-group input:hover,.customers-form-group select:hover,.customers-form-group textarea:hover{border-color:var(--color-primary)}.customers-form-group textarea{min-height:60px;resize:vertical}.form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:12px;border-top:1px solid var(--border-color-light, rgba(224, 230, 237, .5))}.detail-body{display:flex;flex-direction:column;gap:18px}.detail-section h3{margin:0 0 16px;font-size:14px;font-weight:600;color:var(--text-primary, #1f2533);text-transform:uppercase;letter-spacing:.8px;background:linear-gradient(135deg,var(--primary-color, #667eea),var(--secondary-color, #764ba2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.detail-grid div{display:flex;flex-direction:column;gap:4px;padding:12px 14px;background:var(--background-light, #f8fafc);border-radius:var(--border-radius, 10px);border:1px solid var(--border-color-light, rgba(224, 230, 237, .7));transition:var(--transition, all .3s ease)}.detail-grid div:hover{border-color:var(--primary-color, #667eea);box-shadow:var(--shadow-sm, 0 4px 12px rgba(12, 30, 66, .08))}.meta-label{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted, #6c7a89);font-weight:600}.detail-grid div span:last-child{font-size:14px;font-weight:600;color:var(--text-primary, #1f2533)}.detail-notes{margin:16px 0 0;color:var(--text-primary, #2a2f3d);line-height:1.6;padding:12px 14px;background:var(--background-light, #f8fafc);border-radius:var(--border-radius, 10px);border:1px solid var(--border-color-light, rgba(224, 230, 237, .7))}.empty-state{padding:32px 24px;text-align:center;color:var(--text-secondary, #6c7a89);background:var(--card-background, #ffffff);border-radius:var(--border-radius-lg, 20px);border:1px solid var(--border-color-light, rgba(237, 240, 255, .9));box-shadow:var(--shadow-lg, 0 12px 32px rgba(12, 30, 66, .08));font-size:16px;font-weight:500}.empty-panel{text-align:center;padding:32px 20px;color:var(--text-secondary, #6c7a89)}.empty-panel h3{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--text-primary, #1f2533)}.empty-panel .panel-subtitle{margin:0;font-size:14px}@media(max-width:1024px){.customers-table{min-width:700px}.customers-table th:nth-child(1),.customers-table td:nth-child(1){width:28%;min-width:160px;max-width:200px}.customers-table th:nth-child(4),.customers-table td:nth-child(4){width:28%;min-width:140px;max-width:180px}.customers-table th:nth-child(5),.customers-table td:nth-child(5){width:20%;min-width:110px}.customers-table th:nth-child(6),.customers-table td:nth-child(6){width:18%;min-width:140px}.customers-table th:nth-child(7),.customers-table td:nth-child(7){width:12%;min-width:60px}.tablet-only,.desktop-only{display:table-cell}}@media(max-width:768px){.customers-page{padding:16px;gap:16px}.page-header{flex-direction:column;align-items:flex-start;gap:8px}.page-header h1{font-size:24px}.header-actions{width:100%;justify-content:space-between}.control-group{min-width:140px}.customers-layout{grid-template-columns:1fr;gap:16px}.form-grid{grid-template-columns:1fr}.customers-table{min-width:600px;table-layout:auto}.customers-table th,.customers-table td{padding:10px 6px;font-size:13px;white-space:nowrap}.customers-table th:nth-child(2),.customers-table td:nth-child(2){min-width:120px}.customers-table th:nth-child(5),.customers-table td:nth-child(5){min-width:120px}.customers-table th:nth-child(6),.customers-table td:nth-child(6){min-width:140px}.customers-table th:nth-child(7),.customers-table td:nth-child(7){min-width:100px}.customers-table th:nth-child(1),.customers-table td:nth-child(1){width:auto;min-width:140px;max-width:180px}.customers-table th:nth-child(3),.customers-table td:nth-child(3){width:auto;min-width:80px}.customers-table th:nth-child(4),.customers-table td:nth-child(4){width:auto;min-width:120px;max-width:160px}.customers-table th:nth-child(8),.customers-table td:nth-child(8){width:auto;min-width:80px}.customers-table th:last-child,.customers-table td:last-child{position:static;box-shadow:none}.actions-cell{flex-direction:row;gap:4px;min-width:80px;justify-content:center}.actions-cell .btn{padding:6px 8px;font-size:11px;min-width:32px;height:32px}.tablet-only,.desktop-only{display:table-cell}}.vendors-page{padding:20px 16px 32px;max-width:100%;margin:0;background:var(--color-bg-light);min-height:100vh;font-family:var(--font-family-base);color:var(--color-text-primary);overflow-x:hidden;box-sizing:border-box}.vendors-page .page-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4);margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--color-border)}.vendors-page .page-header h1{margin:0;font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:-.03em}.vendors-page .page-subtitle{margin:var(--space-1) 0 0;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal)}.vendors-page .header-actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.controls-section{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.control-group{display:flex;flex-direction:column;gap:var(--space-1);min-width:180px}.control-group label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.control-group select,.control-group input[type=text]{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-sm);background:var(--color-white);transition:var(--transition);font-weight:var(--font-weight-normal)}.control-group select:focus,.control-group input[type=text]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb26}.control-group select:hover,.control-group input[type=text]:hover{border-color:var(--color-text-tertiary)}.vendors-layout{display:grid;grid-template-columns:1fr;gap:var(--space-5);align-items:start}.layout-form-mode{grid-template-columns:1fr}.vendors-table thead{background:var(--color-bg-lighter)}.vendors-table th{padding:var(--space-2) var(--space-3);text-align:left;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);background-color:var(--color-bg-lighter);position:sticky;top:0;z-index:5;vertical-align:middle}.vendors-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary);font-size:var(--font-size-sm)}.vendors-table tbody tr:nth-child(2n){background-color:var(--color-bg-light)}.vendors-table tbody tr:hover{background-color:#2563eb0f;transition:var(--transition)}.vendors-table tbody tr:last-child td{border-bottom:none}.vendors-table td.actions,.vendors-table td.action-column{text-align:center}.vendors-table td.numeric,.vendors-table td.currency{text-align:right;font-variant-numeric:tabular-nums}.actions-cell{display:flex;gap:var(--space-2);justify-content:flex-end;align-items:center}.detail-panel{display:flex;flex-direction:column;min-width:0}.panel-card{background:var(--color-white);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;min-width:0;transition:var(--transition);position:relative;overflow:hidden}.panel-card:hover{box-shadow:var(--shadow-md)}.panel-header{padding:24px;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;gap:16px;align-items:center;background:var(--color-bg-light)}.panel-header h2{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.panel-subtitle{margin:4px 0 0;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal)}.panel-loading{padding:24px}.vendor-form{display:flex;flex-direction:column;gap:var(--space-4)}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(200px,1fr));gap:var(--space-4)}.form-field label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.form-field input,.form-field select,.form-field textarea{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-sm);background:var(--color-white);transition:var(--transition);min-height:40px;line-height:var(--line-height-normal);color:var(--color-text-primary)}.form-field input:hover,.form-field select:hover,.form-field textarea:hover{border-color:var(--color-text-tertiary)}.form-field textarea{min-height:90px;resize:vertical;line-height:var(--line-height-normal)}.form-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;padding:0 24px 24px}.detail-body{padding:0;display:flex;flex-direction:column;gap:var(--space-4)}.detail-section h3{margin:0 0 var(--space-3);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-5)}.meta-label{display:block;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-secondary);margin-bottom:var(--space-1);font-weight:var(--font-weight-semibold)}.vendor-name{display:flex;flex-direction:column;gap:2px}.vendor-name strong{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.muted{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal)}.status-active{background:#2ecc711f;color:var(--color-success);padding:4px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);border:1px solid rgba(46,204,113,.2)}.status-inactive{background:#f39c121f;color:var(--color-warning);padding:4px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);border:1px solid rgba(243,156,18,.2)}.status-archived{background:#3498db1f;color:var(--color-info);padding:4px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);border:1px solid rgba(52,152,219,.2)}.empty-state{padding:var(--space-10) var(--space-8);text-align:center;color:var(--color-text-secondary);background:var(--color-white);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);position:relative}.empty-state:before{content:"🏢";font-size:40px;display:block;margin-bottom:var(--space-4);opacity:.6}.empty-state p{margin:0}.panel-placeholder{padding:var(--space-8) var(--space-6);color:var(--color-text-secondary);text-align:center;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}.panel-placeholder:before{content:"📋";font-size:28px;display:block;margin-bottom:var(--space-3);opacity:.7}.action-btn{background:linear-gradient(135deg,var(--color-bg-light) 0%,var(--color-bg-lighter) 100%);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:36px;height:36px;min-width:36px;min-height:36px;padding:0;cursor:pointer;color:var(--color-primary);display:inline-flex;align-items:center;justify-content:center;transition:var(--transition);flex-shrink:0}.action-btn:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:var(--color-primary-dark);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #2563eb26}.action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.action-btn svg{width:16px;height:16px}@media(max-width:1100px){.vendors-layout{grid-template-columns:1fr}.vendors-table{min-width:auto}.vendors-table th:last-child,.vendors-table td:last-child{position:static;box-shadow:none}.actions-cell{flex-direction:row;gap:var(--space-2)}.form-grid{grid-template-columns:repeat(2,minmax(200px,1fr));gap:var(--space-4)}.detail-grid{grid-template-columns:1fr;gap:var(--space-3)}.vendors-page .modal-content{width:min(714px,94vw)}}@media(max-width:768px){.vendors-page .modal-overlay{padding:var(--space-2)}.vendors-page .modal-content{width:min(96vw,720px);max-height:95vh}.vendors-page .modal-header,.vendors-page .modal-body,.vendors-page .modal-footer{padding:var(--space-3)}.form-grid,.detail-grid{grid-template-columns:1fr}.actions-cell{flex-direction:row;gap:var(--space-2)}}@media(max-width:480px){.vendors-page{padding:var(--space-3)}.vendors-page .page-header{flex-direction:column;align-items:flex-start}.vendors-page .header-actions{flex-direction:column;width:100%}.control-group{width:100%;min-width:auto}.vendors-page .modal-header{padding:var(--space-2)}.vendors-page .modal-body{padding:var(--space-3)}.vendors-page .modal-footer{padding:var(--space-2);flex-direction:column-reverse}.form-grid{grid-template-columns:1fr}.action-btn{width:32px;height:32px;min-width:32px;min-height:32px}}.vendors-page .modal-overlay{position:fixed;inset:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-overlay);padding:var(--space-2)}.vendors-page .modal-overlay.drawer-overlay{justify-content:flex-end;align-items:stretch;padding:0}.vendors-page .modal-content{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:min(1100px,94vw);display:flex;flex-direction:column;overflow:hidden;max-height:90vh}.vendors-page .modal-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-bg-lighter)}.vendors-page .modal-header-content h2{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-align:center}.vendors-page .modal-subtitle{margin:var(--space-1) 0 0;font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-normal);text-align:center}.vendors-page .modal-body{flex:1;padding:var(--space-4);overflow-y:auto}.vendors-page .modal-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);background:var(--color-bg-lighter);display:flex;justify-content:flex-end;gap:var(--space-2)}.vendors-page .modal-actions{display:flex;gap:var(--space-2)}@media(max-width:768px){.vendors-page .modal-overlay{padding:var(--space-2)}.vendors-page .modal-content{width:min(96vw,720px);max-height:95vh}.vendors-page .modal-header,.vendors-page .modal-body,.vendors-page .modal-footer{padding:var(--space-3)}.form-grid{grid-template-columns:1fr}}.vendors-page .header-actions.list-toolbar{display:flex;align-items:flex-end;gap:var(--space-3);width:100%}.vendors-page .header-actions.list-toolbar .header-filters-grid{grid-template-columns:minmax(240px,1fr) minmax(180px,220px);gap:var(--space-3);width:auto;flex:1 1 560px}.vendors-page .table-container{width:100%;overflow:auto}.vendors-page .vendors-table{width:100%;min-width:980px}.vendors-page .vendors-table th:nth-child(1),.vendors-page .vendors-table td:nth-child(1){min-width:220px}.vendors-page .vendors-table th:nth-child(2),.vendors-page .vendors-table td:nth-child(2){min-width:100px}.vendors-page .vendors-table th:nth-child(3),.vendors-page .vendors-table td:nth-child(3){min-width:180px}.vendors-page .vendors-table th:nth-child(4),.vendors-page .vendors-table td:nth-child(4){min-width:140px}.vendors-page .vendors-table th:nth-child(5),.vendors-page .vendors-table td:nth-child(5){min-width:140px}.vendors-page .vendors-table th:nth-child(6),.vendors-page .vendors-table td:nth-child(6){min-width:100px}.vendors-page .vendors-table th:nth-child(7),.vendors-page .vendors-table td:nth-child(7){min-width:120px}.vendors-page .modal-content.right-drawer{width:clamp(72vw,84vw,90vw)!important;max-width:90vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0}.vendors-page .modal-content.right-drawer .modal-body{overflow-y:auto}@media(max-width:900px){.vendors-page .header-actions.list-toolbar{align-items:stretch}.vendors-page .header-actions.list-toolbar .header-filters-grid{grid-template-columns:1fr;flex-basis:100%;width:100%}.vendors-page .modal-content.right-drawer{width:100vw!important;max-width:100vw!important}}.page-subtitle{margin:2px 0 0;color:var(--color-text-secondary);font-size:14px;font-weight:400}.header-actions{display:flex;align-items:center;gap:1px;flex-wrap:wrap}.controls-section{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.control-group label{font-size:12px;font-weight:600;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.5px}.control-group select{padding:6px 8px;border:2px solid var(--color-border);border-radius:8px;font-size:var(--font-size-base);background:var(--color-white);transition:var(--transition)}.control-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px #667eea26;transform:translateY(-1px)}.btn-new{font-weight:var(--font-weight-semibold)}.page-subtitle{margin:4px 0 0;color:#6c7a89;font-size:14px}.header-actions{display:flex;align-items:flex-end;gap:5px;flex-wrap:wrap}.control-group{display:flex;flex-direction:column;gap:2px;min-width:180px}.control-group label{font-size:12px;font-weight:600;color:#2c3e50;text-transform:uppercase;letter-spacing:.5px}.control-group select{padding:5px 6px;border:1px solid var(--border-color, #e0e6ed);border-radius:6px;font-size:14px;background-color:#fff}.table-container{background:#fff;border-radius:8px;overflow:auto;display:flex;flex-direction:column;border:1px solid #e5e7eb;width:100%;margin-bottom:8px}.payments-table th,.payments-table td{min-width:80px;max-width:240px;word-break:break-word;padding:5px 6px;text-align:left;border-bottom:1px solid #f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background-color .2s ease;font-family:inherit}.payments-table th{padding:var(--space-4) var(--space-4);background:var(--color-bg-lighter);color:#1f2937;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.5px;text-transform:uppercase;border-bottom:2px solid var(--color-border);position:sticky;top:0;z-index:10;font-family:inherit;font-variant-numeric:tabular-nums;vertical-align:middle}.payments-table tbody tr{transition:var(--transition)}.payments-table tbody tr:hover{background-color:#667eea0d}.payments-table tbody tr:active{background-color:#667eea1a}.payments-table td{padding:var(--space-4) var(--space-4);color:#374151;font-size:var(--font-size-base);background:transparent;font-weight:var(--font-weight-normal);font-family:inherit;font-variant-numeric:tabular-nums;line-height:var(--line-height-normal);border-bottom:1px solid var(--color-border);vertical-align:middle}.bills-table{width:100%;border-collapse:collapse;min-width:980px}.bills-table thead{background:#f8f9ff}.bills-table th{padding:var(--space-4) var(--space-4);text-align:left;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;color:#1f2937;border-bottom:2px solid var(--color-border);background-color:var(--color-bg-lighter);vertical-align:middle}.bills-table td{padding:var(--space-4) var(--space-4);border-bottom:1px solid var(--color-border);color:#374151;font-size:var(--font-size-base);font-weight:var(--font-weight-normal);transition:var(--transition);vertical-align:middle}.bills-table tbody tr:hover{background-color:#667eea0d;transition:var(--transition)}.bills-table tbody tr:nth-child(2n){background-color:var(--color-bg-light)}.bills-table tbody tr:last-child td{border-bottom:none}.actions-cell{display:flex;gap:var(--space-3);justify-content:center;align-items:center}.actions-header{text-align:center}.numeric{text-align:right;font-variant-numeric:tabular-nums}.status-pill{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide)}.status-draft{background:var(--status-draft-bg, #f0f4ff);color:var(--status-draft-text, #3f51b5)}.status-approved{background:var(--status-approved-bg, #e8f5e9);color:var(--status-approved-text, #2e7d32)}.status-posted{background:var(--status-posted-bg, #d1ecf1);color:var(--status-posted-text, #0c5460)}.status-voided{background:var(--status-voided-bg, #f8d7da);color:var(--status-voided-text, #721c24)}.receipt-match-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.receipt-match-actions{display:flex;align-items:center;gap:var(--space-2)}.receipt-match-error{color:var(--color-danger, #b42318);margin:var(--space-2) 0}.receipt-match-list{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-3)}.receipt-match-line{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);background:var(--color-bg-light)}.receipt-match-line-header{display:flex;justify-content:space-between;gap:var(--space-3);align-items:flex-start;margin-bottom:var(--space-3)}.receipt-match-line-header p{margin:2px 0 0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.receipt-match-line-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-2);font-size:var(--font-size-sm)}.receipt-match-input{width:110px;text-align:right}.receipt-match-table .meta-text{color:var(--color-text-secondary);font-size:var(--font-size-xs);margin-top:2px}.posting-breakdown{margin-top:var(--space-3);display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3)}.posting-breakdown div{display:flex;flex-direction:column;gap:2px}.posting-issue-item{margin-bottom:var(--space-2)}.posting-issue-item p{margin:4px 0 0}.posting-issue-head{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.severity-chip{display:inline-flex;align-items:center;border-radius:var(--radius-full);padding:2px 8px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.severity-error{background:#dc262626;color:#b42318}.severity-warning{background:#f59e0b2e;color:#8a5b00}.severity-info{background:#3b82f624;color:#1d4ed8}.posting-journal-table-wrap{margin-top:var(--space-3)}.trace-id-card{margin-top:var(--space-3);padding:var(--space-3);border:1px dashed var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-light)}.trace-id-row{margin-top:var(--space-2);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap}.help-drawer-close{border:none;background:transparent;font-size:20px;cursor:pointer}.panel-body{flex:1;padding:12px;overflow-y:auto;min-height:0;background:#fff}.preview-header{padding:10px 12px;border-bottom:1px solid rgba(224,230,237,.7);display:flex;justify-content:space-between;align-items:center}.preview-header h2{margin:0;font-size:20px;color:#1f2533}.panel-subtitle{margin:2px 0 0;color:#6c7a89;font-size:13px}.panel-loading{padding:12px}.bill-form{display:flex;flex-direction:column;gap:1px}.form-grid{display:flex;flex-direction:column;gap:0px}.form-row{display:flex;gap:2px;align-items:flex-start}.form-row .form-field{flex:1;min-width:0}.form-row .form-field:nth-child(4){flex:2}.form-field{display:flex;flex-direction:column;gap:4px}.form-field label{font-size:12px;font-weight:600;color:#2c3e50;text-transform:uppercase;letter-spacing:.4px}.form-field input,.form-field select,.form-field textarea{padding:5px 6px;border:1px solid var(--border-color, #e0e6ed);border-radius:6px;font-size:14px;background:#fff}.form-field textarea{min-height:20px;max-height:65px;resize:vertical;line-height:1.3}.line-items{display:flex;flex-direction:column;gap:1px}.line-items-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;margin-top:8px}.line-items-header h3{margin:0;font-size:14px;font-weight:600;color:#374151}.line-items-table{width:100%;border-collapse:collapse;table-layout:fixed}.line-items-table th,.line-items-table td{padding:2px 3px;border-bottom:1px solid rgba(224,230,237,.7);font-size:11px;vertical-align:top;white-space:normal;word-break:break-word;overflow-wrap:anywhere;height:28px}.line-items-table th{text-transform:uppercase;font-size:var(--font-size-xs);letter-spacing:.5px;color:#1f2937;background:var(--color-bg-lighter);padding:var(--space-3) var(--space-4);font-weight:var(--font-weight-semibold);border-bottom:2px solid var(--color-border);vertical-align:middle}.line-items-table input,.line-items-table select{width:100%;padding:2px 3px;border:1px solid rgba(224,230,237,.9);border-radius:3px;font-size:11px;height:24px;line-height:1.2}.line-items-table th:nth-child(1),.line-items-table td:nth-child(1){width:22%}.line-items-table th:nth-child(2),.line-items-table td:nth-child(2){width:10%}.line-items-table th:nth-child(3),.line-items-table td:nth-child(3){width:16%}.line-items-table th:nth-child(4),.line-items-table td:nth-child(4){width:8%}.line-items-table th:nth-child(5),.line-items-table td:nth-child(5){width:10%}.line-items-table th:nth-child(6),.line-items-table td:nth-child(6){width:12%}.line-items-table th:nth-child(7),.line-items-table td:nth-child(7){width:8%}.line-items-table th:nth-child(8),.line-items-table td:nth-child(8){width:9%}.line-items-table th:nth-child(9),.line-items-table td:nth-child(9){width:6%}.totals{display:flex;justify-content:flex-end;gap:4px;padding-top:1px;margin-top:1px;border-top:1px solid #e5e7eb}.totals div{display:flex;flex-direction:column;gap:3px;text-align:right}.meta-label{font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:#7b8794}.form-actions{display:flex;justify-content:flex-end;gap:5px}.detail-body{padding:10px 12px 14px;display:flex;flex-direction:column;gap:18px}.detail-section h3{margin:0 0 6px;font-size:16px;color:#1f2533}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:6px}.detail-actions{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}.posting-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.posting-result{margin-top:5px;padding:6px 7px;border-radius:10px;font-size:13px}.posting-result.success{background:#e8f5e9;color:#1b5e20}.posting-result.error{background:#fdecea;color:#b71c1c}.panel-placeholder{padding:10px 12px;color:#6c7a89}.empty-state{padding:16px;text-align:center;color:#6c7a89}.hint{font-size:12px;color:#6c7a89}.bills-page .modal-overlay{position:fixed;inset:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-2)}.bills-page .modal-content{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:95vw;max-height:95vh;width:auto;display:flex;flex-direction:column;overflow:hidden}.bills-page .modal-content.bills-modal{width:min(95vw,1600px);height:98vh}.bills-page .modal-header{align-items:center;min-height:40px;flex-shrink:0;padding:6px 10px;border-bottom:0!important;box-shadow:none;background:var(--color-bg-lighter)}.bills-page .modal-header h2{margin:0;font-size:16px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-align:center}.panel-subtitle{margin:2px 0 0;font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-normal);text-align:center}.bills-page .modal-body{flex:1;padding:10px 12px;overflow:auto;max-height:calc(98vh - 118px);overflow-x:hidden;font-size:14px}.bills-page .modal-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);background:var(--color-bg-lighter);display:flex;justify-content:flex-end;gap:var(--space-2)}.modal-actions{display:flex;gap:var(--space-2)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:6px}.form-field{display:flex;flex-direction:column;gap:var(--space-2)}.form-field label{font-size:12px;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.form-field input,.form-field select,.form-field textarea{padding:6px 8px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;background:var(--color-white);transition:var(--transition);height:auto;line-height:var(--line-height-normal)}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1f}.form-field-full{grid-column:1 / -1}.line-items{margin-top:var(--space-2)}.line-items-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.line-items-table{width:100%;border-collapse:collapse;margin-top:var(--space-1)}.line-items-table th,.line-items-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm);vertical-align:middle}.line-items-table th{text-transform:uppercase;font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-wide);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold);background:var(--color-bg-lighter);border-bottom:1px solid var(--color-border)}.line-items-table input,.line-items-table select{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.totals{display:flex;justify-content:flex-end;gap:var(--space-6);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.totals div{display:flex;flex-direction:column;gap:var(--space-1);text-align:right}.meta-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-secondary)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4)}.bills-page .bill-form,.bills-page .form-grid{gap:var(--space-2)}.bills-page .line-items-table th,.bills-page .line-items-table td{padding:var(--space-2)}.bills-page .bill-form .line-items{width:100%;overflow-x:hidden;border-radius:8px}.bills-page .bill-form .line-items-table{width:100%;min-width:0;table-layout:fixed}.bills-page .bill-form .line-items-table th,.bills-page .bill-form .line-items-table td{min-width:0;vertical-align:middle}.bills-page .bill-form .line-items-table th:nth-child(1),.bills-page .bill-form .line-items-table td:nth-child(1){width:19%}.bills-page .bill-form .line-items-table th:nth-child(2),.bills-page .bill-form .line-items-table td:nth-child(2){width:9%}.bills-page .bill-form .line-items-table th:nth-child(3),.bills-page .bill-form .line-items-table td:nth-child(3){width:14%}.bills-page .bill-form .line-items-table th:nth-child(4),.bills-page .bill-form .line-items-table td:nth-child(4){width:8%}.bills-page .bill-form .line-items-table th:nth-child(5),.bills-page .bill-form .line-items-table td:nth-child(5){width:10%}.bills-page .bill-form .line-items-table th:nth-child(6),.bills-page .bill-form .line-items-table td:nth-child(6){width:14%}.bills-page .bill-form .line-items-table th:nth-child(7),.bills-page .bill-form .line-items-table td:nth-child(7){width:10%}.bills-page .bill-form .line-items-table th:nth-child(8),.bills-page .bill-form .line-items-table td:nth-child(8){width:8%;white-space:nowrap;padding-right:14px}.bills-page .bill-form .line-items-table th:nth-child(9),.bills-page .bill-form .line-items-table td:nth-child(9){width:8%}.bills-page .bill-form .line-items-table td.actions-cell{min-width:90px;display:flex;align-items:center;justify-content:flex-start;padding-left:12px;border-left:1px solid var(--color-border);white-space:nowrap}.bills-page .bill-form .line-items-table td.actions-cell .btn{min-height:32px;min-width:84px}.bills-page .bill-form .line-items-table .line-remove-link{appearance:none;border:0;background:transparent;color:var(--color-primary);text-decoration:underline;text-underline-offset:2px;font-size:13px;font-weight:var(--font-weight-semibold);line-height:1;padding:0;cursor:pointer;white-space:nowrap}.bills-page .bill-form .line-items-table .line-remove-link:hover,.bills-page .bill-form .line-items-table .line-remove-link:focus-visible{color:var(--color-primary-dark, var(--color-primary))}.detail-section h3{margin:0 0 var(--space-2);font-size:var(--font-size-base);color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}@media(max-width:768px){.bills-page .modal-overlay{padding:var(--space-2)}.bills-page .modal-content{max-height:95vh}.bills-page .modal-header,.bills-page .modal-body,.bills-page .modal-footer{padding:var(--space-3) var(--space-4)}.bills-page .form-grid{grid-template-columns:1fr;gap:var(--space-3)}.bills-page .detail-grid{grid-template-columns:1fr}}.bills-page .header-actions.list-toolbar{display:flex;align-items:flex-end;gap:var(--space-3);width:100%}.bills-page .header-actions.list-toolbar .header-filters-grid{grid-template-columns:minmax(240px,1fr) minmax(180px,220px);gap:var(--space-3);width:auto;flex:1 1 560px}.bills-page .table-container{width:100%;overflow:auto}.bills-page .payments-table{width:100%;min-width:1060px}.bills-page .payments-table th:nth-child(1),.bills-page .payments-table td:nth-child(1){min-width:120px}.bills-page .payments-table th:nth-child(2),.bills-page .payments-table td:nth-child(2){min-width:110px}.bills-page .payments-table th:nth-child(3),.bills-page .payments-table td:nth-child(3),.bills-page .payments-table th:nth-child(4),.bills-page .payments-table td:nth-child(4){min-width:120px}.bills-page .payments-table th:nth-child(5),.bills-page .payments-table td:nth-child(5){min-width:180px}.bills-page .payments-table th:nth-child(6),.bills-page .payments-table td:nth-child(6),.bills-page .payments-table th:nth-child(7),.bills-page .payments-table td:nth-child(7){min-width:140px}.bills-page .payments-table th:nth-child(8),.bills-page .payments-table td:nth-child(8){min-width:120px}.bills-page .modal-overlay.drawer-overlay{justify-content:flex-end;align-items:stretch;padding:0}.bills-page .modal-content.bills-modal.right-drawer{width:min(95vw,1600px)!important;max-width:95vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0}.bills-page .modal-overlay.drawer-overlay .modal-content.bills-modal.right-drawer .modal-header{border-bottom:0!important;box-shadow:none!important;background:var(--color-bg-lighter)}.bills-page .modal-content.bills-modal.right-drawer .modal-body{max-height:none;overflow-y:auto}@media(max-width:900px){.bills-page .header-actions.list-toolbar{align-items:stretch}.bills-page .header-actions.list-toolbar .header-filters-grid{grid-template-columns:1fr;flex-basis:100%;width:100%}.bills-page .modal-content.bills-modal.right-drawer{width:95vw!important;max-width:95vw!important}}.payments-list{flex-basis:55%;width:55%;min-width:0;max-width:55%;background:var(--color-white);border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid var(--color-border);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .3s ease}.payments-list:hover{box-shadow:0 4px 12px #00000014}.payments-panel{flex-basis:45%;width:45%;min-width:0;max-width:45%;background:var(--color-white);border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;border:1px solid var(--color-border);overflow:auto;transition:box-shadow .3s ease}.payments-panel:hover{box-shadow:0 4px 12px #00000014}.payments-table{width:100%;min-width:0;border-collapse:collapse;overflow-x:auto;table-layout:auto;font-family:var(--font-family-base)}.payments-table th,.payments-table td{min-width:80px;max-width:240px;word-break:break-word;padding:4px 8px;text-align:left;border-bottom:1px solid #f3f4f6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background-color .15s ease;font-family:inherit}.payments-table th{padding:6px 8px;background:var(--color-bg-lighter);color:var(--color-text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;border-bottom:2px solid var(--color-border);position:sticky;top:0;z-index:10;font-family:inherit;font-variant-numeric:tabular-nums;vertical-align:middle}.payments-table tbody tr{transition:background-color .15s ease}.payments-table tbody tr:hover{background-color:#2563eb14;box-shadow:0 1px 3px #0000001a}.payments-table tbody tr:nth-child(2n){background-color:var(--color-bg-light)}.payments-table tbody tr:active{background-color:#e0e7ff}.payments-table td{padding:4px 8px;color:var(--color-text-primary);font-size:12px;background:transparent;font-weight:var(--font-weight-normal);font-family:inherit;font-variant-numeric:tabular-nums;line-height:var(--line-height-normal);border-bottom:1px solid var(--color-border);vertical-align:middle}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 2px 6px #0000000f;transition:all .2s ease;font-family:inherit;white-space:nowrap}.status-badge:before{content:"•";opacity:.8}.status-draft{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.status-applied{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.status-posted{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.status-draft:hover,.status-applied:hover,.status-posted:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.actions-menu{display:flex;gap:8px;justify-content:center;opacity:1;transition:opacity .2s ease}.payments-table tbody tr:hover .actions-menu{opacity:1}.action-btn{background:linear-gradient(135deg,#f0f4f8,#e8ecf1);border:1px solid #d1d5db;padding:8px 10px;border-radius:7px;cursor:pointer;color:#3b82f6;transition:all .2s ease;font-size:15px;display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;font-weight:500}.action-btn:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8;border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626}.action-btn:active{transform:translateY(0) scale(.96)}.empty-state:before{content:"📋";font-size:32px;opacity:.6}.payments-page{padding:20px 16px 32px;max-width:100%;width:100%;margin:0;background:var(--color-bg-light);min-height:100vh;font-family:var(--font-family-base);color:var(--color-text-primary);overflow-x:hidden;box-sizing:border-box}.payments-page{--bg: linear-gradient(180deg, #f7f9fc 0%, #ffffff 45%);--card-bg: var(--color-white);--muted: var(--color-text-secondary);--border: var(--color-border);--accent: var(--color-primary);--shadow-1: 0 2px 8px rgba(0, 0, 0, .06);--shadow-2: 0 4px 20px rgba(0, 0, 0, .08);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary)}.filters-section{display:flex;gap:12px;margin-bottom:20px;align-items:center;padding:0}.controls-section{display:flex;flex-direction:row;gap:12px;margin-bottom:20px;align-items:center;padding:0;flex-wrap:wrap}.btn-new{white-space:nowrap;display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:7px;font-weight:600;font-size:14px;transition:all .2s ease;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;border:none;cursor:pointer;box-shadow:0 2px 6px #3b82f633}.btn-new:hover{background:linear-gradient(135deg,var(--color-primary-dark) 0%,#1d4ed8 100%);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f640}.type-select{font-size:14px;background:#fff;transition:all .2s ease;width:140px;min-width:120px;max-width:180px;font-weight:500;cursor:pointer;white-space:nowrap}.type-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.btn-new{white-space:nowrap;display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:8px;font-weight:600;font-size:14px;transition:all .2s ease}.payments-layout{display:flex;gap:16px;min-height:60vh;height:auto;width:100%;max-width:100vw;overflow-x:hidden}.table-container{background:var(--color-white);border-radius:8px;overflow:auto;display:flex;flex-direction:column;border:1px solid var(--color-border);width:100%;min-width:0}.amount-column{text-align:right;font-variant-numeric:tabular-nums;width:110px;font-weight:500;color:var(--color-text-primary);font-size:14px;font-family:inherit;letter-spacing:-.3px}.actions-column{text-align:center;width:90px;font-size:14px;font-weight:500;color:var(--color-text-primary);font-family:inherit}.drawer,.drawer-header,.drawer-subtitle,.drawer-actions,.close-button,.drawer-body{display:none}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 24px;border-bottom:1px solid var(--color-border);background:linear-gradient(135deg,var(--color-bg-lighter) 0%,#ffffff 100%);flex-shrink:0;gap:16px}.panel-header h2{margin:0;font-size:18px;font-weight:700;color:var(--color-text-primary);letter-spacing:-.025em}.panel-subtitle{margin:4px 0 0;color:var(--color-text-secondary);font-size:13px;font-weight:500}.panel-actions{display:flex;gap:10px;align-items:center;margin-left:auto}.panel-body{flex:1;padding:24px;overflow-y:auto;min-height:0;background:var(--color-white)}.panel-placeholder{padding:48px 24px;text-align:center;color:var(--color-text-tertiary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.panel-placeholder p{margin:0;font-size:16px;color:var(--color-text-tertiary)}.panel-placeholder:before{content:"📋";font-size:40px;opacity:.5}.inline-link{background:none;border:none;color:var(--color-primary);cursor:pointer;text-decoration:underline;font-size:13px;font-weight:600;margin-top:4px;transition:all .2s ease;padding:0;display:inline}.inline-link:hover{color:var(--color-primary-dark);text-decoration-thickness:2px}.inline-link:active{opacity:.8}.add-allocation-btn{width:auto;padding:4px 8px!important;font-size:11px!important;height:28px!important;min-height:28px!important;justify-content:center;color:var(--color-primary);border:1px solid var(--color-primary);background:var(--color-bg-lighter);transition:all .2s ease;white-space:nowrap}.add-allocation-btn:hover{background:#2563eb1f;border-color:var(--color-primary-dark);box-shadow:0 2px 6px #3b82f61a}.payment-form{display:flex;flex-direction:column;gap:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px}.form-field{display:flex;flex-direction:column;gap:8px}.form-field label{font-size:13px;font-weight:600;color:var(--color-text-secondary);letter-spacing:.03em;text-transform:uppercase}.form-field input,.form-field select,.form-field textarea{padding:10px 12px;border:1px solid var(--color-border);border-radius:7px;font-size:14px;background:var(--color-white);transition:all .2s ease;font-family:inherit;font-weight:500;color:var(--color-text-primary)}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1f;background:var(--color-bg-lighter)}.form-field input::placeholder{color:var(--color-text-tertiary)}.form-field textarea{resize:vertical;min-height:45px;max-height:45px;line-height:1.4}.form-field.form-field-full{grid-column:span 1}.form-field.form-field-full input,.form-field.form-field-full select,.form-field.form-field-full textarea{transition:all .2s ease;width:100%}.form-field textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1f}.detail-section{border-top:1px solid var(--color-border);padding-top:8px;margin-top:8px}.detail-section:first-of-type{border-top:none;padding-top:0;margin-top:0}.detail-section h3{margin:0 0 8px;font-size:12px;font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.1em}.allocation-rows{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.allocation-row{display:grid;grid-template-columns:1fr 120px 36px;gap:8px;align-items:center;background:var(--color-white);padding:10px;border-radius:7px;border:1px solid var(--color-border);transition:all .2s ease}.allocation-row.add-row{display:flex;align-items:center;padding:0;border:none;background:transparent;margin-top:4px}.allocation-row.add-row .add-allocation-btn{padding:4px 8px;font-size:11px;height:28px;min-height:28px;white-space:nowrap;background:var(--color-bg-lighter);border:1px solid var(--color-border);border-radius:5px;color:var(--color-primary);font-weight:600}.allocation-row:hover{border-color:var(--color-border);box-shadow:0 2px 8px #0000000d}.allocation-row select,.allocation-row input{padding:10px 12px;border:1.5px solid var(--color-border);border-radius:7px;font-size:14px;color:var(--color-text-primary);background:var(--color-white);font-family:inherit;font-weight:500;transition:all .2s ease}.allocation-row select:focus,.allocation-row input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1f;background:var(--color-bg-lighter)}.icon-button{width:44px;height:44px;border:1.5px solid #fee2e2;background:#fef2f2;color:#dc2626;border-radius:7px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s ease;font-weight:600}.icon-button:hover:not(:disabled){background:#fee2e2;border-color:#dc2626;transform:translateY(-1px);box-shadow:0 2px 8px #dc262626}.icon-button:disabled{opacity:.4;cursor:not-allowed}.line-actions{display:flex;justify-content:flex-start}.form-actions{display:flex;gap:10px;margin-top:16px;justify-content:flex-end;padding-top:12px;border-top:1px solid var(--color-border)}.totals-summary{display:flex;justify-content:flex-end;gap:20px;font-weight:700;color:var(--color-text-primary);padding:16px 18px;background:linear-gradient(135deg,#f0f9ff,#f8fafc);border-radius:8px;border:1.5px solid #bfdbfe;margin:0}.detail-body{padding:15px;display:flex;flex-direction:column;gap:15px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px}.detail-grid>div{background:var(--color-white);padding:14px;border-radius:8px;border:1px solid var(--color-border);transition:all .2s ease}.detail-grid>div:hover{border-color:var(--color-border);box-shadow:0 2px 8px #0000000d}.meta-label{font-size:11px;text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:8px;display:block;font-weight:700;letter-spacing:.08em}.detail-grid>div>span:last-child{color:var(--color-text-primary);font-size:14px;font-weight:600;display:block;margin-top:4px}.detail-body{padding:0;display:flex;flex-direction:column;gap:20px}.detail-notes{background:#fffbeb;padding:14px;border-radius:8px;border:1px solid #fde68a;margin-top:8px}.detail-notes p{margin:6px 0 0;color:var(--color-text-primary);line-height:1.6;font-size:14px}.line-items-table{width:100%;border-collapse:collapse;margin-top:12px}.line-items-table thead{background:var(--color-bg-lighter);border-bottom:2px solid var(--color-border)}.line-items-table th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);font-size:var(--font-size-xs);letter-spacing:.5px;text-transform:uppercase;background:var(--color-bg-lighter);border-bottom:2px solid var(--color-border);vertical-align:middle}.line-items-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);color:#374151;font-weight:var(--font-weight-normal);font-size:var(--font-size-base);transition:var(--transition);vertical-align:middle}.line-items-table tbody tr:hover{background-color:#667eea0d;transition:var(--transition)}.line-items-table tbody tr:nth-child(2n){background-color:var(--color-bg-light)}.line-items-table .numeric{text-align:right;font-variant-numeric:tabular-nums;font-weight:600;color:#111827}.empty-state{padding:48px 24px;text-align:center;color:#9ca3af;font-size:16px;background:linear-gradient(135deg,#f9fafb,#f8fafc);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.empty-state p{margin:0;font-size:16px;color:#9ca3af;font-weight:500}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.actions-header{text-align:right}.numeric{text-align:right;font-variant-numeric:tabular-nums;font-weight:600;color:var(--text-primary, #1f2533)}.detail-info{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-6)}.info-item{display:flex;flex-direction:column;gap:var(--space-1)}.info-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.payments-page .modal-close{border:none;font-size:28px;color:var(--color-text-secondary);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);transition:var(--transition);line-height:1;background:transparent}.payments-page .modal-close:hover{background:#667eea1a;color:#667eea;transform:scale(1.1)}.payments-page .modal-body{padding:var(--space-4)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){.payments-page{padding:16px;gap:16px}.page-header{flex-direction:column;align-items:flex-start;gap:12px;padding:12px 16px}}@media(max-width:1200px){.payments-layout{flex-direction:column;gap:16px;min-height:unset;height:auto}.payments-list,.payments-panel{width:100%;max-width:100%;border-radius:16px;border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb}.payments-list{border-radius:16px}.payments-panel{margin-top:0;border-radius:16px}}@media(max-width:768px){.payments-page{padding:16px}.page-header{flex-direction:column;align-items:flex-start;gap:12px;padding:12px 0;margin-bottom:20px}.page-header h1{font-size:24px}.filters-section{flex-wrap:wrap;gap:10px}.search-input{width:100%;flex:1;min-width:200px}.type-select{min-width:120px}.form-grid{grid-template-columns:1fr;gap:16px}.allocation-row{grid-template-columns:1fr;gap:8px}.allocation-row input[type=number]{width:100%}.icon-button{width:40px;height:40px}.panel-body{padding:20px}.panel-header{padding:18px 20px;flex-direction:column}.panel-actions{width:100%;justify-content:flex-start;margin-left:0}.payments-table th,.payments-table td{padding:12px 14px;font-size:13px;min-width:60px;white-space:normal;overflow:visible;text-overflow:initial}.amount-column,.actions-column{width:auto}.detail-grid{grid-template-columns:1fr}}.payment-terms-modal .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-terms-modal .setup-modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media(max-width:960px){.payment-terms-modal .form-grid,.payment-terms-modal .setup-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.payment-terms-modal .form-grid,.payment-terms-modal .setup-modal-grid{grid-template-columns:1fr}}.currencies-modal .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.currencies-modal .setup-modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media(max-width:960px){.currencies-modal .form-grid,.currencies-modal .setup-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.currencies-modal .form-grid,.currencies-modal .setup-modal-grid{grid-template-columns:1fr}}.posting-rules-modal .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.posting-rules-modal .form-field-full{grid-column:1 / -1}@media(max-width:900px){.posting-rules-modal .form-grid{grid-template-columns:1fr}}.panel-card.panel-empty{border-style:dashed;background:#f8fafc}.panel-empty-body{display:flex;flex-direction:column;gap:12px}.panel-empty-title{margin:0;font-size:16px;font-weight:600;color:#111827}.panel-empty-text{margin:0;color:#6b7280;font-size:13px}.panel-empty-list{margin:0;padding-left:18px;color:#6b7280;display:grid;gap:6px;font-size:13px}.is-clickable{cursor:pointer}.is-clickable:hover{background:#f9fafb}.setup-modal .form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.setup-modal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}@media(max-width:960px){.setup-modal .form-grid,.setup-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.setup-modal .form-grid,.setup-modal-grid{grid-template-columns:1fr}}.info-grid{display:grid;gap:12px}.financial-periods-modal .info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.financial-periods-modal .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.financial-periods-modal .detail-section{margin-top:16px}.info-card{padding:14px 16px;border-radius:12px;background:#f8f9ff;border:1px solid rgba(224,230,237,.8)}.info-card strong{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:#6c7a89;margin-bottom:6px}.info-value{font-size:15px;color:#1f2533;font-weight:600}.section-title{margin:16px 0 8px;font-size:14px;color:#1f2533}.checklist-grid{display:grid;gap:12px}.empty-state{padding:24px;text-align:center;color:#6c7a89}@media(max-width:1024px){.admin-layout{grid-template-columns:1fr}}@media(max-width:900px){.financial-periods-modal .info-grid,.financial-periods-modal .form-grid{grid-template-columns:1fr}}.period-locks-modal .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}@media(max-width:900px){.period-locks-modal .form-grid{grid-template-columns:1fr}}.permission-controls{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.permission-group{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);margin-bottom:var(--space-3);background:var(--color-bg-lighter)}.permission-group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.permission-group-title{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.permission-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-2) var(--space-3)}.permission-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-primary)}.permission-item input{accent-color:var(--color-primary)}.permission-count{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.roles-permissions-page .table-wrapper{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden}.roles-permissions-page .admin-table{table-layout:auto;width:100%!important;min-width:680px!important}.roles-permissions-page .panel-section{margin-top:10px}.roles-permissions-page .admin-table td{white-space:normal!important;overflow-wrap:anywhere;word-break:break-word}.roles-permissions-page .admin-table th:nth-child(3),.roles-permissions-page .admin-table td:nth-child(3){text-align:right;font-variant-numeric:tabular-nums}.roles-permissions-page .admin-table th:nth-child(3),.roles-permissions-page .admin-table td:nth-child(3),.roles-permissions-page .admin-table th:nth-child(4),.roles-permissions-page .admin-table td:nth-child(4){white-space:nowrap!important}.activity-feed-page{display:flex;flex-direction:column;gap:24px;padding:20px 16px 32px;max-width:100%;margin:0;background:var(--color-bg-light);min-height:100vh;color:var(--color-text-primary);align-items:stretch}.activity-feed-page .page-shell{width:min(1440px,100%);margin:0 auto;display:flex;flex-direction:column;gap:24px}.stat-card.selected-entity{border-color:var(--color-primary);background:linear-gradient(135deg,#2563eb14,#fff)}.stat-card.selected-entity .stat-icon{background:#667eea;color:#fff}.stat-value{font-size:18px;font-weight:600;color:var(--color-text-primary);margin-bottom:2px;word-break:break-word}.quick-note-card{background:var(--color-white);border-radius:16px;border:1px solid var(--color-border);box-shadow:0 4px 12px #0000001a;overflow:hidden;animation:slideDown .3s ease-out}.card-icon{width:18px;height:18px;color:var(--color-primary)}.note-form{display:flex;flex-direction:column;gap:20px}.form-row{display:flex;flex-direction:column;gap:8px}.filters-section{background:var(--color-white);border-radius:16px;border:1px solid var(--color-border);box-shadow:0 1px 3px #0000001a;overflow:hidden}.filters-header{padding:20px 24px;border-bottom:1px solid var(--color-border);background:var(--color-bg-lighter)}.filters-toggle{display:flex;align-items:center;gap:8px;padding:8px 12px;border:none;background:transparent;border-radius:8px;font-size:14px;font-weight:600;color:var(--color-text-primary);cursor:pointer;transition:all .2s ease}.filters-toggle:hover{background:var(--color-bg-light)}.filters-content{padding:24px}.filters-form{display:flex;flex-direction:column;gap:24px}.filters-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:24px}.filters-block{display:flex;flex-direction:column;gap:16px;padding:16px;border-radius:12px;background:#fff;border:1px solid var(--color-border)}.filters-block-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.filters-block-header h4{margin:0;font-size:15px;font-weight:600;color:var(--color-text-primary)}.filters-block-meta{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--color-text-tertiary)}.filters-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.filters-row.date-row{grid-template-columns:repeat(2,minmax(0,1fr))}.filters-actions{display:flex;justify-content:flex-end;padding-top:4px}.form-field select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px;cursor:pointer}.activity-content{min-height:200px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;color:var(--color-text-secondary)}.empty-hint{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#3498db1a;border:1px solid rgba(52,152,219,.25);border-radius:8px;font-size:13px;color:var(--color-info)}.hint-icon{width:16px;height:16px;color:var(--color-info)}.activity-table-container{background:var(--color-white);border-radius:16px;border:1px solid var(--color-border);box-shadow:0 1px 3px #0000001a;overflow:hidden}.activity-table{width:100%;border-collapse:collapse}.activity-table thead{background:var(--color-bg-lighter)}.activity-table th{padding:var(--space-4) var(--space-4);text-align:left;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);border-bottom:2px solid var(--color-border);white-space:nowrap;background-color:var(--color-bg-lighter);vertical-align:middle}.activity-table td{padding:var(--space-4) var(--space-4);border-bottom:1px solid var(--color-border);color:var(--color-text-primary);font-size:var(--font-size-base);vertical-align:middle;transition:var(--transition)}.activity-table tbody tr:hover{background:#2563eb14;transition:var(--transition)}.activity-table tbody tr:nth-child(2n){background-color:var(--color-bg-light)}.activity-table tbody tr:last-child td{border-bottom:none}.action-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.action-create{background:#dcfce7;color:#166534}.action-update{background:#dbeafe;color:#1e40af}.action-delete{background:#fee2e2;color:#dc2626}.action-note{background:#f3e8ff;color:#7c3aed}.entity-info{display:flex;flex-direction:column;gap:2px}.entity-type{font-weight:600;color:var(--color-text-primary);font-size:13px}.entity-id{font-size:11px;color:var(--color-text-secondary);font-family:Monaco,Menlo,monospace}.user-info,.timestamp{display:flex;align-items:center;gap:6px}.user-icon,.time-icon{width:14px;height:14px;color:var(--color-text-tertiary);flex-shrink:0}.activity-details{max-width:300px;line-height:1.4}.activity-table th:last-child,.activity-table td:last-child{width:80px}.activity-modal .setup-modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.detail-pre{margin:0;padding:12px;border-radius:10px;background:var(--color-bg-lighter);color:var(--color-text-primary);font-size:12px;line-height:1.4;max-height:220px;overflow:auto}.activity-modal .modal-footer{border-top:1px solid var(--color-border);padding:12px 16px;background:var(--color-bg-lighter)}.add-note-toggle{display:flex;align-items:center;gap:6px}@media(max-width:1024px){.activity-feed-page{padding:20px}.page-header{flex-direction:column;align-items:flex-start}.stats-overview,.filters-grid,.filters-row,.filters-row.date-row{grid-template-columns:1fr}.table-header{flex-direction:column;align-items:flex-start;gap:8px}.activity-table{font-size:13px}.activity-table th,.activity-table td{padding:12px 16px}.activity-modal .setup-modal-grid{grid-template-columns:1fr}}@media(max-width:768px){.activity-feed-page{padding:16px}.page-header h1{font-size:24px}.filters-content{padding:20px}.filters-block{padding:12px}.card-body{padding:20px}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.activity-table{min-width:600px}}.help-drawer{position:fixed;top:0;right:0;height:100vh;width:min(360px,92vw);background:#fff;box-shadow:0 8px 24px #0f172a14;border-left:1px solid #e5e7eb;transform:translate(100%);transition:transform .2s ease;z-index:1001;display:flex;flex-direction:column}.help-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb}.help-drawer-body{padding:16px 20px;color:#6b7280;display:flex;flex-direction:column;gap:16px}.documents-page{display:flex;flex-direction:column;gap:24px;padding:20px 16px 32px;max-width:100%;margin:0;background:var(--color-bg-light);min-height:100vh;color:var(--color-text-primary);align-items:stretch}.documents-page .page-shell{width:min(1440px,100%);margin:0 auto;display:flex;flex-direction:column;gap:24px}.page-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;margin-bottom:8px}.header-content{display:flex;align-items:center;gap:16px;flex:1;min-width:240px}.header-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff}.header-icon-svg{width:24px;height:24px}.page-header h1{margin:0;font-size:28px;font-weight:700;color:var(--color-text-primary);line-height:1.2}.page-subtitle{margin:4px 0 0;color:var(--color-text-secondary);font-size:14px;font-weight:400}.header-actions{display:flex;gap:12px;align-items:center}.archived-toggle{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-bg);font-size:12px;color:var(--color-text-secondary)}.stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:8px}.stat-card{background:var(--color-white);border-radius:16px;padding:20px;border:1px solid var(--color-border);box-shadow:0 1px 3px #0000001a;display:flex;align-items:center;gap:16px;transition:all .2s ease}.stat-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.stat-card.linked{border-color:#10b981;background:linear-gradient(135deg,#f0fdf4,#fff)}.stat-card.unlinked{border-color:#f59e0b;background:linear-gradient(135deg,#fffbeb,#fff)}.stat-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-bg-lighter);border-radius:10px;color:var(--color-text-secondary);flex-shrink:0}.stat-card.linked .stat-icon{background:#10b981;color:#fff}.stat-card.unlinked .stat-icon{background:#f59e0b;color:#fff}.stat-content{flex:1;min-width:0}.stat-value{font-size:24px;font-weight:700;color:var(--color-text-primary);margin-bottom:2px}.stat-label{font-size:12px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.quick-create-card{background:var(--color-white);border-radius:16px;border:1px solid var(--color-border);box-shadow:0 4px 12px #0000001a;overflow:hidden;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.card-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--color-border);background:var(--color-bg-lighter)}.card-header h3{margin:0;font-size:18px;font-weight:600;color:var(--color-text-primary);display:flex;align-items:center;gap:8px}.card-icon{width:18px;height:18px;color:#667eea}.close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:6px;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.close-btn:hover{background:var(--color-bg-light);color:var(--color-text-primary)}.card-subtitle{margin:4px 0 0;color:var(--color-text-secondary);font-size:13px}.card-body{padding:24px}.create-form{display:flex;flex-direction:column;gap:24px}.form-section h4{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--color-text-primary);display:flex;align-items:center;gap:8px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field.full-width{grid-column:1 / -1}.form-field label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--color-text-primary);text-transform:none;letter-spacing:normal}.field-icon{width:14px;height:14px;color:var(--color-text-secondary);flex-shrink:0}.form-field input,.form-field select,.form-field textarea{padding:12px 16px;border:1px solid var(--color-border);border-radius:8px;font-size:14px;background:var(--color-white);transition:all .2s ease;font-family:inherit}.form-field input[type=file]{padding:8px;cursor:pointer}.form-field input[type=file]::file-selector-button{padding:8px 16px;background:var(--color-primary);color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;margin-right:12px;transition:background .2s ease}.form-field input[type=file]::file-selector-button:hover{background:var(--color-primary-dark, #1e40af)}.form-field textarea{min-height:80px;resize:vertical;line-height:1.5}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1f}.form-field input:disabled,.form-field select:disabled{background:var(--color-bg-lighter);color:var(--color-text-tertiary);cursor:not-allowed}.form-field select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px;cursor:pointer}.helper-text{font-size:12px;color:var(--color-text-secondary);margin-top:4px}.form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:8px}.documents-content{display:flex;flex-direction:column;gap:24px}.content-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.tab-buttons{display:flex;background:var(--color-bg-light);border-radius:8px;padding:4px;gap:4px}.tab-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;background:transparent;border-radius:6px;font-size:14px;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.tab-btn:hover{background:var(--color-white);color:var(--color-text-primary)}.tab-btn.active{background:var(--color-white);color:var(--color-text-primary);box-shadow:0 1px 3px #0000001a}.tab-icon{width:16px;height:16px}.filters-toggle{display:flex;align-items:center}.filter-toggle-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--color-border);background:var(--color-white);border-radius:8px;font-size:14px;font-weight:500;color:var(--color-text-primary);cursor:pointer;transition:all .2s ease}.filter-toggle-btn:hover{background:var(--color-bg-lighter);border-color:var(--color-text-tertiary)}.btn-icon{width:16px;height:16px}.chevron{transition:transform .2s ease}.chevron.open{transform:rotate(180deg)}.filters-panel{background:var(--color-white);border-radius:16px;border:1px solid var(--color-border);box-shadow:0 1px 3px #0000001a;overflow:hidden}.filters-form{padding:24px;display:flex;flex-direction:column;gap:24px}.filter-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.filter-section h4{margin:0 0 16px;font-size:14px;font-weight:600;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.5px}.filter-actions{display:flex;justify-content:flex-end;padding-top:8px}.documents-section{min-height:200px}.loading-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px;color:var(--color-text-secondary)}.loading-section p{margin:0;font-size:14px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;color:var(--color-text-secondary);background:var(--color-white);border-radius:16px;border:1px solid var(--color-border)}.empty-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:var(--color-bg-lighter);border-radius:50%;margin-bottom:20px;color:var(--color-text-tertiary)}.empty-icon svg{width:32px;height:32px}.empty-state h3{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--color-text-primary)}.empty-state p{margin:0 0 20px;font-size:14px;max-width:400px}.empty-actions{display:flex;gap:12px}.documents-table-container{background:var(--color-white);border-radius:16px;border:1px solid var(--color-border);box-shadow:0 1px 3px #0000001a;overflow:hidden}.table-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--color-border);background:var(--color-bg-lighter)}.table-header h3{margin:0;font-size:18px;font-weight:600;color:var(--color-text-primary)}.table-meta{font-size:13px;color:var(--color-text-secondary);font-weight:500}.table-wrapper{overflow-x:auto}.documents-table{width:100%;border-collapse:collapse}.documents-table thead{background:var(--color-bg-lighter)}.documents-table th{padding:var(--space-4) var(--space-4);text-align:left;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);border-bottom:2px solid var(--color-border);white-space:nowrap;background-color:var(--color-bg-lighter);vertical-align:middle}.documents-table td{padding:var(--space-4) var(--space-4);border-bottom:1px solid var(--color-border);color:var(--color-text-primary);font-size:var(--font-size-base);vertical-align:middle;transition:var(--transition)}.documents-table tbody tr:hover{background:#667eea0d;transition:var(--transition)}.documents-table tbody tr:nth-child(2n){background-color:var(--color-bg-light)}.archived-section{margin-top:24px;padding-top:16px;border-top:1px dashed var(--color-border)}.journal-picker{display:flex;flex-direction:column;gap:8px}.journal-picker .picker-label{font-size:13px;font-weight:600;color:var(--color-text-primary)}.journal-picker input[type=text]{padding:10px 12px;border-radius:10px;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text-primary)}.picker-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.picker-filters input,.picker-filters label{font-size:12px}.recent-toggle{display:flex;align-items:center;gap:6px;color:var(--color-text-secondary)}.picker-results{border:1px solid var(--color-border);border-radius:12px;background:var(--color-bg);max-height:280px;overflow:auto}.picker-results ul{list-style:none;margin:0;padding:6px}.picker-results li button{width:100%;text-align:left;padding:8px 10px;border-radius:8px;border:none;background:transparent;color:inherit;cursor:pointer}.picker-results li button:hover{background:var(--color-bg-light)}.picker-empty{padding:12px;color:var(--color-text-secondary)}.entry-title{font-weight:600}.entry-subtitle{font-size:12px;color:var(--color-text-secondary)}.picker-more{width:100%;padding:10px;border:none;background:var(--color-bg-light);cursor:pointer}.documents-table tbody tr:last-child td{border-bottom:none}.documents-table th:last-child,.documents-table td:last-child{width:120px}.document-info{display:flex;flex-direction:column;gap:2px}.document-name{font-weight:600;color:var(--color-text-primary);font-size:14px}.document-description{font-size:12px;color:var(--color-text-secondary);line-height:1.4}.file-type-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:12px;background:#e0e7ff;color:#3730a3;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.linked{background:#dcfce7;color:#166534}.status-badge.unlinked{background:#fef3c7;color:#92400e}.status-icon{width:12px;height:12px}.journal-info{max-width:200px;font-size:13px;line-height:1.4}.unlink-btn{font-size:12px;padding:6px 12px}.unlinked-text{font-size:12px;color:var(--color-text-secondary);font-style:italic}.link-section{display:flex;flex-direction:column;gap:24px}.link-form-card{background:var(--color-white);border-radius:16px;border:1px solid var(--color-border);box-shadow:0 1px 3px #0000001a;overflow:hidden}.link-form{display:flex;flex-direction:column;gap:24px}.documents-modal .form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.documents-modal .setup-modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.detail-field-full{grid-column:1 / -1}.detail-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--color-text-secondary)}.detail-value{font-size:14px;color:var(--color-text-primary);line-height:1.4}@media(max-width:1024px){.documents-page{padding:20px}.stats-overview,.filter-sections,.form-grid{grid-template-columns:1fr}.content-header{flex-direction:column;align-items:flex-start}.tab-buttons{width:100%;justify-content:center}.documents-table{font-size:13px}.documents-table th,.documents-table td{padding:12px 16px}.documents-modal .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.documents-modal .setup-modal-grid{grid-template-columns:1fr}}@media(max-width:768px){.documents-page{padding:16px}.page-header h1{font-size:24px}.filters-form,.card-body{padding:20px}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.documents-table{min-width:800px}.tab-buttons{flex-wrap:wrap}.tab-btn{flex:1;justify-content:center;min-width:120px}.documents-modal .form-grid{grid-template-columns:1fr}}.documents-page .modal-overlay{position:fixed;inset:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:1000;padding:12px}.documents-page .modal-content{background:var(--color-white);border-radius:16px;box-shadow:0 8px 24px #0f172a1f;max-width:90vw;max-height:85vh;width:auto;display:flex;flex-direction:column;overflow:hidden}.documents-page .modal-header{padding:20px 24px;border-bottom:1px solid var(--color-border);background:var(--color-bg-lighter);flex-shrink:0}.documents-page .modal-header p{margin:0}.documents-page .modal-title{font-size:16px;font-weight:600;color:var(--color-text-primary);margin:0}.documents-page .modal-subtitle{font-size:13px;color:var(--color-text-secondary);margin:4px 0 0}.documents-page .modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:transparent;font-size:24px;cursor:pointer;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.documents-page .modal-close:hover{background:var(--color-bg-light);color:var(--color-text-primary)}.documents-page .modal-body{flex:1;padding:24px;overflow:auto;-webkit-overflow-scrolling:touch}.documents-page .modal-footer{padding:16px 24px;border-top:1px solid var(--color-border);background:var(--color-bg-lighter);display:flex;justify-content:flex-end;gap:12px;flex-shrink:0}.help-drawer{position:fixed;top:0;right:0;height:100vh;width:min(360px,92vw);background:#fff;box-shadow:0 8px 24px #0f172a14;border-left:1px solid #e5e7eb;transform:translate(100%);transition:transform .2s ease;z-index:1001;display:flex;flex-direction:column;overflow:hidden}.help-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb;flex-shrink:0}.help-drawer-close{border:none;background:transparent;font-size:20px;cursor:pointer;color:#6b7280}.help-drawer-body{flex:1;padding:16px 20px;color:#6b7280;display:flex;flex-direction:column;gap:16px;overflow:auto;-webkit-overflow-scrolling:touch}.help-drawer-body p{margin:0}.help-drawer-section h4{margin:0 0 6px;font-size:13px;color:#111827}.help-drawer-section ul,.help-drawer-section ol{padding-left:18px;margin:0;display:grid;gap:6px;font-size:13px}.page-header-icon{font-size:32px;margin-right:12px;color:var(--primary-color, #667eea);display:flex;align-items:center;justify-content:center}.page-header-icon svg{width:32px;height:32px}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4);margin-bottom:var(--space-2)}.summary-card{background:var(--color-white);border-radius:var(--radius-2xl);border:1px solid var(--color-border);padding:var(--space-4) var(--space-5);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-2);transition:var(--transition)}.summary-card:hover{box-shadow:var(--shadow-md)}.summary-card-header{display:flex;align-items:center;gap:8px}.summary-card-icon{font-size:16px;color:var(--color-primary);display:flex;align-items:center;justify-content:center}.summary-card-icon svg{width:16px;height:16px}.summary-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold)}.summary-card strong{font-size:var(--font-size-base);color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.report-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-6)}.report-panel{background:var(--color-white);border-radius:var(--radius-2xl);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);padding:var(--space-5) var(--space-6);transition:var(--transition)}.report-panel:hover{box-shadow:var(--shadow-md)}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) 0 var(--space-3);margin-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.panel-header-content{display:flex;align-items:center}.panel-header-icon{font-size:20px;margin-right:10px;color:var(--color-primary);display:flex;align-items:center;justify-content:center}.panel-header-icon svg{width:20px;height:20px}.panel-header h2{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.reports-form-group{display:flex;flex-direction:column;gap:var(--space-2)}.reports-form-group label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.reports-form-group input,.reports-form-group select{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-base);background:var(--color-white);transition:var(--transition);font-weight:var(--font-weight-normal)}.reports-form-group input:focus,.reports-form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1f}.reports-form-group input:hover,.reports-form-group select:hover{border-color:var(--color-primary)}.panel-actions{display:flex;justify-content:flex-end;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.panel-actions button{min-width:120px;transition:var(--transition, all .3s ease)}.panel-actions button:hover{transform:translateY(-1px);box-shadow:var(--shadow-md, 0 4px 12px rgba(12, 30, 66, .15))}.table-section{background:var(--card-background, #ffffff);border-radius:var(--border-radius-lg, 20px);border:1px solid var(--border-color-light, rgba(237, 240, 255, .9));box-shadow:var(--shadow-lg, 0 12px 32px rgba(12, 30, 66, .08));overflow:hidden;transition:var(--transition, all .3s ease)}.table-section:hover{box-shadow:var(--shadow-xl, 0 16px 40px rgba(12, 30, 66, .12))}.table-section h2{margin:0;padding:20px 24px;font-size:20px;font-weight:600;border-bottom:1px solid var(--border-color-light, rgba(224, 230, 237, .7));color:var(--color-text-primary);background:none;-webkit-text-fill-color:currentColor;background-clip:border-box}.table-section-header{display:flex;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color-light, rgba(224, 230, 237, .7))}.table-section-header-icon{font-size:24px;margin-right:12px;color:var(--primary-color, #667eea);display:flex;align-items:center;justify-content:center}.table-section-header-icon svg{width:24px;height:24px}.table-section-header h2{margin:0;font-size:20px;font-weight:600;color:var(--color-text-primary);background:none;-webkit-text-fill-color:currentColor;background-clip:border-box}.section-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--border-color-light, rgba(224, 230, 237, .7));background:var(--background-light, #f8fafc)}.section-header h2{padding:0;border-bottom:none;font-size:18px;font-weight:600;color:var(--text-primary, #1f2533)}.admin-table{width:100%;border-collapse:collapse}.admin-table thead{background:linear-gradient(135deg,var(--background-light, #f8f9ff) 0%,rgba(102,126,234,.02) 100%)}.admin-table th{padding:var(--space-4) var(--space-4);text-align:left;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);border-bottom:2px solid var(--color-border);background-color:var(--color-bg-lighter);position:relative;vertical-align:middle}.admin-table tbody tr{transition:var(--transition)}.admin-table tbody tr:hover{background-color:#667eea0d;transition:var(--transition)}.admin-table tbody tr:nth-child(2n){background-color:var(--color-bg-light)}.admin-table td{padding:var(--space-4) var(--space-4);border-bottom:1px solid var(--color-border);color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);transition:var(--transition);vertical-align:middle}.admin-table td:hover{background:var(--background-hover-light, rgba(102, 126, 234, .01))}.admin-table tbody tr:hover{background:var(--background-hover, rgba(102, 126, 234, .02))}.table-footer td{font-weight:700;background:var(--background-accent, #f0f4ff);color:var(--primary-color, #667eea)}.nested-table{width:100%;border-collapse:collapse;background:var(--background-light, #f9fafc);border-radius:var(--border-radius, 10px);margin:8px 0}.nested-table td{padding:10px 12px;font-size:13px;border-bottom:1px solid var(--border-color-light, rgba(224, 230, 237, .5))}.ledger-list{display:flex;flex-direction:column;gap:20px;padding:20px 24px 24px}.ledger-card{border:2px solid var(--border-color-light, rgba(224, 230, 237, .7));border-radius:var(--border-radius-lg, 16px);overflow:hidden;transition:var(--transition, all .3s ease);background:var(--card-background, #ffffff)}.ledger-card:hover{border-color:var(--primary-color, #667eea);box-shadow:var(--shadow-md, 0 8px 24px rgba(12, 30, 66, .1));transform:translateY(-2px)}.ledger-header{display:flex;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--color-bg-lighter);border-bottom:1px solid var(--color-border);align-items:center;flex-wrap:wrap}.ledger-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.ledger-summary{display:flex;gap:var(--space-4);flex-wrap:wrap;font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.empty-state{padding:var(--space-8) var(--space-6);text-align:center;color:var(--color-text-secondary);background:var(--color-white);border-radius:var(--radius-2xl);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.empty-state-icon{font-size:48px;color:var(--color-text-tertiary);display:flex;align-items:center;justify-content:center}.empty-state-icon svg{width:48px;height:48px}.empty-state h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.empty-state p{margin:0;max-width:400px;line-height:1.5}@media(max-width:768px){.summary-grid,.filter-grid{grid-template-columns:1fr;gap:12px}.report-panel{padding:20px}.ledger-header{flex-direction:column;align-items:flex-start;gap:12px}.ledger-summary{gap:12px;font-size:13px}}.user-roles-workspace{display:flex;flex-direction:column;gap:16px;width:100%;min-width:0}.role-assignments-section{width:100%}.role-assignments-header{padding:14px 20px!important;align-items:flex-start}.role-assignments-header .page-subtitle{margin-top:6px!important}.user-role-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;align-items:stretch}.user-role-actions .panel-card{height:100%}.user-role-actions .panel-card .admin-form{gap:14px!important}.user-role-actions .panel-card .panel-actions{justify-content:flex-start}.users-directory-section{width:100%}.user-table-header{align-items:flex-start;padding:14px 20px!important}.user-table-header .page-subtitle{margin-top:6px!important}.user-roles-table{width:100%;table-layout:auto;min-width:1120px}.role-assignments-section .admin-table{min-width:680px}.role-assignments-section .admin-table th:nth-child(1),.role-assignments-section .admin-table td:nth-child(1){min-width:220px}.role-assignments-section .admin-table th:nth-child(2),.role-assignments-section .admin-table td:nth-child(2){min-width:220px}.role-assignments-section .admin-table th:nth-child(3),.role-assignments-section .admin-table td:nth-child(3){min-width:130px}.user-roles-table th:nth-child(1),.user-roles-table td:nth-child(1){min-width:190px}.user-roles-table th:nth-child(2),.user-roles-table td:nth-child(2){min-width:240px}.user-roles-table th:nth-child(4),.user-roles-table td:nth-child(4){min-width:170px}.user-roles-table th:nth-child(5),.user-roles-table td:nth-child(5),.user-roles-table th:nth-child(6),.user-roles-table td:nth-child(6),.user-roles-table th:nth-child(7),.user-roles-table td:nth-child(7){min-width:165px;white-space:nowrap}.user-roles-table th:last-child,.user-roles-table td:last-child{min-width:170px}.user-roles-table tbody tr{transition:background-color .16s ease}.user-roles-table tbody tr:hover{background-color:color-mix(in srgb,var(--color-primary) 6%,var(--color-white))!important}.user-roles-table thead th{font-size:var(--font-size-xs)!important;color:var(--color-text-secondary)!important}.user-roles-table tbody td{color:var(--color-text-primary)!important;font-size:var(--font-size-sm)!important}.user-roles-table .actions-cell .btn{min-width:92px}.user-roles-workspace .status-indicator{padding:4px 12px;border:1px solid transparent;font-size:var(--font-size-xs);letter-spacing:.03em}.user-roles-workspace .status-indicator.status-active{border-color:color-mix(in srgb,var(--color-success) 30%,transparent)}.user-roles-workspace .status-indicator.status-warning{border-color:color-mix(in srgb,var(--color-warning) 32%,transparent)}.user-roles-workspace .status-indicator.status-pending{border-color:color-mix(in srgb,var(--color-primary) 28%,transparent)}@media(max-width:1024px){.user-role-actions{grid-template-columns:1fr}.user-roles-table{min-width:980px}}.section-title{margin:0 0 var(--space-3);font-size:var(--font-size-base);color:var(--color-text-primary)}.posting-engine-layout .panel-header{padding:18px 20px}.posting-engine-layout .panel-body{padding:20px}.posting-engine-form{display:flex;flex-direction:column;gap:16px}.posting-engine-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.posting-engine-form-grid .span-2{grid-column:span 2}.issue-list{display:grid;gap:8px}.issue-item{padding:var(--space-3);border-radius:var(--radius-lg);background:#e74c3c14;border:1px solid rgba(231,76,60,.2);color:var(--color-danger);font-size:var(--font-size-sm)}.preview-table{width:100%;border-collapse:collapse}.preview-table th,.preview-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);text-align:left;font-size:var(--font-size-sm)}.preview-table thead{background:var(--color-bg-lighter)}.json-preview{background:var(--color-bg-code);color:var(--color-text-code);padding:var(--space-4);border-radius:var(--radius-lg);font-size:var(--font-size-xs);overflow-x:auto;border:1px solid var(--color-border)}@media(max-width:1100px){.posting-engine-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.posting-engine-form-grid .span-2{grid-column:span 2}}@media(max-width:720px){.posting-engine-form-grid{grid-template-columns:1fr}.posting-engine-form-grid .span-2{grid-column:span 1}}.bank-reconciliation-container{--primary-color: var(--color-primary);--primary-hover: var(--color-primary-dark);--secondary-color: var(--color-text-secondary);--success-color: var(--color-success);--warning-color: var(--color-warning);--danger-color: var(--color-danger);--background-color: var(--color-white);--surface-color: var(--color-bg-light);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--border-color: var(--color-border);--shadow-sm: var(--shadow-sm);--shadow-md: var(--shadow-md);--shadow-lg: var(--shadow-lg);--border-radius: var(--radius-xl);--transition: var(--transition)}.bank-reconciliation-container{padding:20px 16px 32px;max-width:100%;margin:0;background:var(--color-bg-light);min-height:100vh}.bank-reconciliation-header{margin-bottom:32px;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left}.bank-reconciliation-header h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.bank-reconciliation-header p{color:var(--text-secondary);font-size:var(--font-size-lg);margin:8px 0 0}.bank-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.bank-section{background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:24px;box-shadow:var(--shadow-sm);transition:var(--transition)}.bank-section:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.bank-section-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--primary-color)}.bank-section-actions{display:flex;gap:8px;align-items:center;flex-wrap:nowrap;margin-left:auto}.bank-section-header h2{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.bank-section-header-icon{font-size:1.5rem}.bank-account-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.bank-account-item{width:100%;text-align:left;padding:16px 20px;border:2px solid var(--border-color);border-radius:var(--border-radius);background:var(--background-color);display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm)}.bank-account-item:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.bank-account-item.active{border-color:var(--primary-color);background:linear-gradient(135deg,#6366f10d,#6366f105);box-shadow:0 8px 25px #6366f126;transform:translateY(-2px)}.bank-form{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:24px;box-shadow:var(--shadow-sm)}.bank-header-actions{display:flex;align-items:center;gap:8px}.bank-form h3{margin-top:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:20px}.bank-reconciliation-form-group{margin-bottom:20px}.bank-reconciliation-form-group label{display:block;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:8px;font-size:var(--font-size-sm)}.bank-reconciliation-form-group input,.bank-reconciliation-form-group select,.bank-reconciliation-form-group textarea{width:100%;padding:12px 16px;border:2px solid var(--border-color);border-radius:8px;font-size:var(--font-size-sm);transition:var(--transition);background:var(--background-color);box-sizing:border-box}.bank-reconciliation-form-group input:focus,.bank-reconciliation-form-group select:focus,.bank-reconciliation-form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a;transform:translateY(-1px)}.bank-reconciliation-form-group input:hover,.bank-reconciliation-form-group select:hover,.bank-reconciliation-form-group textarea:hover{border-color:var(--secondary-color)}.meta-text{font-size:var(--font-size-xs);color:var(--text-secondary)}.bank-line-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.bank-modal-overlay{position:fixed;inset:0;background:#0f172a73;display:flex;align-items:stretch;justify-content:flex-end;padding:0;z-index:1000}.bank-modal{background:var(--background-color);border-radius:0;width:clamp(56vw,68vw,80vw);max-width:94vw;height:100dvh;max-height:100dvh;overflow:hidden;box-shadow:var(--shadow-lg);border-left:1px solid var(--border-color);display:flex;flex-direction:column}.bank-modal-wide{width:clamp(62vw,74vw,86vw)}.bank-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:3;background:var(--background-color)}.bank-modal-header h3{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.bank-modal-body{padding:20px;flex:1;min-height:0;overflow-y:auto}@media(max-width:1024px){.bank-modal,.bank-modal-wide{width:88vw;max-width:88vw}}@media(max-width:768px){.bank-modal,.bank-modal-wide{width:100vw;max-width:100vw}}.bank-modal-close{border:none;background:transparent;font-size:20px;cursor:pointer;color:var(--text-secondary)}.bank-modal-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:16px}.modal-section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:0 0 8px;color:var(--text-primary)}.help-drawer{position:fixed;top:0;right:0;height:100vh;width:min(360px,90vw);background:var(--background-color);box-shadow:var(--shadow-lg);border-left:1px solid var(--border-color);transform:translate(100%);transition:transform .2s ease;z-index:1001;display:flex;flex-direction:column}.help-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color)}.help-drawer-body{padding:16px 20px;color:var(--text-secondary)}.bank-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:20px;padding:20px;border-radius:var(--border-radius);background:linear-gradient(135deg,var(--surface-color),var(--background-color));border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.bank-summary span{display:block;font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.bank-summary strong{font-size:var(--font-size-2xl);color:var(--text-primary);font-weight:var(--font-weight-bold)}.bank-filter-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:16px}.bank-divider{height:2px;background:linear-gradient(90deg,var(--border-color),var(--primary-color),var(--border-color));margin:20px 0;border-radius:1px}.text-danger{color:var(--danger-color);font-weight:600}.text-success{color:var(--success-color);font-weight:600}.status-pill{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.status-active{background:#10b9811a;color:var(--success-color)}.status-inactive{background:#ef44441a;color:var(--danger-color)}.empty-state{text-align:center;padding:40px 20px;color:var(--text-secondary)}.empty-state p{margin:0;font-size:var(--font-size-lg)}.bank-modal .admin-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;align-items:start}.bank-modal .admin-form .bank-reconciliation-form-group{margin-bottom:0}.bank-modal .admin-form .modal-actions{grid-column:1 / -1;margin-top:8px}.panel-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:1px solid var(--border-color)}@media(max-width:960px){.bank-grid,.bank-modal-grid{grid-template-columns:1fr}.bank-reconciliation-header h1{font-size:var(--font-size-3xl)}.bank-line-form{grid-template-columns:1fr}.bank-summary{grid-template-columns:repeat(2,1fr)}.bank-modal .admin-form{grid-template-columns:1fr}}.fixed-assets-page{gap:var(--space-4)}.fixed-layout-grid{display:grid;grid-template-columns:1fr;gap:16px}.fixed-workflow{overflow:visible}.workflow-step h3{margin:0 0 4px;font-size:15px;font-weight:700;color:var(--color-text-primary)}.fixed-section{background:var(--color-white);border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow-xs);padding:16px}.fixed-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.fixed-section-header h2{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.fixed-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:16px}.inline-prereq-warning{margin-bottom:12px;padding:10px 12px;border:1px solid rgba(245,158,11,.45);background:#f59e0b1a;border-radius:10px;color:#92400e;font-size:13px;font-weight:600}.fixed-list,.fixed-form,.fixed-disposal{border:1px solid var(--color-border);border-radius:12px;background:var(--color-white);padding:16px}.fixed-form h3,.fixed-disposal h4{margin:0 0 12px;font-size:16px;font-weight:700;color:var(--color-text-primary)}.fixed-list-items{list-style:none;margin:0;padding:0;display:grid;gap:10px}.fixed-item,.fixed-card{width:100%;text-align:left;padding:12px 14px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-bg-light);display:flex;align-items:center;justify-content:space-between;gap:12px}.fixed-item{cursor:pointer}.fixed-item:hover,.fixed-item.active{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 6%,#ffffff)}.fixed-assets-form-group{display:flex;flex-direction:column;gap:6px}.fixed-assets-form-group label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.fixed-assets-form-group input,.fixed-assets-form-group select,.fixed-assets-form-group textarea{width:100%;border:1px solid var(--color-border);border-radius:10px;padding:10px 12px;font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-white)}.fixed-assets-form-group input:focus,.fixed-assets-form-group select:focus,.fixed-assets-form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1f}.fixed-runner{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-bg-light);margin-bottom:12px}.fixed-runner-controls{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:8px;align-items:end}.fixed-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:12px}.fixed-summary>div{border:1px solid var(--color-border);border-radius:10px;padding:10px 12px;background:var(--color-bg-light)}.fixed-summary span{display:block;font-size:12px;color:var(--color-text-secondary);margin-bottom:4px}.fixed-summary strong{font-size:18px;color:var(--color-text-primary)}@media(max-width:1100px){.fixed-grid{grid-template-columns:1fr}.fixed-runner{flex-direction:column;align-items:flex-start}.fixed-runner-controls{width:100%;grid-template-columns:1fr}}.inventory-page{gap:var(--space-4)}.inventory-layout{display:grid;gap:16px}.inventory-workflow{overflow:visible}.workflow-steps{list-style:none;margin:0;padding:16px;display:grid;gap:12px}.workflow-step{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;border:1px solid var(--color-border);border-radius:12px;padding:12px;background:var(--color-white)}.workflow-step.done{border-color:var(--color-success, #2ecc71);background:color-mix(in srgb,var(--color-success, #2ecc71) 8%,#ffffff)}.workflow-step.active{border-color:var(--color-primary)}.workflow-step p{margin:0;color:var(--color-text-secondary);font-size:13px}.workflow-step-index{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-bg-light);font-weight:700}.workflow-inline-warning,.workflow-inline-ok{margin-top:8px;font-size:12px;font-weight:600}.workflow-inline-warning{color:var(--color-warning, #d97706)}.workflow-inline-ok{color:var(--color-success, #059669)}.inventory-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:16px;padding:16px}.inventory-list,.inventory-form,.inventory-valuation{border:1px solid var(--color-border);border-radius:12px;background:var(--color-white);padding:16px}.inventory-form h3,.valuation-summary h3{margin:0 0 12px;font-size:16px;font-weight:700;color:var(--color-text-primary)}.inventory-list-items{list-style:none;margin:0;padding:0;display:grid;gap:10px}.inventory-card{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:10px;border:1px solid var(--color-border);background:var(--color-bg-light)}.inventory-card strong{font-size:15px;font-weight:700;color:var(--color-text-primary)}.meta-text{font-size:12px;color:var(--color-text-secondary)}.inventory-form-group{display:flex;flex-direction:column;gap:6px}.inventory-form-group label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.inventory-form-group input,.inventory-form-group select,.inventory-form-group textarea{padding:10px 12px;border:1px solid var(--color-border);border-radius:10px;font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-white)}.inventory-form-group input:focus,.inventory-form-group select:focus,.inventory-form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1f}.inline-prereq-warning{margin:12px 16px 0;padding:10px 12px;border:1px solid rgba(245,158,11,.45);background:#f59e0b1a;border-radius:10px;color:#92400e;font-size:13px;font-weight:600}.inventory-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:12px}.inventory-summary>div{border:1px solid var(--color-border);border-radius:10px;padding:10px 12px;background:var(--color-bg-light)}.inventory-summary span{display:block;font-size:12px;color:var(--color-text-secondary);margin-bottom:4px}.inventory-summary strong{font-size:18px;color:var(--color-text-primary)}.inventory-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:12px}.valuation-summary{margin-bottom:12px;padding:12px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-bg-light)}.valuation-summary span{font-size:24px;font-weight:700;color:var(--color-text-primary)}.valuation-table{display:grid;gap:8px}.valuation-header,.valuation-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px;align-items:center;padding:10px 12px;border-radius:10px}.valuation-header{font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);font-size:12px;background:var(--color-bg-light);border:1px solid var(--color-border)}.valuation-row{border:1px solid var(--color-border);background:var(--color-white)}.help-drawer{position:fixed;top:0;right:0;height:100vh;width:min(360px,90vw);background:var(--color-white);box-shadow:var(--shadow-lg);border-left:1px solid var(--color-border);transform:translate(100%);transition:transform .2s ease;z-index:1001;display:flex;flex-direction:column}.help-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border)}.help-drawer-header h3{margin:0;font-size:16px;font-weight:700}.drawer-close{border:none;background:transparent;font-size:20px;color:var(--color-text-secondary);cursor:pointer}.help-drawer-body{padding:16px 20px;color:var(--color-text-secondary);overflow-y:auto}.help-intro{margin:0;color:var(--color-text-secondary)}.help-step-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-light);padding:var(--space-3);margin-top:var(--space-3)}.help-step-card h4{margin:0 0 var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-primary)}.help-drawer-section h4{margin:14px 0 8px;font-size:14px;color:var(--color-text-primary)}.help-drawer-body ul,.help-drawer-body ol{margin:0;padding-left:18px;display:grid;gap:8px}@media(max-width:1100px){.inventory-grid{grid-template-columns:1fr}.valuation-header,.valuation-row{grid-template-columns:1fr;gap:6px}}.budget-grid{display:flex;flex-direction:column;gap:20px;align-items:start}.budget-workflow .workflow-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.budget-workflow .workflow-step{border:1px solid var(--border-color, #e5e7eb);border-radius:10px;background:var(--card-bg, #ffffff);padding:12px;display:flex;flex-direction:column;gap:8px}.budget-workflow .workflow-step h4{margin:0;font-size:14px}.budget-workflow .workflow-step p{margin:0;font-size:12px;color:var(--text-color-secondary, #64748b)}.budget-admin-layout{display:flex;flex-direction:column;gap:12px;align-items:start}.budget-admin-layout .summary-panels{align-items:center}.budget-admin-layout .table-section{width:100%;background:var(--card-bg, #ffffff);border-radius:12px;padding:16px;border:1px solid var(--border-color, #e5e7eb);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .1))}.budget-admin-layout .header-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.budget-drawer{max-width:95vw!important;height:100dvh;max-height:100dvh;border-radius:0}.budget-drawer.drawer-compact{width:min(560px,92vw)!important}.budget-drawer.drawer-medium{width:min(760px,94vw)!important}@media(min-width:1366px)and (max-width:1439px){.budget-drawer.drawer-compact{width:520px!important}.budget-drawer.drawer-medium{width:720px!important}}@media(min-width:1440px)and (max-width:1919px){.budget-drawer.drawer-compact{width:560px!important}.budget-drawer.drawer-medium{width:760px!important}}@media(min-width:1920px){.budget-drawer.drawer-compact{width:600px!important}.budget-drawer.drawer-medium{width:820px!important}}.budget-drawer .modal-body{overflow-y:auto}.budget-drawer-form{display:grid;gap:12px}.budget-drawer-form.layout-one-col{grid-template-columns:1fr}.budget-drawer-form.layout-two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.budget-drawer .budget-form-group label{font-size:var(--font-size-xs, 12px);font-weight:var(--font-weight-semibold, 600);color:var(--color-text-secondary, #64748b);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide, .04em)}.budget-drawer .budget-form-group input,.budget-drawer .budget-form-group select,.budget-drawer .budget-form-group textarea{min-height:36px;padding:6px 8px;border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-lg, 8px);font-size:14px;background:var(--color-white, #fff);transition:var(--transition, all .2s ease)}.budget-drawer .budget-form-group textarea{min-height:72px;resize:vertical}.budget-drawer .budget-form-group input:focus,.budget-drawer .budget-form-group select:focus,.budget-drawer .budget-form-group textarea:focus{outline:none;border-color:var(--color-primary, #3b82f6);box-shadow:0 0 0 3px #667eea1f}.budget-drawer-form .hint-muted,.budget-drawer-form .panel-actions,.budget-drawer-form .form-field-full{grid-column:1 / -1}@media(max-width:720px){.budget-drawer-form.layout-two-col{grid-template-columns:1fr}}.help-drawer-overlay{position:fixed;inset:0;background:#0f172a59;z-index:1100}.help-drawer{position:fixed;top:0;right:-420px;width:min(420px,92vw);height:100vh;background:var(--color-white);box-shadow:-10px 0 30px #0f172a2e;z-index:1101;transition:right .24s ease;display:flex;flex-direction:column}.help-drawer.open{right:0}.help-drawer-header{padding:14px 16px;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.help-drawer-close{border:none;background:transparent;font-size:22px;line-height:1;cursor:pointer}.help-drawer-body{padding:14px 16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.help-step-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-light);padding:var(--space-3)}.help-step-card h4{margin:0 0 var(--space-2);font-size:var(--font-size-sm)}.help-step-card p{margin:0 0 var(--space-2);color:var(--color-text-secondary)}.help-step-card p:last-child{margin-bottom:0}.page-header h1{margin:0 0 6px;font-size:22px;font-weight:700;letter-spacing:-.2px;color:var(--text-color, #0f172a)}.page-subtitle{margin:0;color:var(--text-color-secondary, #475569);font-size:13px}.section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border-color, #e5e7eb)}.section-header h2,.section-header h3{margin:0;font-size:18px;font-weight:700;color:var(--text-color, #0f172a);display:flex;align-items:center;gap:8px}.section-header h2:before,.section-header h3:before{content:"";display:inline-block;width:4px;height:20px;background:linear-gradient(180deg,var(--primary-color, #3b82f6),var(--secondary-color, #8b5cf6));border-radius:2px;vertical-align:middle}.summary-panels{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap}.summary-card{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:12px;padding:16px;min-width:140px;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .1));transition:box-shadow .2s ease}.summary-card:hover{box-shadow:var(--shadow-md, 0 4px 6px rgba(0, 0, 0, .1))}.summary-card .summary-label{display:block;color:var(--text-color-secondary, #64748b);font-weight:500}.summary-card strong{display:block;margin-top:8px;font-size:20px;font-weight:700;color:var(--text-color, #1f2937)}.budget-list{background:transparent;padding:6px 0 0}.budget-list-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.budget-item{width:100%;text-align:left;padding:16px 18px;border-radius:12px;border:1px solid var(--border-color, #e5e7eb);background:var(--card-bg, #ffffff);display:flex;justify-content:space-between;gap:12px;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .1))}.budget-item:hover{box-shadow:var(--shadow-md, 0 4px 6px rgba(0, 0, 0, .1));transform:translateY(-2px);border-color:var(--primary-color, #3b82f6)}.budget-item:hover{transform:none;box-shadow:0 6px 14px #0206170a}.budget-item.active,.budget-item.selected{border-color:var(--primary-color, #3b82f6);background:#3b82f60d;color:var(--primary-color, #3b82f6)}.budget-item>div strong{font-size:14px;font-weight:600}.meta-text{color:var(--text-color-secondary, #64748b);font-size:12px;margin-top:4px}.status-pill{font-size:12px;padding:6px 10px;border-radius:999px;align-self:center;font-weight:500}.status-active{background:#3b82f614;color:#0369a1}.status-inactive{background:#9ca3af14;color:#374151}.budget-form{background:var(--card-bg, #ffffff);border-radius:12px;padding:20px;border:1px solid var(--border-color, #e5e7eb);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .1))}.budget-form-group{margin-bottom:16px}.budget-form-group label{display:block;font-size:14px;color:var(--text-color, #334155);margin-bottom:6px;font-weight:600}.budget-form-group input[type=text],.budget-form-group input[type=number],.budget-form-group input[type=date],.budget-form-group select,.budget-form-group textarea{width:100%;padding:10px 12px;border:1px solid var(--border-color, #e5e7eb);border-radius:6px;font-size:14px;transition:border-color .2s ease}.budget-form-group input:focus,.budget-form-group select:focus,.budget-form-group textarea:focus{outline:none;border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.form-field textarea{min-height:80px;resize:vertical}.panel-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.panel-actions button[disabled],.panel-actions [disabled]{opacity:.6;cursor:not-allowed}.budget-selection-grid{display:grid;grid-template-columns:minmax(220px,1fr) minmax(240px,1fr) auto;gap:10px;align-items:end}.budget-selection-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}@media(max-width:1024px){.budget-selection-grid{grid-template-columns:1fr}.budget-selection-actions{justify-content:flex-start}}.budget-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 14px}.budget-meta-actions select{padding:8px 10px;border-radius:8px;border:1px solid var(--border-color, #e5e7eb);background:var(--bg-color, #f9fafb)}.budget-version-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:14px}.budget-line-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:14px}.empty-state p{margin:0 0 8px}.empty-state .hint{font-size:13px;color:#64748b}.admin-table{width:100%;border-collapse:collapse;margin-top:8px}.admin-table th,.admin-table td{padding:10px 12px;border-bottom:1px solid #eef2ff;text-align:left}.admin-table thead th{background:#f8fafc;font-size:13px;color:#475569}.admin-table .numeric{text-align:right;font-variant-numeric:tabular-nums}.admin-table thead th{border-bottom:1px solid #eef2ff}.admin-table tbody tr:hover{background:transparent}.budget-variance{background:transparent;padding:6px 0 0}.variance-summary{display:flex;gap:12px;align-items:center;justify-content:flex-start}.variance-summary>div{background:#fff;border:1px solid #eef2ff;padding:8px 10px;border-radius:8px;display:flex;flex-direction:row;align-items:baseline;gap:10px;min-width:120px}.variance-summary>div span{font-size:12px;color:#64748b}.variance-summary>div strong{font-size:15px;color:#0f172a}@media(max-width:900px){.variance-summary{flex-direction:column;align-items:flex-start;gap:8px}.variance-summary>div{width:100%;justify-content:space-between}}@media(max-width:1100px){.budget-grid{gap:16px}.summary-panels{justify-content:flex-start}}.budget-admin-layout section.table-section+section.table-section{margin-top:8px}.payroll-admin-layout .admin-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;align-items:start}.payroll-list{background:var(--card-bg, #ffffff);border-radius:12px;padding:16px;border:1px solid var(--border-color, #e5e7eb);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .1));transition:box-shadow .2s ease}.payroll-list:hover{box-shadow:var(--shadow-md, 0 4px 6px rgba(0, 0, 0, .1))}.payroll-list-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.payroll-card{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:12px;border:1px solid var(--border-color, #e5e7eb);background:var(--card-bg, #ffffff);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .1));transition:all .2s ease}.payroll-card:hover{box-shadow:var(--shadow-md, 0 4px 6px rgba(0, 0, 0, .1));transform:translateY(-2px)}.payroll-item{width:100%;text-align:left;padding:12px 16px;border-radius:8px;border:1px solid var(--border-color, #e5e7eb);background:var(--bg-color, #f9fafb);display:flex;justify-content:space-between;gap:8px;cursor:pointer;transition:all .2s ease;font-size:14px;color:var(--text-color, #374151)}.payroll-item:hover{background:var(--hover-bg, #f3f4f6);border-color:var(--primary-color, #3b82f6)}.payroll-item.active{border-color:var(--primary-color, #3b82f6);background:var(--primary-light, rgba(59, 130, 246, .1));color:var(--primary-color, #3b82f6)}.payroll-form{background:var(--card-bg, #ffffff);border-radius:12px;padding:20px;border:1px solid var(--border-color, #e5e7eb);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .1))}.payroll-form h3{margin-bottom:16px;font-size:18px;font-weight:700;color:var(--text-color, #374151);display:flex;align-items:center;gap:8px}.payroll-form h3:before{content:"💼";font-size:20px}.payroll-summary{display:flex;gap:16px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.payroll-summary>div{background:linear-gradient(135deg,var(--primary-color, #3b82f6),var(--secondary-color, #8b5cf6));color:#fff;padding:12px 16px;border-radius:8px;display:flex;flex-direction:column;gap:4px;min-width:120px;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .1))}.payroll-summary span{font-size:12px;opacity:.9}.payroll-summary strong{font-size:18px;font-weight:700}.payroll-line-forms{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.payroll-line-card{background:var(--card-bg, #ffffff);border-radius:12px;padding:16px;border:1px solid var(--border-color, #e5e7eb);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .1));transition:box-shadow .2s ease}.payroll-line-card:hover{box-shadow:var(--shadow-md, 0 4px 6px rgba(0, 0, 0, .1))}.payroll-table{width:100%;border-collapse:collapse;margin-top:16px}.payroll-table th,.payroll-table td{padding:var(--space-4) var(--space-4);text-align:left;border-bottom:1px solid var(--color-border);transition:var(--transition);vertical-align:middle}.payroll-table th{background:var(--color-bg-lighter);font-weight:var(--font-weight-semibold);color:#1f2937;font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--color-border)}.payroll-table td{color:#374151;font-size:var(--font-size-base)}.payroll-table tbody tr:nth-child(2n){background-color:var(--color-bg-light)}.payroll-table tbody tr:hover{background-color:#667eea0d;transition:var(--transition)}.payroll-form-group{margin-bottom:16px}.payroll-form-group label{display:block;margin-bottom:4px;font-weight:500;color:var(--text-color, #374151)}.payroll-form-group input,.payroll-form-group select{width:100%;padding:8px 12px;border:1px solid var(--border-color, #e5e7eb);border-radius:6px;font-size:14px;transition:border-color .2s ease}.payroll-form-group input:focus,.payroll-form-group select:focus{outline:none;border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}@media(max-width:1100px){.payroll-admin-layout .payroll-grid,.payroll-admin-layout .admin-layout{grid-template-columns:1fr}.payroll-workflow-grid,.payroll-flow-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.payroll-line-forms{grid-template-columns:1fr}.payroll-summary{flex-direction:column;align-items:stretch}.payroll-summary>div{min-width:unset}.payroll-workflow-grid,.payroll-flow-summary{grid-template-columns:1fr}.payroll-workflow-step{min-height:0}}.payroll-form .panel-actions{justify-content:flex-end}.payroll-list .meta-text{color:#6b7280;font-size:13px}.section-actions{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}.payroll-admin-layout .header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.payroll-workflow-section{width:100%;margin-bottom:16px;border:1px solid var(--border-color, #e5e7eb);border-radius:14px;padding:16px;background:linear-gradient(180deg,#fffffffa,#f8fafcfa);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .1))}.payroll-workflow-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.payroll-workflow-step{border:1px solid var(--border-color, #e5e7eb);border-radius:12px;background:var(--card-bg, #ffffff);padding:14px;display:flex;flex-direction:column;gap:10px;min-height:208px}.workflow-step-no{width:22px;height:22px;border-radius:999px;background:#3b82f61f;color:var(--primary-color, #3b82f6);font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.payroll-workflow-step h4{margin:0;font-size:14px}.payroll-workflow-step p{margin:0;font-size:12px;color:#64748b;line-height:1.5}.payroll-tax-step{border-color:#3b82f647;background:linear-gradient(180deg,#eff6ffeb,#fffffffa)}.tax-kpi-row{display:flex;gap:8px;flex-wrap:wrap}.tax-kpi{font-size:11px;padding:4px 8px;border-radius:999px;background:#1e40af14;color:#1e40af;font-weight:600}.payroll-flow-summary{margin-top:12px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.payroll-flow-summary>div{border:1px solid var(--border-color, #e5e7eb);border-radius:10px;background:var(--card-bg, #ffffff);padding:10px 12px;display:flex;flex-direction:column;gap:4px}.payroll-flow-summary .summary-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:#64748b}.payroll-flow-summary strong{font-size:14px;color:#0f172a;font-weight:700}.step-actions-inline{display:flex;gap:6px;flex-wrap:wrap}.hint-muted{color:#64748b;font-size:13px}.payroll-checkbox-field label{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#334155}.payroll-checkbox-field input[type=checkbox]{width:16px;height:16px}.payroll-table-compact .actions-cell{display:flex;align-items:center;justify-content:flex-end;gap:8px}.payroll-table-compact tr.is-selected{background:#f1f5f9}.payroll-table-wrap{width:100%;overflow-x:auto}.pager-bar{margin-top:10px;display:flex;justify-content:flex-end;align-items:center;gap:10px;font-size:13px;color:#64748b}.bracket-editor{display:flex;flex-direction:column;gap:10px}.bracket-editor-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.bracket-editor-list{display:flex;flex-direction:column;gap:8px}.bracket-row{display:grid;grid-template-columns:1fr 1.2fr .8fr auto;gap:8px}.payroll-modal .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.payroll-modal.drawer-compact{width:min(560px,92vw)!important;max-width:92vw!important}.payroll-modal.drawer-medium{width:min(820px,95vw)!important;max-width:95vw!important}.payroll-modal.drawer-wide{width:min(1120px,96vw)!important;max-width:96vw!important}@media(min-width:1366px)and (max-width:1439px){.payroll-modal.drawer-compact{width:520px!important}.payroll-modal.drawer-medium{width:760px!important}}@media(min-width:1440px)and (max-width:1919px){.payroll-modal.drawer-compact{width:560px!important}.payroll-modal.drawer-medium{width:820px!important}}@media(min-width:1920px){.payroll-modal.drawer-compact{width:600px!important}.payroll-modal.drawer-medium{width:900px!important}}.payroll-modal.layout-one-col .form-grid,.payroll-modal.layout-one-col .setup-modal-grid{grid-template-columns:1fr}.payroll-modal.layout-two-col .form-grid,.payroll-modal.layout-two-col .setup-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.payroll-modal.layout-three-col .form-grid,.payroll-modal.layout-three-col .setup-modal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.payroll-modal .setup-modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.detail-field{display:flex;flex-direction:column;gap:6px}.detail-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:#6b7280}.detail-value{font-size:14px;color:#111827}@media(max-width:960px){.payroll-modal.layout-three-col .form-grid,.payroll-modal.layout-three-col .setup-modal-grid,.payroll-modal.layout-two-col .form-grid,.payroll-modal.layout-two-col .setup-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.payroll-modal .form-grid,.payroll-modal .setup-modal-grid{grid-template-columns:1fr}.pager-bar{justify-content:space-between;gap:8px}.bracket-row{grid-template-columns:1fr}}.payroll-employees-page .header-actions{display:flex;gap:8px;flex-wrap:wrap}.employees-overview-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.employees-overview-card{border:1px solid var(--border-color, #e5e7eb);border-radius:12px;background:var(--card-bg, #ffffff);padding:14px;display:flex;flex-direction:column;gap:6px}.employees-overview-card span{color:#64748b;font-size:12px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.employees-overview-card strong{color:#0f172a;font-size:24px;font-weight:700}.payroll-employees-filterbar{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:10px}.payroll-recurring-panel{margin-top:16px;border-top:1px solid var(--border-color, #e5e7eb);padding-top:16px}.payroll-recurring-panel h4{margin:0 0 12px}.master-inline-create{margin-top:8px;display:flex;gap:8px}.master-inline-create input{flex:1}.payroll-recurring-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.recurring-actions{margin:10px 0 12px;justify-content:flex-end}@media(max-width:1024px){.employees-overview-cards,.payroll-employees-filterbar,.payroll-recurring-form{grid-template-columns:1fr}.master-inline-create{flex-direction:column}}.consolidation-admin-layout .admin-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;align-items:start}.page-header-actions,.section-actions{display:flex;align-items:center;gap:8px}.section-actions{margin-left:auto}.consolidation-split{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.consolidation-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.summary-card{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:12px;padding:16px;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .1));display:grid;gap:6px}.summary-card span{color:var(--text-color-secondary, #6b7280);font-size:12px}.summary-card strong{font-size:20px;color:var(--text-color, #374151)}.consolidation-list{background:var(--card-bg, #ffffff);border-radius:16px;padding:20px;box-shadow:var(--shadow-md, 0 8px 24px rgba(15, 23, 42, .08));border:1px solid var(--border-color, #e5e7eb)}.consolidation-list-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.consolidation-item{width:100%;text-align:left;padding:16px 18px;border-radius:12px;border:1px solid var(--border-color, #e5e7eb);background:var(--card-bg, #ffffff);display:flex;justify-content:space-between;gap:12px;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .1))}.consolidation-item:hover{box-shadow:var(--shadow-md, 0 4px 6px rgba(0, 0, 0, .1));transform:translateY(-2px);border-color:var(--primary-color, #3b82f6)}.consolidation-item.active{border-color:var(--primary-color, #3b82f6);background:#3b82f60d;color:var(--primary-color, #3b82f6)}.consolidation-card{display:flex;flex-direction:column;gap:8px;padding:16px 18px;border-radius:12px;border:1px solid var(--border-color, #e5e7eb);background:var(--bg-color, #f9fafb);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .1));transition:box-shadow .2s ease}.consolidation-card:hover{box-shadow:var(--shadow-md, 0 4px 6px rgba(0, 0, 0, .1))}.consolidation-form,.consolidation-panel{background:var(--card-bg, #ffffff);border-radius:16px;padding:20px;box-shadow:var(--shadow-md, 0 8px 24px rgba(15, 23, 42, .08));border:1px solid var(--border-color, #e5e7eb)}.consolidation-form h3,.consolidation-panel h3{margin-bottom:16px;font-size:18px;font-weight:700;color:var(--text-color, #374151);display:flex;align-items:center;gap:8px}.consolidation-form h3:before,.consolidation-panel h3:before{content:"🏢";font-size:20px}.consolidation-form-group{margin-bottom:16px}.consolidation-form-group label{display:block;margin-bottom:6px;font-weight:500;color:var(--text-color, #374151)}.consolidation-form-group input,.consolidation-form-group select,.consolidation-form-group textarea{width:100%;padding:10px 12px;border:1px solid var(--border-color, #e5e7eb);border-radius:6px;font-size:14px;transition:border-color .2s ease}.consolidation-form-group input:focus,.consolidation-form-group select:focus,.consolidation-form-group textarea:focus{outline:none;border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.panel-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.consolidation-modal-overlay{position:fixed;inset:0;background:#0f172a73;display:flex;align-items:stretch;justify-content:flex-end;padding:0;z-index:1000}.consolidation-modal{background:var(--card-bg, #ffffff);border-radius:0;width:clamp(52vw,64vw,76vw);max-width:94vw;height:100dvh;max-height:100dvh;overflow:hidden;box-shadow:var(--shadow-md, 0 8px 24px rgba(15, 23, 42, .08));border-left:1px solid var(--border-color, #e5e7eb);display:flex;flex-direction:column}.consolidation-modal-wide{width:clamp(60vw,72vw,84vw)}.consolidation-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color, #e5e7eb);position:sticky;top:0;z-index:3;background:var(--card-bg, #ffffff)}.consolidation-modal-header h3{margin:0;font-size:18px;font-weight:700}.consolidation-modal-body{padding:20px;flex:1;min-height:0;overflow-y:auto}@media(max-width:1024px){.consolidation-modal,.consolidation-modal-wide{width:88vw;max-width:88vw}}@media(max-width:768px){.consolidation-modal,.consolidation-modal-wide{width:100vw;max-width:100vw}}.consolidation-modal-close{border:none;background:transparent;font-size:20px;cursor:pointer;color:var(--text-color-secondary, #6b7280)}.consolidation-modal-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:16px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.modal-section-title{font-size:14px;font-weight:600;margin:0 0 8px;color:var(--text-color, #374151)}.help-drawer-overlay{position:fixed;inset:0;background:#0f172a73;z-index:900}.help-drawer{position:fixed;top:0;right:0;height:100vh;width:min(360px,90vw);background:var(--card-bg, #ffffff);box-shadow:var(--shadow-md, 0 8px 24px rgba(15, 23, 42, .08));border-left:1px solid var(--border-color, #e5e7eb);transform:translate(100%);transition:transform .2s ease;z-index:1001;display:flex;flex-direction:column}.help-drawer.open{transform:translate(0)}.help-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color, #e5e7eb)}.help-drawer-header h3{margin:0;font-size:16px}.consolidation-section-spacer{margin-top:12px}.consolidation-report-pre{white-space:pre-wrap;font-size:12px;max-height:520px;overflow:auto;margin:0}.consolidation-modal-section-spaced{margin-top:16px}.consolidation-workflow{margin-bottom:20px}.workflow-steps{list-style:none;margin:0;padding:0;display:grid;gap:12px}.workflow-step{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;border:1px solid var(--border-color, #e5e7eb);border-radius:12px;padding:12px;background:var(--card-bg, #ffffff)}.workflow-step.done{border-color:var(--color-success, #2ecc71);background:color-mix(in srgb,var(--color-success, #2ecc71) 7%,#ffffff)}.workflow-step.active{border-color:var(--primary-color, #3b82f6)}.workflow-step h3{margin:0 0 4px;font-size:15px;font-weight:700}.workflow-step p{margin:0 0 8px;color:var(--text-color-secondary, #6b7280);font-size:13px}.workflow-step select{width:100%}.workflow-step-index{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;border:1px solid var(--border-color, #e5e7eb);background:var(--bg-color, #f9fafb);font-weight:700;color:var(--text-color, #374151)}.workflow-chip-list{display:flex;flex-wrap:wrap;gap:8px}.workflow-chip{font-size:12px;line-height:1.2;padding:4px 8px;border-radius:999px;border:1px solid var(--border-color, #e5e7eb);background:var(--bg-color, #f9fafb)}.workflow-checklist-grid{display:flex;flex-wrap:wrap;gap:8px}.setup-tabs{display:flex;align-items:center;gap:8px;margin-bottom:12px}.setup-tab{border:1px solid var(--border-color, #e5e7eb);background:var(--bg-color, #f9fafb);border-radius:8px;padding:6px 12px;font-size:13px;font-weight:600;color:var(--text-color-secondary, #6b7280);cursor:pointer}.setup-tab.active{border-color:var(--primary-color, #3b82f6);color:var(--primary-color, #3b82f6);background:color-mix(in srgb,var(--primary-color, #3b82f6) 8%,#ffffff)}.help-drawer-body{padding:16px 20px;color:var(--text-color-secondary, #6b7280)}.help-drawer-body ol{padding-left:18px;margin:0;display:grid;gap:8px}.meta-text{color:var(--text-color-secondary, #6b7280);font-size:12px}.status-pill{font-size:12px;padding:4px 8px;border-radius:12px;font-weight:500}.status-active{background:#3b82f61a;color:#0369a1}.status-inactive{background:#9ca3af1a;color:#374151}@media(max-width:1100px){.consolidation-grid,.consolidation-admin-layout .admin-layout,.consolidation-modal-grid{grid-template-columns:1fr}}.subscription-page{display:flex;flex-direction:column;gap:16px}.subscription-summary-card,.subscription-pricing-card{padding:16px}.subscription-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.subscription-summary-item{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-white)}.subscription-summary-item strong{color:var(--color-text-primary)}.subscription-pricing-breakdown{display:flex;flex-direction:column;gap:10px;margin-top:8px}.pricing-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border-subtle);padding-bottom:8px}.pricing-total{border-bottom:none;padding-top:4px}.subscription-payment-form{margin-top:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.payment-method-group{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:10px}.payment-method-group legend{font-size:12px;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);margin-bottom:2px;grid-column:1 / -1}.payment-method-option{display:flex;align-items:center;gap:10px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-white);padding:10px 12px;cursor:pointer;transition:var(--transition)}.payment-method-option:hover{border-color:var(--color-primary)}.payment-method-option input[type=radio]{margin:0}.payment-method-option.selected{border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1f}.payment-method-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--color-primary);font-size:18px}.payment-method-text{font-size:var(--font-size-sm);color:var(--color-text-primary)}@media(max-width:640px){.payment-method-group{grid-template-columns:1fr}}.subscription-payment-note{margin-top:10px;color:var(--color-text-secondary);font-size:.9rem}.subscription-history-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.subscription-history-list li{display:flex;flex-direction:column;gap:2px;padding:10px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg-light)}.subscription-history-list small{color:var(--color-text-tertiary)}.empty-state-cell{text-align:center;color:var(--color-text-secondary)}.app{display:flex;flex-direction:column;min-height:100vh}.app-loading{align-items:center;justify-content:center;background:var(--color-bg-light)}.app-shell{display:flex;flex-direction:column;min-height:100vh;width:100%;background:var(--color-bg-light);min-width:0}.app-nav{background:var(--color-white);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:calc(var(--z-modal-overlay) - 20);display:flex;flex-direction:column;box-shadow:var(--shadow-sm);overflow:visible}.nav-row{display:grid;grid-template-columns:minmax(170px,220px) minmax(0,1fr) minmax(190px,280px);align-items:center;padding:var(--space-2) var(--space-5);gap:var(--space-3);min-height:0;overflow:visible}.nav-brand{display:flex;align-items:center;gap:var(--space-2);padding:0;min-width:0}.brand-mark{width:36px;height:36px;border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:var(--color-text-inverse);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);box-shadow:var(--shadow-primary-sm);transition:var(--transition)}.brand-mark:hover{transform:scale(1.05);box-shadow:var(--shadow-primary-md)}.brand-text{display:flex;flex-direction:column;gap:2px;min-width:0}.nav-brand h1{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin:0;color:var(--color-text-primary);line-height:1.2;white-space:nowrap}.brand-subtitle{font-size:10px;color:var(--color-text-secondary);margin:0;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.nav-center{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-1);row-gap:var(--space-2);flex-wrap:wrap;align-content:center;overflow:visible;min-width:0}.nav-group{display:flex;align-items:center;gap:var(--space-1);min-height:34px;flex-wrap:wrap;align-content:center;max-width:100%}.nav-link{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-decoration:none;border-radius:var(--radius-lg);border:1px solid transparent;transition:var(--transition);white-space:nowrap}.nav-link:hover{background-color:var(--color-bg-light);color:var(--color-primary);border-color:var(--color-border)}.nav-link.active{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:var(--color-text-inverse);border-color:transparent;box-shadow:var(--shadow-primary-sm)}.nav-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:18px;line-height:1;flex-shrink:0;color:inherit;transition:color .15s ease,transform .12s ease;vertical-align:middle}.app-nav .sidebar-toggle{display:inline-flex;align-items:center;gap:var(--space-2);background:transparent;border:1px solid transparent;padding:var(--space-1) var(--space-2);min-height:32px;border-radius:var(--radius-lg);cursor:pointer;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;transition:background-color .12s ease,color .12s ease,box-shadow .12s ease}.app-nav .sidebar-toggle:hover{background-color:var(--color-bg-light);color:var(--color-primary)}.app-nav .sidebar-toggle.open{background:linear-gradient(135deg,#3b82f60f,#2563eb0a);color:var(--color-primary);box-shadow:var(--shadow-xs)}.sidebar-toggle-label{display:inline-flex;align-items:center;gap:var(--space-2)}.menu-caret{font-size:12px;opacity:.75;margin-left:6px;transition:transform .12s ease}.app-nav .sidebar-toggle.open .menu-caret{transform:rotate(180deg)}.nav-right{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3)}.nav-row-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--space-2);min-width:0;overflow:visible;align-self:center}.app-nav .sidebar-link{padding:var(--space-1) var(--space-2);min-height:32px;font-size:var(--font-size-sm);white-space:nowrap}.app-nav .sidebar-toggle,.app-nav .sidebar-link{border-radius:var(--radius-lg)}.app-nav .sidebar-link.active{box-shadow:inset 0 -2px 0 0 var(--color-primary)}.user-chip{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg-light);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);height:34px;max-width:150px;white-space:nowrap;overflow:hidden;text-decoration:none;transition:var(--transition-fast);grid-column:2;grid-row:1 / span 2}.user-chip:hover{border-color:var(--color-primary-light);background:var(--color-white);box-shadow:var(--shadow-xs)}.user-chip:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb24}.user-avatar{width:28px;height:28px;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-text-inverse);display:inline-flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);flex-shrink:0}.user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);overflow:hidden;text-overflow:ellipsis}.btn-logout{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:var(--space-1) var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-white);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:1.2;white-space:nowrap;cursor:pointer;transition:var(--transition-fast);grid-column:3;grid-row:1 / span 2}.btn-logout:hover{background:var(--color-bg-light);color:var(--color-text-primary);border-color:var(--color-primary-light)}.btn-logout:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb24}.org-switcher,.org-chip{display:flex;flex-direction:column;gap:2px;min-width:0;max-width:260px;grid-column:1;grid-row:1 / span 2}.org-switcher label,.org-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.org-switcher select{appearance:none;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:4px var(--space-2);background-color:var(--color-bg-light);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-xs);transition:var(--transition);width:100%;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-switcher select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f626}.org-hint{font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-chip{padding:5px var(--space-2);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg-light)}.org-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-warning);background:#f39c121f;border:1px solid rgba(243,156,18,.3);width:fit-content}.nav-dropdown-wrapper{position:relative}.nav-dropdown-wrapper.open{z-index:calc(var(--z-modal-overlay) + 1)}.nav-dropdown{position:absolute;right:0;top:calc(100% + 10px);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);min-width:260px;box-shadow:var(--shadow-lg);z-index:calc(var(--z-modal-overlay) + 2);animation:slideDown .2s ease-out;max-height:min(70vh,420px);overflow-y:auto}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.sidebar{width:280px;background:var(--color-white);border-right:1px solid var(--color-border);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-6);position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-section{display:flex;flex-direction:column;gap:var(--space-2)}.sidebar-section-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);padding:0 var(--space-4);margin-bottom:var(--space-1)}.sidebar-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-decoration:none;border-radius:var(--radius-lg);border:1px solid transparent;transition:var(--transition)}.sidebar-link:hover{background-color:var(--color-bg-light);color:var(--color-primary);border-color:var(--color-border)}.sidebar-link.active{background:linear-gradient(135deg,#667eea1a,#764ba20d);color:var(--color-primary);border-color:var(--color-primary);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-xs)}.sidebar-footer{margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-3)}.app-content{flex:1;padding:var(--space-8);overflow-y:auto;overflow-x:hidden;min-width:0}.mobile-nav-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;background:none;border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;padding:8px;transition:var(--transition)}.mobile-nav-toggle:hover{background:var(--color-bg-light)}.hamburger-line{display:block;width:20px;height:2px;background:var(--color-text-primary);border-radius:2px;transition:transform .25s ease,opacity .2s ease}.mobile-nav-toggle.open .hamburger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.mobile-nav-toggle.open .hamburger-line:nth-child(2){opacity:0}.mobile-nav-toggle.open .hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-nav-backdrop{display:none}@media(max-width:1024px){.mobile-nav-toggle{display:flex}.mobile-nav-backdrop{display:block;position:fixed;inset:0;background:#0006;z-index:998}.nav-row{grid-template-columns:1fr auto auto auto;padding:var(--space-3) var(--space-4);gap:var(--space-3);max-height:none;overflow:visible}.nav-row-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);max-height:none;overflow:visible}.org-switcher,.org-chip{min-width:160px}.nav-center{display:none;position:fixed;top:0;left:0;bottom:0;width:300px;max-width:85vw;background:var(--color-white);border-right:1px solid var(--color-border);box-shadow:var(--shadow-xl);z-index:999;flex-direction:column;flex-wrap:nowrap;overflow-y:auto;padding:var(--space-6) var(--space-4)}.nav-center.mobile-open{display:flex}.sidebar{width:240px;padding:var(--space-4)}.app-content{padding:var(--space-6)}}@media(max-width:768px){.sidebar{display:none}.app-content{padding:var(--space-4)}.nav-row{grid-template-columns:1fr auto}.nav-brand h1{font-size:var(--font-size-sm)}.brand-subtitle{display:none}}@media(max-width:640px){.nav-row{grid-template-columns:1fr;align-items:center;max-height:none;overflow:visible}.nav-brand{width:100%}.nav-right,.nav-row-actions{width:100%;justify-content:flex-start;flex-wrap:wrap;overflow:visible}.user-chip,.btn-logout,.org-switcher,.org-chip{grid-column:auto;grid-row:auto}.org-switcher,.org-chip{min-width:0;width:100%}}@media(max-width:480px){.nav-row{padding:var(--space-3);gap:var(--space-2)}.org-switcher,.org-chip{min-width:140px}.org-switcher label,.org-label{display:none}.brand-mark{width:36px;height:36px;font-size:var(--font-size-base)}.nav-brand h1{font-size:var(--font-size-base)}.app-content{padding:var(--space-3)}}