:root{--gold: #D4AF37;--gold-light: #f5d673;--gold-dark: #b8941e;--text: #2c3e50;--text-muted: #7f8c8d;--bg: #f4f6f9;--white: #ffffff;--border: #e0e6ed;--danger: #e74c3c;--success: #27ae60;--warning: #f39c12;--info: #3498db}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.6}a{color:var(--gold-dark);text-decoration:none}a:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all .2s ease;white-space:nowrap;text-decoration:none}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:hover{text-decoration:none}.btn-primary{background:var(--gold);color:var(--white)}.btn-primary:hover:not(:disabled){background:var(--gold-dark)}.btn-secondary{background:var(--white);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg);border-color:var(--gold)}.btn-danger{background:var(--danger);color:var(--white)}.btn-danger:hover:not(:disabled){background:#c0392b}.btn-outline{background:transparent;color:var(--gold-dark);border:1px solid var(--gold)}.btn-outline:hover:not(:disabled){background:#d4af3714}.btn-sm{padding:5px 12px;font-size:12px}.btn-full{width:100%;justify-content:center}.page-container{max-width:1200px;margin:0 auto;padding:32px 28px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px}.page-header h1{font-size:22px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:10px}.page-header p{color:var(--text-muted);font-size:13px}.header-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.card{background:var(--white);border-radius:10px;padding:22px;margin-bottom:20px;border:1px solid var(--border);box-shadow:0 1px 4px #0000000d}.card h3{font-size:15px;font-weight:600;color:var(--text);margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--border)}.badge{display:inline-flex;align-items:center;justify-content:center;background:var(--gold);color:var(--white);border-radius:20px;padding:2px 10px;font-size:12px;font-weight:600}.form-group{margin-bottom:18px}.form-group label{display:block;font-size:13px;font-weight:600;color:var(--text);margin-bottom:6px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px 12px;border:1.5px solid var(--border);border-radius:6px;font-size:14px;color:var(--text);background:var(--white);transition:border-color .2s;outline:none;font-family:inherit}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d4af3726}.form-group input::placeholder,.form-group textarea::placeholder,.form-group select::placeholder{color:#b2bec3}.form-group textarea{resize:vertical;min-height:100px}.field-error{display:block;color:var(--danger);font-size:12px;margin-top:4px}.alert{padding:12px 16px;border-radius:6px;font-size:13px;margin-bottom:18px}.alert-error{background:#fdecea;border:1px solid #f5c6cb;color:#c0392b}.alert-success{background:#eafaf1;border:1px solid #a9dfbf;color:#1e8449}.data-table{width:100%;border-collapse:collapse;background:var(--white);border-radius:10px;overflow:hidden;border:1px solid var(--border);box-shadow:0 1px 4px #0000000d}.data-table th,.data-table td{padding:11px 14px;text-align:left;font-size:13px;border-bottom:1px solid var(--border)}.data-table th{background:#fafbfc;font-weight:600;color:var(--text-muted);text-transform:uppercase;font-size:11px;letter-spacing:.5px}.data-table tbody tr{transition:background .15s}.data-table tbody tr:hover{background:#f8fbff}.data-table tbody tr:last-child td{border-bottom:none}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--white);border-radius:10px;padding:20px;border:1px solid var(--border);box-shadow:0 1px 4px #0000000d;text-align:center}.stat-card .stat-icon{font-size:28px;margin-bottom:8px}.stat-card .stat-value{font-size:28px;font-weight:700;color:var(--text)}.stat-card .stat-label{font-size:12px;color:var(--text-muted);margin-top:4px;text-transform:uppercase;letter-spacing:.5px}.stat-card.credits{border-top:3px solid var(--gold)}.stat-card.credits .stat-value{color:var(--gold-dark)}.stat-card.success{border-top:3px solid var(--success)}.stat-card.success .stat-value{color:var(--success)}.stat-card.failed{border-top:3px solid var(--danger)}.stat-card.failed .stat-value{color:var(--danger)}.status-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.status-draft{background:#f0f0f0;color:#666}.status-sending{background:#fff3cd;color:#856404}.status-done{background:#d1f2eb;color:#1a7a57}.status-failed{background:#fde8e8;color:#c0392b}.status-sent{background:#d5e8f7;color:#1a5276}.status-delivered{background:#d1f2eb;color:#1a7a57}.status-pending{background:#f0f0f0;color:#888}.loading{text-align:center;padding:48px;color:var(--text-muted);font-size:15px}.loading:before{content:"";display:block;width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:56px 24px;color:var(--text-muted)}.empty-state p{font-size:15px;margin-bottom:20px}@media (max-width: 640px){.page-container{padding:16px}.page-header{flex-direction:column;align-items:flex-start}.stats-grid{grid-template-columns:1fr 1fr}}