:root{font-family:Sora,Segoe UI,sans-serif;color:#0f172a;background:#f2f5fb;line-height:1.5;--surface: #ffffff;--surface-soft: #f8fafc;--text-main: #0f172a;--text-muted: #64748b;--primary: #0f172a;--primary-contrast: #ffffff;--border: #e2e8f0;--radius: 18px}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text-main);background:#eaf1fc}.language-picker-inline select{border:1px solid #c8d7ee;border-radius:10px;background:#fff;color:#334155;font:inherit;padding:.35rem .45rem;min-height:36px}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}.btn{border:0;border-radius:14px;font-weight:600;cursor:pointer;padding:.7rem 1rem;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;transition:transform .2s ease,opacity .2s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--primary);color:var(--primary-contrast)}.btn-secondary{background:var(--surface-soft);color:var(--text-main);border:1px solid var(--border)}.btn-ghost{background:transparent;color:var(--text-muted);border:1px dashed var(--border)}.field{display:flex;flex-direction:column;gap:.45rem;font-size:.9rem}.field input,.field textarea{border:1px solid var(--border);border-radius:12px;padding:.72rem .78rem;font:inherit;background:#fff}.field input:disabled,.field textarea:disabled{background:#eef2f7;color:#64748b;cursor:not-allowed}.field-error,.error-text{color:#dc2626;font-size:.85rem}.field-hint{color:#64748b;font-size:.82rem}.warning-banner{margin-top:.9rem;border:1px solid #f5d58a;background:#fff7e0;color:#7c5800;border-radius:12px;padding:.7rem .8rem;display:grid;gap:.2rem;font-size:.9rem}.warning-banner span{color:#8c6a14}.balance-warning{margin-top:.8rem;border-color:#bfdbfe;background:#eff6ff;color:#1e3a8a}.balance-warning span{color:#1d4ed8}.inline-link{color:#1e3a8a;text-decoration:underline;font-weight:600}.locked-field>span{color:#64748b}.slug-available .field-hint{color:#15803d}.slug-checking .field-hint{color:#0369a1}.slug-taken .field-hint,.slug-invalid .field-hint{color:#b91c1c}.landing{min-height:100vh;display:grid;place-items:center;padding:1.4rem}.hero{width:min(760px,100%);background:#ffffffde;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.7);border-radius:28px;padding:2rem 1.2rem;box-shadow:0 20px 45px #1e293b14;animation:rise .7s ease}.eyebrow{font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.hero h1{font-size:clamp(1.6rem,3vw,2.5rem);margin-top:.6rem}.hero p{margin-top:.75rem;color:var(--text-muted)}.hero-actions{margin-top:1.2rem;display:flex;gap:.8rem;flex-wrap:wrap}.auth-page{min-height:100vh;display:grid;place-items:center;padding:1rem}.auth-card{width:min(420px,100%);background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:1.35rem;display:grid;gap:.9rem;box-shadow:0 14px 35px #0f172a14}.app-shell{min-height:100vh}.app-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;position:sticky;top:0;z-index:220;background:#f2f5fbe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.desktop-nav{display:flex;gap:.8rem;align-items:center}.logo,.app-header a,.header-link{font-weight:600;color:#334155}.logo{display:inline-flex;align-items:center;gap:.5rem;letter-spacing:-.01em}.logo-image{width:34px;height:34px;border-radius:10px;object-fit:cover}.app-header nav .active{font-weight:800;color:#0f172a}.header-link{background:transparent;border:0;cursor:pointer}.logout-btn{display:inline-flex;align-items:center;gap:.35rem}.logout-icon{width:16px;height:16px}.menu-toggle{display:none;width:40px;height:40px;border-radius:10px;border:1px solid var(--border);background:#fff;padding:.55rem;cursor:pointer;flex-direction:column;justify-content:space-between}.menu-toggle span{display:block;height:2px;border-radius:99px;background:#334155}.app-main{width:min(1100px,100%);margin:0 auto;padding:1rem}.dashboard-head{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem}.dashboard-head p,.muted{color:var(--text-muted)}.balance-line{margin-top:.35rem;font-size:.9rem;color:#1e3a8a}.billing-page{display:grid;gap:.9rem}.billing-card{border:1px solid var(--border);border-radius:16px;background:var(--surface);padding:1rem;display:grid;gap:.6rem}.billing-card ol{margin:0;padding-left:1.1rem;display:grid;gap:.35rem}.billing-actions{display:flex;gap:.6rem;flex-wrap:wrap}.grid-cards{display:grid;gap:.9rem}.dashboard-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:1rem;display:grid;gap:.8rem}.dashboard-card p,.dashboard-card small{color:var(--text-muted)}.card-actions{display:flex;flex-wrap:wrap;gap:.5rem}.wallet-preview{margin-top:1rem;border-radius:16px;border:1px solid var(--border);background:#0b1020;color:#d1d5db;padding:1rem}.wallet-preview pre{overflow-x:auto}.editor-grid{margin-top:1rem;display:grid;gap:.9rem}.theme-section{border:1px solid var(--border);border-radius:14px;padding:.8rem;background:var(--surface)}.preview-section{border:1px solid var(--border);border-radius:16px;background:var(--surface);padding:.85rem;display:grid;gap:.55rem;max-width:460px;justify-self:center;width:100%}.preview-card{border-radius:22px;overflow:hidden;border:1px solid #d1d9e5;width:min(360px,100%);margin:0 auto}.preview-card.minimal-light{--preview-hero: radial-gradient(circle at 50% 0%, #1d4ed8 0%, #102449 62%);--preview-panel: #f7f7fb;--preview-text: #0f172a;--preview-muted: #475569}.preview-card.dark-premium{--preview-hero: transparent;--preview-panel: #f8fafc;--preview-text: #0f172a;--preview-muted: #64748b}.preview-card.gradient-modern{--preview-hero: linear-gradient(130deg, #06122e, #0b2f5a);--preview-panel: #071630;--preview-text: #dbeafe;--preview-muted: #7dd3fc}.preview-hero{height:95px;background:var(--preview-hero);display:grid;place-items:center;grid-template-columns:1fr;gap:.55rem;padding:.6rem}.preview-avatar{width:60px;height:60px;border-radius:999px;object-fit:cover;border:3px solid #fff}.preview-avatar-placeholder{display:grid;place-items:center;color:#fff;font-size:1.7rem;font-weight:700;background:linear-gradient(135deg,#4f46e5,#1d4ed8)}.preview-hero-identity{display:none}.preview-body{background:var(--preview-panel);color:var(--preview-text);padding:.75rem;text-align:center}.preview-main-name{font-size:1.1rem}.preview-role,.preview-company,.preview-bio{color:var(--preview-muted)}.preview-role{margin-top:.25rem}.preview-company{font-size:.95rem}.preview-bio{font-size:.88rem;margin-top:.5rem}.preview-actions{margin-top:.75rem;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.35rem}.preview-action-item{display:grid;justify-items:center;gap:.25rem;font-size:.72rem;color:var(--preview-muted)}.preview-action-icon{width:26px;height:26px;border-radius:8px;background:linear-gradient(140deg,#3b82f6,#1d4ed8)}.preview-utility{margin-top:.6rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem}.preview-utility span{height:28px;border-radius:10px;border:1px solid #cbd5e1;display:grid;place-items:center;font-size:.72rem;color:#334155}.preview-card.dark-premium .preview-hero{height:auto;padding-top:.7rem;padding-bottom:.2rem}.preview-card.dark-premium .preview-avatar{width:54px;height:54px;border-width:2px;box-shadow:0 4px 10px #0f172a1f}.preview-card.dark-premium .preview-body{border-top:1px solid #e2e8f0}.preview-card.dark-premium .preview-bio{display:none}.preview-card.dark-premium .preview-actions{margin-top:.8rem;grid-template-columns:1fr;gap:.45rem}.preview-card.dark-premium .preview-action-item{grid-template-columns:auto 1fr;align-items:center;justify-items:start;gap:.45rem;font-size:.8rem}.preview-card.dark-premium .preview-action-icon{width:28px;height:28px;border-radius:999px;background:#e2e8f0}.preview-card.dark-premium .preview-utility span{border-color:#cbd5e1}.preview-card.dark-premium .preview-utility span:last-child{background:#1e2d4b;color:#f8fafc;border-color:#1e2d4b}.preview-card.gradient-modern .preview-hero{height:auto;display:grid;grid-template-columns:auto 1fr;align-items:start;justify-items:start}.preview-card.gradient-modern .preview-avatar{width:66px;height:66px;border-radius:10px;border:2px solid #22d3ee}.preview-card.gradient-modern .preview-hero-identity{display:grid;gap:.12rem;text-align:left}.preview-card.gradient-modern .preview-hero-identity small{color:#22d3ee;font-size:.6rem;letter-spacing:.08em}.preview-card.gradient-modern .preview-hero-identity h4{margin:0;color:#f8fafc}.preview-card.gradient-modern .preview-hero-identity p{margin:0;color:#22d3ee;font-size:.8rem}.preview-card.gradient-modern .preview-main-name,.preview-card.gradient-modern .preview-role,.preview-card.gradient-modern .preview-company{display:none}.preview-card.gradient-modern .preview-action-icon{background:#102449;border:1px solid #0ea5e9}.preview-card.gradient-modern .preview-utility span{background:#102449;border-color:#1d4ed8;color:#22d3ee}.preview-card.gradient-modern .preview-utility span:last-child{background:linear-gradient(95deg,#0ea5e9,#2563eb);color:#f8fafc;border-color:transparent}.theme-picker-wrap{display:grid;gap:.7rem}.theme-picker-title{font-size:1.15rem}.theme-picker{display:grid;gap:.9rem}.theme-option{border:1px solid #d9e0eb;border-radius:18px;background:#fff;overflow:hidden;text-align:left;padding:0;cursor:pointer;box-shadow:0 10px 22px #0f172a14;transition:transform .2s ease,box-shadow .2s ease}.theme-option:hover{transform:translateY(-2px);box-shadow:0 14px 30px #0f172a24}.theme-option.active{border-color:#1d4ed8;box-shadow:0 0 0 2px #1d4ed826,0 14px 30px #0f172a24}.theme-option-head{min-height:110px;display:grid;place-items:center;color:#e2e8f0;position:relative}.theme-option-head svg{width:50px;height:50px}.theme-badge{position:absolute;top:.65rem;left:.65rem;font-size:.76rem;background:#f59e0b;color:#fff;padding:.3rem .55rem;border-radius:999px;font-weight:700}.theme-option-body{padding:.95rem;display:grid;gap:.45rem}.theme-option-body strong{font-size:1.35rem;letter-spacing:-.01em}.theme-option-body p{color:#475569}.theme-option-body ul{margin:.1rem 0 0;padding-left:1.1rem;color:#64748b;display:grid;gap:.15rem}.theme-cta{margin-top:.4rem;min-height:44px;border-radius:14px;color:#fff;font-weight:700;display:grid;place-items:center}.theme-option.minimal-light .theme-option-head{background:radial-gradient(circle at 50% 0%,#1d4ed8,#102449 62%)}.theme-option.minimal-light .theme-cta{background:linear-gradient(95deg,#6f40ff,#2f6cff)}.theme-option.dark-premium .theme-option-head{background:linear-gradient(130deg,#eef2f7,#dbe4f0);color:#475569}.theme-option.dark-premium .theme-cta{background:#1e2d4b}.theme-option.gradient-modern .theme-option-head{background:linear-gradient(130deg,#06122e,#0b2f5a)}.theme-option.gradient-modern .theme-cta{background:linear-gradient(95deg,#0ea5e9,#2563eb)}.public-wrapper{min-height:100vh;display:grid;place-items:center;padding:.7rem}.public-canvas{width:min(560px,100%);border-radius:34px;overflow:hidden;border:1px solid rgba(255,255,255,.55);box-shadow:0 25px 54px #0f172a38;animation:rise .7s ease}.public-wrapper.minimal-light{background:linear-gradient(145deg,#dbeafe,#f8fafc);--public-hero: radial-gradient(circle at 50% 0%, #1d4ed8 0%, #102449 62%);--public-panel: #f7f7fb;--public-text: #09122f;--public-subtext: #3b4b6b;--public-share: linear-gradient(95deg, #6f40ff, #2f6cff)}.public-wrapper.dark-premium{background:#e5e7eb;--public-hero: transparent;--public-panel: #f8fafc;--public-text: #0f172a;--public-subtext: #64748b;--public-share: #1e2d4b}.public-wrapper.gradient-modern{background:radial-gradient(circle at 50% 0%,#0b2f5a,#030a1d 70%);--public-hero: transparent;--public-panel: transparent;--public-text: #dbeafe;--public-subtext: #93c5fd;--public-share: linear-gradient(95deg, #0ea5e9, #2563eb)}.public-hero{height:clamp(150px,28vh,210px);background:var(--public-hero);display:grid;place-items:center;padding:.8rem}.hero-identity{display:none}.hero-status{display:inline-flex;align-items:center;gap:.3rem;color:#0ea5e9;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:700}.public-panel{background:var(--public-panel);color:var(--public-text);padding:1.4rem 1.2rem;text-align:center}.hero-avatar{display:grid;place-items:center}.avatar{width:clamp(132px,28vw,182px);height:clamp(132px,28vw,182px);border-radius:999px;object-fit:cover;border:6px solid #ffffff;box-shadow:0 15px 30px #0f172a42}.avatar.placeholder{display:grid;place-items:center;font-size:3.3rem;font-weight:700;background:linear-gradient(135deg,#4f46e5,#1d4ed8);color:#fff}.public-panel h1{font-size:clamp(2rem,7vw,3.1rem);letter-spacing:-.03em}.role,.company,.bio{color:var(--public-subtext)}.role{margin-top:.4rem;font-size:1.45rem}.company{font-size:1.3rem}.bio{margin-top:.8rem;font-size:1rem}.public-actions{margin-top:1.6rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:.55rem}.action-item{display:grid;gap:.5rem;justify-items:center;color:var(--public-subtext);font-size:.98rem}.action-item.disabled{opacity:.45}.action-icon{width:clamp(52px,12vw,70px);height:clamp(52px,12vw,70px);border-radius:18px;color:#fff;display:grid;place-items:center;box-shadow:0 10px 22px #0f172a33}.action-icon.emerald{background:linear-gradient(140deg,#14b8a6,#0f766e)}.action-icon.indigo{background:linear-gradient(140deg,#4f46e5,#2563eb)}.action-icon.blue{background:linear-gradient(140deg,#0ea5e9,#2563eb)}.action-icon.green{background:linear-gradient(140deg,#22c55e,#16a34a)}.action-icon.violet{background:linear-gradient(140deg,#9333ea,#6366f1)}.public-wrapper.dark-premium .action-icon{background:#e2e8f0;color:#475569;width:44px;height:44px;border-radius:999px;box-shadow:none}.public-wrapper.dark-premium .utility-btn{border-color:#d5dce8;color:#475569;min-height:50px}.public-wrapper.dark-premium .utility-share{background:#1e2d4b;color:#f8fafc}.public-wrapper.dark-premium .qr-box{background:#f8fafc;border-color:#d5dce8}.public-wrapper.dark-premium .qr-caption{color:#64748b}.public-wrapper.dark-premium .qr-download{background:#1e2d4b}.public-canvas.dark-premium{background:#f8fafc;border-radius:26px;border:1px solid #d7dee9;box-shadow:0 12px 28px #0f172a1f}.public-canvas.dark-premium .public-hero{height:auto;padding:1.1rem 1rem .45rem}.public-canvas.dark-premium .avatar{width:124px;height:124px;border-width:3px;box-shadow:0 5px 12px #0f172a1f}.public-canvas.dark-premium .public-panel{padding-top:.65rem}.public-canvas.dark-premium .bio{display:none}.public-canvas.dark-premium .public-actions{margin-top:1.2rem;padding-top:1rem;border-top:1px solid #dce3ef;grid-template-columns:1fr;gap:.8rem}.public-canvas.dark-premium .action-item{grid-template-columns:auto 1fr;align-items:center;justify-items:start;gap:.75rem;font-size:1rem}.public-canvas.dark-premium .action-item .icon{width:22px;height:22px}.public-canvas.dark-premium .utility-row{margin-top:1rem}.public-canvas.gradient-modern{border-radius:22px;border:1px solid #0ea5e9;background:repeating-linear-gradient(90deg,rgba(14,165,233,.2) 0,rgba(14,165,233,.2) 1px,transparent 1px,transparent 28px),repeating-linear-gradient(180deg,rgba(14,165,233,.16) 0,rgba(14,165,233,.16) 1px,transparent 1px,transparent 28px),linear-gradient(145deg,#041128,#071a38);box-shadow:0 0 30px #0ea5e933}.public-canvas.gradient-modern .public-hero{min-height:170px;height:auto;padding:1rem;display:flex;align-items:flex-start;gap:1rem;justify-content:flex-start}.public-canvas.gradient-modern .hero-identity{display:grid;gap:.2rem;text-align:left;margin-top:.25rem}.public-canvas.gradient-modern .hero-identity h2{margin:0;color:#f8fafc;font-size:clamp(1.5rem,6.2vw,2.5rem)}.public-canvas.gradient-modern .hero-identity p{margin:0;color:#22d3ee;font-size:clamp(1rem,3.5vw,1.45rem)}.public-canvas.gradient-modern .hero-identity p:last-child{color:#93c5fd;font-size:clamp(.95rem,3vw,1.25rem)}.public-canvas.gradient-modern .avatar{width:clamp(126px,28vw,172px);height:clamp(126px,28vw,172px);border-radius:16px;border:2px solid #22d3ee;box-shadow:0 0 20px #22d3ee73}.public-canvas.gradient-modern .public-panel{padding-top:.3rem}.public-canvas.gradient-modern .public-panel h1,.public-canvas.gradient-modern .public-panel .role,.public-canvas.gradient-modern .public-panel .company{display:none}.public-canvas.gradient-modern .bio{color:#93c5fd}.public-canvas.gradient-modern .action-item{color:#7dd3fc}.public-canvas.gradient-modern .action-icon{background:#102449;border:1px solid #0ea5e9;color:#22d3ee;box-shadow:none}.public-canvas.gradient-modern .utility-btn{border-color:#1d4ed8;background:#102449;color:#22d3ee}.public-canvas.gradient-modern .utility-share{background:linear-gradient(95deg,#0ea5e9,#2563eb);color:#f8fafc;box-shadow:0 8px 20px #0ea5e959}.public-canvas.gradient-modern .share-feedback,.public-canvas.gradient-modern .qr-caption{color:#7dd3fc}.icon{width:clamp(22px,5.5vw,30px);height:clamp(22px,5.5vw,30px)}.icon-sm{width:20px;height:20px}.utility-row{margin-top:1.4rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.utility-row.utility-row-no-wallet .utility-btn:last-child{grid-column:1 / -1}.utility-btn{border:2px solid #d3d8e3;background:transparent;color:var(--public-text);border-radius:18px;min-height:58px;font-size:clamp(.9rem,3.5vw,1.08rem);font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;cursor:pointer;transition:transform .2s ease}.utility-btn:hover{transform:translateY(-1px)}.utility-share{border:0;color:#fff;background:var(--public-share);box-shadow:0 14px 28px #2563eb42}.share-feedback{margin-top:.55rem;font-size:.9rem;color:var(--public-subtext)}.qr-box{margin-top:.3rem;background:#ffffffe6;border-radius:20px;padding:.8rem;display:grid;place-items:center;gap:.6rem;border:1px solid #d7deeb}.qr-box img{width:min(290px,72vw);height:min(290px,72vw)}.qr-download{min-height:42px;padding:.5rem .9rem;border-radius:12px;background:#0f172a;color:#fff;display:inline-flex;align-items:center;gap:.4rem;font-weight:600}.qr-modal-overlay{position:fixed;inset:0;background:#0f172a94;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;padding:1rem;z-index:100}.qr-modal{width:min(560px,100%);background:#f8fafc;border-radius:18px;border:1px solid #cfd7e6;box-shadow:0 26px 54px #0f172a59;padding:1.1rem 1rem 1rem;display:grid;justify-items:center;gap:.55rem}.qr-modal-head{width:100%;display:flex;justify-content:space-between;align-items:center}.qr-modal-head h3{font-size:clamp(1.1rem,4.7vw,2rem);letter-spacing:-.01em;color:#0f172a}.qr-close-btn{width:36px;height:36px;border-radius:10px;border:1px solid #c2cad8;background:#fff;color:#475569;display:grid;place-items:center;cursor:pointer}.qr-caption{font-size:clamp(.95rem,3.6vw,1.2rem);color:#334155;text-align:center}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(min-width:768px){.utility-row.utility-row-no-wallet{grid-template-columns:repeat(3,minmax(0,1fr))}.utility-row.utility-row-no-wallet .utility-btn:last-child{grid-column:auto}.app-main{padding:2rem 1rem}.editor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field:has(textarea),.theme-section,.preview-section,.editor-grid .btn,.editor-grid .error-text{grid-column:1 / -1}.public-wrapper{padding:1.4rem}.theme-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.utility-row,.preview-utility{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:767px){.menu-toggle{display:flex;position:fixed;top:.9rem;right:.9rem;z-index:260}.app-header{align-items:center;flex-wrap:wrap}.logo span{font-size:.95rem}.desktop-nav{display:none}.mobile-menu-overlay{position:fixed;inset:0;z-index:230;background:#0f172a80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center}.mobile-menu-panel{width:100%;height:100%;max-width:100%;max-height:100%;border-radius:0;background:#eaf1fc;border:0;display:grid;align-content:start;gap:.7rem;padding:3.4rem 1.1rem 1.1rem;overflow:auto;position:relative}.mobile-menu-close{position:absolute;top:.7rem;right:.7rem;width:40px;height:40px;border-radius:10px;border:1px solid #d6e1f0;background:#fff;color:#1e293b;display:flex;flex-direction:column;justify-content:space-between;padding:.55rem;cursor:pointer}.mobile-menu-close span{display:block;height:2px;border-radius:99px;background:#334155}.mobile-menu-panel a,.mobile-menu-panel .header-link{padding:.55rem .65rem;border-radius:12px;text-align:center;font-size:1.1rem;font-weight:600;border:1px solid #d6e1f0;background:#fff}.mobile-menu-panel .logout-btn{width:100%;justify-content:center;font-weight:600}.mobile-menu-panel .language-picker-inline select{width:100%;text-align:center;border:1px solid #d6e1f0;background:#fff}.mobile-menu-panel .active{background:#dbe4f2;color:#0f172a;border-color:#c6d4ea;font-weight:800}.menu-toggle.open{background:#1e3a8a;border-color:#1e3a8a}.menu-toggle.open span{background:#fff}}@media(min-width:1100px){.theme-picker{grid-template-columns:repeat(3,minmax(0,1fr))}}.avatar-upload input[type=file]{border:1px dashed #c7d7ef;border-radius:12px;padding:.45rem .5rem;background:#f8fbff;color:#334155}.avatar-upload input[type=file]::file-selector-button{border:1px solid #c8d7ee;background:linear-gradient(135deg,#fff,#edf4ff);color:#1e3a8a;border-radius:10px;padding:.45rem .75rem;margin-right:.6rem;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.avatar-upload input[type=file]::file-selector-button:hover{transform:translateY(-1px);box-shadow:0 6px 14px #1e3a8a26;background:linear-gradient(135deg,#fff,#dbeafe)}.avatar-upload input[type=file]:focus-visible{outline:2px solid #93c5fd;outline-offset:1px}.avatar-preview-box{margin-top:.5rem;border:1px solid #dbe5f4;border-radius:12px;background:#f8fbff;padding:.6rem;display:grid;gap:.5rem;justify-items:start}.avatar-preview-thumb{width:84px;height:84px;border-radius:12px;object-fit:cover;border:1px solid #d2ddf0}