body{background:linear-gradient(180deg,#f2f5f0 0,#fafaf7 260px);letter-spacing:-.01em}.topbar{background:rgba(246,248,244,.9);box-shadow:0 1px 0 rgba(23,63,53,.06)}.hero-card{position:relative;overflow:hidden;padding:27px;background:linear-gradient(135deg,#123a30,#1d5848 72%,#496e50);box-shadow:0 20px 50px rgba(18,58,48,.2)}.hero-card:after{content:"";position:absolute;width:170px;height:170px;border:38px solid rgba(214,237,139,.08);border-radius:50%;right:-90px;top:-100px}.hero-top,.hero-meta{display:flex;justify-content:space-between;align-items:center;gap:12px}.status-badge{font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:850;border-radius:99px;padding:7px 10px;background:rgba(255,255,255,.12);color:#eef7f1}.status-badge.submitted{background:#f4d58d;color:#593f00}.status-badge.approved,.status-badge.paid{background:var(--lime);color:#29400a}.status-badge.rejected{background:#ffd9d3;color:#7d241a}.category-card{position:relative;overflow:hidden;box-shadow:0 8px 24px rgba(23,63,53,.05);transition:.18s transform}.category-card:hover{transform:translateY(-2px)}.category-card i{position:absolute;bottom:0;left:0;height:3px;background:var(--green)}.compact-select{width:auto;max-width:145px;padding:8px 30px 8px 10px;font-size:12px;background:white}.expense-item{padding:14px;box-shadow:0 7px 22px rgba(23,63,53,.045)}.expense-side{text-align:right}.expense-side>strong{display:block}.row-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:7px}.row-actions button{border:0;background:transparent;color:#58766a;padding:0;font-size:10px;font-weight:750}.row-actions button:last-child{color:#a45145}.subgrid{display:grid;gap:14px}.calculated-value{display:flex;justify-content:space-between;background:#eef4e5;color:#475b2b;border-radius:13px;padding:14px;font-size:13px}.form-actions{display:grid;grid-template-columns:auto 1fr;gap:10px}.form-actions .secondary[hidden]+.primary{grid-column:1/-1}.report-filters{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:10px;background:white;border:1px solid var(--line);border-radius:18px;padding:13px;margin-bottom:13px}.kpis{grid-template-columns:repeat(2,1fr)}.kpis article{background:linear-gradient(135deg,#173f35,#285d4d)}.kpis article.light{background:white;color:var(--ink);border:1px solid var(--line)}.kpis article.light span{color:var(--muted)}.approval-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.approval-flow div{border:1px solid var(--line);border-radius:13px;padding:11px;background:#fafbf8}.approval-flow span{display:block;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px}.approval-flow strong{font-size:12px}.approval-flow+.secondary{margin-top:14px;width:100%}.secondary:disabled{opacity:.5}.bottom-nav{border-radius:22px 22px 0 0;box-shadow:0 -10px 35px rgba(23,63,53,.08)}
@media(max-width:520px){main{padding:16px}.hero-card{border-radius:22px}.hero-card h2{font-size:24px}.category-grid{gap:8px}.category-card{padding:14px}.report-filters{grid-template-columns:1fr 1fr}.report-filters label:last-child{grid-column:1/-1}.approval-flow{grid-template-columns:1fr}.expense-item{grid-template-columns:40px 1fr}.expense-side{grid-column:2;text-align:left;display:grid;grid-template-columns:1fr auto;align-items:center}.row-actions{margin:0}}
.completion-card{--completion:0deg;display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px;background:white;border:1px solid var(--line);border-radius:20px;padding:17px;margin-top:13px;box-shadow:0 8px 26px rgba(23,63,53,.05)}.completion-card>div:first-child{display:grid;gap:4px}.completion-card small{color:var(--muted);font-size:12px;line-height:1.4}.completion-ring{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) var(--completion),#e8ede8 0);position:relative}.completion-ring:after{content:"";position:absolute;inset:7px;border-radius:50%;background:white}.completion-ring strong{position:relative;z-index:1;font-size:12px}.quick-types{display:flex;gap:8px;overflow-x:auto;padding:2px 1px 12px;scrollbar-width:none}.quick-types button{white-space:nowrap;border:1px solid #cfd9d2;background:white;color:#53675e;border-radius:99px;padding:10px 14px;font:inherit;font-size:12px;font-weight:750}.quick-types button.active{background:var(--green);border-color:var(--green);color:white}.form-section-title{display:flex;align-items:center;gap:11px;padding-bottom:3px}.form-section-title>span{width:28px;height:28px;border-radius:9px;background:var(--green);color:white;display:grid;place-items:center;font-size:12px;font-weight:850}.form-section-title div{display:grid}.form-section-title small{color:var(--muted);font-size:11px}.advanced-fields{border:1px solid var(--line);border-radius:14px;background:#fafbf8}.advanced-fields summary{cursor:pointer;list-style:none;padding:14px;font-size:13px;font-weight:800;color:#3d5148}.advanced-fields summary:after{content:"＋";float:right;color:#708078}.advanced-fields[open] summary:after{content:"−"}.details-content{display:grid;gap:14px;padding:0 14px 14px}.advanced-fields[open]{background:white}