@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Outfit:wght@700;800;900&display=swap";:root{--font-sans:"Inter", system-ui, sans-serif;--font-head:"Outfit", system-ui, sans-serif;--c-bg:#0b0d16;--c-surface:#121523;--c-surface2:#191d30;--c-border:#d4af3726;--c-border2:#ffffff0d;--c-shadow:#0006;--c-shadow-lg:#0009;--c-text:#f8fafc;--c-sub:#94a3b8;--c-muted:#64748b;--c-white:#fff;--c-primary:#d4af37;--c-primary-dim:#f3e5ab;--c-primary-soft:#d4af371f;--c-primary-glow:#d4af3759;--c-green:#10b981;--c-green-soft:#10b98126;--c-pink:#f43f5e;--c-pink-soft:#f43f5e26;--c-amber:#f59e0b;--c-red:#ef4444;--c-red-soft:#ef444426;--c-qr-border:#d4af3740;--c-qr-bg:#d4af3708;--radius:20px;--radius-sm:12px;--radius-xs:8px;--ease:cubic-bezier(.16,1,.3,1);--fast:.15s ease;--mid:.25s var(--ease);--slow:.4s var(--ease);--nav-h:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--c-bg);font-size:15px}body{font-family:var(--font-sans);background:var(--c-bg);color:var(--c-text);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select{font-family:inherit}img{display:block}.shell{background:var(--c-bg);flex-direction:column;min-height:100vh;display:flex}.navbar{z-index:100;border-bottom:1px solid var(--c-border);-webkit-backdrop-filter:blur(16px);height:var(--nav-h);background:#121523cc;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;max-width:1260px;height:100%;margin:0 auto;padding:0 24px;display:flex}.brand{color:#fff;font-family:var(--font-head);letter-spacing:.03em;align-items:center;gap:10px;font-size:17px;font-weight:800;display:flex}.brand-logo-img{object-fit:contain;width:auto;height:46px;margin-right:4px}.mode-pill{letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--c-border);color:var(--c-primary);transition:all var(--mid);background:#d4af3714;border-radius:99px;align-items:center;gap:5px;padding:6px 14px;font-size:11px;font-weight:800;display:flex}.mode-pill.admin{background:var(--c-primary-soft);border-color:var(--c-primary);color:var(--c-primary-dim);box-shadow:0 0 12px #d4af3726}.mode-pill:hover{opacity:1;transform:translateY(-1px);box-shadow:0 4px 12px #d4af3733}.main-content{flex:1;width:100%;max-width:1260px;margin:0 auto;padding:0 24px 60px}.roster-wrap{flex-direction:column;gap:28px;padding-top:40px;display:flex}.roster-hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.hero-title{font-family:var(--font-head);color:var(--c-text);letter-spacing:-.02em;font-size:34px;font-weight:900;line-height:1.1}.hero-sub{color:var(--c-sub);align-items:center;gap:6px;margin-top:6px;font-size:13px;display:flex}.live-dot{background:var(--c-primary);width:7px;height:7px;box-shadow:0 0 8px var(--c-primary);border-radius:50%;animation:2s infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.btn-add{background:var(--c-primary);color:var(--c-bg);border-radius:var(--radius-sm);box-shadow:0 4px 16px var(--c-primary-glow);transition:all var(--mid);align-items:center;gap:6px;padding:10px 20px;font-size:13px;font-weight:800;display:flex}.btn-add:hover{transform:translateY(-1px);box-shadow:0 6px 22px #d4af3780}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.searchbar{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-sm);min-width:240px;height:42px;transition:border-color var(--fast), box-shadow var(--fast);cursor:text;flex:1;align-items:center;gap:8px;padding:0 14px;display:flex}.searchbar:focus-within{border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-soft)}.searchbar svg{color:var(--c-sub);flex-shrink:0}.searchbar input{color:var(--c-text);background:0 0;border:none;outline:none;flex:1;font-size:13.5px}.searchbar input::placeholder{color:var(--c-muted)}.clear-q{color:var(--c-sub);border-radius:4px;align-items:center;padding:2px;display:flex}.clear-q:hover{color:var(--c-primary)}.cat-pick{border:1px solid var(--c-border);background:var(--c-surface);border-radius:var(--radius-sm);height:42px;color:var(--c-text);transition:border-color var(--fast);outline:none;padding:0 14px;font-size:13px}.cat-pick:focus{border-color:var(--c-primary)}.view-toggle{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-sm);display:flex;overflow:hidden}.view-toggle button{width:42px;height:42px;color:var(--c-sub);transition:all var(--fast);justify-content:center;align-items:center;display:flex}.view-toggle button.on{background:var(--c-primary);color:var(--c-bg)}.view-toggle button:not(.on):hover{background:var(--c-surface2);color:var(--c-text)}.filter-label{color:var(--c-sub);align-items:center;gap:6px;font-size:12px;display:flex}.filter-label button{color:var(--c-primary);border:1px solid var(--c-border);transition:all var(--fast);border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700}.filter-label button:hover{background:var(--c-primary-soft)}.grid-view{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.mcard{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:0 4px 12px var(--c-shadow);cursor:pointer;animation:cardIn .45s var(--ease) both;animation-delay:calc(var(--i,0) * 35ms);transition:transform .25s var(--ease), box-shadow .25s var(--ease), border-color .25s var(--ease);position:relative;overflow:hidden}.mcard:hover{border-color:var(--c-primary);box-shadow:0 16px 36px #00000080, 0 0 14px var(--c-primary-glow);transform:translateY(-6px)}@keyframes cardIn{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.mcard-edit{z-index:10;letter-spacing:.04em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);border:1.5px solid var(--c-primary);color:var(--c-primary);cursor:pointer;opacity:0;transition:opacity .18s, transform .18s var(--ease);pointer-events:none;background:#121523e6;border-radius:99px;align-items:center;gap:5px;padding:5px 12px;font-size:11px;font-weight:800;display:flex;position:absolute;top:10px;right:10px;transform:translateY(-3px)scale(.94);box-shadow:0 4px 12px #0006}.mcard:hover .mcard-edit{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.mcard-edit:hover{background:var(--c-primary);color:var(--c-bg)}.mcard-inner{color:inherit;flex-direction:column;height:100%;text-decoration:none;display:flex}.mcard-band{border-bottom:2px solid var(--c-border);background:linear-gradient(135deg,#161c2d 0%,#0d121f 100%);flex-shrink:0;height:80px;position:relative}.mcard-avatar{border:3px solid var(--c-surface);width:72px;height:72px;box-shadow:0 4px 16px #00000080, 0 0 0 1px var(--c-border);background:var(--c-surface2);border-radius:50%;flex-shrink:0;position:absolute;bottom:-36px;left:20px;overflow:hidden}.mcard-avatar img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.mcard-initials{width:100%;height:100%;color:var(--c-primary);background:var(--c-surface2);justify-content:center;align-items:center;font-size:22px;font-weight:800;display:flex}.mcard-body{flex-direction:column;flex:1;gap:4px;padding:44px 20px 18px;display:flex}.mcard-cat{text-transform:uppercase;letter-spacing:.08em;color:var(--c-primary);font-size:10.5px;font-weight:800;line-height:1}.mcard-name{font-family:var(--font-head);color:var(--c-text);margin:2px 0 0;font-size:17px;font-weight:800;line-height:1.25}.mcard-biz{color:var(--c-sub);white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:12px;overflow:hidden}.mcard-contacts{border-top:1px solid var(--c-border2);flex-direction:column;gap:4px;margin-top:12px;padding-top:10px;display:flex}.mcard-contacts span{color:var(--c-sub);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;font-size:11px;display:flex;overflow:hidden}.mcard-contacts svg{color:var(--c-primary)}.mcard-logo{border-top:1px solid var(--c-border);background:#fff;justify-content:center;align-items:center;min-height:64px;padding:10px 20px;display:flex}.mcard-logo img{object-fit:contain;opacity:1;max-width:170px;max-height:44px;filter:none!important}.list-view{flex-direction:column;gap:8px;display:flex}.lrow{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-sm);transition:all var(--mid);box-shadow:0 2px 6px var(--c-shadow);align-items:center;gap:14px;padding:14px 18px;text-decoration:none;display:flex}.lrow:hover{border-color:var(--c-primary);box-shadow:0 4px 16px var(--c-shadow);transform:translate(3px)}.lrow-av{background:var(--c-surface2);border:1px solid var(--c-border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}.lrow-av img{object-fit:cover;width:100%;height:100%}.lrow-av span{color:var(--c-primary);font-size:16px;font-weight:800}.lrow-name{flex:1.5;min-width:0}.lrow-name strong{color:var(--c-text);white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:700;display:block;overflow:hidden}.lrow-name em{color:var(--c-primary);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-style:normal;font-weight:700}.lrow-biz{color:var(--c-sub);white-space:nowrap;text-overflow:ellipsis;flex:1.5;font-size:12.5px;overflow:hidden}.lrow-phone{color:var(--c-sub);white-space:nowrap;flex:1;font-size:12.5px}.lrow-actions{align-items:center;gap:8px;display:flex}.ledit{background:var(--c-surface2);border:1px solid var(--c-border);width:28px;height:28px;color:var(--c-primary);transition:all var(--fast);border-radius:6px;justify-content:center;align-items:center;display:flex}.ledit:hover{background:var(--c-primary);color:var(--c-bg);border-color:var(--c-primary)}.center-loader{color:var(--c-sub);justify-content:center;align-items:center;gap:12px;padding:80px 0;font-size:13.5px;display:flex}.spin{animation:1s linear infinite rotate}@keyframes rotate{to{transform:rotate(360deg)}}.empty{text-align:center;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:0 4px 16px var(--c-shadow);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:60px 24px;display:flex}.empty svg{color:var(--c-primary);margin-bottom:4px}.empty h3{color:var(--c-text);font-size:18px;font-weight:800}.empty p{color:var(--c-sub);font-size:13.5px}.empty button{border-radius:var(--radius-sm);background:var(--c-primary);color:var(--c-bg);transition:all var(--fast);box-shadow:0 4px 14px var(--c-primary-glow);margin-top:8px;padding:10px 20px;font-size:13px;font-weight:800}.empty button:hover{opacity:.9;box-shadow:0 6px 18px var(--c-primary-glow);transform:translateY(-1px)}.profile-wrap{flex-direction:column;gap:24px;max-width:900px;padding-top:36px;display:flex}.profile-nav{justify-content:space-between;align-items:center;display:flex}.back-btn{color:var(--c-sub);border-radius:var(--radius-xs);background:var(--c-surface);border:1px solid var(--c-border);transition:all var(--fast);align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;display:flex}.back-btn:hover{color:var(--c-primary);border-color:var(--c-primary)}.btn-edit-p{color:var(--c-primary-dim);border-radius:var(--radius-xs);background:var(--c-primary-soft);border:1px solid var(--c-primary);transition:all var(--fast);align-items:center;gap:5px;padding:8px 16px;font-size:12px;font-weight:800;display:flex}.btn-edit-p:hover{background:var(--c-primary);color:var(--c-bg)}.profile-panel{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:0 12px 40px var(--c-shadow-lg);flex-direction:column;display:flex;position:relative;overflow:hidden}.pp-cover{border-bottom:2.5px solid var(--c-primary);background:linear-gradient(145deg,#101424 0%,#060810 100%);width:100%;height:220px;position:relative;overflow:hidden}.pp-cover-img{object-fit:cover;object-position:center;opacity:.85;width:100%;height:100%}.pp-cover-fallback{background:radial-gradient(circle at 70% 30%,#d4af3726 0%,#0b0d16cc 70%),repeating-linear-gradient(45deg,#ffffff03 0 2px,#0000 2px 10px);width:100%;height:100%}.pp-content-layout{grid-template-columns:1fr;padding:0 32px 32px;display:grid}@media (width>=640px){.pp-content-layout{grid-template-columns:200px 1fr;gap:32px}}.pp-left{z-index:10;text-align:center;flex-direction:column;align-items:center;margin-top:-80px;display:flex;position:relative}@media (width>=640px){.pp-left{text-align:left;align-items:flex-start}}.pp-photo-wrapper{background:var(--c-surface);border:1px solid var(--c-border);border-radius:50%;margin-bottom:12px;padding:5px;display:inline-block;box-shadow:0 8px 24px #00000080}.pp-photo{background:var(--c-surface2);border:2px solid var(--c-primary);border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;display:flex;overflow:hidden}.pp-photo img{object-fit:cover;width:100%;height:100%}.pp-init{color:var(--c-primary);font-size:52px;font-weight:900}.pp-page{color:var(--c-primary-dim);background:var(--c-primary-soft);border:1px solid var(--c-border);border-radius:99px;margin-top:8px;padding:5px 12px;font-size:11px;font-weight:800;display:inline-block}.pp-right{padding-top:24px}@media (width>=640px){.pp-right{padding-top:18px}}.pp-header-row{border-bottom:1px solid var(--c-border2);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:20px;display:flex}.pp-meta-info{flex:1;min-width:250px}.pp-logo-card{background:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:190px;height:84px;padding:12px 18px;transition:transform .2s;display:flex;box-shadow:0 6px 20px #00000073,0 0 0 1px #ffffffe6}.pp-logo-card:hover{transform:scale(1.05)}.pp-logo-card img{object-fit:contain;max-width:100%;max-height:100%;filter:none!important}.pp-cat{text-transform:uppercase;letter-spacing:.08em;color:var(--c-primary);background:var(--c-primary-soft);border:1px solid var(--c-border);border-radius:99px;margin-bottom:8px;padding:4px 12px;font-size:11px;font-weight:800;display:inline-block}.pp-name{font-family:var(--font-head);color:var(--c-text);letter-spacing:-.02em;font-size:32px;font-weight:900;line-height:1.15}.pp-biz{color:var(--c-sub);align-items:center;gap:6px;margin-top:8px;font-size:15px;display:flex}.pp-biz svg{color:var(--c-primary)}.pp-contacts{flex-direction:column;gap:14px;margin-top:28px;display:flex}.contact-row{background:var(--c-surface2);border:1px solid var(--c-border);border-radius:var(--radius-sm);transition:all var(--mid);align-items:center;gap:14px;padding:14px 18px;display:flex}.contact-row:hover{background:var(--c-surface);border-color:var(--c-primary);box-shadow:0 4px 16px var(--c-primary-glow)}.cr-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.cr-text{flex:1;min-width:0}.cr-text span{color:var(--c-muted);text-transform:uppercase;letter-spacing:.06em;font-size:10.5px;font-weight:700;display:block}.cr-text strong{color:var(--c-text);text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;font-weight:700;display:block;overflow:hidden}.cr-copy{background:var(--c-surface);border:1px solid var(--c-border);width:28px;height:28px;color:var(--c-sub);transition:all var(--fast);border-radius:7px;justify-content:center;align-items:center;display:flex}.cr-copy:hover{background:var(--c-primary);color:var(--c-bg);border-color:var(--c-primary)}.modal-bg{z-index:999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#05070cd9;justify-content:center;align-items:center;padding:16px;animation:.2s bfade;display:flex;position:fixed;inset:0}@keyframes bfade{0%{opacity:0}to{opacity:1}}.modal-box{background:var(--c-surface);border:1px solid var(--c-border);width:100%;max-width:620px;max-height:90vh;animation:mslide .3s var(--ease);border-radius:20px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 24px 60px #000c}@keyframes mslide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-hd{border-bottom:1px solid var(--c-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 22px 16px;display:flex}.modal-hd h2{color:var(--c-text);font-size:18px;font-weight:850}.mx{width:32px;height:32px;color:var(--c-sub);background:var(--c-surface2);border:1px solid var(--c-border);transition:all var(--fast);border-radius:8px;justify-content:center;align-items:center;display:flex}.mx:hover{color:var(--c-primary);background:var(--c-surface);border-color:var(--c-primary)}.modal-loading{color:var(--c-sub);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:60px;font-size:13.5px;font-weight:600;display:flex}.modal-form{flex-direction:column;display:flex;overflow:auto}.merr{border-radius:var(--radius-xs);border:1px solid var(--c-red);color:#fca5a5;background:#ef44441a;align-items:center;gap:8px;margin:16px 22px 0;padding:10px 14px;font-size:12.5px;font-weight:600;display:flex}.upload-pair{border-bottom:1px solid var(--c-border);gap:16px;padding:16px 22px;display:flex}.uz{flex-direction:column;gap:6px;display:flex}.uz-label{color:var(--c-sub);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:800}.uz-area{border:2px dashed var(--c-border);background:var(--c-surface2);cursor:pointer;width:110px;height:100px;transition:border-color var(--fast), background var(--fast);border-radius:12px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.uz-area:hover{border-color:var(--c-primary);background:var(--c-primary-soft)}.uz-area.circle{border-radius:50%;width:100px;height:100px}.uz-ph{color:var(--c-sub);flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.uz-img{object-fit:cover;width:100%;height:100%}.uz-img-c{object-fit:cover;border-radius:50%;width:100%;height:100%}.uz-rm{background:var(--c-red);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;top:4px;right:4px}.fgrid{grid-template-columns:1fr 1fr;gap:14px;padding:18px 22px;display:grid;overflow-y:auto}.fgroup{flex-direction:column;gap:5px;display:flex}.fgroup label{color:var(--c-sub);font-size:12px;font-weight:700}.fgroup input{border:1px solid var(--c-border);border-radius:var(--radius-xs);color:var(--c-text);background:var(--c-surface2);transition:border-color var(--fast), box-shadow var(--fast);outline:none;padding:10px 14px;font-size:13.5px}.fgroup input:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-soft)}.modal-ft{border-top:1px solid var(--c-border);flex-shrink:0;align-items:center;padding:14px 22px;display:flex}.bdel{color:#fca5a5;border-radius:var(--radius-xs);border:1px solid var(--c-red);background:var(--c-red-soft);transition:all var(--fast);align-items:center;gap:5px;padding:8px 16px;font-size:12.5px;font-weight:800;display:flex}.bdel:hover{background:var(--c-red);color:#fff}.bcancel{border-radius:var(--radius-xs);border:1px solid var(--c-border);color:var(--c-sub);background:var(--c-surface2);transition:all var(--fast);margin-left:auto;padding:8px 16px;font-size:13px;font-weight:700}.bcancel:hover{background:var(--c-surface);color:var(--c-primary)}.bsave{border-radius:var(--radius-xs);background:var(--c-primary);color:var(--c-bg);box-shadow:0 3px 10px var(--c-primary-glow);transition:all var(--fast);margin-left:8px;padding:8px 18px;font-size:13px;font-weight:800}.bsave:hover{opacity:.9;box-shadow:0 6px 18px var(--c-primary-glow);transform:translateY(-1px)}.qr-panel{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:0 8px 32px var(--c-shadow);border-top:4px solid var(--c-primary);margin-top:24px;overflow:hidden}.qr-panel-header{border-bottom:1px solid var(--c-border);background:var(--c-surface2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:20px 22px;display:flex}.qr-title-group{align-items:center;gap:12px;display:flex}.qr-icon{color:var(--c-primary);flex-shrink:0}.qr-title{color:var(--c-text);font-size:15px;font-weight:800;line-height:1.2}.qr-sub{color:var(--c-sub);margin-top:2px;font-size:12px}.qr-dl-group{gap:8px;display:flex}.qr-dl-btn{border-radius:var(--radius-xs);letter-spacing:.03em;transition:all var(--mid);cursor:pointer;border:1.5px solid #0000;align-items:center;gap:5px;padding:8px 16px;font-size:12px;font-weight:800;display:inline-flex}.qr-dl-btn:disabled{opacity:.45;cursor:wait}.svg-btn{background:var(--c-primary-soft);color:var(--c-primary);border-color:var(--c-primary)}.svg-btn:not(:disabled):hover{background:var(--c-primary);color:var(--c-bg);box-shadow:0 4px 14px var(--c-primary-glow);transform:translateY(-1px)}.png-btn{background:var(--c-green-soft);color:var(--c-green);border-color:var(--c-green)}.png-btn:not(:disabled):hover{background:var(--c-green);color:var(--c-bg);transform:translateY(-1px);box-shadow:0 4px 14px #10b9814d}.qr-body{flex-wrap:wrap;align-items:flex-start;gap:28px;padding:24px 22px;display:flex}.qr-preview{border:1.5px solid var(--c-primary);background:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:160px;height:160px;padding:10px;display:flex;overflow:hidden;box-shadow:0 4px 16px #00000080}.qr-svg{width:100%;height:100%}.qr-svg svg{width:100%;height:100%;display:block}.qr-skeleton{width:100%;height:100%;color:var(--c-sub);justify-content:center;align-items:center;display:flex}.qr-info{flex-direction:column;flex:1;gap:14px;min-width:200px;display:flex}.qr-url-box{flex-direction:column;gap:5px;display:flex}.qr-url-label{text-transform:uppercase;letter-spacing:.07em;color:var(--c-primary);font-size:10px;font-weight:800}.qr-url{color:var(--c-sub);background:var(--c-surface2);border:1px solid var(--c-border);border-radius:var(--radius-xs);word-break:break-all;padding:10px 14px;font-family:SF Mono,Fira Code,Menlo,monospace;font-size:12.5px;line-height:1.5;display:block}.qr-note{color:var(--c-sub);background:var(--c-qr-bg);border:1px solid var(--c-qr-border);border-radius:var(--radius-xs);padding:10.5px 14px;font-size:12px;line-height:1.7}.mcard-cat,.pp-cat{background:var(--c-primary-soft);color:var(--c-primary)}.cr-icon.green{background:var(--c-green-soft);color:var(--c-green)}.cr-icon.purple{background:var(--c-pink-soft);color:var(--c-pink)}.back-btn:focus-visible,.btn-edit-p:focus-visible,.qr-dl-btn:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}@media (width<=640px){.lrow-biz,.lrow-phone{display:none}.hero-title{font-size:26px}.pp-right{padding:24px}.pp-name{font-size:26px}.fgrid{grid-template-columns:1fr}.upload-pair{flex-wrap:wrap}.qr-body{flex-direction:column}.qr-preview{width:140px;height:140px}}