@import 'tailwindcss';
:root{--ink:#172033;--muted:#758093;--line:#e7eaf0;--brand:#5b43e6;--soft:#efedff;--bg:#f7f8fb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-geist-sans),Arial,sans-serif}button,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.shell{min-height:100vh}.side{position:fixed;inset:0 auto 0 0;width:252px;background:#fff;border-right:1px solid var(--line);padding:20px 14px;display:flex;flex-direction:column;z-index:30}.brand{height:40px;padding:0 9px;display:flex;align-items:center;gap:10px;font-size:19px}.brand>b{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--brand);color:#fff}.brand>button{display:none;margin-left:auto;border:0;background:none;font-size:25px}.workspace{margin:18px 4px 21px;padding:10px;display:grid;grid-template-columns:36px 1fr auto;gap:9px;align-items:center;background:#f7f7fb;border:1px solid #eeedf5;border-radius:11px}.workspace>span,.profile>span{width:36px;height:36px;border-radius:9px;background:#e7e3ff;color:var(--brand);display:grid;place-items:center;font-size:11px;font-weight:800}.workspace div,.profile div{min-width:0}.workspace strong,.profile strong{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace small,.profile small{font-size:10px;color:var(--muted);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace i,.profile i{font-style:normal;color:#8992a2;font-size:11px}.side nav>div{margin:2px 0}.side nav a,.side-bottom>a{height:38px;padding:0 11px;border-radius:8px;display:flex;align-items:center;gap:11px;font-size:12px;font-weight:550;color:#5c6678}.side nav a span{font-size:16px;width:17px;text-align:center}.side nav a:hover,.side nav a.active{background:var(--soft);color:var(--brand)}.side nav a.active{font-weight:750}.nav-label{font-size:9px;letter-spacing:.13em;color:#a0a8b7;padding:10px 11px 5px;display:block}.side-bottom{margin-top:auto}.profile{border-top:1px solid var(--line);padding:16px 8px 0;display:grid;grid-template-columns:36px 1fr auto;gap:9px;align-items:center}.profile>span{border-radius:50%;background:#eee8df;color:#795e43}main{margin-left:252px;min-width:0}.shell main>header{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 34px;position:sticky;top:0;z-index:20}.hamb{display:none;border:0;background:none;font-size:21px;margin-right:11px}.crumb{font-size:12px;color:#9099a8}.crumb b{color:#3c4658;margin-left:8px}.actions{margin-left:auto;display:flex;gap:8px}.actions>button:not(.primary),.phead>button,.row>button{border:0;background:transparent;color:#7b8597}.primary{border:1px solid #4f39d2;background:var(--brand);color:#fff;border-radius:9px;padding:10px 15px;font-size:11px;font-weight:750;box-shadow:0 3px 8px #5b43e633}.primary:hover{transform:translateY(-1px)}.page{max-width:1440px;margin:auto;padding:34px}.heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:25px}.heading small{font-size:9px;letter-spacing:.14em;font-weight:750;color:#a1a8b5}.heading h1{font-size:25px;letter-spacing:-.03em;margin:7px 0 5px}.heading p{margin:0;color:var(--muted);font-size:12px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.metric,.panel{background:#fff;border:1px solid var(--line);border-radius:13px}.metric{padding:18px;position:relative}.metric>i{position:absolute;right:17px;top:17px;width:31px;height:31px;border-radius:8px;background:#f2efff;color:var(--brand);display:grid;place-items:center;font-style:normal}.metric p{font-size:10px;color:#80899a;margin:0 0 11px}.metric div{display:flex;align-items:center;gap:8px}.metric div b{font-size:25px;letter-spacing:-.03em}.metric div span{font-size:9px;padding:3px 5px;border-radius:5px;background:#e8f8ef;color:#238557;font-weight:700}.metric small{font-size:9px;color:#a0a7b3}.grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(250px,.65fr);gap:16px;margin-bottom:16px}.panel{padding:20px}.phead{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.phead h2{font-size:13px;margin:0 0 4px}.phead p{font-size:9px;margin:0;color:#8c95a5}.phead select{border:1px solid var(--line);border-radius:7px;background:#fff;padding:7px 10px;font-size:9px;color:#586174}.chart{height:222px;margin-top:21px;display:flex;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,#fff 0,#fff 54px,#edf0f4 55px)}.y{width:34px;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:4px;font-size:8px;color:#a4acb8}.bars{display:flex;align-items:flex-end;gap:clamp(5px,1vw,13px);flex:1;height:100%;padding:0 4px}.bw{height:100%;flex:1;display:flex;align-items:flex-end;position:relative}.bar{width:100%;min-width:7px;background:#7661eb;border-radius:4px 4px 0 0;position:relative}.bar:hover{background:#513cda}.bar span{display:none;position:absolute;top:-23px;left:50%;transform:translateX(-50%);background:#252b38;color:#fff;font-size:8px;padding:3px 5px;border-radius:4px}.bar:hover span{display:block}.bw small{position:absolute;bottom:-19px;left:50%;transform:translateX(-50%);font-size:7px;color:#a1a8b4;white-space:nowrap}.total{margin-top:28px;display:flex;align-items:center;justify-content:flex-end;gap:5px;font-size:9px;color:#8d95a3}.total i{width:6px;height:6px;border-radius:50%;background:#7661eb}.top{text-align:center}.preview{width:110px;height:110px;padding:11px;background:#f8f8fb;border-radius:12px;margin:17px auto 11px;position:relative}.preview>span{position:absolute;right:-6px;top:-6px;background:#efad42;color:#fff;border:3px solid white;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;font-size:9px;font-weight:800}.qr{display:grid;grid-template-columns:repeat(9,1fr);gap:2px;width:100%;height:100%;background:#fff;padding:3px}.qr i{background:currentColor;border-radius:1px}.qr.small{width:38px;height:38px;gap:1px;border:1px solid #eff0f3;border-radius:6px;padding:4px;flex:none}.top h3{font-size:12px;margin:0 0 4px}.top>p{font-size:8px;color:#9098a6;margin:0 0 14px}.count{font-size:9px;color:#929aa7}.count b{font-size:23px;color:var(--ink);margin-right:5px}.progress{height:4px;background:#eceef3;border-radius:10px;margin:11px 0 6px;overflow:hidden}.progress i{height:100%;width:78%;display:block;background:#6d55e9}.top>small{font-size:8px;color:#29915e}.secondary{border:1px solid var(--line)!important;background:#fff!important;border-radius:8px!important;padding:8px 11px!important;color:#4e596b!important;font-size:9px!important;font-weight:700!important}.top .secondary{width:100%;margin-top:15px}.recent{padding-bottom:5px}.thead,.row{display:grid;grid-template-columns:minmax(220px,2fr) .7fr .7fr .55fr .8fr 24px;gap:12px;align-items:center}.thead{margin-top:18px;padding:9px 10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:8px;color:#9aa2af}.row{min-height:61px;padding:9px 10px;border-bottom:1px solid #f0f1f4;font-size:9px}.qname{display:flex;align-items:center;gap:11px;min-width:0}.qname div{min-width:0}.qname b,.qname small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qname b{font-size:10px;margin-bottom:3px}.qname small,.muted{color:#929aa7}.badge{justify-self:start;border-radius:5px;padding:4px 6px;background:#edeaff;color:#684fdd;font-size:8px;font-weight:700}.badge.neutral{background:#f0f2f5;color:#70798a}.status{display:flex;align-items:center;gap:5px}.status i{width:5px;height:5px;border-radius:50%;background:#26a76a}.scrim{display:none}
@media(max-width:1050px){.metrics{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.thead{display:none}.row{grid-template-columns:minmax(180px,1fr) .6fr .6fr 30px}.row>.muted,.row>b{display:none}}
@media(max-width:760px){.side{transform:translateX(-102%);transition:.25s;width:min(86vw,280px)}.side.open{transform:none}.scrim{display:block;position:fixed;inset:0;border:0;background:#17203366;z-index:25}.brand>button,.hamb{display:block}main{margin-left:0}.shell main>header{padding:0 16px}.crumb span,.actions>button:not(.primary){display:none}.page{padding:23px 16px}.heading>.primary{display:none}.metrics{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:15px}.metric div b{font-size:21px}.panel{padding:16px}.row{grid-template-columns:minmax(0,1fr) auto 24px}.row .status{display:none}}
@media(max-width:390px){.metrics{grid-template-columns:1fr}.actions .primary{font-size:0;padding:9px}.actions .primary:first-letter{font-size:14px}.bars{gap:4px}.heading h1{font-size:22px}}
.creator{min-height:100vh;background:#f7f8fb}.creator>header{height:68px;background:white;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 32px}.creator>header>a{font-size:12px;color:#697487}.creator>header>b{font-size:13px}.creator>header>.primary{justify-self:end}.creator-body{max-width:1180px;margin:auto;padding:35px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:24px}.editor>h1{font-size:27px;margin:25px 0 4px}.editor>p{font-size:12px;color:var(--muted);margin:0 0 22px}.steps{display:flex;align-items:center;color:#8c95a4;font-size:10px}.steps b{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:var(--brand);color:white}.steps span{margin-left:6px}.steps i{height:1px;background:#dcdfe6;flex:1;margin:0 10px}.form-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px;margin-bottom:14px}.form-card h2{font-size:13px;margin:0 0 17px}.form-card label{display:block;font-size:10px;font-weight:700;color:#566174;margin-bottom:14px}.form-card input:not([type=color]){display:block;width:100%;height:42px;border:1px solid #dfe3e9;border-radius:8px;padding:0 12px;margin-top:7px;outline:none}.form-card input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #5b43e614}.type-toggle{display:grid;grid-template-columns:1fr 1fr;gap:10px}.type-toggle button{background:#fff;border:1px solid var(--line);border-radius:9px;text-align:left;padding:13px;color:#697386}.type-toggle button.selected{border-color:var(--brand);background:#f5f3ff;color:var(--brand)}.type-toggle b,.type-toggle small{display:block}.type-toggle b{font-size:11px;margin-bottom:4px}.type-toggle small{font-size:8px}.colors{display:grid;grid-template-columns:1fr 1fr;gap:12px}.colors label{border:1px solid var(--line);border-radius:9px;padding:10px;margin:0}.colors input{width:100%;height:32px;border:0;background:none;margin-top:7px}.safe{font-size:9px;color:#238557;background:#eaf8f0;border-radius:7px;padding:9px}.live{position:sticky;top:92px;align-self:start;background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}.live-head{display:flex;justify-content:space-between}.live-head b,.live-head small{display:block}.live-head b{font-size:12px}.live-head small{font-size:8px;color:var(--muted);margin-top:3px}.live-head>i{font-style:normal;font-size:8px;color:#238557}.qr-stage{margin:24px auto;background:#f4f5f8;border-radius:15px;padding:26px;width:min(100%,330px);text-align:center}.generated{background:white;padding:12px;border-radius:10px}.generated svg{display:block;width:100%;height:auto}.qr-stage>b{display:inline-block;margin-top:12px;background:#172033;color:white;padding:7px 17px;border-radius:6px;font-size:10px}.quality{font-size:9px;display:grid;grid-template-columns:1fr auto;gap:5px}.quality>b{color:#238557}.quality>i{grid-column:1/-1;height:5px;background:#edf0f3;border-radius:9px}.quality u{display:block;width:92%;height:100%;background:#33a66c;border-radius:9px}.export{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.export button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px;font-size:9px;font-weight:700}.export button:first-child{background:var(--brand);color:#fff;border-color:var(--brand)}.hint{display:block;text-align:center;color:#9aa2ae;font-size:8px;margin-top:13px}.notice{padding:11px;border-radius:8px;background:#fff0f0;color:#aa3c3c;font-size:10px}.notice.success{background:#eaf8f0;color:#238557}@media(max-width:800px){.creator>header{padding:0 15px;grid-template-columns:1fr 1fr}.creator>header>b{display:none}.creator-body{padding:20px 15px;grid-template-columns:1fr}.live{position:static}.creator>header>.primary{font-size:9px}.colors,.type-toggle{grid-template-columns:1fr}}@media print{.creator>header,.editor,.live-head,.quality,.export,.hint{display:none}.creator-body{display:block}.live{border:0}.qr-stage{background:white}}
.library{max-width:1240px;margin:auto;padding:36px}.library>header{display:grid;grid-template-columns:150px 1fr auto;align-items:center;margin-bottom:28px}.library>header>a:first-child{font-size:11px;color:var(--muted)}.library h1{font-size:25px;margin:0 0 4px}.library header p{font-size:11px;color:var(--muted);margin:0}.lib-toolbar{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;display:grid;grid-template-columns:1fr 180px 180px;gap:9px;margin-bottom:17px}.lib-toolbar input,.lib-toolbar select{height:39px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 11px;font-size:10px;color:#596477}.qr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.qr-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:16px;display:grid;grid-template-columns:92px 1fr;gap:14px}.card-qr{width:92px;height:92px;padding:7px;border:1px solid #eef0f4;border-radius:9px}.card-qr svg{width:100%;height:100%}.card-copy{min-width:0}.card-title{display:flex;justify-content:space-between;gap:10px}.card-title>b{font-size:12px}.card-title>span{font-size:8px;padding:4px 6px;border-radius:6px;background:#eaf8f0;color:#238557}.card-title>span.off{background:#fff2dc;color:#a56b10}.card-copy>p{font-size:9px;color:#8791a0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-meta{display:flex;justify-content:space-between;border-top:1px solid #f0f1f4;padding-top:10px;font-size:9px}.card-meta span{color:var(--brand)}.card-actions{grid-column:1/-1;border-top:1px solid #f0f1f4;padding-top:11px;display:flex;gap:7px;flex-wrap:wrap}.card-actions a,.card-actions button{border:1px solid var(--line);background:white;border-radius:7px;padding:7px 9px;font-size:8px;color:#596476}.card-actions .danger{margin-left:auto;color:#b84040}.empty{background:white;border:1px solid var(--line);border-radius:13px;text-align:center;padding:80px 20px;color:var(--muted);font-size:12px}.empty b{display:block;color:var(--ink);font-size:16px}.empty .primary{display:inline-block;margin-top:12px;color:white}@media(max-width:760px){.library{padding:22px 15px}.library>header{grid-template-columns:1fr auto}.library>header>a:first-child{grid-column:1/-1;margin-bottom:18px}.library header p{display:none}.lib-toolbar{grid-template-columns:1fr}.qr-grid{grid-template-columns:1fr}.qr-card{grid-template-columns:75px 1fr}.card-qr{width:75px;height:75px}}

/* Phase 2 — creation, design, export and QR management */
.kind-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kind-grid button{display:flex;align-items:center;gap:11px;text-align:left;border:1px solid var(--line);border-radius:10px;background:#fff;padding:13px;color:#657084}.kind-grid button>i{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:#f2f0ff;color:var(--brand);font-style:normal;font-weight:800}.kind-grid button b,.kind-grid button small{display:block}.kind-grid button b{font-size:10px;color:var(--ink);margin-bottom:3px}.kind-grid button small{font-size:8px}.kind-grid button.selected{border-color:var(--brand);box-shadow:0 0 0 3px #5b43e612;background:#faf9ff}.form-card textarea,.form-card select,.edit-modal input,.edit-modal select{display:block;width:100%;border:1px solid #dfe3e9;border-radius:8px;background:#fff;padding:10px 12px;margin-top:7px;outline:none;color:var(--ink)}.form-card textarea{min-height:88px;resize:vertical}.form-card select,.edit-modal select{height:42px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check{display:flex!important;align-items:center;gap:8px;font-weight:550!important}.check input{width:15px!important;height:15px!important;margin:0!important}.colors label span{display:block;color:var(--muted);font-size:8px;margin-top:4px;text-align:center}.range{width:100%;accent-color:var(--brand);margin-top:10px}.unsafe{font-size:9px;color:#ae493d;background:#fff0ee;border-radius:7px;padding:9px}.notice{display:flex;justify-content:space-between;align-items:center}.notice a{font-weight:800;text-decoration:underline}.primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.quality .bad{color:#ae493d}.export-settings{margin-top:17px}.export-settings label{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:var(--muted)}.export-settings select{border:1px solid var(--line);border-radius:7px;background:#fff;padding:7px;font-size:9px}.export button:first-child,.export button:nth-child(2){background:var(--brand);color:#fff;border-color:var(--brand)}.feedback{display:flex;justify-content:space-between;align-items:center;border-radius:9px;padding:11px 14px;margin-bottom:13px;font-size:10px}.feedback.success{background:#eaf8f0;color:#238557}.feedback.error{background:#fff0ee;color:#ae493d}.feedback button{border:0;background:transparent;color:inherit;font-size:18px}.lib-toolbar{grid-template-columns:minmax(220px,1fr) 160px 160px auto}.view-toggle{display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}.view-toggle button{width:37px;border:0;background:#fff;color:#8a94a5}.view-toggle button.active{background:var(--soft);color:var(--brand)}.card-title>span.archived{background:#eef0f4;color:#727c8d}.qr-list{display:grid;gap:9px}.qr-list .qr-card{grid-template-columns:72px minmax(180px,1fr) minmax(320px,auto);align-items:center}.qr-list .card-qr{width:64px;height:64px}.qr-list .card-actions{grid-column:auto;border:0;padding:0;justify-content:flex-end}.loader{display:inline-block;width:14px;height:14px;border:2px solid #ddd;border-top-color:var(--brand);border-radius:50%;animation:spin .7s linear infinite;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{position:fixed;inset:0;background:#11182780;display:grid;place-items:center;padding:18px;z-index:50}.edit-modal{width:min(520px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:15px;padding:22px;box-shadow:0 24px 70px #11182733}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.modal-head small{font-size:8px;letter-spacing:.12em;color:var(--muted)}.modal-head h2{font-size:17px;margin:4px 0 0}.modal-head>button{border:0;background:#f3f4f6;border-radius:8px;width:31px;height:31px;font-size:19px}.edit-modal>label{display:block;font-size:10px;font-weight:700;color:#566174;margin:12px 0}.edit-modal>label small{display:block;color:#9aa2af;font-size:8px;margin-top:5px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}
@media(max-width:900px){.qr-list .qr-card{grid-template-columns:72px 1fr}.qr-list .card-actions{grid-column:1/-1}.lib-toolbar{grid-template-columns:1fr 1fr}.lib-toolbar input{grid-column:1/-1}.view-toggle{justify-self:end}}
@media(max-width:600px){.kind-grid,.field-row{grid-template-columns:1fr}.creator-body{padding-inline:12px}.form-card{padding:16px}.lib-toolbar{grid-template-columns:1fr}.lib-toolbar input{grid-column:auto}.view-toggle{justify-self:stretch}.view-toggle button{flex:1}.card-actions .danger{margin-left:0}.qr-list .qr-card{grid-template-columns:68px minmax(0,1fr)}}

/* Phase 3 — dynamic redirects and analytics */
.card-actions .analytics-link{background:var(--soft);border-color:#dcd7ff;color:var(--brand);font-weight:800}.analytics-page{max-width:1260px;margin:auto;padding:36px}.analytics-page>header{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:24px}.analytics-page>header a{font-size:10px;color:var(--muted)}.analytics-page h1{font-size:27px;margin:10px 0 4px}.analytics-page>header p,.analytics-card>p{font-size:10px;color:var(--muted);margin:0}.analytics-controls{display:flex;align-items:center;gap:10px}.analytics-controls select{height:38px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 10px;color:#596477}.analytics-status{font-size:8px;font-weight:800;padding:7px 9px;border-radius:7px;background:#eaf8f0;color:#238557}.analytics-status.paused{background:#fff2dc;color:#a56b10}.analytics-status.archived{background:#eef0f4;color:#727c8d}.analytics-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:14px}.analytics-metrics article,.analytics-card{background:#fff;border:1px solid var(--line);border-radius:13px}.analytics-metrics article{padding:18px}.analytics-metrics span{display:block;font-size:9px;color:var(--muted);margin-bottom:8px}.analytics-metrics b{font-size:26px}.analytics-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(290px,.7fr);gap:14px;margin-bottom:14px}.analytics-card{padding:20px}.analytics-card h2{font-size:13px;margin:0 0 4px}.analytics-chart{height:245px;margin-top:22px;padding:12px 4px 20px;display:flex;align-items:flex-end;gap:4px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,#fff 0,#fff 55px,#edf0f4 56px)}.analytics-bar{height:100%;flex:1;display:flex;align-items:flex-end;position:relative;min-width:2px}.analytics-bar i{width:100%;display:block;background:linear-gradient(#8b78f2,#5b43e6);border-radius:4px 4px 0 0}.analytics-bar small{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);font-size:7px;color:#99a2b0;white-space:nowrap}.destination-card label{display:block;font-size:9px;font-weight:700;color:#657084;margin-top:17px}.destination-card input{width:100%;height:39px;border:1px solid var(--line);border-radius:8px;padding:0 10px;margin-top:6px;color:var(--ink);background:#fff}.destination-card>.primary{margin-top:12px;width:100%}.copy-row{display:grid;grid-template-columns:1fr auto;gap:6px}.copy-row button{align-self:end;height:39px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--brand);font-size:9px;font-weight:800}.breakdown-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}.breakdown>div{margin-top:14px}.breakdown span{display:flex;justify-content:space-between;gap:8px;font-size:9px}.breakdown span small{color:var(--muted)}.breakdown>div>i{height:5px;background:#eef0f4;display:block;border-radius:8px;margin-top:7px;overflow:hidden}.breakdown u{height:100%;display:block;background:var(--brand);border-radius:8px}.history-card{margin-bottom:24px}.history-row{display:grid;grid-template-columns:10px 1fr auto;gap:11px;align-items:center;padding:13px 2px;border-top:1px solid #f0f1f4}.history-row:first-of-type{margin-top:14px}.history-row>i{width:8px;height:8px;border-radius:50%;background:var(--brand)}.history-row b,.history-row small{display:block;max-width:720px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-row b{font-size:10px}.history-row small,.history-row time{font-size:8px;color:var(--muted);margin-top:3px}@media(max-width:960px){.analytics-layout{grid-template-columns:1fr}.breakdown-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.analytics-page{padding:22px 14px}.analytics-page>header{align-items:flex-start;flex-direction:column}.analytics-metrics{grid-template-columns:1fr 1fr}.breakdown-grid{grid-template-columns:1fr}.analytics-card{padding:16px}.analytics-chart{height:210px}.history-row{grid-template-columns:10px 1fr}.history-row time{grid-column:2}.copy-row{grid-template-columns:1fr}.copy-row button{width:100%}}

/* Phase 4 — campaigns, folders, tags and templates */
.organize-page{max-width:1200px;margin:auto;padding:36px}.organize-page>header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.organize-page>header a:first-child{font-size:10px;color:var(--muted)}.organize-page h1{font-size:27px;margin:10px 0 4px}.organize-page>header p{font-size:11px;color:var(--muted);margin:0}.organize-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:18px;overflow:auto}.organize-tabs button{border:0;background:none;padding:12px 14px;font-size:10px;color:#717b8c;border-bottom:2px solid transparent;white-space:nowrap}.organize-tabs button.active{color:var(--brand);border-color:var(--brand);font-weight:800}.organize-tabs small{margin-left:6px;background:#eef0f4;border-radius:10px;padding:2px 6px}.create-organizer{display:grid;grid-template-columns:1fr minmax(250px,360px) auto;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px;margin-bottom:14px}.create-organizer h2{font-size:13px;margin:0 0 4px}.create-organizer p{font-size:9px;color:var(--muted);margin:0}.create-organizer input{height:41px;border:1px solid var(--line);border-radius:8px;padding:0 11px}.organizer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.organizer-grid>.empty{grid-column:1/-1}.organizer-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;display:grid;grid-template-columns:42px 1fr auto auto;gap:10px;align-items:center}.organizer-card>i{width:37px;height:37px;display:grid;place-items:center;background:var(--soft);border-radius:9px;color:var(--brand);font-style:normal;font-weight:800}.organizer-card b,.organizer-card small{display:block}.organizer-card b{font-size:11px}.organizer-card small{font-size:8px;color:var(--muted);margin-top:4px}.organizer-card>a{font-size:8px;color:var(--brand);font-weight:800}.organizer-card>button{border:0;background:none;color:#a0a7b3;font-size:17px}.template-preview{width:42px;height:42px;border:1px solid var(--line);border-radius:8px;display:grid;place-items:center;position:relative;overflow:hidden}.template-preview i{font-style:normal;font-size:22px}.template-preview span{position:absolute;bottom:0;inset-inline:0;text-align:center;font-size:5px;padding:2px}.assignment-list{display:grid;gap:9px}.assignment-list>article{display:grid;grid-template-columns:minmax(180px,1.2fr) 1fr 1fr minmax(190px,1.4fr);gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:11px;padding:14px}.assignment-list b,.assignment-list small{display:block}.assignment-list b{font-size:11px}.assignment-list small{font-size:8px;color:var(--muted);margin-top:4px}.assignment-list label{font-size:8px;color:var(--muted)}.assignment-list select{width:100%;height:36px;border:1px solid var(--line);border-radius:7px;background:#fff;padding:0 8px;margin-top:4px;font-size:9px}.tag-picker{display:flex;gap:5px;flex-wrap:wrap}.tag-picker button,.create-tags button{border:1px solid var(--line);background:#fff;border-radius:12px;padding:5px 8px;font-size:8px;color:#6c7687}.tag-picker button.selected,.create-tags button.selected{background:var(--soft);color:var(--brand);border-color:#d7d1ff}.create-tags{display:flex;flex-wrap:wrap;gap:6px;margin:7px 0 12px}.manage-link{display:inline-block;font-size:9px;color:var(--brand);font-weight:700}.card-labels{display:flex;gap:4px;flex-wrap:wrap;margin:5px 0 8px}.card-labels span{font-size:7px;padding:3px 5px;border-radius:8px;background:#f1efff;color:var(--brand)}@media(max-width:900px){.organizer-grid{grid-template-columns:1fr 1fr}.assignment-list>article{grid-template-columns:1fr 1fr}.tag-picker{grid-column:1/-1}}@media(max-width:620px){.organize-page{padding:22px 14px}.organize-page>header{align-items:flex-start;gap:15px}.create-organizer{grid-template-columns:1fr}.organizer-grid{grid-template-columns:1fr}.assignment-list>article{grid-template-columns:1fr}.tag-picker{grid-column:auto}}

/* Phase 5 — plans, domains and admin */
.settings-page{max-width:1180px;margin:auto;padding:36px}.settings-page>header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px}.settings-page>header a,.settings-page>a{font-size:10px;color:var(--muted)}.settings-page h1{font-size:27px;margin:10px 0 4px}.settings-page>header p{font-size:11px;color:var(--muted);margin:0}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.plans-grid article{background:#fff;border:1px solid var(--line);border-radius:15px;padding:24px;position:relative}.plans-grid article.featured{border-color:var(--brand);box-shadow:0 10px 35px #5b43e618}.plans-grid em{position:absolute;top:14px;right:14px;font-size:7px;font-style:normal;color:var(--brand);background:var(--soft);border-radius:10px;padding:4px 7px}.plans-grid h2{font-size:18px;margin:0 0 5px}.plans-grid p{font-size:9px;color:var(--muted)}.plans-grid strong{display:block;font-size:28px;margin:24px 0}.plans-grid strong small{font-size:9px;color:var(--muted)}.plans-grid ul{list-style:none;padding:0;margin:0 0 24px}.plans-grid li{font-size:10px;padding:7px 0;border-bottom:1px solid #f1f2f5}.plans-grid button{width:100%}.billing-note{text-align:center;color:var(--muted);font-size:9px;margin:18px}.domain-add{display:grid;grid-template-columns:1fr minmax(260px,400px) auto;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px;margin-bottom:14px}.domain-add h2{font-size:13px;margin:0 0 4px}.domain-add p{font-size:9px;color:var(--muted);margin:0}.domain-add input{height:41px;border:1px solid var(--line);border-radius:8px;padding:0 11px}.domain-list{display:grid;gap:10px}.domain-list article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px}.domain-list article>div{display:flex;align-items:center;gap:8px}.domain-list b{font-size:12px}.domain-list p{font-size:9px;color:var(--muted)}.domain-list code{background:#f3f4f7;color:#4d586a;border-radius:5px;padding:3px 5px}.domain-active,.domain-pending{font-size:7px;border-radius:8px;padding:4px 6px;background:#eaf8f0;color:#238557}.domain-pending{background:#fff2dc;color:#a56b10}.admin-badge{font-size:8px;color:white;background:var(--brand);padding:7px 10px;border-radius:7px}.admin-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.admin-metrics article,.admin-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px}.admin-metrics span{display:block;color:var(--muted);font-size:9px;margin-bottom:8px}.admin-metrics b{font-size:25px}.admin-card{margin-bottom:14px}.admin-card h2{font-size:13px;margin:0 0 14px}.admin-head,.admin-row{display:grid;grid-template-columns:1.5fr .5fr .6fr .6fr;gap:12px;align-items:center}.admin-head{font-size:7px;color:var(--muted);border-bottom:1px solid var(--line);padding:8px}.admin-row{padding:11px 8px;border-bottom:1px solid #f1f2f5;font-size:9px}.admin-row b,.admin-row small{display:block}.admin-row small{color:var(--muted);margin-top:3px}.admin-row select{height:31px;border:1px solid var(--line);border-radius:6px;background:#fff;font-size:8px}.admin-split{display:grid;grid-template-columns:1fr 1fr;gap:14px}.admin-card>p{display:flex;justify-content:space-between;border-bottom:1px solid #f1f2f5;padding:9px 0;margin:0;font-size:9px}.admin-card>p small,.admin-card>p span{color:var(--muted)}:focus-visible{outline:3px solid #5b43e638;outline-offset:2px}@media(max-width:780px){.plans-grid{grid-template-columns:1fr}.domain-add{grid-template-columns:1fr}.admin-metrics{grid-template-columns:1fr 1fr}.admin-split{grid-template-columns:1fr}.admin-head{display:none}.admin-row{grid-template-columns:1fr auto}.admin-row select{grid-column:1}.settings-page{padding:22px 14px}}

/* Public marketing homepage */
.marketing-home{--hp:#6647ed;--hd:#4d31ce;min-height:100vh;background:#fff;color:#10182b;font-family:Arial,sans-serif}.home-nav{height:78px;max-width:1220px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:#fff}.home-logo{display:flex;align-items:center;gap:10px;font-size:19px}.home-logo span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--hp);color:white;font-weight:900}.home-nav>nav,.home-actions{display:flex;align-items:center;gap:30px}.home-nav>nav a,.home-login{font-size:13px;color:#566077;font-weight:600}.home-nav>nav a:hover,.home-login:hover{color:var(--hp)}.home-actions{gap:18px}.home-button{min-height:50px;padding:0 23px;border-radius:10px;background:var(--hp);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:18px;font-size:13px;font-weight:800;box-shadow:0 12px 30px #6647ed2e;transition:.2s ease}.home-button:hover{background:var(--hd);transform:translateY(-2px)}.home-button.small{min-height:42px;padding:0 17px;gap:10px;font-size:12px}.home-hero{min-height:640px;padding:78px max(24px,calc((100vw - 1172px)/2)) 86px;display:grid;grid-template-columns:.91fr 1.09fr;align-items:center;gap:56px;background:linear-gradient(135deg,#f8f7ff 0%,#fff 48%,#f6f5ff 100%);overflow:hidden;position:relative}.hero-copy,.hero-product{position:relative;z-index:2}.home-kicker{display:inline-flex;align-items:center;gap:9px;border:1px solid #e5e1ff;background:#fff;color:#614ad2;border-radius:20px;padding:8px 13px;font-size:10px;font-weight:750}.home-kicker i{width:7px;height:7px;border-radius:50%;background:#85d85b;box-shadow:0 0 0 4px #85d85b24}.hero-copy h1{font-size:clamp(43px,5vw,69px);line-height:1.04;letter-spacing:-.052em;margin:24px 0 20px;max-width:630px}.hero-copy h1 em{font-style:normal;color:var(--hp)}.hero-copy>p{max-width:555px;font-size:17px;line-height:1.65;color:#69738a;margin:0}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:32px}.home-play{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:800}.home-play i{width:35px;height:35px;border:1px solid #dfe2ea;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:9px;color:var(--hp)}.hero-trust{display:flex;gap:20px;flex-wrap:wrap;margin-top:26px;color:#7a8396;font-size:9px}.hero-trust b{color:#4ead74;margin-right:4px}.hero-glow{position:absolute;border-radius:50%}.hero-glow.one{width:380px;height:380px;right:7%;top:16%;background:#ede9ff}.hero-glow.two{width:170px;height:170px;right:37%;bottom:-70px;background:#e7f5ae88}.product-window{background:#fff;border:1px solid #e5e4ee;border-radius:16px;box-shadow:0 35px 90px #28204b21;overflow:hidden}.window-top{height:38px;background:#f7f7fa;border-bottom:1px solid #ececf1;display:flex;align-items:center;gap:5px;padding:0 12px}.window-top>span{width:7px;height:7px;border-radius:50%;background:#fd7b73}.window-top>span:nth-child(2){background:#f4c65a}.window-top>span:nth-child(3){background:#69cf86}.window-top small{margin:auto;color:#9aa1b0;font-size:7px}.window-body{min-height:385px;display:grid;grid-template-columns:55px 1fr}.window-body>aside{background:#171c2d;padding:15px 10px;display:flex;align-items:center;flex-direction:column;gap:16px}.mini-logo{width:25px;height:25px;border-radius:7px;background:var(--hp);color:#fff;display:grid;place-items:center;font-size:10px;font-weight:900;margin-bottom:9px}.window-body>aside i{font-style:normal;color:#778095;width:28px;height:28px;display:grid;place-items:center;border-radius:7px;font-size:11px}.window-body>aside i.selected{color:#fff;background:#694cf0}.creator-mock{padding:24px;background:#fbfbfd}.mock-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.mock-head small,.mock-head b{display:block}.mock-head small{font-size:6px;color:#8c94a4;letter-spacing:.12em}.mock-head b{font-size:14px;margin-top:5px}.mock-head>span{font-size:7px;background:var(--hp);color:#fff;padding:7px 11px;border-radius:6px}.mock-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:12px}.mock-form,.mock-preview{background:#fff;border:1px solid #e9eaf0;border-radius:10px;padding:17px}.mock-form label{display:block;font-size:6px;font-weight:800;color:#697285;margin:0 0 5px}.mock-form>div{font-size:7px;border:1px solid #e6e7ed;border-radius:5px;padding:8px;margin-bottom:11px;color:#8b92a0}.mock-form section{display:flex;gap:7px;margin:8px 0 14px}.mock-form section i{width:17px;height:17px;border-radius:50%;background:#172033}.mock-form section i:nth-child(2){background:#6448ec}.mock-form section i:nth-child(3){background:#eb6a60}.mock-form section i:nth-child(4){background:#4ead74}.mock-form button{width:100%;border:0;border-radius:5px;background:var(--hp);color:#fff;padding:9px;font-size:7px;font-weight:800}.mock-preview{text-align:center;display:flex;flex-direction:column;align-items:center}.mock-preview>span{font-size:5px;color:#949baa;letter-spacing:.12em}.mock-preview>b{font-size:6px;margin-top:11px;background:#181e30;color:#fff;border-radius:3px;padding:5px 10px}.mock-preview>small{font-size:5px;color:#9ba1ad;margin-top:6px}.home-qr{width:105px;height:105px;margin-top:22px;display:grid;grid-template-columns:repeat(5,1fr);gap:3px;padding:7px;border:5px solid white;box-shadow:0 0 0 1px #ececf1}.home-qr i{background:#172033;border-radius:1px}.home-qr i:nth-child(3n),.home-qr i:nth-child(7n){opacity:.08}.scan-toast,.active-toast{position:absolute;background:#fff;border:1px solid #e7e7ef;border-radius:10px;padding:11px 14px;display:flex;align-items:center;gap:10px;box-shadow:0 15px 35px #1d173a20}.scan-toast{right:-25px;top:15%}.active-toast{left:-26px;bottom:13%}.scan-toast>i,.active-toast>i{width:29px;height:29px;border-radius:8px;background:#eeeaff;color:var(--hp);display:grid;place-items:center;font-style:normal;font-weight:900}.active-toast>i{background:#e8f8ed;color:#3ca365}.scan-toast b,.scan-toast small,.active-toast b,.active-toast small{display:block}.scan-toast b,.active-toast b{font-size:9px}.scan-toast small,.active-toast small{font-size:7px;color:#9299a7;margin-top:3px}.home-proof{min-height:116px;max-width:1120px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:24px}.home-proof>div{text-align:center}.home-proof b,.home-proof span{display:block}.home-proof b{font-size:25px}.home-proof span{font-size:9px;color:#868e9d;margin-top:6px}.home-proof>i{height:35px;border-left:1px solid #e7e8ed}.home-section{padding:100px 24px 110px;background:#f8f8fb}.section-heading{text-align:center;max-width:700px;margin:0 auto 50px}.section-heading small,.how-copy>small,.home-cta small{font-size:9px;letter-spacing:.17em;color:var(--hp);font-weight:900}.section-heading h2,.how-copy h2,.home-cta h2{font-size:clamp(32px,4vw,48px);line-height:1.13;letter-spacing:-.038em;margin:15px 0}.section-heading p,.how-copy>p{color:#768096;font-size:14px;line-height:1.7}.feature-grid{max-width:1120px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-grid article{background:#fff;border:1px solid #e9e9ef;border-radius:14px;padding:28px;transition:.2s ease}.feature-grid article:hover{transform:translateY(-4px);box-shadow:0 18px 45px #28204b10;border-color:#ddd8fa}.feature-icon{width:42px;height:42px;border-radius:11px;background:#eeeaff;color:var(--hp);display:grid;place-items:center;font-style:normal;font-weight:900}.feature-icon.f1{background:#e7f7ed;color:#40a569}.feature-icon.f2{background:#fff1e7;color:#df7a3e}.feature-icon.f3{background:#e9f2ff;color:#4d82d1}.feature-icon.f4{background:#f6eafa;color:#a45bb4}.feature-icon.f5{background:#fff8dc;color:#9b8320}.feature-grid h3{font-size:15px;margin:20px 0 10px}.feature-grid p{font-size:11px;line-height:1.7;color:#7a8395;margin:0 0 20px}.feature-grid a{font-size:9px;font-weight:850;color:var(--hp)}.home-how{max-width:1120px;margin:auto;padding:110px 24px;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.how-copy>.home-button{margin-top:20px}.steps{position:relative}.steps:before{content:'';position:absolute;left:25px;top:50px;bottom:50px;border-left:1px dashed #d4d0ea}.steps article{display:grid;grid-template-columns:52px 1fr;gap:20px;align-items:center;padding:19px 0;position:relative}.steps article>b{width:52px;height:52px;border-radius:14px;background:#eeeaff;color:var(--hp);display:grid;place-items:center;font-size:12px;box-shadow:0 0 0 8px #fff;z-index:1}.steps h3{font-size:15px;margin:0 0 6px}.steps p{font-size:11px;color:#7c8597;margin:0}.home-cta{max-width:1120px;margin:0 auto 100px;border-radius:22px;background:linear-gradient(135deg,#5a3ee2,#7559f2);color:#fff;padding:52px 58px;display:flex;justify-content:space-between;align-items:center;gap:50px}.home-cta small{color:#ddd6ff}.home-cta h2{font-size:34px;margin:10px 0}.home-cta p{max-width:650px;color:#e3dfff;font-size:12px;line-height:1.7;margin:0}.home-button.light{background:#fff;color:var(--hp);white-space:nowrap;box-shadow:none}.home-button.light:hover{background:#d9f45f}.home-footer{max-width:1120px;margin:auto;padding:35px 24px 45px;border-top:1px solid #ececf0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px}.home-footer>p{font-size:10px;color:#8b93a2}.home-footer>nav{display:flex;gap:22px}.home-footer>nav a{font-size:9px;color:#6e778a}.home-footer>small{grid-column:1/-1;text-align:center;color:#a0a6b1;font-size:8px;margin-top:20px}@media(max-width:950px){.home-nav>nav{display:none}.home-hero{grid-template-columns:1fr;padding-top:62px}.hero-copy{text-align:center}.hero-copy h1,.hero-copy>p{margin-inline:auto}.hero-actions,.hero-trust{justify-content:center}.hero-product{max-width:680px;margin:20px auto 0}.feature-grid{grid-template-columns:1fr 1fr}.home-how{gap:50px}.home-cta{margin-inline:24px}.home-footer{grid-template-columns:auto 1fr}.home-footer>nav{grid-column:1/-1}}@media(max-width:650px){.home-nav{height:68px;padding-inline:16px}.home-login{display:none}.home-button.small{padding-inline:12px}.home-hero{padding:48px 17px 70px;gap:35px}.hero-copy h1{font-size:43px}.hero-copy>p{font-size:14px}.hero-actions{flex-direction:column}.hero-trust{gap:10px}.scan-toast{right:-5px;top:5%}.active-toast{left:-5px;bottom:3%}.window-body{grid-template-columns:42px 1fr;min-height:320px}.window-body>aside{padding-inline:7px}.creator-mock{padding:14px}.mock-grid{grid-template-columns:1fr}.mock-preview{display:none}.home-proof{display:grid;grid-template-columns:1fr 1fr;gap:25px}.home-proof>i{display:none}.home-section{padding:75px 15px}.feature-grid{grid-template-columns:1fr}.home-how{padding:80px 18px;grid-template-columns:1fr;gap:40px}.home-cta{margin:0 15px 70px;padding:38px 25px;display:block}.home-cta h2{font-size:29px}.home-cta .home-button{margin-top:25px}.home-footer{margin:0 15px;grid-template-columns:1fr;text-align:center}.home-footer .home-logo{justify-content:center}.home-footer>nav{grid-column:auto;justify-content:center;flex-wrap:wrap}.home-footer>small{grid-column:auto}.section-heading h2{font-size:34px}}