:root{--primary: #0ea5a4;--primary-dark: #0f766e;--bg: #f8fafc;--card: #ffffff;--text: #0f172a;--muted: #64748b;--border: #e2e8f0;--success: #16a34a;--danger: #dc2626;--warning: #d97706;--radius: 10px}body{background:var(--bg);color:var(--text);line-height:1.5}.container{max-width:1100px;margin:0 auto;padding:24px}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh}.auth-card{background:var(--card);border-radius:var(--radius);padding:40px;width:100%;max-width:400px;box-shadow:0 2px 12px #0000000f}.auth-card h1{font-size:28px;color:var(--primary);margin-bottom:4px}.auth-card p{color:var(--muted);margin-bottom:24px}.auth-card input{width:100%;padding:12px;border:1px solid var(--border);border-radius:6px;font-size:15px;margin-bottom:12px}.auth-card input:focus{outline:none;border-color:var(--primary)}.btn{display:inline-block;padding:12px 20px;border:none;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;width:100%;text-align:center}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-danger{background:var(--danger);color:#fff}.btn-sm{padding:6px 14px;width:auto;font-size:13px}.btn-success{background:var(--success);color:#fff}.btn-warning{background:var(--warning);color:#fff}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--card);border-bottom:1px solid var(--border)}.topbar h2{font-size:20px;color:var(--primary)}.topbar .right{display:flex;gap:12px;align-items:center}.nav-tabs{display:flex;gap:0;border-bottom:2px solid var(--border);margin-bottom:24px}.nav-tab{padding:12px 20px;cursor:pointer;font-weight:500;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-2px;transition:.2s}.nav-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.card{background:var(--card);border-radius:var(--radius);padding:20px;margin-bottom:16px;box-shadow:0 1px 4px #0000000a}.order-card{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600}.badge-paid{background:#dbeafe;color:#1d4ed8}.badge-accepted{background:#dbeafe;color:#0ea5a4}.badge-packing{background:#fef3c7;color:#92400e}.badge-ready{background:#dcfce7;color:#166534}.badge-completed{background:#f0fdf4;color:#14532d}.badge-cancelled{background:#fee2e2;color:#991b1b}.badge-pending{background:#fef3c7;color:#92400e}.badge-confirmed{background:#dbeafe;color:#1d4ed8}.badge-in_progress{background:#ede9fe;color:#6d28d9}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.product-card{background:var(--card);border-radius:var(--radius);padding:16px;box-shadow:0 1px 4px #0000000a}.product-card h4{margin-bottom:4px}.product-card .price{color:var(--primary);font-weight:700}.product-card .meta{color:var(--muted);font-size:13px;margin-top:4px}.form-row{display:flex;gap:12px;margin-bottom:12px;flex-wrap:wrap}.form-row input,.form-row select{flex:1;min-width:140px;padding:10px;border:1px solid var(--border);border-radius:6px;font-size:14px}.form-row input:focus,.form-row select:focus{outline:none;border-color:var(--primary)}.empty{text-align:center;color:var(--muted);padding:60px 20px}.error{color:var(--danger);font-size:13px;margin-bottom:12px}