*{box-sizing:border-box}body{color:#e8e8e8;background-color:#1e1e1e;margin:0;font-family:system-ui,sans-serif}.field textarea{resize:vertical;scrollbar-width:thin;scrollbar-color:#ab333f #2b2b2b;min-height:60px;max-height:200px;overflow-y:auto}.field textarea::-webkit-scrollbar{width:8px}.field textarea::-webkit-scrollbar-track{background:#2b2b2b;border-radius:4px}.field textarea::-webkit-scrollbar-thumb{background-color:#ab333f;border-radius:4px}.field textarea::-webkit-scrollbar-thumb:hover{background-color:#c33e4b}input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}li.application-card.application-card-editing{flex-direction:column;align-items:stretch}.edit-actions{gap:8px;margin-top:4px;display:flex}.edit-actions .btn{flex:1}.page{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background:#2b2b2b;border:1px solid #3a3a3a;border-radius:12px;width:100%;max-width:360px;padding:32px;position:relative;box-shadow:0 4px 12px #0006}.btn-back{display:flex;position:absolute;top:12px;left:12px}.auth-card h2{color:#f0f0f0;margin:0 0 20px}.landing{width:100%;max-width:960px}.landing-hero{grid-template-columns:1fr 1fr;align-items:center;gap:48px;margin-bottom:56px;display:grid}.landing-brand{color:#f0f0f0;align-items:center;gap:10px;margin-bottom:20px;font-size:18px;font-weight:600;display:flex}.landing-title{color:#f0f0f0;margin:0 0 12px;font-size:36px;line-height:1.2}.landing-tagline{color:#b0b0b0;margin:0 0 28px;font-size:17px;line-height:1.5}.landing-actions{align-items:center;gap:20px;display:flex}.landing-actions .btn-primary{width:auto;padding:12px 28px}.landing-preview{background:#2b2b2b;border:1px solid #3a3a3a;border-radius:12px;padding:20px;box-shadow:0 4px 12px #0006}.landing-preview-title{color:#f0f0f0;margin:0 0 12px;font-weight:600}.landing-preview .application-list{margin:0}.landing-preview .application-card{background:#1e1e1e}.landing-preview .application-card:last-child{margin-bottom:0}.landing-how{text-align:center}.landing-how h2{color:#f0f0f0;margin:0 0 20px;font-size:22px}.landing-steps{text-align:left;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 24px;padding:0;list-style:none;display:grid}.landing-step{background:#2b2b2b;border:1px solid #3a3a3a;border-radius:10px;flex-direction:column;gap:4px;padding:16px;display:flex}.landing-step-number{color:#ab333f;font-size:13px;font-weight:600}.landing-flow{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.landing-flow-arrow,.landing-flow-or{color:#777;font-size:14px}.landing-footer{text-align:center;margin-top:48px;font-size:13px}.landing-footer a,.legal-text a{color:#a0a0a0}.landing-footer a:hover,.legal-text a:hover{color:#e8e8e8}.legal-text{text-align:center;color:gray;margin:12px 0 0;font-size:12px}@media (width<=720px){.landing-hero,.landing-steps{grid-template-columns:1fr}.landing-hero{gap:32px;margin-bottom:40px}.landing-title{font-size:28px}}.dashboard{width:100%;max-width:720px}.dashboard-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.dashboard-header h2{color:#f0f0f0}.brand-title{align-items:center;gap:10px;display:flex}.brand-title h2{margin:0}.btn-outline{white-space:nowrap;color:#ab333f;cursor:pointer;background-color:#0000;border:1px solid #ab333f;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:14px;font-weight:500;display:inline-flex}.btn-outline:hover{background-color:#3a2426}.field{margin-bottom:16px}.field label{color:#b0b0b0;margin-bottom:6px;font-size:14px;font-weight:600;display:block}.field input,.field select,.field textarea{color:#e8e8e8;background-color:#1e1e1e;border:1px solid #444;border-radius:6px;width:100%;padding:10px 12px;font-size:14px}.field input:-webkit-autofill{caret-color:#e8e8e8;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#e8e8e8!important;-webkit-box-shadow:inset 0 0 0 1000px #1e1e1e!important}.field input:-webkit-autofill:hover{caret-color:#e8e8e8;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#e8e8e8!important;-webkit-box-shadow:inset 0 0 0 1000px #1e1e1e!important}.field input:-webkit-autofill:focus{caret-color:#e8e8e8;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#e8e8e8!important;-webkit-box-shadow:inset 0 0 0 1000px #1e1e1e!important}.field input:-webkit-autofill:active{caret-color:#e8e8e8;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#e8e8e8!important;-webkit-box-shadow:inset 0 0 0 1000px #1e1e1e!important}.field input:focus,.field select:focus,.field textarea:focus{border-color:#ab333f;outline:none}.field textarea{resize:vertical;min-height:60px}.btn{cursor:pointer;border:none;border-radius:6px;padding:10px 16px;font-size:14px;font-weight:600}.btn-primary{color:#fff;background-color:#ab333f;width:100%}.btn-primary:hover{background-color:#c33e4b}.btn-secondary{color:#ab333f;background-color:#0000;border:none;padding:0;font-weight:500}.btn-icon{cursor:pointer;color:#a0a0a0;background:0 0;border:none;border-radius:6px;padding:6px}.btn-icon:hover{color:#e8e8e8;background-color:#3a3a3a}.btn-icon.danger:hover{color:#ab333f;background-color:#3a2426}.error-text{color:#e0596a;margin-bottom:12px;font-size:14px}.notice-text{color:#d8a84a;text-align:center;background-color:#4a3a1e;border-radius:6px;margin:0 0 16px;padding:10px 12px;font-size:14px}.switch-text{text-align:center;color:#a0a0a0;margin-top:16px;font-size:14px}.application-card{background:#2b2b2b;border:1px solid #3a3a3a;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:16px 20px;list-style:none;display:flex;box-shadow:0 1px 4px #0000004d}.application-info{flex-direction:column;gap:4px;display:flex}.application-info .error-text{margin:4px 0 0}.application-company{color:#f0f0f0;font-weight:600}.application-number{color:gray;margin-right:6px;font-weight:400}.status-badge{border-radius:999px;width:fit-content;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.status-APPLIED{color:#6ea8d8;background-color:#2a3a4a}.status-INTERVIEWING{color:#d8a84a;background-color:#4a3a1e}.status-OFFER{color:#5ac47a;background-color:#1e3a28}.status-REJECTED{color:#e0596a;background-color:#3a2426}.application-actions{gap:4px;display:flex}.add-application{margin-bottom:16px}.stats-row{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px;display:grid}.stat-tile{background:#2b2b2b;border:1px solid #3a3a3a;border-radius:10px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.stat-tile-total{border-color:#5a2a30}.stat-label{color:#a0a0a0;align-items:center;gap:6px;font-size:13px;display:flex}.stat-value{color:#f0f0f0;font-size:26px;font-weight:600;line-height:1.1}.stat-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dot-APPLIED{background-color:#6ea8d8}.dot-INTERVIEWING{background-color:#d8a84a}.dot-OFFER{background-color:#5ac47a}.dot-REJECTED{background-color:#e0596a}@media (width<=640px){.stats-row{grid-template-columns:repeat(2,1fr)}.stat-tile-total{grid-column:1/-1}.dashboard-header h2{font-size:20px}.brand-title img{width:36px;height:36px}}.application-list{margin:0 0 24px;padding:0}.add-form-card{background:#2b2b2b;border:1px solid #3a3a3a;border-radius:10px;padding:24px;box-shadow:0 1px 4px #0000004d}.add-form-card h3{color:#f0f0f0;margin-top:0}
