@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#183b56;background:#f5f7f8}*{box-sizing:border-box}body{margin:0}main{display:flex;min-height:100vh}aside{width:245px;padding:28px 20px;background:#07552f;color:#fff}.brand{display:flex;align-items:center;gap:10px;font-family:Space Grotesk}.brand span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#ddefe5;color:#07552f}nav{display:grid;gap:7px;margin-top:70px}nav button{padding:12px 14px;color:#b9d8c5;border-radius:4px;text-align:left}nav button.active{background:#218453;color:#fff}.logout{margin-top:auto;color:#ddefe5}.content{flex:1;max-width:1500px;padding:45px 4vw}header,.panel-title{display:flex;align-items:center;justify-content:space-between;gap:20px}small{color:#0b6f3c;letter-spacing:2px;font-weight:700;font-size:11px}h1,h2,h3{font-family:Space Grotesk}h1{margin:8px 0 32px;font-size:38px}h3{margin-top:30px}.user{display:flex;align-items:center;gap:10px;font-weight:700}.user b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#ddefe5;color:#0b6f3c}.user span{font-weight:400}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.metrics article{padding:24px;border:1px solid #d8e0d8;background:#fff}.metrics span{color:#61716d;font-size:14px}.metrics strong{display:block;margin:10px 0;font:700 40px Space Grotesk}.panel{margin-top:32px;padding:24px;background:#fff;border:1px solid #d8e0d8}.panel-title h2{margin:0 0 20px}.filters{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.filters label{display:grid;gap:5px;color:#607570;font-size:12px;font-weight:700}button{border:0;background:none;color:#0b6f3c;font-weight:700;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.filters button,.inline-form button,.pay-form button,.transition button,.supplier-form>button,.report button{padding:11px 15px;color:#fff;background:#0b6f3c;border-radius:3px}input,select{padding:10px;border:1px solid #c8d4cf;border-radius:3px;font:inherit;color:#183b56;background:#fff}.filter{min-width:190px}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:14px 10px;border-top:1px solid #e5ebe5;font-size:13px;vertical-align:top}th{color:#75817d;font-weight:500;white-space:nowrap}.tag{display:inline-block;padding:5px 8px;border-radius:3px;font-size:12px;font-weight:500;white-space:nowrap}.status-received{background:#e8f1ff;color:#265d9b}.status-review{background:#fff0d2;color:#986719}.status-info{background:#fff4cf;color:#8a6500}.status-approved{background:#e0f1e6;color:#357355}.status-scheduled{background:#e7defa;color:#65469b}.status-paid{background:#d7f3e1;color:#14733c}.status-rejected{background:#fde3df;color:#a03b2b}.status-annulled{background:#ececec;color:#666}.login-page{display:grid;grid-template-columns:1.1fr .9fr;min-height:100vh;background:#f5f7f8}.login-art{padding:10vw;background:#07552f;color:#fff}.login-art h1{margin-top:18vh;font-size:clamp(38px,5vw,70px)}.seal{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#ddefe5;color:#07552f;font-family:Space Grotesk;font-weight:700}.login-card{align-self:center;justify-self:center;display:grid;gap:18px;width:min(390px,86vw);padding:42px;background:#fff;border:1px solid #d8e0d8}.login-card h2{margin:0;font-size:32px}.login-card label,.fields label,.pay-form label,.transition label,.inline-form label{display:grid;gap:7px;font-size:14px;font-weight:700}.login-card>button{padding:13px;color:#fff;background:#0b6f3c;border-radius:3px}.error{color:#a03b2b;font-size:14px}.center-page{display:grid;place-items:center;min-height:100vh}.detail{display:grid;gap:18px}.back{justify-self:start}.detail-head{display:flex;justify-content:space-between;align-items:start}.detail-head h2{margin:8px 0}.info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.info-grid p,.history,.payment{margin:0;padding:12px;background:#f5faf6;border:1px solid #d8e4dd}.inline-form,.pay-form,.transition{display:flex;align-items:end;flex-wrap:wrap;gap:12px;padding:16px;background:#f5faf6;border:1px solid #d8e4dd}.inline-form label{flex:1;min-width:240px}.pay-form label{min-width:150px}.transition{margin-top:20px}.notice{color:#265d9b;background:#e8f1ff;border:1px solid #c8dcf5;padding:12px}.payment{display:flex;justify-content:space-between}.payment small{display:block;margin-top:5px}.tabs{display:flex;gap:6px;border-bottom:1px solid #d8e0d8}.tabs button{padding:12px 14px;border-bottom:3px solid transparent}.tabs button.active{color:#07552f;border-bottom-color:#0b6f3c;background:#f5faf6}.history-list{display:grid;gap:8px}@media(max-width:900px){aside{width:62px;padding:20px 10px}.brand strong,nav button{display:none}nav{margin-top:50px}.content{padding:28px 16px}header .user span{display:none}.metrics,.info-grid{grid-template-columns:repeat(2,1fr)}.table-wrap{overflow-x:auto}table{min-width:1000px}.panel{overflow-x:auto}.login-page{grid-template-columns:1fr}.login-art{min-height:220px;padding:34px}.login-art h1{margin-top:35px;font-size:42px}}@media(max-width:560px){.metrics,.info-grid{grid-template-columns:1fr}.panel-title,.detail-head{display:grid}.filters{align-items:stretch}.filters label,.filters input,.filter{width:100%}.tabs{overflow-x:auto}.tabs button{white-space:nowrap}}.admin-form{display:flex;gap:10px;margin:16px 0;flex-wrap:wrap}.admin-form button{padding:11px 15px;color:#fff;background:#0b6f3c;border-radius:3px}.document-row{padding:12px;background:#f5faf6;border:1px solid #d8e4dd}.document-row label{margin-left:14px;font-size:12px}.document-viewer{display:block;width:100%;min-height:520px;margin:12px 0;border:1px solid #c8d4cf;background:#fff}.document-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.document-tabs button{padding:9px 12px;border:1px solid #c8d4cf;background:#fff;border-radius:3px}.document-tabs button.active{color:#fff;background:#0b6f3c}.inline-form label:last-of-type{order:2;flex-basis:100%}.inline-form button{order:3}.money-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.money-cards article{padding:18px;border:1px solid #d8e0d8;background:#f5faf6}.money-cards span{color:#61716d;font-size:13px}.money-cards strong{display:block;margin-top:8px;font:700 24px Space Grotesk;color:#0b6f3c}.paid-note{color:#357355}textarea{min-height:80px;padding:10px;border:1px solid #c8d4cf;border-radius:3px;font:inherit;resize:vertical}.link-button{width:100%;text-align:left}.manual-form{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));align-items:end;gap:16px;padding:22px;margin-top:18px;background:#f5faf6;border:1px solid #d8e4dd}.manual-form h2,.manual-form button,.manual-form .notice{grid-column:1 / -1}.manual-form h2{margin:0}.manual-form label{display:grid;gap:7px}:root{--brand-moss: #1E2C1B;--brand-green: #236631;--brand-feijoa: #9FE57F;--brand-cauliflower: #F6FFEB;--brand-gold: #BB9F69;--brand-capuccino: #D8B57D;--brand-cream: #F4CE95;--brand-clarity: #FFECD2;--brand-ink: #1E2C1B;--brand-border: #D9E4D1}body{background:var(--brand-cauliflower);color:var(--brand-ink)}aside,.login-art{background:var(--brand-moss)}.brand,h1,h2,h3,.metrics strong,.money-cards strong{font-family:Poppins,sans-serif}:root,input,select,textarea,button{font-family:Inter,sans-serif}.brand span,.user b,.seal{background:var(--brand-feijoa);color:var(--brand-moss)}small,button,.logout,.back,.link-button{color:var(--brand-green)}nav button{color:#ddebcf}nav button.active{background:var(--brand-green);color:#fff;box-shadow:inset 3px 0 var(--brand-feijoa)}.content{padding-top:40px}h1{color:var(--brand-moss);letter-spacing:-.025em}.panel,.metrics article,.login-card{border-color:var(--brand-border)}.panel,.metrics article,.login-card,.document-row{background:#fff}button,.filters button,.inline-form button,.pay-form button,.transition button,.supplier-form>button,.report button,.admin-form button,.login-card>button{background:var(--brand-green)}button:hover,.filters button:hover,.inline-form button:hover,.pay-form button:hover,.transition button:hover,.supplier-form>button:hover,.report button:hover,.admin-form button:hover,.login-card>button:hover{background:var(--brand-moss)}input,select,textarea{border-color:#b9cdb8;color:var(--brand-ink)}input:focus,select:focus,textarea:focus{outline:3px solid color-mix(in srgb,var(--brand-feijoa) 45%,transparent);border-color:var(--brand-green)}th{color:#53684e}th,td{border-color:var(--brand-border)}.info-grid p,.history,.payment,.inline-form,.pay-form,.transition,.manual-form,.money-cards article{background:var(--brand-cauliflower);border-color:var(--brand-border)}.tabs{border-color:var(--brand-border)}.tabs button.active{color:var(--brand-green);border-bottom-color:var(--brand-green);background:var(--brand-cauliflower)}.document-tabs button{border-color:#b9cdb8}.document-tabs button.active{background:var(--brand-green)}.paid-note,.money-cards strong{color:var(--brand-green)}.brand-logo{display:block;width:36px;height:36px;object-fit:contain}.header-logo{display:block;width:46px;height:46px;margin-bottom:12px;object-fit:contain}nav button:focus-visible,.logout:focus-visible,.tabs button:focus-visible,button:focus-visible{outline:3px solid var(--brand-feijoa);outline-offset:2px}.tag{border:1px solid transparent}.status-received{background:#dcebff;color:#123f75;border-color:#9fc3f2}.status-review,.status-info{background:#fff0c9;color:#604400;border-color:#d8b56a}.status-approved{background:#d8f0de;color:#174f2a;border-color:#8bc69b}.status-scheduled{background:#e7dbfa;color:#4e2a83;border-color:#b99ddf}.status-paid{background:#cdefd8;color:#104f29;border-color:#7cc895}.status-rejected{background:#fbe0dc;color:#7b2115;border-color:#e2a39a}.status-annulled{background:#e7eae5;color:#344032;border-color:#b4bdb1}@media(max-width:900px){.header-logo{width:42px;height:42px}}main.app{background:#f3f6f1}aside{display:flex;flex-direction:column;flex:0 0 260px;min-height:100vh;padding:24px 18px;background:var(--brand-moss)}.brand{display:block;padding:8px 10px 20px}.brand-logo-full{display:block;width:60px;max-width:100%;height:auto;padding:10px;border-radius:8px;background:var(--brand-cauliflower)}nav{margin-top:28px;gap:8px}nav button{min-height:44px;padding:12px 14px;border:1px solid transparent;color:#f6ffeb;border-radius:8px;font-size:14px}nav button:hover{background:#2d7540;color:#fff}nav button.active{background:var(--brand-green);color:#fff;box-shadow:inset 4px 0 var(--brand-feijoa)}.logout{margin-top:auto;width:100%;min-height:44px;padding:12px 14px;border:1px solid #9FE57F;color:#f6ffeb;border-radius:8px;text-align:left}.logout{display:block;flex:0 0 auto;font-size:14px;line-height:1.3}.logout:hover{background:#2d7540;color:#fff}.content{min-width:0;padding:34px clamp(24px,4vw,64px);background:#f3f6f1}.content>header{max-width:1240px;margin:0 auto 28px;padding-bottom:22px;border-bottom:1px solid var(--brand-border)}.content>header h1{margin-bottom:0}.header-logo{width:60px;height:auto;margin-bottom:14px;padding:8px;border-radius:8px;background:var(--brand-cauliflower)}.panel,.metrics article,.login-card,.detail>section{border-radius:10px;box-shadow:0 8px 24px #1e2c1b0f}.panel{max-width:1240px;margin-left:auto;margin-right:auto}.filters{padding:6px 0 2px}.filters button,.inline-form button,.pay-form button,.transition button,.supplier-form>button,.report button,.admin-form button,.login-card>button{min-height:44px;border-radius:7px}@media(max-width:900px){aside{flex-basis:220px}nav button{display:block}.brand-logo-full{width:60px}}@media(max-width:560px){aside{flex-basis:190px;min-height:100vh;padding:16px 10px}.brand{padding:0 0 16px}.brand-logo-full{width:50px;padding:7px}nav button{display:block}.logout{padding:10px 8px;font-size:13px;text-align:left}.logout:before{content:none}.content{padding:24px 14px}.header-logo{width:60px}}button{background:transparent;color:var(--brand-green)}nav button,.logout{background:transparent;color:#f6ffeb}nav button:hover,.logout:hover{background:#2d7540;color:#fff}nav button.active{background:var(--brand-green);color:#fff}.tabs button,.document-tabs button,.link-button,.back{background:#fff;color:var(--brand-green)}.tabs button:hover,.document-tabs button:hover,.link-button:hover,.back:hover{background:var(--brand-cauliflower);color:var(--brand-moss)}.tabs button.active,.document-tabs button.active{background:var(--brand-green);color:#fff}.panel>button:not(.link-button){padding:12px 16px;min-height:44px;border-radius:7px;background:var(--brand-green);color:#fff}.panel>button:not(.link-button):hover{background:var(--brand-moss);color:#fff}.filters button,.inline-form button,.pay-form button,.transition button,.supplier-form>button,.report button,.admin-form button,.login-card>button{color:#fff}.logout:focus-visible,nav button:focus-visible,.tabs button:focus-visible,.document-tabs button:focus-visible,button:focus-visible{outline:3px solid var(--brand-feijoa);outline-offset:2px}