:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;text-size-adjust:100%}*{box-sizing:border-box}a{font-weight:500;color:#4a7c59;text-decoration:inherit}a:hover{color:#2d5a27}body{margin:0;padding:0;min-width:320px;min-height:100vh;display:block}h1{font-size:2rem;line-height:1.2}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f9f9f9;cursor:pointer;transition:border-color .25s;min-height:44px;touch-action:manipulation}button:hover{border-color:#4a7c59}button:focus,button:focus-visible{outline:2px solid #4a7c59;outline-offset:2px}input,select,textarea{font-size:16px!important}@media (max-width: 768px){h1{font-size:1.5rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:1rem 0}#root{width:100%;display:flex;justify-content:center}.App{max-width:900px;width:100%;margin:0 auto;padding:0 1rem;display:flex;flex-direction:column;align-items:center;gap:2rem}.app-header{text-align:center;background:#fff;padding:2rem 180px 2rem 2rem;border-radius:16px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);width:100%;max-width:800px;position:relative}.app-header h1{color:#2d5a27;font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.app-header h2{color:#5a7c58;font-size:1.4rem;font-weight:500;margin:0}.app-header p{color:#5a7c58;font-size:1.2rem;font-weight:400;line-height:1.6}.header-nav{position:absolute;top:1.5rem;right:1.5rem;z-index:10;min-width:140px}.staff-login-link{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#2d5a27f2,#4a7c59f2),#ffffff1a;color:#fff;text-decoration:none;border-radius:12px;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #2d5a274d,0 1px 3px #0003,inset 0 1px #ffffff40;border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);min-width:140px;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.staff-login-link:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(255,255,255,.05) 100%);opacity:0;transition:opacity .3s ease}.staff-login-link:hover:before{opacity:1}.staff-login-link:hover{transform:translateY(-2px);box-shadow:0 4px 20px #2d5a2766,0 2px 10px #00000040,inset 0 1px #fff6;border-color:#fff6;background:linear-gradient(135deg,#1f4a1cf2,#2d5a27f2),#ffffff26;color:#f0f8f0}.staff-login-link:active{transform:translateY(0);transition:all .1s ease;box-shadow:0 1px 4px #2d5a2766,0 1px 2px #0003,inset 0 1px #fff3}.staff-login-link:after{content:"→";font-size:.9rem;font-weight:700;transition:transform .2s ease;opacity:.9}.staff-login-link:hover:after{transform:translate(2px);opacity:1}.staff-login-link:focus{outline:none;box-shadow:0 2px 8px #2d5a274d,0 1px 3px #0003,inset 0 1px #ffffff40,0 0 0 3px #4a7c5966}.school-badge{display:inline-block;background:linear-gradient(135deg,#4a7c59,#2d5a27);color:#fff;padding:.5rem 1rem;border-radius:25px;font-size:.9rem;font-weight:600;margin-top:1rem;box-shadow:0 4px 15px #4a7c594d}.progress-bar{background:#e8f5e8;height:6px;border-radius:3px;width:100%;max-width:800px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#4a7c59,#6ba368);width:25%;border-radius:3px;transition:width .5s ease}.app-main{display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:800px}.public-layout{max-width:900px;width:100%;margin:0 auto;padding:0 1rem;display:flex;flex-direction:column;align-items:center;gap:2rem}.staff-layout{width:100%;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.route-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem}.route-loading p{color:#5a7c58;font-size:1.1rem;font-weight:500}.who-is-filling{width:100%;margin:0 auto}.who-is-filling-intro{text-align:center;margin-bottom:2rem}.who-is-filling-intro p{font-size:1.1rem;color:#666;margin:0}.filler-options{display:grid;gap:1.5rem;margin-bottom:2rem}.filler-option{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.filler-option:hover{border-color:#86a789;transform:translateY(-2px);box-shadow:0 4px 16px #86a78933}.filler-option.selected{border-color:#86a789;background:linear-gradient(135deg,#f8faf8,#f0f4f0);box-shadow:0 4px 16px #86a7894d}.filler-option-header{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.filler-option-icon{font-size:2rem;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#86a789,#739776);border-radius:50%;color:#fff;font-size:1.5rem}.filler-option h3{margin:0;font-size:1.3rem;font-weight:600;color:#2c5530}.filler-option-description{margin:0;color:#666;font-size:1rem;line-height:1.5}.filler-option.selected .filler-option-icon{background:linear-gradient(135deg,#6b8e6b,#5a7a5a);transform:scale(1.1)}.filler-option.selected h3{color:#1e3a1e}.filler-option.selected .filler-option-description{color:#444}@media (min-width: 768px){.filler-options{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width: 767px){.filler-option{padding:1.25rem}.filler-option-icon{width:2.5rem;height:2.5rem;font-size:1.25rem}.filler-option h3{font-size:1.2rem}}.staff-login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.staff-login-card{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000001a;border:1px solid rgba(255,255,255,.2);width:100%;max-width:500px;position:relative;overflow:hidden}.staff-login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#4a7c59,#6ba368,#4a7c59)}.login-header{text-align:center;padding:3rem 2rem 2rem;background:linear-gradient(135deg,#f8fbf8,#f0f7f0)}.staff-icon{font-size:3rem;margin-bottom:1rem;display:block}.login-header h1{color:#2d5a27;font-size:2.2rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.login-header p{color:#5a7c58;font-size:1.1rem;line-height:1.5;margin:0}.login-content{padding:2rem}.login-error{background:linear-gradient(135deg,#ffeaea,#ffcccb);color:#8b2635;padding:1rem 1.25rem;border-radius:12px;border:1px solid #ffb3b3;font-weight:500;display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem}.error-icon{font-size:1.2rem}.google-signin-section{margin-bottom:2rem}.google-signin-section h3{color:#2d5a27;font-size:1.3rem;font-weight:600;margin-bottom:.5rem}.signin-description{color:#666;font-size:.95rem;margin-bottom:1.5rem;line-height:1.4}.google-button-container{position:relative;min-height:50px}.google-signin-button{width:100%}.loading-google{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;background:#f8f9fa;border:2px dashed #ddd;border-radius:8px;color:#666;font-size:.9rem}.login-info{display:grid;gap:1rem;margin-bottom:2rem}.info-card{background:linear-gradient(135deg,#f8fbf8,#f0f7f0);border:1px solid #e8f5e8;border-radius:12px;padding:1.25rem}.info-card h4{color:#2d5a27;font-size:1.1rem;font-weight:600;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.info-card ul{list-style:none;padding:0;margin:0}.info-card li{color:#5a7c58;font-size:.95rem;margin-bottom:.5rem;position:relative;padding-left:1.25rem}.info-card li:before{content:"✓";position:absolute;left:0;color:#4a7c59;font-weight:700}.info-card p{color:#5a7c58;font-size:.95rem;line-height:1.4;margin:0}.back-to-form{text-align:center;padding-top:1rem;border-top:1px solid #e8f5e8}.back-link{color:#4a7c59;text-decoration:none;font-size:.95rem;font-weight:500;transition:color .2s ease}.back-link:hover{color:#2d5a27}.login-loading-overlay{position:absolute;inset:0;background:#fffffff2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;border-radius:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.login-loading-overlay span{color:#2d5a27;font-size:1.1rem;font-weight:600}.staff-dashboard{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.dashboard-header{background:#fff;border-bottom:1px solid #e8f5e8;box-shadow:0 2px 20px #0000000d;position:sticky;top:0;z-index:100}.header-content{max-width:1200px;margin:0 auto;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;gap:2rem}.header-title h1{color:#2d5a27;font-size:2rem;font-weight:700;margin-bottom:.25rem}.header-title p{color:#5a7c58;font-size:1rem;margin:0}.header-user{display:flex;align-items:center;gap:1.5rem}.user-info{display:flex;align-items:center;gap:.75rem}.user-avatar{width:40px;height:40px;border-radius:50%;border:2px solid #e8f5e8}.user-details{display:flex;flex-direction:column;align-items:flex-end}.user-name{color:#2d5a27;font-weight:600;font-size:.95rem}.user-email{color:#666;font-size:.85rem}.logout-button{padding:.75rem 1.5rem;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #dc262633}.logout-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.dashboard-main{max-width:1200px;margin:0 auto;padding:2rem}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem}.dashboard-loading p{color:#5a7c58;font-size:1.1rem;font-weight:500}.dashboard-error{background:linear-gradient(135deg,#ffeaea,#ffcccb);color:#8b2635;padding:1.5rem;border-radius:12px;border:1px solid #ffb3b3;margin-bottom:2rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.retry-button{padding:.5rem 1rem;background:#8b2635;color:#fff;border:none;border-radius:6px;font-size:.9rem;cursor:pointer;transition:background .2s ease}.retry-button:hover{background:#7a1e2b}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem}.stat-card{background:#fff;border-radius:16px;padding:1.75rem;box-shadow:0 2px 12px #00000014;border:2px solid transparent;display:flex;align-items:center;gap:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:0;transition:opacity .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.stat-card:hover:before{opacity:.6}.stat-card-primary{border-left:4px solid #4a7c59}.stat-card-primary:hover{border-color:#4a7c59;box-shadow:0 8px 24px #4a7c5926}.stat-card-info{border-left:4px solid #3b82f6}.stat-card-info:hover{border-color:#3b82f6;box-shadow:0 8px 24px #3b82f626}.stat-card-success{border-left:4px solid #10b981}.stat-card-success:hover{border-color:#10b981;box-shadow:0 8px 24px #10b98126}.stat-card-warning{border-left:4px solid #f59e0b}.stat-card-warning:hover{border-color:#f59e0b;box-shadow:0 8px 24px #f59e0b26}.stat-card-delivered{border-left:4px solid #22c55e}.stat-card-delivered:hover{border-color:#22c55e;box-shadow:0 8px 24px #22c55e26}.stat-card-danger{border-left:4px solid #ef4444}.stat-card-danger:hover{border-color:#ef4444;box-shadow:0 8px 24px #ef444426}.stat-icon-wrapper{width:64px;height:64px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .3s ease}.stat-card:hover .stat-icon-wrapper{transform:scale(1.1) rotate(5deg)}.stat-icon-primary{background:linear-gradient(135deg,#4a7c59,#6ba368)}.stat-icon-info{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.stat-icon-success{background:linear-gradient(135deg,#10b981,#34d399)}.stat-icon-warning{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.stat-icon-delivered{background:linear-gradient(135deg,#22c55e,#4ade80)}.stat-icon-danger{background:linear-gradient(135deg,#ef4444,#f87171)}.stat-icon{font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.stat-content{flex:1;min-width:0}.stat-content h3{color:#1f2937;font-size:2.5rem;font-weight:800;margin-bottom:.25rem;line-height:1.1;letter-spacing:-.02em}.stat-content p{color:#6b7280;font-size:.95rem;font-weight:500;margin:0;text-transform:uppercase;letter-spacing:.05em}.submissions-section{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 20px #0000000d;border:1px solid rgba(255,255,255,.2)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.section-header h2{color:#2d5a27;font-size:1.6rem;font-weight:600;margin:0}.refresh-button{padding:.75rem 1.5rem;background:linear-gradient(135deg,#4a7c59,#6ba368);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #4a7c5933;display:flex;align-items:center;gap:.5rem}.refresh-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #4a7c594d}.refresh-button:disabled{opacity:.6;cursor:not-allowed}.no-submissions{text-align:center;padding:4rem 2rem;color:#666}.no-submissions-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.no-submissions h3{color:#2d5a27;font-size:1.5rem;margin-bottom:.5rem}.no-submissions p{font-size:1rem;line-height:1.5}.submissions-list{display:grid;gap:1.5rem;position:relative}.submission-card{background:linear-gradient(135deg,#fafffe,#f8fbf8);border:2px solid #e8f5e8;border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .2s ease;position:relative}.submission-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:#4a7c59}.submission-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.submission-icon{font-size:1.8rem;background:linear-gradient(135deg,#4a7c59,#6ba368);color:#fff;width:45px;height:45px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.submission-info h3{color:#2d5a27;font-size:1.3rem;font-weight:600;margin-bottom:.25rem}.submission-details{color:#666;font-size:.9rem;margin:0}.submission-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.summary-item{font-size:.9rem;color:#5a7c58}.summary-item strong{color:#2d5a27;font-weight:600}.submission-actions{display:flex;justify-content:flex-end}.filter-controls{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center;padding:1.5rem;background:#f8fbf8;border-radius:12px;margin-bottom:2rem;border:1px solid #e8f5e8}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-size:.9rem;font-weight:600;color:#2d5a27}.filter-select{padding:.6rem 1rem;border:2px solid #e8f5e8;border-radius:8px;background:#fff;color:#2d5a27;font-size:.9rem;cursor:pointer;transition:all .2s ease;min-width:150px}.filter-select:hover{border-color:#4a7c59}.filter-select:focus{outline:none;border-color:#4a7c59;box-shadow:0 0 0 3px #4a7c591a}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;font-weight:600;color:#2d5a27}.filter-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#4a7c59}.filter-results-info{margin-left:auto;font-size:.9rem;color:#666;font-weight:500}.archive-badge{display:inline-block;margin-left:.5rem;padding:.2rem .6rem;background:#f0f0f0;color:#666;border-radius:6px;font-size:.75rem;font-weight:500}.pagination-controls{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem;background:#f8fbf8;border-radius:12px;margin-top:2rem;border:1px solid #e8f5e8}.pagination-info{font-size:.9rem;color:#2d5a27;font-weight:600}.pagination-buttons{display:flex;align-items:center;gap:.5rem}.pagination-button{padding:.6rem 1rem;background:#fff;border:2px solid #e8f5e8;border-radius:8px;color:#2d5a27;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.pagination-button:hover:not(:disabled){background:#4a7c59;color:#fff;border-color:#4a7c59;transform:translateY(-1px)}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-button.active{background:#4a7c59;color:#fff;border-color:#4a7c59}.page-numbers{display:flex;gap:.25rem}.page-size-selector{display:flex;align-items:center;gap:.5rem}.page-size-selector label{font-size:.9rem;font-weight:600;color:#2d5a27}.page-size-select{padding:.6rem 1rem;border:2px solid #e8f5e8;border-radius:8px;background:#fff;color:#2d5a27;font-size:.9rem;cursor:pointer;transition:all .2s ease}.page-size-select:hover{border-color:#4a7c59}.page-size-select:focus{outline:none;border-color:#4a7c59;box-shadow:0 0 0 3px #4a7c591a}.submissions-loading{text-align:center;padding:4rem 2rem;color:#666}.submissions-loading .loading-spinner{width:40px;height:40px;border:4px solid #e8f5e8;border-top:4px solid #4a7c59;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.submissions-loading p{color:#2d5a27;font-size:1rem;margin:0}.submissions-loading-overlay{position:absolute;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:10;border-radius:12px}.loading-spinner-small{width:30px;height:30px;border:3px solid #e8f5e8;border-top:3px solid #4a7c59;border-radius:50%;animation:spin 1s linear infinite}.loading-text{color:#4a7c59;font-weight:600}.filter-select:disabled,.filter-checkbox:disabled,.pagination-button:disabled,.page-size-select:disabled{opacity:.6;cursor:not-allowed}.view-button{padding:.5rem 1rem;background:transparent;color:#4a7c59;border:1px solid #4a7c59;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.view-button:hover{background:#4a7c59;color:#fff}.delete-button{padding:.5rem 1rem;background:transparent;color:#dc2626;border:1px solid #dc2626;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.delete-button:hover:not(:disabled){background:#dc2626;color:#fff}.delete-button:disabled{opacity:.6;cursor:not-allowed}.delete-confirmation-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center}.delete-confirmation-content{background:#fff;border-radius:16px;padding:2rem;max-width:500px;width:90%;box-shadow:0 20px 60px #0000004d;z-index:1001;position:relative;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.delete-confirmation-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.delete-confirmation-icon{font-size:2.5rem;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.delete-confirmation-header h2{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0}.delete-confirmation-body{margin-bottom:2rem}.delete-confirmation-body p{color:#4b5563;font-size:1rem;line-height:1.6;margin-bottom:1rem}.delete-confirmation-body p:last-child{margin-bottom:0}.delete-confirmation-body strong{color:#1f2937;font-weight:600}.delete-warning{background:#fef3c7;border-left:4px solid #f59e0b;padding:1rem;border-radius:8px;color:#92400e;font-size:.9rem;margin-top:1rem}.delete-confirmation-actions{display:flex;gap:1rem;justify-content:flex-end}.cancel-delete-button{padding:.75rem 1.5rem;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.cancel-delete-button:hover:not(:disabled){background:#e5e7eb;border-color:#9ca3af}.cancel-delete-button:disabled{opacity:.6;cursor:not-allowed}.confirm-delete-button{padding:.75rem 1.5rem;background:#dc2626;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.confirm-delete-button:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.confirm-delete-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.confirm-delete-button .loading-spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white}.edit-button{padding:8px 16px;background:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s ease}.edit-button:hover{background:#45a049;transform:translateY(-1px)}.save-button{padding:8px 16px;background:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s ease}.save-button:hover{background:#45a049;transform:translateY(-1px)}.cancel-button{padding:8px 16px;background:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s ease}.cancel-button:hover{background:#da190b;transform:translateY(-1px)}.edit-form-input{margin-left:10px;padding:8px 12px;border:2px solid #e8f5e8;border-radius:6px;font-size:.95rem;background:#fff;color:#2d5a27;transition:all .2s ease;min-width:200px}.edit-form-input:focus{outline:none;border-color:#4a7c59;box-shadow:0 0 0 3px #4a7c591a;background:#fafffe}.edit-form-input:hover:not(:focus){border-color:#c3dcc3;background:#f8fbf8}.edit-form-select{margin-left:10px;padding:8px 12px;border:2px solid #e8f5e8;border-radius:6px;font-size:.95rem;background:#fff;color:#2d5a27;transition:all .2s ease;min-width:120px;cursor:pointer}.edit-form-select:focus{outline:none;border-color:#4a7c59;box-shadow:0 0 0 3px #4a7c591a;background:#fafffe}.edit-form-select:hover:not(:focus){border-color:#c3dcc3;background:#f8fbf8}.edit-form-input::placeholder{color:#a0b5a0;font-style:italic}.edit-form-input:disabled{background:#f0f0f0;color:#666;cursor:not-allowed;border-color:#ddd}.edit-form-textarea{margin-left:10px;padding:8px 12px;border:2px solid #e8f5e8;border-radius:6px;font-size:.95rem;background:#fff;color:#2d5a27;transition:all .2s ease;min-width:300px;min-height:60px;resize:vertical;font-family:inherit}.edit-form-textarea:focus{outline:none;border-color:#4a7c59;box-shadow:0 0 0 3px #4a7c591a;background:#fafffe}.edit-form-textarea:hover:not(:focus){border-color:#c3dcc3;background:#f8fbf8}.edit-form-textarea::placeholder{color:#a0b5a0;font-style:italic}.submission-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem}.modal-overlay{position:absolute;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;max-width:700px;width:100%;max-height:90vh;overflow:hidden;position:relative;z-index:1;color:#333}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1rem;border-bottom:1px solid #e8f5e8}.modal-header-actions{display:flex;gap:12px;align-items:center}.modal-header h2{color:#2d5a27;font-size:1.6rem;font-weight:600;margin:0}.modal-close{background:none;border:none;font-size:1.5rem;color:#666;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease}.modal-close:hover{background:#f0f0f0;color:#333}.modal-body{padding:1.5rem 2rem 2rem;max-height:calc(90vh - 120px);overflow-y:auto;color:#333}.detail-section{margin-bottom:2rem}.detail-section:last-child{margin-bottom:0}.detail-section h3{color:#2d5a27;font-size:1.2rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #e8f5e8;display:flex;align-items:center;gap:.5rem}.detail-grid{display:grid;gap:.75rem}.detail-grid>div{display:flex;flex-wrap:wrap;gap:.5rem;line-height:1.4;color:#333}.detail-grid strong{color:#2d5a27;font-weight:600;min-width:140px;flex-shrink:0}.detail-grid span{color:#555;font-weight:400}.detail-grid div{color:#333}.modal-content *{color:inherit}.modal-content p{color:#555;margin:.25rem 0}.modal-content .detail-section p{color:#333}.modal-content .detail-section span{color:#555}.modal-content .detail-grid>div>*:not(strong){color:#2d5a27;font-weight:500}.help-contact-info{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:12px;padding:1.5rem;margin:2rem 0 1.5rem;display:flex;align-items:flex-start;gap:1rem;box-shadow:0 2px 8px #0000000d}.help-icon{font-size:1.5rem;color:#2d5a27;flex-shrink:0;margin-top:.25rem}.help-content h4{color:#2d5a27;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.help-content p{color:#555;margin:0 0 .75rem;line-height:1.5;font-size:.95rem}.help-email{color:#2d5a27;text-decoration:none;font-weight:600;font-size:.95rem;padding:.5rem 1rem;background:#2d5a271a;border-radius:6px;display:inline-block;transition:all .2s ease;border:1px solid rgba(45,90,39,.2)}.help-email:hover{background:#2d5a2726;border-color:#2d5a274d;transform:translateY(-1px);box-shadow:0 2px 4px #2d5a271a}.help-email:active{transform:translateY(0);box-shadow:0 1px 2px #2d5a271a}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid #ffffff40;border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}.dashboard-loading .loading-spinner,.route-loading .loading-spinner{border-color:#4a7c5940;border-top-color:#4a7c59;width:32px;height:32px;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.student-lookup{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden;width:100%}.student-lookup:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#4a7c59,#6ba368,#4a7c59)}.student-lookup h2{color:#2d5a27;font-size:1.8rem;font-weight:600;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem;text-align:center}.student-lookup h2:before{content:"🎓";font-size:1.5rem}.lookup-section{margin-bottom:1.5rem;display:flex;flex-direction:column;align-items:center;width:100%}.lookup-section label{display:block;margin-bottom:.75rem;font-weight:600;color:#2d5a27;font-size:1.1rem;text-align:center}.input-group{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;max-width:500px}.input-group input{flex:1;min-width:250px;max-width:350px;padding:1rem 1.25rem;border:2px solid #e8f5e8;border-radius:12px;font-size:1.1rem;transition:all .3s ease;background:#fafffe;text-align:center;color:#2d5a27}.input-group input:focus{outline:none;border-color:#4a7c59;box-shadow:0 0 0 3px #4a7c591a;background:#fff;color:#2d5a27}.input-group input::placeholder{color:#a0b5a0}.input-group input:disabled{background:#f0f0f0;color:#666;cursor:not-allowed}.lookup-button{padding:1rem 2rem;background:linear-gradient(135deg,#4a7c59,#2d5a27);color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:1.1rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #4a7c594d;min-width:140px;display:flex;align-items:center;justify-content:center;gap:.5rem}.lookup-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4a7c5966}.lookup-button:active{transform:translateY(0)}.lookup-button:disabled{background:#a0b5a0;cursor:not-allowed;transform:none;box-shadow:none}.error-message{background:linear-gradient(135deg,#ffeaea,#ffcccb);color:#8b2635;padding:1rem 1.25rem;border-radius:12px;border:1px solid #ffb3b3;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.5rem;text-align:center;max-width:500px;margin:0 auto}.error-message:before{content:"⚠️";font-size:1.2rem}.student-info{background:linear-gradient(135deg,#f0f8f0,#e8f5e8);padding:1.5rem;border-radius:12px;border:2px solid #d4e6d4;margin-top:1rem;width:100%}.student-info h3{color:#2d5a27;font-size:1.4rem;font-weight:600;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;text-align:center}.student-info h3:before{content:"✅";font-size:1.2rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;justify-items:center}.info-item{background:#fff;padding:1rem;border-radius:8px;border:1px solid #e0ede0;box-shadow:0 2px 8px #0000000d;text-align:center;width:100%;max-width:300px}.info-item strong{color:#2d5a27;font-weight:600;display:block;margin-bottom:.25rem;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.info-item span{color:#4a7c59;font-size:1.1rem;font-weight:500;word-break:break-word}.teacher-info{grid-column:1 / -1;background:linear-gradient(135deg,#f0f8f0,#e8f5e8);border:2px solid #c3dcc3}.teacher-info strong{color:#2d5a27}.teacher-contact{font-size:.95rem;margin-top:.25rem;color:#5a7c58;display:flex;align-items:center;gap:.5rem}.next-steps{background:linear-gradient(135deg,#e8f5e8,#d4e6d4);color:#2d5a27;padding:1.5rem;border-radius:12px;border:2px solid #c3dcc3;text-align:center;box-shadow:0 4px 15px #4a7c591a;width:100%;max-width:600px}.next-steps p{margin:0;font-weight:600;font-size:1.1rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.next-steps p:before{content:"🚀";font-size:1.3rem}.verification-intro{text-align:center;color:#5a7c58;margin-bottom:2rem;font-size:1.1rem;line-height:1.5}.verification-form{display:flex;flex-direction:column;gap:2rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#2d5a27;font-size:1rem}.form-group input,.form-group select{padding:1rem;border:2px solid #e8f5e8;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fafffe;color:#2d5a27}.form-group input:focus,.form-group select:focus{outline:none;border-color:#4a7c59;box-shadow:0 0 0 3px #4a7c591a;background:#fff}.form-group input::placeholder{color:#a0b5a0}.form-group input:disabled,.form-group select:disabled{background:#f0f0f0;color:#666;cursor:not-allowed}.verify-button{padding:1rem 2rem;background:linear-gradient(135deg,#4a7c59,#2d5a27);color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:1.1rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #4a7c594d;display:flex;align-items:center;justify-content:center;gap:.5rem;align-self:center;min-width:200px}.verify-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4a7c5966}.verify-button:active{transform:translateY(0)}.verify-button:disabled{background:#a0b5a0;cursor:not-allowed;transform:none;box-shadow:none}.device-question{text-align:center;padding:2rem}.device-question h3{color:#2d5a27;margin-bottom:1rem;font-size:1.5rem}.device-question p{color:#666;margin-bottom:2rem;font-size:1.1rem}.device-choice-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.choice-button{padding:1rem 2rem;border:2px solid #4a7c59;border-radius:8px;background:#fff;color:#2d5a27;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:220px}.choice-button:hover{background:#f0f7f0;transform:translateY(-2px);box-shadow:0 4px 12px #4d7c5933}.yes-button:hover{background:#4a7c59;color:#fff}.no-button:hover{background:#6ba368;color:#fff}.device-return-form{padding:1rem 0}.device-return-form h3{color:#2d5a27;margin-bottom:.5rem}.device-info-notice{background:#f0f7f0;border:1px solid #6ba368;border-radius:8px;padding:1.5rem;margin:1.5rem 0}.device-info-notice p{margin-bottom:.5rem;color:#2d5a27}.device-info-notice ul{margin:.5rem 0 1rem 2rem;color:#2d5a27}.device-info-notice ul li{margin-bottom:.25rem}.device-form{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 10px #0000001a;border:1px solid #e5e5e5}.device-form .form-group{margin-bottom:1.5rem}.device-form label{display:block;margin-bottom:.5rem;color:#2d5a27;font-weight:500}.device-form select,.device-form input{width:100%;padding:.75rem;border:2px solid #ddd;border-radius:6px;font-size:1rem;transition:border-color .3s ease}.device-form select:focus,.device-form input:focus{outline:none;border-color:#4a7c59;box-shadow:0 0 0 3px #4d7c591a}.device-form select.error,.device-form input.error{border-color:#e74c3c}.error-text{color:#e74c3c;font-size:.875rem;margin-top:.25rem;display:block}.help-text{color:#666;font-size:.875rem;margin-top:.25rem;display:block}.form-actions{display:flex;gap:1rem;justify-content:space-between;margin-top:2rem}.back-button,.continue-button{padding:.75rem 2rem;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.back-button{background:#f8f9fa;color:#666;border:2px solid #ddd}.back-button:hover{background:#e9ecef;color:#333}.continue-button{background:#4a7c59;color:#fff}.continue-button:hover{background:#2d5a27;transform:translateY(-1px);box-shadow:0 4px 12px #4d7c594d}.form-complete{padding:2rem;text-align:center}.form-complete p{margin-bottom:2rem;color:#666;font-size:1.1rem}.progress-container{margin-bottom:1rem}.progress-text{text-align:center;color:#5a7c58;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.progress-line{position:relative;width:100%;height:4px;background-color:#e5e5e5;margin:0}.progress-line-fill{height:100%;background:linear-gradient(90deg,#4a7c59,#6ba368);transition:width .5s ease}.app-main{position:relative;max-width:800px;width:100%;margin:2rem auto}.content-container{position:relative;width:100%;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;border:1px solid #e5e5e5;padding:2rem;overflow:hidden}.section-header{padding:1.5rem 2rem 1rem;background:#fafafa;margin:-2rem -2rem 2rem}.section-title{color:#2d5a27;margin:0;font-size:1.5rem;font-weight:600}.section-info{display:none}.student-verification,.device-return{padding:0}.student-verification h2,.device-return h2{display:none}.card-form,.device-form{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 10px #0000001a;border:1px solid #e5e5e5}.card-form .form-group,.device-form .form-group{margin-bottom:1.5rem}.card-form label,.device-form label{display:block;margin-bottom:.5rem;color:#2d5a27;font-weight:500}.card-form select,.card-form input,.device-form select,.device-form input{width:100%;padding:.75rem;border:2px solid #ddd;border-radius:6px;font-size:1rem;transition:border-color .3s ease}.card-form select:focus,.card-form input:focus,.device-form select:focus,.device-form input:focus{outline:none;border-color:#4a7c59;box-shadow:0 0 0 3px #4d7c591a}.card-form .form-actions,.device-form .form-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.continue-button{padding:.75rem 2rem;background:#4a7c59;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.continue-button:hover:not(:disabled){background:#2d5a27;transform:translateY(-1px);box-shadow:0 4px 12px #4d7c594d}.success-card{background:#f0f7f0;border:2px solid #6ba368;border-radius:12px;padding:2rem;margin-top:2rem}.success-card h3{color:#2d5a27;margin-bottom:1.5rem;text-align:center}.student-verification h2,.device-return h2{color:#2d5a27;margin-bottom:1rem;text-align:center;font-size:1.75rem}.verification-intro,.device-question p{color:#666;text-align:center;margin-bottom:2rem;font-size:1.1rem}.parent-info{padding:2rem}.parent-info-intro{margin-bottom:2rem}.parent-info-intro h3{color:#2d5a27;margin-bottom:1rem;font-size:1.3rem}.parent-info-intro p{color:#666;margin-bottom:1.5rem}.primary-parent-notice{background:#e8f5e8;border:1px solid #6ba368;border-radius:8px;padding:1.5rem;margin:1.5rem 0}.primary-parent-notice h4{color:#2d5a27;margin:0 0 1rem;font-size:1.1rem}.primary-parent-notice p{margin:.5rem 0;color:#2d5a27}.primary-parent-notice .notice-text{color:#666;font-style:italic;margin-top:1rem}.parent-form{margin-top:2rem}.form-group label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#2d5a27;margin-bottom:.5rem}.label-icon{font-size:1.1rem;opacity:.8}.form-group input{padding:.75rem 1rem;border:2px solid #e0ede0;border-radius:8px;font-size:1rem;transition:all .2s ease;background:#fff}.form-group input:focus{border-color:#4a7c59;box-shadow:0 0 0 3px #4a7c591a;outline:none}.form-group input:hover:not(:focus){border-color:#c3dcc3}.continue-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 2rem;background:linear-gradient(135deg,#4a7c59,#6ba368);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #4a7c5933}.continue-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #4a7c594d}.continue-button:active{transform:translateY(0)}.continue-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.button-icon{font-size:1.1rem;transition:transform .2s ease}.continue-button:hover .button-icon{transform:translate(2px)}.pickup-location{padding:2rem}.pickup-intro{text-align:center;margin-bottom:2rem}.pickup-intro h3{color:#2d5a27;margin-bottom:1rem;font-size:1.4rem}.pickup-intro p{color:#666;font-size:1.1rem;margin-bottom:1.5rem}.schedule-note{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:1px solid #f39c12;border-radius:8px;padding:1rem;margin:1.5rem auto;max-width:600px}.schedule-note p{margin:0;color:#8b4513;font-size:.95rem}.location-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;margin-bottom:2rem}.location-card{background:#fff;border:2px solid #e0ede0;border-radius:12px;padding:1.25rem;cursor:pointer;transition:all .2s ease;position:relative;box-shadow:0 2px 8px #0000000f}.location-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.location-card.park:hover{border-color:#4a7c59}.location-card.technology:hover{border-color:#2563eb}.location-card.shipping:hover{border-color:#dc2626}.location-card.selected:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026;cursor:pointer}.location-card.park{border-left:4px solid #4a7c59}.location-card.technology{border-left:4px solid #2563eb}.location-card.shipping{border-left:4px solid #dc2626}.location-card.park.selected{border:3px solid #4a7c59;background:linear-gradient(135deg,#f0f8f0,#e8f5e8);box-shadow:0 4px 20px #4a7c5933;transform:translateY(-1px)}.location-card.technology.selected{border:3px solid #2563eb;background:linear-gradient(135deg,#eff6ff,#dbeafe);box-shadow:0 4px 20px #2563eb33;transform:translateY(-1px)}.location-card.shipping.selected{border:3px solid #dc2626;background:linear-gradient(135deg,#fef2f2,#fecaca);box-shadow:0 4px 20px #dc262633;transform:translateY(-1px)}.location-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.location-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;border-radius:8px;background:#f0f7f0;color:#4a7c59}.location-card.technology .location-icon{background:#eff6ff;color:#2563eb}.location-card.shipping .location-icon{background:#fef2f2;color:#dc2626}.location-title{flex:1;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.location-title h4{color:#2d5a27;font-size:1.1rem;font-weight:600;margin:0;line-height:1.3}.new-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:.7rem;font-weight:700;padding:.2rem .5rem;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.charge-badge{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:.75rem;font-weight:600;padding:.2rem .5rem;border-radius:12px}.location-address{color:#666;font-size:.9rem;margin:0 0 .75rem;line-height:1.4}.location-notes{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:6px;padding:.5rem .75rem;font-size:.85rem;color:#1e40af;display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.5rem}.notes-icon{flex-shrink:0;display:flex;align-items:center;color:#2563eb}.selection-indicator{position:absolute;top:.75rem;right:.75rem;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.8);transition:all .2s ease}.location-card.park .selection-indicator{background:#4a7c59}.location-card.technology .selection-indicator{background:#2563eb}.location-card.shipping .selection-indicator{background:#dc2626}.location-card.selected .selection-indicator{opacity:1;transform:scale(1)}.location-card:hover .selection-indicator{opacity:.3;transform:scale(.9)}.location-card.selected:hover .selection-indicator{opacity:1;transform:scale(1.05)}.checkmark{color:#fff;font-size:.9rem;font-weight:700}.pickup-error{margin:1rem 0;text-align:center}.form-complete{text-align:center;padding:2rem}.form-complete>p{font-size:1.1rem;color:#2d5a27;margin-bottom:2rem}.summary{background:linear-gradient(135deg,#f0f8f0,#e8f5e8);border:2px solid #c3dcc3;border-radius:12px;padding:2rem;margin:2rem 0;text-align:left}.summary h3{color:#2d5a27;font-size:1.5rem;margin-bottom:1.5rem;text-align:center;border-bottom:2px solid #c3dcc3;padding-bottom:.5rem}.summary-section{background:#fff;border-radius:8px;padding:1.25rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000000d}.summary-section:last-child{margin-bottom:0}.summary-section h4{color:#2d5a27;font-size:1.1rem;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.summary-section h4:before{content:"📋";font-size:1rem}.summary-section p{margin:.5rem 0;color:#333;line-height:1.5}.summary-section p strong{color:#2d5a27;font-weight:600;min-width:120px;display:inline-block}.next-steps-complete{background:linear-gradient(135deg,#e8f4fd,#bee3f8);border:2px solid #3182ce;border-radius:12px;padding:1.5rem;margin:2rem 0;text-align:left}.next-steps-complete h4{color:#1e40af;font-size:1.2rem;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.next-steps-complete h4:before{content:"🚀";font-size:1.1rem}.next-steps-complete p{color:#1e40af;font-size:1rem;line-height:1.6;margin:0}.restart-button{background:linear-gradient(135deg,#4a7c59,#6ba368);color:#fff;border:none;border-radius:8px;padding:.875rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #4a7c5933;margin-top:1rem}.restart-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4a7c594d}.form-actions{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.submit-button{background:linear-gradient(135deg,#4a7c59,#6ba368);color:#fff;border:none;border-radius:8px;padding:.875rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #4a7c5933}.submit-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4a7c594d}.form-actions .back-button{background:#f8f9fa;color:#666;border:2px solid #ddd;border-radius:8px;padding:.875rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.form-actions .back-button:hover{background:#e9ecef;color:#333;transform:translateY(-2px)}.back-button.secondary{background:#f1f3f4;color:#5f6368;border:1px solid #dadce0;font-size:.9rem;padding:.75rem 1.5rem}.back-button.secondary:hover{background:#e8eaed;color:#3c4043}.parent-form.card-form{position:relative;padding-top:3rem}.form-toggle-corner{position:absolute;top:0;right:0;z-index:10;background:linear-gradient(135deg,#4a7c59,#6ba368);border-radius:0 12px;padding:.75rem 1rem;transition:all .3s ease}.form-toggle-corner.custom-mode{background:linear-gradient(135deg,#8e44ad,#9b59b6)}.form-toggle-corner.custom-mode .corner-toggle-text{color:#f8f9fa;text-shadow:0 1px 2px rgba(0,0,0,.2)}.corner-toggle-label{display:flex;align-items:center;gap:.6rem;cursor:pointer;font-weight:600;color:#fff;font-size:.85rem;transition:all .15s ease}.corner-toggle-label:hover{transform:scale(1.02)}.toggle-checkbox{display:none}.corner-toggle-slider{position:relative;width:36px;height:18px;background:#ffffff4d;border-radius:18px;transition:all .15s ease;display:flex;align-items:center}.corner-toggle-slider:before{content:"";position:absolute;width:14px;height:14px;background:#fff;border-radius:50%;transition:all .15s ease;box-shadow:0 1px 3px #0000004d;left:2px}.toggle-checkbox:checked+.corner-toggle-slider{background:#fffc}.toggle-checkbox:checked+.corner-toggle-slider:before{transform:translate(18px);box-shadow:0 1px 3px #0003}.corner-toggle-text{font-weight:700;transition:all .15s ease;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.1);min-width:90px;text-align:center;letter-spacing:.3px}.toggle-checkbox:focus+.corner-toggle-slider{box-shadow:0 0 0 2px #ffffff80}.form-group{margin-bottom:1.5rem}.form-group:last-of-type{margin-bottom:2rem}.parent-form.card-form{transition:all .3s ease}.parent-form.card-form:has(.toggle-checkbox:not(:checked)){border-left:4px solid #8e44ad}.option-selection{display:flex;flex-direction:column;gap:1rem;margin:2rem 0}.option-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e9ecef;border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 8px #0000000d}.option-card:hover{border-color:#2d5a27;box-shadow:0 4px 12px #2d5a2726;transform:translateY(-2px)}.option-card.selected{background:linear-gradient(135deg,#2d5a27,#3a7a34);border-color:#2d5a27;color:#fff;box-shadow:0 4px 16px #2d5a2740}.option-card.selected .option-content h4,.option-card.selected .option-content p{color:#fff}.option-icon{font-size:2rem;flex-shrink:0;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#2d5a271a;border-radius:50%;transition:all .3s ease}.option-card.selected .option-icon{background:#fff3}.option-content h4{color:#2d5a27;font-size:1.1rem;font-weight:600;margin:0 0 .5rem;transition:color .3s ease}.option-content p{color:#6c757d;margin:0;font-size:.95rem;line-height:1.4;transition:color .3s ease}.option-title{color:#2d5a27;font-size:1.1rem;font-weight:600;margin:0 0 1.5rem;text-align:center}.exchange-intro{text-align:center;margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;border:1px solid #dee2e6}.exchange-intro h3{color:#2d5a27;font-size:1.3rem;font-weight:600;margin:0 0 1rem}.exchange-intro .form-description{color:#555;font-size:1rem;line-height:1.5;margin:0}.exchange-note{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:1px solid #ffc107;border-radius:12px;padding:1.5rem;margin:2rem 0;display:flex;align-items:flex-start;gap:1rem;box-shadow:0 2px 8px #ffc1071a}.note-icon{font-size:1.5rem;color:#856404;flex-shrink:0;margin-top:.25rem}.note-content p{color:#856404;margin:0;font-size:.95rem;line-height:1.5}.exchange-section{max-width:560px;margin:0 auto}.exchange-description{text-align:center;color:#555;font-size:1.05rem;line-height:1.6;margin:0 0 2rem;padding:0 1rem}.exchange-options{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.exchange-option-card{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:#fff;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;transition:all .2s ease}.exchange-option-card:hover{border-color:#2d5a27;background:#fafafa}.exchange-option-card.selected{border-color:#2d5a27;background:linear-gradient(135deg,#f0f7ef,#e8f5e6)}.exchange-option-indicator{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:10px;color:#666;flex-shrink:0;transition:all .2s ease}.exchange-option-card:hover .exchange-option-indicator{background:#e8f5e6;color:#2d5a27}.exchange-option-card.selected .exchange-option-indicator{background:#2d5a27;color:#fff}.exchange-option-text{flex:1}.exchange-option-text h4{margin:0 0 .25rem;font-size:1.05rem;font-weight:600;color:#333}.exchange-option-card.selected .exchange-option-text h4{color:#2d5a27}.exchange-option-text p{margin:0;font-size:.9rem;color:#777}.exchange-option-check{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#2d5a27;flex-shrink:0}@media (max-width: 480px){.exchange-section{padding:0 .5rem}.exchange-description{font-size:.95rem;padding:0}.exchange-option-card{padding:1rem;gap:.75rem}.exchange-option-indicator{width:40px;height:40px}.exchange-option-indicator svg{width:20px;height:20px}.exchange-option-text h4{font-size:.95rem}.exchange-option-text p{font-size:.85rem}}@media (max-width: 768px){body{padding:.5rem}.App,.public-layout{padding:0 .5rem;gap:1.5rem}.app-header{padding:1.5rem}.app-header h1{font-size:2rem}.app-header h2{font-size:1.1rem}.header-nav{position:static;margin-top:1.5rem;text-align:center}.staff-login-link{font-size:.8rem;padding:.7rem 1.2rem;min-width:130px}}@media (max-width: 768px){.parent-info{padding:1.5rem}.primary-parent-notice{padding:1rem}.parent-form.card-form{padding-top:2.5rem}.form-toggle-corner{padding:.6rem .8rem}.corner-toggle-label{font-size:.8rem;gap:.5rem}.corner-toggle-text{min-width:70px;font-size:.75rem}.corner-toggle-slider{width:30px;height:16px}.corner-toggle-slider:before{width:12px;height:12px}.toggle-checkbox:checked+.corner-toggle-slider:before{transform:translate(14px)}.label-icon{font-size:1rem}.continue-button{padding:.75rem 1.5rem;font-size:.95rem}.help-contact-info{flex-direction:column;text-align:center;padding:1.25rem;margin:1.5rem 0 1rem}.help-icon{margin:0 auto .5rem 0}.help-content h4{font-size:1rem}.help-content p{font-size:.9rem}.help-email{font-size:.9rem;padding:.4rem .8rem}.exchange-intro{padding:1.25rem;margin-bottom:1.5rem}.exchange-intro h3{font-size:1.2rem}.exchange-intro .form-description{font-size:.95rem}.option-title{font-size:1rem;margin-bottom:1rem}.option-card{padding:1.25rem}.option-content h4{font-size:1rem}.option-content p{font-size:.9rem}.exchange-note{padding:1.25rem;margin:1.5rem 0;flex-direction:column;text-align:center}.note-icon{margin:0 auto .5rem 0}.note-content p{font-size:.9rem}.pickup-location{padding:1.5rem}.pickup-intro h3{font-size:1.2rem}.pickup-intro p{font-size:1rem}.schedule-note{padding:.75rem;margin:1rem auto}.location-grid{grid-template-columns:1fr;gap:1rem}.location-card{padding:1rem}.location-header{gap:.5rem}.location-icon{width:32px;height:32px}.location-icon svg{width:16px;height:16px}.location-title h4{font-size:1rem}.new-badge,.charge-badge{font-size:.65rem;padding:.15rem .4rem}.location-address{font-size:.85rem}.location-notes{font-size:.8rem;padding:.4rem .6rem}}@media (max-width: 480px){.app-header{padding:1rem}.app-header h1{font-size:1.75rem}.student-lookup,.student-verification{padding:1rem}.student-lookup h2,.student-verification h2{font-size:1.3rem}.school-badge{font-size:.8rem;padding:.4rem .8rem}.staff-login-link{font-size:.8rem;padding:.65rem 1.1rem;letter-spacing:.4px;min-width:120px}.staff-login-link:after{font-size:.8rem}.dashboard-main{padding:.5rem}.submissions-section,.submission-card{padding:1rem}.stat-card{padding:1.25rem;gap:1rem}.stat-icon-wrapper{width:56px;height:56px}.stat-icon{font-size:1.75rem}.stat-content h3{font-size:2rem}.stat-content p{font-size:.85rem}.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.login-header{padding:1.5rem 1rem 1rem}.login-content{padding:1rem}}@media (max-width: 768px){.app-main{margin:1rem}.section-header{padding:1rem 1.5rem .75rem}.student-verification,.device-return{padding:1.5rem}.device-choice-buttons{flex-direction:column;align-items:center}.choice-button{width:100%;max-width:300px}.form-actions{flex-direction:column}.back-button,.continue-button{width:100%}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.inline-success-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:2rem 0}.success-details-inline{background:linear-gradient(135deg,#f0f8f0,#e8f5e8);border:2px solid #c3dcc3;border-radius:20px;padding:2rem;box-shadow:0 4px 12px #4a7c591a,inset 0 1px 3px #2d5a271a}.detail-item-inline{margin-bottom:1.25rem;display:flex;align-items:flex-start;flex-wrap:wrap;gap:.75rem;line-height:1.5}.detail-item-inline:last-child{margin-bottom:0}.detail-label-inline{color:#2d5a27;font-weight:700;font-size:1.05rem;min-width:fit-content;flex-shrink:0}.detail-value-inline{color:#1e3d2f;font-weight:600;font-size:1.05rem;word-break:break-word}.reference-id-inline{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;background:linear-gradient(135deg,#fff,#f0f8f0);border:2px solid #4a7c59;color:#1e3d2f;padding:.75rem 1rem;border-radius:16px;font-size:.9rem;font-weight:700;letter-spacing:.5px;box-shadow:0 2px 8px #4a7c5933;display:inline-block;margin-top:.5rem}.next-steps-inline{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:2px solid #2196f3;border-radius:20px;padding:2rem;box-shadow:0 4px 12px #2196f326}.next-steps-title-inline{color:#1565c0;font-size:1.3rem;font-weight:700;margin-bottom:1rem;text-shadow:0 1px 2px rgba(21,101,192,.1)}.next-steps-text-inline{color:#1565c0;font-size:1.05rem;line-height:1.6;margin:0;font-weight:500}.success-actions-inline{display:flex;gap:1.5rem;justify-content:center;margin-top:2.5rem;flex-wrap:wrap}.btn-primary-inline{background:linear-gradient(135deg,#4a7c59,#6ba368);color:#fff;border:none;border-radius:50px;padding:1rem 2.5rem;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #4a7c594d,0 1px 3px #0003;text-shadow:0 1px 2px rgba(0,0,0,.1);letter-spacing:.5px;min-width:220px}.btn-primary-inline:hover{background:linear-gradient(135deg,#2d5a27,#4a7c59);transform:translateY(-2px);box-shadow:0 6px 20px #4a7c5966,0 3px 10px #0003}.btn-primary-inline:active{transform:translateY(-1px);box-shadow:0 4px 12px #4a7c594d,0 1px 4px #0003}.btn-secondary-inline{background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#495057;border:2px solid #dee2e6;border-radius:50px;padding:1rem 2.5rem;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:.5px;min-width:180px}.btn-secondary-inline:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6);border-color:#adb5bd;color:#343a40;transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.btn-secondary-inline:active{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.inline-loading-container{text-align:center;padding:3rem 2rem;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center}.inline-spinner-container{position:relative;margin-bottom:2rem;display:flex;flex-direction:column;align-items:center}.inline-spinner{width:64px;height:64px;border:4px solid rgba(74,124,89,.1);border-top:4px solid #4a7c59;border-radius:50%;animation:spinRotateInline 1s linear infinite;margin-bottom:1rem;box-shadow:0 4px 12px #4a7c5933}.inline-loading-dots{display:flex;gap:.5rem;align-items:center;justify-content:center}.inline-loading-dots span{width:10px;height:10px;background:linear-gradient(135deg,#4a7c59,#6ba368);border-radius:50%;animation:dotBounceInline 1.4s ease-in-out infinite both;box-shadow:0 2px 4px #4a7c594d}.inline-loading-dots span:nth-child(1){animation-delay:-.32s}.inline-loading-dots span:nth-child(2){animation-delay:-.16s}.inline-loading-dots span:nth-child(3){animation-delay:0s}.inline-loading-title{color:#2d5a27;font-size:1.5rem;font-weight:700;margin-bottom:1rem;text-shadow:0 1px 2px rgba(45,90,39,.1)}.inline-loading-text{color:#5a7c58;font-size:1.1rem;line-height:1.6;margin:0;font-weight:500;max-width:500px;text-align:center}@keyframes spinRotateInline{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dotBounceInline{0%,80%,to{transform:scale(.8);opacity:.6}40%{transform:scale(1.2);opacity:1}}@media (max-width: 768px){.inline-success-content{grid-template-columns:1fr;gap:1.5rem}.success-details-inline,.next-steps-inline{padding:1.5rem}.success-actions-inline{flex-direction:column;gap:1rem}.btn-primary-inline,.btn-secondary-inline{width:100%;min-width:auto;max-width:300px}.detail-item-inline{flex-direction:column;align-items:flex-start;gap:.5rem}.reference-id-inline{font-size:.8rem;padding:.6rem .8rem}.inline-loading-container{padding:2rem 1rem}.inline-spinner{width:56px;height:56px}.inline-loading-title{font-size:1.3rem}.inline-loading-text{font-size:1rem}}@media (max-width: 480px){.success-details-inline,.next-steps-inline{padding:1.25rem;border-radius:16px}.next-steps-title-inline{font-size:1.1rem}.next-steps-text-inline{font-size:.95rem}.btn-primary-inline,.btn-secondary-inline{font-size:.9rem;padding:.875rem 2rem}.reference-id-inline{font-size:.75rem;padding:.5rem .75rem}.inline-spinner{width:48px;height:48px}.inline-loading-dots span{width:8px;height:8px}}.btn-primary-inline:focus,.btn-secondary-inline:focus{outline:3px solid rgba(74,124,89,.5);outline-offset:2px}@media (prefers-reduced-motion: reduce){.inline-spinner{animation:none;border-top-color:transparent;border-right-color:#4a7c59}.inline-loading-dots span{animation:none;opacity:1;transform:scale(1)}.btn-primary-inline:hover,.btn-secondary-inline:hover{transform:none}}.login-type-toggle{display:flex;background:#f8f9fa;border-radius:12px;padding:4px;margin-bottom:2rem;box-shadow:inset 0 2px 4px #0000001a;min-width:320px;max-width:450px;margin-left:auto;margin-right:auto;position:relative;z-index:10;isolation:isolate}.toggle-btn{flex:1;padding:.75rem .5rem;border:none;background:transparent;color:#6c757d;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;min-height:70px;z-index:10;pointer-events:auto;-webkit-user-select:none;user-select:none}.toggle-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#2d5a27,#4a7c59);opacity:0;transition:opacity .3s ease;border-radius:8px}.toggle-btn.active{color:#fff;box-shadow:0 2px 8px #2d5a274d}.toggle-btn.active:before{opacity:1}.toggle-btn.active .toggle-icon,.toggle-btn.active .toggle-text,.toggle-btn.active .toggle-subtitle{color:#fff}.toggle-btn:hover:not(.active){background:#2d5a271a;color:#2d5a27}.toggle-btn:not(.active) .toggle-icon,.toggle-btn:not(.active) .toggle-text,.toggle-btn:not(.active) .toggle-subtitle{color:#6c757d}.toggle-icon{font-size:1.1rem;line-height:1;display:block;position:relative;z-index:11;pointer-events:none}.toggle-text{font-size:.8rem;font-weight:600;line-height:1.1;display:block;text-align:center;position:relative;z-index:11;pointer-events:none}.toggle-subtitle{font-size:.65rem;font-weight:400;opacity:.8;line-height:1.1;display:block;text-align:center;position:relative;z-index:11;pointer-events:none}.external-login-section{margin-bottom:2rem}.external-login-section h3{color:#2d5a27;font-size:1.4rem;font-weight:600;margin-bottom:.5rem;text-align:center}.external-login-form{background:#f8f9fa;padding:1.5rem;border-radius:12px;border:1px solid #e9ecef;box-shadow:inset 0 2px 4px #0000000d}.form-group{margin-bottom:1.25rem}.form-group:last-child{margin-bottom:0}.form-group label{display:block;color:#2d5a27;font-size:.9rem;font-weight:600;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.login-input{width:100%;padding:.875rem 1rem;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;background:#fff;color:#495057;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000001a}.login-input:focus{outline:none;border-color:#4a7c59;box-shadow:0 0 0 3px #4a7c591a,0 2px 8px #00000026;transform:translateY(-1px)}.login-input::placeholder{color:#adb5bd;font-style:italic}.login-input:hover:not(:focus){border-color:#ced4da;box-shadow:0 2px 6px #0000001f}.external-login-btn{width:100%;padding:.875rem 1.5rem;background:linear-gradient(135deg,#2d5a27,#4a7c59);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #2d5a274d,0 1px 3px #0003;position:relative;overflow:hidden}.external-login-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.external-login-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2d5a2766,0 2px 6px #0000004d}.external-login-btn:hover:before{left:100%}.external-login-btn:active{transform:translateY(0);box-shadow:0 2px 4px #2d5a274d,0 1px 2px #0003}.external-login-btn:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:0 1px 3px #0000001a}.external-login-btn:disabled:before{display:none}@media (max-width: 768px){.login-type-toggle{flex-direction:column;gap:4px}.toggle-btn{padding:.875rem .5rem;min-height:50px}.toggle-icon{font-size:1rem}.toggle-text{font-size:.8rem}.toggle-subtitle{font-size:.65rem}.external-login-form{padding:1.25rem}.login-input{padding:.75rem .875rem;font-size:.95rem}.external-login-btn{padding:.75rem 1.25rem;font-size:.95rem}}@media (max-width: 480px){.login-type-toggle{margin-bottom:1.5rem}.external-login-form{padding:1rem}.form-group{margin-bottom:1rem}.login-input{padding:.75rem;font-size:.9rem}.external-login-btn{padding:.75rem 1rem;font-size:.9rem}}.delivery-tracker{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #00000014;border:1px solid rgba(255,255,255,.2);margin-top:1rem}.delivery-success{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724;padding:1rem 1.25rem;border-radius:12px;border:1px solid #c3e6cb;font-weight:500;display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;animation:slideInDown .3s ease}.delivery-error{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24;padding:1rem 1.25rem;border-radius:12px;border:1px solid #f5c6cb;font-weight:500;display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;animation:slideInDown .3s ease}.success-icon,.error-icon{font-size:1.2rem}.delivery-status-card{background:#f8f9fa;border-radius:12px;padding:1.5rem;border:1px solid #e9ecef}.status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.status-title{color:#2d5a27;font-size:1.4rem;font-weight:700;margin:0;display:flex;align-items:center;gap:.5rem;letter-spacing:-.02em}.status-icon{font-size:1.5rem}.status-badge{padding:.625rem 1.25rem;border-radius:25px;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.75px;border:2px solid;box-shadow:0 2px 8px #0000001a}.delivery-details{margin-bottom:1.5rem}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #e9ecef}.detail-item:last-child{border-bottom:none}.detail-label{color:#495057;font-weight:700;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px}.detail-value{color:#2d5a27;font-weight:600;font-size:1rem}.delivery-notes{background:#fff;border-radius:8px;padding:1rem;border:1px solid #e9ecef;margin-bottom:1.5rem}.notes-label{color:#495057;font-weight:700;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:.75rem}.notes-text{color:#495057;margin:0;line-height:1.6;font-size:1rem;font-weight:500}.delivery-actions{display:flex;justify-content:center;margin-top:1.5rem}.update-status-btn{background:linear-gradient(135deg,#4a7c59,#6ba368);color:#fff;border:none;border-radius:12px;padding:1rem 2rem;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #4a7c594d;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.5px}.update-status-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.update-status-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4a7c5966}.update-status-btn:hover:before{left:100%}.update-status-btn:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:0 1px 3px #0000001a}.update-status-btn:disabled:before{display:none}.staff-delivery-info{margin-top:1.5rem;padding:1.5rem;background:#f9fcf9;border-radius:12px;border:1px solid #e8f5e8}.info-section h4{color:#2d5a27;font-size:1.1rem;font-weight:700;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid #e8f5e8;display:flex;align-items:center;gap:.5rem}.info-section h4:before{content:"📦";font-size:1.3rem}.info-grid{display:grid;gap:1rem;margin-top:.5rem}.info-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#f8fdf8;border-radius:8px;border:1px solid #e8f5e8;transition:all .2s ease}.info-item:hover{background:#f0f9f0;border-color:#d4edda;box-shadow:0 2px 6px #4a7c5914}.info-label{color:#6c757d;font-weight:600;font-size:.95rem;flex-shrink:0;margin-right:1rem}.info-value{color:#2d5a27;font-weight:500;text-align:right}.status-delivered{color:#28a745;font-weight:600}.status-cancelled{color:#dc3545;font-weight:600}.status-pending{color:#ffc107;font-weight:600}.status-badge{animation:statusFadeIn .3s ease-in}@keyframes statusFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.info-value.status-delivered{color:#28a745;background:#d4edda;padding:4px 12px;border-radius:6px;display:inline-block}.info-value.status-processing{color:#1e40af;background:#dbeafe;padding:4px 12px;border-radius:6px;display:inline-block}.info-value.status-cancelled{color:#dc3545;background:#f8d7da;padding:4px 12px;border-radius:6px;display:inline-block}.info-value.status-pending{color:#856404;background:#fff3cd;padding:4px 12px;border-radius:6px;display:inline-block}.delivery-status-indicator{font-weight:700;padding:.375rem .75rem;border-radius:15px;font-size:.85rem;margin-left:.5rem;text-transform:uppercase;letter-spacing:.5px}.delivery-status-indicator.delivered{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.delivery-status-indicator.processing{background:#dbeafe;color:#1e40af;border:1px solid #93c5fd}.delivery-status-indicator.cancelled{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.delivery-status-indicator.pending{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.delivery-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .3s ease}.delivery-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;animation:slideInUp .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #e9ecef}.modal-header h3{color:#2d5a27;font-size:1.5rem;font-weight:700;margin:0;letter-spacing:-.02em}.modal-close{background:none;border:none;font-size:1.5rem;color:#6c757d;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#f8f9fa;color:#495057}.modal-close:disabled{opacity:.5;cursor:not-allowed}.modal-body{padding:1.5rem}.delivery-notes-input{width:100%;padding:.875rem;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;background:#fff;color:#495057;transition:all .3s cubic-bezier(.4,0,.2,1);resize:vertical;min-height:80px}.delivery-notes-input:focus{outline:none;border-color:#4a7c59;box-shadow:0 0 0 3px #4a7c591a}.delivery-notes-input::placeholder{color:#adb5bd;font-style:italic}.status-options{margin-top:1.5rem}.status-options h4{color:#2d5a27;font-size:1.2rem;font-weight:700;margin-bottom:1rem;letter-spacing:-.01em}.status-buttons{display:grid;gap:1rem}.status-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.125rem 1.75rem;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.5px}.delivered-btn{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;box-shadow:0 2px 8px #28a7454d}.delivered-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #28a74566}.cancelled-btn{background:linear-gradient(135deg,#dc3545,#fd7e14);color:#fff;box-shadow:0 2px 8px #dc35454d}.cancelled-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #dc354566}.pending-btn{background:linear-gradient(135deg,#ffc107,#ffca2c);color:#856404;box-shadow:0 2px 8px #ffc1074d}.pending-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffc10766}.status-btn.current{opacity:.7;cursor:not-allowed;transform:none;box-shadow:0 1px 3px #0000001a}.current-status{font-weight:600;padding:.25rem .5rem;border-radius:8px;font-size:.9rem;margin-left:.5rem}.current-status.delivered{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.current-status.cancelled{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.current-status.pending{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.status-description{color:#495057;font-size:1rem;font-weight:500;margin-bottom:1.5rem;line-height:1.5}.status-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-icon{font-size:1.3rem}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.delivery-tracker{padding:1rem}.status-header{flex-direction:column;align-items:flex-start;gap:.75rem}.detail-item{flex-direction:column;align-items:flex-start;gap:.25rem}.delivery-modal{margin:1rem;max-width:none}.status-buttons{grid-template-columns:1fr}.status-btn{padding:.875rem 1.25rem;font-size:.95rem}}.delivery-tracker-simple{margin-top:.5rem}.delivery-tracker-simple .detail-grid{display:grid;gap:.75rem}.delivery-field{display:flex;align-items:flex-start;gap:.75rem}.delivery-field strong{color:#495057;min-width:100px;flex-shrink:0}.delivery-field-notes{flex-direction:column;gap:.5rem}.delivery-field-notes strong{min-width:auto}.delivery-status-select{padding:.375rem .75rem;border:1px solid #ced4da;border-radius:6px;font-size:.95rem;background:#fff;color:#495057;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;min-width:140px}.delivery-status-select:hover{border-color:#4a7c59}.delivery-status-select:focus{outline:none;border-color:#4a7c59;box-shadow:0 0 0 2px #4a7c5926}.delivery-status-select:disabled{background:#e9ecef;cursor:not-allowed}.delivery-status-text{font-weight:500;padding:.25rem .5rem;border-radius:4px;font-size:.9rem}.delivery-status-text.status-pending{color:#856404;background:#fff3cd}.delivery-status-text.status-delivered{color:#155724;background:#d4edda}.delivery-status-text.status-cancelled{color:#721c24;background:#f8d7da}.delivery-notes-textarea{width:100%;padding:.5rem .75rem;border:1px solid #ced4da;border-radius:6px;font-size:.9rem;font-family:inherit;background:#fff;color:#495057;resize:vertical;min-height:60px;transition:border-color .2s ease,box-shadow .2s ease}.delivery-notes-textarea:hover{border-color:#4a7c59}.delivery-notes-textarea:focus{outline:none;border-color:#4a7c59;box-shadow:0 0 0 2px #4a7c5926}.delivery-notes-textarea::placeholder{color:#adb5bd}.delivery-notes-textarea:disabled{background:#e9ecef;cursor:not-allowed}.delivery-actions-simple{margin-top:1rem;display:flex;justify-content:flex-end}.delivery-update-btn{padding:.5rem 1.25rem;background:#4a7c59;color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s ease,opacity .2s ease}.delivery-update-btn:hover:not(:disabled){background:#3d6a4a}.delivery-update-btn:disabled{background:#adb5bd;cursor:not-allowed;opacity:.7}.delivery-message{padding:.625rem .875rem;border-radius:6px;font-size:.9rem;font-weight:500;margin-bottom:.75rem}.delivery-message-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.delivery-message-error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}@media (max-width: 480px){.delivery-field{flex-direction:column;gap:.25rem}.delivery-field strong{min-width:auto}.delivery-status-select{width:100%}.delivery-actions-simple{justify-content:stretch}.delivery-update-btn{width:100%}}.staff-dashboard-modern{background:#f8fafc;min-height:100vh}.dashboard-header-modern{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000a;position:sticky;top:0;z-index:100}.header-content-modern{max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;flex-wrap:wrap}.header-left{display:flex;flex-direction:column;gap:.75rem;flex:1;min-width:300px}.header-right{display:flex;align-items:center;gap:1rem;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.header-title-modern h1{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0;letter-spacing:-.02em;white-space:nowrap}.header-title-modern p{color:#64748b;font-size:.875rem;margin:0;font-weight:500;white-space:nowrap}.stats-bar{display:flex;gap:.5rem;flex-wrap:nowrap}.stat-pill{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:20px;font-size:.8125rem;font-weight:600;transition:transform .15s ease,box-shadow .15s ease}.stat-pill:hover{transform:translateY(-1px)}.stat-pill-value{font-weight:700;font-size:.9375rem}.stat-pill-label{font-weight:500;opacity:.9}.stat-pill-total{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#3730a3}.stat-pill-pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.stat-pill-processing{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.stat-pill-delivered{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.stat-pill-cancelled{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.stat-pill-deleted{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);color:#475569}.header-actions{display:flex;align-items:center;gap:.5rem}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:.75rem;color:#94a3b8;pointer-events:none}.search-input{padding:.5rem 2rem .5rem 2.25rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;width:220px;transition:all .15s ease;background:#f8fafc;color:#0f172a;caret-color:#2d5a27}.search-input:focus{outline:none;border-color:#2d5a27;background:#fff;box-shadow:0 0 0 3px #2d5a271a}.search-input::placeholder{color:#94a3b8}.search-clear-btn{position:absolute;right:.5rem;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#e2e8f0;border:none;border-radius:50%;color:#64748b;font-size:14px;cursor:pointer;transition:all .15s ease}.search-clear-btn:hover{background:#cbd5e1;color:#1e293b}.recycle-bin-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#475569;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s ease;position:relative;min-width:120px}.recycle-bin-btn:hover{background:#fee2e2;border-color:#fecaca;color:#dc2626}.recycle-bin-btn.active{background:#dc2626;border-color:#dc2626;color:#fff}.recycle-bin-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:#dc2626;color:#fff;border-radius:9px;font-size:.7rem;font-weight:700}.recycle-bin-btn.active .recycle-bin-count{background:#fff;color:#dc2626}.filter-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#475569;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s ease;position:relative}.filter-toggle-btn:hover{background:#e2e8f0;color:#1e293b}.filter-toggle-btn.active{background:#2d5a27;border-color:#2d5a27;color:#fff}.filter-active-indicator{position:absolute;top:-4px;right:-4px;width:10px;height:10px;background:#ef4444;border-radius:50%;border:2px solid white}.refresh-btn-modern{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;transition:all .15s ease}.refresh-btn-modern:hover:not(:disabled){background:#e2e8f0;color:#1e293b}.refresh-btn-modern:disabled{opacity:.6;cursor:not-allowed}.refresh-btn-modern svg.spin{animation:spin 1s linear infinite}.header-user-modern{display:flex;align-items:flex-start;padding-left:1rem;border-left:1px solid #e2e8f0}.header-user-modern .user-info{display:flex;align-items:flex-start;gap:.75rem}.header-user-modern .user-details{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.logout-button-modern{padding:.375rem .75rem;background:transparent;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s ease;margin-top:.375rem}.logout-button-modern:hover{background:#fef2f2;border-color:#fca5a5;color:#dc2626}.filter-panel{max-height:0;overflow:hidden;background:#f8fafc;border-top:1px solid transparent;transition:max-height .3s ease,padding .3s ease,border-color .3s ease}.filter-panel.open{max-height:200px;padding:1rem 0;border-top-color:#e2e8f0}.filter-panel-content{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.filter-group-modern{display:flex;flex-direction:column;gap:.375rem;position:relative}.filter-group-modern>label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.filter-select-modern{padding:.5rem 2rem .5rem .75rem;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#1e293b;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;min-width:140px}.filter-select-modern:hover{border-color:#cbd5e1}.filter-select-modern:focus{outline:none;border-color:#2d5a27;box-shadow:0 0 0 3px #2d5a271a}.filter-input-modern{padding:.5rem 2rem .5rem .75rem;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#1e293b;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;min-width:140px;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center}.filter-input-modern::-webkit-calendar-picker-indicator{cursor:pointer;opacity:0;position:absolute;right:0;top:0;width:100%;height:100%}.filter-input-modern:hover{border-color:#cbd5e1}.filter-input-modern:focus{outline:none;border-color:#2d5a27;box-shadow:0 0 0 3px #2d5a271a}.filter-input-modern:disabled{background-color:#f1f5f9;cursor:not-allowed;opacity:.7}.filter-group-checkbox{flex-direction:row;align-items:center}.checkbox-label-modern{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:#475569;cursor:pointer}.filter-checkbox-modern{width:18px;height:18px;accent-color:#2d5a27;cursor:pointer;background-color:#fff;border:2px solid #cbd5e1;border-radius:4px;appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative}.filter-checkbox-modern:checked{background-color:#2d5a27;border-color:#2d5a27}.filter-checkbox-modern:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.clear-filters-btn{padding:.5rem 1rem;background:transparent;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .15s ease;margin-left:auto}.clear-filters-btn:hover{background:#fef2f2;border-color:#fca5a5;color:#dc2626}.dashboard-main-modern{max-width:1400px;margin:0 auto;padding:1.5rem 2rem}.dashboard-error-modern{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;margin-bottom:1.5rem}.dashboard-error-modern span{flex:1;font-weight:500}.retry-button-modern{padding:.375rem .75rem;background:#dc2626;color:#fff;border:none;border-radius:6px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:background .15s ease}.retry-button-modern:hover{background:#b91c1c}.submissions-section-modern{background:#fff;border-radius:12px;padding:0;box-shadow:0 1px 3px #0000000a,0 1px 2px #0000000f;border:1px solid #e2e8f0;overflow:hidden}.submissions-header{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem 1.5rem;background:#f8fafc;border-bottom:1px solid #e2e8f0}.submissions-title-area{display:flex;align-items:baseline;gap:.75rem}.submissions-header h2{color:#1e293b;font-size:1.125rem;font-weight:700;margin:0;padding:0;border:none;text-decoration:none;background:none}.submissions-count{color:#64748b;font-size:.8125rem;font-weight:500}.submissions-active-filters{display:flex;flex-wrap:wrap;gap:.5rem}.filter-tag{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .5rem .25rem .625rem;background:#e0e7ff;color:#3730a3;border-radius:20px;font-size:.75rem;font-weight:600}.filter-tag button{display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;background:#3730a333;border:none;border-radius:50%;color:#3730a3;font-size:.875rem;line-height:1;cursor:pointer;transition:background .15s ease}.filter-tag button:hover{background:#3730a34d}.submissions-list-modern{display:flex;flex-direction:column;position:relative}.submission-card-modern{display:flex;flex-direction:column;gap:1rem;padding:1.25rem 1.5rem;background:#fff;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:background .15s ease}.submission-card-modern:last-child{border-bottom:none}.submission-card-modern:hover{background:#f8fafc}.submission-card-modern.delivered{border-left:4px solid #22c55e!important}.submission-card-modern.cancelled{border-left:4px solid #ef4444!important}.submission-card-modern.pending{border-left:4px solid #f59e0b!important}.submission-header-modern{display:flex;align-items:flex-start;gap:1rem}.submission-icon-modern{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;flex-shrink:0}.submission-icon-modern.new{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8}.submission-icon-modern.return{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4338ca}.submission-info-modern{flex:1;min-width:0}.submission-name-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.submission-info-modern h3{color:#1e293b;font-size:1rem;font-weight:600;margin:0}.archive-badge-modern{display:inline-flex;align-items:center;padding:.125rem .5rem;background:#f1f5f9;color:#64748b;border-radius:4px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.deleted-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;background:#fee2e2;color:#dc2626;border-radius:4px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.submission-card-modern.deleted{opacity:.75;border-left:4px solid #dc2626}.submission-card-modern.deleted:hover{opacity:1}.student-id{font-weight:500;color:#475569}.restore-button{display:flex;align-items:center;gap:.25rem;padding:.375rem .75rem;background:#dcfce7;border:1px solid #86efac;border-radius:6px;color:#16a34a;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .15s ease}.restore-button:hover{background:#bbf7d0;border-color:#4ade80}.restore-button:disabled{opacity:.6;cursor:not-allowed}.delete-button-modern.permanent{background:#dc2626;border-color:#dc2626;color:#fff}.delete-button-modern.permanent:hover{background:#b91c1c;border-color:#b91c1c}.delete-confirmation-icon-modern.permanent,.confirm-delete-button.permanent{background:#dc2626}.confirm-delete-button.permanent:hover{background:#b91c1c}.submission-meta{color:#64748b;font-size:.8125rem;margin:.25rem 0 0}.status-badge-modern{display:inline-flex;align-items:center;padding:.375rem .75rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;flex-shrink:0}.status-badge-modern.delivered{background:#d1fae5;color:#065f46}.status-badge-modern.processing{background:#dbeafe;color:#1e40af}.status-badge-modern.cancelled{background:#fee2e2;color:#991b1b}.status-badge-modern.pending{background:#fef3c7;color:#92400e}.submission-summary-modern{display:flex;gap:2rem;padding-left:56px}.summary-item-modern{display:flex;flex-direction:column;gap:.125rem}.summary-label{font-size:.6875rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.summary-value{font-size:.875rem;font-weight:500;color:#475569}.submission-actions-modern{display:flex;justify-content:flex-end;gap:.5rem;padding-left:56px}.view-button-modern{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:transparent;border:1px solid #e2e8f0;border-radius:6px;color:#475569;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .15s ease}.view-button-modern:hover{background:#2d5a27;border-color:#2d5a27;color:#fff}.delete-button-modern{padding:.5rem .875rem;background:transparent;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .15s ease}.delete-button-modern:hover:not(:disabled){background:#dc2626;border-color:#dc2626;color:#fff}.delete-button-modern:disabled{opacity:.5;cursor:not-allowed}.no-submissions-modern{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.no-submissions-modern .empty-icon{color:#cbd5e1;margin-bottom:1rem}.no-submissions-modern h3{color:#475569;font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.no-submissions-modern p{color:#94a3b8;font-size:.875rem;max-width:320px}.submissions-loading-modern{padding:4rem 2rem}.modal-body-modern{padding:1.5rem}.detail-section-modern{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #f1f5f9}.detail-section-modern:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.detail-section-modern h3{color:#1e293b;font-size:.9375rem;font-weight:700;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #e2e8f0;display:flex;align-items:center;gap:.5rem}.edit-button-modern,.save-button-modern,.cancel-button-modern{padding:.5rem 1rem;border-radius:6px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .15s ease}.edit-button-modern{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.edit-button-modern:hover{background:#e2e8f0;color:#1e293b}.save-button-modern{background:#2d5a27;border:1px solid #2d5a27;color:#fff}.save-button-modern:hover{background:#1e3d1c}.cancel-button-modern{background:transparent;border:1px solid #e2e8f0;color:#64748b}.cancel-button-modern:hover{background:#f1f5f9;color:#475569}.delete-confirmation-modal-modern .delete-confirmation-content-modern{border-radius:12px;box-shadow:0 25px 50px -12px #00000040}.delete-confirmation-header-modern{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.delete-confirmation-icon-modern{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#fef2f2;border-radius:50%;color:#dc2626;animation:none}@media (max-width: 1024px){.header-content-modern{flex-direction:column;align-items:stretch}.header-right{justify-content:space-between;flex-wrap:wrap;gap:1rem}.header-user-modern{border-left:none;padding-left:0}}@media (max-width: 768px){.header-content-modern,.dashboard-main-modern{padding:1rem}.stats-bar{flex-wrap:nowrap}.stat-pill{font-size:.75rem;padding:.25rem .5rem}.filter-panel-content{padding:0 1rem;flex-direction:column;align-items:stretch;gap:1rem}.filter-select-modern,.filter-input-modern{width:100%}.clear-filters-btn{margin-left:0}.submission-card-modern{padding:1rem}.submission-summary-modern{padding-left:0;flex-wrap:wrap;gap:1rem}.submission-actions-modern{padding-left:0;justify-content:flex-start}.submissions-header{padding:1rem}}@media (max-width: 480px){.header-left{min-width:100%}.header-title-modern h1{font-size:1.25rem;white-space:normal}.header-title-modern p{white-space:normal}.header-actions{width:100%;flex-wrap:wrap;justify-content:space-between}.search-input-wrapper{width:100%;order:-1;margin-bottom:.5rem}.search-input{width:100%}.recycle-bin-btn{flex:1;justify-content:center;min-width:auto}.filter-toggle-btn{flex:1;justify-content:center}.submission-header-modern{flex-wrap:wrap}.status-badge-modern{order:-1;width:100%;justify-content:center;margin-bottom:.5rem}}@media (max-width: 480px){.delivery-status-card{padding:1rem}.modal-header{padding:1rem 1rem .75rem}.modal-body{padding:1rem}.status-title{font-size:1.1rem}.status-badge{padding:.375rem .75rem;font-size:.8rem}}@media (max-width: 768px){body{padding:0}#root{width:100%;padding:0}.App,.public-layout{padding:.5rem;gap:1rem;max-width:100%}}@media (max-width: 768px){.content-container{padding:1rem;border-radius:8px;margin:0}.section-header{padding:.75rem 1rem;margin:-1rem -1rem 1rem;border-radius:8px 8px 0 0}.section-title{font-size:1.25rem}}@media (max-width: 480px){.content-container{padding:.75rem;border-radius:6px}.section-header{padding:.6rem .75rem;margin:-.75rem -.75rem .75rem}.section-title{font-size:1.1rem}}@media (max-width: 768px){.card-form,.device-form,.verification-form.card-form,.parent-form.card-form{padding:1rem;box-shadow:none;border:none;background:transparent}.student-verification .card-form,.parent-info .card-form{padding:0;margin:0}}@media (max-width: 480px){.card-form,.device-form{padding:.5rem 0}}@media (max-width: 768px){.form-group{margin-bottom:1.25rem;width:100%}.form-group label{font-size:.85rem;margin-bottom:.4rem;display:flex;flex-wrap:wrap;gap:.25rem}.form-group input,.form-group select,.card-form input,.card-form select,.device-form input,.device-form select{width:100%;min-width:0;padding:.75rem;font-size:16px;border-radius:6px;box-sizing:border-box}.form-group input[type=text],.form-group input[type=email],.form-group input[type=tel]{text-overflow:ellipsis;overflow:hidden}.form-group input:focus{text-overflow:clip;overflow:visible}.label-icon{font-size:.9rem}}@media (max-width: 480px){.form-group{margin-bottom:1rem}.form-group label{font-size:.8rem}.form-group input,.form-group select{padding:.65rem;font-size:16px}}@media (max-width: 768px){.parent-form.card-form{position:relative;padding-top:3rem}.form-toggle-corner{position:absolute;top:0;right:0;padding:.5rem .75rem;border-radius:0 6px 0 8px;max-width:50%;z-index:5}.corner-toggle-label{flex-direction:row;gap:.4rem;font-size:.75rem}.corner-toggle-text{font-size:.7rem;min-width:auto;max-width:70px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.corner-toggle-slider{width:28px;height:14px;flex-shrink:0}.corner-toggle-slider:before{width:10px;height:10px}.toggle-checkbox:checked+.corner-toggle-slider:before{transform:translate(14px)}}@media (max-width: 480px){.form-toggle-corner{padding:.4rem .5rem}.corner-toggle-text{font-size:.65rem;max-width:60px}.corner-toggle-slider{width:24px;height:12px}.corner-toggle-slider:before{width:8px;height:8px}.toggle-checkbox:checked+.corner-toggle-slider:before{transform:translate(12px)}}@media (max-width: 768px){.form-actions{display:flex;flex-direction:column-reverse;gap:.75rem;margin-top:1.5rem;padding:0}.form-actions button,.back-button,.continue-button,.submit-button{width:100%;padding:.875rem 1rem;font-size:1rem;min-height:48px;justify-content:center}.continue-button,.submit-button{order:1}.back-button{order:0}}@media (max-width: 768px){.help-contact-info{flex-direction:column;align-items:center;text-align:center;padding:1rem;margin:1.25rem 0;gap:.75rem}.help-icon{font-size:1.5rem;margin:0}.help-content{width:100%}.help-content h4{font-size:.95rem;margin-bottom:.4rem}.help-content p{font-size:.85rem;line-height:1.4;margin-bottom:.5rem}.help-email{font-size:.85rem;padding:.5rem .75rem;display:inline-block;word-break:break-all}}@media (max-width: 480px){.help-contact-info{padding:.75rem;margin:1rem 0}.help-content p{font-size:.8rem}.help-email{font-size:.8rem;padding:.4rem .6rem}}@media (max-width: 768px){.parent-info-intro{margin-bottom:1rem;padding:0}.parent-info-intro h3{font-size:1.1rem;margin-bottom:.3rem}.parent-info-intro p{font-size:.9rem;line-height:1.4}}@media (max-width: 768px){.verification-intro{font-size:.9rem;line-height:1.5;margin-bottom:1rem;text-align:center;padding:0}}@media (max-width: 480px){.verification-intro{font-size:.85rem}}@media (max-width: 768px){.form-grid{display:flex;flex-direction:column;gap:0}}@media (max-width: 768px){.app-header{padding:1.25rem 1rem;border-radius:12px;margin:.5rem 0}.app-header h1{font-size:1.5rem;margin-bottom:.25rem}.app-header h2{font-size:1rem}.header-nav{position:static;margin-top:1rem}.staff-login-link{font-size:.75rem;padding:.6rem 1rem;min-width:auto}}@media (max-width: 480px){.app-header{padding:1rem .75rem;border-radius:8px}.app-header h1{font-size:1.35rem}.app-header h2{font-size:.9rem}}@media (max-width: 768px){.location-grid{display:flex;flex-direction:column;gap:.75rem}.location-card{padding:.875rem}.location-header{gap:.5rem}.location-icon{width:32px;height:32px;flex-shrink:0}.location-title h4{font-size:.95rem;line-height:1.3}.location-address{font-size:.8rem;margin-top:.4rem}.location-notes{font-size:.75rem;padding:.4rem .5rem;margin-top:.5rem}.new-badge,.charge-badge{font-size:.6rem;padding:.15rem .35rem}}@media (max-width: 768px){.pickup-intro{margin-bottom:1rem}.pickup-intro h3{font-size:1.1rem;margin-bottom:.3rem}.pickup-intro p{font-size:.9rem}.schedule-note{padding:.6rem;margin-top:.75rem;font-size:.8rem}.schedule-note p{font-size:.8rem;margin:0}}@media (max-width: 768px){.exchange-section{padding:0}.exchange-description{font-size:.9rem;margin-bottom:1rem}.exchange-options{gap:.75rem}.exchange-option-card{padding:.875rem;gap:.75rem}.exchange-option-indicator{width:36px;height:36px;flex-shrink:0}.exchange-option-text h4{font-size:.9rem;line-height:1.3}.exchange-option-text p{font-size:.8rem}}@media (max-width: 768px){.summary{padding:1rem}.summary h3{font-size:1.1rem;margin-bottom:1rem}.summary-section{padding:.75rem 0}.summary-section h4{font-size:.95rem;margin-bottom:.5rem}.summary-section p{font-size:.85rem;line-height:1.4;word-break:break-word}.form-complete p{font-size:.9rem}.next-steps-complete{padding:.875rem;margin:1rem 0}.next-steps-complete h4{font-size:.95rem}.next-steps-complete p{font-size:.85rem}}@media (max-width: 768px){.who-is-filling-intro p{font-size:.9rem}.filler-options{gap:.75rem}.filler-option{padding:1rem}.filler-option-header{gap:.75rem}.filler-option-icon{width:2.25rem;height:2.25rem;font-size:1.1rem}.filler-option h3{font-size:1.05rem}.filler-option-description{font-size:.85rem}}@media (max-width: 768px){.error-message{padding:.75rem;font-size:.85rem;margin:.75rem 0}.error-text{font-size:.8rem}}@media (max-width: 768px){.student-info.success-card{padding:1rem;margin-top:1.25rem}.student-info h3{font-size:1rem;margin-bottom:.75rem}.info-grid{gap:.75rem}.info-item{padding:.5rem 0}.info-item strong{font-size:.8rem}.info-item span{font-size:.85rem;word-break:break-word}}@media (max-width: 768px){.progress-bar-container{margin:.75rem 0}.progress-bar{height:4px}}