.summary-cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px;display:grid}.card{background:var(--card-gradient);color:var(--parallo-white);text-align:center;box-shadow:var(--parallo-shadow-md);border-radius:12px;padding:25px;transition:all .3s;position:relative;overflow:hidden}.card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff1a 0%,#fff0 100%);position:absolute;inset:0}.card-icon{opacity:.9;margin-bottom:15px}.card h3{opacity:.9;margin:0 0 15px;font-size:1.1em;font-weight:500}.card-value{text-shadow:0 2px 4px #0363;margin:10px 0;font-size:2.5em;font-weight:700}.from-blue-500,.to-blue-600{--card-gradient:var(--parallo-gradient-primary)}.from-green-500,.to-green-600{--card-gradient:var(--parallo-gradient-accent)}.from-purple-500,.to-purple-600{--card-gradient:var(--parallo-gradient-orange)}.project-calculator{background:var(--parallo-white);box-shadow:var(--parallo-shadow-md);border:1px solid #0033661a;border-radius:12px;margin-bottom:30px;overflow:hidden}.project-calculator-header{background:var(--parallo-gradient-primary);color:var(--parallo-white);align-items:center;gap:12px;padding:20px 25px;display:flex}.header-icon{opacity:.9}.project-calculator-header h3{margin:0;font-size:1.3em;font-weight:600}.project-calculator-subtitle{opacity:.8;margin:0 0 0 auto;font-size:.9em}.project-calculator-content{padding:25px}.input-section{grid-template-columns:1fr 1fr 1fr;gap:20px;margin-bottom:30px;display:grid}.input-group{flex-direction:column;gap:8px;display:flex}.input-group label{color:var(--parallo-primary);font-size:.9em;font-weight:600}.role-select,.project-hours-input,.hours-per-week-input{border:2px solid var(--parallo-gray-200);background:var(--parallo-white);border-radius:8px;padding:12px 16px;font-size:1em;transition:all .2s}.role-select:focus,.project-hours-input:focus,.hours-per-week-input:focus{border-color:var(--parallo-primary);outline:none;box-shadow:0 0 0 3px #0033661a}.input-hint{color:var(--parallo-gray-500);margin-top:4px;font-size:.8em}.results-section{background:var(--parallo-gray-50);border:1px solid var(--parallo-gray-200);border-radius:8px;padding:20px}.results-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.results-header h4{color:var(--parallo-primary);margin:0;font-size:1.1em}.status-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:6px 12px;font-size:.8em;font-weight:600}.results-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px;display:grid}.result-card{background:var(--parallo-white);border:1px solid var(--parallo-gray-200);border-radius:8px;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex}.result-card:hover{box-shadow:var(--parallo-shadow);transform:translateY(-1px)}.result-card.highlight{background:var(--parallo-gradient-card);border-color:var(--parallo-primary);box-shadow:var(--parallo-shadow-sm)}.result-icon{color:var(--parallo-primary);opacity:.8}.result-content{flex:1}.result-label{color:var(--parallo-gray-600);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:.8em;font-weight:500}.result-value{color:var(--parallo-primary);font-size:1.1em;font-weight:700}.project-summary{background:var(--parallo-white);border-left:4px solid var(--parallo-primary);border-radius:8px;padding:16px}.project-summary h5{color:var(--parallo-primary);margin:0 0 12px;font-size:1em}.project-summary p{color:var(--parallo-gray-700);margin:0;line-height:1.6}@media (width<=768px){.project-calculator-header{flex-direction:column;align-items:flex-start;gap:8px}.project-calculator-subtitle{margin-left:0}.input-section{grid-template-columns:1fr;gap:16px}.results-grid{grid-template-columns:1fr}.results-header{flex-direction:column;align-items:flex-start;gap:12px}}.role-section{background:var(--parallo-white);box-shadow:var(--parallo-shadow);border-radius:12px;margin-bottom:20px;transition:all .3s;overflow:hidden}.role-section:hover{box-shadow:var(--parallo-shadow-lg)}.role-header{background:var(--parallo-gradient-card);cursor:pointer;justify-content:space-between;align-items:center;padding:20px 25px;transition:all .3s;display:flex}.role-header:hover{background:linear-gradient(135deg, var(--parallo-gray-100) 0%, var(--parallo-gray-200) 100%)}.role-title h3{color:var(--parallo-gray-800);margin:0;font-size:1.4em;font-weight:600}.member-count{color:var(--parallo-gray-500);margin-top:4px;font-size:.9em;display:block}.role-actions{align-items:center;gap:15px;display:flex}.lead-time-badge{border-radius:20px;align-items:center;gap:6px;padding:8px 12px;font-size:.9em;font-weight:500;transition:all .3s;display:flex}.lead-time-badge.available{color:var(--parallo-success);background:#10b9811a;border:1px solid #10b98133}.lead-time-badge.limited{color:var(--parallo-warning);background:#f59e0b1a;border:1px solid #f59e0b33}.lead-time-badge.moderate{color:#3b82f6;background:#3b82f61a;border:1px solid #3b82f633}.lead-time-badge.extended{color:#a855f7;background:#a855f71a;border:1px solid #a855f733}.lead-time-badge.long{color:#9ca3af;background:#9ca3af1a;border:1px solid #9ca3af33}.lead-time-badge.unavailable{color:var(--parallo-error);background:#ef44441a;border:1px solid #ef444433}.expand-icon{color:var(--parallo-gray-500);font-size:1.2em;transition:all .3s}.role-content{padding:0 25px 25px}.lead-time-info{background:var(--parallo-gray-50);border-left:4px solid var(--parallo-primary);border-radius:0 8px 8px 0;margin:20px 0;padding:15px 20px}.lead-time-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.lead-time-header h4{color:var(--parallo-gray-800);margin:0;font-size:1.1em}.lead-time-info p{color:var(--parallo-gray-500);margin:0;font-size:.9em}.chart-container{height:300px;margin:20px 0;position:relative}.role-stats{border-top:1px solid var(--parallo-gray-200);gap:20px;margin-top:15px;padding-top:15px;display:flex}.stat-item{color:var(--parallo-gray-500);align-items:center;gap:8px;font-size:.9em;display:flex}@media (width<=768px){.role-header{flex-direction:column;align-items:flex-start;gap:15px}.role-actions{justify-content:space-between;width:100%}.role-stats{flex-direction:column;gap:10px}}.filter-controls{background:var(--parallo-white);box-shadow:var(--parallo-shadow);border-radius:12px;margin-bottom:30px;padding:25px}.filter-section{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.search-box{flex:1;min-width:250px;position:relative}.search-icon{color:var(--parallo-gray-500);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input{border:2px solid var(--parallo-gray-200);background:var(--parallo-gray-50);border-radius:8px;width:100%;padding:12px 12px 12px 40px;font-size:1em;transition:all .3s}.search-input:focus{border-color:var(--parallo-primary);background:var(--parallo-white);outline:none;box-shadow:0 0 0 3px #0033661a}.filter-group{align-items:center;gap:8px;min-width:150px;display:flex}.filter-icon{color:var(--parallo-gray-500);flex-shrink:0}.role-select,.date-select{border:2px solid var(--parallo-gray-200);background:var(--parallo-gray-50);color:var(--parallo-gray-800);cursor:pointer;border-radius:8px;flex:1;padding:12px;font-size:1em;transition:all .3s}.role-select:focus,.date-select:focus{border-color:var(--parallo-primary);background:var(--parallo-white);outline:none;box-shadow:0 0 0 3px #0033661a}.quarter-buttons{flex:1;gap:8px;display:flex}.quarter-button{border:2px solid var(--parallo-gray-300);background:var(--parallo-white);color:var(--parallo-gray-600);cursor:pointer;border-radius:8px;outline:none;flex:1;padding:10px 16px;font-size:.9em;font-weight:500;transition:all .3s}.quarter-button:hover{border-color:var(--parallo-primary);color:var(--parallo-primary);background:#0033660d}.quarter-button.active{background:var(--parallo-primary);border-color:var(--parallo-primary);color:#fff;font-weight:600}.quarter-button:focus{box-shadow:0 0 0 3px #0363}.quarter-button.active:focus{box-shadow:0 0 0 3px #0033664d}.filter-summary{border-top:1px solid var(--parallo-gray-200);margin-top:15px;padding-top:15px}.filter-text{color:var(--parallo-gray-500);font-size:.9em;font-style:italic}@media (width<=768px){.filter-section{flex-direction:column;align-items:stretch}.search-box,.filter-group{min-width:auto}.filter-group{flex-direction:column;align-items:stretch}.filter-icon{align-self:flex-start}.quarter-buttons{margin-top:10px}.quarter-button{padding:8px 12px;font-size:.85em}}.password-protection{background:var(--parallo-gradient-hero);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.password-container{text-align:center;background:#fff;border-radius:12px;width:100%;max-width:400px;padding:40px;box-shadow:0 20px 40px #0000001a}.password-header h1{color:var(--parallo-primary);margin:0 0 8px;font-size:24px;font-weight:600}.password-header p{color:#666;margin:0 0 30px;font-size:14px}.password-form{margin-bottom:20px}.password-input-group{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.password-input{box-sizing:border-box;border:2px solid #e2e8f0;border-radius:8px;width:100%;padding:12px 16px;font-size:16px;transition:border-color .2s}.password-input:focus{border-color:var(--parallo-primary);outline:none}.password-input:disabled{cursor:not-allowed;background-color:#f8fafc}.password-submit{background:var(--parallo-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:12px 16px;font-size:16px;font-weight:500;transition:background-color .2s}.password-submit:hover:not(:disabled){background:var(--parallo-primary-dark)}.password-submit:disabled{cursor:not-allowed;background:#cbd5e1}.password-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px 16px;font-size:14px}.password-footer{margin-top:20px}.password-footer p{color:#94a3b8;margin:0;font-size:12px}@media (width<=480px){.password-container{padding:30px 20px}.password-header h1{font-size:20px}}.app{background:var(--parallo-gradient-hero);min-height:100vh;padding:20px}.container{background:var(--parallo-white);max-width:1200px;box-shadow:var(--parallo-shadow-xl);border-radius:16px;min-height:calc(100vh - 40px);margin:0 auto;padding:40px}.app-header{justify-content:center;align-items:center;gap:20px;margin-bottom:40px;display:flex}.app-logo{object-fit:contain;width:auto;height:60px}.app-title{color:var(--parallo-primary);text-shadow:0 2px 4px #0033661a;margin:0;font-size:2.5em;font-weight:700}.charts-container{flex-direction:column;gap:20px;display:flex}.loading-container{min-height:100vh;color:var(--parallo-white);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.loading-spinner{color:var(--parallo-orange);margin-bottom:20px;font-size:3em}.error-container{min-height:100vh;color:var(--parallo-white);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.error-container h2{color:var(--parallo-white);margin-bottom:20px;font-size:2em}.error-container p{opacity:.9;margin-bottom:30px;font-size:1.2em}.error-container button{background:var(--parallo-white);color:var(--parallo-primary);cursor:pointer;box-shadow:var(--parallo-shadow);border:none;border-radius:8px;padding:12px 24px;font-size:1em;font-weight:600;transition:all .3s}.error-container button:hover{background:var(--parallo-gray-50);box-shadow:var(--parallo-shadow-lg);transform:translateY(-2px)}.no-results{text-align:center;color:var(--parallo-gray-500);padding:60px 20px}.no-results h3{color:var(--parallo-gray-800);margin-bottom:10px;font-size:1.5em}.no-results p{font-size:1.1em}.view-mode-toggle{justify-content:center;margin:20px 0;display:flex}.toggle-container{background:var(--parallo-gray-100);box-shadow:var(--parallo-shadow);border:1px solid var(--parallo-gray-200);border-radius:12px;padding:4px;display:flex}.toggle-button{color:var(--parallo-gray-600);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:.95em;font-weight:500;transition:all .3s;display:flex}.toggle-button:hover{background:var(--parallo-gray-200);color:var(--parallo-gray-800)}.toggle-button.active{background:var(--parallo-primary);color:var(--parallo-white);box-shadow:var(--parallo-shadow)}.toggle-button.active:hover{background:#004d99}@media (width<=768px){.app{padding:10px}.container{border-radius:12px;padding:20px}.app-header{flex-direction:column;gap:15px;margin-bottom:30px}.app-logo{height:50px}.app-title{text-align:center;font-size:2em}}:root{--parallo-primary:#036;--parallo-primary-light:#1a4d7a;--parallo-primary-dark:#024;--parallo-orange:#f60;--parallo-orange-light:#ff8533;--parallo-orange-dark:#e55a00;--parallo-accent:#00b4d8;--parallo-accent-light:#33c3e0;--parallo-accent-dark:#09b;--parallo-white:#fff;--parallo-gray-50:#f8fafc;--parallo-gray-100:#f1f5f9;--parallo-gray-200:#e2e8f0;--parallo-gray-300:#cbd5e1;--parallo-gray-400:#94a3b8;--parallo-gray-500:#64748b;--parallo-gray-600:#475569;--parallo-gray-700:#334155;--parallo-gray-800:#1e293b;--parallo-gray-900:#0f172a;--parallo-success:#10b981;--parallo-success-light:#34d399;--parallo-warning:#f59e0b;--parallo-warning-light:#fbbf24;--parallo-error:#ef4444;--parallo-error-light:#f87171;--parallo-info:#3b82f6;--parallo-info-light:#60a5fa;--parallo-green:#10b981;--parallo-blue:#3b82f6;--parallo-gray:#64748b;--parallo-gradient-primary:linear-gradient(135deg, var(--parallo-primary) 0%, var(--parallo-primary-light) 100%);--parallo-gradient-orange:linear-gradient(135deg, var(--parallo-orange) 0%, var(--parallo-orange-light) 100%);--parallo-gradient-accent:linear-gradient(135deg, var(--parallo-accent) 0%, var(--parallo-accent-light) 100%);--parallo-gradient-hero:linear-gradient(135deg, #f8fafc 0%, #f1f5f9 50%, #e2e8f0 100%);--parallo-gradient-card:linear-gradient(135deg, var(--parallo-gray-50) 0%, var(--parallo-white) 100%);--parallo-shadow-sm:0 1px 2px 0 #0033660d;--parallo-shadow:0 4px 6px -1px #0033661a, 0 2px 4px -1px #0033660f;--parallo-shadow-md:0 10px 15px -3px #0033661a, 0 4px 6px -2px #0033660d;--parallo-shadow-lg:0 20px 25px -5px #0033661a, 0 10px 10px -5px #0033660a;--parallo-shadow-xl:0 25px 50px -12px #00336640}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--parallo-gradient-hero);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}