:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}:root{--primary: #F4C430;--primary-light: #F8D563;--primary-dark: #E0A91F;--primary-subtle: #FFFBF0;--white: #FFFFFF;--gray-50: #F9FAFB;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-300: #D1D5DB;--gray-500: #6B7280;--gray-600: #4B5563;--gray-700: #374151;--gray-900: #111827;--green-500: #22C55E;--green-100: #DCFCE7;--red-500: #EF4444}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--gray-50);color:var(--gray-900);line-height:1.5}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:var(--primary);padding:1.25rem 2rem;text-align:center}.header h1{font-size:1.75rem;font-weight:700;color:var(--white);letter-spacing:-.025em}.header .subtitle{font-size:.875rem;color:var(--white);opacity:.85;margin-top:.25rem}.tabs{background:var(--white);display:flex;border-bottom:1px solid var(--gray-200);padding:0 2rem}.tab{padding:1rem 1.5rem;border:none;background:none;font-size:.9375rem;font-weight:500;color:var(--gray-500);cursor:pointer;position:relative;display:flex;align-items:center;gap:.5rem;transition:color .2s ease}.tab:hover{color:var(--gray-700)}.tab.active{color:var(--primary-dark)}.tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--primary)}.badge{background:var(--primary);color:var(--gray-900);font-size:.75rem;font-weight:600;padding:.125rem .5rem;border-radius:9999px;min-width:1.25rem;text-align:center}.delivered-badge{background:var(--green-100);color:var(--green-500)}.users-badge{background:var(--primary-subtle);color:var(--primary-dark)}.content{flex:1;padding:1.5rem 2rem;max-width:1400px;margin:0 auto;width:100%}.error-banner{background:#fee2e2;color:#dc2626;padding:1rem;border-radius:.5rem;margin-bottom:1rem;font-size:.875rem}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:var(--gray-500)}.spinner{width:2.5rem;height:2.5rem;border:3px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:4rem 2rem;color:var(--gray-500);background:var(--white);border-radius:.75rem;border:1px solid var(--gray-200)}.order-list{display:grid;gap:1rem}.order-card{background:var(--white);border-radius:.75rem;border:1px solid var(--gray-200);overflow:hidden;transition:box-shadow .2s ease,border-color .2s ease}.order-card:hover{box-shadow:0 4px 12px #0000000d;border-color:var(--gray-300)}.order-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:var(--primary-subtle);border-bottom:1px solid var(--gray-200)}.order-id{font-family:SF Mono,Monaco,Courier New,monospace;font-size:.875rem;font-weight:600;color:var(--gray-700)}.status-badge{font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:9999px;text-transform:uppercase;letter-spacing:.025em}.status-badge.pending{background:var(--primary);color:var(--gray-900)}.status-badge.delivered{background:var(--green-500);color:var(--white)}.order-details{padding:1rem 1.25rem}.detail-row{display:flex;padding:.5rem 0;border-bottom:1px solid var(--gray-100)}.detail-row:last-child{border-bottom:none}.detail-row .label{width:100px;flex-shrink:0;font-size:.8125rem;font-weight:500;color:var(--gray-500)}.detail-row .value{flex:1;font-size:.875rem;color:var(--gray-900)}.detail-row .value.items{font-size:.8125rem;color:var(--gray-600);line-height:1.6}.detail-row .value.total{font-weight:600;color:var(--primary-dark)}.address-link{color:var(--primary-dark);text-decoration:none;transition:color .2s ease}.address-link:hover{color:var(--primary);text-decoration:underline}.phone-link{color:var(--gray-900);text-decoration:none}.phone-link:hover{color:var(--primary-dark)}.order-actions{padding:1rem 1.25rem;background:var(--gray-50);border-top:1px solid var(--gray-200)}.action-btn{width:100%;padding:.75rem 1rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.deliver-btn{background:var(--primary);color:var(--gray-900)}.deliver-btn:hover{background:var(--primary-dark)}.pending-btn{background:var(--gray-200);color:var(--gray-700)}.pending-btn:hover{background:var(--gray-300)}.orders-table-container{background:var(--white);border-radius:.75rem;border:1px solid var(--gray-200);overflow-x:auto}.orders-table{width:100%;border-collapse:collapse;min-width:1000px}.orders-table th{background:var(--primary-subtle);padding:.875rem 1rem;text-align:left;font-size:.75rem;font-weight:600;color:var(--gray-700);text-transform:uppercase;letter-spacing:.025em;border-bottom:1px solid var(--gray-200);white-space:nowrap}.orders-table td{padding:.875rem 1rem;font-size:.8125rem;color:var(--gray-900);border-bottom:1px solid var(--gray-100);vertical-align:middle}.orders-table tbody tr:last-child td{border-bottom:none}.orders-table tbody tr:hover{background:var(--gray-50)}.orders-table .order-num{font-weight:600;color:var(--gray-500);width:40px}.orders-table .order-id-cell{max-width:120px}.orders-table .order-id-text{font-family:SF Mono,Monaco,Courier New,monospace;font-size:.75rem;color:var(--gray-600)}.orders-table .customer-cell{font-weight:500;white-space:nowrap}.orders-table .items-cell{max-width:200px;font-size:.75rem;color:var(--gray-600);line-height:1.4}.orders-table .address-cell{max-width:150px}.orders-table .address-link{color:var(--primary-dark);text-decoration:none;font-size:.75rem}.orders-table .address-link:hover{text-decoration:underline}.orders-table .location-cell{white-space:nowrap}.orders-table .location-link{color:var(--primary-dark);text-decoration:none;font-family:SF Mono,Monaco,Courier New,monospace;font-size:.7rem}.orders-table .location-link:hover{text-decoration:underline}.orders-table .mobile-cell .phone-link{color:var(--gray-900);text-decoration:none;white-space:nowrap}.orders-table .mobile-cell .phone-link:hover{color:var(--primary-dark)}.orders-table .total-cell{font-weight:600;color:var(--primary-dark);white-space:nowrap}.orders-table .datetime-cell{white-space:nowrap}.orders-table .datetime-cell .date{display:block;font-size:.8125rem}.orders-table .datetime-cell .time{display:block;font-size:.7rem;color:var(--gray-500)}.orders-table .action-cell{width:120px}.table-action-btn{padding:.5rem .75rem;border:none;border-radius:.375rem;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.table-action-btn.deliver-btn{background:var(--primary);color:var(--gray-900)}.table-action-btn.deliver-btn:hover{background:var(--primary-dark)}.table-action-btn.pending-btn{background:var(--gray-200);color:var(--gray-700)}.table-action-btn.pending-btn:hover{background:var(--gray-300)}.users-table-container{background:var(--white);border-radius:.75rem;border:1px solid var(--gray-200);overflow:hidden}.users-table{width:100%;border-collapse:collapse}.users-table th{background:var(--primary-subtle);padding:1rem 1.25rem;text-align:left;font-size:.8125rem;font-weight:600;color:var(--gray-700);text-transform:uppercase;letter-spacing:.025em;border-bottom:1px solid var(--gray-200)}.users-table td{padding:1rem 1.25rem;font-size:.875rem;color:var(--gray-900);border-bottom:1px solid var(--gray-100);vertical-align:top}.users-table tbody tr:last-child td{border-bottom:none}.users-table tbody tr:hover{background:var(--gray-50)}.users-table .user-name{font-weight:500}.users-table .phone-link{color:var(--gray-900);text-decoration:none}.users-table .phone-link:hover{color:var(--primary-dark)}.users-table .addresses-cell{max-width:400px}.users-table .date-cell{white-space:nowrap;color:var(--gray-500);font-size:.8125rem}.address-item{display:block;padding:.375rem 0;border-bottom:1px dashed var(--gray-200);text-decoration:none}.address-item:last-child{border-bottom:none}.address-link-item{cursor:pointer;transition:background-color .2s ease;border-radius:.25rem;margin:.125rem 0;padding:.375rem .5rem}.address-link-item:hover{background-color:var(--primary-subtle)}.address-link-item:hover .address-text{color:var(--primary-dark)}.address-label{display:block;font-size:.75rem;font-weight:600;color:var(--primary-dark);margin-bottom:.125rem}.address-text{display:block;font-size:.8125rem;color:var(--gray-600);line-height:1.4}@media(max-width:640px){.header{padding:1rem}.header h1{font-size:1.5rem}.tabs{padding:0 1rem}.tab{padding:.75rem 1rem;font-size:.875rem}.content{padding:1rem}.order-header,.order-details{padding:.875rem 1rem}.detail-row{flex-direction:column;gap:.25rem}.detail-row .label{width:auto}.order-actions{padding:.875rem 1rem}.users-table-container{overflow-x:auto}.users-table th,.users-table td{padding:.75rem 1rem;font-size:.8125rem}.users-table .addresses-cell{min-width:250px}}