@charset "UTF-8";body,html{margin:0;padding:0;height:100%;overflow-y:auto}.form-container{background:#fff;max-width:1150px;margin:auto;padding:40px 50px;border-radius:10px;border:1px solid #ccc;box-shadow:0 0 12px #0000000f}.title{text-align:center;font-size:26px;font-weight:700;margin-bottom:8px}.subtitle{text-align:center;font-size:17px;color:#555;margin-bottom:30px}.form-top{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:30px;gap:30px}.left,.right{flex:1;min-width:320px}label{display:block;font-size:15px;font-weight:500;margin-bottom:6px;color:#333}input[type=text],input[type=number],input[type=date],select,textarea{width:100%;padding:10px 12px;font-size:14px;border-radius:5px;border:1px solid #ccc;margin-bottom:18px;box-sizing:border-box}.order-table{overflow-x:auto;margin-top:10px}.order-table table{width:100%;border-collapse:collapse;margin-bottom:20px}.order-table th,.order-table td{border:1px solid #999;padding:10px 8px;text-align:center;font-size:14px}.order-table thead{background-color:#007bff;color:#fff}.note-section textarea{min-height:80px;resize:vertical}.delivery-payment{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:25px;gap:30px}.delivery,.payment,.amount{flex:1;min-width:300px}.button-group{display:flex;gap:12px;margin-top:25px;flex-wrap:wrap}.add-row-button,.submit-row-button,.view-row-button{padding:10px 22px;font-size:14px;font-weight:700;border-radius:6px;cursor:pointer;border:none;color:#fff;transition:.3s ease}.add-row-button{background-color:#007bff}.submit-row-button{background-color:#28a745}.view-row-button{background-color:#17a2b8}.add-row-button:hover{background-color:#0056b3}.submit-row-button:hover{background-color:#1e7e34}.view-row-button:hover{background-color:#117a8b}.footer-signatures{display:flex;justify-content:space-between;margin-top:60px;font-weight:600}.footer-signatures p{text-align:center;flex:1}.excel-container{background-color:#f8f9fa;padding:30px;margin-top:40px;border-radius:8px}.excel-title{font-size:24px;font-weight:700;margin-bottom:20px;text-align:center}.excel-table{width:100%;border-collapse:collapse;background:#fff}.excel-table thead{background-color:#0078d7;color:#fff}.excel-table th,.excel-table td{border:1px solid #ccc;padding:10px;font-size:14px;text-align:center}.excel-table tbody tr:nth-child(2n){background-color:#f1f1f1}.excel-table tbody tr:hover{background-color:#e3f2fd}.btn-action-group{display:flex;gap:8px;justify-content:center}.btn-delete{background-color:#dc3545;color:#fff;padding:6px 12px;font-size:13px;border:none;border-radius:4px;cursor:pointer}.btn-delete:hover{background-color:#c82333}.btn-status{padding:6px 12px;border:none;border-radius:4px;color:#fff;font-size:13px;cursor:pointer}.btn-status.paid{background-color:#28a745}.btn-status.pending{background-color:#ffc107;color:#333}.btn-status:hover{opacity:.9}.btn-export{background-color:#0069d9;color:#fff;font-weight:600;padding:10px 20px;border:none;border-radius:6px;margin-top:25px;cursor:pointer}.btn-export:hover{background-color:#005cbf}.search-section{margin-bottom:20px}.search-label{font-size:15px;font-weight:600;margin-bottom:6px}.search-input{padding:8px 12px;width:250px;font-size:14px;border:1px solid #ccc;border-radius:6px}.view-orders-section{margin-top:40px;padding:25px 30px;background-color:#fefefe;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 10px #0000000d;max-height:500px;overflow-y:auto}.view-orders-section::-webkit-scrollbar{width:8px}.view-orders-section::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:6px}.view-orders-section h2{font-size:20px;margin-bottom:20px;color:#333;text-align:center}.view-orders-section table{width:100%;border-collapse:collapse;table-layout:fixed}.view-orders-section th,.view-orders-section td{border:1px solid #999;padding:10px 8px;font-size:14px;text-align:center;word-wrap:break-word}.view-orders-section thead{background-color:#007bff;color:#fff}.btn-back{background-color:#4caf50;color:#fff;padding:10px 16px;border:none;margin-left:10px;border-radius:4px;cursor:pointer;font-weight:500;font-size:14px;transition:background-color .3s ease}.btn-back:hover{background-color:#45a049}.navbar{background-color:#002c77;padding:20px;text-align:center;color:#fff;font-size:24px;font-weight:700}.order-form-container{font-family:Arial,sans-serif;margin:0;padding:0}.form-container{max-width:1200px;margin:40px auto;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a}button{background-color:#4caf50;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer}button:hover{background-color:#45a049}.success-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.success-modal{background:#fff;padding:2rem;border-radius:10px;text-align:center;box-shadow:0 4px 20px #0003;animation:scaleUp .3s ease-out}.success-checkmark{font-size:3rem;color:#2ecc71;margin-bottom:1rem;animation:checkmark .5s ease-in-out}@keyframes scaleUp{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes checkmark{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.spinner{border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite;position:absolute;right:10px;top:50%;transform:translateY(-50%)}@keyframes spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}button.submitting{background-color:#bdc3c7!important;cursor:not-allowed!important;padding-right:40px!important}@keyframes blink{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.appointments-container{padding:2rem;max-width:1200px;margin:0 auto}.header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.back-button{padding:.5rem 1rem;background:#1976d2;color:#fff;border:none;border-radius:4px;cursor:pointer}.appointments-list{display:grid;gap:1rem}.appointment-card{padding:1.5rem;border:1px solid #ddd;border-radius:8px;background:#fff}.appointment-details{display:grid;gap:.5rem;margin-top:1rem}.status-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;background:#1976d233;color:#1976d2}body.react-confirm-alert-body-element{overflow:hidden}.react-confirm-alert-blur{filter:url(#gaussian-blur);filter:blur(2px);-webkit-filter:blur(2px)}.react-confirm-alert-overlay{position:fixed;inset:0;z-index:99;background:#ffffffe6;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;-ms-align-items:center;align-items:center;opacity:0;-webkit-animation:react-confirm-alert-fadeIn .5s .2s forwards;-moz-animation:react-confirm-alert-fadeIn .5s .2s forwards;-o-animation:react-confirm-alert-fadeIn .5s .2s forwards;animation:react-confirm-alert-fadeIn .5s .2s forwards}.react-confirm-alert-body{font-family:Arial,Helvetica,sans-serif;width:400px;padding:30px;text-align:left;background:#fff;border-radius:10px;box-shadow:0 20px 75px #00000021;color:#666}.react-confirm-alert-svg{position:absolute;top:0;left:0}.react-confirm-alert-body>h1{margin-top:0}.react-confirm-alert-body>h3{margin:0;font-size:16px}.react-confirm-alert-button-group{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:flex-start;margin-top:20px}.react-confirm-alert-button-group>button{outline:none;background:#333;border:none;display:inline-block;padding:6px 18px;color:#eee;margin-right:10px;border-radius:5px;font-size:12px;cursor:pointer}@-webkit-keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}@-moz-keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}@-o-keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}.navbar{position:fixed;top:0;left:0;right:0;height:70px;background-color:#2c3e50;color:#fff;display:flex;align-items:flex-start;padding:5px 20px;z-index:1000;box-shadow:0 2px 5px #0000001a}.read-only-input{background-color:#f5f5f5;cursor:not-allowed;border:1px solid #ddd}.toggle-btn{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;margin-right:20px;margin-top:8px}.navbar-title{margin:8px 0 0;font-size:1.6rem;flex-grow:1}.navbar-title{font-family:Segoe UI,sans-serif;letter-spacing:.5px;margin-left:15px}@media (max-width: 768px){.navbar-title{font-size:1.2rem;margin-left:10px;margin-top:5px}}.sidebar{width:250px;height:100vh;background-color:#2c3e50;color:#fff;position:fixed;top:70px;left:0;transition:all .3s ease-in-out;overflow:hidden;z-index:999}.sidebar-content{padding:20px;width:250px}.nav-menu{padding:20px 0}.nav-item{display:flex;align-items:center;padding:10px 0;cursor:pointer;transition:background-color .3s;white-space:nowrap}.nav-item:hover{background-color:#34495e}.nav-icon{margin-right:15px;font-size:1.2rem}.sidebar.closed{width:0}.main-content{margin-top:70px;margin-left:250px;padding:20px;transition:all .3s ease-in-out;min-height:calc(100vh - 70px);overflow-y:auto;height:calc(100vh - 70px)}.main-content.expanded{margin-left:0}.form-container{max-width:1200px;margin:2rem auto;padding:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 0 10px #0000001a;overflow-x:auto}.title{text-align:center;color:#2c3e50;margin-bottom:5px}.subtitle{text-align:center;color:#3498db;margin-top:0;margin-bottom:20px}.form-row{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:15px}.form-field{flex:1 1 45%;min-width:200px}.small-input input{width:80%;padding:6px;font-size:14px}label{display:block;margin-bottom:10px;font-weight:700;color:#34495e}input[type=text],input[type=number],input[type=date],select{width:100%;padding:8px;margin-top:5px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}.order-table{margin:20px 0;overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:600px}th,td{border:1px solid #ddd;padding:8px;text-align:left}th{background-color:#3498db;color:#fff}tr:nth-child(2n){background-color:#f2f2f2}.button-group{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:20px}.add-row-button,.view-order-button{background-color:#2ecc71;color:#fff;border:none;padding:8px 15px;border-radius:4px;cursor:pointer;min-width:120px;text-align:center}.add-row-button:hover,.submit-row-button:hover,.view-order-button:hover{background-color:#27ae60}.set-target-btn{padding:5px 10px;font-size:.9rem;margin-left:8px}.form-actions{display:flex;gap:15px;margin-top:20px}.submit-btn,.print-btn{padding:10px 20px}@media (max-width: 768px){.form-actions{flex-direction:column;gap:10px}.set-target-btn{margin-left:0;margin-top:5px}}.delivery-payment{display:flex;flex-wrap:wrap;gap:20px;margin-top:20px}.payment,.amount{flex:1 1 30%;min-width:200px}.payment-date,.advance-date{width:48%;padding:8px;border:1px solid #ccc;border-radius:4px;background-color:#f5f5f5;margin-top:10px}.advance-balance{display:flex;justify-content:flex-end;gap:20px;margin-top:10px}.advance,.balance{flex:1 1 30%;min-width:150px}.options{display:flex;flex-wrap:wrap;gap:10px;margin-top:5px}.options label{display:flex;align-items:center;gap:5px;font-weight:400;margin-bottom:0}.options.vertical{flex-direction:column;align-items:flex-start}@media (max-width: 768px){.form-top,.delivery-payment{flex-direction:column}.sidebar{width:200px}.sidebar.closed{width:0}.sidebar-content{width:200px}.main-content{margin-left:200px;padding:10px}.main-content.expanded{margin-left:0!important}.form-container{padding:10px;margin:1rem}table{display:block;overflow-x:auto;white-space:nowrap}input[type=text],input[type=number],input[type=date],select{font-size:14px;padding:6px}.add-row-button,.submit-row-button,.view-order-button{padding:6px 12px;font-size:14px;width:100%;margin-top:10px}.button-group{flex-direction:column;align-items:stretch}.navbar{flex-direction:row;justify-content:space-between;font-size:14px;padding:0 10px;height:80px}.toggle-btn{font-size:1.2rem;margin-right:10px;margin-top:5px}.nav-item{padding:8px 0;font-size:14px}.nav-icon{font-size:1rem}}@media (max-width: 480px){.navbar-title{font-size:1rem;margin-top:3px}.form-container{margin:.5rem}.options{flex-direction:column;gap:5px}.form-top,.delivery-payment{gap:10px}.left,.right,.delivery,.payment,.amount{flex:1 1 100%}.form-row{flex-direction:column}.form-field{flex:1 1 100%}}.profile-section{position:absolute;top:15px;right:20px;display:flex;align-items:center;gap:10px}.profile-icon{background-color:#007bff;color:#fff;font-weight:700;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:18px}.logout-btn{background-color:#e74c3c;border:none;color:#fff;padding:6px 12px;border-radius:5px;cursor:pointer}.submit-row-button{padding:8px 16px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.submit-row-button:hover{background-color:#0056b3}.navbar-right{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:0}.profile-icon{width:40px;height:40px;background-color:#4caf50;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px;margin-top:0}.target-display{z-index:1000;display:flex;align-items:center;flex-direction:row;padding:8px 12px;background:linear-gradient(135deg,#e75517,#e7c114);border-radius:12px;font-weight:700;color:#fff;box-shadow:0 2px 8px #00000026;margin:8px 10px 0 0;max-width:450px;gap:8px;transition:transform .3s ease,box-shadow .3s ease;overflow:visible;position:relative;top:0}.target-header{display:flex;align-items:center;gap:6px;font-size:1rem;font-weight:700;color:#00e1ff}.target-progress-container{width:100%;display:flex;flex-direction:column;gap:6px}.target-text{font-size:.9rem;font-weight:600;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress-bar{width:100%;height:14px;background-color:#3b3b52;border-radius:7px;overflow:hidden;position:relative}.progress-fill{height:100%;border-radius:7px;transition:width .5s ease-in-out,background-image .5s ease-in-out}.target-icon{font-size:1rem;color:#00e1ff}.target-display:hover{transform:scale(1.03);box-shadow:0 0 16px #0ff6}@keyframes blink-progress{0%,to{opacity:1;box-shadow:0 0 6px #fff9}50%{opacity:.6;box-shadow:0 0 14px #fff}}.blink-progress{animation:blink-progress 1s infinite}.blink{animation:blink 1s infinite;border:2px solid rgba(255,255,255,.5)}@media (max-width: 1200px){.target-display{max-width:380px;padding:7px 10px;margin:6px 8px 0 0}.target-header{font-size:.95rem}.target-text{font-size:.85rem}}@media (max-width: 992px){.target-display{max-width:320px;margin:5px 5px 0 0}.navbar-right{gap:6px}}@media (max-width: 768px){.target-display{flex-direction:column;align-items:center;text-align:center;padding:10px 8px;margin:2px auto 0;max-width:260px;width:90%;gap:6px;position:relative;top:0}.target-header{font-size:.85rem;justify-content:center}.target-progress-container{width:100%;gap:4px}.target-text{font-size:.8rem;white-space:normal;line-height:1.1}.progress-bar{height:12px}.target-icon{font-size:.9rem}.navbar-right{flex-wrap:wrap;justify-content:center;gap:4px;margin-top:5px}}@media (max-width: 576px){.target-display{max-width:240px;padding:8px 6px;margin:1px auto 0}.target-header{font-size:.8rem}.target-text{font-size:.75rem;font-weight:600}.progress-bar{height:10px}.target-icon{font-size:.85rem}}@media (max-width: 480px){.target-display{max-width:200px;padding:6px 5px;margin:0 auto}.target-header{font-size:.75rem}.target-text{font-size:.7rem}.progress-bar{height:8px}.navbar-right{gap:3px;margin-top:3px}}@media (max-width: 360px){.target-display{max-width:180px;padding:5px 4px;margin:0 auto}.target-header{font-size:.7rem}.target-text{font-size:.65rem}.target-icon{font-size:.75rem}}.logout-btn{padding:8px 14px;background-color:#ff4d4d;color:#fff;border:none;border-radius:20px;font-weight:700;cursor:pointer;height:30px;display:flex;align-items:center;justify-content:center;margin-top:0}.logout-btn:hover{background-color:#e60000}.executive-name-input{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;background-color:#f5f5f5;cursor:not-allowed}.summary-section{display:flex;justify-content:space-between;align-items:center;gap:20px}.left-side,.center-side,.right-side{flex:1}.center-side{display:flex;flex-direction:column;align-items:center}.payment-method-section{margin-top:10px}.payment-method-checkboxes label{margin-right:10px}button{margin-top:20px}.nav-item:hover{background:#87ceeb}.nav-icon{margin-right:10px}.calendar-icon-wrapper{position:relative;margin:0 1rem}.calendar-icon{cursor:pointer;font-size:20px}.calendar-popup{position:absolute;top:30px;right:0;z-index:100;background:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 12px #0000001a}.monthly-targets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-top:20px}.month-target-card{background:#fff;border-radius:8px;padding:15px;box-shadow:0 2px 5px #0000001a}.target-progress{margin-top:10px}.target-numbers{display:flex;justify-content:space-between;margin-top:5px;font-size:14px}.target-percentage{text-align:right;font-weight:700;margin-top:5px}.year-select{padding:5px 10px;border-radius:4px;border:1px solid #ddd}.logout-btn{position:relative;background-color:#1e88e5;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;transition:background-color .3s}.logout-btn:hover{background-color:#1565c0}.logout-options-dropdown{position:absolute;right:0;top:100%;background:#fff;border:1px solid #e3f2fd;border-radius:4px;box-shadow:0 2px 15px #1e88e533;z-index:1000;min-width:200px;overflow:hidden}.logout-options-dropdown button{display:block;width:100%;padding:10px 16px;text-align:left;background:#fff;border:none;cursor:pointer;color:#0d47a1;font-size:14px;transition:all .2s;border-bottom:1px solid #e3f2fd}.logout-options-dropdown button:last-child{border-bottom:none}.logout-options-dropdown button:hover{background-color:#bbdefb;color:#0d47a1}.logout-options-dropdown button:last-child:hover{background-color:#ffebee;color:#c62828}.logout-options-dropdown button:before{content:"";display:inline-block;width:18px;height:18px;margin-right:10px;vertical-align:middle;background-size:contain;background-repeat:no-repeat}.logout-options-dropdown button:nth-child(1):before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%230d47a1"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z"/></svg>')}.logout-options-dropdown button:nth-child(2):before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%230d47a1"><path d="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z"/></svg>')}.logout-options-dropdown button:nth-child(3):before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%230d47a1"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z"/></svg>')}.logout-options-dropdown button:nth-child(4):before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%230d47a1"><path d="M18.06 22.99h1.66c.84 0 1.53-.64 1.63-1.46L23 5.05h-5V1h-1.97v4.05h-4.97l.3 2.34c1.71.47 3.31 1.32 4.27 2.26 1.44 1.42 2.43 2.89 2.43 5.29v8.05zM1 21.99V21h15.03v.99c0 .55-.45 1-1.01 1H2.01c-.56 0-1.01-.45-1.01-1zm15.03-7c0-8-15.03-8-15.03 0h15.03zM1.02 17h15v2h-15z"/></svg>')}.logout-options-dropdown button:nth-child(5):before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23c62828"><path d="M10.09 15.59L11.5 17l5-5-5-5-1.41 1.41L12.67 11H3v2h9.67l-2.58 2.59zM19 3H5c-1.11 0-2 .9-2 2v4h2V5h14v14H5v-4H3v4c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"/></svg>')}.session-timer-card{display:flex;align-items:center;background:#fff;border-radius:10px;padding:8px 12px;margin-right:10px;box-shadow:0 2px 8px #0000001a;border:1px solid #e0e0e0;min-width:160px;margin-top:0}.timer-icon-container{margin-right:12px;display:flex;align-items:center}.timer-icon{width:24px;height:24px;color:#4facfe}.timer-content{display:flex;flex-direction:column}.timer-label{font-size:.75rem;color:#666;font-weight:500;margin-bottom:2px}.timer-value{font-family:Roboto Mono,monospace;font-size:1rem;font-weight:600;color:#333;letter-spacing:1px}@media (max-width: 1200px){.session-timer-card{min-width:160px;padding:8px 12px}}@media (max-width: 992px){.session-timer-card{display:none}}@keyframes pulse{0%{opacity:1}50%{opacity:.8}to{opacity:1}}.session-timer-card{animation:pulse 2s infinite}.dashboard-container{padding:20px;max-width:1200px;margin:0 auto}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin:30px 0}.stat-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 10px #0000001a;text-align:center}.stat-card h3{margin-top:0;color:#666;font-size:16px}.stat-value{font-size:32px;font-weight:700;color:#036;margin:10px 0}.placeholder-chart,.orders-placeholder{background:#fff;border-radius:8px;padding:20px;margin-top:30px;box-shadow:0 2px 10px #0000001a}.chart-placeholder,.placeholder-content{height:300px;display:flex;align-items:center;justify-content:center;background:#f8f9fa;border-radius:4px;color:#888;font-style:italic}.loading-spinner{display:flex;justify-content:center;align-items:center;height:200px;font-size:18px;color:#555}.view-orders-container{padding:20px;max-width:1200px;margin:0 auto}.orders-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.filters-container{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:8px}.filter-select{padding:8px 12px;border-radius:4px;border:1px solid #ddd;background:#fff;min-width:120px}.refresh-btn{padding:8px 15px;background:#036;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .2s}.refresh-btn:hover{background:#024}.refresh-btn:disabled{background:#ccc;cursor:not-allowed}.error-message{color:#dc3545;background:#f8d7da;padding:10px 15px;border-radius:4px;margin-bottom:20px}.dashboard-content{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}@media (max-width: 768px){.dashboard-content{grid-template-columns:1fr}}.stats-container{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.stat-card{background:#fff;border-radius:8px;padding:15px;box-shadow:0 2px 5px #0000001a;text-align:center}.stat-card h3{margin:0 0 10px;color:#666;font-size:14px}.stat-value{font-size:24px;font-weight:700;color:#036}.chart-container{background:#fff;border-radius:8px;padding:15px;box-shadow:0 2px 5px #0000001a}.no-data{text-align:center;padding:40px;color:#888;font-style:italic}.orders-table-container{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 5px #0000001a;overflow-x:auto}.orders-table{width:100%;border-collapse:collapse}.orders-table th,.orders-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #eee}.orders-table th{background-color:#036;color:#fff;position:sticky;top:0}.orders-table tr:hover{background-color:#f5f5f5}.status-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:700;color:#fff;display:inline-block;min-width:80px;text-align:center}.status-badge.completed{background-color:#28a745}.status-badge.pending{background-color:#ffc107;color:#212529}.status-badge.cancelled{background-color:#dc3545}.status-badge.in-progress{background-color:#17a2b8}.view-btn{padding:6px 12px;background:#036;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .2s}.view-btn:hover{background:#024}.no-orders{text-align:center;padding:40px;color:#888;font-style:italic}.loading-spinner{display:flex;justify-content:center;align-items:center;height:100px;color:#555}.orders-container{padding:20px;max-width:100%;overflow-x:auto}.loading,.error,.no-orders{padding:20px;text-align:center;font-size:18px}.error{color:#d32f2f}.table-responsive{overflow-x:auto;margin-top:20px;box-shadow:0 2px 8px #0000001a}.orders-table{width:100%;border-collapse:collapse;font-size:14px}.orders-table th,.orders-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #e0e0e0}.orders-table th{background-color:#f5f5f5;font-weight:600;color:#333}.orders-table tr:hover{background-color:#f9f9f9}.status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;text-transform:capitalize}.status-badge.completed,.status-badge.delivered,.status-badge.paid{background-color:#e8f5e9;color:#2e7d32}.status-badge.pending,.status-badge.processing{background-color:#fff8e1;color:#ff8f00}.status-badge.cancelled,.status-badge.failed{background-color:#ffebee;color:#c62828}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.start-design-container{padding:20px;max-width:1200px;margin:0 auto}.design-task-card{border:1px solid #ddd;border-radius:8px;padding:20px;margin-bottom:30px;box-shadow:0 2px 4px #0000001a;background-color:#fff}.design-info{margin-bottom:20px;line-height:1.6}.progress-bar-container{width:100%;height:10px;background-color:#f0f0f0;border-radius:5px;margin:20px 0;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#4caf50,#ff9800,#f44336);transition:width 1s ease-in-out;border-radius:5px}.timer-display{font-size:24px;margin:20px 0;padding:15px;border-radius:8px;background-color:#f5f5f5;display:inline-block;font-weight:700}.timer-display.warning{background-color:#fff3cd;color:#856404}.timer-display.critical{background-color:#f8d7da;color:#721c24}.time-used{font-size:16px;margin-left:10px;color:#666}.reminder-alert{padding:15px;background-color:#fff3cd;border-left:5px solid #ffc107;margin:15px 0;font-weight:700}.timer-controls{margin-top:20px;display:flex;gap:10px}.start-design-container button{padding:10px 15px;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:all .2s}.start-btn{background-color:#28a745;color:#fff}.pause-btn{background-color:#ffc107;color:#212529}.resume-btn{background-color:#17a2b8;color:#fff}.pause-reason-form{margin-top:20px;padding:20px;background-color:#f8f9fa;border-radius:8px}.reason-select{width:100%;padding:10px;margin-bottom:15px;border-radius:4px;border:1px solid #ced4da}.reason-textarea{width:100%;padding:10px;margin-top:10px;border-radius:4px;border:1px solid #ced4da;min-height:80px}.time-used-info{margin:10px 0;font-style:italic}.submit-reason-btn{background-color:#6c757d;color:#fff}.submit-reason-btn:disabled{opacity:.6;cursor:not-allowed}.time-up-options{margin-top:30px;padding:20px;background-color:#f8f9fa;border-radius:8px;border-left:5px solid #dc3545}.time-up-options h3{color:#dc3545;margin-top:0}.completion-options{display:flex;gap:15px;margin:20px 0;flex-wrap:wrap}.complete-btn{background-color:#28a745;color:#fff;padding:12px 20px}.incomplete-btn{background-color:#dc3545;color:#fff;padding:12px 20px}.extension-options{margin-top:20px}.extension-options h4{margin-bottom:10px}.extension-buttons{display:flex;gap:10px;flex-wrap:wrap}.extension-btn{background-color:#17a2b8;color:#fff;padding:8px 15px}.design-tasks-grid{margin-top:20px}.cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:20px}.design-card{border:1px solid #ddd;border-radius:8px;padding:15px;background-color:#fff;box-shadow:0 2px 4px #0000001a}.design-card h3{margin-top:0;color:#333}.start-design-btn{width:100%;margin-top:15px;background-color:#007bff;color:#fff}.loading{padding:20px;text-align:center;color:#17a2b8}.error{padding:20px;text-align:center;color:#dc3545}.no-tasks{padding:20px;text-align:center;color:#6c757d}@media (max-width: 768px){.completion-options{flex-direction:column}.completion-options button,.extension-buttons button{width:100%}}.back-btn{background-color:#6c757d;color:#fff;padding:8px 15px;margin-bottom:20px;border:none;border-radius:4px;cursor:pointer;font-weight:700}.status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:700}.status-assigned{background-color:#ffc107;color:#212529}.status-in-progress{background-color:#17a2b8;color:#fff}.status-completed{background-color:#28a745;color:#fff}.completed-btn{width:100%;margin-top:15px;background-color:#28a745;color:#fff;padding:10px;border:none;border-radius:4px;cursor:not-allowed;opacity:.7}.completion-option-pause{margin-top:20px;padding:15px;background-color:#e9f5e9;border-radius:8px;border-left:4px solid #28a745}.complete-btn-pause{background-color:#28a745;color:#fff;padding:10px 15px;border:none;border-radius:4px;cursor:pointer;margin-top:10px}