@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Poppins:wght@400;500;600;700;800&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;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}.animated-logo-container{align-items:center;animation:logoFadeIn .8s ease-out forwards;display:flex;flex-direction:column;gap:30px;justify-content:center;opacity:0;padding:40px;transform:scale(.8)}.animated-logo-container.loaded{opacity:1;transform:scale(1)}@keyframes logoFadeIn{to{opacity:1;transform:scale(1)}}.logo-wrapper{align-items:center;display:flex;height:280px;justify-content:center;position:relative;width:280px}.animated-logo-container.small .logo-wrapper{height:130px;width:130px}.animated-logo-container.medium .logo-wrapper{height:200px;width:200px}.logo-ring{animation:rotateRing 3s linear infinite;border-color:#667eea #764ba2 #0000 #0000;border-radius:50%;border-style:solid;border-width:3px;position:absolute}.ring-1{animation-duration:3s;height:100%;width:100%}.ring-2{animation-direction:reverse;animation-duration:2.5s;border-right-color:#667eea;border-top-color:#764ba2;height:85%;width:85%}.ring-3{animation-duration:2s;border-right-color:#764ba2;border-top-color:#667eea;height:70%;opacity:.6;width:70%}@keyframes rotateRing{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.logo-image-wrapper{align-items:center;animation:logoPulse 2s ease-in-out infinite;background:#0000;border-radius:50%;box-shadow:0 10px 40px #667eea4d;display:flex;height:75%;justify-content:center;position:relative;width:75%;z-index:10}.logo-image{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));height:100%;object-fit:contain;width:100%}.logo-fallback{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.p2d-text{-webkit-text-fill-color:#0000;animation:bounce 1s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:4.5rem;font-weight:900;letter-spacing:3px}@keyframes logoPulse{0%,to{box-shadow:0 10px 40px #667eea4d;transform:scale(1)}50%{box-shadow:0 15px 50px #667eea80;transform:scale(1.05)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.floating-report{align-items:center;animation:deliverReport 4s ease-in-out infinite;display:flex;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));gap:5px;opacity:0;position:absolute}.report-icon{display:none}.delivery-check{align-items:center;animation:checkPop 4s ease-in-out infinite;background:#fff;border-radius:50%;box-shadow:0 2px 6px #4caf5066;color:#4caf50;display:flex;font-size:1.2rem;font-weight:700;height:24px;justify-content:center;opacity:0;width:24px}.report-1{left:50%;top:-10%}.report-1,.report-1 .delivery-check{animation-delay:0s}.report-2{right:-10%;top:50%}.report-2,.report-2 .delivery-check{animation-delay:1s}.report-3{bottom:-10%;left:50%}.report-3,.report-3 .delivery-check{animation-delay:2s}.report-4{left:-10%;top:50%}.report-4,.report-4 .delivery-check{animation-delay:3s}@keyframes deliverReport{0%{opacity:0;transform:translate(-50%,-50%) scale(.5) rotate(-10deg)}15%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0deg)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1) rotate(5deg)}85%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0deg)}to{opacity:0;transform:translate(-50%,-50%) scale(.5) rotate(10deg)}}@keyframes checkPop{0%,40%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.3)}60%{transform:scale(.9)}70%{transform:scale(1)}85%,to{opacity:0;transform:scale(0)}}.logo-text{animation:textSlideUp .8s ease-out .3s forwards;opacity:0;text-align:center;transform:translateY(20px)}@keyframes textSlideUp{to{opacity:1;transform:translateY(0)}}.logo-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;letter-spacing:-1px;margin:0 0 10px}.logo-subtitle{color:#7f8c8d;font-weight:500;margin:0}.animated-logo-container.small .logo-title,.logo-subtitle{font-size:1.2rem}.animated-logo-container.small .logo-subtitle{font-size:.9rem}.animated-logo-container.medium .logo-title{font-size:1.8rem}.animated-logo-container.medium .logo-subtitle{font-size:1rem}@media (max-width:768px){.logo-wrapper{height:150px;width:150px}.logo-title{font-size:2rem}.logo-subtitle{font-size:1rem}}@media (max-width:480px){.logo-wrapper{height:120px;width:120px}.logo-title{font-size:1.5rem}.logo-subtitle{font-size:.9rem}}.app-footer{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;margin-top:auto}.footer-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:2fr 1fr 1fr 1fr;margin:0 auto;max-width:1200px;padding:50px 30px 30px}.footer-section h3{color:#fff;font-size:1.5rem;margin:0 0 15px}.footer-section h4{color:#ecf0f1;font-size:1.1rem;margin:0 0 15px}.footer-section p{color:#bdc3c7;line-height:1.6;margin:8px 0}.footer-brand{color:#667eea!important;font-size:.95rem;font-weight:600;margin:5px 0 15px!important}.footer-contact{display:flex;flex-direction:column;gap:12px;margin-top:20px}.footer-contact-item{align-items:center;color:#ecf0f1;display:flex;font-size:.95rem;gap:10px}.footer-contact-item svg{color:#667eea;font-size:1.1rem}.footer-contact-item a{color:#ecf0f1;text-decoration:none;transition:color .3s}.footer-contact-item a:hover{color:#667eea}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin:10px 0}.footer-links a{color:#bdc3c7;display:inline-block;text-decoration:none;transition:all .3s}.footer-links a:hover{color:#667eea;transform:translateX(5px)}.footer-note{color:#95a5a6!important;font-size:.9rem;font-style:italic}.footer-bottom{border-top:1px solid #ffffff1a;padding:20px 30px;text-align:center}.footer-bottom p{color:#95a5a6;font-size:.9rem;margin:0}@media (max-width:968px){.footer-content{gap:30px;grid-template-columns:1fr 1fr;padding:40px 20px 20px}}@media (max-width:576px){.footer-content{gap:30px;grid-template-columns:1fr;padding:30px 20px 20px}.footer-section{text-align:center}.footer-contact{align-items:center}.footer-links{text-align:center}}.auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px}.auth-card{animation:slideUp .5s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:450px;padding:40px;width:100%}.signup-card{max-width:600px}.auth-header{align-items:center;display:flex;flex-direction:column;gap:15px;margin-bottom:30px;text-align:center}.auth-header .logo-container,.auth-header h1{margin-bottom:10px}.auth-header h1{color:#667eea;font-size:2.5rem}.auth-header h2{color:#2c3e50;font-size:1.8rem;margin:0}.auth-header p{color:#666;font-size:1rem;margin:0}.auth-form{margin-top:30px}.form-group{margin-bottom:20px}.form-row{grid-gap:15px;gap:15px}.form-group label{font-weight:500}.form-group input,.form-group select{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:12px 15px;transition:all .3s;width:100%}.form-group input:focus,.form-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-footer{display:flex;justify-content:flex-end;margin-bottom:20px}.forgot-link{color:#667eea;font-size:.9rem;font-weight:500;text-decoration:none}.forgot-link:hover{text-decoration:underline}.btn-primary{margin-top:10px;transition:transform .2s,box-shadow .2s;width:100%}.btn-primary:hover:not(:disabled){box-shadow:0 10px 25px #667eea4d;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.auth-switch{border-top:1px solid #e0e0e0;margin-top:25px;padding-top:25px;text-align:center}.auth-switch p{color:#666;font-size:.95rem}.auth-switch a{color:#667eea;font-weight:600;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.error-message{background-color:#fee;border-left:4px solid #c33;border-radius:8px;color:#c33;margin-bottom:20px}.error-message,.success-message{font-size:.95rem;padding:12px 15px}.success-message{background-color:#efe;border-left:4px solid #2a7;color:#2a7}.terms-checkbox{align-items:flex-start;display:flex;gap:10px;margin:20px 0}.terms-checkbox input[type=checkbox]{cursor:pointer;height:18px;margin-top:3px;width:18px}.terms-checkbox label{color:#666;cursor:pointer;font-size:14px;line-height:1.5}.terms-link{color:#667eea;cursor:pointer;font-weight:500;text-decoration:underline}.terms-link:hover{color:#764ba2}@media (max-width:768px){.auth-container{align-items:flex-start;padding:20px 10px 10px}.auth-card{padding:30px 20px}.auth-header{margin-bottom:20px}.auth-header h1{font-size:2rem}.auth-header h2{font-size:1.5rem}.form-row{grid-template-columns:1fr}.signup-card{max-width:100%}.logo-container{margin-bottom:20px}}.terms-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.terms-modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:700px;width:100%}.terms-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:24px}.terms-header h2{color:#333;font-size:24px;margin:0}.close-btn{align-items:center;color:#666;display:flex;font-size:32px;height:32px;justify-content:center;padding:0;transition:color .2s;width:32px}.close-btn:hover{color:#333}.terms-content{flex:1 1;overflow-y:auto;padding:24px}.terms-content h3{color:#2563eb;margin-bottom:20px;margin-top:0}.terms-content section{margin-bottom:24px}.terms-content h4{color:#333;font-size:16px;margin-bottom:12px}.terms-content p{color:#666;line-height:1.6;margin:0 0 12px}.terms-content ul{color:#666;line-height:1.8;margin:0;padding-left:24px}.terms-content li{margin-bottom:8px}.terms-content strong{color:#333;font-weight:600}.terms-footer{border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.terms-footer button{border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s}.btn-secondary{border:1px solid #d1d5db}@media (max-width:768px){.terms-modal-overlay{padding:10px}.terms-modal{max-height:95vh}.terms-header{padding:16px}.terms-header h2{font-size:20px}.terms-content{padding:16px}.terms-footer{flex-direction:column;padding:16px}.terms-footer button{width:100%}}.deadline-banner{align-items:center;animation:slideIn .5s ease-out;border-left:5px solid;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;gap:20px;margin-bottom:25px;padding:20px 25px}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.deadline-banner.normal{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-left-color:#4caf50}.deadline-banner.warning{animation:pulseWarning 2s ease-in-out infinite;background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-left-color:#ff9800}.deadline-banner.critical{animation:pulseCritical 1s ease-in-out infinite;background:linear-gradient(135deg,#ffebee,#ffcdd2);border-left-color:#f44336}.deadline-banner.expired{background:linear-gradient(135deg,#f5f5f5,#e0e0e0);border-left-color:#9e9e9e;opacity:.9}@keyframes pulseWarning{0%,to{box-shadow:0 4px 12px #ff980033}50%{box-shadow:0 6px 20px #ff980066}}@keyframes pulseCritical{0%,to{box-shadow:0 4px 12px #f443364d}50%{box-shadow:0 8px 24px #f4433699}}.deadline-icon{flex-shrink:0;font-size:2.5rem}.deadline-banner.normal .deadline-icon{color:#4caf50}.deadline-banner.warning .deadline-icon{animation:shake .5s ease-in-out infinite;color:#ff9800}.deadline-banner.critical .deadline-icon{animation:shake .3s ease-in-out infinite;color:#f44336}.deadline-banner.expired .deadline-icon{color:#9e9e9e}@keyframes shake{0%,to{transform:rotate(0deg)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.deadline-content{flex:1 1}.deadline-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:12px}.deadline-header h3{color:#2c3e50;font-size:1.3rem;font-weight:700;margin:0}.deadline-college{background:#fffc;border-radius:20px;color:#555;font-size:.85rem;font-weight:600;padding:4px 12px}.deadline-details{align-items:center;display:flex;flex-wrap:wrap;gap:25px}.deadline-date{color:#555;font-size:1rem}.deadline-date strong{color:#2c3e50}.deadline-countdown{align-items:baseline;background:#ffffffe6;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;gap:8px;padding:8px 16px}.days-number{color:#667eea;font-size:2rem;font-weight:800}.deadline-banner.warning .days-number{color:#ff9800}.deadline-banner.critical .days-number{color:#f44336}.days-label{color:#666;font-size:.9rem;font-weight:600}.deadline-expired-message{align-items:center;background:#ffffffe6;border-radius:8px;color:#9e9e9e;display:flex;font-weight:600;gap:10px;padding:8px 16px}.deadline-notes{background:#ffffffb3;border-radius:6px;color:#666;font-size:.9rem;margin-top:10px;padding:10px}.deadline-action{flex-shrink:0}.btn-upload-now{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s}.btn-upload-now:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}@media (max-width:768px){.deadline-banner{flex-direction:column;text-align:center}.deadline-header{flex-direction:column;gap:8px}.deadline-details{flex-direction:column;gap:15px}.btn-upload-now,.deadline-action{width:100%}}.onboarding-overlay{align-items:center;animation:fadeIn .3s ease;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1001}.onboarding-modal{animation:slideUp .4s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:900px;position:relative;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.skip-btn{background:none;border:none;border-radius:6px;color:#666;cursor:pointer;font-size:14px;padding:8px 16px;position:absolute;right:20px;top:20px;transition:all .2s;z-index:10}.skip-btn:hover{background:#f3f4f6;color:#333}.onboarding-content{flex:1 1;overflow-y:auto;padding:60px 40px 40px;text-align:center}.onboarding-content h2{color:#1f2937;font-size:32px;margin:0 0 12px}.subtitle{color:#6b7280;font-size:18px}.features-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:32px}.feature-card{background:#f9fafb;border-radius:12px;padding:24px;transition:all .3s}.feature-card:hover{background:#f3f4f6;box-shadow:0 8px 16px #0000001a;transform:translateY(-4px)}.feature-icon{font-size:48px;margin-bottom:16px}.feature-card h3{color:#1f2937;font-size:18px;margin:0 0 8px}.feature-card p{color:#6b7280;font-size:14px;line-height:1.6;margin:0}.onboarding-footer{align-items:center;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px 40px}.dots{display:flex;gap:8px}.dot{background:#d1d5db;border-radius:50%;cursor:pointer;height:10px;transition:all .3s;width:10px}.dot.active{background:#2563eb;border-radius:5px;width:24px}.navigation-buttons{display:flex;gap:12px}.navigation-buttons button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 32px;transition:all .2s}.btn-secondary{background:#f3f4f6;color:#374151}.btn-secondary:hover{background:#e5e7eb}.btn-primary{background:#2563eb}.btn-primary:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb4d;transform:translateY(-1px)}@media (max-width:768px){.onboarding-modal{max-height:95vh}.onboarding-content{padding:50px 20px 20px}.onboarding-content h2{font-size:24px}.subtitle{font-size:16px;margin-bottom:24px}.features-grid{gap:16px;grid-template-columns:1fr}.feature-card{padding:20px}.feature-icon{font-size:40px}.onboarding-footer{flex-direction:column;gap:16px;padding:16px 20px}.navigation-buttons{flex-direction:column;width:100%}.navigation-buttons button{width:100%}}.dashboard-container{background-color:#f5f7fa;display:flex;min-height:100vh}.deadline-section{margin-bottom:30px}.upload-action-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 8px 24px #667eea4d;color:#fff;margin-top:20px;padding:30px;text-align:center}.upload-action-section h3{font-size:1.5rem;font-weight:700;margin:0 0 10px}.upload-action-section p{font-size:1rem;margin:0 0 20px;opacity:.95}.btn-upload-large{align-items:center;background:#fff;border:none;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#667eea;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:700;gap:12px;padding:16px 40px;text-decoration:none;transition:all .3s}.btn-upload-large:hover{box-shadow:0 6px 20px #00000040;transform:translateY(-2px)}.deadline-expired-notice{background:linear-gradient(135deg,#f5f5f5,#e0e0e0);border:2px solid #ddd;border-radius:12px;color:#666;margin-top:20px;padding:30px;text-align:center}.deadline-expired-notice svg{color:#999;font-size:3rem;margin-bottom:15px}.deadline-expired-notice h3{color:#555;font-size:1.5rem;margin:0 0 10px}.deadline-expired-notice p{color:#777;font-size:1rem;margin:0}.sidebar{background:linear-gradient(180deg,#2c3e50,#34495e);box-shadow:2px 0 10px #0000001a;color:#fff;display:flex;flex-direction:column;height:100vh;position:fixed;width:260px;z-index:100}.sidebar-header{border-bottom:1px solid #ffffff1a;padding:25px 20px}.sidebar-header h2{font-size:1.5rem;font-weight:600;margin:0}.sidebar-nav{flex:1 1;padding:20px 0}.nav-item{align-items:center;border-left:3px solid #0000;color:#fffc;display:flex;font-weight:500;gap:12px;padding:14px 20px;text-decoration:none;transition:all .3s}.nav-item:hover{background-color:#ffffff1a;color:#fff}.nav-item.active{background-color:#667eea33;border-left-color:#667eea;color:#fff}.nav-item svg{font-size:1.2rem}.logout-btn{align-items:center;background-color:#e74c3c33;border:1px solid #e74c3c80;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:10px;justify-content:center;margin:20px;padding:12px;transition:all .3s}.logout-btn:hover{background-color:#e74c3c;border-color:#e74c3c}.dashboard-main{flex:1 1;margin-left:260px;padding:30px}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.dashboard-header h1{color:#2c3e50;font-size:2rem;margin-bottom:5px}.dashboard-header p{color:#7f8c8d;font-size:1rem}.btn-upload{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;display:flex;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:transform .2s}.btn-upload:hover{box-shadow:0 5px 15px #667eea4d;transform:translateY(-2px)}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:40px}.stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;display:flex;gap:20px;padding:25px;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:0 5px 20px #0000001a;transform:translateY(-5px)}.stat-icon{align-items:center;border-radius:12px;display:flex;font-size:1.8rem;height:60px;justify-content:center;width:60px}.stat-icon.total{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stat-icon.pending{background:linear-gradient(135deg,#f39c12,#f1c40f);color:#fff}.stat-icon.completed{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff}.stat-icon.paid{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.stat-info h3{color:#2c3e50;font-size:2rem;margin:0 0 5px}.stat-info p{color:#7f8c8d;font-size:.95rem;margin:0}.projects-section{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:30px}.projects-section h2{color:#2c3e50;font-size:1.5rem;margin:0 0 25px}.empty-state{color:#95a5a6;padding:60px 20px}.empty-state svg{font-size:4rem;margin-bottom:20px;opacity:.3}.empty-state h3{color:#7f8c8d;margin:0 0 10px}.empty-state p{margin:0 0 25px}.empty-state .btn-primary{padding:12px 30px}.projects-list{grid-gap:20px;display:grid;gap:20px}.project-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:20px;transition:all .3s}.project-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-2px)}.project-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.project-header h3{color:#2c3e50;font-size:1.2rem;margin:0}.status-icon{font-size:1.5rem}.status-icon.success{color:#2ecc71}.status-icon.warning{color:#f39c12}.status-icon.error{color:#e74c3c}.project-details{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:20px}.detail-item{display:flex;flex-direction:column;gap:5px}.detail-item .label{color:#7f8c8d;font-size:.85rem;font-weight:500}.detail-item .value{color:#2c3e50;font-size:1rem;font-weight:600}.badge.completed{background-color:#d4edda;color:#155724}.badge.paid{background-color:#d1ecf1;color:#0c5460}.project-actions{display:flex;gap:10px}.btn-secondary{padding:10px}.project-actions .btn-primary{background:linear-gradient(135deg,#2ecc71,#27ae60);border:none;border-radius:8px;color:#fff;flex:1 1;font-weight:600;padding:10px;text-align:center;text-decoration:none;transition:all .3s}.project-actions .btn-primary:hover{box-shadow:0 5px 15px #2ecc714d;transform:translateY(-2px)}@media (max-width:768px){.dashboard-container{flex-direction:column;padding-bottom:70px}.sidebar{bottom:0;box-shadow:0 -2px 10px #0000001a;flex-direction:row;height:auto;left:0;padding:0;position:fixed;right:0;width:100%;z-index:1000}.sidebar-header{display:none}.sidebar-nav{align-items:center;display:flex;flex-direction:row;justify-content:space-around;padding:0;width:100%}.nav-item{align-items:center;border-radius:0;flex:1 1;flex-direction:column;font-size:11px;gap:4px;justify-content:center;padding:10px 8px}.nav-item svg{font-size:20px}.nav-item span{display:block;font-size:10px;text-align:center}.nav-item.active{background:#ffffff26}.sidebar-logout{display:none!important}.dashboard-main{margin-left:0;padding:15px;width:100%}.dashboard-header{align-items:flex-start;flex-direction:column;gap:15px}.dashboard-header h1{font-size:1.5rem}.stats-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.stat-card{padding:15px}.stat-card h3{font-size:.85rem}.stat-card .stat-value{font-size:1.8rem}.projects-section h2{font-size:1.3rem}.project-card{padding:15px}.project-actions{flex-direction:column;gap:8px}.project-actions a,.project-actions button{justify-content:center;text-align:center;width:100%}.upload-action-section{padding:20px}.upload-action-section h3{font-size:1.2rem}.btn-upload-large{font-size:1rem;padding:12px 24px}}.sidebar-logout{align-items:center;background:#ffffff1a;border:none;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:10px;margin-top:auto;padding:12px;transition:all .3s;width:100%}.sidebar-logout:hover{background:#fff3}.profile-container{margin:0 auto;max-width:1000px;padding:30px}.profile-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;display:flex;gap:25px;margin-bottom:30px;padding:30px}.profile-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:3rem;height:100px;justify-content:center;width:100px}.profile-title{flex:1 1}.profile-title h1{color:#2c3e50;font-size:1.8rem;margin:0 0 5px}.profile-title p{color:#7f8c8d;font-size:1rem;margin:0}.profile-actions{display:flex;gap:10px}.btn-cancel,.btn-edit,.btn-save{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s}.btn-edit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-edit:hover{box-shadow:0 5px 15px #667eea4d;transform:translateY(-2px)}.btn-save{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff}.btn-save:hover:not(:disabled){box-shadow:0 5px 15px #2ecc714d;transform:translateY(-2px)}.btn-save:disabled{cursor:not-allowed;opacity:.6}.btn-cancel{background-color:#e0e0e0;color:#666}.btn-cancel:hover{background-color:#d0d0d0}.message{border-radius:8px;font-weight:500;margin-bottom:20px;padding:15px}.message.success{background-color:#d4edda;border-left:4px solid #28a745;color:#155724}.message.error{background-color:#f8d7da;border-left:4px solid #dc3545;color:#721c24}.profile-content{display:flex;flex-direction:column;gap:25px}.profile-section{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:30px}.profile-section h2{border-bottom:2px solid #f0f0f0;color:#2c3e50;font-size:1.3rem;margin:0 0 25px;padding-bottom:15px}.profile-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.profile-field{display:flex;flex-direction:column;gap:8px}.profile-field.full-width{grid-column:1/-1}.profile-field label{align-items:center;color:#2c3e50;display:flex;font-size:.95rem;font-weight:600;gap:8px}.profile-field label svg{color:#667eea}.profile-field input,.profile-field select,.profile-field textarea{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:1rem;padding:12px 15px;transition:all .3s}.profile-field input:focus,.profile-field select:focus,.profile-field textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.profile-field input:disabled,.profile-field select:disabled,.profile-field textarea:disabled{background-color:#f8f9fa;color:#495057;cursor:not-allowed}.profile-field textarea{min-height:80px;resize:vertical}.logout-section{margin-top:20px;padding:30px;text-align:center}.btn-logout{align-items:center;background:#e74c3c;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:10px;padding:14px 40px;transition:all .3s}.btn-logout:hover{background:#c0392b;box-shadow:0 4px 12px #e74c3c4d;transform:translateY(-2px)}@media (max-width:768px){.profile-container{padding:15px}.profile-header{flex-direction:column;text-align:center}.profile-actions{flex-direction:column;width:100%}.btn-cancel,.btn-edit,.btn-save{justify-content:center;width:100%}.profile-grid{grid-template-columns:1fr}.profile-section{padding:20px}.btn-logout{justify-content:center;width:100%}}:root{--react-pdf-annotation-layer:1;--annotation-unfocused-field-background:url('data:image/svg+xml;charset=utf-8,<svg width="1" height="1" xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" style="fill:rgba(0,54,255,.13)"/></svg>');--input-focus-border-color:Highlight;--input-focus-outline:1px solid Canvas;--input-unfocused-border-color:#0000;--input-disabled-border-color:#0000;--input-hover-border-color:#000;--link-outline:none}@media screen and (forced-colors:active){:root{--input-focus-border-color:CanvasText;--input-unfocused-border-color:ActiveText;--input-disabled-border-color:GrayText;--input-hover-border-color:Highlight;--link-outline:1.5px solid LinkText}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .textWidgetAnnotation :is(input,textarea):required{outline:1.5px solid selectedItem}.annotationLayer .linkAnnotation:hover{-webkit-backdrop-filter:invert(100%);backdrop-filter:invert(100%)}}.annotationLayer{left:0;pointer-events:none;position:absolute;top:0;transform-origin:0 0;z-index:3}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg) translateX(-100%)}.annotationLayer[data-main-rotation="180"] .norotate{transform:rotate(180deg) translate(-100%,-100%)}.annotationLayer[data-main-rotation="270"] .norotate{transform:rotate(90deg) translateY(-100%)}.annotationLayer canvas{height:100%;position:absolute;width:100%}.annotationLayer section{box-sizing:border-box;margin:0;pointer-events:auto;position:absolute;text-align:left;text-align:initial;transform-origin:0 0}.annotationLayer .linkAnnotation{outline:none;outline:var(--link-outline)}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{font-size:1em;height:100%;left:0;position:absolute;top:0;width:100%}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a:hover{background:#ff0;box-shadow:0 2px 10px #ff0;opacity:.2}.annotationLayer .textAnnotation img{cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input,.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .textWidgetAnnotation :is(input,textarea){background-image:url('data:image/svg+xml;charset=utf-8,<svg width="1" height="1" xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" style="fill:rgba(0,54,255,.13)"/></svg>');background-image:var(--annotation-unfocused-field-background);border:2px solid #0000;border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px*var(--scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .textWidgetAnnotation :is(input,textarea):required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .textWidgetAnnotation :is(input,textarea)[disabled]{background:none;border:2px solid #0000;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .textWidgetAnnotation :is(input,textarea):hover{border:2px solid #000;border:2px solid var(--input-hover-border-color)}.annotationLayer .buttonWidgetAnnotation.checkBox input:hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .textWidgetAnnotation :is(input,textarea):hover{border-radius:2px}.annotationLayer .choiceWidgetAnnotation select:focus,.annotationLayer .textWidgetAnnotation :is(input,textarea):focus{background:none;border:2px solid Highlight;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:1px solid Canvas;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-color:initial;background-image:none}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid Highlight;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:1px solid Canvas;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid Highlight;border:2px solid var(--input-focus-border-color);outline:1px solid Canvas;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{background-color:CanvasText;content:"";display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{height:80%;left:45%;width:1px}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;height:50%;left:30%;top:20%;width:50%}.annotationLayer .textWidgetAnnotation input.comb{font-family:monospace;padding-left:2px;padding-right:0}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{-webkit-appearance:none;appearance:none}.annotationLayer .popupTriggerArea{height:100%;width:100%}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{position:absolute}.annotationLayer .popupWrapper{font-size:calc(9px*var(--scale-factor));min-width:calc(180px*var(--scale-factor));pointer-events:none;position:absolute;width:100%}.annotationLayer .popup{word-wrap:break-word;background-color:#ff9;border-radius:calc(2px*var(--scale-factor));box-shadow:0 calc(2px*var(--scale-factor)) calc(5px*var(--scale-factor)) #888;cursor:pointer;font:message-box;margin-left:calc(5px*var(--scale-factor));max-width:calc(180px*var(--scale-factor));padding:calc(6px*var(--scale-factor));pointer-events:auto;position:absolute;white-space:normal}.annotationLayer .popup>*{font-size:calc(9px*var(--scale-factor))}.annotationLayer .popup h1{display:inline-block}.annotationLayer .popupDate{display:inline-block;margin-left:calc(5px*var(--scale-factor))}.annotationLayer .popupContent{border-top:1px solid #333;margin-top:calc(2px*var(--scale-factor));padding-top:calc(2px*var(--scale-factor))}.annotationLayer .richText>*{font-size:calc(9px*var(--scale-factor));white-space:pre-wrap}.annotationLayer .caretAnnotation,.annotationLayer .circleAnnotation svg ellipse,.annotationLayer .fileAttachmentAnnotation,.annotationLayer .freeTextAnnotation,.annotationLayer .highlightAnnotation,.annotationLayer .inkAnnotation svg polyline,.annotationLayer .lineAnnotation svg line,.annotationLayer .polygonAnnotation svg polygon,.annotationLayer .polylineAnnotation svg polyline,.annotationLayer .squareAnnotation svg rect,.annotationLayer .squigglyAnnotation,.annotationLayer .stampAnnotation,.annotationLayer .strikeoutAnnotation,.annotationLayer .underlineAnnotation{cursor:pointer}.annotationLayer section svg{height:100%;left:0;position:absolute;top:0;width:100%}.annotationLayer .annotationTextContent{color:#0000;height:100%;opacity:0;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;width:100%}.annotationLayer .annotationTextContent span{display:inline-block;width:100%}:root{--react-pdf-text-layer:1;--highlight-bg-color:#b400aa;--highlight-selected-bg-color:#006400}@media screen and (forced-colors:active){:root{--highlight-bg-color:Highlight;--highlight-selected-bg-color:ButtonText}}[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg) translateX(-100%)}.textLayer{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;forced-color-adjust:none;inset:0;line-height:1;overflow:hidden;position:absolute;text-align:left;text-align:initial;transform-origin:0 0;z-index:2}.textLayer :is(span,br){color:#0000;cursor:text;margin:0;position:absolute;transform-origin:0 0;white-space:pre}.textLayer span.markedContent{height:0;top:0}.textLayer .highlight{background-color:#b400aa;background-color:var(--highlight-bg-color);border-radius:4px;margin:-1px;padding:1px}.textLayer .highlight.appended{position:static}.textLayer .highlight.begin{border-radius:4px 0 0 4px}.textLayer .highlight.end{border-radius:0 4px 4px 0}.textLayer .highlight.middle{border-radius:0}.textLayer .highlight.selected{background-color:#006400;background-color:var(--highlight-selected-bg-color)}.textLayer br::selection{background:#0000}.textLayer .endOfContent{cursor:default;display:block;inset:100% 0 0;position:absolute;-webkit-user-select:none;user-select:none;z-index:-1}.textLayer .endOfContent.active{top:0}.file-upload-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:800px;padding:20px}.dropzone{background-color:#f9f9f9;border:2px dashed #ccc;border-radius:8px;cursor:pointer;margin-bottom:20px;padding:40px 20px;text-align:center;transition:all .3s ease}.dropzone.active,.dropzone:hover{background-color:#f0f7ff;border-color:#4a90e2}.dropzone.active{background-color:#e8f5e9;border-color:#2e7d32}.upload-icon{color:#4a90e2;font-size:48px;margin-bottom:15px}.browse-btn{background:none;border:none;color:#4a90e2;cursor:pointer;font-size:inherit;font-weight:600;margin:0;padding:0;text-decoration:underline}.browse-btn:hover{color:#357abd}.file-types{color:#666;font-size:.9em;margin-top:10px}.file-list{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-top:30px;overflow:hidden}.file-list-header{align-items:center;background-color:#f5f5f5;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:15px 20px}.file-list-header h3{color:#333;font-size:1.1em;margin:0}.upload-btn{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:8px 20px;transition:background-color .2s}.upload-btn:hover:not(:disabled){background-color:#3d8b40}.upload-btn:disabled{background-color:#a5d6a7;cursor:not-allowed}.file-items{max-height:400px;overflow-y:auto}.file-item{border-bottom:1px solid #f0f0f0;padding:15px 20px;transition:background-color .2s}.file-item:last-child{border-bottom:none}.file-item:hover{background-color:#f9f9f9}.file-info{cursor:pointer}.file-icon-container{border-radius:6px;height:50px;margin-right:15px;overflow:hidden;width:50px}.file-icon{font-size:24px}.file-name{margin-bottom:4px}.file-meta{font-size:.85em}.file-type{border-left:1px solid #ddd;margin-left:10px;padding-left:10px}.progress-container{background-color:#e0e0e0;border-radius:3px;height:6px;margin-top:8px;overflow:hidden;position:relative}.progress-bar{background-color:#4caf50;height:100%;transition:width .3s ease}.progress-text{color:#4caf50;font-size:.75em;font-weight:500;position:absolute;right:5px;top:-18px}.remove-btn{font-size:16px;margin-left:15px;opacity:.7;transition:opacity .2s}.remove-btn:hover{opacity:1}.preview-modal{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.preview-content{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:100%}.preview-header{align-items:center;background-color:#f5f5f5;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:15px 20px}.preview-header h3{color:#333;font-size:1.1em;margin:0}.preview-header button{background:none;border:none;color:#666;cursor:pointer;font-size:24px;padding:0 10px}.preview-header button:hover{color:#333}.preview-body{align-items:center;display:flex;flex:1 1;justify-content:center;overflow:auto;padding:20px}.image-preview{max-height:calc(90vh - 100px);max-width:100%;object-fit:contain}.pdf-preview{max-width:800px;text-align:center;width:100%}.pdf-preview .react-pdf__Document{box-shadow:0 2px 8px #0000001a;margin:0 auto 15px}.pagination{align-items:center;display:flex;gap:15px;justify-content:center;margin-top:15px}.pagination button{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9em;padding:6px 12px;transition:background-color .2s}.pagination button:disabled{background-color:#b0bec5;cursor:not-allowed}.pagination button:not(:disabled):hover{background-color:#357abd}@media (max-width:768px){.file-item{align-items:flex-start;flex-direction:column}.file-info{margin-bottom:10px;width:100%}.remove-btn{align-self:flex-end;margin-top:-40px}.preview-content{width:95%}}.document-scanner{background-color:#f5f5f5;bottom:0;color:#333;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;left:0;position:fixed;right:0;top:0;z-index:1000}.scanner-header{align-items:center;background-color:#2c3e50;box-shadow:0 2px 5px #0003;color:#fff;display:flex;justify-content:space-between;padding:15px 20px;z-index:10}.scanner-header h2{font-size:1.3em;font-weight:500;margin:0}.close-btn{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.5em;padding:5px 10px;transition:background-color .2s}.close-btn:hover{background-color:#ffffff1a}.camera-container,.scanner-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden;position:relative}.camera-container,.camera-preview{background-color:#000}.camera-preview{height:100%;object-fit:contain;width:100%}.camera-controls{background:linear-gradient(#0000,#000000b3);bottom:0;gap:20px;left:0;padding:20px;position:absolute;right:0;z-index:5}.camera-btn,.camera-controls{align-items:center;display:flex;justify-content:center}.camera-btn{background-color:#ffffffe6;border:none;border-radius:50%;box-shadow:0 2px 10px #0000004d;color:#333;cursor:pointer;font-size:20px;height:50px;transition:all .2s;width:50px}.camera-btn:hover{background-color:#fff;transform:scale(1.05)}.capture-btn{background-color:#e74c3c;color:#fff;font-size:28px;height:70px;width:70px}.capture-btn:hover{background-color:#c0392b}.flip-btn{background-color:#fffc;left:20px;position:absolute}.filter-controls{background:#0009;bottom:100px;color:#fff;left:0;padding:10px 20px;position:absolute;right:0;z-index:5}.filter-group{margin-bottom:10px}.filter-group label{display:block;font-size:.9em;margin-bottom:5px}.filter-group input[type=range]{-webkit-appearance:none;background:#ffffff4d;border-radius:2px;height:4px;outline:none;width:100%}.filter-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#3498db;border-radius:50%;cursor:pointer;height:16px;width:16px}.preview-container{background-color:#000;display:flex;flex:1 1;flex-direction:column;position:relative}.preview-image-container{align-items:center;background-color:#000;display:flex;flex:1 1;justify-content:center;overflow:hidden}.preview-image{max-height:100%;max-width:100%;object-fit:contain}.preview-actions{background:linear-gradient(#0000,#000000b3);display:flex;justify-content:space-around;padding:20px;z-index:5}.action-btn{align-items:center;border:none;border-radius:25px;cursor:pointer;display:flex;font-size:.95em;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.retake-btn{background-color:#ffffffe6;color:#333}.enhance-btn{background-color:#3498db;color:#fff}.confirm-btn{background-color:#2ecc71;color:#fff}.action-btn:disabled{cursor:not-allowed;opacity:.6}.action-btn:not(:disabled):hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.edit-container{background-color:#f5f5f5;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.edit-preview{flex:1 1;overflow:auto;padding:20px}.image-comparison{display:flex;gap:20px;height:100%}.image-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.image-container h4{background-color:#f0f0f0;border-bottom:1px solid #e0e0e0;font-size:.9em;font-weight:500;margin:0;padding:10px 15px}.comparison-image{flex:1 1;height:100%;object-fit:contain;width:100%}.edit-controls{background-color:#fff;border-top:1px solid #e0e0e0;padding:20px}.action-buttons{display:flex;justify-content:space-between;margin-top:20px}.btn{border:none;border-radius:4px;cursor:pointer;font-size:.95em;font-weight:500;padding:10px 20px;transition:all .2s}.btn-primary{background-color:#3498db}.btn-primary:hover:not(:disabled){background-color:#2980b9}.btn-secondary{background-color:#f0f0f0;color:#333}.btn-secondary:hover{background-color:#e0e0e0}.result-container{background-color:#f5f5f5;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.result-content{display:flex;flex:1 1;overflow:hidden}.result-image{align-items:center;background-color:#fff;display:flex;flex:1 1;justify-content:center;overflow:auto;padding:20px}.scanned-image{box-shadow:0 2px 10px #0000001a;max-height:100%;max-width:100%;object-fit:contain}.result-text{background-color:#fff;border-left:1px solid #e0e0e0;display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:20px}.result-text h3{color:#2c3e50;font-size:1.2em;margin:0 0 15px}.text-content{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;flex:1 1;font-family:Courier New,monospace;line-height:1.5;overflow:auto;padding:10px;white-space:pre-wrap}.result-actions{background-color:#fff;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:15px 20px}@media (max-width:768px){.image-comparison{height:auto}.image-comparison,.result-content{flex-direction:column}.result-text{border-left:none;border-top:1px solid #e0e0e0}.camera-controls{padding:15px 10px}.camera-btn{font-size:18px;height:45px;width:45px}.capture-btn{font-size:24px;height:60px;width:60px}}.document-upload-container{background:#fff;border-radius:10px;box-shadow:0 2px 15px #0000001a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:900px;overflow:hidden}.upload-tabs{background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex}.tab-btn{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#555;cursor:pointer;display:flex;flex:1 1;font-size:1em;font-weight:500;gap:8px;justify-content:center;padding:15px 20px;transition:all .2s}.tab-btn:hover{background-color:#f0f0f0;color:#333}.tab-btn.active{background-color:#fff;border-bottom-color:#3498db;color:#2c3e50;font-weight:600}.tab-btn svg{font-size:1.1em}.tab-content{background-color:#fff;min-height:300px;padding:20px}.file-upload-wrapper{background-color:#fafafa;border:2px dashed #e0e0e0;border-radius:8px;margin-bottom:20px;padding:30px 20px;text-align:center;transition:all .3s ease}.file-upload-wrapper:hover{background-color:#f0f7ff;border-color:#3498db}.scanner-wrapper{border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px;overflow:hidden;position:relative}.uploaded-files{border-top:1px solid #e0e0e0;margin-top:30px;padding-top:20px}.uploaded-files h3{color:#2c3e50;font-size:1.1em;margin:0 0 15px}.file-list{display:flex;flex-direction:column;gap:10px}.file-item{align-items:center;background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:6px;display:flex;justify-content:space-between;padding:12px 15px;transition:all .2s}.file-item:hover{background-color:#f0f0f0;box-shadow:0 2px 5px #0000000d}.file-info{align-items:center;display:flex;flex:1 1;min-width:0}.file-icon-container{align-items:center;background-color:#f0f4f8;border-radius:4px;display:flex;flex-shrink:0;height:40px;justify-content:center;margin-right:12px;width:40px}.file-icon{font-size:18px}.file-icon.pdf{color:#e53935}.file-icon.doc{color:#1976d2}.file-icon.image{color:#43a047}.file-icon.scan{color:#ff9800}.file-thumbnail{border-radius:3px;height:100%;object-fit:cover;width:100%}.file-details{flex:1 1;min-width:0}.file-name{font-weight:500;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-meta{color:#666;display:flex;flex-wrap:wrap;font-size:.8em;gap:10px}.file-date{color:#888;font-size:.9em}.remove-btn{align-items:center;background:none;border:none;border-radius:4px;color:#e53935;cursor:pointer;display:flex;justify-content:center;margin-left:10px;padding:5px;transition:all .2s}.remove-btn:hover{background-color:#ffebee;transform:scale(1.1)}@media (max-width:768px){.document-upload-container{border-radius:0;box-shadow:none}.upload-tabs{position:-webkit-sticky;position:sticky;top:0;z-index:100}.tab-btn{font-size:.9em;padding:12px 10px}.tab-content{min-height:250px;padding:15px}.file-item{padding:10px 12px}.file-icon-container{height:36px;width:36px}.file-name{font-size:.95em}.file-meta{font-size:.75em}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.file-item{animation:fadeIn .3s ease-out forwards}.file-list::-webkit-scrollbar{height:6px;width:6px}.file-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.file-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.file-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.upload-container{margin:0 auto;max-width:1000px;padding:30px}.upload-header{align-items:center;display:flex;gap:20px;margin-bottom:30px}.back-btn{display:flex}.upload-header h1{color:#2c3e50;font-size:2rem;margin:0}.progress-steps{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;justify-content:space-between;margin-bottom:40px;padding:30px}.progress-steps,.step{align-items:center;display:flex}.step{flex:1 1;flex-direction:column;gap:10px}.step-number{align-items:center;background-color:#e0e0e0;border-radius:50%;color:#999;display:flex;font-size:1.2rem;font-weight:700;height:50px;justify-content:center;transition:all .3s;width:50px}.step.active .step-number{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.step.completed .step-number{background-color:#2ecc71;color:#fff}.step-label{color:#999;font-size:.9rem;font-weight:500;text-align:center}.step.active .step-label{color:#667eea;font-weight:600}.step.completed .step-label{color:#2ecc71}.step-line{background-color:#e0e0e0;flex:1 1;height:3px;margin:-30px 10px 0}.upload-content{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;margin-bottom:30px;min-height:400px;padding:40px}.step-content h2{color:#2c3e50;font-size:1.8rem;margin:0 0 10px}.step-description{color:#7f8c8d;margin-bottom:30px}.project-form{display:flex;flex-direction:column;gap:20px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.95rem}.form-group input,.form-group select,.form-group textarea{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:1rem;padding:12px 15px;transition:all .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.review-section{border-bottom:2px solid #f0f0f0;margin-bottom:30px;padding-bottom:30px}.review-section:last-of-type{border-bottom:none}.review-section h3{color:#2c3e50;font-size:1.3rem;margin:0 0 20px}.review-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.review-item{display:flex;flex-direction:column;gap:5px}.review-item.full-width{grid-column:1/-1}.review-label{color:#7f8c8d;font-size:.9rem;font-weight:500}.review-value{color:#2c3e50;font-size:1rem;font-weight:600}.files-review{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.file-review-item{align-items:center;background-color:#f8f9fa;border-radius:8px;display:flex;gap:12px;padding:12px}.check-icon{color:#2ecc71;font-size:1.2rem}.file-size{color:#7f8c8d;font-size:.9rem;margin-left:auto}.total-pages{align-items:center;background-color:#e3f2fd;border-radius:8px;color:#1976d2;display:flex;flex-wrap:wrap;font-size:1rem;gap:15px;padding:15px}.counting-badge,.pages-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.9rem;font-weight:600;gap:5px;padding:6px 12px}.counting-badge{animation:pulse 1.5s infinite;background-color:#fff3cd;color:#856404}.pages-badge{background-color:#d4edda;color:#155724}.manual-page-input{background-color:#fff3cd;border:2px solid #ffc107;border-radius:8px;margin-top:20px;padding:20px}.manual-page-input label{color:#856404;display:block;font-size:1rem;margin-bottom:10px}.page-input{background-color:#fff;border:2px solid #ffc107;border-radius:8px;font-size:1.1rem;font-weight:600;margin-bottom:10px;padding:12px;width:100%}.page-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.page-input.readonly{background-color:#f0f0f0;cursor:not-allowed}.page-note{color:#856404;font-size:.9rem;margin:10px 0 0}.page-confirm{color:#155724;display:block;font-size:1rem;font-weight:600;margin-top:5px}.pdf-naming-instruction{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;display:flex;gap:20px;margin-bottom:30px;padding:25px}.instruction-icon{flex-shrink:0;font-size:3rem}.instruction-content{flex:1 1;min-width:0}.instruction-content h4{color:#fff;font-size:1.3rem;margin:0 0 12px}.instruction-content p{font-size:.95rem;line-height:1.6;margin:8px 0}.naming-format{word-wrap:break-word;background:#fff3;border:2px dashed #ffffff80;border-radius:8px;margin:15px 0;overflow-wrap:break-word;padding:15px;text-align:center}.naming-format code{background:#0003;border-radius:6px;color:#fff;display:inline-block;font-size:1.1rem;font-weight:600;max-width:100%;padding:8px 16px;word-break:break-word}.instruction-content .example{font-size:.9rem;opacity:.95;word-break:break-word}.instruction-content .example strong{color:gold;font-weight:600;word-break:break-word}.instruction-content .note{font-size:.85rem;font-style:italic;margin-top:12px;opacity:.9}@media (max-width:768px){.pdf-naming-instruction{flex-direction:column;gap:15px;padding:20px}.instruction-icon{font-size:2.5rem;text-align:center}.instruction-content h4{font-size:1.1rem}.instruction-content p{font-size:.9rem}.naming-format code{font-size:.85rem;padding:6px 12px}.instruction-content .example{font-size:.85rem}}.certificate-check{background:#f8f9fa;border:2px solid #dee2e6;border-radius:8px;margin-bottom:30px;padding:20px}.checkbox-label{align-items:center;cursor:pointer;display:flex;font-size:1.1rem;font-weight:500;gap:12px;margin-bottom:15px}.checkbox-label input[type=checkbox]{cursor:pointer;height:20px;width:20px}.checkbox-label span{color:#2c3e50}.certificate-note{background:#fff3cd;border-left:4px solid #ffc107;border-radius:4px;margin-top:15px;padding:15px}.certificate-note p{color:#856404;margin:8px 0}.certificate-note strong{color:#664d03}.btn-scanner{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:12px;padding:12px 24px;transition:all .3s}.btn-scanner:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-2px)}.upload-actions{display:flex;gap:15px;justify-content:space-between}.btn-primary,.btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:1.1rem;font-weight:600;padding:14px;transition:all .3s}.btn-primary:hover,.btn-submit:hover:not(:disabled){box-shadow:0 10px 25px #667eea4d;transform:translateY(-2px)}.btn-submit{background:linear-gradient(135deg,#2ecc71,#27ae60)}.btn-submit:hover:not(:disabled){box-shadow:0 10px 25px #2ecc714d}.btn-submit:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.upload-container{padding:15px}.progress-steps{padding:20px 15px}.step-label{font-size:.75rem}.step-number{font-size:1rem;height:40px;width:40px}.upload-content{padding:25px 20px}.form-row,.review-grid{grid-template-columns:1fr}.upload-actions{flex-direction:column}}.customization-container{margin:0 auto;max-width:1000px;min-height:100vh;padding:30px}.customization-header{margin-bottom:40px;text-align:center}.customization-header h1{color:#2c3e50;font-size:2.2rem;margin:20px 0 10px}.customization-header p{color:#7f8c8d;font-size:1.1rem}.customization-content{display:flex;flex-direction:column;gap:30px}.custom-section{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:30px}.section-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;gap:12px;margin-bottom:25px;padding-bottom:15px}.section-header svg{color:#667eea;font-size:1.5rem}.section-header h2{color:#2c3e50;font-size:1.4rem;margin:0}.section-note{color:#7f8c8d;font-size:.9rem;margin-top:15px;text-align:center}.copies-selector{align-items:center;display:flex;gap:30px;justify-content:center;padding:20px}.copy-btn{background:#fff;border:2px solid #667eea;border-radius:50%;color:#667eea;cursor:pointer;font-size:1.5rem;font-weight:700;height:50px;transition:all .3s;width:50px}.copy-btn:hover{background:#667eea;color:#fff;transform:scale(1.1)}.copy-display{align-items:center;display:flex;flex-direction:column;gap:5px}.copy-number{color:#667eea;font-weight:700}.copy-label{color:#666;font-size:.9rem}.fixed-specs{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.spec-item{align-items:center;background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;display:flex;gap:15px;padding:20px}.spec-icon{font-size:2rem}.spec-info h3{color:#6c757d;font-size:.9rem;margin:0 0 5px}.spec-info p{color:#212529;font-size:1.1rem;font-weight:600;margin:0}.spec-note{background:#d1ecf1;border-left:4px solid #0c5460;border-radius:4px;padding:12px 16px}.spec-note p{color:#0c5460;font-weight:500;margin:0}.binding-note{background:#fff3cd;border-left:4px solid #856404;border-radius:4px;margin-top:20px;padding:12px 16px}.binding-note p{color:#856404;font-size:.95rem;line-height:1.5;margin:0}.option-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;padding:25px;text-align:center;transition:all .3s}.option-card:hover{border-color:#667eea;box-shadow:0 5px 15px #667eea33;transform:translateY(-5px)}.option-card.selected{background:linear-gradient(135deg,#f8f9ff,#e8ebff);border-color:#667eea;box-shadow:0 5px 15px #667eea4d}.option-icon{display:block;font-size:3rem;margin-bottom:10px}.option-card h3{color:#2c3e50;font-size:1.1rem;margin:10px 0 5px}.option-card p{color:#7f8c8d;font-size:.9rem;margin:0}.color-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:20px}.color-card{background:#fff;border:3px solid #e0e0e0;border-radius:16px;cursor:pointer;overflow:hidden;transition:all .3s}.color-card:hover{border-color:#667eea;box-shadow:0 8px 20px #667eea40;transform:translateY(-5px)}.color-card.selected{border-color:#667eea;box-shadow:0 8px 25px #667eea66}.color-image-wrapper{background:#f8f9fa;height:280px;overflow:hidden;position:relative;width:100%}.binding-image{height:100%;object-fit:cover;transition:transform .3s;width:100%}.color-card:hover .binding-image{transform:scale(1.05)}.selected-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 4px 12px #667eea66;color:#fff;display:flex;font-size:.9rem;font-weight:600;gap:6px;padding:8px 16px;position:absolute;right:15px;top:15px}.color-info{padding:20px;text-align:center}.color-info h3{color:#2c3e50;font-size:1.2rem;font-weight:700;margin:0 0 8px}.color-description{color:#7f8c8d;font-size:.9rem;margin:0}.binding-preview{background:#f8f9fa;border:2px dashed #ddd;color:#7f8c8d;padding:40px;text-align:center}.summary-section{background:linear-gradient(135deg,#f8f9ff,#e8ebff);border:2px solid #667eea}.summary-section h2{color:#667eea;margin-bottom:20px}.summary-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-item{background:#fff;border-radius:8px;justify-content:space-between;padding:12px}.summary-item .label{font-weight:600}.summary-item .value{font-weight:700}.customization-actions{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;display:flex;gap:15px;justify-content:space-between;margin-top:30px;padding:20px}.btn-primary,.btn-secondary{align-items:center;display:flex;font-size:1.1rem;gap:8px;justify-content:center;padding:14px}.btn-primary{flex:2 1}@media (max-width:768px){.customization-container{padding:15px}.customization-header h1{font-size:1.8rem}.custom-section{padding:20px}.options-grid{grid-template-columns:1fr}.color-grid{grid-template-columns:repeat(3,1fr)}.customization-actions{flex-direction:column}.copy-number{font-size:2.5rem}}.payment-container{margin:0 auto;max-width:900px;padding:30px}.payment-header{margin-bottom:40px;text-align:center}.payment-header h1{color:#2c3e50;font-size:2.5rem;font-weight:700;margin:0 0 10px;text-shadow:2px 2px 4px #0000001a}.payment-header p{color:#34495e;font-size:1.1rem;font-weight:500}.payment-content{display:flex;flex-direction:column;gap:25px}.payment-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;overflow:hidden}.card-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:2px solid #e0e0e0;display:flex;gap:12px;padding:20px 25px}.card-header svg{color:#667eea;font-size:1.5rem}.card-header h2{color:#2c3e50;font-size:1.3rem;margin:0}.card-body{padding:25px}.detail-row{border-bottom:1px solid #f0f0f0;padding:12px 0}.detail-row:last-child{border-bottom:none}.detail-row .label{font-weight:500}.detail-row .value{font-size:1.05rem;font-weight:600}.detail-row .value.highlight{color:#667eea;font-size:1.2rem}.cost-row{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:12px 0}.cost-row:last-child{border-bottom:none}.cost-row .label{align-items:center;color:#2c3e50;display:flex;font-weight:500;gap:8px}.cost-row .label svg{color:#667eea}.cost-row .value{color:#2c3e50;font-size:1.1rem;font-weight:600}.cost-row.subtotal{border-top:2px solid #e0e0e0;margin-top:10px;padding-top:15px}.cost-row.total{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;margin-top:10px;padding:15px}.cost-row.total .label,.cost-row.total .value{color:#fff;font-size:1.3rem;font-weight:700}.form-group{margin-bottom:15px}.form-group label{color:#2c3e50;display:block;font-weight:600;margin-bottom:8px}.form-group textarea{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:1rem;padding:12px 15px;resize:vertical;transition:all .3s;width:100%}.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.delivery-note{align-items:center;background-color:#e8f5e9;border-radius:8px;color:#2e7d32;display:flex;font-weight:500;gap:10px;padding:12px}.delivery-note svg{color:#4caf50;font-size:1.2rem}.payment-methods{margin-bottom:25px}.payment-method{border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;padding:20px;transition:all .3s}.payment-method:hover{border-color:#667eea;box-shadow:0 5px 15px #667eea1a}.payment-method.active{background-color:#f8f9ff;border-color:#667eea}.payment-method input[type=radio]{display:none}.payment-method label{align-items:center;cursor:pointer;display:flex;gap:15px}.method-icon{align-items:center;background-color:#fff;border-radius:12px;display:flex;font-size:2.5rem;height:60px;justify-content:center;width:60px}.method-info h4{color:#2c3e50;font-size:1.1rem;margin:0 0 5px}.method-info p{color:#7f8c8d;font-size:.9rem;margin:0}.pay-btn{background:linear-gradient(135deg,#2ecc71,#27ae60);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;margin-bottom:15px;padding:16px;transition:all .3s;width:100%}.pay-btn:hover:not(:disabled){box-shadow:0 10px 25px #2ecc714d;transform:translateY(-2px)}.pay-btn:disabled{cursor:not-allowed;opacity:.6}.payment-security{align-items:center;color:#7f8c8d;display:flex;font-size:.9rem;gap:8px;justify-content:center}.payment-security svg{color:#4caf50}.loading{padding:60px 20px;text-align:center}.readonly-input{background-color:#f8f9fa!important;color:#2c3e50;cursor:not-allowed;font-weight:600}.delivery-info{color:#667eea;font-size:.95rem;font-weight:500;margin-top:10px}@media (max-width:768px){.payment-container{padding:15px}.payment-header h1{font-size:2rem}.card-body{padding:20px}.cost-row .value,.detail-row .value{font-size:1rem}.cost-row.total .label,.cost-row.total .value{font-size:1.1rem}.method-icon{font-size:2rem;height:50px;width:50px}}.tracking-container{margin:0 auto;max-width:900px;min-height:100vh;padding:30px}.tracking-header{margin-bottom:40px;text-align:center}.tracking-header h1{color:#2c3e50;font-size:2.2rem;margin:20px 0 10px}.tracking-header p{color:#7f8c8d;font-size:1.1rem}.back-btn{align-items:center;background-color:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;margin-bottom:20px;padding:10px 20px;transition:all .3s}.back-btn:hover{border-color:#667eea;color:#667eea}.tracking-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;margin-bottom:25px;padding:30px}.tracking-card h2{border-bottom:2px solid #f0f0f0;color:#2c3e50;font-size:1.5rem;margin:0 0 25px;padding-bottom:15px}.tracking-card h3{color:#2c3e50;font-size:1.2rem;margin:0 0 15px}.order-summary-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.summary-item{display:flex;flex-direction:column;gap:8px}.summary-item .label{color:#7f8c8d;font-size:.9rem;font-weight:500}.summary-item .value{color:#2c3e50;font-size:1.05rem;font-weight:600}.summary-item.full-width{grid-column:1/-1}.badge{border-radius:20px;display:inline-block;font-size:.9rem;padding:6px 14px;text-transform:capitalize;width:-webkit-fit-content;width:fit-content}.badge.paid{background-color:#d4edda;color:#155724}.badge.pending{background-color:#fff3cd;color:#856404}.timeline{display:flex;flex-direction:column;gap:0;padding:20px 0}.timeline-item{display:flex;gap:25px;position:relative}.timeline-marker{align-items:center;display:flex;flex-direction:column;position:relative}.timeline-icon{align-items:center;border-radius:50%;color:#999;display:flex;font-size:1.8rem;height:60px;justify-content:center;width:60px;z-index:2}.timeline-icon,.timeline-line{background-color:#e0e0e0;transition:all .3s}.timeline-line{height:80px;margin-top:5px;width:3px}.timeline-item.completed .timeline-icon{background:linear-gradient(135deg,#2ecc71,#27ae60);box-shadow:0 5px 15px #2ecc714d;color:#fff}.timeline-item.completed .timeline-line{background:linear-gradient(180deg,#2ecc71,#27ae60)}.timeline-item.in-progress .timeline-icon{animation:pulse 2s infinite;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 5px 15px #667eea4d;color:#fff}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.timeline-item.pending .timeline-icon{background-color:#f0f0f0;color:#ccc}.timeline-content{flex:1 1;padding:10px 0 30px}.timeline-content h3{color:#2c3e50;font-size:1.2rem;margin:0 0 8px}.timeline-status{color:#2ecc71;font-size:.95rem;font-weight:600;margin:0}.timeline-status.in-progress{color:#667eea}.timeline-status.pending{color:#ccc}.delivery-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff!important}.delivery-card h3{margin-bottom:15px}.delivery-card h3,.delivery-card p{color:#fff!important}.delivery-info{align-items:center;display:flex;gap:25px}.delivery-icon{color:#fff!important;font-size:4rem;opacity:.9}.delivery-date{color:#fff!important;font-size:1.3rem;font-weight:700;margin:10px 0}.delivery-location{color:#fff!important;font-size:1rem;margin:5px 0 0;opacity:.9}.support-card{background-color:#f8f9fa;border:2px solid #e0e0e0}.support-card p{color:#7f8c8d;margin-bottom:20px}.support-actions{display:flex;gap:15px}.btn-secondary{background-color:#fff;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;flex:1 1;font-weight:600;padding:12px;transition:all .3s}.btn-secondary:hover{background-color:#667eea;color:#fff;transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 30px;transition:all .3s}.btn-primary:hover{box-shadow:0 10px 25px #667eea4d;transform:translateY(-2px)}.error-state,.loading{padding:60px 20px;text-align:center}.loading{color:#7f8c8d;font-size:1.2rem}.error-state h2{color:#e74c3c;margin-bottom:20px}@media (max-width:768px){.tracking-container{padding:15px}.tracking-header h1{font-size:1.8rem}.tracking-card{padding:20px}.order-summary-grid{grid-template-columns:1fr}.timeline-icon{font-size:1.5rem;height:50px;width:50px}.timeline-line{height:60px}.delivery-info{flex-direction:column;text-align:center}.delivery-icon{font-size:3rem}.support-actions{flex-direction:column}}.your-orders-container{margin:0 auto;max-width:1200px;min-height:100vh;padding:30px}.orders-header{margin-bottom:30px}.orders-header h1{color:#2c3e50;font-size:2rem;margin:0 0 8px}.orders-header p{color:#7f8c8d;font-size:1rem;margin:0}.loading-state{padding:60px 20px;text-align:center}.spinner{border:4px solid #f3f4f6;height:50px;margin:0 auto 20px;width:50px}.loading-state p{color:#7f8c8d;font-size:1rem}.empty-state{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:80px 20px;text-align:center}.empty-icon{color:#bdc3c7;font-size:4rem;margin-bottom:20px}.empty-state h2{color:#2c3e50;font-size:1.5rem;margin:0 0 12px}.empty-state p{color:#7f8c8d;font-size:1rem;margin:0 0 30px}.empty-state .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:inline-block;font-weight:600;padding:12px 32px;text-decoration:none;transition:all .3s}.empty-state .btn-primary:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.orders-list{grid-gap:20px;display:grid;gap:20px}.order-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:24px;transition:all .3s}.order-card:hover{box-shadow:0 4px 20px #0000001a;transform:translateY(-2px)}.order-header{align-items:flex-start;border-bottom:1px solid #ecf0f1;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.order-title h3{color:#2c3e50;font-size:1.3rem;margin:0 0 6px}.order-id{color:#95a5a6;font-family:monospace;font-size:.85rem}.order-status{align-items:center;border-radius:20px;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:8px 16px}.order-status.success{background:#d4edda;color:#155724}.order-status.warning{background:#fff3cd;color:#856404}.order-status.info{background:#d1ecf1;color:#0c5460}.order-status.error{background:#f8d7da;color:#721c24}.order-status.default{background:#e9ecef;color:#495057}.status-icon{font-size:1.1rem}.status-icon.success{color:#28a745}.status-icon.warning{color:#ffc107}.status-icon.info{color:#17a2b8}.status-icon.error{color:#dc3545}.order-details{grid-gap:12px;display:grid;gap:12px;margin-bottom:20px}.detail-row{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.detail-row .label{color:#7f8c8d;font-size:.9rem;font-weight:600}.detail-row .value{color:#2c3e50;font-size:.95rem;max-width:60%;text-align:right}.detail-row .value.delivery-date{color:#667eea;font-weight:600}.badge{border-radius:12px;font-size:.85rem;font-weight:600;padding:4px 12px}.badge.success{background:#d4edda;color:#155724}.badge.warning{background:#fff3cd;color:#856404}.order-actions{border-top:1px solid #ecf0f1;display:flex;gap:12px;padding-top:16px}.order-actions .btn-primary,.order-actions .btn-secondary{border-radius:8px;display:inline-block;flex:1 1;font-weight:600;padding:12px 20px;text-align:center;text-decoration:none;transition:all .3s}.order-actions .btn-secondary{background:#ecf0f1;color:#2c3e50}.order-actions .btn-secondary:hover{background:#bdc3c7}.order-actions .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.order-actions .btn-primary:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.back-to-dashboard{margin-top:30px;text-align:center}.btn-link{align-items:center;color:#667eea;display:inline-flex;font-weight:600;gap:8px;text-decoration:none;transition:all .2s}.btn-link:hover{color:#764ba2;transform:translateX(-4px)}@media (max-width:768px){.your-orders-container{padding:15px}.orders-header h1{font-size:1.5rem}.order-card{padding:16px}.order-header{flex-direction:column;gap:12px}.order-status{align-self:flex-start}.detail-row{align-items:flex-start;flex-direction:column;gap:4px}.detail-row .value{max-width:100%;text-align:left}.order-actions{flex-direction:column}.order-actions .btn-primary,.order-actions .btn-secondary{width:100%}}.policy-container{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:40px 20px}.back-link{align-items:center;background:#fff3;border-radius:8px;color:#fff;display:inline-flex;font-weight:600;gap:8px;margin-bottom:20px;padding:10px 20px;text-decoration:none;transition:all .3s}.back-link:hover{background:#ffffff4d;transform:translateX(-5px)}.policy-content{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;margin:0 auto;max-width:900px;padding:50px}.policy-content h1{border-bottom:4px solid #667eea;color:#2c3e50;font-size:2.5rem;margin:0 0 10px;padding-bottom:15px}.last-updated{font-size:.9rem;font-style:italic}.last-updated,.subtitle{color:#7f8c8d;margin:0 0 40px}.subtitle{font-size:1.1rem}.policy-content section{margin-bottom:40px}.policy-content h2{color:#667eea;font-size:1.8rem;margin:30px 0 20px}.policy-content h3{color:#2c3e50;font-size:1.3rem;margin:20px 0 15px}.policy-content ol,.policy-content p,.policy-content ul{color:#555;line-height:1.8;margin:15px 0}.policy-content ol,.policy-content ul{padding-left:30px}.policy-content li{margin:10px 0}.policy-content strong{color:#2c3e50;font-weight:600}.contact-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr;margin:40px 0}.contact-form-section h2,.contact-info-section h2{color:#667eea;font-size:1.5rem;margin:0 0 30px}.contact-item{background:#f8f9fa;border-radius:12px;display:flex;gap:20px;margin-bottom:30px;padding:20px;transition:all .3s}.contact-item:hover{background:#e9ecef;transform:translateY(-2px)}.contact-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;height:50px;justify-content:center;width:50px}.contact-details h3{color:#2c3e50;font-size:1.1rem;margin:0 0 8px}.contact-details p{color:#555;margin:5px 0}.contact-details a{color:#667eea;font-weight:600;text-decoration:none}.contact-details a:hover{text-decoration:underline}.contact-note{color:#7f8c8d!important;font-size:.85rem;font-style:italic}.contact-form{display:flex;flex-direction:column;gap:20px}.contact-form .form-group{display:flex;flex-direction:column;gap:8px}.contact-form label{color:#2c3e50;font-size:.95rem;font-weight:600}.contact-form input,.contact-form textarea{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:1rem;padding:12px 16px;transition:all .3s}.contact-form input:focus,.contact-form textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.contact-form textarea{min-height:120px;resize:vertical}.btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:14px 32px;transition:all .3s}.btn-submit:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.success-message{background:#d4edda;border-left:4px solid #28a745;border-radius:8px;color:#155724;margin-bottom:20px;padding:15px}.faq-section{border-top:2px solid #e0e0e0;margin-top:60px;padding-top:40px}.faq-section h2{color:#667eea;font-size:1.8rem;margin-bottom:30px}.faq-item{background:#f8f9fa;border-left:4px solid #667eea;border-radius:12px;margin-bottom:25px;padding:20px}.faq-item h3{color:#2c3e50;font-size:1.1rem;margin:0 0 10px}.faq-item p{color:#555;margin:0}@media (max-width:768px){.policy-container{padding:20px 10px}.policy-content{padding:30px 20px}.policy-content h1{font-size:1.8rem}.policy-content h2{font-size:1.4rem}.policy-content h3{font-size:1.1rem}.contact-grid{gap:30px;grid-template-columns:1fr}.contact-item{flex-direction:column;text-align:center}.contact-icon{margin:0 auto}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#6366f1;--primary-dark:#4f46e5;--primary-light:#818cf8;--secondary:#ec4899;--secondary-dark:#db2777;--accent:#14b8a6;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--gradient-primary:linear-gradient(135deg,#6366f1,#ec4899);--gradient-secondary:linear-gradient(135deg,#14b8a6,#6366f1);--gradient-accent:linear-gradient(135deg,#f59e0b,#ec4899)}body{background:linear-gradient(135deg,#667eea,#764ba2);background-attachment:fixed;color:#111827;color:var(--gray-900);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}.App{min-height:100vh}.container{margin:0 auto;max-width:1200px;padding:0 20px}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:40px;margin:20px auto;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}
/*# sourceMappingURL=main.0cc1d9cb.css.map*/