:root{--bg: #fafafa;--card-bg: #fff;--border: #e5e5e5;--muted: #6b7280}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:#111}a{color:inherit;text-decoration:none}button{cursor:pointer}.container{width:100%;max-width:960px;margin:0 auto;padding:16px}.title{font-size:20px;font-weight:700}.card{border:1px solid var(--border);border-radius:16px;background:var(--card-bg);box-shadow:0 2px 6px #0000000f}.card-pad{padding:12px}.chip-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.chip{border:1px solid var(--border);border-radius:999px;padding:6px 12px;font-size:13px;background:#fff}.chip.active{border-color:#111;background:#111;color:#fff}.pill{font-size:12px;padding:2px 8px;border-radius:999px;border:1px solid var(--border);color:#444}.pill.waiting{background:#fff7ed;border-color:#fed7aa}.pill.approved{background:#ecfeff;border-color:#a5f3fc}.pill.priced{background:#f5f3ff;border-color:#ddd6fe}.pill.rejected{background:#fef2f2;border-color:#fecaca}.pill.ticketed{background:#eef2ff;border-color:#c7d2fe}.pill.completed{background:#ecfdf5;border-color:#a7f3d0}.pill.draft{background:#f3f4f6;border-color:#e5e7eb}.btn{border:1px solid var(--border);background:#fff;padding:8px 12px;border-radius:10px}.btn.primary{background:#111;color:#fff;border-color:#111}.btn.danger{background:#ef4444;color:#fff;border-color:#ef4444}.btn.ghost{background:transparent;border-color:transparent}.row{display:flex;align-items:center;gap:8px}.spacer{flex:1}.muted{color:var(--muted)}.right{margin-left:auto}.input,.textarea{width:100%;border:1px solid var(--border);border-radius:14px;padding:12px 14px;font-size:16px;background:#fff}.textarea{min-height:100px;resize:vertical}.input::placeholder,.textarea::placeholder{color:#9ca3af;opacity:1}.list{display:grid;gap:10px}.layout{display:flex;min-height:100vh}.sidebar{width:240px;background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column}.sidebar .brand{padding:16px;font-weight:800;font-size:18px;border-bottom:1px solid var(--border)}.sidebar .nav{padding:12px;display:grid;gap:6px}.sidebar .nav a,.sidebar .nav button{display:block;text-align:left;padding:10px 12px;border-radius:10px;border:1px solid transparent;background:transparent;font-weight:600;color:#111}.sidebar .nav a:hover,.sidebar .nav button:hover{background:#f5f5f5}.sidebar .nav .active{background:#f3f4f6;border-color:#e5e7eb;color:#111;box-shadow:inset 3px 0 #111}.sidebar .nav a:active{transform:translateY(0)}.sidebar .footer{margin-top:auto;padding:12px;display:grid;gap:8px}.content{flex:1;padding:16px;display:flex;justify-content:center}.content-inner{width:100%;max-width:960px}.chat-wrap{display:grid;grid-template-rows:1fr auto;gap:10px;min-height:60vh}.chat-list{display:grid;gap:10px;align-content:start;overflow:auto;padding-right:4px}.chat{display:grid;gap:10px}.bubble{max-width:85%;padding:10px 12px;border-radius:16px;border:1px solid var(--border);background:#fff;box-shadow:0 1px 2px #0000000a}.bubble.user{justify-self:end;background:linear-gradient(180deg,#111,#1a1a1a);color:#fff;border-color:#111;border-bottom-right-radius:6px}.bubble.admin{justify-self:start;background:#fff;border-color:#e5e7eb;border-bottom-left-radius:6px}.bubble.system{justify-self:center;background:#f3f4f6;border-color:#e5e7eb;color:#374151}.bubble .meta{font-size:11px;color:var(--muted);margin-top:4px}.composer{position:sticky;bottom:0;background:transparent}.modal-backdrop{position:fixed;inset:0;background:#00000059;display:flex;align-items:flex-end;justify-content:center;padding:16px;z-index:50}.sheet{width:100%;max-width:640px;background:#fff;border:1px solid var(--border);border-radius:16px 16px 0 0;box-shadow:0 10px 30px #00000026;overflow:hidden;animation:sheet-in .2s ease-out;max-height:80vh;display:grid;grid-template-rows:auto auto 1fr}.sheet-header{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid #eee}.sheet-title{font-weight:800;font-size:16px}.sheet-body{padding:0;display:grid;grid-template-rows:auto 1fr auto;min-height:0}.grabber{width:34px;height:4px;background:#e5e7eb;border-radius:999px;margin:8px auto 0}@keyframes sheet-in{0%{transform:translateY(24px);opacity:.9}to{transform:translateY(0);opacity:1}}.tiles{padding:10px 12px;border-bottom:1px solid #eee;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.tile{align-items:center;gap:8px;padding:12px;border-radius:16px;border:1px solid var(--border);background:#fff;display:inline-flex}.tile .icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#f5f5f5}.tile .label{font-size:12px;font-weight:700}