*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--primary:#1a56db;--primary-light:#e8f0fe;--success:#057a55;--warning:#c27803;--danger:#c81e1e;--surface:#fff;--bg:#f3f4f6;--border:#e5e7eb;--text:#111827;--muted:#6b7280;--radius:10px}body{font-family:Hiragino Sans,Yu Gothic UI,Meiryo,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}button,input,select{font-family:inherit}input[type=month],input[type=number],input[type=text],select{width:100%;padding:8px 12px;border:1.5px solid var(--border);border-radius:7px;font-size:.9rem;background:var(--surface);color:var(--text);outline:none;transition:border-color .15s}input:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(26,86,219,.1)}.container{max-width:1200px;margin:0 auto;padding:24px 20px}.card{background:var(--surface);border-radius:var(--radius);padding:22px 24px;box-shadow:0 1px 4px rgba(0,0,0,.07)}.card-title{font-size:1rem;font-weight:700;margin-bottom:16px;color:var(--text)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}@media (max-width:700px){.grid-2{grid-template-columns:1fr}}.form-group{margin-bottom:14px}.form-group label{display:block;font-size:.82rem;font-weight:600;color:var(--muted);margin-bottom:5px}.input-unit{display:flex;align-items:center;gap:0}.input-unit input{border-radius:7px 0 0 7px}.unit{padding:8px 12px;background:var(--bg);border:1.5px solid var(--border);border-left:none;border-radius:0 7px 7px 0;color:var(--muted);white-space:nowrap}.btn,.unit{font-size:.88rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 18px;border:none;border-radius:7px;font-weight:600;cursor:pointer;transition:all .15s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:#1648c0}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:#046244}.btn-outline{background:transparent;color:var(--primary);border:1.5px solid var(--primary)}.btn-outline:hover{background:var(--primary-light)}.btn-sm{padding:5px 12px;font-size:.8rem}.btn-danger{background:#fee2e2;color:var(--danger);border:1.5px solid #fca5a5}.btn-danger:hover{background:#fecaca}.alert{padding:10px 14px;border-radius:7px;font-size:.84rem}.alert-info{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}.alert-warning{background:#fffbeb;color:#92400e;border:1px solid #fde68a}.stat-card{background:var(--primary-light);border-radius:9px;padding:14px 16px}.stat-card.orange{background:#fff7ed}.stat-card.red{background:#fef2f2}.stat-card.green{background:#ecfdf5}.stat-label{font-size:.78rem;color:var(--muted);margin-bottom:4px}.stat-value{font-size:1.35rem;font-weight:800;color:var(--text)}.stat-sub{font-size:.75rem;color:var(--muted);margin-top:2px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.85rem}th{background:#f8fafc;padding:9px 10px;border-bottom:2px solid var(--border);font-size:.8rem;font-weight:700;color:var(--muted);text-align:right;white-space:nowrap}th:first-child{text-align:center}td{padding:7px 10px;border-bottom:1px solid var(--border);text-align:right}td:first-child{text-align:center;color:var(--muted)}td.amount{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}tr:hover td{background:#f8fafc}tr.prepaid td{background:#f0fdf4}tr.current-month td{background:#eff6ff;font-weight:700}.rate-change-badge{background:#fef3c7;color:#92400e;border-radius:4px;padding:1px 6px;font-size:.72rem;font-weight:700}.pagination{display:flex;gap:4px;justify-content:center;margin-top:14px;flex-wrap:wrap}.page-btn{padding:5px 11px;border:1.5px solid var(--border);border-radius:5px;background:var(--surface);cursor:pointer;font-size:.82rem}.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.page-btn:hover:not(.active),.progress-wrap{background:var(--bg)}.progress-wrap{height:10px;border-radius:99px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--primary),#4f8ef7);border-radius:99px;transition:width .4s}.chart-container{position:relative;height:280px}.section-gap{margin-top:22px}.mt-3{margin-top:12px}.mt-4{margin-top:18px}.flex{display:flex}.gap-2{gap:8px}.items-center{align-items:center}.flex-wrap{flex-wrap:wrap}.storage-dot{display:inline-block;width:7px;height:7px;background:#34d399;border-radius:50%;margin-right:5px}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.fade-in{animation:fadeIn .18s ease}@media print{.no-print,.tabs,header{display:none!important}.card{box-shadow:none;border:1px solid #e5e7eb}}