:root{color:#0f172a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3f7fb;font-family:Inter,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background:linear-gradient(#f3f7fb 0%,#eef7ff 100%);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}#root{min-height:100vh}h1,h2,h3,p{margin-top:0}.app-shell{max-width:1400px;margin:0 auto;padding:24px}.topbar{justify-content:space-between;align-items:center;padding:24px 0 32px;display:flex}.eyebrow{color:#0f766e;letter-spacing:.12rem;text-transform:uppercase;margin:0;font-size:12px;font-weight:700}.topbar h1{margin:6px 0 0;font-size:2.2rem}.header-actions{gap:12px;display:flex}button{cursor:pointer;border:none;border-radius:12px;padding:10px 16px;font-weight:600}.primary{color:#fff;background:#0f766e}.secondary,.save-btn{color:#0f172a;background:#ecfeff}.remove-btn{color:#991b1b;background:#fee2e2}.layout{gap:20px;display:grid}.panel{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:20px;box-shadow:0 10px 30px #0f172a0f}.panel-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.panel-header h2,.recent-list h3{margin:0}.dashboard-panel{gap:18px;display:grid}.stats-grid{grid-template-columns:repeat(2,minmax(180px,1fr));gap:16px;display:grid}.stat-card{background:linear-gradient(135deg,#f0fdf4,#ecfeff);border:1px solid #d1fae5;border-radius:16px;flex-direction:column;gap:8px;padding:20px;display:flex}.stat-card span{color:#475569}.stat-card strong{color:#0f172a;font-size:1.6rem}.recent-list{gap:10px;display:grid}.recent-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;padding:10px 14px;display:flex}.form-grid{gap:16px;display:grid}.two-col{grid-template-columns:repeat(2,minmax(220px,1fr))}.three-col{grid-template-columns:repeat(3,minmax(180px,1fr))}label{color:#334155;flex-direction:column;gap:8px;font-size:.92rem;display:flex}input,select{background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px;font-size:.98rem}.full-width{grid-column:1/-1}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:880px}th,td{text-align:left;border-bottom:1px solid #e2e8f0;padding:10px}th{color:#334155;background:#f8fafc;font-size:.83rem}td input{box-sizing:border-box;width:100%}.summary-grid{grid-template-columns:1fr auto;align-items:center;gap:10px 20px;display:grid}.summary-grid span{color:#475569}.summary-grid strong{justify-self:end}.grand-label{color:#0f172a;font-weight:700}.grand-total{color:#0f766e;font-size:1.3rem}.status-bar{color:#0f172a;background:#ecfeff;border:1px solid #a5f3fc;border-radius:12px;margin-top:20px;padding:12px 16px}.account-name{color:#475569;align-self:center;font-size:.9rem}.muted{color:#64748b;margin:5px 0 0}.history-panel .panel-header{gap:24px}.search-field{min-width:min(360px,100%)}.history-table{min-width:720px}.history-actions{white-space:nowrap}.history-actions button{margin-right:8px}.logo-preview{object-fit:contain;object-position:left center;max-width:220px;max-height:96px;margin-top:12px}.auth-shell{background:radial-gradient(circle at 0 0,#dff7f1,#f1f5f9 52%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;gap:18px;width:100%;max-width:440px;padding:36px;display:grid;box-shadow:0 24px 70px #0f172a1f}.auth-card h1{margin:0}.auth-submit{width:100%;margin-top:4px}.link-button{color:#0f766e;background:0 0;padding:6px}.auth-status{color:#475569;min-height:1.2em;margin:0;font-size:.9rem}.preview-backdrop{z-index:10;background:#0f172ab3;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.preview-dialog{background:#fff;border-radius:18px;flex-direction:column;width:100%;max-width:1100px;height:min(92vh,1100px);display:flex;overflow:hidden}.preview-toolbar{justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.preview-toolbar h2{margin:0}.preview-dialog iframe{border:0;flex:1;width:100%;min-height:0}@media (width<=900px){.two-col,.three-col,.stats-grid{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start;gap:18px}.history-panel .panel-header,.preview-toolbar{flex-direction:column;align-items:stretch}.preview-backdrop{padding:8px}.auth-card{padding:26px}}