.subscription-master-data{background-color:#fcfcfc;border:1px solid #e0e0e0;border-radius:8px;margin:30px 0;padding:20px}.dashboard-table{border-collapse:collapse;width:100%;margin-top:15px;font-family:sans-serif}.dashboard-table th{text-align:left;color:#333;background-color:#f4f6f7;font-weight:700}.dashboard-table th,.dashboard-table td{border:1px solid #e0e0e0;padding:12px}.text-green{color:#2ecc71;font-weight:500}.text-red{color:#e74c3c;font-weight:500}.btn-edit{color:#fff;cursor:pointer;background-color:#3498db;border:none;border-radius:4px;padding:6px 12px;font-size:14px;transition:background .2s}.btn-edit:hover{background-color:#2980b9}.btn-delete{color:#fff;cursor:pointer;background-color:#e74c3c;border:none;border-radius:4px;margin-left:8px;padding:6px 12px;font-size:14px;transition:background .2s}.btn-delete:hover{background-color:#c0392b}.row-preview{color:#7f8c8d;opacity:.7;background-color:#f9f9f9;font-style:italic}body{color:#222;background:#f4f6f9;margin:0;font-family:Segoe UI,Arial,sans-serif}.app-container{max-width:1000px;margin:0 auto;padding:20px 16px 60px}.header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.header>div{align-items:center;gap:8px;display:flex}.login-container{background:#fff;border:1px solid #ddd;border-radius:10px;max-width:380px;margin:80px auto;padding:24px}.login-container form{flex-direction:column;gap:8px;display:flex}.login-container input,.add-form input,.add-form select{border:1px solid #ccc;border-radius:4px;padding:8px;font-size:15px}.btn-primary{color:#fff;cursor:pointer;background:#007bff;border:none;border-radius:4px;margin-top:10px;padding:10px;font-size:15px}.btn-plain{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:4px;padding:6px 12px}.add-form{background:#f0f4f8;border-radius:6px;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;padding:12px;display:flex}.add-form label{align-items:center;gap:4px;font-size:14px;display:flex}.password-form{margin:12px 0}.month-nav{flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0;font-size:18px;display:flex}.transactions-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px}.summary{flex-wrap:wrap;gap:18px;margin:8px 0;display:flex}.muted{color:#7f8c8d;font-size:14px}.status{font-size:13px}@media (width<=640px){.dashboard-table th,.dashboard-table td{padding:6px;font-size:14px}.add-form input,.add-form select{flex:140px;font-size:16px}}