:root{--bg: #f6f8fb;--panel: #ffffff;--panel-strong: #f8fafc;--panel-soft: #f1f5f9;--stroke: #e2e8f0;--accent: #5b4bff;--accent-strong: #3b2bd6;--accent-soft: #f0efff;--success: #16a34a;--danger: #dc2626;--text-color: #0f172a;--text-soft: #64748b;--shadow: 0 18px 55px rgba(15, 23, 42, .08);--radius: 16px;--font-display: "Segoe UI Variable Display", "Segoe UI", sans-serif;--font-body: "Segoe UI", "Verdana", sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at top left,rgba(91,75,255,.08),transparent 28rem),linear-gradient(180deg,#ffffff 0%,var(--bg) 18rem);color:var(--text-color);font-family:var(--font-body)}html{scrollbar-gutter:stable}body{min-height:100vh}h1,h2,h3,h4,button,label{font-family:var(--font-display)}button,input,select,textarea{font:inherit}button:disabled{cursor:not-allowed;opacity:.65}button:hover{transform:none!important}.action-button:disabled{background:#e2e8f0;color:#64748b;cursor:wait;opacity:1}.spinner{display:inline-block;width:.95rem;height:.95rem;border:2px solid currentColor;border-right-color:transparent;border-radius:999px;animation:spin .7s linear infinite}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 0;text-align:center}.loading-container .spinner{width:48px!important;height:48px!important;border:4px solid rgba(99,102,241,.1)!important;border-top:4px solid #6366f1!important;border-radius:999px!important;animation:spin 1s linear infinite!important;margin-bottom:1rem!important;display:inline-block!important}.loading-container p{font-size:.95rem;color:var(--text-soft);margin:0;font-weight:500}.animate-fade{animation:fadeIn .4s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.skeleton-line,.skeleton-dot{display:block;border-radius:999px;background:linear-gradient(90deg,#eef2f7,#f8fafc,#eef2f7);background-size:240% 100%;animation:skeleton-shimmer 1.15s infinite}.logo-line{width:150px;height:28px}.title-line{width:72%;height:24px}.text-line{width:92%;height:14px}.wide-line{width:84%;height:18px}.field-line{width:100%;height:54px;border-radius:14px}.skeleton-step-list{display:grid;gap:.6rem}.skeleton-step-list div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.7rem;align-items:center;padding:.75rem;border-radius:16px;background:var(--panel-strong)}.skeleton-dot{width:30px;height:30px}.step-line{height:16px}.skeleton-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.tile-line{height:82px;border-radius:16px}@keyframes skeleton-shimmer{to{background-position:-120% 0}}@keyframes spin{to{transform:rotate(360deg)}}.page{display:grid;gap:1.4rem}app-admin-layout .content>router-outlet+*{display:block;width:100%;min-width:0}app-admin-layout .content>router-outlet+*>.page{align-content:start;width:100%;max-width:none;margin:0;padding:0}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.page-header h2,.card h3,.card h4{margin:0}.page-header p{margin:.35rem 0 0;color:var(--text-soft)}.eyebrow{color:var(--accent-strong);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.page-grid{display:grid;gap:1.25rem;grid-template-columns:minmax(320px,420px) minmax(0,1fr)}.card{padding:1.4rem;border:1px solid var(--stroke);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.form-grid{display:grid;gap:1rem}.field{display:grid;gap:.45rem}.field span{color:var(--text-soft);font-size:.9rem;font-weight:650}.field input,.field select,.field textarea{width:100%;padding:.9rem 1rem;border:1px solid var(--stroke);border-radius:12px;outline:none;background:#fff;color:var(--text-color);transition:border-color .15s ease,box-shadow .15s ease}.field input:focus,.field select:focus,.field textarea:focus{border-color:#2563eb8c;box-shadow:0 0 0 4px #2563eb1a}.field input.invalid,.field select.invalid,.field textarea.invalid{border-color:var(--danger, #dc2626)!important}.field input.invalid:focus,.field select.invalid:focus,.field textarea.invalid:focus{box-shadow:0 0 0 4px #dc262626!important}.field-error-msg{color:var(--danger, #dc2626);font-size:.82rem;font-weight:600;margin-top:.25rem;display:flex;align-items:center;gap:.25rem}.field textarea{min-height:120px;resize:vertical}.actions{display:flex;flex-wrap:wrap;gap:.75rem}.btn,.btn-secondary,.btn-danger{display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;border-radius:12px;padding:.88rem 1.1rem;font-weight:750;text-decoration:none;transition:box-shadow .15s ease,opacity .15s ease}.btn:hover{box-shadow:0 0 20px 2px #5b4bff73}.btn-secondary:hover{box-shadow:0 0 16px 1px #0f172a1f}.btn-danger:hover{box-shadow:0 0 18px 1px #dc26264d}.btn{background:var(--accent);color:#fff;box-shadow:0 6px 16px #5b4bff26}.btn-secondary{background:var(--panel-soft);color:var(--text-color);box-shadow:0 4px 10px #0f172a05}.btn-danger{background:#fef2f2;color:var(--danger);box-shadow:0 4px 10px #dc26260d}.status-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .7rem;border-radius:999px;background:var(--panel-soft);color:var(--text-soft);font-size:.83rem;font-weight:700}.status-pill.active,.status-pill.paid{color:#047857;background:#ecfdf5}.status-pill.inactive,.status-pill.failed,.status-pill.cancelled,.status-pill.expired{color:var(--danger);background:#fef2f2}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:.95rem .75rem;border-bottom:1px solid var(--stroke);text-align:left}.table th{color:var(--text-soft);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.metric-grid{display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr))}.metric{padding:1.25rem;border:1px solid var(--stroke);border-radius:16px;background:var(--panel);box-shadow:0 12px 35px #0f172a0d}.metric strong{display:block;font-size:2rem;margin-top:.45rem}.helper,.empty{color:var(--text-soft)}.error-banner{padding:.9rem 1rem;border:1px solid #fecaca;border-radius:14px;background:#fef2f2;color:#991b1b}.preview-overlay{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:1rem;background:#0f172a7a}.preview-modal{display:grid;gap:1rem;width:min(520px,100%);max-height:calc(100vh - 2rem);overflow:auto;padding:1rem;border-radius:20px;background:#fff;box-shadow:var(--shadow)}.preview-modal header{display:flex;justify-content:space-between;gap:1rem}.preview-modal h3{margin:.2rem 0 0}.telegram-preview-phone{display:grid;gap:.55rem;padding:1rem;border:1px solid #dbeafe;border-radius:22px;background:#f8fafc}.preview-media{display:grid;min-height:96px;place-items:center;border-radius:14px;background:#eef2ff;color:var(--accent-strong);font-weight:850}.preview-bubble{white-space:pre-wrap;padding:.8rem;border:1px solid var(--stroke);border-radius:14px;background:#fff}.preview-bubble.compact{font-weight:850}.telegram-preview-phone button{border:0;border-radius:11px;padding:.8rem;background:var(--text-color);color:#fff;font-weight:850}@media(max-width:1200px){.page-grid,.metric-grid{grid-template-columns:1fr}}@media(max-width:720px){.page-header,.actions{display:grid}.page-header .btn,.actions .btn,.actions .btn-secondary,.actions .btn-danger{width:100%}.card{padding:1rem}.table{display:block;overflow-x:auto;white-space:nowrap}}