@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap";*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;width:100%}:root{--bg: #1f1f24;--panel: #2b2d33;--panel-soft: #33353d;--text: #f5f6f8;--muted: #b8beca;--accent: #ff7a1a}body{margin:0;font-family:Manrope,sans-serif;background:linear-gradient(180deg,#1a1b1f 0%,var(--bg) 100%);color:var(--text)}.app-shell{min-height:100vh}.top-header{background:#fff;color:#262626;padding:16px 28px;display:flex;gap:16px;align-items:center;border-bottom:3px solid var(--accent)}.brand-logo{height:52px}.title-group h1{margin:0;font-size:1.6rem}.title-group p{margin:4px 0 0;color:#5a5a5a}.title-group{display:grid;gap:8px}.card-edit-field{display:grid;gap:4px;font-size:.8rem;color:#5a5a5a}.card-edit-field input{min-width:220px;border:1px solid #d0d0d0;border-radius:8px;padding:7px 9px}.header-actions{margin-left:auto;display:flex;gap:10px;align-items:center}.save-feedback{color:#2f8f4e;font-size:.82rem;font-weight:700}button,select,input{font-family:inherit}.header-actions button,.new-card-form button,.accent,.export-actions button{border:none;background:var(--accent);color:#1f1f1f;font-weight:700;padding:10px 14px;border-radius:10px;cursor:pointer}.header-actions .danger{background:#e14f40;color:#fff}.content-wrap{padding:24px 40px 36px;max-width:1480px;margin:0 auto}.new-card{background:var(--panel);border-radius:16px;padding:16px;margin-bottom:20px}.new-card-form{display:flex;flex-wrap:wrap;gap:10px}.new-card input,.expense-row input[type=text],.expense-row input[type=file],.totals-box input,.month-picker input,.expense-row select{background:#24262d;border:1px solid #444853;color:var(--text);border-radius:10px;padding:9px 11px}.four-per-row{display:grid;grid-template-columns:repeat(4,minmax(190px,1fr));gap:14px;align-items:stretch;padding:0 12px 8px}.month-picker{display:grid;gap:6px;color:#ffc18f;font-size:.9rem}.draft-box{border:1px solid #ff9e55;border-radius:10px;padding:10px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;background:#3a2d24}.card-item{background:var(--panel);border:1px solid #3f4148;border-radius:16px;padding:10px;color:inherit;text-align:left;cursor:pointer}.card-preview-wrap{position:relative;padding-top:30px;display:grid;justify-items:center}.card-img{width:76%;max-height:102px;object-fit:contain;border-radius:12px}.status-badge{position:absolute;top:6px;left:8px;display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;font-size:.72rem;font-weight:700;color:#fff}.status-dot{width:10px;height:10px;border-radius:999px;border:1px solid rgba(255,255,255,.8);background:currentColor}.status-badge.available{background:#228b4b;color:#eafff2}.status-badge.assigned{background:#c76415;color:#fff8ef}.card-details{margin-top:10px;display:flex;flex-direction:column}.card-details span{color:var(--muted)}.expense-window{display:grid;grid-template-columns:310px 1fr;gap:16px;padding:22px 28px}.history-panel,.expense-content,.report-box{background:var(--panel);border:1px solid #424650;border-radius:14px}.history-panel{padding:14px;display:flex;flex-direction:column;gap:10px}.hidden-input{display:none}.month{border:1px solid #4b515e;background:#2a2d35;color:var(--text);border-radius:10px;text-align:left;padding:10px;display:flex;flex-direction:column;gap:2px}.month.active{border-color:var(--accent)}.month small{color:var(--muted)}.expense-content{padding:14px}.totals-box{border:1px solid #4a4f5c;border-radius:12px;padding:12px;margin-bottom:12px;display:grid;gap:10px}.totals-box label{display:grid;gap:6px;color:#ffc18f}.export-actions{display:flex;flex-wrap:wrap;gap:10px}.report-box{padding:12px;margin-bottom:12px}.report-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.report-head{display:flex;justify-content:space-between;color:var(--muted);margin-bottom:8px}.expense-table{border:1px solid #444854;border-radius:10px;overflow:hidden}.expense-row{display:grid;grid-template-columns:1fr 1fr 1.2fr 1fr 1.1fr 1.4fr 1fr;gap:8px;align-items:center;padding:10px;border-bottom:1px solid #3e414a}.expense-row small{color:var(--muted)}.table-head{background:var(--panel-soft);font-weight:700}.error-box{color:#ffbeb8;border:1px solid #a9443d;background:#48231f;padding:10px;border-radius:10px}@media(max-width:1200px){.expense-row{grid-template-columns:1fr}}@media(max-width:1024px){.expense-window{grid-template-columns:1fr}.four-per-row{grid-template-columns:repeat(2,minmax(220px,1fr))}}@media(max-width:700px){.four-per-row{grid-template-columns:1fr}}.inline-danger{padding:6px 10px;font-size:.76rem;border-radius:8px;border:none;background:#e14f40;color:#fff;cursor:pointer;width:fit-content}