.app{min-height:100vh}.app-header{text-align:center;color:#fff;margin-bottom:40px;padding:20px}.app-header h1{font-size:2.5rem;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.app-header p{font-size:1.1rem;opacity:.9}.container{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;padding:40px;margin-bottom:30px}.form-container{display:flex;flex-direction:column;gap:24px}.form-section{display:flex;flex-direction:column;gap:8px}.label{font-weight:600;color:#333;font-size:1rem}.input{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .3s ease}.input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.textarea{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;font-family:Courier New,monospace;resize:vertical;transition:all .3s ease;min-height:200px}.textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.hint{font-size:.875rem;color:#666;font-style:italic}.file-upload-wrapper{position:relative}.file-input{position:absolute;opacity:0;width:0;height:0}.file-label{display:inline-block;padding:12px 24px;background:#f5f5f5;border:2px dashed #ccc;border-radius:8px;cursor:pointer;transition:all .3s ease;text-align:center;width:100%}.file-label:hover{background:#e8e8e8;border-color:#667eea}.remove-file-btn{margin-top:8px;padding:6px 12px;background:#f44;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;transition:background .3s ease}.remove-file-btn:hover{background:#c00}.submit-btn{padding:14px 28px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;margin-top:10px}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.error-container{background:#fee;border:2px solid #fcc;border-radius:8px;padding:20px;margin-top:20px;color:#c33}.error-container h3{margin-bottom:10px}.results-container{margin-top:40px;padding-top:40px;border-top:2px solid #e0e0e0}.results-container h2{color:#333;margin-bottom:24px;font-size:1.8rem}.results-table{border:1px solid #e0e0e0;border-radius:12px;overflow:hidden;background:#fff}.table-header{display:grid;grid-template-columns:2fr 1.5fr 3fr;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600}.header-cell{padding:16px 20px;border-right:1px solid rgba(255,255,255,.2)}.header-cell:last-child{border-right:none}.table-body{display:flex;flex-direction:column}.table-row{display:grid;grid-template-columns:2fr 1.5fr 3fr;border-bottom:1px solid #e0e0e0;transition:background .2s ease}.table-row:last-child{border-bottom:none}.table-row:hover{background:#f9f9f9}.table-cell{padding:16px 20px;border-right:1px solid #e0e0e0;display:flex;align-items:flex-start}.table-cell:last-child{border-right:none}.competency-cell{font-size:1rem}.competency-cell strong{color:#333}.category-cell{align-items:center}.category-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6px 14px;border-radius:20px;font-size:.875rem;font-weight:600;display:inline-block}.indicators-cell{flex-direction:column}.indicators-list{list-style:none;padding:0;margin:0;width:100%}.indicators-list li{padding:8px 12px;background:#f5f5f5;border-left:3px solid #667eea;margin-bottom:6px;border-radius:4px;font-size:.9rem}.indicators-list li:last-child{margin-bottom:0}.no-indicators{color:#999;font-style:italic;font-size:.9rem}.no-results{text-align:center;color:#999;padding:40px;font-style:italic}@media (max-width: 768px){.app-header h1{font-size:2rem}.container{padding:20px}.table-header,.table-row{grid-template-columns:1fr}.table-cell{border-right:none;border-bottom:1px solid #e0e0e0;padding:12px 16px}.table-row .table-cell:last-child{border-bottom:none}.header-cell{border-right:none;border-bottom:1px solid rgba(255,255,255,.2)}.header-cell:last-child{border-bottom:none}}.snackbar{position:fixed;bottom:24px;right:24px;min-width:300px;max-width:500px;z-index:1000;transform:translate(400px);opacity:0;transition:transform .3s ease,opacity .3s ease}.snackbar-open{transform:translate(0);opacity:1}.snackbar-content{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:8px;box-shadow:0 4px 12px #00000026;font-size:.95rem;font-weight:500}.snackbar-success{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.snackbar-error{background:linear-gradient(135deg,#f56565,#e53e3e);color:#fff}.snackbar-icon{font-size:1.2rem;font-weight:700;flex-shrink:0}.snackbar-message{flex:1;line-height:1.5}.snackbar-close{background:transparent;border:none;color:inherit;font-size:1.5rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s ease;flex-shrink:0;opacity:.9}.snackbar-close:hover{background:#fff3;opacity:1}@media (max-width: 768px){.snackbar{bottom:16px;right:16px;left:16px;min-width:auto;max-width:none;transform:translateY(100px)}.snackbar-open{transform:translateY(0)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{max-width:1400px;margin:0 auto}