@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";
:root{--bg-primary:#050816;--bg-secondary:#0b1120;--bg-tertiary:#111827;--bg-hover:#1a2332;--bg-card:#111827;--bg-input:#0d1423;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--brand:#10b981;--brand-glow:#10b98126;--brand-subtle:#10b98114;--accent:#6366f1;--accent-hover:#5558e6;--accent-glow:#6366f126;--accent-subtle:#6366f114;--cyan:#22d3ee;--cyan-glow:#22d3ee26;--success:#10b981;--success-bg:#10b9811a;--error:#ef4444;--error-bg:#ef44441a;--warning:#f59e0b;--warning-bg:#f59e0b1a;--info:#6366f1;--info-bg:#6366f11a;--border-subtle:#ffffff0f;--border-default:#ffffff1a;--border-accent:#6366f166;--shadow-glow:0 0 80px #6366f11f;--shadow-card:0 1px 3px #0000004d, inset 0 1px 0 #ffffff08;--shadow-card-hover:0 8px 30px #6366f114, 0 2px 8px #0000004d;--shadow-input-focus:0 0 0 3px #6366f140;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--ease:cubic-bezier(.4, 0, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-heading:"Space Grotesk", "Inter", sans-serif;--sidebar-width:260px;--page-max-width:1200px}*,:before,:after{box-sizing:border-box;border-color:var(--border-subtle);margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--text-primary);font-weight:600;line-height:1.2}h1{font-size:1.75rem;font-weight:700}h2{font-size:1.375rem}h3{font-size:1.125rem}h4{font-size:1rem}p{color:var(--text-secondary);line-height:1.7}a{color:var(--accent);transition:color var(--duration-fast) var(--ease);text-decoration:none}a:hover{color:var(--accent-hover)}.page-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--border-subtle);z-index:10;background:linear-gradient(#0b1120f2 0%,#050816fa 100%);flex-direction:column;flex-shrink:0;height:100vh;padding:1.5rem 0;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-logo{align-items:center;gap:.75rem;margin-bottom:1.75rem;padding:0 1.25rem;text-decoration:none;display:flex}.sidebar-logo img{border-radius:6px;width:32px;height:32px}.sidebar-logo span{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.02em;font-size:1.0625rem;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:0 .75rem;display:flex}.sidebar-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:1.25rem .625rem .375rem;font-size:.6875rem;font-weight:600}.sidebar-link{border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--duration-fast) var(--ease);align-items:center;gap:.75rem;padding:.5625rem .625rem;font-size:.8125rem;font-weight:500;text-decoration:none;display:flex;position:relative}.sidebar-link:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-link.active{background:var(--accent-subtle);color:var(--accent)}.sidebar-link.active:before{content:"";background:var(--accent);border-radius:0 2px 2px 0;width:3px;height:20px;position:absolute;top:50%;left:-.75rem;transform:translateY(-50%)}.sidebar-link svg{opacity:.7;flex-shrink:0;width:18px;height:18px}.sidebar-link.active svg{opacity:1}.sidebar-user{border-top:1px solid var(--border-subtle);margin-top:auto;padding:1rem 1rem 0}.sidebar-user-info{border-radius:var(--radius-sm);transition:background var(--duration-fast) var(--ease);cursor:pointer;align-items:center;gap:.625rem;padding:.5rem;text-decoration:none;display:flex}.sidebar-user-info:hover{background:var(--bg-hover)}.sidebar-user-name{color:var(--text-primary);font-size:.8125rem;font-weight:500;line-height:1.2}.sidebar-user-email{color:var(--text-muted);font-size:.6875rem;line-height:1.2}.main-content{max-width:calc(var(--page-max-width) + 5rem);flex:1;min-width:0;padding:2rem 2.5rem}.page-header{margin-bottom:1.75rem}.page-header h1{margin-bottom:.25rem}.page-header p{color:var(--text-muted);font-size:.875rem}.card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(10px);transition:border-color var(--duration-normal) var(--ease), box-shadow var(--duration-normal) var(--ease);background:linear-gradient(165deg,#111827cc,#0b112099);padding:1.5rem}.card:hover{border-color:var(--border-default)}.card+.card{margin-top:.75rem}.card-title{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.01em;margin-bottom:1rem;font-size:.9375rem;font-weight:600}.card-description{color:var(--text-muted);margin-bottom:1.25rem;font-size:.8125rem;line-height:1.6}.hero-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:linear-gradient(135deg,#111827 0%,#0b1120 40%,#6366f114 100%);margin-bottom:1.25rem;padding:2rem;position:relative;overflow:hidden}.hero-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#6366f11f 0%,#0000 70%);width:300px;height:300px;position:absolute;top:-50%;right:-20%}.hero-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#10b98114 0%,#0000 70%);width:200px;height:200px;position:absolute;bottom:-30%;left:-10%}.hero-content{z-index:1;align-items:center;gap:1.5rem;display:flex;position:relative}.hero-info h2{margin-bottom:.125rem;font-size:1.5rem;font-weight:700}.hero-info p{color:var(--text-muted);font-size:.875rem}.stats-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.25rem;display:grid}.stat-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:all var(--duration-normal) var(--ease);background:linear-gradient(165deg,#111827cc,#0b112099);padding:1.125rem 1.25rem}.stat-card:hover{border-color:var(--border-default);box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.stat-value{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:.25rem;font-size:1.5rem;font-weight:700;line-height:1}.stat-label{color:var(--text-muted);font-size:.75rem;font-weight:500}.stat-card[data-accent=indigo] .stat-value{color:var(--accent)}.stat-card[data-accent=emerald] .stat-value{color:var(--brand)}.stat-card[data-accent=cyan] .stat-value{color:var(--cyan)}.dashboard-grid{grid-template-columns:1fr 1fr;align-items:start;gap:.75rem;display:grid}.form-group{margin-bottom:1.125rem}.form-label{color:var(--text-secondary);margin-bottom:.375rem;font-size:.8125rem;font-weight:500;display:block}.form-hint{color:var(--text-muted);margin-top:.25rem;font-size:.6875rem}.form-input{width:100%;font-size:.8125rem;font-family:var(--font-sans);background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);transition:all var(--duration-fast) var(--ease);outline:none;padding:.5625rem .875rem}.form-input:focus{border-color:var(--accent);box-shadow:var(--shadow-input-focus)}.form-input:disabled{opacity:.4;cursor:not-allowed}.form-input::placeholder{color:var(--text-muted)}.form-input.error{border-color:var(--error);box-shadow:0 0 0 3px #ef444426}.form-error{color:var(--error);margin-top:.25rem;font-size:.6875rem}.form-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}select.form-input{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2394a3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5rem;padding-right:2.5rem}textarea.form-input{resize:vertical;min-height:80px}.password-input-wrapper{position:relative}.password-toggle{cursor:pointer;color:var(--text-muted);border-radius:var(--radius-sm);transition:color .15s var(--ease), background .15s var(--ease);background:0 0;border:none;justify-content:center;align-items:center;padding:.375rem;display:flex;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.password-toggle:hover{color:var(--text-secondary);background:var(--bg-hover)}.btn{font-size:.8125rem;font-weight:500;font-family:var(--font-sans);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease);white-space:nowrap;border:1px solid #0000;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:.5625rem 1.125rem;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.4;cursor:not-allowed}.btn svg{width:16px;height:16px}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 1px 2px #0000004d,inset 0 1px #ffffff1a}.btn-primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #6366f140}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-default)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-accent)}.btn-danger{color:var(--error);border-color:var(--border-default);background:0 0}.btn-danger:hover:not(:disabled){background:var(--error-bg);border-color:var(--error)}.btn-ghost{color:var(--text-secondary);background:0 0;border:none;padding:.4375rem .625rem}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.btn-sm{padding:.3125rem .625rem;font-size:.75rem}.btn-lg{border-radius:var(--radius-md);padding:.6875rem 1.375rem;font-size:.875rem}.btn-full{width:100%}.avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--accent-subtle), var(--brand-subtle));border:2px solid var(--border-subtle);flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:relative;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar-initials{font-family:var(--font-heading);color:var(--accent);text-transform:uppercase;font-size:1.125rem;font-weight:600}.avatar-sm{width:36px;height:36px}.avatar-sm .avatar-initials{font-size:.8125rem}.avatar-lg{width:80px;height:80px}.avatar-lg .avatar-initials{font-size:1.75rem}.avatar-upload{cursor:pointer}.avatar-upload:after{content:"";border-radius:var(--radius-full);transition:background var(--duration-fast) var(--ease);background:0 0;position:absolute;inset:0}.avatar-upload:hover:after{background:#0006}.avatar-upload-icon{opacity:0;z-index:1;transition:opacity var(--duration-fast) var(--ease);color:#fff;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.avatar-upload:hover .avatar-upload-icon{opacity:1}.service-badge{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease);align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.service-badge:hover{border-color:var(--border-default);background:var(--bg-hover)}.service-badge-icon{border-radius:var(--radius-sm);background:var(--bg-tertiary);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.125rem;display:flex}.service-badge-info{flex:1;min-width:0}.service-badge-name{color:var(--text-primary);font-size:.8125rem;font-weight:500}.service-badge-url{color:var(--text-muted);font-size:.6875rem}.service-badge-status{border-radius:var(--radius-full);padding:.125rem .5rem;font-size:.6875rem;font-weight:500}.service-badge-status.connected{background:var(--success-bg);color:var(--success)}.service-badge-status.disconnected{color:var(--text-muted);background:#64748b1a}.alert{border-radius:var(--radius-sm);border:1px solid;align-items:flex-start;gap:.625rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.8125rem;display:flex}.alert svg{flex-shrink:0;width:16px;height:16px;margin-top:2px}.alert-success{background:var(--success-bg);color:var(--success);border-color:#10b98133}.alert-error{background:var(--error-bg);color:var(--error);border-color:#ef444433}.alert-info{background:var(--info-bg);color:var(--accent);border-color:#6366f133}.alert-warning{background:var(--warning-bg);color:var(--warning);border-color:#f59e0b33}.divider{background:var(--border-subtle);height:1px;margin:1.25rem 0}.divider-text{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:1rem;margin:1.25rem 0;font-size:.6875rem;display:flex}.divider-text:before,.divider-text:after{content:"";background:var(--border-subtle);flex:1;height:1px}.session-item{border-bottom:1px solid var(--border-subtle);align-items:center;gap:.875rem;padding:.75rem 0;display:flex}.session-item:last-child{border-bottom:none}.session-icon{border-radius:var(--radius-sm);background:var(--bg-secondary);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.session-info{flex:1;min-width:0}.session-device{color:var(--text-primary);font-size:.8125rem;font-weight:500}.session-meta{color:var(--text-muted);font-size:.6875rem}.session-current{color:var(--success);background:var(--success-bg);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;padding:.125rem .4375rem;font-size:.625rem;font-weight:600}.auth-layout{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100dvh;padding:2rem;display:flex;position:relative;overflow:hidden}.auth-layout:before{content:"";pointer-events:none;background:radial-gradient(circle,#6366f11a 0%,#10b9810a 40%,#0000 70%);width:700px;height:700px;animation:8s ease-in-out infinite alternate authGlow;position:absolute;top:15%;left:50%;transform:translate(-50%)}@keyframes authGlow{0%{opacity:.8;transform:translate(-50%)scale(1)}to{opacity:1;transform:translate(-50%)scale(1.15)}}.auth-card{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(24px);z-index:1;background:linear-gradient(165deg,#111827f2,#0b1120e6);border:1px solid #6366f126;width:100%;max-width:480px;padding:2.5rem;position:relative;box-shadow:0 0 0 1px #6366f10f,0 4px 24px #0006,0 0 80px #6366f10f}.auth-card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#6366f14d,#0000 40% 60%,#10b98133);padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.auth-card .form-input{min-height:48px;padding:.75rem 1rem;font-size:.9375rem}.auth-card .btn-lg{min-height:52px;padding:.875rem 1.5rem;font-size:.9375rem;font-weight:600}.auth-logo{justify-content:center;align-items:center;gap:.625rem;margin-bottom:1.75rem;display:flex}.auth-logo img{border-radius:8px;width:40px;height:40px}.auth-logo span{font-family:var(--font-heading);color:var(--text-primary);font-size:1.25rem;font-weight:700}.auth-title{font-family:var(--font-heading);text-align:center;letter-spacing:-.01em;margin-bottom:.375rem;font-size:1.5rem;font-weight:700}.auth-subtitle{text-align:center;color:var(--text-muted);margin-bottom:1.75rem;font-size:.875rem}.auth-footer{text-align:center;color:var(--text-muted);margin-top:1.5rem;font-size:.8125rem}.auth-footer a{font-weight:600}.spinner{border:2px solid var(--border-default);border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:480px){.auth-layout{padding:1rem}.auth-card{border-radius:1rem;max-width:none;padding:1.5rem 1.25rem}.auth-logo{margin-bottom:1.25rem}.auth-logo img{width:32px;height:32px}.auth-logo span{font-size:1.0625rem}.auth-title{font-size:1.25rem}.auth-subtitle{margin-bottom:1.25rem;font-size:.8125rem}.auth-footer{font-size:.75rem}}@media (max-width:768px){.sidebar{display:none}.main-content{padding:1.25rem}.form-row{grid-template-columns:1fr}.auth-card{padding:1.75rem}.hero-content{text-align:center;flex-direction:column}.stats-grid,.dashboard-grid{grid-template-columns:1fr}}@media (max-width:1024px){.dashboard-grid{grid-template-columns:1fr}}.tab-nav{border-bottom:1px solid var(--border-subtle);scrollbar-width:none;-ms-overflow-style:none;gap:.25rem;margin-bottom:1.5rem;display:flex;overflow-x:auto}.tab-nav::-webkit-scrollbar{display:none}.tab-btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:color var(--duration-fast) var(--ease);font-size:.8125rem;font-weight:500;font-family:var(--font-sans);background:0 0;border:none;padding:.625rem 1rem;position:relative}.tab-btn:hover{color:var(--text-secondary)}.tab-btn.active{color:var(--accent)}.tab-btn.active:after{content:"";background:var(--accent);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.tab-icon{margin-right:.375rem;display:inline}.checkbox-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem;display:grid}.checkbox-list{flex-direction:column;gap:.5rem;margin-bottom:.75rem;display:flex}.checkbox-item{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease);color:var(--text-secondary);-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8125rem;display:flex}.checkbox-item:hover{border-color:var(--border-default);background:var(--bg-hover)}.checkbox-item.checked{border-color:var(--border-accent);background:var(--accent-subtle);color:var(--text-primary)}.checkbox-item input[type=checkbox]{accent-color:var(--accent);cursor:pointer;appearance:auto;opacity:1;flex-shrink:0;width:15px;height:15px}.search-filter-input{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:border-color var(--duration-fast) var(--ease);margin-bottom:.75rem;padding:.5rem .75rem .5rem 2rem;font-size:.8125rem}.search-filter-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #6366f11a}.search-filter-input::placeholder{color:var(--text-muted)}.search-filter-wrap{position:relative}.search-filter-icon{height:calc(100% - .75rem);color:var(--text-muted);pointer-events:none;align-items:center;width:14px;display:flex;position:absolute;top:0;left:.625rem}.search-filter-wrap .search-filter-input{margin-bottom:0}.available-banner{border-radius:var(--radius-lg);transition:all var(--duration-fast) var(--ease);border:1px solid;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}.available-banner.active{background:linear-gradient(135deg,#10b9810f 0%,#10b98105 100%);border-color:#10b98133}.available-banner.inactive{background:var(--bg-secondary);border-color:var(--border-subtle)}.available-banner-info{align-items:center;gap:.75rem;display:flex}.available-banner-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.125rem;display:flex}.available-banner.active .available-banner-icon{background:#10b9811f}.available-banner.inactive .available-banner-icon{background:var(--bg-tertiary)}.available-banner-title{font-size:.9375rem;font-weight:600}.available-banner.active .available-banner-title{color:#10b981}.available-banner.inactive .available-banner-title{color:var(--text-secondary)}.available-banner-hint{color:var(--text-muted);margin-top:.125rem;font-size:.75rem}.cert-badge{white-space:nowrap;border-radius:9999px;align-items:center;gap:.25rem;padding:.1875rem .5rem;font-size:.6875rem;font-weight:600;display:inline-flex}.cert-badge--valid{color:#10b981;background:#10b9811a}.cert-badge--warning{color:#f59e0b;background:#f59e0b1a}.cert-badge--expired{color:#ef4444;background:#ef44441a}.cert-badge--unlimited{color:var(--accent);background:#6366f114}.country-picker{position:relative}.country-picker-dropdown{z-index:50;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-sm);max-height:240px;margin-top:.25rem;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000004d}.country-picker-item{cursor:pointer;color:var(--text-secondary);transition:background var(--duration-fast) var(--ease);text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;font-size:.8125rem;display:flex}.country-picker-item:hover{background:var(--bg-hover)}.country-picker-item.selected{background:var(--accent-subtle);color:var(--text-primary)}.country-picker-item input[type=checkbox]{accent-color:var(--accent);flex-shrink:0}.country-picker-flag{font-size:1rem;line-height:1}.country-tag{background:var(--accent-subtle);border:1px solid var(--border-accent);border-radius:var(--radius-sm);color:var(--text-primary);align-items:center;gap:.375rem;padding:.25rem .5rem;font-size:.8125rem;display:inline-flex}.country-tag button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:.875rem;line-height:1}.country-tag button:hover{color:var(--error)}.skill-suggest{position:relative}.skill-suggest-dropdown{z-index:50;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-sm);max-height:200px;margin-top:.25rem;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000004d}.skill-suggest-item{cursor:pointer;width:100%;color:var(--text-secondary);transition:background var(--duration-fast) var(--ease);text-align:left;background:0 0;border:none;padding:.5rem .75rem;font-size:.8125rem;display:block}.skill-suggest-item:hover{background:var(--bg-hover);color:var(--text-primary)}.skill-suggest-item mark{color:var(--accent);background:#6366f133;border-radius:2px;padding:0 1px}.repeater-item{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-left:3px solid var(--accent);border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease);margin-bottom:.75rem;padding:1.125rem 1.25rem;position:relative}.repeater-item:hover{border-color:var(--border-default);border-left-color:var(--accent);box-shadow:0 2px 8px #0000001f}.repeater-remove{width:1.625rem;height:1.625rem;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;font-size:.875rem;line-height:1;display:flex;position:absolute;top:.625rem;right:.625rem}.repeater-remove:hover{color:var(--error);background:var(--error-bg);border-color:#ef444433}.repeater-add{border:1px dashed var(--border-default);border-radius:var(--radius-sm);width:100%;color:var(--text-muted);font-size:.8125rem;font-family:var(--font-sans);cursor:pointer;transition:all var(--duration-fast) var(--ease);background:0 0;justify-content:center;align-items:center;gap:.375rem;padding:.75rem;display:flex}.repeater-add:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-subtle)}.tag-input-wrapper{background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-sm);cursor:text;flex-wrap:wrap;align-items:center;gap:.375rem;min-height:40px;padding:.375rem .5rem;display:flex}.tag-input-wrapper:focus-within{border-color:var(--accent);box-shadow:var(--shadow-input-focus)}.tag-chip{background:var(--accent-subtle);color:var(--accent);border-radius:var(--radius-full);align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:.75rem;font-weight:500;display:inline-flex}.tag-chip button{cursor:pointer;color:inherit;opacity:.7;background:0 0;border:none;padding:0 .125rem;font-size:.875rem;line-height:1}.tag-chip button:hover{opacity:1}.tag-input{color:var(--text-primary);font-size:.8125rem;font-family:var(--font-sans);background:0 0;border:none;outline:none;flex:1;min-width:120px;padding:.125rem 0}.tag-input::placeholder{color:var(--text-muted)}.toggle-row{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.toggle-row:last-child{border-bottom:none}.toggle-info{flex:1}.toggle-label{color:var(--text-primary);margin-bottom:.125rem;font-size:.8125rem;font-weight:500}.toggle-hint{color:var(--text-muted);font-size:.6875rem}.toggle-switch{flex-shrink:0;width:44px;height:24px;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-track{background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-fast) var(--ease);position:absolute;inset:0}.toggle-track:after{content:"";background:var(--text-muted);width:18px;height:18px;transition:all var(--duration-fast) var(--ease);border-radius:50%;position:absolute;top:2px;left:2px}.toggle-switch input:checked+.toggle-track{background:var(--accent);border-color:var(--accent)}.toggle-switch input:checked+.toggle-track:after{background:#fff;transform:translate(20px)}.section-subtitle{font-family:var(--font-heading);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:1.5rem;margin-bottom:.75rem;font-size:.75rem;font-weight:600}.section-subtitle:first-child{margin-top:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeIn .35s var(--ease) forwards}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:.5rem;display:flex;position:fixed;top:1rem;right:1rem}.toast{pointer-events:auto;border-radius:var(--radius-md);cursor:pointer;min-width:280px;max-width:420px;animation:slideInRight .3s var(--ease);-webkit-backdrop-filter:blur(12px);transition:transform .15s var(--ease);border:1px solid;align-items:center;gap:.625rem;padding:.75rem 1rem;font-size:.8125rem;font-weight:500;display:flex;box-shadow:0 4px 16px #0000004d}.toast:hover{transform:scale(1.02)}.toast-icon{flex-shrink:0;font-size:1rem}.toast-message{line-height:1.4}.toast-success{color:#4ade80;background:#0a2a0ae6;border-color:#1a4a1acc}.toast-error{color:#f87171;background:#2a0a0ae6;border-color:#4a1a1acc}.toast-info{color:#93c5fd;background:#0a0a2ae6;border-color:#1a1a4acc}.toast-warning{color:#fbbf24;background:#2a200ae6;border-color:#4a361acc}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.mobile-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);z-index:40;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:none;position:sticky;top:0}.mobile-header-logo{align-items:center;gap:.5rem;text-decoration:none;display:flex}.mobile-header-logo span{font-family:var(--font-heading);color:var(--text-primary);font-size:.9375rem;font-weight:700}.mobile-hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;padding:8px;display:flex}.mobile-hamburger span{background:var(--text-secondary);width:20px;height:2px;transition:all .2s var(--ease);border-radius:1px;display:block}.mobile-overlay{z-index:50;animation:fadeIn .2s var(--ease);background:#0009;position:fixed;inset:0}.mobile-drawer{background:var(--bg-secondary);border-right:1px solid var(--border-subtle);width:280px;animation:slideInLeft .25s var(--ease);flex-direction:column;display:flex;position:absolute;top:0;bottom:0;left:0;overflow-y:auto}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.mobile-drawer-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.mobile-close{cursor:pointer;color:var(--text-muted);border-radius:var(--radius-sm);transition:background .15s var(--ease);background:0 0;border:none;padding:4px}.mobile-close:hover{background:var(--bg-hover)}.mobile-drawer-user{border-bottom:1px solid var(--border-subtle);align-items:center;gap:.625rem;padding:1rem 1.25rem;display:flex}.mobile-drawer-nav{flex-direction:column;flex:1;gap:2px;padding:.75rem;display:flex}.mobile-drawer-link{border-radius:var(--radius-sm);color:var(--text-secondary);transition:all .15s var(--ease);align-items:center;gap:.75rem;padding:.625rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.mobile-drawer-link:hover{background:var(--bg-hover);color:var(--text-primary)}.mobile-drawer-link.active{background:var(--accent-subtle);color:var(--accent)}.mobile-drawer-footer{border-top:1px solid var(--border-subtle);padding:.75rem}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;align-items:center;padding:.125rem .5rem;font-size:.625rem;font-weight:600;display:inline-flex}.badge-primary{background:var(--accent-subtle);color:var(--accent)}.badge-default{background:var(--success-bg);color:var(--success)}.pin-status{border-radius:var(--radius-lg);border:1px solid;align-items:center;gap:.75rem;padding:.875rem 1rem;display:flex}.pin-status--active{background:#10b9810a;border-color:#10b98126}.pin-status--inactive{background:#f59e0b0a;border-color:#f59e0b26}.pin-status-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:flex}.pin-status-icon--active{color:var(--success);background:#10b9811a}.pin-status-icon--inactive{color:#f59e0b;background:#f59e0b1a}.pin-status-title{font-size:.875rem;font-weight:600}.pin-status--active .pin-status-title{color:var(--success)}.pin-status--inactive .pin-status-title{color:#d97706}.pin-status-meta{color:var(--text-muted);margin-top:.125rem;font-size:.75rem}.pin-setup-row{align-items:center;gap:.5rem;margin-top:.75rem;display:flex}.pin-input{border-radius:var(--radius-lg);background:var(--bg-secondary);border:1px solid var(--border-subtle);width:8.5rem;font-size:.875rem;font-family:var(--font-mono);text-align:center;letter-spacing:.25em;color:var(--text-primary);padding:.5rem .75rem;transition:border-color .2s,box-shadow .2s}.pin-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #6366f11a}.pin-input::placeholder{letter-spacing:.05em;color:var(--text-muted)}.pin-message{border-radius:var(--radius-md);margin-top:.75rem;padding:.5rem .75rem;font-size:.8125rem}.pin-message--success{color:var(--success);background:#10b9810f;border:1px solid #10b98126}.pin-message--error{color:var(--error);background:#ef44440f;border:1px solid #ef444426}.tabs{border:1px solid var(--border-subtle);border-radius:var(--radius-md);scrollbar-width:none;background:#0b112099;gap:2px;margin-bottom:1.5rem;padding:4px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab-btn{font-size:.8125rem;font-weight:500;font-family:var(--font-sans);color:var(--text-muted);border-radius:calc(var(--radius-md) - 2px);cursor:pointer;transition:all var(--duration-fast) var(--ease);white-space:nowrap;background:0 0;border:1px solid #0000;outline:none;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.5625rem 1rem;display:flex}.tab-btn:hover:not(.tab-btn--active){color:var(--text-secondary);background:var(--bg-hover)}.tab-btn--active{color:var(--accent);background:var(--accent-subtle);border-color:#6366f133;box-shadow:0 1px 3px #0003}.tab-btn svg{opacity:.7;flex-shrink:0;width:16px;height:16px}.tab-btn--active svg{opacity:1}.tab-badge{border-radius:var(--radius-full);background:var(--bg-tertiary);min-width:18px;height:18px;color:var(--text-muted);justify-content:center;align-items:center;padding:0 4px;font-size:.625rem;font-weight:600;display:flex}.tab-btn--active .tab-badge{color:var(--accent);background:#6366f133}.tab-panel{animation:tabFadeIn var(--duration-normal) var(--ease)}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.billing-card-inline{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);transition:border-color var(--duration-fast) var(--ease);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem;display:flex}.billing-card-inline:hover{border-color:var(--border-default)}.billing-card-inline+.billing-card-inline{margin-top:.5rem}.profile-read{flex-direction:column;gap:1.5rem;display:flex}.profile-read__header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.profile-read__header .card-title{margin-bottom:0}.profile-section{flex-direction:column;gap:.625rem;display:flex}.profile-section__title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);padding-bottom:.375rem;font-size:.6875rem;font-weight:600}.info-grid{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1rem;display:grid}.info-grid__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:.6875rem}.info-grid__value{color:var(--text-primary);font-size:.875rem;line-height:1.4}.info-grid__value--mono{letter-spacing:.02em;font-family:SF Mono,Cascadia Code,monospace;font-size:.8125rem}.info-grid__value--empty{color:var(--text-muted);font-size:.8125rem;font-style:italic}.profile-description{background:var(--bg-secondary);border-left:3px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-secondary);white-space:pre-wrap;padding:.875rem 1rem;font-size:.875rem;line-height:1.6}.social-link{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);transition:all var(--duration-fast) var(--ease);align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;text-decoration:none;display:inline-flex}.social-link:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-subtle)}.social-link svg{flex-shrink:0;width:14px;height:14px}.profile-tags{flex-wrap:wrap;gap:.375rem;display:flex}.profile-tag{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);white-space:nowrap;align-items:center;gap:.25rem;padding:.25rem .625rem;font-size:.75rem;display:inline-flex}.profile-tag--accent{background:var(--accent-subtle);color:var(--accent);border-color:#6366f133}.profile-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);transition:border-color var(--duration-fast) var(--ease);padding:.875rem 1rem}.profile-card+.profile-card{margin-top:.5rem}.profile-card:hover{border-color:var(--border-default)}.profile-card__title{color:var(--text-primary);margin-bottom:.25rem;font-size:.875rem;font-weight:600}.profile-card__meta{color:var(--text-muted);font-size:.75rem;line-height:1.5}.profile-card__badge{border-radius:var(--radius-full);align-items:center;gap:.25rem;margin-top:.375rem;padding:.125rem .5rem;font-size:.6875rem;font-weight:500;display:inline-flex}.profile-card__badge--valid{color:#10b981;background:#10b9811a}.profile-card__badge--warning{color:#f59e0b;background:#f59e0b1a}.profile-card__badge--expired{color:#ef4444;background:#ef44441a}.profile-card__badge--unlimited{color:var(--accent);background:#6366f11a}.profile-status{color:var(--text-secondary);align-items:center;gap:.375rem;font-size:.8125rem;display:inline-flex}.profile-status__dot--on{background:#10b981;box-shadow:0 0 6px #10b98166}.profile-empty{text-align:center;color:var(--text-muted);padding:1.5rem 1rem;font-size:.8125rem;font-style:italic}.edit-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.edit-header .card-title{margin-bottom:0}.edit-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.service-area-header{border-radius:var(--radius-sm);align-items:center;gap:.375rem;margin-bottom:.375rem;padding:.375rem .625rem;font-size:.75rem;font-weight:600;display:flex}.service-area-header--emerald{color:#10b981;background:#10b98114;border-left:3px solid #10b981}.service-area-header--amber{color:#f59e0b;background:#f59e0b14;border-left:3px solid #f59e0b}.service-area-header--sky{color:#0ea5e9;background:#0ea5e914;border-left:3px solid #0ea5e9}.service-area-header--violet{color:#8b5cf6;background:#8b5cf614;border-left:3px solid #8b5cf6}.service-area-header--cyan{color:#06b6d4;background:#06b6d414;border-left:3px solid #06b6d4}.service-tag--emerald{color:#10b981;background:#10b9811a;border-color:#10b98133}.service-tag--amber{color:#f59e0b;background:#f59e0b1a;border-color:#f59e0b33}.service-tag--sky{color:#0ea5e9;background:#0ea5e91a;border-color:#0ea5e933}.service-tag--violet{color:#8b5cf6;background:#8b5cf61a;border-color:#8b5cf633}.service-tag--cyan{color:#06b6d4;background:#06b6d41a;border-color:#06b6d433}.btn-select-all{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;margin-left:auto;padding:.125rem .5rem;font-size:.625rem;transition:all .2s}.btn-select-all:hover{color:var(--accent);border-color:var(--accent)}.tab-btn-label-short{display:none}.tab-btn-label{display:inline}.social-links{flex-wrap:wrap;gap:.5rem;display:flex}.social-link{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--accent);align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;text-decoration:none;transition:all .2s;display:inline-flex}.social-link svg{width:1rem;height:1rem}.social-link:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.profile-description{color:var(--text-secondary);white-space:pre-wrap;font-size:.875rem;line-height:1.65}.profile-status{color:var(--text-secondary);border-top:1px solid var(--border-subtle);align-items:center;gap:.5rem;margin-top:1rem;padding-top:.75rem;font-size:.8125rem;display:flex}.profile-status__dot{border-radius:50%;width:.5rem;height:.5rem}.profile-status__dot--on{background:#22c55e}.profile-status__dot--off{background:var(--text-muted)}.profile-empty{text-align:center;color:var(--text-muted);padding:1.5rem 1rem;font-size:.8125rem}.section-subtitle{color:var(--text-primary);margin-bottom:.75rem;font-size:.875rem;font-weight:600}.image-upload-group{flex-direction:column;display:flex}.image-upload-preview{border:2px dashed var(--border-subtle);border-radius:var(--radius);background:var(--bg-secondary);justify-content:center;align-items:center;transition:border-color .2s;display:flex;overflow:hidden}.image-upload-preview:hover{border-color:var(--accent)}.image-upload-preview--square{width:120px;height:120px}.image-upload-preview--banner{width:100%;max-width:360px;height:120px}.image-upload-preview img{object-fit:cover;width:100%;height:100%}.image-upload-placeholder{color:var(--text-muted);flex-direction:column;align-items:center;gap:.25rem;font-size:.6875rem;display:flex}.image-upload-placeholder svg{opacity:.4}.company-cover-display{border-radius:var(--radius);width:100%;max-height:200px;margin-bottom:1rem;overflow:hidden}.company-cover-display img{object-fit:cover;width:100%;height:100%}.company-logo-display{border-radius:var(--radius);border:2px solid var(--border-subtle);z-index:1;background:var(--bg-primary);width:80px;height:80px;margin-top:-2.5rem;margin-bottom:1rem;position:relative;overflow:hidden}.company-logo-display img{object-fit:cover;width:100%;height:100%}.btn-danger{color:#ef4444;border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #ef44444d;padding:.25rem .625rem;font-size:.75rem;font-weight:500;transition:all .2s}.btn-danger:hover{background:#ef44441a;border-color:#ef4444}.company-hero{border-radius:var(--radius-lg);margin-bottom:2.5rem;position:relative;overflow:visible}.company-hero-cover{border-radius:var(--radius-lg);background:linear-gradient(135deg,#6366f11f 0%,#06b6d414 100%);width:100%;height:200px;position:relative;overflow:hidden}.company-hero-cover img{object-fit:cover;width:100%;height:100%}.company-hero-cover-placeholder{width:100%;height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.company-hero-cover-placeholder svg{opacity:.3}.company-hero-cover-actions{opacity:0;gap:.375rem;transition:opacity .2s;display:flex;position:absolute;top:.75rem;right:.75rem}.company-hero:hover .company-hero-cover-actions{opacity:1}.company-hero-cover-actions .hero-action-btn{border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#0000008c;border:1px solid #ffffff26;justify-content:center;align-items:center;width:2rem;height:2rem;transition:all .2s;display:flex}.company-hero-cover-actions .hero-action-btn:hover{background:#6366f1cc}.company-hero-cover-actions .hero-action-btn svg{width:14px;height:14px}.company-hero-logo{border:3px solid var(--bg-primary);background:var(--bg-secondary);z-index:2;border-radius:1rem;width:5rem;height:5rem;position:absolute;bottom:-2rem;left:1.5rem;overflow:hidden;box-shadow:0 4px 12px #0000004d}.company-hero-logo img{object-fit:cover;width:100%;height:100%}.company-hero-logo-placeholder{width:100%;height:100%;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.company-hero-logo-placeholder svg{opacity:.4;width:24px;height:24px}.company-hero-logo-action{z-index:2;position:absolute;bottom:-2rem;left:7rem}.info-blocks{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.info-block{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-left:3px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:1rem 1.125rem;transition:all .2s}.info-block:hover{border-color:var(--border-default);border-left-color:var(--accent);box-shadow:0 2px 8px #0000001a}.info-block--full{grid-column:1/-1}.info-block__header{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.info-block__icon{border-radius:var(--radius-sm);background:var(--accent-subtle);flex-shrink:0;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;display:flex}.info-block__icon svg{width:14px;height:14px;color:var(--accent)}.info-block__title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.6875rem;font-weight:600}.info-block__content{color:var(--text-primary);font-size:.875rem;line-height:1.5}.info-block__content a{color:var(--accent);text-decoration:none}.info-block__content a:hover{text-decoration:underline}.info-block__content--mono{letter-spacing:.02em;font-family:SF Mono,Cascadia Code,monospace;font-size:.8125rem}.info-block__row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.info-block__row-item{color:var(--text-secondary);align-items:center;gap:.375rem;font-size:.8125rem;display:flex}.info-block__row-item svg{width:14px;height:14px;color:var(--text-muted);flex-shrink:0}.public-toggle-wrapper{align-items:center;gap:.625rem;display:flex}.public-toggle-label{color:var(--text-muted);white-space:nowrap;font-size:.75rem}.public-toggle-status{border-radius:var(--radius-full);letter-spacing:.02em;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.6875rem;font-weight:600;transition:all .3s;display:inline-flex}.public-toggle-status--on{color:#10b981;background:#10b9811a;border:1px solid #10b98140}.public-toggle-status--off{background:var(--bg-tertiary);color:var(--text-muted);border:1px solid var(--border-subtle)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;padding:1rem;animation:.2s modalOverlayIn;display:flex;position:fixed;inset:0}@keyframes modalOverlayIn{0%{opacity:0}to{opacity:1}}.modal-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:100%;max-width:440px;padding:1.75rem;animation:.25s modalCardIn;box-shadow:0 24px 48px #0006}@keyframes modalCardIn{0%{opacity:0;transform:scale(.95)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:3rem;height:3rem;margin-bottom:1rem;display:flex}.modal-icon--warning{color:#f59e0b;background:#f59e0b1f}.modal-icon--warning svg{width:24px;height:24px}.modal-title{color:var(--text-primary);font-size:1.125rem;font-weight:700;font-family:var(--font-heading);margin-bottom:.5rem}.modal-body{color:var(--text-secondary);margin-bottom:1.25rem;font-size:.875rem;line-height:1.6}.modal-body ul{margin:.5rem 0;padding-left:1.25rem}.modal-body li{color:var(--text-muted);margin-bottom:.25rem;font-size:.8125rem}.modal-body li::marker{color:#f59e0b}.modal-actions{justify-content:flex-end;gap:.5rem;display:flex}.accordion-section{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);margin-bottom:.5rem;transition:border-color .2s;overflow:hidden}.accordion-section:hover{border-color:var(--border-default)}.accordion-header{cursor:pointer;text-align:left;width:100%;font-family:var(--font-sans);color:var(--text-primary);background:0 0;border:none;align-items:center;gap:.5rem;padding:.625rem .875rem;font-size:.8125rem;font-weight:600;transition:background .2s;display:flex}.accordion-header:hover{background:var(--bg-hover)}.accordion-header-icon{font-size:1rem;line-height:1}.accordion-header-chevron{width:16px;height:16px;color:var(--text-muted);flex-shrink:0;margin-left:auto;transition:transform .25s}.accordion-section--open .accordion-header-chevron{transform:rotate(180deg)}.accordion-header-count{color:var(--text-muted);opacity:.8;font-size:.625rem;font-weight:400}.accordion-body{grid-template-rows:0fr;transition:grid-template-rows .25s;display:grid}.accordion-section--open .accordion-body{grid-template-rows:1fr}.accordion-body-inner{padding:0 .875rem;overflow:hidden}.accordion-section--open .accordion-body-inner{padding:0 .875rem .75rem}@media (max-width:768px){.mobile-header{display:flex}.toast-container{left:1rem;right:1rem}.toast{min-width:auto;max-width:none}.tabs{-webkit-overflow-scrolling:touch;gap:0;overflow-x:auto}.tab-btn{white-space:nowrap;padding:.5rem .625rem;font-size:.75rem}.tab-btn-label{display:none}.tab-btn-label-short{display:inline}.info-grid{grid-template-columns:1fr 1fr}.profile-read__header{flex-direction:column}.edit-header{flex-direction:column;align-items:flex-start}.service-area-header{font-size:.6875rem}.image-upload-preview--square{width:80px;height:80px}.image-upload-preview--banner{max-width:100%;height:80px}.info-blocks{grid-template-columns:1fr}.company-hero-cover{height:140px}.company-hero-logo{width:3.5rem;height:3.5rem;bottom:-1.5rem;left:1rem}.company-hero{margin-bottom:2rem}.company-hero-cover-actions{opacity:1}.company-hero-logo-action{bottom:-1.5rem;left:5rem}.company-header-row{flex-direction:column;align-items:flex-start!important;gap:.75rem!important}.public-toggle-wrapper{align-self:flex-start}}.social-login-buttons{flex-direction:column;gap:.5rem;margin-bottom:.25rem;display:flex}.social-btn{width:100%;height:44px;font-size:.875rem;font-weight:500;font-family:var(--font-sans);letter-spacing:.01em;border-radius:var(--radius-sm);cursor:pointer;border:1px solid #ffffff1a;outline:none;justify-content:center;align-items:center;gap:.625rem;padding:0 1.25rem;text-decoration:none;transition:all .2s;display:flex;position:relative;overflow:hidden}.social-btn:hover:not(:disabled){transform:translateY(-1px)}.social-btn:active:not(:disabled){transform:translateY(0)}.social-btn:disabled{opacity:.5;cursor:not-allowed}.social-btn svg,.social-btn img{flex-shrink:0;width:20px;height:20px}.social-btn-text{text-align:center;flex:1}.social-btn-google{color:#e8eaed;background:#ffffff14;border-color:#ffffff26}.social-btn-google:hover:not(:disabled){color:#fff;background:#ffffff24;border-color:#4285f480;box-shadow:0 4px 16px #4285f426}.social-btn-facebook{color:#8bb8f5;background:#1877f226;border-color:#1877f24d}.social-btn-facebook:hover:not(:disabled){color:#fff;background:#1877f240;border-color:#1877f280;box-shadow:0 4px 16px #1877f233}.social-btn-facebook svg{filter:drop-shadow(0 0 2px #1877f24d)}.social-btn-linkedin{color:#7bbef5;background:#0a66c226;border-color:#0a66c24d}.social-btn-linkedin:hover:not(:disabled){color:#fff;background:#0a66c240;border-color:#0a66c280;box-shadow:0 4px 16px #0a66c233}.social-btn-linkedin svg{filter:drop-shadow(0 0 2px #0a66c24d)}.social-btn-apple{color:#e8eaed;background:#ffffff14;border-color:#ffffff26}.social-btn-apple:hover:not(:disabled){color:#fff;background:#ffffff24;border-color:#ffffff4d;box-shadow:0 4px 16px #ffffff14}.social-divider{color:var(--text-muted);align-items:center;gap:.75rem;margin:1rem 0;font-size:.75rem;font-weight:500;display:flex}.social-divider:before,.social-divider:after{content:"";background:var(--border-subtle);flex:1;height:1px}.social-account-item{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);transition:border-color var(--duration-fast) var(--ease);align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.social-account-item:hover{border-color:var(--border-default)}.social-account-item+.social-account-item{margin-top:.5rem}.social-account-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.social-account-icon svg{width:20px;height:20px}.social-account-icon-google{background:#4285f41a}.social-account-icon-facebook{background:#1877f21a}.social-account-icon-linkedin{background:#0a66c21a}.social-account-icon-apple{background:#ffffff0f}.social-account-info{flex:1;min-width:0}.social-account-name{color:var(--text-primary);font-size:.8125rem;font-weight:500}.social-account-detail{color:var(--text-muted);font-size:.6875rem}.provider-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:border-color var(--duration-normal) var(--ease);background:linear-gradient(165deg,#111827cc,#0b112099);padding:1.25rem}.provider-card:hover{border-color:var(--border-default)}.provider-card+.provider-card{margin-top:.75rem}.provider-card-header{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.provider-card-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.provider-card-icon svg{width:22px;height:22px}.provider-card-title{flex:1}.provider-card-name{font-family:var(--font-heading);color:var(--text-primary);font-size:.9375rem;font-weight:600}.provider-card-status{border-radius:var(--radius-full);align-items:center;gap:.375rem;padding:.125rem .5rem;font-size:.6875rem;font-weight:500;display:inline-flex}.provider-card-status.active{background:var(--success-bg);color:var(--success)}.provider-card-status.inactive{color:var(--text-muted);background:#64748b1a}.provider-card-field{margin-bottom:.75rem}.provider-card-field-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:.6875rem;font-weight:500}.provider-card-field-value{color:var(--text-secondary);word-break:break-all;font-family:SF Mono,Consolas,monospace;font-size:.8125rem}.provider-redirect-uri{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--accent);align-items:center;gap:.5rem;padding:.5rem .75rem;font-family:SF Mono,Consolas,monospace;font-size:.75rem;display:flex}.provider-redirect-uri button{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:.25rem;transition:color .15s}.provider-redirect-uri button:hover{color:var(--text-primary)}