*{box-sizing:border-box;margin:0;padding:0}:root{--red: #E24B4A;--red-dark: #A32D2D;--red-light: #FCEBEB;--red-mid: #F7C1C1;--dark: #1a1a1a;--darker: #111;--bg: #f5f5f5;--white: #ffffff;--border: #e5e7eb;--text: #1f2937;--text-muted: #6b7280;--green: #16a34a;--green-light: #d1fae5;--yellow-light: #fef3c7;--blue-light: #dbeafe}body{font-family:Poppins,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}.app-shell{max-width:430px;margin:0 auto;background:var(--white);min-height:100vh;position:relative;display:flex;flex-direction:column;overflow:hidden}.btn-primary{background:var(--red);color:#fff;border:none;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;width:100%;font-family:Poppins,sans-serif;transition:opacity .15s}.btn-primary:hover{opacity:.92}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-outline{background:transparent;color:var(--red);border:1px solid var(--red);padding:12px 20px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;width:100%;font-family:Poppins,sans-serif}.input{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:10px;font-size:14px;font-family:Poppins,sans-serif;color:var(--text);background:var(--white);outline:none;transition:border-color .15s}.input:focus{border-color:var(--red)}.select{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:10px;font-size:14px;font-family:Poppins,sans-serif;color:var(--text);background:var(--white);outline:none;cursor:pointer}.card{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:14px}.badge{font-size:10px;font-weight:600;padding:3px 9px;border-radius:10px;text-transform:capitalize}.badge-pending{background:var(--yellow-light);color:#92400e}.badge-accepted{background:#e0e7ff;color:#3730a3}.badge-preparing{background:var(--blue-light);color:#1e40af}.badge-ready{background:var(--green-light);color:#065f46}.badge-out_for_delivery{background:#fef3c7;color:#78350f}.badge-delivered{background:var(--green-light);color:#065f46}.badge-cancelled,.badge-rejected{background:#fee2e2;color:#991b1b}.toggle{position:relative;width:46px;height:25px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#d1d5db;border-radius:25px;cursor:pointer;transition:background .2s}.toggle-slider:before{content:"";position:absolute;width:19px;height:19px;background:#fff;border-radius:50%;top:3px;left:3px;transition:transform .2s}.toggle input:checked+.toggle-slider{background:var(--green)}.toggle input:checked+.toggle-slider:before{transform:translate(21px)}.spinner{width:36px;height:36px;border:3px solid var(--red-light);border-top-color:var(--red);border-radius:50%;animation:spin .7s linear infinite;margin:40px auto}@keyframes spin{to{transform:rotate(360deg)}}.section-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 8px}.section-title{font-size:15px;font-weight:600;color:var(--text)}.section-link{font-size:12px;color:var(--red);cursor:pointer}.bottom-nav{display:flex;border-top:1px solid var(--border);background:var(--white);flex-shrink:0}.bn-item{flex:1;padding:10px 0;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;border:none;background:transparent;font-family:Poppins,sans-serif}.bn-icon{font-size:20px}.bn-label{font-size:10px;color:var(--text-muted);font-weight:500}.bn-item.active .bn-label{color:var(--red)}.page-content{flex:1;overflow-y:auto}.red-header{background:var(--red);color:#fff;padding:16px;flex-shrink:0}.dark-header{background:var(--darker);color:#fff;padding:16px;flex-shrink:0}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:12px;color:var(--text-muted);font-weight:500}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat-box{background:#f9fafb;border-radius:10px;padding:12px}.stat-label{font-size:11px;color:var(--text-muted);margin-bottom:4px}.stat-val{font-size:20px;font-weight:600;color:var(--text)}.stat-sub{font-size:10px;color:var(--green);margin-top:2px}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.loading-screen .logo{font-size:28px;font-weight:700;color:var(--red);margin-bottom:16px}