*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0f172a;color:#e2e8f0;min-height:100vh}.mono{font-family:ui-monospace,monospace}.card{background:linear-gradient(145deg,rgba(30,41,59,.6),rgba(15,23,42,.8));border:1px solid rgba(71,85,105,.3);border-radius:12px;padding:20px}.btn{padding:12px 24px;border-radius:8px;border:none;cursor:pointer;font-weight:500}.btn-blue{background:#3b82f6;color:#fff}.btn-green{background:#10b981;color:#fff}.btn-gray{background:#475569;color:#fff}input,select,textarea{background:rgba(15,23,42,.8);border:1px solid #475569;border-radius:8px;padding:10px 14px;color:#e2e8f0;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:#3b82f6}.badge{display:inline-block;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:500}.progress-bar{height:8px;background:#334155;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:#3b82f6}.checkbox{width:28px;height:28px;border:2px solid #475569;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.checkbox.checked{background:#10b981;border-color:#10b981}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid #334155;border-radius:16px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #334155}.modal-body{padding:24px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:14px;color:#94a3b8;margin-bottom:6px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:16px;gap:16px}.budget-bar{height:12px;background:#334155;border-radius:6px;overflow:hidden;position:relative}.budget-bar-fill{height:100%;border-radius:6px;transition:width .3s ease}.budget-bar-fill.ok{background:#10b981}.budget-bar-fill.warning{background:#eab308}.budget-bar-fill.over{background:#ef4444}.cost-table{width:100%;border-collapse:collapse;font-size:14px}.cost-table td,.cost-table th{padding:10px 8px;border-bottom:1px solid #334155}.cost-table th{text-align:left;color:#94a3b8;font-weight:500}.cost-table .amount{text-align:right;font-family:ui-monospace,monospace}.cost-table .positive{color:#34d399}.cost-table .negative{color:#f87171}.cost-table tfoot tr{background:rgba(30,41,59,.5)}.cost-table tfoot td{font-weight:600}.expense-row{display:grid;grid-template-columns:100px 1fr 120px 100px;grid-gap:16px;gap:16px;padding:12px;border-bottom:1px solid #334155;align-items:center}.expense-row:hover{background:rgba(59,130,246,.1)}.nav-tab{padding:16px 20px;color:#94a3b8;text-decoration:none;border-bottom:2px solid transparent;transition:all .2s ease}.nav-tab:hover{color:#e2e8f0}.nav-tab.active{color:#e2e8f0;border-bottom-color:#3b82f6;font-weight:500}.card-clickable{cursor:pointer;transition:border-color .2s ease,transform .1s ease}.card-clickable:hover{border-color:rgba(59,130,246,.5)}.mobile-cost-card,.mobile-expense-card{background:rgba(15,23,42,.5);border:1px solid rgba(71,85,105,.3);border-radius:8px;padding:12px;margin-bottom:8px}.search-input-wrapper{position:relative}.search-input-wrapper input{padding-left:36px}@media (max-width:768px){.expense-row{grid-template-columns:1fr;gap:8px}.cost-table{font-size:13px}.cost-table td,.cost-table th{padding:8px 6px}.mobile-cost-card,.mobile-expense-card{padding:10px}}