:root{--bg: #f6efe7;--ink: #2b2622;--accent: #e4572e;--accent-soft: #f3b49f;--panel: #fff6ef;--muted: #7a6f66;--border: #e1cfc0;--ok: #1e8e62;--warn: #cc6b2c;--danger: #b23b3b;font-family:Rubik,Segoe UI,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top right,rgba(228,87,46,.12),transparent 45%),radial-gradient(circle at bottom left,rgba(31,142,98,.12),transparent 45%),var(--bg)}#root{max-width:1100px;margin:0 auto;padding:20px 16px 40px}.app{display:flex;flex-direction:column;gap:24px}.header{display:flex;flex-direction:column;gap:14px}.header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.header h1{font-size:32px;margin:0}.header p{margin:0;color:var(--muted)}.bell{position:relative;border:1px solid var(--border);background:#fff;border-radius:16px;padding:10px 12px;cursor:pointer;font-size:20px}.badge{position:absolute;top:-6px;right:-6px;background:var(--accent);color:#fff;font-size:12px;font-weight:700;padding:2px 6px;border-radius:999px}.page-tabs{display:flex;gap:10px}.page-tab{border:1px solid var(--border);background:#fff;border-radius:999px;padding:8px 16px;font-weight:600;cursor:pointer;color:var(--ink)}.page-tab.active{background:var(--accent);color:#fff;border-color:transparent}.layout{display:grid;grid-template-columns:minmax(280px,1fr) minmax(340px,1.4fr);gap:24px}.orders{display:flex;flex-direction:column;gap:20px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:20px;box-shadow:0 12px 25px #2b262214}.panel h2{margin-top:0}.form{display:flex;flex-direction:column;gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-weight:600}.field input,.field select,.field textarea{border-radius:12px;border:1px solid var(--border);padding:10px 12px;font-size:15px;font-family:inherit;background:#fff}.field textarea{min-height:80px;resize:vertical}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{border:none;border-radius:999px;padding:12px 18px;font-weight:600;cursor:pointer;background:var(--accent);color:#fff;transition:transform .2s ease,box-shadow .2s ease}.button.secondary{background:var(--ink)}.button.ghost{background:transparent;color:var(--ink);border:1px solid var(--border)}.button:disabled{opacity:.6;cursor:not-allowed}.button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 12px #2b262226}.order-list{display:flex;flex-direction:column;gap:12px}.order-card{border:1px solid var(--border);border-radius:16px;padding:14px;background:#fff;display:flex;flex-direction:column;gap:10px}.order-top{display:flex;justify-content:space-between;gap:12px}.tag{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;background:var(--accent-soft)}.status{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.status.created{background:#f6d3c2;color:#8a3a21}.status.scheduled{background:#f5e2a9;color:#6e4d10}.status.done{background:#c7eedb;color:#0f5c3e}.status.canceled{background:#f5c7c7;color:#7a1f1f}.meta{color:var(--muted);font-size:13px}.inline{display:flex;gap:10px;flex-wrap:wrap}.notice{border-radius:12px;padding:10px 12px;background:#e4572e14;color:var(--ink);border:1px dashed var(--border)}@media(max-width:960px){.layout{grid-template-columns:1fr}.header-row{flex-direction:column;align-items:flex-start}.page-tabs{width:100%}.page-tab{flex:1;text-align:center}}