:root{color:#111;background:#fbfbfc;font-family:ui-rounded,SF Pro Rounded,SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#fbfbfc}button,input,select{font:inherit}button{cursor:pointer}.app-shell{width:min(100%,900px);margin:0 auto;padding:20px 18px 48px}.app-header{display:grid;justify-content:start;gap:12px;margin-bottom:18px}.eyebrow{display:none}h1,h2,h3,p{margin:0}h1{font-size:clamp(1.05rem,1.7vw,1.28rem);font-weight:850;letter-spacing:-.035em;line-height:1.05}h2{font-size:clamp(1.15rem,1.5vw,1.4rem);letter-spacing:-.03em}h3{font-size:1.02rem}.tabs{display:inline-flex;gap:2px;padding:4px;border:0;border-radius:999px;background:#f3f3f5}.tab{border:0;border-radius:999px;padding:8px 14px;background:transparent;color:#1f2937;font-weight:700}.tab.active{background:#fff;color:#111;box-shadow:0 2px 6px #11182738}.card{border:1px solid #eceef2;border-radius:16px;background:#fff;box-shadow:none}.form-card{max-width:540px;margin:0 auto;padding:clamp(24px,4vw,38px)}.section-heading{display:grid;gap:8px;margin-bottom:18px}.section-heading p,.muted-text{color:#7b8190}.expense-form{display:grid;gap:22px}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}input,select{width:100%;min-height:46px;border:0;border-radius:12px;padding:0 16px;background:#f4f5f7;color:#111;outline:2px solid transparent;transition:background .16s ease,outline-color .16s ease}input::placeholder{color:#808696}input:focus,select:focus{background:#fff;outline-color:#111827}label span{display:block;margin-bottom:12px;font-size:clamp(1rem,1.5vw,1.3rem);font-weight:700;letter-spacing:-.05em}.primary-button,.secondary-button{min-height:48px;border:0;border-radius:12px;padding:0 24px;font-weight:800}.primary-button{margin-top:18px;background:#111827;color:#fff}.primary-button:hover{background:#020617}.primary-button.compact,.secondary-button{min-height:44px}.secondary-button{background:#f0f1f4;color:#111827}.expenses-page{display:grid;gap:18px}.filters-card,.expenses-card{padding:clamp(18px,2.5vw,26px)}.filters-card{display:grid;gap:18px}.filters-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.filter-actions{display:flex;justify-content:flex-end;gap:12px}.filter-actions .primary-button,.filter-actions .secondary-button{width:150px;min-height:46px;margin-top:0}.expenses-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.expenses-header strong{font-size:clamp(1.05rem,1.4vw,1.35rem)}.expense-list{display:grid;gap:10px}.expense-item{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:66px;border:1px solid #eceef2;border-radius:14px;padding:13px 16px;background:#fff}.expense-details{min-width:0}.expense-item p{margin-top:6px;color:#7b8190}.expense-item strong{font-size:1.02rem}.expense-row-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.icon-button,.close-button{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:#5f6675}.icon-button{width:36px;height:36px;border-radius:12px;background:#f4f5f7}.icon-button:hover{background:#e8eaf0;color:#111827}.icon-button.danger:hover{background:#fee2e2;color:#991b1b}.icon-button svg{width:18px;height:18px;fill:currentColor}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:24px;background:#11182770}.edit-modal{position:relative;width:min(100%,760px);border:1px solid #eceef2;border-radius:22px;padding:clamp(24px,4vw,42px);background:#fff;box-shadow:0 30px 90px #11182740}.edit-modal h2{margin-bottom:26px;font-size:clamp(1.7rem,3vw,2.2rem)}.close-button{position:absolute;top:22px;right:22px;width:34px;height:34px;border-radius:50%;font-size:1.3rem}.close-button:hover{background:#f4f5f7;color:#111827}.edit-form{display:grid;gap:22px}.modal-actions{display:flex;justify-content:flex-end;gap:14px;margin-top:8px}.modal-actions .primary-button,.modal-actions .secondary-button{min-width:150px;min-height:54px;margin-top:0}.error-text,.success-text{border-radius:14px;padding:12px 14px;font-weight:700}.error-text{background:#fee2e2;color:#991b1b}.success-text{background:#dcfce7;color:#166534}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 760px){.app-header,.expenses-header{align-items:stretch;flex-direction:column}.tabs{width:100%}.tab{flex:1}.input-row,.filters-grid{grid-template-columns:1fr}.filter-actions{flex-direction:column-reverse}.expense-item,.expense-row-actions,.modal-actions{align-items:stretch;flex-direction:column}.expense-row-actions,.icon-button{width:100%}}
