:root{--bg: #f7f3e9;--card: #ffffff;--primary: #0f3d35;--primary-dark: #092822;--accent: #c9a96b;--accent-dark: #b08f4e;--text: #1f2937;--muted: #6b7b80;--border: #e5e7eb;--danger: #dc2626;--success: #16a34a;--warning: #d97706;--radius: 16px;--shadow: 0 1px 3px rgba(15, 61, 53, .07)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh}body{font-family:Tajawal,system-ui,-apple-system,Segoe UI,Tahoma,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}#root{max-width:480px;margin:0 auto;background:var(--bg)}.app{padding:16px 16px 88px}.app-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:12px 16px;background:var(--card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.app-header h1{font-size:17px;font-weight:700;justify-self:center}.header-start{justify-self:start;display:flex;align-items:center}.header-end{justify-self:end}.brand{display:flex;align-items:center;gap:6px;color:var(--primary);font-weight:800;font-size:18px}.logo{display:flex;flex-direction:column;align-items:center;gap:2px}.logo-word{font-size:34px;font-weight:800;color:var(--primary);line-height:1.25}.logo-tag{color:var(--accent-dark);font-size:15px;font-weight:500}.auth-title{font-size:20px;font-weight:800;color:var(--primary);text-align:center;margin-bottom:4px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;display:flex;background:var(--card);border-top:1px solid var(--border);padding:6px 0 calc(8px + env(safe-area-inset-bottom));z-index:20}.bottom-nav .tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:var(--muted);font-size:12px;padding:4px 0}.bottom-nav .tab.active{color:var(--text);font-weight:700}.bottom-nav .tab.active .tab-icon{color:var(--accent)}.bottom-nav .tab-icon{font-size:20px;line-height:1;display:flex}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:999px;padding:11px 20px;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .15s;text-decoration:none;font-family:inherit}.btn:active{opacity:.8}.btn-primary{background:var(--primary);color:#fff;width:100%}.btn-outline{background:transparent;color:var(--primary);border:1.5px solid var(--primary)}.btn-danger{background:var(--danger);color:#fff}.btn-success{background:var(--success);color:#fff}.btn-ghost{background:transparent;color:var(--muted);padding:6px 10px}.btn-sm{padding:7px 14px;font-size:13px}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--card);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);margin-bottom:12px}.card h2{font-size:16px;font-weight:700;margin-bottom:4px}.card .sub{color:var(--muted);font-size:13px}.field{margin-bottom:12px}.field label{display:block;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:5px}.field input,.field select,.field textarea{width:100%;border:1.5px solid var(--border);border-radius:12px;padding:10px 12px;font-size:15px;font-family:inherit;background:#fff}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--primary)}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge-new{background:#fef3c7;color:#92400e}.badge-accepted{background:#d1fae5;color:#065f46}.badge-completed{background:#dbeafe;color:#1e40af}.badge-cancelled{background:#fee2e2;color:#991b1b}.empty{text-align:center;color:var(--muted);padding:32px 16px}.error-text{color:var(--danger);font-size:13px;margin-bottom:8px}.success-text{color:var(--success);font-size:13px;margin-bottom:8px}.loading{display:flex;align-items:center;justify-content:center;padding:48px;color:var(--muted)}.chip{display:inline-block;padding:7px 13px;border-radius:999px;border:1.5px solid var(--border);margin:4px;font-size:13px;cursor:pointer;background:#fff;font-family:inherit;color:var(--text)}.chip.active{border-color:var(--primary);background:var(--primary);color:#fff}.day-row{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--border)}.day-row .day-name{font-weight:600;font-size:14px}.day-row input[type=time]{flex:1;border:1.5px solid var(--border);border-radius:8px;padding:6px 8px;font-size:14px;font-family:inherit}.stars{display:flex;gap:4px}.stars button{background:none;border:none;font-size:28px;cursor:pointer;color:#d1d5db;padding:0 2px}.stars button.filled{color:var(--accent)}.section-title{font-size:14px;font-weight:700;color:var(--muted);margin:16px 0 8px}.tailor-logo{width:48px;height:48px;border-radius:14px;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:20px;flex-shrink:0}.tailor-logo img{width:100%;height:100%;border-radius:14px;object-fit:cover}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:flex-end;justify-content:center;z-index:30}.modal{background:var(--card);width:100%;max-width:480px;border-radius:20px 20px 0 0;padding:20px 20px 32px}.seg{display:flex;gap:8px;margin-bottom:16px}.seg button{flex:1;padding:9px;border-radius:999px;border:1.5px solid var(--border);background:#fff;font-family:inherit;font-weight:600;font-size:14px;cursor:pointer;color:var(--text)}.seg button.active{border-color:var(--primary);background:var(--primary);color:#fff}