*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-dark: #0a0a0f;--bg-dark-2: #111118;--card-bg: rgba(17, 17, 24, .9);--card-border: rgba(56, 189, 248, .2);--accent: #38bdf8;--accent-2: #0ea5e9;--accent-glow: rgba(56, 189, 248, .3);--accent-soft: rgba(56, 189, 248, .12);--gradient-accent: linear-gradient(135deg, #0ea5e9 0%, #38bdf8 50%, #7dd3fc 100%);--text: #f0f0f5;--text-muted: #9ca3af;--radius: 24px;--radius-sm: 10px}body{font-family:Inter,-apple-system,sans-serif;background:var(--bg-dark);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}#app{min-height:100vh;padding:32px 24px}.loading{display:flex;align-items:center;justify-content:center;min-height:60vh;font-size:18px;color:var(--text-muted)}.auth-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 64px);padding:24px}.auth-card{position:relative;width:100%;max-width:420px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:40px 36px;box-shadow:0 8px 32px #0006,0 0 0 1px #38bdf80f;overflow:hidden}.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-accent)}.auth-card__menu{position:absolute;top:20px;right:20px;width:24px;height:18px;background:linear-gradient(to bottom,var(--accent) 0%,var(--accent) 20%,transparent 20%,transparent 40%,var(--accent) 40%,var(--accent) 60%,transparent 60%,transparent 80%,var(--accent) 80%);border-radius:2px;opacity:.5}.auth-card__title{font-size:28px;font-weight:700;margin-bottom:8px;color:var(--text)}.auth-card__subtitle{font-size:14px;color:var(--text-muted);margin-bottom:28px}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-form__input{width:100%;padding:14px 18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:var(--text);font-size:15px;outline:none;transition:border-color .2s,box-shadow .2s}.auth-form__input::placeholder{color:var(--text-muted)}.auth-form__input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.auth-form__error{font-size:13px;color:#f87171;display:none}.auth-form__error.visible{display:block}.auth-form__btn{width:100%;padding:14px 24px;border:none;border-radius:999px;font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;background:var(--gradient-accent);color:#fff;transition:transform .2s,box-shadow .2s,opacity .2s}.auth-form__btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px var(--accent-glow)}.auth-form__btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.topbar{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#0a0a0fd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.06)}.topbar__brand{font-size:18px;font-weight:700;color:var(--accent);letter-spacing:-.01em}.topbar__logout{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:var(--text-muted);font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:color .2s,border-color .2s,box-shadow .2s,transform .2s}.topbar__logout:hover{color:var(--accent);border-color:var(--accent);box-shadow:0 0 16px var(--accent-soft);transform:translateY(-2px)}.topbar__logout svg{flex-shrink:0}.dashboard{max-width:960px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding-top:72px}.dashboard__header{text-align:center;margin-bottom:48px}.dashboard__title{font-size:32px;font-weight:800;color:var(--text);letter-spacing:-.02em;margin-bottom:10px}.dashboard__tagline{font-size:16px;color:var(--text-muted);max-width:480px;margin:0 auto}.cards{display:grid;grid-template-columns:1fr 1fr;gap:28px}.cards--single{grid-template-columns:1fr;max-width:480px;margin:0 auto}@media(max-width:720px){.cards{grid-template-columns:1fr}}.card{position:relative;background:var(--card-bg);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:36px 32px;display:flex;flex-direction:column;box-shadow:0 8px 32px #0000004d;transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .35s,box-shadow .35s;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-accent);opacity:0;transition:opacity .35s}.card:hover{transform:translateY(-6px);border-color:#38bdf84d;box-shadow:0 20px 60px #38bdf81a}.card:hover:before{opacity:1}.card__menu{position:absolute;top:20px;right:20px;width:24px;height:18px;background:linear-gradient(to bottom,var(--accent) 0%,var(--accent) 20%,transparent 20%,transparent 40%,var(--accent) 40%,var(--accent) 60%,transparent 60%,transparent 80%,var(--accent) 80%);border-radius:2px;opacity:.4}.card__icon-wrap{width:48px;height:48px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;margin-bottom:22px}.card__icon-wrap svg{width:24px;height:24px}.card__icon-wrap--outbound{background:#38bdf81f;color:#38bdf8}.card__label{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent);margin-bottom:8px}.card__title{font-size:22px;font-weight:700;color:var(--text);margin-bottom:10px}.card__desc{font-size:14px;color:var(--text-muted);line-height:1.65;margin-bottom:24px;flex:1}.card__input{width:100%;padding:14px 18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:var(--text);font-size:14px;outline:none;margin-bottom:14px;transition:border-color .2s,box-shadow .2s}.card__input::placeholder{color:var(--text-muted)}.card__input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.card__btn{width:100%;padding:14px 24px;border:1px solid rgba(255,255,255,.1);border-radius:999px;font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;background:#ffffff0f;color:var(--text);transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}.card__btn:hover{background:#ffffff1a;border-color:var(--accent);box-shadow:0 0 16px var(--accent-soft);transform:translateY(-2px)}.card__btn--primary{background:var(--gradient-accent);color:#fff;border-color:transparent}.card__btn--primary:hover{box-shadow:0 6px 24px var(--accent-glow);transform:translateY(-2px)}.card__btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.card__btn svg{display:inline-block;vertical-align:middle;margin-left:6px}.outbound-form{display:flex;flex-direction:column}.status{margin-top:16px;padding:14px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;display:none}.status.visible{display:block}.status--success{background:#10b9811f;border:1px solid rgba(16,185,129,.3);color:#34d399}.status--error{background:#f871711f;border:1px solid rgba(248,113,113,.3);color:#f87171}.status--loading{background:var(--accent-soft);border:1px solid rgba(56,189,248,.3);color:var(--accent)}