:root{--primary-950:#3f110b;--primary-dark:#752819;--primary-800:#912e1b;--primary-700:#b63718;--primary-600:#db4b1b;--primary-color:#e96021;--primary-400:#ee8349;--primary-300:#f4af7d;--primary-accent:#f8d0b0;--primary-100:#fcead8;--primary-50:#fef5ee;--background-color:#f8f7f3;--gradient-primary:#e96021;--success-color:#28a745;--success-bg:#d4edda;--success-text:#155724;--error-color:#dc3545;--error-bg:#f8d7da;--error-text:#721c24;--warning-color:#ffc107;--warning-bg:#fff3cd;--warning-text:#856404;--info-color:#17a2b8;--info-bg:#d1ecf1;--info-text:#0c5460;--white:#fff;--black:#000;--gray-100:#f8f9fa;--gray-200:#eee;--gray-300:#ddd;--gray-400:#bbb;--gray-500:#999;--gray-600:#666;--gray-700:#555;--gray-800:#333;--gray-900:#2c3e50;--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-dark:#2c3e50;--text-primary:#333;--text-secondary:#666;--text-muted:#999;--text-light:#bbb;--font-family-primary:"Open Sauce Sans",Arial,sans-serif;--font-size-xs:0.8rem;--font-size-small:0.9rem;--font-size-base:1.1rem;--font-size-medium:1.2rem;--font-size-medium-large:1.7rem;--font-size-large:3rem;--font-size-xl:4rem;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.2;--leading-normal:1.5;--leading-relaxed:1.6;--leading-loose:1.8;--letter-spacing-tight:-0.02em;--letter-spacing-normal:0;--letter-spacing-wide:0.05em;--content-max-width:1250px;--spacing-xs:7px;--spacing-sm:10px;--spacing-md:15px;--spacing-lg:20px;--spacing-xl:30px;--spacing-2xl:40px;--spacing-3xl:60px;--spacing-4xl:80px;--spacing-5xl:100px;--radius-sm:5px;--radius-md:8px;--radius-md-lg:12px;--radius-lg:20px;--radius-xl:15px;--radius-full:9999px;--border-width:1px;--border-color:var(--gray-200);--shadow-sm:0 2px 4px #0000001a;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 4px 20px #00000026;--shadow-xl:0 10px 40px #0003;--transition-fast:0.2s ease;--transition-base:0.3s ease;--transition-slow:0.5s ease;--z-base:1;--z-dropdown:1000;--z-sticky:1000;--z-fixed:1100;--z-modal-backdrop:1500;--z-modal:2000;--z-tooltip:3000}*{font-family:Open Sauce Sans,Arial,sans-serif;font-family:var(--font-family-primary);letter-spacing:-.02em;letter-spacing:var(--letter-spacing-tight)}.btn{border:none;border-radius:9999px;border-radius:var(--radius-full);cursor:pointer;display:inline-block;font-size:var(--text-base);font-weight:500;font-weight:var(--font-medium);padding:10px 30px;padding:var(--spacing-sm) var(--spacing-xl);text-decoration:none;transition:transform .3s ease;transition:transform var(--transition-base)}.btn:hover{transform:scale(1.05)}.btn-primary{background:#e96021;background:var(--gradient-primary);color:#fff}.btn-secondary{background:#f8f9fa;background:var(--gray-100);color:#333}.btn-outline{background:#0000;border:1px solid #e96021;border:var(--border-width) solid var(--primary-color);color:#e96021;color:var(--primary-color)}.btn-success{background:#28a745;background:var(--success-color);color:#fff;color:var(--white)}.btn-danger{background:#dc3545;background:var(--error-color);color:#fff}.btn-sm{font-size:var(--text-sm);padding:8px 20px}.btn-lg{font-size:var(--text-xl);padding:15px 40px}.card{background:#fff;background:var(--white);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);padding:30px;padding:var(--spacing-xl);transition:transform .3s ease;transition:transform var(--transition-base)}.card:hover{box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-5px)}.container{max-width:1400px}.container,.container-sm{margin:0 auto;padding:0 20px;padding:0 var(--spacing-lg)}.container-sm{max-width:800px}.grid{grid-gap:30px;grid-gap:var(--spacing-xl);display:grid;gap:30px;gap:var(--spacing-xl)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.flex{display:flex}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.text-center{text-align:center}.text-gradient{-webkit-text-fill-color:#0000;background:#e96021;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}.text-muted{color:#999;color:var(--text-muted)}.mt-1{margin-top:10px;margin-top:var(--spacing-sm)}.mt-2{margin-top:15px;margin-top:var(--spacing-md)}.mt-3{margin-top:20px;margin-top:var(--spacing-lg)}.mt-4{margin-top:30px;margin-top:var(--spacing-xl)}.mt-5{margin-top:40px;margin-top:var(--spacing-2xl)}.mb-1{margin-bottom:10px;margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:15px;margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:20px;margin-bottom:var(--spacing-lg)}.mb-4{margin-bottom:30px;margin-bottom:var(--spacing-xl)}.mb-5{margin-bottom:40px;margin-bottom:var(--spacing-2xl)}.p-1{padding:10px;padding:var(--spacing-sm)}.p-2{padding:15px;padding:var(--spacing-md)}.p-3{padding:20px;padding:var(--spacing-lg)}.p-4{padding:30px;padding:var(--spacing-xl)}.p-5{padding:40px;padding:var(--spacing-2xl)}body{margin:0}html{font-size:100%}*{box-sizing:border-box;margin:0;padding:0}.App{display:flex;flex-direction:column;min-height:100vh}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--font-family-primary)}code{font-family:var(--font-family-code)}@font-face{font-display:swap;font-family:Open Sauce Sans;font-style:normal;font-weight:300;src:url(/static/media/open-sauce-sans-latin-300-normal.42dd4ada5ca5ec593ba8.woff2) format("woff2"),url(/static/media/open-sauce-sans-latin-300-normal.8b259107b89cf5f78b2c.woff) format("woff")}@font-face{font-display:swap;font-family:Open Sauce Sans;font-style:normal;font-weight:400;src:url(/static/media/open-sauce-sans-latin-400-normal.8db7ea153891bb01c91d.woff2) format("woff2"),url(/static/media/open-sauce-sans-latin-400-normal.9713e6558e3d242179eb.woff) format("woff")}@font-face{font-display:swap;font-family:Open Sauce Sans;font-style:normal;font-weight:500;src:url(/static/media/open-sauce-sans-latin-500-normal.e0272e4ec5893e878d84.woff2) format("woff2"),url(/static/media/open-sauce-sans-latin-500-normal.69ea533db6b1a4a1a2f2.woff) format("woff")}@font-face{font-display:swap;font-family:Open Sauce Sans;font-style:normal;font-weight:600;src:url(/static/media/open-sauce-sans-latin-600-normal.37ec3d3497b0a9170afd.woff2) format("woff2"),url(/static/media/open-sauce-sans-latin-600-normal.2972d7686cac66dcc6c9.woff) format("woff")}@font-face{font-display:swap;font-family:Open Sauce Sans;font-style:normal;font-weight:700;src:url(/static/media/open-sauce-sans-latin-700-normal.f782438c5da6f3c14bf6.woff2) format("woff2"),url(/static/media/open-sauce-sans-latin-700-normal.216dfc8ef3b78f5bda3d.woff) format("woff")}.button{align-items:center;border:none;border-radius:var(--radius-full);cursor:pointer;display:inline-flex;font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-normal);gap:var(--spacing-sm);justify-content:center;padding:10px 18px;text-decoration:none;transition:all var(--transition-base);-webkit-user-select:none;user-select:none}.button:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-2px)}.button:active:not(:disabled){transform:translateY(0)}.button:disabled{cursor:not-allowed;opacity:.6}.button-primary{background:var(--primary-color);color:var(--white)}.button-saas{background:var(--primary-100);color:var(--primary-950)}.button-secondary{background:var(--gray-100);border:1px solid var(--gray-300);color:var(--text-primary)}.button-secondary:hover:not(:disabled){background:var(--gray-200)}.button-outline{background:#0000;border:2px solid var(--primary-color);color:var(--primary-color)}.button-outline:hover:not(:disabled){background:var(--primary-color);color:var(--white)}.button-success{background:var(--success-color);color:var(--white)}.button-success:hover:not(:disabled){background:#218838}.button-danger{background:var(--error-color);color:var(--white)}.button-danger:hover:not(:disabled){background:#c82333}.button-warning{background:var(--warning-color);color:var(--gray-900)}.button-warning:hover:not(:disabled){background:#e0a800}.button-ghost{background:#0000;border:none;color:var(--primary-color)}.button-ghost:hover:not(:disabled){background:#ff6b351a}.button-link{background:#0000;border:none;box-shadow:none!important;color:var(--primary-color);text-decoration:underline}.button-link:hover:not(:disabled){color:var(--primary-dark);transform:none}.button-dark{background:var(--black);color:var(--white)}.button-dark:hover:not(:disabled){background:var(--gray-800)}.button-light{background:var(--white);box-shadow:0 1px 3px #7575751a;color:var(--black)}.button-light:hover:not(:disabled){background:var(--gray-100)}.big_card{background:var(--white);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:left}.big_card h3{color:var(--text-primary);font-size:var(--font-size-medium);font-weight:var(--font-semibold);margin:0 0 var(--spacing-sm) 0}.big_card p{color:var(--text-secondary);font-size:var(--font-size-small);line-height:var(--leading-relaxed);margin:0}.big_card .benefit-icon{align-items:center;background:#f8f7f3;border-radius:var(--radius-md-lg);color:var(--primary-color);display:inline-flex;height:48px;justify-content:center;margin-bottom:var(--spacing-md);width:48px}.accueil-page{background-color:#f8f7f3;width:100%}.accueil-hero{margin:60px auto 0;max-width:var(--content-max-width);padding:var(--spacing-4xl) var(--spacing-lg) var(--spacing-2xl) var(--spacing-lg);text-align:center}.accueil-hero h1{color:#000;font-size:var(--font-size-xl);font-weight:var(--font-semibold);margin-bottom:var(--spacing-lg)}.accueil-hero h1 .highlight-orange{color:var(--primary-color)}.accueil-hero p{color:var(--text-secondary);font-size:var(--font-size-base);font-weight:var(--font-normal);margin-bottom:var(--spacing-xl)}.accueil-hero-cta{display:flex;gap:var(--spacing-sm);justify-content:center}.accueil-products-section{display:flex;justify-content:center;margin:0 auto;max-width:var(--content-max-width);padding:var(--spacing-3xl) var(--spacing-lg)}.accueil-products-box{background-color:#000;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-2xl);width:100%}.accueil-products-header{text-align:left}.accueil-products-header h3{color:#fff;margin:0 0 var(--spacing-xs) 0}.accueil-products-header h3,.accueil-products-header p{font-size:var(--font-size-large);font-weight:var(--font-semibold)}.accueil-products-header p{color:var(--gray-500);margin:0}.accueil-products-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr)}.product-card{background:var(--white);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-xl);transition:transform .3s ease,box-shadow .3s ease}.product-card:hover{box-shadow:0 12px 24px #00000026;transform:translateY(-4px)}.product-card-visual{align-items:center;display:flex;justify-content:center;min-height:180px}.plugin-demo-card{background:var(--gray-100);border:1px solid var(--gray-200);border-radius:var(--radius-md);max-width:280px;overflow:hidden;width:100%}.demo-header{align-items:center;background:var(--gray-200);border-bottom:1px solid var(--gray-300);display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.demo-dots{display:flex;gap:4px}.demo-dots span{background:var(--gray-400);border-radius:50%;height:8px;width:8px}.demo-dots span:first-child{background:#ff5f56}.demo-dots span:nth-child(2){background:#ffbd2e}.demo-dots span:nth-child(3){background:#27c93f}.demo-url{color:var(--text-secondary);font-size:10px}.demo-content{align-items:center;background:var(--white);display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg)}.demo-job-title{color:var(--text-primary)}.demo-job-title,.fake-apply-btn{font-size:var(--font-size-small);font-weight:var(--font-semibold)}.fake-apply-btn{align-items:center;background:#fff;border:1px solid var(--gray-300);border-radius:var(--radius-md);color:#000;cursor:default;display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md)}.apply-btn-logo{height:16px;object-fit:contain;width:16px}.charlie-demo-visual,.charlie-logo-wrapper{align-items:center;display:flex;justify-content:center}.charlie-logo-wrapper{height:180px;position:relative;width:180px}.charlie-logo-wrapper .charlie-logo{border-radius:12px;height:auto;position:relative;width:60px;z-index:10}.charlie-logo-wrapper .concentric-circle{animation:pulse-circle 3s ease-out infinite;border:2px solid var(--primary-color);border-radius:50%;opacity:.3;position:absolute}.charlie-logo-wrapper .circle-1{animation-delay:0s;height:90px;width:90px}.charlie-logo-wrapper .circle-2{animation-delay:.75s;height:130px;width:130px}.charlie-logo-wrapper .circle-3{animation-delay:1.5s;height:170px;width:170px}.product-card-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.product-card-content h4{color:var(--text-primary);font-size:var(--font-size-medium);font-weight:var(--font-semibold);margin:0}.product-card-content p{color:var(--text-secondary);font-size:var(--font-size-small);line-height:1.5;margin:0}.product-card-content button{align-self:flex-start;margin-top:var(--spacing-sm)}.accueil-problem{margin:0 auto;max-width:var(--content-max-width);padding:var(--spacing-3xl) var(--spacing-lg)}.problem-header{margin-bottom:var(--spacing-2xl);text-align:left}.problem-header h2{color:var(--text-primary);font-size:var(--font-size-large);font-weight:var(--font-semibold);margin:0}.problem-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr)}.problem-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center}.problem-stat{color:var(--primary-color);font-size:var(--font-size-xl);font-weight:var(--font-bold);margin-bottom:var(--spacing-sm)}.problem-card h4{color:var(--text-primary);font-size:var(--font-size-medium);font-weight:var(--font-semibold);margin-bottom:var(--spacing-xs)}.problem-card p{color:var(--text-secondary);font-size:var(--font-size-small);line-height:1.5;margin:0}.accueil-how-section{display:flex;justify-content:center;margin:0 auto;max-width:var(--content-max-width);padding:var(--spacing-3xl) var(--spacing-lg)}.accueil-how-box{background-color:#000;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-2xl);padding:var(--spacing-2xl);width:100%}.accueil-how-header{text-align:left}.accueil-how-header h3{color:#fff;margin:0 0 var(--spacing-xs) 0}.accueil-how-header h3,.accueil-how-header p{font-size:var(--font-size-large);font-weight:var(--font-semibold)}.accueil-how-header p{color:var(--gray-500);margin:0}.how-steps{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(4,1fr)}.how-step{background:#ffffff0d;border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center}.step-number{align-items:center;background:var(--primary-color);border-radius:50%;display:flex;font-weight:var(--font-bold);height:40px;justify-content:center;margin:0 auto var(--spacing-md);width:40px}.how-step h4,.step-number{color:var(--white);font-size:var(--font-size-medium)}.how-step h4{font-weight:var(--font-semibold);margin-bottom:var(--spacing-xs)}.how-step p{color:var(--gray-400);font-size:var(--font-size-small);line-height:1.5;margin:0}.use-cases-section{margin:0 auto;max-width:var(--content-max-width);padding:var(--spacing-4xl) var(--spacing-lg)}.use-cases-scroll{position:relative}.use-cases-sticky{position:-webkit-sticky;position:sticky;top:72px}.use-cases-header{margin-bottom:var(--spacing-3xl);text-align:left}.use-cases-header h2{color:var(--text-primary);font-size:var(--font-size-large);font-weight:var(--font-semibold);margin:0 0 var(--spacing-xs) 0}.use-cases-viewport{overflow:hidden;padding:var(--spacing-sm) 0;position:relative}.use-cases-track{align-items:flex-start;display:flex;gap:var(--spacing-2xl);will-change:transform}.use-case-card{background-color:var(--white);border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex:0 0 auto;flex-direction:column;gap:var(--spacing-lg);max-width:400px;min-width:320px;padding:var(--spacing-xl);position:relative;transition:none}.use-case-icon{align-items:center;display:flex;height:48px;justify-content:flex-start;margin-bottom:var(--spacing-sm);width:auto}.use-case-visual-btn{align-items:center;background:#fff;border:1px solid var(--gray-300);border-radius:var(--radius-md);box-shadow:none;color:#000;display:flex;font-size:var(--font-size-small);font-weight:var(--font-semibold);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);white-space:nowrap}.use-case-visual-btn img{height:16px;object-fit:contain;width:16px}.use-case-visual-charlie{height:48px;object-fit:contain;width:auto}.use-case-content h4{color:var(--text-primary);font-size:var(--font-size-medium);font-weight:var(--font-semibold);margin:0 0 var(--spacing-xs) 0}.use-case-content p{line-height:1.5;margin:0}.use-case-content p,.use-case-long{color:var(--text-secondary);font-size:var(--font-size-small)}.use-case-long{line-height:1.65;margin-top:var(--spacing-sm)}.use-case-stats{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);margin-top:var(--spacing-lg)}.use-case-stat{background:#ff6b000f;border-radius:var(--radius-md);padding:var(--spacing-md)}.use-case-stat .stat-value{color:var(--primary-color);font-size:var(--font-size-medium);font-weight:var(--font-semibold);margin-bottom:2px}.use-case-stat .stat-label{color:var(--text-secondary);font-size:var(--font-size-xs);line-height:1.3}.benefits .benefits-header{margin-bottom:var(--spacing-2xl);text-align:left}.benefits .benefits-header h2{color:var(--text-primary);font-size:var(--font-size-large);font-weight:var(--font-semibold);margin:0}.cta-box{gap:var(--spacing-lg)}.cta-subtitle{color:var(--gray-400);font-size:var(--font-size-base);margin:0}@media (max-width:992px){.accueil-products-grid,.problem-grid{grid-template-columns:1fr}.how-steps{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.accueil-hero{margin-top:40px;padding:var(--spacing-2xl) var(--spacing-md)}.accueil-hero-cta{align-items:center;flex-direction:column}.accueil-how-section,.accueil-problem,.accueil-products-section,.use-cases-section{padding:var(--spacing-2xl) var(--spacing-md)}.use-cases-sticky{position:static;top:auto}.use-cases-viewport{overflow:visible}.use-cases-track{flex-direction:column;transform:none!important}.use-case-card{max-width:none;min-height:0;min-width:0;width:100%}.use-case-stats{grid-template-columns:1fr}.accueil-how-box,.accueil-products-box{padding:var(--spacing-lg)}.how-steps{grid-template-columns:1fr}.benefits{padding:var(--spacing-2xl) var(--spacing-md)}.cta-box-section{padding:0 var(--spacing-md) var(--spacing-3xl) var(--spacing-md)}.cta-box{padding:var(--spacing-2xl) var(--spacing-lg)}.cta-buttons{flex-direction:column;width:100%}.cta-buttons button{width:100%}}.companies-page{width:100%}.hero{color:var(--text-primary);margin:0 auto;max-width:var(--content-max-width);padding:var(--spacing-5xl) var(--spacing-lg);text-align:center}.hero h1{font-size:var(--font-size-large);margin-bottom:var(--spacing-lg)}.hero p{font-size:var(--font-size-medium);margin-bottom:var(--spacing-xl)}.chart-section{margin:0 auto;max-width:var(--content-max-width);padding:var(--spacing-2xl) var(--spacing-lg) var(--spacing-5xl)}.chart-section h2{font-size:28px;font-size:var(--font-size-medium-large,28px);margin-bottom:var(--spacing-md);text-align:center}.chart-subtitle{color:#6e6e78;color:var(--text-secondary,#6e6e78);margin-bottom:var(--spacing-xl);text-align:center}.benefits-section,.product-section{margin:0 auto;max-width:var(--content-max-width);padding:var(--spacing-3xl) var(--spacing-lg)}.benefits-section h2,.product-section h2{font-size:28px;font-size:var(--font-size-medium-large,28px);margin-bottom:var(--spacing-md);text-align:center}.product-section p{color:#444;color:var(--text-secondary,#444);text-align:center}.product-cta{display:flex;justify-content:center;margin-top:var(--spacing-md)}.product-media{border:1px solid #e2e2e8;border:1px solid var(--border-color,#e2e2e8);border-radius:16px;box-shadow:0 12px 30px #0000000f;margin:var(--spacing-lg) auto 0;max-width:1000px;overflow:hidden}.product-media img{display:block;height:auto;width:100%}.product-specs{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr;margin-top:var(--spacing-xl)}@media (min-width:720px){.product-specs{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.product-specs{grid-template-columns:repeat(3,1fr)}}.spec-item{grid-gap:var(--spacing-md);align-items:start;background:#fff;background:var(--surface,#fff);border:1px solid #e2e2e8;border:1px solid var(--border-color,#e2e2e8);border-radius:12px;display:grid;gap:var(--spacing-md);grid-template-columns:44px 1fr;padding:var(--spacing-md)}.spec-icon{align-items:center;background:#f3f4f6;background:var(--gray-100,#f3f4f6);border-radius:10px;box-shadow:inset 0 0 0 1px #e5e7eb;box-shadow:inset 0 0 0 1px var(--gray-200,#e5e7eb);color:#ff6b35;color:var(--primary-color,#ff6b35);display:inline-flex;height:44px;justify-content:center;width:44px}.spec-title{color:#111;color:var(--text-primary,#111);font-weight:600;margin-bottom:4px}.spec-desc{color:#555;color:var(--text-secondary,#555);font-size:14px;line-height:1.45}.benefits-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr;margin-top:var(--spacing-lg)}@media (min-width:720px){.benefits-grid{grid-template-columns:repeat(3,1fr)}}.before-after{margin:0 auto;max-width:var(--content-max-width);padding:var(--spacing-3xl) var(--spacing-lg)}.before-after-header{align-items:center;display:flex;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:var(--spacing-2xl)}.before-after-title{color:var(--text-primary);font-size:var(--font-size-medium-large);font-weight:var(--font-semibold);margin:0;text-align:left}.before-after-action{flex-shrink:0}.before-after h2{color:var(--text-primary);font-size:var(--font-size-large);font-weight:var(--font-bold);margin-bottom:var(--spacing-md);text-align:center}.before-after .section-subtitle{color:var(--text-secondary);font-size:var(--font-size-medium);line-height:var(--leading-relaxed);margin-bottom:var(--spacing-3xl);margin-left:auto;margin-right:auto;max-width:800px;text-align:center}.comparison-panels{grid-gap:var(--spacing-lg);align-items:stretch;display:grid;gap:var(--spacing-lg);grid-template-columns:1fr}@media (min-width:1024px){.comparison-panels{gap:var(--spacing-lg);grid-template-columns:1fr 1fr}}.panel{display:flex;flex-direction:column;position:relative}.panel-header{align-items:center;align-self:center;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);display:inline-flex;font-size:var(--font-size-small);font-weight:var(--font-bold);gap:var(--spacing-sm);justify-content:center;letter-spacing:.05em;margin-bottom:var(--spacing-lg);padding:8px 20px;text-transform:uppercase;z-index:2}.panel-before .panel-header{background-color:var(--error-bg);border:1px solid var(--error-bg);color:var(--error-color)}.panel-after .panel-header{background:var(--gradient-primary);border:none;box-shadow:var(--shadow-md);color:var(--white)}.panel-icon{font-size:1.1em;line-height:1}.panel-body{background:var(--white);border-radius:var(--radius-lg);display:flex;flex:1 1;flex-direction:column;padding:var(--spacing-2xl)}.bullet-list{display:flex;flex-direction:column;gap:var(--spacing-2xl);list-style:none;margin:0;padding:0}.bullet-item{align-items:flex-start;display:flex;gap:var(--spacing-md)}.bullet-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:14px;font-weight:var(--font-bold);height:28px;justify-content:center;margin-top:2px;width:28px}.panel-before .bullet-icon{background-color:var(--error-bg);color:var(--error-color)}.panel-after .bullet-icon{background-color:#dcfce7;background-color:var(--success-bg,#dcfce7);color:#22c55e;color:var(--success-color,#22c55e)}.bullet-text{display:flex;flex-direction:column;gap:4px}.bullet-title{font-size:var(--font-size-medium);font-weight:var(--font-semibold);line-height:1.4;margin:0}.bullet-title,.panel-before .bullet-title{color:var(--gray-800)}.panel-after .bullet-title{color:var(--gray-900)}.bullet-sub{color:var(--text-secondary);font-size:var(--font-size-small);line-height:1.4;margin:0}@media (max-width:768px){.before-after{padding:var(--spacing-2xl) var(--spacing-md)}.panel-body{padding:var(--spacing-xl)}}.ats-page{background-color:#f8f7f3;width:100%}.ats-hero{margin:60px auto 0;max-width:var(--content-max-width);padding:var(--spacing-4xl) var(--spacing-lg) var(--spacing-2xl) var(--spacing-lg);text-align:center}.ats-hero h1{color:#000;font-size:var(--font-size-xl);font-weight:var(--font-semibold);margin-bottom:var(--spacing-lg)}.ats-hero h1 .highlight-orange{color:var(--primary-color)}.ats-hero p{color:var(--text-secondary);font-size:var(--font-size-base);font-weight:var(--font-normal);margin-bottom:var(--spacing-xl)}.ats-hero-cta{display:flex;gap:var(--spacing-sm);justify-content:center}.interview-photo-section{display:flex;justify-content:center;margin:0 auto;max-width:var(--content-max-width);padding:var(--spacing-3xl) var(--spacing-lg)}.interview-photo-box{background-color:#000;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-2xl);width:100%}.interview-photo-header{text-align:left}.interview-photo-header h3{color:#fff;margin:0 0 var(--spacing-xs) 0}.interview-photo-header h3,.interview-photo-header p{font-size:var(--font-size-large);font-weight:var(--font-semibold)}.interview-photo-header p{color:var(--gray-500);margin:0}.interview-photo-images{align-items:stretch;display:flex;flex-direction:row;gap:var(--spacing-lg);height:clamp(18rem,55vh,32rem);justify-content:center}.interview-photo-image{background:var(--white);border-radius:var(--radius-lg);flex:1 1;min-width:0;overflow:hidden}.interview-photo-images.dynamic-layout{justify-content:space-between}.interview-photo-images.dynamic-layout .interview-photo-image{flex:0 0 auto;height:100%}.interview-photo-image img{display:block;height:100%;object-fit:contain;object-position:center;width:100%}@media (max-width:48em){.interview-photo-images{flex-direction:column;gap:var(--spacing-md);height:auto;justify-content:flex-start}.interview-photo-image{align-items:center;display:flex;flex:0 0 auto;height:auto;justify-content:center;max-height:none;width:100%}.interview-photo-image img{height:auto;max-height:none;object-fit:contain;object-position:center;width:100%}}.section-arrow{align-items:center;display:flex;justify-content:center;padding:var(--spacing-3xl) 0}.interview-photo-box .api-integration-header{margin-bottom:var(--spacing-lg);margin-top:0;text-align:left}.interview-photo-box .api-integration-header h2{color:#fff;font-size:var(--font-size-large);font-weight:var(--font-semibold);margin:0 0 var(--spacing-xs) 0}.interview-photo-box .api-integration-header p{color:var(--gray-500);font-size:var(--font-size-large);font-weight:var(--font-semibold);margin:0}.interview-photo-box .api-integration-cards{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr)}.api-integration-section{margin:0 auto;max-width:var(--content-max-width);padding:var(--spacing-4xl) var(--spacing-lg)}.api-integration-header{margin-bottom:var(--spacing-3xl);text-align:center}.api-integration-header h2{margin-bottom:var(--spacing-sm)}.api-integration-header h2,.api-integration-header p{font-size:var(--font-size-large);font-weight:var(--font-semibold)}.api-integration-header p{color:var(--text-light)}.api-integration-cards{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(2,1fr)}.api-card{background:var(--white);border:var(--border-width) solid var(--gray-200);border-radius:var(--radius-lg);overflow:hidden}.api-card-image{height:220px;overflow:hidden}.api-card-image img{height:100%;object-fit:cover;object-position:top;width:100%}.api-card-content{box-shadow:0 -8px 20px #00000005;padding:var(--spacing-xl);position:relative;z-index:1}.api-card-content h3{font-size:var(--font-size-medium);font-weight:var(--font-semibold);margin-bottom:var(--spacing-sm)}.api-card-content p{color:var(--text-secondary);font-size:var(--font-size-small);margin:0}@media (max-width:768px){.api-integration-cards{grid-template-columns:1fr}}.logo-banner{margin:0 auto;max-width:var(--content-max-width);overflow:hidden;padding:var(--spacing-xl) var(--spacing-lg)}.logo-slider{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 10%,#000 90%,#0000);mask-image:linear-gradient(90deg,#0000 0,#000 10%,#000 90%,#0000);overflow:hidden;width:100%}.logo-track{animation:scroll 25s linear infinite;display:flex;gap:var(--spacing-3xl);width:-webkit-max-content;width:max-content}.logo-track img{filter:grayscale(100%);height:50px;object-fit:contain;opacity:.7;transition:all .3s ease;width:auto}.logo-track img:hover{filter:grayscale(0);opacity:1}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.benefits{margin:0 auto;max-width:var(--content-max-width);padding:var(--spacing-3xl) var(--spacing-lg)}@media (max-width:768px){.benefits,.interview-photo-section{padding:var(--spacing-2xl) var(--spacing-md)}}.benefits-header{margin-bottom:var(--spacing-2xl);text-align:left}.benefits-header h2{color:var(--text-primary);font-size:var(--font-size-large);font-weight:var(--font-semibold);margin:0}.metrics-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.cta-center{text-align:center}.cta-box-section{margin:0 auto;max-width:var(--content-max-width);padding:0 var(--spacing-lg) var(--spacing-4xl) var(--spacing-lg)}.cta-box{align-items:center;background-color:#000;display:flex;flex-direction:column;gap:var(--spacing-xl);justify-content:center;padding:var(--spacing-4xl) var(--spacing-2xl)}.cta-box h3{color:#fff;font-size:var(--font-size-medium-large);font-weight:var(--font-semibold);margin:0}.careers-page{background-color:#f8f7f3;width:100%}.careers-hero-wrapper{min-height:60vh;position:relative;width:100%}.careers-hero{display:flex;flex-direction:column;justify-content:center;margin:60px auto 0;max-width:var(--content-max-width);min-height:60vh;padding:var(--spacing-4xl) var(--spacing-lg) var(--spacing-2xl) var(--spacing-lg);position:relative;text-align:center;z-index:2}.careers-hero h1{color:var(--text-primary);font-family:var(--font-family-primary);font-size:var(--font-size-xl);font-weight:var(--font-semibold);letter-spacing:var(--letter-spacing-tight);margin-bottom:var(--spacing-lg)}.careers-hero .highlight-orange{color:var(--primary-color)}.careers-hero p{color:var(--text-secondary);font-size:var(--font-size-base);font-weight:var(--font-normal);margin:0}.opportunities{margin:0 auto;max-width:var(--content-max-width);padding:var(--spacing-3xl) var(--spacing-lg)}.opportunities h2{color:var(--text-primary);font-size:var(--font-size-large);margin-bottom:var(--spacing-2xl);text-align:center}.opportunities-subtitle{color:var(--text-secondary);font-size:var(--font-size-medium);margin-bottom:var(--spacing-3xl);margin-top:calc(var(--spacing-sm)*-1);text-align:center}.jobs-list{margin:0 auto var(--spacing-3xl);max-width:var(--content-max-width)}.job-row{border-top:1px solid #e6e6e6;border-top:1px solid var(--border-color,#e6e6e6);display:flex;flex-direction:column;gap:var(--spacing-lg);padding:23px 0}.job-row:last-child{border-bottom:1px solid #e6e6e6;border-bottom:1px solid var(--border-color,#e6e6e6)}.job-row-left{display:flex;flex-direction:column;gap:var(--spacing-sm)}.job-row-right,.job-title-line{align-items:center;display:flex}.job-title-line{font-weight:600;gap:var(--spacing-md)}.job-title{color:var(--text-primary);font-size:clamp(18px,2vw,24px);letter-spacing:-.04em;line-height:1.125}.job-type{background:#3377ff24;border-radius:9999px;color:#37f;display:inline-block;font-size:13px;line-height:1;padding:6px 10px}.job-meta{align-items:center;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:clamp(14px,1.6vw,18px);gap:var(--spacing-sm)}.job-meta-item{align-items:center;display:inline-flex;gap:6px}.dot{background:#7a7a7a;background:var(--text-tertiary,#7a7a7a);border-radius:50%;display:inline-block;height:5px;width:5px}.why-join{padding:var(--spacing-3xl) var(--spacing-lg)}.why-join-wrapper{grid-gap:var(--spacing-2xl);align-items:center;display:grid;gap:var(--spacing-2xl);grid-template-columns:1.2fr 1fr;margin:0 auto;max-width:var(--content-max-width)}.why-join-media img{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);height:100%;max-height:400px;object-fit:cover;width:100%}.why-join-content h2{color:var(--text-primary);font-size:var(--font-size-large);margin-bottom:var(--spacing-md)}.why-join-content p{color:var(--text-secondary);font-size:var(--font-size-medium);line-height:var(--leading-relaxed)}@media (max-width:768px){.why-join-wrapper{grid-template-columns:1fr}}@media (min-width:768px){.job-row{align-items:center;flex-direction:row;justify-content:space-between;padding:20px 0}}.auth-container{background-color:#f8f7f3;display:flex;min-height:100vh}.auth-left{padding:2rem}.auth-left,.auth-right{align-items:center;display:flex;flex:1 1;justify-content:center}.auth-right{height:100vh;padding:1rem;position:-webkit-sticky;position:sticky;top:0}.auth-right-image{align-items:center;background:linear-gradient(135deg,#f97316,#ec4899 50%,#8b5cf6);border-radius:16px;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.auth-right-image img{height:100%;object-fit:cover;width:100%}.auth-card{max-width:380px;width:100%}.auth-logo{align-items:center;background:#fff;border-radius:12px;display:flex;height:48px;justify-content:center;margin-bottom:1.5rem;overflow:hidden;width:48px}.auth-logo img{height:100%;object-fit:cover;width:100%}.auth-title{color:#1a1a1a;font-size:1.875rem;font-weight:700;margin-bottom:2rem}.auth-social-buttons{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.auth-divider{align-items:center;color:#666;display:flex;font-size:.875rem;margin:1.5rem 0}.auth-divider:after,.auth-divider:before{background:#e5e5e5;content:"";flex:1 1;height:1px}.auth-divider:before{margin-right:1rem}.auth-divider:after{margin-left:1rem}.auth-form{flex-direction:column}.auth-form,.auth-row{display:flex;gap:1rem}.auth-terms{align-items:flex-start;color:#666;display:flex;font-size:.8rem;gap:.5rem;line-height:1.4;margin-top:.5rem}.auth-terms input[type=checkbox]{margin-top:.1rem}.auth-terms a{color:var(--primary-color);text-decoration:underline}.auth-footer{color:#666;font-size:.9rem;margin-top:1.5rem;text-align:center}.auth-footer button{background:none;border:none;color:#1a1a1a;cursor:pointer;font-weight:600;text-decoration:underline}.auth-footer button:hover{color:#333}.auth-alert{border-radius:8px;font-size:.9rem;margin-bottom:1rem;padding:.875rem}.auth-alert-error{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}@media (max-width:968px){.auth-container{flex-direction:column}.auth-right{display:none}.auth-left{flex:1 1}}@media (max-width:640px){.auth-card{max-width:100%}.auth-title{font-size:1.5rem}.auth-row{flex-direction:column}}.button-squared{align-items:center;background:var(--gradient-primary);border:none;border-radius:var(--radius-sm);color:var(--white);cursor:pointer;display:inline-flex;gap:8px;justify-content:center;padding:var(--spacing-xs) var(--spacing-sm);position:relative;transition:filter var(--transition-fast);width:auto}.button-squared:active,.button-squared:hover{filter:brightness(.95)}.button-squared:disabled{cursor:not-allowed;filter:none;opacity:.6}.button-squared-logo{align-items:center;color:inherit;display:flex;flex-shrink:0;height:18px;justify-content:center;object-fit:contain;width:18px}.button-squared-text{color:inherit;font-size:var(--font-size-small);font-weight:var(--font-medium);text-align:center;white-space:nowrap}.textfield{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-sm)}.textfield-label{color:var(--text-primary);font-size:var(--font-size-small);font-weight:var(--font-semibold)}.textfield-input{background:var(--white);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-size-small);padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast)}.textfield-input[type=file]{padding:var(--spacing-xs)}.textfield-input[type=file]::file-selector-button{-webkit-appearance:none;appearance:none;background:var(--gray-100);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-small);font-weight:var(--font-semibold);margin-right:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast)}.textfield-input[type=file]::file-selector-button:hover{background:var(--gray-200)}.textfield-input[type=file]::-webkit-file-upload-button:active{transform:translateY(1px)}.textfield-input[type=file]::file-selector-button:active{transform:translateY(1px)}.textfield-input[type=file]::-webkit-file-upload-button{-webkit-appearance:none;appearance:none;background:var(--gray-100);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-small);font-weight:var(--font-semibold);margin-right:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);-webkit-transition:all var(--transition-fast);transition:all var(--transition-fast)}.textfield-input[type=file]::-webkit-file-upload-button:hover{background:var(--gray-200)}.textfield-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #ff8f1b1a;outline:none}.textfield-input:disabled{background:var(--gray-100);cursor:not-allowed}.textfield-input-error,.textfield-input-error:focus{border-color:var(--error-color)}.textfield-input-error:focus{box-shadow:0 0 0 3px #dc35451a}.textfield-helper{color:var(--text-secondary);font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.textfield-helper ul{margin:var(--spacing-xs) 0 0 0;padding-left:1.25rem}.textfield-helper li{margin:var(--spacing-xs) 0}.textfield-helper-error{color:var(--error-color)}.back-button{align-items:center;background:#0000;border:none;color:#666;color:var(--text-secondary,#666);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:8px;margin-bottom:1rem;padding:8px 0;transition:color .2s ease,transform .2s ease}.back-button:hover{color:#1a1a1a;color:var(--text-primary,#1a1a1a);transform:translateX(-4px)}.demo-page{background-color:#f8f7f3;min-height:100vh;padding-bottom:var(--spacing-4xl);padding-top:20px}.demo-container{display:flex;flex-direction:column;gap:var(--spacing-3xl);margin:0 auto;max-width:var(--content-max-width);padding:0 var(--spacing-lg);width:100%}.highlight-orange{color:var(--primary-color)}.demo-page-header{padding-top:var(--spacing-xl);position:relative;text-align:center}.demo-back-wrapper{left:0;position:absolute;top:0}.demo-title{color:#000;font-size:var(--font-size-large);font-weight:var(--font-semibold);margin-bottom:var(--spacing-sm)}.demo-toggle-row{display:flex;justify-content:center;margin-top:var(--spacing-lg)}.demo-toggle{align-items:center;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-full);cursor:pointer;display:inline-flex;gap:var(--spacing-sm);padding:10px 14px;-webkit-user-select:none;user-select:none}.demo-toggle__input{accent-color:var(--primary-color);height:16px;width:16px}.demo-toggle__text{color:var(--text-primary);font-size:var(--font-size-small);font-weight:var(--font-semibold)}.demo-choices{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:var(--spacing-md) 0}.demo-card{align-items:flex-start;background:var(--white);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:var(--spacing-2xl);position:relative;text-align:left;transition:transform var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast)}.demo-card-icon{align-items:center;background:#f8f7f3;border-radius:var(--radius-full);color:var(--primary-color);display:flex;height:64px;justify-content:center;margin-bottom:var(--spacing-lg);width:64px}.demo-card-icon svg{display:block;height:28px;width:28px}.demo-card h3{color:var(--text-primary);font-size:var(--font-size-medium-large);font-weight:var(--font-semibold);margin-bottom:var(--spacing-sm)}.demo-card p{color:var(--text-secondary);flex-grow:1;line-height:var(--leading-relaxed);margin-bottom:var(--spacing-xl)}.demo-card-action{align-items:center;background:var(--primary-50);border:1px solid var(--primary-100);border-radius:var(--radius-full);color:var(--primary-color);display:inline-flex;font-size:var(--font-size-medium);font-weight:var(--font-semibold);gap:var(--spacing-xs);padding:10px 14px;transition:gap var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast)}.demo-card:hover .demo-card-action{background:var(--primary-100);border-color:var(--primary-300);gap:var(--spacing-sm)}.demo-offer-section{margin:0 auto;max-width:900px;width:100%}.demo-input-card{background:var(--white);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-2xl)}.demo-input-header h2{color:var(--text-primary);font-size:var(--font-size-medium-large);font-weight:var(--font-semibold);margin-bottom:var(--spacing-xs)}.demo-input-header p{color:var(--text-secondary);line-height:var(--leading-relaxed)}.demo-offer-textarea{background:var(--gray-100);border:1px solid var(--gray-200);border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-size-base);line-height:var(--leading-relaxed);min-height:300px;padding:var(--spacing-lg);resize:vertical;transition:border-color .2s;width:100%}.demo-offer-textarea:focus{background:var(--white);border-color:var(--primary-color);outline:none}.demo-input-footer{border-top:1px solid var(--gray-200);display:flex;justify-content:flex-end;padding-top:var(--spacing-lg)}.demo-submit-btn{font-size:var(--font-size-medium);min-width:200px}@media (max-width:768px){.demo-page-header{padding-top:var(--spacing-3xl)}.demo-back-wrapper{top:-1rem}.demo-title{font-size:var(--font-size-medium-large)}.demo-card{padding:var(--spacing-lg)}.demo-card-action{justify-content:center;width:100%}}.charlie-page{background-color:#f8f7f3;width:100%}.charlie-hero{margin:60px auto 0;max-width:var(--content-max-width);padding:var(--spacing-4xl) var(--spacing-lg) var(--spacing-2xl);text-align:center}.charlie-hero h1{color:#000;font-size:var(--font-size-xl);font-weight:var(--font-semibold);margin-bottom:var(--spacing-lg)}.charlie-hero h1 .highlight-orange{color:var(--primary-color)}.charlie-hero p{color:var(--text-secondary);font-size:var(--font-size-base);font-weight:var(--font-normal);margin-bottom:var(--spacing-xl)}.charlie-hero-cta{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center}.charlie-phone-section{display:flex;justify-content:center;margin:0 auto;max-width:var(--content-max-width);padding:var(--spacing-3xl) var(--spacing-lg)}.charlie-phone-box{background-color:#000;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-2xl);width:100%}.charlie-phone-header{text-align:left}.charlie-phone-header h3{color:#fff;margin:0 0 var(--spacing-xs) 0}.charlie-phone-header h3,.charlie-phone-header p{font-size:var(--font-size-large);font-weight:var(--font-semibold)}.charlie-phone-header p{color:var(--gray-500);margin:0}.charlie-phone-visual{grid-gap:var(--spacing-2xl);align-items:center;display:grid;gap:var(--spacing-2xl);grid-template-columns:1fr 1fr}.charlie-logo-container,.charlie-logo-side{align-items:center;display:flex;justify-content:center}.charlie-logo-container{height:450px;position:relative;width:450px}.charlie-logo{border-radius:20px;height:auto;position:relative;width:100px;z-index:10}.concentric-circle{animation:pulse-circle 3s ease-out infinite;border:2px solid var(--primary-color);border-radius:50%;opacity:.3;position:absolute}.circle-1{animation-delay:0s;height:160px;width:160px}.circle-2{animation-delay:.75s;height:250px;width:250px}.circle-3{animation-delay:1.5s;height:340px;width:340px}.circle-4{animation-delay:2.25s;height:430px;width:430px}@keyframes pulse-circle{0%{opacity:.6;transform:scale(.8)}50%{opacity:.3}to{opacity:0;transform:scale(1.1)}}.person-badge{align-items:center;animation:float-badge 4s ease-in-out infinite;background:#fff;border-radius:30px;box-shadow:0 4px 15px #00000026;color:#000;display:flex;font-size:var(--font-size-small);font-weight:var(--font-medium);gap:6px;padding:8px 14px;position:absolute;z-index:20}.person-badge svg{color:var(--primary-color)}.badge-1{animation-delay:0s;left:50%;top:5%;transform:translateX(-50%)}.badge-2{animation-delay:.8s;right:0;top:30%}.badge-3{animation-delay:1.6s;bottom:30%;right:5%}.badge-4{animation-delay:2.4s;bottom:5%;left:50%;transform:translateX(-50%)}.badge-5{animation-delay:3.2s;left:0;top:50%;transform:translateY(-50%)}@keyframes float-badge{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.badge-1,.badge-4{animation-name:float-badge-x}@keyframes float-badge-x{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-8px)}}.badge-5{animation-name:float-badge-y}@keyframes float-badge-y{0%,to{transform:translateY(-50%)}50%{transform:translateY(calc(-50% - 8px))}}@media (max-width:768px){.charlie-logo-container{height:280px;width:280px}.charlie-logo{width:70px}.circle-1{height:100px;width:100px}.circle-2{height:140px;width:140px}.circle-3{height:180px;width:180px}.circle-4{height:220px;width:220px}.person-badge{display:none}.charlie-phone-visual{grid-template-columns:1fr}.charlie-scoring-side{order:-1}}.charlie-scoring-side{display:flex;flex-direction:column;gap:var(--spacing-md)}.scoring-card{background:#fff;border-radius:12px;padding:var(--spacing-md);transition:transform .3s,box-shadow .3s}.scoring-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-2px)}.scoring-card.pending{opacity:.7}.scoring-header{align-items:center;display:flex;gap:var(--spacing-sm)}.candidate-avatar{align-items:center;background:#f3f4f6;border-radius:10px;color:#000;display:flex;flex-shrink:0;font-size:var(--font-size-small);font-weight:var(--font-semibold);height:40px;justify-content:center;width:40px}.candidate-info{display:flex;flex:1 1;flex-direction:column}.candidate-name{color:#000;font-size:var(--font-size-base);font-weight:var(--font-semibold);line-height:1.2}.candidate-role{color:var(--text-secondary);font-size:var(--font-size-small)}.scoring-badge{align-items:center;border-radius:6px;display:flex;font-size:12px;font-weight:var(--font-medium);gap:4px;padding:4px 10px}.scoring-badge.good{background:#dcfce7;color:#16a34a}.scoring-badge.pending{background:#fef3c7;color:#d97706}.scoring-details{border-top:1px solid #f3f4f6;display:flex;flex-direction:column;gap:6px;margin-top:var(--spacing-sm);padding-top:var(--spacing-sm)}.detail-row{align-items:center;display:flex;justify-content:space-between}.detail-label{color:var(--text-secondary)}.detail-label,.detail-value{font-size:var(--font-size-small)}.detail-value{color:#000;font-weight:var(--font-medium)}.charlie-logo-banner{margin:0 auto;max-width:var(--content-max-width);overflow:hidden;padding:var(--spacing-xl) var(--spacing-lg)}.charlie-logo-banner .logo-slider{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 10%,#000 90%,#0000);mask-image:linear-gradient(90deg,#0000 0,#000 10%,#000 90%,#0000);overflow:hidden;width:100%}.charlie-logo-banner .logo-track{animation:charlie-scroll 25s linear infinite;display:flex;gap:var(--spacing-3xl);width:-webkit-max-content;width:max-content}.charlie-logo-banner .logo-track img{filter:grayscale(100%);height:50px;object-fit:contain;opacity:.7;transition:all .3s ease;width:auto}.charlie-logo-banner .logo-track img:hover{filter:grayscale(0);opacity:1}@keyframes charlie-scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.charlie-features-section{margin:0 auto;max-width:var(--content-max-width);padding:var(--spacing-4xl) var(--spacing-lg)}.charlie-features-section h2{font-size:var(--font-size-large);font-weight:var(--font-semibold);margin-bottom:var(--spacing-sm);text-align:left}.charlie-features-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(1,1fr);margin-top:var(--spacing-xl);text-align:left}@media (min-width:720px){.charlie-features-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.charlie-features-grid{grid-template-columns:repeat(3,1fr)}}.feature-item{grid-gap:var(--spacing-md);align-items:start;background:#fff;border-radius:12px;display:grid;gap:var(--spacing-md);grid-template-columns:48px 1fr;padding:var(--spacing-lg);transition:transform .2s,box-shadow .2s}.feature-icon{align-items:center;background:#f8f7f3;border-radius:12px;color:var(--primary-color);display:flex;height:48px;justify-content:center;width:48px}.feature-text h4{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-semibold);margin:0 0 4px}.feature-text p{color:var(--text-secondary);font-size:var(--font-size-small);line-height:1.5;margin:0}.charlie-cta-section{margin:0 auto;max-width:var(--content-max-width);padding:var(--spacing-3xl) var(--spacing-lg) var(--spacing-5xl)}.cta-box{background:linear-gradient(135deg,#000,#1a1a1a);border-radius:var(--radius-lg);padding:var(--spacing-3xl);text-align:center}.cta-box h2{color:#fff;font-size:var(--font-size-large);font-weight:var(--font-semibold);margin-bottom:var(--spacing-sm)}.cta-box p{color:var(--gray-400);font-size:var(--font-size-base);margin-bottom:var(--spacing-xl)}.cta-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center}@media (max-width:480px){.charlie-hero h1{font-size:var(--font-size-large)}.charlie-hero-cta{align-items:center;flex-direction:column}}.documentation-page{background-color:#f8f7f3;min-height:100vh;padding-bottom:var(--spacing-4xl);padding-top:120px}.doc-container{margin:0 auto;max-width:var(--content-max-width);padding:0 var(--spacing-lg)}.doc-tabs{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-full);display:flex;gap:var(--spacing-xs);justify-content:center;margin-bottom:var(--spacing-2xl);margin-left:auto;margin-right:auto;padding:4px;width:-webkit-fit-content;width:fit-content}.doc-tab{background:#0000;border:none;border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-semibold);padding:12px 24px;transition:all var(--transition-fast)}.doc-tab:hover{color:var(--text-primary)}.doc-tab--active{background:var(--primary-color);color:var(--white)}.doc-tab--active:hover{background:var(--primary-dark);color:var(--white)}.doc-tab-content{animation:fadeIn .3s ease}.doc-section{background:var(--white);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-2xl)}.doc-section.doc-coming-soon{padding:var(--spacing-4xl) var(--spacing-2xl);text-align:center}.coming-soon-icon{font-size:4rem;margin-bottom:var(--spacing-lg)}.doc-coming-soon h2{border-bottom:none;margin-bottom:var(--spacing-md);padding-bottom:0}.doc-coming-soon p{color:var(--text-secondary);margin:0 auto;max-width:400px}.doc-section h2{border-bottom:1px solid var(--gray-200);color:#000;font-size:var(--font-size-medium-large);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm)}.doc-section h2,.doc-section h3{font-weight:var(--font-semibold)}.doc-section h3{color:var(--text-primary);font-size:var(--font-size-medium);margin:var(--spacing-xl) 0 var(--spacing-sm)}.doc-section p{color:var(--text-secondary);font-size:var(--font-size-base);line-height:var(--leading-relaxed);margin-bottom:var(--spacing-md)}.doc-section pre{background:#1e1e1e;border-radius:var(--radius-md);color:#d4d4d4;font-size:.9rem;margin:var(--spacing-lg) 0;overflow-x:auto;padding:var(--spacing-lg)}.doc-section code{font-family:Consolas,Monaco,monospace}.doc-table{border-collapse:collapse;font-size:var(--font-size-base);margin-top:var(--spacing-lg);width:100%}.doc-table td,.doc-table th{border-bottom:1px solid var(--gray-200);color:var(--text-secondary);padding:var(--spacing-md);text-align:left}.doc-table th{background-color:var(--gray-100);color:var(--text-primary);font-weight:var(--font-semibold)}.doc-table tr:last-child td{border-bottom:none}@media (max-width:768px){.doc-section{padding:var(--spacing-lg)}}.code-block-wrapper{margin:var(--spacing-lg) 0;position:relative}.code-block-wrapper pre{margin:0}.copy-button{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.8rem;gap:6px;padding:6px 10px;position:absolute;right:10px;top:10px;transition:all .2s ease;z-index:10}.copy-button:hover{background:#fff3}.copy-button.copied{background:#28a74533;border-color:#28a74580;color:#4cd964}.copy-button svg{height:14px;width:14px}.lang-dropdown{display:inline-flex;position:relative}.lang-dropdown-trigger{align-items:center;background:#0000;border:none;border-radius:6px;color:inherit;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.8rem;font-weight:500;gap:.35rem;opacity:.7;padding:.4rem .6rem;transition:opacity .2s ease,background .2s ease}.lang-dropdown-trigger:hover{background:#0000000d;opacity:1}.lang-dropdown-trigger svg{opacity:.6}.lang-current{font-size:.75rem;letter-spacing:.02em}.lang-chevron{display:flex;transition:transform .2s ease}.lang-chevron.open{transform:rotate(180deg)}.lang-dropdown-menu{animation:langDropdownFadeIn .15s ease;background:#fff;border-radius:8px;box-shadow:0 4px 16px #0000001f,0 1px 3px #00000014;list-style:none;margin:0;min-width:60px;padding:.25rem;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}@keyframes langDropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.lang-dropdown-menu li{margin:0;padding:0}.lang-option{background:#0000;border:none;border-radius:6px;color:inherit;cursor:pointer;display:block;font-family:inherit;font-size:.8rem;font-weight:500;padding:.5rem .75rem;text-align:center;transition:background .15s ease;width:100%}.lang-option:hover{background:#0000000d}.lang-option.active{background:#00000014;color:#007bff;color:var(--color-primary,#007bff)}@media (max-width:48em){.lang-dropdown-menu{left:0;right:auto}.mobile-language-selector{margin-bottom:1rem}.mobile-language-selector .lang-dropdown-trigger{background:#00000008;border-radius:8px;padding:.5rem .75rem}}.header{-webkit-backdrop-filter:none;backdrop-filter:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#0000;left:0;position:fixed;right:0;top:0;transform:translateZ(0);transition:background .3s ease,-webkit-backdrop-filter .3s ease;transition:background .3s ease,backdrop-filter .3s ease;transition:background .3s ease,backdrop-filter .3s ease,-webkit-backdrop-filter .3s ease;will-change:transform;z-index:var(--z-sticky)}.header.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8f7f3d5}.header.transparent .header-links a,.header.transparent .header-login-text{color:var(--text-primary)}.header.transparent .header-links a:hover,.header.transparent .header-login-text:hover{color:var(--primary-color)}.header-container{align-items:center;display:flex;gap:var(--spacing-xl);justify-content:flex-start;margin:0 auto;max-width:var(--content-max-width);padding:var(--spacing-md) var(--spacing-lg)}.logo{text-decoration:none}.logo-img{border-radius:var(--radius-md);display:block;height:30px;width:30px}.header-links{display:flex;gap:var(--spacing-xl);list-style:none;margin:0;padding:0}.header-links a{color:var(--text-primary);font-size:var(--font-size-small);font-weight:var(--font-semibold);text-decoration:none;transition:color var(--transition-base)}.header-links a:hover{color:var(--primary-color)}.header-actions,.header-right{align-items:center;display:flex;gap:var(--spacing-md);margin-left:auto}.user-menu{position:relative}.user-menu-trigger{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--spacing-sm)}.user-avatar{background:var(--bg-secondary);color:var(--text-primary);display:inline-flex;font-weight:var(--font-bold);height:32px;object-fit:cover;width:32px}.user-avatar-fallback{align-items:center;background:var(--white);border:2px solid var(--primary-100);color:var(--primary-dark);display:inline-flex;justify-content:center}.chevron{align-items:center;color:var(--primary-color);display:flex;transition:transform var(--transition-fast)}.chevron.up{transform:rotate(180deg)}.user-dropdown{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-md);min-width:180px;padding:8px;position:absolute;right:0;top:calc(100% + 8px);z-index:var(--z-sticky)}.dropdown-item{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;padding:10px 12px;text-align:left;width:100%}.dropdown-item:hover{background:var(--bg-secondary)}.dropdown-item.logout{color:#e11d48;color:var(--danger-color,#e11d48)}.header-login-text{background:none;border:none;color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-medium);padding:0;transition:color var(--transition-base)}.header-login-text:hover{color:var(--primary-color)}.mobile-menu-btn{background:none;border:none;color:var(--text-primary);cursor:pointer;display:none;margin-left:auto;padding:var(--spacing-sm)}.mobile-drawer-overlay{animation:fadeIn .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:var(--z-modal)}.mobile-drawer{animation:slideInRight .3s ease-out;background:#fff;box-shadow:-2px 0 10px #0000001a;display:flex;flex-direction:column;height:100%;max-width:300px;width:80%}.mobile-drawer-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.mobile-drawer-title{color:var(--primary-color);font-size:var(--font-size-medium);font-weight:var(--font-bold)}.close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs)}.mobile-drawer-content{display:flex;flex-direction:column;gap:var(--spacing-lg);overflow-y:auto;padding:var(--spacing-lg)}.mobile-links{display:flex;flex-direction:column;gap:var(--spacing-md);list-style:none;margin:0;padding:0}.mobile-links a{color:var(--text-primary);display:block;font-size:var(--font-size-medium);font-weight:var(--font-medium);padding:var(--spacing-xs) 0;text-decoration:none}.mobile-divider{background:var(--border-color);height:1px;margin:var(--spacing-sm) 0}.mobile-auth-actions{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md)}.mobile-login-link{background:none;border:none;color:var(--text-primary);cursor:pointer;font-family:inherit;font-weight:var(--font-medium);padding:var(--spacing-sm);text-align:center}.mobile-signup-btn{justify-content:center;width:100%}.mobile-user-menu{display:flex;flex-direction:column;gap:var(--spacing-md)}.mobile-user-info{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:var(--spacing-md);padding-bottom:var(--spacing-md)}.mobile-menu-item{background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:var(--font-size-medium);padding:var(--spacing-sm) 0;text-align:left}.mobile-menu-item.logout{color:var(--error-color)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@media (max-width:768px){.desktop-only{display:none!important}.mobile-menu-btn{display:block}.header-container{padding:var(--spacing-sm) var(--spacing-md)}}.footer{background:#f8f7f3}.footer-content{grid-gap:var(--spacing-2xl);display:grid;gap:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:var(--content-max-width);padding:var(--spacing-3xl) var(--spacing-lg)}.footer-brand{align-items:center;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.footer-logo{border-radius:var(--radius-md);display:block;flex:0 0 auto;height:30px;width:30px}.footer-section h3,.footer-section h4{font-size:var(--font-size-medium);margin-bottom:var(--spacing-md)}.footer-section p{color:var(--text-light);font-size:var(--font-size-small);line-height:var(--leading-relaxed)}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section ul li{margin-bottom:var(--spacing-sm)}.footer-section ul li a{color:var(--text-light);font-size:var(--font-size-small);text-decoration:none;transition:color var(--transition-base)}.footer-section ul li a:hover{color:var(--primary-color)}.social-links{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.social-links a{align-items:center;color:var(--text-light);display:flex;justify-content:center;transition:color var(--transition-base)}.social-links a:hover{color:var(--primary-color)}.social-links svg{height:24px;width:24px}.footer-bottom{padding:var(--spacing-lg);text-align:center}.footer-bottom p{color:var(--text-light);font-size:var(--font-size-small);margin:0}@media (max-width:768px){.footer-content{gap:var(--spacing-xl);grid-template-columns:1fr;padding:var(--spacing-2xl) var(--spacing-lg)}}.privacy-page{background-color:#f8f7f3;min-height:100vh;padding:var(--spacing-3xl) var(--spacing-lg);width:100%}.privacy-container{color:var(--text-primary);margin:0 auto;max-width:800px}.privacy-container h1{font-size:var(--font-size-large);margin-bottom:var(--spacing-sm);text-align:center}.privacy-page .last-update{color:var(--text-secondary);font-size:var(--font-size-small);margin-bottom:var(--spacing-3xl);text-align:center}.privacy-section{margin-bottom:var(--spacing-2xl)}.privacy-section h2{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:var(--font-size-medium);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.privacy-section h3{color:var(--text-primary);font-size:calc(var(--font-size-base)*1.1);margin-bottom:var(--spacing-sm);margin-top:var(--spacing-lg)}.privacy-section p{color:var(--text-secondary);font-size:var(--font-size-base);line-height:1.7;margin-bottom:var(--spacing-md)}.privacy-section ul{list-style:none;margin:var(--spacing-md) 0;padding:0}.privacy-section ul li{color:var(--text-secondary);font-size:var(--font-size-base);line-height:1.7;padding:var(--spacing-xs) 0;padding-left:var(--spacing-lg);position:relative}.privacy-section ul li:before{color:var(--primary-color);content:"•";font-weight:700;left:0;position:absolute}.privacy-section a{color:var(--primary-color);text-decoration:none;transition:opacity .2s ease}.privacy-section a:hover{opacity:.8;text-decoration:underline}.privacy-section strong{color:var(--text-primary);font-weight:600}@media (max-width:768px){.privacy-page{padding:var(--spacing-2xl) var(--spacing-md)}.privacy-container h1{font-size:calc(var(--font-size-large)*.8)}.privacy-section h2{font-size:calc(var(--font-size-medium)*.9)}.privacy-section h3{font-size:var(--font-size-base)}}.dashboard{align-items:flex-start;background-color:#f8f7f3;display:flex;justify-content:center;min-height:100vh;padding-top:80px}.main-content{align-items:center;display:flex;flex:1 1;flex-direction:column;margin-left:0;max-width:var(--content-max-width);padding:var(--spacing-lg);width:100%}.dashboard-header-custom{box-shadow:none}.dashboard-footer{color:var(--text-muted);font-size:var(--font-size-small);margin-top:var(--spacing-2xl);padding-bottom:var(--spacing-lg);text-align:center}.demo-fixed-apply-btn{bottom:2.5rem;box-shadow:var(--shadow-lg);position:fixed;right:2.5rem;z-index:var(--z-fixed)}.demo-fixed-apply-btn:hover{box-shadow:0 8px 24px #00000026}@media (max-width:768px){.demo-fixed-apply-btn{bottom:1.5rem;right:1.5rem}}.dashboard-profile-header{grid-gap:var(--spacing-md);background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);box-shadow:none;display:grid;gap:var(--spacing-md);grid-template-columns:120px 1fr;padding:var(--spacing-md);position:relative;width:100%}.edit-profile-btn{align-items:center;background:var(--primary-100);border:none;border-radius:var(--radius-full);color:var(--primary-dark);cursor:pointer;display:flex;justify-content:center;padding:10px;position:absolute;right:var(--spacing-md);top:var(--spacing-md);transition:background-color var(--transition-fast)}.edit-profile-btn:hover{background:var(--primary-300)}.profile-left{align-items:center;display:flex;justify-content:center}.avatar-container{border-radius:50%;cursor:pointer;height:100px;position:relative;width:100px}.profile-avatar{border-radius:50%;height:100%;object-fit:cover;width:100%}.profile-avatar-fallback{background:var(--white);border:2px solid var(--primary-100);color:var(--primary-dark);font-size:var(--font-size-large);font-weight:var(--font-bold)}.avatar-overlay,.profile-avatar-fallback{align-items:center;border-radius:50%;display:flex;height:100%;justify-content:center;width:100%}.avatar-overlay{background-color:#00000080;color:#fff;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s}.avatar-container:hover .avatar-overlay{opacity:1}.profile-right{gap:var(--spacing-md)}.profile-name-title,.profile-right{display:flex;flex-direction:column}.profile-name{color:var(--text-primary);font-size:var(--font-size-medium-large);font-weight:var(--font-medium);margin:0}.profile-title{color:var(--text-muted);font-size:var(--font-size-medium);font-weight:var(--font-normal);margin:0}.profile-info-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);margin-top:var(--spacing-sm)}.info-item{align-items:center;display:flex;gap:var(--spacing-sm)}.info-item svg{color:var(--primary-color)}.info-value{font-weight:var(--font-normal);text-decoration:none}.info-value:hover{color:var(--primary-color);text-decoration:underline}.dashboard-profile-header:hover{box-shadow:none;transform:none}@media (max-width:768px){.dashboard-profile-header{gap:var(--spacing-lg);grid-template-columns:1fr}.profile-left{justify-content:flex-start}}.entretien-section{margin-top:var(--spacing-xl);width:100%}.entretien-title{color:var(--primary-dark);font-size:var(--font-size-medium-large);font-weight:var(--font-medium);margin:0 0 var(--spacing-md) 0}.entretien-timeline{border-left:2px dashed var(--gray-200);padding-left:var(--spacing-lg)}.entretien-card{border:1px solid var(--gray-200);border-radius:var(--radius-md);box-shadow:none;margin-bottom:var(--spacing-md);padding:var(--spacing-md);position:relative;transition:none}.entretien-card:before{background:var(--primary-color);border-radius:50%;content:"";height:10px;left:calc(var(--spacing-lg)*-1 - 6px);position:absolute;top:20px;width:10px}.entretien-row{align-items:flex-start;display:flex;justify-content:space-between}.entretien-meta{color:var(--text-muted);font-size:var(--font-size-small)}.entretien-title-sm{color:var(--text-primary);font-size:1rem;margin:6px 0 0}.entretien-tags{color:var(--text-muted);font-size:var(--font-size-small)}.entretien-header-main{display:flex;flex-direction:column}.entretien-header-side{text-align:right}.entretien-body{align-items:flex-start;display:flex;gap:var(--spacing-md);justify-content:space-between;margin-top:var(--spacing-sm)}.entretien-summary-wrapper{flex:1 1}.entretien-summary{color:var(--text-secondary);font-size:var(--font-size-medium);line-height:1.5;margin:0}.entretien-summary.collapsed{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.entretien-see-more{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:var(--font-size-small);margin-top:4px;padding:0;text-decoration:underline}.entretien-actions{flex-shrink:0;margin:0}.entretien-card:hover{box-shadow:none;transform:none}@media (max-width:600px){.entretien-row{align-items:flex-start;flex-direction:column}}.edit-profile-popup-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.edit-profile-popup-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;gap:20px;max-height:90vh;max-width:800px;overflow-y:auto;padding:24px;width:90%}.edit-profile-popup-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding-bottom:16px}.edit-profile-popup-header h2{color:#333;font-size:1.5rem;margin:0}.edit-profile-popup-close{background:none;border:none;color:#666;cursor:pointer;font-size:1.5rem}.edit-profile-popup-body{display:flex;flex-direction:column;gap:24px}.edit-profile-section{display:flex;flex-direction:column;gap:16px}.edit-profile-section h3{border-bottom:1px solid #f0f0f0;color:#555;font-size:1.1rem;margin:0;padding-bottom:8px}.edit-profile-row{display:flex;flex-wrap:wrap;gap:16px}.edit-profile-row>*{flex:1 1;min-width:200px}.edit-profile-popup-footer{border-top:1px solid #eee;display:flex;gap:12px;justify-content:flex-end;margin-top:auto;padding-top:16px}.parameters-popup-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.parameters-popup-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;gap:20px;max-height:90vh;max-width:500px;overflow-y:auto;padding:24px;width:90%}.parameters-popup-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding-bottom:16px}.parameters-popup-header h2{color:#333;font-size:1.5rem;margin:0}.parameters-popup-close{background:none;border:none;color:#666;cursor:pointer;font-size:1.5rem}.parameters-popup-body{display:flex;flex-direction:column;gap:16px}.parameters-link-item{align-items:center;background:none;border:1px solid #eee;border-radius:6px;color:#333;cursor:pointer;display:flex;font-size:1rem;justify-content:space-between;padding:12px;text-align:left;text-decoration:none;transition:background-color .2s;width:100%}.parameters-link-item:hover{background-color:#f9f9f9}.parameters-link-icon{color:#666;margin-right:12px}.parameters-danger-zone{border-top:1px solid #eee;margin-top:24px;padding-top:16px}.parameters-danger-title{color:#d32f2f;font-size:.9rem;font-weight:700;margin-bottom:12px;text-transform:uppercase}.parameters-logout-btn{background-color:#f5f5f5;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;font-weight:500;margin-bottom:12px;padding:12px;transition:background-color .2s;width:100%}.parameters-logout-btn:hover{background-color:#e0e0e0}.parameters-delete-btn{background-color:#fff0f0;border:1px solid #ffcdd2;border-radius:6px;color:#d32f2f;cursor:pointer;font-weight:500;padding:12px;transition:background-color .2s;width:100%}.parameters-delete-btn:hover{background-color:#ffebee}.chip{align-items:center;border:none;border-radius:var(--radius-full);cursor:default;display:inline-flex;font-family:var(--font-family-primary);font-size:var(--font-size-small);gap:var(--spacing-sm);justify-content:center;padding:8px 14px;text-decoration:none;transition:all var(--transition-base);-webkit-user-select:none;user-select:none}.chip-primary{background:var(--primary-color);color:var(--white)}.chip-secondary{background:var(--gray-100);border:1px solid var(--gray-300);color:var(--text-primary)}.chip-outline{background:#0000;border:2px solid var(--primary-color);color:var(--primary-color)}.chip-success{background:var(--success-color);color:var(--white)}.chip-danger{background:var(--error-color);color:var(--white)}.chip-warning{background:var(--warning-color);color:var(--gray-900)}.chip-ghost,.chip-link{background:#0000;border:none;color:var(--primary-color)}.chip-link{box-shadow:none!important;text-decoration:underline}.cockpit-drawer{background:var(--white);border-right:1px solid var(--gray-200);flex-direction:column;height:100vh;left:0;padding:var(--spacing-md) 0;position:fixed;top:0;width:60px;z-index:var(--z-fixed)}.cockpit-drawer,.drawer-logo{align-items:center;display:flex}.drawer-logo{height:40px;justify-content:center;margin-bottom:var(--spacing-xl);width:40px}.drawer-logo-img{height:100%;object-fit:contain;width:100%}.drawer-nav{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-sm);padding:0 var(--spacing-sm);position:relative;width:100%}.drawer-nav-item-bottom{margin-top:auto}.drawer-bottom-group{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:auto;width:100%}.drawer-profile{display:flex;justify-content:center;position:relative}.drawer-profile-btn{overflow:hidden;padding:0}.drawer-profile-btn.open{background:var(--primary-50)}.drawer-profile-avatar{border-radius:var(--radius-md);height:100%;object-fit:cover;width:100%}.drawer-profile-avatar-fallback{align-items:center;background:var(--primary-100);border-radius:var(--radius-md);color:var(--primary-color);display:flex;font-size:var(--font-size-xs);font-weight:var(--font-semibold);height:100%;justify-content:center;width:100%}.drawer-profile-dropdown{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-md);bottom:0;box-shadow:var(--shadow-md);left:62px;min-width:200px;padding:var(--spacing-md);position:absolute;z-index:var(--z-dropdown)}.drawer-profile-name{font-weight:var(--font-semibold);margin-bottom:var(--spacing-sm)}.drawer-profile-logout,.drawer-profile-name{color:var(--text-primary);font-size:var(--font-size-small)}.drawer-profile-logout{background:var(--gray-100);border:none;border-radius:var(--radius-sm);cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast);width:100%}.drawer-profile-logout:hover{background:var(--error-bg);color:var(--error-color)}.drawer-nav-item{align-items:center;align-self:center;background:#0000;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;height:44px;justify-content:center;transition:all var(--transition-fast);width:44px}.drawer-nav-item svg{color:var(--text-secondary);height:22px;transition:color var(--transition-fast);width:22px}.drawer-nav-item:hover{background:var(--gray-100)}.drawer-nav-item:hover svg{color:var(--primary-color)}.drawer-nav-item.active{background:var(--primary-50)}.drawer-nav-item.active svg{color:var(--primary-color)}.drawer-nav-item:after{background:var(--gray-800);border-radius:var(--radius-sm);color:var(--white);content:attr(title);font-size:var(--font-size-xs);left:70px;opacity:0;padding:var(--spacing-xs) var(--spacing-sm);pointer-events:none;position:absolute;transition:all var(--transition-fast);visibility:hidden;white-space:nowrap}.drawer-nav-item:hover:after{opacity:1;visibility:visible}.cockpit-layout{display:flex;min-height:100vh}.cockpit-main{background:var(--background-color);flex:1 1;margin-left:60px;min-height:100vh}.page-header{background-color:var(--white);border-bottom:1px solid var(--border-color);position:-webkit-sticky;position:sticky;top:0;z-index:10}.page-header-main{gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-lg) var(--spacing-md)}.page-header-left,.page-header-main{align-items:center;display:flex;flex-wrap:wrap}.page-header-left{gap:var(--spacing-sm)}.page-header-title{color:var(--text-primary);font-size:var(--font-size-medium-large);font-weight:var(--font-semibold);margin:0}.page-header-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-medium);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md)}.page-header-badge .badge-dot{animation:pulse 2s ease-in-out infinite;border-radius:50%;height:6px;width:6px}.page-header-badge.connected,.page-header-badge.success{background-color:var(--success-bg);color:var(--success-color)}.page-header-badge.connected .badge-dot,.page-header-badge.success .badge-dot{background-color:var(--success-color)}.page-header-badge.warning{background-color:var(--warning-bg);color:var(--warning-text)}.page-header-badge.warning .badge-dot{background-color:var(--warning-color)}.page-header-badge.error{background-color:var(--error-bg);color:var(--error-text)}.page-header-badge.error .badge-dot{background-color:var(--error-color)}.page-header-badge.info{background-color:var(--info-bg);color:var(--info-text)}.page-header-badge.info .badge-dot{background-color:var(--info-color)}.page-header-badge.default{background-color:var(--gray-100);color:var(--text-secondary)}.page-header-badge.default .badge-dot{background-color:var(--gray-500)}.page-header-right{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.page-header-extra{padding:0 var(--spacing-xl) var(--spacing-md)}.page-header-stats{display:flex;gap:var(--spacing-lg)}.page-header-stat{align-items:center;background:var(--gray-100);border-radius:var(--radius-full);display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md)}.page-header-stat-icon{color:var(--primary-color);height:18px;width:18px}.page-header-stat-value{color:var(--text-primary);font-size:var(--font-size-small);font-weight:var(--font-semibold)}.page-header-selector{align-items:center;display:flex;gap:var(--spacing-sm)}.page-header-selector label{color:var(--text-secondary);font-size:var(--font-size-small);font-weight:var(--font-medium);white-space:nowrap}.page-header-selector select{background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-small);min-width:150px;padding:var(--spacing-xs) var(--spacing-sm)}.page-header-selector select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-100);outline:none}.page-header-action-btn{align-items:center;background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:var(--font-size-base);font-weight:var(--font-semibold);height:28px;justify-content:center;transition:all var(--transition-fast);width:28px}.page-header-action-btn:hover:not(:disabled){background-color:var(--primary-50);border-color:var(--primary-color);color:var(--primary-color)}.page-header-action-btn:disabled{cursor:not-allowed;opacity:.5}.page-header-action-btn.add-btn:hover:not(:disabled){background-color:var(--success-bg);border-color:var(--success-color);color:var(--success-color)}.page-header-action-btn.delete-btn:hover:not(:disabled){background-color:var(--error-bg);border-color:var(--error-color);color:var(--error-color)}@media (max-width:768px){.page-header-main{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.page-header-right{width:100%}.page-header-stats{flex-wrap:wrap}}.social-media-card{align-items:center;background-color:var(--primary-100);border:1px solid #0000;border-radius:var(--radius-md);color:var(--primary-950);cursor:pointer;display:flex;gap:var(--spacing-md);padding:var(--spacing-md);transition:border-color var(--transition-fast)}.social-media-card:hover{border-color:var(--primary-950)}.social-media-icon{color:var(--primary-950);flex-shrink:0;height:24px;width:24px}.social-media-profile-icon{flex-shrink:0;height:12px;margin-left:2px;vertical-align:middle;width:12px}.social-media-card__info{align-items:baseline;display:flex;flex-direction:row;gap:var(--spacing-md)}.social-media-card__count{color:var(--primary-950);font-size:var(--font-size-medium-large);font-weight:var(--font-bold)}.social-media-card__growth{align-items:center;color:var(--text-muted);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-medium)}.social-media-card__growth.positive,.social-media-card__growth.positive .social-media-profile-icon{color:var(--success-color)}.social-media-card__growth.negative,.social-media-card__growth.negative .social-media-profile-icon{color:var(--error-color)}@media (max-width:1200px){.social-media-card{flex:1 1;min-width:200px}}.dropdown{background:var(--white);border:none;border-radius:var(--radius-sm);color:var(--primary-950);cursor:pointer;font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.dropdown:hover{background:var(--primary-50)}.dropdown:focus{outline:none}.graph-container{position:relative;width:100%}.graph-svg{display:block;height:100%;width:100%}.graph-grid-line{stroke:var(--gray-200);stroke-dasharray:4;stroke-width:1}.graph-y-label{fill:var(--text-secondary);text-anchor:end}.graph-x-label,.graph-y-label{font-size:10px;font-weight:var(--font-medium)}.graph-x-label{fill:var(--text-primary);text-anchor:middle}.graph-x-axis{stroke:var(--gray-300);stroke-width:1.5}.graph-area{opacity:1}.graph-line{filter:drop-shadow(0 2px 4px rgba(255,143,27,.2))}.graph-dot{transition:r var(--transition-fast)}.graph-dot:hover{r:6}@keyframes drawLine{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}.graph-line{stroke-dasharray:1000;animation:drawLine 1.5s ease-out forwards}@keyframes fadeInArea{0%{opacity:0}to{opacity:1}}.graph-area{animation:fadeInArea 1s ease-out forwards;animation-delay:.5s;opacity:0}.bar-chart-container{padding:var(--spacing-md) 0;width:100%}.bar-chart-inner{align-items:flex-end;display:flex;gap:var(--spacing-sm);height:100%;justify-content:space-evenly;padding:0 var(--spacing-sm);width:100%}.bar-chart-item{align-items:center;display:flex;flex:0 1 auto;flex-direction:column;gap:var(--spacing-xs);min-width:0}.bar-chart-value{align-items:flex-end;color:var(--text-secondary);display:flex;font-size:var(--font-size-xs);font-weight:var(--font-semibold);min-height:20px;text-align:center}.bar-chart-bar{align-self:center;border-radius:var(--radius-sm) var(--radius-sm) 0 0;max-width:80px;min-width:40px;position:relative;transition:opacity var(--transition-fast),transform var(--transition-fast);width:100%}.bar-chart-bar:hover{opacity:.85;transform:scaleY(1.02);transform-origin:bottom}.bar-chart-bar-animated{animation:growBar .6s ease-out forwards}@keyframes growBar{0%{transform:scaleY(0);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}.bar-chart-label{color:var(--text-secondary);font-size:var(--font-size-small);font-weight:var(--font-medium);min-height:20px;text-align:center}.bar-chart-container.horizontal .bar-chart-inner{align-items:stretch;flex-direction:column}.bar-chart-container.horizontal .bar-chart-item{flex-direction:row;max-width:none}.bar-chart-container.horizontal .bar-chart-bar{border-radius:0 var(--radius-sm) var(--radius-sm) 0;height:30px!important;width:auto}@media (max-width:768px){.bar-chart-bar{width:35px}.bar-chart-inner{gap:var(--spacing-sm)}.bar-chart-label,.bar-chart-value{font-size:var(--font-size-xs)}}@media (max-width:480px){.bar-chart-bar{width:25px}.bar-chart-inner{gap:var(--spacing-xs)}}.stats-panel{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);overflow:hidden}.stats-tabs{border-bottom:1px solid var(--gray-200);display:flex;overflow-x:auto}.stats-tabs::-webkit-scrollbar{height:0}.stats-tab{align-items:center;background:none;border:none;border-right:1px solid var(--gray-200);cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs);min-width:140px;padding:var(--spacing-md) var(--spacing-md);position:relative;text-align:center;transition:background var(--transition-fast)}.stats-tab:last-child{border-right:none}.stats-tab:hover{background:var(--gray-100)}.stats-tab-label{color:var(--text-secondary);font-size:var(--font-size-small);font-weight:var(--font-medium);white-space:nowrap}.stats-tab-active .stats-tab-label{color:var(--primary-color);font-weight:var(--font-semibold)}.stats-tab-value{color:var(--text-primary);font-size:var(--font-size-medium-large);font-weight:var(--font-bold);line-height:1.2}.stats-tab-suffix{font-size:var(--font-size-medium)}.stats-tab-variation{align-items:center;display:flex;font-size:var(--font-size-xs);font-weight:var(--font-medium);gap:2px;justify-content:center}.stats-tab-variation-positive{color:var(--success-color)}.stats-tab-variation-negative{color:var(--error-color)}.stats-tab-variation-icon{font-size:.75rem}.stats-tab-variation-label{color:var(--text-muted)}.stats-tab-indicator{background:var(--primary-color);border-radius:var(--radius-sm) var(--radius-sm) 0 0;bottom:0;height:3px;left:0;position:absolute;right:0}.stats-content{padding:var(--spacing-lg) var(--spacing-xl)}.stats-chart{min-height:280px;width:100%}@media (max-width:768px){.stats-tabs{overflow-x:auto}.stats-tab{min-width:110px;padding:var(--spacing-sm) var(--spacing-xs)}.stats-tab-label{font-size:var(--font-size-xs)}.stats-tab-value{font-size:var(--font-size-medium)}.stats-tab-variation{font-size:10px}.stats-content{padding:var(--spacing-md)}}@media (max-width:480px){.stats-tab{min-width:90px}}.rankings-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(4,1fr)}.ranking-box{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);overflow:hidden}.ranking-box-title{color:var(--text-primary);font-size:var(--font-size-medium);font-weight:var(--font-semibold);margin:0;padding:var(--spacing-md) var(--spacing-md)}.ranking-box-content{-ms-overflow-style:none;height:200px;overflow-y:auto;padding-top:25px;perspective:1000px;position:relative;scroll-behavior:smooth}.ranking-box-content::-webkit-scrollbar{display:none}.ranking-spacer{flex-shrink:0;height:130px;width:100%}.ranking-item{align-items:center;background:var(--primary-100);border:1px solid var(--primary-100);border-radius:var(--radius-md);display:flex;gap:var(--spacing-sm);margin:0 auto var(--spacing-md);opacity:.8;padding:var(--spacing-sm) var(--spacing-md);position:relative;transform:scale(.9);transform-style:preserve-3d;width:85%}.ranking-item.active{border-color:var(--primary-950);z-index:100!important}.ranking-position{font-weight:var(--font-bold)}.ranking-name,.ranking-position{color:var(--text-primary);font-size:var(--font-size-small)}.ranking-name{align-items:center;display:flex;flex:1 1;font-weight:var(--font-medium);gap:var(--spacing-md);overflow:hidden;text-overflow:ellipsis;transition:color var(--transition-fast);white-space:nowrap}.ranking-prefix{align-items:center;background:var(--primary-color);border-radius:var(--radius-sm);color:var(--white);display:inline-flex;height:20px;justify-content:center;min-width:28px;padding:0 var(--spacing-xs);text-transform:uppercase}.ranking-prefix,.ranking-value{flex-shrink:0;font-size:var(--font-size-small);font-weight:var(--font-bold);transition:all var(--transition-fast)}.ranking-value{background:var(--primary-100);border-radius:var(--radius-full);color:var(--primary-950);padding:var(--spacing-xs) var(--spacing-sm)}@media (max-width:1400px){.rankings-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.rankings-grid{grid-template-columns:1fr}}html{-ms-overflow-style:none}html::-webkit-scrollbar{display:none}.overview{background:var(--background-color);min-height:100vh}.overview-content{display:flex;gap:var(--spacing-xl);margin:0 auto;max-width:1800px;padding:var(--spacing-xl)}.overview-left{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-lg)}.filters-bar{align-items:center;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);display:flex;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-md)}.search-container{position:relative;width:400px}.filters-spacer{flex:1 1}.search-container .textfield{margin-bottom:0}.search-container .textfield-input{width:100%}.client-dropdown{background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:var(--z-dropdown)}.client-dropdown-item{cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);transition:background var(--transition-fast)}.client-dropdown-item:hover{background:var(--primary-accent)}.period-select{background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-small);padding:var(--spacing-sm) var(--spacing-md)}.period-select:focus{border-color:var(--primary-color);outline:none}.download-btn{align-items:center;background:var(--primary-100);border:none;border-radius:var(--radius-sm);color:var(--primary-950);cursor:pointer;display:flex;height:32px;justify-content:center;transition:transform var(--transition-fast);width:32px}.download-btn:hover{border:1px solid var(--primary-950)}.action-icon{height:20px;width:20px}.selected-clients{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.client-chip{cursor:pointer;transition:all var(--transition-fast)}.client-chip:hover{opacity:.8;transform:scale(.98)}.chip-remove{font-size:1.2em;font-weight:var(--font-bold);margin-left:var(--spacing-xs)}.overview-right{flex-shrink:0;width:280px}.social-panel{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:var(--spacing-md);position:-webkit-sticky;position:sticky;top:var(--spacing-xl)}.social-panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.social-panel-title{color:var(--text-primary);font-size:var(--font-size-medium);font-weight:var(--font-semibold);margin:0}.social-cards{display:flex;flex-direction:column;gap:var(--spacing-md)}.visitors-section{border-top:1px solid var(--gray-200);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg)}.visitors-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.visitors-title{color:var(--text-primary);font-size:var(--font-size-medium);font-weight:var(--font-semibold);margin:0}.visitors-card{background:var(--primary-100);border-radius:var(--radius-md);color:var(--primary-950);padding:var(--spacing-md);text-align:center}.visitors-count{display:block;font-size:var(--font-size-medium-large);font-weight:var(--font-bold);margin-bottom:var(--spacing-xs)}@media (max-width:1200px){.overview-content{flex-direction:column-reverse}.overview-right{width:100%}.social-panel{position:static}.social-cards{flex-direction:row;flex-wrap:wrap}.social-card{flex:1 1;min-width:200px}.visitors-section{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}.visitors-card{max-width:300px}}@media (max-width:768px){.filters-bar{flex-wrap:wrap}.search-container{max-width:100%;width:100%}}@media (max-width:480px){.overview-content{padding:var(--spacing-md)}}.interview-tracking-page{background-color:var(--background-color);display:flex;flex-direction:column;height:100vh;overflow:hidden}.interviews-view{display:flex;flex:1 1;gap:var(--spacing-lg);max-width:100%;min-height:0;overflow:hidden;padding:var(--spacing-lg)}.interviews-list{-ms-overflow-style:none;background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-md);display:block;flex-shrink:0;height:100%;overflow-y:auto;width:300px}.interviews-list::-webkit-scrollbar{display:none}.interview-item{border-bottom:1px solid var(--gray-200);cursor:pointer;padding:var(--spacing-md);transition:background-color var(--transition-fast)}.interview-item:hover{background-color:var(--gray-100)}.interview-item.selected{background-color:var(--primary-50);border-left:4px solid var(--primary-color)}.interview-item-header{display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs)}.interview-date{color:var(--text-secondary);font-size:var(--font-size-xs)}.interview-session{color:var(--text-primary);font-size:var(--font-size-small);font-weight:var(--font-medium);margin-bottom:var(--spacing-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.interview-type{background-color:var(--primary-100);border-radius:var(--radius-sm);color:var(--primary-color);display:inline-block;font-size:var(--font-size-xs);padding:2px 6px}.interview-details{-ms-overflow-style:none;display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-md);max-width:100%;min-width:0;overflow-x:hidden;overflow-y:auto}.interview-details::-webkit-scrollbar{display:none}.info-card{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-shrink:0;max-width:100%;overflow:hidden;padding:var(--spacing-md)}.info-card h3{border-bottom:1px solid var(--gray-200);color:var(--primary-color);font-size:var(--font-size-base);font-weight:var(--font-semibold);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs)}.info-card p{color:var(--text-primary);font-size:var(--font-size-small);margin:0}.json-viewer{background-color:var(--gray-100);border-radius:var(--radius-sm);max-width:100%;overflow-x:auto;padding:var(--spacing-sm)}.json-viewer pre{color:var(--text-primary);font-family:monospace;font-size:var(--font-size-xs);margin:0;white-space:pre-wrap;word-break:break-word}.empty-state,.error-state,.loading-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;font-size:var(--font-size-small);gap:var(--spacing-md);height:100%;justify-content:center;padding:var(--spacing-lg);text-align:center}.error-state{color:#dc3545;color:var(--error-color,#dc3545)}.pagination{align-items:center;background:var(--white);border-top:1px solid var(--gray-200);bottom:0;display:flex;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-md);position:-webkit-sticky;position:sticky}.pagination-btn{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-base);padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled){background-color:var(--gray-100);border-color:var(--primary-color)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-info{color:var(--text-secondary);font-size:var(--font-size-small)}.prompt-configuration-page{background-color:var(--background-color);display:flex;flex-direction:column;height:100vh;overflow:hidden}.header-controls{flex-wrap:wrap;gap:var(--spacing-lg)}.header-controls,.page-header-toggle,.toggle-label{align-items:center;display:flex}.toggle-label{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);transition:all .2s ease;-webkit-user-select:none;user-select:none}.toggle-label:hover{border-color:var(--primary-color)}.toggle-label input{display:none}.toggle-text{color:var(--text-secondary);font-size:var(--font-size-small);font-weight:var(--font-medium);transition:color .2s ease}.toggle-label:has(input:checked){background-color:var(--primary-100);border-color:var(--primary-color)}.toggle-label:has(input:checked) .toggle-text{color:var(--primary-color)}.configuration-view{-ms-overflow-style:none;display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-lg);overflow-y:auto;padding:var(--spacing-lg)}.configuration-view::-webkit-scrollbar{display:none}.prompt-field-container{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;flex-direction:column;padding:var(--spacing-md)}.prompt-field-container h3{color:var(--primary-color);font-size:var(--font-size-base);font-weight:var(--font-semibold);margin:0}.prompt-header{align-items:center;border-bottom:1px solid var(--gray-200);display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:space-between;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs)}.config-textarea{background-color:var(--gray-50);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--text-primary);font-family:monospace;font-size:var(--font-size-small);line-height:1.5;max-height:none;min-height:40px;overflow-y:hidden;padding:var(--spacing-md);resize:none;width:100%}.config-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-100);outline:none}.prompt-header-info{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.prompt-version-selector select{background-color:var(--gray-50);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-xs);min-width:100px;padding:var(--spacing-xs) var(--spacing-sm)}.prompt-version-selector select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-100);outline:none}.prompt-version-badge{background-color:var(--primary-100);border-radius:var(--radius-sm);color:var(--primary-color);font-size:var(--font-size-xs);font-weight:var(--font-semibold);padding:var(--spacing-xs) var(--spacing-sm);white-space:nowrap}.prompt-version-badge.desync{background-color:#fef3c7;border:1px solid #f59e0b;color:#b45309}.prompt-collapse-btn{align-items:center;background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:inline-flex;height:32px;justify-content:center;line-height:1;padding:0;width:32px}.prompt-collapse-btn:hover{background-color:var(--gray-100);border-color:var(--primary-color);color:var(--primary-color)}.prompt-collapse-btn:focus{box-shadow:0 0 0 2px var(--primary-100);outline:none}.prompt-version{background-color:var(--gray-100);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.prompt-fields{gap:var(--spacing-md)}.prompt-field,.prompt-fields{display:flex;flex-direction:column}.prompt-field{gap:var(--spacing-xs)}.prompt-field-label{color:var(--text-secondary);font-family:monospace;font-size:var(--font-size-small);font-weight:var(--font-medium)}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:var(--white);border-radius:var(--radius-md);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:450px;padding:var(--spacing-xl);width:90%}.modal-content h2{color:var(--text-primary);font-size:var(--font-size-medium);font-weight:var(--font-semibold);margin:0 0 var(--spacing-md) 0}.modal-input{border:1px solid var(--border-color);border-radius:var(--radius-sm);box-sizing:border-box;font-size:var(--font-size-base);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);width:100%}.modal-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-100);outline:none}.modal-warning{background-color:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-sm);color:#991b1b;font-size:var(--font-size-small);line-height:1.5;margin:0 0 var(--spacing-lg) 0;padding:var(--spacing-md)}.modal-warning strong{font-weight:var(--font-semibold)}.modal-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.modal-btn{border:1px solid #0000;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-small);font-weight:var(--font-medium);padding:var(--spacing-sm) var(--spacing-lg);transition:all .2s ease}.modal-btn:disabled{cursor:not-allowed;opacity:.5}.modal-btn.cancel-btn{background:var(--white);border-color:var(--border-color);color:var(--text-secondary)}.modal-btn.cancel-btn:hover:not(:disabled){background-color:var(--gray-100);color:var(--text-primary)}.modal-btn.confirm-btn{background:var(--primary-color);color:var(--white)}.modal-btn.confirm-btn:hover:not(:disabled){opacity:.9}.modal-btn.danger-btn{background:#ef4444;background:var(--error-color,#ef4444);color:var(--white)}.modal-btn.danger-btn:hover:not(:disabled){background:#dc2626}.general-parameters-page{background-color:var(--background-color);display:flex;flex-direction:column;height:100vh;overflow:hidden}.parameters-content{-ms-overflow-style:none;display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xl);overflow-y:auto;padding:var(--spacing-lg)}.parameters-content::-webkit-scrollbar{display:none}.parameters-section{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg)}.section-header{align-items:center;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.section-header h2{color:var(--text-primary);font-size:var(--font-size-medium);font-weight:var(--font-semibold);margin:0}.section-count{background:var(--gray-100);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--font-size-small);padding:var(--spacing-xs) var(--spacing-sm)}.users-table-container{overflow-x:auto}.users-table{border-collapse:collapse;width:100%}.users-table td,.users-table th{border-bottom:1px solid var(--gray-200);padding:var(--spacing-md);text-align:left}.users-table th{background:var(--gray-50);color:var(--text-secondary);font-size:var(--font-size-small);font-weight:var(--font-semibold)}.users-table tbody tr:hover{background-color:var(--gray-50)}.users-table tbody tr:last-child td{border-bottom:none}.user-info-cell{gap:var(--spacing-sm)}.user-avatar,.user-info-cell{align-items:center;display:flex}.user-avatar{background:var(--primary-100);border-radius:50%;color:var(--primary-color);flex-shrink:0;font-size:var(--font-size-small);font-weight:var(--font-semibold);height:36px;justify-content:center;width:36px}.user-details{display:flex;flex-direction:column;gap:2px}.user-name{color:var(--text-primary);font-size:var(--font-size-small);font-weight:var(--font-medium)}.user-email{color:var(--text-secondary);font-size:var(--font-size-xs)}.role-select{background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-small);min-width:120px;padding:var(--spacing-xs) var(--spacing-sm)}.role-select:focus{border-color:var(--primary-color);outline:none}.role-select:disabled{cursor:not-allowed;opacity:.6}.role-select.role-admin{background:var(--primary-50);border-color:var(--primary-color);color:var(--primary-color)}.role-select.role-edit{background:var(--info-bg);border-color:var(--info-color);color:var(--info-text)}.role-select.role-visualise{background:var(--gray-100);border-color:var(--gray-400);color:var(--text-secondary)}.checkbox-container{align-items:center;cursor:pointer;display:flex;height:20px;justify-content:center;position:relative;width:20px}.checkbox-container input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkmark{background-color:var(--white);border:2px solid var(--gray-300);border-radius:var(--radius-sm);height:20px;left:0;position:absolute;top:0;transition:all var(--transition-fast);width:20px}.checkbox-container:hover .checkmark{border-color:var(--primary-color)}.checkbox-container input:checked~.checkmark{background-color:var(--primary-color);border-color:var(--primary-color)}.checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";display:none;height:10px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:5px}.checkbox-container input:checked~.checkmark:after{display:block}.delete-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.delete-btn svg{color:var(--text-secondary);height:18px;width:18px}.delete-btn:hover:not(:disabled){background:var(--error-bg)}.delete-btn:hover:not(:disabled) svg{color:var(--error-color)}.delete-btn:disabled{cursor:not-allowed;opacity:.3}.loading-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;font-size:var(--font-size-small);gap:var(--spacing-md);height:100%;justify-content:center;padding:var(--spacing-lg);text-align:center}.loader-spinner{animation:spin 1s linear infinite;border:3px solid var(--gray-200);border-radius:50%;border-top-color:var(--primary-color);height:32px;width:32px}.legal-docs-hint{color:var(--text-secondary);font-size:var(--font-size-small);margin-bottom:var(--spacing-lg)}.legal-docs-form{gap:var(--spacing-lg)}.legal-doc-field,.legal-docs-form{display:flex;flex-direction:column}.legal-doc-field{gap:var(--spacing-sm)}.legal-doc-field label{color:var(--text-primary);font-size:var(--font-size-small);font-weight:var(--font-semibold)}.legal-doc-select{background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-small);max-width:420px;padding:var(--spacing-xs) var(--spacing-sm)}.legal-doc-select:focus{border-color:var(--primary-color);outline:none}.legal-save-btn{padding:var(--spacing-xs) var(--spacing-lg)}.legal-doc-textarea{background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--font-size-small);line-height:1.5;padding:var(--spacing-md);resize:vertical;width:100%}.legal-doc-textarea:focus{border-color:var(--primary-color);outline:none}@media (max-width:768px){.users-table td:nth-child(4),.users-table th:nth-child(4){display:none}.section-header{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}}.deployment-page{background-color:var(--background-color);display:flex;flex-direction:column;min-height:100vh}.deployment-content{-ms-overflow-style:none;flex:1 1;overflow-y:auto;padding:var(--spacing-xl)}.deployment-content::-webkit-scrollbar{display:none}.deployment-section{margin-bottom:var(--spacing-xl)}.section-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-base);font-weight:var(--font-semibold);gap:var(--spacing-sm);margin:0 0 var(--spacing-md) 0}.section-icon{color:var(--primary-color);height:20px;width:20px}.cards-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.deploy-card{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);transition:all var(--transition-fast)}.deploy-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.card-header{align-items:flex-start;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.card-title{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-semibold);margin:0}.card-subtitle{color:var(--text-secondary);display:block;margin-top:2px}.card-subtitle,.status-badge{font-size:var(--font-size-xs)}.status-badge{align-items:center;display:inline-flex;font-weight:var(--font-semibold);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.status-badge.healthy,.status-badge.ready,.status-badge.running{background-color:var(--success-bg);color:var(--success-color)}.status-badge.stopped{background-color:var(--error-bg);color:var(--error-color)}.status-dot{animation:pulse 2s ease-in-out infinite;background-color:currentColor;border-radius:50%;height:6px;width:6px}.card-info{margin-bottom:var(--spacing-md)}.info-row{align-items:center;border-bottom:1px solid var(--gray-100);display:flex;justify-content:space-between;padding:var(--spacing-xs) 0}.info-row:last-child{border-bottom:none}.info-label{color:var(--text-secondary)}.info-label,.info-value{font-size:var(--font-size-small);font-weight:var(--font-medium)}.info-value{color:var(--text-primary)}.info-link{color:var(--primary-color);font-size:var(--font-size-xs);max-width:250px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.info-link:hover{text-decoration:underline}.card-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.action-btn{align-items:center;background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-medium);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast)}.action-btn:hover{background-color:var(--primary-50);border-color:var(--primary-color);color:var(--primary-color)}.action-btn.primary{background:var(--primary-color);border-color:var(--primary-color);color:var(--white)}.action-btn.primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.action-btn svg{height:14px;width:14px}.database-card .card-info{margin-bottom:0}.quick-actions-card{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-lg)}.cache-label,.cache-selector,.quick-actions-card{align-items:center;display:flex}.cache-label{cursor:pointer;gap:var(--spacing-sm)}.cache-checkbox{display:none}.cache-toggle{background:var(--gray-300);border-radius:var(--radius-full);height:24px;position:relative;transition:background var(--transition-fast);width:44px}.cache-toggle:after{background:var(--white);border-radius:50%;box-shadow:var(--shadow-sm);content:"";height:18px;left:3px;position:absolute;top:3px;transition:transform var(--transition-fast);width:18px}.cache-checkbox:checked+.cache-toggle{background:var(--primary-color)}.cache-checkbox:checked+.cache-toggle:after{transform:translateX(20px)}.cache-text{color:var(--text-primary);font-size:var(--font-size-small);font-weight:var(--font-medium)}.quick-actions-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.quick-action-btn{align-items:center;background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:var(--font-size-small);font-weight:var(--font-medium);gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.quick-action-btn:hover{background-color:var(--primary-50);border-color:var(--primary-color);color:var(--primary-color)}.quick-action-btn.deploy-all{background:var(--primary-color);border-color:var(--primary-color);color:var(--white)}.quick-action-btn.deploy-all:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.quick-action-btn svg{height:16px;width:16px}.migrations-card{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:var(--spacing-sm);padding:var(--spacing-lg)}.migration-btn{align-items:center;background:var(--warning-bg);border:1px solid var(--warning-color);border-radius:var(--radius-sm);color:var(--warning-text);cursor:pointer;display:inline-flex;font-size:var(--font-size-small);font-weight:var(--font-medium);gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.migration-btn:hover{background:var(--warning-color);color:var(--white)}.migration-btn svg{height:16px;width:16px}.terminal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.terminal-header .section-title{margin-bottom:0}.terminal-controls{align-items:center;display:flex;gap:var(--spacing-sm)}.lines-label{color:var(--text-secondary);font-weight:var(--font-medium)}.lines-label,.lines-selector{font-size:var(--font-size-small)}.lines-selector{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm)}.lines-selector:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-100);outline:none}.terminal-container{background:var(--gray-900);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.terminal-window{width:100%}.terminal-titlebar{align-items:center;background:var(--gray-800);border-bottom:1px solid var(--gray-700);display:flex;padding:var(--spacing-sm) var(--spacing-md)}.terminal-buttons{display:flex;gap:var(--spacing-xs)}.terminal-btn{border-radius:50%;height:12px;width:12px}.terminal-btn.close{background:var(--error-color)}.terminal-btn.minimize{background:var(--warning-color)}.terminal-btn.maximize{background:var(--success-color)}.terminal-title{color:var(--gray-500);flex:1 1;font-size:var(--font-size-xs);font-weight:var(--font-medium);text-align:center}.terminal-content{font-family:Fira Code,Monaco,Consolas,monospace;font-size:var(--font-size-xs);line-height:var(--leading-relaxed);max-height:400px;min-height:200px;overflow-y:auto;padding:var(--spacing-md)}.terminal-line{display:flex;gap:var(--spacing-sm);margin-bottom:4px}.terminal-line.info .log-message{color:var(--info-color)}.terminal-line.success .log-message{color:var(--success-color)}.terminal-line.error .log-message{color:var(--error-color)}.terminal-line.warning .log-message{color:var(--warning-color)}.log-time{color:var(--gray-500);flex-shrink:0}.log-message{color:var(--gray-300)}.terminal-cursor{align-items:center;display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.cursor-prompt{color:var(--success-color)}.cursor-blink{animation:blink 1s step-end infinite;color:var(--white)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media (max-width:768px){.cards-grid{grid-template-columns:1fr}.quick-actions-card{align-items:flex-start;flex-direction:column}.quick-actions-buttons{width:100%}.quick-action-btn{flex:1 1;justify-content:center}}.client-modal-backdrop{align-items:center;background:#00000059;display:flex;inset:0;justify-content:center;padding:var(--spacing-lg);position:fixed;z-index:var(--z-modal-backdrop)}.client-modal{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-width:640px;overflow:hidden;width:100%;z-index:var(--z-modal)}.client-modal-header{align-items:center;background:var(--white);border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.client-modal-title{color:var(--text-primary);font-size:var(--font-size-medium);font-weight:var(--font-semibold);margin:0}.client-modal-close{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:22px;height:32px;line-height:1;width:32px}.client-modal-close:hover{background:var(--gray-100);color:var(--text-primary)}.client-modal-body{padding:var(--spacing-lg)}.client-modal-footer{display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding:0 var(--spacing-lg) var(--spacing-lg)}.clients-header-controls{align-items:center;display:flex;flex-shrink:0;gap:var(--spacing-md)}.clients-search{width:360px}.clients-search .textfield{margin-bottom:0}.clients-actions{align-items:center;display:flex;gap:var(--spacing-sm)}.clients-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.client-parent-select{background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-small);padding:var(--spacing-sm) var(--spacing-md);width:100%}.client-parent-select:focus{border-color:var(--primary-color);outline:none}.inline-checkbox{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:var(--font-size-small);gap:var(--spacing-xs);white-space:nowrap}.inline-checkbox input{height:16px;width:16px}.modal-form{margin:0}.modal-fields{display:flex;flex-direction:column;gap:var(--spacing-md)}.modal-fields .textfield{margin-bottom:0}.client-row{display:flex;flex-direction:column}.client-card{align-items:center;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);transition:all var(--transition-fast)}.client-card:hover{border-color:var(--primary-color)}.client-card.inactive{background:var(--white);opacity:.6}.expand-btn{align-items:center;background:var(--white);border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:all var(--transition-fast);width:28px}.expand-btn:hover{background:var(--primary-100)}.chevron-icon{color:var(--text-secondary);height:16px;transition:transform var(--transition-fast);width:16px}.chevron-icon.expanded{transform:rotate(90deg)}.client-info{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs);min-width:0}.client-name{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-small);font-weight:var(--font-semibold);gap:var(--spacing-sm)}.subclient-count{background:var(--gray-200);border-radius:var(--radius-full);color:var(--text-secondary);font-weight:var(--font-normal);padding:2px 8px}.client-url,.subclient-count{font-size:var(--font-size-xs)}.client-url{color:var(--primary-color);overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.client-url:hover{text-decoration:underline}.subclients-list{border-left:2px solid var(--gray-200);display:flex;flex-direction:column;gap:var(--spacing-xs);margin-left:var(--spacing-xl);margin-top:var(--spacing-xs);padding-left:var(--spacing-md)}.subclient-card{background:var(--white);border:1px dashed var(--gray-300)}.subclient-card:hover{border-color:var(--primary-300);border-style:solid}.toggle-switch{display:inline-block;flex-shrink:0;height:26px;position:relative;width:48px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:var(--gray-300);border-radius:var(--radius-full);bottom:0;cursor:pointer;left:0;right:0;top:0}.toggle-slider,.toggle-slider:before{position:absolute;transition:var(--transition-fast)}.toggle-slider:before{background-color:var(--white);border-radius:50%;bottom:3px;box-shadow:var(--shadow-sm);content:"";height:20px;left:3px;width:20px}.toggle-switch input:checked+.toggle-slider{background-color:var(--primary-color)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(22px)}@media (max-width:768px){.clients-header-controls{align-items:stretch;flex-direction:column}.clients-search{width:100%}.clients-actions{flex-wrap:wrap}}.pg-drawer{background:var(--white);border-right:1px solid var(--gray-200);flex-direction:column;height:100vh;left:0;padding:var(--spacing-md) 0;position:fixed;top:0;width:60px;z-index:var(--z-fixed)}.pg-drawer,.pg-drawer-logo{align-items:center;display:flex}.pg-drawer-logo{height:40px;justify-content:center;margin-bottom:var(--spacing-xl);width:40px}.pg-drawer-logo-img{height:100%;object-fit:contain;width:100%}.pg-drawer-top{flex:1 1;flex-direction:column}.pg-drawer-bottom,.pg-drawer-top{display:flex;gap:var(--spacing-sm);padding:0 var(--spacing-sm);width:100%}.pg-drawer-bottom{flex-direction:column;margin-top:auto}.pg-drawer-settings{display:flex;justify-content:center;position:relative}.pg-drawer-settings-dropdown{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-md);bottom:0;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:var(--spacing-xs);left:62px;min-width:220px;padding:var(--spacing-sm);position:absolute;z-index:var(--z-dropdown)}.pg-drawer-settings-item{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-small);padding:var(--spacing-sm) var(--spacing-md);text-align:left;transition:all var(--transition-fast);width:100%}.pg-drawer-settings-item:hover{background:var(--gray-100)}.pg-drawer-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;height:44px;justify-content:center;margin:0 auto;position:relative;transition:all var(--transition-fast);width:44px}.pg-drawer-btn.disabled{opacity:.55}.pg-drawer-btn.disabled:hover{background:#0000}.pg-drawer-btn svg,.pg-drawer-btn.disabled:hover svg{color:var(--text-secondary)}.pg-drawer-btn svg{height:22px;transition:color var(--transition-fast);width:22px}.pg-drawer-btn:hover{background:var(--gray-100)}.pg-drawer-btn:hover svg{color:var(--primary-color)}.pg-drawer-btn.active{background:var(--primary-50)}.pg-drawer-btn.active svg{color:var(--primary-color)}.pg-drawer-profile{display:flex;justify-content:center;position:relative}.pg-drawer-profile-btn{overflow:hidden;padding:0}.pg-drawer-profile-btn.open{background:var(--primary-50)}.pg-drawer-profile-avatar{border-radius:var(--radius-md);height:100%;object-fit:cover;width:100%}.pg-drawer-profile-avatar-fallback{align-items:center;background:var(--primary-100);border-radius:var(--radius-md);color:var(--primary-color);display:flex;font-size:var(--font-size-xs);font-weight:var(--font-semibold);height:100%;justify-content:center;width:100%}.pg-drawer-profile-dropdown{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-md);bottom:0;box-shadow:var(--shadow-md);left:62px;min-width:200px;padding:var(--spacing-md);position:absolute;z-index:var(--z-dropdown)}.pg-drawer-profile-name{font-weight:var(--font-semibold);margin-bottom:var(--spacing-sm)}.pg-drawer-profile-logout,.pg-drawer-profile-name{color:var(--text-primary);font-size:var(--font-size-small)}.pg-drawer-profile-logout{background:var(--gray-100);border:none;border-radius:var(--radius-sm);cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast);width:100%}.pg-drawer-profile-logout:hover{background:var(--error-bg);color:var(--error-color)}.pg-drawer-btn:after{background:var(--gray-800);border-radius:var(--radius-sm);color:var(--white);content:attr(title);font-size:var(--font-size-xs);left:70px;opacity:0;padding:var(--spacing-xs) var(--spacing-sm);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all var(--transition-fast);visibility:hidden;white-space:nowrap}.pg-drawer-btn:hover:after{opacity:1;visibility:visible}.studio-header{background-color:var(--white);border-bottom:1px solid var(--border-color);position:-webkit-sticky;position:sticky;top:0;z-index:10}.studio-header-main{gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-lg) var(--spacing-md)}.studio-header-left,.studio-header-main{align-items:center;display:flex;flex-wrap:wrap}.studio-header-left{gap:var(--spacing-sm)}.studio-header-title{color:var(--text-primary);font-size:var(--font-size-medium-large);font-weight:var(--font-semibold);margin:0}.studio-header-right{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.studio-header-site-select{align-items:center;display:flex;gap:var(--spacing-sm)}.studio-header-site-label{color:var(--text-secondary);white-space:nowrap}.studio-header-site-dropdown,.studio-header-site-label{font-size:var(--font-size-small);font-weight:var(--font-medium)}.studio-header-site-dropdown{-webkit-appearance:none;appearance:none;background-color:var(--white);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right var(--spacing-xs) center;background-repeat:no-repeat;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;min-width:200px;padding:var(--spacing-xs) var(--spacing-sm);padding-right:var(--spacing-lg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.studio-header-site-dropdown:hover{border-color:var(--primary-color)}.studio-header-site-dropdown:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #ff6b0026;outline:none}.studio-header-filter{align-items:center;background:var(--gray-100);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-size-small);font-weight:var(--font-medium);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast)}.studio-header-filter:hover{background:var(--gray-200)}.studio-header-filter svg{color:var(--text-secondary)}.studio-header-filter-close{align-items:center;background:var(--gray-400);border-radius:var(--radius-full);color:var(--white);display:flex;height:18px;justify-content:center;width:18px}.studio-shell{background:var(--background-color);display:flex;min-height:100vh}.studio-main{display:flex;flex:1 1;flex-direction:column;margin-left:60px;min-width:0}.studio-content{padding:var(--spacing-xl)}.playground-page-title{color:var(--text-primary);font-size:var(--font-size-medium-large);font-weight:var(--font-semibold);margin:0 0 var(--spacing-lg)}.playground-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr}@media (min-width:960px){.playground-grid{grid-template-columns:2fr 1fr}}.playground-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md-lg);padding:var(--spacing-lg)}.playground-table{border-collapse:collapse;width:100%}.playground-table td,.playground-table th{border-bottom:1px solid var(--gray-200);padding:var(--spacing-sm);text-align:left}.playground-table th{background:var(--gray-100);color:var(--text-primary);font-weight:var(--font-semibold)}.playground-table td{color:var(--text-secondary)}.playground-form{gap:var(--spacing-lg)}.playground-field label{color:var(--text-primary);display:block;font-weight:var(--font-medium);margin-bottom:var(--spacing-xs)}.playground-field input,.playground-field select{background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-md);color:var(--text-primary);padding:var(--spacing-sm);width:100%}.playground-help{margin-top:var(--spacing-xs)}.dashboard-usage{display:flex;flex-direction:column;gap:var(--spacing-xl)}.dashboard-usage-grid{grid-gap:var(--spacing-xl);align-items:start;display:grid;gap:var(--spacing-xl);grid-template-columns:1fr 340px}@media (max-width:1024px){.dashboard-usage-grid{grid-template-columns:1fr}}.dashboard-card{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.dashboard-chart-card{display:flex;flex-direction:column;gap:var(--spacing-lg)}.dashboard-chart-header{display:flex;flex-direction:column;gap:var(--spacing-xs)}.dashboard-chart-label{color:var(--text-secondary);font-size:var(--font-size-small);font-weight:var(--font-medium)}.dashboard-chart-value{color:var(--text-primary);font-size:var(--font-size-xxl);font-weight:var(--font-bold)}.dashboard-chart-container{height:240px;padding-top:var(--spacing-md);position:relative}.dashboard-chart-bars{align-items:flex-end;display:flex;gap:var(--spacing-xs);height:100%}.dashboard-chart-bar-wrapper{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs);height:100%;justify-content:flex-end}.dashboard-chart-bar{background:var(--primary-color);border-radius:var(--radius-sm) var(--radius-sm) 0 0;max-width:32px;min-height:2px;transition:background var(--transition-fast),opacity var(--transition-fast);width:100%}.dashboard-chart-bar:hover{background:var(--primary-700)}.dashboard-chart-bar--empty{background:var(--gray-200);min-height:2px}.dashboard-chart-bar-label{color:var(--text-muted);font-size:var(--font-size-xs);white-space:nowrap}.dashboard-chart-labels{display:flex;justify-content:space-between;padding-top:var(--spacing-sm)}.dashboard-stats{display:flex;flex-direction:column;gap:var(--spacing-md)}.dashboard-stat-card{display:flex;flex-direction:column;gap:var(--spacing-sm)}.dashboard-stat-label{color:var(--text-secondary);font-size:var(--font-size-small);font-weight:var(--font-medium)}.dashboard-stat-value{color:var(--text-primary);font-size:var(--font-size-medium);font-weight:var(--font-semibold)}.dashboard-stat-value span{color:var(--text-secondary);font-weight:var(--font-normal)}.dashboard-budget-bar{background:var(--gray-200);border-radius:var(--radius-full);height:8px;overflow:hidden}.dashboard-budget-fill{background:var(--primary-color);border-radius:var(--radius-full);height:100%;transition:width var(--transition-normal)}.dashboard-budget-info{align-items:center;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:var(--font-size-xs);gap:var(--spacing-xs)}.dashboard-budget-link{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:inherit;font-weight:var(--font-medium);padding:0;text-decoration:none}.dashboard-budget-link:hover{text-decoration:underline}.dashboard-mini-chart{align-items:flex-end;display:flex;gap:3px;height:48px;padding-top:var(--spacing-sm)}.dashboard-mini-bar{background:var(--primary-color);border-radius:2px 2px 0 0;flex:1 1;min-height:2px;transition:background var(--transition-fast)}.dashboard-mini-bar:hover{background:var(--primary-700)}.dashboard-mini-bar--empty{background:var(--gray-200)}.playground-dropdown{display:flex;flex-direction:column;gap:var(--spacing-xs);position:relative}.playground-dropdown-label{display:block;font-weight:var(--font-semibold)}.playground-dropdown-label,.playground-dropdown-trigger{color:var(--text-primary);font-size:var(--font-size-small)}.playground-dropdown-trigger{align-items:center;background-color:var(--gray-100);border:1px solid var(--gray-300);border-radius:10px;cursor:pointer;display:flex;font-family:inherit;font-weight:var(--font-medium);justify-content:space-between;min-height:44px;padding:10px 14px 10px var(--spacing-md);text-align:left;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease;width:100%}.playground-dropdown-trigger:hover{background-color:var(--white);border-color:var(--gray-400)}.playground-dropdown-trigger:focus{background-color:var(--white);border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-50);outline:none}.playground-dropdown-value{flex:1 1}.playground-dropdown-chevron{align-items:center;color:var(--gray-600);display:flex;justify-content:center;transition:transform .2s ease}.playground-dropdown-chevron.is-open{color:var(--primary-color);transform:rotate(180deg)}.playground-dropdown-panel{animation:playground-dropdown-in .2s ease;background:var(--white);border:1px solid var(--gray-200);border-radius:10px;box-shadow:0 10px 25px #00000014,0 4px 10px #0000000a;left:0;padding:6px;position:absolute;right:0;top:calc(100% + 6px);z-index:10}@keyframes playground-dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.playground-dropdown-option{background:#0000;border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;display:block;font-family:inherit;font-size:var(--font-size-small);font-weight:var(--font-normal);padding:10px 14px;text-align:left;transition:background-color .15s ease,color .15s ease;width:100%}.playground-dropdown-option:hover{background-color:var(--primary-50);color:var(--primary-800)}.playground-dropdown-option.is-selected{background-color:var(--primary-100);color:var(--primary-800);font-weight:var(--font-medium)}.playground-dropdown-option.is-selected:hover{background-color:var(--primary-accent)}.playground-help{line-height:1.4}.toggle-wrap{align-items:center;border:1px solid var(--gray-200);border-radius:10px;cursor:pointer;display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);transition:background-color .2s ease,border-color .2s ease}.toggle-wrap:hover{background-color:var(--primary-50);border-color:var(--primary-color)}.toggle-wrap--no-box{border:none;border-radius:0;padding:0}.toggle-wrap--no-box:hover{background-color:initial;border-color:#0000}.toggle-label{background:#0000;border:none;box-shadow:none;color:var(--text-primary);cursor:pointer;display:block;font-family:inherit;font-size:var(--font-size-small);font-weight:var(--font-medium);margin:0;outline:none;padding:0}.toggle-label:active,.toggle-label:focus,.toggle-label:focus-visible,.toggle-label:hover{background:#0000;border:none;box-shadow:none;color:var(--text-primary);outline:none}.toggle-control{align-items:center;cursor:pointer;display:inline-flex;flex-shrink:0}.toggle-input{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.toggle-track{background-color:var(--gray-300);border-radius:12px;flex-shrink:0;height:24px;position:relative;transition:background-color .2s ease,box-shadow .2s ease;width:44px}.toggle-thumb{background-color:var(--white);border-radius:50%;box-shadow:0 1px 3px #0003;height:20px;left:2px;position:absolute;top:2px;transition:transform .2s ease;width:20px}.toggle-input:checked+.toggle-track{background-color:var(--primary-color)}.toggle-input:checked+.toggle-track .toggle-thumb{transform:translateX(20px)}.toggle-input:focus+.toggle-track{box-shadow:0 0 0 3px var(--primary-50)}.toggle-input:disabled+.toggle-track{cursor:not-allowed;opacity:.5}.toggle-control:has(.toggle-input:disabled){cursor:not-allowed;opacity:.7}.toggle-wrap:has(.toggle-input:disabled) .toggle-label{cursor:not-allowed;opacity:.7}.toggle-help{color:var(--text-muted);font-size:var(--font-size-xs);line-height:1.4;margin:0;margin-top:var(--spacing-xs);width:100%}.playground-wrap{min-height:100%;width:100%}.playground-form{display:flex;flex-direction:column}.playground-form-body{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:1fr 1fr}@media (max-width:900px){.playground-form-body{grid-template-columns:1fr}}.playground-group.playground-card{align-self:start;display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-xl)}.playground-group-title{color:var(--primary-color);font-size:var(--font-size-medium);font-weight:var(--font-semibold);margin:0}.playground-section-title{color:var(--text-primary);font-size:var(--font-size-small);font-weight:var(--font-semibold);margin:0 0 var(--spacing-xs)}.playground-toggle-inline{align-items:center;display:flex;gap:var(--spacing-lg);justify-content:space-between}.playground-toggle-inline .playground-section-title{margin:0 0 var(--spacing-xs)}.playground-website-row{display:flex;flex-direction:column;gap:var(--spacing-xs)}.playground-website-input-row{align-items:center;display:flex;gap:var(--spacing-md)}.playground-website-input-row .playground-input{flex:1 1;min-width:0}.playground-killer-questions .playground-section-title{margin-bottom:var(--spacing-xs)}.playground-killer-questions .playground-help{margin-bottom:var(--spacing-md)}.playground-killer-list{display:flex;flex-direction:column;gap:var(--spacing-sm);list-style:none;margin:0 0 var(--spacing-md);padding:0}.playground-killer-item{align-items:center;display:flex;gap:var(--spacing-sm)}.playground-killer-item .playground-input{flex:1 1;min-width:0}.playground-killer-number{background:var(--primary-100);border-radius:var(--radius-full);display:flex;flex-shrink:0;font-weight:var(--font-semibold);height:28px;justify-content:center;width:28px}.playground-killer-add,.playground-killer-number{align-items:center;color:var(--primary-color);font-size:var(--font-size-small)}.playground-killer-add{background:#0000;border:none;cursor:pointer;display:inline-flex;font-weight:var(--font-medium);gap:var(--spacing-sm);padding:var(--spacing-sm) 0;transition:color var(--transition-fast)}.playground-killer-add:hover{color:var(--primary-700)}.playground-icon-btn{align-items:center;background:var(--white);border:var(--border-width) solid var(--gray-300);border-radius:var(--radius-md);color:var(--gray-700);cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;padding:0;transition:all var(--transition-fast);width:44px}.playground-icon-btn:hover{color:var(--primary-700)}.playground-icon-btn--active,.playground-icon-btn:hover{background:var(--primary-50);border-color:var(--primary-300)}.playground-icon-btn--active{color:var(--primary-color)}.playground-icon-btn--danger:hover{background:var(--error-bg);border-color:var(--error-color);color:var(--error-color)}.playground-icon-btn:disabled{background:var(--gray-100);border-color:var(--gray-300);color:var(--gray-500);cursor:not-allowed;opacity:.8}.playground-input{background:var(--white);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-small);min-height:44px;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast);width:100%}.playground-input::placeholder{color:var(--text-muted)}.playground-input:hover{border-color:var(--gray-400)}.playground-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-50);outline:none}.playground-input:read-only{background:var(--gray-100);cursor:default}.playground-input-label{color:var(--text-primary);display:block;font-size:var(--font-size-small);font-weight:var(--font-semibold);margin-bottom:var(--spacing-xs)}.playground-help{color:var(--text-muted);font-size:var(--font-size-xs);line-height:var(--leading-relaxed);margin:0}.playground-choices,.playground-section-help{margin-bottom:var(--spacing-md)}.playground-choices{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md)}.playground-choices--cols-2{grid-template-columns:repeat(2,1fr)}.playground-choices--cols-3{grid-template-columns:repeat(3,1fr)}@media (max-width:640px){.playground-choices--cols-2,.playground-choices--cols-3{grid-template-columns:1fr}}.playground-choice-card{background:var(--gray-100);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md-lg);cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-fast)}.playground-choice-card:focus-within,.playground-choice-card:hover{background:var(--white);border-color:var(--gray-300)}.playground-choice-card:has(input:checked){background:var(--primary-50);border-color:var(--primary-300)}.playground-choice-card--inline{align-items:center;flex-direction:row}.playground-choice-label{align-items:center;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:var(--font-size-small);font-weight:var(--font-medium);gap:var(--spacing-sm)}.playground-choice-checkbox{accent-color:var(--primary-color);cursor:pointer;height:20px;margin:0;width:20px}.playground-choice-content{display:flex;flex-direction:column;gap:var(--spacing-sm)}.playground-choice-desc{color:var(--text-secondary);font-size:var(--font-size-small);line-height:var(--leading-relaxed);margin:0}.playground-cta-box{background:var(--gray-100);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md-lg);display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg)}.playground-cta-box .button{align-self:flex-start}.combined-account-page{align-items:flex-start;display:flex;flex:1 1;flex-direction:row;gap:var(--spacing-lg);min-height:0;overflow:hidden;width:100%}.account-panel{flex-shrink:0;min-width:400px;width:400px}.account-panel-loading{align-items:center;display:flex;justify-content:center;min-height:200px;min-width:400px;width:400px}.team-panel{display:flex;flex:1 1;flex-direction:column;height:100%;min-width:0;overflow:hidden}.team-panel-content{flex:1 1;min-height:0;overflow-y:auto;padding-top:0}@media (max-width:900px){.combined-account-page{flex-direction:column;overflow-y:auto}.account-panel,.account-panel-loading{min-width:0;width:100%}}.account-page{display:flex;flex-direction:column;gap:var(--spacing-lg);max-width:100%}.account-header{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:space-between}.account-title{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-semibold);margin:0}.account-modifier-btn{align-items:center;display:inline-flex;flex-shrink:0;font-size:var(--font-size-small);gap:var(--spacing-xs);justify-content:center;min-width:100px;padding:var(--spacing-sm) var(--spacing-md)}.account-modifier-btn:disabled{border-color:var(--gray-300);cursor:not-allowed;opacity:.6}.account-modifier-btn:disabled,.account-modifier-btn:disabled:hover{background:var(--gray-300);color:var(--text-secondary)}.account-save-spinner{animation:account-spin .7s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top:2px solid var(--white);flex-shrink:0;height:14px;width:14px}@keyframes account-spin{to{transform:rotate(1turn)}}.account-loading{align-items:center;display:flex;justify-content:center;min-height:120px}.account-profile-section{border-bottom:1px solid var(--gray-200);display:flex;justify-content:center;padding:var(--spacing-md) 0}.account-avatar-wrap{border-radius:50%;cursor:pointer;flex-shrink:0;height:96px;position:relative;width:96px}.account-avatar-wrap:focus{border-radius:50%;box-shadow:0 0 0 2px var(--primary-color);outline:none}.account-avatar{border-radius:50%;display:block;height:100%;object-fit:cover;width:100%}.account-avatar-fallback{background:var(--primary-100);color:var(--primary-color);font-size:1.5rem;font-weight:var(--font-semibold);height:100%;width:100%}.account-avatar-fallback,.account-avatar-overlay{align-items:center;border-radius:50%;display:flex;justify-content:center}.account-avatar-overlay{background:#00000080;color:var(--white);inset:0;opacity:0;position:absolute;transition:opacity var(--transition-fast)}.account-avatar-wrap:focus .account-avatar-overlay,.account-avatar-wrap:hover .account-avatar-overlay{opacity:1}.account-avatar-hint{font-size:var(--font-size-xs);padding:var(--spacing-xs);text-align:center}.account-file-input{height:0;opacity:0;pointer-events:none;position:absolute;width:0}.account-form{gap:var(--spacing-md)}.account-form,.account-form-field{display:flex;flex-direction:column}.account-form-field{gap:6px}.account-form-field label{font-weight:var(--font-medium)}.account-form-field label,.account-form-input{color:var(--text-primary);font-size:var(--font-size-small)}.account-form-input{background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-sm);font-family:inherit;padding:var(--spacing-sm) var(--spacing-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.account-form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-50);outline:none}.account-form-input-readonly,.account-form-input:disabled{background:var(--gray-50);color:var(--text-secondary);cursor:not-allowed}.account-field-hint{color:var(--text-secondary);font-size:var(--font-size-xs)}.account-save-message{color:var(--primary-color);font-size:var(--font-size-small);margin:0}.account-save-message-error{color:#c53030;color:var(--error-color,#c53030)}.team-company-page{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.add-member-form{align-items:center;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-sm);display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.add-member-input,.add-member-select{background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--font-size-small);padding:var(--spacing-xs) var(--spacing-sm);transition:border-color var(--transition-fast)}.add-member-input{min-width:0;width:140px}.add-member-select{min-width:0;width:110px}.add-member-input:focus,.add-member-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-50);outline:none}.add-member-input::placeholder{color:var(--text-secondary);opacity:.8}.add-member-actions{display:flex;gap:var(--spacing-xs)}.payments-page{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.payments-content{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xl);overflow-y:auto;padding:var(--spacing-lg)}.payments-content::-webkit-scrollbar{width:6px}.payments-content::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}.payments-toast{animation:payments-toast-in .3s ease;border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;font-size:var(--font-size-small);font-weight:var(--font-medium);left:50%;padding:var(--spacing-sm) var(--spacing-lg);position:fixed;top:var(--spacing-lg);transform:translateX(-50%);z-index:10002}.payments-toast-success{background:#16a34a;background:var(--green-600,#16a34a);color:var(--white)}@keyframes payments-toast-in{0%{opacity:0;transform:translateX(-50%) translateY(-8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.payments-section{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg)}.payments-section .section-header{align-items:center;border-bottom:1px solid var(--gray-200);display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.payments-section .section-header h2{margin:0}.payments-section .section-header h2,.section-title-alone{color:var(--text-primary);font-size:var(--font-size-medium);font-weight:var(--font-semibold)}.section-title-alone{border-bottom:1px solid var(--gray-200);margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-md)}.subscription-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.current-plan-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:var(--spacing-lg)}.current-plan-badge{background:var(--primary-100);border-radius:var(--radius-full);color:var(--primary-color);display:inline-block;font-size:var(--font-size-small);font-weight:var(--font-semibold);margin-bottom:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm)}.current-plan-price{color:var(--text-primary);font-size:var(--font-size-large);margin:0 0 var(--spacing-md) 0}.current-plan-price strong{font-weight:var(--font-semibold)}.current-plan-features{list-style:none;margin:0 0 var(--spacing-sm) 0;padding:0}.current-plan-features li{color:var(--text-secondary);font-size:var(--font-size-small);padding:var(--spacing-xs) 0;padding-left:1.25rem;position:relative}.current-plan-features li:before{color:var(--primary-color);content:"✓";font-weight:700;left:0;position:absolute}.current-plan-next{color:var(--text-secondary);font-size:var(--font-size-small);margin:0}.btn-secondary{align-items:center;background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:var(--font-size-small);font-weight:var(--font-medium);justify-content:center;padding:var(--spacing-sm) var(--spacing-md)}.btn-secondary:hover{background:var(--gray-50);border-color:var(--gray-300)}.btn-primary{align-items:center;background:var(--primary-color);border:1px solid var(--primary-color);border-radius:var(--radius-md);color:var(--white);cursor:pointer;display:inline-flex;font-size:var(--font-size-small);font-weight:var(--font-medium);justify-content:center;padding:var(--spacing-sm) var(--spacing-md)}.btn-primary:hover:not(:disabled){filter:brightness(1.05)}.btn-primary:disabled{cursor:not-allowed;opacity:.7}.btn-ghost-danger{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:#dc2626;color:var(--red-600,#dc2626);cursor:pointer;display:inline-flex;font-size:var(--font-size-small);font-weight:var(--font-medium);justify-content:center;padding:var(--spacing-sm) var(--spacing-md)}.btn-ghost-danger:hover{background:#fef2f2;background:var(--red-50,#fef2f2)}.btn-danger{align-items:center;background:#dc2626;background:var(--red-600,#dc2626);border:none;border-radius:var(--radius-md);color:var(--white);cursor:pointer;display:inline-flex;font-size:var(--font-size-small);font-weight:var(--font-medium);justify-content:center;padding:var(--spacing-sm) var(--spacing-md)}.btn-danger:hover:not(:disabled){background:#b91c1c;background:var(--red-700,#b91c1c)}.btn-danger:disabled{cursor:not-allowed;opacity:.5}.btn-sm{font-size:12px;padding:var(--spacing-xs) var(--spacing-sm)}.btn-icon{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;height:32px;justify-content:center;padding:0;width:32px}.btn-icon:hover{background:var(--gray-100);color:var(--text-primary)}.btn-icon svg{height:18px;width:18px}.plans-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.plan-card{align-items:flex-start;background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;flex-direction:column;padding:var(--spacing-lg);position:relative;transition:border-color .2s,box-shadow .2s}.plan-card:hover{border-color:var(--gray-300)}.plan-card-popular{border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color)}.plan-card-current{background:var(--primary-50);border-color:var(--primary-color)}.plan-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);min-height:24px}.plan-badge{border-radius:var(--radius-full);flex-shrink:0;font-size:11px;font-weight:var(--font-semibold);padding:2px 8px}.plan-badge-popular{background:var(--primary-100);color:var(--primary-color)}.plan-badge-current{background:var(--primary-color);color:var(--white)}.plan-name{font-size:var(--font-size-base);margin:0 0 var(--spacing-xs) 0}.plan-name,.plan-price{color:var(--text-primary);font-weight:var(--font-semibold)}.plan-price{font-size:var(--font-size-large);margin-bottom:var(--spacing-md)}.plan-period{color:var(--text-secondary);font-size:var(--font-size-small);font-weight:var(--font-normal)}.plan-features{flex:1 1;list-style:none;margin:0 0 var(--spacing-md) 0;padding:0}.plan-features li{color:var(--text-secondary);font-size:var(--font-size-small);padding:var(--spacing-xs) 0;padding-left:1rem;position:relative}.plan-features li:before{color:var(--primary-color);content:"•";left:0;position:absolute}.plan-cta{border:1px solid #0000;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-small);font-weight:var(--font-medium);padding:var(--spacing-sm) var(--spacing-md);width:100%}.plan-cta-primary{background:var(--primary-color);border-color:var(--primary-color);color:var(--white)}.plan-cta-primary:hover{filter:brightness(1.05)}.plan-cta-outline{background:var(--white);border-color:var(--border-color);color:var(--text-primary)}.plan-cta-outline:hover{background:var(--gray-50)}.plan-cta-cancel{background:var(--white);border-color:#fecaca;border-color:var(--red-200,#fecaca);color:#dc2626;color:var(--red-600,#dc2626)}.plan-cta-cancel:hover{background:#fef2f2;background:var(--red-50,#fef2f2);border-color:#fca5a5;border-color:var(--red-300,#fca5a5)}.usage-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.usage-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:var(--spacing-md)}.usage-label{color:var(--text-secondary);font-size:var(--font-size-small);margin-bottom:var(--spacing-xs)}.usage-value{font-size:var(--font-size-base);font-weight:var(--font-semibold);margin-bottom:var(--spacing-sm)}.usage-used,.usage-value{color:var(--text-primary)}.usage-sep{margin:0 2px}.usage-limit,.usage-sep{color:var(--text-secondary)}.usage-limit{font-weight:var(--font-normal)}.usage-bar{background:var(--gray-200);border-radius:3px;height:6px;overflow:hidden}.usage-bar-fill{background:var(--primary-color);border-radius:3px;height:100%;transition:width .3s ease}.table-wrap{overflow-x:auto}.payments-table{border-collapse:collapse;width:100%}.payments-table td,.payments-table th{border-bottom:1px solid var(--gray-200);padding:var(--spacing-md);text-align:left}.payments-table th{background:var(--gray-50);color:var(--text-secondary);font-size:var(--font-size-small);font-weight:var(--font-semibold)}.payments-table tbody tr:hover{background-color:var(--gray-50)}.payments-table tbody tr:last-child td{border-bottom:none}.status-badge{border-radius:var(--radius-full);display:inline-block;font-size:12px;font-weight:var(--font-medium);padding:2px 8px}.status-paid,.status-success{background:#dcfce7;background:var(--green-100,#dcfce7);color:#166534;color:var(--green-800,#166534)}.payment-method-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.payment-method-empty{background:var(--gray-50);border:1px dashed var(--gray-300);border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center}.payment-method-empty p{color:var(--text-secondary);font-size:var(--font-size-small);margin:0 0 var(--spacing-md) 0}.payment-method-card{align-items:center;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:var(--spacing-md);padding:var(--spacing-md)}.payment-method-card svg{color:var(--text-secondary);flex-shrink:0;height:40px;width:40px}.payment-method-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.payment-method-info strong{color:var(--text-primary);font-size:var(--font-size-small)}.payment-method-info>span{color:var(--text-secondary);font-size:12px}.payment-method-default-label{color:var(--primary-color);font-size:12px;font-weight:var(--font-medium);margin-top:2px}.payment-method-default-badge{background:var(--primary-100);border-radius:var(--radius-full);color:var(--primary-color);display:inline-block;font-size:11px;font-weight:var(--font-semibold);margin-top:4px;padding:2px 8px;width:-webkit-fit-content;width:fit-content}.payment-method-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.btn-add-card{align-self:flex-start}.payments-modal-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;padding:var(--spacing-lg);position:fixed;z-index:10001}.payments-modal{background:var(--white);border-radius:var(--radius-md);box-shadow:0 10px 40px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:420px;overflow:hidden;width:100%}.payments-modal-header{align-items:center;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:var(--spacing-lg)}.payments-modal-header h3{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-semibold);margin:0}.btn-close-modal{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;line-height:1;width:32px}.btn-close-modal:hover{background:var(--gray-100);color:var(--text-primary)}.payments-modal-body{overflow-y:auto;padding:var(--spacing-lg)}.plan-option{align-items:center;background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:var(--font-size-small);justify-content:space-between;margin-bottom:var(--spacing-sm);padding:var(--spacing-md);text-align:left;width:100%}.plan-option:hover{background:var(--gray-50);border-color:var(--gray-300)}.plan-option-current{background:var(--primary-50);border-color:var(--primary-color)}.plan-option-name{color:var(--text-primary);font-weight:var(--font-medium)}.plan-option-price{color:var(--text-secondary)}.confirm-plan-text{font-size:var(--font-size-small)}.confirm-plan-price,.confirm-plan-text{color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.confirm-plan-price{font-size:var(--font-size-base);font-weight:var(--font-semibold)}.confirm-plan-billing{color:var(--text-secondary);font-size:var(--font-size-small);margin:0 0 var(--spacing-lg) 0}.form-group{margin-bottom:var(--spacing-md)}.form-group label{color:var(--text-primary);display:block;font-weight:var(--font-medium);margin-bottom:var(--spacing-xs)}.form-group label,.form-input{font-size:var(--font-size-small)}.form-input{border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);width:100%}.form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-100);outline:none}.form-input-error,.form-input-error:focus{border-color:#ef4444;border-color:var(--red-500,#ef4444)}.form-input-error:focus{box-shadow:0 0 0 2px #fee2e2;box-shadow:0 0 0 2px var(--red-100,#fee2e2)}.form-error{color:#dc2626;color:var(--red-600,#dc2626);display:block;font-size:12px;margin-top:var(--spacing-xs)}.form-row{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr}.cancel-warning{color:var(--text-secondary)}.cancel-warning,.delete-last-card-warning{font-size:var(--font-size-small);margin:0 0 var(--spacing-md) 0}.delete-last-card-warning{background:#fef2f2;background:var(--red-50,#fef2f2);border:1px solid #fecaca;border:1px solid var(--red-200,#fecaca);border-radius:var(--radius-md);color:#b91c1c;color:var(--red-700,#b91c1c);font-weight:var(--font-medium);padding:var(--spacing-sm) var(--spacing-md)}.cancel-confirm-label{color:var(--text-primary);font-size:var(--font-size-small);margin:0 0 var(--spacing-sm) 0}.cancel-confirm-input{border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-small);margin-bottom:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md);width:100%}.cancel-confirm-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-100);outline:none}.payments-modal-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:flex-end}@media (max-width:768px){.plans-grid{grid-template-columns:1fr}.subscription-actions{width:100%}.subscription-actions .btn-ghost-danger,.subscription-actions .btn-secondary{flex:1 1}}.legal-docs-wrap{align-items:flex-start;display:flex;flex-direction:column;width:100%}.legal-page{height:-webkit-fit-content;height:fit-content;max-width:560px;min-height:0}.legal-page-title{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-semibold);margin:0 0 var(--spacing-sm)}.legal-page-intro{color:var(--text-secondary);font-size:var(--font-size-small);line-height:1.5;margin:0 0 var(--spacing-lg)}.legal-doc-list{display:flex;flex-direction:column;gap:var(--spacing-xs);list-style:none}.legal-doc-item,.legal-doc-list{margin:0;padding:0}.legal-doc-link{align-items:center;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-sm);color:var(--primary-color);display:flex;font-size:var(--font-size-small);font-weight:var(--font-medium);justify-content:space-between;padding:var(--spacing-md);text-decoration:none;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.legal-doc-link:hover{background:var(--primary-50);border-color:var(--primary-100)}.legal-doc-icon{font-size:1rem;opacity:.8}.feedback-page{display:flex;flex-direction:column;gap:var(--spacing-md);max-width:640px}.feedback-contact-person-section{border-bottom:1px solid var(--gray-200);padding:var(--spacing-md) 0;text-align:center}.feedback-contact-person-title{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-semibold);margin:0 0 var(--spacing-sm)}.feedback-contact-person-intro{color:var(--text-secondary);font-size:var(--font-size-small);line-height:1.5;margin:0 0 var(--spacing-md)}.feedback-contact-person-block{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-sm);margin:0 auto;max-width:280px}.feedback-contact-person-avatar-wrap{flex-shrink:0}.feedback-contact-person-avatar{border-radius:50%;display:block;height:72px;object-fit:cover;width:72px}.feedback-contact-person-avatar-fallback{align-items:center;background:var(--primary-100);border-radius:50%;color:var(--primary-color);display:flex;font-size:1.25rem;font-weight:var(--font-semibold);height:72px;justify-content:center;width:72px}.feedback-contact-person-details{align-items:center;display:flex;flex-direction:column;gap:2px;text-align:center}.feedback-contact-person-name{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-medium)}.feedback-contact-person-email{color:var(--primary-color);font-size:var(--font-size-small);text-decoration:none}.feedback-contact-person-email:hover{text-decoration:underline}.feedback-form-section{padding:var(--spacing-md) 0 0}.feedback-form-section-title{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-semibold);margin:0 0 var(--spacing-sm)}.feedback-form-intro{color:var(--text-secondary);font-size:var(--font-size-small);line-height:1.5;margin:0 0 var(--spacing-lg)}.feedback-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.feedback-form-field{display:flex;flex-direction:column;gap:6px}.feedback-form-field label{color:var(--text-primary);font-size:var(--font-size-small);font-weight:var(--font-medium)}.feedback-form-input,.feedback-form-select,.feedback-form-textarea{background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;font-size:var(--font-size-small);padding:var(--spacing-sm) var(--spacing-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.feedback-form-input:focus,.feedback-form-select:focus,.feedback-form-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-50);outline:none}.feedback-form-input::placeholder,.feedback-form-textarea::placeholder{color:var(--text-secondary);opacity:.8}.feedback-form-textarea{box-sizing:border-box;display:block;max-height:400px;min-height:100px;overflow-x:hidden;overflow-y:auto;resize:vertical!important;width:100%}.feedback-form-select{-webkit-appearance:auto;appearance:auto;cursor:pointer}.feedback-form-actions{padding-top:var(--spacing-sm)}.feedback-submit-btn{min-width:120px}.feedback-success{background:var(--primary-50);border:1px solid var(--primary-100);border-radius:var(--radius-sm);color:var(--text-primary);padding:var(--spacing-lg)}.feedback-success p{font-size:var(--font-size-small);line-height:1.5;margin:0}.snackbar{background-color:#1a1a1a;border-radius:8px;bottom:24px;box-shadow:0 4px 12px #00000026;color:#fff;left:50%;max-width:500px;min-width:300px;opacity:0;pointer-events:none;position:fixed;transform:translateX(-50%) translateY(100px);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:10000}.snackbar-open{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}.snackbar-success{background-color:#10b981}.snackbar-error{background-color:#ef4444}.snackbar-info{background-color:#3b82f6}.snackbar-content{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:14px 16px}.snackbar-message{flex:1 1;font-size:14px;font-weight:400;line-height:1.5}.snackbar-close{align-items:center;background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:24px;justify-content:center;line-height:1;padding:0;transition:background-color .2s;width:24px}.snackbar-close:hover{background-color:#ffffff1a}.snackbar-close:active{background-color:#fff3}@media (max-width:640px){.snackbar{left:16px;max-width:none;min-width:auto;right:16px;transform:translateY(100px)}.snackbar-open{transform:translateY(0)}}.studio-auth-container{background-color:#f8f7f3;display:flex;min-height:100vh}.studio-auth-left{padding:2rem}.studio-auth-left,.studio-auth-right{align-items:center;display:flex;flex:1 1;justify-content:center}.studio-auth-right{height:100vh;padding:1rem;position:-webkit-sticky;position:sticky;top:0}.studio-auth-right-image{align-items:center;background:linear-gradient(135deg,#f97316,#ec4899 50%,#8b5cf6);border-radius:16px;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.studio-auth-right-image img{height:100%;object-fit:cover;width:100%}.studio-auth-card{max-width:380px;width:100%}.studio-auth-logo{align-items:center;background:#fff;border-radius:12px;display:flex;height:48px;justify-content:center;margin-bottom:1.5rem;overflow:hidden;width:48px}.studio-auth-logo img{height:100%;object-fit:cover;width:100%}.studio-auth-title{color:#1a1a1a;font-size:1.875rem;font-weight:700;margin-bottom:2rem}.studio-auth-social-buttons{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;width:100%}.studio-auth-social-buttons .button-squared{align-items:center;display:flex;gap:8px;justify-content:flex-start;width:100%}.studio-auth-social-buttons .button-squared-logo{align-items:center;display:flex;flex-shrink:0;height:18px;justify-content:center;width:18px}.studio-auth-social-buttons .button-squared-text{flex:1 1;text-align:center}.studio-auth-divider{align-items:center;color:#666;display:flex;font-size:.875rem;margin:1.5rem 0}.studio-auth-divider:after,.studio-auth-divider:before{background:#e5e5e5;content:"";flex:1 1;height:1px}.studio-auth-divider:before{margin-right:1rem}.studio-auth-divider:after{margin-left:1rem}.studio-auth-form{display:flex;flex-direction:column;gap:1rem}.studio-auth-description{color:#666;font-size:.9rem;line-height:1.5}.studio-auth-footer{color:#666;font-size:.9rem;margin-top:1.5rem;text-align:center}.studio-auth-footer button{background:none;border:none;color:#1a1a1a;cursor:pointer;font-weight:600;text-decoration:underline}.studio-auth-footer button:hover{color:#333}.studio-auth-alert{border-radius:8px;font-size:.9rem;margin-bottom:1rem;padding:.875rem}.studio-auth-alert-error{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}@media (max-width:968px){.studio-auth-container{flex-direction:column}.studio-auth-right{display:none}.studio-auth-left{flex:1 1}}@media (max-width:640px){.studio-auth-card{max-width:100%}.studio-auth-title{font-size:1.5rem}}.studio-verify-description{margin-bottom:1.25rem}.studio-verify-otp-row{display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.75rem}.studio-verify-otp-digit{background-color:#fff;border:1px solid #e5e5e5;border-radius:8px;font-size:1.25rem;height:3rem;outline:none;text-align:center;width:2.75rem}.studio-verify-resend-wrap{font-size:.85rem;margin-bottom:1rem}.studio-verify-resend-btn{background:none;border:none;color:#1a1a1a;cursor:pointer;font-weight:600;margin:0;padding:0;text-decoration:underline}.studio-verify-resend-btn:hover:not(:disabled){color:#333}.studio-verify-resend-btn:disabled{cursor:default}.studio-forgot-description{margin-bottom:1.25rem}.header-docs{-webkit-backdrop-filter:none;backdrop-filter:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#0000;left:0;padding:1rem 2rem;position:fixed;right:0;top:0;transform:translateZ(0);transition:background .3s ease,-webkit-backdrop-filter .3s ease;transition:background .3s ease,backdrop-filter .3s ease;transition:background .3s ease,backdrop-filter .3s ease,-webkit-backdrop-filter .3s ease;will-change:transform;z-index:100}.header-docs.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8f7f3d5}.header-docs-container{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1200px}.header-docs-title{color:var(--text-primary);font-size:1.25rem;font-weight:600;text-decoration:none;transition:opacity .2s ease}.header-docs-title:hover{opacity:.8}.header-docs-title .highlight-orange{color:var(--primary-color)}@media (max-width:768px){.header-docs{padding:.75rem 1rem}.header-docs-title{font-size:1rem}}.popup-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000001a;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.popup-window{background:var(--white);border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;height:400px;justify-content:flex-start;max-height:100vh;max-width:100vw;overflow:hidden;padding:0;position:relative;width:480px}.popup-close{align-items:center;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);color:var(--gray-700);cursor:pointer;display:inline-flex;font-size:20px;height:36px;justify-content:center;line-height:1;position:absolute;right:var(--spacing-sm);top:var(--spacing-sm);width:36px;z-index:10}.popup-close:hover{box-shadow:var(--shadow-md)}.popup-content{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:var(--spacing-md)}.skillee-hide-popup-scrollbar .popup-content{-ms-overflow-style:none}.skillee-hide-popup-scrollbar .popup-content::-webkit-scrollbar{height:0;width:0}.popup-loading{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);height:100%;justify-content:center;padding:0;position:relative}.popup-loading .spinner{animation:spin .8s linear infinite;border:3px solid var(--gray-200);border-radius:50%;border-top-color:var(--primary-color);height:40px;width:40px}.popup-loading-text{color:var(--gray-500);font-size:var(--font-size-small)}@keyframes spin{to{transform:rotate(1turn)}}.page-choice{gap:var(--spacing-2xl);height:100%;justify-content:flex-start}.page-choice,.page-choice__brand{display:flex;flex-direction:column}.page-choice__brand{gap:6px;padding-right:44px}.page-choice__brand-top{align-items:center;display:flex;gap:var(--spacing-md)}.page-choice__brand-text{display:flex;flex-direction:column;gap:2px;min-width:0}.page-choice__headline{color:var(--text-primary);font-size:var(--font-size-medium);font-weight:var(--font-semibold);line-height:var(--leading-tight);margin:0}.page-choice__subhead{color:var(--text-secondary);font-size:var(--font-size-small);line-height:var(--leading-normal);margin:0}.page-choice__accent{background:var(--gradient-primary);border-radius:var(--radius-full);height:3px;width:100%}.page-choice__grid{grid-gap:var(--spacing-lg);display:grid;flex:1 1;gap:var(--spacing-lg);grid-template-columns:1fr}@media (max-height:720px){.page-choice__card.choice-card{padding:var(--spacing-lg)}}.page-choice__title-accent{color:var(--primary-color)}.choice-card{grid-row-gap:2px;--card-active-color:var(--primary-color);align-items:center;background:var(--white);background:var(--card-bg,var(--white));border:1px solid #0000;border:1px solid var(--card-border,#0000);border-radius:var(--radius-lg);cursor:pointer;display:grid;grid-template-areas:"title" "text";isolation:isolate;justify-items:center;overflow:hidden;padding:var(--spacing-lg);position:relative;row-gap:2px;text-align:center;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.choice-card__bg{inset:0;pointer-events:none;position:absolute;z-index:0}.choice-card>:not(.choice-card__bg){position:relative;z-index:1}.choice-card.has-icon{column-gap:var(--spacing-sm);display:flex;flex-wrap:wrap;justify-content:center}.choice-card.has-icon .choice-card__text{width:100%}.choice-card:hover{border-color:var(--card-active-color);box-shadow:var(--shadow-md)}.choice-card:focus-visible{outline:3px solid var(--primary-light);outline-offset:2px}.choice-card.is-selected{border-color:var(--card-active-color);box-shadow:0 0 0 4px var(--card-active-shadow)}.choice-card__title{font-size:var(--font-size-medium);font-weight:var(--font-medium);grid-area:title;margin:0}.choice-card__text{color:var(--text-muted);font-size:var(--font-size-small);grid-area:text;line-height:var(--leading-tight);margin:0}.choice-card__icon{align-items:center;border:1px solid var(--gray-200);border-radius:var(--radius-md);display:flex;grid-area:icon;height:40px;justify-content:center;overflow:hidden;padding:6px;width:40px}.choice-card__icon img{height:100%;object-fit:contain;width:100%}.pixel-rain{border-radius:inherit;inset:0;overflow:hidden;pointer-events:none;position:absolute}.pixel-rain__drop{animation-iteration-count:infinite;animation-name:pixelRainCard;animation-timing-function:steps(16);background:var(--primary-color);opacity:.7;position:absolute;top:-12px;transform:translateY(-12px)}.pixel-rain__drop--1{background:var(--primary-300)}.pixel-rain__drop--2{background:var(--primary-100)}@keyframes pixelRainCard{0%{transform:translateY(-12px)}to{transform:translateY(340px)}}.formulaire{gap:var(--spacing-lg);height:100%;width:100%}.formulaire,.formulaire__brand{display:flex;flex-direction:column}.formulaire__brand{gap:6px;padding-right:44px}.formulaire__brand-top{align-items:center;display:flex;gap:var(--spacing-md)}.formulaire__brand-text{display:flex;flex-direction:column;gap:2px;min-width:0}.formulaire__headline{color:var(--text-primary);font-size:var(--font-size-medium);font-weight:var(--font-semibold);line-height:var(--leading-tight);margin:0}.formulaire__subhead{color:var(--text-secondary);font-size:var(--font-size-small);line-height:var(--leading-normal);margin:0}.formulaire__accent{background:var(--gradient-primary);border-radius:var(--radius-full);height:3px;width:100%}.formulaire__fields{display:flex;flex-direction:column;gap:var(--spacing-sm);height:100%}.formulaire__grid-2{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:1fr}@media (min-width:520px){.formulaire__grid-2{grid-template-columns:1fr 1fr}}.formulaire-actions{display:flex;justify-content:flex-end;margin-top:auto}.skillee-hide-popup-scrollbar .formulaire .formulaire-actions{padding-bottom:var(--spacing-md)}@media (max-width:560px){.formulaire-actions{justify-content:stretch}.formulaire-actions .button{width:100%}}.formulaire__turnstile{display:flex;justify-content:center;min-height:0}.formulaire__turnstile iframe{border-radius:var(--radius-md)}.sent-page{color:var(--text-primary);display:flex;flex-direction:column;height:100%}.sent-page__top{align-items:flex-start;display:flex;justify-content:flex-start;padding:var(--spacing-md);padding-right:44px}.sent-page__logo{background:var(--background-color);border:1px solid var(--gray-200);border-radius:var(--radius-md);height:36px;object-fit:contain;padding:6px;width:36px}.sent-page__content{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-lg);justify-content:center;padding:0 var(--spacing-md);text-align:center}.sent-page__title{color:var(--text-primary);font-size:var(--font-size-medium-large);font-weight:var(--font-semibold);line-height:var(--leading-tight);margin:0}.sent-page__subtitle{color:var(--text-secondary);font-size:var(--font-size-base);line-height:var(--leading-relaxed);margin:0;max-width:520px}.sent-page__link{color:var(--primary-color);text-decoration:underline;text-underline-offset:2px}.sent-page__link:hover{text-decoration-thickness:2px}.sent-page__actions{display:flex;justify-content:center;margin-top:0;padding-top:var(--spacing-md);width:100%}.sent-page__actions .button{max-width:320px;width:100%}.sent-page__icon{animation:popIn .5s cubic-bezier(.175,.885,.32,1.275);margin-bottom:0}@keyframes popIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@media (max-width:560px){.sent-page__actions{justify-content:stretch}.sent-page__actions .button{width:100%}}.login-register-v2{display:flex;flex-direction:column;gap:var(--spacing-lg);height:100%;justify-content:flex-start;position:relative}.login-register-v2 .form{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-md)}.login-register-v2__brand{display:flex;flex-direction:column;gap:6px;padding-right:44px}.login-register-v2__brand-top{align-items:center;display:flex;gap:var(--spacing-md)}.login-register-v2__logo{background:var(--background-color);border:1px solid var(--gray-200);border-radius:var(--radius-md);flex:0 0 auto;height:36px;object-fit:contain;padding:6px;width:36px}.login-register-v2__brand-text{display:flex;flex-direction:column;gap:2px;min-width:0}.login-register-v2__headline{color:var(--text-primary);font-size:var(--font-size-medium);font-weight:var(--font-semibold);line-height:var(--leading-tight);margin:0}.login-register-v2__subhead{color:var(--text-secondary);font-size:var(--font-size-small);line-height:var(--leading-normal);margin:0}.login-register-v2__accent{background:var(--gradient-primary);border-radius:var(--radius-full);height:3px;width:100%}.form__footer{align-items:flex-end;display:flex;flex-direction:row-reverse;gap:var(--spacing-sm);justify-content:space-between;margin-top:auto;padding-top:var(--spacing-md)}.form__footer .button{white-space:nowrap;width:auto}.form__footer .auth-switch{margin-top:0;text-align:left}.form__footer .auth-switch p{justify-content:flex-start}@media (max-width:420px){.form__footer{align-items:stretch;flex-direction:column}.form__footer .button{width:100%}.form__footer .auth-switch{text-align:center}.form__footer .auth-switch p{justify-content:center}}.skillee-hide-popup-scrollbar .login-register-v2 .form__footer{padding-bottom:var(--spacing-md)}.login-register-v2__turnstile{display:flex;justify-content:center;min-height:0}.login-register-v2__turnstile iframe{border-radius:var(--radius-md)}.form-terms{align-items:flex-start;color:var(--text-secondary);display:flex;font-size:var(--font-size-small);gap:var(--spacing-sm)}.form-terms .checkbox-label{align-items:flex-start;cursor:pointer;display:flex;gap:var(--spacing-xs)}.form-terms input[type=checkbox]{cursor:pointer;margin-top:3px}.form-terms a{color:var(--primary-color);text-decoration:underline}.verify-sms-code{display:flex;flex-direction:column;gap:var(--spacing-lg);height:100%;justify-content:flex-start;position:relative}.verify-sms-code__brand{display:flex;flex-direction:column;gap:6px;padding-right:44px}.verify-sms-code__brand-top{align-items:center;display:flex;gap:var(--spacing-md)}.verify-sms-code__logo{background:var(--background-color);border:1px solid var(--gray-200);border-radius:var(--radius-md);flex:0 0 auto;height:36px;object-fit:contain;padding:6px;width:36px}.verify-sms-code__brand-text{display:flex;flex-direction:column;gap:2px;min-width:0}.verify-sms-code__headline{color:var(--text-primary);font-size:var(--font-size-medium);font-weight:var(--font-semibold);line-height:var(--leading-tight);margin:0}.verify-sms-code__subhead{color:var(--text-secondary);font-size:var(--font-size-small);line-height:var(--leading-normal);margin:0}.verify-sms-code__accent{background:var(--gradient-primary);border-radius:var(--radius-full);height:3px;width:100%}.verify-sms-code__phone-number{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-large);font-weight:var(--font-semibold);padding:var(--spacing-sm) var(--spacing-md);text-align:center}.verify-sms-code__form{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-md)}.verify-sms-code__inputs{display:flex;gap:var(--spacing-sm);justify-content:center}.verify-sms-code__input{background:var(--background-color);border:2px solid var(--gray-200);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-semibold);height:56px;text-align:center;transition:border-color .2s ease,box-shadow .2s ease;width:48px}.verify-sms-code__input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-100);outline:none}.verify-sms-code__input:disabled{background:var(--gray-100);cursor:not-allowed}.verify-sms-code__hint{color:var(--text-secondary);font-size:var(--font-size-small);margin:0;text-align:center}.verify-sms-code__hint .btn-link{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:inherit;margin:0;padding:0;text-decoration:underline;transition:color .2s ease}.verify-sms-code__hint .btn-link:hover:not(:disabled){color:var(--primary-dark)}.verify-sms-code__hint .btn-link:disabled{color:var(--text-tertiary);cursor:not-allowed;text-decoration:none}.verify-sms-code__actions{display:flex;flex-direction:row;gap:var(--spacing-md);justify-content:space-between;margin-top:auto;padding-top:var(--spacing-md)}.verify-sms-code__actions .button{flex:1 1}@media (max-width:380px){.verify-sms-code__input{font-size:var(--font-size-large);height:48px;width:40px}.verify-sms-code__inputs{gap:var(--spacing-xs)}}.confirm-phone{display:flex;flex-direction:column;gap:var(--spacing-lg);height:100%;justify-content:flex-start;position:relative}.confirm-phone__brand{display:flex;flex-direction:column;gap:6px;padding-right:44px}.confirm-phone__brand-top{align-items:center;display:flex;gap:var(--spacing-md)}.confirm-phone__logo{background:var(--background-color);border:1px solid var(--gray-200);border-radius:var(--radius-md);flex:0 0 auto;height:36px;object-fit:contain;padding:6px;width:36px}.confirm-phone__brand-text{display:flex;flex-direction:column;gap:2px;min-width:0}.confirm-phone__headline{color:var(--text-primary);font-size:var(--font-size-medium);font-weight:var(--font-semibold);line-height:var(--leading-tight);margin:0}.confirm-phone__subhead{color:var(--text-secondary);font-size:var(--font-size-small);line-height:var(--leading-normal);margin:0}.confirm-phone__accent{background:var(--gradient-primary);border-radius:var(--radius-full);height:3px;width:100%}.confirm-phone__phone-number{font-feature-settings:"tnum";background:var(--primary-50);border:1px solid var(--primary-100);border-radius:var(--radius-md);color:var(--primary-color);font-size:var(--font-size-medium-large);font-variant-numeric:tabular-nums;font-weight:var(--font-bold);letter-spacing:.05em;padding:var(--spacing-md) var(--spacing-lg);text-align:center}.confirm-phone__hint{color:var(--text-muted);font-size:var(--font-size-small);text-align:center}.confirm-phone__hint .btn-link{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:inherit;padding:0;text-decoration:underline}.confirm-phone__hint .btn-link:hover{color:var(--primary-dark)}.confirm-phone__actions{display:flex;justify-content:center;margin-top:auto}.api-error-page{color:var(--text-primary);display:flex;flex-direction:column;height:100%}.api-error-page__top{align-items:flex-start;display:flex;justify-content:flex-start;padding:var(--spacing-md);padding-right:44px}.api-error-page__logo{background:var(--background-color);border:1px solid var(--gray-200);border-radius:var(--radius-md);height:36px;object-fit:contain;padding:6px;width:36px}.api-error-page__content{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-md);justify-content:center;padding:0 var(--spacing-md);text-align:center}.api-error-page__icon{animation:shakeIn .5s cubic-bezier(.175,.885,.32,1.275);margin-bottom:var(--spacing-sm)}@keyframes shakeIn{0%{opacity:0;transform:scale(0) rotate(-10deg)}50%{transform:scale(1.1) rotate(5deg)}70%{transform:scale(.95) rotate(-3deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.api-error-page__title{color:var(--text-primary);font-size:var(--font-size-medium-large);font-weight:var(--font-semibold);line-height:var(--leading-tight);margin:0}.api-error-page__description{color:var(--text-secondary);font-size:var(--font-size-base);line-height:var(--leading-relaxed);margin:0;max-width:420px}.api-error-page__server-message{background:var(--gray-100);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-small);font-style:italic;margin:0;max-width:420px;padding:var(--spacing-sm) var(--spacing-md);word-break:break-word}.api-error-page__code{background:var(--gray-100);border-radius:var(--radius-sm);color:var(--text-muted);font-family:monospace;font-size:var(--font-size-xs);padding:4px 8px}.api-error-page__actions{display:flex;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-md);width:100%}.api-error-page__actions .button{min-width:120px}@media (max-width:560px){.api-error-page__actions{flex-direction:column-reverse}.api-error-page__actions .button{width:100%}.api-error-page__description,.api-error-page__server-message{max-width:100%}}.loading-anim{height:100%;overflow:hidden;position:relative;width:100%}.loading-anim__rain{inset:0;overflow:hidden;pointer-events:none;position:absolute}.loading-anim__drop{animation-iteration-count:infinite;animation-name:pixelRain;animation-timing-function:steps(18);background:var(--primary-color);border:0;box-shadow:none;opacity:.95;outline:0;position:absolute;top:-12px;transform:translateY(-12px)}.loading-anim__drop--1{background:var(--primary-300)}.loading-anim__drop--2{background:var(--primary-100)}@keyframes pixelRain{0%{transform:translateY(-12px)}to{transform:translateY(520px)}}.loading-anim__content{align-items:center;display:flex;height:100%;justify-content:center;padding:var(--spacing-md);position:relative}.loading-anim__text{background:#ffffffeb;border:1px solid var(--gray-200);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);color:var(--text-secondary);font-size:var(--font-size-small);font-weight:var(--font-semibold);padding:10px 12px;text-align:center}
/*# sourceMappingURL=main.793bdbec.css.map*/