@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#142c35;--muted:#78909a;--line:#e8eef0;--soft:#f5f8f9;--white:#fff;--aqua:#0ea8a0;--aqua-dark:#087b75;--aqua-light:#e6f8f5;--sidebar:#0d2630;--shadow:0 15px 45px rgba(20,56,63,.045)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:14px/1.55 'DM Sans',system-ui,sans-serif;color:var(--ink);background:var(--soft)}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}small{font-size:13px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,'DM Sans',sans-serif;letter-spacing:-.035em}h1{font-size:30px;font-weight:800}h2{font-size:17px;font-weight:800}p{color:var(--muted)}label{font-weight:700;font-size:13px}.muted{color:var(--muted)}.eyebrow,.mini-eyebrow{font-size:13px;font-weight:800;letter-spacing:.15em;color:var(--aqua)}.shell{display:flex;min-height:100vh}.sidebar{width:248px;flex:0 0 248px;background:var(--sidebar);color:#bad1d6;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;padding:25px 15px;z-index:20}.brand{display:flex;gap:11px;align-items:center;margin:0 11px 43px;color:white}.brand-mark{height:40px;width:40px;background:linear-gradient(140deg,#38d9ce,#00a99d);border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font:900 23px/1 Manrope;color:white;box-shadow:0 7px 15px #19dbc83b;flex-shrink:0}.brand strong,.login-logo strong{display:block;font-size:23px;font-family:Manrope;letter-spacing:-.06em;line-height:1}.brand small,.login-logo small{display:block;font-weight:600;font-size:13px;letter-spacing:.055em;color:#7ea6ab;margin-top:7px}.nav-label{margin:0 14px 11px;color:#67838b;font-size:13px;letter-spacing:.16em;font-weight:800}.navigation{margin-bottom:28px}.nav-link{display:flex;align-items:center;gap:12px;margin:4px 0;padding:12px 15px;border-radius:11px;font-weight:700;font-size:13px;color:#a6c1c9;transition:background .2s}.nav-link span{font-size:18px;width:22px;text-align:center}.nav-link:hover,.nav-link.current{color:#fff;background:linear-gradient(100deg,#17444a,#1d5254)}.nav-link.current:before{content:'';height:20px;width:3px;border-radius:3px;position:absolute;left:15px;background:#53f4db}.sidebar-hint{padding:16px 12px;color:#98b5bc;font-weight:700;font-size:13px;background:#18333d;border:1px solid #29424c;border-radius:12px;margin:2px 7px}.sidebar-hint p{font-size:13px;color:#6d929b;margin-top:8px;font-weight:400}.hint-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#28d1b6;margin-right:5px}.sidebar-bottom{display:flex;gap:9px;align-items:center;margin-top:auto;padding:16px 8px 3px;border-top:1px solid #28434b}.mini-avatar{height:35px;width:35px;display:grid;place-items:center;border-radius:10px;background:#205862;color:#75f3df;font-weight:900}.sidebar-profile b{display:block;color:#e6fbfb;font-size:13px}.sidebar-profile small{color:#82a4ae;font-size:13px}.main{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:74px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 38px;border-bottom:1px solid var(--line);gap:15px}.top-left,.top-right{display:flex;align-items:center;gap:16px}.breadcrumbs{font-size:13px;color:#9dabb1}.breadcrumbs b{color:var(--ink)}.status-online{color:var(--aqua);font-size:13px;font-weight:800;background:#ebfaf7;border-radius:20px;padding:7px 12px}.icon-button{border:none;background:#f2f6f7;padding:7px 11px;border-radius:9px;font-size:16px;color:#567782}.mobile-menu{display:none}.content{padding:33px 38px 55px;width:100%;max-width:2000px;margin:0 auto;flex:1}.page-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.page-title h1{margin-top:4px}.page-title p{margin-top:7px}.wave{color:#e6b858}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:9px;padding:10px 15px;font-size:13px;font-weight:800;border:1px solid transparent;white-space:nowrap;transition:transform .15s,filter .2s}.btn:hover{transform:translateY(-1px);filter:brightness(.98)}.btn-primary{background:linear-gradient(110deg,#0fb6aa,#06938b);color:white;box-shadow:0 5px 15px #20aa9c21}.btn-outline{border-color:#dce6e9;background:#fff;color:#486a76}.btn-ghost{background:#edf5f5;color:#4a6870}.btn-danger{background:#fff1f1;color:#c44a4a;border-color:#fbe0e0}.btn-small{padding:6px 9px;font-size:13px;border-radius:7px}.btn-full{width:100%;padding:12px}.panel{background:#fff;border:1px solid #e7ecee;border-radius:16px;box-shadow:var(--shadow);padding:23px;margin-bottom:22px;min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.panel-heading h2{margin-top:4px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.stat-card{background:#fff;padding:22px 23px;border:1px solid #e9eef0;box-shadow:var(--shadow);border-radius:16px;min-width:0}.stat-icon{display:grid;place-items:center;border-radius:12px;width:37px;height:37px;background:#e5f9f4;color:#0ea48e;font-size:22px;margin-bottom:18px}.stat-icon.blue{background:#e9f2ff;color:#3d86db}.stat-icon.violet{background:#f0ebff;color:#9569da}.stat-icon.amber{background:#fff6e2;color:#c79124}.stat-label{font-size:13px;color:var(--muted);font-weight:700}.stat-card strong{font-size:29px;letter-spacing:-.05em;font-family:Manrope}.stat-foot{color:#a0afb5;font-size:13px;margin-top:3px}.dashboard-columns{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,1fr);gap:23px}.bar-chart{display:flex;gap:12px;align-items:end;height:210px;padding-top:12px}.bar-col{height:100%;display:flex;flex-direction:column;justify-content:end;align-items:center;flex:1;min-width:0;gap:5px}.bar-track{height:160px;display:flex;align-items:end;width:min(100%,32px);background:#f0f7f8;border-radius:6px 6px 3px 3px;overflow:hidden}.bar-fill{width:100%;border-radius:6px 6px 3px 3px;background:linear-gradient(#45d7ce,#0d988e)}.bar-col small{color:#92a8af}.bar-value{font-size:13px;color:#7f9ca3}.traffic-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:13px 0;color:#526975;font-size:13px}.traffic-row b{margin-left:auto;color:#1f3c44;font-size:17px}.traffic-icon{background:#e5f8f4;color:#109b96;width:34px;height:34px;display:grid;place-items:center;border-radius:9px}.tip-box{background:#edf9f6;padding:17px;border-radius:11px;margin-top:20px;color:#17685e;font-size:13px}.tip-box p{color:#67918a;font-size:13px;margin-top:7px}.pill{background:#f0f6f7;border:1px solid #e4edf0;border-radius:50px;padding:5px 10px;font-size:13px;font-weight:700;color:#647f86;white-space:nowrap}.status{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:800;padding:5px 9px;border-radius:8px}.status.on{background:#e3f9ef;color:#169e6c}.status.off{background:#f5e8ea;color:#a85260}.status:before{content:'';height:6px;width:6px;background:currentColor;border-radius:50%}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;padding:13px 10px;border-bottom:1px solid var(--line);font-size:13px;letter-spacing:.06em;color:#9baeb5;text-transform:uppercase;font-weight:800;white-space:nowrap}td{padding:15px 10px;border-bottom:1px solid #edf1f3;color:#57707a;vertical-align:middle}td b,td strong{display:block;color:#24414a;font-size:13px}td small{display:block;max-width:220px;color:#9cb1b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}tr:last-child td{border-bottom:none}.empty{color:#9baeb5;text-align:center;padding:36px 12px}.text-link{color:var(--aqua);font-size:13px;font-weight:800}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.actions form{margin:0}.pagination{margin-top:20px;font-size:13px}.pagination nav{max-width:100%;overflow:auto}.footer{border-top:1px solid var(--line);padding:16px 38px;font-size:13px;color:#9eb0b7;display:flex;justify-content:space-between}.form-panel{max-width:1000px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.form-group{display:flex;flex-direction:column;gap:7px;margin-bottom:13px;min-width:0}.form-group.full{grid-column:1/-1}.form-group label{color:#4f6770;font-size:13px}.form-group input,.form-group select,.form-group textarea,.filter-bar input,.login-content input{width:100%;padding:11px 13px;color:#36525d;border:1px solid #dfebed;border-radius:9px;background:#fbfdfd;outline:none;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.filter-bar input:focus,.login-content input:focus{border-color:#14b1a6;box-shadow:0 0 0 3px #0baf9a16}.form-group small,.helper{font-size:13px;color:#99abb0}.checkbox-line{display:flex;align-items:center;gap:8px;color:#5f7983;cursor:pointer}.checkbox-line input{width:auto}.form-footer,.panel-footer{margin-top:26px;padding-top:21px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:flex-end;gap:10px}.filter-bar{display:flex;align-items:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}.filter-bar input{min-width:160px;width:auto;flex:1}.filter-bar label{display:flex;gap:9px;align-items:center;color:#677f87}.filter-bar label input{min-width:150px}.link-manager-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(290px,1fr);gap:21px;align-items:start}.side-panel{min-width:0}.count-badge{background:#e5fbf5;color:#008d81;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:800}.info-banner{padding:13px 15px;border-radius:9px;background:#f1faf8;color:#4a8a81;font-size:13px;margin-bottom:18px}.link-list{display:flex;flex-direction:column;gap:9px}.link-item{display:flex;align-items:center;gap:13px;border:1px solid #e8eff0;padding:11px 12px;border-radius:11px;transition:all .15s;background:#fcfefe}.link-item.is-visible{border-color:#a6e7df;background:#f7fffc}.link-check{cursor:pointer;display:flex;align-items:center}.link-check input{height:18px;width:18px;accent-color:#0da99d;cursor:pointer}.link-ico{height:35px;width:35px;border-radius:9px;background:#e5f5f5;display:grid;place-items:center;font-size:20px;color:#0b9c92}.link-text{min-width:0;flex:1}.link-text strong{display:block;font-size:13px}.link-text small{color:#8fa8b0;font-size:13px;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%}.tiny-meta{color:#9bb1ba;font-size:13px}.btn-icon{border:1px solid #d7e5e7;background:#fff;color:#2c7775;border-radius:8px;padding:7px 10px;font-size:15px}.qr-visual{background:#fff;border:1px solid #e4edef;border-radius:12px;margin:0 auto 18px;max-width:194px;min-height:194px;display:flex;align-items:center;justify-content:center;padding:12px}.qr-visual canvas,.qr-visual img{max-width:100%;height:auto}.copy-field{display:flex;gap:8px;min-width:0}.copy-field input{min-width:0;font-size:13px}.copy-field button{flex-shrink:0}.modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:50;background:#06222cb5;padding:20px}.modal-overlay[hidden]{display:none}.modal-dialog{padding:25px;width:min(500px,100%);background:white;border-radius:16px;box-shadow:0 30px 70px #0005}.modal-header{display:flex;justify-content:space-between;margin-bottom:20px}.modal-x{font-size:24px;background:none;border:none}.login-page{background:#f7fbfa;min-height:100vh;display:flex;align-items:stretch;position:relative;overflow:hidden}.login-panel{width:55%;max-width:760px;background:#fff;display:flex;flex-direction:column;padding:52px 10%;z-index:1}.login-logo{display:flex;gap:10px;align-items:center}.login-logo strong{font-size:25px}.login-content{margin:auto 0;width:min(400px,100%)}.login-content h1{font-size:39px;line-height:1.14;margin-top:16px}.login-content p{margin-top:13px;margin-bottom:31px;line-height:1.9}.login-content form{display:flex;flex-direction:column;gap:10px}.login-content input{margin-bottom:11px}.login-content .checkbox-line{font-weight:500;margin:0 0 12px}.login-content .checkbox-line input{width:auto;margin:0}.login-foot{margin-top:45px;color:#b2c2c5;font-size:13px}.login-side{background:radial-gradient(circle at 90% 10%,#1e857e,#103b42 60%,#0b2731);flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;color:white;text-align:center;padding:45px 50px;position:relative}.login-side h2{font-size:29px;line-height:1.35;margin:33px 0 11px}.login-side p{color:#90c6c6;max-width:340px}.preview-bubble{border:1px solid #4e9c95;background:#ffffff11;border-radius:25px;padding:8px 16px;font-size:13px;font-weight:800;letter-spacing:.09em;color:#b4ffeb;margin-bottom:30px}.login-hero-card{width:min(330px,100%);aspect-ratio:1.15;border:1px solid #6ac9ba;border-radius:21px;background:linear-gradient(140deg,#f9fffd,#dcfff4);box-shadow:10px 20px 50px #001e286b;transform:rotate(-5deg);padding:22px;text-align:left;color:#174d51}.hero-top{display:flex;align-items:center;gap:9px;font-weight:900;font-size:21px}.hero-icon{height:30px;width:30px;border-radius:9px;background:#04a896;color:white;display:grid;place-items:center}.hero-top small{display:block;font-size:13px;color:#7fa6a4}.hero-qr{text-align:center;margin-top:10px}.hero-qr div{font-size:57px;line-height:1}.hero-qr strong{display:block;font-size:21px;line-height:1.2}.hero-qr p{color:#397d76;font-size:13px}.hero-bottom{display:block;text-align:center;letter-spacing:.17em;font-size:13px;font-weight:900;color:#46a298;margin-top:15px}.login-bg-orb{position:absolute;border-radius:50%;z-index:0;opacity:.2}.orb-one{background:#d9faf1;width:200px;height:200px;top:-100px;left:-100px}.orb-two{background:#b1ebdf;width:150px;height:150px;bottom:15px;left:35%}.alert{padding:12px;border-radius:8px;margin:15px 0}.alert-error{background:#fff1ef;color:#a53833}
/* Theming and dark mode */
body.dark{--ink:#d9eeeb;--muted:#849a9f;--line:#28434d;--soft:#10262e;--white:#18323a;--shadow:none;color:var(--ink)}body.dark .main{background:#10262e}body.dark .panel,body.dark .stat-card,body.dark .topbar,body.dark .modal-dialog{background:#18313a;border-color:#2e4a52}body.dark .stat-label,body.dark td{color:#a2babe}body.dark td b,body.dark .breadcrumbs b{color:#e8f6f6}body.dark .form-group input,body.dark .form-group textarea,body.dark .form-group select,body.dark .filter-bar input,body.dark .link-item,body.dark .btn-outline{background:#17313a;border-color:#34535c;color:#e4f6f3}body.dark .info-banner,body.dark .tip-box{background:#1a4545}body.dark .btn-ghost{background:#31505a;color:#cfefea}
/* Responsive public microsite */
.public-body{min-height:100vh;background:#ebf6f4;color:#163c40;overflow-x:hidden;position:relative}.public-aura{position:fixed;filter:blur(20px);border-radius:50%;pointer-events:none}.public-aura-one{width:500px;height:500px;left:-230px;top:100px;background:#bcfff263}.public-aura-two{width:430px;height:430px;right:-170px;bottom:-150px;background:#9edbd564}.public-header{max-width:1380px;margin:auto;padding:36px 35px;display:flex;align-items:center;justify-content:space-between;position:relative}.public-brand{display:flex;align-items:center;gap:10px;font-family:Manrope;font-weight:900;font-size:23px}.public-header>span{font-size:13px;font-weight:900;letter-spacing:.17em;color:#6fa59f}.public-wrapper{max-width:1380px;margin:7vh auto 0;padding:0 26px;position:relative}.public-card-shell{background:#fff;border:1px solid #d9eeea;border-radius:28px;box-shadow:0 32px 95px #1f827a20;min-height:450px;display:grid;grid-template-columns:27% minmax(0,1fr) 27%;align-items:center;overflow:hidden}.public-qr-section{padding:36px 26px;text-align:center;border-right:1px solid #e2f0ed}.public-qr-label,.mini-eyebrow{font-size:13px;letter-spacing:.17em;font-weight:900;color:#16a99c}.public-qr-box{background:white;margin:23px auto 15px;padding:12px;width:min(190px,100%);min-height:188px;display:grid;place-items:center;border:1px solid #def0ed;border-radius:16px;box-shadow:0 12px 26px #1568640e}.public-qr-box img,.public-qr-box canvas{max-width:100%;height:auto}.qr-instruction{font-weight:900;color:#155e59;font-size:15px}.public-qr-section>span{color:#87a9a6;font-size:13px}.nfc-symbol{color:#1aa99e;border:1px solid #b3e3db;background:#e9f9f6;padding:8px;border-radius:20px;font-weight:900;letter-spacing:.08em;margin:22px auto 0;width:max-content;font-size:13px}.public-links-section{padding:35px 8%}.public-links-section h1{font-size:30px;margin:6px 0 7px}.public-links-section>p{font-size:13px;line-height:1.8;margin-bottom:20px}.public-links{display:flex;flex-direction:column;gap:10px}.public-link{display:flex;align-items:center;gap:12px;border:1px solid #dcefeb;border-radius:13px;padding:12px;background:#f9fffd;transition:transform .2s,box-shadow .2s,border-color .2s}.public-link:hover{transform:translateY(-2px);border-color:#7dd3c6;box-shadow:0 8px 20px #11918515}.public-link-icon{width:34px;height:34px;border-radius:10px;background:linear-gradient(130deg,#34bfb6,#068d85);color:#fff;display:grid;place-items:center;font-size:20px}.public-link-name{font-weight:800;flex:1;font-size:13px}.public-link-arrow{font-size:20px;color:#38aaa1}.link-limit-note{font-size:13px;color:#a1b7b3;text-align:center;margin-top:14px}.public-empty{padding:25px 10px;text-align:center;color:#789fa0;background:#f1f8f7;border-radius:12px;font-size:13px}.public-avatar-section{height:100%;background:linear-gradient(155deg,#d9fbf3,#eaf9f4);border-left:1px solid #dcf0eb;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:25px 18px}.avatar-frame{width:155px;height:155px;border-radius:50%;padding:6px;border:2px solid white;box-shadow:0 10px 35px #096b5924;background:#fff;overflow:hidden}.avatar-frame img{width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(125deg,#0db1a7,#086763);color:#fff;font-size:66px;font-weight:900;border-radius:50%}.avatar-chip{background:#fff;color:#0f9f8d;box-shadow:0 5px 15px #448a6b1c;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:900;letter-spacing:.07em;margin-top:-12px;position:relative}.avatar-name{font-size:17px;font-weight:900;font-family:Manrope;margin:24px 0 2px}.avatar-subtitle{color:#70a9a1;font-size:13px}.avatar-stats{display:flex;justify-content:center;gap:35px;margin-top:28px}.avatar-stats b,.avatar-stats span{display:block}.avatar-stats b{font-size:17px}.avatar-stats span{font-size:13px;letter-spacing:.1em;color:#83aaa4}.public-footer{text-align:center;color:#86aaa2;font-size:13px;letter-spacing:.09em;margin:30px 0 45px}.public-footer strong{color:#13afa1}.profile-intro-mobile{display:none}.public-body.theme-classic{background:#f3f5f8}.theme-classic .public-card-shell{border-color:#e2e7eb}.theme-classic .public-avatar-section{background:#edf1f5}.theme-classic .public-link-icon{background:linear-gradient(130deg,#64748b,#283f58)}.public-body.theme-luxury{background:#14191d;color:#f8ecdb}.theme-luxury .public-card-shell{background:#222426;border-color:#806c48;box-shadow:0 20px 90px #02090c8c}.theme-luxury .public-qr-section{border-color:#695941}.theme-luxury .public-links-section>p{color:#b9b2a4}.theme-luxury .public-link{background:#313235;color:#f3e1b6;border-color:#6e5a34}.theme-luxury .public-link-icon{background:linear-gradient(140deg,#d3ac5c,#9a7837)}.theme-luxury .public-avatar-section{background:linear-gradient(140deg,#42372a,#212729);border-color:#7d6a4a}.theme-luxury .avatar-name{color:#f0dfa9}.theme-luxury .qr-instruction{color:#e1d19c}.public-body.theme-colorful{background:#fff5e8}.theme-colorful .public-card-shell{border-color:#ffdfad}.theme-colorful .public-avatar-section{background:linear-gradient(135deg,#f4e5fc,#c8fce5)}.theme-colorful .public-link-icon{background:linear-gradient(145deg,#ef6a51,#e5ad38)}
@media(max-width:1250px){.sidebar{width:220px;flex-basis:220px}.content{padding:30px 22px}.topbar{padding:0 22px}.stats-grid{gap:12px}.stat-card{padding:18px}.public-wrapper{margin:4vh auto 0}.public-card-shell{grid-template-columns:28% minmax(0,1fr) 26%}.public-links-section{padding:30px 5%}.avatar-frame{width:120px;height:120px}}
@media(max-width:950px){.sidebar{position:fixed;left:-270px;transition:left .2s}.sidebar.show{left:0}.mobile-menu{display:inline-flex}.dashboard-columns,.link-manager-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.public-card-shell{grid-template-columns:1fr 1fr;align-items:stretch}.public-qr-section{border-right:1px solid #eee}.public-links-section{order:3;grid-column:1/-1}.public-avatar-section{border-left:0}.public-card-shell{max-width:760px;margin:auto}.public-wrapper{margin-top:15px}}
@media(max-width:600px){.content{padding:24px 15px}.topbar{height:65px;padding:0 15px}.status-online,.breadcrumbs{display:none}.page-title{align-items:stretch;flex-direction:column;gap:14px}.page-title h1{font-size:25px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.stat-card{padding:15px}.stat-card strong{font-size:25px}.panel{padding:17px;border-radius:13px}.form-grid{grid-template-columns:1fr}.form-group.full{grid-column:auto}.footer{padding:13px 18px}.footer span{display:none}.filter-bar label{width:100%}.filter-bar input{width:100%}.login-page{display:block}.login-side{display:none}.login-panel{width:100%;max-width:none;min-height:100vh;padding:35px 7%}.login-content h1{font-size:30px}.public-header{padding:19px}.public-header>span{display:none}.public-wrapper{padding:0 12px}.public-card-shell{display:flex;flex-direction:column;border-radius:23px}.profile-intro-mobile{display:block;text-align:center;padding:29px 22px 0;order:1}.profile-intro-mobile h1{font-size:24px;margin-top:6px}.profile-intro-mobile p{font-size:13px}.public-avatar-section{order:2;width:100%;height:auto;padding:22px;background:transparent!important}.avatar-frame{height:110px;width:110px}.avatar-placeholder{font-size:38px}.avatar-name,.avatar-subtitle,.avatar-stats{display:none}.public-links-section{order:3;width:100%;padding:18px 23px 26px}.public-links-section h1,.public-links-section .mini-eyebrow{display:none}.public-links-section>p{text-align:center;margin-bottom:22px}.public-qr-section{order:4;width:100%;border-right:0;border-top:1px solid #e2efed;padding:19px 15px}.public-qr-box{min-height:150px;width:160px;margin:10px auto}.public-header{padding:20px}.public-footer{margin:22px 0}.nfc-symbol{margin-top:10px}}