:root{--blue:#2563eb;--blue2:#1d4ed8;--sky:#eff6ff;--bg:#f8fafc;--card:#fff;--text:#0f172a;--muted:#64748b;--line:#e2e8f0;--green:#16a34a;--red:#ef4444;--shadow:none;--radius:5px}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:#f5f7fb;color:var(--text)}a{color:inherit;text-decoration:none}.main{min-height:100vh;padding:24px 18px 92px}.app-shell .main{max-width:1040px;margin:0 auto}.sidebar{display:none}.brand{display:flex;align-items:center;gap:10px}.brand.center{justify-content:center}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:5px;background:linear-gradient(135deg,#2563eb,#60a5fa);color:#fff;font-weight:900;box-shadow:none}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:10px 0 20px}.eyebrow{margin:0;color:var(--blue);font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.08em}h1{font-size:30px;line-height:1.08;margin:4px 0}h2{margin:0 0 12px}.btn{border:0;border-radius:5px;padding:12px 16px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.btn.primary{background:var(--blue);color:white;box-shadow:none}.btn.ghost{background:#fff;color:var(--blue);border:1px solid var(--line)}.btn.danger{background:#fee2e2;color:#b91c1c}.btn.small{padding:8px 11px;border-radius:5px;background:var(--sky);color:var(--blue);font-size:13px}.flash{margin:0 0 16px;padding:14px 16px;border-radius:5px;background:#dcfce7;color:#166534;font-weight:700}.flash.error{background:#fee2e2;color:#991b1b}.hero-card,.panel,.card-form,.auth-card,.phone-mock{background:rgba(255,255,255,.9);border:1px solid rgba(226,232,240,.9);border-radius:var(--radius);box-shadow:none}.hero-card{padding:22px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.hero-card p{color:var(--muted);line-height:1.55}.hero-card code{display:inline-block;background:#f1f5f9;color:#334155;padding:8px 10px;border-radius:5px}.avatar{display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#1d4ed8,#93c5fd);color:#fff;font-weight:900}.avatar.big{width:74px;height:74px;font-size:32px}.avatar.huge{width:96px;height:96px;font-size:44px}.qr-mini{width:86px;height:86px;border-radius:5px;background:repeating-linear-gradient(45deg,#0f172a 0 8px,#fff 8px 16px);display:grid;place-items:center;color:var(--blue);font-weight:900;border:10px solid #fff}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:16px 0}.stats-grid.three{grid-template-columns:repeat(3,1fr)}.stats-grid article{background:#fff;border:1px solid var(--line);border-radius:5px;padding:18px;box-shadow:none}.stats-grid b{display:block;font-size:24px}.stats-grid span{color:var(--muted);font-size:13px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:24px 0 12px}.section-title a{color:var(--blue);font-weight:800}.link-list{display:grid;gap:12px}.link-card{background:#fff;border:1px solid var(--line);border-radius:5px;padding:14px;display:flex;align-items:center;gap:12px;box-shadow:none}.link-card.dim{opacity:.58}.link-card>div:nth-child(2){flex:1;min-width:0}.link-card h3{margin:0 0 3px;font-size:16px}.link-card p,.link-card small{margin:0;color:var(--muted);font-size:13px}.icon-dot{width:46px;height:46px;border-radius:5px;background:linear-gradient(135deg,#dbeafe,#60a5fa);color:#1e3a8a;display:grid;place-items:center;font-weight:900;text-transform:uppercase}.platform{background:linear-gradient(135deg,#f0f9ff,#bfdbfe)}.card-actions{display:flex;align-items:center;gap:8px}.switch{width:48px;height:28px;border-radius:5px;background:#cbd5e1;padding:3px;display:flex;align-items:center}.switch span{width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:none}.switch.on{background:var(--blue);justify-content:flex-end}.tabs{display:flex;gap:10px;overflow:auto;padding:2px 0 14px;margin-bottom:4px}.tabs a{white-space:nowrap;border:1px solid var(--line);background:#fff;color:var(--muted);padding:10px 14px;border-radius:5px;font-weight:800}.tabs a.active{background:var(--blue);color:#fff;border-color:var(--blue)}.form{display:grid;gap:14px}.card-form,.auth-card{padding:22px}.form label{display:grid;gap:7px;font-weight:800;color:#334155}.form input,.form textarea,.form select{width:100%;border:1px solid var(--line);border-radius:5px;padding:13px 14px;font:inherit;background:#fff;color:var(--text)}.check-grid{display:grid;gap:10px}.check-grid label,.inline-check{display:flex!important;align-items:center;gap:10px;font-weight:700}.check-grid input,.inline-check input{width:auto}.auth-card{max-width:430px;margin:8vh auto;text-align:left}.auth-card h1{text-align:center}.auth-card p{text-align:center;color:var(--muted)}.muted{color:var(--muted)}.empty{background:#fff;border:1px dashed #bfdbfe;border-radius:5px;padding:28px;text-align:center;color:var(--muted)}.bottom-nav{position:fixed;left:12px;right:12px;bottom:12px;height:68px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:5px;box-shadow:none;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;z-index:20}.bottom-nav a{display:grid;place-items:center;color:#94a3b8;font-size:11px;font-weight:800}.bottom-nav a.active{color:var(--blue)}.bottom-nav .add{width:54px;height:54px;border-radius:5px;background:var(--blue);color:#fff;font-size:30px;place-self:center;box-shadow:none}.landing{display:grid;gap:28px;align-items:center;max-width:1040px;margin:5vh auto}.landing h1{font-size:48px;letter-spacing:-.04em}.landing p{font-size:18px;color:var(--muted);line-height:1.65}.badge{display:inline-block;background:#dbeafe;color:#1d4ed8;padding:8px 12px;border-radius:5px;font-weight:900}.actions{display:flex;gap:12px;flex-wrap:wrap}.phone-mock{padding:18px;max-width:370px;margin:auto;display:grid;gap:12px;transform:rotate(1.5deg)}.phone-mock .mini{margin:0;display:block}.public-profile{max-width:460px;margin:0 auto;padding:28px 18px}.profile-top{text-align:center;background:#fff;border:1px solid var(--line);border-radius:5px;padding:28px 20px;box-shadow:none}.profile-top .avatar{margin:0 auto 14px}.profile-top p{color:var(--muted);line-height:1.55}.public-links{display:grid;gap:12px;margin:18px 0}.public-link{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:5px;padding:14px;box-shadow:none}.public-link div{flex:1}.public-link small{display:block;color:var(--muted);margin-top:2px}.public-link em{font-style:normal;color:var(--blue);font-size:26px}.powered{text-align:center;color:var(--muted)}.bar-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:14px 0}.bar-row:last-child{border-bottom:0}@media (min-width:760px){.stats-grid{grid-template-columns:repeat(4,1fr)}.landing{grid-template-columns:1.1fr .9fr}.main{padding:34px 30px 100px}}@media (min-width:1080px){.app-shell{display:grid;grid-template-columns:260px 1fr}.app-shell .main{margin:0;max-width:none;padding:40px}.sidebar{display:flex;position:sticky;top:0;height:100vh;background:#fff;border-right:1px solid var(--line);padding:28px;flex-direction:column;gap:28px}.sidebar nav{display:grid;gap:8px}.sidebar nav a{padding:13px 14px;border-radius:5px;color:var(--muted);font-weight:800}.sidebar nav a.active,.sidebar nav a:hover{background:var(--sky);color:var(--blue)}.profile-pill{margin-top:auto;background:#f8fafc;border:1px solid var(--line);border-radius:5px;padding:12px;display:flex;gap:10px;align-items:center}.profile-pill span{display:grid;place-items:center;width:38px;height:38px;background:var(--blue);color:#fff;border-radius:5px;font-weight:900}.bottom-nav{display:none}.link-list{grid-template-columns:repeat(2,1fr)}}

/* Phase 2 professional flat refinements */
.hero-card,.panel,.card-form,.auth-card,.phone-mock,.link-card,.stats-grid article,.profile-top,.public-link,.bottom-nav{box-shadow:none!important;border-radius:5px!important}
.brand-mark,.avatar,.avatar.big,.avatar.huge,.icon-dot,.qr-mini,.btn,.tabs a,.switch,.switch span,.profile-pill span{border-radius:5px!important;box-shadow:none!important}
.sidebar{box-shadow:none}.qr-mini{color:#fff;background:#0f172a;text-decoration:none}.qr-panel{text-align:center;padding:24px}.qr-box{background:#fff;border:1px solid var(--line);padding:16px;display:inline-block;border-radius:5px}.qr-box img{display:block;max-width:100%;height:auto}.avatar-img{object-fit:cover;border-radius:5px;background:#e2e8f0}.avatar-img.big{width:74px;height:74px}.avatar-img.huge{width:96px;height:96px}.profile-pill img{width:38px;height:38px;object-fit:cover;border-radius:5px}.avatar-setting{display:flex;gap:16px;align-items:center;border:1px solid var(--line);padding:12px;border-radius:5px}.avatar-setting img{width:74px;height:74px;object-fit:cover;border-radius:5px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sort-actions{display:grid;grid-template-columns:1fr 1fr;gap:2px}.sort-actions a{background:#f1f5f9;color:#334155;padding:4px 7px;border-radius:5px;font-weight:900}.public-profile{background:var(--profile-bg,#f8fafc);border-radius:0}.public-profile .profile-top,.public-profile .public-link{border-color:#d7dde8}.public-profile .avatar,.public-profile .icon-dot{background:var(--profile-primary,#2563eb);color:#fff}.public-profile .public-link em{color:var(--profile-primary,#2563eb)}.public-profile.pill .public-link{border-radius:999px!important}.public-profile.square .public-link{border-radius:0!important}.public-profile.compact .profile-top{padding:18px}.public-profile.compact .public-link{padding:10px}.bottom-nav .add{border-radius:5px!important}
@media(max-width:520px){.field-grid{grid-template-columns:1fr}.card-actions{flex-wrap:wrap;justify-content:flex-end}.landing h1{font-size:38px}}
/* Main page revised to match Connectra-style mobile app screen */
.public-shell .main{padding:0;min-height:100vh;background:#eef2f7}.connectra-home{min-height:100vh;display:grid;place-items:center;padding:18px;background:linear-gradient(180deg,#edf3fb 0%,#f8fafc 100%)}.app-phone{width:min(430px,100%);min-height:860px;background:#f7f9fc;border:1px solid #d8dee9;border-radius:18px;position:relative;padding:18px 16px 92px;overflow:hidden}.app-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.app-topbar>div{display:flex;align-items:center;gap:10px}.app-logo{width:32px;height:32px;display:grid;place-items:center;background:#2563eb;color:#fff;border-radius:5px;font-weight:900}.top-login{font-weight:800;color:#2563eb;background:#fff;border:1px solid #dbe3ef;padding:8px 12px;border-radius:5px}.profile-dark-card{background:#101827;color:#fff;border-radius:8px;padding:18px;border:1px solid #1f2a3d}.profile-dark-head{display:flex;align-items:center;gap:12px}.profile-photo{width:58px;height:58px;border-radius:8px;background:linear-gradient(135deg,#f59e0b,#ef4444);display:grid;place-items:center;font-weight:900;color:#fff}.profile-dark-card h1{font-size:22px;margin:0 0 3px}.profile-dark-card p{margin:0;color:#cbd5e1}.active-dot{margin-left:auto;color:#86efac;background:#052e16;border:1px solid #166534;padding:5px 8px;border-radius:5px;font-size:12px;font-weight:800}.profile-bio{font-size:14px;line-height:1.55;margin:14px 0!important}.profile-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.profile-actions a{background:#fff;color:#0f172a;text-align:center;padding:11px;border-radius:5px;font-weight:900}.profile-actions a:first-child{background:#2563eb;color:#fff}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.metric-row article{background:#fff;border:1px solid #dbe3ef;border-radius:5px;padding:13px 10px}.metric-row b{display:block;font-size:18px}.metric-row span{display:block;color:#64748b;font-size:11px;margin-top:3px}.mini-section-title{display:flex;align-items:center;justify-content:space-between;margin:18px 0 10px}.mini-section-title h2{font-size:18px;margin:0}.mini-section-title a{font-size:13px;color:#2563eb;font-weight:900}.connectra-links{display:grid;gap:9px}.connectra-link{background:#fff;border:1px solid #dbe3ef;border-radius:5px;padding:12px;display:flex;align-items:center;gap:11px}.brand-icon{width:42px;height:42px;border-radius:5px;display:grid;place-items:center;background:#e0f2fe;color:#075985;text-transform:uppercase;font-weight:900}.brand-icon.b1{background:#fee2e2;color:#991b1b}.brand-icon.b2{background:#fef3c7;color:#92400e}.brand-icon.b3{background:#dcfce7;color:#166534}.brand-icon.b4{background:#ede9fe;color:#5b21b6}.brand-icon.b5{background:#cffafe;color:#155e75}.connectra-link div{flex:1;min-width:0}.connectra-link b{display:block;font-size:14px}.connectra-link small{display:block;color:#64748b;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connectra-link em{font-style:normal;color:#16a34a;background:#dcfce7;border:1px solid #bbf7d0;border-radius:5px;padding:4px 7px;font-size:12px;font-weight:900}.portfolio-card-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.portfolio-card-row article{background:#fff;border:1px solid #dbe3ef;border-radius:5px;padding:14px}.portfolio-card-row span{display:grid;width:34px;height:34px;place-items:center;background:#eff6ff;color:#2563eb;border-radius:5px;margin-bottom:10px}.portfolio-card-row b{display:block}.portfolio-card-row small{display:block;color:#64748b;margin-top:3px}.mock-bottom-nav{position:absolute;left:12px;right:12px;bottom:12px;height:64px;background:#fff;border:1px solid #dbe3ef;border-radius:8px;display:grid;grid-template-columns:repeat(5,1fr);align-items:center}.mock-bottom-nav a{display:grid;place-items:center;color:#94a3b8;font-size:18px;font-weight:900}.mock-bottom-nav span{font-size:10px;margin-top:2px}.mock-bottom-nav .active{color:#2563eb}.mock-bottom-nav .plus{width:48px;height:48px;background:#2563eb;color:#fff;border-radius:8px;place-self:center;font-size:28px}@media(max-width:460px){.connectra-home{padding:0}.app-phone{border-radius:0;border:0;min-height:100vh;width:100%}.metric-row b{font-size:16px}.profile-dark-card h1{font-size:20px}}
/* All Links page: Social Link / Portfolio tabs like reference */
.links-page-head{margin-bottom:12px}.links-profile-summary{background:#fff;border:1px solid #dbe3ef;border-radius:5px;padding:14px;margin-bottom:10px}.summary-person{display:flex;gap:12px;align-items:center}.summary-person span,.summary-person img{width:54px;height:54px;border-radius:5px;background:#111827;color:#fff;display:grid;place-items:center;font-weight:900;object-fit:cover}.summary-person h2{font-size:18px;margin:0 0 3px}.summary-person p{margin:0;color:#64748b;font-size:13px;line-height:1.35}.summary-url{display:block;margin-top:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:5px;padding:9px 10px;color:#2563eb;font-weight:800;font-size:13px}.link-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}.link-stats-row article{background:#fff;border:1px solid #dbe3ef;border-radius:5px;padding:12px 8px}.link-stats-row b{display:block;font-size:18px}.link-stats-row span{font-size:11px;color:#64748b}.segmented-tabs{display:grid;grid-template-columns:1fr 1fr;background:#e8eef6;border:1px solid #dbe3ef;border-radius:5px;padding:4px;margin:12px 0}.segmented-tabs a{text-align:center;padding:10px;border-radius:5px;font-weight:900;color:#64748b}.segmented-tabs a.active{background:#fff;color:#0f172a;border:1px solid #dbe3ef}.network-card-list{display:grid;gap:10px}.network-card{background:#fff;border:1px solid #dbe3ef;border-radius:5px;padding:12px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.network-card.disabled{opacity:.55}.network-main{display:flex;gap:11px;align-items:center;min-width:0}.network-main h3{margin:0 0 3px;font-size:16px}.network-main p,.network-main small{display:block;margin:0;color:#64748b;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:210px}.network-icon{width:46px;height:46px;border-radius:5px;display:grid;place-items:center;background:#e0f2fe;color:#075985;font-weight:900;text-transform:uppercase}.network-icon.linkedin{background:#dbeafe;color:#1d4ed8}.network-icon.instagram{background:#fce7f3;color:#be185d}.network-icon.discord{background:#ede9fe;color:#5b21b6}.network-icon.youtube{background:#fee2e2;color:#b91c1c}.network-icon.whatsapp{background:#dcfce7;color:#15803d}.network-icon.portfolio,.network-icon.company,.network-icon.website{background:#fef3c7;color:#92400e}.network-side{text-align:right}.network-side b{display:block;font-size:15px}.network-side small{color:#64748b;font-size:11px}.network-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:6px;border-top:1px solid #eef2f7;padding-top:9px}.network-actions a{background:#f8fafc;border:1px solid #e2e8f0;border-radius:5px;padding:6px 9px;font-size:12px;font-weight:900;color:#334155}@media(min-width:900px){.network-card-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:420px){.network-main p,.network-main small{max-width:170px}.link-stats-row b{font-size:16px}}
/* Dynamic media social settings */
.platform-form{gap:16px}.platform-preview-card{display:flex;align-items:center;gap:12px;background:#f8fafc;border:1px solid #dbe3ef;border-radius:5px;padding:13px}.platform-preview-icon{width:48px;height:48px;border-radius:5px;background:#111827;color:#fff;display:grid;place-items:center;font-weight:900;text-transform:uppercase}.platform-preview-card h2{font-size:17px;margin:0 0 3px}.platform-preview-card p{margin:0;color:#64748b;font-size:13px}.help-text{display:block;color:#64748b;font-weight:500;line-height:1.35}.platform-settings-box{border:1px solid #dbe3ef;background:#fff;border-radius:5px;padding:14px}.platform-settings-box h3{margin:0 0 10px;font-size:16px}.platform-danger-zone{border-top:1px solid #eef2f7;padding-top:12px}.form input[type="text"]{width:100%;border:1px solid var(--line);border-radius:5px;padding:13px 14px;font:inherit;background:#fff;color:var(--text)}
/* Phase: Font Awesome + consistent logged-in mobile layout */
.mobile-consistent{background:#eef2f7}.mobile-consistent .main{max-width:430px;margin:0 auto;padding:72px 14px 92px;min-height:100vh;background:#f7f9fc;border-left:1px solid #dbe3ef;border-right:1px solid #dbe3ef}.mobile-app-header{position:fixed;top:0;left:50%;transform:translateX(-50%);width:min(430px,100%);height:58px;background:#fff;border-bottom:1px solid #dbe3ef;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;z-index:30}.app-icon-btn,.app-avatar-btn{width:40px;height:40px;border:1px solid #dbe3ef;background:#f8fafc;color:#2563eb;border-radius:5px;display:grid;place-items:center}.app-avatar-btn img,.app-avatar-btn span{width:32px;height:32px;border-radius:5px;display:grid;place-items:center;background:#111827;color:#fff;font-weight:900;object-fit:cover}.mobile-title{text-align:center;display:grid;line-height:1.15}.mobile-title strong{font-size:15px}.mobile-title span{font-size:11px;color:#64748b}.icon-btn{width:40px;height:40px;padding:0!important;display:inline-grid!important;place-items:center!important;flex:0 0 40px}.btn i,.network-actions i,.bottom-nav i,.mock-bottom-nav i{font-size:15px}.network-actions a{min-width:34px;text-align:center;display:grid;place-items:center}.bottom-nav{left:50%;right:auto;transform:translateX(-50%);width:min(406px,calc(100% - 24px));height:62px;border-radius:8px}.bottom-nav a b{display:none}.bottom-nav a i{font-size:17px}.bottom-nav .add i{font-size:20px}.page-head h1{font-size:24px}.stats-grid,.link-stats-row{gap:8px}.sidebar{display:none!important}@media (min-width:1080px){.app-shell{display:block!important}.app-shell .main{max-width:430px;margin:0 auto;padding:72px 14px 92px}.bottom-nav{display:grid!important}}@media(max-width:430px){.mobile-consistent .main{border-left:0;border-right:0}.mobile-app-header{border-left:0;border-right:0}.bottom-nav{width:calc(100% - 24px)}}