:root{--primary-blue: #1B4F8C;--primary-blue-light: #2563EB;--primary-blue-dark: #0F2A5A;--success-main: #2E7D32;--success-light: #4CAF50;--success-dark: #1B5E20;--error-main: #D32F2F;--error-light: #EF5350;--error-dark: #C62828;--warning-main: #ED6C02;--warning-light: #FF9800;--warning-dark: #E65100;--info-main: #0288D1;--info-light: #03A9F4;--info-dark: #01579B;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--background: #fefefe;--foreground: #1e293b;--card: rgba(255, 255, 255, .9);--card-foreground: #1e293b;--border: #fcd34d;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px -2px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .1), 0 4px 10px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--transition-fast: .15s;--transition-normal: .2s;--transition-slow: .3s;--transition-ease: cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}*{font-family:Roboto,sans-serif!important}body{font-family:Roboto,sans-serif;background-color:var(--background);color:var(--foreground);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.job-search-container{min-height:100vh;background:#f8f9fa;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.job-search-header{background:#fff;border-bottom:1px solid #e0e0e0;padding:1.25rem 2rem;position:sticky;top:0;z-index:100;box-shadow:0 1px 3px #0000000d}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:.75rem}.logo-icon{width:32px;height:32px}.logo-text{font-size:1.25rem;font-weight:500;color:#202124;letter-spacing:-.3px}.job-count{font-size:.875rem;color:#5f6368;font-weight:400}.search-section{max-width:1200px;margin:0 auto;padding:2rem}.search-bar{display:flex;align-items:center;background:#fff;border:1px solid #dadce0;border-radius:24px;padding:.5rem 1rem;box-shadow:0 1px 2px #0000000d;margin-bottom:1.5rem;transition:all .2s}.search-bar:focus-within{border-color:#1a73e8;box-shadow:0 1px 6px #1a73e833}.search-icon{color:#5f6368;margin-right:.75rem}.search-input{flex:1;border:none;outline:none;font-size:1rem;color:#202124;padding:.5rem 0}.search-input::placeholder{color:#80868b}.search-button{background:#1a73e8;color:#fff;border:none;padding:.625rem 1.5rem;border-radius:20px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s;text-transform:none}.search-button:hover:not(:disabled){background:#1765cc;box-shadow:0 1px 3px #00000026}.search-button:disabled{background:#dadce0;color:#80868b;cursor:not-allowed}.quick-filters{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.quick-filter{display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid #dadce0;padding:.5rem 1rem;border-radius:16px;font-size:.875rem;font-weight:400;cursor:pointer;transition:all .2s;color:#202124}.quick-filter:hover{background:#f1f3f4;border-color:#dadce0}.quick-filter.active{background:#e8f0fe;color:#1a73e8;border-color:#1a73e8}.filter-controls{display:flex;gap:.5rem;margin-bottom:1rem}.filter-toggle,.clear-filters{display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid #dadce0;padding:.5rem 1rem;border-radius:16px;font-size:.875rem;font-weight:400;cursor:pointer;transition:all .2s;color:#202124}.filter-toggle:hover,.clear-filters:hover{background:#f1f3f4}.clear-filters{color:#d93025;border-color:#d93025}.clear-filters:hover{background:#fce8e6}.advanced-filters{background:#fff;border:1px solid #dadce0;border-radius:12px;padding:1.5rem;margin-bottom:1rem;box-shadow:0 1px 2px #0000000d}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.filter-group label{display:block;font-size:.75rem;font-weight:500;color:#5f6368;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.filter-group select{width:100%;padding:.625rem .75rem;border:1px solid #dadce0;border-radius:8px;font-size:.875rem;color:#202124;outline:none;transition:all .2s;background:#fff}.filter-group select:focus{border-color:#1a73e8;box-shadow:0 0 0 2px #1a73e81a}.filter-checkboxes{display:flex;gap:1.5rem;flex-wrap:wrap}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.jobs-container{max-width:1200px;margin:0 auto;padding:0 2rem 2rem}.loading{text-align:center;padding:4rem 2rem;color:#5f6368}.spinner{width:40px;height:40px;border:3px solid #e0e0e0;border-top-color:#1a73e8;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(360deg)}}.results-header{color:#202124;margin-bottom:1.5rem}.results-header h2{font-size:1.25rem;font-weight:400;margin:0}.jobs-list{display:grid;gap:1rem}.job-card{background:#fff;border:1px solid #dadce0;border-radius:12px;padding:1.5rem;box-shadow:0 1px 2px #0000000d;transition:all .2s;cursor:pointer}.job-card:hover{box-shadow:0 2px 8px #0000001a;border-color:#d2d3d5;transform:translateY(-1px)}.job-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;gap:1rem}.job-title{font-size:1.125rem;font-weight:400;margin:0;color:#202124;flex:1;line-height:1.4}.job-tags{display:flex;gap:.375rem;flex-wrap:wrap}.tag{padding:.25rem .625rem;border-radius:12px;font-size:.6875rem;font-weight:500}.tag-tech{background:#e8f0fe;color:#1967d2}.tag-startup{background:#fce8e6;color:#c5221f}.tag-visa{background:#e6f4ea;color:#137333}.tag-salary{background:#fef7e0;color:#ea8600}.job-company{display:flex;align-items:center;gap:.5rem;color:#5f6368;font-weight:400;font-size:.875rem;margin-bottom:.75rem}.job-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.75rem}.meta-item{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:#5f6368}.meta-item.remote{color:#1a73e8;font-weight:500}.job-stats{display:flex;gap:1.5rem;margin-bottom:.75rem}.stat-item{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:#5f6368}.job-salary{display:flex;align-items:center;gap:.375rem;color:#137333;font-weight:500;font-size:.875rem;margin-bottom:.75rem}.job-description{color:#5f6368;line-height:1.5;margin:.75rem 0;font-size:.875rem}.view-job-btn{display:inline-flex;align-items:center;gap:.5rem;background:#1a73e8;color:#fff;padding:.5rem 1.25rem;border-radius:20px;text-decoration:none;font-weight:500;font-size:.875rem;transition:all .2s}.view-job-btn:hover{background:#1765cc;box-shadow:0 1px 3px #00000026}.no-results,.empty-state{text-align:center;padding:4rem 2rem;color:#5f6368}.empty-state svg{margin-bottom:1rem;color:#80868b}.empty-state h2{font-size:1.5rem;font-weight:400;color:#202124;margin-bottom:.5rem}.empty-state p{font-size:1rem;color:#5f6368;margin-bottom:2rem}.example-searches{background:#fff;border:1px solid #dadce0;border-radius:12px;padding:2rem;max-width:600px;margin:0 auto;box-shadow:0 1px 2px #0000000d}.example-searches>p{font-size:.875rem;color:#5f6368;margin-bottom:1rem}.examples{display:flex;flex-direction:column;gap:.5rem}.examples button{background:#fff;color:#1a73e8;border:1px solid #dadce0;padding:.75rem 1.5rem;border-radius:20px;font-weight:400;font-size:.875rem;cursor:pointer;transition:all .2s}.examples button:hover{background:#f1f3f4;border-color:#1a73e8}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;overflow-y:auto}.modal-content{background:#fff;border-radius:16px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 8px 32px #00000026}.modal-close{position:absolute;top:1rem;right:1rem;background:#f1f3f4;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#5f6368}.modal-close:hover{background:#e0e0e0}.modal-header{padding:2rem 2rem 1rem;border-bottom:1px solid #e0e0e0}.modal-title{font-size:1.5rem;font-weight:400;color:#202124;margin:0 0 .75rem;padding-right:3rem}.modal-company{display:flex;align-items:center;gap:.5rem;color:#5f6368;font-size:1rem}.modal-meta{display:flex;flex-wrap:wrap;gap:1.5rem;padding:1.5rem 2rem;border-bottom:1px solid #e0e0e0}.modal-meta-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#5f6368}.modal-meta-item.remote{color:#1a73e8;font-weight:500}.modal-tags{display:flex;gap:.5rem;flex-wrap:wrap;padding:1rem 2rem;border-bottom:1px solid #e0e0e0}.modal-stats{display:flex;flex-wrap:wrap;gap:2rem;padding:1rem 2rem;border-bottom:1px solid #e0e0e0;background:#f8f9fa}.modal-stat{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#5f6368}.modal-stat.salary{color:#137333;font-weight:500}.modal-description{padding:2rem}.modal-description h3{font-size:1rem;font-weight:500;color:#202124;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.5px;font-size:.875rem;color:#5f6368}.description-content{color:#5f6368;line-height:1.6;font-size:.9375rem}.description-content p{margin:0 0 1rem}.description-content p:last-child{margin-bottom:0}.modal-actions{padding:1.5rem 2rem 2rem;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end}.apply-btn{display:inline-flex;align-items:center;gap:.5rem;background:#1a73e8;color:#fff;padding:.75rem 2rem;border-radius:24px;text-decoration:none;font-weight:500;font-size:.9375rem;transition:all .2s}.apply-btn:hover{background:#1765cc;box-shadow:0 2px 8px #1a73e84d}@media(max-width:768px){.search-section,.jobs-container{padding:1rem}.search-bar{flex-direction:column;gap:.75rem}.search-input,.search-button{width:100%}.job-header{flex-direction:column}.filter-grid{grid-template-columns:1fr}.modal-overlay{padding:0}.modal-content{border-radius:0;max-height:100vh}.modal-header,.modal-meta,.modal-tags,.modal-stats,.modal-description,.modal-actions{padding-left:1.5rem;padding-right:1.5rem}}.App{min-height:100vh}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--spacing-2)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.p-4{padding:var(--spacing-4)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.mt-4{margin-top:var(--spacing-4)}.mb-4{margin-bottom:var(--spacing-4)}.text-center{text-align:center}.w-full{width:100%}.max-w-md{max-width:28rem}.rounded-lg{border-radius:var(--radius-lg)}.shadow-lg{box-shadow:var(--shadow-lg)}