:root{--m:#c3006b;--md:#8f004f;--ink:#17151a;--mut:#746f78;--bg:#f7f5f8;--card:#fff;--line:#e7e2e8;--ok:#168a5b;--warn:#a97000;--bad:#a42c2c;--r:20px;--shadow:0 12px 35px rgba(42,22,35,.08)}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:linear-gradient(135deg,#fbf9fb,#f7f2f6);min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.muted{color:var(--mut)}
.app{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:100vh}.sidebar{background:#fff;border-right:1px solid var(--line);padding:24px 18px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 24px}.brand b{display:block;font-size:20px}.brand span,.public-brand span{display:block;color:var(--mut);font-size:12px;font-weight:700;margin-top:2px}.brandmark{width:64px;height:64px;border-radius:20px;background:var(--m);color:#fff;display:grid;place-items:center;font-size:32px;font-weight:950;box-shadow:0 12px 30px rgba(195,0,107,.25)}.brandmark.small{width:48px;height:48px;border-radius:15px;font-size:24px;box-shadow:none}
#nav{display:grid;gap:5px}#nav button{border:0;background:transparent;border-radius:14px;padding:13px 14px;display:flex;align-items:center;gap:12px;color:#5e5861;font-weight:800;text-align:left}#nav button:hover,#nav button.active{background:#fff0f7;color:var(--m)}.sidebar-bottom{margin-top:auto;padding-top:18px;border-top:1px solid var(--line)}.user-badge{font-size:13px;font-weight:800;margin:0 4px 10px}.ghost{border:0;background:transparent;color:var(--mut);font-weight:800;padding:8px}
main{padding:30px 38px 80px;max-width:1600px;width:100%}.topbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px}.eyebrow{font-size:12px;font-weight:950;letter-spacing:.13em;color:var(--m);text-transform:uppercase}.topbar h1{font-size:38px;margin:5px 0 3px}.topbar p{margin:0;color:var(--mut)}.top-actions{display:flex;align-items:center;gap:10px}.version-pill{padding:9px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:12px;font-weight:900;color:var(--mut)}
.primary,.secondary,.white-btn,.link,.chip,.segmented button,.response{border:0;font-weight:850;border-radius:12px;padding:11px 14px}.primary{background:var(--m);color:#fff}.primary:hover{background:var(--md)}.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.white-btn{background:#fff;color:var(--m)}.link{background:transparent;color:var(--m);padding:7px}.hero{background:linear-gradient(135deg,var(--m),var(--md));color:#fff;border-radius:28px;padding:28px 30px;display:flex;align-items:center;justify-content:space-between;gap:28px;box-shadow:var(--shadow);margin-bottom:20px}.hero-kicker{font-size:11px;font-weight:950;letter-spacing:.16em;opacity:.8}.hero h2{font-size:31px;margin:6px 0}.hero p{max-width:760px;margin:0;line-height:1.55;opacity:.9}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px}.stat{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}.stat span{display:block;color:var(--mut);font-size:12px;font-weight:850}.stat b{display:block;font-size:30px;margin-top:4px}.grid{display:grid;gap:18px}.grid.two{grid-template-columns:1fr 1fr;margin-bottom:18px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px;box-shadow:0 8px 25px rgba(30,18,27,.035)}.card h3{margin:0 0 14px}.card-head,.section-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}.section-actions{margin-bottom:15px}.list-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}.list-row:first-child{border-top:0}.list-row h4{margin:0 0 4px}.list-row p{margin:0;color:var(--mut);font-size:13px}.badges{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.badge{font-size:11px;font-weight:900;padding:6px 9px;border-radius:999px;background:#f2eef2;color:#6b626a}.badge.ok{background:#e9f8f1;color:var(--ok)}.badge.warn{background:#fff2d9;color:var(--warn)}.badge.bad{background:#fdeaea;color:var(--bad)}
.view{display:none}.view.active{display:block}.segmented{background:#eee9ed;padding:4px;border-radius:12px}.segmented button{background:transparent;color:var(--mut);padding:8px 12px}.segmented button.active{background:#fff;color:var(--ink);box-shadow:0 2px 8px rgba(0,0,0,.04)}.filter-row{display:flex;gap:8px}.chip{background:#fff;border:1px solid var(--line);color:var(--mut);padding:8px 11px}.chip.active{background:#fff0f7;color:var(--m);border-color:#f0bed8}
.cloud-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:10px}.breadcrumb{font-weight:850;color:#5e5861}.breadcrumb button{border:0;background:transparent;color:var(--m);font-weight:850;padding:4px}.cloud-hint{font-size:12px;color:#765b68}.cloud-card{padding:0;overflow:hidden}.cloud-table-head,.cloud-row{display:grid;grid-template-columns:minmax(240px,1fr) 110px 100px 180px;gap:12px;align-items:center;padding:13px 16px}.cloud-table-head{background:#faf8fa;color:var(--mut);font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.05em}.cloud-row{border-top:1px solid var(--line)}.cloud-name{display:flex;align-items:center;gap:10px;min-width:0}.cloud-icon{width:36px;height:36px;border-radius:11px;background:#fff0f7;color:var(--m);display:grid;place-items:center;font-size:18px}.cloud-name b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cloud-actions{display:flex;gap:6px;justify-content:flex-end}.icon-btn{border:1px solid var(--line);background:#fff;border-radius:9px;padding:7px 9px}.lock-note{font-size:11px;color:var(--warn);margin-top:2px}.info-banner{background:#fff0f7;border:1px solid #f1bfd8;color:#5b2845;border-radius:16px;padding:14px 16px;margin-bottom:14px;display:flex;gap:10px;flex-direction:column}.info-banner span{font-size:13px}.mail-hero{background:linear-gradient(135deg,#c3006b,#981052);color:#fff;padding:24px 26px;border-radius:24px;margin-bottom:16px}.mail-hero span{font-size:11px;font-weight:950;letter-spacing:.16em}.mail-hero h2{margin:5px 0}.mail-hero p{margin:0;opacity:.9}.mail-grid{grid-template-columns:1fr 1fr}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:grid;gap:6px;color:#5e5861;font-size:12px;font-weight:850;margin-bottom:12px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:12px;background:#fff;padding:11px 12px;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:#d86da8;box-shadow:0 0 0 3px rgba(195,0,107,.08)}textarea{resize:vertical;min-height:110px}.mail-body{min-height:330px}.button-row{display:flex;justify-content:flex-end;gap:8px}.assistant-wrap{max-width:940px;margin:auto}.chat-messages{min-height:440px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;margin-bottom:12px}.bubble{max-width:78%;padding:12px 14px;border-radius:16px;margin:8px 0;line-height:1.5;white-space:pre-wrap}.bubble.bot{background:#f6f2f5}.bubble.user{background:var(--m);color:#fff;margin-left:auto}.chat-input{display:grid;grid-template-columns:1fr auto;gap:8px}.chat-input textarea{min-height:58px;max-height:160px}.settings-list>div{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-top:1px solid var(--line)}.settings-list>div:first-child{border-top:0}.settings-list span{color:var(--mut)}
.modal-backdrop{position:fixed;inset:0;background:rgba(20,12,17,.45);display:grid;place-items:center;padding:20px;z-index:100;backdrop-filter:blur(5px)}.modal{width:min(720px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:24px;padding:22px;box-shadow:0 28px 80px rgba(0,0,0,.23)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.modal-head h2{margin:0}.close{border:0;background:#f3eff2;width:36px;height:36px;border-radius:50%;font-size:20px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.error{background:#fdeaea;color:#8f2525;padding:10px 12px;border-radius:12px;font-size:13px}.success{background:#e9f8f1;color:#126d49;padding:11px;border-radius:12px}.toast{position:fixed;right:24px;bottom:24px;background:#17151a;color:#fff;padding:12px 15px;border-radius:13px;z-index:120;box-shadow:var(--shadow)}
.login-shell{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:28px;padding:30px;box-shadow:var(--shadow);text-align:center}.login-card .brandmark{margin:0 auto 18px}.login-card h1{font-size:34px;margin:5px 0}.login-card p{color:var(--mut);line-height:1.5}.login-card form{text-align:left;margin-top:22px}.login-card .primary{width:100%;margin-top:5px}.mobile-nav{display:none}.public-body{background:linear-gradient(145deg,#fbf8fa,#f3e8ef);min-height:100vh}.public-shell{max-width:720px;margin:auto;padding:28px 18px}.public-brand{display:flex;gap:12px;align-items:center;margin-bottom:18px}.public-brand b{display:block;font-size:20px}.public-card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:26px;box-shadow:var(--shadow)}.public-card h1{font-size:34px;margin:6px 0 18px}.public-facts{display:grid;gap:8px;background:#faf7f9;border-radius:14px;padding:14px;margin-bottom:18px}.response-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px}.response{background:#f7f4f6;border:1px solid var(--line);color:var(--ink)}.response.selected.yes{background:#e9f8f1;border-color:#aadcc8;color:var(--ok)}.response.selected.no{background:#fdeaea;border-color:#efbcbc;color:var(--bad)}.response.selected.maybe{background:#fff2d9;border-color:#efd699;color:var(--warn)}.btn-link{text-decoration:none;display:inline-block}.loading{color:var(--mut);padding:30px 0;text-align:center}
@media(max-width:1050px){.app{grid-template-columns:90px minmax(0,1fr)}.sidebar{padding:18px 12px}.brand>div:last-child,#nav span,.sidebar-bottom{display:none}.brand{justify-content:center;padding-bottom:18px}#nav button{justify-content:center;font-size:19px}.grid.two,.mail-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.app{display:block}.sidebar{display:none}main{padding:20px 15px 95px}.topbar{align-items:flex-start}.topbar h1{font-size:30px}.version-pill{display:none}.hero{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:1fr 1fr}.grid.two,.mail-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.mobile-nav{position:fixed;bottom:0;left:0;right:0;height:72px;background:rgba(255,255,255,.96);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);z-index:80;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav button{border:0;background:transparent;color:#766d74;font-size:19px;font-weight:900}.mobile-nav span{display:block;font-size:9px;margin-top:2px}.cloud-table-head{display:none}.cloud-row{grid-template-columns:minmax(0,1fr) auto;padding:12px}.cloud-row>span:nth-child(2),.cloud-row>span:nth-child(3){display:none}.cloud-actions{grid-column:2}.section-actions,.cloud-toolbar{align-items:flex-start;flex-direction:column}.response-buttons{grid-template-columns:1fr}.public-card{padding:20px}.public-card h1{font-size:28px}.top-actions .primary{font-size:12px;padding:9px}}