@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary: #0F172A;--accent: #38BDF8;--background: #F8FAFC;--success: #22C55E;--warning: #F59E0B;--danger: #EF4444;--sidebar-width: 220px}*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden;width:100%;min-height:100vh}body{font-family:Inter,sans-serif;background-color:var(--background)}.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);height:100vh;height:100dvh;background:var(--primary);position:fixed;left:0;top:0;z-index:1000;display:flex;flex-direction:column;transition:transform .3s ease}.sidebar.closed{transform:translate(-100%)}.sidebar-brand{padding:.75rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;min-height:56px}.sidebar-brand h4{color:#fff;font-weight:600;margin:0;font-size:1rem}.sidebar-brand small{color:var(--accent);font-size:.65rem;display:block}.sidebar-toggle-btn{background:#ffffff1a;border:none;color:#fff;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.sidebar-toggle-btn:hover{background:var(--accent);color:var(--primary)}.sidebar-menu{flex:1;overflow-y:auto;padding:.5rem 0}.sidebar-menu .nav-link{color:#ffffffb3;padding:.65rem .75rem;display:flex;align-items:center;gap:.65rem;text-decoration:none;border-left:3px solid transparent;font-size:.8rem;transition:all .2s}.sidebar-menu .nav-link:hover{color:#fff;background:#ffffff0d}.sidebar-menu .nav-link.active{color:#fff;background:#38bdf826;border-left-color:var(--accent)}.sidebar-menu .nav-link i{font-size:1rem;min-width:20px;text-align:center}.sidebar-footer{padding:.5rem;border-top:1px solid rgba(255,255,255,.1)}.sidebar-footer .user-box{background:#ffffff1a;border-radius:6px;padding:.5rem}.sidebar-footer .user-name{color:#fff;font-size:.7rem;display:block}.sidebar-footer .user-role{font-size:.55rem}.main-content{flex:1;min-height:100vh;margin-left:var(--sidebar-width);transition:margin-left .3s ease;display:flex;flex-direction:column}.main-content.full-width{margin-left:0}.top-header{background:#fff;padding:.5rem .75rem;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:.5rem;position:sticky;top:0;z-index:100;min-height:44px}.header-toggle-btn{background:var(--primary);border:none;color:#fff;width:32px;height:32px;border-radius:6px;display:none;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.header-toggle-btn:hover{background:var(--accent);color:var(--primary)}.main-content.full-width .header-toggle-btn{display:flex}.header-title{flex:1}.header-title h6{margin:0;font-size:.8rem;color:var(--primary);font-weight:600}.header-actions{display:flex;align-items:center;gap:.5rem}.content-wrapper{flex:1;padding:.75rem;overflow-x:hidden}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:all .3s}.sidebar-overlay.show{opacity:1;visibility:visible}.stat-card{background:#fff;border-radius:8px;padding:.75rem;border:1px solid #e2e8f0;height:100%}.stat-card .stat-icon{width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:1rem}.stat-card .stat-value{font-size:1.25rem;font-weight:700;color:var(--primary)}.stat-card .stat-label{color:#64748b;font-size:.7rem}.table-responsive{overflow-x:auto}.table{font-size:.8rem}.table thead th{background:#f8fafc;font-weight:600;font-size:.75rem;padding:.5rem;white-space:nowrap}.table tbody td{padding:.5rem;vertical-align:middle}.badge{font-size:.65rem;padding:.25rem .4rem}.form-control,.form-select{font-size:.8rem;padding:.4rem .6rem;border-radius:6px}.form-label{font-size:.75rem;font-weight:500;margin-bottom:.25rem}.phone-input-group{display:flex}.phone-input-group .country-btn{flex-shrink:0;border-top-right-radius:0;border-bottom-right-radius:0;border-right:none;min-width:80px;font-size:.75rem;padding:.4rem}.phone-input-group .phone-input{flex:1;border-top-left-radius:0;border-bottom-left-radius:0}.country-dropdown{position:absolute;top:100%;left:0;z-index:1050;min-width:180px;max-height:200px;overflow-y:auto;background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 4px 20px #00000026}.country-dropdown .country-item{padding:.4rem .6rem;font-size:.75rem;cursor:pointer}.country-dropdown .country-item:hover,.country-dropdown .country-item.active{background:var(--accent);color:var(--primary)}.modal-content{border-radius:8px;border:none}.modal-header{padding:.75rem;border-bottom:1px solid #e2e8f0}.modal-title{font-size:.9rem}.modal-body{padding:.75rem}.modal-footer{padding:.5rem .75rem;border-top:1px solid #e2e8f0}.btn{font-size:.8rem;padding:.4rem .65rem}.btn-sm{font-size:.7rem;padding:.25rem .4rem}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--primary)}.btn-primary:hover{background:#0ea5e9;border-color:#0ea5e9;color:var(--primary)}.login-page{min-height:100vh;background:linear-gradient(135deg,var(--primary) 0%,#1e293b 100%);display:flex;align-items:center;justify-content:center;padding:1rem}.login-card{background:#fff;border-radius:10px;padding:1rem;width:100%;max-width:360px}.login-brand h1{color:#fff;font-size:1.25rem;text-align:center;margin-bottom:.75rem}@media (max-width: 991px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0!important}.header-toggle-btn{display:flex!important}}@media (max-width: 767px){.content-wrapper,.stat-card{padding:.5rem}.stat-card .stat-value{font-size:1.1rem}h4{font-size:.95rem}h5{font-size:.85rem}h6{font-size:.8rem}.table{font-size:.7rem}.modal-dialog{margin:.25rem}.modal-body .row{flex-direction:column}.modal-body .col-md-4,.modal-body .col-md-8{width:100%;border-right:none!important}.row.g-4,.row.g-3{--bs-gutter-x: .35rem;--bs-gutter-y: .35rem}}.text-accent{color:var(--accent)}.bg-accent{background-color:var(--accent)}.badge-pending{background:#fef3c7;color:#92400e}.badge-preparing{background:#dbeafe;color:#1e40af}.badge-ready{background:#d1fae5;color:#065f46}.badge-delivering{background:#e0e7ff;color:#3730a3}.badge-delivered{background:#dcfce7;color:#166534}.badge-cancelled{background:#fee2e2;color:#991b1b}