:root{color:#15313a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#4ad2c438,#0000 28%),radial-gradient(circle at 100% 0,#ffd67c2e,#0000 26%),linear-gradient(#f4efe1 0%,#eef7f4 100%);font:16px/1.5 Trebuchet MS,Verdana,sans-serif}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}a{color:inherit}button:disabled{opacity:.65;cursor:not-allowed}#root{min-height:100vh}.app-shell{box-sizing:border-box;width:min(1480px,100%);margin:0 auto;padding:32px 20px 48px}.panel{background:#fffdf7f0;border:1px solid #14252d14;border-radius:28px;padding:24px;box-shadow:0 26px 60px #12252d14}.topbar{background:radial-gradient(circle at 100% 0,#21c4c72e,#0000 30%),linear-gradient(135deg,#0c1219f5,#172431f0);border-color:#4c647a2e;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;padding-block:18px;display:flex}.topbar-brand{gap:6px;display:grid}.topbar-brand strong{color:#f2f6f3;font-size:1.2rem}.topbar-subcopy{color:#9cb1bf;font-size:.88rem}.topbar-tools{align-items:center;gap:12px;display:flex;position:relative}.topbar-chip{color:#eff6f1;background:#f0f7f214;border-radius:999px;align-items:center;padding:9px 14px;font-size:.83rem;font-weight:800;display:inline-flex}.topbar-chip.time{color:#8fe5b3}.topbar-dropdown{position:relative}.topbar-dropdown summary{cursor:pointer;color:#fdfaf1;background:linear-gradient(135deg,#10222b,#17626b);border:1px solid #14252d1f;border-radius:16px;padding:12px 18px;font-weight:800;list-style:none}.topbar-dropdown summary::-webkit-details-marker{display:none}.topbar-dropdown[open] summary{box-shadow:0 14px 30px #10222b2e}.topbar-dropdown-menu{z-index:10;background:#fffdf7fa;border:1px solid #14252d14;border-radius:18px;gap:8px;min-width:220px;padding:10px;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 20px 40px #12252d29}.dropdown-item{text-align:left;width:100%;font:inherit;color:#17363e;cursor:pointer;background:#10222b0a;border:1px solid #14252d14;border-radius:14px;padding:12px 14px;font-weight:800}.dropdown-item.active{color:#fdfaf1;background:linear-gradient(135deg,#13333e,#0d8c8d)}.management-page .topbar{background:radial-gradient(circle at 100% 0,#27c76a2e,#0000 28%),linear-gradient(135deg,#0a0e12f5,#151f2af0)}.management-page .topbar-brand strong,.management-page .topbar-chip{color:#edf7ef}.management-page .topbar-chip{background:#edf7ef14}.hero-card{color:#f6f6ef;background:radial-gradient(circle at 100% 0,#41cec438,#0000 30%),linear-gradient(135deg,#101f28f5,#224a56f0);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;margin-bottom:20px;display:grid}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:#fff7e4c7;margin:0 0 10px;font-size:.78rem}.hero-card h1,.section-head h2{margin:0}.hero-card h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.02}.hero-copy{color:#fff8ecc7;max-width:760px;margin:14px 0 0}.hero-tags,.route-strip,.manager-strip,.metrics-grid,.tab-strip,.workspace-grid,.button-row,.filters-grid,.mini-stats,.row-actions,.warehouse-actions,.file-list{gap:12px;display:flex}.hero-tags{flex-wrap:wrap;justify-content:flex-end;align-self:start}.hero-tags span,.file-pill,.category-badge,.status-tag{border-radius:999px;justify-content:center;align-items:center;font-size:.8rem;display:inline-flex}.hero-tags span{background:#fff8ec1f;border:1px solid #fff8ec2e;padding:10px 14px}.notice{border-radius:16px;margin-bottom:18px;padding:14px 18px;font-weight:700}.notice.success{color:#1d6930;background:#68c27926}.notice.error{color:#8f2318;background:#e9564924}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:20px;display:grid}.dashboard-metrics .metric-card{background:linear-gradient(135deg,#0b1218f5,#172431eb);border-color:#4c647a2e;box-shadow:0 18px 38px #0e18212e}.dashboard-metrics .metric-card span{color:#8ea5b3}.dashboard-metrics .metric-card strong{color:#f2f7f4}.dashboard-metrics .metric-card.income strong{color:#34d26f}.dashboard-metrics .metric-card.expense strong{color:#ff7182}.metric-card{background:#fffef9db;border:1px solid #14252d14;border-radius:22px;padding:18px 20px;box-shadow:0 16px 32px #12252d0f}.metric-card span{color:#557178;margin-bottom:8px;font-size:.84rem;display:block}.metric-card strong{color:#10222b;font-size:1.4rem}.metric-card.income{background:linear-gradient(135deg,#e2ffede6,#fafff6eb)}.metric-card.expense{background:linear-gradient(135deg,#ffe5e2f0,#fff8f7eb)}.tab-strip{margin-bottom:20px;padding-bottom:8px;overflow-x:auto}.route-panel{margin-bottom:20px}.route-strip{flex-wrap:wrap}.route-pill{font:inherit;color:#17363e;cursor:pointer;background:#10222b0d;border:1px solid #14252d1f;border-radius:16px;padding:12px 18px;font-weight:800;transition:transform .18s,box-shadow .18s,background .18s}.route-pill.active{color:#fdfaf1;background:linear-gradient(135deg,#10222b,#17626b);box-shadow:0 14px 30px #10222b2e}.route-pill:hover{transform:translateY(-1px)}.manager-panel{margin-bottom:20px}.management-page .manager-panel{background:linear-gradient(135deg,#0b1016f5,#151e28f0);border-color:#5068802e}.management-page .manager-panel .section-head h2,.management-page .manager-panel .section-head p{color:#ecf4ee}.manager-strip{flex-wrap:wrap}.manager-pill{font:inherit;color:#17363e;cursor:pointer;background:#10222b0d;border:1px solid #14252d1f;border-radius:16px;padding:12px 18px;font-weight:800;transition:transform .18s,box-shadow .18s,background .18s}.manager-pill.active{color:#fdfaf1;background:linear-gradient(135deg,#13333e,#0d8c8d);box-shadow:0 16px 30px #0d8c8d3d}.management-page .manager-pill{color:#b9c8d4;background:#ecf4ee0d;border-color:#ecf4ee14}.management-page .manager-pill.active{background:linear-gradient(135deg,#28c76a,#14824a);box-shadow:0 16px 30px #28c76a38}.manager-pill:hover{transform:translateY(-1px)}.tab-pill{--tab-color:#10222b;white-space:nowrap;font:inherit;color:#10222b;background:color-mix(in srgb, var(--tab-color) 22%, white);cursor:pointer;border:none;border-radius:14px;padding:12px 18px;font-weight:800;transition:transform .18s,box-shadow .18s}.tab-pill.active{color:#fdfaf1;background:var(--tab-color);box-shadow:0 14px 26px #10222b2e}.tab-pill:hover{transform:translateY(-1px)}.workspace-grid{grid-template-columns:380px minmax(0,1fr);align-items:start;display:grid}.workspace-grid.main-only{grid-template-columns:1fr}.workspace-grid.management-layout{grid-template-columns:minmax(0,980px)}.workspace-grid.management-layout .sidebar{width:min(980px,100%)}.main-dashboard{gap:20px;display:grid}.main-menu-hero,.dashboard-panel{background:radial-gradient(circle at 100% 0,#24c56f1f,#0000 30%),linear-gradient(135deg,#0a1016fa,#141e28f5);border-color:#4c647a2e}.main-menu-hero{grid-template-columns:minmax(0,1.2fr) 320px;align-items:center;gap:22px;display:grid}.main-menu-copy h2{color:#f2f7f4;margin:0;font-size:clamp(2rem,3vw,2.7rem);line-height:1.05}.main-menu-copy p:last-child{color:#9cb1bf;max-width:720px;margin:14px 0 0;font-size:1rem}.main-menu-side{justify-items:stretch;gap:16px;display:grid}.main-menu-time{background:#ffffff0d;border:1px solid #ffffff0f;border-radius:22px;gap:8px;padding:20px;display:grid}.main-menu-time span{color:#8ea5b3;font-size:.84rem}.main-menu-time strong{color:#8fe5b3;font-size:1.35rem}.dashboard-cta{justify-content:center;width:100%}.dashboard-panel .section-head h2,.dashboard-panel .summary-table th,.dashboard-panel .transactions-table th{color:#f1f6f2}.dashboard-panel .section-head p,.dashboard-panel .mini-stats,.dashboard-panel .transactions-table p,.dashboard-panel .hint-box,.dashboard-panel .empty-box,.dashboard-panel .amount-stack span,.dashboard-panel .row-title p{color:#9cb1bf}.dashboard-panel .summary-table td,.dashboard-panel .transactions-table td{color:#e6f0ea;border-bottom-color:#ffffff14}.dashboard-panel .summary-table tfoot td{color:#8fe5b3}.dashboard-panel .hint-box,.dashboard-panel .empty-box{background:#ffffff0a}.dashboard-panel .filters-grid label span{color:#9cb1bf}.dashboard-panel input,.dashboard-panel select{color:#f4f8f5;background:#080d13c7;border-color:#ffffff1a}.dashboard-panel input::placeholder{color:#718491}.dashboard-panel .ghost-button{color:#edf6ef;background:#ffffff14}.dashboard-panel .file-pill{color:#eef5f0;background:#ffffff0f}.dashboard-panel .link-button,.dashboard-panel .text-button{color:#7ddfb0}.transaction-studio{background:radial-gradient(circle at 100% 0,#2bc76b29,#0000 28%),linear-gradient(#090d12fa,#12161cfa);border-color:#5068802e;padding:0;overflow:hidden}.studio-shell{grid-template-columns:minmax(0,1.35fr) 320px;min-height:100%;display:grid}.studio-main{color:#edf4ef;gap:24px;padding:28px;display:grid}.studio-header{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.studio-stat{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:20px;gap:8px;padding:18px 20px;display:grid}.studio-stat span{color:#8ca0ad;font-size:.85rem}.studio-stat strong{color:#34d26f;font-size:1.6rem;line-height:1.1}.studio-mode{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:999px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:8px;display:grid}.type-pill{font:inherit;color:#74c9ff;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:18px 16px;font-size:clamp(1.35rem,2.3vw,2rem);font-weight:800;transition:transform .18s,background .18s,color .18s}.type-pill.expense.active{color:#ff6172;background:#ff5d6e1f}.type-pill.income.active{color:#34d26f;background:#34d26f1f}.type-pill:hover{transform:translateY(-1px)}.studio-reasons{gap:16px;display:grid}.studio-copy h2,.studio-feed-head h3{margin:0}.studio-copy p,.studio-feed-head span{color:#8ca0ad;margin:6px 0 0}.reason-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.reason-card{--reason-color:#34d26f;text-align:left;border:1px solid color-mix(in srgb, var(--reason-color) 26%, #ffffff14);background:color-mix(in srgb, var(--reason-color) 8%, #ffffff05);color:#f3f7f4;cursor:pointer;border-radius:22px;gap:8px;padding:18px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid}.reason-card strong{font-size:1rem}.reason-card span{color:#93a5b1;font-size:.82rem}.reason-card.active{box-shadow:0 14px 28px color-mix(in srgb, var(--reason-color) 20%, transparent);border-color:color-mix(in srgb, var(--reason-color) 55%, white);transform:translateY(-1px)}.studio-impact{border-color:#ffffff0f;margin-bottom:0}.studio-form{background:#ffffff08;border:1px solid #ffffff0d;border-radius:28px;padding:22px}.transaction-studio .form-grid label span,.transaction-studio .helper-text,.transaction-studio .impact-values small{color:#93a5b1}.transaction-studio input,.transaction-studio select,.transaction-studio textarea{color:#f4f8f5;background:#080d13bf;border-color:#ffffff1a}.transaction-studio input::placeholder,.transaction-studio textarea::placeholder{color:#718491}.studio-save{color:#071109;background:linear-gradient(135deg,#2bc76b,#118247)}.studio-feed{background:linear-gradient(#111820f5,#0b1016fa);border-left:1px solid #ffffff0f;align-content:start;gap:16px;padding:28px 22px;display:grid}.studio-feed-head{color:#eef4ef;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.studio-feed-list{gap:10px;display:grid}.feed-item{text-align:left;cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:18px;gap:10px;width:100%;padding:16px;display:grid}.feed-item strong{font-size:1.35rem}.feed-item.income strong{color:#34d26f}.feed-item.expense strong{color:#ff6172}.feed-main,.feed-meta{gap:4px;display:grid}.feed-main span,.feed-meta span,.feed-meta small,.empty-box.dark{color:#9db0ba}.studio-secondary{color:#eff5f0;background:#ffffff14}.sidebar,.content{gap:18px;display:grid}.section-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.section-head p,.warehouse-row p,.transactions-table p,.hint-box,.empty-box{color:#617a80;margin:6px 0 0}.impact-banner{border:1px solid #14252d14;border-radius:20px;justify-content:space-between;gap:16px;margin-bottom:16px;padding:16px 18px;display:flex}.impact-banner p{color:#4f6a71;margin:6px 0 0}.impact-banner.income{background:linear-gradient(135deg,#e2ffedf0,#f7fff9f2)}.impact-banner.expense{background:linear-gradient(135deg,#ffece8f0,#fff9f8f2)}.impact-values{text-align:right;align-content:center;gap:6px;display:grid}.impact-values span{color:#10222b;font-size:1.15rem;font-weight:800}.impact-values small,.helper-text{color:#5f787e}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.form-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid label{gap:8px;display:grid}.form-grid label span{color:#35525a;font-size:.83rem;font-weight:700}.full{grid-column:1/-1}input,select,textarea,button{font:inherit}input,select,textarea{box-sizing:border-box;background:#fffffff0;border:1px solid #14252d24;border-radius:14px;width:100%;padding:12px 14px}textarea{resize:vertical}.checkbox-line{align-content:end}.checkbox-line input{width:18px;height:18px}.primary-button,.ghost-button,.text-button,.link-button{cursor:pointer;border:none}.primary-button,.ghost-button{border-radius:14px;padding:12px 16px;font-weight:800}.primary-button{color:#fdfaf1;background:linear-gradient(135deg,#13333e,#0d8c8d)}.ghost-button{color:#16313a;background:#10222b0f}.text-button,.link-button{color:#17626b;background:0 0;padding:0;font-weight:700}.danger-text{color:#b33428}.attachments,.warehouse-list{gap:10px;display:grid}.transaction-studio .attachment-row,.transaction-studio .file-pill{color:#eef5f0;background:#ffffff0d}.transaction-studio .attachment-row a{color:#8ee7b1}.warehouse-manager,.warehouse-summary-list{gap:12px;display:grid}.warehouse-summary-row{color:#32545b;background:#f4f7f4d6;border-radius:16px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.attachment-row,.warehouse-row{background:#f4f7f4d6;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.status-tag{padding:6px 10px}.status-tag.active{color:#186b30;background:#6bc27e2e}.status-tag.inactive{color:#8c6520;background:#ffd8873d}.table-wrap{overflow-x:auto}.summary-table,.transactions-table{border-collapse:collapse;width:100%;min-width:900px}.summary-table th,.summary-table td,.transactions-table th,.transactions-table td{text-align:left;vertical-align:top;border-bottom:1px solid #14252d14;padding:14px 12px}.summary-table tfoot td{font-weight:800}.mini-stats{color:#537077;flex-wrap:wrap;margin:0 0 14px;font-size:.9rem}.row-title,.amount-stack{gap:4px;display:grid}.amount-stack strong{font-size:1rem}.amount-stack span{color:#617a80;font-size:.82rem}.amount-stack.income strong{color:#1d6930}.amount-stack.expense strong{color:#b33428}.category-badge{--badge-color:#10222b;color:#10222b;background:color-mix(in srgb, var(--badge-color) 22%, white);padding:7px 12px}.file-list{flex-wrap:wrap}.file-pill{color:#1b4c55;background:#10222b12;padding:7px 11px;text-decoration:none}.hint-box,.empty-box{background:#f5f5ebdb;border-radius:16px;padding:14px 16px}.pager{justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}code{background:#10222b14;border-radius:8px;padding:2px 6px}@media (width<=1180px){.workspace-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.main-menu-hero,.studio-shell{grid-template-columns:1fr}.studio-feed{border-top:1px solid #ffffff0f;border-left:none}}@media (width<=720px){.app-shell{padding:18px 14px 32px}.topbar,.topbar-tools{flex-direction:column;align-items:stretch}.topbar-dropdown-menu{min-width:0;left:0;right:0}.topbar-chip.time{justify-content:center}.studio-header,.reason-grid{grid-template-columns:1fr}.studio-main,.studio-feed{padding:20px 16px}.metrics-grid,.form-grid,.form-grid.compact{grid-template-columns:1fr}.section-head,.impact-banner,.attachment-row,.warehouse-row,.pager{flex-direction:column;align-items:stretch}.impact-values,.warehouse-summary-row{text-align:left}.warehouse-summary-row{grid-template-columns:1fr}}