.toast-container{position:fixed;top:20px;right:20px;z-index:10001;display:flex;flex-direction:column;gap:12px;max-width:400px;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;padding:16px;border-radius:8px;box-shadow:0 4px 12px #00000026;background:#fff;border-left:4px solid;animation:slideIn .3s ease-out;pointer-events:auto;min-width:300px;max-width:400px}.toast-success{border-left-color:#10b981;background:#f0fdf4}.toast-error{border-left-color:#ef4444;background:#fef2f2}.toast-warning{border-left-color:#f59e0b;background:#fffbeb}.toast-info{border-left-color:#3b82f6;background:#eff6ff}.toast-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;font-size:14px}.toast-success .toast-icon{background:#10b981;color:#fff}.toast-error .toast-icon{background:#ef4444;color:#fff}.toast-warning .toast-icon{background:#f59e0b;color:#fff}.toast-info .toast-icon{background:#3b82f6;color:#fff}.toast-message{flex:1;font-size:14px;line-height:1.5;color:#374151;word-wrap:break-word}.toast-success .toast-message{color:#065f46}.toast-error .toast-message{color:#991b1b}.toast-warning .toast-message{color:#92400e}.toast-info .toast-message{color:#1e40af}.toast-close{flex-shrink:0;background:none;border:none;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;font-size:18px;padding:0;border-radius:4px;transition:all .2s ease}.toast-close:hover{background:#0000000d;color:#374151}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.toast.removing{animation:slideOut .3s ease-in forwards}.login-container{min-height:100vh;display:flex;background:#fff}.login-left{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;background:#fff}.login-form-container{width:100%;max-width:405px}.logo-section{margin-bottom:40px}.brand-name{font-size:24px;font-weight:600;color:#5fba49;margin:0}.form-section{width:100%}.form-title{font-size:28px;font-weight:600;color:#1f2937;margin:0 0 8px}.form-subtitle{font-size:16px;color:#6b7280;margin:0 0 32px;line-height:1.5}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px}.login-form{margin-bottom:32px}.form-group label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.form-group input{width:100%;padding:12px 14px;height:calc(1em + 29px);border:1px solid #d1d5db;border-radius:8px;font-size:16px;transition:all .2s ease;box-sizing:border-box;background:#fff}.form-group input:focus{outline:none;border-color:#5fba49;box-shadow:0 0 0 3px #5fba491a}.form-group input:disabled{background:#f9fafb;cursor:not-allowed}.form-group input::-moz-placeholder{color:#9ca3af}.form-group input::placeholder{color:#9ca3af}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.remember-me{display:flex;align-items:center;gap:8px}.remember-me input[type=checkbox]{width:16px;height:16px;margin:0;cursor:pointer;accent-color:#5fba49}.remember-me label{font-size:14px;color:#374151;cursor:pointer;margin:0}.forgot-password{font-size:14px;color:#5fba49;text-decoration:none;font-weight:500}.forgot-password:hover{text-decoration:underline}.signin-button{width:100%;background:#5fba49;color:#fff;border:none;padding:14px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-bottom:16px}.signin-button:hover:not(:disabled){background:#4a9b3a;transform:translateY(-1px)}.signin-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.signup-link{text-align:center;font-size:14px;color:#6b7280}.signup-link-text{color:#5fba49;text-decoration:none;font-weight:500}.signup-link-text:hover{text-decoration:underline}.login-right{flex:1;background:#5fba49;display:flex;align-items:center;justify-content:center;padding:60px 40px;position:relative;overflow:hidden}.right-content{text-align:center;color:#fff;max-width:500px}.sparkle-icon{margin-bottom:40px;display:flex;justify-content:center}.sparkle-icon svg{width:60px;height:60px;filter:drop-shadow(0 0 20px rgba(255,255,255,.3))}.right-title{font-size:48px;font-weight:700;line-height:1.2;margin:0 0 24px;color:#fff}.right-subtitle{font-size:18px;line-height:1.6;opacity:.9;margin:0 0 40px}.decorative-line{display:flex;justify-content:center;opacity:.6}.decorative-line svg{max-width:200px}@media (max-width: 768px){.login-container{flex-direction:column}.login-left{padding:20px}.login-right{min-height:300px;padding:40px 20px}.right-title{font-size:32px}.right-subtitle{font-size:16px}.sparkle-icon svg{width:40px;height:40px}}@media (max-width: 480px){.login-left{padding:20px 16px}.login-form-container{max-width:100%}.form-title{font-size:24px}.right-title{font-size:28px}.right-subtitle{font-size:14px}.form-options{flex-direction:column;align-items:stretch;gap:16px}.remember-me{justify-content:flex-start}.forgot-password{text-align:center}}.recent-patients-list{list-style:none;padding:0;margin:0}.recent-patient-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #f3f4f6;transition:background-color .2s ease}.recent-patient-item:hover{background-color:#f9fafb}.recent-patient-item:last-child{border-bottom:none}.patient-info{flex-grow:1}.patient-name{font-weight:500;color:#1f2937;margin:0 0 .25rem}.patient-id{font-size:.875rem;color:#6b7280;margin:0}.patient-date{font-size:.875rem;color:#5fba49;font-weight:500}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.quick-action-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,#5fba49,#4a9b3a);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.quick-action-btn:hover{background:linear-gradient(135deg,#4a9b3a,#3d8b2a);transform:translateY(-1px);box-shadow:0 4px 12px #5fba494d}.quick-action-btn.secondary{background:linear-gradient(135deg,#6b7280,#4b5563)}.quick-action-btn.secondary:hover{background:linear-gradient(135deg,#4b5563,#374151);box-shadow:0 4px 12px #6b72804d}.quick-action-btn span{font-size:1rem}.loading-message{display:flex;justify-content:center;align-items:center;min-height:400px;font-size:18px;color:#6b7280;background:#fff;border-radius:12px;margin:20px;box-shadow:0 2px 8px #0000001a}.error-message{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:400px;background:#fff;border-radius:12px;margin:20px;padding:40px;box-shadow:0 2px 8px #0000001a;text-align:center}.error-message h3{color:#dc2626;margin-bottom:16px;font-size:24px}.error-message p{color:#6b7280;margin-bottom:24px;font-size:16px}.error-message button{background:#5fba49;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.error-message button:hover{background:#4a9b3a}@media (max-width: 768px){.dashboard-container{padding:1rem}.stats-grid{grid-template-columns:1fr;gap:1rem}.dashboard-title{font-size:1.5rem}.quick-actions{grid-template-columns:1fr}.recent-patient-item{flex-direction:column;align-items:flex-start;gap:.5rem}.patient-date{align-self:flex-end}}.chart-container{width:100%;height:600px;margin:1.5rem 0;padding:3rem 2rem 2rem;background:#fff;border-radius:16px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d,0 1px 2px #0000001a}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-title-no-border{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.filter-container{display:flex;align-items:center}.filter-dropdown{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;background:#fff;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;outline:none}.filter-dropdown:hover{border-color:#5fba49;box-shadow:0 0 0 3px #5fba491a}.filter-dropdown:focus{border-color:#5fba49;box-shadow:0 0 0 3px #5fba491a}@media (max-width: 768px){.chart-container{height:450px;padding:2rem 1rem 1rem;margin:1rem 0}.chart-header{flex-direction:column;align-items:flex-start;gap:1rem}.filter-container{align-self:flex-end}}#chartjs-tooltip{z-index:1000}.dashboard-header{margin-bottom:24px}.dashboard-title{font-size:28px;font-weight:700;color:#1f2937;margin:0 0 8px}.dashboard-subtitle{font-size:14px;color:#6b7280;margin:0}.medical-info-section{margin-top:24px;padding:20px;background:#f9fafb;border-radius:8px}.medical-info-section h3{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 16px}.quick-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.quick-stat-item{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border-radius:8px;box-shadow:0 1px 2px #0000000d}.quick-stat-icon{font-size:32px}.quick-stat-value{font-size:20px;font-weight:600;color:#1f2937;margin:0}.quick-stat-label{font-size:13px;color:#6b7280;margin:0}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#f9fafb;border-radius:8px}.activity-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;flex-shrink:0}.activity-content{flex:1}.activity-text{font-size:14px;font-weight:500;color:#1f2937;margin:0 0 4px}.activity-time{font-size:12px;color:#9ca3af;margin:0}.appointments-list{display:flex;flex-direction:column;gap:12px}.appointment-item{display:flex;gap:12px;padding:12px;background:#f9fafb;border-radius:8px;border-left:3px solid #5fba49}.appointment-time{font-size:13px;font-weight:600;color:#5fba49;min-width:70px}.appointment-details{flex:1}.appointment-patient{font-size:14px;font-weight:500;color:#1f2937;margin:0 0 4px}.appointment-type{font-size:12px;color:#6b7280;margin:0}.quick-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px}.quick-action-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:14px;color:#374151;font-weight:500}.quick-action-btn:hover{background:#f9fafb;border-color:#5fba49;transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.quick-action-icon{font-size:32px}.status-dot.active{color:#10b981}.btn{border-radius:8px;border:none;color:inherit;font-family:inherit;font-weight:inherit;font-size:inherit;cursor:pointer}.btn:hover{background-color:var(--secondary-color)}.patient-page-container{position:absolute;display:flex;flex-direction:column;top:90px;left:250px;right:0;max-width:calc(100% - 250px);height:auto;padding:0 30px;box-sizing:border-box}.patient-page-header{margin-bottom:10px;flex-grow:0}.patient-page-header-text{font-size:25px;font-weight:600;line-height:28px}.patient-form-table-container{height:100%;background-color:var(--background-color);width:100%;display:flex;flex-direction:column}.patient-container{width:100%;margin:20px 0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0;gap:10px}.patient-search-div{display:flex;flex-grow:1}.patient-actions{display:flex;gap:10px}.export-btn,.filter-btn{display:flex;justify-content:center;align-items:center;padding:10px 18px;width:112px;height:44px;background:#fff;border:1px solid #d0d5dd;box-shadow:0 1px 2px #1018280d;border-radius:8px}.add-new-patient{margin-left:auto}.add-button{background-color:#5fba49;color:#fff;width:165px;height:40px}.patient-table{width:100%;display:flex;margin-top:10px}.no-results{text-align:center;padding:40px 20px;color:#6b7280;font-size:16px;width:100%}.calendar-wrapper{position:relative;width:100%;overflow:visible}.calendar-input{display:flex;align-items:center;justify-content:space-between;width:300px;height:40px;padding:8px 12px;border:none;border-bottom:2px solid #ccc;background:transparent;cursor:pointer;font-size:14px;color:#374151;transition:border-color .2s ease}.calendar-input:hover{border-bottom-color:#5fba49}.calendar-dropdown{position:fixed;z-index:9999;margin-top:4px}.calendar-popup{background:#fff;border-radius:8px;padding:12px;box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #0000001a;border:1px solid #e5e7eb;width:280px;position:relative}.calendar-header{display:flex;align-items:center;margin-bottom:10px}.calendar-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.calendar-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.nav-arrow{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.nav-arrow:hover{background-color:#f3f4f6}.month-year{font-size:14px;font-weight:600;color:#374151;margin:0}.calendar-controls{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:8px}.selected-date{background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;padding:6px 10px;font-size:12px;color:#374151;min-width:100px}.today-button{background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;padding:6px 12px;font-size:12px;color:#374151;cursor:pointer;transition:all .2s ease}.today-button:hover{background:#f3f4f6;border-color:#d1d5db}.calendar-days-header{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px}.day-name{text-align:center;font-size:10px;font-weight:500;color:#6b7280;padding:4px 2px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.calendar-day{position:relative;background:none;border:none;cursor:pointer;padding:6px 2px;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;height:32px;font-size:12px;transition:all .2s ease;color:#374151}.calendar-day:hover{background-color:#f3f4f6}.calendar-day.other-month{color:#d1d5db}.calendar-day.selected{background-color:#5fba49;color:#fff}.calendar-day.selected:hover{background-color:#4fa83d}.calendar-day.today{font-weight:600;color:#5fba49}.calendar-day.today.selected{color:#fff}.day-number{line-height:1}.activity-dot{position:absolute;bottom:4px;width:4px;height:4px;background-color:#5fba49;border-radius:50%}.calendar-day.selected .activity-dot{background-color:#fffc}@media (max-width: 480px){.calendar-popup{width:320px;padding:16px}.calendar-controls{flex-direction:column;gap:12px;align-items:stretch}.selected-date{text-align:center}}.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;width:100%;overflow:visible}.allergy-field{grid-column:span 4}.multi-select-container{position:relative;width:100%}.multi-select-dropdown{border:none;border-bottom:2px solid #ccc;outline:none;background:transparent;cursor:pointer;padding:8px 30px 8px 0;width:100%;min-height:40px;display:flex;align-items:center}.multi-select-tags{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.multi-select-tag{background-color:#5fba49;color:#fff;padding:2px 8px;border-radius:12px;font-size:12px;display:flex;align-items:center;gap:4px}.multi-select-tag-remove{cursor:pointer;font-weight:700;font-size:14px;line-height:1}.multi-select-tag-remove:hover{background-color:#fff3;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.radio-option,.checkbox-option{margin-bottom:.5rem}fieldset{border:none;padding:0}.date-picker-popup{box-sizing:border-box;display:flex;flex-direction:row;align-items:flex-start;padding:0;position:absolute;width:328px;height:516px;right:111px;top:663px;background:#fff;border:1px solid #F2F4F7;box-shadow:0 20px 24px -4px #10182814,0 8px 8px -4px #10182808;border-radius:8px}.date-picker-popup .selected-date{background-color:#10b981!important;color:#fff;border-radius:50%}input[type=date]::-webkit-calendar-picker-indicator{background-color:transparent;cursor:pointer}input[type=date]::-webkit-datetime-edit{color:#000;background:#fff;border-radius:8px;padding:4px}input[type=date]:focus::-webkit-datetime-edit{background-color:#f0f9ff}input[type=date]:focus::-webkit-calendar-picker-indicator{background-color:#10b981}.multi-select-with-search{position:relative;width:100%;margin-bottom:20px}.multi-select-label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.multi-select-input{position:relative;min-height:48px;padding:8px 40px 8px 12px;border:1px solid #D1D5DB;border-radius:8px;background:#fff;cursor:pointer;display:flex;align-items:center;transition:all .2s;width:100%}.multi-select-input:hover{border-color:#9ca3af}.multi-select-input.open{border-color:#5fba49;box-shadow:0 0 0 3px #5fba491a}.multi-select-input.disabled{background:#f3f4f6;cursor:not-allowed;opacity:.6}.placeholder{color:#9ca3af;font-size:14px}.tag{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#e5f5e0;color:#2d5016;border-radius:6px;font-size:13px;font-weight:500}.tag-remove{background:none;border:none;color:#2d5016;font-size:18px;line-height:1;cursor:pointer;padding:0;margin-left:2px;display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;transition:background .2s}.tag-remove:hover{background:#0000001a}.dropdown-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:transform .2s;color:#6b7280}.dropdown-arrow.open{transform:translateY(-50%) rotate(180deg)}.multi-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #D1D5DB;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:50;overflow:hidden;min-width:300px;display:flex;flex-direction:column}.search-box{padding:12px;border-bottom:1px solid #E5E7EB;width:100%;flex-shrink:0}.search-input{width:100%;padding:8px 12px;border:1px solid #D1D5DB;border-radius:6px;font-size:14px;outline:none;transition:border-color .2s}.search-input:focus{border-color:#5fba49;box-shadow:0 0 0 3px #5fba491a}.options-list{max-height:300px;overflow-y:auto;padding:4px;width:100%;flex:1;display:flex;flex-direction:column}.options-list::-webkit-scrollbar{width:8px}.options-list::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.options-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.options-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.option-item{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;border-radius:6px;transition:background .2s}.option-item:hover{background:#f9fafb}.option-item.selected{background:#e5f5e0}.option-checkbox{width:18px;height:18px;border:2px solid #D1D5DB;border-radius:4px;cursor:pointer;flex-shrink:0;accent-color:#5fba49}.option-label{font-size:14px;color:#374151;flex:1}.loading-indicator,.no-results{padding:16px;text-align:center;color:#6b7280;font-size:14px}.loading-indicator{display:flex;align-items:center;justify-content:center;gap:8px}.basic-info-container{box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:24px;gap:16px;width:100%;max-width:1200px;min-height:580px;border:1px solid #E5E7EB;border-radius:12px;position:relative;background:#fff;margin:0}.basic-info-section-title{font-family:Inter,sans-serif;font-weight:600;font-size:16px;color:#121212;margin-bottom:24px}.basic-info-form-container{display:flex;flex-direction:column;gap:34px;width:100%;flex:1;overflow:visible}.divider{width:100%;height:1px;background-color:#d4ccff}.submit-container{display:flex;justify-content:flex-end;align-items:center;width:100%;margin-top:auto;padding-top:24px;box-sizing:border-box}.btn{padding:10px 20px;font-size:16px;cursor:pointer;border:none;border-radius:5px}.patient-profile-card{background:#fff;border:1px solid #F3F4F6;border-radius:12px;padding:24px;margin-bottom:24px;margin-top:0;display:flex;align-items:center;justify-content:space-between;width:92%;box-sizing:border-box;box-shadow:0 1px 2px #0000000d}.tabs-container{margin-bottom:25px!important}.tabs-container button{padding:15px 40px!important;min-height:30px}.medical-history-container{width:100%;display:flex;flex-direction:column;background-color:var(--background-color)}.medical-history-header{width:100%;margin:20px 0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0;gap:10px}.medical-history-title-section{display:flex;flex-direction:column;gap:4px}.medical-history-title{font-size:18px;font-weight:600;color:#111827;margin:0}.medical-history-count{font-size:14px;color:#6b7280}.medical-history-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.search-input-wrapper{position:relative;display:flex;align-items:center}.medical-history-search{width:280px;height:44px;padding:10px 40px 10px 16px;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;outline:none;transition:all .2s;background:#fff}.medical-history-search:focus{border-color:#5fba49;box-shadow:0 0 0 3px #5fba491a}.medical-history-search::-moz-placeholder{color:#9ca3af}.medical-history-search::placeholder{color:#9ca3af}.search-icon{position:absolute;right:12px;pointer-events:none}.view-toggle-buttons{display:flex;border:1px solid #D1D5DB;border-radius:8px;overflow:hidden}.view-toggle-btn{background:#fff;border:none;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .2s}.view-toggle-btn:not(:last-child){border-right:1px solid #D1D5DB}.view-toggle-btn:hover{background:#f9fafb}.view-toggle-btn.active{background:#5fba49;color:#fff}.search-input-container{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;z-index:10}.search-input{padding:10px 10px 10px 36px;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;width:200px;outline:none;transition:border-color .2s}.search-input:focus{border-color:#5fba49}.medical-history-table{width:100%;display:flex;margin-top:10px}@media (max-width: 768px){.patient-profile-card{flex-direction:column;align-items:flex-start;gap:16px}.medical-history-header{flex-direction:column;align-items:flex-start}.medical-history-actions{width:100%;justify-content:flex-start}}.new-patients{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:0 30px;gap:20px;width:100%;max-width:100%;margin-top:90px;position:relative;box-sizing:border-box;min-height:calc(100vh - 90px)}.header-container{display:flex;flex-direction:row;align-items:center;gap:5px;width:100%;padding:16px 0}.arrow{width:24px;height:24px;cursor:pointer}.patients-title{font-style:normal;font-size:25px;line-height:20px;margin:0}.patient-card-information{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 24px;gap:20px;width:100%;height:118px;border:1px solid #D0D5DD;border-radius:8px;box-sizing:border-box}.profile-section{display:flex;flex-direction:row;align-items:center;gap:12px}.profile-picture{width:50px;height:50px;border-radius:50%;background-color:#d0d5dd;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff}.profile-details{display:flex;flex-direction:column;gap:4px}.name{font-weight:700;font-size:16px}.phone,.code{font-size:14px;color:#555}.buttons-section{display:flex;flex-direction:row;gap:16px}.cancel-button,.save-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px}.cancel-button{background-color:#f44336;color:#fff}.save-button{background-color:#4caf50;color:#fff}.patient-information{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:20px;padding:20px;top:90px;position:relative;width:calc(100% - 250px);margin-left:250px}.patient-information-first{flex:1}.patient-information-second{flex:1;width:100%}.tabs{display:flex;justify-content:flex-start;gap:10px;list-style-type:none;padding:0;margin:0 0 20px}.tab-item{padding:10px 20px;cursor:pointer;border-radius:5px;color:#000;transition:background-color .3s,color .3s}.tab-item.active{background-color:#5fba49;color:#fff}.tab-item:hover{background-color:#5fba49}.basic-info-tab-content{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:0 24px;gap:16px;width:100%;max-width:1090px;height:400px;border:1px solid #D0D5DD;border-radius:8px;position:relative;top:50px;box-sizing:border-box}.basic-info-tab-content-title{position:absolute;top:25px;left:24px;font-family:Inter,sans-serif;font-weight:600;font-size:16px;color:#121212}.basic-info-tab-content-container{display:flex;flex-direction:column;gap:34px;position:absolute;top:69px;left:24px;width:100%;height:292px}.medical-patient-information{position:relative;display:flex;flex-direction:column;justify-content:center;top:30px;max-width:100%;height:auto}.medical-patient-information-header-text{font-size:16px;line-height:28px}.add-medical-history{padding:24px;max-width:1200px;margin:0 auto}.add-medical-history-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.header-left{display:flex;align-items:center;gap:16px}.patient-profile-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;width:1090px;box-sizing:border-box}.patient-profile-left{display:flex;align-items:center;gap:16px}.patient-avatar{width:64px;height:64px;border-radius:50%;background-color:#9ca3af;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:600;color:#fff}.patient-basic-info h2{font-size:20px;font-weight:600;color:#121212;margin:0 0 4px}.patient-phone,.patient-id{font-size:14px;color:#6b7280;margin:2px 0}.patient-profile-right{display:flex;align-items:center;gap:12px}.medical-history-form-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;width:1090px;box-sizing:border-box}.medical-history-section{margin-bottom:32px}.section-title{font-size:18px;font-weight:600;color:#121212;margin:0 0 24px}.medical-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.medical-basic-form{display:contents}.notify-section{margin-bottom:24px}.notify-wrapper{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.notify-field{margin-bottom:16px}.notify-label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.radio-group{display:flex;gap:20px;align-items:center}.radio-option{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:14px;color:#374151}.radio-option input[type=radio]{width:16px;height:16px;accent-color:#5fba49}.radio-option span{-webkit-user-select:none;-moz-user-select:none;user-select:none}.date-time-section{display:flex;gap:20px;margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.date-range-group{display:flex;gap:16px;flex:2}.date-input-group,.time-input-group{flex:1}.date-input-group label,.time-input-group label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.time-input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;transition:border-color .2s ease}.time-input:focus{outline:none;border-color:#5fba49;box-shadow:0 0 0 2px #5fba491a}.time-dropdown-container{position:relative;width:100%}.time-dropdown-field{width:100%;border:none;border-bottom:2px solid #ccc;outline:none;background:transparent;cursor:pointer;padding:8px 30px 8px 0;min-height:40px;display:flex;align-items:center;justify-content:space-between;font-size:14px;transition:border-bottom-color .2s ease}.time-dropdown-field:hover{border-bottom-color:#5fba49}.time-selected{color:#374151}.time-placeholder{color:#9ca3af}.time-dropdown-arrow{transition:transform .3s ease;color:#6b7280;font-size:12px}.time-dropdown-arrow.open{transform:rotate(180deg)}.time-dropdown-options{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;max-height:200px;overflow-y:auto;z-index:1000;margin-top:4px}.time-option{padding:10px 12px;cursor:pointer;font-size:14px;transition:background-color .2s ease;border-bottom:1px solid #f3f4f6}.time-option:hover{background-color:#f9fafb}.time-option.selected{background-color:#5fba49;color:#fff}.time-option:last-child{border-bottom:none}.notify-form{margin-bottom:16px}.date-range-section{margin-left:24px}.complaints-section{margin-bottom:32px}.complaints-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.complaints-column h4,.diagnose-column h4{font-size:16px;font-weight:600;color:#121212;margin:0 0 12px}.rich-text-editor,.editor-container{border:1px solid #D0D5DD;border-radius:8px;overflow:hidden}.editor-toolbar{display:flex;gap:8px;padding:8px 12px;background-color:#f8f9fa;border-bottom:1px solid #D0D5DD}.editor-toolbar button{background:none;border:none;padding:4px 8px;cursor:pointer;border-radius:4px;font-size:14px;font-weight:500;color:#6b7280;transition:background-color .2s ease}.editor-toolbar button:hover{background-color:#e5e7eb}.editor-content{padding:12px;min-height:100px;font-size:14px;color:#6b7280}.editor-textarea{width:100%;border:none;padding:12px;font-size:14px;font-family:inherit;resize:vertical;min-height:100px;outline:none;color:#374151;background:#fff}.editor-textarea::-moz-placeholder{color:#9ca3af}.editor-textarea::placeholder{color:#9ca3af}.editor-textarea:focus{outline:none}.perceptions-section,.test-section{margin-bottom:32px}.perceptions-section h4,.test-section h4{font-size:16px;font-weight:600;color:#121212;margin:0 0 16px}.prescription-item,.test-item{border:1px solid #D0D5DD;border-radius:8px;margin-bottom:12px}.prescription-header,.test-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background-color:#f8f9fa}.prescription-header span,.test-header span{font-size:14px;font-weight:500;color:#374151}.expand-btn,.more-btn{background:none;border:none;cursor:pointer;padding:4px;font-size:16px;color:#6b7280}.prescription-actions,.test-actions,.prescription-details,.test-details{display:flex;gap:12px;margin:16px 0;flex-wrap:wrap}.medical-info-grid .form-field{margin-bottom:0}.medical-info-grid .form-group{display:flex;flex-direction:column}.medical-info-grid .form-label{font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.medical-info-grid .form-input{width:100%;padding:10px 12px;border:1px solid #D0D5DD;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s ease}.medical-info-grid .form-input:focus{border-color:#5fba49}@media (max-width: 768px){.add-medical-history{padding:16px}.patient-profile-section,.medical-history-form-container{width:100%;padding:16px}.patient-profile-section{flex-direction:column;align-items:flex-start;gap:16px}.patient-profile-right{width:100%;justify-content:flex-start}.complaints-grid{grid-template-columns:1fr;gap:16px}.date-time-section,.date-range-group{flex-direction:column;gap:16px}.radio-group{flex-direction:column;align-items:flex-start;gap:12px}.prescription-section,.test-section{padding:16px}.prescription-form-grid,.test-form-grid{grid-template-columns:1fr;gap:12px}.page-title{font-size:24px}}@media (max-width: 480px){.medical-info-grid{grid-template-columns:1fr}}.prescription-section,.test-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;overflow:hidden}.prescription-collapse-header,.test-collapse-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:#f8f9fa;border-bottom:1px solid #e5e7eb;cursor:pointer;transition:background-color .2s ease}.prescription-collapse-header:hover,.test-collapse-header:hover{background:#f1f3f4}.prescription-collapse-header h4,.test-collapse-header h4{margin:0;font-size:18px;font-weight:600;color:#121212}.collapse-arrow{transition:transform .3s ease}.collapse-arrow.collapsed{transform:rotate(-90deg)}.prescription-content,.test-content{padding:24px}.prescription-set{margin-bottom:24px;padding:16px;background:#f8f9fa;border-radius:8px;border:1px solid #e5e7eb}.prescription-set-label{margin:0 0 16px;font-size:16px;font-weight:600;color:#374151}.prescription-form-grid,.test-form-grid{display:flex;flex-direction:column;gap:12px}.prescription-row,.test-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.prescription-input{flex:1;min-width:200px;padding:12px 16px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#374151;background:#fff;transition:all .2s ease}.prescription-input:focus{outline:none;border-color:#5fba49;box-shadow:0 0 0 3px #5fba491a}.prescription-input::-moz-placeholder{color:#9ca3af}.prescription-input::placeholder{color:#9ca3af}.prescription-actions{display:flex;gap:8px;align-items:center}.prescription-btn,.test-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:8px 16px;font-size:14px;color:#6b7280;cursor:pointer;transition:all .2s ease}.prescription-btn:hover,.test-btn:hover{background:#f3f4f6;border-color:#9ca3af}.add-btn{background:#10b981;border:1px solid #10b981;border-radius:6px;padding:8px 12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;transition:background-color .2s ease;min-width:40px;height:40px;display:flex;align-items:center;justify-content:center}.add-btn:hover{background:#059669}.delete-btn{background:#ef4444;border:1px solid #ef4444;border-radius:6px;padding:8px 12px;color:#fff;cursor:pointer;font-size:14px;transition:background-color .2s ease;min-width:40px;height:40px;display:flex;align-items:center;justify-content:center}.delete-btn:hover:not(:disabled){background:#dc2626}.delete-btn:disabled{background:#d1d5db;border-color:#d1d5db;cursor:not-allowed;opacity:.5}.prescription-print-section,.test-print-section{margin-top:20px;padding-top:20px;border-top:1px solid #e5e7eb}.print-btn{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:10px 16px;font-size:14px;color:#6b7280;cursor:pointer;transition:all .2s ease}.print-btn:hover{background:#f3f4f6;border-color:#9ca3af}.print-btn svg{flex-shrink:0}.charts-container{margin:24px 0}.charts-title{font-size:24px;font-weight:700;color:#1f2937;margin:0 0 24px}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.chart-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014;border:1px solid #f0f0f0}.chart-card-wide{grid-column:1 / -1}.chart-title{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 16px;text-align:center}.chart-wrapper{height:300px;position:relative}@media (max-width: 768px){.charts-grid{grid-template-columns:1fr}.chart-wrapper{height:250px}}.employees-page{padding:24px;max-width:1200px;margin:90px auto 0}.employees-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.header-left{flex:1}.table-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);z-index:1}.search-input{width:100%;padding:12px 16px 12px 44px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;transition:border-color .2s ease;box-sizing:border-box}.search-input:focus{outline:none;border-color:#5fba49;box-shadow:0 0 0 2px #5fba491a}.search-input::-moz-placeholder{color:#9ca3af}.search-input::placeholder{color:#9ca3af}.employees-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.table-header{padding:20px 24px;border-bottom:1px solid #e5e7eb}.employees-table{width:100%;border-collapse:collapse}.employees-table th{background:#f9fafb;padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb}.employees-table td{padding:16px;border-bottom:1px solid #f3f4f6;vertical-align:middle}.employees-table tr:hover{background:#f9fafb}.employee-name{display:flex;align-items:center;gap:12px}.employee-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#5fba49,#4a9b3a);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff;text-transform:uppercase}.employee-details{flex:1}.employee-full-name{font-size:14px;font-weight:600;color:#121212}.employee-email{font-size:14px;color:#6b7280}.role-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;background:#e0f2fe;color:#0277bd}.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.status-badge.active{background:#dcfce7;color:#16a34a}.status-badge.inactive{background:#fee2e2;color:#dc2626}.created-date{font-size:14px;color:#6b7280}.actions-trigger{background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.actions-trigger:hover{background:#f3f4f6}.actions-menu{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;min-width:160px;z-index:1000;margin-top:4px}.action-item{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;border:none;background:none;cursor:pointer;font-size:14px;color:#374151;text-align:left;transition:background-color .2s ease;border-bottom:1px solid #f3f4f6}.action-item:hover{background:#f9fafb}.action-item:last-child{border-bottom:none}.action-item.delete{color:#dc2626}.action-item.delete:hover{background:#fef2f2}.empty-state{text-align:center;padding:48px 24px}.empty-icon{margin:0 auto 16px;width:48px;height:48px}.empty-state h3{font-size:18px;font-weight:600;color:#374151;margin:0 0 8px}.empty-state p{font-size:14px;color:#6b7280;margin:0}@media (max-width: 768px){.employees-page{padding:16px}.employees-header{flex-direction:column;align-items:flex-start;gap:16px}.header-actions{width:100%;justify-content:flex-start}.search-input-wrapper{max-width:100%}.employees-table{font-size:13px}.employees-table th,.employees-table td{padding:12px 8px}.employee-avatar{width:32px;height:32px;font-size:12px}.page-title{font-size:24px}}@media (max-width: 480px){.employees-table th:not(:first-child):not(:last-child),.employees-table td:not(:first-child):not(:last-child){display:none}.employee-name{flex-direction:column;align-items:flex-start;gap:8px}}.new-employee{padding:24px;max-width:1200px;margin:90px auto 0}.new-employee-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;padding:16px 0}.header-left{display:flex;align-items:center;gap:16px;flex:1}.back-button{background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.back-button:hover{background-color:#f3f4f6}.header-content{flex:1}.page-title{font-size:32px;font-weight:600;color:#121212;margin:0}.header-right{display:flex;align-items:center;gap:16px}.header-right-bell-icon{padding:8px;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.header-right-bell-icon:hover{background-color:#f3f4f6}.header-right-user{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.header-right-user:hover{background-color:#f3f4f6}.user-info{display:flex;flex-direction:column;align-items:flex-end}.user-name{font-size:14px;font-weight:600;color:#121212}.user-role{font-size:12px;color:#6b7280}.header-right-profile-icon,.header-right-drop-down-icon{display:flex;align-items:center;justify-content:center}.employee-form-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.form-section{padding:32px}.section-header{margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid #e5e7eb}.section-header h3{font-size:20px;font-weight:600;color:#121212;margin:0 0 8px}.section-header p{font-size:14px;color:#6b7280;margin:0}.employee-form{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;width:100%}.form-submit{margin-top:32px;display:flex;justify-content:flex-end}.create-employee-btn{background:linear-gradient(135deg,#5fba49,#4a9b3a)!important;color:#fff!important;border:none!important;padding:8px 16px!important;font-size:13px!important;border-radius:6px!important;min-width:120px!important}.create-employee-btn:hover:not(:disabled){background:linear-gradient(135deg,#4a9b3a,#3d8b2a)!important}.create-employee-btn:disabled{opacity:.6!important;cursor:not-allowed!important}@media (max-width: 768px){.new-employee{padding:16px}.new-employee-header{flex-direction:column;align-items:flex-start;gap:16px}.header-left{width:100%}.header-right{width:100%;justify-content:flex-end}.employee-form{grid-template-columns:1fr;gap:20px}.form-section{padding:24px 20px}.form-submit{justify-content:center}.create-employee-btn{width:100%!important;justify-content:center!important}.page-title{font-size:24px}.user-info{display:none}}@media (max-width: 480px){.header-left{flex-direction:column;align-items:flex-start;gap:12px}.back-button{align-self:flex-start}}.profile-page{padding:4rem 2rem 2rem;max-width:calc(100% - 250px);margin-top:70px;background:#fcfcfa;min-height:calc(100vh - 70px);text-align:left;display:flex;flex-direction:column;align-items:flex-start;box-sizing:border-box;overflow-x:hidden}.profile-header{display:flex;justify-content:flex-start;align-items:flex-start;margin-bottom:2rem;text-align:left;width:100%}.profile-header-left{flex:1;text-align:left}.profile-header-content{display:flex;flex-direction:column;text-align:left}.profile-page-title{font-size:2rem;font-weight:700;color:#1f2937;margin:0 0 .5rem;text-align:left}.profile-page-subtitle{font-size:1rem;color:#6b7280;margin:0;text-align:left}.profile-tabs{display:flex;justify-content:flex-start;gap:10px;list-style-type:none;padding:0;margin:0 0 20px;text-align:left;width:100%}.profile-tab-button{padding:10px 20px;cursor:pointer;border:none;border-radius:5px;color:#000;background:none;transition:background-color .3s,color .3s;font-size:14px;font-weight:500}.profile-tab-button.active,.profile-tab-button:hover{background-color:#5fba49;color:#fff}.profile-content{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a;border:1px solid #e5e7eb;text-align:left;width:100%;max-width:800px;box-sizing:border-box;overflow:hidden;align-self:flex-start}.profile-section,.password-section{display:flex;flex-direction:column;align-items:flex-start;text-align:left;width:100%}.section-header{margin-bottom:1.5rem;text-align:left}.section-header h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.section-header p{font-size:.875rem;color:#6b7280;margin:0}.profile-form{display:flex;flex-direction:column;align-items:flex-start;width:100%;max-width:700px}.profile-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem 2rem;margin-bottom:2rem;align-items:start;text-align:left;width:100%;box-sizing:border-box;max-width:100%}.password-form{display:flex;flex-direction:column;align-items:flex-start;width:100%;max-width:500px}.password-fields{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem;width:100%;text-align:left}.profile-form-field{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:8px;width:100%;min-height:75px}.profile-form-field label{font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.profile-form-field input,.profile-form-field select{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .2s ease;background-color:#fff;color:#1f2937;width:100%;box-sizing:border-box}.profile-form-field input:focus,.profile-form-field select:focus{outline:none;border-color:#5fba49;box-shadow:0 0 0 3px #5fba491a}.profile-form-field input:disabled,.profile-form-field input[readonly]{background-color:#f9fafb;border-color:#d1d5db;color:#6b7280;cursor:not-allowed}.profile-form-field input::-moz-placeholder{color:#9ca3af}.profile-form-field input::placeholder{color:#9ca3af}.profile-form-field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'><path fill='%23666' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>");background-repeat:no-repeat;background-position:right 12px center;background-size:12px}.form-actions{display:flex;justify-content:flex-start;gap:1rem}.update-btn{background:linear-gradient(135deg,#5fba49,#4a9b3a);color:#fff;border:none;padding:14px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:160px}.update-btn:hover:not(:disabled){background:linear-gradient(135deg,#4a9b3a,#3d8b2a);transform:translateY(-1px);box-shadow:0 4px 12px #5fba494d}.update-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.profile-page{padding:2rem 1rem;margin-left:200px;max-width:calc(100% - 200px)}.profile-header{flex-direction:column;align-items:flex-start;gap:1rem}.profile-form-grid{grid-template-columns:1fr;gap:1.5rem}.profile-tabs{flex-direction:row;gap:.5rem;justify-content:flex-start}.profile-tab-button{width:auto;min-width:150px;text-align:center}.profile-content{max-width:100%;padding:1.5rem}}@media (max-width: 480px){.profile-page{padding:1rem .5rem;margin-left:0;max-width:100%}.profile-page-title{font-size:1.5rem}.profile-content{padding:1rem;max-width:100%}.form-section h3{font-size:1rem}.action-buttons{flex-direction:column;gap:.75rem}.btn{width:100%}.profile-tabs{flex-direction:column;align-items:flex-start}}.settings-container{padding:4rem 2rem 2rem;background:#fcfcfa;min-height:100vh}.settings-header{margin-bottom:2rem}.settings-header h1{font-size:2rem;font-weight:700;color:#1f2937;margin:0}.settings-tabs{display:flex;justify-content:flex-start;gap:10px;list-style-type:none;padding:0;margin:0 0 20px}.tab-button{padding:10px 20px;cursor:pointer;border:none;border-radius:5px;color:#000;background:none;transition:background-color .3s,color .3s;font-size:14px;font-weight:500}.tab-button.active,.tab-button:hover{background-color:#5fba49;color:#fff}.table-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:20px;background:none;border:none;padding:0}.search-section{flex:1;max-width:400px}.search-input-wrapper{position:relative;width:100%}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.search-input{width:100%;padding:12px 16px 12px 48px;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;background-color:#f9fafb;transition:all .2s ease}.search-input:focus{outline:none;border-color:#5fba49;background-color:#fff;box-shadow:0 0 0 3px #5fba491a}.add-employee-btn{background:#5fba49;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;white-space:nowrap}.add-employee-btn:hover{background:#4da83d;transform:translateY(-1px);box-shadow:0 4px 12px #5fba494d}.settings-table-container,.table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a;border:1px solid #E5E7EB}.table-header{background:#f9fafb;padding:16px 20px;border-bottom:1px solid #E5E7EB;font-weight:600;color:#374151;font-size:14px}.table-header h3{font-size:18px;font-weight:600;color:#121212;margin:0}.table-wrapper{overflow-x:auto}.settings-table{width:100%;border-collapse:collapse}.settings-table th{background:#f9fafb;color:#6b7280;font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.5px;padding:12px 16px;text-align:left;border-bottom:1px solid #E5E7EB;white-space:nowrap}.settings-table td{padding:16px;border-bottom:1px solid #F3F4F6;color:#374151;font-size:14px;vertical-align:middle}.settings-table tr:hover{background-color:#f9fafb}.settings-table tr:last-child td{border-bottom:none}.status-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize}.status-badge.active{background:#def7ec;color:#03543f}.status-badge.inactive{background:#fee2e2;color:#991b1b}.action-menu-btn{width:32px;height:32px;border:none;background:transparent;color:#6b7280;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0}.action-menu-btn:hover{background:#f3f4f6}.action-menu-btn:disabled{opacity:.5;cursor:not-allowed}.actions-dropdown{position:relative}.action-dropdown-menu{position:absolute;right:0;top:100%;margin-top:4px;background:#fff;border:1px solid #E5E7EB;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;min-width:160px;z-index:1000;overflow:hidden}.dropdown-item{width:100%;display:flex;align-items:center;gap:8px;padding:10px 12px;border:none;background:#fff;color:#374151;font-size:14px;text-align:left;cursor:pointer;transition:background .2s ease}.dropdown-item:hover:not(:disabled){background:#f9fafb}.dropdown-item:disabled{opacity:.5;cursor:not-allowed}.dropdown-item.delete{color:#ef4444}.dropdown-item.delete:hover:not(:disabled){background:#fef2f2}.dropdown-item svg{flex-shrink:0}.action-buttons{display:flex;align-items:center;gap:8px}.action-btn{padding:6px 12px;border:1px solid #E5E7EB;background:#fff;color:#6b7280;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px}.edit-btn{color:#3b82f6;border-color:#3b82f6}.edit-btn:hover{background:#eff6ff;color:#1d4ed8}.delete-btn{color:#ef4444;border-color:#ef4444}.delete-btn:hover{background:#fef2f2;color:#dc2626}.condition-id{font-weight:600;color:#374151;font-size:14px}.condition-name{color:#111827;font-weight:500;font-size:14px}.condition-date{color:#6b7280;font-size:14px}.actions-dropdown{display:flex;align-items:center;justify-content:flex-start}.delete-action-btn{background:none;border:none;padding:8px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#ef4444}.delete-action-btn:hover{background:#fef2f2;transform:scale(1.1)}.delete-action-btn svg{transition:transform .2s ease}.delete-action-btn:hover svg{transform:scale(1.1)}.no-data{text-align:center;padding:60px 20px;color:#6b7280;font-size:16px;font-weight:500}.no-data span{display:block;font-size:14px;color:#9ca3af;font-weight:400;margin-top:8px}.empty-state{text-align:center;padding:60px 20px;color:#6b7280}.empty-state h3{font-size:18px;margin-bottom:8px;color:#374151}.empty-state p{font-size:14px;margin-bottom:20px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb}.modal-header h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.close-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;font-size:18px}.close-btn:hover{color:#374151}.modal-body{padding:2rem}.form-row{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:center}.form-input{flex:1;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:border-color .2s ease}.form-input:focus{outline:none;border-color:#5fba49;box-shadow:0 0 0 3px #5fba491a}.action-buttons{display:flex;gap:.5rem;align-items:center}.add-btn{background:#5fba49;border:none;border-radius:6px;padding:8px 12px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.add-btn:hover{background:#4a9b3a;transform:translateY(-1px)}.delete-btn{background:#ef4444;border:none;border-radius:6px;padding:8px 12px;color:#fff;cursor:pointer;font-size:16px;min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.delete-btn:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.delete-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.add-remove-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;padding:8px 12px;color:#6b7280;cursor:pointer;font-size:14px;min-width:60px;display:flex;align-items:center;justify-content:center;gap:4px}.add-remove-btn:hover{background:#e5e7eb}.modal-footer{padding:1.5rem 2rem;border-top:1px solid #e5e7eb;display:flex;justify-content:center}.save-btn{background:#5fba49;color:#fff;border:none;padding:12px 48px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s ease;width:100%;max-width:300px}.save-btn:hover{background:#4a9b3a}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:#fff;border-radius:12px;margin-top:1.5rem;box-shadow:0 1px 3px #0000001a}.pagination-info{color:#6b7280;font-size:14px;font-weight:500}.pagination-controls{display:flex;align-items:center;gap:.5rem}.pagination-btn{padding:8px 16px;border:1px solid #e5e7eb;background:#fff;color:#374151;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#5fba49;color:#5fba49}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.page-numbers{display:flex;align-items:center;gap:.25rem}.page-number{min-width:36px;height:36px;padding:0 8px;border:1px solid #e5e7eb;background:#fff;color:#374151;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.page-number:hover:not(:disabled){background:#f9fafb;border-color:#5fba49;color:#5fba49}.page-number.active{background:#5fba49;color:#fff;border-color:#5fba49}.page-number:disabled{opacity:.5;cursor:not-allowed}.page-ellipsis{padding:0 8px;color:#9ca3af;font-size:14px}@media (max-width: 768px){.settings-container{padding:2rem 1rem}.tab-header{flex-direction:column;gap:1rem;align-items:stretch}.form-row{flex-direction:column;gap:1rem}.add-remove-btn{align-self:flex-start}.modal-content{width:95%;margin:1rem}.modal-header,.modal-body,.modal-footer{padding:1rem}.pagination-container{flex-direction:column;gap:1rem;padding:1rem}.pagination-info{text-align:center}.page-numbers{overflow-x:auto;max-width:100%}}.cms-container{padding:2rem;margin-top:70px;background:#fcfcfa;min-height:calc(100vh - 70px);max-width:100%;box-sizing:border-box}.cms-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.cms-title{font-size:2rem;font-weight:700;color:#1f2937;margin:0}.back-button{display:flex;align-items:center;gap:.5rem;background:none;border:none;font-size:1.125rem;font-weight:500;color:#374151;cursor:pointer;padding:.5rem 0}.back-button:hover{color:#1f2937}.header-actions{display:flex;align-items:center;gap:1rem}.preview-btn{display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid #d1d5db;color:#374151;padding:.75rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.preview-btn:hover{background:#f9fafb;border-color:#9ca3af}.publish-group{display:flex}.publish-btn{background:#5fba49;color:#fff;border:none;padding:.75rem 1rem;border-radius:6px 0 0 6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.publish-btn:hover{background:#4a9b3a}.publish-dropdown{background:#5fba49;color:#fff;border:none;border-left:1px solid rgba(255,255,255,.2);padding:.75rem .5rem;border-radius:0 6px 6px 0;cursor:pointer;transition:all .2s ease}.publish-dropdown:hover{background:#4a9b3a}.cms-tabs{display:flex;gap:0;margin-bottom:2rem}.tab-button{background:#fff;border:1px solid #e5e7eb;color:#6b7280;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border-right:none}.tab-button:first-child{border-radius:6px 0 0 6px}.tab-button:last-child{border-radius:0 6px 6px 0;border-right:1px solid #e5e7eb}.tab-button.active{background:#5fba49;color:#fff;border-color:#5fba49}.tab-button:hover:not(.active){background:#f9fafb;color:#374151}.cms-controls{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.cms-count{font-size:.875rem;color:#6b7280;font-weight:500}.search-container{flex:1;max-width:300px}.search-input{width:100%;padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:all .2s ease;box-sizing:border-box}.search-input:focus{outline:none;border-color:#5fba49;box-shadow:0 0 0 3px #5fba491a}.action-controls{display:flex;gap:.75rem;margin-left:auto}.filters-btn{display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid #d1d5db;color:#374151;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.filters-btn:hover{background:#f9fafb;border-color:#9ca3af}.add-cms-btn{background:#5fba49;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.add-cms-btn:hover{background:#4a9b3a}.cms-table{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem}.cms-table table{width:100%;border-collapse:collapse}.cms-table th{background:#f9fafb;padding:1rem;text-align:left;font-size:.875rem;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb}.cms-table td{padding:1rem;border-bottom:1px solid #f3f4f6;font-size:.875rem;color:#1f2937;vertical-align:top}.cms-table tr:last-child td{border-bottom:none}.cms-table tr:hover{background:#f9fafb}.date-time{display:flex;flex-direction:column;gap:.25rem}.time{font-size:.75rem;color:#6b7280}.status{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:capitalize}.status.draft{background:#f3f4f6;color:#374151}.status.scheduled{background:#dbeafe;color:#1d4ed8}.status.published{background:#d1fae5;color:#065f46}.action-menu{position:relative}.action-btn{background:none;border:none;font-size:1.25rem;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease}.action-btn:hover{background:#f3f4f6;color:#374151}.action-dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 10px 15px -3px #0000001a;z-index:10;min-width:120px;display:none}.action-menu:hover .action-dropdown{display:block}.action-dropdown button{display:flex;align-items:center;gap:.5rem;width:100%;background:none;border:none;padding:.75rem 1rem;text-align:left;font-size:.875rem;color:#374151;cursor:pointer;transition:all .2s ease}.action-dropdown button:hover{background:#f9fafb}.action-dropdown button:first-child{border-radius:6px 6px 0 0}.action-dropdown button:last-child{border-radius:0 0 6px 6px}.pagination{display:flex;justify-content:space-between;align-items:center}.pagination-btn{background:#fff;border:1px solid #d1d5db;color:#374151;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.pagination-btn:hover{background:#f9fafb;border-color:#9ca3af}.page-numbers{display:flex;align-items:center;gap:.5rem}.page-btn{background:none;border:none;color:#6b7280;padding:.5rem .75rem;border-radius:4px;font-size:.875rem;cursor:pointer;transition:all .2s ease;min-width:32px}.page-btn.active{background:#5fba49;color:#fff}.page-btn:hover:not(.active){background:#f3f4f6;color:#374151}.add-content-form{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 1px 3px #0000001a}.form-layout{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.form-left,.form-right{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:600;color:#374151}.form-group input,.form-group select{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:all .2s ease;background:#fff}.form-group input:focus,.form-group select:focus{outline:none;border-color:#5fba49;box-shadow:0 0 0 3px #5fba491a}.form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'><path fill='%23666' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>");background-repeat:no-repeat;background-position:right 12px center;background-size:12px;cursor:pointer}.rich-text-editor{border:1px solid #d1d5db;border-radius:6px;overflow:hidden}.editor-toolbar{display:flex;align-items:center;gap:.25rem;padding:.5rem;background:#f9fafb;border-bottom:1px solid #e5e7eb;flex-wrap:wrap}.font-select,.size-select{background:#fff;border:1px solid #d1d5db;border-radius:4px;padding:.25rem .5rem;font-size:.75rem;min-width:60px}.toolbar-btn{background:none;border:1px solid transparent;color:#6b7280;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .2s ease;min-width:28px;height:28px;display:flex;align-items:center;justify-content:center}.toolbar-btn:hover{background:#e5e7eb;color:#374151}.toolbar-btn.bold{font-weight:700}.toolbar-btn.italic{font-style:italic}.toolbar-btn.underline{text-decoration:underline}.toolbar-btn.color-btn{color:#ef4444}.toolbar-divider{width:1px;height:20px;background:#d1d5db;margin:0 .25rem}.rich-text-editor textarea{width:100%;border:none;padding:1rem;font-size:.875rem;line-height:1.5;resize:vertical;min-height:200px;box-sizing:border-box}.rich-text-editor textarea:focus{outline:none}@media (max-width: 1024px){.cms-container{margin-left:0;max-width:100%;padding:1rem}.form-layout{grid-template-columns:1fr;gap:1.5rem}.cms-controls{flex-direction:column;align-items:stretch;gap:1rem}.action-controls{margin-left:0;justify-content:stretch}.action-controls button{flex:1}}@media (max-width: 768px){.cms-header{flex-direction:column;align-items:flex-start;gap:1rem}.header-actions{width:100%;justify-content:flex-end}.cms-table{overflow-x:auto}.cms-table table{min-width:600px}.pagination{flex-direction:column;gap:1rem}.page-numbers{order:-1}}.ecommerce-page{padding:20px}.tabs-container{margin-bottom:30px}.tabs{display:flex;border-bottom:2px solid #e5e7eb}.tab-button{padding:12px 24px;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:16px;font-weight:500;color:#6b7280;transition:all .2s ease}.tab-button:hover{color:#374151}.tab-button.active{color:#2563eb;border-bottom-color:#2563eb}.tab-content{margin-top:20px}.page-title{margin:100px 0 20px;color:#1a1a1a;font-size:1.75rem;font-weight:600}.section-header{display:flex;justify-content:space-between;align-items:center;margin-top:0;margin-bottom:20px;gap:20px}.header-actions{display:flex;gap:12px;align-items:center}.search-bar{flex:1;max-width:600px}.search-input{width:100%;padding:12px 20px;border:1px solid #ddd;border-radius:8px;font-size:15px;transition:border-color .2s;box-sizing:border-box}.filter-btn{display:flex;align-items:center;gap:8px;background:#fff;color:#374151;border:1px solid #d1d5db;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;white-space:nowrap}.filter-btn:hover{background:#f9fafb;border-color:#9ca3af}.filter-icon{font-size:18px}.filter-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000;animation:fadeIn .3s ease}.filter-drawer{position:fixed;top:0;right:0;bottom:0;width:400px;max-width:90vw;background:#fff;box-shadow:-2px 0 10px #0000001a;z-index:1001;display:flex;flex-direction:column;animation:slideInRight .3s ease}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.filter-drawer-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.filter-drawer-header h3{margin:0;font-size:1.25rem;color:#1a1a1a}.close-btn{background:none;border:none;font-size:20px;cursor:pointer;color:#6b7280;padding:4px 8px;border-radius:4px;transition:all .2s}.close-btn:hover{background:#f3f4f6;color:#1a1a1a}.filter-drawer-content{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:20px}.filter-drawer-footer{padding:20px 24px;border-top:1px solid #e5e7eb;display:flex;gap:12px}.apply-btn{flex:1;padding:12px 24px;background:#2563eb;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s}.apply-btn:hover{background:#1d4ed8}.reset-btn{flex:1;padding:12px 24px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;color:#374151;transition:all .2s}.reset-btn:hover{background:#e5e7eb;border-color:#9ca3af}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{font-size:14px;font-weight:600;color:#374151}.filter-select,.filter-input{padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .2s;background:#fff}.filter-select:focus,.filter-input:focus{outline:none;border-color:#2563eb}.create-btn{background:#2563eb;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s ease}.create-btn:hover{background:#1d4ed8}.orders-table-container,.products-table-container,.categories-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;margin-top:20px}.orders-table,.products-table,.categories-table{width:100%;border-collapse:collapse}.orders-table th,.orders-table td,.products-table th,.products-table td,.categories-table th,.categories-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e5e7eb}.orders-table th,.products-table th,.categories-table th{background-color:#f9fafb;font-weight:600;color:#374151;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.orders-table tbody tr:hover,.products-table tbody tr:hover,.categories-table tbody tr:hover{background-color:#f9fafb}.status-badge{padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:uppercase}.status-pending{background-color:#fef3c7;color:#d97706}.status-shipped{background-color:#dbeafe;color:#2563eb}.status-delivered{background-color:#d1fae5;color:#065f46}.orders-table-container{position:relative;overflow:visible!important}.orders-table{width:100%;border-collapse:collapse;overflow:visible}.orders-table tbody tr,.orders-table td{position:relative;overflow:visible}.dots-btn{background:transparent;border:none;font-size:20px;cursor:pointer;padding:4px 8px}.dropdown-menu{position:absolute;right:10px;top:30px;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #00000026;display:flex;flex-direction:column;z-index:9999;min-width:150px}.dropdown-menu button{background:none;border:none;padding:10px 15px;text-align:left;cursor:pointer;font-size:14px}.dropdown-menu button:hover{background-color:#f0f0f0}.order-details-page{padding:24px;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a}.order-card{margin-top:16px;background:#f9f9f9;padding:16px;border-radius:8px}.back-btn{background:#007bff;color:#fff;padding:8px 14px;border:none;border-radius:6px;cursor:pointer}.back-btn:hover{background:#0056b3}.order-details-page{padding:2rem;background-color:#f9fafb;min-height:100vh}.back-btn{background:#008000d7;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;margin-bottom:20px;transition:background .2s;margin-top:30px}.back-btn:hover{background:green}.order-details-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 12px #0000001a}.order-details-card h2{margin-bottom:1.5rem;color:#333;border-bottom:2px solid #eee;padding-bottom:.5rem}.order-info{display:flex;justify-content:space-between;flex-wrap:wrap;gap:2rem}.order-info p{margin:.4rem 0;font-size:15px;color:#444}.status{text-transform:capitalize;padding:3px 8px;border-radius:5px;color:#fff;font-size:13px}.status.pending{background-color:#f59e0b}.status.shipped{background-color:#3b82f6}.status.delivered{background-color:#10b981}.payment-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;display:inline-block}.payment-badge.payment-paid{background:#d1fae5;color:#065f46}.payment-badge.payment-pending{background:#fef3c7;color:#92400e}.payment-badge.payment-failed{background:#fee2e2;color:#991b1b}.payment-badge.payment-refunded{background:#e0e7ff;color:#3730a3}@media (max-width: 768px){.section-header{flex-direction:column;align-items:stretch}.search-bar{max-width:100%}.header-actions{width:100%;justify-content:space-between}.filter-btn,.create-btn{flex:1}.filter-drawer{width:100%;max-width:100%}}.products-page{padding:20px;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.products-section{margin-top:20px;width:100%;max-width:100%;box-sizing:border-box}.section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:20px;width:100%;max-width:100%;box-sizing:border-box}.header-left{display:flex;flex-direction:column;gap:12px;flex:1}.header-actions{display:flex;align-items:center;gap:15px}.search-bar{position:relative;width:100%;max-width:500px}.search-input{width:100%;padding:10px 15px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .2s;box-sizing:border-box}.search-input:focus{outline:none;border-color:#2563eb}.search-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:18px;pointer-events:none;opacity:.5}.create-btn{background:#008000bb;color:#fff;border:none;padding:10px 24px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s ease;white-space:nowrap;align-self:flex-start}.create-btn:hover{background:#008000e6}.products-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-x:auto;overflow-y:visible;margin-top:20px;width:100%;max-width:100%;box-sizing:border-box;-webkit-overflow-scrolling:touch}.products-table{width:100%;border-collapse:collapse;min-width:800px}.products-table th,.products-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e5e7eb;white-space:nowrap}.products-table th{background-color:#f9fafb;font-weight:600;color:#374151;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.products-table tbody tr:hover{background-color:#f9fafb}.form-actions button:first-child{background:#2563eb;color:#fff}.form-actions button:first-child:hover{background:#1d4ed8}.dropdown-menu{position:absolute;right:0;top:30px;z-index:9999;box-shadow:0 4px 12px #0000001f;background:#fff;border:1px solid #ddd;border-radius:6px}.dropdown-menu button{width:100%;text-align:left;background:none;border:none;padding:8px 12px;cursor:pointer;font-size:14px}.dropdown-menu button:hover{background-color:#f5f5f5}.status.active{color:green;font-weight:600}.status.inactive{color:red;font-weight:600}@media (max-width: 768px){.section-header{flex-direction:column;align-items:stretch;gap:15px}.header-left{gap:10px}.search-bar,.create-btn{width:100%}}.create-product-page{padding:20px;max-width:1200px;margin:0 auto}.page-header h2{font-size:24px;font-weight:600;color:#333}.product-form-container{background:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 8px #0000001a}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#333}.form-group input[type=text],.form-group input[type=number],.form-group input[type=date],.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .2s;box-sizing:border-box;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;line-height:1.5;min-height:42px}.form-group select{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;padding-right:36px}.form-group input[type=number]::-webkit-outer-spin-button,.form-group input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-group input[type=number]{-moz-appearance:textfield}.form-group input[type=text]:focus,.form-group input[type=number]:focus,.form-group input[type=date]:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#008000bb}.form-group select:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.6}.form-group textarea{resize:vertical;min-height:100px}.form-group input[type=file]{width:100%;padding:8px;border:1px dashed #ddd;border-radius:4px;cursor:pointer}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.images-container{display:flex;flex-wrap:wrap;gap:16px;margin-top:8px}.image-upload-box{display:flex;width:120px;height:120px;padding:16px;border:2px dashed #d1d5db;border-radius:8px;background:#f9fafb;cursor:pointer;transition:all .2s ease}.image-upload-box:hover{border-color:#008000bb;background:#0080000d}.image-upload-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%}.image-upload-icon{font-size:32px;opacity:.6}.image-upload-text{font-size:12px;font-weight:500;color:#374151;text-align:center}.image-upload-hint{font-size:10px;color:#6b7280;text-align:center}.image-upload-preview{position:relative;width:120px;height:120px;border-radius:8px;border:2px solid #e5e7eb;overflow:hidden;background:#f9fafb}.image-upload-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.image-remove-btn{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;background:#dc2626e6;color:#fff;border:none;font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.image-remove-btn:hover{background:#dc2626;transform:scale(1.1)}.image-preview-container{margin-top:15px;display:flex;justify-content:center}.image-preview{max-width:300px;max-height:300px;border-radius:8px;border:2px solid #eee;-o-object-fit:contain;object-fit:contain}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:30px;padding-top:20px;border-top:1px solid #eee}.cancel-btn,.submit-btn{padding:10px 24px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.cancel-btn{background:#f5f5f5;color:#666}.cancel-btn:hover{background:#e0e0e0}.submit-btn{background:#008000bb;color:#fff}.submit-btn:hover{background:#008000e6}.custom-select-wrapper{position:relative;width:100%}.custom-select-trigger{width:100%;padding:10px 36px 10px 12px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:14px;transition:border-color .2s;min-height:42px;box-sizing:border-box}.custom-select-trigger:hover{border-color:#bbb}.custom-select-trigger.disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.6}.select-arrow{font-size:10px;transition:transform .2s;color:#666}.custom-select-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 12px #00000026;z-index:1000;margin-top:4px;max-height:300px;display:flex;flex-direction:column}.select-search-box{padding:8px;border-bottom:1px solid #eee}.select-search-box input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.select-search-box input:focus{outline:none;border-color:#008000bb}.select-options{max-height:250px;overflow-y:auto}.select-option{padding:10px 12px;cursor:pointer;font-size:14px;transition:background-color .2s}.select-option:hover{background-color:#f5f5f5}.select-option.selected{background-color:#0080001a;color:#008000e6;font-weight:500}.select-loading,.select-no-results{padding:12px;text-align:center;color:#999;font-size:14px}@media (max-width: 768px){.create-product-page{padding:15px}.product-form-container{padding:20px}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.cancel-btn,.submit-btn{width:100%}}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:30px;padding:15px 20px;border-top:1px solid #e5e7eb;background-color:#fafafa}.pagination-center{display:flex;align-items:center;gap:6px}.pagination-btn{padding:8px 18px;border:1px solid #ddd;background:#fff;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;color:#333;transition:all .2s ease;min-width:100px}.pagination-btn:hover:not(:disabled){background:#008000bb;border-color:#008000bb;color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px #00800033}.pagination-btn:disabled{opacity:.4;cursor:not-allowed;background:#f5f5f5}.pagination-numbers{display:flex;gap:6px;align-items:center}.pagination-number{width:36px;height:36px;border:1px solid #ddd;background:#fff;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;color:#333;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.pagination-number:hover{background:#f5f5f5;border-color:#008000bb;color:#008000bb;transform:translateY(-1px)}.pagination-number.active{background:#008000bb;color:#fff;border-color:#008000bb;box-shadow:0 2px 4px #0080004d}.pagination-ellipsis{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#666;font-size:14px;font-weight:500}.confirm-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirm-dialog-container{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;width:90%;max-width:450px;animation:slideUp .3s ease-in-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.confirm-dialog-header{padding:24px 24px 16px;border-bottom:1px solid #e5e7eb}.confirm-dialog-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#1a1a1a}.confirm-dialog-body{padding:24px}.confirm-dialog-body p{margin:0;font-size:1rem;color:#4b5563;line-height:1.6}.confirm-dialog-footer{padding:16px 24px 24px;display:flex;gap:12px;justify-content:flex-end}.confirm-dialog-btn{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;min-width:100px}.confirm-dialog-btn:disabled{opacity:.6;cursor:not-allowed}.cancel-btn{background:#f3f4f6;color:#374151}.cancel-btn:hover:not(:disabled){background:#e5e7eb}.confirm-btn{background:#dc2626;color:#fff}.confirm-btn:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 8px #dc262633}.categories-page{padding:20px}.page-header{margin-bottom:30px}.page-header h1{margin:0 0 10px;color:#1a1a1a;font-size:2rem}.page-header p{margin:0;color:#666;font-size:1rem}.categories-section{margin-top:80px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h2{margin:0;color:#1a1a1a;font-size:1.5rem}.create-btn{background:#008000bb;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s ease}.create-btn:hover{background:#008000d9}.search-container{margin-bottom:20px}.search-input{width:100%;max-width:400px;padding:10px 15px;border:1px solid #ddd;border-radius:6px;font-size:14px;outline:none;transition:border-color .2s ease}.search-input:focus{border-color:#008000bb;box-shadow:0 0 0 3px #0080001a}.search-input::-moz-placeholder{color:#999}.search-input::placeholder{color:#999}.categories-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;margin-top:20px}.categories-table{width:100%;border-collapse:collapse}.categories-table th,.categories-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e5e7eb}.categories-table th{background-color:#f9fafb;font-weight:600;color:#374151;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.categories-table tbody tr:hover{background-color:#f9fafb}.action-btn{background:none;border:1px solid #d1d5db;padding:4px 8px;border-radius:4px;cursor:pointer;margin-right:4px;font-size:.875rem;color:#374151}.action-btn:hover{background-color:#f3f4f6}.form-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.form-container{background:#fff;padding:24px;border-radius:8px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.form-container h3{margin:0 0 20px;color:#1a1a1a;font-size:1.25rem}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:4px;font-weight:500;color:#374151}.form-group input,.form-group select,.form-group textarea{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:4px;font-size:14px}.form-group textarea{resize:vertical;min-height:80px}.custom-multi-select{position:relative}.multi-select-input{min-height:42px;padding:6px 40px 6px 12px;border:1px solid #d1d5db;border-radius:6px;background-color:#fff;cursor:pointer;display:flex;align-items:center;flex-wrap:wrap;gap:6px;position:relative;transition:border-color .2s}.multi-select-input:hover{border-color:#00800080}.multi-select-input .placeholder{color:#9ca3af;font-size:14px}.multi-select-input .dropdown-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#6b7280;font-size:10px;pointer-events:none}.selected-tags{display:flex;flex-wrap:wrap;gap:6px;flex:1}.category-tag-input{display:inline-flex;align-items:center;gap:4px;background-color:#0080001a;color:#008000e6;padding:4px 8px;border-radius:12px;font-size:13px;font-weight:500;border:1px solid rgba(0,128,0,.3)}.remove-tag-input{background:none;border:none;color:#008000e6;font-size:16px;line-height:1;cursor:pointer;padding:0;width:14px;height:14px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.remove-tag-input:hover{background-color:#00800033}.dropdown-menu{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;max-height:300px;overflow-y:auto;z-index:1000}.dropdown-search{padding:8px;border-bottom:1px solid #e5e7eb;position:sticky;top:0;background:#fff;z-index:1}.dropdown-search-input{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;outline:none;transition:border-color .2s}.dropdown-search-input:focus{border-color:#008000bb;box-shadow:0 0 0 2px #0080001a}.dropdown-loading,.dropdown-empty{padding:20px;text-align:center;color:#6b7280;font-size:14px}.dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;transition:background-color .2s;border-bottom:1px solid #f3f4f6}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background-color:#0080000d}.dropdown-item input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:rgba(0,128,0,.733)}.dropdown-label{flex:1;font-size:14px;color:#374151;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.category-names{display:flex;flex-wrap:wrap;gap:4px;font-size:13px}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.form-actions button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500}.form-actions button:first-child{background:#008000bb;color:#fff}.form-actions button:first-child:hover{background:#008000bb}.form-actions button:last-child{background:#f3f4f6;color:#374151}.form-actions button:last-child:hover{background:#e5e7eb}.actions-cell{position:relative;text-align:center}.dropdown{position:relative;display:inline-block}.dropdown-toggle{background:transparent;border:none;font-size:20px;cursor:pointer;color:#333}.dropdown-menu{position:absolute;right:0;top:25px;background:#fff;border:1px solid #ddd;border-radius:6px;min-width:130px;box-shadow:0 4px 8px #0000001a;z-index:9999;display:flex;flex-direction:column}.dropdown-item{padding:8px 12px;text-align:left;border:none;background:none;cursor:pointer;font-size:14px}.dropdown-item:hover{background-color:#f4f4f4}.status{padding:4px 8px;border-radius:4px;font-size:13px;font-weight:500}.status.active{color:#0a920a;background:#e8f7e8}.status.inactive{color:#a00;background:#fdeaea}.categories-page,.categories-section,.categories-table-container{overflow:visible!important}.checkbox-group{display:flex;align-items:center;gap:8px}.checkbox-group input{transform:scale(1.1);margin-right:6px}.icon-upload-wrapper{margin-top:8px}.icon-upload-box{display:block;width:100%;padding:32px;border:2px dashed #d1d5db;border-radius:8px;background:#f9fafb;cursor:pointer;transition:all .2s ease}.icon-upload-box:hover{border-color:#008000bb;background:#0080000d}.icon-upload-content{display:flex;flex-direction:column;align-items:center;gap:8px}.icon-upload-icon{font-size:48px;opacity:.6}.icon-upload-text{font-size:14px;font-weight:500;color:#374151}.icon-upload-hint{font-size:12px;color:#6b7280}.icon-upload-preview{position:relative;width:120px;height:120px;border-radius:8px;border:2px solid #e5e7eb;overflow:hidden;background:#f9fafb}.icon-upload-preview img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.icon-remove-btn{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;background:#dc2626e6;color:#fff;border:none;font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.icon-remove-btn:hover{background:#dc2626;transform:scale(1.1)}.category-icon{width:40px;height:40px;border-radius:6px;-o-object-fit:cover;object-fit:cover;border:1px solid #e5e7eb}.category-icon-fallback{width:40px;height:40px;border-radius:6px;background:#0080001a;color:#008000bb;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px;border:1px solid rgba(0,128,0,.2)}.dashboard-container{padding:20px;background:#fcfcfa;min-height:calc(100vh - 70px);margin-top:90px}.loading-message{text-align:center;padding:60px 20px;font-size:16px;color:#6b7280}.top-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:20px}.stat-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 4px #0000000f}.stat-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.stat-card-header h3{font-size:16px;font-weight:600;color:#1f2937;margin:0}.menu-btn{background:none;border:none;font-size:18px;color:#9ca3af;cursor:pointer;padding:4px 8px}.menu-btn:hover{color:#4b5563}.stat-subtitle{font-size:13px;color:#6b7280;margin:0 0 12px}.stat-main{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.stat-value{font-size:32px;font-weight:700;color:#1f2937}.stat-label{font-size:14px;color:#6b7280}.stat-growth{font-size:13px;font-weight:600;padding:2px 8px;border-radius:4px;margin-left:auto}.stat-growth.positive{color:#059669;background:#d1fae5}.stat-growth.negative{color:#dc2626;background:#fee2e2}.stat-previous{font-size:13px;color:#6b7280;margin:0 0 16px}.details-btn{width:100%;padding:8px 16px;border:1px solid #e5e7eb;background:#fff;border-radius:6px;font-size:14px;color:#5fba49;font-weight:500;cursor:pointer;transition:all .2s}.details-btn:hover{background:#f9fafb;border-color:#5fba49}.pending-canceled-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:16px}.label-small{font-size:13px;color:#6b7280;margin:0 0 8px}.value-large{font-size:28px;font-weight:700;color:#1f2937;margin:0 0 4px}.value-large.text-red{color:#dc2626}.label-tiny{font-size:12px;color:#6b7280;margin:0}.label-tiny.text-red{color:#dc2626}.main-content-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-bottom:20px}.report-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 4px #0000000f}.report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.report-header h2{font-size:18px;font-weight:600;color:#1f2937;margin:0}.week-toggle{display:flex;gap:8px;align-items:center}.week-toggle button{padding:6px 16px;border:none;background:#fff;border-radius:6px;font-size:13px;cursor:pointer;color:#6b7280;transition:all .2s}.week-toggle button.active{background:#5fba49;color:#fff}.week-toggle button:not(.active):hover{background:#f3f4f6}.report-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px}.report-stat-item{text-align:center}.report-stat-value{font-size:24px;font-weight:700;color:#1f2937;margin:0 0 4px}.report-stat-label{font-size:12px;color:#6b7280;margin:0}.chart-container-report{height:300px}.sidebar-widgets{display:flex;flex-direction:column;gap:20px}.widget-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 4px #0000000f}.widget-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.widget-header h3{font-size:14px;font-weight:600;color:#1f2937;margin:0 0 8px}.widget-large-number{font-size:32px;font-weight:700;color:#1f2937;margin:0}.widget-subtitle{font-size:13px;color:#6b7280;margin:0 0 12px}.mini-bar-chart{display:flex;align-items:flex-end;gap:4px;height:80px}.mini-bar-chart .bar{flex:1;background:#5fba49;border-radius:2px 2px 0 0;min-height:4px}.countries-list{display:flex;flex-direction:column;gap:16px}.country-item{display:flex;flex-direction:column;gap:8px}.country-info{display:flex;gap:12px;align-items:center}.flag{font-size:24px}.country-amount{font-size:16px;font-weight:600;color:#1f2937;margin:0}.country-name{font-size:13px;color:#6b7280;margin:0}.country-progress{display:flex;align-items:center;gap:12px}.progress-bar{flex:1;height:8px;background:#f3f4f6;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:#5fba49;border-radius:4px}.growth-positive{font-size:12px;color:#059669;font-weight:600;white-space:nowrap}.growth-negative{font-size:12px;color:#dc2626;font-weight:600;white-space:nowrap}.bottom-section-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}.transactions-section,.top-products-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 4px #0000000f}.section-header-inline{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header-inline h2{font-size:18px;font-weight:600;color:#1f2937;margin:0}.filter-btn-small{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#5fba49;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer}.filter-btn-small:hover{background:#4a9a3a}.link-btn{background:none;border:none;color:#5fba49;font-size:14px;font-weight:500;cursor:pointer}.link-btn:hover{text-decoration:underline}.transactions-table{overflow-x:auto}.transactions-table table{width:100%;border-collapse:collapse}.transactions-table th{text-align:left;padding:12px;font-size:13px;font-weight:600;color:#6b7280;border-bottom:1px solid #e5e7eb}.transactions-table td{padding:12px;font-size:14px;color:#1f2937;border-bottom:1px solid #f3f4f6}.status-dot{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500}.status-dot.paid{color:#059669}.status-dot.pending{color:#f59e0b}.search-box{position:relative;margin-bottom:16px}.search-box input{width:100%;padding:10px 40px 10px 16px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px}.search-box input:focus{outline:none;border-color:#5fba49}.search-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:16px}.products-list{display:flex;flex-direction:column;gap:12px}.product-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:8px;transition:background .2s}.product-item:hover{background:#f9fafb}.product-info-flex{display:flex;gap:12px;align-items:center}.product-placeholder{width:48px;height:48px;background:#e5e7eb;border-radius:8px}.product-name{font-size:14px;font-weight:600;color:#1f2937;margin:0 0 4px}.product-code{font-size:12px;color:#6b7280;margin:0}.product-price{font-size:16px;font-weight:600;color:#1f2937;margin:0}@media (max-width: 1200px){.main-content-grid,.bottom-section-grid{grid-template-columns:1fr}.report-stats{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.dashboard-container{padding:12px}.top-stats-grid{grid-template-columns:1fr}.report-stats{grid-template-columns:repeat(2,1fr)}.pending-canceled-grid{grid-template-columns:1fr}}.summary-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014;border:1px solid #e1e8ed;display:flex;align-items:center;gap:16px;transition:transform .2s,box-shadow .2s}.summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.card-icon{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#0080001a;border-radius:12px;flex-shrink:0}.card-content{flex:1}.card-content h3{color:#666;font-size:.9rem;margin:0 0 8px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.card-value{color:#2c3e50;font-size:1.8rem;font-weight:700;margin:0;line-height:1}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:40px}.metric-card{background:#fff;border-radius:16px;padding:28px;box-shadow:0 4px 20px #00000014;border:1px solid #e1e8ed;display:flex;align-items:center;gap:20px;transition:transform .2s,box-shadow .2s}.metric-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000001f}.metric-card.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none}.metric-card.primary .metric-change{color:#fff}.metric-icon{font-size:3rem;width:70px;height:70px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:16px;flex-shrink:0}.metric-content h3{color:inherit;font-size:1rem;margin-bottom:8px;font-weight:600}.metric-value{color:inherit;font-size:2.2rem;font-weight:700;margin:0;line-height:1}.metric-change{font-size:.9rem;font-weight:600;padding:4px 8px;border-radius:12px;margin-top:4px;display:inline-block}.metric-change.positive{background:#2ecc7133;color:#27ae60}.metric-change.negative{background:#e74c3c33;color:#e74c3c}.metric-label{font-size:.8rem;opacity:.8;margin-top:4px}.status-overview{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #00000014;border:1px solid #e1e8ed;margin-bottom:30px}.status-overview h2{color:#2c3e50;font-size:1.4rem;margin-bottom:20px;font-weight:600}.status-bars{display:flex;flex-direction:column;gap:16px}.status-bar{display:flex;align-items:center;gap:16px}.status-label{display:flex;align-items:center;gap:8px;min-width:100px;font-weight:500;color:#2c3e50}.status-dot{width:12px;height:12px;border-radius:50%}.status-dot.pending{background:#f39c12}.status-dot.shipped{background:#3498db}.status-dot.delivered{background:#27ae60}.status-progress{flex:1;height:8px;background:#ecf0f1;border-radius:4px;overflow:hidden}.status-fill{height:100%;border-radius:4px;transition:width .3s ease}.status-fill.pending{background:linear-gradient(90deg,#f39c12,#e67e22)}.status-fill.shipped{background:linear-gradient(90deg,#3498db,#2980b9)}.status-fill.delivered{background:linear-gradient(90deg,#27ae60,#229954)}.status-count{font-weight:700;color:#2c3e50;min-width:30px;text-align:right}.chart-section{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #00000014;border:1px solid #e1e8ed;margin-bottom:30px}.chart-section h2{color:#2c3e50;font-size:1.4rem;margin-bottom:20px;font-weight:600}.chart-container{height:300px;display:flex;align-items:end;justify-content:space-between;padding:20px 0}.chart-bars{display:flex;align-items:end;justify-content:space-between;width:100%;height:100%}.chart-bar{display:flex;flex-direction:column;align-items:center;flex:1;max-width:60px;margin:0 4px}.bar-fill{width:100%;background:linear-gradient(180deg,#667eea,#764ba2);border-radius:4px 4px 0 0;display:flex;align-items:end;justify-content:center;padding-bottom:8px;min-height:20px;position:relative;transition:all .3s ease}.bar-fill:hover{opacity:.8}.bar-value{color:#fff;font-size:.8rem;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3)}.bar-label{margin-top:8px;font-size:.8rem;color:#7f8c8d;text-align:center}.analytics-content{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.analytics-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;border:1px solid #e1e8ed;overflow:hidden}.section-header{padding:20px 24px;border-bottom:1px solid #e1e8ed;background:#f8f9fa;display:flex;justify-content:space-between;align-items:center}.section-header h2{color:#2c3e50;font-size:1.3rem;margin:0;font-weight:600}.view-all-link{color:#3498db;text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s}.view-all-link:hover{color:#2980b9;text-decoration:underline}.recent-orders-table,.top-products-table,.top-customers-table{overflow-x:auto}.recent-orders-table table,.top-products-table table,.top-customers-table table{width:100%;border-collapse:collapse}.recent-orders-table thead,.top-products-table thead,.top-customers-table thead{background:#f8f9fa}.recent-orders-table th,.top-products-table th,.top-customers-table th,.recent-orders-table td,.top-products-table td,.top-customers-table td{padding:14px 16px;text-align:left;border-bottom:1px solid #e1e8ed}.recent-orders-table th,.top-products-table th,.top-customers-table th{font-weight:600;color:#2c3e50;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.recent-orders-table tbody tr,.top-products-table tbody tr,.top-customers-table tbody tr{transition:background .2s}.recent-orders-table tbody tr:hover,.top-products-table tbody tr:hover,.top-customers-table tbody tr:hover{background:#f8f9fa}.status-badge{padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-pending{background:#f39c121a;color:#f39c12}.status-shipped{background:#3498db1a;color:#3498db}.status-delivered{background:#27ae601a;color:#27ae60}.product-info,.customer-info{display:flex;align-items:center;gap:12px}.rank{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0}.product-name,.customer-name{font-weight:500;color:#2c3e50}@media (max-width: 1024px){.page-header{flex-direction:column;align-items:stretch}.period-selector{align-self:flex-end}.summary-cards{grid-template-columns:repeat(2,1fr);gap:15px}.analytics-content{grid-template-columns:1fr;gap:20px}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.chart-container{height:250px}}@media (max-width: 768px){.dashboard-page{padding:15px}.page-header{margin-bottom:20px}.header-content h1{font-size:2rem}.summary-cards{grid-template-columns:1fr;gap:12px}.analytics-content{grid-template-columns:1fr;gap:20px}.summary-card{padding:20px}.card-icon{width:50px;height:50px;font-size:2rem}.card-value{font-size:1.5rem}.metrics-grid{grid-template-columns:1fr;gap:15px}.metric-card{padding:20px}.metric-icon{width:50px;height:50px;font-size:1.5rem}.metric-value{font-size:1.8rem}.status-bars,.status-bar{gap:12px}.chart-container{height:200px;padding:15px 0}.chart-bar{max-width:40px;margin:0 2px}.bar-value,.bar-label{font-size:.7rem}.section-header{padding:16px 20px;flex-direction:column;align-items:flex-start;gap:8px}.recent-orders-table th,.top-products-table th,.top-customers-table th,.recent-orders-table td,.top-products-table td,.top-customers-table td{padding:10px 12px;font-size:.85rem}}.order-details-container{padding:100px 24px 24px;background-color:#f5f5f5;min-height:100vh}.loading-state,.not-found{display:flex;justify-content:center;align-items:center;min-height:400px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.not-found{flex-direction:column;gap:16px}.back-btn{background:#6366f1;color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:14px;transition:background .2s}.back-btn:hover{background:#4f46e5}.order-header-info{display:flex;justify-content:space-between;align-items:center;padding:16px;margin-bottom:0;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;flex-wrap:wrap;gap:16px}.order-header-left{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.order-number-display{font-size:18px;font-weight:700;color:#111827}.print-invoice-btn{background:#10b981;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;transition:background .2s}.print-invoice-btn:hover{background:#059669}.download-invoice-btn{background:#3b82f6;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;transition:background .2s}.download-invoice-btn:hover{background:#2563eb}.status-badges-inline{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.status-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.status-label{font-size:13px;font-weight:600;color:#64748b;white-space:nowrap}.info-section{margin-top:24px;padding:20px;background:#fafbfc;border-radius:8px;border:1px solid #e5e7eb}.notes-section{margin-top:24px;padding:20px;background:#fffbeb;border-radius:8px;border:1px solid #fde68a}.delivery-section{margin-top:24px;padding:20px;background:#f0f9ff;border-radius:8px;border:1px solid #bfdbfe}.subsection-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#111827;margin:0 0 16px}.subsection-icon{color:#3b82f6}.status-badge{padding:8px 16px;border-radius:20px;font-size:13px;font-weight:500;display:inline-block}.status-paid{background:#d1fae5;color:#065f46}.status-pending{background:#fef3c7;color:#92400e}.status-processing{background:#dbeafe;color:#1e40af}.status-delivered{background:#d1fae5;color:#065f46}.status-cancelled{background:#fee2e2;color:#991b1b}.status-shipped{background:#e9d5ff;color:#6b21a8}.status-confirmed{background:#bfdbfe;color:#1e40af}.status-default{background:#f3f4f6;color:#374151}.update-btn{background:#3b82f6;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;transition:background .2s}.update-btn:hover{background:#2563eb}.status-editor{display:flex;align-items:center;gap:8px}.status-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;cursor:pointer}.status-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.save-btn{background:#10b981;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.save-btn:hover{background:#059669}.cancel-btn{background:#6b7280;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.cancel-btn:hover{background:#4b5563}.section-card{background:#fff;border-radius:12px;margin-bottom:20px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.section-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;cursor:pointer;background:#fafafa;border-bottom:1px solid #e5e7eb;transition:background .2s}.section-header:hover{background:#f3f4f6}.section-title{display:flex;align-items:center;gap:12px}.section-icon{color:#3b82f6}.section-title h2{font-size:16px;font-weight:600;color:#111827;margin:0}.section-content{padding:20px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.info-item{background:#fff;padding:12px 16px;border-radius:6px;border:1px solid #e5e7eb}.info-item label{display:block;font-size:12px;color:#6b7280;margin-bottom:6px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.info-item p{font-size:15px;color:#111827;font-weight:600;margin:0}.notes-content{background:#fff;border:1px solid #fde047;border-radius:6px;padding:14px 16px;font-size:14px;color:#92400e;line-height:1.6}.address-main{display:flex;gap:12px;align-items:flex-start;margin-bottom:16px;padding:14px;background:#fff;border-radius:6px;border:1px solid #bfdbfe}.address-details{display:flex;flex-direction:column;gap:10px;background:#fff;padding:14px;border-radius:6px;border:1px solid #bfdbfe}.additional-info{margin-top:16px;padding:14px;background:#fff;border-radius:6px;border:1px solid #bfdbfe}.additional-info label{display:block;font-size:12px;color:#1e40af;margin-bottom:8px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.additional-info-content{background:#dbeafe;border:1px solid #93c5fd;border-radius:4px;padding:10px 12px;font-size:14px;color:#1e40af;line-height:1.5}.items-content{padding:20px}.items-list{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.item-card{border-bottom:1px solid #e5e7eb;padding-bottom:16px}.item-card:last-child{border-bottom:none;padding-bottom:0}.payment-summary-section{margin-top:24px;padding:20px;background:#f0fdf4;border-radius:8px;border:1px solid #86efac}.payment-calculations{background:#fff;padding:16px;border-radius:6px;border:1px solid #86efac}.item-main{display:flex;gap:16px;align-items:flex-start}.item-image{width:80px;height:80px;-o-object-fit:cover;object-fit:cover;border-radius:8px;border:1px solid #e5e7eb;flex-shrink:0}.item-details{flex:1;min-width:0}.item-name{font-size:16px;font-weight:600;color:#111827;margin:0 0 4px}.item-code{font-size:13px;color:#6b7280;margin:0 0 12px}.item-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:13px;color:#6b7280;margin-bottom:8px}.item-meta span{display:inline-block}.item-meta strong{color:#111827;font-weight:600}.item-notes{margin-top:8px;background:#f3f4f6;padding:8px 12px;border-radius:6px;font-size:13px;color:#4b5563}.item-total{font-size:18px;font-weight:700;color:#111827;text-align:right;flex-shrink:0;min-width:120px}.prescriptions-content{display:flex;flex-direction:column;gap:12px;padding:20px}.prescription-card{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#f8f9fa;border:1px solid #e5e7eb;border-radius:12px;transition:all .2s}.prescription-card:hover{background:#f1f3f5;box-shadow:0 2px 4px #0000000d}.prescription-info{display:flex;align-items:center;gap:12px}.prescription-icon{color:#3b82f6;flex-shrink:0}.prescription-name{font-size:15px;font-weight:500;color:#111827}.download-btn{background:#3b82f6;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;text-decoration:none;transition:background .2s;flex-shrink:0}.download-btn:hover{background:#2563eb}.delivery-content{display:flex;flex-direction:column;gap:20px}.address-main{display:flex;gap:12px;align-items:flex-start}.address-pin-icon{color:#6b7280;flex-shrink:0;margin-top:2px}.address-text{flex:1}.street-address{font-size:15px;font-weight:600;color:#111827;margin:0 0 4px}.city-state{font-size:14px;color:#6b7280;margin:0}.address-details{display:flex;flex-direction:column;gap:12px;padding-top:16px;border-top:1px solid #e5e7eb}.address-row{display:flex;justify-content:space-between;align-items:center}.address-label{font-size:14px;color:#6b7280}.address-value{font-size:14px;font-weight:500;color:#111827;text-align:right}.additional-info{padding-top:16px;border-top:1px solid #e5e7eb}.additional-info label{display:block;font-size:13px;color:#6b7280;margin-bottom:8px;font-weight:500}.additional-info-content{background:#dbeafe;border:1px solid #bfdbfe;border-radius:8px;padding:12px 16px;font-size:14px;color:#1e40af;line-height:1.5}.payment-content{display:flex;flex-direction:column;gap:16px}.payment-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.payment-label{font-size:14px;color:#374151;font-weight:500}.payment-value{font-size:15px;font-weight:600;color:#111827;text-align:right}.discount-row{background:#f0fdf4;margin:0 -8px;padding:10px 8px;border-radius:4px}.discount-row .payment-label{color:#10b981;font-weight:600}.discount-value{color:#10b981!important}.total-row{border-top:2px solid #10b981;background:#ecfdf5;margin:8px -8px 0;padding:12px 8px;border-radius:4px}.total-row .payment-label{font-size:16px;font-weight:700;color:#111827}.total-value{font-size:20px!important;font-weight:700!important;color:#10b981!important}@media (max-width: 768px){.order-details-container{padding:16px}.order-header-info{flex-direction:column;align-items:flex-start}.status-badges-inline{width:100%}.info-grid{grid-template-columns:1fr;gap:16px}.item-main{flex-direction:column}.item-image{width:100%;height:200px}.item-total{text-align:left;margin-top:12px}.status-editor{flex-wrap:wrap;width:100%}.status-select{flex:1;min-width:150px}}@media (max-width: 480px){.item-meta{flex-direction:column;gap:8px}.status-badges-inline{flex-direction:column;align-items:stretch}.update-btn,.save-btn,.cancel-btn{width:100%;justify-content:center}}@media print{*{-webkit-print-color-adjust:exact;print-color-adjust:exact;color-adjust:exact}body{background:#fff!important;margin:0;padding:0}.order-details-container{padding:0!important;background:#fff!important;max-width:210mm;margin:0 auto}.section-header,.update-btn,.save-btn,.cancel-btn,.status-editor,.print-invoice-btn,.download-invoice-btn,button{display:none!important}.section-content{display:block!important}.section-card{box-shadow:none!important;border:2px solid #cbd5e1!important;border-radius:8px;page-break-inside:avoid;margin-bottom:24px;background:#fff}.order-header-info{background:#f8fafc!important;border:2px solid #1e293b!important;padding:24px!important;margin-bottom:0!important;page-break-inside:avoid;position:relative}.order-header-info:before{content:"M-MEDICS PHARMACY";display:block;font-size:32px;font-weight:900;color:#1e40af;text-align:center;margin-bottom:8px;letter-spacing:2px}.order-header-info:after{content:"INVOICE";display:block;font-size:28px;font-weight:700;color:#1e293b;text-align:center;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #cbd5e1}.order-header-left{display:flex;flex-direction:column;align-items:center;margin-top:16px}.order-number-display{font-size:24px!important;font-weight:900!important;color:#1e293b!important;text-align:center;margin-bottom:16px}.status-badges-inline{display:flex;gap:12px;justify-content:center;margin-top:12px}.status-badge{border:2px solid #1e293b!important;background:#fff!important;color:#1e293b!important;font-weight:900!important;padding:6px 16px!important;border-radius:6px}.info-section,.notes-section,.delivery-section{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px;padding:16px!important;margin-bottom:16px;page-break-inside:avoid}.subsection-title{font-size:16px!important;font-weight:900!important;color:#1e293b!important;margin-bottom:12px!important;padding-bottom:8px;border-bottom:2px solid #e2e8f0;text-transform:uppercase;letter-spacing:.5px}.subsection-icon{color:#3b82f6!important}.info-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:16px!important}.info-item{background:#f8fafc!important;border:1px solid #e2e8f0!important;padding:12px!important;border-radius:6px}.info-item label{font-size:11px!important;color:#64748b!important;font-weight:700!important;text-transform:uppercase;margin-bottom:4px;display:block}.info-item p{font-size:14px!important;color:#1e293b!important;font-weight:700!important}.notes-section{background:#fffbeb!important;border:2px solid #fbbf24!important}.notes-content{background:#fff!important;border:1px solid #fbbf24!important;padding:12px!important;border-radius:4px;font-weight:600;color:#1e293b!important}.delivery-section{background:#f0f9ff!important;border:2px solid #bfdbfe!important}.address-main{background:#fff!important;border:1px solid #bfdbfe!important;padding:12px!important;border-radius:6px;margin-bottom:12px}.address-text{color:#1e293b!important}.street-address,.city-state{font-weight:700!important;color:#1e293b!important}.address-details{background:#fff!important;border:1px solid #e2e8f0!important;padding:12px!important;border-radius:6px}.address-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #e2e8f0}.address-row:last-child{border-bottom:none}.address-label{color:#64748b!important;font-weight:700!important}.address-value{color:#1e293b!important;font-weight:700!important}.additional-info{margin-top:12px;padding-top:12px;border-top:1px solid #bfdbfe}.additional-info-content{background:#fff!important;border:1px solid #bfdbfe!important;padding:8px!important;border-radius:4px;font-size:12px;color:#1e293b!important}.items-content{padding:0!important}.items-list{margin-bottom:24px}.item-card{background:#fff!important;border:2px solid #cbd5e1!important;border-radius:8px;padding:16px!important;margin-bottom:16px!important;page-break-inside:avoid}.item-main{display:flex;gap:16px;align-items:flex-start}.item-image{width:80px!important;height:80px!important;border:2px solid #e2e8f0!important}.item-details{flex:1}.item-name{font-size:16px!important;font-weight:900!important;color:#1e293b!important;margin-bottom:8px!important}.item-code{font-size:12px!important;color:#64748b!important;font-weight:700!important;margin-bottom:8px!important}.item-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:12px!important;color:#64748b!important}.item-meta span{font-weight:600}.item-meta strong{color:#1e293b!important;font-weight:900!important}.item-notes{margin-top:8px;background:#fffbeb!important;border:1px solid #fbbf24!important;padding:8px!important;border-radius:4px;font-size:12px!important;font-weight:600}.item-total{font-size:20px!important;font-weight:900!important;color:#3b82f6!important;text-align:right}.payment-summary-section{background:#f0fdf4!important;border:2px solid #10b981!important;border-radius:8px;padding:20px!important;page-break-inside:avoid}.payment-calculations{background:#fff!important;border:1px solid #10b981!important;border-radius:6px;padding:16px!important}.payment-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e2e8f0}.payment-row:last-child{border-bottom:none}.payment-label{font-weight:700!important;color:#64748b!important}.payment-value{font-weight:700!important;color:#1e293b!important}.discount-row .payment-label,.discount-row .discount-value{color:#10b981!important;font-weight:900!important}.total-row{background:#f0fdf4!important;border-top:3px solid #10b981!important;margin-top:12px!important;padding:16px!important;border-radius:6px}.total-row .payment-label{font-size:18px!important;font-weight:900!important;color:#1e293b!important;text-transform:uppercase}.total-row .total-value{font-size:24px!important;font-weight:900!important;color:#10b981!important}.prescriptions-content{padding:16px!important}.prescription-card{background:#fffbeb!important;border:2px solid #fbbf24!important;border-radius:8px;padding:16px!important;margin-bottom:12px;page-break-inside:avoid}.prescription-info{display:flex;align-items:center;gap:12px}.prescription-icon{color:#d97706!important}.prescription-name{font-weight:900!important;color:#1e293b!important}.download-btn{display:none!important}.order-details-container:after{content:"Thank you for your business! | M-MEDICS PHARMACY | Excellence in Healthcare Solutions | www.m-medics.com | info@m-medics.com | +234 800 123 4567";display:block;text-align:center;padding:20px;margin-top:32px;border-top:3px solid #3b82f6;font-size:12px;color:#64748b;font-weight:700;page-break-inside:avoid;background:linear-gradient(90deg,#f1f5f9,#eff6ff)!important;border-radius:8px;line-height:1.8}.section-card:first-of-type:before{content:"Healthcare Avenue, Victoria Island | Lagos, Lagos State 100001 | Nigeria | Tax ID: TIN-12345678-0001";display:block;text-align:center;padding:12px;margin-bottom:16px;font-size:11px;color:#64748b;font-weight:600;background:#f8fafc!important;border-radius:6px;border:1px solid #e2e8f0}@page{margin:15mm;size:A4 portrait}.section-card,.item-card,.payment-summary-section,.order-header-info{page-break-inside:avoid}a[href^=http]:after{content:""!important}}.items-table{width:100%;background:#fff;border-radius:8px;overflow:hidden;border:1px solid #e5e7eb}.items-table-header{display:grid;grid-template-columns:2fr .8fr 1fr 1fr 1fr;gap:16px;padding:16px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.header-product,.header-qty,.header-price,.header-subtotal,.header-total{display:flex;align-items:center}.items-table-body{display:flex;flex-direction:column}.item-row{display:grid;grid-template-columns:2fr .8fr 1fr 1fr 1fr;gap:16px;padding:20px;border-bottom:1px solid #f3f4f6;align-items:start;transition:background .2s}.item-row:hover{background:#f9fafb}.item-row:last-child{border-bottom:none}.item-product{display:flex;gap:12px;align-items:start}.item-product .item-image{width:70px;height:70px;-o-object-fit:cover;object-fit:cover;border-radius:8px;border:2px solid #e5e7eb;flex-shrink:0}.item-info{flex:1;min-width:0}.item-info .item-name{font-size:15px;font-weight:600;color:#111827;margin:0 0 4px;line-height:1.4}.item-info .item-code{font-size:12px;color:#6b7280;margin:0 0 8px}.item-extra-info{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.info-tag{display:inline-block;padding:4px 8px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;font-size:11px;color:#1e40af}.info-tag strong{font-weight:600}.item-note{display:flex;align-items:start;gap:6px;margin-top:8px;padding:8px;background:#fffbeb;border-left:3px solid #fbbf24;border-radius:4px;font-size:12px;color:#92400e;line-height:1.4}.item-note svg{flex-shrink:0;margin-top:2px;color:#f59e0b}.item-qty,.item-price,.item-subtotal,.item-total{display:flex;flex-direction:column;justify-content:start;align-items:start;font-size:14px;color:#374151}.item-qty strong,.item-price strong{font-size:16px;color:#111827;font-weight:600}.item-subtotal{font-size:13px}.item-subtotal>div{display:flex;flex-direction:column;gap:4px}.discount-text{color:#10b981;font-size:11px;font-weight:500}.tax-text{color:#6b7280;font-size:11px;font-weight:500}.item-total{align-items:flex-end}.item-total .total-amount{font-size:18px;font-weight:700;color:#6366f1}.mobile-label{display:none}.payment-summary-modern{display:grid;grid-template-columns:2fr 1fr;gap:24px}.payment-breakdown{background:#f9fafb;padding:24px;border-radius:12px;border:1px solid #e5e7eb}.breakdown-title{font-size:18px;font-weight:700;color:#111827;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid #e5e7eb}.payment-item{display:flex;justify-content:space-between;align-items:start;padding:14px 0;border-bottom:1px solid #f3f4f6}.payment-item-label{display:flex;flex-direction:column;gap:4px}.payment-item-label>span{font-size:15px;font-weight:600;color:#374151}.payment-item-label>small{font-size:12px;color:#9ca3af;font-weight:400}.payment-item-value{font-size:16px;font-weight:700;color:#111827;white-space:nowrap}.discount-item .payment-item-label>span{color:#10b981}.discount-item .discount-value{color:#10b981}.payment-divider{height:2px;background:linear-gradient(90deg,#e5e7eb,#d1d5db,#e5e7eb);margin:16px 0}.total-item{border-bottom:none;padding:20px;margin:0 -24px -24px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0 0 12px 12px}.total-item .payment-item-label>span{color:#fff;font-size:16px;font-weight:700}.total-item .payment-item-label>small{color:#ffffffe6;font-weight:500}.total-item .total-value{color:#fff;font-size:28px;font-weight:900}.payment-status-card{background:#fff;padding:24px;border-radius:12px;border:2px solid #e5e7eb;height:-moz-fit-content;height:fit-content}.status-card-title{font-size:16px;font-weight:700;color:#111827;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid #f3f4f6}.status-info-row{display:flex;flex-direction:column;gap:8px;padding:14px 0;border-bottom:1px solid #f9fafb}.status-info-row:last-child{border-bottom:none}.status-info-label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.status-info-value{font-size:15px;font-weight:600;color:#111827}.status-badge-large{display:inline-block;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;text-align:center}@media (max-width: 1024px){.payment-summary-modern{grid-template-columns:1fr}.payment-status-card{order:-1}}@media (max-width: 768px){.items-table-header{display:none}.item-row{grid-template-columns:1fr;gap:12px;padding:16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:12px}.item-product{flex-direction:column}.item-product .item-image{width:100%;height:150px}.mobile-label{display:inline-block;font-size:12px;font-weight:600;color:#6b7280;margin-right:8px;text-transform:uppercase;letter-spacing:.5px}.item-qty,.item-price,.item-subtotal,.item-total{flex-direction:row;justify-content:space-between;align-items:center;padding:12px;background:#f9fafb;border-radius:6px}.item-total{background:linear-gradient(135deg,#667eea15,#764ba215);border:2px solid #6366f1}.item-total .total-amount{font-size:20px}}@media (max-width: 480px){.order-details-container{padding:90px 12px 12px}.section-content{padding:12px}.payment-breakdown,.payment-status-card{padding:16px}.total-item .total-value{font-size:24px}}.sidebar{width:250px;height:calc(100vh - 70px);display:flex;flex-direction:column;padding:24px 16px;position:fixed;top:70px;left:0;font-weight:400;font-size:14px;line-height:20px;background:#fff;border-right:1px solid #e5e7eb;overflow-y:auto}.sidebar-nav{flex:1}.sidebar-nav ul{padding:0;margin:0;list-style:none}.sidebar-nav li{margin-bottom:8px}.sidebar-nav-item{list-style:none;margin:0;padding:0;width:100%}.sidebar-nav-item a{text-decoration:none;display:flex;align-items:center;padding:12px 16px;border-radius:8px;transition:all .2s ease;color:#374151;width:100%;box-sizing:border-box}.sidebar-nav-item a:hover{cursor:pointer;background-color:#5fba491a;color:#5fba49}.sidebar-nav-item a.active{background-color:#5fba49!important;color:#fff!important;font-weight:600;box-shadow:0 2px 4px #5fba4933}.sidebar-nav-item a.active .sidebar-nav-text{color:#fff!important}.sidebar-nav-item a.active .sidebar-nav-icon img{filter:brightness(0) invert(1)}.sidebar-nav-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:12px;flex-shrink:0}.sidebar-nav-icon img{width:20px;height:20px;display:block}.sidebar-nav-icon-text{font-size:18px;display:block}.sidebar-settings{margin-top:auto;padding-top:16px;border-top:1px solid #e5e7eb}.sidebar-nav-text{font-size:15px;font-weight:500;flex:1;white-space:nowrap}.sidebar-nav-content{display:flex;align-items:center;width:100%}@media (max-width: 768px){.sidebar{width:200px;padding:16px 12px}.sidebar-nav-text{font-size:14px}.sidebar-nav-item a{padding:10px 12px}}@media (max-width: 480px){.sidebar{width:60px;padding:16px 8px}.sidebar-nav-text{display:none}.sidebar-nav-icon{margin-right:0}.sidebar-nav-item a{padding:12px 8px;justify-content:center}}.header{position:fixed;width:100%;height:70px;top:0;left:0;padding:0;margin:0;background:#fff;box-shadow:0 2px 8px #0000001a;z-index:1000}.header-content{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 24px;height:100%;max-width:100%}.header-left{display:flex;align-items:center;justify-content:flex-start;flex:none}.header-right{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:16px;flex:none;margin-left:auto}.header-right-bell{position:relative;cursor:pointer;padding:6px;border-radius:6px;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.header-right-bell:hover{background-color:#5fba491a}.notification-badge{position:absolute;top:-5px;right:-5px;background:#ef4444;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.user-info{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;margin:0;text-align:right;min-width:0;flex-shrink:0;max-width:150px;height:100%}.user-name{font-size:14px;font-weight:600;color:#1f2937;line-height:1.3;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.user-role{font-size:12px;color:#6b7280;text-transform:capitalize;line-height:1.3;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.header-dropdown-container{position:relative;display:flex;align-items:center;height:100%}.header-right-drop-down{cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;height:100%}.header-right-drop-down:hover{background-color:#f3f4f6}.header-right-drop-down img{width:20px;height:20px;display:block}.header-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #00000026;min-width:180px;z-index:10000;margin-top:0}.header-dropdown-item{padding:12px 16px;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #f3f4f6}.header-dropdown-item:last-child{border-bottom:none}.header-dropdown-item:hover{background-color:#f9fafb}.header-dropdown-item.logout{color:#ef4444;font-weight:500}.header-dropdown-item.logout:hover{background-color:#fef2f2}.header-dropdown-divider{height:1px;background-color:#e5e7eb;margin:4px 0}.header-right-bell,.header-right-profile,.header-right-drop-down{margin:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.header-right-profile{transition:transform .2s ease;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center}.header-right-profile:hover{transform:scale(1.05);background-color:#5fba491a}.header-right-bell img,.header-right-profile img{width:30px;height:30px;display:block}.header-logo{height:40px;width:auto;-o-object-fit:contain;object-fit:contain;margin:0;flex-shrink:0}@media (max-width: 768px){.header-content{padding:0 16px}.header-right{gap:12px}.header-logo{height:35px}.user-info,.user-name,.user-role{max-width:120px}}@media (max-width: 480px){.header-content{padding:0 12px}.header-right{gap:8px}.user-info{display:none}}.header-dropdown-container{position:relative;display:flex;align-items:center}.mode-toggle{display:flex;align-items:center;gap:8px;margin-right:16px}.mode-label{font-size:14px;font-weight:500;color:#374151}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#008000bb}input:checked+.slider:before{transform:translate(20px)}.loading-bar-container{position:fixed;top:0;left:0;right:0;height:3px;z-index:9999;background-color:transparent}.loading-bar{height:100%;background:linear-gradient(90deg,#4f46e5,#7c3aed,#2563eb);box-shadow:0 0 10px #4f46e580;transition:width .2s ease-out,opacity .4s ease-out}@keyframes shimmer{0%{background-position:-100% 0}to{background-position:200% 0}}.loading-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);background-size:200% 100%;animation:shimmer 1.5s infinite}:root{--primary-color: #5FBA49;--body-background-color: #FCFCFA;--secondary-color: #6c757d;--test-colors: #475467;--background-color: #FFFFFF}.app{display:flex;min-height:100vh;background-color:var(--body-background-color)}.app.login-page{display:block;margin:0}.main-content{flex:1;display:flex;flex-direction:column;margin-left:250px;max-width:calc(100% - 250px);overflow-x:hidden}.content-area{flex:1;padding:1rem;overflow-y:auto;overflow-x:hidden;max-width:100%}.app-container{display:flex}.content{margin-left:250px;padding:1rem;flex-grow:1}.header,.sidebar{background-color:var(--background-color)}.loading-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:var(--body-background-color)}.loading-spinner{font-size:18px;color:var(--primary-color);font-weight:500}.access-denied{display:flex;justify-content:center;align-items:center;min-height:50vh;background:#fef2f2;color:#dc2626;font-size:18px;font-weight:500;border-radius:8px;margin:20px}.login-required{display:flex;justify-content:center;align-items:center;min-height:50vh;background:#eff6ff;color:#2563eb;font-size:18px;font-weight:500;border-radius:8px;margin:20px}/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.collapse{visibility:collapse}.absolute{position:absolute}.relative{position:relative}.static{position:static}.col-span-2{grid-column:span 2/span 2}.mx-auto{margin-inline:auto}.mt-\[70px\]{margin-top:70px}.box-border{box-sizing:border-box}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.min-h-\[400px\]{min-height:400px}.min-h-\[500px\]{min-height:500px}.min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-full{max-width:100%}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-none{--tw-border-style:none;border-style:none}.bg-\[\#5fba49\]{background-color:#5fba49}.bg-\[\#fcfcfa\]{background-color:#fcfcfa}.bg-transparent{background-color:#0000}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-none{background-image:none}.from-\[\#5fba49\]{--tw-gradient-from:#5fba49;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-\[\#4a9b3a\]{--tw-gradient-to:#4a9b3a;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.object-cover{-o-object-fit:cover;object-fit:cover}.pt-\[90px\]{padding-top:90px}.text-center{text-align:center}.text-right{text-align:right}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}@media (hover:hover){.hover\:bg-\[\#4a9b3a\]:hover{background-color:#4a9b3a}.hover\:bg-\[\#4da83d\]:hover{background-color:#4da83d}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}*{box-sizing:border-box}html body{background-color:var(--body-background-color);height:100%;color:var(--test-colors);margin:0;padding:0;font-family:Arial,sans-serif;line-height:1.6}ul,ol{list-style:none}a{color:inherit;text-decoration:none}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}