@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Open+Sans:wght@400;500;600&display=swap";.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);position:relative;overflow:hidden}.login-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.floating-shape{position:absolute;border-radius:50%;opacity:.1;animation:float 20s infinite ease-in-out}.shape-1{width:300px;height:300px;background:var(--secondary);top:10%;left:10%;animation-delay:0s}.shape-2{width:200px;height:200px;background:var(--accent);bottom:20%;right:15%;animation-delay:5s}.shape-3{width:150px;height:150px;background:var(--secondary);top:60%;left:70%;animation-delay:10s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.login-panel{background:var(--surface);border-radius:var(--radius-xl);padding:var(--spacing-xl);max-width:900px;width:100%;box-shadow:0 20px 60px var(--shadow);position:relative;z-index:1}.login-header{text-align:center;margin-bottom:var(--spacing-xl)}.logo-container{display:flex;justify-content:center;margin-bottom:var(--spacing-md)}.logo{width:80px;height:80px;background:linear-gradient(135deg,var(--secondary),var(--accent));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:2rem;font-weight:700;color:#fff;box-shadow:0 10px 30px #5e81ac4d}.login-header h1{margin-bottom:var(--spacing-sm);color:var(--primary)}.login-header p{color:var(--text-light);font-size:1.1rem}.roles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.role-card{background:var(--background);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center;cursor:pointer;transition:all var(--transition-smooth);border:2px solid transparent;position:relative;overflow:hidden}.role-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--secondary),var(--accent));opacity:0;transition:opacity var(--transition-fast);z-index:0}.role-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px var(--shadow-hover)}.role-card.selected{border-color:var(--accent);background:var(--surface);box-shadow:0 10px 30px #88c0d04d}.role-card.selected:before{opacity:.05}.role-icon{font-size:3rem;margin-bottom:var(--spacing-sm);position:relative;z-index:1}.role-card h3{margin-bottom:var(--spacing-xs);color:var(--primary);position:relative;z-index:1}.role-card p{font-size:.9rem;color:var(--text-light);position:relative;z-index:1}.role-indicator{width:20px;height:20px;border:2px solid var(--text-light);border-radius:50%;margin:var(--spacing-md) auto 0;transition:all var(--transition-fast);position:relative;z-index:1}.role-card.selected .role-indicator{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 4px #88c0d033}.login-button{width:100%;padding:var(--spacing-md);background:var(--text-light);color:#fff;font-size:1.1rem;font-weight:600;border-radius:var(--radius-md);transition:all var(--transition-fast);opacity:.5;cursor:not-allowed}.login-button.active{background:linear-gradient(135deg,var(--secondary),var(--accent));opacity:1;cursor:pointer;box-shadow:0 10px 30px #5e81ac4d}.login-button.active:hover{transform:translateY(-2px);box-shadow:0 15px 40px #5e81ac66}.login-footer{text-align:center;margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--background)}.login-footer p{font-size:.9rem;color:var(--text-light)}@media (max-width: 768px){.login-panel{padding:var(--spacing-lg)}.roles-grid{grid-template-columns:1fr}.login-header h1{font-size:2rem}}.dashboard-container{min-height:100vh;background:var(--background)}.dashboard-nav{background:var(--surface);padding:var(--spacing-md) var(--spacing-xl);display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px var(--shadow);position:sticky;top:0;z-index:100}.nav-brand{display:flex;align-items:center;gap:var(--spacing-md)}.nav-logo{width:50px;height:50px;background:linear-gradient(135deg,var(--secondary),var(--accent));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:1.3rem;font-weight:700;color:#fff}.nav-brand h2{font-size:1.3rem;color:var(--primary)}.logout-button{padding:var(--spacing-sm) var(--spacing-lg);background:var(--background);color:var(--text);font-weight:600;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.logout-button:hover{background:var(--secondary);color:#fff;transform:translate(5px)}.dashboard-content{max-width:1400px;margin:0 auto;padding:var(--spacing-xl)}.dashboard-header{text-align:center;margin-bottom:var(--spacing-xl)}.header-icon{font-size:4rem;margin-bottom:var(--spacing-md)}.dashboard-header h1{margin-bottom:var(--spacing-sm);color:var(--primary)}.dashboard-header p{font-size:1.1rem;color:var(--text-light)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.stat-card{background:var(--surface);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:0 5px 20px var(--shadow);transition:all var(--transition-smooth);position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px var(--shadow-hover)}.stat-label{font-size:.9rem;color:var(--text-light);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--spacing-sm);font-weight:600}.stat-value{font-size:2.5rem;font-family:var(--font-heading);font-weight:700;line-height:1}.stat-indicator{position:absolute;bottom:0;left:0;right:0;height:4px;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.actions-section{margin-top:var(--spacing-xl)}.actions-section h2{margin-bottom:var(--spacing-lg);color:var(--primary)}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.action-card{background:var(--surface);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);box-shadow:0 5px 20px var(--shadow);transition:all var(--transition-smooth);font-size:1.1rem;font-weight:600;color:var(--text);text-align:left}.action-card:hover{transform:translate(10px);box-shadow:0 10px 30px var(--shadow-hover);background:linear-gradient(135deg,var(--secondary),var(--accent));color:#fff}.action-icon{font-size:2rem;min-width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--background);border-radius:var(--radius-md);transition:all var(--transition-fast)}.action-card:hover .action-icon{background:#fff3}.action-arrow{margin-left:auto;font-size:1.5rem;transition:transform var(--transition-fast)}.action-card:hover .action-arrow{transform:translate(5px)}@media (max-width: 768px){.dashboard-content{padding:var(--spacing-lg)}.stats-grid,.actions-grid{grid-template-columns:1fr}.dashboard-nav{padding:var(--spacing-md)}.nav-brand h2{font-size:1rem}}.workflow-container{min-height:100vh;background:var(--background)}.workflow-nav{background:var(--surface);padding:var(--spacing-md) var(--spacing-xl);display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px var(--shadow);position:sticky;top:0;z-index:100}.nav-actions{display:flex;gap:var(--spacing-md)}.nav-actions button{padding:var(--spacing-sm) var(--spacing-lg);background:var(--background);color:var(--text);font-weight:600;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.nav-actions button:hover{background:var(--secondary);color:#fff}.workflow-content{max-width:1400px;margin:0 auto;padding:var(--spacing-xl);display:grid;gap:var(--spacing-xl)}.workflow-panel{background:var(--surface);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:0 10px 40px var(--shadow)}.panel-header{margin-bottom:var(--spacing-xl)}.panel-header h1{margin-bottom:var(--spacing-sm);color:var(--primary)}.panel-header p{color:var(--text-light);font-size:1.1rem}.schedule-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group label{font-weight:600;color:var(--text);font-size:.95rem}.form-group input,.form-group select,.form-group textarea{padding:var(--spacing-md);border:2px solid var(--background);border-radius:var(--radius-md);background:var(--background);color:var(--text);font-size:1rem;transition:all var(--transition-fast)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 4px #88c0d01a}.equipment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.equipment-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--background);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:2px solid transparent}.equipment-item:hover{background:var(--surface-hover);transform:translate(5px)}.equipment-item.selected{background:var(--surface);border-color:var(--accent);box-shadow:0 5px 15px #88c0d033}.equipment-checkbox{width:24px;height:24px;border:2px solid var(--text-light);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);font-weight:700;color:#fff}.equipment-item.selected .equipment-checkbox{background:var(--accent);border-color:var(--accent)}.submit-button{padding:var(--spacing-md) var(--spacing-xl);background:linear-gradient(135deg,var(--secondary),var(--accent));color:#fff;font-size:1.1rem;font-weight:600;border-radius:var(--radius-md);transition:all var(--transition-smooth);box-shadow:0 10px 30px #5e81ac4d}.submit-button:hover{transform:translateY(-2px);box-shadow:0 15px 40px #5e81ac66}.schedules-panel{background:var(--surface);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:0 10px 40px var(--shadow)}.schedules-panel h2{margin-bottom:var(--spacing-lg);color:var(--primary)}.schedules-list{display:grid;gap:var(--spacing-md)}.schedule-card{background:var(--background);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-smooth);border-left:4px solid var(--accent)}.schedule-card:hover{transform:translate(10px);box-shadow:0 10px 30px var(--shadow-hover)}.schedule-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.schedule-header h3{color:var(--primary)}.priority-badge{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;text-transform:uppercase}.priority-badge.low{background:#a3be8c33;color:var(--success)}.priority-badge.medium{background:#ebcb8b33;color:var(--warning)}.priority-badge.high{background:#88c0d033;color:var(--accent)}.priority-badge.urgent{background:#bf616a33;color:var(--error)}.schedule-details p{margin-bottom:var(--spacing-xs);color:var(--text-light)}.schedule-details strong{color:var(--text)}@media (max-width: 768px){.workflow-content{padding:var(--spacing-lg)}.form-row,.equipment-grid{grid-template-columns:1fr}}.jobs-list{display:grid;gap:var(--spacing-lg)}.job-card{background:var(--background);border-radius:var(--radius-lg);padding:var(--spacing-xl);border-left:4px solid var(--accent);transition:all var(--transition-smooth)}.job-card:hover{transform:translate(10px);box-shadow:0 10px 30px var(--shadow-hover);background:var(--surface)}.job-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg)}.job-header h3{color:var(--primary);margin-bottom:var(--spacing-xs)}.job-id{font-size:.9rem;color:var(--text-light);font-family:monospace}.job-details{display:grid;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.detail-item{display:flex;gap:var(--spacing-md);align-items:flex-start}.detail-icon{font-size:1.5rem;min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--surface);border-radius:var(--radius-md)}.detail-item strong{display:block;color:var(--text);margin-bottom:var(--spacing-xs);font-size:.9rem}.detail-item p{color:var(--text-light);font-size:.95rem}.start-job-button{width:100%;padding:var(--spacing-md);background:linear-gradient(135deg,var(--secondary),var(--accent));color:#fff;font-weight:600;border-radius:var(--radius-md);transition:all var(--transition-smooth);font-size:1.05rem}.start-job-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #5e81ac4d}.back-link{background:transparent;color:var(--secondary);padding:var(--spacing-sm);margin-bottom:var(--spacing-md);font-weight:600;transition:all var(--transition-fast)}.back-link:hover{color:var(--accent);transform:translate(-5px)}.work-order-form{display:flex;flex-direction:column;gap:var(--spacing-xl)}.form-section{background:var(--background);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.form-section h3{color:var(--primary);margin-bottom:var(--spacing-xs)}.section-description{color:var(--text-light);font-size:.95rem;margin-bottom:var(--spacing-md)}.image-upload-area{display:flex;flex-direction:column;gap:var(--spacing-md)}.upload-button{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:var(--surface);color:var(--text);font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:2px dashed var(--text-light);width:fit-content}.upload-button:hover{border-color:var(--accent);background:var(--surface-hover);transform:translateY(-2px)}.upload-icon{font-size:1.5rem}.uploaded-images{padding:var(--spacing-md);background:var(--surface);border-radius:var(--radius-md);color:var(--success);font-weight:600}.invoice-input,.notes-textarea{width:100%;padding:var(--spacing-md);border:2px solid var(--surface);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-size:1rem;transition:all var(--transition-fast)}.invoice-input:focus,.notes-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px #88c0d01a}.success-message{text-align:center;padding:var(--spacing-xl)}.success-icon{width:100px;height:100px;background:linear-gradient(135deg,var(--success),#A3BE8C);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#fff;margin:0 auto var(--spacing-lg);box-shadow:0 10px 30px #a3be8c4d}.success-message h1{color:var(--primary);margin-bottom:var(--spacing-sm)}.success-message p{font-size:1.1rem;color:var(--text-light);margin-bottom:var(--spacing-xl)}.submission-details{background:var(--background);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);text-align:left}.submission-details p{margin-bottom:var(--spacing-sm);color:var(--text)}.return-button{padding:var(--spacing-md) var(--spacing-xl);background:linear-gradient(135deg,var(--secondary),var(--accent));color:#fff;font-weight:600;border-radius:var(--radius-md);transition:all var(--transition-smooth);font-size:1.05rem}.return-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #5e81ac4d}@media (max-width: 768px){.job-header{flex-direction:column;gap:var(--spacing-md)}.equipment-grid{grid-template-columns:1fr}}.safety-checklist{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.safety-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--background);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-smooth);border:2px solid transparent}.safety-item:hover{background:var(--surface);transform:translate(10px);box-shadow:0 5px 20px var(--shadow)}.safety-item.checked{background:var(--surface);border-color:var(--success);box-shadow:0 5px 20px #a3be8c33}.safety-checkbox{width:32px;height:32px;border:3px solid var(--text-light);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);font-weight:700;color:#fff;font-size:1.2rem;flex-shrink:0}.safety-item.checked .safety-checkbox{background:var(--success);border-color:var(--success)}.safety-label{display:flex;align-items:center;gap:var(--spacing-md);flex:1}.safety-label span{font-weight:600;color:var(--text);font-size:1.05rem}.required-badge{padding:var(--spacing-xs) var(--spacing-md);background:#bf616a33;color:var(--error);border-radius:var(--radius-sm);font-size:.85rem;font-weight:700;text-transform:uppercase}.warning-message{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:#ebcb8b33;border-left:4px solid var(--warning);border-radius:var(--radius-md);color:var(--text);font-weight:600;margin-bottom:var(--spacing-lg)}.warning-icon{font-size:1.5rem}.proceed-button{width:100%;padding:var(--spacing-md);background:var(--text-light);color:#fff;font-size:1.1rem;font-weight:600;border-radius:var(--radius-md);transition:all var(--transition-fast);opacity:.5;cursor:not-allowed}.proceed-button.active{background:linear-gradient(135deg,var(--secondary),var(--accent));opacity:1;cursor:pointer;box-shadow:0 10px 30px #5e81ac4d}.proceed-button.active:hover{transform:translateY(-2px);box-shadow:0 15px 40px #5e81ac66}.job-brief{display:flex;flex-direction:column;gap:var(--spacing-xl)}.brief-section{background:var(--background);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.brief-section h3{color:var(--primary);margin-bottom:var(--spacing-md)}.brief-details p{margin-bottom:var(--spacing-sm);color:var(--text);font-size:1.05rem}.brief-details strong{color:var(--text-light);font-weight:600}@media (max-width: 768px){.safety-item{flex-direction:column;align-items:flex-start}.safety-label{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}}.supervisor-header{text-align:center;margin-bottom:var(--spacing-xl)}.supervisor-header h1{color:var(--primary);margin-bottom:var(--spacing-sm)}.supervisor-header p{font-size:1.1rem;color:var(--text-light);margin-bottom:var(--spacing-xl)}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-lg);max-width:800px;margin:0 auto}.stat-box{background:var(--surface);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);box-shadow:0 5px 20px var(--shadow);transition:all var(--transition-smooth)}.stat-box:hover{transform:translateY(-5px);box-shadow:0 15px 40px var(--shadow-hover)}.stat-number{font-size:2.5rem;font-family:var(--font-heading);font-weight:700;color:var(--accent);line-height:1}.stat-label{font-size:.9rem;color:var(--text-light);text-transform:uppercase;letter-spacing:1px;font-weight:600}.submissions-section{margin-bottom:var(--spacing-xl)}.submissions-section h2{margin-bottom:var(--spacing-lg);color:var(--primary)}.submissions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-lg)}.submission-card{background:var(--surface);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:0 5px 20px var(--shadow);transition:all var(--transition-smooth);border-left:4px solid var(--warning)}.submission-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px var(--shadow-hover)}.submission-header{margin-bottom:var(--spacing-lg)}.submission-type{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);background:#5e81ac33;color:var(--secondary);border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;text-transform:uppercase;margin-bottom:var(--spacing-sm)}.submission-header h3{color:var(--primary);margin-bottom:var(--spacing-xs)}.submission-id{font-size:.9rem;color:var(--text-light);font-family:monospace}.submission-info{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.info-row{display:flex;gap:var(--spacing-md);align-items:flex-start}.info-icon{font-size:1.5rem;min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--background);border-radius:var(--radius-md)}.info-row strong{display:block;color:var(--text);margin-bottom:var(--spacing-xs);font-size:.9rem}.info-row p{color:var(--text-light);font-size:.95rem}.review-button{width:100%;padding:var(--spacing-md);background:linear-gradient(135deg,var(--secondary),var(--accent));color:#fff;font-weight:600;border-radius:var(--radius-md);transition:all var(--transition-smooth)}.review-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #5e81ac4d}.reviewed-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.reviewed-item{background:var(--surface);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px var(--shadow)}.reviewed-info h4{color:var(--primary);margin-bottom:var(--spacing-xs)}.reviewed-info p{color:var(--text-light);font-size:.9rem}.status-badge{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;white-space:nowrap}.status-badge.approved{background:#a3be8c33;color:var(--success)}.status-badge.rejected{background:#bf616a33;color:var(--error)}.review-panel{background:var(--surface);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:0 10px 40px var(--shadow)}.review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);flex-wrap:wrap;gap:var(--spacing-md)}.submission-type-badge{padding:var(--spacing-sm) var(--spacing-lg);background:#5e81ac33;color:var(--secondary);border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;text-transform:uppercase}.review-content{display:flex;flex-direction:column;gap:var(--spacing-xl)}.review-section{background:var(--background);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.review-section h3{color:var(--primary);margin-bottom:var(--spacing-lg)}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}.detail-item strong{display:block;color:var(--text-light);font-size:.9rem;margin-bottom:var(--spacing-xs)}.detail-item p{color:var(--text);font-size:1.05rem;font-weight:600}.review-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.approve-button,.reject-button{padding:var(--spacing-md) var(--spacing-xl);font-size:1.1rem;font-weight:600;border-radius:var(--radius-md);transition:all var(--transition-smooth)}.approve-button{background:linear-gradient(135deg,var(--success),#A3BE8C);color:#fff;box-shadow:0 10px 30px #a3be8c4d}.approve-button:hover{transform:translateY(-2px);box-shadow:0 15px 40px #a3be8c66}.reject-button{background:linear-gradient(135deg,var(--error),#BF616A);color:#fff;box-shadow:0 10px 30px #bf616a4d}.reject-button:hover{transform:translateY(-2px);box-shadow:0 15px 40px #bf616a66}@media (max-width: 768px){.submissions-grid,.review-actions,.details-grid{grid-template-columns:1fr}}.app{min-height:100vh;background:var(--background);font-family:var(--font-body)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:fadeIn .6s ease-out forwards}.scale-in{animation:scaleIn .4s cubic-bezier(.34,1.56,.64,1) forwards}.slide-in{animation:slideIn .5s ease-out forwards}:root{--primary: #2E3440;--secondary: #5E81AC;--accent: #88C0D0;--background: #ECEFF4;--text: #2E3440;--text-light: #4C566A;--surface: #FFFFFF;--surface-hover: #E5E9F0;--success: #A3BE8C;--warning: #EBCB8B;--error: #BF616A;--shadow: rgba(46, 52, 64, .1);--shadow-hover: rgba(46, 52, 64, .15);--font-heading: "Poppins", sans-serif;--font-body: "Open Sans", sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--transition-fast: .2s ease;--transition-smooth: .4s cubic-bezier(.34, 1.56, .64, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);color:var(--text);background:var(--background);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.2;color:var(--text)}h1{font-size:2.5rem;font-weight:700}h2{font-size:2rem;font-weight:600}h3{font-size:1.5rem;font-weight:600}h4{font-size:1.25rem;font-weight:600}p{font-size:1rem;color:var(--text-light)}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none;transition:all var(--transition-fast)}input,textarea,select{font-family:var(--font-body);font-size:1rem;outline:none;transition:all var(--transition-fast)}a{text-decoration:none;color:var(--secondary);transition:color var(--transition-fast)}a:hover{color:var(--accent)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}