﻿:root{--bg:#f4f6fb;--ink:#172033;--muted:#6d7485;--line:#e5e8f0;--primary:#625bf6;--nav:#101524;--green:#20b486;--red:#e5484d;--shadow:0 16px 45px #27315412}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit}.hidden{display:none!important}.eyebrow{display:block;color:#8d93a3;font-size:11px;font-weight:800;letter-spacing:.13em;margin-bottom:8px}.brand-block{display:flex;align-items:center;gap:12px}.brand-block .logo{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(140deg,#8179ff,#4c44e4);box-shadow:0 8px 25px #625bf654;color:white;font-size:22px;font-weight:900}.brand-block b,.brand-block span{display:block}.brand-block b{font-size:19px;letter-spacing:-.03em}.brand-block span{font-size:11px;color:#8991a5;letter-spacing:.1em;text-transform:uppercase}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:8vw;padding:6vw 10vw;background:radial-gradient(circle at 20% 20%,#e2e0ff,transparent 35%),linear-gradient(135deg,#f8f9ff,#f1f3f9)}.login-shell>.brand-block{position:absolute;top:42px;left:5vw}.login-copy h1{font-size:clamp(46px,6vw,78px);letter-spacing:-.065em;line-height:1.01;margin:15px 0}.login-copy h1 em{font-style:normal;color:var(--primary)}.login-copy p{font-size:18px;color:var(--muted);max-width:540px;line-height:1.7}.login-card,.form-card{background:#fff;border:1px solid #fff;border-radius:22px;padding:38px;box-shadow:var(--shadow)}.login-card h2{font-size:30px;margin:0 0 4px}.login-card>p{color:var(--muted);margin:0 0 28px}.login-card small{display:block;color:var(--muted);margin-top:15px;text-align:center}.app{display:grid;grid-template-columns:238px 1fr;min-height:100vh}aside{position:sticky;top:0;height:100vh;background:var(--nav);color:#fff;padding:27px 18px;display:flex;flex-direction:column}.compact{padding:0 8px 28px;border-bottom:1px solid #ffffff12}.compact .logo{width:37px;height:37px;border-radius:11px}.compact b{color:#fff}nav{display:flex;flex-direction:column;gap:6px;margin-top:27px}nav button,.logout{border:0;background:transparent;color:#949bab;padding:12px 14px;border-radius:10px;text-align:left;cursor:pointer}nav button span{margin-left:12px}nav button:hover,nav button.active{background:#ffffff0d;color:#fff}nav button.active{box-shadow:inset 3px 0 var(--primary)}.aside-foot{margin-top:auto}.health{display:flex;gap:9px;padding:12px;border:1px solid #ffffff13;border-radius:11px}.health i{width:8px;height:8px;border-radius:50%;background:var(--green);margin-top:5px;box-shadow:0 0 12px var(--green)}.health b,.health span{display:block;font-size:10px}.health span{color:#71798d;margin-top:3px}.logout{width:100%;margin-top:8px}main{padding:30px 4vw 70px;min-width:0}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:30px}header h1{margin:0;font-size:29px;letter-spacing:-.04em}.user{display:flex;align-items:center;gap:10px}.user>div{display:grid;place-items:center;width:38px;height:38px;background:#e5e3ff;color:var(--primary);font-weight:800;border-radius:50%}.user p{margin:0}.user b,.user span{display:block;font-size:12px}.user span{color:var(--muted);margin-top:3px}.hero{background:linear-gradient(130deg,#161d33,#272c53);border-radius:20px;padding:31px;color:#fff;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative}.hero:after{content:"";width:330px;height:330px;background:radial-gradient(circle,#776ff888,transparent 67%);position:absolute;right:-50px}.hero h2{font-size:28px;margin:0 0 8px;letter-spacing:-.04em}.hero p{color:#adb4c7;margin:0}.hero button{z-index:1}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0}.stat,.table-card,.card{background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 5px 20px #27315408}.stat{padding:20px}.stat span{color:var(--muted);font-size:12px}.stat b{display:block;font-size:28px;margin:7px 0 2px;letter-spacing:-.04em}.stat small{color:var(--green)}button{background:var(--primary);border:0;border-radius:9px;padding:11px 16px;color:#fff;font-weight:700;cursor:pointer;box-shadow:0 5px 15px #625bf633}button:hover{filter:brightness(1.05)}button.secondary{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:none}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.section-head h2{font-size:24px;margin:0}.section-head p{color:var(--muted);margin:5px 0 0;font-size:13px}.table-card{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:10px;color:#8e95a5;letter-spacing:.09em;text-transform:uppercase;background:#fafbfc}th,td{padding:14px 17px;border-bottom:1px solid var(--line);font-size:13px}tr:last-child td{border-bottom:0}.badge{display:inline-block;padding:5px 9px;border-radius:20px;background:#eff1f6;font-size:10px;font-weight:800}.badge.completed,.badge.active{background:#dcf8ee;color:#087a59}.badge.draft{background:#fff0d9;color:#a55d00}.badge.rcs{background:#e7e5ff;color:#5148e6}.badge.sms{background:#e1f2ff;color:#12669e}.empty{padding:55px;text-align:center;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px}.card{padding:20px}.card h3{margin:12px 0 8px}.card p{color:var(--muted);font-size:13px;line-height:1.5;white-space:pre-wrap}.form-card{max-width:700px;display:grid;gap:17px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.form-card h3{margin:0 0 5px}label{display:block;font-weight:700;font-size:12px;color:#4b5263}input,select,textarea{display:block;width:100%;margin-top:7px;border:1px solid #dfe2ea;border-radius:9px;background:#fbfcfe;color:var(--ink);padding:11px 12px;outline:0}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #625bf61a}textarea{resize:vertical}dialog{border:0;border-radius:20px;padding:0;width:min(620px,92vw);box-shadow:0 30px 90px #10152445}dialog::backdrop{background:#10152499;backdrop-filter:blur(3px)}dialog form{padding:28px;display:grid;gap:17px}.modal-head{display:flex;justify-content:space-between}.modal-head h2{margin:0;font-size:25px}.icon{background:transparent;color:var(--muted);font-size:26px;padding:0;box-shadow:none}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.warning{border:1px solid #f3d39b;background:#fff9ed;border-radius:11px;padding:13px;color:#875315}.warning p{margin:4px 0 0;font-size:12px}.checks{display:grid;gap:9px;padding:5px}.checks label{display:flex;align-items:flex-start;gap:8px;font-weight:500}.checks input{width:auto;margin:2px 0}.danger{background:var(--red)}#toast{position:fixed;z-index:20;right:25px;top:25px;background:#172033;color:#fff;border-radius:10px;padding:13px 17px;box-shadow:var(--shadow);opacity:0;transform:translateY(-10px);transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:none}@media(max-width:900px){.settings-grid{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr;padding:120px 7vw 50px}.login-copy{display:none}.app{grid-template-columns:74px 1fr}aside{padding:25px 10px}.compact>div:not(.logo),nav span,.health div{display:none}.compact{padding:0 7px 24px}.health{justify-content:center}main{padding:25px 18px}.stats{grid-template-columns:1fr 1fr}.user p{display:none}}@media(max-width:560px){.stats{grid-template-columns:1fr}.section-head{align-items:flex-start;gap:12px}.form-grid{grid-template-columns:1fr}.hero{align-items:flex-start;gap:20px;flex-direction:column}}

