:root{--paper:#fff;--gray-50:#f8f8fa;--gray-75:#f5f6f8;--gray-100:#f1f2f4;--gray-150:#eceef1;--gray-200:#e8e9ec;--gray-300:#dddee2;--gray-400:#b9bbc1;--ink-900:#141519;--ink-800:#1f2024;--ink-700:#2c2e34;--ink-500:#585b63;--ink-400:#6c6f76;--ink-300:#9a9da4;--ink-200:#c3c5cb;--gold:#b8902e;--gold-strong:#9a7420;--gold-deep:#7c5d18;--gold-tint:#f3ead4;--gold-tint-2:#ecdfbf;--gold-line:#e3d3a6;--green-fg:#2f6b54;--green-bg:#e9f4ef;--green-line:#cde7db;--red-fg:#b0432a;--red-bg:#fbeae4;--red-line:#f0d2c6;--amber-fg:#92611c;--amber-bg:#f7efda;--amber-line:#ead7ac;--blue-fg:#2f5f86;--blue-bg:#eaf1f8;--blue-line:#cfe0ef;--color-bg:var(--gray-75);--color-surface:var(--paper);--color-surface-2:var(--gray-100);--color-surface-sunken:var(--gray-150);--color-line:var(--gray-200);--color-line-strong:var(--gray-300);--color-text:var(--ink-800);--color-text-strong:var(--ink-900);--color-text-muted:var(--ink-400);--color-text-subtle:var(--ink-300);--color-text-inverse:var(--gray-50);--color-brand:var(--gold);--color-brand-strong:var(--gold-strong);--color-brand-deep:var(--gold-deep);--color-brand-tint:var(--gold-tint);--color-on-brand:var(--ink-900);--color-plate:#0c0b0a;--color-on-plate:#f4ecd9;--color-sidebar:#0c0b0a;--color-sidebar-elev:#221f1a;--color-sidebar-hover:#ffffff0b;--color-sidebar-border:#ffffff14;--color-sidebar-text:#e7e3d9;--color-sidebar-muted:#948d7d;--color-sidebar-icon:#c4ab73;--color-sidebar-active:#fff;--color-avatar:#c8ad6e;--color-avatar-text:#1b1813;--ring-focus:0 0 0 3px #b8902e38;--color-success:var(--green-fg);--color-success-bg:var(--green-bg);--color-success-line:var(--green-line);--color-danger:var(--red-fg);--color-danger-bg:var(--red-bg);--color-danger-line:var(--red-line);--color-warning:var(--amber-fg);--color-warning-bg:var(--amber-bg);--color-warning-line:var(--amber-line);--color-info:var(--blue-fg);--color-info-bg:var(--blue-bg);--color-info-line:var(--blue-line);--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:var(--font-sans);--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--text-2xs:11px;--text-xs:12px;--text-sm:13px;--text-base:14px;--text-md:15px;--text-lg:16px;--text-xl:19px;--text-2xl:22px;--text-3xl:27px;--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.55;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--tracking-tight:-.02em;--tracking-normal:0;--tracking-label:.08em;--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;--radius-xs:4px;--radius-sm:7px;--radius-md:10px;--radius-lg:16px;--radius-pill:999px;--shadow-none:none;--shadow-card:0 1px 2px #1214190d, 0 6px 18px #1214190d;--shadow-pop:0 16px 40px #12141929, 0 2px 8px #1214190f;--ease-standard:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--duration-fast:.12s;--duration-base:.16s;--sidebar-width:256px;--sidebar-rail:68px;--topbar-height:68px;--container-max:1320px;--z-base:1;--z-sticky:10;--z-sidebar:15;--z-modal:20;--z-toast:30;--gc-black:var(--ink-900);--gc-black-soft:var(--ink-800);--gc-ink:var(--color-text);--gc-bg:var(--color-bg);--gc-surface:var(--color-surface);--gc-surface-warm:var(--color-surface-2);--gc-border:var(--color-line);--gc-border-dark:var(--color-line-strong);--gc-gold:var(--color-brand);--gc-gold-light:var(--gold-tint);--gc-gold-dark:var(--color-brand-deep);--gc-muted:var(--color-text-muted);--gc-danger-bg:var(--color-danger-bg);--gc-danger:var(--color-danger);--gc-success-bg:var(--color-success-bg);--gc-success:var(--color-success)}@media (prefers-reduced-motion:reduce){:root{--duration-fast:0s;--duration-base:0s}}:root{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{min-width:320px;margin:0}::selection{background:var(--gold-tint-2);color:var(--ink-900)}:focus-visible{box-shadow:var(--ring-focus);border-radius:var(--radius-xs);outline:none}h1,h2,h3{font-family:var(--font-display);color:var(--color-text-strong);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}a{color:var(--color-brand-strong);transition:color var(--duration-fast) var(--ease-standard);text-decoration:none}a:hover{color:var(--color-brand-deep);text-underline-offset:3px;text-decoration:underline}button,input,select,textarea{font:inherit}button{cursor:pointer}label{color:var(--color-text-strong);font-size:var(--text-sm);font-weight:var(--weight-medium);gap:7px;display:grid}input,select,textarea{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface-2);width:100%;min-width:0;min-height:42px;color:var(--color-text);transition:border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard);padding:0 13px}input::placeholder,textarea::placeholder{color:var(--color-text-subtle)}input:hover,select:hover,textarea:hover{border-color:var(--color-line-strong)}input:focus,select:focus,textarea:focus{border-color:var(--color-brand);box-shadow:var(--ring-focus);background-color:var(--color-surface);outline:none}select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--color-text-muted) 50%), linear-gradient(135deg, var(--color-text-muted) 50%, transparent 50%);background-position:calc(100% - 18px) 17px,calc(100% - 13px) 17px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding:0 34px 0 12px}textarea{resize:vertical;min-height:94px;padding-top:10px}.boot{background:var(--color-bg);min-height:100vh;color:var(--color-text-muted);font-size:var(--text-sm);place-items:center;display:grid}.login{grid-template-columns:clamp(330px,42vw,520px) 1fr;min-height:100vh;display:grid}.login-aside{background:var(--color-sidebar);color:var(--color-sidebar-text);flex-direction:column;justify-content:space-between;gap:24px;padding:48px 44px;display:flex;position:relative;overflow:hidden}.login-aside:before{content:"";pointer-events:none;background:radial-gradient(circle,#c4ab7329,#c4ab7300 70%);width:480px;height:480px;position:absolute;top:-150px;right:-170px}.login-aside:after{content:"";pointer-events:none;background:radial-gradient(circle,#c4ab7314,#c4ab7300 70%);width:360px;height:360px;position:absolute;bottom:-160px;left:-150px}.login-aside-logo{z-index:1;width:min(196px,58%);height:auto;position:relative}.login-aside-copy{z-index:1;max-width:340px;position:relative}.login-aside-copy h2{color:#fff;font-size:var(--text-2xl);margin:0}.login-aside-copy p{color:var(--color-sidebar-muted);font-size:var(--text-md);line-height:var(--leading-normal);margin:12px 0 0}.login-aside-foot{z-index:1;color:var(--color-sidebar-muted);font-size:var(--text-2xs);letter-spacing:var(--tracking-label);text-transform:uppercase;position:relative}.login-main{background:var(--color-bg);place-items:center;padding:40px 24px;display:grid}.login-card{width:min(360px,100%)}.login-brand-mobile{display:none}.login-kicker{color:var(--color-brand-strong);font-size:var(--text-2xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-label);margin-bottom:10px;display:block}.login-card h1{font-size:var(--text-3xl);margin:0}.login-card>p{color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-normal);margin:8px 0 26px}.login-card .alert{margin-bottom:16px}.form-stack{gap:16px;display:grid}.form-stack a{font-size:var(--text-sm);justify-self:start}.app-shell{grid-template-columns:var(--sidebar-width) 1fr;background:var(--color-bg);min-height:100vh;display:grid}.sidebar{background:var(--color-sidebar);border-right:1px solid var(--color-sidebar-border);flex-direction:column;height:100vh;padding:14px 12px;display:flex;position:sticky;top:0;overflow:hidden}.sidebar-head{justify-content:center;align-items:center;min-height:42px;padding:4px 4px 0;display:flex}.brand-logo{object-fit:contain;width:auto;max-width:100%;height:34px;display:block}.sidebar-nav{scrollbar-width:thin;scrollbar-color:#ffffff24 transparent;flex-direction:column;flex:1;gap:3px;margin-top:18px;display:flex;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{width:7px}.sidebar-nav::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:#ffffff1f}.nav-item{border-radius:var(--radius-md);min-height:42px;color:var(--color-sidebar-text);font-size:var(--text-base);font-weight:var(--weight-medium);white-space:nowrap;transition:background var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);align-items:center;gap:12px;padding:0 12px;text-decoration:none;display:flex}.nav-item svg{width:19px;height:19px;color:var(--color-sidebar-icon);transition:color var(--duration-fast) var(--ease-standard);flex:none}.nav-item:hover{background:var(--color-sidebar-hover);color:var(--color-sidebar-active)}.nav-item.active{background:var(--color-sidebar-elev);color:var(--color-sidebar-active)}.nav-item.active svg{color:var(--color-sidebar-active)}.nav-group{gap:2px;display:grid}.nav-group:not(:first-child){margin-top:8px}.nav-group-toggle{text-align:left;background:0 0;border:0}.nav-group-toggle .nav-chevron{width:16px;height:16px;color:var(--color-sidebar-muted);margin-left:auto}.nav-group-toggle[aria-expanded=true]{color:var(--color-sidebar-active)}.nav-group-items{border-left:1px solid var(--color-sidebar-border);gap:2px;margin:2px 0 0 17px;padding-left:9px;display:grid}.nav-sub{min-height:38px}.nav-sub svg{width:17px;height:17px}.nav-divider{background:var(--color-sidebar-border);height:1px;margin:11px 12px}.sidebar-foot{border-top:1px solid var(--color-sidebar-border);margin-top:12px;padding-top:12px}.user-card{grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;padding:6px;display:grid}.user-avatar{border-radius:var(--radius-pill);background:var(--color-avatar);width:34px;height:34px;color:var(--color-avatar-text);font-size:var(--text-sm);font-weight:var(--weight-semibold);flex:none;place-items:center;display:grid}.user-meta{flex:1;min-width:0;display:grid}.user-meta strong{color:var(--color-sidebar-text);font-size:var(--text-sm);font-weight:var(--weight-semibold);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.user-meta span{color:var(--color-sidebar-muted);font-size:var(--text-xs);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.user-logout{border:1px solid var(--color-sidebar-border);border-radius:var(--radius-sm);background:var(--color-sidebar-hover);width:100%;min-height:36px;color:var(--color-sidebar-text);font-size:var(--text-sm);font-weight:var(--weight-semibold);transition:background var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);grid-column:1/-1;justify-content:center;align-items:center;gap:8px;padding:0 10px;display:inline-flex}.user-logout:hover{background:var(--color-sidebar-elev);color:var(--color-sidebar-active);border-color:#ffffff2e}.main-panel{min-width:0}.topbar{min-height:var(--topbar-height);background:var(--color-surface);border-bottom:1px solid var(--color-line);z-index:var(--z-sticky);justify-content:flex-start;align-items:center;gap:14px;padding:0 28px;display:flex;position:sticky;top:0}.topbar-title{min-width:0}.topbar-title h1{font-size:var(--text-xl);letter-spacing:var(--tracking-tight);margin:0}main{padding:28px}.page-stack{min-width:0;animation:gc-fade var(--duration-base) var(--ease-out);gap:24px;display:grid}.page-stack>*{min-width:0}@keyframes gc-fade{0%{opacity:0}to{opacity:1}}.page-heading,.panel-header,.toolbar,.upload-panel,.pagination,.modal-header,.modal-actions,.heading-actions{justify-content:space-between;align-items:center;gap:14px;display:flex}.page-heading h2{font-size:var(--text-3xl)}.page-kicker{color:var(--color-brand-strong);font-size:var(--text-2xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-label);margin-bottom:4px;display:block}.heading-actions{flex-wrap:wrap;justify-content:flex-end}.metric-grid{grid-template-columns:repeat(4,minmax(180px,1fr));gap:14px;display:grid}.compact-metrics{grid-template-columns:repeat(3,minmax(180px,1fr))}.metric-card,.panel,.upload-panel,.toolbar,.filter-panel{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);min-width:0;box-shadow:var(--shadow-card)}.metric-card{min-height:104px;transition:border-color var(--duration-fast) var(--ease-standard);justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 18px 16px;display:flex}.metric-card:hover{border-color:var(--color-line-strong)}.metric-card span{color:var(--color-text-muted);font-size:var(--text-2xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-label)}.metric-card strong{font-size:var(--text-3xl);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);color:var(--color-text-strong);margin:10px 0 4px;display:block}.metric-card small{color:var(--color-text-muted);font-size:var(--text-xs)}.metric-card>svg{width:18px;height:18px;color:var(--color-text-subtle);flex:none}.content-grid{gap:16px;display:grid}.content-grid.two{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.panel{padding:20px}.panel-header{margin-bottom:var(--space-5)}.panel h3{font-size:var(--text-lg);margin:0}.status-pill{border-radius:var(--radius-pill);background:var(--color-surface-2);min-height:26px;color:var(--color-text-muted);border:1px solid var(--color-line);font-size:var(--text-xs);font-weight:var(--weight-medium);white-space:nowrap;align-items:center;gap:6px;padding:0 11px;display:inline-flex}.status-pill.warning{background:var(--color-warning-bg);color:var(--color-warning);border-color:var(--color-warning-line)}.status-pill.success{background:var(--color-success-bg);color:var(--color-success);border-color:var(--color-success-line)}.filter-panel{padding:16px}.filter-grid{margin-top:var(--space-4);grid-template-columns:repeat(4,minmax(170px,1fr));gap:14px;display:grid}.simple-filter-panel{padding:14px}.simple-filter-grid{grid-template-columns:repeat(4,minmax(170px,1fr));gap:14px;display:grid}.primary-button,.ghost-button,.icon-button,.pagination button{border-radius:var(--radius-md);min-height:38px;font-size:var(--text-sm);font-weight:var(--weight-semibold);transition:background var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;display:inline-flex}.primary-button:focus-visible,.ghost-button:focus-visible,.icon-button:focus-visible,.pagination button:focus-visible{box-shadow:var(--ring-focus);outline:none}.primary-button{background:var(--color-brand);color:var(--color-on-brand);border-color:var(--color-brand);padding:0 16px}.primary-button:hover{background:var(--color-brand-strong);border-color:var(--color-brand-strong)}.primary-button:disabled,.pagination button:disabled{opacity:.5;cursor:not-allowed}.ghost-button,.pagination button{background:var(--color-surface);color:var(--color-text);border-color:var(--color-line-strong);padding:0 14px}.ghost-button:hover,.pagination button:not(:disabled):hover{background:var(--color-surface-2);border-color:var(--color-text-subtle)}.icon-button{background:var(--color-surface);width:36px;color:var(--color-text-muted);border-color:var(--color-line-strong);padding:0}.icon-button:hover{background:var(--color-surface-2);color:var(--color-text);border-color:var(--color-text-subtle)}.icon-button.danger:hover{background:var(--color-danger-bg);color:var(--color-danger);border-color:var(--color-danger-line)}.mobile-only{display:none}.toolbar{padding:12px}.toolbar>span{color:var(--color-text-muted);font-size:var(--text-sm)}.search-box{border:1px solid var(--color-line);background:var(--color-surface-2);border-radius:var(--radius-md);width:min(460px,100%);transition:border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard);align-items:center;gap:8px;padding:0 10px;display:flex}.search-box svg{width:17px;height:17px;color:var(--color-text-muted);flex:none}.search-box:focus-within{border-color:var(--color-brand);box-shadow:var(--ring-focus);background:var(--color-surface)}.search-box input{background:0 0;border:0;width:100%;min-height:36px}.search-box input:focus{box-shadow:none}.responsive-table{max-width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:840px}th,td{text-align:left;font-size:var(--text-sm);white-space:nowrap;padding:13px 12px}th{color:var(--color-text-muted);font-size:var(--text-2xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-label);border-bottom:1px solid var(--color-line-strong)}td{border-bottom:1px solid var(--color-line);color:var(--color-text)}tbody tr{transition:background var(--duration-fast) var(--ease-standard)}tbody tr:hover{background:var(--color-surface-2)}tbody tr:last-child td{border-bottom:0}.row-actions{gap:6px;display:flex}.pagination{padding-top:var(--space-4)}.pagination span{color:var(--color-text-muted);font-size:var(--text-sm)}.upload-panel{grid-template-columns:auto minmax(0,1fr) minmax(220px,320px) auto;align-items:center;gap:16px;min-height:104px;padding:18px;display:grid}.upload-panel>svg{width:24px;height:24px;color:var(--color-brand-strong)}.upload-panel strong{color:var(--color-text-strong);font-weight:var(--weight-semibold)}.upload-panel span{color:var(--color-text-muted);font-size:var(--text-sm);margin-top:4px;display:block}.file-picker{min-width:0}.file-picker input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.file-picker span{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface-2);min-height:38px;color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;transition:border-color var(--duration-fast) var(--ease-standard);align-items:center;margin:0;padding:0 12px;display:flex;overflow:hidden}.file-picker:hover span{border-color:var(--color-text-subtle)}.file-picker input:focus-visible+span{border-color:var(--color-brand);box-shadow:var(--ring-focus)}.summary-list,.settings-panel{gap:0;display:grid}.summary-list div,.settings-panel div{border-bottom:1px solid var(--color-line);justify-content:space-between;gap:14px;padding:11px 0;display:flex}.summary-list div:first-child,.settings-panel div:first-child{padding-top:0}.summary-list div:last-child,.settings-panel div:last-child{border-bottom:0;padding-bottom:0}.summary-list span,.settings-panel span{color:var(--color-text-muted);font-size:var(--text-sm)}.summary-list strong,.settings-panel strong{color:var(--color-text-strong);font-weight:var(--weight-semibold);text-align:right}.error-list{gap:8px;max-height:390px;display:grid;overflow:auto}.error-list div{border-radius:var(--radius-sm);background:var(--color-surface-2);border-left:2px solid var(--color-warning);gap:3px;padding:10px 12px;display:grid}.error-list strong{color:var(--color-text-strong);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.error-list span{color:var(--color-text-muted);font-size:var(--text-sm)}.alert{border-radius:var(--radius-md);font-size:var(--text-sm);border:1px solid #0000;border-left-width:2px;padding:11px 14px}.alert.error{background:var(--color-danger-bg);color:var(--color-danger);border-left-color:var(--color-danger)}.alert.success{background:var(--color-success-bg);color:var(--color-success);border-left-color:var(--color-success)}.modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:var(--z-modal);animation:gc-fade var(--duration-base) var(--ease-out);background:#15130f66;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-line);width:min(900px,100%);max-height:calc(100vh - 40px);box-shadow:var(--shadow-pop);animation:gc-pop var(--duration-base) var(--ease-out);padding:22px;overflow:auto}.modal-header{margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-line)}.modal-header h3{font-size:var(--text-xl);margin:0}@keyframes gc-pop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.modal-header,.modal-actions,.wide{grid-column:1/-1}.modal-actions{margin-top:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--color-line);justify-content:flex-end;gap:10px}.recharts-default-tooltip{border-radius:var(--radius-md)!important;border:1px solid var(--color-line)!important;box-shadow:var(--shadow-pop)!important;font-family:var(--font-sans)!important;font-size:var(--text-sm)!important}.recharts-cartesian-axis-tick text{fill:var(--color-text-muted)}@media (width<=1120px){.metric-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}.content-grid.two,.upload-panel{grid-template-columns:1fr}.filter-grid,.simple-filter-grid,.compact-metrics{grid-template-columns:repeat(2,minmax(170px,1fr))}}@media (width<=860px){.login{grid-template-columns:1fr}.login-aside{display:none}.login-main{align-items:start;padding-top:64px}.login-brand-mobile{margin-bottom:24px;display:block}.login-brand-mobile img{border-radius:var(--radius-md);background:var(--color-plate);width:auto;height:30px;padding:12px 16px;display:block}}@media (width<=760px){.app-shell{grid-template-columns:1fr}.sidebar{width:var(--sidebar-width);transition:transform .16s var(--ease-standard);z-index:var(--z-sidebar);position:fixed;transform:translate(-100%)}.sidebar.is-open{box-shadow:var(--shadow-pop);transform:translate(0)}.mobile-only{display:inline-flex}.topbar{justify-content:flex-start;padding:0 16px}main{padding:18px}.metric-grid,.form-grid,.filter-grid,.simple-filter-grid,.compact-metrics{grid-template-columns:1fr}.page-heading{flex-direction:column;align-items:flex-start}.heading-actions{justify-content:flex-start}}@media (width<=480px){.login-main{padding:48px 18px}}