:root{--ink:#25231f;--muted:#746f66;--paper:#f7f4ed;--card:#fff;--line:#e7e0d5;--brown:#7a4528;--orange:#ef8f4b;--green:#58705b;--cream:#f2dfbd;--dark:#303b34;--danger:#b94d3f;--shadow:0 12px 36px #44301f14}*{box-sizing:border-box}html,body{background:var(--paper);min-height:100%;color:var(--ink);font-family:var(--font-sans),sans-serif;margin:0}button,input,select,textarea{font:inherit}button,a{transition:all .2s}.app-shell{min-height:100vh}.sidebar{color:#fff;z-index:20;background:#2d362f;flex-direction:column;width:244px;padding:28px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;padding:0 10px 28px;display:flex}.brand-mark,.avatar{background:var(--orange);color:#2d241e;place-items:center;font-weight:900;display:grid}.brand-mark{width:44px;height:44px;font-family:var(--font-serif);border-radius:14px;font-size:20px}.brand strong{font-family:var(--font-serif);font-size:20px;display:block}.brand small{color:#b8c0b9}.sidebar nav{gap:6px;display:grid}.sidebar nav button{color:#cbd1cb;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:13px 14px;display:flex}.sidebar nav button span{width:24px;font-size:20px}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:#475249}.sidebar nav button b{background:var(--orange);color:#222;border-radius:20px;margin-left:auto;padding:2px 7px;font-size:11px}.prototype-note{border:1px solid #566159;border-radius:14px;align-items:center;gap:10px;margin-top:auto;padding:14px;display:flex}.prototype-note>span{color:#f2c96c}.prototype-note strong,.prototype-note small{display:block}.prototype-note small{color:#b9c1bb;margin-top:3px;font-size:11px}.workspace{min-height:100vh;margin-left:244px}.topbar{border-bottom:1px solid var(--line);z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f7f4edeb;justify-content:space-between;align-items:center;height:108px;padding:25px 4vw;display:flex;position:sticky;top:0}.topbar p{color:var(--muted);text-transform:capitalize;margin:0;font-size:13px}.topbar h1{font-family:var(--font-serif);margin:3px 0 0;font-size:28px}.top-actions{align-items:center;gap:12px;display:flex}.icon-button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:50%;width:44px;height:44px;font-size:21px;position:relative}.icon-button i,.mobile-nav i{background:var(--danger);color:#fff;border-radius:20px;padding:2px 6px;font-size:10px;font-style:normal;position:absolute}.icon-button i{top:-3px;right:-3px}.avatar{border-radius:50%;width:45px;height:45px}.page-content{max-width:1500px;margin:auto;padding:38px 4vw 70px}.welcome-row,.section-header{justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:27px;display:flex}.eyebrow{letter-spacing:.14em;color:var(--brown);font-size:11px;font-weight:800}h2{font-family:var(--font-serif);margin:8px 0;font-size:clamp(30px,3vw,45px);line-height:1}.section-header p{color:var(--muted);margin:10px 0 0}.period-switch,.filter-bar{background:#ebe5da;border-radius:12px;padding:4px;display:flex}.period-switch button,.filter-bar button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:9px 16px}.period-switch button.active,.filter-bar button.active{color:var(--ink);background:#fff;box-shadow:0 2px 8px #cfc5b5}.quick-actions{grid-template-columns:1.4fr 1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.quick-actions button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:16px;align-items:center;gap:13px;padding:17px;display:flex}.quick-actions button:hover,.cta:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.quick-actions button>span{background:#f3eee5;border-radius:12px;place-items:center;width:39px;height:39px;font-size:19px;display:grid}.quick-actions .primary-action{background:var(--orange);border-color:var(--orange)}.quick-actions .primary-action>span{background:#fff6}.quick-actions strong,.quick-actions small{display:block}.quick-actions small{color:#6f675f;margin-top:3px}.stat-grid{grid-template-columns:1fr 1.1fr 1fr;gap:14px;margin-bottom:16px;display:grid}.stat-card{border:1px solid var(--line);border-radius:20px;flex-direction:column;justify-content:space-between;min-height:154px;padding:22px;display:flex}.stat-card.cream{background:var(--cream)}.stat-card.dark{background:var(--dark);color:#fff}.stat-card.white{background:#fff}.stat-card>div{justify-content:space-between;display:flex}.stat-card>strong{font-size:clamp(27px,3vw,40px);font-family:var(--font-serif)}.stat-card small{color:inherit;opacity:.65}.dashboard-grid{grid-template-columns:1.25fr .85fr;gap:16px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:20px;padding:22px}.movements-panel{grid-row:span 2}.panel-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.panel h3,.panel-head h3{font-family:var(--font-serif);margin:0;font-size:21px}.panel-head button{color:var(--brown);cursor:pointer;background:0 0;border:0}.movement-row{border-bottom:1px solid #eee9e1;align-items:center;gap:12px;padding:15px 0;display:flex}.movement-row:last-child{border-bottom:0}.movement-icon{width:39px;height:39px;color:var(--green);background:#e2efe4;border-radius:12px;place-items:center;font-weight:800;display:grid}.movement-icon.expense{color:var(--danger);background:#f8e6df}.movement-main{flex:1;min-width:0}.movement-main strong,.movement-main small,.movement-amount strong,.movement-amount small{display:block}.movement-main small,.movement-amount small{color:var(--muted);margin-top:3px;font-size:11px}.movement-amount{text-align:right}.movement-amount.expense strong{color:var(--danger)}.rank-row,.payment-row{border-bottom:1px solid #eee9e1;align-items:center;gap:12px;padding:14px 0;display:flex}.rank-row>b{color:#ad9d8e;font-family:var(--font-serif)}.rank-row div{flex:1}.rank-row div strong,.rank-row div small{display:block}.rank-row div small{color:var(--muted);font-size:11px}.rank-row>span{font-weight:700}.reminder-mini{border-bottom:1px solid #eee9e1;align-items:center;gap:11px;padding:11px 0;display:flex}.reminder-mini>div{text-align:center;background:#edf0e9;border-radius:10px;width:43px;padding:5px}.reminder-mini>div.urgent{color:var(--danger);background:#f8ddd4}.reminder-mini b,.reminder-mini small,.reminder-mini span strong,.reminder-mini span small{display:block}.reminder-mini>span{flex:1}.reminder-mini span small{color:var(--muted);font-size:11px}.reminder-mini i{color:var(--danger);font-size:11px;font-style:normal}.empty-state{text-align:center;color:var(--muted);padding:25px}.cta{background:var(--orange);cursor:pointer;border:0;border-radius:12px;padding:13px 18px;font-weight:700}.filter-bar{width:max-content;margin:0 0 16px}.table-panel{padding:6px 22px}.product-grid,.supplier-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.product-card,.supplier-card{border:1px solid var(--line);background:#fff;border-radius:20px;padding:18px}.product-visual{background:#efe2c7;border-radius:15px;justify-content:center;align-items:center;height:112px;font-size:35px;display:flex;position:relative}.product-visual span{text-transform:uppercase;letter-spacing:.1em;font-size:10px;position:absolute;bottom:10px;left:12px}.product-card h3{font-family:var(--font-serif);margin:16px 0 4px}.product-card>strong{font-size:22px}.product-card>div:nth-of-type(2){color:var(--muted);justify-content:space-between;margin:13px 0 7px;display:flex}.product-card progress{width:100%;accent-color:var(--orange)}.supplier-card{grid-template-columns:auto 1fr;gap:15px;display:grid}.supplier-avatar{background:var(--cream);width:54px;height:54px;font-family:var(--font-serif);border-radius:17px;place-items:center;font-weight:800;display:grid}.supplier-card span{color:var(--brown);letter-spacing:.1em;font-size:10px}.supplier-card h3{font-family:var(--font-serif);margin:3px 0}.supplier-card p,.supplier-card a{color:var(--muted);margin:2px 0;font-size:12px}.supplier-card footer{border-top:1px solid var(--line);grid-column:1/-1;justify-content:space-between;padding-top:13px;display:flex}.prototype-banner{background:#efe7d8;border:1px solid #dfd1bb;border-radius:14px;gap:14px;margin-bottom:16px;padding:14px 18px;display:flex}.prototype-banner span{color:var(--muted)}.reminder-list{gap:11px;display:grid}.reminder-card{border:1px solid var(--line);background:#fff;border-left:5px solid #91a38e;border-radius:16px;grid-template-columns:58px 1fr auto auto;align-items:center;gap:16px;padding:15px;display:grid}.reminder-card.soon{border-left-color:var(--orange)}.reminder-card.overdue{border-left-color:var(--danger)}.reminder-card.paid{opacity:.55}.date-tile{text-align:center;background:#f1ede6;border-radius:12px;padding:8px}.date-tile strong,.date-tile span{display:block}.date-tile strong{font-size:20px}.date-tile span{text-transform:uppercase;font-size:10px}.reminder-info small{letter-spacing:.12em;color:var(--danger);font-size:9px}.reminder-info h3{font-family:var(--font-serif);margin:3px 0}.reminder-info p{color:var(--muted);margin:0;font-size:12px}.due-amount{font-size:18px}.reminder-actions{gap:7px;display:flex}.reminder-actions a,.reminder-actions button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:9px;padding:9px 11px;font-size:11px;text-decoration:none}.reminder-actions a{background:#dcebdc}.report-hero{background:var(--dark);color:#fff;border-radius:24px;grid-template-columns:.7fr 1.3fr;gap:35px;margin-bottom:16px;padding:28px;display:grid}.report-hero>div:first-child small,.report-hero>div:first-child strong,.report-hero>div:first-child span{display:block}.report-hero>div:first-child strong{font-family:var(--font-serif);margin:8px 0;font-size:45px}.positive{color:#a8d8ab}.negative{color:#ffaf9e}.bars>div{grid-template-columns:85px 1fr 110px;align-items:center;gap:12px;margin:18px 0;display:grid}.bars i{background:var(--orange);border-radius:8px;height:14px;display:block}.bars i.expense{background:#d2b595}.bars b{text-align:right}.dashboard-grid.reports{grid-template-columns:1fr 1fr}.payment-row{justify-content:space-between}.report-footnote{color:var(--muted);margin-top:18px;font-size:11px}.modal-backdrop{z-index:100;background:#25231faa;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--paper);border-radius:22px;width:min(590px,100%);max-height:92vh;overflow:auto;box-shadow:0 25px 80px #0005}.modal>header{border-bottom:1px solid var(--line);justify-content:space-between;padding:22px 24px;display:flex}.modal>header span{letter-spacing:.14em;color:var(--brown);font-size:10px}.modal>header h2{font-size:29px}.modal>header button{cursor:pointer;background:0 0;border:0;font-size:28px}.modal form{padding:22px 24px}.field{margin-bottom:15px;display:block}.field>span{margin-bottom:6px;font-size:12px;font-weight:700;display:block}.field input,.field select,.field textarea{background:#fff;border:1px solid #d9d0c4;border-radius:11px;outline:none;width:100%;padding:12px}.field textarea{resize:vertical;min-height:82px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px #ef8f4b22}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.type-selector{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px;display:grid}.type-selector input{display:none}.type-selector span{text-align:center;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;padding:11px;display:block}.type-selector input:checked+span{background:var(--dark);color:#fff}.modal form footer{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.modal form footer button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;padding:11px 17px}.modal form footer .submit{background:var(--orange);border-color:var(--orange);font-weight:800}.form-error{color:var(--danger);font-size:12px}.toast{background:var(--dark);color:#fff;z-index:120;box-shadow:var(--shadow);border-radius:12px;padding:14px 20px;position:fixed;bottom:25px;right:25px}.mobile-nav{display:none}.loading-screen{text-align:center;place-content:center;gap:10px;min-height:100vh;display:grid}.bread-loader{background:var(--orange);width:65px;height:65px;font-family:var(--font-serif);border-radius:22px;place-items:center;margin:auto;font-size:24px;font-weight:800;animation:1.2s infinite pulse;display:grid}@keyframes pulse{50%{opacity:.75;transform:scale(.94)}}@media (width<=1050px){.product-grid,.supplier-grid{grid-template-columns:repeat(2,1fr)}.quick-actions{grid-template-columns:1fr 1fr}.quick-actions .primary-action{grid-column:1/-1}.reminder-card{grid-template-columns:58px 1fr auto}.reminder-actions{grid-column:2/-1}.dashboard-grid{grid-template-columns:1fr}.movements-panel{grid-row:auto}}@media (width<=760px){.sidebar{display:none}.workspace{margin-left:0;padding-bottom:76px}.topbar{height:82px;padding:14px 18px}.topbar h1{font-size:23px}.topbar p{font-size:11px}.page-content{padding:25px 16px 35px}.welcome-row,.section-header{flex-direction:column;align-items:flex-start}.section-header .cta{width:100%}.quick-actions{grid-template-columns:1fr 1fr}.quick-actions button{padding:13px}.quick-actions button small{display:none}.stat-grid{grid-template-columns:1fr 1fr}.stat-card{min-height:135px}.stat-card.dark{grid-area:1/1/auto/-1}.product-grid,.supplier-grid{grid-template-columns:1fr}.mobile-nav{z-index:30;border-top:1px solid var(--line);height:70px;padding-bottom:env(safe-area-inset-bottom);background:#fff;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:#8b8479;background:#fff;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:relative}.mobile-nav button.active{color:var(--brown)}.mobile-nav span{font-size:20px}.mobile-nav small{font-size:9px}.mobile-nav i{top:5px;right:14px}.prototype-banner,.prototype-banner b,.prototype-banner span{display:block}.prototype-banner span{margin-top:5px;font-size:12px}.reminder-card{grid-template-columns:50px 1fr}.due-amount{grid-column:2}.reminder-actions{grid-column:1/-1}.reminder-actions a,.reminder-actions button{text-align:center;flex:1}.report-hero{grid-template-columns:1fr;gap:12px;padding:21px}.report-hero>div:first-child strong{font-size:36px}.bars>div{grid-template-columns:65px 1fr}.bars b{grid-column:2}.dashboard-grid.reports,.form-grid{grid-template-columns:1fr}.modal form,.modal>header{padding-left:18px;padding-right:18px}.toast{text-align:center;bottom:84px;left:16px;right:16px}}@media (width<=430px){.quick-actions{grid-template-columns:1fr}.quick-actions .primary-action{grid-column:auto}.stat-grid{grid-template-columns:1fr}.stat-card.dark{grid-column:auto}.period-switch{width:100%}.period-switch button{flex:1}.movement-amount strong{font-size:13px}.product-visual{height:96px}}