:root { --navy:#04274a; --navy2:#0b355b; --red:#c53553; --pink:#fbd1df; --ice:#f3f8f8; --ink:#17222d; --muted:#6c7780; --line:#dfe5e7; --white:#fff; font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; color:var(--ink); background:var(--ice); }
a{color:inherit;text-decoration:none}
*{box-sizing:border-box} body{margin:0} button,input,textarea,select{font:inherit} button{cursor:pointer} img{display:block;max-width:100%} [hidden]{display:none!important} :focus-visible{outline:3px solid #e4a522;outline-offset:2px}.eyebrow{margin:0 0 .7rem;color:var(--red);font:750 .65rem ui-monospace,monospace;text-transform:uppercase;letter-spacing:.14em}.login-view{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}.login-brand{padding:clamp(2rem,6vw,6rem);background:var(--navy);color:white;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}.login-brand:after{content:"M";position:absolute;right:-.06em;bottom:-.25em;color:rgb(255 255 255/.035);font:700 min(70vw,45rem)/1 Georgia,serif}.login-brand>a{position:relative;z-index:1;width:72px}.login-brand img{border-radius:50%}.login-brand>div{position:relative;z-index:1;max-width:720px}.login-brand p{color:var(--pink);font:700 .7rem ui-monospace,monospace;text-transform:uppercase;letter-spacing:.15em}.login-brand h1{margin:.5rem 0 1.5rem;font:500 clamp(3.4rem,6vw,7rem)/.96 Georgia,serif;letter-spacing:-.05em}.login-brand h1 em{color:var(--pink);font-weight:400}.login-brand span{color:rgb(255 255 255/.55);line-height:1.6}.login-card{padding:2rem;display:grid;place-items:center;background:var(--pink)}.login-card form{width:min(410px,100%);padding:clamp(2rem,4vw,3.5rem);border-radius:1.7rem;background:white;box-shadow:0 24px 70px rgb(4 39 74/.18)}.login-card h2{margin:.3rem 0 2rem;font:500 2.4rem Georgia,serif}.login-card label{display:grid;gap:.5rem}.login-card label span,.fields label>span{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.login-card input,.fields input,.fields textarea,.fields select{width:100%;border:1px solid var(--line);border-radius:.75rem;padding:.85rem;background:white}.login-card button,.primary,.guide-card button{border:0;border-radius:999px;background:var(--red);color:white;font-weight:750;padding:.85rem 1.25rem}.login-card button{width:100%;margin-top:1rem}.login-card .status{min-height:1.2rem;color:var(--red);font-size:.75rem;text-align:center}.login-card a{display:block;text-align:center;color:var(--muted);font-size:.75rem}.admin-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{position:fixed;z-index:10;inset:0 auto 0 0;width:260px;padding:1.5rem;background:var(--navy);color:white;display:flex;flex-direction:column}.admin-brand{display:flex;align-items:center;gap:.7rem;margin-bottom:3.5rem}.admin-brand img{width:44px;border-radius:50%}.admin-brand span{display:grid}.admin-brand strong{font:600 1.1rem Georgia,serif}.admin-brand small{margin-top:.2rem;color:rgb(255 255 255/.45);font-size:.58rem;text-transform:uppercase;letter-spacing:.1em}.sidebar nav{display:grid;gap:.3rem}.sidebar nav button,.logout{border:0;background:transparent;color:rgb(255 255 255/.56);min-height:48px;border-radius:.8rem;padding:0 1rem;text-align:left;font-size:.78rem;font-weight:650}.sidebar nav button span{margin-right:.8rem;color:rgb(255 255 255/.25);font:600 .6rem ui-monospace,monospace}.sidebar nav button.active,.sidebar nav button:hover{background:rgb(255 255 255/.09);color:white}.logout{margin-top:auto;color:var(--pink)}.workspace{grid-column:2;min-width:0}.topbar{height:86px;padding:0 clamp(1.25rem,4vw,4rem);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:rgb(255 255 255/.8);backdrop-filter:blur(12px)}.topbar div{display:grid}.topbar p{margin:0 0 .2rem;color:var(--muted);font-size:.63rem;text-transform:uppercase;letter-spacing:.08em}.topbar strong{font:500 1.15rem Georgia,serif}.topbar a{font-size:.72rem;font-weight:750}.menu-button{display:none}.page-status{position:fixed;z-index:30;right:2rem;top:1rem;padding:.8rem 1rem;border-radius:.75rem;background:var(--navy);color:white;font-size:.75rem;opacity:0;transform:translateY(-10px);pointer-events:none;transition:.2s}.page-status.show{opacity:1;transform:none}.panel{display:none;padding:clamp(2rem,5vw,5rem);max-width:1500px;margin:auto}.panel.active{display:block}.panel-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:2.5rem}.panel-title h1{margin:0;font:500 clamp(2.7rem,5vw,5rem)/1 Georgia,serif;letter-spacing:-.045em}.panel-title>span{color:var(--muted);font-size:.75rem}.panel-intro{max-width:650px;margin:-1rem 0 2rem;color:var(--muted);line-height:1.6}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.metric{min-height:190px;padding:1.4rem;border-radius:1.4rem;background:white;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.metric:first-child{background:var(--navy);color:white;border-color:transparent}.metric span{color:var(--muted);font-size:.68rem;font-weight:750;text-transform:uppercase;letter-spacing:.08em}.metric:first-child span{color:rgb(255 255 255/.5)}.metric strong{font:500 3.5rem Georgia,serif;font-variant-numeric:tabular-nums}.metric small{color:var(--red);font-size:.65rem}.skeleton{animation:pulse 1.4s infinite;background:#e8edef}@keyframes pulse{50%{opacity:.55}}.guide-card{margin-top:1rem;padding:clamp(2rem,4vw,4rem);border-radius:1.5rem;background:var(--pink);display:flex;align-items:end;justify-content:space-between;gap:2rem}.guide-card h2{margin:.3rem 0 1rem;font:500 clamp(2rem,4vw,4rem) Georgia,serif}.guide-card p:not(.eyebrow){max-width:600px;color:var(--muted);line-height:1.6}.content-list{display:grid;gap:.75rem}.list-row{min-height:100px;padding:1.2rem 1.4rem;border:1px solid var(--line);border-radius:1rem;background:white;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem}.list-row-main{min-width:0}.list-row h3{margin:0 0 .45rem;font:500 1.2rem Georgia,serif}.list-row p{margin:0;color:var(--muted);font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-meta{display:flex;gap:.5rem;margin-bottom:.5rem}.badge{padding:.28rem .48rem;border-radius:999px;background:var(--ice);color:var(--muted);font-size:.58rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.badge.live{background:#e3f5e8;color:#236c3a}.row-actions{display:flex;gap:.5rem}.row-actions button,.ghost{border:1px solid var(--line);border-radius:999px;background:white;padding:.6rem .85rem;font-size:.7rem;font-weight:750}.row-actions .delete{color:var(--red)}.empty{padding:3rem;border:1px dashed var(--line);border-radius:1rem;text-align:center;color:var(--muted)}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:1rem;background:white}table{width:100%;border-collapse:collapse;min-width:800px}th,td{text-align:left;padding:1rem 1.2rem;border-bottom:1px solid var(--line);font-size:.75rem}th{color:var(--muted);font-size:.62rem;text-transform:uppercase;letter-spacing:.08em}td strong{display:block;margin-bottom:.25rem}td small{color:var(--muted)}td select{padding:.5rem;border:1px solid var(--line);border-radius:.6rem;background:white}dialog{width:min(780px,calc(100% - 2rem));max-height:calc(100vh - 2rem);padding:0;border:0;border-radius:1.4rem;box-shadow:0 30px 100px rgb(0 0 0/.28)}dialog::backdrop{background:rgb(4 24 43/.62);backdrop-filter:blur(4px)}.editor{padding:1.5rem}.editor header,.editor footer{display:flex;align-items:center;justify-content:space-between}.editor header{padding-bottom:1.2rem;border-bottom:1px solid var(--line)}.editor h2{margin:0;font:500 2rem Georgia,serif}.editor header>button{width:44px;height:44px;border:0;background:transparent;font-size:1.8rem}.fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1.5rem 0}.fields label{display:grid;gap:.5rem}.fields .wide,.fields .check{grid-column:1/-1}.fields .check{display:flex;align-items:center}.fields .check input{width:auto}.fields textarea{resize:vertical;line-height:1.5}.editor footer{justify-content:flex-end;gap:.75rem;padding-top:1.2rem;border-top:1px solid var(--line)}
@media(max-width:980px){.admin-shell{grid-template-columns:1fr}.workspace{grid-column:1}.sidebar{transform:translateX(-100%);transition:transform .25s}.sidebar.open{transform:none}.topbar{padding:0 1.25rem}.menu-button{display:block;border:0;background:transparent;font-size:1.3rem}.metric-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.login-view{grid-template-columns:1fr}.login-brand{min-height:42vh}.login-brand h1{font-size:3rem}.login-card{padding:1rem}.metric-grid{grid-template-columns:1fr}.guide-card{align-items:flex-start;flex-direction:column}.panel-title{align-items:flex-start;gap:1rem}.fields{grid-template-columns:1fr}.fields label{grid-column:1!important}.topbar strong{display:none}.topbar a{font-size:.65rem}.list-row{grid-template-columns:1fr}.row-actions{justify-content:flex-end}}
.image-upload{position:relative;min-height:190px;border:1px dashed #b8c3c8;border-radius:1rem;background:var(--ice);overflow:hidden;display:grid;place-items:center;text-align:center;text-transform:none!important;cursor:pointer}.image-upload:hover{border-color:var(--red)}.image-upload img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.image-upload-portrait img{object-position:center 28%}.image-placeholder{display:grid;gap:.4rem;padding:2rem;position:relative;z-index:1}.image-placeholder strong{font-size:.85rem;text-transform:none}.image-placeholder small{color:var(--muted);font-size:.68rem;font-weight:500;text-transform:none}.image-upload input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.image-upload.has-image .image-placeholder{padding:.7rem 1rem;border-radius:999px;background:rgb(4 39 74/.82);color:white;backdrop-filter:blur(8px)}.image-upload.has-image .image-placeholder small{color:rgb(255 255 255/.7)}.row-with-image{grid-template-columns:64px minmax(0,1fr) auto}.row-thumb{width:64px;height:64px;border-radius:50%;object-fit:cover;background:var(--ice)}
@media(max-width:700px){.row-with-image{grid-template-columns:52px minmax(0,1fr)}.row-with-image .row-actions{grid-column:1/-1}.row-thumb{width:52px;height:52px}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.security-layout{display:grid;grid-template-columns:minmax(0,680px) minmax(260px,1fr);gap:1rem;align-items:start}.security-card,.security-note{border:1px solid var(--line);border-radius:1.4rem;background:white;padding:clamp(1.5rem,3vw,2.5rem)}.security-card{display:grid;gap:1.25rem}.security-card h2,.security-note h2{margin:.2rem 0 .6rem;font:500 clamp(1.7rem,3vw,2.4rem) Georgia,serif}.security-card>div>p:not(.eyebrow),.security-note p,.security-note small{color:var(--muted);line-height:1.6}.security-card label{display:grid;gap:.5rem}.security-card label>span{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.security-card input{width:100%;border:1px solid var(--line);border-radius:.75rem;padding:.85rem;background:white}.security-card label small{color:var(--muted);font-size:.7rem;line-height:1.5}.security-card .primary{justify-self:start;min-width:180px}.security-card button:disabled{opacity:.6;cursor:wait}.form-status{min-height:1.3rem;margin:0;font-size:.75rem}.form-status.error{color:var(--red)}.form-status.success{color:#236c3a}.security-note{background:var(--navy);color:white;display:flex;gap:1rem}.security-note>span{flex:0 0 44px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--pink);color:var(--navy);font-weight:900}.security-note h2{font-size:1.5rem}.security-note p{color:rgb(255 255 255/.72)}.security-note small{display:block;color:rgb(255 255 255/.48)}
@media(max-width:900px){.security-layout{grid-template-columns:1fr}}
.analytics-card{margin-top:1.5rem;padding:clamp(1.5rem,3vw,2.5rem);border:1px solid var(--line);border-radius:1.4rem;background:white}.analytics-card-head{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.analytics-card-head h2{margin:0;font:500 1.4rem Georgia,serif}.legend{display:flex;gap:1rem}.legend span{display:flex;align-items:center;gap:.4rem;color:var(--muted);font-size:.7rem;font-weight:650}.dot{width:9px;height:9px;border-radius:50%}.dot-chat{background:var(--navy)}.dot-lead{background:var(--red)}
.engagement-chart{display:flex;align-items:end;gap:.5rem;min-height:180px;overflow-x:auto;padding-bottom:.5rem}.engagement-col{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1 0 34px}.engagement-bars{display:flex;align-items:end;gap:.2rem;height:150px}.bar{width:9px;min-height:2px;border-radius:4px 4px 0 0}.bar-chat{background:var(--navy)}.bar-lead{background:var(--red)}.engagement-col small{color:var(--muted);font-size:.6rem;white-space:nowrap}
.funnel-bars{display:grid;gap:.9rem}.funnel-row{display:grid;grid-template-columns:100px 1fr 40px;align-items:center;gap:1rem;font-size:.78rem}.funnel-row span{color:var(--muted);font-weight:650}.funnel-track{height:10px;border-radius:999px;background:var(--ice);overflow:hidden}.funnel-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--navy),var(--red))}.funnel-row strong{text-align:right;font-variant-numeric:tabular-nums}
@media(max-width:700px){.funnel-row{grid-template-columns:80px 1fr 32px}}