:root{--font-sans: Inter, Manrope, "SF Pro Display", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "SFMono-Regular", Consolas, monospace;--green-950: #0a1d18;--green-900: #102b24;--green-800: #173f35;--green-700: #205447;--green-600: #2b6d5c;--green-500: #3a8874;--green-400: #66a895;--green-200: #b9d6cd;--green-100: #dcebe6;--green-50: #eff7f4;--gold-700: #856938;--gold-600: #a1844e;--gold-500: #c1a267;--gold-400: #d5bd8d;--gold-200: #ecdfc6;--gold-100: #f7f0e3;--ink-950: #0d1412;--ink-900: #17201d;--ink-800: #25302c;--ink-700: #3e4b47;--ink-600: #596762;--ink-500: #75827e;--ink-400: #9ba5a1;--ink-300: #bec6c3;--ink-200: #d9dfdc;--ink-100: #e9edeb;--ink-50: #f4f6f5;--white: #fff;--red-700: #a32d39;--red-600: #c43c48;--red-100: #fbeaec;--amber-700: #92610d;--amber-600: #b9780c;--amber-100: #fff3d6;--blue-700: #24618a;--blue-600: #307aa8;--blue-100: #e5f3fb;--bg-canvas: #f3f5f3;--bg-subtle: #eef2ef;--surface-1: #ffffff;--surface-2: #f8faf8;--surface-3: #eef3f0;--surface-inverse: var(--green-950);--text-primary: var(--ink-950);--text-secondary: var(--ink-600);--text-tertiary: var(--ink-500);--text-inverse: #f7faf8;--border-soft: rgba(26, 55, 46, .09);--border-medium: rgba(26, 55, 46, .16);--focus-ring: rgba(43, 109, 92, .28);--overlay: rgba(7, 20, 16, .56);--shadow-xs: 0 1px 2px rgba(13, 35, 28, .05);--shadow-sm: 0 5px 18px rgba(13, 35, 28, .07), 0 1px 3px rgba(13, 35, 28, .04);--shadow-md: 0 14px 40px rgba(13, 35, 28, .1), 0 3px 10px rgba(13, 35, 28, .05);--shadow-lg: 0 26px 70px rgba(8, 27, 21, .16), 0 8px 22px rgba(8, 27, 21, .08);--shadow-premium: 0 24px 54px rgba(73, 56, 25, .16), inset 0 1px 0 rgba(255, 255, 255, .42);--radius-xs: 8px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 22px;--radius-xl: 28px;--radius-2xl: 36px;--radius-pill: 999px;--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-16: 64px;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: clamp(2rem, 4vw, 3rem);--text-display: clamp(2.4rem, 7vw, 4.75rem);--ease-standard: cubic-bezier(.2, .8, .2, 1);--ease-emphasized: cubic-bezier(.16, 1, .3, 1);--motion-fast: .14s;--motion-base: .22s;--motion-slow: .36s;--content-max: 1420px;--sidebar-width: 264px}:root[data-theme=dark]{--bg-canvas: #08110e;--bg-subtle: #0c1713;--surface-1: #111d19;--surface-2: #16241f;--surface-3: #1b2d26;--surface-inverse: #ecf4f0;--text-primary: #f1f6f3;--text-secondary: #b7c5bf;--text-tertiary: #8ea099;--text-inverse: #10211b;--border-soft: rgba(211, 232, 223, .08);--border-medium: rgba(211, 232, 223, .14);--focus-ring: rgba(102, 168, 149, .3);--overlay: rgba(0, 0, 0, .72);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .18);--shadow-sm: 0 6px 20px rgba(0, 0, 0, .2);--shadow-md: 0 18px 44px rgba(0, 0, 0, .28);--shadow-lg: 0 30px 80px rgba(0, 0, 0, .38)}*,*:before,*:after{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth;background:var(--bg-canvas)}body{min-height:100vh;margin:0;font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-canvas);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,textarea,select{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{letter-spacing:-.025em}h1{font-size:var(--text-3xl);line-height:1.04;font-weight:680}h2{font-size:var(--text-2xl);line-height:1.15;font-weight:660}h3{font-size:var(--text-lg);line-height:1.25;font-weight:650}p{line-height:1.55}::selection{background:var(--green-200);color:var(--green-950)}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted{color:var(--text-secondary)}.tertiary{color:var(--text-tertiary)}.nowrap{white-space:nowrap}.text-danger{color:var(--red-600)}.text-success{color:var(--green-600)}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.stack-sm{display:flex;flex-direction:column;gap:var(--space-2)}.cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.space-between{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.section-head h2{font-size:var(--text-xl)}.section-head p{margin-top:4px;color:var(--text-secondary);font-size:var(--text-sm)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-7);animation:reveal .4s var(--ease-emphasized) both}.page-header__eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:var(--green-600);font-size:var(--text-xs);font-weight:760;letter-spacing:.12em;text-transform:uppercase}.page-header p{max-width:700px;margin-top:8px;color:var(--text-secondary)}.grid{display:grid;gap:var(--space-5)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.content-wrap{width:min(100%,var(--content-max));margin-inline:auto}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field--wide{grid-column:1 / -1}.field label,.field>span:first-child{color:var(--text-secondary);font-size:var(--text-sm);font-weight:600}.field small{color:var(--text-tertiary);font-size:var(--text-xs);line-height:1.45}.field__error{color:var(--red-600)!important}.input,.select,.textarea{width:100%;border:1px solid var(--border-medium);border-radius:var(--radius-sm);background:var(--surface-1);color:var(--text-primary);transition:border-color var(--motion-fast),box-shadow var(--motion-fast),background var(--motion-fast)}.input,.select{min-height:46px;padding:0 14px}.textarea{min-height:116px;padding:13px 14px;resize:vertical;line-height:1.5}.input:hover,.select:hover,.textarea:hover{border-color:#2b6d5c61}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--green-500);box-shadow:0 0 0 4px var(--focus-ring)}.input::placeholder,.textarea::placeholder{color:var(--text-tertiary)}.input:disabled,.select:disabled,.textarea:disabled{cursor:not-allowed;opacity:.65;background:var(--surface-3)}.checkbox{display:inline-flex;align-items:flex-start;gap:10px;color:var(--text-secondary);font-size:var(--text-sm);line-height:1.45}.checkbox input{width:18px;height:18px;margin-top:1px;accent-color:var(--green-700)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.55}}.spin{animation:spin .8s linear infinite}.reveal{animation:reveal .42s var(--ease-emphasized) both}.reveal-delay-1{animation-delay:60ms}.reveal-delay-2{animation-delay:.12s}.reveal-delay-3{animation-delay:.18s}.fade-enter-active,.fade-leave-active{transition:opacity var(--motion-base) var(--ease-standard)}.fade-enter-from,.fade-leave-to{opacity:0}.modal-enter-active,.modal-leave-active{transition:transform var(--motion-slow) var(--ease-emphasized),opacity var(--motion-base)}.modal-enter-from,.modal-leave-to{opacity:0;transform:translateY(18px) scale(.975)}.drawer-enter-active,.drawer-leave-active{transition:transform var(--motion-slow) var(--ease-emphasized)}.drawer-enter-from,.drawer-leave-to{transform:translate(100%)}.toast-enter-active,.toast-leave-active{transition:transform var(--motion-slow) var(--ease-emphasized),opacity var(--motion-base)}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(28px) scale(.96)}.toast-move{transition:transform var(--motion-base)}.slide-down-enter-active,.slide-down-leave-active{transition:transform var(--motion-base),opacity var(--motion-base)}.slide-down-enter-from,.slide-down-leave-to{opacity:0;transform:translateY(-100%)}.route-enter-active,.route-leave-active{transition:opacity .18s ease,transform .22s var(--ease-emphasized)}.route-enter-from{opacity:0;transform:translateY(8px)}.route-leave-to{opacity:0;transform:translateY(-4px)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(max-width:980px){.grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.grid-2,.grid-3,.grid-4,.form-grid{grid-template-columns:1fr}.page-header{flex-direction:column;margin-bottom:var(--space-5)}.field--wide{grid-column:auto}h1{font-size:1.8rem}}.ui-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;font-weight:650;line-height:1;transition:transform var(--motion-fast),box-shadow var(--motion-fast),background var(--motion-fast),border-color var(--motion-fast),opacity var(--motion-fast);-webkit-user-select:none;user-select:none}.ui-button:hover:not(:disabled){transform:translateY(-1px)}.ui-button:active:not(:disabled){transform:translateY(0) scale(.985)}.ui-button:disabled{cursor:not-allowed;opacity:.52}.ui-button--sm{min-height:36px;padding:0 12px;font-size:var(--text-sm)}.ui-button--md{min-height:44px;padding:0 17px;font-size:var(--text-sm)}.ui-button--lg{min-height:52px;padding:0 22px;font-size:var(--text-md);border-radius:var(--radius-md)}.ui-button--primary{color:#fff;background:linear-gradient(135deg,var(--green-700),var(--green-900));box-shadow:0 8px 22px #173f3533}.ui-button--primary:hover:not(:disabled){box-shadow:0 12px 28px #173f3542}.ui-button--secondary{color:var(--green-800);background:var(--green-50);border-color:var(--green-100)}:root[data-theme=dark] .ui-button--secondary{color:var(--green-200);background:#3a887429;border-color:#66a8952e}.ui-button--ghost{color:var(--text-secondary);background:transparent;border-color:var(--border-soft)}.ui-button--ghost:hover:not(:disabled){background:var(--surface-3);color:var(--text-primary)}.ui-button--danger{color:#fff;background:linear-gradient(135deg,#c44350,#982d38);box-shadow:0 8px 20px #a42d382e}.ui-button--premium{color:#2d2517;background:linear-gradient(135deg,#f0dfbd,#c6a465);box-shadow:var(--shadow-premium)}.ui-button.is-block{width:100%}.icon-button{width:40px;height:40px;display:inline-grid;place-items:center;border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--surface-1);cursor:pointer;color:var(--text-secondary);transition:background var(--motion-fast),color var(--motion-fast),transform var(--motion-fast),border-color var(--motion-fast)}.icon-button:hover{color:var(--text-primary);background:var(--surface-3);border-color:var(--border-medium);transform:translateY(-1px)}.icon-button:active{transform:scale(.96)}.ui-card{position:relative;min-width:0;overflow:hidden;border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:var(--surface-1);box-shadow:var(--shadow-xs);transition:border-color var(--motion-base),transform var(--motion-base),box-shadow var(--motion-base)}.ui-card.is-padded{padding:var(--space-5)}.ui-card.is-elevated{box-shadow:var(--shadow-sm)}.ui-card.is-interactive{cursor:pointer}.ui-card.is-interactive:hover{transform:translateY(-3px);border-color:#2b6d5c33;box-shadow:var(--shadow-md)}.ui-badge{display:inline-flex;align-items:center;gap:7px;width:fit-content;min-height:25px;padding:3px 9px;border-radius:var(--radius-pill);font-size:.72rem;font-weight:720;letter-spacing:.01em;line-height:1;white-space:nowrap}.ui-badge i{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 16%,transparent)}.ui-badge--success{color:#23705a;background:#e3f4ed}.ui-badge--warning{color:var(--amber-700);background:var(--amber-100)}.ui-badge--danger{color:var(--red-700);background:var(--red-100)}.ui-badge--info{color:var(--blue-700);background:var(--blue-100)}.ui-badge--neutral{color:var(--text-secondary);background:var(--surface-3)}.ui-badge--premium{color:var(--gold-700);background:var(--gold-100)}:root[data-theme=dark] .ui-badge--success{color:#91dac4;background:#2d8b6f2e}:root[data-theme=dark] .ui-badge--warning{color:#e7c276;background:#b9780c2e}:root[data-theme=dark] .ui-badge--danger{color:#f19ba3;background:#c43c482e}:root[data-theme=dark] .ui-badge--info{color:#9bd2f1;background:#307aa82e}.modal-backdrop,.drawer-backdrop{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:var(--overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ui-modal{width:min(100%,560px);max-height:min(92vh,850px);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-medium);border-radius:var(--radius-xl);background:var(--surface-1);box-shadow:var(--shadow-lg)}.ui-modal--wide{width:min(100%,820px)}.ui-modal__header,.ui-drawer__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-soft)}.ui-modal__header h2,.ui-drawer__header h2{font-size:var(--text-xl)}.ui-modal__header p,.ui-drawer__header p{margin-top:5px;color:var(--text-secondary);font-size:var(--text-sm)}.ui-modal__body{padding:var(--space-6);overflow:auto}.ui-modal__footer,.ui-drawer__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-soft);background:var(--surface-2)}.drawer-backdrop{justify-content:flex-end;padding:0}.ui-drawer{width:min(100%,520px);height:100%;display:flex;flex-direction:column;background:var(--surface-1);box-shadow:var(--shadow-lg)}.ui-drawer--lg{width:min(100%,720px)}.ui-drawer__body{flex:1;padding:var(--space-6);overflow-y:auto}.ui-skeleton{display:block;overflow:hidden;background:linear-gradient(90deg,var(--surface-3) 20%,color-mix(in srgb,var(--surface-3) 55%,var(--surface-1)) 50%,var(--surface-3) 80%);background-size:220% 100%;animation:shimmer 1.4s infinite linear}.empty-state{min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);text-align:center;border:1px dashed var(--border-medium);border-radius:var(--radius-lg);background:linear-gradient(145deg,var(--surface-1),var(--surface-2))}.empty-state__icon{width:58px;height:58px;display:grid;place-items:center;margin-bottom:var(--space-4);border-radius:var(--radius-md);color:var(--green-700);background:var(--green-50)}:root[data-theme=dark] .empty-state__icon{color:var(--green-200);background:#3a887429}.empty-state p{max-width:460px;margin-top:var(--space-2);color:var(--text-secondary);font-size:var(--text-sm)}.empty-state__action{margin-top:var(--space-5)}.toast-host{position:fixed;z-index:2000;top:max(18px,env(safe-area-inset-top));right:18px;width:min(390px,calc(100vw - 36px));display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:flex-start;padding:14px;border:1px solid var(--border-medium);border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface-1) 92%,transparent);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto}.toast strong{display:block;font-size:var(--text-sm)}.toast p{margin-top:3px;color:var(--text-secondary);font-size:var(--text-xs)}.toast>button{width:26px;height:26px;display:grid;place-items:center;border:0;background:transparent;color:var(--text-tertiary);cursor:pointer;border-radius:8px}.toast--success>svg{color:var(--green-500)}.toast--warning>svg{color:var(--amber-600)}.toast--danger>svg{color:var(--red-600)}.toast--info>svg{color:var(--blue-600)}.offline-banner{position:fixed;z-index:1500;top:0;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:8px 15px;border-radius:0 0 14px 14px;color:#30230a;background:#f3d490;box-shadow:var(--shadow-sm);font-size:var(--text-xs);font-weight:680}.app-logo{height:38px;display:flex;align-items:center;overflow:hidden}.app-logo img{width:auto;height:100%;object-fit:contain}.app-logo.is-compact{width:42px;height:42px}.app-logo.is-compact img{width:100%;height:100%}.app-logo.is-inverse img{filter:none}.money{font-variant-numeric:tabular-nums;letter-spacing:-.025em}.kpi-card{min-height:142px;display:flex;flex-direction:column;justify-content:space-between}.kpi-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.kpi-card__icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:var(--green-700);background:var(--green-50)}:root[data-theme=dark] .kpi-card__icon{color:var(--green-200);background:#3a887426}.kpi-card__value{margin-top:18px;font-size:1.9rem;font-weight:720;letter-spacing:-.045em;line-height:1}.kpi-card__label{margin-top:7px;color:var(--text-secondary);font-size:var(--text-sm)}.kpi-card__trend{color:var(--green-600);font-size:var(--text-xs);font-weight:680}.table-shell{overflow:hidden;border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:var(--surface-1);box-shadow:var(--shadow-xs)}.table-toolbar{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border-soft)}.table-toolbar__group{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.search-field{position:relative;min-width:230px}.search-field svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-tertiary)}.search-field .input{padding-left:39px}.data-table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.data-table th{padding:12px 16px;text-align:left;color:var(--text-tertiary);background:var(--surface-2);border-bottom:1px solid var(--border-soft);font-size:.68rem;font-weight:760;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap}.data-table td{padding:14px 16px;border-bottom:1px solid var(--border-soft);vertical-align:middle}.data-table tbody tr{transition:background var(--motion-fast)}.data-table tbody tr:hover{background:color-mix(in srgb,var(--green-50) 60%,transparent)}:root[data-theme=dark] .data-table tbody tr:hover{background:#3a887412}.data-table tbody tr:last-child td{border-bottom:0}.table-primary{display:flex;align-items:center;gap:11px;min-width:190px}.table-primary__avatar{width:36px;height:36px;flex:0 0 auto;display:grid;place-items:center;border-radius:11px;color:#fff;background:linear-gradient(135deg,var(--green-500),var(--green-900));font-size:.72rem;font-weight:750}.table-primary strong{display:block;font-size:var(--text-sm)}.table-primary small{display:block;margin-top:3px;color:var(--text-tertiary);font-size:var(--text-xs)}.pagination{min-height:58px;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-top:1px solid var(--border-soft);color:var(--text-secondary);font-size:var(--text-sm)}.segmented{display:inline-flex;padding:4px;border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--surface-2)}.segmented button{min-height:34px;padding:0 13px;border:0;border-radius:9px;color:var(--text-secondary);background:transparent;cursor:pointer;font-size:var(--text-sm);transition:all var(--motion-fast)}.segmented button.is-active{color:var(--text-primary);background:var(--surface-1);box-shadow:var(--shadow-xs);font-weight:650}.alert{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:var(--radius-md);font-size:var(--text-sm);line-height:1.5}.alert--info{color:var(--blue-700);background:var(--blue-100)}.alert--warning{color:var(--amber-700);background:var(--amber-100)}.alert--danger{color:var(--red-700);background:var(--red-100)}.alert--success{color:var(--green-700);background:var(--green-100)}:root[data-theme=dark] .alert--info{color:#a7d6ee;background:#307aa82b}:root[data-theme=dark] .alert--warning{color:#e7c276;background:#b9780c2b}:root[data-theme=dark] .alert--danger{color:#f3a4ab;background:#c43c482b}:root[data-theme=dark] .alert--success{color:#9ad9c6;background:#3a88742b}.timeline{position:relative;display:flex;flex-direction:column;gap:0}.timeline:before{content:"";position:absolute;left:14px;top:14px;bottom:14px;width:1px;background:var(--border-medium)}.timeline-item{position:relative;display:grid;grid-template-columns:29px 1fr;gap:13px;padding:0 0 20px}.timeline-item__dot{position:relative;z-index:1;width:29px;height:29px;display:grid;place-items:center;border:5px solid var(--surface-1);border-radius:50%;background:var(--green-500)}.timeline-item__content{padding:2px 0}.timeline-item__content small{color:var(--text-tertiary)}@media(max-width:680px){.ui-modal{width:100%;max-height:94dvh;margin-top:auto;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.modal-backdrop{align-items:flex-end;padding:0}.ui-modal__header,.ui-modal__body{padding-inline:var(--space-5)}.table-toolbar{align-items:stretch;flex-direction:column}.search-field{min-width:0;width:100%}.toast-host{top:auto;bottom:calc(88px + env(safe-area-inset-bottom))}}.file-uploader{display:flex;align-items:flex-start;flex-wrap:wrap;gap:9px}.file-uploader>small{align-self:center;color:var(--text-tertiary);font-size:.66rem}.file-uploader__list{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:4px}.file-uploader__item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 10px;border:1px solid var(--border-soft);border-radius:11px;background:var(--surface-2)}.file-uploader__item>span{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;color:var(--green-700);background:var(--green-50)}.file-uploader__item strong,.file-uploader__item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-uploader__item strong{font-size:.72rem}.file-uploader__item small{margin-top:3px;color:var(--text-tertiary);font-size:.62rem}.file-uploader__item .icon-button{width:30px;height:30px}.attachment-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.attachment-chip{min-width:0;max-width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--border-soft);border-radius:11px;color:var(--text-secondary);background:var(--surface-2);cursor:pointer;text-align:left;transition:all var(--motion-fast)}.attachment-chip:hover{border-color:var(--green-400);background:var(--green-50)}.attachment-chip span{min-width:0}.attachment-chip strong,.attachment-chip small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-chip strong{font-size:.68rem}.attachment-chip small{margin-top:2px;color:var(--text-tertiary);font-size:.58rem}@media(max-width:620px){.file-uploader__list{grid-template-columns:1fr}}