@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&family=Outfit:wght@400;700&display=swap";:root{--bg-color:#0f172a;--bg-gradient:linear-gradient(135deg, #0f172a 0%, #1e1b4b 100%);--text-main:#f8fafc;--text-muted:#94a3b8;--primary:#6366f1;--primary-hover:#818cf8;--accent:#f43f5e;--surface:#1e293bb3;--surface-hover:#334155cc;--border-color:#ffffff1a;--radius:12px;--shadow:0 8px 32px 0 #0000005e;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;font-weight:700}a{color:var(--primary);transition:var(--transition);text-decoration:none}a:hover{color:var(--primary-hover)}.app-container{max-width:1200px;margin:0 auto;padding:2rem}.card{background:var(--surface);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow);transition:var(--transition);padding:2rem}.card:hover{background:var(--surface-hover);border-color:#fff3;transform:translateY(-4px)}.btn{border-radius:var(--radius);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-family:Inter,sans-serif;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, #4f46e5 100%);color:#fff;box-shadow:0 4px 14px #6366f163}.btn-primary:hover{background:linear-gradient(135deg, var(--primary-hover) 0%, #6366f1 100%);transform:translateY(-2px);box-shadow:0 6px 20px #6366f13b}.btn-outline{border:1px solid var(--border-color);color:var(--text-main);background:0 0}.btn-outline:hover{border-color:var(--text-muted);background:#ffffff0d}.input-group{margin-bottom:1.5rem}.input-group label{color:var(--text-muted);margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.input-group input,.input-group textarea{border-radius:var(--radius);border:1px solid var(--border-color);width:100%;color:var(--text-main);transition:var(--transition);background:#0003;padding:.75rem 1rem;font-family:Inter,sans-serif}.input-group input:focus,.input-group textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #6366f133}.header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:3rem;padding-bottom:2rem;display:flex}.header h1{background:-webkit-linear-gradient(45deg,#f8fafc,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2.5rem}.header nav{align-items:center;gap:1.5rem;display:flex}.header nav a{color:var(--text-muted);font-weight:600}.header nav a:hover{color:var(--text-main)}.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;display:grid}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:800;display:inline-block}.badge-active{color:#34d399;background:#10b98133;border:1px solid #10b9814d}.badge-inactive{color:#fb7185;background:#f43f5e33;border:1px solid #f43f5e4d}.board-title{text-align:center;margin-bottom:1.5rem;font-size:2.25rem}.board-info{background:var(--surface);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-left:4px solid var(--primary);border-radius:var(--radius);color:var(--text-muted);margin-bottom:2rem;padding:1rem 1.25rem;font-size:.95rem}.board-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.filters{flex-wrap:wrap;gap:.5rem;display:flex}.filter-chip{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;transition:var(--transition);background:#ffffff0d;border-radius:9999px;padding:.4rem .9rem;font-size:.8rem;font-weight:600}.filter-chip:hover{color:var(--text-main);border-color:var(--text-muted)}.filter-chip.active{background:linear-gradient(135deg, var(--primary) 0%, #4f46e5 100%);color:#fff;border-color:#0000}.submission-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;display:grid}.submission-box{background:var(--surface);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow);transition:var(--transition);flex-direction:column;padding:1.25rem;display:flex}.submission-box:hover{border-color:#fff3;transform:translateY(-4px)}.submission-box .box-title{margin-bottom:.85rem;font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:700;line-height:1.35}.progress-wrapper{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.step-container{flex-grow:1;gap:3px;display:flex}.step{background-color:#ffffff1f;border-radius:3px;flex-grow:1;height:12px}.step.complete.step-1{background-color:#07f}.step.complete.step-2{background-color:#f90}.step.complete.step-3{background-color:#3c3}.step.complete.step-4{background-color:#f3c}.progress-text{text-align:right;min-width:34px;color:var(--text-muted);font-size:.9rem;font-weight:700}.submission-details{background:#00000038;border-radius:8px;padding:.85rem 1rem;font-size:.9rem}.submission-details .row{gap:.4rem;margin:.3rem 0;display:flex}.submission-details .row strong{color:var(--text-muted);white-space:nowrap;font-weight:600}.submission-details a{color:#fbbf24}.submission-details a:hover{color:#fcd34d;text-decoration:underline}.subject-tag{color:var(--primary-hover);background:#6366f12e;border:1px solid #6366f14d;border-radius:6px;padding:.1rem .55rem;font-size:.78rem;font-weight:700;display:inline-block}.rec-badge{border-radius:9999px;padding:.1rem .6rem;font-size:.78rem;font-weight:800;display:inline-block}.rec-Aisling{color:#f472b6;background:#ec489933;border:1px solid #ec489966}.rec-Kingdom{color:#c084fc;background:#a855f733;border:1px solid #a855f766}.rec-Clave{color:#34d399;background:#10b98133;border:1px solid #10b98166}.rec-Village{color:#60a5fa;background:#3b82f633;border:1px solid #3b82f666}.rec-NoAward{color:#cbd5e1;background:#94a3b82e;border:1px solid #94a3b859}.rec-Pending{color:#fcd34d;background:#eab3082e;border:1px solid #eab30859}.steps-section{border-top:1px solid var(--border-color);margin-top:4rem;padding-top:2rem}.steps-section h2{text-align:center;margin-bottom:2rem;font-size:1.8rem}.steps-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;display:grid}.step-card{background:var(--surface);border:1px solid var(--border-color);border-top:4px solid var(--primary);border-radius:var(--radius);padding:1.25rem}.step-card.s1{border-top-color:#07f}.step-card.s2{border-top-color:#f90}.step-card.s3{border-top-color:#3c3}.step-card.s4{border-top-color:#f3c}.step-card h3{margin-bottom:.6rem;font-size:1.05rem}.step-card p{color:var(--text-muted);font-size:.88rem}.review-area{border-top:1px solid var(--border-color);margin-top:.9rem;padding-top:.8rem}.review-list{color:var(--text-muted);margin-top:.6rem;font-size:.85rem}.review-item{border-bottom:1px dashed var(--border-color);padding:.4rem 0}.muted{color:var(--text-muted)}.center{text-align:center}.mt-2{margin-top:2rem}.form-message{text-align:center;border-radius:var(--radius);margin-bottom:1rem;padding:.75rem}.form-message.ok{color:#34d399;background:#10b98126}.form-message.err{color:#fb7185;background:#f43f5e26}select{border-radius:var(--radius);border:1px solid var(--border-color);width:100%;color:var(--text-main);background:#0003;padding:.75rem 1rem;font-family:Inter,sans-serif}select:focus{border-color:var(--primary);outline:none}
