: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;color:var(--white)}.btn-secondary{background:#f8f9fa;background:var(--gray-100);color:#333;color:var(--text-primary)}.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)}.btn-danger,.btn-success{color:#fff;color:var(--white)}.btn-danger{background:#dc3545;background:var(--error-color)}.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)}.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)}}.candidate-page{background-color:#f8f7f3;width:100%}.candidate-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}.candidate-hero h1{color:#000;font-size:var(--font-size-xl);font-weight:var(--font-semibold);margin-bottom:var(--spacing-lg)}.candidate-hero p{color:var(--text-secondary);font-size:var(--font-size-base);font-weight:var(--font-normal);margin-bottom:var(--spacing-xl)}.candidate-hero-cta{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center}.candidate-interview-section{display:flex;justify-content:center;margin:0 auto;max-width:var(--content-max-width);padding:var(--spacing-3xl) var(--spacing-lg)}.candidate-interview-box{background-color:#000;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-2xl);width:100%}.candidate-interview-header{text-align:left}.candidate-interview-header h3{color:#fff;margin:0 0 var(--spacing-xs) 0}.candidate-interview-header h3,.candidate-interview-header p{font-size:var(--font-size-large);font-weight:var(--font-semibold)}.candidate-interview-header p{color:var(--gray-500);margin:0}.candidate-interview-images{align-items:stretch;display:flex;flex-direction:row;gap:var(--spacing-lg);height:clamp(18rem,55vh,32rem);justify-content:center}.candidate-interview-image{background:var(--white);border-radius:var(--radius-lg);flex:1 1;min-width:0;overflow:hidden}.candidate-interview-images.dynamic-layout{justify-content:space-between}.candidate-interview-images.dynamic-layout .candidate-interview-image{flex:0 0 auto;height:100%}.candidate-interview-image img{display:block;height:100%;object-fit:contain;object-position:center;width:100%}.candidate-feature-section{display:flex;justify-content:center;margin:0 auto;max-width:var(--content-max-width);padding:var(--spacing-3xl) var(--spacing-lg)}.candidate-feature-box{background-color:#000;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-2xl);width:100%}.candidate-feature-header{text-align:left}.candidate-feature-header h3{color:#fff;margin:0 0 var(--spacing-xs) 0}.candidate-feature-header h3,.candidate-feature-header p{font-size:var(--font-size-large);font-weight:var(--font-semibold)}.candidate-feature-header p{color:var(--gray-500);margin:0}.candidate-feature-content{grid-gap:var(--spacing-2xl);align-items:center;display:grid;gap:var(--spacing-2xl);grid-template-columns:1fr}.candidate-feature-image{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;width:100%}.candidate-feature-image img{display:block;height:auto;object-fit:cover;object-position:center;width:100%}.candidate-feature-stats{width:100%}.stats-list{gap:var(--spacing-lg)}.stat-item,.stats-list{display:flex;flex-direction:column}.stat-item{align-items:flex-start}.stat-number{color:var(--white);font-size:var(--font-size-large);font-weight:var(--font-light);margin-top:var(--spacing-md);min-width:80px;text-align:left}.stat-unit{font-size:var(--font-size-medium-large)}.stat-content{display:flex;flex-direction:column;gap:var(--spacing-sm)}.stat-label{color:var(--white);font-size:var(--font-size-medium-large);font-weight:var(--font-medium)}.stat-description{color:var(--gray-500);font-size:var(--font-size-small);line-height:1.6;opacity:1}.stat-separator{background:#ffffff1f;height:1px;width:100%}.hidden-mobile{display:none}@media (min-width:1024px){.candidate-feature-content{grid-template-columns:1fr 1fr}.stat-item{flex-direction:row;gap:var(--spacing-3xl)}.hidden-mobile{display:block}}@media (max-width:768px){.candidate-feature-section,.candidate-interview-section{padding:var(--spacing-2xl) var(--spacing-md)}}@media (max-width:48em){.candidate-interview-images{flex-direction:column;gap:var(--spacing-md);height:auto;justify-content:flex-start}.candidate-interview-image{align-items:center;display:flex;flex:0 0 auto;height:auto;justify-content:center;max-height:none;width:100%}.candidate-interview-image img{height:auto;max-height:none;object-fit:contain;object-position:center;width: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}.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)}}.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;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-xl);justify-content:center;padding:var(--spacing-4xl) var(--spacing-2xl);text-align:center}.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{color:#666;font-size:.8rem;line-height:1.4;margin-top:.5rem}.auth-terms a{color:#1a1a1a;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);cursor:pointer;display:inline-flex;padding:var(--spacing-xs) var(--spacing-sm);position:relative;transition:filter var(--transition-fast)}.button-squared:active,.button-squared:hover{filter:brightness(.95)}.button-squared:disabled{cursor:not-allowed;filter:none;opacity:.6}.button-squared-logo{height:18px;object-fit:contain;position:absolute;width:18px}.button-squared-text{font-size:var(--font-size-small);font-weight:var(--font-medium);text-align:center;white-space:nowrap;width:100%}.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%}.demo-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);margin-bottom:var(--spacing-sm)}.demo-subtitle,.demo-title{font-weight:var(--font-semibold)}.demo-subtitle{color:var(--text-secondary);font-size:var(--font-size-medium);margin:0 auto;max-width:600px}.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-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%}}.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-container h1{color:#000;font-size:var(--font-size-xl);font-weight:var(--font-semibold);margin-bottom:var(--spacing-3xl);text-align:center}.highlight-orange{color:var(--primary-color)}.doc-section{background:var(--white);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-2xl)}.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}li code,p code{background-color:var(--gray-100);border:1px solid var(--gray-200);border-radius:4px;color:var(--primary-800);font-size:.9em;padding:2px 6px}.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-container h1{font-size:var(--font-size-large)}.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}.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{color:var(--text-primary);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-medium);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{color:var(--text-primary);cursor:pointer;font-weight:var(--font-medium);padding:var(--spacing-sm)}.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 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)}}.legal-page{background-color:#f8f7f3;min-height:100vh;padding:var(--spacing-3xl) var(--spacing-lg);width:100%}.legal-container{color:var(--text-primary);margin:0 auto;max-width:800px}.legal-container h1{font-size:var(--font-size-large);margin-bottom:var(--spacing-sm);text-align:center}.last-update{color:var(--text-secondary);font-size:var(--font-size-small);margin-bottom:var(--spacing-3xl);text-align:center}.legal-section{margin-bottom:var(--spacing-2xl)}.legal-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)}.legal-section p{color:var(--text-secondary);font-size:var(--font-size-base);line-height:1.7;margin-bottom:var(--spacing-md)}.legal-section ul{list-style:none;margin:var(--spacing-md) 0;padding:0}.legal-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}.legal-section ul li:before{color:var(--primary-color);content:"•";font-weight:700;left:0;position:absolute}.legal-section a{color:var(--primary-color);text-decoration:none;transition:opacity .2s ease}.legal-section a:hover{opacity:.8;text-decoration:underline}.legal-section strong{color:var(--text-primary);font-weight:600}@media (max-width:768px){.legal-page{padding:var(--spacing-2xl) var(--spacing-md)}.legal-container h1{font-size:calc(var(--font-size-large)*.8)}.legal-section h2{font-size:calc(var(--font-size-medium)*.9)}}.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{text-anchor:end;font-size:10px}.graph-x-label,.graph-y-label{fill:var(--text-secondary);font-weight:var(--font-medium)}.graph-x-label{text-anchor:middle;font-size:9px}.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-lg);height:100%;justify-content:space-around;width:100%}.bar-chart-item{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs)}.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{border-radius:var(--radius-sm) var(--radius-sm) 0 0;max-width:100%;position:relative;transition:opacity var(--transition-fast),transform var(--transition-fast);width:60px}.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{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-lg)}.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-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;border-radius:var(--radius-full);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;padding:var(--spacing-md) 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{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:0 var(--spacing-sm);width: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 svg{color:var(--text-secondary);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-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{align-items:center;background:var(--white);border-bottom:1px solid var(--border-color);display:flex;height:56px;justify-content:space-between;padding:0 var(--spacing-lg)}.studio-header-title{color:var(--text-primary);font-weight:var(--font-semibold)}.studio-header-right{align-items:center;display:flex;gap:var(--spacing-sm)}.studio-shell{background:var(--background-color);display:flex;min-height:100vh}.studio-main{display:flex;flex:1 1;flex-direction:column;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);box-shadow:var(--shadow-sm);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{display:flex;flex-direction:column;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{color:var(--text-muted);font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.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)}.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%}}.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%}}.audio-animation-container{align-items:center;display:flex;gap:6px;height:100px;justify-content:center;width:auto}.audio-bar{background-color:#000;border-radius:6px;min-height:8px;transition:height .1s ease;width:12px}.close-confirmation-overlay{animation:closeConfirmationFadeIn var(--transition-fast);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000073;display:grid;inset:0;padding:var(--spacing-lg);place-items:center;position:fixed;z-index:var(--z-modal-backdrop)}.close-confirmation-modal{animation:closeConfirmationPopIn var(--transition-fast);background:#fffffffa;border:1px solid var(--gray-200);border-radius:var(--radius-md-lg);box-shadow:var(--shadow-lg);max-width:440px;overflow:hidden;width:100%;z-index:var(--z-modal)}.close-confirmation-icon{align-items:center;background:var(--primary-50);border:1px solid var(--gray-200);border-radius:var(--radius-full);color:var(--primary-color);display:inline-flex;flex:0 0 auto;height:52px;justify-content:center;width:52px}.close-confirmation-header{align-items:flex-start;display:flex;gap:var(--spacing-md);padding:var(--spacing-lg)}.close-confirmation-text{display:flex;flex-direction:column;gap:4px;min-width:0}.close-confirmation-title{color:var(--text-primary);font-size:var(--font-size-medium-large);font-weight:var(--font-semibold);line-height:var(--leading-tight);margin:0}.close-confirmation-text p{color:var(--text-secondary);font-size:var(--font-size-small);line-height:var(--leading-relaxed);margin:0}.close-confirmation-actions{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:1fr 1fr;padding:0 var(--spacing-lg) var(--spacing-lg)}.close-confirmation-actions .button{width:100%}@keyframes closeConfirmationFadeIn{0%{opacity:0}to{opacity:1}}@keyframes closeConfirmationPopIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:420px){.close-confirmation-header{padding:var(--spacing-md)}.close-confirmation-actions{grid-template-columns:1fr;padding:0 var(--spacing-md) var(--spacing-md)}}.interview-page__actions{display:flex;justify-content:center;width:100%}.interview-controls-bar{align-items:center;background:#fff;border:1px solid var(--gray-200);border-radius:50px;display:flex;gap:16px;justify-content:space-between;max-width:none;padding:8px 10px;width:100%}.interview-controls-left{display:flex;gap:8px}.icon-button{align-items:center;background:var(--gray-100);border:none;border-radius:50%;color:var(--gray-800);cursor:pointer;display:flex;height:32px;justify-content:center;position:relative;transition:background .2s;width:32px}.icon-button:hover{background:var(--gray-200)}.icon-button.is-inactive{background:var(--error-bg);box-shadow:inset 0 0 0 1px #0000000a;color:var(--error-color);opacity:1}.icon-button.is-inactive:after{background:var(--error-color);border-radius:var(--radius-full);content:"";height:2px;position:absolute;transform:rotate(-45deg);width:22px}.icon-button.is-inactive:hover{background:var(--error-bg)}.icon-button:focus-visible{outline:2px solid var(--gray-300);outline-offset:2px}.interview-controls-right{display:flex}.end-call-button{align-items:center;background:#ffe5e5;border:none;border-radius:16px;color:#d93025;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;height:32px;padding:0 16px;transition:background .2s}.end-call-button:hover{background:#ffd0d0}.interview-page{background-color:var(--bg-primary);display:flex;flex-direction:column;height:100%;justify-content:flex-start;min-height:0;overflow:hidden}.interview-header{align-items:center;display:flex;justify-content:space-between;padding:var(--spacing-md);width:100%;z-index:10}.interview-logo{align-items:center;display:inline-flex}.interview-logo__img{background:var(--background-color);border:1px solid var(--gray-200);border-radius:var(--radius-md);height:36px;object-fit:contain;padding:6px;width:36px}.interview-timer{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:500}.interview-content{align-items:center;flex:1 1;gap:var(--spacing-md);justify-content:center;min-height:0;overflow:hidden;padding:0 var(--spacing-md)}.interview-content,.interview-video-wrapper{display:flex;flex-direction:column;position:relative;width:100%}.interview-video-wrapper{transition:all .3s ease}.interview-video{background:#000;border-radius:var(--radius-sm);height:100%;object-fit:cover;width:100%}.interview-permission-error{color:var(--error-color);font-size:var(--font-size-small);margin:0}.interview-animation-wrapper{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:0;transform:translateY(calc(var(--spacing-md)*-1));width:100%}.interview-video-wrapper--mini{background:#fff;border-radius:var(--radius-md);flex:0 0 auto;height:84px;justify-self:end;overflow:hidden;width:120px}.interview-video-wrapper--mini .interview-video{border-radius:var(--radius-md)}.interview-transcript-container{background:#ffffffeb;border:1px solid var(--gray-200);border-radius:var(--radius-md);box-shadow:0 2px 10px #0000000d;height:50px;left:50%;max-width:520px;min-height:0;overflow-y:auto;padding:10px;pointer-events:auto;position:absolute;top:0;transform:translateX(-50%);width:100%}.interview-transcript-container::-webkit-scrollbar{width:10px}.interview-transcript-container::-webkit-scrollbar-track{background:#0000}.interview-transcript-container::-webkit-scrollbar-thumb{background:var(--gray-300);background-clip:content-box;border:3px solid #0000;border-radius:var(--radius-full)}.interview-transcript-container::-webkit-scrollbar-button{display:none;height:0;width:0}.interview-transcript-line{animation:fadeIn .2s ease-out;background:#0000;border:none;border-radius:0;color:var(--gray-800);font-size:.75rem;font-weight:500;line-height:1.4;margin:0 0 8px;padding:0;white-space:pre-wrap}.interview-transcript-line:last-child{margin-bottom:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.interview-bottom{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-sm);padding:0;position:relative}.interview-bottom__top{grid-gap:var(--spacing-md);align-items:end;bottom:calc(100% + var(--spacing-sm));display:grid;gap:var(--spacing-md);grid-template-columns:1fr auto 1fr;left:0;position:absolute;right:0;width:100%}.interview-bottom__spacer{height:1px;width:1px}.interview-status{align-items:center;background:#ffffffe6;border:1px solid var(--gray-200);border-radius:var(--radius-full);box-shadow:0 2px 10px #0000000d;display:inline-flex;flex-direction:column;justify-content:center;line-height:var(--leading-tight);padding:4px 10px;text-align:center}.interview-status__main{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-semibold)}.interview-loading{align-items:center;color:var(--gray-600);display:flex;flex-direction:column;gap:15px;justify-content:center}.interview-loading .spinner{animation:spin 1s linear infinite;border:3px solid var(--gray-200);border-radius:50%;border-top-color:var(--primary-color);height:40px;width:40px}.interview-loading p{font-size:.9rem;font-weight:500;margin:0}@keyframes spin{to{transform:rotate(1turn)}}.interview-preview{color:var(--text-primary);display:flex;flex-direction:column;gap:var(--spacing-lg);height:100%;justify-content:flex-start}.interview-preview__brand{display:flex;flex-direction:column;gap:6px;padding-right:44px}.interview-preview__brand-top{align-items:center;display:flex;gap:var(--spacing-md)}.interview-preview__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}.interview-preview__brand-text{display:flex;flex-direction:column;gap:2px;min-width:0}.interview-preview__title{color:var(--text-primary);font-size:var(--font-size-medium-large);font-weight:var(--font-semibold);line-height:var(--leading-tight);margin:0}.interview-preview__subtitle{color:var(--text-secondary);font-size:var(--font-size-small);line-height:var(--leading-normal);margin:0}.interview-preview__accent{background:var(--gradient-primary);border-radius:var(--radius-full);height:3px;width:100%}.interview-preview__body{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-md)}.interview-preview__lead{color:var(--text-primary);font-size:var(--font-size-base);line-height:var(--leading-relaxed);margin:0}.interview-preview__info{background:var(--gray-100);border:1px solid var(--gray-200);border-radius:var(--radius-md-lg);padding:var(--spacing-md)}.interview-preview__info p{color:var(--text-secondary)}.interview-preview__info p,.interview-preview__note{font-size:var(--font-size-small);line-height:var(--leading-relaxed);margin:0}.interview-preview__note{color:var(--text-muted);font-style:italic}.interview-preview__actions{display:flex;justify-content:center;margin-top:auto;padding-top:var(--spacing-md)}.interview-preview__actions .button{max-width:320px;width:100%}.login-register{display:flex;flex-direction:column;gap:var(--spacing-lg);height:100%;justify-content:flex-start;position:relative}.login-register__brand{display:flex;flex-direction:column;gap:6px;padding-right:44px}.login-register__brand-top{align-items:center;display:flex;gap:var(--spacing-md)}.login-register__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__brand-text{display:flex;flex-direction:column;gap:2px;min-width:0}.login-register__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__subhead{color:var(--text-secondary);font-size:var(--font-size-small);line-height:var(--leading-normal);margin:0}.login-register__accent{background:var(--gradient-primary);border-radius:var(--radius-full);height:3px;width:100%}.form{display:flex;flex-direction:column;height:100%}.form,.form-grid-2{gap:var(--spacing-sm)}.form-grid-2{grid-gap:var(--spacing-sm);display:grid;grid-template-columns:1fr}@media (min-width:520px){.form-grid-2{grid-template-columns:1fr 1fr}}.form .textfield{flex:0 0 auto}.form__actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg)}.form-error{color:var(--error-color);font-size:var(--font-size-small);margin:0}.auth-switch{color:var(--text-secondary);font-size:var(--font-size-base);margin-top:var(--spacing-sm);text-align:center}.auth-switch p{align-items:center;display:flex;gap:4px;justify-content:center;margin:0}.auth-switch .button{font-size:inherit;line-height:inherit;padding:0}.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}.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}.auth-switch p{justify-content:center}}.skillee-hide-popup-scrollbar .login-register .form__footer{padding-bottom:var(--spacing-md)}.confirm-email{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:var(--spacing-md);text-align:center}.confirm-email__icon{color:var(--primary-color);margin-bottom:var(--spacing-md)}.confirm-email__title{color:var(--text-primary);font-size:var(--font-size-medium-large);font-weight:var(--font-semibold);margin:0 0 var(--spacing-sm) 0}.confirm-email__description{color:var(--text-secondary);font-size:var(--font-size-small);line-height:var(--leading-relaxed);margin:0 0 var(--spacing-lg) 0}.confirm-email__description strong{color:var(--text-primary);font-weight:var(--font-medium)}.confirm-email__error{background:var(--error-bg);border-radius:var(--radius-md);color:var(--error-text);font-size:var(--font-size-small);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.confirm-email__error,.confirm-email__form{max-width:300px;width:100%}.confirm-email__form .textfield{text-align:left}.confirm-email__form input{font-size:var(--font-size-medium);letter-spacing:.2em;text-align:center}.confirm-email__actions{margin-top:var(--spacing-md)}.confirm-email__actions .button-squared{width:100%}.confirm-email__hint{color:var(--text-muted);font-size:var(--font-size-xs);margin-top:var(--spacing-lg)}.confirm-email__hint .btn-link{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:inherit;padding:0;text-decoration:underline}.confirm-email__hint .btn-link:hover{color:var(--primary-dark)}.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.81c92335.css.map*/