:root{--bg:#fffaf7;--surface:#ffffff;--surface-soft:#fff7fb;--line:#efdfe7;--text:#342a30;--muted:#8c7681;--accent:#ff76a8;--accent2:#7cc9ff;--mint:#a9e8d5;--butter:#ffe79a;--lav:#c9b8ff;--shadow:0 18px 48px rgba(190,115,148,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 8% 2%,#ffe4ef 0,transparent 28%),radial-gradient(circle at 92% 4%,#dff3ff 0,transparent 26%),radial-gradient(circle at 85% 88%,#fff1b8 0,transparent 25%),var(--bg);color:var(--text);font-family:Nunito,Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.app{min-height:100vh}.topbar{position:sticky;top:0;z-index:30;backdrop-filter:blur(18px);background:rgba(255,250,247,.91);border-bottom:1px solid rgba(239,188,210,.65)}.topin{max-width:1420px;margin:auto;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand,.publicbrand{display:flex;align-items:center;gap:12px}.brand img,.publicbrand img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 5px 14px rgba(255,118,168,.2)}.brand b,.publicbrand b{display:block;font-size:14px}.brand span,.publicbrand span{display:block;font-size:11px;color:var(--muted);margin-top:2px}.nav{display:flex;gap:7px;align-items:center}.nav button,.nav a{border:0;background:transparent;color:var(--muted);padding:9px 11px;border-radius:10px;text-decoration:none;font:inherit;font-size:11px;font-weight:750;cursor:pointer;white-space:nowrap}.nav button.active,.nav button:hover,.nav a:hover{background:#fff0f6;color:#d94d85}.wrap{max-width:1420px;margin:auto;padding:28px 22px 60px}.herohead{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin:10px 0 26px}.herohead.small{margin-bottom:18px}.eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:800}.herohead h1{font-size:34px;line-height:1.05;margin:8px 0 8px}.herohead.small h1{font-size:28px}.herohead p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}.chip{padding:9px 12px;border:1px solid #f0d9e3;border-radius:999px;color:#8a6275;font-size:11px;background:#fff6fa}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px}.stats.six{grid-template-columns:repeat(6,1fr)}.stat{padding:17px 18px;background:linear-gradient(180deg,#fff9fc,#ffffff);border:1px solid var(--line);border-radius:22px}.stat span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.stat strong{display:block;font-size:25px;margin-top:7px}.section{display:none}.section.active{display:block}.grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);gap:18px}.dashboardgrid,.analyticsgrid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.settingsgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card{background:linear-gradient(180deg,rgba(255,255,255,.995),rgba(255,249,252,.985));border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow)}.cardhead{padding:19px 20px;border-bottom:1px solid rgba(239,223,231,.9);display:flex;justify-content:space-between;align-items:center;gap:12px}.cardhead h2{font-size:15px;margin:0}.cardhead p{font-size:11px;color:var(--muted);margin:4px 0 0;line-height:1.5}.cardbody{padding:20px}.fields{display:grid;gap:15px}.field label{display:flex;justify-content:space-between;gap:10px;margin-bottom:7px;font-size:11px;font-weight:700;color:#735d68}.field label small{color:var(--muted);font-weight:500}.input,.textarea,.select{width:100%;border:1px solid #ead7e0;background:#fffefe;color:#342a30;border-radius:16px;padding:13px 14px;outline:none;font:inherit;font-size:13px;transition:.2s}.textarea{min-height:88px;resize:vertical}.textarea.mini{min-height:72px}.textarea.tall{min-height:210px}.input:focus,.textarea:focus,.select:focus{border-color:#ff8db5;box-shadow:0 0 0 4px rgba(255,118,168,.14)}.twocol,.inline{display:grid;grid-template-columns:1fr 1fr;gap:12px}.inline{grid-template-columns:1fr auto;align-items:end}.advanced{border:1px solid #efdfe7;border-radius:20px;overflow:hidden;background:#fff8fb}.advanced summary{cursor:pointer;padding:13px 15px;font-size:12px;font-weight:800;color:#5c4652;list-style:none}.advanced summary::-webkit-details-marker{display:none}.advbody{padding:0 14px 14px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.span2{grid-column:1/-1}.end{display:flex;align-items:flex-end}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:2px}.btn{border:0;border-radius:999px;padding:12px 16px;font:inherit;font-size:12px;font-weight:800;cursor:pointer;transition:.2s;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,#ff76a8,#8fcbff);color:#fff;box-shadow:0 8px 18px rgba(255,118,168,.22);flex:1}.btn.secondary{background:#fff5fa;color:#5c4652;border:1px solid #ead7e0}.btn.danger{background:#fff0f4;color:#c94770;border:1px solid #ffc8da}.btn.full,.linkbtn{width:100%;margin-top:10px}.previewbox{padding:20px}.mock{overflow:hidden;border-radius:16px;border:1px solid #efdfe7;background:#ffffff}.mock img{width:100%;aspect-ratio:1.91/1;object-fit:cover;display:block;background:#fff5fa}.mockmeta{padding:14px;background:#fff5fa}.mockdomain{text-transform:uppercase;color:var(--muted);font-size:10px;letter-spacing:.08em}.mocktitle{font-weight:800;font-size:16px;margin:6px 0}.mockdesc{font-size:12px;line-height:1.5;color:var(--muted)}.result{margin-top:14px;border:1px solid #eadbe3;border-radius:15px;padding:14px;background:#fff8fb}.resulttop{display:flex;justify-content:space-between;gap:10px;align-items:center}.resulturl{font-size:12px;color:#735d68;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.checks{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.check{padding:10px 11px;border-radius:12px;background:#fff8fb;border:1px solid #efdfe7;font-size:11px;color:#735d68}.check.ok{border-color:#b9ead9;color:#2b8b73}.check.bad{border-color:#ffc8da;color:#c94770}.qrstudio{display:none;margin-top:14px;padding-top:14px;border-top:1px solid #efdfe7;grid-template-columns:180px 1fr;gap:14px}.qrpreview{display:grid;place-items:center;background:#fff;border-radius:14px;padding:10px;align-self:start}.qrpreview canvas{width:160px;height:160px;max-width:100%;display:block}.qrcontrols{display:grid;gap:10px}.qrcontrols>label{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;color:#735d68;font-size:11px}.qrcontrols input[type=color]{width:46px;height:34px;padding:2px;border-radius:8px;border:1px solid #ead7e0;background:#ffffff}.switchline{display:grid;grid-template-columns:auto 1fr;gap:7px 9px;align-items:center;padding:9px 10px;border-radius:11px;background:#fff8fb;border:1px solid #efdfe7;color:#735d68;font-size:11px}.switchline input{grid-row:1/3}.switchline small{grid-column:2;color:var(--muted)}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.toolbar .input{flex:1;min-width:230px}.toolbar .select{width:auto;min-width:170px}.bulkbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding:11px 12px;margin-bottom:12px;border:1px solid var(--line);background:#fff8fb;border-radius:14px}.bulkbar span{font-size:11px;color:var(--muted);min-width:80px}.bulkbar .select{width:auto;min-width:150px}.bulkbar .input{width:220px}.tablewrap{overflow:auto;border:1px solid var(--line);border-radius:17px}.table{width:100%;border-collapse:collapse;min-width:1180px;background:#ffffff}.table th{font-size:10px;color:var(--muted);text-align:left;text-transform:uppercase;letter-spacing:.08em;padding:12px 14px;background:#fff8fb}.table td{padding:13px 14px;border-top:1px solid #efdfe7;font-size:12px;vertical-align:middle}.linktitle{font-weight:750;color:#342a30;max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sub{color:var(--muted);font-size:10px;margin-top:4px;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:800}.badge.active{background:#effbf6;color:#2b8b73}.badge.disabled{background:#fff8e9;color:#b96b28}.badge.expired,.badge.limit,.badge.consumed{background:#fff0f4;color:#c94770}.tag{display:inline-flex;padding:3px 6px;border-radius:7px;background:#f5efff;color:var(--muted);font-size:9px;margin:2px 2px 0 0}.rowactions{display:flex;gap:6px;flex-wrap:wrap}.iconbtn{border:1px solid #ead7e0;background:#fff8fb;color:#735d68;border-radius:9px;padding:7px 9px;font-size:10px;cursor:pointer}.iconbtn.danger{border-color:#ffc8da;color:#c94770}.bars{display:grid;gap:10px}.barrow{display:grid;grid-template-columns:120px 1fr 42px;align-items:center;gap:10px;font-size:11px}.track{height:8px;background:#f1dfe7;border-radius:999px;overflow:hidden}.fill{height:100%;background:linear-gradient(90deg,#ff76a8,#7cc9ff);border-radius:999px}.linechart{height:260px;display:flex;align-items:flex-end;gap:5px;padding:16px 2px 26px;position:relative}.linebar{flex:1;min-width:4px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#ff76a8,#7cc9ff);opacity:.88;position:relative}.linebar:hover{opacity:1}.linebar span{display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);white-space:nowrap;background:#fff;color:#735d68;border:1px solid #ead7e0;border-radius:7px;padding:5px 7px;font-size:9px;box-shadow:0 8px 20px rgba(15,23,42,.1);z-index:5}.linebar:hover span{display:block}.empty{padding:30px;text-align:center;color:var(--muted);font-size:12px}.activitylist{max-height:640px;overflow:auto}.activityrow{display:grid;grid-template-columns:150px 150px 1fr;gap:14px;padding:13px 18px;border-top:1px solid #efdfe7;font-size:11px}.activityrow:first-child{border-top:0}.activityrow time{color:var(--muted)}.activityrow b{color:#5c4652}.activityrow span{color:var(--muted)}.divider{height:1px;background:#f1dfe7;margin:20px 0}.footnote{font-size:11px;color:var(--muted);margin-top:12px;line-height:1.6}.footnote code{color:#735d68;background:#ffffff;padding:2px 5px;border-radius:5px}.checkgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.checkgrid label{font-size:11px;color:#735d68;background:#fff8fb;border:1px solid #efdfe7;padding:9px;border-radius:10px}.errorpair{display:grid;grid-template-columns:.8fr 1.2fr;gap:10px}.securityrow,.sessionhead{display:flex;justify-content:space-between;align-items:center;gap:12px}.securityrow b,.sessionhead b{font-size:12px}.securityrow span{display:block;color:var(--muted);font-size:10px;margin-top:3px}.sessionlist,.domainlist,.keylist{display:grid;gap:8px;margin-top:12px}.sessionitem,.domainitem,.keyitem{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px 12px;border:1px solid #efdfe7;border-radius:12px;background:#fff8fb}.sessionitem b,.domainitem b,.keyitem b{font-size:11px}.sessionitem span,.domainitem span,.keyitem span{display:block;color:var(--muted);font-size:9px;margin-top:3px}.modal{position:fixed;inset:0;background:rgba(92,70,82,.22);display:none;place-items:center;padding:20px;z-index:70}.modal.show{display:grid}.modalbox{width:min(640px,100%);max-height:90vh;overflow:auto;background:#fff;border:1px solid #efdfe7;border-radius:28px;box-shadow:0 24px 70px rgba(15,23,42,.12)}.modalbox.wide{width:min(900px,100%)}.modalhead{padding:17px 18px;border-bottom:1px solid #efdfe7;display:flex;justify-content:space-between;align-items:center}.modalhead b{font-size:14px}.modalhead span{display:block;color:var(--muted);font-size:10px;margin-top:3px}.modalbody{padding:18px}.x{border:0;background:#fff5fa;color:#5c4652;border-radius:10px;width:32px;height:32px;cursor:pointer}.toast-root{position:fixed;top:18px;right:18px;z-index:100;width:min(390px,calc(100vw - 28px));display:grid;gap:10px;pointer-events:none}.toast-item{position:relative;display:grid;grid-template-columns:36px 1fr 26px;gap:10px;align-items:start;padding:13px 13px 14px;border-radius:15px;background:rgba(255,255,255,.985);border:1px solid #efd8e3;box-shadow:0 20px 55px rgba(15,23,42,.12);transform:translateY(-14px) scale(.98);opacity:0;transition:.22s ease;overflow:hidden;pointer-events:auto}.toast-item.show{transform:none;opacity:1}.toast-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#f5efff;font-weight:900;font-size:14px}.toast-copy b{display:block;font-size:12px;margin:1px 0 3px}.toast-copy span{display:block;font-size:12px;line-height:1.45;color:#735d68}.toast-close{border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:18px;line-height:1}.toast-progress{position:absolute;left:0;bottom:0;height:2px;width:100%;background:currentColor;opacity:.58;transform-origin:left;animation:toastLife var(--toast-time,4.5s) linear forwards}.toast-item.success{border-color:#b9ead9;color:#2b8b73}.toast-item.success .toast-icon{background:#effbf6}.toast-item.error{border-color:#ffc8da;color:#c94770}.toast-item.error .toast-icon{background:#fff0f4}.toast-item.warning{border-color:#ffe5a0;color:#a16207}.toast-item.warning .toast-icon{background:#fffbeb}.toast-item.info{border-color:#cfeaff;color:#1d4ed8}.toast-item.info .toast-icon{background:#eff6ff}.toast-actions{display:flex;gap:7px;margin-top:9px}.toast-action{border:1px solid #ead7e0;background:#fff5fa;color:#5c4652;border-radius:9px;padding:7px 10px;font-size:11px;font-weight:700;cursor:pointer}.toast-action.danger{border-color:#ffc8da;background:#fff0f4;color:#c94770}@keyframes toastLife{to{transform:scaleX(0)}}.authbody,.publicbody{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 18% 8%,#ffe4ef 0,transparent 34%),radial-gradient(circle at 85% 14%,#dff3ff 0,transparent 30%),radial-gradient(circle at 80% 88%,#fff2b9 0,transparent 26%),#fffaf7}.authcard,.publiccard{width:min(440px,100%);background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(255,255,255,.99));border:1px solid #efdfe7;border-radius:34px;padding:30px;box-shadow:0 30px 80px rgba(190,115,148,.16)}.authlogo{width:54px;height:54px;border-radius:50%;margin-bottom:22px;border:3px solid #fff;box-shadow:0 8px 22px rgba(255,118,168,.22)}.authcard h1,.publiccard h1{font-size:28px;margin:8px 0 9px}.authcard p,.publiccard p{margin:0 0 22px;color:var(--muted);line-height:1.6;font-size:14px}.publicbrand{margin-bottom:22px}.publichero{width:100%;aspect-ratio:1.91/1;object-fit:cover;border-radius:18px;border:1px solid #efdfe7;background:#fff8fb;margin-bottom:18px}.lockicon{font-size:32px;color:#ff76a8;margin:10px 0 14px}.redirectmeta{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin-top:18px}.progress{height:7px;background:#f1dfe7;border-radius:999px;overflow:hidden;margin-top:9px}.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ff76a8,#7cc9ff);animation:go var(--d) linear forwards}@keyframes go{to{width:100%}}h3{font-size:13px;margin:0 0 12px}.twofaqr{display:grid;grid-template-columns:170px 1fr;gap:16px;align-items:start}.secretbox{word-break:break-all;padding:10px;background:#fff8fb;border:1px solid #eadbe3;border-radius:10px;color:#735d68;font:12px ui-monospace,monospace;margin:8px 0 14px}
@media(max-width:1180px){.stats.six{grid-template-columns:repeat(3,1fr)}.settingsgrid{grid-template-columns:1fr}.nav{max-width:760px;overflow:auto}}
@media(max-width:900px){.grid,.dashboardgrid,.analyticsgrid{grid-template-columns:1fr}.herohead{align-items:flex-start;flex-direction:column}.topin{align-items:flex-start;flex-direction:column}.nav{width:100%;overflow:auto}.advbody{grid-template-columns:1fr}.span2{grid-column:auto}.stats.six{grid-template-columns:repeat(2,1fr)}.qrstudio{grid-template-columns:1fr}.qrpreview{width:180px}.activityrow{grid-template-columns:120px 120px 1fr}}
@media(max-width:560px){.toast-root{top:12px;right:14px;left:14px;width:auto}.wrap{padding:20px 14px 50px}.topin{padding:12px 14px}.stats.six{grid-template-columns:1fr 1fr;gap:9px}.stat{padding:14px}.herohead h1{font-size:28px}.cardbody,.previewbox{padding:15px}.checks,.twocol,.errorpair,.twofaqr{grid-template-columns:1fr}.toolbar .input,.toolbar .select,.bulkbar .input,.bulkbar .select{width:100%;min-width:0}.nav button,.nav a{white-space:nowrap}.activityrow{grid-template-columns:1fr;gap:4px}.inline{grid-template-columns:1fr}.sessionhead,.securityrow{align-items:flex-start;flex-direction:column}.authcard,.publiccard{padding:24px}.qrpreview{width:100%}}
.twofaqr canvas{width:170px;height:170px;background:#fff;padding:7px;border-radius:12px}


/* Phoning-inspired light theme refinements */
body{position:relative;overflow-x:hidden}
body:before,body:after{content:"";position:fixed;pointer-events:none;z-index:-1;border-radius:999px;filter:blur(2px);opacity:.72}
body:before{width:260px;height:260px;left:-90px;bottom:5%;background:radial-gradient(circle,#dff7ef 0,#dff7ef 48%,transparent 70%)}
body:after{width:230px;height:230px;right:-70px;top:30%;background:radial-gradient(circle,#fff1b8 0,#fff1b8 46%,transparent 70%)}
.topbar{box-shadow:0 10px 28px rgba(190,115,148,.06)}
.brand b,.publicbrand b{font-weight:900;letter-spacing:.01em}.brand span,.publicbrand span{color:#9d7b8a}
.nav button,.nav a{border:1px solid transparent;border-radius:999px;font-weight:800}.nav button.active,.nav button:hover,.nav a:hover{border-color:#ffd2e2;background:linear-gradient(180deg,#fff7fb,#ffeef5);color:#cf4e7d}
.herohead h1{letter-spacing:-.035em}.eyebrow{color:#d7638e;letter-spacing:.17em}.chip{box-shadow:0 6px 15px rgba(255,118,168,.08)}
.stat{position:relative;overflow:hidden}.stat:after{content:"";position:absolute;width:42px;height:42px;right:-12px;top:-12px;border-radius:50%;background:#ffe6ef;opacity:.72}.stat:nth-child(3n+2):after{background:#e4f5ff}.stat:nth-child(3n):after{background:#fff0b7}
.card{overflow:hidden}.cardhead{background:linear-gradient(180deg,#fff,#fff9fc)}
.input,.textarea,.select{box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.btn{letter-spacing:.005em}.btn.primary:hover{box-shadow:0 10px 22px rgba(255,118,168,.27)}
.mock{border-radius:22px;box-shadow:0 10px 25px rgba(190,115,148,.08)}.mockmeta{background:#fff6fa}
.result{border-radius:20px;background:linear-gradient(180deg,#fffafd,#fff)}
.check{border-radius:15px}.check.ok{background:#f1fcf7}.check.bad{background:#fff4f6}
.advanced summary{color:#735d68}.advanced[open] summary{background:#fff0f6;color:#cf4e7d}
.tag{background:#fff0f6;color:#c25782;border:1px solid #ffd8e6;border-radius:999px;padding:4px 8px}
.badge{border-radius:999px;padding:5px 9px}.badge.active{background:#effbf6}.badge.disabled{background:#fff7e6}.badge.expired,.badge.limit,.badge.consumed{background:#fff0f4}
.iconbtn,.x,.toast-action{border-radius:999px}.x{background:#fff1f6;color:#c25782}
.tablewrap{border-radius:22px;background:#fff}.table th{background:#fff8fb;color:#9a7b89}.table tr:hover td{background:#fffafd}
.track{background:#f3e6ec}.linebar{box-shadow:0 4px 10px rgba(255,118,168,.16)}
.modalbox{box-shadow:0 26px 80px rgba(126,75,99,.18)}
.toast-item{border-radius:20px}.toast-icon{border-radius:50%}
.authcard,.publiccard{position:relative;overflow:hidden}.authcard:before,.publiccard:before{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-35px;top:-35px;background:#ffe2ed;z-index:0}.authcard>* ,.publiccard>*{position:relative;z-index:1}
.publichero{border-radius:24px}.progress{background:#f2dfe8}.progress i{background:linear-gradient(90deg,#ff76a8,#7cc9ff,#ffe79a)}
.secretbox{background:#fff8fb;border-color:#efdfe7}
.qrpreview,.twofaqr canvas{border:1px solid #efdfe7;box-shadow:0 8px 24px rgba(190,115,148,.09)}
/* keep long generated code/BBCode/HTML inside cards */
.card,.cardbody,.grid>* ,.settingsgrid>* ,.dashboardgrid>* ,.analyticsgrid>*{min-width:0}
.resulturl,.secretbox,code,pre,.output,.codebox,[data-output]{max-width:100%;overflow-wrap:anywhere;word-break:break-word}
textarea,input,select{min-width:0}
@media(max-width:560px){.herohead{margin-top:2px}.brand img,.publicbrand img{width:38px;height:38px}.card{border-radius:24px}.authcard,.publiccard{border-radius:28px}.btn{min-height:44px}.stats.six{grid-template-columns:1fr 1fr}}


/* Phoning Link Studio — polished pastel/Y2K visual layer */
:root{
  --phone-pink:#ff7eb1;--phone-blue:#85d1ff;--phone-mint:#b8eadc;--phone-yellow:#ffe89b;
  --phone-lilac:#d9c9ff;--phone-ink:#332b31;--phone-paper:#fffdfb;
}
body{
  background:
    radial-gradient(circle at 6% 4%,rgba(255,126,177,.22),transparent 25%),
    radial-gradient(circle at 94% 7%,rgba(133,209,255,.25),transparent 24%),
    radial-gradient(circle at 90% 88%,rgba(255,232,155,.27),transparent 24%),
    radial-gradient(circle at 8% 86%,rgba(184,234,220,.24),transparent 23%),
    linear-gradient(180deg,#fffdfb 0%,#fff9fc 52%,#fbfdff 100%);
}
.topbar{background:rgba(255,253,251,.88);border-bottom:1px solid rgba(255,126,177,.18)}
.topin{padding-top:12px;padding-bottom:12px}
.brand{position:relative;padding:5px 12px 5px 6px;border:1px solid #f4dce7;background:rgba(255,255,255,.78);border-radius:999px;box-shadow:0 7px 20px rgba(197,112,150,.08)}
.brand:after{content:'♡';position:absolute;right:-8px;top:-9px;width:22px;height:22px;display:grid;place-items:center;background:var(--phone-yellow);border:2px solid #fff;border-radius:50%;font-size:11px;color:#9b6a00;box-shadow:0 4px 10px rgba(130,90,40,.1)}
.nav{padding:5px;border:1px solid #f1e1e8;background:rgba(255,255,255,.72);border-radius:999px;box-shadow:0 8px 22px rgba(176,107,140,.07)}
.nav button,.nav a{padding:9px 13px}
.nav button.active{background:linear-gradient(135deg,#ffe8f1,#e6f6ff);border-color:#ffd5e4;color:#c94779;box-shadow:0 4px 12px rgba(255,126,177,.12)}
.herohead{position:relative;padding:22px 24px;border:1px solid rgba(239,223,231,.9);background:rgba(255,255,255,.58);border-radius:28px;overflow:hidden}
.herohead:after{content:'PHONING ♡';position:absolute;right:20px;top:15px;font-size:10px;letter-spacing:.18em;font-weight:900;color:rgba(208,86,133,.34);transform:rotate(5deg)}
.herohead h1{font-weight:900}.herohead p{max-width:760px}
.stats{gap:12px}.stat{border-radius:24px;box-shadow:0 10px 30px rgba(190,115,148,.08)}
.stat:nth-child(6n+1){background:linear-gradient(160deg,#fff,#fff3f8)}
.stat:nth-child(6n+2){background:linear-gradient(160deg,#fff,#eef9ff)}
.stat:nth-child(6n+3){background:linear-gradient(160deg,#fff,#f2fbf8)}
.stat:nth-child(6n+4){background:linear-gradient(160deg,#fff,#fff9e9)}
.stat:nth-child(6n+5){background:linear-gradient(160deg,#fff,#f6f2ff)}
.stat:nth-child(6n){background:linear-gradient(160deg,#fff,#fff3f8)}
.card{border-color:#f0dfe7;box-shadow:0 16px 44px rgba(167,97,129,.10)}
.cardhead{min-height:72px;background:linear-gradient(90deg,#fffafd 0%,#fff 48%,#f7fcff 100%)}
.cardhead h2{font-weight:900;letter-spacing:-.01em}.cardhead h2:before{content:'♡';margin-right:7px;color:var(--phone-pink)}
.input,.textarea,.select{background:#fff;border-color:#eadde4}.input:hover,.textarea:hover,.select:hover{border-color:#e8c8d8}
.btn.primary{background:linear-gradient(120deg,#ff7eb1 0%,#a993ff 48%,#7dcfff 100%);box-shadow:0 9px 22px rgba(196,102,160,.22)}
.btn.secondary{background:linear-gradient(180deg,#fff,#fff6fa)}
.advanced{background:linear-gradient(180deg,#fffafd,#fff)}
.result{border-style:dashed;border-color:#ebc9d8}.result:before{content:'SHORTLINK';display:block;font-size:9px;letter-spacing:.16em;font-weight:900;color:#d86a95;margin-bottom:7px}
.mock{background:#fff;box-shadow:0 14px 30px rgba(167,97,129,.10)}
.mockmeta{background:linear-gradient(180deg,#fff6fa,#fffafb)}
.tablewrap{box-shadow:0 12px 32px rgba(167,97,129,.07)}
.table th{background:linear-gradient(180deg,#fffafd,#fff7fb)}
.badge.active{background:#eafaf5;color:#278169}.badge.disabled{background:#fff4df;color:#a86c20}.badge.expired,.badge.limit,.badge.consumed{background:#fff0f5;color:#c84773}
.toast-root{top:16px}.toast-item{background:rgba(255,255,255,.97);backdrop-filter:blur(16px);border-width:1px;box-shadow:0 18px 48px rgba(145,86,113,.16)}
.toast-copy b{font-weight:900}.toast-icon{box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)}
.authcard,.publiccard{border-color:#efd9e4;background:linear-gradient(160deg,#fff 0%,#fff9fc 52%,#f8fcff 100%)}
.authcard:after,.publiccard:after{content:'♡  ☎  ☆';position:absolute;left:24px;bottom:16px;font-size:11px;letter-spacing:.55em;color:rgba(213,98,141,.25);font-weight:900}
.publicbrand{padding:7px 11px 7px 7px;border:1px solid #f0dce6;background:#fff9fc;border-radius:999px;width:max-content;max-width:100%}
.publichero{box-shadow:0 12px 30px rgba(167,97,129,.10)}
.modal{backdrop-filter:blur(10px)}
.modalbox{border-color:#efd9e4;background:linear-gradient(180deg,#fff,#fffafd)}
@media(max-width:900px){.nav{border-radius:18px}.herohead{padding:19px}.herohead:after{display:none}}
@media(max-width:560px){.brand{padding-right:9px}.herohead{border-radius:24px}.topbar{backdrop-filter:blur(14px)}.nav{padding:4px}.nav button,.nav a{padding:8px 11px}}


/* === Phoning / NewJeans full redesign override === */
:root{
  --phone-pink:#ff8bb7;
  --phone-pink-2:#ffd9e8;
  --phone-blue:#8ed6ff;
  --phone-mint:#bbefdf;
  --phone-yellow:#ffecab;
  --phone-lilac:#d8c9ff;
  --phone-peach:#ffd9c4;
  --ink:#362d33;
  --muted-2:#8e7583;
  --line-2:#efdfe8;
  --glass:rgba(255,255,255,.76);
}
html{background:#fffafc}
body{
  color:var(--ink);
  background:
    radial-gradient(circle at 7% 7%, rgba(255,139,183,.26), transparent 22%),
    radial-gradient(circle at 92% 8%, rgba(142,214,255,.28), transparent 24%),
    radial-gradient(circle at 84% 86%, rgba(255,236,171,.28), transparent 22%),
    radial-gradient(circle at 8% 88%, rgba(187,239,223,.22), transparent 20%),
    linear-gradient(180deg,#fffdfd 0%, #fff9fc 50%, #fbfdff 100%);
}
body::before{
  content:'';
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 24%, rgba(255,255,255,.88), transparent 18%),
    radial-gradient(circle at 72% 30%, rgba(255,255,255,.55), transparent 14%),
    radial-gradient(circle at 60% 78%, rgba(255,255,255,.6), transparent 14%);
  opacity:.95;
  z-index:-2;
}
.app{min-height:100vh;padding:18px 18px 34px}
.topbar{
  position:sticky;
  top:14px;
  max-width:1380px;
  margin:0 auto;
  border:1px solid rgba(239,223,232,.92);
  border-radius:34px;
  background:rgba(255,255,255,.72);
  box-shadow:0 20px 55px rgba(180,109,147,.13);
  backdrop-filter:blur(18px);
}
.topin{max-width:none;padding:14px 16px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:16px}
.brand{
  position:relative;
  min-width:max-content;
  padding:8px 16px 8px 8px;
  gap:12px;
  border-radius:999px;
  border:1px solid #f1dee7;
  background:linear-gradient(135deg, rgba(255,244,249,.96), rgba(247,252,255,.92));
  box-shadow:0 10px 26px rgba(191,118,150,.08);
}
.brand::after{
  content:'♡';
  position:absolute;
  right:-10px;top:-10px;
  width:24px;height:24px;
  display:grid;place-items:center;
  border-radius:50%;
  color:#ab6a16;
  background:linear-gradient(180deg,#fff4b7,#ffe49b);
  border:2px solid #fff;
  font-size:11px;font-weight:900;
  box-shadow:0 6px 14px rgba(171,106,22,.16);
}
.brand img,.publicbrand img{width:48px;height:48px;border-radius:18px;border:3px solid #fff;box-shadow:0 8px 20px rgba(255,139,183,.18)}
.brand b,.publicbrand b{font-size:15px;font-weight:900;letter-spacing:-.02em}
.brand span,.publicbrand span{font-size:11px;color:#8e7583;letter-spacing:.02em}
.nav{
  justify-content:flex-end;
  gap:8px;
  padding:6px;
  background:linear-gradient(180deg, rgba(255,255,255,.9), rgba(255,248,252,.8));
  border:1px solid #f1e2ea;
  border-radius:999px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
  overflow:auto;
}
.nav button,.nav a{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:42px;
  padding:10px 14px;
  border:1px solid transparent;
  border-radius:999px;
  font-size:11px;
  font-weight:850;
  letter-spacing:.01em;
  color:#8c7180;
}
.nav button::before,.nav a::before{font-size:11px;font-weight:900;opacity:.82}
.nav button:nth-child(1)::before{content:'♡'}
.nav button:nth-child(2)::before{content:'✦'}
.nav button:nth-child(3)::before{content:'☁'}
.nav button:nth-child(4)::before{content:'⌘'}
.nav button:nth-child(5)::before{content:'✳'}
.nav button:nth-child(6)::before{content:'☻'}
.nav button:nth-child(7)::before{content:'⚙'}
.nav a::before{content:'↗'}
.nav button.active,.nav button:hover,.nav a:hover{
  color:#cb4a79;
  border-color:#ffd9e6;
  background:linear-gradient(135deg,#fff0f7 0%,#eaf8ff 100%);
  box-shadow:0 8px 18px rgba(255,139,183,.12);
}
.wrap{max-width:1380px;margin:auto;padding:26px 4px 64px}
.section.active{animation:fadePhoning .22s ease}
@keyframes fadePhoning{from{opacity:.0;transform:translateY(6px)}to{opacity:1;transform:none}}
.herohead,.herohead.small{
  position:relative;
  overflow:hidden;
  padding:24px 26px;
  margin:6px 0 22px;
  border:1px solid #f0dfe8;
  border-radius:34px;
  background:
    linear-gradient(135deg, rgba(255,250,253,.98) 0%, rgba(255,245,250,.94) 38%, rgba(243,251,255,.96) 100%);
  box-shadow:0 18px 42px rgba(176,103,139,.10);
}
.herohead::before{
  content:'PHONING';
  position:absolute;right:24px;top:18px;
  font-size:10px;letter-spacing:.24em;font-weight:900;color:rgba(212,97,141,.28);
}
.herohead::after{
  content:'♡  ☎  ☆';
  position:absolute;right:22px;bottom:18px;
  color:rgba(212,97,141,.24);font-size:11px;letter-spacing:.45em;font-weight:900;
}
.eyebrow{color:#d35b8a;letter-spacing:.18em;font-size:11px;font-weight:900}
.herohead h1{font-size:40px;line-height:1.02;letter-spacing:-.045em;font-weight:900;margin:8px 0 10px}
.herohead.small h1{font-size:30px}
.herohead p{max-width:760px;color:#876f7d}
.chip{
  border:1px solid #f1dbe6;
  background:linear-gradient(180deg,#fff,#fff6fa);
  color:#9b7085;
  box-shadow:0 8px 18px rgba(173,102,135,.08);
}
.stats,.stats.six{gap:14px}
.stat{
  position:relative;
  overflow:hidden;
  padding:18px 18px 16px;
  border-radius:28px;
  border:1px solid #f1e1e8;
  box-shadow:0 14px 36px rgba(177,105,140,.08);
}
.stat:nth-child(6n+1){background:linear-gradient(150deg,#fff,#fff2f8)}
.stat:nth-child(6n+2){background:linear-gradient(150deg,#fff,#eef9ff)}
.stat:nth-child(6n+3){background:linear-gradient(150deg,#fff,#effcf7)}
.stat:nth-child(6n+4){background:linear-gradient(150deg,#fff,#fff9ea)}
.stat:nth-child(6n+5){background:linear-gradient(150deg,#fff,#f5f1ff)}
.stat:nth-child(6n){background:linear-gradient(150deg,#fff,#fff3f7)}
.stat::after{
  position:absolute;right:14px;top:12px;font-size:16px;opacity:.55
}
.stat:nth-child(1)::after{content:'♡'}
.stat:nth-child(2)::after{content:'✦'}
.stat:nth-child(3)::after{content:'☻'}
.stat:nth-child(4)::after{content:'⌚'}
.stat:nth-child(5)::after{content:'🔒'; font-size:14px}
.stat:nth-child(6)::after{content:'∞'}
.stat span{font-size:10px;letter-spacing:.1em;color:#997989;font-weight:900}
.stat strong{font-size:29px;font-weight:900;letter-spacing:-.03em;color:#2d2630}
.grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);gap:20px}
.dashboardgrid,.analyticsgrid,.settingsgrid{gap:20px}
.card{
  border-radius:30px;
  border:1px solid #f1e1e8;
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,249,252,.96));
  box-shadow:0 18px 48px rgba(168,97,131,.10);
}
.cardhead{
  min-height:78px;
  padding:18px 20px;
  border-bottom:1px solid #f2e4ea;
  background:linear-gradient(90deg,#fffafd 0%,#fff 45%,#f5fbff 100%);
}
.cardhead h2{font-size:17px;font-weight:900;letter-spacing:-.02em}
.cardhead h2::before{content:'♡';margin-right:8px;color:var(--phone-pink)}
.cardhead p{font-size:12px;color:#927987;line-height:1.55}
.cardbody,.previewbox{padding:22px}
.fields{gap:16px}
.field label{margin-bottom:8px;font-size:11px;font-weight:900;letter-spacing:.06em;color:#7a6170;text-transform:uppercase}
.field label small{font-size:10px;color:#9c8692;text-transform:none;letter-spacing:0}
.input,.textarea,.select{
  padding:14px 16px;
  border-radius:18px;
  border:1.5px solid #eadbe4;
  background:#fff;
  color:#372d33;
  font-size:13px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95), 0 1px 0 rgba(255,255,255,.75);
}
.input::placeholder,.textarea::placeholder{color:#b39aa7}
.input:focus,.textarea:focus,.select:focus{
  border-color:#f09dc2;
  box-shadow:0 0 0 5px rgba(255,139,183,.13), inset 0 1px 0 rgba(255,255,255,.95);
}
.twocol,.inline{gap:12px}
.advanced{
  margin-top:2px;
  border-radius:24px;
  border:1px solid #f0dfe8;
  background:linear-gradient(180deg,#fffafd 0%,#fff 100%);
}
.advanced summary{padding:15px 18px;font-size:12px;font-weight:900;letter-spacing:.04em;color:#755d6b}
.advanced[open] summary{background:linear-gradient(135deg,#fff1f7,#eef9ff);color:#cb4f7c}
.advbody{padding:0 15px 15px;gap:12px}
.switchline{
  padding:11px 12px;
  border-radius:16px;
  background:linear-gradient(180deg,#fff,#fff7fa);
  border:1px solid #efdee8;
}
.switchline span{font-weight:800;color:#614b57}
.switchline small{font-size:10px;color:#9a808f}
.actions{gap:10px;margin-top:4px}
.btn{
  min-height:44px;
  padding:12px 18px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  letter-spacing:.01em;
}
.btn.primary{
  background:linear-gradient(120deg,var(--phone-pink) 0%, var(--phone-lilac) 48%, var(--phone-blue) 100%);
  color:#fff;
  box-shadow:0 12px 24px rgba(201,106,157,.24);
}
.btn.secondary{background:linear-gradient(180deg,#fff,#fff7fb);border:1px solid #eadbe4;color:#5e4a56}
.btn.danger{background:linear-gradient(180deg,#fff4f7,#fff0f4);border:1px solid #ffcddd;color:#c44976}
.btn:hover{transform:translateY(-1px)}
.mock{
  border-radius:26px;
  border:1px solid #f0dfe8;
  box-shadow:0 14px 34px rgba(171,98,132,.10);
}
.mock img{aspect-ratio:1.91/1;border-bottom:1px solid #f2e4ea;background:linear-gradient(180deg,#fff8fb,#fff)}
.mockmeta{padding:16px;background:linear-gradient(180deg,#fff8fb,#fffdfd)}
.mockdomain{color:#a18290;font-size:10px;font-weight:800;letter-spacing:.1em}
.mocktitle{font-size:17px;font-weight:900;letter-spacing:-.02em}
.mockdesc{font-size:12px;color:#8a7480}
.checks{gap:10px}
.check{
  padding:12px 12px;
  border-radius:16px;
  background:linear-gradient(180deg,#fffafd,#fff);
  border:1px solid #efdee8;
  box-shadow:0 5px 14px rgba(182,109,145,.05);
}
.result{
  position:relative;
  margin-top:16px;
  padding:16px;
  border:1px dashed #e9c6d7;
  border-radius:22px;
  background:linear-gradient(180deg,#fffafd,#fff);
}
.result::before{content:'LIVE LINK';display:block;margin-bottom:8px;font-size:9px;font-weight:900;letter-spacing:.16em;color:#d76a95}
.resulturl{white-space:normal;word-break:break-word;overflow-wrap:anywhere;font-size:12px;line-height:1.45}
.qrstudio{padding-top:16px;border-top:1px dashed #ecd4de}
.qrpreview{padding:14px;border-radius:20px;background:linear-gradient(180deg,#fff,#fff7fb);border:1px solid #efdee8;box-shadow:0 8px 22px rgba(180,108,145,.08)}
.qrcontrols{gap:11px}
.toolbar,.bulkbar{
  padding:14px;
  border-radius:22px;
  border:1px solid #f0dfe8;
  background:rgba(255,255,255,.76);
  box-shadow:0 12px 30px rgba(171,98,132,.07);
}
.toolbar .input{min-width:240px}
.bulkbar span{font-weight:800;color:#8f7682}
.tablewrap{
  border-radius:24px;
  border:1px solid #f0dfe8;
  background:rgba(255,255,255,.86);
  box-shadow:0 16px 40px rgba(171,98,132,.08);
}
.table{background:transparent}
.table th{
  position:sticky;top:0;z-index:2;
  padding:13px 14px;
  background:linear-gradient(180deg,#fffafd,#fff6fa);
  color:#997988;
}
.table td{padding:14px;border-top:1px solid #f1e3ea}
.table tr:hover td{background:rgba(255,248,252,.75)}
.linktitle{font-weight:900}
.sub{color:#96808b}
.badge,.tag,.iconbtn,.toast-action,.x{border-radius:999px}
.tag{padding:4px 8px;background:#fff0f7;color:#c35681;border:1px solid #ffd8e7}
.iconbtn{padding:8px 10px;background:linear-gradient(180deg,#fff,#fff7fb);border:1px solid #eadbe4;color:#6f5864}
.bars{gap:12px}
.barrow{grid-template-columns:140px 1fr 42px;font-size:11px}
.track{height:10px;background:#f4e8ee}
.fill{background:linear-gradient(90deg,var(--phone-pink),var(--phone-lilac),var(--phone-blue))}
.linechart{height:280px;padding:18px 4px 28px;gap:6px}
.linebar{border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,var(--phone-pink) 0%, var(--phone-lilac) 52%, var(--phone-blue) 100%);box-shadow:0 5px 12px rgba(191,108,153,.16)}
.linebar span{border-radius:10px;border:1px solid #ecdbe4;background:#fff;box-shadow:0 10px 22px rgba(171,98,132,.12)}
.activitylist{display:grid;gap:10px;padding:16px}
.activityrow{grid-template-columns:134px 130px 1fr;padding:14px 15px;border:1px solid #f0dfe8;border-radius:18px;background:linear-gradient(180deg,#fff,#fff9fc);box-shadow:0 8px 20px rgba(171,98,132,.05)}
.activityrow:first-child{border-top:1px solid #f0dfe8}
.activityrow time,.activityrow span{color:#947985}
.activityrow b{color:#584550}
.divider{background:linear-gradient(90deg,transparent,#efdfe8,transparent);margin:22px 0}
.checkgrid label{border-radius:14px;background:linear-gradient(180deg,#fff,#fff7fb);border:1px solid #efdee8;padding:10px}
.sessionitem,.domainitem,.keyitem{
  border-radius:18px;
  padding:13px 14px;
  border:1px solid #f0dfe8;
  background:linear-gradient(180deg,#fff,#fff8fb);
  box-shadow:0 6px 16px rgba(171,98,132,.05);
}
.modal{background:rgba(103,79,91,.18);backdrop-filter:blur(12px)}
.modalbox{border-radius:32px;border:1px solid #f0dfe8;background:linear-gradient(180deg,#fff,#fff9fc);box-shadow:0 28px 80px rgba(133,86,109,.18)}
.modalhead{padding:18px 20px;background:linear-gradient(90deg,#fffafd,#fff);border-bottom:1px solid #f1e3ea}
.modalhead b{font-size:16px;font-weight:900}
.x{width:34px;height:34px;background:linear-gradient(180deg,#fff0f6,#fff5fa);color:#bf4b76;border:1px solid #f3d7e3}
.toast-root{top:18px;right:18px}
.toast-item{
  border-radius:24px;
  grid-template-columns:40px 1fr 24px;
  padding:14px 14px 15px;
  border:1px solid #f1dbe6;
  background:rgba(255,255,255,.96);
  box-shadow:0 20px 52px rgba(139,85,110,.16);
  backdrop-filter:blur(18px);
}
.toast-icon{width:40px;height:40px;border-radius:14px}
.toast-copy b{font-size:12px;font-weight:900}
.authbody,.publicbody{
  background:
    radial-gradient(circle at 16% 8%, rgba(255,139,183,.22), transparent 32%),
    radial-gradient(circle at 86% 14%, rgba(142,214,255,.22), transparent 28%),
    radial-gradient(circle at 78% 87%, rgba(255,236,171,.24), transparent 24%),
    linear-gradient(180deg,#fffdfd 0%, #fff9fc 55%, #fbfdff 100%);
}
.authcard,.publiccard{
  width:min(470px,100%);
  padding:32px;
  border-radius:38px;
  border:1px solid #f0dfe8;
  background:linear-gradient(160deg,#fff 0%, #fff9fc 48%, #f8fcff 100%);
  box-shadow:0 30px 80px rgba(174,104,140,.18);
}
.authcard::before,.publiccard::before{
  width:120px;height:120px;right:-42px;top:-42px;
  background:radial-gradient(circle,#ffe3ee 0%, #ffeef5 55%, transparent 56%);
}
.authcard::after,.publiccard::after{left:28px;bottom:18px;color:rgba(213,98,141,.24);letter-spacing:.58em}
.authlogo{width:64px;height:64px;border-radius:24px;border:3px solid #fff;box-shadow:0 12px 24px rgba(201,106,157,.2)}
.authcard h1,.publiccard h1{font-size:31px;letter-spacing:-.03em;font-weight:900}
.authcard p,.publiccard p{font-size:14px;color:#876f7d}
.publicbrand{margin-bottom:22px;padding:8px 12px 8px 8px;border-radius:999px;border:1px solid #f0dfe8;background:linear-gradient(180deg,#fff,#fff8fb);width:max-content;max-width:100%}
.publichero{border-radius:24px;border:1px solid #f0dfe8;box-shadow:0 12px 28px rgba(171,98,132,.10)}
.lockicon{font-size:34px}
.redirectmeta{font-size:11px;color:#967984}
.progress{height:8px;background:#f4e7ee;border-radius:999px}.progress i{background:linear-gradient(90deg,var(--phone-pink),var(--phone-lilac),var(--phone-blue),var(--phone-yellow))}
.twofaqr canvas{border-radius:18px;border:1px solid #efdee8;background:linear-gradient(180deg,#fff,#fff9fc);padding:10px;box-shadow:0 10px 24px rgba(171,98,132,.08)}
.secretbox{padding:12px;border-radius:16px;background:linear-gradient(180deg,#fffafd,#fff);border:1px solid #efdee8}
@media (max-width:1180px){
  .topin{grid-template-columns:1fr;align-items:flex-start}
  .nav{justify-content:flex-start}
}
@media (max-width:900px){
  .app{padding:14px 14px 28px}
  .topbar{top:10px;border-radius:28px}
  .wrap{padding:20px 2px 48px}
  .herohead,.herohead.small{padding:20px 20px 18px;border-radius:28px}
  .herohead h1{font-size:32px}
  .grid,.dashboardgrid,.analyticsgrid,.settingsgrid{grid-template-columns:1fr}
}
@media (max-width:560px){
  .app{padding:10px 10px 22px}
  .topbar{border-radius:24px}
  .topin{padding:12px}
  .brand{width:100%;justify-content:flex-start}
  .brand img,.publicbrand img{width:44px;height:44px;border-radius:16px}
  .nav{width:100%;padding:4px;border-radius:20px;gap:6px}
  .nav button,.nav a{min-height:40px;padding:9px 12px;font-size:10px}
  .wrap{padding:16px 0 44px}
  .herohead,.herohead.small{padding:18px;border-radius:24px}
  .herohead h1,.herohead.small h1{font-size:28px}
  .stats.six{grid-template-columns:1fr 1fr}
  .stat{padding:16px}
  .card{border-radius:24px}
  .cardhead{padding:16px 16px 14px;min-height:auto}
  .cardbody,.previewbox{padding:16px}
  .input,.textarea,.select{padding:13px 14px;border-radius:16px}
  .toolbar,.bulkbar{padding:12px;border-radius:18px}
  .tablewrap{border-radius:18px}
  .activitylist{padding:12px}
  .activityrow{grid-template-columns:1fr;gap:5px}
  .authcard,.publiccard{padding:24px;border-radius:30px}
  .authcard h1,.publiccard h1{font-size:28px}
  .toast-root{top:12px;left:12px;right:12px;width:auto}
}