:root{--ink:#17151c;--muted:#74717b;--line:#e8e6eb;--paper:#fff;--soft:#f8f7f9;--violet:#7357ff;--violet-dark:#5e43ee;--radius:18px}*{box-sizing:border-box}html{background:var(--soft)}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;letter-spacing:-.015em}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.site-header{height:72px;justify-content:space-between;max-width:1180px;margin:auto;padding:0 24px}.brand,.site-header{display:flex;align-items:center}.brand{font-size:21px;font-weight:800;letter-spacing:-.06em;gap:8px}.brand-mark{color:var(--violet);font-size:26px}.nav{display:flex;gap:24px;color:var(--muted);font-size:14px}.header-actions{display:flex;align-items:center;gap:14px}.link-button{border:0;background:transparent;color:var(--muted);font-size:14px}.danger,.primary,.secondary{min-height:44px;padding:0 18px;border-radius:11px;font-weight:700;font-size:14px;border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary{background:var(--ink);color:white}.primary:hover{background:#302c37}.secondary{border:1px solid var(--line);background:white}.danger{background:#fff0f0;color:#cf3b3b}.hero{max-width:1180px;margin:35px auto 0;padding:62px 24px 48px;min-height:590px;display:grid;grid-template-columns:1.06fr .94fr;grid-gap:52px;gap:52px;align-items:center}.eyebrow{color:var(--violet);font-size:13px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.hero h1{max-width:610px;font-size:64px;line-height:.99;letter-spacing:-.065em;margin:18px 0 22px}.hero p{font-size:19px;line-height:1.55;color:var(--muted);max-width:485px;margin:0 0 28px}.hero-buttons{display:flex;gap:11px;flex-wrap:wrap}.hero-note{color:var(--muted);font-size:13px;margin-top:18px}.preview-wrap{display:flex;justify-content:center}.phone{background:#17161a;padding:11px;border-radius:39px;width:302px;box-shadow:0 26px 65px #7b748a44}.phone-screen{min-height:530px;padding:43px 19px 20px;border-radius:30px;background:#fcfcfb;text-align:center}.profile-avatar{width:98px;height:98px;border-radius:50%;margin:0 auto 15px;background:linear-gradient(135deg,#d1b6ff,#7357ff);color:white;display:grid;place-items:center;font-size:34px;font-weight:800;border:4px solid white;box-shadow:0 5px 18px #7357ff38}.phone-screen h2{font-size:25px;margin:0 0 5px;letter-spacing:-.05em}.profile-role{color:#68636f;font-size:14px;margin:0 0 23px}.contact-card{text-align:left;background:white;border:1px solid #eceaf0;border-radius:15px;padding:13px 14px;margin-bottom:10px;display:flex;align-items:center;gap:11px;font-size:14px;font-weight:700}.icon-dot{height:30px;width:30px;display:grid;place-items:center;border-radius:9px;background:#f1edff;color:var(--violet)}.add-contact{margin-top:17px;width:100%;background:#7357ff;color:#fff;border:0;min-height:46px;border-radius:13px;font-weight:800}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:white}.auth-side{background:#211e2a;padding:34px clamp(32px,6vw,88px);display:flex;flex-direction:column;justify-content:space-between}.auth-side,.auth-side .brand{color:white}.auth-quote{max-width:430px}.auth-quote h1{font-size:48px;line-height:1.03;letter-spacing:-.06em;margin:0 0 18px}.auth-quote p{color:#c2bdca;line-height:1.55;font-size:17px}.auth-art{border:1px solid #433c50;padding:16px;border-radius:18px;background:#2b2735;color:#ddd7e6;font-size:14px}.auth-main{display:grid;place-items:center;padding:30px}.auth-box{width:min(100%,390px)}.auth-box h1{font-size:34px;letter-spacing:-.055em;margin:0 0 8px}.auth-box>p{margin:0 0 28px;color:var(--muted);line-height:1.45}.form{display:grid;grid-gap:15px;gap:15px}.field{display:grid;grid-gap:7px;gap:7px}.field label{font-size:13px;font-weight:750}.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:11px;padding:12px 13px;outline:none;background:white}.field textarea{resize:vertical;min-height:94px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--violet);box-shadow:0 0 0 3px #7357ff17}.form .primary{width:100%;margin-top:3px}.form-help{color:var(--muted);font-size:13px;margin-top:22px;text-align:center}.form-help a{color:var(--violet);font-weight:700}.message{padding:12px 13px;border-radius:11px;background:#effbf5;color:#23734c;font-size:13px;line-height:1.35}.app-shell{min-height:100vh;background:var(--soft);display:grid;grid-template-columns:248px 1fr}.sidebar{background:#1f1c27;color:#bdb7c7;padding:24px 13px;display:flex;flex-direction:column;min-height:100vh}.sidebar .brand{color:white;padding:0 11px 27px}.side-section{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#787182;padding:0 11px 9px}.side-nav{display:grid;grid-gap:3px;gap:3px}.side-nav a{padding:10px 11px;border-radius:9px;font-size:14px;font-weight:650}.side-nav a.active,.side-nav a:hover{color:white;background:#35303f}.side-footer{margin-top:auto;padding:15px 11px 0;border-top:1px solid #393442;font-size:13px}.logout{color:#bdb7c7;background:transparent;border:0;padding:10px 0;font-size:13px}.app-main{min-width:0}.topbar{height:72px;padding:0 36px;background:white;border-bottom:1px solid var(--line);display:flex;justify-content:flex-end;align-items:center;gap:10px;color:var(--muted);font-size:14px}.mini-avatar{width:31px;height:31px;background:#7357ff;color:white;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800}.page{max-width:1040px;padding:42px 36px 70px}.page-head{margin-bottom:27px;display:flex;justify-content:space-between;gap:20px;align-items:end}.page-head h1{margin:0 0 7px;font-size:32px;letter-spacing:-.055em}.page-head p{margin:0;color:var(--muted);font-size:15px}.grid-2{display:grid;grid-template-columns:minmax(0,1fr) 350px;grid-gap:22px;gap:22px}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:24px}.panel h2{font-size:17px;margin:0 0 19px;letter-spacing:-.03em}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:15px;gap:15px}.form-grid .wide{grid-column:1/-1}.save-row{margin-top:21px;display:flex;justify-content:flex-end}.live-preview{position:-webkit-sticky;position:sticky;top:20px}.preview-card{border-radius:15px;padding:30px 20px 18px;text-align:center;background:#fcfcfb;border:1px solid var(--line)}.preview-card.dark{background:#201d28;color:white}.preview-card.lilac{background:linear-gradient(145deg,#e9e0ff,#f8f6ff)}.preview-card .profile-avatar{width:76px;height:76px;font-size:26px}.preview-card h3{margin:0;font-size:22px;letter-spacing:-.05em}.preview-card p{color:var(--muted);margin:6px 0 16px;font-size:13px}.preview-link{background:white;color:var(--ink);padding:11px 12px;border-radius:10px;margin-top:8px;text-align:left;font-size:13px;font-weight:700}.dark .preview-link{background:#302b3b;color:white}.theme-picks{display:flex;gap:8px}.theme-picks button{height:34px;width:34px;border-radius:50%;border:3px solid white;outline:1px solid var(--line)}.theme-picks button.selected{outline:2px solid var(--violet)}.stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;margin-bottom:22px}.stat{padding:19px;background:white;border:1px solid var(--line);border-radius:15px}.stat b{display:block;font-size:25px;letter-spacing:-.06em}.stat span{color:var(--muted);font-size:13px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;color:var(--muted);font-weight:650;font-size:12px;padding:0 12px 12px;white-space:nowrap}.table td{padding:14px 12px;border-top:1px solid var(--line);white-space:nowrap}.badge{display:inline-block;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800}.badge.created{color:#795600;background:#fff5d7}.badge.programmed{color:#4c47bd;background:#edecff}.badge.activated{color:#167148;background:#e4f8ee}.badge.blocked{color:#b63232;background:#fff0f0}.code{font-family:monospace;font-size:12px;color:#57505f}.dialog-overlay{position:fixed;inset:0;background:#17151c66;display:grid;place-items:center;padding:20px;z-index:5}.dialog{width:min(100%,440px);background:white;border-radius:20px;padding:25px;box-shadow:0 22px 70px #17151c35}.dialog h2{margin:0 0 7px;letter-spacing:-.04em}.dialog p{color:var(--muted);font-size:14px;line-height:1.45;margin:0 0 20px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}@media (max-width:800px){.nav{display:none}.hero{grid-template-columns:1fr;padding-top:35px;text-align:center}.hero h1{font-size:46px}.hero h1,.hero p{margin-left:auto;margin-right:auto}.hero-buttons{justify-content:center}.preview-wrap{margin-top:0}.phone{width:280px}.auth-layout{grid-template-columns:1fr}.auth-side{display:none}.app-shell{display:block}.sidebar{display:none}.topbar{height:58px;padding:0 18px}.page{padding:28px 18px}.grid-2{grid-template-columns:1fr}.live-preview{position:static}.form-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.page-head{align-items:start;flex-direction:column}.site-header{padding:0 18px}.header-actions .link-button{display:none}}