@font-face{font-family:'Suisse Intl';src:local('Suisse Intl'),local('Suisse Int’l'),local('SuisseIntl');font-style:normal;font-weight:100 900;font-display:swap}
:root{color-scheme:light;--bg:#f6f7fb;--card:#fff;--sidebar:#fff;--text:#18213a;--muted:#7a839b;--line:#e9ebf3;--field:#fbfcff;--accent:#7159f3;--accent2:#9584ff;--lav:#f1eeff;--shadow:0 12px 32px rgba(27,30,65,.035);--radius:17px}
:root[data-theme="dark"]{color-scheme:dark;--bg:#10121f;--card:#191c2e;--sidebar:#161829;--text:#f1f2ff;--muted:#9b9eb5;--line:#2c3047;--field:#20243a;--accent:#a08cff;--accent2:#7159f3;--lav:#272541;--shadow:none}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:'DM Sans','Plus Jakarta Sans',Arial,sans-serif}body{background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,h4,p{margin:0}p{line-height:1.6}h1,h2,h3{letter-spacing:-.035em}h1{font-size:32px;line-height:1.23}h2{font-size:25px}h3{font-size:17px}small{font-size:12px}input,select,textarea{color:var(--text);background:var(--field);border:1px solid var(--line);border-radius:10px;padding:12px 13px;width:100%;outline:none;min-height:44px}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(113,89,243,.10)}input[type=color]{padding:4px;min-height:46px;cursor:pointer}input[type=checkbox],input[type=radio]{width:auto;min-height:0;accent-color:var(--accent)}label{font-size:12px;font-weight:700;color:var(--text);display:flex;flex-direction:column;gap:9px}label input, label textarea,label select{font-size:13px;font-weight:500}.btn{border:1px solid transparent;border-radius:10px;display:inline-flex;gap:9px;align-items:center;justify-content:center;padding:11px 16px;font-weight:750;font-size:12px;min-height:42px;transition:.18s ease;white-space:nowrap}.btn:hover{transform:translateY(-1px);filter:brightness(1.05)}.btn.primary{color:white;background:#7159ef;box-shadow:0 5px 13px rgba(113,89,239,.18)}.btn.secondary{background:var(--card);border-color:var(--line);color:var(--text)}.btn.light{background:#fff;color:#4f42ba}.btn.ghost{background:transparent;color:var(--muted)}.btn.danger{background:rgba(241,73,100,.10);color:#ef5271}.btn.full{width:100%}.hint{color:var(--muted);font-size:11px;line-height:1.7}.muted{color:var(--muted);font-size:13px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.14em;color:var(--accent)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.notice{padding:13px 16px;border-radius:11px;background:#e8f8f0;color:#186e46;font-size:13px;margin-bottom:21px}.notice.error{background:#fff0f1;color:#c63453}.app-shell{display:flex;min-height:100vh}.sidebar{width:260px;flex:none;position:sticky;top:0;height:100vh;background:var(--sidebar);border-right:1px solid var(--line);padding:22px 14px 16px;display:flex;flex-direction:column;z-index:10;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.brand{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:800;letter-spacing:.01em;line-height:1.1;padding:0 10px;color:var(--text)}.brand b{font-size:11px;font-weight:600;letter-spacing:.1em}.brand-mark{width:37px;height:37px;flex:none;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:23px;border-radius:12px;background:linear-gradient(145deg,#9987ff,#6552df);box-shadow:0 7px 16px rgba(113,89,243,.25)}.sidebar-workspace{margin:35px 2px 27px;padding:10px;background:var(--bg);border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;gap:10px}.workspace-icon,.top-avatar{width:34px;height:34px;flex:none;border-radius:10px;background:#eadfff;color:#6b4ddf;display:grid;place-items:center;font-weight:800}.sidebar-workspace b{display:block;font-size:11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:134px}.sidebar-workspace small{color:var(--muted);display:block;margin-top:4px;font-size:10px}.chevron{margin-left:auto;color:var(--muted)}.nav-label{color:#9ba1b4;font-weight:800;letter-spacing:.13em;font-size:9px;padding:0 16px;margin:0 0 12px}.nav{display:flex;flex-direction:column;gap:4px;margin-bottom:30px}.nav-link{width:100%;border:0;background:transparent;text-align:left;display:flex;align-items:center;gap:14px;padding:12px 13px;font-size:12px;font-weight:700;color:var(--muted);border-radius:9px;transition:.15s}.nav-link:hover,.nav-link.active{color:var(--accent);background:var(--lav)}.nav-link.active{position:relative}.nav-ico{font-size:18px;width:20px;text-align:center;font-weight:500}.sidebar-bottom{margin-top:auto}.upgrade-block{background:linear-gradient(143deg,#f4f0ff,#e9e2ff);padding:19px 15px;border-radius:14px;margin-bottom:14px;color:#41337b;display:flex;flex-direction:column;gap:10px}.upgrade-icon{font-size:23px}.upgrade-block b{font-size:12px}.upgrade-block small{font-size:10px;line-height:1.5}.upgrade-block a{font-size:10px;font-weight:800;margin-top:5px}.logout{cursor:pointer}.main-wrap{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:73px;background:var(--card);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 35px;gap:15px}.crumb{font-size:12px;color:var(--muted)}.crumb span{padding:0 10px;color:#c3c5d2}.crumb b{color:var(--text)}.top-actions{display:flex;align-items:center;gap:16px}.plan-tag{border:1px solid var(--line);border-radius:15px;padding:6px 10px;font-size:10px;font-weight:800;color:var(--muted)}.theme-toggle,.icon-btn{border:1px solid var(--line);background:var(--card);color:var(--text);width:34px;height:34px;border-radius:10px;font-size:19px;display:grid;place-items:center}.top-avatar{width:33px;height:33px;font-size:12px}.mobile-menu{display:none}.content{padding:33px 36px 50px;flex:1;max-width:1680px;width:100%;margin:auto}.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.page-head h1{font-size:28px;margin:6px 0 8px}.page-head p{font-size:12px;color:var(--muted)}.app-footer{display:flex;justify-content:space-between;padding:17px 36px;font-size:10px;color:var(--muted);border-top:1px solid var(--line)}.hero-banner{height:265px;overflow:hidden;position:relative;border-radius:18px;background:linear-gradient(115deg,#6550e1,#7b61e8 58%,#9c83ff);color:white;display:flex;margin-bottom:22px}.hero-banner:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 90% 10%,rgba(255,255,255,.22),transparent 35%);pointer-events:none}.hero-text{position:relative;z-index:2;padding:33px 39px;width:60%}.hero-kicker{font-size:10px;letter-spacing:.16em;font-weight:800;opacity:.78}.hero-text h2{font-size:31px;line-height:1.17;margin:13px 0 10px}.hero-text h2 em{font-style:normal;color:#e2deff}.hero-text p{font-size:12px;color:#e6e3ff;max-width:420px;margin-bottom:19px}.hero-art{position:absolute;right:0;top:0;width:42%;height:100%;display:grid;place-items:center}.hero-orbit{position:absolute;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:380px;height:380px}.orbit-2{width:250px;height:250px}.hero-qr{height:160px;width:160px;border-radius:22px;transform:rotate(-11deg);box-shadow:20px 20px 50px rgba(31,24,110,.25);background:white;color:#6a55df;display:grid;place-items:center;padding:12px}.hero-qr span{font-family:monospace;font-size:112px;line-height:1;transform:scaleX(1.05)}.hero-qr b{font-size:9px;letter-spacing:.17em;margin-top:-11px}.float-chip{position:absolute;color:#6957d7;background:#fff;border-radius:8px;padding:9px 12px;font-size:10px;font-weight:800;box-shadow:0 12px 28px #362d8a45;z-index:2}.chip-one{right:10%;top:25px;transform:rotate(6deg)}.chip-two{left:2%;bottom:31px;transform:rotate(-5deg)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:21px}.metric{padding:19px 19px 18px;display:flex;flex-direction:column;min-height:145px}.metric-icon{font-size:21px;color:var(--accent);width:33px;height:33px;background:var(--lav);border-radius:9px;display:grid;place-items:center;margin-bottom:8px}.metric small{color:var(--muted);font-size:11px;font-weight:650}.metric strong{font-size:25px;letter-spacing:-.06em;margin-top:5px}.metric-hint{font-size:10px;color:var(--muted);margin-top:auto}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr);gap:19px;margin-bottom:20px}.chart-card,.quickstart,.recent-card{padding:20px 22px}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:17px}.card-head h3{margin:0 0 5px}.card-head p{font-size:11px;color:var(--muted)}.mini-tag{font-size:10px;background:var(--field);border:1px solid var(--line);border-radius:12px;padding:5px 8px;color:var(--muted);white-space:nowrap}.bars{height:187px;display:flex;align-items:end;gap:4px;margin-top:10px;border-bottom:1px solid var(--line);padding:0 3px;margin-bottom:20px}.bar-col{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative;gap:5px;cursor:pointer;border-radius:6px 6px 0 0;transition:background .15s ease}.bar-col:hover{background:rgba(113,89,243,.06)}:root[data-theme="dark"] .bar-col:hover{background:rgba(167,139,250,.09)}.bar-fill{width:100%;max-width:31px;border-radius:5px 5px 0 0;background:linear-gradient(0deg,#6653e5,#ad9aff);transition:.3s;flex:none}.bar-value{opacity:0;position:absolute;top:-25px;left:50%;transform:translateX(-50%) translateY(3px);background:var(--text);color:var(--card);border-radius:6px;padding:3px 7px;font-size:10px;font-weight:650;white-space:nowrap;pointer-events:none;box-shadow:0 4px 14px rgba(18,22,45,.16);transition:opacity .15s ease,transform .15s ease;z-index:25}.bar-col:hover .bar-value{opacity:1;transform:translateX(-50%) translateY(0)}.bar-col:first-child .bar-value{left:0;transform:translateY(3px)}.bar-col:first-child:hover .bar-value{transform:translateY(0)}.bar-col:last-child .bar-value{left:auto;right:0;transform:translateY(3px)}.bar-col:last-child:hover .bar-value{transform:translateY(0)}.bar-col span{position:absolute;top:100%;margin-top:8px;font-size:9px;color:var(--muted)}.quick-item{display:flex;align-items:center;gap:12px;padding:10px 2px;border-bottom:1px solid var(--line)}.quick-item:last-child{border:0}.quick-item b{font-size:12px}.quick-item small{font-size:10px;display:block;color:var(--muted);margin-top:4px}.quick-icon{width:40px;height:40px;display:grid;place-items:center;font-size:20px;border-radius:11px}.quick-icon.lilac{background:#f0eaff;color:#8767ef}.quick-icon.peach{background:#fff1e9;color:#e9a264}.quick-icon.mint{background:#e7f9f3;color:#53b895}.quick-arrow{margin-left:auto;color:var(--muted)}.recent-card{padding-bottom:0}.small-action{font-size:11px;color:var(--accent);font-weight:800;white-space:nowrap}.table-wrap{overflow:auto}.data-table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}.data-table th{font-size:9px;letter-spacing:.09em;color:var(--muted);font-weight:800;white-space:nowrap;padding:14px 10px 15px;border-bottom:1px solid var(--line)}.data-table td{padding:17px 10px;border-bottom:1px solid var(--line);white-space:nowrap;color:var(--muted)}.data-table tr:last-child td{border-bottom:0}.data-table td:first-child{color:var(--text)}.qr-name{display:flex;align-items:center;gap:11px}.qr-mini{background:var(--lav);color:var(--accent);border-radius:10px;width:38px;height:38px;display:grid;place-items:center;font-size:21px}.qr-name b{font-size:11px}.qr-name small{display:block;margin-top:5px;color:var(--muted);font-size:9px}.pill{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:800;border-radius:100px;padding:6px 10px;white-space:nowrap}.pill.purple{color:#7252e8;background:#f0eaff}.pill.blue{color:#4086c7;background:#e8f4ff}.pill.mint{background:#e6faf2;color:#1c9c6a}.pill.grey{background:#f0f1f5;color:#6d7386}.status-dot{width:7px;height:7px;background:#bbb;display:inline-block;border-radius:50%;margin-right:7px}.status-dot.green{background:#38be86}.status-dot.grey{background:#a7a7ae}.mono{font-variant-numeric:tabular-nums;font-weight:800;color:var(--text)!important}.empty-td{text-align:center;padding:42px!important}.empty-td a{color:var(--accent);font-weight:700}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 19px;border-bottom:1px solid var(--line)}.toolbar h3{margin:0 0 5px}.toolbar-right{display:flex;gap:9px}.search-wrap{display:flex;align-items:center;gap:8px;background:var(--field);border:1px solid var(--line);border-radius:9px;padding-left:12px;min-width:220px;flex:1;max-width:400px}.search-wrap span{font-size:20px;color:var(--muted)}.search-wrap input{border:0;background:none;box-shadow:none;padding:10px 5px;min-height:38px}.inline-form{display:flex;gap:10px;padding:15px 19px}.inline-form input{max-width:320px}.hidden{display:none!important}.folder-list{display:flex;gap:9px;padding:15px 18px;border-bottom:1px solid var(--line)}.folder-pill{padding:7px 11px;border-radius:8px;background:var(--field);color:var(--muted);font-size:11px}
.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:20px;align-items:start}.editor-main{display:flex;flex-direction:column;gap:18px}.editor-card{padding:24px}.step-heading{display:flex;gap:12px;align-items:center;margin-bottom:20px}.step-number{font-size:12px;font-weight:800;background:var(--lav);color:var(--accent);border-radius:10px;width:39px;height:39px;display:grid;place-items:center;flex:none}.step-heading h3{margin-bottom:5px}.step-heading p{font-size:11px;color:var(--muted)}.type-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}.type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;max-height:230px;overflow:auto;padding:2px}.type-choice{min-height:74px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;padding:11px;background:var(--field);border:1px solid var(--line);border-radius:11px;color:var(--text);font-size:10px;font-weight:800;text-align:left;transition:.15s}.type-choice:hover{background:rgba(113,89,243,.04);border-color:rgba(113,89,243,.4);color:var(--text);transform:translateY(-1px)}.type-choice.chosen{background:var(--lav);border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 2px var(--accent);position:relative}.type-symbol{font-size:19px;font-weight:500}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field-grid .wide{grid-column:1/-1}.mode-picker{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mode-picker label{display:flex;flex-direction:row;align-items:center;gap:10px;background:var(--field);border:1px solid var(--line);padding:12px;border-radius:10px;cursor:pointer}.mode-picker label:has(input:checked){border-color:var(--accent);background:var(--lav)}.mode-picker label b{font-size:11px;display:block}.mode-picker label small{font-size:10px;font-weight:500;color:var(--muted);display:block;margin-top:4px}.inline-check{flex-direction:row;align-items:center;align-self:end;min-height:46px}.check{display:flex;flex-direction:row;align-items:flex-start;gap:8px}.field-note{font-size:11px;color:var(--muted);margin-top:-5px}.advanced-drop{margin-top:20px;padding:14px;border-radius:10px;border:1px solid var(--line)}.advanced-drop summary{font-size:12px;font-weight:800;cursor:pointer}.advanced-drop .field-grid{margin-top:20px}.form-actions{display:flex;justify-content:flex-end;gap:9px}.preview-side{position:sticky;top:23px}.preview-card{padding:24px;text-align:center}.preview-card h3{margin:7px 0}.preview-card p{font-size:11px;color:var(--muted)}.qr-preview-stage{margin:22px auto 14px;background:repeating-linear-gradient(45deg,#f4f1ff,#f4f1ff 12px,#f9f8ff 12px,#f9f8ff 24px);border-radius:18px;padding:17px;max-width:258px;aspect-ratio:1}.qr-preview-stage>div{width:100%;height:100%;display:grid;place-items:center}.qr-preview-stage canvas,.qr-preview-stage svg{width:100%;height:100%;object-fit:contain;border-radius:4px}.preview-loading{font-size:12px;color:#7b6abf}.preview-name{font-size:11px;font-weight:800;margin:10px auto 15px}.preview-buttons{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:14px 0}.preview-card .hint{display:block;margin-top:11px}.scan-warning{font-size:10px;color:#ca7433}.detail-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:20px;align-items:start}.detail-qr{padding:22px;position:sticky;top:20px;text-align:center}.detail-qr-head{display:flex;justify-content:space-between}.detail-qr-canvas{margin:30px auto;max-width:252px;aspect-ratio:1}.detail-qr-canvas canvas,.detail-qr-canvas svg{width:100%;height:100%}.center{text-align:center}.detail-info{display:flex;flex-direction:column;gap:17px}.detail-header{padding:23px}.detail-title{display:flex;align-items:center;gap:12px;margin-bottom:22px}.detail-title h2{font-size:20px;margin-top:5px}.detail-icon{width:46px;height:46px;border-radius:12px;background:var(--lav);color:var(--accent);display:grid;place-items:center;font-size:25px}.detail-header>.pill{float:right;margin-top:-65px}.detail-header label{font-size:11px;color:var(--muted);margin:16px 0 9px}.copy-line{display:flex;gap:8px}.copy-line input{flex:1;min-width:0}.detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.detail-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.detail-stat-row .card{padding:18px}.detail-stat-row small{display:block;color:var(--muted)}.detail-stat-row strong{font-size:21px;display:block;margin-top:10px}.detail-stat-row .status-word{font-size:15px}.breakdown-cols{display:grid;grid-template-columns:1fr 1fr;gap:25px}.breakdown-cols h4{font-size:12px;margin:8px 0}.breakdown-item,.device-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0;font-size:12px}.breakdown-item span,.device-row span{color:var(--muted)}.breakdown-item b{font-size:12px}.leader-row{display:flex;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.leader-row b{flex:1}.leader-row>span:last-child{color:var(--muted)}.leader-no{width:26px;font-size:11px;color:var(--accent);font-weight:800}.large-chart{margin-bottom:19px}.large-chart .bars{height:270px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px;align-items:start}.stack{display:flex;flex-direction:column;gap:16px}.settings-grid .stack{margin-top:20px}.plan-panel{background:linear-gradient(125deg,#6552df,#9180ff);padding:22px;color:#fff;border-radius:13px;margin:20px 0}.plan-panel .eyebrow{color:#f1ebff}.plan-panel h2{font-size:28px;margin:5px 0}.plan-panel p{color:#e5ddff;font-size:11px}.settings-grid hr{border:0;border-top:1px solid var(--line);margin:23px 0}.token-notice{background:var(--lav);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:10px;margin:14px 0}.token-notice code{overflow-wrap:anywhere;font-size:11px}.api-doc{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.api-doc code,.code-sample{background:var(--field);border:1px solid var(--line);border-radius:9px;padding:12px;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text)}.plan-form{display:flex;gap:7px;align-items:center}.plan-form select{min-width:100px}.small-btn{min-height:36px;padding:8px 10px}.block{display:block;color:var(--muted);margin-top:5px}
.auth-body{min-height:100vh;display:flex;background:var(--card)}.auth-visual{width:50%;min-height:100vh;background:linear-gradient(155deg,#372c90,#6652dc 55%,#957cf2);color:#fff;position:relative;overflow:hidden}.auth-visual:after{content:'';width:700px;height:700px;border-radius:50%;border:1px solid #ffffff21;position:absolute;bottom:-460px;right:-200px;box-shadow:0 0 0 100px #ffffff06,0 0 0 200px #ffffff05}.auth-visual-inner{max-width:550px;margin:0 auto;padding:75px 45px;position:relative;z-index:1}.huge-brand{font-size:19px;color:white;padding:0;margin-bottom:80px}.huge-brand b{font-size:18px;letter-spacing:0}.auth-visual h1{font-size:46px;line-height:1.14;max-width:460px;margin-bottom:18px}.auth-visual p{color:#dcd5ff;font-size:14px;max-width:400px;margin-bottom:28px}.auth-feature{font-size:13px;padding:7px 0;color:#f5f2ff}.preview-art{margin:28px 0 0;width:220px;height:220px;border-radius:25px;background:white;transform:rotate(-8deg);box-shadow:32px 34px 55px #1c145b4f;padding:23px}.preview-art-grid{display:block;width:100%;height:100%;border-radius:4px;overflow:hidden;background:#fff}.preview-art-grid canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.preview-art-badge{position:absolute;bottom:-18px;right:-40px;background:#fff;color:#6552df;font-size:10px;font-weight:800;padding:13px;border-radius:9px;box-shadow:0 12px 25px #21176b40}.auth-panel{width:50%;display:grid;place-items:center;padding:35px;position:relative}.auth-theme{position:absolute;right:30px;top:25px}.auth-card{width:100%;max-width:420px}.auth-card>.brand{padding:0;margin-bottom:50px}.auth-card h2{font-size:27px;margin:8px 0 10px}.auth-card>.muted{margin-bottom:29px}.auth-card .stack{gap:18px}.auth-card label{font-size:12px}.auth-switch{text-align:center;margin:25px 0;font-size:12px;color:var(--muted)}.auth-switch a{color:var(--accent);font-weight:800}.auth-card>.hint{display:block;text-align:center;margin-top:50px}.setup-card{max-width:560px;margin:5vh auto;background:var(--card);padding:30px;border:1px solid var(--line);border-radius:17px;box-shadow:0 15px 50px #00000014}.setup-card .brand-mark{margin-bottom:10px}.setup-card>p{color:var(--muted);font-size:12px;margin-bottom:20px}.setup-card h3{padding-top:10px}.two{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.public-body{background:linear-gradient(135deg,#edeafb,#f7f6ff);min-height:100vh;display:grid;place-items:center;padding:20px}.public-card{width:100%;max-width:440px;background:#fff;color:#24243a;border-radius:25px;padding:30px;text-align:center;box-shadow:0 20px 80px rgba(58,49,102,.14);overflow:hidden}.public-card h1{font-size:27px;margin:10px 0}.public-card p{font-size:13px;color:#77798d;margin-bottom:18px}.public-card small{display:block;color:#aaa7bb;margin-top:25px;font-size:10px}.public-card>.btn{margin-top:16px}.public-symbol{font-size:40px;color:#7866ed}.digital-card{animation:cardIn .5s cubic-bezier(.25,.7,.2,1) both;padding-top:0}.digital-cover{height:105px;background:linear-gradient(110deg,var(--public-accent),#b1a3ff);margin:0 -30px 0}.avatar{position:relative;margin:-43px auto 8px;width:86px;height:86px;object-fit:cover;border-radius:50%;border:5px solid #fff;background:#eee}.avatar-letter{display:grid;place-items:center;background:var(--public-accent);color:#fff;font-size:35px;font-weight:800}.digital-card h1{margin-top:7px}.public-about{line-height:1.6}.digital-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:center;margin:17px 0}.digital-actions .btn{font-size:11px;min-height:38px;padding:9px 12px}.public-links{display:flex;flex-direction:column;gap:9px;margin-top:25px}.public-links a{display:flex;justify-content:space-between;text-align:left;background:#f6f4ff;border:1px solid #ece9ff;padding:15px 17px;border-radius:12px;font-size:12px;font-weight:800}.public-links a span{color:var(--public-accent)}.offer-box{display:flex;flex-direction:column;padding:20px;border-radius:14px;background:#f1edff;gap:10px}.offer-box strong{font-size:32px;color:var(--public-accent)}.offer-box small{margin:0}.lead-form{margin-top:25px;text-align:left;display:flex;flex-direction:column;gap:13px;border-top:1px solid #eee;padding-top:18px}.lead-form h3{margin-bottom:2px}.lead-form label{font-size:11px}.lead-form .check{font-size:10px}.public-foot{margin-bottom:-10px}@keyframes cardIn{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
.upi-public-body{padding:38px 18px}.upi-pay-card{max-width:440px;text-align:center;position:relative;overflow:visible;animation:cardIn .45s cubic-bezier(.25,.7,.2,1) both}.upi-qr-frame{width:216px;height:216px;margin:0 auto;background:#fff;border:1px solid #e3e6ef;border-radius:16px;box-shadow:0 12px 30px rgba(21,27,49,.09);display:grid;place-items:center;overflow:hidden}.upi-qr-frame canvas{width:100%;height:100%;display:block}.upi-qr-frame span{padding:18px;color:#7b8196;font-size:11px;line-height:1.5}.upi-sheet[hidden]{display:none}.upi-sheet{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:18px}.upi-sheet-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(13,15,31,.55);backdrop-filter:blur(6px);cursor:default}.upi-sheet-panel{position:relative;width:min(430px,100%);max-height:min(680px,calc(100vh - 36px));overflow:auto;background:#fff;color:#171a2f;border:1px solid rgba(255,255,255,.7);border-radius:24px;padding:22px;box-shadow:0 30px 90px rgba(22,20,52,.28);animation:upiSheetIn .22s ease both}.upi-sheet-handle{display:none;width:44px;height:4px;border-radius:9px;background:#d8dbe6;margin:0 auto 15px}.upi-sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;text-align:left;margin-bottom:18px}.upi-sheet-head h2{font-size:22px;margin:6px 0 4px}.upi-sheet-head p{font-size:12px;color:#7b8196;line-height:1.45}.upi-sheet-close{width:36px;height:36px;flex:none;border:1px solid #e3e6ef;background:#f8f9fc;border-radius:11px;color:#5e6478;font-size:24px;line-height:1;display:grid;place-items:center}.upi-app-option{min-width:0;border:1px solid #e4e6ef;background:#fff;border-radius:14px;padding:13px;display:flex;align-items:center;gap:12px;text-align:left;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.upi-app-option:hover,.upi-app-option:focus-visible{border-color:#7a63ef;box-shadow:0 9px 22px rgba(90,71,190,.12);transform:translateY(-1px);outline:none}.upi-app-option>span:nth-child(2){min-width:0;flex:1}.upi-app-option b{display:block;font-size:13px;color:#171a2f}.upi-app-option small{display:block!important;margin:3px 0 0!important;color:#868ca0!important;font-size:10px!important;line-height:1.3}.upi-app-option svg{width:18px;height:18px;color:#7761eb}.upi-app-option-featured{padding:15px;background:linear-gradient(135deg,#f6f3ff,#fbfaff);border-color:#dcd5ff}.upi-app-icon{width:43px;height:43px;flex:none;border-radius:13px;display:grid;place-items:center;font-size:10px;font-weight:850;letter-spacing:-.02em}.upi-icon-universal{color:#fff;background:linear-gradient(135deg,#765df2,#5c45d9)}.upi-app-divider{display:flex;align-items:center;gap:10px;margin:18px 0 12px;color:#9a9fb0;font-size:10px}.upi-app-divider:before,.upi-app-divider:after{content:'';height:1px;flex:1;background:#eceef4}.upi-app-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.upi-direct-app{padding:11px}.upi-icon-gpay{background:conic-gradient(from -35deg,#4285f4 0 25%,#34a853 0 50%,#fbbc04 0 72%,#ea4335 0);color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.24)}.upi-icon-phonepe{background:#5f259f;color:#fff;font-size:14px}.upi-icon-paytm{background:#e8f7ff;color:#087bb7;font-size:11px}.upi-icon-bhim{background:linear-gradient(180deg,#f7931e 0 33%,#fff 33% 66%,#119447 66%);color:#171a2f;border:1px solid #e4e6ef;font-size:9px}.upi-payment-help{font-size:10px!important;line-height:1.55!important;color:#858a9d!important;text-align:left;margin:16px 2px 0!important;padding:12px 13px;background:#f7f8fb;border-radius:11px}.upi-sheet-open{overflow:hidden}html:not(.upi-android):not(.upi-ios) .upi-direct-app,html:not(.upi-android):not(.upi-ios) .upi-app-divider{display:none}html.upi-ios .upi-direct-app:not([data-upi-app="gpay"]){display:none}html.upi-ios .upi-app-grid{grid-template-columns:1fr}@keyframes upiSheetIn{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:600px){.upi-public-body{display:block;padding:14px;background:linear-gradient(160deg,#f1efff,#fafaff)}.upi-pay-card{margin:0 auto;padding:24px 20px;border-radius:21px}.upi-qr-frame{width:208px;height:208px}.upi-sheet{align-items:end;padding:0}.upi-sheet-panel{width:100%;max-height:88vh;border-radius:24px 24px 0 0;padding:12px 18px calc(20px + env(safe-area-inset-bottom));animation:upiSheetMobileIn .24s ease both}.upi-sheet-handle{display:block}.upi-sheet-head h2{font-size:21px}.upi-app-grid{gap:8px}.upi-app-option{padding:12px}.upi-app-icon{width:41px;height:41px}}@keyframes upiSheetMobileIn{from{opacity:0;transform:translateY(45px)}to{opacity:1;transform:none}}
@media(max-width:1250px){.content{padding:28px 25px}.sidebar{width:218px}.type-grid{grid-template-columns:repeat(3,1fr)}.editor-layout{grid-template-columns:minmax(0,1fr) 270px}.dashboard-grid{grid-template-columns:1fr 300px}.hero-text h2{font-size:26px}}
@media(max-width:950px){.sidebar{position:fixed;left:-265px;width:249px;transition:left .2s;box-shadow:14px 0 40px #00000018}.sidebar.open{left:0}.mobile-menu{display:grid}.topbar{padding:0 21px}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.settings-grid{grid-template-columns:1fr}.editor-layout,.detail-grid{grid-template-columns:1fr}.preview-side,.detail-qr{position:static}.type-grid{grid-template-columns:repeat(4,1fr)}.hero-art{opacity:.55}.hero-text{width:78%}.auth-visual{width:45%}.auth-panel{width:55%}}
@media(max-width:600px){.content{padding:22px 14px}.app-footer{padding:14px;gap:10px}.app-footer span:last-child{display:none}.topbar{height:60px}.plan-tag{display:none}.page-head{align-items:flex-start}.page-head h1{font-size:23px}.page-cta .btn{padding:9px;font-size:10px}.metric-grid{gap:10px}.metric{padding:14px;min-height:133px}.metric strong{font-size:22px}.hero-banner{height:auto;min-height:275px}.hero-text{width:100%;padding:26px 22px}.hero-text h2{font-size:25px}.hero-text p{max-width:270px}.hero-art{opacity:.2;right:-100px}.dashboard-grid{gap:14px}.type-grid{grid-template-columns:repeat(2,1fr)}.field-grid,.mode-picker,.two{grid-template-columns:1fr}.editor-card{padding:18px}.detail-stat-row{grid-template-columns:1fr 1fr}.detail-stat-row .card:last-child{grid-column:1/-1}.auth-visual{display:none}.auth-panel{width:100%;padding:23px}.auth-card>.brand{margin-bottom:45px}.toolbar{flex-wrap:wrap}.search-wrap{max-width:100%}.breakdown-cols{grid-template-columns:1fr}.toolbar-right{width:100%}}
.ico-arrow{display:inline-block;width:1.15em;height:1.15em;vertical-align:-.18em;stroke:currentColor;fill:none;stroke-width:72;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;transition:transform .18s ease;overflow:visible}
.ico-arrow-left{transform:rotate(0deg)}
.ico-arrow-right{transform:rotate(180deg)}
.ico-arrow-up{transform:rotate(90deg)}
.ico-arrow-down{transform:rotate(-90deg)}
.ico-arrow-up-right{transform:rotate(135deg)}
.ico-arrow-down-left{transform:rotate(-45deg)}
.btn:hover .ico-arrow-right,.small-action:hover .ico-arrow-right{transform:rotate(180deg) translateX(-3px)}
.btn:hover .ico-arrow-left{transform:rotate(0deg) translateX(-3px)}
.btn:hover .ico-arrow-down{transform:rotate(-90deg) translateX(-3px)}
.btn:hover .ico-arrow-up-right,.small-action:hover .ico-arrow-up-right,.quick-item:hover .ico-arrow-up-right{transform:rotate(135deg) translate(-2px,-2px)}
.public-symbol .ico-arrow{width:1.3em;height:1.3em;vertical-align:middle}

/* Polished interface system ------------------------------------------------ */
:root{
 --font-sans:'Suisse Intl','Suisse Int’l','Helvetica Neue',Helvetica,Arial,sans-serif;
 --bg:#f5f6fa;--card:#fff;--sidebar:#fff;--text:#151b31;--muted:#747d94;
 --line:#e3e6ef;--field:#fafbfe;--accent:#6f57ed;--accent2:#927fff;
 --lav:#f0edff;--shadow:0 12px 36px rgba(25,30,65,.055);--radius:18px;
}
:root[data-theme="dark"]{--bg:#10121c;--card:#181b2a;--sidebar:#151725;--text:#f4f5fb;--muted:#a0a6b9;--line:#2b2f42;--field:#202334;--lav:#292541;--shadow:0 12px 36px rgba(0,0,0,.14)}
html,body,button,input,select,textarea{font-family:var(--font-sans)}
body{font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3{font-weight:650;letter-spacing:-.028em}h4{font-weight:600}p{line-height:1.55}
.app-icon{display:inline-block;width:1.2em;height:1.2em;vertical-align:-.2em;flex:none}
.brand-mark{font-size:0;overflow:hidden;position:relative;background:#060714;border:1px solid rgba(255,255,255,.08);box-shadow:0 6px 18px rgba(15,14,35,.22);transition:transform .18s ease,box-shadow .18s ease}
.brand-mark .brand-logo-img,.brand-mark img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}
.brand:hover .brand-mark{transform:translateY(-1px);box-shadow:0 8px 22px rgba(15,14,35,.28)}
:root[data-theme="dark"] .brand-mark{border-color:rgba(255,255,255,.14);box-shadow:0 6px 18px rgba(0,0,0,.5)}
.huge-brand .brand-mark{width:46px;height:46px;border-radius:14px;box-shadow:0 10px 24px rgba(10,8,30,.35)}
.setup-card .brand-mark{width:48px;height:48px;border-radius:14px;margin-bottom:14px}
.brand-mark .app-icon{width:21px;height:21px;stroke-width:1.7}
.btn .app-icon,.pill .app-icon,.folder-pill .app-icon{width:16px;height:16px;vertical-align:middle}
.nav-ico .app-icon{width:21px;height:21px}.metric-icon .app-icon{width:21px;height:21px}
.type-symbol .app-icon{width:23px;height:23px}.quick-icon .app-icon{width:21px;height:21px}
.upgrade-icon .app-icon{width:25px;height:25px}.detail-icon .app-icon{width:24px;height:24px}
.hero-kicker,.auth-feature,.float-chip{display:flex;align-items:center;gap:8px}.hero-kicker .app-icon{width:14px;height:14px}.float-chip .app-icon{width:15px;height:15px}
.auth-feature .app-icon{width:17px;height:17px;color:#dcd5ff}
.sidebar{width:260px;padding:22px 14px 16px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.sidebar::-webkit-scrollbar{width:4px}
.sidebar::-webkit-scrollbar-track{background:transparent}
.sidebar::-webkit-scrollbar-thumb{background:var(--line);border-radius:10px}
.sidebar::-webkit-scrollbar-thumb:hover{background:var(--muted)}
.brand{gap:12px;font-size:14px;padding:0 10px}.brand b{font-size:11px}.brand-mark{width:40px;height:40px;border-radius:12px}
.sidebar-workspace{margin:18px 0 16px;padding:9px 10px;border-radius:12px}.workspace-icon,.top-avatar{width:36px;height:36px;border-radius:10px}.sidebar-workspace b{font-size:12.5px;max-width:142px}.sidebar-workspace small{font-size:10.5px}
.nav-label{font-size:9.5px;padding:0 12px;margin-bottom:6px;letter-spacing:.12em}.nav{gap:3px;margin-bottom:16px}.nav-link{gap:12px;min-height:40px;padding:9px 12px;font-size:13px;font-weight:600;border-radius:10px}.nav-link::before,.nav-link::after{display:none!important;content:none!important}.nav-ico{width:20px;height:20px;display:grid;place-items:center;font-size:0}
.sidebar-bottom{margin-top:auto;flex-shrink:0;padding-top:12px}.upgrade-block{padding:14px 13px;border-radius:14px;gap:7px;margin-bottom:10px}.upgrade-block b{font-size:12.5px}.upgrade-block small{font-size:10.5px;line-height:1.45}.upgrade-block a{font-size:10.5px;margin-top:2px}:root[data-theme="dark"] .upgrade-block{background:linear-gradient(145deg,#29243f,#33294f);color:#e8e2ff}
.topbar{height:72px;padding:0 38px}.crumb{font-size:13px}.top-actions{gap:12px}.plan-tag{font-size:11px;padding:7px 11px}.tz-badge{display:inline-flex;align-items:center;gap:6px;text-decoration:none;transition:border-color .18s ease,color .18s ease,background-color .18s ease}.tz-badge:hover{border-color:var(--accent);color:var(--accent);background:var(--lav)}.tz-badge .tz-icon{display:inline-flex;align-items:center}.tz-badge .tz-icon .app-icon{width:13px;height:13px;stroke-width:2}.hint-inline{font-weight:400;color:var(--muted);font-size:12px;margin-left:4px}.theme-toggle,.icon-btn{width:38px;height:38px;border-radius:11px;font-size:0}.theme-toggle .app-icon,.icon-btn .app-icon{width:18px;height:18px}.top-avatar{font-size:13px}
.content{padding:38px 40px 56px;max-width:1520px}.page-head{margin-bottom:30px}.page-head h1{font-size:32px;margin:7px 0 7px}.page-head p{font-size:14px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.16em}
.card{border-radius:var(--radius);box-shadow:var(--shadow)}
.btn{min-height:44px;padding:11px 17px;border-radius:11px;font-size:13px;font-weight:650;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.btn:hover{filter:none;box-shadow:0 7px 18px rgba(44,40,90,.1)}.btn.primary{background:linear-gradient(135deg,#765df2,#674fe2);box-shadow:0 7px 18px rgba(104,80,226,.2)}
input,select,textarea{min-height:48px;padding:13px 15px;border-radius:11px;font-size:14px;border-color:var(--line);transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}textarea{line-height:1.55;resize:vertical}label{gap:9px;font-size:13px;font-weight:600}label input,label textarea,label select{font-size:14px;font-weight:450}input[type=checkbox],input[type=radio]{width:18px;height:18px;min-height:18px;padding:0}input[type=color]{height:52px;min-height:52px;padding:6px}.hint{font-size:12px;line-height:1.55}.muted{font-size:14px}
.hero-banner{height:288px;border-radius:20px;margin-bottom:24px}.hero-text{padding:39px 42px}.hero-text h2{font-size:34px;margin:15px 0 12px}.hero-text p{font-size:14px;max-width:500px;margin-bottom:22px}.hero-kicker{font-size:10px}.hero-qr{width:168px;height:168px;grid-template-rows:minmax(0,1fr) auto;padding:15px 15px 12px}.hero-qr canvas{display:block;width:124px;height:124px;max-width:100%;image-rendering:pixelated}.hero-qr b{margin-top:2px}.float-chip{font-size:11px;padding:10px 13px}
.metric-grid{gap:18px;margin-bottom:22px}.metric{min-height:156px;padding:22px}.metric-icon{width:40px;height:40px;border-radius:11px;margin-bottom:12px}.metric small{font-size:12px;font-weight:600}.metric strong{font-size:28px;font-weight:650;margin-top:6px}.metric-hint{font-size:11px}.dashboard-grid{gap:20px;margin-bottom:22px}.chart-card,.quickstart,.recent-card{padding:24px 26px}.card-head{margin-bottom:20px}.card-head h3{font-size:18px;margin-bottom:5px}.card-head p{font-size:12px}.mini-tag{font-size:11px;padding:6px 10px}
.quick-item{gap:14px;padding:12px 2px}.quick-item b{font-size:13px}.quick-item small{font-size:11px}.quick-icon{width:42px;height:42px;border-radius:12px}.small-action{font-size:12px}
.data-table{font-size:13px}.data-table th{font-size:10px;padding:16px 12px}.data-table td{padding:17px 12px}.qr-name{gap:12px}.qr-mini{width:40px;height:40px;font-size:0}.qr-mini .app-icon{width:21px;height:21px}.qr-name b{font-size:13px}.qr-name small{font-size:10px}.pill{font-size:11px;padding:6px 10px;gap:7px}
.toolbar{padding:20px 22px;gap:18px}.toolbar-right{gap:10px}.search-wrap{min-width:260px;max-width:460px;padding-left:14px;border-radius:11px}.search-wrap span{font-size:0;display:grid;place-items:center}.search-wrap .app-icon{width:18px;height:18px}.search-wrap input{min-height:44px;font-size:14px}.inline-form{padding:18px 22px}.folder-list{padding:16px 22px;flex-wrap:wrap}.folder-pill{display:inline-flex;align-items:center;gap:7px;font-size:12px;padding:8px 11px}
.editor-layout{grid-template-columns:minmax(0,1fr) 330px;gap:20px}.editor-main{gap:20px}.editor-card{padding:28px}.step-heading{gap:14px;margin-bottom:22px}.step-number{width:42px;height:42px;border-radius:12px;font-size:13px}.step-heading h3{font-size:18.5px;margin-bottom:4px}.step-heading p{font-size:12.5px}.type-controls{margin-bottom:18px}.type-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-height:388px;padding:2px 6px 2px 2px;scrollbar-width:thin;scrollbar-color:#c9c2ee transparent}.type-choice{min-height:90px;gap:11px;padding:15px 16px;border-radius:13px;font-size:13px;font-weight:600;line-height:1.3}.type-choice:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(42,36,82,.06)}.type-symbol{height:24px;font-size:0}.field-grid{column-gap:20px;row-gap:20px}.mode-picker{gap:12px;margin-top:9px}.mode-picker label{min-height:78px;padding:15px 16px;border-radius:12px}.mode-picker label b{font-size:13px;display:flex;align-items:center;gap:7px}.mode-picker label b .app-icon{width:15px;height:15px}.mode-picker label small{font-size:11px;margin-top:5px}#mode-hint{display:block;margin-top:10px}.inline-check{min-height:48px}.check{gap:10px}.field-note{font-size:12px}.password-clear-check{display:block;margin-top:6px}.inline-check-sub{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:500;color:var(--muted);cursor:pointer}.inline-check-sub input{cursor:pointer;width:15px;height:15px;min-height:15px}.advanced-drop{margin-top:24px;padding:16px;border-radius:12px}.advanced-drop summary{font-size:13px}.form-actions{gap:10px}.preview-side{position:sticky;top:20px}.preview-card{padding:26px;max-height:calc(100vh - 40px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.preview-card::-webkit-scrollbar{width:4px}.preview-card::-webkit-scrollbar-track{background:transparent}.preview-card::-webkit-scrollbar-thumb{background:var(--line);border-radius:10px}.preview-card h3{font-size:18px;margin:8px 0 5px}.preview-card p{font-size:12px}.qr-preview-stage{max-width:260px;margin:20px auto 14px;padding:16px}.preview-name{font-size:13px;margin:12px auto 16px}.preview-buttons{gap:9px;margin:12px 0}.scan-warning{font-size:11px;line-height:1.5;display:flex;align-items:flex-start;justify-content:center;gap:7px}.scan-warning[hidden]{display:none}.scan-warning .app-icon{width:15px;height:15px;margin-top:1px}
.analytics-card{padding:25px 26px}.analytics-card .leader-row:first-of-type,.analytics-card .device-row:first-of-type{border-top:1px solid var(--line)}.empty-state{padding:26px 0;text-align:center}.privacy-note{margin-top:18px}.admin-card>.card-head{padding:24px 26px 0}.admin-card .table-wrap{padding:0 14px 10px}
.detail-grid{grid-template-columns:340px minmax(0,1fr);gap:22px}.detail-qr{padding:26px}.detail-header{padding:26px}.detail-info{gap:19px}.detail-icon{font-size:0}.detail-stat-row{gap:15px}.detail-stat-row .card{padding:20px}.breakdown-cols{gap:30px}.leader-row,.breakdown-item,.device-row{padding:14px 0;font-size:13px}
.settings-grid{gap:22px}.settings-grid .stack{margin-top:24px}.plan-panel{padding:25px;margin:22px 0}.code-sample{line-height:1.65}
.app-footer{padding:18px 40px;font-size:11px}.auth-visual-inner{padding:70px 50px}.auth-visual h1{font-size:48px}.auth-visual p{font-size:15px}.auth-card{max-width:440px}.auth-card h2{font-size:30px}.auth-card>.muted{margin-bottom:31px}

/* Custom form controls ---------------------------------------------------- */
.custom-native-control{position:fixed!important;left:-9999px!important;top:-9999px!important;width:1px!important;height:1px!important;min-height:1px!important;margin:0!important;padding:0!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;-webkit-appearance:none!important;appearance:none!important}
.custom-select,.custom-color{position:relative;width:100%;font-size:14px;font-weight:500}
.custom-select-trigger,.custom-color-trigger{width:100%;min-height:52px;display:flex;align-items:center;gap:12px;padding:0 15px;border:1px solid var(--line);border-radius:12px;background:var(--field);color:var(--text);text-align:left;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}
.custom-select-trigger:hover,.custom-color-trigger:hover{border-color:#cbc6e1;background:var(--card)}
.custom-select-trigger:focus-visible,.custom-color-trigger:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(113,89,243,.12)}
.custom-select-trigger[aria-expanded="true"],.custom-color-trigger[aria-expanded="true"]{border-color:var(--accent);box-shadow:0 0 0 3px rgba(113,89,243,.1)}
.custom-select-trigger:disabled{cursor:not-allowed;opacity:.55}
.custom-select-value,.custom-color-value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.custom-select-trigger>.app-icon,.custom-color-trigger>.app-icon{width:17px;height:17px;color:var(--muted);transition:transform .18s ease}
.custom-select-trigger[aria-expanded="true"]>.app-icon,.custom-color-trigger[aria-expanded="true"]>.app-icon{transform:rotate(180deg)}
.custom-select-menu{position:absolute;left:0;right:0;top:calc(100% + 7px);z-index:100005;max-height:270px;overflow:auto;padding:7px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 48px rgba(28,25,55,.16);scrollbar-width:thin;scrollbar-color:#cbc5e8 transparent}
.custom-select-menu[hidden],.color-popover[hidden]{display:none}
.custom-select-option{width:100%;min-height:42px;display:flex;align-items:center;gap:12px;padding:9px 11px;border:0;border-radius:9px;background:transparent;color:var(--text);font-size:13px;font-weight:500;text-align:left}
.custom-select-option:hover,.custom-select-option:focus-visible{outline:none;background:var(--field)}.custom-select-option.selected{background:var(--lav);color:var(--accent);font-weight:650}
.custom-select-option span{flex:1}.custom-select-option .app-icon{width:16px;height:16px;opacity:0}.custom-select-option.selected .app-icon{opacity:1}.custom-select-option:disabled{opacity:.45;cursor:not-allowed}
.custom-file{width:100%;min-height:66px;display:flex;align-items:center;gap:13px;padding:10px 12px;border:1px dashed #d7d9e5;border-radius:13px;background:var(--field);cursor:pointer;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease}
.custom-file:hover,.custom-file.dragging{border-color:var(--accent);background:var(--lav);box-shadow:0 0 0 3px rgba(113,89,243,.08)}
.custom-file:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(113,89,243,.14)}
.custom-file.field-invalid{border-color:#e24b68;background:#fff5f6;box-shadow:0 0 0 3px rgba(226,75,104,.14)}
.custom-file-trigger{min-height:42px;display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--text);font-size:13px;font-weight:650;white-space:nowrap;box-shadow:0 3px 10px rgba(29,28,55,.04);cursor:pointer}
.custom-file-trigger:hover{border-color:var(--accent);color:var(--accent)}.custom-file-trigger .app-icon{width:17px;height:17px}
.custom-file-name{min-width:0;flex:1;color:var(--muted);font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;user-select:none}
.custom-file.has-file .custom-file-name{color:var(--text)}.custom-file-clear{width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:var(--muted);line-height:1;cursor:pointer}.custom-file-clear .app-icon{width:16px;height:16px}.custom-file-clear:hover{background:var(--card);color:#e24b68}.custom-file-clear:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(113,89,243,.14)}.custom-file-clear[hidden]{display:none}
.custom-color-swatch{width:34px;height:34px;flex:none;border-radius:9px;border:1px solid rgba(22,27,55,.12);box-shadow:inset 0 0 0 3px rgba(255,255,255,.2)}.custom-color-value{font-variant-numeric:tabular-nums;letter-spacing:.03em}
.color-popover{position:absolute;left:0;top:calc(100% + 8px);z-index:100005;width:min(340px,calc(100vw - 42px));padding:14px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 22px 58px rgba(25,22,55,.2)}
.color-surface{position:relative;height:184px;border-radius:12px;background-image:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent);cursor:crosshair;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(15,18,36,.12)}
.color-surface:focus-visible{outline:3px solid rgba(113,89,243,.18);outline-offset:2px}.color-cursor{position:absolute;width:18px;height:18px;border:3px solid #fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px rgba(13,16,31,.45),0 2px 6px rgba(0,0,0,.25);pointer-events:none}
.color-hue-row{display:grid;grid-template-columns:22px 1fr;align-items:center;gap:11px;margin:15px 2px}.color-hue-row>.app-icon{width:20px;height:20px;color:var(--muted)}
.color-hue{appearance:none;-webkit-appearance:none;width:100%;height:12px!important;min-height:12px!important;padding:0!important;border:0!important;border-radius:999px!important;background:linear-gradient(90deg,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00)!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)!important;cursor:pointer}
.color-hue::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border:3px solid #fff;border-radius:50%;background:var(--card);box-shadow:0 1px 5px rgba(0,0,0,.35)}.color-hue::-moz-range-thumb{width:17px;height:17px;border:3px solid #fff;border-radius:50%;background:var(--card);box-shadow:0 1px 5px rgba(0,0,0,.35)}
.color-value-row{display:grid;grid-template-columns:auto minmax(0,1fr) 38px;align-items:center;gap:9px}.color-value-row>span:first-child{color:var(--muted);font-size:15px}.color-hex{min-height:42px!important;height:42px;padding:9px 11px!important;text-transform:uppercase;font-variant-numeric:tabular-nums}.color-preview{width:38px;height:38px;border-radius:10px;border:1px solid var(--line)}
.color-presets{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin-top:13px;padding-top:13px;border-top:1px solid var(--line)}.color-preset{aspect-ratio:1;border:2px solid var(--card);border-radius:8px;box-shadow:0 0 0 1px var(--line);transition:transform .15s ease}.color-preset:hover{transform:translateY(-2px) scale(1.04)}
input[type=checkbox],input[type=radio]{appearance:none;-webkit-appearance:none;display:inline-grid;place-content:center;flex:none;width:19px;height:19px;min-height:19px;border:1.5px solid #b9bfce;border-radius:5px;background:var(--card);box-shadow:none;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}
input[type=checkbox]::before{content:'';width:9px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) scale(0);transition:transform .12s ease;margin-top:-2px}input[type=checkbox]:checked{border-color:var(--accent);background:var(--accent)}input[type=checkbox]:checked::before{transform:rotate(-45deg) scale(1)}
input[type=radio]{border-radius:50%}input[type=radio]::before{content:'';width:9px;height:9px;border-radius:50%;background:var(--accent);transform:scale(0);transition:transform .12s ease}input[type=radio]:checked{border-color:var(--accent);box-shadow:0 0 0 3px rgba(113,89,243,.1)}input[type=radio]:checked::before{transform:scale(1)}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(113,89,243,.15)}input[type=checkbox]:disabled,input[type=radio]:disabled{opacity:.45;cursor:not-allowed}
.detail-info>.card:not(.detail-header):not(.chart-card){padding:26px}.detail-info>.card>.hint:last-child{display:block;margin-top:20px}.detail-info>.card .breakdown-cols+.hint{padding-top:18px;border-top:1px solid var(--line)}
:root[data-theme="dark"] .custom-select-menu,:root[data-theme="dark"] .color-popover{box-shadow:0 20px 55px rgba(0,0,0,.38)}:root[data-theme="dark"] .custom-color-swatch{border-color:rgba(255,255,255,.15)}
/* Custom Date & DateTime Picker */
.custom-datepicker{position:relative;width:100%;font-size:14px;font-weight:500}
.custom-datepicker-trigger{width:100%;min-height:48px;display:flex;align-items:center;gap:12px;padding:0 15px;border:1px solid var(--line);border-radius:12px;background:var(--field);color:var(--text);text-align:left;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease;cursor:pointer}
.custom-datepicker-trigger:hover{border-color:#cbc6e1;background:var(--card)}
.custom-datepicker-trigger:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(113,89,243,.12)}
.custom-datepicker-trigger[aria-expanded="true"]{border-color:var(--accent);box-shadow:0 0 0 3px rgba(113,89,243,.1)}
.custom-datepicker-icon{width:18px;height:18px;color:var(--muted);flex:none;display:grid;place-items:center}
.custom-datepicker-icon svg,.custom-datepicker-icon .app-icon{width:18px;height:18px;display:block}
.custom-datepicker-value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.custom-datepicker.is-empty .custom-datepicker-value{color:var(--muted);font-weight:450}
.custom-datepicker-clear{width:26px;height:26px;border:0;border-radius:7px;background:transparent;color:var(--muted);display:grid;place-items:center;padding:0;cursor:pointer;transition:background-color .15s ease,color .15s ease;flex:none}
.custom-datepicker-clear svg,.custom-datepicker-clear .app-icon{width:14px;height:14px;display:block}
.custom-datepicker-clear:hover{background:var(--lav);color:#e24b68}
.custom-datepicker-clear[hidden]{display:none!important}
.datepicker-popover{position:absolute;left:0;top:calc(100% + 8px);z-index:100005;width:min(330px,calc(100vw - 32px));padding:16px;background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:0 22px 58px rgba(25,22,55,.2);user-select:none}
:root[data-theme="dark"] .datepicker-popover{box-shadow:0 22px 58px rgba(0,0,0,.55)}
.datepicker-popover[hidden]{display:none!important}
.datepicker-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.datepicker-nav-btn{width:32px;height:32px;border:1px solid var(--line);border-radius:9px;background:var(--field);color:var(--text);display:grid;place-items:center;cursor:pointer;padding:0;transition:background-color .15s ease,border-color .15s ease}
.datepicker-nav-btn:hover{background:var(--lav);border-color:var(--accent);color:var(--accent)}
.datepicker-nav-btn svg,.datepicker-nav-btn .app-icon{width:16px;height:16px}
.datepicker-title{font-size:14px;font-weight:700;color:var(--text);letter-spacing:-.01em}
.datepicker-weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:11px;font-weight:700;color:var(--muted);margin-bottom:6px}
.datepicker-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}
.datepicker-day{aspect-ratio:1;border:0;border-radius:9px;background:transparent;color:var(--text);font-size:12px;font-weight:600;display:grid;place-items:center;cursor:pointer;padding:0;transition:background-color .12s ease,color .12s ease,transform .12s ease}
.datepicker-day:hover{background:var(--lav);color:var(--accent);transform:scale(1.05)}
.datepicker-day.is-today{border:1.5px solid var(--accent)}
.datepicker-day.is-selected{background:linear-gradient(135deg,#765df2,#674fe2)!important;color:#fff!important;font-weight:750;box-shadow:0 4px 12px rgba(111,87,237,.3)}
.datepicker-day.other-month{color:var(--muted);opacity:.4}
.datepicker-time-wrap{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.datepicker-time-label{font-size:11px;font-weight:700;color:var(--muted);margin-right:4px;display:inline-flex;align-items:center;gap:5px}
.datepicker-time-label svg,.datepicker-time-label .app-icon{width:14px;height:14px}
.datepicker-time-spin{width:46px;min-height:36px;height:36px;padding:4px;text-align:center;border-radius:9px;border:1px solid var(--line);background:var(--field);color:var(--text);font-size:14px;font-weight:700;outline:none;font-variant-numeric:tabular-nums}
.datepicker-time-spin:focus{border-color:var(--accent);box-shadow:0 0 0 2px rgba(111,87,237,.15)}
.datepicker-time-sep{font-weight:800;font-size:15px;color:var(--muted)}
.datepicker-ampm{min-height:36px;height:36px;padding:0 12px;border-radius:9px;border:1px solid var(--line);background:var(--lav);color:var(--accent);font-size:12px;font-weight:750;cursor:pointer;transition:background-color .15s ease}
.datepicker-ampm:hover{filter:brightness(1.05)}
.datepicker-tz{font-size:10px;font-weight:750;color:var(--muted);background:var(--field);border:1px solid var(--line);border-radius:8px;padding:5px 7px;font-variant-numeric:tabular-nums;user-select:none}
.datepicker-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.datepicker-footer .btn{min-height:34px;padding:6px 12px;font-size:11px;border-radius:8px}
.password-wrap{position:relative;width:100%;display:flex;align-items:center}
.password-wrap input{padding-right:44px!important;width:100%}
.password-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:8px;color:var(--muted);cursor:pointer;padding:0;transition:color .15s ease,background-color .15s ease,transform .12s ease;z-index:2}
.password-toggle:hover{color:var(--text);background:var(--lav)}
.password-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.password-toggle.active{color:var(--accent)}

/* Experience studio, destination previews and rich public pages ---------- */
.type-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:520px;gap:11px}
.type-choice{flex-direction:row;align-items:center;justify-content:flex-start;min-height:92px;gap:13px}.type-symbol{width:28px;display:grid;place-items:center;flex:none}.type-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.type-copy b{font-size:12px;line-height:1.25;color:var(--text)}.type-copy small{font-size:10px;line-height:1.35;color:var(--muted);font-weight:500}.type-choice.chosen .type-copy b{color:var(--accent)}.type-choice.chosen .type-symbol{color:var(--accent)}.type-choice[hidden],.type-choice.type-hidden,[hidden]{display:none!important}.type-empty{grid-column:1/-1;text-align:center;padding:38px 20px;background:var(--field);border:1px dashed var(--line);border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--muted)}.type-empty[hidden],.type-empty.type-hidden{display:none!important}.type-empty strong{font-size:14px;font-weight:700;color:var(--text)}.type-empty span{font-size:12px;color:var(--muted)}.type-empty .btn{margin-top:6px}.field-invalid,input.field-invalid,textarea.field-invalid,select.field-invalid{border-color:#ef4444!important;background-color:rgba(239,68,68,.04)!important;box-shadow:0 0 0 3px rgba(239,68,68,.18)!important;animation:fieldShake .35s cubic-bezier(.36,.07,.19,.97) both}@keyframes fieldShake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-3px,0,0)}40%,60%{transform:translate3d(3px,0,0)}}
.design-group{padding:20px 0;border-top:1px solid var(--line)}.design-group:first-of-type{border-top:0;padding-top:0}.design-group:last-child{padding-bottom:0}.design-group h4{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 16px}
.preview-downloads{transition:opacity .18s;margin-top:20px;margin-bottom:6px}.preview-downloads-muted{opacity:.55}
.preview-card .hint,.detail-qr .hint,.preview-downloads + .hint{display:block;margin-top:18px;margin-bottom:0;color:var(--muted);font-size:11.5px;line-height:1.55}
.download-dropdown-wrap{position:relative;width:100%}
.btn-download-toggle{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:750;font-size:13.5px;padding:12px 18px;border-radius:12px;box-shadow:0 4px 16px rgba(112,89,233,.24);cursor:pointer;transition:transform .12s ease,box-shadow .15s ease,background-color .15s ease}
.btn-download-toggle:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(112,89,233,.34)}
.btn-download-toggle .app-icon{width:17px;height:17px;flex-shrink:0}
.btn-download-toggle .btn-arrow{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease;font-size:11px}
.btn-download-toggle[aria-expanded="true"] .btn-arrow{transform:rotate(180deg)}
.download-popover{position:absolute;left:0;top:calc(100% + 8px);z-index:100005;box-sizing:border-box;width:min(340px,calc(100vw - 32px));padding:12px 12px 10px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 48px rgba(25,22,55,.18);user-select:none;scrollbar-width:thin;scrollbar-color:var(--line) transparent;animation:downloadFadeIn .12s cubic-bezier(.16,1,.3,1)}
.download-popover::-webkit-scrollbar{width:6px}
.download-popover::-webkit-scrollbar-track{background:transparent}
.download-popover::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}
@keyframes downloadFadeIn{from{transform:scale(.97);opacity:.9}to{transform:scale(1);opacity:1}}
:root[data-theme="dark"] .download-popover{box-shadow:0 22px 58px rgba(0,0,0,.55)}
.download-popover[hidden]{display:none!important}
.download-popover-head{display:flex;flex-direction:column;gap:2px;padding:2px 4px 10px;border-bottom:1px solid var(--line);margin-bottom:6px}
.download-popover-title{font-size:13px;font-weight:750;color:var(--text);letter-spacing:-.01em;display:flex;align-items:center;gap:7px}
.download-popover-title .app-icon{width:16px;height:16px;color:var(--accent)}
.download-popover-sub{font-size:11px;color:var(--muted);line-height:1.35}
.download-formats-list{display:flex;flex-direction:column;gap:3px}
.download-format-item{width:100%;display:flex;align-items:center;gap:10px;padding:7px 9px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--text);text-align:left;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .12s ease}
.download-format-item:hover{background:var(--lav);border-color:rgba(112,89,233,.18);transform:translateX(2px)}
.download-format-item:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.format-badge{flex-shrink:0;width:40px;height:29px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.08)}
.badge-png{background:linear-gradient(135deg,#7059e9,#5438dc)}
.badge-svg{background:linear-gradient(135deg,#0284c7,#0369a1)}
.badge-pdf{background:linear-gradient(135deg,#e11d48,#be123c)}
.badge-eps{background:linear-gradient(135deg,#f59e0b,#d97706)}
.badge-webp{background:linear-gradient(135deg,#10b981,#059669)}
.badge-jpg{background:linear-gradient(135deg,#64748b,#475569)}
.format-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.format-info-top{display:flex;align-items:center;justify-content:space-between;gap:6px}
.format-title{font-size:12px;font-weight:700;color:var(--text);line-height:1.2}
.format-desc{font-size:10px;color:var(--muted);line-height:1.25}
.format-tag{font-size:9px;font-weight:750;padding:1.5px 6px;border-radius:99px;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}
.tag-rec{background:rgba(112,89,233,.12);color:var(--accent)}
.tag-vec{background:rgba(2,132,199,.12);color:#0284c7}
.tag-print{background:rgba(225,29,72,.12);color:#e11d48}
.tag-press{background:rgba(245,158,11,.15);color:#b45309}
.tag-web{background:rgba(16,185,129,.12);color:#059669}
.tag-std{background:rgba(100,116,139,.12);color:#475569}
:root[data-theme="dark"] .tag-press{color:#f59e0b}
:root[data-theme="dark"] .tag-std{color:#94a3b8}

/* Segmented switcher (QR code vs In-phone destination preview) */
.preview-switch{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:4px;margin:12px auto 14px;background:var(--field);border:1px solid var(--line);border-radius:99px;max-width:100%;box-shadow:inset 0 1px 2px rgba(22,25,50,.03)}
.preview-switch button{appearance:none;-webkit-appearance:none;border:0;outline:none;background:transparent;color:var(--muted);font-family:inherit;font-size:12px;font-weight:700;letter-spacing:.01em;padding:6.5px 15px;border-radius:99px;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;line-height:1.2;white-space:nowrap;user-select:none;transition:all .18s cubic-bezier(.2,.8,.2,1)}
.preview-switch button .app-icon{width:14px;height:14px;color:currentColor;flex-shrink:0;transition:transform .18s ease}
.preview-switch button:hover{color:var(--text);background:rgba(111,87,237,.06)}
.preview-switch button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.preview-switch button.active{background:var(--card);color:var(--accent);box-shadow:0 2px 8px rgba(22,25,50,.08),0 1px 2px rgba(22,25,50,.04);cursor:default}
.preview-switch button.active .app-icon{color:var(--accent)}
:root[data-theme="dark"] .preview-switch{background:var(--field);border-color:var(--line);box-shadow:inset 0 1px 2px rgba(0,0,0,.25)}
:root[data-theme="dark"] .preview-switch button{color:var(--muted)}
:root[data-theme="dark"] .preview-switch button:hover{color:var(--text);background:rgba(255,255,255,.06)}
:root[data-theme="dark"] .preview-switch button.active{background:var(--card);color:var(--accent);box-shadow:0 2px 10px rgba(0,0,0,.45)}

.phone-preview{width:270px;max-width:100%;height:515px;margin:20px auto 18px;padding:17px 11px 13px;border:1px solid var(--line);border-radius:38px;background:var(--card);box-shadow:0 18px 45px rgba(23,25,55,.12);position:relative}
.phone-speaker{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:66px;height:5px;border-radius:99px;background:var(--line);z-index:10}
.phone-screen{height:100%;overflow:auto;border-radius:27px;background:var(--field);text-align:left;scrollbar-width:none}
.phone-screen::-webkit-scrollbar{display:none}

/* Hero and Avatar */
.phone-hero{min-height:114px;padding:18px 14px 14px;background:linear-gradient(145deg,var(--phone-accent,#7059e9),color-mix(in srgb,var(--phone-accent,#7059e9),#fff 32%));color:#fff;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}
.phone-hero>span,.phone-hero>img{width:56px;height:56px;border-radius:16px;background:#fff;color:var(--phone-accent);display:grid;place-items:center;object-fit:cover;font-size:23px;font-weight:750;box-shadow:0 8px 22px rgba(0,0,0,.14);margin-bottom:8px}
.phone-hero>b{font-size:14px;font-weight:750;line-height:1.25;word-break:break-word;max-width:92%}
.phone-hero>small{font-size:10px;line-height:1.45;color:#fff;opacity:.9;margin-top:4px}
.phone-hero-role{display:inline-block;font-size:9.5px;font-weight:650;line-height:1.35;color:rgba(255,255,255,.95);background:rgba(0,0,0,.15);padding:2px 10px;border-radius:99px;margin-top:5px;letter-spacing:.01em}

.phone-avatar-wrap{width:56px;height:56px;border-radius:16px;background:#fff;color:var(--phone-accent,#7059e9);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 22px rgba(0,0,0,.14);margin-bottom:8px;overflow:hidden;position:relative;border:2px solid rgba(255,255,255,.9);flex-shrink:0}
.phone-avatar-img{width:100%;height:100%;object-fit:cover;display:block}
.phone-avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:var(--phone-accent,#7059e9);background:#fff}
.phone-avatar-fallback .app-icon{width:26px;height:26px;color:var(--phone-accent,#7059e9)}

/* Bio and Link Lists */
.phone-bio{margin:11px 12px 5px;padding:10px 14px;background:var(--card);border:1px solid var(--line);border-radius:12px;font-size:11px;line-height:1.5;color:var(--text);text-align:center;box-shadow:0 2px 7px rgba(18,22,45,.03)}
.phone-bio p{margin:0;word-break:break-word}
.phone-copy{padding:14px;font-size:11px;color:var(--muted);line-height:1.55;text-align:center}
.phone-links-wrap{display:flex;flex-direction:column;gap:7px;padding:6px 12px 12px}
.phone-links-wrap .phone-link{margin:0}

.phone-link{margin:7px 12px;padding:11px 13px;background:var(--card);border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;font-weight:650;color:var(--text);text-decoration:none;box-shadow:0 2px 7px rgba(18,22,45,.03);transition:transform .15s ease,border-color .15s ease}
.phone-link:hover{border-color:var(--accent);transform:translateY(-1px)}
.phone-link-icon{width:24px;height:24px;border-radius:8px;background:var(--lav);color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.phone-link-icon .app-icon{width:13px;height:13px}
.phone-link-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}
.phone-link-arrow{color:var(--muted);font-size:11px;font-weight:700;flex-shrink:0}

/* Wi-Fi Authentic Mobile Prompt */
.phone-wifi-screen{height:100%;min-height:480px;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 15%,rgba(111,87,237,.14),transparent 60%),var(--field);position:relative}
.phone-status-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px 4px;font-size:11px;font-weight:700;color:var(--muted);letter-spacing:-.01em}
.phone-status-icons{display:flex;align-items:center;gap:6px}
.phone-status-icons .app-icon{width:12px;height:12px}
.phone-battery{width:17px;height:9px;border:1px solid currentColor;border-radius:3px;padding:1px;display:inline-flex;position:relative}
.phone-battery::after{content:'';position:absolute;right:-3px;top:2px;width:1.5px;height:3px;background:currentColor;border-radius:0 1px 1px 0}
.phone-battery i{display:block;width:70%;height:100%;background:currentColor;border-radius:1px}
.phone-wifi-center{flex:1;display:flex;align-items:center;justify-content:center;padding:14px}
.phone-dialog{width:100%;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:22px 16px 16px;box-shadow:0 18px 45px rgba(22,25,50,.14);text-align:center;display:flex;flex-direction:column;align-items:center;position:relative}
.phone-dialog-badge{width:48px;height:48px;border-radius:16px;background:var(--lav);color:var(--accent);display:flex;align-items:center;justify-content:center;margin-bottom:12px;box-shadow:0 6px 18px rgba(111,87,237,.16)}
.phone-dialog-badge .app-icon{width:24px;height:24px}
.phone-dialog-title{font-size:14px;font-weight:750;color:var(--text);margin-bottom:4px}
.phone-dialog-desc{font-size:11px;color:var(--muted);margin:0 0 12px}
.phone-dialog-ssid{width:100%;background:var(--field);border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:10px}
.phone-ssid-name{font-size:13px;font-weight:750;color:var(--text);word-break:break-all}
.phone-ssid-meta{display:inline-block;font-size:9px;font-weight:750;color:var(--accent);background:var(--lav);padding:2px 8px;border-radius:99px;text-transform:uppercase}
.phone-dialog-field{width:100%;display:flex;align-items:center;justify-content:space-between;padding:4px 6px 10px;font-size:10px;color:var(--muted)}
.phone-dialog-field code{font-family:inherit;font-size:12px;letter-spacing:2px;color:var(--text)}
.phone-dialog-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}
.phone-dialog-btn{min-height:36px;border-radius:10px;font-size:11px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;transition:background-color .15s ease,filter .15s ease}
.phone-dialog-btn.cancel{background:var(--field);border-color:var(--line);color:var(--muted)}
.phone-dialog-btn.confirm{background:var(--accent);color:#fff;box-shadow:0 4px 12px rgba(111,87,237,.25)}
.phone-dialog-btn:hover{filter:brightness(1.04)}

/* Restaurant Menu Styling */
.phone-menu-note{margin:10px 12px 6px;padding:8px 12px;background:rgba(111,87,237,.06);border:1px dashed rgba(111,87,237,.3);border-radius:10px;font-size:10px;line-height:1.45;color:var(--text);text-align:left}
.phone-menu-note span{font-weight:750;color:var(--accent);display:block;margin-bottom:2px}
.phone-menu-tabs{display:flex;gap:6px;padding:8px 12px 4px;overflow-x:auto;scrollbar-width:none}
.phone-menu-tabs::-webkit-scrollbar{display:none}
.phone-menu-tabs span{padding:4px 10px;border-radius:99px;font-size:9px;font-weight:700;background:var(--card);border:1px solid var(--line);color:var(--muted);white-space:nowrap}
.phone-menu-tabs span.active{background:var(--accent);border-color:var(--accent);color:#fff}
.phone-menu-items{padding:6px 12px;display:flex;flex-direction:column;gap:7px}
.phone-menu-item{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;box-shadow:0 2px 6px rgba(18,22,45,.03)}
.phone-menu-item-info{flex:1;min-width:0;text-align:left}
.phone-menu-item-title{display:block;font-size:11px;font-weight:700;color:var(--text);line-height:1.3}
.phone-menu-item-desc{display:block;font-size:9px;color:var(--muted);line-height:1.35;margin-top:3px}
.veg-badge{font-style:normal;font-size:11px;margin-right:4px;vertical-align:middle}
.veg-badge.veg{color:#10b981}
.veg-badge.non-veg{color:#ef4444}
.phone-menu-item-price{font-size:12px;font-weight:800;color:var(--phone-accent,var(--accent));white-space:nowrap;padding-top:1px}

/* Digital Contact & Profile Actions */
.phone-actions{display:grid;grid-template-columns:repeat(3,1fr);background:var(--card);border-bottom:1px solid var(--line)}
.phone-actions span{display:flex;flex-direction:column;align-items:center;gap:5px;padding:11px 3px;font-size:8px;text-transform:uppercase;font-weight:750;border-right:1px solid var(--line);color:var(--text)}
.phone-actions span:last-child{border:0}
.phone-actions .app-icon{width:16px;height:16px;color:var(--accent)}
.phone-list{padding:6px 14px;background:var(--card)}
.phone-list p{padding:10px 0;border-bottom:1px solid var(--line);font-size:11px;color:var(--text);margin:0}
.phone-list small{display:block;color:var(--muted);font-size:8px;margin-top:3px;text-transform:uppercase}

/* CTA & Store Badges */
.phone-cta,.phone-store{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:calc(100% - 24px);margin:10px auto;padding:11px 14px;border:0;border-radius:12px;background:var(--phone-accent,var(--accent));color:#fff;font-size:11px;font-weight:750;cursor:pointer;box-shadow:0 4px 14px rgba(111,87,237,.22);transition:filter .15s ease,transform .15s ease;text-decoration:none}
.phone-cta.mini{padding:6px 12px;font-size:10px;width:auto;margin:6px auto 0}
.phone-cta:hover,.phone-store:hover{filter:brightness(1.05);transform:translateY(-1px)}
.phone-cta .app-icon{width:14px;height:14px;color:#fff}
.phone-store{background:#12131b;text-align:center}

/* Cards & Rich Placeholders */
.phone-media{display:block;width:calc(100% - 24px);max-height:230px;object-fit:cover;margin:12px;border-radius:12px}
.phone-media-placeholder,.phone-player,.phone-map,.phone-payment{min-height:160px;margin:12px;padding:18px;border-radius:16px;background:var(--card);border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;box-shadow:0 2px 7px rgba(18,22,45,.03)}
.phone-document{margin:12px;padding:16px 14px;border-radius:14px;background:var(--card);border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;box-shadow:0 2px 7px rgba(18,22,45,.03)}
.phone-media-placeholder .app-icon,.phone-player .app-icon,.phone-document .app-icon,.phone-map .app-icon,.phone-payment .app-icon{width:32px;height:32px;color:var(--accent)}
.phone-document b,.phone-map b,.phone-payment b{font-size:12px;overflow-wrap:anywhere;color:var(--text);font-weight:700}
.phone-document span,.phone-map span,.phone-payment span{font-size:9.5px;color:var(--muted);overflow-wrap:anywhere}

/* Plain Text Note Sheet */
.phone-text-screen{display:flex;flex-direction:column;min-height:100%;background:var(--field)}
.phone-text-sheet{margin:10px 12px 14px;padding:16px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 4px 16px rgba(18,22,45,.04);display:flex;flex-direction:column}
.phone-text-sheet-head{display:flex;align-items:center;gap:10px;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--line)}
.phone-text-sheet-icon{width:32px;height:32px;border-radius:9px;background:var(--lav);color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.phone-text-sheet-icon .app-icon{width:16px;height:16px}
.phone-text-sheet-meta{flex:1;min-width:0;text-align:left}
.phone-text-sheet-meta b{font-size:12px;font-weight:750;color:var(--text);display:block}
.phone-text-sheet-meta small{font-size:9px;color:var(--muted);display:block;margin-top:2px}
.phone-text-sheet-body{padding:12px 14px;background:var(--field);border:1px solid var(--line);border-radius:12px;font-size:11.5px;line-height:1.6;color:var(--text);text-align:left;max-height:220px;overflow-y:auto;word-break:break-word}
.phone-text-sheet-body p{margin:0}
.phone-static-hint{font-size:9px;font-weight:600;color:var(--muted);text-align:center;margin-top:8px;line-height:1.4}

/* Mobile Browser Simulation */
.phone-browser-screen{display:flex;flex-direction:column;min-height:100%;background:var(--field)}
.phone-browser-bar{margin:4px 12px 8px;padding:8px 12px;background:var(--card);border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;gap:8px;font-size:10px;font-weight:600;color:var(--text);box-shadow:0 2px 6px rgba(0,0,0,.03)}
.phone-browser-lock{font-size:10px;opacity:.7}
.phone-browser-domain{flex:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}
.phone-browser-refresh{font-size:11px;color:var(--muted)}
.phone-browser-content{padding:10px 12px}
.phone-browser-card{padding:22px 16px;background:var(--card);border:1px solid var(--line);border-radius:16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;box-shadow:0 6px 18px rgba(18,22,45,.04)}
.phone-browser-brand-icon{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center}
.phone-browser-brand-icon .app-icon{width:26px;height:26px}
.phone-browser-title{font-size:13px;font-weight:750;color:var(--text)}
.phone-browser-url{font-size:9.5px;color:var(--muted);word-break:break-all;max-width:100%}

/* Chat Screen (WhatsApp / SMS) */
.phone-chat-screen{display:flex;flex-direction:column;min-height:100%;background:#efeae2}
.phone-chat-screen.sms{background:var(--field)}
.phone-chat-header{padding:10px 12px;background:#075e54;color:#fff;display:flex;align-items:center;gap:8px}
.phone-chat-screen.sms .phone-chat-header{background:var(--card);color:var(--text);border-bottom:1px solid var(--line);justify-content:center;position:relative}
.phone-chat-back{font-size:18px;font-weight:700;cursor:pointer;line-height:1}
.phone-chat-screen.sms .phone-chat-back{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--accent)}
.phone-chat-avatar{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}
.phone-chat-screen.sms .phone-chat-avatar{width:36px;height:36px;background:var(--lav);color:var(--accent);margin:0 auto 4px}
.phone-chat-avatar .app-icon{width:16px;height:16px;color:#fff}
.phone-chat-screen.sms .phone-chat-avatar .app-icon{color:var(--accent)}
.phone-chat-user{flex:1;min-width:0;text-align:left}
.phone-chat-user.center{text-align:center;flex:none}
.phone-chat-user b{display:block;font-size:11px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.phone-chat-user small{display:block;font-size:8.5px;opacity:.85}
.phone-chat-actions{display:flex;align-items:center;gap:10px;font-size:14px}
.phone-chat-body{flex:1;padding:14px 10px;display:flex;flex-direction:column;justify-content:flex-end}
.phone-chat-bubble{max-width:85%;padding:8px 10px 6px;border-radius:10px;font-size:11px;line-height:1.45;position:relative;margin-bottom:6px;word-break:break-word}
.phone-chat-bubble p{margin:0 0 3px}
.phone-chat-bubble.outgoing{align-self:flex-end;background:#d9fdd3;color:#111b21;border-bottom-right-radius:2px;box-shadow:0 1px 2px rgba(0,0,0,.13)}
.phone-chat-bubble.sms-bubble{align-self:flex-end;background:#007aff;color:#fff;border-radius:14px;border-bottom-right-radius:4px}
.phone-chat-time{display:block;font-size:8px;color:#667781;text-align:right}
.phone-chat-bubble.sms-bubble .phone-chat-time{color:rgba(255,255,255,.8)}
.phone-chat-ticks{font-style:normal;color:#53bdeb;margin-left:3px;font-weight:700}
.phone-chat-footer{padding:8px 12px 14px;background:transparent}

/* Mail Screen */
.phone-mail-screen{display:flex;flex-direction:column;min-height:100%;background:var(--field)}
.phone-mail-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--card);border-bottom:1px solid var(--line);font-size:11px}
.phone-mail-header b{font-weight:750;color:var(--text)}
.phone-mail-fields{padding:6px 14px;background:var(--card);border-bottom:1px solid var(--line)}
.phone-mail-row{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid var(--line);font-size:10.5px}
.phone-mail-row:last-child{border-bottom:0}
.phone-mail-label{color:var(--muted);width:52px;flex-shrink:0}
.phone-mail-row b,.phone-mail-row span{color:var(--text);word-break:break-all}
.phone-mail-body{flex:1;padding:12px 14px;background:var(--card);font-size:11px;line-height:1.55;color:var(--text);text-align:left;overflow-y:auto}
.phone-mail-body p{margin:0}

/* Native Contact / MeCard Screen */
.phone-contact-screen{display:flex;flex-direction:column;min-height:100%;background:var(--field)}
.phone-contact-card{margin:10px 12px 14px;padding:20px 16px;background:var(--card);border:1px solid var(--line);border-radius:18px;text-align:center;box-shadow:0 4px 16px rgba(18,22,45,.04);display:flex;flex-direction:column;align-items:center}
.phone-contact-avatar{width:58px;height:58px;border-radius:50%;background:linear-gradient(145deg,var(--accent),var(--lav));color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;margin-bottom:10px;box-shadow:0 6px 18px rgba(111,87,237,.18)}
.phone-contact-name{font-size:14px;font-weight:750;color:var(--text);margin-bottom:3px}
.phone-contact-badge{display:inline-block;font-size:9px;font-weight:700;color:var(--accent);background:var(--lav);padding:2px 8px;border-radius:99px;margin-bottom:14px}
.phone-contact-fields{width:100%;background:var(--field);border:1px solid var(--line);border-radius:12px;padding:4px 10px;margin-bottom:12px}
.phone-contact-row{display:flex;align-items:center;gap:10px;padding:8px 4px;border-bottom:1px solid var(--line);text-align:left}
.phone-contact-row:last-child{border-bottom:0}
.phone-contact-icon{width:24px;height:24px;border-radius:7px;background:var(--lav);color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.phone-contact-icon .app-icon{width:12px;height:12px}
.phone-contact-row small{display:block;font-size:8px;text-transform:uppercase;color:var(--muted)}
.phone-contact-row b{font-size:10.5px;color:var(--text);word-break:break-all}

/* Call Dialer Screen */
.phone-call-screen{display:flex;flex-direction:column;min-height:100%;background:var(--field)}
.phone-call-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 14px;text-align:center}
.phone-call-avatar{width:62px;height:62px;border-radius:50%;background:var(--lav);color:var(--accent);display:flex;align-items:center;justify-content:center;margin-bottom:12px;box-shadow:0 8px 24px rgba(111,87,237,.18)}
.phone-call-avatar .app-icon{width:28px;height:28px}
.phone-call-title{font-size:14px;font-weight:750;color:var(--text);margin-bottom:4px}
.phone-call-number{font-size:16px;font-weight:800;color:var(--text);letter-spacing:.02em;margin-bottom:6px}
.phone-call-note{font-size:9.5px;color:var(--muted);max-width:85%;line-height:1.45;margin-bottom:16px}
.phone-call-actions{width:100%;display:flex;flex-direction:column;gap:8px}
.phone-cta-secondary{background:var(--card)!important;color:var(--text)!important;border:1px solid var(--line)!important;box-shadow:none!important}

/* Crypto Payment Screen */
.phone-crypto-screen{display:flex;flex-direction:column;min-height:100%;background:var(--field)}
.phone-crypto-card{margin:10px 12px 14px;padding:20px 14px;background:var(--card);border:1px solid var(--line);border-radius:18px;text-align:center;box-shadow:0 4px 16px rgba(18,22,45,.04);display:flex;flex-direction:column;align-items:center}
.phone-crypto-badge{width:50px;height:50px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;margin-bottom:10px}
.phone-crypto-card b{font-size:13px;font-weight:750;color:var(--text);margin-bottom:3px}
.phone-crypto-card small{font-size:9.5px;color:var(--muted);margin-bottom:12px}
.phone-crypto-addr{width:100%;background:var(--field);border:1px solid var(--line);border-radius:10px;padding:10px;margin-bottom:12px;word-break:break-all}
.phone-crypto-addr code{font-size:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text)}

/* Downloadable File Screen */
.phone-file-screen{display:flex;flex-direction:column;min-height:100%;background:var(--field)}
.phone-file-card{margin:14px 12px;padding:24px 16px;background:var(--card);border:1px solid var(--line);border-radius:18px;text-align:center;box-shadow:0 4px 16px rgba(18,22,45,.04);display:flex;flex-direction:column;align-items:center}
.phone-file-icon{width:56px;height:56px;border-radius:16px;background:var(--lav);color:var(--accent);display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.phone-file-icon .app-icon{width:28px;height:28px}
.phone-file-card b{font-size:13px;font-weight:750;color:var(--text);margin-bottom:4px;word-break:break-all}
.phone-file-card small{font-size:9.5px;color:var(--muted);margin-bottom:14px}

/* SEPA Details */
.phone-sepa-rows{width:100%;background:var(--field);border:1px solid var(--line);border-radius:10px;padding:6px 10px;margin:8px 0 12px;text-align:left}
.phone-sepa-rows>div{padding:6px 0;border-bottom:1px solid var(--line)}
.phone-sepa-rows>div:last-child{border-bottom:0}
.phone-sepa-rows small{display:block;font-size:8px;text-transform:uppercase;color:var(--muted)}
.phone-sepa-rows code,.phone-sepa-rows span{font-size:10px;font-weight:700;color:var(--text);word-break:break-all}
.phone-player{background:linear-gradient(145deg,#242039,#7362d8);color:#fff}
.phone-player .app-icon{color:#fff;width:48px;height:48px}
.phone-album{width:130px;height:130px;margin:16px auto 10px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#27233b,#806ce2);color:#fff}
.phone-album .app-icon{width:50px;height:50px}
.phone-track{display:block;text-align:center;font-size:13px;color:var(--text)}
.phone-progress{height:4px;border-radius:99px;background:var(--line);margin:14px 18px}
.phone-progress i{display:block;width:42%;height:100%;border-radius:inherit;background:var(--accent)}
.phone-play{width:46px;height:46px;border:0;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;margin:0 auto;cursor:pointer}
.phone-offer,.phone-rating{margin:16px 12px;padding:20px 14px;border:1px dashed var(--accent);border-radius:16px;text-align:center;background:var(--lav)}
.phone-offer strong{font-size:26px;display:block;color:var(--accent)}
.phone-offer span{display:block;background:var(--card);padding:9px;border-radius:8px;font-weight:750;margin:12px 0;color:var(--text)}
.phone-offer small,.phone-rating small{font-size:9px;color:var(--muted)}
.phone-rating p{font-size:11px;color:var(--text);margin:0 0 6px}
.phone-rating div{font-size:24px;color:#f0ad25;letter-spacing:2px;margin:10px 0}
.phone-feedback-card{margin:12px;padding:16px 14px;background:var(--card);border:1px solid var(--line);border-radius:14px;text-align:center;box-shadow:0 2px 7px rgba(18,22,45,.03)}
.phone-feedback-card p{font-size:11px;font-weight:650;color:var(--text);margin:0 0 12px}
.phone-feedback-emojis{display:flex;justify-content:center;gap:14px;font-size:24px;margin-bottom:14px}
.phone-feedback-emojis span{cursor:pointer;transition:transform .15s ease}
.phone-feedback-emojis span:hover{transform:scale(1.2)}
.phone-app-rating{display:inline-block;font-size:9px;font-weight:750;color:var(--accent);background:var(--lav);padding:3px 10px;border-radius:99px;margin:10px auto 4px;text-align:center}
.phone-product-card{margin:12px;padding:16px 14px;background:var(--card);border:1px solid var(--line);border-radius:14px;text-align:center;box-shadow:0 2px 7px rgba(18,22,45,.03)}
.phone-product-desc{font-size:11px;color:var(--muted);line-height:1.5;margin:8px 0 12px}
.phone-price,.public-price{font-size:26px;font-weight:750;color:var(--phone-accent,var(--public-accent,var(--accent)));margin:10px 0}
.phone-payment-icon{width:44px;height:44px;border-radius:14px;background:var(--lav);color:var(--accent);display:flex;align-items:center;justify-content:center;margin-bottom:8px}
.phone-payment-icon .app-icon{width:22px;height:22px}
.phone-payment strong{font-size:26px;color:var(--text);margin:6px 0}
.phone-payment-upi{display:inline-flex;align-items:center;gap:6px;background:var(--field);border:1px solid var(--line);border-radius:8px;padding:5px 10px;font-size:10px;font-weight:650;color:var(--text);margin:6px 0 10px}
.phone-payment-upi span{color:var(--muted);font-size:9px}
.phone-payment-note{display:block;font-size:9px;color:var(--muted);margin-bottom:10px}
.phone-payment button,.phone-map button{border:0;background:var(--phone-accent,var(--accent));color:#fff;border-radius:10px;padding:10px 20px;font-weight:700}
.phone-lead-card{margin:10px 12px;padding:12px;background:var(--lav);border:1px solid var(--line);border-radius:12px;text-align:center}
.phone-lead-card small{display:block;font-size:8px;text-transform:uppercase;color:var(--muted);letter-spacing:.08em}
.phone-lead-card b{display:block;font-size:11px;color:var(--text);margin:2px 0 6px}
:root[data-theme="dark"] .phone-dialog{box-shadow:0 18px 45px rgba(0,0,0,.5)}
:root[data-theme="dark"] .phone-preview{box-shadow:0 18px 45px rgba(0,0,0,.45)}
:root[data-theme="dark"] .phone-avatar-wrap{border-color:rgba(255,255,255,.25)}
.public-media-image,.public-media-player{display:block;width:100%;max-height:480px;object-fit:contain;border-radius:14px;margin:20px 0;background:#0c0d14}.public-audio{margin:20px 0;padding:20px;border-radius:16px;background:var(--field);border:1px solid var(--line)}.public-audio-art{height:180px;border-radius:13px;background:linear-gradient(145deg,var(--public-accent),#24213c);color:#fff;display:grid;place-items:center}.public-audio-art .app-icon{width:72px;height:72px}.public-audio audio{width:100%;margin-top:15px}.public-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.public-facts>div{display:flex;gap:10px;text-align:left;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--field)}.public-facts .app-icon{width:20px;height:20px;color:var(--public-accent)}.public-facts small{display:block;font-size:9px;color:var(--muted);margin-bottom:3px}.rating-form{margin:22px 0;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--field)}.rating-stars{display:flex;gap:8px;justify-content:center}.rating-stars button{border:0;background:transparent;color:#e5a423;font-size:30px;line-height:1;display:flex;flex-direction:column;gap:6px;align-items:center}.rating-stars button:hover{transform:translateY(-2px) scale(1.08)}.rating-stars span{font-size:9px;color:var(--muted)}
@media(max-width:1180px){.type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.type-grid{grid-template-columns:1fr}.type-grid{max-height:480px}.public-facts{grid-template-columns:1fr}}

/* Campaign analytics ----------------------------------------------------- */
.analytics-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:-8px 0 22px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--card);box-shadow:var(--shadow)}.analytics-toolbar p{font-size:12px;color:var(--muted);margin-top:4px}.range-nav{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--line);border-radius:11px;background:var(--field)}.range-nav a{padding:8px 12px;border-radius:8px;font-size:11px;font-weight:650;color:var(--muted)}.range-nav a.active{background:var(--card);color:var(--accent);box-shadow:0 3px 10px rgba(30,27,60,.08)}
.chart-legend{display:flex;justify-content:flex-end;gap:14px;margin:-8px 0 12px;font-size:10px;color:var(--muted)}.chart-legend span{display:flex;align-items:center;gap:6px}.chart-legend i{width:8px;height:8px;border-radius:3px}.chart-legend i.total{background:var(--accent)}.chart-legend i.unique{background:#20bda2}.analytics-bars .bar-pair{width:100%;max-width:28px;height:100%;display:flex;align-items:flex-end;justify-content:center;gap:3px}.analytics-bars .bar-pair i{display:block;flex:1;max-width:11px;min-height:4px;border-radius:4px 4px 1px 1px;transition:height .3s cubic-bezier(.16,1,.3,1),filter .15s ease,transform .15s ease}.analytics-bars .bar-total{background:linear-gradient(180deg,var(--accent2),var(--accent))}.analytics-bars .bar-unique{background:linear-gradient(180deg,#42d8bf,#16a98f)}.analytics-bars .bar-col:hover .bar-total,.analytics-bars .bar-col:hover .bar-unique{filter:brightness(1.1);transform:scaleY(1.02);transform-origin:bottom}
.analytics-metric-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.analytics-metric-grid .metric{min-width:0}.analytics-metric-grid .metric strong{font-size:24px}.card-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.insight-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.insight-metrics .card span{display:block;color:var(--muted);font-size:10px;margin-top:5px}.insight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.insight-card{padding:22px}.insight-card h3{font-size:15px}.insight-card>p{font-size:11px;color:var(--muted);margin:4px 0 15px}.insight-row{padding:9px 0}.insight-row>div{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px}.insight-row>div>span{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.insight-row b{font-size:11px;white-space:nowrap}.insight-row b small{font-size:9px;color:var(--muted);font-weight:550;margin-left:3px}.insight-row>i{display:block;height:4px;border-radius:99px;background:var(--field);margin-top:7px;overflow:hidden}.insight-row>i span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent2))}.rating-summary{display:flex;align-items:center;gap:16px;padding:22px}.rating-summary>span{width:48px;height:48px;border-radius:14px;background:var(--lav);color:var(--accent);display:grid;place-items:center}.rating-summary .app-icon{width:24px;height:24px}.rating-summary small{font-size:9px;letter-spacing:.12em;color:var(--muted)}.rating-summary strong{display:block;font-size:24px;margin:3px 0}.rating-summary p{font-size:11px;color:var(--muted)}.compact-phone{height:470px;width:292px}.analytics-rank-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,.7fr);gap:20px;margin:20px 0}.campaign-rank{display:grid;grid-template-columns:34px minmax(170px,1fr) repeat(3,75px);align-items:center;gap:10px;padding:13px 0;border-top:1px solid var(--line);color:var(--text)}.campaign-rank-name{min-width:0}.campaign-rank-name b,.campaign-rank-name small,.campaign-rank>span>b,.campaign-rank>span>small{display:block}.campaign-rank-name b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.campaign-rank-name small,.campaign-rank>span>small{font-size:9px;color:var(--muted);margin-top:3px}.campaign-rank>span>b{font-size:12px}.rating-overview{padding:25px}.outcome-stat{display:flex;align-items:center;gap:13px;padding:17px 0;border-top:1px solid var(--line)}.outcome-stat>span{width:42px;height:42px;border-radius:12px;background:var(--lav);color:var(--accent);display:grid;place-items:center}.outcome-stat .app-icon{width:20px;height:20px}.outcome-stat strong,.outcome-stat small{display:block}.outcome-stat strong{font-size:20px}.outcome-stat small{font-size:10px;color:var(--muted)}.workspace-insights{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:20px}.analytics-privacy{margin-top:18px;text-align:center}
@media(max-width:1280px){.analytics-metric-grid{grid-template-columns:repeat(3,1fr)}.workspace-insights{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.analytics-rank-grid{grid-template-columns:1fr}.insight-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.analytics-toolbar{align-items:flex-start;flex-direction:column}.range-nav{width:100%}.range-nav a{flex:1;text-align:center}.analytics-metric-grid,.insight-metrics,.insight-grid,.workspace-insights{grid-template-columns:1fr}.campaign-rank{grid-template-columns:26px minmax(120px,1fr) 58px}.campaign-rank>span:nth-last-child(-n+2){display:none}.large-chart .bars{height:190px}.analytics-bars .bar-col:not(:nth-child(5n+1)):not(:last-child) span{display:none}.analytics-bars .bar-pair{gap:1px;max-width:16px}.analytics-bars .bar-pair i{max-width:7px}}
.password-toggle svg,.password-toggle .app-icon{width:18px;height:18px;pointer-events:none}

/* Custom Prompt & Confirmation Modal System */
.custom-modal-backdrop{position:fixed;inset:0;z-index:99999;background:rgba(15,18,38,.58);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .2s ease}
:root[data-theme="dark"] .custom-modal-backdrop{background:rgba(5,7,16,.75)}
.custom-modal-backdrop.active{opacity:1;pointer-events:auto}
.custom-modal-dialog{width:100%;max-width:440px;background:var(--card,#fff);color:var(--text,#151b31);border:1px solid var(--line,#e3e6ef);border-radius:20px;padding:26px 26px 22px;box-shadow:0 24px 64px rgba(18,22,50,.22),0 4px 16px rgba(18,22,50,.08);transform:translateY(14px) scale(.96);opacity:0;transition:transform .22s cubic-bezier(.16,1,.3,1),opacity .2s ease;position:relative;overflow:hidden}
.custom-modal-backdrop.active .custom-modal-dialog{transform:translateY(0) scale(1);opacity:1}
.custom-modal-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:14px}
.custom-modal-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;flex:none}
.custom-modal-icon svg,.custom-modal-icon .app-icon{width:22px;height:22px}
.custom-modal-icon.icon-default,.custom-modal-icon.icon-restore{background:var(--lav,#f0edff);color:var(--accent,#6f57ed)}
.custom-modal-icon.icon-danger{background:#fee2e2;color:#dc2626}
:root[data-theme="dark"] .custom-modal-icon.icon-danger{background:#3f1920;color:#f87171}
.custom-modal-icon.icon-prompt{background:#e0f2fe;color:#0284c7}
:root[data-theme="dark"] .custom-modal-icon.icon-prompt{background:#0f2c4a;color:#38bdf8}
.custom-modal-head-text{flex:1;min-width:0}
.custom-modal-title{font-size:18px;font-weight:700;letter-spacing:-.02em;color:var(--text,#151b31);margin:0 0 5px}
.custom-modal-message{font-size:13px;line-height:1.55;color:var(--muted,#747d94);margin:0}
.custom-modal-input-wrap{margin:18px 0 6px}
.custom-modal-input{width:100%;min-height:48px;padding:12px 14px;border-radius:12px;border:1px solid var(--line,#e3e6ef);background:var(--field,#fafbfe);color:var(--text,#151b31);font-size:14px;outline:none;transition:border-color .18s ease,box-shadow .18s ease}
.custom-modal-input:focus{border-color:var(--accent,#6f57ed);box-shadow:0 0 0 3px rgba(111,87,237,.15)}
.custom-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:22px}
.custom-modal-actions .btn{min-height:42px;padding:10px 18px;border-radius:11px;font-size:13px;font-weight:650;cursor:pointer}
.custom-modal-actions .btn.danger{background:#ef4444;color:#fff;border:0;box-shadow:0 4px 14px rgba(239,68,68,.25)}
.custom-modal-actions .btn.danger:hover{background:#dc2626;transform:translateY(-1px)}

/* Interactive File Explorer System ----------------------------------------- */
.explorer-card{padding:0;overflow:hidden}
.explorer-nav-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;border-bottom:1px solid var(--line);background:var(--card);flex-wrap:wrap}
.explorer-crumbs{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.explorer-crumb{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:11px;font-size:13px;font-weight:700;color:var(--muted);background:var(--field);border:1px solid var(--line);transition:all .18s ease;text-decoration:none}
.explorer-crumb:hover{color:var(--accent);border-color:var(--accent);background:var(--lav)}
.explorer-crumb.active{color:var(--accent);background:var(--lav);border-color:rgba(113,89,243,.28)}
.crumb-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;color:currentColor}
.crumb-icon .app-icon{width:16px;height:16px}
.crumb-text{font-size:13px}
.crumb-badge{font-size:10px;font-weight:800;padding:2px 7px;border-radius:100px;background:var(--card);color:var(--muted);border:1px solid var(--line)}
.explorer-crumb.active .crumb-badge{background:var(--accent);color:#fff;border-color:var(--accent)}
.explorer-sep{color:var(--muted);font-size:15px;opacity:.55;user-select:none}
.explorer-top-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.explorer-folders-section{padding:22px 24px 20px;border-bottom:1px solid var(--line);background:var(--field)}
.explorer-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.explorer-section-title{display:flex;align-items:center;gap:8px}
.section-icon{color:var(--accent);display:grid;place-items:center;width:22px;height:22px}
.section-icon .app-icon{width:18px;height:18px}
.explorer-section-title h4{font-size:14px;font-weight:800;letter-spacing:-.01em;color:var(--text);margin:0}
.count-pill{font-size:11px;font-weight:750;padding:2px 8px;border-radius:12px;background:var(--lav);color:var(--accent)}
.folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.folder-card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;transition:all .18s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 6px rgba(18,22,50,.02)}
.folder-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 24px rgba(113,89,243,.12)}
.folder-card-main{display:flex;align-items:center;gap:12px;flex:1;min-width:0;text-decoration:none;cursor:pointer}
.folder-card-icon-wrap{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#7159ef;display:grid;place-items:center;flex:none;transition:transform .18s ease}
:root[data-theme="dark"] .folder-card-icon-wrap{background:linear-gradient(135deg,#272545,#352f5e);color:#a08cff}
.folder-card:hover .folder-card-icon-wrap{transform:scale(1.06)}
.folder-card-icon-wrap.unfiled{background:var(--lav);color:var(--muted)}
.folder-card-icon-wrap .app-icon{width:22px;height:22px}
.folder-card-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.folder-card-name{font-size:13px;font-weight:750;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.folder-card-count{font-size:11px;font-weight:500;color:var(--muted)}
.folder-card-menu{display:flex;align-items:center;gap:5px;flex:none;opacity:0;transition:opacity .15s ease}
.folder-card:hover .folder-card-menu,.folder-card:focus-within .folder-card-menu{opacity:1}
.folder-action-btn{width:28px;height:28px;border-radius:8px;border:1px solid var(--line);background:var(--field);color:var(--muted);display:grid;place-items:center;padding:0;transition:all .15s ease;cursor:pointer}
.folder-action-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--lav)}
.folder-action-btn.danger:hover{border-color:#ef4444;color:#ef4444;background:#fee2e2}
:root[data-theme="dark"] .folder-action-btn.danger:hover{background:#3f1920;color:#f87171}
.folder-action-btn .app-icon{width:14px;height:14px}
.folder-card-add{border:1.5px dashed var(--line);background:transparent;cursor:pointer;justify-content:center;gap:10px;color:var(--muted);font-size:13px;font-weight:750;min-height:74px;width:100%}
.folder-card-add:hover{border-color:var(--accent);color:var(--accent);background:var(--lav);transform:translateY(-2px)}
.folder-add-icon{width:28px;height:28px;border-radius:8px;background:var(--card);border:1px solid var(--line);display:grid;place-items:center;color:currentColor}
.folder-add-icon .app-icon{width:15px;height:15px}
.folder-active-banner{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px 24px;background:linear-gradient(135deg,rgba(113,89,243,.06),rgba(149,132,255,.03));border-bottom:1px solid var(--line);flex-wrap:wrap}
.folder-banner-left{display:flex;align-items:center;gap:16px}
.folder-banner-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#7159ef;display:grid;place-items:center;flex:none;box-shadow:0 4px 12px rgba(113,89,243,.15)}
:root[data-theme="dark"] .folder-banner-icon{background:linear-gradient(135deg,#272545,#352f5e);color:#a08cff}
.folder-banner-icon .app-icon{width:24px;height:24px}
.folder-banner-left h3{font-size:18px;font-weight:800;letter-spacing:-.02em;color:var(--text);margin:0 0 4px}
.folder-banner-left p{font-size:12px;color:var(--muted);margin:0}
.folder-banner-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.folder-empty-box{padding:48px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;max-width:440px;margin:0 auto}
.folder-empty-icon{width:64px;height:64px;border-radius:20px;background:var(--lav);color:var(--accent);display:grid;place-items:center;margin-bottom:8px}
.folder-empty-icon .app-icon{width:32px;height:32px}
.folder-empty-box h4{font-size:18px;font-weight:800;color:var(--text);margin:0}
.folder-empty-box p{font-size:13px;color:var(--muted);margin:0 0 16px;line-height:1.55}
.folder-empty-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.folder-table-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:8px;background:var(--lav);color:var(--accent);font-size:11px;font-weight:750;text-decoration:none;transition:all .15s ease}
.folder-table-pill:hover{filter:brightness(1.05);transform:translateY(-1px)}
.folder-table-pill .app-icon{width:13px;height:13px}
.folder-table-unfiled{display:inline-flex;align-items:center;padding:4px 8px;border-radius:6px;background:var(--field);border:1px solid var(--line);color:var(--muted);font-size:10px;font-weight:600;text-decoration:none}
.row-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end}
.action-btn-ghost{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:7px;border:1px solid var(--line);background:var(--field);color:var(--muted);font-size:11px;font-weight:700;cursor:pointer;transition:all .15s ease}
.action-btn-ghost:hover{border-color:var(--accent);color:var(--accent);background:var(--lav)}
.action-btn-ghost .app-icon{width:12px;height:12px}
.qr-folder-bar{display:flex;align-items:center;gap:10px;margin:12px 0 18px;padding:12px 14px;background:var(--field);border:1px solid var(--line);border-radius:10px}
.qr-folder-label{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:750;color:var(--muted)}
.qr-folder-label .app-icon{width:14px;height:14px}

/* Premium public digital contact card ------------------------------------- */
.vcard-public-body{display:block;padding:36px 18px;background:radial-gradient(circle at 12% 0%,color-mix(in srgb,var(--public-accent,#6c5ce7),#fff 86%),transparent 34%),linear-gradient(155deg,#f5f4fb 0%,#eef0f8 100%);color:#171a2f}
.vcard-page{width:min(100%,620px);margin:0 auto;background:#fff;border:1px solid rgba(32,36,70,.08);border-radius:32px;box-shadow:0 28px 90px rgba(36,40,82,.16);overflow:hidden;animation:cardIn .55s cubic-bezier(.16,1,.3,1) both}
.vcard-hero{position:relative;isolation:isolate;padding:22px 30px 34px;color:#fff;background:linear-gradient(135deg,color-mix(in srgb,var(--public-accent),#16152f 12%),color-mix(in srgb,var(--public-accent),#fff 20%));overflow:hidden}
.vcard-hero:before,.vcard-hero:after{content:"";position:absolute;z-index:-1;border:1px solid rgba(255,255,255,.17);border-radius:50%}
.vcard-hero:before{width:330px;height:330px;right:-170px;top:-190px}.vcard-hero:after{width:210px;height:210px;left:-125px;bottom:-155px}
.vcard-hero-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:38px}.vcard-kicker{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.82)}.vcard-kicker .app-icon{width:16px;height:16px}
.vcard-share{width:40px;height:40px;border:1px solid rgba(255,255,255,.24);border-radius:13px;background:rgba(255,255,255,.12);color:#fff;display:grid;place-items:center;backdrop-filter:blur(12px);cursor:pointer;transition:.2s ease}.vcard-share:hover,.vcard-share.shared{background:#fff;color:var(--public-accent);transform:translateY(-2px)}.vcard-share .app-icon{width:18px;height:18px}
.vcard-profile{display:flex;align-items:center;gap:22px}.vcard-avatar{width:104px;height:104px;flex:none;border-radius:28px;border:4px solid rgba(255,255,255,.88);object-fit:cover;background:#fff;box-shadow:0 16px 38px rgba(20,18,53,.25)}.vcard-initials{display:grid;place-items:center;color:var(--public-accent);font-size:34px;font-weight:850;letter-spacing:-.04em}
.vcard-identity{min-width:0}.vcard-identity h1{font-size:30px;line-height:1.12;letter-spacing:-.035em;margin:8px 0 6px;color:#fff;overflow-wrap:anywhere}.vcard-identity p{font-size:13px;line-height:1.5;color:rgba(255,255,255,.79);margin:0}.vcard-available{display:inline-flex;align-items:center;gap:6px;font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.09em;color:#fff}.vcard-available i{width:7px;height:7px;border-radius:50%;background:#7df0b2;box-shadow:0 0 0 4px rgba(125,240,178,.16)}
.vcard-content{padding:24px 30px 28px}.vcard-save{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:16px;background:var(--public-accent);color:#fff;box-shadow:0 13px 30px color-mix(in srgb,var(--public-accent),transparent 73%);transition:.2s ease}.vcard-save:hover{transform:translateY(-2px);filter:brightness(1.03)}.vcard-save>.app-icon{width:23px;height:23px}.vcard-save>span{display:flex;flex:1;flex-direction:column;gap:2px}.vcard-save b{font-size:14px}.vcard-save small{font-size:10px;color:rgba(255,255,255,.74);font-weight:500}.vcard-save .ico-arrow{width:18px;height:18px;transform:rotate(180deg)}
.vcard-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:10px;margin:18px 0 26px}.vcard-actions a{display:flex;min-width:0;flex-direction:column;align-items:center;gap:4px;padding:15px 8px 13px;border:1px solid #e8e9f1;border-radius:15px;background:#fafafe;color:#22263e;text-align:center;transition:.2s ease}.vcard-actions a:hover{border-color:color-mix(in srgb,var(--public-accent),#fff 55%);background:color-mix(in srgb,var(--public-accent),#fff 94%);transform:translateY(-2px)}.vcard-actions a>span{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--public-accent),#fff 89%);color:var(--public-accent);margin-bottom:4px}.vcard-actions .app-icon{width:17px;height:17px}.vcard-actions b{font-size:11px}.vcard-actions small{font-size:8px;color:#8990a5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.vcard-section{padding:23px 0;border-top:1px solid #ececf3;text-align:left}.vcard-section-label{display:block;margin-bottom:13px;color:#9499ac;font-size:9px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.vcard-about p{font-size:13px;line-height:1.75;color:#62697f;margin:0}
.vcard-details{display:flex;flex-direction:column}.vcard-details>a,.vcard-details>div{display:flex;align-items:center;gap:13px;padding:12px 2px;color:#20243b;border-bottom:1px solid #f0f0f5}.vcard-details>a:last-child,.vcard-details>div:last-child{border-bottom:0}.vcard-details>a:hover b{color:var(--public-accent)}.vcard-detail-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex:none;color:var(--public-accent);background:color-mix(in srgb,var(--public-accent),#fff 92%)}.vcard-detail-icon .app-icon{width:17px;height:17px}.vcard-details>a>span:nth-child(2),.vcard-details>div>span:nth-child(2){display:flex;min-width:0;flex:1;flex-direction:column;gap:3px}.vcard-details small{font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:#9ba0b2}.vcard-details b{font-size:12px;line-height:1.45;font-weight:650;overflow-wrap:anywhere}.vcard-details .ico-arrow{width:15px;height:15px;color:#a5a9b8}
.vcard-links{display:flex;flex-direction:column;gap:9px}.vcard-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border:1px solid #e8e9f1;border-radius:13px;background:#fafafe;color:#272b45;font-size:11px;font-weight:750;transition:.2s ease}.vcard-links a:hover{border-color:var(--public-accent);color:var(--public-accent)}.vcard-links a span{display:flex;align-items:center;gap:9px}.vcard-links .app-icon,.vcard-links .ico-arrow{width:15px;height:15px}
.vcard-lead-form{border-top:1px solid #ececf3;margin:0;padding:23px 0 0}.vcard-lead-form h3{font-size:19px;margin:0 0 5px}.vcard-lead-form>p{font-size:11px;color:#7d8398;margin:0 0 15px}.vcard-footer{display:flex;align-items:center;justify-content:center;gap:8px;padding-top:24px;color:#a0a4b5;font-size:9px;border-top:1px solid #ececf3;margin-top:23px}.vcard-footer img{border-radius:6px}

@media(max-width:1300px){.sidebar{width:236px}.content{padding:30px 24px}.editor-layout{grid-template-columns:minmax(0,1fr) 300px}.type-grid{grid-template-columns:repeat(3,1fr)}.hero-text h2{font-size:30px}.dashboard-grid{grid-template-columns:1fr 290px}}
@media(max-height:820px){.sidebar{padding:16px 12px 14px}.sidebar-workspace{margin:12px 0 12px;padding:8px 9px}.nav{gap:2px;margin-bottom:12px}.nav-link{min-height:36px;padding:7px 10px;font-size:12.5px}.upgrade-block{padding:10px 11px;gap:5px;margin-bottom:8px}.upgrade-icon{display:none}.preview-side{top:14px}.preview-card{padding:20px;max-height:calc(100vh - 28px)}.qr-preview-stage{margin:14px auto 10px;padding:12px;max-width:230px}}
@media(max-width:950px){.sidebar{left:-280px;width:264px}.content{padding:30px 24px}.editor-layout,.detail-grid{grid-template-columns:1fr}.type-grid{grid-template-columns:repeat(4,1fr)}.preview-side,.detail-qr{position:static}.dashboard-grid,.settings-grid{grid-template-columns:1fr}.topbar{padding:0 24px}}
@media(max-width:600px){.content{padding:24px 15px 40px}.topbar{height:62px;padding:0 15px}.page-head{margin-bottom:24px}.page-head h1{font-size:26px}.page-head p{font-size:13px}.editor-card{padding:20px}.step-heading{align-items:flex-start;margin-bottom:20px}.step-number{width:40px;height:40px}.type-controls{align-items:stretch;flex-direction:column;gap:10px}.type-controls .search-wrap{min-width:0;max-width:none}.type-controls .mini-tag{align-self:flex-start}.type-grid{grid-template-columns:repeat(2,1fr);max-height:410px}.type-choice{min-height:84px;padding:13px}.field-grid,.mode-picker{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric{min-height:142px;padding:16px}.hero-text{padding:28px 23px}.hero-text h2{font-size:27px}.toolbar{padding:17px;gap:12px}.toolbar-right{display:grid;grid-template-columns:1fr 1fr}.toolbar-right .btn{width:100%}.inline-form{padding:16px;flex-wrap:wrap}.inline-form input{max-width:none}.app-footer{padding:15px}.auth-panel{padding:24px}.detail-stat-row{grid-template-columns:1fr 1fr}.custom-file{align-items:stretch;flex-wrap:wrap}.custom-file-trigger{flex:1}.custom-file-name{width:100%;flex-basis:calc(100% - 44px)}.color-popover{position:fixed;left:16px;right:16px;top:auto;bottom:16px;width:auto;z-index:300}.color-surface{height:170px}.custom-select-menu{max-height:220px}.vcard-public-body{padding:0;background:#fff}.vcard-page{border:0;border-radius:0;min-height:100vh;box-shadow:none}.vcard-hero{padding:20px 20px 30px}.vcard-hero-top{margin-bottom:28px}.vcard-profile{align-items:flex-end;gap:16px}.vcard-avatar{width:88px;height:88px;border-radius:24px}.vcard-identity h1{font-size:24px}.vcard-content{padding:20px}.vcard-actions{grid-template-columns:repeat(2,1fr)}.vcard-save{position:sticky;top:12px;z-index:4}.vcard-section{padding:21px 0}}

/* Collapsible application sidebar -------------------------------------- */
.sidebar{transition:width .22s ease,padding .22s ease,box-shadow .22s ease}
.sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:9px;min-height:42px}
.sidebar-header .brand{min-width:0;flex:1}
.brand-copy,.workspace-copy,.nav-text{min-width:0}
.sidebar-collapse{width:36px;height:36px;flex:none;border:1px solid var(--line);border-radius:11px;background:var(--card);color:var(--muted);display:grid;place-items:center;transition:color .18s ease,background-color .18s ease,border-color .18s ease,transform .22s ease}
.sidebar-collapse:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent),#fff 60%);background:var(--lav)}
.sidebar-collapse .app-icon{width:18px;height:18px}
html.sidebar-collapsed .sidebar{width:96px;padding:20px 10px 16px}
html.sidebar-collapsed .sidebar-header{gap:7px}
html.sidebar-collapsed .brand{padding:0;justify-content:center}
html.sidebar-collapsed .brand-copy,html.sidebar-collapsed .workspace-copy,html.sidebar-collapsed .nav-text,html.sidebar-collapsed .nav-label{display:none}
html.sidebar-collapsed .brand-mark{width:37px;height:37px}
html.sidebar-collapsed .sidebar-collapse{width:33px;height:33px;transform:rotate(180deg)}
html.sidebar-collapsed .sidebar-workspace{width:48px;height:48px;margin:18px auto 16px;padding:5px;justify-content:center;border-radius:14px}
html.sidebar-collapsed .workspace-icon{width:36px;height:36px}
html.sidebar-collapsed .nav{gap:5px;margin-bottom:14px}
html.sidebar-collapsed .nav-link{position:relative;width:48px;height:42px;min-height:42px;margin:0 auto;padding:0;justify-content:center;overflow:visible}
html.sidebar-collapsed .nav-ico{width:23px;height:23px}
html.sidebar-collapsed .upgrade-block{display:none}
html.sidebar-collapsed .sidebar-bottom form{width:100%}
html.sidebar-collapsed .nav-link[data-label]::after{display:block!important;content:attr(data-label)!important;position:absolute;z-index:80;left:calc(100% + 12px);top:50%;padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:var(--text);color:var(--card);box-shadow:0 8px 22px rgba(20,23,48,.16);font-size:11px;font-weight:650;line-height:1;white-space:nowrap;opacity:0;visibility:hidden;transform:translate(-4px,-50%);pointer-events:none;transition:opacity .15s ease,transform .15s ease,visibility .15s ease}
html.sidebar-collapsed .nav-link[data-label]:hover::after,html.sidebar-collapsed .nav-link[data-label]:focus-visible::after{opacity:1;visibility:visible;transform:translate(0,-50%)}
@media(max-width:950px){.sidebar-collapse{display:none}html.sidebar-collapsed .sidebar{width:264px;padding:28px 18px 20px}html.sidebar-collapsed .brand-copy,html.sidebar-collapsed .workspace-copy,html.sidebar-collapsed .nav-text{display:block}html.sidebar-collapsed .nav-label{display:inline}html.sidebar-collapsed .sidebar-workspace{width:auto;height:auto;margin:30px 0 28px;padding:11px;justify-content:flex-start}html.sidebar-collapsed .workspace-icon{width:38px;height:38px}html.sidebar-collapsed .nav{gap:5px;margin-bottom:26px}html.sidebar-collapsed .nav-link{width:100%;height:auto;min-height:46px;margin:0;padding:11px 13px;justify-content:flex-start}html.sidebar-collapsed .upgrade-block{display:flex}html.sidebar-collapsed .nav-link[data-label]::after{display:none!important}}

/* Responsive application shell ------------------------------------------ */
:root{--app-sidebar-width:248px;--app-topbar-height:72px;--app-gutter:clamp(24px,2.4vw,36px)}
html{overflow-x:hidden}
@supports(overflow:clip){html{overflow-x:clip}}
.app-body,.app-shell,.main-wrap{width:100%;min-width:0}
.app-shell{min-height:100vh;min-height:100dvh;align-items:stretch}
.app-body{overflow-x:hidden}
.sidebar{width:var(--app-sidebar-width);height:100vh;height:100dvh;overscroll-behavior:contain}
.sidebar-mobile-close,.sidebar-backdrop{display:none}
.main-wrap{min-height:100vh;min-height:100dvh}
.topbar{height:var(--app-topbar-height);min-height:var(--app-topbar-height);padding-inline:var(--app-gutter)}
.content{max-width:none;margin:0;padding:34px var(--app-gutter) 52px}
.content>*{min-width:0}
.page-head>div:first-child{min-width:0}
.page-head p{max-width:760px}
.hero-text{min-width:0}
.metric,.card,.toolbar,.table-wrap{min-width:0}

@media(min-width:951px){
 .app-shell{display:block}
 .sidebar{position:fixed;inset:0 auto 0 0;z-index:90}
 .main-wrap{width:calc(100% - var(--app-sidebar-width));margin-left:var(--app-sidebar-width);transition:width .22s ease,margin-left .22s ease}
 html.sidebar-collapsed .main-wrap{width:calc(100% - 96px);margin-left:96px}
}

@media(min-width:951px) and (max-width:1280px){
 :root{--app-sidebar-width:224px;--app-gutter:24px}
 .sidebar{width:var(--app-sidebar-width)}
 .content{padding-top:30px}
 .hero-text{width:64%;padding-inline:34px}
 .hero-art{width:40%}
}

@media(max-width:950px){
 :root{--app-topbar-height:calc(68px + env(safe-area-inset-top));--app-gutter:24px}
 .app-shell{display:block}
 .main-wrap{padding-top:var(--app-topbar-height)}
 .topbar{position:fixed;z-index:80;inset:0 0 auto;height:var(--app-topbar-height);min-height:var(--app-topbar-height);padding-top:env(safe-area-inset-top);background:color-mix(in srgb,var(--card) 94%,transparent);box-shadow:0 1px 0 var(--line),0 8px 28px rgba(24,27,55,.04);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
 .mobile-menu{display:grid;flex:none}
 .sidebar{position:fixed;z-index:110;inset:0 auto 0 0;left:0;width:min(320px,88vw)!important;height:100vh;height:100dvh;padding:max(20px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom))!important;transform:translate3d(-104%,0,0);transition:transform .24s cubic-bezier(.16,1,.3,1),box-shadow .24s ease;box-shadow:none;visibility:hidden}
 .sidebar.open{left:0;transform:translate3d(0,0,0);box-shadow:22px 0 60px rgba(18,20,44,.22);visibility:visible}
 .sidebar-header{min-height:44px}
 .sidebar-mobile-close{width:38px;height:38px;flex:none;border:1px solid var(--line);border-radius:11px;background:var(--field);color:var(--muted);font-size:27px;font-weight:300;line-height:1;display:grid;place-items:center;padding:0}
 .sidebar-mobile-close:hover,.sidebar-mobile-close:focus-visible{color:var(--accent);border-color:var(--accent);outline:none;box-shadow:0 0 0 3px rgba(113,89,243,.12)}
 .sidebar-collapse{display:none}
 .sidebar-backdrop{position:fixed;z-index:100;inset:0;display:block;width:100%;height:100%;border:0;background:rgba(12,14,30,.46);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);padding:0}
 .sidebar-backdrop[hidden]{display:none!important}
 .app-body.sidebar-open{overflow:hidden}
 .sidebar-workspace{margin:18px 0 16px}
 .sidebar .nav{margin-bottom:16px}
 .sidebar .nav-link{min-height:44px;padding:10px 12px}
 .sidebar-bottom{padding-top:10px}
 .content{padding:30px var(--app-gutter) 48px}
 .crumb{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .top-actions{flex:none}
 .hero-text{width:74%}
 .hero-art{width:44%}
}

@media(max-width:720px){
 :root{--app-topbar-height:calc(64px + env(safe-area-inset-top));--app-gutter:18px}
 .topbar{gap:10px}
 .crumb{font-size:12px}
 .crumb>span{padding:0 6px}
 .tz-badge{display:none}
 .top-actions{gap:8px}
 .content{padding-top:25px}
 .page-head{align-items:flex-start;flex-wrap:wrap;gap:16px;margin-bottom:24px}
 .page-head h1{font-size:28px;overflow-wrap:anywhere}
 .page-head p{font-size:13px}
 .hero-banner{height:auto;min-height:272px}
 .hero-text{width:100%;padding:28px 24px 30px}
 .hero-text h2{font-size:28px;max-width:470px}
 .hero-text p{max-width:390px}
 .hero-art{right:-80px;width:58%;opacity:.18;pointer-events:none}
 .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .dashboard-grid,.settings-grid,.editor-layout,.detail-grid,.analytics-rank-grid{grid-template-columns:minmax(0,1fr)}
 .preview-side,.detail-qr{position:static}
 .toolbar{align-items:stretch;flex-direction:column}
 .toolbar-right{width:100%}
 .toolbar .search-wrap{width:100%;min-width:0;max-width:none}
 .folder-grid{grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr))}
 .folder-active-banner,.folder-banner-left{align-items:flex-start}
 .table-wrap{width:100%;max-width:100%;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
 .form-actions{flex-wrap:wrap}
 .form-actions .btn{flex:1}
 .chart-legend{justify-content:flex-start;flex-wrap:wrap}
}

@media(max-width:520px){
 :root{--app-gutter:15px}
 .topbar{padding-left:max(var(--app-gutter),env(safe-area-inset-left));padding-right:max(var(--app-gutter),env(safe-area-inset-right))}
 .mobile-menu,.theme-toggle,.top-avatar{width:36px;height:36px}
 .crumb{flex:1}
 .crumb-root,.crumb-separator{display:none}
 .crumb>b{display:inline}
 .plan-tag{display:none}
 .content{padding-bottom:38px}
 .page-head h1{font-size:25px}
 .page-cta{width:100%}
 .page-cta .btn{width:100%}
 .hero-banner{min-height:0;border-radius:16px}
 .hero-text{padding:25px 20px 26px}
 .hero-kicker{font-size:9px}
 .hero-text h2{font-size:25px;margin-top:12px}
 .hero-text p{font-size:13px}
 .hero-art{display:none}
 .metric{min-height:136px;padding:16px}
 .metric strong{font-size:25px}
 .chart-card,.quickstart,.recent-card,.analytics-card{padding:19px 17px}
 .card-head{gap:8px}
 .card-head h3{font-size:17px}
 .editor-card,.detail-header,.detail-info>.card:not(.detail-header):not(.chart-card){padding:19px}
 .step-heading{gap:11px}
 .step-heading p{line-height:1.45}
 .type-grid{grid-template-columns:1fr}
 .field-grid,.mode-picker,.breakdown-cols,.insight-grid{grid-template-columns:minmax(0,1fr)}
 .detail-stat-row{grid-template-columns:1fr 1fr}
 .detail-title{align-items:flex-start}
 .detail-header>.pill{float:none;margin:0 0 14px}
 .detail-actions,.card-head,.leader-row{flex-wrap:wrap}
 .detail-actions form,.detail-actions .btn{flex:1}
 .leader-row>b{min-width:50%}
 .card-actions{width:100%}
 .card-actions .btn{flex:1}
 .toolbar-right{grid-template-columns:1fr}
 .inline-form,.copy-line,.plan-form{align-items:stretch;flex-direction:column}
 .inline-form input{max-width:none}
 .folder-active-banner{padding:18px}
 .folder-banner-left{gap:12px}
 .folder-banner-icon{width:42px;height:42px}
 .folder-banner-right{width:100%}
 .folder-banner-right .btn{flex:1}
 .explorer-nav-bar,.explorer-folders-section{padding:16px}
 .explorer-top-actions{width:100%}
 .explorer-top-actions .btn{flex:1}
 .qr-folder-bar{align-items:stretch;flex-direction:column}
 .analytics-toolbar{align-items:flex-start;flex-direction:column}
 .range-nav{width:100%}
 .range-nav a{flex:1;text-align:center}
 .analytics-metric-grid,.insight-metrics,.workspace-insights{grid-template-columns:1fr}
 .rating-summary{align-items:flex-start;padding:19px}
 .custom-modal-backdrop{padding:12px}
 .custom-modal-dialog{padding:21px 18px 18px}
 .custom-modal-actions .btn{flex:1;padding-inline:12px}
 .app-footer{align-items:flex-start;flex-direction:column;padding:15px var(--app-gutter)}
 .app-footer span:last-child{display:none}
}

@media(max-width:380px){
 .metric-grid,.detail-stat-row{grid-template-columns:1fr}
 .detail-stat-row .card:last-child{grid-column:auto}
 .sidebar{width:min(300px,92vw)!important}
 .top-actions{gap:6px}
 .theme-toggle,.top-avatar,.mobile-menu{width:34px;height:34px}
}

@media(prefers-reduced-motion:reduce){
 .sidebar,.sidebar-backdrop{transition:none!important}
}

/* Hosted text, call, map, event and app scan experiences ---------------- */
.experience-public-body{display:block;padding:34px 16px;background:radial-gradient(circle at 50% -10%,color-mix(in srgb,var(--public-accent,#7059e9),#fff 79%),transparent 39%),linear-gradient(160deg,#f7f6fc,#eceef7);color:#171b31}
.experience-page{width:min(100%,520px);margin:0 auto;border:1px solid rgba(31,35,66,.08);border-radius:30px;background:#fff;box-shadow:0 28px 90px rgba(29,32,67,.17);overflow:hidden;animation:cardIn .5s cubic-bezier(.16,1,.3,1) both}
.experience-hero{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;min-height:232px;padding:26px 30px 36px;text-align:center;color:#fff;background:linear-gradient(140deg,color-mix(in srgb,var(--public-accent),#17162f 10%),color-mix(in srgb,var(--public-accent),#fff 24%));overflow:hidden}
.experience-hero:before,.experience-hero:after{content:"";position:absolute;z-index:-1;border:1px solid rgba(255,255,255,.17);border-radius:50%}.experience-hero:before{width:320px;height:320px;right:-175px;top:-205px}.experience-hero:after{width:210px;height:210px;left:-135px;bottom:-150px}
.experience-kicker{align-self:flex-start;display:flex;align-items:center;gap:8px;margin-bottom:22px;font-size:10px;font-weight:850;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.84)}.experience-kicker .app-icon{width:16px;height:16px}
.experience-avatar{width:78px;height:78px;margin-bottom:15px;border:4px solid rgba(255,255,255,.9);border-radius:23px;background:#fff;object-fit:cover;box-shadow:0 13px 33px rgba(25,21,63,.24)}.experience-initial{display:grid;place-items:center;color:var(--public-accent);font-size:30px;font-weight:850}.experience-initial .app-icon{width:31px;height:31px}
.experience-hero h1{max-width:100%;margin:0;font-size:29px;line-height:1.15;letter-spacing:-.035em;color:#fff;overflow-wrap:anywhere}.experience-hero p{max-width:390px;margin:8px 0 0;font-size:12px;line-height:1.6;color:rgba(255,255,255,.82)}
.experience-content{display:flex;flex-direction:column;gap:11px;padding:24px 27px 28px}.experience-message,.experience-call-card,.experience-location-card{padding:20px;border:1px solid #e7e8f0;border-radius:17px;background:#fbfbfe;text-align:left}.experience-message>span{display:block;margin-bottom:10px;color:#969bae;font-size:9px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.experience-message p{margin:0;color:#4f566d;font-size:14px;line-height:1.75;overflow-wrap:anywhere;white-space:normal}
.experience-call-card,.experience-location-card{display:flex;flex-direction:column;align-items:center;text-align:center}.experience-call-icon,.experience-location-icon{width:48px;height:48px;margin-bottom:12px;border-radius:15px;display:grid;place-items:center;background:color-mix(in srgb,var(--public-accent),#fff 90%);color:var(--public-accent)}.experience-call-icon .app-icon,.experience-location-icon .app-icon{width:23px;height:23px}.experience-call-card>small,.experience-location-card>small{color:#9096a9;font-size:10px}.experience-call-card strong{margin:5px 0 4px;color:#20243b;font-size:22px;letter-spacing:-.02em;overflow-wrap:anywhere}.experience-call-card p{margin:4px 0 0;color:#7d8397;font-size:11px;line-height:1.55}.experience-location-card strong{margin-bottom:8px;font-size:15px;line-height:1.45}.experience-location-card code{margin-bottom:8px;padding:7px 10px;border-radius:9px;background:#f0edff;color:var(--public-accent);font-size:12px;font-weight:700}
.experience-action-stack{display:flex;flex-direction:column;gap:10px}.experience-action{width:100%;min-height:59px;padding:12px 15px;border:1px solid #e5e6ef;border-radius:15px;display:flex;align-items:center;gap:13px;background:#fff;color:#24283f;text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;font:inherit}.experience-action:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--public-accent),#fff 55%);box-shadow:0 9px 24px rgba(36,38,75,.09)}.experience-action.primary{border-color:var(--public-accent);background:var(--public-accent);color:#fff;box-shadow:0 10px 28px color-mix(in srgb,var(--public-accent),transparent 72%)}.experience-action>.app-icon{width:21px;height:21px;flex:none}.experience-action>span:not(.experience-brand){min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.experience-action b{font-size:13px}.experience-action small{color:#858b9f;font-size:9px;line-height:1.35}.experience-action.primary small{color:rgba(255,255,255,.74)}.experience-action .ico-arrow{width:17px;height:17px;flex:none}.experience-action.copied{border-color:#27a875;background:#f2fcf8;color:#168258}
.experience-brand{width:35px;height:35px;flex:none;display:grid;place-items:center;border-radius:11px;color:#fff;font-size:16px;font-weight:850}.experience-google{background:linear-gradient(135deg,#4285f4,#34a853)}.experience-apple{background:#171923}.experience-waze{background:#1ea9e7}
.experience-cover{width:100%;max-height:260px;border-radius:17px;object-fit:cover;border:1px solid #e7e8f0}.experience-facts{display:flex;flex-direction:column;border:1px solid #e7e8f0;border-radius:17px;background:#fbfbfe;padding:4px 17px}.experience-facts>div{display:flex;align-items:center;gap:13px;padding:14px 0;border-bottom:1px solid #e9eaf1;text-align:left}.experience-facts>div:last-child{border-bottom:0}.experience-facts>.app-icon{width:20px;height:20px;flex:none;color:var(--public-accent)}.experience-facts span{display:flex;min-width:0;flex-direction:column;gap:3px}.experience-facts small{color:#969bae;font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.experience-facts b{font-size:12px;line-height:1.4;overflow-wrap:anywhere}
.experience-store{min-height:64px;padding:10px 20px;border-radius:15px;display:flex;align-items:center;justify-content:center;gap:13px;background:#12131b;color:#fff;box-shadow:0 8px 22px rgba(18,19,27,.17);transition:transform .18s ease,box-shadow .18s ease}.experience-store:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(18,19,27,.22)}.experience-store>span:first-child{font-size:26px}.experience-store>span:last-child{display:flex;flex-direction:column;align-items:flex-start;line-height:1.05}.experience-store small{font-size:8px;letter-spacing:.04em;color:rgba(255,255,255,.72)}.experience-store b{font-size:17px}.experience-store.play{background:#242631}
.experience-footer{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;padding-top:21px;border-top:1px solid #ececf3;color:#9ba0b1;font-size:9px}.experience-footer img{border-radius:5px}
.feedback-score{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.feedback-score label{cursor:pointer}.feedback-score input{position:absolute;opacity:0;pointer-events:none}.feedback-score span{min-height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:1px solid #e5e6ef;border-radius:11px;background:#fafafe;text-align:center;transition:.16s ease}.feedback-score b{font-size:15px;color:#32364d}.feedback-score small{margin:0;color:#8b90a1;font-size:7px}.feedback-score input:checked+span{border-color:var(--public-accent);background:color-mix(in srgb,var(--public-accent),#fff 92%);box-shadow:0 0 0 2px color-mix(in srgb,var(--public-accent),transparent 75%)}.feedback-score input:focus-visible+span{outline:2px solid var(--public-accent);outline-offset:2px}

@media(max-width:600px){
 .experience-public-body{padding:0;background:#fff}
 .experience-page{min-height:100vh;border:0;border-radius:0;box-shadow:none}
 .experience-hero{min-height:220px;padding:22px 20px 31px}
 .experience-content{padding:20px}
 .experience-hero h1{font-size:25px}
 .experience-action{min-height:61px}
 .experience-message p{font-size:13px}
 .feedback-score{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.feedback-score span{min-height:54px}.feedback-score small{display:none}
}

/* Restaurant Menu Editor & Builder --------------------------------------- */
.menu-builder-card{margin-top:8px;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--card);box-shadow:0 2px 10px rgba(18,22,45,.03)}
.menu-builder-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;flex-wrap:wrap}
.menu-builder-title{font-size:16px;font-weight:800;color:var(--text);margin:0 0 4px;letter-spacing:-.01em}
.menu-builder-subtitle{font-size:12px;color:var(--muted);margin:0;max-width:540px;line-height:1.5}
.menu-builder-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.btn-sm{padding:7px 13px;font-size:12px;border-radius:9px}

.menu-builder-cat-bar{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--field);border:1px solid var(--line);border-radius:12px;margin-bottom:16px;flex-wrap:wrap}
.menu-builder-cat-label{font-size:11px;font-weight:750;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.menu-builder-cats{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.menu-cat-pill{padding:5px 12px;border-radius:99px;font-size:11px;font-weight:700;background:var(--card);border:1px solid var(--line);color:var(--text);cursor:pointer;transition:all .15s ease}
.menu-cat-pill:hover{border-color:var(--accent);color:var(--accent)}
.menu-cat-pill.active{background:var(--accent);border-color:var(--accent);color:#fff}

.menu-items-list{display:flex;flex-direction:column;gap:10px}
.menu-items-empty{padding:28px 16px;text-align:center;color:var(--muted);font-size:13px;background:var(--field);border-radius:12px;border:1px dashed var(--line)}

.menu-item-card{background:var(--field);border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;transition:border-color .15s ease,box-shadow .15s ease}
.menu-item-card:hover{border-color:rgba(113,89,243,.4);box-shadow:0 3px 12px rgba(18,22,50,.04)}
.menu-item-row{display:flex;gap:8px;align-items:center;width:100%}
.menu-item-row.top-row{flex-wrap:wrap}
.menu-item-row.desc-row{width:100%}

.menu-item-dietary-btns{display:inline-flex;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:9px;padding:2px}
.diet-btn{border:0;background:transparent;padding:4px 6px;border-radius:6px;cursor:pointer;display:grid;place-items:center;transition:background .15s ease;color:var(--muted)}
.diet-btn:hover{background:var(--field)}
.diet-btn.active{background:var(--lav);box-shadow:inset 0 0 0 1px rgba(113,89,243,.25)}

/* FSSAI Standard Dietary Indicators */
.fssai-icon{display:inline-grid;place-items:center;width:15px;height:15px;border:1.5px solid #10b981;border-radius:3px;background:#fff;vertical-align:middle;box-sizing:border-box;flex-shrink:0}
.fssai-icon.veg{border-color:#10b981}
.fssai-icon.veg i{display:block;width:7px;height:7px;border-radius:50%;background:#10b981}
.fssai-icon.non-veg{border-color:#e11d48}
.fssai-icon.non-veg i{display:block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:7px solid #e11d48}
.fssai-icon.vegan{border-color:#059669;position:relative}
.fssai-icon.vegan i{display:block;width:6px;height:6px;border-radius:50% 0 50% 0;background:#059669;transform:rotate(45deg)}
.fssai-icon.neutral{border-color:#94a3b8}
.fssai-icon.neutral i{display:block;width:5px;height:5px;border-radius:50%;background:#94a3b8}

.menu-item-field{min-width:0}
.item-name-field{flex:3;min-width:140px}
.item-cat-field{flex:2;min-width:110px}
.item-price-field{flex:1.5;min-width:90px}
.item-badge-field{flex:1.8;min-width:110px}

.menu-input{width:100%;height:38px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:var(--card);font-size:13px;color:var(--text);outline:0;transition:border-color .15s ease,box-shadow .15s ease}
.menu-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(113,89,243,.12)}
.item-desc{height:36px;font-size:12px;color:var(--muted);background:var(--card)}
.item-desc:focus{color:var(--text)}

.price-input-wrap{display:flex;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:9px;height:38px;padding:0 8px;transition:border-color .15s ease}
.price-input-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px rgba(113,89,243,.12)}
.price-curr{font-size:13px;font-weight:750;color:var(--muted);margin-right:4px;user-select:none}
.price-input-wrap .menu-input{border:0;padding:0;height:100%;background:transparent}
.price-input-wrap .menu-input:focus{box-shadow:none}

.menu-item-actions{display:flex;align-items:center;gap:4px;margin-left:auto}
.menu-icon-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--line);background:var(--card);color:var(--muted);cursor:pointer;display:grid;place-items:center;transition:all .15s ease;padding:0}
.menu-icon-btn:hover{color:var(--accent);border-color:var(--accent);background:var(--lav)}
.menu-icon-btn.danger:hover{color:#ef4444;border-color:#ef4444;background:#fee2e2}
.menu-icon-btn .app-icon{width:14px;height:14px}

.menu-dish-badge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:99px;font-size:10px;font-weight:800;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid rgba(245,158,11,.2);margin-left:6px;vertical-align:middle;text-transform:uppercase;letter-spacing:.03em}
.menu-dish-badge.mini{font-size:8px;padding:1px 5px;margin-left:4px}

/* Public Mobile Restaurant Menu Page ------------------------------------- */
.menu-public-body{display:block;padding:28px 16px;background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--public-accent,#d9531e),#fff 88%),transparent 40%),linear-gradient(170deg,#fcfbf9 0%,#f5f2eb 100%);color:#1f2128}
.menu-page{width:min(100%,680px);margin:0 auto;background:#fff;border:1px solid rgba(34,36,60,.08);border-radius:28px;box-shadow:0 24px 80px rgba(32,24,18,.12);overflow:hidden;animation:cardIn .5s cubic-bezier(.16,1,.3,1) both}

.menu-hero{position:relative;background:#fff;border-bottom:1px solid rgba(34,36,60,.06)}
.menu-hero-cover-wrap{width:100%;height:190px;overflow:hidden;background:linear-gradient(135deg,var(--public-accent,#d9531e),#1a1923)}
.menu-hero-cover{width:100%;height:100%;object-fit:cover}
.menu-hero-content{padding:22px 24px 20px}
.menu-hero-kicker{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.menu-kicker-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:99px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;background:color-mix(in srgb,var(--public-accent,#d9531e),#fff 90%);color:var(--public-accent,#d9531e)}
.menu-kicker-tag .app-icon{width:13px;height:13px}
.menu-share-btn{width:36px;height:36px;border-radius:10px;border:1px solid #e7e5e1;background:#fff;color:#5c6070;display:grid;place-items:center;cursor:pointer;transition:all .18s ease}
.menu-share-btn:hover,.menu-share-btn.shared{border-color:var(--public-accent);color:var(--public-accent);background:color-mix(in srgb,var(--public-accent),#fff 93%)}
.menu-share-btn .app-icon{width:17px;height:17px}

.menu-restaurant-name{font-size:27px;font-weight:850;color:#181920;margin:0 0 6px;letter-spacing:-.03em;line-height:1.2}
.menu-restaurant-tagline{font-size:13px;color:#6b7280;margin:0 0 16px;line-height:1.45}

.menu-hero-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:16px}
.menu-action-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:12px;border:1px solid #e5e3de;background:#fff;color:#1f2128;font-size:12px;font-weight:750;text-decoration:none;transition:all .15s ease}
.menu-action-pill:hover{border-color:var(--public-accent);color:var(--public-accent);background:color-mix(in srgb,var(--public-accent),#fff 95%);transform:translateY(-1px)}
.menu-action-pill.primary{background:var(--public-accent,#d9531e);border-color:var(--public-accent,#d9531e);color:#fff;box-shadow:0 4px 14px color-mix(in srgb,var(--public-accent),transparent 75%)}
.menu-action-pill.primary:hover{filter:brightness(1.06);color:#fff}
.menu-action-pill .app-icon{width:14px;height:14px}
.menu-action-pill .ico-arrow{width:13px;height:13px}

.menu-chef-note{padding:12px 16px;border-radius:14px;background:color-mix(in srgb,var(--public-accent,#d9531e),#fff 94%);border:1px dashed color-mix(in srgb,var(--public-accent),#fff 75%);font-size:12px;line-height:1.55;color:#374151}
.menu-chef-label{display:block;font-size:11px;font-weight:800;color:var(--public-accent,#d9531e);margin-bottom:3px;text-transform:uppercase;letter-spacing:.04em}
.menu-chef-note p{margin:0}

/* Sticky Navigation & Search */
.menu-nav-sticky{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(34,36,60,.08);padding:14px 20px 10px}
.menu-search-wrap{position:relative;display:flex;align-items:center;width:100%;margin-bottom:10px}
.menu-search-icon{position:absolute;left:13px;color:#9ca3af;display:grid;place-items:center;pointer-events:none}
.menu-search-icon .app-icon{width:16px;height:16px}
.menu-search-input{width:100%;height:42px;padding:0 36px 0 38px;border-radius:12px;border:1px solid #e5e3de;background:#f9f8f6;font-size:13px;color:#181920;outline:0;transition:all .18s ease}
.menu-search-input:focus{border-color:var(--public-accent);background:#fff;box-shadow:0 0 0 3px color-mix(in srgb,var(--public-accent),transparent 85%)}
.menu-search-clear{position:absolute;right:10px;width:24px;height:24px;border:0;background:#e5e3de;border-radius:50%;color:#4b5563;font-size:14px;font-weight:700;cursor:pointer;display:grid;place-items:center;padding:0}

.menu-dietary-bar{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:8px}
.menu-dietary-bar::-webkit-scrollbar{display:none}
.menu-diet-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:99px;font-size:11px;font-weight:750;background:#f3f1ec;border:1px solid transparent;color:#4b5563;cursor:pointer;white-space:nowrap;transition:all .15s ease}
.menu-diet-chip:hover{background:#e8e5de;color:#181920}
.menu-diet-chip.active{background:color-mix(in srgb,var(--public-accent),#fff 90%);border-color:color-mix(in srgb,var(--public-accent),#fff 70%);color:var(--public-accent);font-weight:800}

.menu-cat-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-top:4px}
.menu-cat-tabs::-webkit-scrollbar{display:none}
.menu-cat-tab{padding:6px 13px;border-radius:10px;font-size:12px;font-weight:750;background:transparent;border:0;color:#6b7280;cursor:pointer;white-space:nowrap;transition:all .15s ease}
.menu-cat-tab:hover{color:#181920;background:#f3f1ec}
.menu-cat-tab.active{background:var(--public-accent,#d9531e);color:#fff}

/* Catalog Dishes */
.menu-catalog{padding:20px 24px 30px}
.menu-cat-section{margin-bottom:28px}
.menu-cat-section:last-child{margin-bottom:0}
.menu-cat-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:18px;font-weight:850;color:#181920;margin:0 0 14px;padding-bottom:8px;border-bottom:2px solid color-mix(in srgb,var(--public-accent),#fff 86%)}
.menu-cat-count{font-size:11px;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}

.menu-dish-grid{display:grid;grid-template-columns:1fr;gap:12px}
.menu-dish-card{background:#faf9f6;border:1px solid #edebe5;border-radius:16px;padding:14px 16px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;transition:all .15s ease}
.menu-dish-card:hover{border-color:color-mix(in srgb,var(--public-accent),#fff 60%);background:#fff;box-shadow:0 6px 20px rgba(32,24,18,.05)}
.menu-dish-main{flex:1;min-width:0}
.menu-dish-header{display:flex;align-items:flex-start;gap:9px;margin-bottom:5px}
.menu-dish-header .fssai-icon{margin-top:2px}
.menu-dish-name{font-size:15px;font-weight:750;color:#181920;margin:0;line-height:1.3;display:inline}
.menu-dish-desc{font-size:12px;color:#6b7280;margin:4px 0 0 24px;line-height:1.5}
.menu-dish-price{text-align:right;flex:none}
.menu-price-val{font-size:16px;font-weight:850;color:var(--public-accent,#d9531e);white-space:nowrap;letter-spacing:-.02em}

.menu-empty-results{padding:48px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}
.menu-empty-icon{width:54px;height:54px;border-radius:16px;background:#f3f1ec;color:#9ca3af;display:grid;place-items:center;margin-bottom:6px}
.menu-empty-icon .app-icon{width:26px;height:26px}
.menu-empty-results h3{font-size:16px;font-weight:800;color:#181920;margin:0}
.menu-empty-results p{font-size:13px;color:#6b7280;margin:0 0 10px}

.menu-feedback-section{padding:24px;border-top:1px solid #edebe5;background:#faf9f6}
.menu-lead-form{background:#fff;padding:22px;border:1px solid #edebe5;border-radius:18px}

.menu-footer{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px;border-top:1px solid #edebe5;color:#9ca3af;font-size:11px}
.menu-footer img{border-radius:4px}

/* Phone Mockup Quick Actions */
.phone-quick-actions{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;background:var(--card);border-bottom:1px solid var(--line)}
.phone-action-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:8px;background:var(--field);border:1px solid var(--line);color:var(--text);font-size:9px;font-weight:750;text-decoration:none;transition:all .15s ease}
.phone-action-btn.primary{background:var(--phone-accent,var(--accent));border-color:var(--phone-accent,var(--accent));color:#fff}
.phone-action-btn .app-icon{width:12px;height:12px}

@media(max-width:600px){
 .menu-public-body{padding:0;background:#fff}
 .menu-page{min-height:100vh;border:0;border-radius:0;box-shadow:none}
 .menu-hero-cover-wrap{height:160px}
 .menu-hero-content{padding:18px 18px 16px}
 .menu-catalog{padding:16px 18px 24px}
 .menu-dish-card{padding:12px 14px}
 .menu-item-row.top-row{flex-direction:column;align-items:stretch}
 .item-name-field,.item-cat-field,.item-price-field,.item-badge-field{width:100%}
 .menu-item-actions{margin-left:0;justify-content:flex-end}
}

.preview-activation{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:18px;background:rgba(255,255,255,.86);border:1px solid rgba(112,89,233,.2);border-radius:12px;color:var(--accent);text-align:center}
.preview-activation>.app-icon{width:28px;height:28px}
.preview-activation strong{font-size:12px}
.preview-activation small{max-width:185px;color:var(--muted);font-size:9px;line-height:1.5}

/* Interactive Custom & Social Buttons Builder */
.links-builder-section{grid-column:1/-1;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:14px;box-shadow:0 4px 16px rgba(22,25,50,.03)}
.links-builder-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.links-builder-title{font-size:14px;font-weight:750;color:var(--text);display:flex;align-items:center;gap:8px}
.links-builder-title .app-icon{width:16px;height:16px;color:var(--accent)}
.links-builder-subtitle{font-size:11.5px;color:var(--muted);margin:4px 0 0;line-height:1.45}
.links-builder-mode-toggle{display:inline-flex;background:var(--field);border:1px solid var(--line);border-radius:99px;padding:3px;gap:2px}
.btn-builder-toggle{border:0;background:transparent;padding:4px 11px;border-radius:99px;font-size:11px;font-weight:700;color:var(--muted);cursor:pointer;transition:all .16s ease}
.btn-builder-toggle.active{background:var(--card);color:var(--accent);box-shadow:0 1px 4px rgba(22,25,50,.08)}

.links-presets-bar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:10px 14px;background:var(--field);border:1px solid var(--line);border-radius:12px}
.links-presets-label{font-size:10.5px;font-weight:750;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}
.links-presets-list{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.preset-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:99px;border:1px solid var(--line);background:var(--card);font-size:11px;font-weight:650;color:var(--text);cursor:pointer;transition:all .15s ease}
.preset-chip:hover{border-color:var(--accent);background:var(--lav);color:var(--accent);transform:translateY(-1px)}
.preset-chip .preset-ico{display:inline-flex;align-items:center}
.preset-chip .app-icon{width:13px;height:13px}

.links-cards-list{display:flex;flex-direction:column;gap:11px}
.links-cards-empty{text-align:center;padding:26px 18px;background:var(--field);border:1.5px dashed var(--line);border-radius:13px;color:var(--muted);font-size:12px;line-height:1.5}

.link-card{background:var(--field);border:1px solid var(--line);border-radius:13px;padding:14px;display:flex;flex-direction:column;gap:10px;transition:border-color .15s ease,box-shadow .15s ease}
.link-card:hover{border-color:rgba(111,87,237,.35);box-shadow:0 3px 12px rgba(22,25,50,.04)}
.link-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.link-card-brand{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:750;color:var(--text)}
.link-card-num{font-size:10px;font-weight:800;color:var(--muted);background:var(--card);border:1px solid var(--line);padding:2px 7px;border-radius:6px}
.link-card-icon-badge{width:26px;height:26px;border-radius:8px;background:var(--lav);color:var(--accent);display:grid;place-items:center;flex-shrink:0}
.link-card-icon-badge .app-icon{width:14px;height:14px}
.link-badge-pill{font-size:9.5px;font-weight:750;padding:2px 8px;border-radius:99px;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid rgba(245,158,11,.25);letter-spacing:.02em}

.link-card-actions{display:flex;align-items:center;gap:5px}
.link-action-btn{width:28px;height:28px;border-radius:8px;border:1px solid var(--line);background:var(--card);color:var(--muted);display:grid;place-items:center;cursor:pointer;transition:all .15s ease;padding:0}
.link-action-btn:hover:not(:disabled){color:var(--accent);border-color:var(--accent);background:var(--lav)}
.link-action-btn:disabled{opacity:.35;cursor:not-allowed}
.link-action-btn.btn-delete:hover{color:#ef4444;border-color:rgba(239,68,68,.3);background:#fee2e2}
.link-action-btn .app-icon{width:13px;height:13px}

.link-card-inputs{display:flex;flex-direction:column;gap:9px}
.link-card-field-row{display:grid;grid-template-columns:minmax(140px,1.2fr) minmax(200px,2fr);gap:10px}
.link-card-custom-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
.link-sublabel{display:flex;flex-direction:column;gap:5px;font-size:11px;font-weight:650;color:var(--muted)}
.link-input{height:38px;min-height:38px;font-size:12.5px;border-radius:9px;padding:0 11px;border:1px solid var(--line);background:var(--card);color:var(--text);width:100%;outline:0;transition:border-color .15s ease,box-shadow .15s ease}
.link-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(111,87,237,.12)}
.link-select{height:38px;min-height:38px;font-size:12px;border-radius:9px;padding:0 8px;border:1px solid var(--line);background:var(--card);color:var(--text);width:100%;outline:0;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}
.link-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(111,87,237,.12)}

.links-add-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:4px}
.btn-add-link{font-size:12px;padding:8px 16px;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.btn-add-link .app-icon{width:13px;height:13px}
.links-count-badge{font-size:11.5px;color:var(--muted);font-weight:600}

.links-raw-wrap{display:flex;flex-direction:column;gap:6px}
.links-raw-label{font-size:12px;font-weight:700;color:var(--text);display:flex;flex-direction:column;gap:7px}
.links-raw-label code{font-family:monospace;font-size:11px;background:var(--lav);padding:1px 5px;border-radius:4px;color:var(--accent)}

/* Customized buttons in public and phone previews */
.vcard-links a.vcard-link-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border:1px solid #e8e9f1;border-radius:14px;background:#fafafe;color:#272b45;font-size:12px;font-weight:700;transition:all .18s ease;text-decoration:none}
.vcard-links a.vcard-link-item:hover{border-color:var(--public-accent);color:var(--public-accent);transform:translateY(-1px);box-shadow:0 6px 18px rgba(36,40,82,.07)}
.vcard-links a.vcard-link-item>span{display:flex;align-items:center;gap:10px;min-width:0}
.vcard-link-ico{width:24px;height:24px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--public-accent,#6c5ce7),#fff 90%);color:var(--public-accent,#6c5ce7);flex-shrink:0}
.vcard-link-ico .app-icon{width:14px;height:14px}
.vcard-link-txt{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vcard-link-tag,.public-link-tag,.phone-link-badge{font-size:9px;font-weight:800;padding:2px 7px;border-radius:99px;background:var(--public-accent,#6c5ce7);color:#fff;letter-spacing:.02em;vertical-align:middle;margin-left:6px;display:inline-block;text-transform:uppercase}

.vcard-links a.vcard-link-item.featured,.public-links a.public-link-item.featured,.phone-link.phone-link-featured{border:1.5px solid var(--public-accent,#6c5ce7)!important;background:linear-gradient(135deg,color-mix(in srgb,var(--public-accent,#6c5ce7),#fff 92%),#fff)!important;box-shadow:0 4px 18px color-mix(in srgb,var(--public-accent,#6c5ce7),transparent 80%)!important;font-weight:800}
.vcard-links a.vcard-link-item.solid,.public-links a.public-link-item.solid,.phone-link.phone-link-solid{background:var(--public-accent,#6c5ce7)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 6px 18px color-mix(in srgb,var(--public-accent,#6c5ce7),transparent 72%)}
.vcard-links a.vcard-link-item.solid .vcard-link-ico,.public-links a.public-link-item.solid .public-link-ico,.phone-link.phone-link-solid .phone-link-icon{background:rgba(255,255,255,.2)!important;color:#fff!important}
.vcard-links a.vcard-link-item.solid .ico-arrow,.public-links a.public-link-item.solid .public-link-arrow,.phone-link.phone-link-solid .phone-link-arrow{color:#fff!important}
.vcard-links a.vcard-link-item.solid .vcard-link-tag,.public-links a.public-link-item.solid .public-link-tag,.phone-link.phone-link-solid .phone-link-badge{background:#fff!important;color:var(--public-accent,#6c5ce7)!important}
.vcard-links a.vcard-link-item.outline,.public-links a.public-link-item.outline,.phone-link.phone-link-outline{background:transparent!important;border:1.5px solid var(--public-accent,#6c5ce7)!important}

.public-links a.public-link-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid #ece9ff;border-radius:13px;background:#f6f4ff;color:#24243a;font-size:12px;font-weight:750;text-decoration:none;transition:all .18s ease}
.public-links a.public-link-item:hover{border-color:var(--public-accent);transform:translateY(-1px);box-shadow:0 6px 18px rgba(36,40,82,.07)}
.public-links a.public-link-item>span:first-child{display:flex;align-items:center;gap:10px;min-width:0}
.public-link-ico{width:24px;height:24px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--public-accent,#7866ed),#fff 90%);color:var(--public-accent,#7866ed);flex-shrink:0}
.public-link-ico .app-icon{width:14px;height:14px}
.public-link-txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.phone-link-label{display:flex;align-items:center;gap:6px;flex:1;min-width:0}
.phone-link-label b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
:root[data-theme="dark"] .links-builder-section{background:var(--card);border-color:var(--line)}
:root[data-theme="dark"] .link-card{background:var(--field);border-color:var(--line)}
:root[data-theme="dark"] .link-input,:root[data-theme="dark"] .link-select{background:var(--card);border-color:var(--line);color:var(--text)}
:root[data-theme="dark"] .preset-chip{background:var(--card);border-color:var(--line);color:var(--text)}

@media(max-width:600px){
  .link-card-field-row{grid-template-columns:1fr}
  .link-card-custom-row{grid-template-columns:1fr}
  .links-presets-list{gap:5px}
  .preset-chip{font-size:10px;padding:4px 8px}
}

/* Super Admin SaaS Tenant Management Module ---------- */
.admin-saas-banner{padding:24px 26px;margin-bottom:20px;border-radius:18px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow)}
.saas-banner-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;flex-wrap:wrap}
.saas-banner-head h3{font-size:18px;margin:5px 0 6px;color:var(--text)}
.saas-banner-head p{font-size:12px;color:var(--muted);max-width:640px;line-height:1.55}
.saas-tier-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.saas-tier-card{padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:var(--field);display:flex;flex-direction:column;gap:10px;transition:all .18s ease}
.saas-tier-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(18,22,45,.06)}
.tier-top{display:flex;justify-content:space-between;align-items:center;gap:6px}
.tier-top b{font-size:12.5px;color:var(--text);font-weight:750}
.tier-pill{font-size:9.5px;font-weight:800;padding:2px 8px;border-radius:99px;background:var(--card);border:1px solid var(--line);color:var(--muted);text-transform:uppercase;letter-spacing:.03em}
.tier-pill.blue{background:rgba(37,99,235,.1);color:#2563eb;border-color:rgba(37,99,235,.2)}
.tier-pill.purple{background:rgba(124,58,237,.1);color:#7c3aed;border-color:rgba(124,58,237,.2)}
.tier-pill.gold{background:rgba(217,119,6,.1);color:#d97706;border-color:rgba(217,119,6,.2)}
.tier-specs{display:flex;flex-direction:column;gap:3px;font-size:11px;color:var(--muted)}
.tier-specs span b{color:var(--text);font-weight:700}

.admin-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:20px 22px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.admin-toolbar-left{display:flex;align-items:center;gap:12px;flex:1;min-width:280px;flex-wrap:wrap}
.admin-search-box{display:flex;align-items:center;gap:8px;background:var(--field);border:1px solid var(--line);border-radius:10px;padding:0 12px;min-height:38px;flex:1;max-width:320px}
.admin-search-box .app-icon{width:15px;height:15px;color:var(--muted);flex-shrink:0}
.admin-search-box input{border:0;background:transparent;padding:8px 0;min-height:auto;font-size:12.5px;box-shadow:none;color:var(--text)}
.admin-search-box input:focus{box-shadow:none}
.admin-filter-group{display:flex;align-items:center;gap:8px}
.admin-filter-select{min-height:38px;height:38px;padding:0 10px;font-size:12px;border-radius:10px;background:var(--field);border:1px solid var(--line);color:var(--text);cursor:pointer;outline:none}
.admin-count-badge{font-size:11.5px;color:var(--muted);font-weight:650;white-space:nowrap}

.admin-user-cell{display:flex;align-items:center;gap:12px}
.admin-avatar{width:36px;height:36px;border-radius:10px;background:var(--lav);color:var(--accent);display:grid;place-items:center;font-weight:800;font-size:12px;flex-shrink:0}
.admin-avatar.admin-avatar-super{background:linear-gradient(135deg,#7c3aed,#6366f1);color:#fff}
.admin-avatar.admin-avatar-super .app-icon{width:17px;height:17px}
.admin-user-info{display:flex;flex-direction:column;gap:2px;min-width:0}
.admin-user-name-line{display:flex;align-items:center;gap:6px}
.admin-user-name-line b{font-size:12.5px;color:var(--text);font-weight:750}
.admin-user-email{color:var(--muted);font-size:11.5px}

.admin-plan-cell{display:flex;align-items:center;gap:8px}
.admin-plan-cell .plan-form{display:inline-flex;align-items:center;gap:6px}
.plan-select{min-height:34px;height:34px;padding:0 8px;font-size:11.5px;font-weight:700;border-radius:8px;border:1px solid var(--line);background:var(--field);color:var(--text);cursor:pointer}
.plan-select.plan-badge-growth{color:#2563eb;background:rgba(37,99,235,.07);border-color:rgba(37,99,235,.25)}
.plan-select.plan-badge-studio{color:#7c3aed;background:rgba(124,58,237,.07);border-color:rgba(124,58,237,.25)}
.plan-select.plan-badge-enterprise{color:#d97706;background:rgba(217,119,6,.07);border-color:rgba(217,119,6,.25)}

.qr-count-badge{font-size:11.5px;color:var(--text);background:var(--field);border:1px solid var(--line);border-radius:8px;padding:4px 8px;display:inline-flex;align-items:center;gap:4px}
.admin-date-text{font-size:11.5px;color:var(--muted);white-space:nowrap}

.admin-actions-group{display:inline-flex;align-items:center;gap:6px}
.admin-action-btn{width:32px;height:32px;border-radius:9px;border:1px solid var(--line);background:var(--card);color:var(--muted);display:grid;place-items:center;cursor:pointer;transition:all .15s ease;padding:0}
.admin-action-btn:hover:not(:disabled){color:var(--accent);border-color:var(--accent);background:var(--lav);transform:translateY(-1px)}
.admin-action-btn.danger:hover:not(:disabled){color:#ef4444;border-color:rgba(239,68,68,.3);background:#fee2e2}
.admin-action-btn:disabled,.admin-action-btn.disabled{opacity:.35;cursor:not-allowed}
.admin-action-btn .app-icon{width:14px;height:14px}

.field-label-split{display:flex;justify-content:space-between;align-items:center;width:100%}
.btn-gen-pass{border:0;background:transparent;color:var(--accent);font-size:11px;font-weight:750;cursor:pointer;padding:2px 6px;border-radius:6px;transition:all .15s ease}
.btn-gen-pass:hover{background:var(--lav);text-decoration:underline}
.modal-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}

:root[data-theme="dark"] .admin-saas-banner{background:var(--card);border-color:var(--line)}
:root[data-theme="dark"] .saas-tier-card{background:var(--field);border-color:var(--line)}
:root[data-theme="dark"] .admin-search-box,.admin-filter-select{background:var(--field);border-color:var(--line);color:var(--text)}
:root[data-theme="dark"] .admin-action-btn{background:var(--field);border-color:var(--line);color:var(--text)}

@media(max-width:900px){
  .saas-tier-cards{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .saas-tier-cards{grid-template-columns:1fr}
  .admin-toolbar-left{flex-direction:column;align-items:stretch}
  .admin-search-box{max-width:100%}
  .modal-grid-2{grid-template-columns:1fr}
}