:root{--color-surface: #faf8ff;--color-surface-dim: #d9d9e2;--color-surface-bright: #faf8ff;--color-surface-container-lowest: #ffffff;--color-surface-container-low: #f3f3fc;--color-surface-container: #ededf6;--color-surface-container-high: #e7e7f1;--color-surface-container-highest: #e1e2eb;--color-on-surface: #191b22;--color-on-surface-variant: #434653;--color-inverse-surface: #2e3037;--color-inverse-on-surface: #f0f0f9;--color-outline: #737784;--color-outline-variant: #c3c6d5;--color-surface-tint: #1d59c1;--color-primary: #003c90;--color-on-primary: #ffffff;--color-primary-container: #0f52ba;--color-on-primary-container: #bcceff;--color-inverse-primary: #b0c6ff;--color-secondary: #505f76;--color-on-secondary: #ffffff;--color-secondary-container: #d0e1fb;--color-on-secondary-container: #54647a;--color-tertiary: #732900;--color-on-tertiary: #ffffff;--color-tertiary-container: #993900;--color-on-tertiary-container: #ffc0a7;--color-error: #ba1a1a;--color-on-error: #ffffff;--color-error-container: #ffdad6;--color-on-error-container: #93000a;--color-background: #faf8ff;--color-on-background: #191b22;--color-surface-variant: #e1e2eb;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--spacing-gutter: 24px;--spacing-margin-mobile: 16px;--spacing-margin-desktop: 32px;--rounded-sm: .25rem;--rounded-DEFAULT: .5rem;--rounded-md: .75rem;--rounded-lg: 1rem;--rounded-xl: 1.5rem;--rounded-full: 9999px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--color-background);color:var(--color-on-surface);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--color-primary);text-decoration:none;transition:opacity .2s ease,color .2s ease}a:hover{text-decoration:underline}button{font-family:inherit}.shadow-level-1,.shadow-sm{box-shadow:0 1px 3px #0000000d,0 1px 2px #00000008}.shadow-md{box-shadow:0 4px 6px #0000000d,0 2px 4px #00000008}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-surface-container-low)}::-webkit-scrollbar-thumb{background:var(--color-outline-variant);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-outline)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-1{flex:1 1 0%}.flex-grow{flex-grow:1}.flex-wrap{flex-wrap:wrap}.shrink-0{flex-shrink:0}.hidden{display:none}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.gap-gutter{gap:var(--spacing-gutter)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.px-sm{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.px-md{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.px-lg{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.py-xs{padding-top:var(--spacing-xs);padding-bottom:var(--spacing-xs)}.py-sm{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.py-md{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.py-lg{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.p-margin-mobile{padding:var(--spacing-margin-mobile)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mt-auto{margin-top:auto}.ml-auto{margin-left:auto}.mr-sm{margin-right:var(--spacing-sm)}.ml-sm{margin-left:var(--spacing-sm)}.mx-auto{margin-left:auto;margin-right:auto}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.h-screen{height:100vh}.w-8{width:2rem}.h-8{height:2rem}.w-12{width:3rem}.h-12{height:3rem}.w-10{width:2.5rem}.h-10{height:2.5rem}.w-32{width:8rem}.h-32{height:8rem}.w-64{width:16rem}.h-16{height:4rem}.max-w-\[420px\]{max-width:420px}.max-w-\[440px\]{max-width:440px}.max-w-\[1024px\]{max-width:1024px}.max-w-\[1440px\]{max-width:1440px}.relative{position:relative}.absolute{position:absolute}.inset-0{top:0;right:0;bottom:0;left:0}.pointer-events-none{pointer-events:none}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.sticky{position:sticky}.top-0{top:0}.top-16{top:4rem}.top-\[64px\]{top:64px}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-auto{overflow-x:auto}.font-body-md{font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:20px;font-weight:400}.font-body-lg{font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:24px;font-weight:400}.font-headline-sm{font-family:Inter,system-ui,sans-serif;font-size:20px;line-height:28px;font-weight:600}.font-headline-md{font-family:Inter,system-ui,sans-serif;font-size:24px;line-height:32px;letter-spacing:-.01em;font-weight:600}.font-display-lg{font-family:Inter,system-ui,sans-serif;font-size:32px;line-height:40px;letter-spacing:-.02em;font-weight:700}.font-label-md{font-family:Inter,system-ui,sans-serif;font-size:12px;line-height:16px;letter-spacing:.01em;font-weight:500}.font-mono-sm{font-family:JetBrains Mono,Courier New,Courier,monospace;font-size:13px;line-height:16px;font-weight:400}.font-headline-lg-mobile{font-family:Inter,system-ui,sans-serif;font-size:28px;line-height:36px;font-weight:700}.text-body-md{font-size:14px;line-height:20px}.text-body-lg{font-size:16px;line-height:24px}.text-headline-sm{font-size:20px;line-height:28px}.text-headline-md{font-size:24px;line-height:32px}.text-display-lg{font-size:32px;line-height:40px}.text-label-md{font-size:12px;line-height:16px}.text-mono-sm{font-size:13px;line-height:16px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.italic{font-style:italic}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.tracking-tight{letter-spacing:-.02em}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-all{word-break:break-all}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bg-background{background-color:var(--color-background)}.bg-surface{background-color:var(--color-surface)}.bg-surface-container-lowest{background-color:var(--color-surface-container-lowest)}.bg-surface-container-low{background-color:var(--color-surface-container-low)}.bg-surface-container{background-color:var(--color-surface-container)}.bg-surface-container-high{background-color:var(--color-surface-container-high)}.bg-surface-container-highest{background-color:var(--color-surface-container-highest)}.bg-surface-bright{background-color:var(--color-surface-bright)}.bg-surface-dim{background-color:var(--color-surface-dim)}.bg-primary{background-color:var(--color-primary)}.bg-primary-container{background-color:var(--color-primary-container)}.bg-primary-fixed{background-color:var(--color-primary-fixed)}.bg-secondary-container{background-color:var(--color-secondary-container)}.bg-secondary-fixed{background-color:var(--color-secondary-fixed)}.bg-error-container{background-color:var(--color-error-container)}.bg-surface-variant{background-color:var(--color-surface-variant)}.text-on-surface{color:var(--color-on-surface)}.text-on-surface-variant{color:var(--color-on-surface-variant)}.text-primary{color:var(--color-primary)}.text-on-primary{color:var(--color-on-primary)}.text-secondary{color:var(--color-secondary)}.text-on-secondary-container{color:var(--color-on-secondary-container)}.text-on-error-container{color:var(--color-on-error-container)}.text-error{color:var(--color-error)}.text-outline{color:var(--color-outline)}.text-white{color:#fff}.rounded-sm{border-radius:var(--rounded-sm)}.rounded-DEFAULT{border-radius:var(--rounded-DEFAULT)}.rounded-md{border-radius:var(--rounded-md)}.rounded-lg{border-radius:var(--rounded-lg)}.rounded-xl{border-radius:var(--rounded-xl)}.rounded-full{border-radius:var(--rounded-full)}.rounded{border-radius:var(--rounded-DEFAULT)}.border{border:1px solid var(--color-outline-variant)}.border-t{border-top:1px solid var(--color-outline-variant)}.border-b{border-bottom:1px solid var(--color-outline-variant)}.border-r{border-right:1px solid var(--color-outline-variant)}.border-l-4{border-left:4px solid var(--color-primary)}.border-outline-variant{border-color:var(--color-outline-variant)}.border-error-container{border-color:var(--color-error-container)}.border-surface-variant{border-color:var(--color-surface-variant)}.divide-y>*+*{border-top:1px solid var(--color-outline-variant)}input,select,textarea{width:100%;height:40px;padding:0 12px;border:1px solid var(--color-outline-variant);border-radius:var(--rounded-DEFAULT);background-color:var(--color-surface-container-lowest);color:var(--color-on-surface);font-family:inherit;font-size:14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}input[type=checkbox]{width:16px;height:16px;cursor:pointer}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #003c901a}input:disabled,select:disabled,textarea:disabled{background-color:var(--color-surface-container-low);color:var(--color-outline);cursor:not-allowed}.form-input{width:100%;height:40px;padding:0 12px;border:1px solid var(--color-outline-variant);border-radius:var(--rounded-DEFAULT);background-color:var(--color-surface-container-lowest);color:var(--color-on-surface);transition:all .2s ease-in-out}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #003c901a}.form-input:disabled{background-color:var(--color-surface-container-low);color:var(--color-outline);cursor:not-allowed}label{display:block;font-size:12px;font-weight:500;color:var(--color-on-surface-variant)}.surface-card{background-color:var(--color-surface-container-lowest);border-radius:var(--rounded-DEFAULT);box-shadow:0 1px 3px #0000000d,0 1px 2px #00000008;border:1px solid var(--color-surface-variant)}table{width:100%;border-collapse:collapse;text-align:left}th{background-color:var(--color-surface-container-low);color:var(--color-secondary);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;padding:12px 16px;border-bottom:1px solid var(--color-outline-variant)}td{padding:14px 16px;border-bottom:1px solid rgba(195,198,213,.5);font-size:14px}tr:hover,tr.hover\:bg-surface-container-lowest:hover{background-color:var(--color-surface-container-lowest)}.align-middle{vertical-align:middle}.badge,.inline-flex.items-center.px-2.py-0\.5,.inline-flex.items-center.px-2.py-1{display:inline-flex;align-items:center;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:500;letter-spacing:.02em}.bg-error-container{background-color:var(--color-error-container);color:var(--color-on-error-container)}.bg-secondary-container{background-color:var(--color-secondary-container);color:var(--color-on-secondary-container)}.bg-surface-container-highest{background-color:var(--color-surface-container-highest);color:var(--color-on-surface)}.bg-surface-variant{background-color:var(--color-surface-variant);color:var(--color-on-surface-variant)}.transition-all{transition:all .2s ease-in-out}.transition-colors{transition:background-color .2s ease,color .2s ease,border-color .2s ease}.transition-transform{transition:transform .2s ease}.hover\:scale-98:hover,.scale-98{transform:scale(.98)}.group:hover .group-hover\:-translate-x-0\.5{transform:translate(-2px)}.portal-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh;background-color:var(--color-background)}.portal-sidebar{border-right:1px solid var(--color-outline-variant);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm);background-color:var(--color-surface);height:100vh;position:sticky;top:0;z-index:40}.portal-main{background-color:var(--color-background);display:flex;flex-direction:column;min-height:100vh}.page-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:var(--spacing-lg)}button.primary,.bg-primary{background-color:var(--color-primary);color:var(--color-on-primary);border:1px solid transparent;border-radius:var(--rounded-DEFAULT);height:40px;padding:0 16px;font-weight:600;font-size:12px;letter-spacing:.01em;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease;box-shadow:0 1px 2px #0000000d}button.primary:hover,.bg-primary:hover{background-color:var(--color-primary-container)}button.ghost,.bg-surface-container-lowest.border.border-outline-variant{background-color:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);color:var(--color-primary);border-radius:var(--rounded-DEFAULT);height:40px;padding:0 16px;font-weight:600;font-size:12px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}button.ghost:hover,.bg-surface-container-lowest.border.border-outline-variant:hover{background-color:var(--color-surface-container-low)}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-surface);position:relative;overflow:hidden}.auth-card{width:100%;max-width:440px;background-color:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--rounded-md);padding:var(--spacing-xl);box-shadow:0 1px 3px #0000000d,0 1px 2px #00000008;z-index:10;display:flex;flex-direction:column;gap:var(--spacing-lg)}.auth-card form{display:flex;flex-direction:column;gap:var(--spacing-md)}.auth-card input{width:100%}.space-y-sm>*+*{margin-top:var(--spacing-sm)}.space-y-lg>*+*{margin-top:var(--spacing-lg)}.pl-\[36px\]{padding-left:36px}.pr-\[40px\]{padding-right:40px}.admin-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh;background-color:var(--color-background)}.admin-nav{background-color:var(--color-surface-container-lowest);border-right:1px solid var(--color-outline-variant);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm);height:100vh;position:sticky;top:0;z-index:40}.admin-nav .brand-title{font-size:16px;font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-lg);padding-left:var(--spacing-sm)}.admin-nav a{display:flex;align-items:center;gap:var(--spacing-sm);padding:10px 12px;border-radius:var(--rounded-DEFAULT);color:var(--color-on-surface-variant);font-size:14px;font-weight:500;transition:all .2s}.admin-nav a:hover{background-color:var(--color-surface-container-low);color:var(--color-primary);text-decoration:none}.admin-nav a.active{background-color:var(--color-secondary-container);color:var(--color-primary);font-weight:600}.admin-main{background-color:var(--color-background);padding:var(--spacing-lg) var(--spacing-margin-desktop);display:flex;flex-direction:column;min-height:100vh}@media (max-width: 1023px){.portal-shell,.admin-shell{grid-template-columns:1fr}.portal-sidebar,.admin-nav{display:none!important}}@media (min-width: 1024px){.lg\:flex{display:flex}.lg\:flex-col{flex-direction:column}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:col-span-4{grid-column:span 4 / span 4}.lg\:col-span-8{grid-column:span 8 / span 8}.lg\:hidden{display:none!important}}@media (min-width: 768px){.md\:flex{display:flex}.md\:flex-row{flex-direction:row}.md\:items-end{align-items:flex-end}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:col-span-2{grid-column:span 2 / span 2}.md\:p-margin-desktop{padding:var(--spacing-margin-desktop)}.md\:px-margin-desktop{padding-left:var(--spacing-margin-desktop);padding-right:var(--spacing-margin-desktop)}.md\:py-lg{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.md\:pt-xl{padding-top:var(--spacing-xl)}.md\:hidden{display:none!important}}.btn-primary{background-color:var(--color-primary);color:var(--color-on-primary);border:1px solid transparent;border-radius:var(--rounded-DEFAULT);height:40px;padding:0 16px;font-weight:600;font-size:13px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-container);transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-outline{background-color:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);color:var(--color-primary);border-radius:var(--rounded-DEFAULT);height:40px;padding:0 16px;font-weight:600;font-size:13px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.btn-outline:hover:not(:disabled){background-color:var(--color-surface-container-low);border-color:var(--color-outline)}.btn-outline:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{background-color:transparent;border:1px solid transparent;color:var(--color-on-surface-variant);border-radius:var(--rounded-DEFAULT);height:40px;padding:0 16px;font-weight:600;font-size:13px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.btn-ghost:hover:not(:disabled){background-color:var(--color-surface-container-low);color:var(--color-primary)}.btn-sm{height:32px;padding:0 12px;font-size:12px}.page-subtitle{color:var(--color-on-surface-variant);font-size:14px;line-height:20px;margin-top:-8px}.page-breadcrumb{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:4px}.page-breadcrumb a{color:var(--color-on-surface-variant);font-size:12px;font-weight:500}.page-breadcrumb a:hover{color:var(--color-primary)}.page-breadcrumb-sep{color:var(--color-outline-variant);font-size:16px}.alert-error{background-color:var(--color-error-container);color:var(--color-on-error-container);border:1px solid var(--color-outline-variant);border-color:var(--color-error);padding:12px 16px;border-radius:var(--rounded-DEFAULT);font-size:14px;font-weight:500;margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm)}.alert-success{background-color:#e6f4ea;color:#137333;border:1px solid #137333;padding:12px 16px;border-radius:var(--rounded-DEFAULT);font-size:14px;font-weight:500;margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm)}.list-toolbar{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}@media (min-width: 768px){.list-toolbar{flex-direction:row;align-items:center;justify-content:space-between}}.list-search-wrap{position:relative;flex-grow:1;max-width:480px}.list-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-outline);pointer-events:none;font-size:20px}.list-search-input{padding-left:40px!important}.list-select-wrap{position:relative;width:100%}@media (min-width: 768px){.list-select-wrap{width:auto;min-width:180px}}.list-select{padding-right:36px!important;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.list-select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--color-outline);pointer-events:none;font-size:20px}.list-filter-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}@media (min-width: 768px){.list-filter-group{flex-direction:row;align-items:center;gap:var(--spacing-sm)}}.list-filter-label{font-size:12px;font-weight:600;color:var(--color-on-surface-variant);white-space:nowrap}.list-daterange-wrap{display:flex;align-items:center;gap:var(--spacing-xs);width:100%}@media (min-width: 768px){.list-daterange-wrap{width:auto}}.list-daterange-inputs{display:flex;align-items:center;gap:var(--spacing-xs);background-color:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--rounded-DEFAULT);padding:0 8px;height:40px}.list-date-input{border:none!important;box-shadow:none!important;background-color:transparent!important;height:38px!important;width:120px!important;padding:0!important;font-size:13px!important;cursor:pointer}.list-daterange-sep{color:var(--color-outline);font-size:14px}.data-table-wrap{background-color:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--rounded-md);overflow-x:auto;box-shadow:0 1px 3px #0000000d}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table th{padding:14px 16px;font-size:11px;font-weight:700;color:var(--color-on-surface-variant);text-transform:uppercase;letter-spacing:.05em;background-color:var(--color-surface-container-low);border-bottom:1px solid var(--color-outline-variant)}.data-table td{padding:16px;border-bottom:1px solid var(--color-outline-variant);font-size:14px;color:var(--color-on-surface);vertical-align:middle}.data-table-row{cursor:pointer;transition:background-color .15s ease}.data-table-row:hover{background-color:var(--color-surface-container-low)!important}.table-empty{text-align:center!important;padding:48px 16px!important;color:var(--color-on-surface-variant)}.table-link{color:var(--color-primary);font-weight:600}.table-link:hover{text-decoration:underline}.table-action-link{color:var(--color-primary);font-weight:500;font-size:13px;display:inline-flex;align-items:center;gap:4px}.table-action-link:hover{text-decoration:underline}.table-cell-muted{color:var(--color-on-surface-variant)}.table-cell-danger{color:var(--color-error);font-weight:500}.table-cell-amount{font-family:JetBrains Mono,monospace;font-weight:600;text-align:right}.table-cell-subject{font-weight:500}.table-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--rounded-full);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.badge-blue{background-color:#e8f0fe;color:#1967d2}.badge-green{background-color:#e6f4ea;color:#137333}.badge-gray{background-color:#f1f3f4;color:#5f6368}.badge-orange{background-color:#fef7e0;color:#b06000}.badge-red{background-color:#fce8e6;color:#c5221f}.badge-pink{background-color:#fde8f4;color:#b0126a}.badge-teal{background-color:#e4f7f6;color:#007b83}.pagination-bar{display:flex;flex-direction:column;gap:var(--spacing-sm);align-items:center;margin-top:var(--spacing-md)}@media (min-width: 768px){.pagination-bar{flex-direction:row;justify-content:space-between}}.pagination-info{font-size:13px;color:var(--color-on-surface-variant)}.pagination-controls{display:flex;align-items:center;gap:4px}.page-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--color-outline-variant);background-color:var(--color-surface-container-lowest);color:var(--color-on-surface);border-radius:var(--rounded-DEFAULT);cursor:pointer;transition:all .2s ease;font-size:13px;font-weight:500}.page-btn:hover:not(:disabled){background-color:var(--color-surface-container-low);border-color:var(--color-outline)}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-btn.active{background-color:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary);font-weight:600}.page-ellipsis{color:var(--color-outline);padding:0 4px}.invoice-stats-row{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}@media (min-width: 768px){.invoice-stats-row{grid-template-columns:repeat(3,1fr)}}.invoice-stat-card{background-color:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--rounded-md);padding:20px;display:flex;flex-direction:column;gap:8px;box-shadow:0 1px 3px #0000000d}.invoice-stat-card--danger{border-left:4px solid var(--color-error)}.invoice-stat-header{display:flex;justify-content:space-between;align-items:center}.invoice-stat-label{font-size:13px;font-weight:600;color:var(--color-on-surface-variant);text-transform:uppercase;letter-spacing:.03em}.invoice-stat-icon{font-size:20px;color:var(--color-outline)}.invoice-stat-card--danger .invoice-stat-icon{color:var(--color-error)}.invoice-stat-value{font-size:28px;font-weight:700;color:var(--color-on-surface);line-height:1}.invoice-stat-sub{font-size:12px;color:var(--color-on-surface-variant)}.form-page-wrap{max-width:800px;margin:0 auto;width:100%}.form-card{background-color:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--rounded-md);padding:var(--spacing-lg);box-shadow:0 1px 3px #0000000d}@media (min-width: 768px){.form-card{padding:var(--spacing-xl)}}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.form-label{font-size:13px;font-weight:600;color:var(--color-on-surface);display:flex;align-items:center;justify-content:space-between}.form-required{color:var(--color-error);margin-left:2px}.form-optional{font-size:11px;color:var(--color-outline);font-weight:400}.form-row-2{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}@media (min-width: 768px){.form-row-2{grid-template-columns:1fr 1fr}}.form-textarea{min-height:120px;padding:12px!important;resize:vertical;line-height:1.5}.form-select-wrap{position:relative}.form-select{padding-right:36px!important;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.form-section-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.form-section-icon{color:var(--color-primary);font-size:24px}.form-section-title{font-size:16px;font-weight:700;color:var(--color-on-surface)}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.profile-avatar-row{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.profile-avatar{width:80px;height:80px;border-radius:var(--rounded-full);background-color:var(--color-surface-container-high);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;border:2px solid var(--color-outline-variant)}.profile-avatar-info{display:flex;flex-direction:column;gap:4px}.profile-avatar-hint{font-size:12px;color:var(--color-on-surface-variant)}.security-section-header{margin-bottom:var(--spacing-lg)}.security-section-title{font-size:18px;font-weight:700;color:var(--color-on-surface)}.security-section-sub{font-size:13px;color:var(--color-on-surface-variant)}.pwd-requirements-box{background-color:var(--color-surface-container-low);border:1px solid var(--color-outline-variant);border-radius:var(--rounded-md);padding:16px;margin-top:var(--spacing-sm)}.pwd-req-heading{font-size:12px;font-weight:700;color:var(--color-on-surface);text-transform:uppercase;letter-spacing:.03em;margin-bottom:12px}.pwd-req-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:8px}@media (min-width: 768px){.pwd-req-list{grid-template-columns:1fr 1fr}}.pwd-req-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-on-surface-variant)}.pwd-req-item--met{color:#137333;font-weight:500}.pwd-req-icon{font-size:16px;color:var(--color-outline)}.pwd-req-item--met .pwd-req-icon{color:#137333}.dropzone{border:2px dashed var(--color-outline-variant);border-radius:var(--rounded-md);padding:var(--spacing-xl) var(--spacing-md);text-align:center;background-color:var(--color-surface-container-lowest);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:8px}.dropzone:hover,.dropzone--active{border-color:var(--color-primary);background-color:var(--color-surface-container-low)}.dropzone-icon-wrap{width:48px;height:48px;border-radius:var(--rounded-full);background-color:var(--color-surface-container-low);display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.dropzone:hover .dropzone-icon-wrap{background-color:var(--color-secondary-container)}.dropzone-icon{font-size:24px}.dropzone-text{font-size:14px;font-weight:500;color:var(--color-on-surface)}.dropzone-hint{font-size:12px;color:var(--color-outline)}.attachment-list{display:flex;flex-direction:column;gap:8px;margin-top:var(--spacing-sm)}.attachment-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background-color:var(--color-surface-container-low);border:1px solid var(--color-outline-variant);border-radius:var(--rounded-DEFAULT)}.attachment-icon{color:var(--color-primary);font-size:20px;margin-right:8px}.attachment-name{font-size:13px;font-weight:500;color:var(--color-on-surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}.attachment-size{font-size:11px;color:var(--color-outline);margin-left:8px}.attachment-remove{background:transparent;border:none;color:var(--color-outline);cursor:pointer;padding:4px;border-radius:var(--rounded-full);display:flex;align-items:center;justify-content:center}.attachment-remove:hover{background-color:var(--color-surface-container-high);color:var(--color-error)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite;display:inline-block}.doc-viewer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#191b228c;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.doc-viewer-panel{width:min(960px,100%);height:min(85vh,900px);background:var(--color-surface-container-lowest);border-radius:var(--rounded-xl);border:1px solid var(--color-outline-variant);box-shadow:0 24px 48px #0000002e;display:flex;flex-direction:column;overflow:hidden}.doc-viewer-panel--case{height:min(80vh,760px)}.doc-viewer-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-outline-variant);background:var(--color-surface-container-low)}.doc-viewer-title{font-size:18px;font-weight:700;color:var(--color-on-surface);margin:0}.doc-viewer-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.doc-viewer-body{flex:1;min-height:0;background:var(--color-surface-container)}.doc-viewer-body--case{overflow:auto}.doc-viewer-frame{width:100%;height:100%;border:0;background:#fff}.doc-viewer-loading{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);color:var(--color-on-surface-variant)}.doc-viewer-error{margin:var(--spacing-md) var(--spacing-lg) 0}.record-actions{display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.record-action-btn{display:inline-flex;align-items:center;gap:4px}.case-detail-content{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-lg)}.case-detail-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-md)}.case-detail-description{display:flex;flex-direction:column;gap:var(--spacing-xs)}.case-attachment-list{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-sm)}.case-attachment-item{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-outline-variant);border-radius:var(--rounded-DEFAULT);background:var(--color-surface-container-lowest)}.case-attachment-info{display:flex;align-items:center;gap:var(--spacing-sm);min-width:0}.case-attachment-actions{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.whitespace-pre-wrap{white-space:pre-wrap}