body { font-family: sans-serif; background: #0f172a; color: #f8fafc; padding: 20px; }
.app-container { max-width: 1200px; margin: 0 auto; display: flex; flex-direction: column; gap: 20px; }
.header { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #334155; padding-bottom: 15px; }
.brand { display: flex; align-items: center; gap: 15px; }
.logo-icon { font-size: 28px; background: #38bdf8; padding: 5px 10px; border-radius: 8px; }
.btn { padding: 8px 16px; border-radius: 6px; font-weight: bold; cursor: pointer; border: none; }
.btn-primary { background: #38bdf8; color: #0f172a; }
.btn-secondary { background: #334155; color: #fff; }
.btn-danger { background: #ef4444; color: #fff; }
.btn-sm { padding: 4px 8px; font-size: 11px; }
.cards-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; }
.card { background: #1e293b; padding: 15px; border-radius: 8px; border: 1px solid #334155; }
.card-title { font-size: 12px; color: #94a3b8; }
.card-value { font-size: 24px; font-weight: bold; }
.panel { background: #1e293b; padding: 20px; border-radius: 8px; border: 1px solid #334155; }
.accounts-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin-top: 15px; }
.account-card-vertical { background: #0f172a; border: 1px solid #334155; padding: 15px; border-radius: 8px; display: flex; flex-direction: column; gap: 10px; }
.service-item { margin-top: 5px; }
.svc-header { display: flex; justify-content: space-between; font-size: 11px; }
.svc-progress-bg { background: #1e293b; height: 6px; border-radius: 3px; overflow: hidden; margin-top: 2px; }
.svc-progress-fill { height: 100%; border-radius: 3px; }
.acc-card-footer { display: flex; justify-content: flex-end; gap: 5px; margin-top: 5px; }
.modal-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.7); display: flex; align-items: center; justify-content: center; z-index: 1000; }
.hidden { display: none !important; }
.modal-card { background: #1e293b; padding: 20px; border-radius: 8px; width: 400px; }
.form-group { display: flex; flex-direction: column; gap: 5px; margin-bottom: 12px; }
.input { padding: 8px; background: #0f172a; border: 1px solid #334155; color: #fff; border-radius: 4px; }
.modal-actions { display: flex; justify-content: flex-end; gap: 10px; }