body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{background:#000;box-shadow:0 2px 12px #00000059;color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.nav-inner{gap:36px;justify-content:center;margin:0 auto;max-width:1200px;padding:12px 24px}.nav-inner,.nav-left{align-items:center;display:flex}.nav-left{gap:12px}.brand{color:#fff;font-size:1.1rem;font-weight:700;text-decoration:none}.nav-logo{border-radius:6px;height:28px;width:auto}.nav-right{align-items:center;display:flex;gap:18px}.nav-link{color:#fff;font-size:.98rem;font-weight:600;text-decoration:none;transition:color .2s ease,opacity .2s ease}.nav-link:hover{color:#32cd32}.nav-link.active{border-bottom:2px solid #32cd32;padding-bottom:2px}.logout-btn{background:#0000;border:1px solid #ffffff80;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:6px 12px;transition:background .2s ease,color .2s ease,border-color .2s ease}.logout-btn:hover{background:#32cd32;border-color:#32cd32;color:#000}@media (max-width:720px){.nav-inner{gap:16px;padding:10px 16px}.nav-right{gap:14px}}.site-footer{background:#000;border-top:1px solid #ffffff14;color:#fff;padding-top:36px}.footer-inner{grid-gap:36px;display:grid;gap:36px;grid-template-columns:1.4fr 3fr;margin:0 auto;max-width:1200px;padding:28px 24px}.footer-title{font-size:1.2rem;font-weight:800;margin-bottom:6px}.footer-tagline{color:#ccc;font-size:.95rem;margin:0}.footer-links{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,minmax(140px,1fr))}.footer-col h4{color:#bdbdbd;font-size:.95rem;font-weight:700;letter-spacing:.2px;margin:0 0 10px}.footer-col a{color:#fff;display:block;font-size:.95rem;opacity:.9;padding:6px 0;text-decoration:none;transition:opacity .2s ease,color .2s ease}.footer-col a:hover{color:#32cd32;opacity:1}.footer-bottom{background:#000;border-top:1px solid #ffffff14;color:#bdbdbd;font-size:.9rem;padding:12px 24px;text-align:center}@media (max-width:900px){.footer-inner{gap:24px;grid-template-columns:1fr}.footer-links{grid-template-columns:repeat(2,1fr)}}.tutor-order-details-container{background-color:#f5f7fa;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.order-details-error,.order-details-loading{min-height:100vh}.loading-spinner{color:#666;font-size:1.2rem}.order-details-error h2{color:#dc3545;margin-bottom:20px}.order-details-error button{background-color:#4f46e5;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px}.order-details-error button:hover{background-color:#4338ca}.order-details-header{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;display:flex;gap:20px;margin-bottom:20px;padding:20px}.back-button{background-color:#f1f5f9;border:1px solid #cbd5e1;color:#475569;font-size:.9rem;gap:5px;padding:8px 16px}.back-button:hover{background-color:#e2e8f0}.order-details-header h1{align-items:center;color:#1e293b;display:flex;font-size:1.5rem;gap:10px;margin:0}.status-badge{font-size:.8rem;font-weight:500}.status-badge.submitted{background-color:#dbeafe;color:#1e40af}.status-badge.allocated{background-color:#fef3c7;color:#92400e}.status-badge.completed{background-color:#d1fae5;color:#065f46}.status-badge.escalated{background-color:#fee2e2;color:#991b1b}.order-details-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}@media (max-width:1024px){.order-details-content{grid-template-columns:1fr}}.left-column,.right-column{display:flex;flex-direction:column;gap:20px}.actions-card,.communication-card,.description-card,.files-card,.history-card,.order-info-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:20px}.actions-card h3,.communication-card h3,.description-card h3,.files-card h3,.history-card h3,.order-info-card h3{border-bottom:2px solid #f1f5f9;color:#1e293b;font-size:1.2rem;margin-bottom:15px;margin-top:0;padding-bottom:10px}.info-grid{grid-gap:15px;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-item{display:flex;flex-direction:column;gap:5px}.info-item strong{color:#64748b;font-size:.9rem}.info-item span{color:#1e293b;font-weight:500}.description-content{background-color:#f8fafc;border:1px solid #e2e8f0;max-height:300px;padding:15px}.protection-note{color:#64748b;font-size:.8rem}.file-link{background-color:#f1f5f9;border:1px solid #cbd5e1;color:#475569;gap:8px;padding:10px}.file-link:hover{background-color:#e2e8f0;border-color:#94a3b8}.no-files,.no-history{color:#94a3b8;font-style:italic;padding:20px;text-align:center}.history-item{background-color:#f8fafc;border-left:4px solid;margin-bottom:10px;padding:15px}.history-item.student_submission{border-left-color:#3b82f6}.history-item.tutor_submission{border-left-color:#10b981}.history-item.escalation{border-left-color:#f59e0b}.history-item.failure{border-left-color:#ef4444}.history-item.message{border-left-color:#8b5cf6}.history-item.tutor-message{background-color:#e0f2fe}.history-header{gap:10px;justify-content:space-between;margin-bottom:8px}.history-author{color:#1e293b;font-weight:600}.history-time{color:#64748b;font-size:.8rem}.history-type{background-color:#e2e8f0;color:#475569;font-size:.7rem;text-transform:uppercase}.history-content{color:#334155;line-height:1.5;margin-bottom:10px}.history-files a{color:#3b82f6;font-size:.9rem;text-decoration:none}.history-files a:hover{text-decoration:underline}.communication-form{display:flex;flex-direction:column;gap:15px}.message-textarea{border:1px solid #cbd5e1;font-size:1rem;padding:12px}.message-textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.communication-notes small{color:#64748b;font-size:.85rem}.send-message-btn{background-color:#4f46e5;font-size:1rem;padding:10px 20px}.send-message-btn:hover:not(:disabled){background-color:#4338ca}.send-message-btn:disabled{background-color:#cbd5e1}.action-buttons{gap:10px}.action-btn{border-radius:5px;font-size:1rem;font-weight:500;padding:12px 20px}.action-btn.primary{background-color:#4f46e5}.action-btn.primary:hover{background-color:#4338ca}.action-btn.secondary{background-color:#f1f5f9;border:1px solid #cbd5e1;color:#475569}.action-btn.secondary:hover{background-color:#e2e8f0}.submit-work-modal{z-index:1000}.modal-overlay{background-color:#00000080;position:absolute}.modal-content{border-radius:10px;box-shadow:0 20px 25px -5px #0000001a;max-width:600px;z-index:1001}.modal-header{border-bottom:1px solid #e2e8f0;padding:20px}.modal-header h3{color:#1e293b;font-size:1.3rem}.close-modal{background:none;color:#64748b;font-size:1.5rem;height:30px;padding:0;width:30px}.close-modal:hover{color:#1e293b}.modal-body{padding:20px}.requirements-alert{background-color:#fef3c7;border:1px solid #f59e0b;border-radius:8px;margin-bottom:20px;padding:15px}.requirements-alert h4{color:#92400e;margin-top:0}.requirements-alert ul{margin:10px 0;padding-left:20px}.requirements-alert li{color:#92400e;margin-bottom:5px}.submission-form{gap:20px}.form-group,.submission-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#1e293b}.form-group input[type=file],.form-group textarea{border:1px solid #cbd5e1;border-radius:8px;font-family:inherit;font-size:1rem;padding:12px}.form-group input[type=file]:focus,.form-group textarea:focus{border-color:#4f46e5;outline:none}.word-count{color:#64748b;font-size:.9rem;text-align:right}.files-preview{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:15px}.files-preview h5{color:#475569;margin-bottom:10px;margin-top:0}.file-preview-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:4px;display:flex;gap:8px;margin-bottom:5px;padding:8px}.upload-progress{background-color:#f1f5f9;border-radius:8px;padding:15px}.progress-header{font-weight:500}.progress-bar{background-color:#e2e8f0}.progress-fill{background-color:#4f46e5;transition:width .3s}.progress-status{color:#64748b;font-size:.9rem;text-align:center}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.cancel-btn,.submit-btn{border:none;border-radius:5px;cursor:pointer;font-size:1rem;font-weight:500;padding:10px 20px}.submit-btn{background-color:#4f46e5;color:#fff}.submit-btn:hover:not(:disabled){background-color:#4338ca}.submit-btn:disabled{background-color:#cbd5e1;cursor:not-allowed}.cancel-btn{background-color:#f1f5f9;border:1px solid #cbd5e1;color:#475569}.cancel-btn:hover:not(:disabled){background-color:#e2e8f0}.cancel-btn:disabled{cursor:not-allowed;opacity:.5}.description-content::-webkit-scrollbar,.history-timeline::-webkit-scrollbar{width:6px}.description-content::-webkit-scrollbar-track,.history-timeline::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.description-content::-webkit-scrollbar-thumb,.history-timeline::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.description-content::-webkit-scrollbar-thumb:hover,.history-timeline::-webkit-scrollbar-thumb:hover{background:#94a3b8}.order-info-card.vertical-layout{padding:20px}.info-vertical-grid{display:flex;flex-direction:column;gap:12px}.vertical-info-item{align-items:flex-start;border-bottom:1px solid #f0f0f0;display:flex;padding:8px 0}.vertical-info-item:last-child{border-bottom:none}.vertical-info-item strong{color:#666;font-weight:600;min-width:120px}.vertical-info-item span{color:#333;flex:1 1;font-weight:500}.student-order-details{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.order-details-error,.order-details-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.order-details-header{margin-bottom:30px}.status-badge.escalated{background:#f8d7da;color:#721c24}.status-badge.in-progress{background:#fff3cd;color:#856404}.order-details-content{display:flex;flex-direction:column;gap:30px}.order-history-section,.order-info-section,.original-description-section,.student-communication-section,.tutor-submission-section{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:25px}.order-history-section h2,.order-info-section h2,.original-description-section h2,.student-communication-section h2,.tutor-submission-section h2{border-bottom:2px solid #f0f0f0;color:#2c3e50;font-size:20px;margin-bottom:20px;margin-top:0;padding-bottom:10px}.payment-status{border-radius:12px;font-size:11px;font-weight:700;margin-left:10px;padding:3px 10px}.payment-status.paid{background:#d4edda;color:#155724}.payment-status.pending{background:#fff3cd;color:#856404}.payment-status.partial{background:#d1ecf1;color:#0c5460}.description-box,.tutor-submission-box{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;line-height:1.6;max-height:300px;overflow-y:auto;padding:20px;white-space:pre-wrap}.protection-note{background:#e9ecef;border-radius:5px;font-size:12px;font-style:italic;margin-top:10px;padding:10px}.history-item.student_message{border-left-color:#007bff}.history-item.escalation{border-left-color:#dc3545}.communication-form textarea{border:1px solid #dee2e6;border-radius:8px;font-family:inherit;font-size:14px;margin-bottom:10px;padding:15px;resize:vertical;width:100%}.communication-notes{background:#f8f9fa;border-radius:5px;color:#6c757d;font-size:12px;margin-bottom:15px;padding:10px}.send-message-btn{background:#28a745}.send-message-btn:hover:not(:disabled){background:#218838}.action-buttons{flex-wrap:wrap;gap:15px;padding:20px 0}.close-btn,.download-btn,.escalate-btn,.pay-now-btn{border:none;border-radius:5px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 25px;text-align:center;text-decoration:none;transition:all .3s}.escalate-btn{background:#dc3545}.escalate-btn:hover{background:#c82333}.download-btn{background:#17a2b8}.download-btn:hover{background:#138496}.pay-now-btn{background:#ffc107;color:#212529}.pay-now-btn:hover{background:#e0a800}.close-btn{background:#6c757d;color:#fff}.close-btn:hover{background:#5a6268}@media (max-width:768px){.student-order-details{padding:15px}.header-top{align-items:flex-start;flex-direction:column;gap:15px}.info-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.close-btn,.download-btn,.escalate-btn,.pay-now-btn{width:100%}}.description-box::-webkit-scrollbar,.history-timeline::-webkit-scrollbar,.tutor-submission-box::-webkit-scrollbar{width:8px}.description-box::-webkit-scrollbar-track,.history-timeline::-webkit-scrollbar-track,.tutor-submission-box::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.description-box::-webkit-scrollbar-thumb,.history-timeline::-webkit-scrollbar-thumb,.tutor-submission-box::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.description-box::-webkit-scrollbar-thumb:hover,.history-timeline::-webkit-scrollbar-thumb:hover,.tutor-submission-box::-webkit-scrollbar-thumb:hover{background:#555}.admin-order-details{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1400px;padding:20px}.admin-order-details-error,.admin-order-details-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;margin-bottom:20px;width:40px}.error-icon{font-size:48px;margin-bottom:20px}.admin-order-details-header{margin-bottom:30px}.header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.back-button{background:#6c757d;border-radius:5px;font-size:14px;font-weight:500;padding:10px 20px;transition:background .3s}.back-button:hover{background:#5a6268}.order-id-display{align-items:center;display:flex;gap:15px}.order-id-display h1{color:#333;font-size:24px;margin:0}.status-badge{font-size:12px;font-weight:700;padding:5px 15px;text-transform:uppercase}.status-badge.submitted{background:#cce5ff;color:#004085}.status-badge.allocated{background:#e7f5ff;color:#1976d2}.status-badge.completed{background:#d4edda;color:#155724}.status-badge.escalated{background:#fff3cd;color:#856404}.status-badge.failed{background:#f8d7da;color:#721c24}.source-badge{background:#e9ecef;border-radius:12px;color:#495057;font-size:11px;font-weight:500;padding:4px 10px}.admin-order-details-content{display:flex;flex-direction:column;gap:30px}.admin-messages-section,.escalation-section,.failure-section,.order-history-section,.order-info-section,.original-description-section,.status-actions,.tutor-submission-section{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:25px}.admin-messages-section h2,.escalation-section h2,.failure-section h2,.order-history-section h2,.order-info-section h2,.original-description-section h2,.status-actions h2,.tutor-submission-section h2{border-bottom:2px solid #f0f0f0;color:#2c3e50;font-size:20px;margin-bottom:20px;margin-top:0;padding-bottom:10px}.info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.info-item{background:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;padding:15px}.info-item strong{color:#2c3e50;display:block;margin-bottom:5px}.description-box,.reason-box,.tutor-submission-box{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;line-height:1.6;max-height:300px;overflow-y:auto;padding:20px;white-space:pre-wrap}.submitted-files,.tutor-files{margin-top:20px}.files-list{flex-wrap:wrap}.file-link{background:#e9ecef;border-radius:5px;color:#495057;display:inline-flex;padding:8px 15px;transition:background .3s}.file-link:hover{background:#dee2e6;color:#212529}.escalation-section{border-left:4px solid #ffc107}.failure-section{border-left:4px solid #dc3545}.history-timeline{max-height:400px;overflow-y:auto;padding-right:10px}.history-item{background:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;margin-bottom:15px;padding:20px}.history-item.tutor_submission{border-left-color:#28a745}.history-item.student_submission{border-left-color:#007bff}.history-item.admin_message{border-left-color:#6f42c1}.history-item.escalation{border-left-color:#ffc107}.history-item.failure{border-left-color:#dc3545}.history-item.message.admin-message{background:#f0f8ff;border-left-color:#6f42c1}.history-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:10px}.history-author{color:#2c3e50;font-weight:700}.history-time{color:#6c757d;font-size:12px}.history-type{background:#e9ecef;border-radius:10px;color:#495057;font-size:11px;padding:2px 8px}.history-content{line-height:1.6;white-space:pre-wrap}.history-files{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.no-history{color:#6c757d;font-style:italic;padding:40px;text-align:center}.admin-messages-section h5{color:#495057;margin-bottom:15px;margin-top:0}.message-to-student,.message-to-tutor{margin-bottom:25px}.message-textarea{border:1px solid #dee2e6;border-radius:8px;padding:15px}.send-message-btn{background:#007bff;border-radius:5px;font-weight:500;padding:12px 25px;transition:background .3s}.send-message-btn:hover:not(:disabled){background:#0056b3}.send-message-btn:disabled{background:#6c757d}.status-actions h5{color:#495057;margin-bottom:15px;margin-top:0}.status-control-section{margin-bottom:20px}.toggle-control{align-items:center;display:flex;gap:20px;margin-bottom:15px}.toggle-switch{display:inline-block;position:relative}.toggle-checkbox{display:none}.toggle-label{align-items:center;border-radius:25px;cursor:pointer;display:flex;padding:8px 15px;transition:all .3s}.toggle-label.on{background:#d4edda;color:#155724}.toggle-label.off{background:#f8d7da;color:#721c24}.toggle-slider{background:#ccc;border-radius:20px;height:20px;margin-right:10px;position:relative;transition:background .3s;width:40px}.toggle-slider:before{background:#fff;border-radius:50%;content:"";height:16px;left:2px;position:absolute;top:2px;transition:transform .3s;width:16px}.toggle-checkbox:checked+.toggle-label .toggle-slider{background:#28a745}.toggle-checkbox:checked+.toggle-label .toggle-slider:before{transform:translateX(20px)}.toggle-description{color:#666;font-size:14px}.manual-allocation{background:#f0f8ff;border:1px solid #d1e7ff;border-radius:8px;margin-top:20px;padding:20px}.manual-allocation h6{color:#1976d2;margin-bottom:15px;margin-top:0}.allocation-controls{align-items:center;display:flex;gap:10px}.tutor-select{border:1px solid #ced4da;border-radius:4px;flex:1 1;font-size:14px;padding:10px}.allocate-btn{background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background .3s}.allocate-btn:hover:not(:disabled){background:#218838}.allocate-btn:disabled{background:#6c757d;cursor:not-allowed}.status-buttons{display:flex;flex-wrap:wrap;gap:15px}.status-btn{border:none;border-radius:5px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 25px;transition:all .3s}.status-btn.completed{background:#28a745;color:#fff}.status-btn.completed:hover{background:#218838}.status-btn.escalated{background:#ffc107;color:#212529}.status-btn.escalated:hover{background:#e0a800}.status-btn.failed{background:#dc3545;color:#fff}.status-btn.failed:hover{background:#c82333}.description-box::-webkit-scrollbar,.history-timeline::-webkit-scrollbar,.reason-box::-webkit-scrollbar,.tutor-submission-box::-webkit-scrollbar{width:8px}.description-box::-webkit-scrollbar-track,.history-timeline::-webkit-scrollbar-track,.reason-box::-webkit-scrollbar-track,.tutor-submission-box::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.description-box::-webkit-scrollbar-thumb,.history-timeline::-webkit-scrollbar-thumb,.reason-box::-webkit-scrollbar-thumb,.tutor-submission-box::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.description-box::-webkit-scrollbar-thumb:hover,.history-timeline::-webkit-scrollbar-thumb:hover,.reason-box::-webkit-scrollbar-thumb:hover,.tutor-submission-box::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:768px){.admin-order-details{padding:15px}.header-top{align-items:flex-start;flex-direction:column;gap:15px}.info-grid{grid-template-columns:1fr}.toggle-control{align-items:flex-start}.allocation-controls,.toggle-control{flex-direction:column}.tutor-select{width:100%}.status-buttons{flex-direction:column}.status-btn{width:100%}}.home-container{background:linear-gradient(135deg,#d2691e,#32cd32,#1e90ff,#ff4500);color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;min-height:100dvh;padding:1px 20px 40px;position:relative}.page-content,main.page-content{background:#0000!important}.page-content .home-container{background-image:linear-gradient(135deg,#d2691e,#32cd32,#1e90ff,#ff4500)!important;background-repeat:no-repeat;background-size:cover}.home-title{color:#fff;font-size:3.8em;font-weight:800;margin-bottom:15px;text-align:center;text-shadow:3px 3px 8px #00000080}.home-subtitle{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffff26;border-radius:12px;box-shadow:0 8px 25px #0006;color:#ff0;font-size:1.8em;font-weight:500;margin:20px auto 50px;max-width:850px;padding:15px 25px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.home-subtitle:hover{box-shadow:0 12px 30px #0009;transform:scale(1.05)}.cta-buttons{display:flex;gap:30px;justify-content:center;margin:30px 0 50px}.cta-btn{border-radius:12px;box-shadow:0 6px 15px #0006;color:#fff;font-size:1.3em;font-weight:700;padding:18px 35px;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.submit-btn{background-color:#32cd32}.chat-btn{background-color:#1e90ff}.cta-btn:hover{box-shadow:0 10px 25px #00000080;transform:scale(1.08)}.services-heading{background-color:#fff;border-radius:14px;box-shadow:0 6px 15px #0000004d;color:#000;font-size:1.7em;font-weight:700;margin:0 auto 30px;padding:12px 25px;text-align:center;width:-webkit-fit-content;width:fit-content}.services-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:0 auto;max-width:1200px;padding-left:50px}.service-card{background:#fff;border-radius:14px;box-shadow:0 6px 15px #0006;color:#000;font-weight:700;padding:18px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.service-card:hover{box-shadow:0 12px 30px #00000080;transform:translateY(-8px)}.hero-section{align-items:center;display:flex;gap:30px;justify-content:space-between;left:0;margin-inline:auto;pointer-events:none;position:absolute;right:0;top:140px;top:var(--hero-top,140px);width:min(100%,1200px);z-index:2}.hero-center,.hero-left,.hero-right{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center}.hero-logo{--logo-x:-440px;--logo-y:-150px;border-radius:8px;box-shadow:0 6px 20px #0000004d;max-width:140px;transform:translate(var(--logo-x),var(--logo-y))}.hero-image,.hero-logo{height:auto;will-change:transform}.hero-image{--img-x:320px;--img-y:130px;border-radius:12px;box-shadow:0 8px 24px #00000059;max-width:460px;transform:translate(var(--img-x),var(--img-y))}@media (max-width:900px){.hero-section{flex-direction:column;margin:10px auto 20px;pointer-events:auto;position:static;text-align:center}.hero-logo{max-width:120px;transform:none}.hero-image{max-width:100%;transform:none}}@media (min-width:901px){.home-container{padding-bottom:220px}}.submit-page{background:#f8fafc;min-height:100vh;padding:2rem 1rem}.submit-layout{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 350px;margin:0 auto;max-width:1200px}.submit-main{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:2rem}.submit-main h2{color:#333;font-size:1.8rem;margin-bottom:.5rem}.submit-subtitle{color:#666;font-size:.95rem;margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#444;display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.field-note{color:#666;font-size:.85rem;font-weight:400;margin-top:.25rem}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:.75rem;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.form-group input[type=file]{background:#f8f9fa;border:2px dashed #ddd;padding:.5rem}.form-group input[type=file]:hover{border-color:#4f46e5}.upload-progress{background:#f8f9ff;border:1px solid #e5e7eb;border-radius:12px;margin:1.5rem 0;padding:1.5rem}.progress-header{margin-bottom:1rem}.progress-status{font-size:.85rem;margin-top:.75rem}.file-progress-list{border-top:1px solid #e5e7eb;margin-top:1.5rem;padding-top:1.5rem}.file-progress-header,.file-progress-item{margin-bottom:1rem}.file-name{color:#555;font-size:.85rem;margin-bottom:.5rem}.file-percent{color:#666;font-size:.8rem;margin-top:.25rem}.form-actions{margin-top:2rem}.submit-button{align-items:center;background:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;transition:all .3s ease;width:100%}.submit-button:hover:not(:disabled){background:#4338ca;box-shadow:0 4px 12px #4f46e54d;transform:translateY(-2px)}.submit-button:disabled{background:#9ca3af;cursor:not-allowed}.spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.payment-note{align-items:center;border-radius:8px;display:flex;font-size:.9rem;gap:.5rem;justify-content:center;margin-top:1rem;padding:1rem}.note-icon{font-size:1.2rem}.submit-sidebar{display:flex;flex-direction:column;gap:1.5rem}.submit-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 12px #00000014;cursor:pointer;padding:1.5rem;transition:all .3s ease}.submit-card:hover{border-color:#4f46e5;box-shadow:0 8px 20px #0000001f;transform:translateY(-4px)}.submit-card-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.submit-card-title{color:#333;font-size:1.1rem;font-weight:600}.submit-card-count{align-items:center;background:#4f46e5;border-radius:50%;color:#fff;display:flex;font-size:.9rem;font-weight:600;height:32px;justify-content:center;width:32px}.submit-card-sub{color:#666;font-size:.9rem;line-height:1.4}.payment-info-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;padding:1.5rem}.payment-info-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1.5rem}.payment-icon{font-size:1.8rem}.payment-info-header h3{font-size:1.2rem;margin:0}.payment-info-content{display:flex;flex-direction:column;gap:1rem}.payment-method-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:8px;display:flex;gap:.75rem;padding:.75rem}.method-icon{font-size:1.3rem}.payment-method-item div{flex:1 1}.payment-method-item strong{display:block;font-size:.95rem}.payment-method-item small{font-size:.8rem;opacity:.9}.payment-note-small{align-items:center;display:flex;font-size:.85rem;gap:.5rem;margin-top:.5rem;opacity:.9}@media (max-width:1024px){.submit-layout{grid-template-columns:1fr}.submit-sidebar{order:-1}}@media (max-width:768px){.submit-page{padding:1rem}.submit-main{padding:1.5rem}.submit-button{padding:.875rem}}.calendar-instruction{background-color:#f0fdf4;border-left:4px solid #10b981;border-radius:6px;color:#10b981!important;display:block!important;font-size:1rem!important;font-weight:600!important;margin-bottom:.75rem!important;padding:.5rem}.deadline-input-container{align-items:center;display:flex;gap:1rem;margin-top:.5rem}.deadline-input-container input[type=datetime-local]{flex:1 1;min-width:200px}.deadline-time-display{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:1.5rem;min-width:180px;padding:.75rem 1rem}.time-segment{align-items:center;display:flex;flex-direction:column;gap:.25rem}.time-label{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.time-value{background:#fff;border:1px solid #e5e7eb;border-radius:4px;color:#4f46e5;font-size:1.1rem;font-weight:700;min-width:40px;padding:.25rem .5rem;text-align:center}.auto-fill-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 12px #00000014;margin-bottom:1rem;padding:1.5rem}.auto-fill-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.auto-fill-icon{color:#4f46e5;font-size:1.8rem}.auto-fill-header h3{color:#333;font-size:1.2rem;margin:0}.auto-fill-content{display:flex;flex-direction:column;gap:.75rem}.auto-fill-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:.5rem 0}.auto-fill-item:last-child{border-bottom:none}.auto-fill-label{color:#6b7280;font-size:.9rem;font-weight:500}.auto-fill-value{color:#1f2937;font-size:.9rem;font-weight:600;max-width:150px;overflow:hidden;text-align:right;text-overflow:ellipsis}.auto-fill-note{align-items:center;background:#f8f9fa;border-radius:6px;color:#6b7280;display:flex;font-size:.85rem;gap:.5rem;margin-top:.5rem;padding:.75rem}@media (max-width:768px){.deadline-input-container{align-items:stretch;flex-direction:column;gap:1rem}.deadline-time-display{gap:2rem;justify-content:center}.calendar-instruction{font-size:.9rem!important}}.payment-note{background:#f0f9ff;border:1px solid #bae6fd;color:#0369a1;font-size:.95rem;font-weight:500}.admin-tutors{margin-top:24px}.admin-tutors h2{margin:0 0 12px}.admin-tutors-card{background:#fff;border:1px solid #ddd;border-radius:10px;overflow-x:auto;padding:14px}.admin-tutors-table{border-collapse:collapse;min-width:900px;width:100%}.admin-tutors-table td,.admin-tutors-table th{border-bottom:1px solid #eee;padding:10px 12px;text-align:left;vertical-align:middle;white-space:nowrap}.admin-tutors-table th{background:#f7f7f7;font-weight:700}.admin-tutors-status{border:1px solid #ddd;border-radius:999px;display:inline-block;font-size:12px;padding:4px 10px}.admin-tutors-status.pending{background:#fff7e6;border-color:#ffd591}.admin-tutors-status.approved{background:#e6ffed;border-color:#b7eb8f}.admin-tutors-status.probation{background:#fff1f0;border-color:#ffa39e}.admin-tutors-status.removed{background:#f5f5f5;border-color:#d9d9d9}.admin-tutors-actions button{background:#fff;border:1px solid #ccc;border-radius:8px;cursor:pointer;margin-right:8px;padding:7px 10px}.admin-tutors-actions button:hover{background:#f3f3f3}.admin-tutors-actions button.danger{border-color:#ff4d4f}.admin-tutors-actions button.danger:hover{background:#fff1f0}.notification-badge{background-color:#f44;border-radius:50%;color:#fff;font-size:10px;margin-left:5px;padding:2px 6px;vertical-align:super}.notification-indicator{animation:pulse 1.5s infinite;color:#f44;font-size:14px;margin-left:5px}.unread-message-count{background-color:#ffebee;border-radius:12px;color:#d32f2f;display:inline-block;font-size:11px;padding:3px 8px}.no-messages{color:#999;font-size:11px}.unread-badge-popup{animation:pulse 1.5s infinite;background-color:#f44;border-radius:12px;color:#fff;font-size:12px;margin-left:10px;padding:3px 8px}.admin-messages-section{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:20px;padding:20px}.admin-messages-section h4{color:#495057;margin-bottom:15px;margin-top:0}.message-to-student,.message-to-tutor{margin-bottom:20px}.message-to-student h5,.message-to-tutor h5{color:#6c757d;margin-bottom:10px;margin-top:0}.message-input-group{display:flex;flex-direction:column;gap:10px}.message-textarea{border:1px solid #ced4da;border-radius:4px;font-family:inherit;font-size:14px;min-height:80px;padding:10px;resize:vertical;width:100%}.message-textarea:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.send-message-btn{align-self:flex-start;background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.send-message-btn:hover:not(:disabled){background-color:#218838}.send-message-btn:disabled{background-color:#ccc;cursor:not-allowed}.history-item.message{background-color:#e3f2fd;border-left:4px solid #2196f3}.history-item.admin-message{background-color:#e8f5e8;border-left:4px solid #4caf50}.history-item.tutor-message{background-color:#fff3e0;border-left:4px solid #ff9800}.tutor-dashboard-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;margin:0 auto;max-width:1400px;padding:20px}.dashboard-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:15px}.dashboard-header h2{color:#333;font-size:28px;margin:0}.dashboard-status{color:#666;font-size:16px}.status-badge{border-radius:20px;font-size:14px;font-weight:600;margin-left:8px;padding:4px 12px}.status-badge.approved{background-color:#d4edda;color:#155724}.status-badge.pending{background-color:#fff3cd;color:#856404}.status-badge.probation{background-color:#f8d7da;color:#721c24}.status-badge.removed{background-color:#dc3545;color:#fff}.dashboard-content{display:flex;gap:30px;min-height:600px}.left-section{flex:0 0 350px}.profile-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:20px;overflow:hidden}.profile-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;gap:20px;padding:25px}.photo-placeholder{align-items:center;background:#fff3;border-radius:50%;cursor:pointer;display:flex;flex-direction:column;height:80px;justify-content:center;transition:all .3s;width:80px}.photo-placeholder:hover{background:#ffffff4d;transform:scale(1.05)}.photo-icon{font-size:32px;margin-bottom:4px}.upload-hint{font-size:11px;opacity:.9}.profile-info{flex:1 1}.tutor-name{font-size:22px;font-weight:600;margin:0 0 5px}.tutor-email{font-size:14px;margin:0;opacity:.9}.profile-details{border-bottom:1px solid #eee;padding:20px}.detail-item{align-items:center;border-bottom:1px solid #f5f5f5;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:12px}.detail-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.id-number{background:#f5f5f5;border-radius:4px;font-family:monospace;font-size:13px;padding:4px 8px}.role-badge{background:#e3f2fd;border-radius:12px;color:#1976d2;font-size:12px;font-weight:600;padding:4px 10px}.stats-section{padding:20px}.stats-title{color:#333;font-size:18px;font-weight:600;margin:0 0 15px}.stats-card{grid-template-columns:repeat(2,1fr)}.stat-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:15px;text-align:center;transition:transform .2s}.stat-item:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.stat-number{color:#333;font-size:24px;margin-bottom:5px}.stat-label{color:#666;font-size:12px}.performance-score{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:10px;padding:20px;text-align:center}.score-label{color:#555;font-size:14px;font-weight:600;margin-bottom:8px}.score-value{color:#333;font-size:36px;font-weight:700;margin-bottom:15px}.score-bar{background:#ffffff4d;border-radius:5px;height:10px;overflow:hidden}.score-fill{background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:5px;height:100%;transition:width .5s ease}.right-section{display:flex;flex:1 1;flex-direction:column;gap:20px}.orders-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden}.orders-tabs{background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;overflow-x:auto}.tab-button{align-items:center;background:none;border:none;border-right:1px solid #e0e0e0;color:#666;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-width:120px;padding:16px 20px;transition:all .2s}.tab-button:last-child{border-right:none}.tab-button:hover{background:#e9ecef;color:#333}.tab-button.active{background:#fff;border-bottom:3px solid #1976d2;color:#1976d2;margin-bottom:-1px}.order-count{background:#6c757d;border-radius:12px;color:#fff;font-size:12px;min-width:24px;padding:2px 8px;text-align:center}.tab-button.active .order-count{background:#1976d2}.tab-content{min-height:300px;padding:25px}.tab-content h3{color:#333;font-size:20px;margin:0 0 20px}.empty-state{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;color:#6c757d;font-size:16px;padding:60px 20px;text-align:center}.quick-actions{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:25px}.quick-actions h3{color:#333;font-size:20px;margin:0 0 20px}.action-buttons{flex-direction:column;gap:12px}.action-btn{border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;padding:14px 20px;text-align:center;transition:all .2s}.action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.action-btn.primary:hover{box-shadow:0 6px 12px #667eea4d;transform:translateY(-2px)}.action-btn.secondary{background:#f8f9fa;border:1px solid #dee2e6;color:#495057}.action-btn.secondary:hover{background:#e9ecef;border-color:#adb5bd}.probation-warning{background:#fff3cd;border:1px solid #ffeeba;border-radius:8px;color:#856404;font-weight:600;margin-top:30px;padding:15px 20px;text-align:center}@media (max-width:1024px){.dashboard-content{flex-direction:column}.left-section{flex:none;width:100%}.orders-tabs{flex-wrap:wrap}.tab-button{min-width:100px}}@media (max-width:768px){.tutor-dashboard-container{padding:15px}.dashboard-header{align-items:flex-start;flex-direction:column;gap:10px}.profile-header{flex-direction:column;gap:15px;text-align:center}.action-buttons,.stats-card{grid-template-columns:1fr}}.order-details-modal{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-overlay{z-index:1001}.modal-content{animation:modalSlideIn .3s ease;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:800px;overflow-y:auto;width:90%;z-index:1002}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px 25px}.modal-header h3{font-size:20px;margin:0}.close-modal{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;transition:background .2s;width:36px}.close-modal:hover{background:#ffffff4d}.modal-body{padding:25px}.detail-section{border-bottom:1px solid #eaeaea;margin-bottom:25px;padding-bottom:25px}.detail-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.detail-section h4{color:#333;font-size:16px;font-weight:600;margin:0 0 15px}.details-grid{display:flex;flex-direction:column;gap:20px}.detail-row{align-items:start;display:grid;grid-template-columns:140px 1fr;margin-bottom:12px}.detail-row:last-child{margin-bottom:0}.detail-label{color:#555;font-size:14px}.detail-value{color:#333;font-size:14px;line-height:1.5}.description-box{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;font-size:14px;line-height:1.6;max-height:200px;overflow-y:auto;padding:15px}.security-note{align-items:center;background:#fff3cd;border:1px solid #ffeeba;border-radius:6px;color:#856404;display:flex;font-size:12px;gap:8px;margin-top:10px;padding:10px}.files-list{display:flex;flex-direction:column;gap:10px;max-height:300px;overflow-y:auto}.file-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;gap:12px;padding:12px;transition:all .2s}.file-item:hover{background:#e9ecef;border-color:#dee2e6}.file-icon{font-size:20px}.file-info{min-width:0}.file-name{color:#333;font-weight:500}.file-size{color:#6c757d;font-size:12px;margin-top:2px}.file-actions{gap:8px}.download-btn,.view-btn{align-items:center;border-radius:4px;display:flex;font-size:12px;font-weight:500;gap:4px;padding:6px 12px;text-decoration:none;transition:all .2s}.download-btn{background:#28a745;border:1px solid #28a745}.download-btn:hover{background:#218838;border-color:#1e7e34}.view-btn{background:#17a2b8;border:1px solid #17a2b8;color:#fff}.view-btn:hover{background:#138496;border-color:#117a8b}.order-summary{grid-gap:12px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);padding:15px}.summary-item{display:flex;flex-direction:column}.summary-label{color:#6c757d;font-size:12px;margin-bottom:4px}.summary-value{color:#333;font-size:14px;font-weight:600}.time-remaining{background:#e7f5ff;border-radius:4px;color:#1976d2;display:inline-block;font-size:12px;margin-top:4px;padding:3px 8px}.modal-actions{border-top:2px solid #eaeaea;margin-top:30px;padding-top:20px}.action-warning{background:#fff3cd;border:1px solid #ffeeba;border-radius:8px;color:#856404;font-size:13px;margin-bottom:20px;padding:15px}.action-warning ul{margin:8px 0 0;padding-left:20px}.action-warning li{margin-bottom:4px}.action-warning li:last-child{margin-bottom:0}.action-buttons-group{display:flex;flex-direction:column;gap:12px}.allocate-btn-primary{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:16px 24px;transition:all .3s}.allocate-btn-primary:hover:not(:disabled){box-shadow:0 6px 12px #28a7454d;transform:translateY(-2px)}.allocate-btn-primary:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.close-btn-secondary{align-items:center;background:#f8f9fa;border:2px solid #dee2e6;border-radius:8px;color:#495057;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;justify-content:center;padding:14px 24px;transition:all .2s}.close-btn-secondary:hover{background:#e9ecef;border-color:#adb5bd}@media (max-width:768px){.modal-content{max-height:85vh;width:95%}.detail-row{gap:5px}.detail-row,.order-summary{grid-template-columns:1fr}.file-item{align-items:stretch;flex-direction:column;gap:8px}.file-actions{justify-content:flex-start}.action-buttons-group{gap:10px}.allocate-btn-primary,.close-btn-secondary{font-size:14px;padding:12px 20px}}.submit-work-modal{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.submit-work-modal .modal-overlay{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:2001}.submit-work-modal .modal-content{animation:modalSlideIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:700px;overflow-y:auto;width:90%;z-index:2002}.submit-work-modal .modal-header{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px 25px}.submit-work-modal .modal-header h3{font-size:20px;margin:0}.submit-work-modal .close-modal{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;transition:background .2s;width:36px}.submit-work-modal .close-modal:hover{background:#ffffff4d}.submit-work-modal .modal-body{padding:25px}.order-details-modal,.submit-work-modal{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;position:relative;z-index:10001}.upload-progress-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:20px 0;padding:20px}.progress-header{align-items:center;color:#333;font-weight:600;margin-bottom:10px}.progress-header,.progress-status{display:flex;justify-content:space-between}.progress-status{color:#666;font-size:13px;margin-top:10px}.file-progress-list{border-top:1px solid #dee2e6;margin-top:20px;padding-top:15px}.file-progress-header{color:#333;font-weight:600;margin-bottom:10px}.file-progress-item{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:6px;display:flex;gap:15px;margin-bottom:12px;padding:10px}.file-progress-item:last-child{margin-bottom:0}.file-progress-item .file-name{color:#333;flex:1 1;font-size:13px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-progress-item .progress-bar{flex:2 1;min-width:150px}.file-percent{color:#28a745;font-size:12px;font-weight:600;min-width:40px;text-align:right}.field-note{color:#6c757d;display:block;font-size:12px;margin-bottom:8px;margin-top:4px}.submission-form input[type=file]{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;cursor:pointer;padding:12px;transition:all .2s;width:100%}.submission-form input[type=file]:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd}.submission-form input[type=file]:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.file-progress-item{align-items:stretch;flex-direction:column;gap:8px}.file-progress-item .file-name{max-width:none}.file-progress-item .progress-bar{min-width:100%}}.clickable-reason{cursor:pointer;max-width:350px;padding:8px}.clickable-reason:hover{background-color:#f5f5f5}.escalation-reason-cell{align-items:flex-start;display:flex;gap:8px}.escalation-reason-text{flex:1 1;line-height:1.4;word-break:break-word}.protection-badge{color:#666;cursor:help;flex-shrink:0;font-size:12px}.submit-work-btn-modal{background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px 24px;transition:background-color .2s}.submit-work-btn-modal:hover{background-color:#218838}.tutor-rating-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:20px;padding:15px}.rating-display{gap:15px;justify-content:space-between}.star-rating{display:flex;gap:2px}.star{color:#dee2e6;cursor:default}.star.filled{color:#ffc107}.rating-details{align-items:center;display:flex;flex-direction:column;min-width:60px}.rating-value{color:#333;font-size:24px;font-weight:700}.no-ratings{color:#6c757d;font-size:11px;margin-top:2px}.stats-card{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.order-rating-display,.rating-display-compact{align-items:center;display:flex;flex-direction:column}.rating-display-compact{gap:4px}.star-rating-small{display:flex;gap:1px}.star-small{color:#dee2e6;font-size:14px}.star-small.filled{color:#ffc107}.rating-value-small{color:#495057;font-size:12px;font-weight:600}.no-rating{color:#6c757d;font-size:12px;font-style:italic}.performance-metrics-wrapper{display:flex;flex-direction:column;gap:10px}.stats-with-ratings{align-items:flex-start;display:flex;justify-content:space-between}.metrics-row{align-items:center;display:flex;gap:20px}.metric-group{display:flex;gap:15px}.metric-item{align-items:center;display:flex;flex-direction:column;text-align:center}.metric-value{color:#333;font-size:24px;font-weight:700;margin-bottom:4px}.metric-label{color:#666;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.escalated-metric .metric-value{color:#dc3545}.failed-metric .metric-value{color:#6c757d}.ratings-after-failed{align-items:center;border-top:1px solid #dee2e6;display:flex;flex-direction:column;margin-top:8px;padding-top:8px}.ratings-after-failed .score-label{font-size:12px;margin-bottom:4px}.ratings-after-failed .rating-display{gap:10px;justify-content:center}.ratings-after-failed .star{font-size:16px}.ratings-after-failed .rating-value{font-size:18px}.performance-stats-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr)}.stat-with-rating{position:relative}.stat-item.failed-with-rating{padding-bottom:30px;position:relative}.rating-attached-to-failed{align-items:center;background:#ffffffe6;border:1px solid #e9ecef;border-radius:4px;bottom:5px;display:flex;font-size:11px;gap:8px;justify-content:center;left:5px;padding:3px 8px;position:absolute;right:5px}.rating-attached-to-failed .stars-mini{display:flex;gap:1px}.rating-attached-to-failed .star-mini{color:#ffc107;font-size:10px}.rating-attached-to-failed .rating-value-mini{color:#856404;font-weight:600}@media (max-width:768px){.stats-card{grid-template-columns:1fr}.rating-display{flex-direction:column;gap:10px}.performance-stats-grid{grid-template-columns:1fr}.ratings-after-failed{border-top:none;padding-top:0}}.submitted-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;margin:0 auto;max-width:1200px;padding:2rem}.submitted-header{border-bottom:2px solid #e5e7eb;margin-bottom:2rem;padding-bottom:1rem}.submitted-header h1{color:#1f2937;font-size:2rem;margin-bottom:.5rem}.submitted-info{color:#6b7280;font-size:1rem;line-height:1.5;margin-bottom:1.5rem}.submitted-info small{color:#9ca3af;font-size:.9rem}.header-actions{display:flex;flex-wrap:wrap;gap:1rem}.back-button{align-items:center;background:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;gap:.5rem;padding:.75rem 1.5rem;transition:background .2s}.back-button:hover{background:#4338ca}.clear-button{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:1rem;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.clear-button:hover{background:#fecaca;border-color:#fecaca;color:#991b1b}.orders-stats{grid-gap:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-number{font-size:2rem}.orders-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.order-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000000d;padding:1.5rem;position:relative;transition:transform .2s,box-shadow .2s}.order-card:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-2px)}.order-header{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.order-id{color:#1f2937;display:block;font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.order-date{color:#6b7280;font-size:.85rem}.order-header-right{align-items:center;display:flex;gap:.5rem}.order-status{border-radius:20px;font-size:.85rem;font-weight:500;padding:.25rem .75rem;white-space:nowrap}.status-default{background:#f3f4f6;color:#6b7280}.delete-order-btn{align-items:center;background:none;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;display:flex;font-size:1.2rem;height:24px;justify-content:center;transition:all .2s;width:24px}.delete-order-btn:hover{background:#fee2e2;color:#ef4444}.detail-row{border-bottom:1px dashed #f3f4f6;display:flex;gap:1rem;margin-bottom:.75rem;padding-bottom:.75rem}.detail-row:last-child{border-bottom:none}.detail-label{color:#4b5563;flex-shrink:0;font-weight:600;min-width:100px}.detail-value{color:#1f2937;flex:1 1;word-break:break-word}.description-text{color:#374151;line-height:1.4}.time-remaining{color:#dc2626;font-size:.85rem;font-weight:500}.order-files{background:#f9fafb;border-radius:8px;margin:1rem 0;padding:1rem}.files-label{color:#4b5563;display:block;font-weight:600;margin-bottom:.5rem}.file-list{flex-direction:column;margin-top:.5rem}.file-link,.file-list{display:flex;gap:.5rem}.file-link{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#4f46e5;font-size:.9rem;padding:.5rem .75rem;text-decoration:none;transition:all .2s}.file-link:hover{background:#e0e7ff;border-color:#c7d2fe;text-decoration:none}.chat-button{align-items:center;background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:2 1;font-size:.95rem;gap:.5rem;justify-content:center;padding:.75rem;transition:background .2s}.chat-button:hover{background:#0da271}.copy-id-button{padding:.75rem}.no-orders{background:#f9fafb;border-radius:12px;margin-top:2rem;padding:4rem 2rem;text-align:center}.no-orders-icon{font-size:3rem;margin-bottom:1rem}.no-orders h3{color:#4b5563;margin-bottom:1rem}.no-orders p{color:#6b7280;line-height:1.6;margin:0 auto 2rem;max-width:500px}.submit-new-btn{background:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:1rem 2rem;transition:background .2s}.submit-new-btn:hover{background:#4338ca}.submitted-loading{align-items:center;color:#6b7280;display:flex;font-size:1.2rem;height:60vh;justify-content:center}@media (max-width:768px){.submitted-page{padding:1rem}.orders-grid,.orders-stats{grid-template-columns:1fr}.detail-row{flex-direction:column;gap:.25rem}.detail-label{min-width:auto}.header-actions,.order-actions{flex-direction:column}.back-button,.clear-button{justify-content:center;width:100%}}.files-table-container{border:1px solid #e5e7eb;border-radius:8px;margin:1rem 0;overflow:hidden}.files-table{border-collapse:collapse;font-size:.9rem;width:100%}.files-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.files-table th{color:#4b5563;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:.75rem 1rem;text-align:left;text-transform:uppercase}.files-table td{border-bottom:1px solid #f3f4f6;padding:.75rem 1rem}.files-table tr:last-child td{border-bottom:none}.files-table tr:hover{background:#f9fafb}.file-index{color:#6b7280;font-weight:500;text-align:center;width:40px}.file-name-cell{min-width:200px}.file-name-wrapper{align-items:center;display:flex;gap:.5rem}.file-icon{font-size:1.1rem}.file-name-text{color:#1f2937;word-break:break-all}.file-actions-cell{min-width:250px}.file-action-buttons{flex-wrap:wrap;gap:.5rem}.copy-link-btn,.download-file-btn,.view-file-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-weight:500;gap:.25rem;padding:.35rem .75rem;text-decoration:none;transition:all .2s}.view-file-btn:hover{text-decoration:none}.copy-link-btn{background:#f3f4f6;border:1px solid #d1d5db;color:#6b7280}.copy-link-btn:hover{background:#e5e7eb;color:#4b5563}.files-summary{background:#f9fafb;border-top:1px solid #e5e7eb;padding:1rem;text-align:center}.download-all-btn{align-items:center;background:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:background .2s}.download-all-btn:hover{background:#4338ca}.download-toast{animation:slideIn .3s ease;background:#10b981;border-radius:8px;bottom:20px;box-shadow:0 4px 12px #00000026;color:#fff;font-size:14px;font-weight:500;padding:12px 20px;position:fixed;right:20px;z-index:1000}@media (max-width:768px){.files-table{display:block;overflow-x:auto}.file-action-buttons{align-items:stretch;flex-direction:column}.copy-link-btn,.download-file-btn,.view-file-btn{justify-content:center;width:100%}.file-name-text{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.orders-stats{flex-wrap:wrap}.stat-card{box-shadow:0 2px 4px #0000000d;cursor:default;min-width:200px;transition:all .2s}.stat-card.clickable{border:2px solid #e5e7eb;cursor:pointer}.stat-card.clickable:hover{background:#f8fafc;border-color:#4f46e5;box-shadow:0 4px 8px #0000001a}.view-toggle{display:flex;gap:.5rem;justify-content:center;margin-bottom:2rem}.view-toggle-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.view-toggle-btn:hover{background:#f9fafb;border-color:#d1d5db}.view-toggle-btn.active{background:#4f46e5;border-color:#4f46e5;color:#fff}.table-view-container{margin-top:2rem}.table-view-container h3{color:#1f2937;font-size:1.5rem;margin-bottom:1rem}.table-wrapper{border:1px solid #e5e7eb;border-radius:8px;max-height:600px;overflow:auto}.orders-table{font-size:.9rem}.orders-table thead{background:#f9fafb;position:-webkit-sticky;position:sticky;top:0;z-index:10}.orders-table th{color:#4b5563;font-size:.85rem;white-space:nowrap}.orders-table td{border-bottom:1px solid #f3f4f6}.orders-table tr:last-child td{border-bottom:none}.order-id-cell{color:#1f2937;font-weight:600}.description-cell{max-width:200px}.table-status{font-size:.85rem;white-space:nowrap}.table-file-link{background:#f5f5f5;display:inline-block;padding:.25rem .5rem}.table-file-link:hover{background:#e0e7ff}.order-actions{border-top:1px solid #f3f4f6;justify-content:center;margin-top:1.5rem;padding-top:1rem}.copy-id-button{background:#f3f4f6;border:1px solid #d1d5db;color:#6b7280;font-size:.95rem;padding:.75rem 1.5rem;transition:all .2s;width:100%}.copy-id-button:hover{background:#e5e7eb;color:#4b5563}.file-action-buttons{display:flex;gap:.25rem}.copy-link-btn,.download-file-btn,.view-file-btn{border-radius:4px;font-size:.8rem;justify-content:center;min-width:36px;padding:.25rem .5rem}@media (max-width:768px){.orders-stats{flex-direction:column}.stat-card{min-width:100%}.table-wrapper{font-size:.8rem}.orders-table td,.orders-table th{padding:.5rem}.view-toggle{flex-direction:column}.view-toggle-btn{justify-content:center;width:100%}}.table-file-item{gap:5px;margin-bottom:3px}.table-download-btn{font-size:12px;padding:2px 8px}.file-item{padding:8px}.download-file-btn,.view-file-btn{background:#3b82f6;border-radius:4px;color:#fff;font-size:14px;padding:4px 8px}.deadline-passed{background:#fef2f2;color:#991b1b}.order-card .time-remaining.deadline-passed{border-radius:3px;font-size:.8rem;padding:.1rem .3rem}.time-left{background:#f0f9ff;border-radius:4px;color:#0369a1;font-size:.85rem;font-weight:500;padding:.25rem .5rem;white-space:nowrap}.time-left.deadline-passed{background:#fef2f2;color:#991b1b}.order-card .time-remaining.deadline-passed{background:#fef2f2;color:#991b1b}.order-card .time-remaining.deadline-passed,.order-card .time-remaining:not(.deadline-passed){border-radius:4px;display:inline-block;font-size:.85rem;margin-top:.25rem;padding:.25rem .5rem}.order-card .time-remaining:not(.deadline-passed){background:#f0f9ff;color:#0369a1}.table-files{display:flex;flex-direction:column;gap:.25rem}.table-file-item{align-items:center;display:flex;gap:.5rem;padding:.25rem}.file-icon-small{font-size:1rem}.table-file-link{background:#eff6ff;border-radius:4px;color:#3b82f6;padding:.2rem .5rem;transition:background .2s}.table-file-link:hover{background:#dbeafe}.table-download-btn{background:#10b981;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;padding:.2rem .5rem;transition:background .2s}.table-download-btn:hover{background:#0da271}.no-files{font-size:.9rem}.files-list{margin-top:10px}.file-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;justify-content:space-between;margin-bottom:6px;padding:8px 10px}.file-info,.file-item{align-items:center;display:flex}.file-info{flex:1 1;gap:8px;overflow:hidden}.file-icon{flex-shrink:0;font-size:16px}.file-name{color:#4b5563;flex:1 1;font-size:14px}.file-actions{display:flex;flex-shrink:0;gap:5px}.download-file-btn,.view-file-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:500;gap:.25rem;padding:.35rem .75rem;text-decoration:none;transition:all .2s}.view-file-btn{background:#3b82f6;color:#fff;text-decoration:none}.view-file-btn:hover{background:#2563eb}.download-file-btn{background:#10b981;color:#fff}.download-file-btn:hover{background:#0da271}.deadline-info{display:flex;flex-direction:column;gap:.25rem}@media (max-width:768px){.table-file-item{align-items:flex-start;flex-direction:column;gap:.25rem}.file-item{align-items:stretch;flex-direction:column;gap:.5rem}.file-actions{justify-content:flex-end;width:100%}.download-file-btn,.view-file-btn{flex:1 1;justify-content:center}}.orders-stats{display:flex;gap:1rem;margin-bottom:2rem}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;flex:1 1;padding:1.5rem;text-align:center;transition:all .3s ease}.stat-card.clickable:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stat-number{color:#4f46e5;font-size:2.5rem;font-weight:700}.stat-label,.stat-number{display:block;margin-bottom:.5rem}.stat-label{color:#6b7280;font-size:.9rem;letter-spacing:.5px;text-transform:uppercase}.stat-hint{color:#9ca3af;display:block;font-size:.8rem;font-style:italic}.table-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.back-to-cards-btn{background:none;border:1px solid #4f46e5;border-radius:6px;color:#4f46e5;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.back-to-cards-btn:hover{background:#4f46e5;color:#fff}.orders-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;width:100%}.orders-table th{background:#f9fafb;border-bottom:2px solid #e5e7eb;color:#374151;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.orders-table td{border-bottom:1px solid #e5e7eb;padding:1rem;vertical-align:top}.orders-table tr:hover{background:#f9fafb}.table-status{border-radius:20px;display:inline-block;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.status-submitted{background:#dbeafe;color:#1e40af}.status-completed{background:#d1fae5;color:#065f46}.status-inprogress{background:#fef3c7;color:#92400e}.status-cancelled{background:#fee2e2;color:#991b1b}.time-left.deadline-passed{color:#ef4444;font-weight:500}.table-file-item{margin-bottom:.25rem}.table-file-link{color:#4f46e5;font-size:.85rem;text-decoration:none}.table-file-link:hover{text-decoration:underline}.no-files{color:#9ca3af;font-size:.85rem;font-style:italic}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.payment-alert{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24;border-radius:12px;display:flex;justify-content:space-between;margin:1.5rem 0;padding:1rem 1.5rem}.payment-alert-content{align-items:center;display:flex;flex:1 1;gap:1rem}.payment-alert-icon{font-size:1.8rem}.payment-alert strong{color:#92400e;display:block;margin-bottom:.25rem}.payment-alert small{color:#b45309;font-size:.85rem}.payment-alert-btn{background:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.payment-alert-btn:hover{background:#b91c1c;transform:translateX(4px)}.payment-stat{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b}.payment-status{border-radius:20px;display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.3rem .8rem;text-transform:uppercase}.payment-pending{background:#fef3c7;border:1px solid #fbbf24;color:#92400e}.payment-paid{background:#d1fae5;border:1px solid #10b981;color:#065f46}.payment-confirmed{background:#dbeafe;border:1px solid #3b82f6;color:#1e40af}.payment-partial{background:#fef3c7;border:1px dashed #f59e0b;color:#92400e}.payment-status-badge{align-items:center;background:#f8fafc;border-radius:8px;display:flex;justify-content:space-between;margin:0 1rem 1rem;padding:.75rem 1rem}.payment-status-indicator{border-radius:20px;font-size:.8rem;font-weight:600;padding:.4rem 1rem}.payment-urgent{animation:blink 1.5s infinite;background:#fee2e2;border-radius:6px;color:#dc2626;font-size:.75rem;font-weight:600;padding:.4rem .8rem}@keyframes blink{0%,to{opacity:1}50%{opacity:.7}}.table-actions{gap:.5rem}.copy-id-btn,.pay-now-btn,.view-details-btn{border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;padding:.4rem .8rem;transition:all .3s ease}.pay-now-btn{background:#dc2626;color:#fff}.pay-now-btn:hover{background:#b91c1b;transform:translateY(-2px)}.view-details-btn{background:#3b82f6}.view-details-btn:hover{background:#2563eb}.copy-id-btn{background:#6b7280;color:#fff;padding:.4rem;width:32px}.copy-id-btn:hover{background:#4b5563}.order-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.pay-now-button{align-items:center;background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-weight:600;gap:.5rem;justify-content:center;min-width:120px;padding:.75rem 1rem;transition:all .3s ease}.pay-now-button:hover{box-shadow:0 4px 12px #dc26264d;transform:translateY(-2px)}.payment-details-button{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-weight:600;gap:.5rem;justify-content:center;min-width:120px;padding:.75rem 1rem;transition:all .3s ease}.payment-details-button:hover{background:#2563eb;transform:translateY(-2px)}.whatsapp-button{align-items:center;background:#25d366;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-weight:600;gap:.5rem;justify-content:center;min-width:120px;padding:.75rem 1rem;transition:all .3s ease}.whatsapp-button:hover{background:#128c7e;transform:translateY(-2px)}.copy-id-button{align-items:center;background:#6b7280;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-weight:600;gap:.5rem;justify-content:center;min-width:120px;padding:.75rem 1rem;transition:all .3s ease}.copy-id-button:hover{background:#4b5563}@media (max-width:768px){.payment-alert{gap:1rem}.payment-alert,.payment-alert-content{flex-direction:column;text-align:center}.order-actions,.table-actions{flex-direction:column}.copy-id-button,.pay-now-button,.payment-details-button,.whatsapp-button{width:100%}}.description-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.description-popup{animation:popupFadeIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:800px;width:90%}@keyframes popupFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.popup-header{background:linear-gradient(135deg,#6a11cb,#2575fc);border-bottom:1px solid #eaeaea;border-radius:12px 12px 0 0;color:#fff;padding:20px 25px}.popup-header h3{font-size:1.4rem;font-weight:600;margin:0}.popup-close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:28px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.popup-close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.popup-content{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:25px}.description-content{word-wrap:break-word;background:#f8f9fa;border-left:4px solid #6a11cb;border-radius:8px;flex:1 1;font-size:16px;line-height:1.6;margin-bottom:20px;max-height:50vh;overflow-y:auto;padding:20px;white-space:pre-wrap}.copy-description-btn{align-items:center;background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.copy-description-btn:hover{background:#218838;transform:translateY(-2px)}.close-popup-btn{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:10px 25px;transition:all .2s ease}.close-popup-btn:hover{background:#5a6268;transform:translateY(-2px)}.clickable-description{cursor:pointer;position:relative;transition:all .2s ease}.clickable-description:hover{color:#2575fc}.description-content-wrapper{display:flex;flex-direction:column;gap:4px}@media (max-width:768px){.description-popup{max-height:85vh;width:95%}.popup-header{padding:15px 20px}.popup-header h3{font-size:1.2rem}.popup-content{padding:20px}.description-content{font-size:15px;padding:15px}.description-actions{flex-direction:column}.close-popup-btn,.copy-description-btn{justify-content:center;width:100%}}.edit-description-section{display:flex;flex-direction:column;gap:15px}.edit-description-textarea{background:#f8f9ff;border:2px solid #4a6cf7;border-radius:8px;font-family:inherit;font-size:16px;line-height:1.5;min-height:200px;padding:15px;resize:vertical;width:100%}.edit-description-textarea:focus{border-color:#6a11cb;box-shadow:0 0 0 3px #6a11cb1a;outline:none}.edit-description-textarea:disabled{background:#f5f5f5;cursor:not-allowed}.edit-notes{background:#fff8e1;border-left:4px solid #ffb300;border-radius:4px;font-size:14px;padding:12px 15px}.edit-notes p{font-weight:600;margin:0 0 8px}.edit-notes ul{margin:0;padding-left:20px}.edit-notes li{margin-bottom:4px}.edit-description-btn{align-items:center;background:#4a6cf7;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.edit-description-btn:hover{background:#3a5ce5;transform:translateY(-2px)}.save-description-btn{align-items:center;background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.save-description-btn:hover:not(:disabled){background:#218838;transform:translateY(-2px)}.save-description-btn:disabled{background:#6c757d;cursor:not-allowed;opacity:.7}.cancel-edit-btn{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s ease}.cancel-edit-btn:hover:not(:disabled){background:#5a6268;transform:translateY(-2px)}.edit-badge{background:#ffb300;color:#333;font-size:12px;font-weight:600;margin-left:10px;padding:3px 8px}.edit-badge,.last-updated-badge{border-radius:4px;vertical-align:middle}.last-updated-badge{background:#4a6cf71a;border:1px solid #4a6cf733;color:#4a6cf7;font-weight:500;margin-left:8px}.no-description{color:#999}.description-cell .description-content-wrapper{position:relative}.view-full-text{white-space:nowrap}.clickable-description:hover{background-color:#f0f8ff!important}.clickable-description:hover:after{content:"👁️";font-size:14px;position:absolute;right:5px;top:50%;transform:translateY(-50%)}.popup-header{align-items:center;display:flex;justify-content:space-between}.description-actions{border-top:1px solid #eaeaea;display:flex;gap:12px;justify-content:flex-end;padding-top:20px}.orders-table td.clickable-description{max-width:200px;min-width:150px}@media (max-width:768px){.description-actions{flex-direction:column}.cancel-edit-btn,.close-popup-btn,.copy-description-btn,.edit-description-btn,.save-description-btn{justify-content:center;width:100%}}.status-escalated{background-color:#ff6b6b;font-weight:500}.payment-pending-review{background-color:#ffa502;border-radius:4px;color:#fff;font-size:12px;font-weight:500;padding:4px 8px}.escalated-badge{margin-left:5px;vertical-align:middle}.escalation-reason-badge{background:#ff6b6b15;border:1px solid #ff6b6b30;color:#ff6b6b;margin-top:3px}.escalate-btn:hover{background:linear-gradient(135deg,#ff4757,#ff3838);box-shadow:0 2px 8px #ff6b6b4d;transform:translateY(-1px)}@media (max-width:768px){.completed-actions{align-items:stretch;flex-direction:column}.escalate-btn{justify-content:center;width:100%}.file-name{max-width:80px}}.description-link{color:inherit;cursor:pointer;display:block;text-decoration:none}.description-link:hover .description-content-wrapper{background-color:#f8f9fa;border-color:#dee2e6}.description-cell{max-width:250px}.description-content-wrapper{border:1px solid #0000;border-radius:6px;cursor:pointer;padding:8px 12px;transition:all .2s}.view-full-text{color:#6c757d;font-size:11px;font-style:italic;margin-left:5px}.last-updated-badge{background:#e9ecef;border-radius:10px;color:#495057;display:inline-block;font-size:10px;margin-left:5px;padding:2px 6px}.escalation-reason-badge{background:#f8d7da;border-radius:10px;color:#721c24;margin-left:5px}.no-description{color:#6c757d;font-style:italic}.view-details-btn{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:12px;font-weight:500;padding:6px 12px;text-decoration:none;transition:background .3s}.view-details-btn:hover{background:#0056b3;color:#fff;text-decoration:none}.escalate-btn{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ff4757);border:none;border-radius:4px;box-shadow:0 2px 4px #ff6b6b4d;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;padding:6px 12px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.escalate-btn:hover:not(:disabled){background:linear-gradient(135deg,#ff4757,#ff3838);box-shadow:0 4px 8px #ff6b6b66;transform:translateY(-2px)}.escalate-btn:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;opacity:.6}.escalated-badge{animation:pulse 2s infinite;background:#ff6b6b;border-radius:3px;color:#fff;display:inline-block;font-size:10px;font-weight:700;margin-left:8px;padding:2px 6px}@keyframes pulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.escalation-reason-badge{background:#ffa502;border-radius:3px;color:#333;display:inline-block;font-size:10px;font-weight:700;margin-left:8px;padding:2px 6px}.status-escalated{background:linear-gradient(135deg,#ff6b6b,#ff4757);border-radius:4px;color:#fff;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.completed-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.tutor-id-badge{background:#4ecdc4;border-radius:4px;color:#fff;font-size:12px;font-weight:500;padding:4px 8px}.completed-files-list{display:flex;flex-direction:column;gap:4px}.file-chip{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;display:flex;font-size:12px;gap:6px;padding:4px 8px}.file-icon{color:#6c757d}.file-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.more-files{color:#6c757d;font-size:11px;font-style:italic}.no-files,.no-files-available{color:#6c757d;font-size:12px;font-style:italic}.protection-note{color:#6c757d;font-size:11px;margin-top:4px}.completed-notes{background:#f8f9fa;border-left:4px solid #4ecdc4;border-radius:8px;margin-top:20px;padding:15px}.completed-notes p{color:#495057;font-size:13px;margin:5px 0}.completed-notes p strong{color:#212529}.availability-status{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.availability-status.open{background:#d1fae5;color:#065f46}.availability-status.closed{background:#fee2e2;color:#991b1b}.available-badge{background:#10b981;border-radius:3px;color:#fff;display:inline-block;font-size:10px;font-weight:700;margin-left:8px;padding:2px 6px}.admin-control-notice{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;box-shadow:0 4px 12px #6366f133;color:#fff;margin:1.5rem 0;padding:1rem 1.5rem}.notice-content{align-items:center;display:flex;gap:1rem}.notice-icon{flex-shrink:0;font-size:2rem}.notice-content div{flex:1 1}.notice-content strong{display:block;font-size:1.1rem;margin-bottom:.25rem}.notice-content small{font-size:.9rem;opacity:.9}.admin-control-label{color:#6b7280;font-size:.9rem;font-weight:400;margin-left:10px}.pending-release-btn{background:#9ca3af;border:none;border-radius:4px;color:#fff;cursor:not-allowed;font-size:12px;font-weight:500;opacity:.7;padding:6px 12px}.table-actions{gap:8px}.download-btn,.table-actions{align-items:center;display:flex}.download-btn{background:#10b981;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;gap:4px;padding:6px 12px;text-decoration:none;transition:all .3s ease}.download-btn:hover{background:#0da271;color:#fff;text-decoration:none;transform:translateY(-1px)}.active-tab{background:#f8fafc;border-color:#4f46e5;box-shadow:0 4px 12px #4f46e526}.completed-orders-container{margin-top:2rem}.completed-orders-container h3{color:#1f2937;font-size:1.5rem;margin-bottom:1rem}@media (max-width:768px){.completed-actions{align-items:stretch;flex-direction:column}.download-btn,.escalate-btn,.view-details-btn{justify-content:center;width:100%}.file-name{max-width:80px}.notice-content{flex-direction:column;text-align:center}.table-actions{align-items:stretch;flex-direction:column}.download-btn,.pay-now-btn,.view-details-btn{justify-content:center;width:100%}}@keyframes escalatePulse{0%{box-shadow:0 0 0 0 #ff6b6bb3}70%{box-shadow:0 0 0 10px #ff6b6b00}to{box-shadow:0 0 0 0 #ff6b6b00}}.escalated-badge{animation:pulse 2s infinite,escalatePulse 2s infinite}.escalate-btn:disabled{position:relative}.escalate-btn:disabled:after{animation:spin 1s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:#0000;content:"";height:16px;position:absolute;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.deadline-display{align-items:center;display:flex;gap:8px}.edit-deadline-btn{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:14px;padding:4px}.edit-deadline-btn:hover{background-color:#f0f0f0;color:#333}.deadline-edit-container{display:flex;flex-direction:column;gap:8px}.deadline-input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:6px 10px}.deadline-edit-buttons{display:flex;gap:8px}.save-deadline-btn{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px}.save-deadline-btn:hover{background-color:#45a049}.cancel-deadline-btn{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px}.cancel-deadline-btn:hover{background-color:#da190b}.rating-stars{align-items:center;display:flex;gap:2px}.star{color:#ddd;font-size:20px;transition:color .2s}.star.filled{color:gold}.interactive-rating .clickable-star{cursor:pointer;transition:transform .2s}.interactive-rating .clickable-star:hover{color:#ffc107;transform:scale(1.2)}.rating-display{align-items:center;display:flex;gap:8px}.rating-value{color:#666;font-size:12px;font-weight:500}.rate-tutor-btn{align-items:center;background-color:#ff9800;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:6px 12px}.rate-tutor-btn:hover{background-color:#f57c00}.rating-edit-container{align-items:flex-start;display:flex;flex-direction:column;gap:8px}.submit-rating-btn{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;margin-left:10px;padding:4px 8px}.submit-rating-btn:hover{background-color:#45a049}.cancel-rating-btn{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;margin-top:4px;padding:4px 8px}.cancel-rating-btn:hover{background-color:#da190b}.rating-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.rating-modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #0003;max-width:400px;padding:24px;width:90%}.rating-modal h3{color:#333;margin-bottom:8px}.rating-modal p{color:#666;font-size:14px;margin-bottom:20px}.rating-modal-stars{display:flex;justify-content:center;margin-bottom:20px}.rating-modal-buttons{display:flex;gap:10px;justify-content:flex-end}.cancel-modal-btn{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.cancel-modal-btn:hover{background-color:#da190b}.orders-table td:nth-child(7),.orders-table th:nth-child(7){min-width:180px}.orders-table td:nth-child(8),.orders-table th:nth-child(8){min-width:150px}@media (max-width:1200px){.deadline-edit-container{flex-direction:column}.deadline-edit-buttons{flex-wrap:wrap}}@media (max-width:768px){.rating-stars{flex-wrap:wrap}.rating-display{align-items:flex-start;flex-direction:column}}.payment-container{margin:0 auto;max-width:1000px;padding:2rem 1rem}.payment-header{margin-bottom:2rem;text-align:center}.payment-header h1{color:#333;font-size:2.5rem;margin-bottom:.5rem}.subtitle{color:#666;font-size:1.1rem}.order-alert{align-items:center;background:#e8f4ff;border:1px solid #4dabf7;border-radius:10px;display:inline-flex;margin-top:1.5rem;padding:1rem 1.5rem}.alert-icon{font-size:1.5rem;margin-right:1rem}.calculator-card{background:#fff;border:2px solid #4f46e5;border-radius:12px;box-shadow:0 4px 12px #00000014;margin-bottom:2rem;padding:1.5rem}.calculator-card h2{color:#333;margin-bottom:1.5rem}.calculator-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.price-breakdown{background:#f8f9fa;border-radius:8px;padding:1.5rem}.price-item{border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:.5rem 0}.price-item.total{border-bottom:none;border-top:2px solid #4f46e5;font-size:1.2rem;font-weight:600;margin-top:.5rem;padding-top:1rem}.total-amount{color:#4f46e5;font-weight:700}.partial-payment{padding:.5rem}.percentage-buttons{display:flex;gap:.5rem;margin:1rem 0}.percent-btn{background:#fff;border:2px solid #ddd;border-radius:8px;cursor:pointer;flex:1 1;font-weight:600;padding:.75rem;transition:all .3s ease}.percent-btn.active{background:#4f46e5;border-color:#4f46e5;color:#fff}.percent-btn:hover:not(.active){background:#f8f9ff;border-color:#4f46e5}.selected-amount{background:#f8f9ff;border-radius:8px;margin-top:1rem;padding:1.5rem}.amount-display{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.amount{color:#4f46e5;font-size:1.5rem;font-weight:700}.progress-bar{background:#e9ecef;border-radius:4px;height:8px;margin:1rem 0;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#4f46e5,#8b5cf6);height:100%;transition:width .3s ease}.progress-label{color:#666;display:flex;font-size:.9rem;justify-content:space-between}.payment-methods{margin-bottom:2rem}.payment-methods h2{color:#333;margin-bottom:.5rem}.method-subtitle{color:#666;margin-bottom:1.5rem}.method-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 12px #00000014;margin-bottom:1.5rem;padding:1.5rem}.method-card.primary-method{background:linear-gradient(to bottom right,#f8f9ff,#fff);border:2px solid #4f46e5}.method-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.method-icon{font-size:2rem}.method-header h3{color:#333;margin:0}.method-sub{color:#666;font-size:.9rem;margin:0}.method-badge{background:#4f46e5;border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;margin-left:auto;padding:.3rem .8rem}.bank-details-section,.mpesa-instructions,.recipient-info,.wise-details{margin-bottom:1.5rem}.bank-details-grid,.info-grid,.wise-info{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:1.5rem}.detail-item,.info-item,.wise-item{align-items:flex-start;display:flex;margin-bottom:.75rem}.detail-label,.info-label,.wise-label{color:#666;flex-shrink:0;font-size:.9rem;font-weight:600;width:180px}.detail-value,.info-value,.wise-value{color:#333;flex:1 1;word-break:break-word}.detail-value-container,.wise-value-container{align-items:center;display:flex;flex:1 1;gap:.5rem}.detail-value.highlight{background:#fff3cd;border:1px solid #ffecb5;border-radius:6px;color:#856404;font-weight:600;padding:.5rem}.copy-btn{background:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:.25rem .5rem;transition:background .3s ease}.copy-btn:hover{background:#545b62}.remitly-options{margin:1.5rem 0}.option-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.option-card{align-items:center;background:#fff;border:2px solid #0000;border-radius:8px;color:inherit;display:flex;gap:1rem;padding:1.2rem;text-decoration:none;transition:all .3s ease}.option-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.mpesa-option{border-color:#25d366}.mpesa-option:hover{background:#f0fdf4}.bank-option{border-color:#4f46e5}.bank-option:hover{background:#f8f9ff}.card-option{border-color:#f59e0b}.card-option:hover{background:#fffbeb}.option-icon{font-size:1.8rem}.option-card strong{color:#333;display:block}.option-card small{color:#666;font-size:.85rem}.arrow{color:#4f46e5;font-size:1.2rem;margin-left:auto}.wise-button{align-items:center;background:linear-gradient(135deg,#00b9ff,#0095ff);border-radius:8px;color:#fff;display:flex;font-weight:600;justify-content:space-between;margin-top:1rem;padding:1rem 1.5rem;text-decoration:none;transition:all .3s ease}.wise-button:hover{box-shadow:0 4px 12px #0095ff4d;transform:translateY(-2px)}.mpesa-steps{flex-direction:column}.mpesa-steps,.step{display:flex;gap:1rem}.step{align-items:center;background:#f8f9fa;border-left:4px solid #25d366;border-radius:8px;padding:.8rem}.step-number{align-items:center;background:#25d366;border-radius:50%;color:#fff;display:flex;font-size:.9rem;font-weight:600;height:24px;justify-content:center;width:24px}.confirmation-section{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;margin:2rem 0;padding:2rem}.confirmation-section h3{color:#333;margin-bottom:1.5rem;text-align:center}.confirmation-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.confirmation-method{background:#f8f9fa;border-radius:8px;display:flex;gap:1.5rem;padding:1.5rem}.confirmation-icon{flex-shrink:0;font-size:2rem}.email-confirm-btn,.whatsapp-confirm-btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-weight:600;margin-top:1rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.whatsapp-confirm-btn{background:#25d366;color:#fff}.whatsapp-confirm-btn:hover{background:#128c7e;transform:translateY(-2px)}.email-confirm-btn{background:#4f46e5;color:#fff}.email-confirm-btn:hover{background:#4338ca;transform:translateY(-2px)}.important-section{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;margin:2rem 0;padding:2rem}.important-section h3{color:#333;margin-bottom:1.5rem;text-align:center}.notes-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.note-item{background:#f8f9fa;border-left:4px solid #4f46e5;border-radius:8px;display:flex;gap:1rem;padding:1.2rem}.note-icon{flex-shrink:0;font-size:1.5rem}.note-item strong{color:#333;display:block;margin-bottom:.5rem}.note-item p{color:#666;font-size:.9rem;line-height:1.4;margin:0}.action-buttons{border-top:1px solid #e9ecef;display:flex;gap:1rem;justify-content:center;margin-top:2rem;padding-top:2rem}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem 1.8rem;transition:all .3s ease}.btn-primary{background:#4f46e5;color:#fff}.btn-primary:hover{background:#4338ca;box-shadow:0 4px 12px #4f46e54d;transform:translateY(-2px)}.btn-secondary{background:#fff;border:1px solid #4f46e5;color:#4f46e5}.btn-secondary:hover,.instructions{background:#f8f9ff}.instructions{border-radius:8px;margin-top:1.5rem;padding:1.5rem}.instructions h4{color:#4f46e5;margin-bottom:1rem}.instructions ol{margin:0;padding-left:1.2rem}.instructions li{color:#555;margin-bottom:.5rem}@media (max-width:768px){.payment-container{padding:1rem}.payment-header h1{font-size:2rem}.calculator-content,.confirmation-content,.option-cards{grid-template-columns:1fr}.action-buttons{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.detail-item,.info-item,.wise-item{flex-direction:column;gap:.25rem}.detail-label,.info-label,.wise-label{width:100%}}#root,body,html{height:100%;margin:0}.app-shell{display:flex;flex-direction:column;min-height:100%}.page-content{background:#0000!important;display:flex;flex:1 1;flex-direction:column}
/*# sourceMappingURL=main.6c1bdb2f.css.map*/