:root{--ink:#102524;--muted:#667977;--nav:#073937;--teal:#0d8b80;--teal2:#14b8a6;--soft:#edf8f6;--canvas:#f3f6f5;--surface:#fff;--line:#dce7e5;--red:#b83b45;--amber:#a66512;--shadow:0 18px 50px rgba(8,48,45,.1);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--canvas);color:var(--ink)}button,input,select{font:inherit}.hidden{display:none!important}.login-screen{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.12fr) minmax(380px,.88fr);background:#fff}.login-story{display:flex;flex-direction:column;justify-content:space-between;padding:52px clamp(40px,7vw,110px);color:#fff;background:radial-gradient(circle at 80% 22%,rgba(52,211,196,.22),transparent 28%),linear-gradient(145deg,#052d2c,#0a5651 62%,#0d746c)}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand>span{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.38);border-radius:10px;background:rgba(255,255,255,.1);font-size:13px;font-weight:900}.login-story h1{max-width:650px;margin:10px 0 18px;font-size:clamp(46px,5vw,78px);line-height:.98}.login-story p{max-width:600px;color:#cfe7e4;font-size:18px;line-height:1.6}.kicker{margin:0;color:var(--teal);font-size:10px;font-weight:900;letter-spacing:.1em}.login-story .kicker{color:#6ee7d8}.login-card{align-self:center;width:min(430px,calc(100% - 48px));margin:auto;padding:38px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow)}.login-card h2{margin:10px 0;font-size:30px}.login-card>p:not(.kicker){color:var(--muted);line-height:1.5}.login-card label{display:grid;gap:7px;color:#425a57;font-size:12px;font-weight:800}.login-card input{min-height:46px;padding:0 13px;border:1px solid var(--line);border-radius:9px}.google-button,.primary-button{width:100%;min-height:46px;border:0;border-radius:9px;font-weight:850;cursor:pointer}.google-button{margin-top:20px;border:1px solid var(--line);background:#fff}.primary-button{color:#fff;background:var(--teal)}.divider{display:flex;align-items:center;gap:10px;margin:18px 0;color:#9aa7a5;font-size:11px}.divider:before,.divider:after{content:"";height:1px;flex:1;background:var(--line)}.status-text{min-height:20px;font-size:12px}.app-shell{min-height:100vh;display:grid;grid-template-columns:232px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:22px 12px;background:var(--nav);color:#fff}.sidebar-brand{padding:0 8px 24px}.sidebar-brand>span{width:40px;height:40px}.sidebar-brand div{display:grid}.sidebar-brand small{margin-top:3px;color:#8fc0bc;font-size:10px}.sidebar nav{display:grid;gap:4px}.sidebar nav button{min-height:42px;display:flex;align-items:center;gap:11px;padding:0 12px;border:0;border-radius:8px;color:#b9d6d3;background:transparent;font-size:12px;font-weight:750;text-align:left;cursor:pointer;transition:.18s ease}.sidebar nav button:hover{color:#fff;background:rgba(255,255,255,.07);transform:translateX(2px)}.sidebar nav button.active{color:#fff;background:#0d6962;box-shadow:inset 3px 0 #58e2d2}.sidebar svg,.icon-button svg{width:18px;height:18px}.sidebar-user{margin-top:auto;display:grid;grid-template-columns:34px minmax(0,1fr) 34px;gap:9px;align-items:center;padding:13px 8px 0;border-top:1px solid rgba(255,255,255,.13)}.sidebar-user>span{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;color:#063b37;background:#80eadf;font-weight:900}.sidebar-user div{min-width:0;display:grid}.sidebar-user strong{overflow:hidden;font-size:10px;text-overflow:ellipsis}.sidebar-user small{margin-top:3px;color:#8fc0bc;font-size:9px}.icon-button{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:9px;color:var(--ink);background:#fff;cursor:pointer}.sidebar .icon-button{width:34px;height:34px;border-color:rgba(255,255,255,.12);color:#d4e9e7;background:transparent}.workspace{min-width:0}.topbar{position:sticky;z-index:20;top:0;min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 28px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.92);backdrop-filter:blur(14px)}.topbar h1{margin:4px 0 2px;font-size:27px}.topbar>div>p:last-child{margin:0;color:var(--muted);font-size:12px}.top-actions{display:flex;align-items:center;gap:10px}.top-actions select{min-height:40px;padding:0 34px 0 12px;border:1px solid var(--line);border-radius:9px;color:var(--ink);background:#fff}.mobile-menu{display:none}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:22px 28px 0;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--line);box-shadow:0 5px 18px rgba(10,54,51,.04)}.stats article{display:grid;gap:5px;padding:18px;background:#fff}.stats strong{font-size:24px}.stats span{color:var(--muted);font-size:11px}.content{display:grid;gap:20px;padding:20px 28px 40px}.surface{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 8px 26px rgba(9,49,46,.05)}.surface>header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--line)}.surface h2{margin:0;font-size:18px}.surface header p{margin:5px 0 0;color:var(--muted);font-size:12px}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px}.product-card{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:14px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:10px;transition:.18s ease}.product-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(8,55,51,.09)}.product-mark{display:grid;place-items:center;width:54px;height:54px;border-radius:12px;color:#fff;background:linear-gradient(145deg,#13a899,#08746d);font-size:20px;font-weight:900}.product-mark.listo{background:linear-gradient(145deg,#3569c8,#7447d8)}.product-card h3{margin:0}.product-card p{margin:5px 0;color:var(--muted);font-size:11px}.product-card>a{grid-column:2/-1;display:inline-flex;align-items:center;gap:6px;color:var(--teal);font-size:11px;font-weight:850;text-decoration:none}.product-card>a svg{width:14px;height:14px}.badge{display:inline-flex;width:max-content;padding:5px 8px;border-radius:999px;color:#4e6663;background:#edf2f1;font-size:9px;font-weight:900;text-transform:uppercase}.badge.connected,.badge.published,.badge.paid,.badge.fulfilled,.badge.success,.badge.active{color:#12694f;background:#ddf5e9}.badge.separate,.badge.draft,.badge.pending_payment,.badge.unverified{color:var(--amber);background:#fff1d3}.badge.failed,.badge.denied,.badge.suspended{color:var(--red);background:#ffe8ea}.activity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:20px}.activity-grid article{display:grid;gap:8px;padding:18px;border-radius:10px;background:var(--soft)}.activity-grid span{color:var(--muted);font-size:11px}.activity-grid strong{font-size:25px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:13px 18px;border-top:1px solid #edf2f1;text-align:left;font-size:11px}th{border-top:0;color:#78908d;background:#f9fbfa;font-size:9px;text-transform:uppercase}td strong,td small{display:block}td small{margin-top:4px;color:var(--muted)}td a{color:var(--teal);font-weight:800}.empty{min-height:260px;display:grid;place-items:center;align-content:center;padding:36px;text-align:center}.empty h2,.empty h3{margin:0 0 7px}.empty p{max-width:480px;margin:0;color:var(--muted);line-height:1.5}.spinner{width:28px;height:28px;border:3px solid #d8efeb;border-top-color:var(--teal);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.config-list{display:grid}.config-row{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:12px;align-items:center;padding:16px 20px;border-top:1px solid var(--line)}.config-row:first-child{border-top:0}.config-dot{width:9px;height:9px;border-radius:50%;background:#d37a21}.config-dot.ok{background:#18a475}.config-row div{display:grid}.config-row small{margin-top:4px;color:var(--muted)}.config-row a{color:var(--teal);font-weight:800}.toast{position:fixed;right:20px;bottom:20px;padding:12px 15px;border-radius:8px;color:#fff;background:var(--nav);box-shadow:var(--shadow)}
@media(max-width:900px){.app-shell{grid-template-columns:78px minmax(0,1fr)}.sidebar-brand div,.sidebar nav span,.sidebar-user div{display:none}.sidebar nav button{justify-content:center}.sidebar-user{grid-template-columns:1fr}.sidebar-user>span{margin:auto}.sidebar-user .icon-button{margin:auto}.product-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.login-screen{display:block}.login-story{display:none}.login-card{width:calc(100% - 32px);margin:40px auto}.app-shell{display:block;padding-bottom:72px}.sidebar{position:fixed;z-index:60;inset:auto 0 0;width:auto;height:68px;padding:7px}.sidebar-brand,.sidebar-user{display:none}.sidebar nav{grid-template-columns:repeat(5,1fr);gap:2px;overflow-x:auto}.sidebar nav span{display:block}.sidebar nav button{min-width:65px;height:54px;flex-direction:column;justify-content:center;gap:3px;padding:4px;font-size:8px}.sidebar nav button:nth-child(n+6){display:none}.topbar{min-height:78px;padding:13px 15px}.topbar h1{font-size:20px}.topbar>div>p:last-child{display:none}.top-actions select{width:94px}.stats{margin:12px 12px 0}.stats article{padding:12px}.stats strong{font-size:18px}.content{padding:12px 12px 25px}.surface>header{padding:16px}.product-grid,.activity-grid{grid-template-columns:1fr;padding:13px}.product-card{grid-template-columns:46px minmax(0,1fr)}.product-card .badge{grid-column:2}.product-mark{width:46px;height:46px}.table-wrap{overflow:visible}table,tbody,tr,td{display:block;width:100%}thead{display:none}tr{padding:11px 14px;border-top:1px solid var(--line)}td{display:flex;justify-content:space-between;gap:14px;padding:7px 0;border:0}td:before{content:attr(data-label);color:#82918f;font-size:9px;font-weight:900;text-transform:uppercase}.surface{border-radius:10px}}

.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:20px}.template-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(17,53,50,.07);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.template-card:hover{transform:translateY(-4px);border-color:#a9cfca;box-shadow:0 18px 42px rgba(17,53,50,.14)}.template-card.disabled{background:#f7f8f8}.template-card.disabled .template-visual img{filter:grayscale(.8);opacity:.62}.template-visual{position:relative;height:210px;overflow:hidden;background:linear-gradient(145deg,#d9efec,#eef4ff)}.template-visual img{width:100%;height:100%;display:block;object-fit:cover;object-position:top center;transition:transform .35s ease}.template-card:hover .template-visual img{transform:scale(1.025)}.template-visual-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(3,31,29,.04),transparent 48%,rgba(3,31,29,.32))}.template-visual-top{position:absolute;inset:12px 12px auto;display:flex;align-items:center;justify-content:space-between;gap:8px}.template-maturity{padding:5px 8px;border-radius:999px;color:#fff;background:rgba(5,35,33,.72);font-size:9px;font-weight:900;text-transform:uppercase}.template-preview-link{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:8px;color:#fff;background:rgba(5,35,33,.82);font-size:10px;font-weight:850;text-decoration:none}.template-preview-link svg{width:14px;height:14px}.template-card-body{display:flex;min-height:235px;flex-direction:column;gap:12px;padding:16px}.template-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.template-card h3{margin:0;font-size:16px}.template-card p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.45}.template-meta{display:flex;flex-wrap:wrap;gap:6px}.template-audience{min-height:48px}.template-replacement{padding:8px;border-radius:8px;background:var(--soft)}.template-card footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:10px;border-top:1px solid var(--line)}.template-card footer small{overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.switch{position:relative;width:42px;height:24px;flex:0 0 auto}.switch input{position:absolute;opacity:0;pointer-events:none}.switch span{position:absolute;inset:0;border-radius:999px;background:#c8d2d0;transition:background .18s ease}.switch span:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.18);transition:transform .18s ease}.switch input:checked+span{background:var(--teal)}.switch input:checked+span:after{transform:translateX(18px)}.template-edit-button{width:34px;height:34px;flex:0 0 auto}.modal-backdrop{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px;background:rgba(5,31,30,.52);backdrop-filter:blur(7px)}.confirm-modal,.template-editor-modal{width:min(620px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:25px;border-radius:18px;background:#fff;box-shadow:0 30px 80px rgba(3,33,31,.28)}.confirm-modal{width:min(460px,100%)}.confirm-modal h2,.template-editor-heading h2{margin:0 0 8px}.confirm-modal>p{color:var(--muted);line-height:1.55}.confirm-modal label,.template-editor-form label{display:grid;gap:7px;color:#405451;font-size:12px;font-weight:850}.confirm-modal input,.template-editor-form input,.template-editor-form textarea,.template-editor-form select{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font:inherit}.template-editor-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.template-editor-form{display:grid;gap:15px}.template-editor-form small{color:var(--muted);font-weight:500}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.modal-actions button{width:auto;min-width:120px;min-height:42px;padding:0 16px;border-radius:9px;font-weight:850;cursor:pointer}.secondary-button{border:1px solid var(--line);background:#fff}.danger-button{border:0;color:#fff;background:var(--red)}
@media(max-width:900px){.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.sidebar{height:72px}.sidebar nav{display:flex;overflow-x:auto;scrollbar-width:none}.sidebar nav button,.sidebar nav button:nth-child(n+6){display:flex;min-width:68px;flex:0 0 auto}.template-grid{grid-template-columns:1fr;padding:13px}.template-visual{height:200px}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}}

/* Product access stays visible while each product keeps its own isolated admin. */
.google-button{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;color:#263331;box-shadow:0 1px 2px rgba(16,37,36,.05);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.google-button:hover{border-color:#b8c9c6;box-shadow:0 7px 18px rgba(8,48,45,.09);transform:translateY(-1px)}.google-button:focus-visible{outline:3px solid rgba(13,139,128,.2);outline-offset:3px}.google-mark{width:18px;height:18px;flex:0 0 18px}.nav-section-label{margin:16px 12px 5px;color:#6fa8a3;font-size:8px;font-weight:900;letter-spacing:.12em}.sidebar nav .product-nav-link{min-height:48px;display:grid;grid-template-columns:27px minmax(0,1fr) 15px;gap:10px;align-items:center;padding:7px 10px;border:1px solid rgba(111,231,216,.16);border-radius:9px;color:#e7fbf8;background:rgba(69,193,180,.08);font-size:11px;font-weight:800;text-decoration:none;transition:.18s ease}.sidebar nav .product-nav-link:hover{border-color:rgba(111,231,216,.35);background:rgba(69,193,180,.15);transform:translateX(2px)}.product-nav-mark{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;color:#fff;background:linear-gradient(145deg,#3569c8,#7447d8);font-size:11px;font-weight:950}.product-nav-link svg{width:14px;height:14px;color:#8fc0bc}
@media(max-width:900px) and (min-width:651px){.nav-section-label{display:none}.sidebar nav .product-nav-link{display:flex;justify-content:center;padding:7px}.product-nav-link>span:not(.product-nav-mark),.product-nav-link>svg{display:none}}
@media(max-width:650px){.nav-section-label{display:none}.sidebar nav .product-nav-link{min-width:86px;height:54px;display:flex;flex:0 0 auto;flex-direction:column;justify-content:center;gap:3px;padding:4px;font-size:8px}.product-nav-mark{width:20px;height:20px;border-radius:6px;font-size:9px}.product-nav-link>svg{display:none}}
.template-visual iframe{width:1440px;height:900px;border:0;pointer-events:none;transform:scale(.25);transform-origin:top left}.template-card.disabled .template-visual iframe{filter:grayscale(.8);opacity:.62}.table-danger{padding:7px 10px;border:1px solid #f0c5c9;border-radius:7px;color:var(--red);background:#fff7f8;font-size:10px;font-weight:850;cursor:pointer}