:root{--c-ink: #17111d;--c-ink-soft: #241a30;--c-ink-muted: #3a2c47;--c-accent: #d00eae;--c-accent-deep: #9d0a83;--c-accent-soft: rgba(208, 14, 174, .12);--c-amber: #ff9e1b;--c-amber-soft: rgba(255, 158, 27, .14);--c-green: #18a058;--c-red: #e5484d;--c-bg: #f6f4f1;--c-surface: #ffffff;--c-border: #e8e2da;--c-text: #1b1620;--c-muted: #8d8494;--font-display: "Unbounded", system-ui, sans-serif;--font-body: "Manrope", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 22px;--shadow-card: 0 1px 2px rgba(23, 17, 29, .04), 0 12px 32px -18px rgba(23, 17, 29, .18);--shadow-pop: 0 24px 64px -20px rgba(23, 17, 29, .28);--header-h: 64px;--sider-w: 256px;--sider-w-collapsed: 84px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-body);color:var(--c-text);background:radial-gradient(1100px 520px at 105% -8%,rgba(208,14,174,.07),transparent 60%),radial-gradient(900px 520px at -8% 108%,rgba(255,158,27,.08),transparent 55%),var(--c-bg);min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;pointer-events:none;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}#root{min-height:100vh}h1.ant-typography,h2.ant-typography,h3.ant-typography,h4.ant-typography,h5.ant-typography{font-family:var(--font-display);letter-spacing:-.02em}::selection{background:var(--c-accent);color:#fff}*{scrollbar-width:thin;scrollbar-color:#c9c1cc transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:#c9c1cc;border-radius:999px;border:3px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:#a99fa8;border:3px solid transparent;background-clip:content-box}.ant-btn{font-weight:600;box-shadow:none}.ant-btn-primary{background:linear-gradient(135deg,var(--c-accent) 0%,var(--c-accent-deep) 100%);border:none}.ant-btn-primary:hover{background:linear-gradient(135deg,#e315bc,#b00c94)!important}.ant-tag{font-weight:700;border-radius:999px;padding-inline:10px;border:none}.ant-input,.ant-input-number,.ant-input-affix-wrapper,.ant-picker,.ant-select-selector{border-radius:var(--radius-sm)!important}.ant-modal-content{border-radius:var(--radius-lg)!important;overflow:hidden}.ant-drawer-content{background:var(--c-ink)!important}.app-layout{min-height:100vh;background:transparent}.app-sider{background:var(--c-ink)!important;position:sticky!important;top:0;height:100vh;overflow:auto;z-index:20}.app-sider .ant-layout-sider-trigger{background:var(--c-ink-soft);border-top:1px solid rgba(255,255,255,.06)}.brand{display:flex;align-items:center;gap:12px;height:var(--header-h);padding:0 18px;border-bottom:1px solid rgba(255,255,255,.07)}.brand-mark{width:38px;height:38px;flex:0 0 38px;display:flex;align-items:center;justify-content:center;line-height:1;border-radius:12px;background:linear-gradient(135deg,var(--c-accent),#6a08c7);color:#fff;font-family:var(--font-display);font-weight:800;font-size:15px;box-shadow:0 8px 20px -8px #d00eaecc}.brand-name{font-family:var(--font-display);font-weight:700;font-size:16px;letter-spacing:-.02em;color:#fff;white-space:nowrap}.brand-name em{font-style:normal;color:var(--c-accent)}.brand-sub{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#ffffff73;margin-top:1px;white-space:nowrap}.app-menu.ant-menu{background:transparent;border-inline-end:none;padding:14px 12px}.app-menu.ant-menu .ant-menu-item{color:#ffffffad;border-radius:12px;margin:4px 0;font-weight:600;transition:background .2s ease,color .2s ease,transform .2s ease}.app-menu.ant-menu .ant-menu-item:hover{color:#fff;background:#ffffff12!important}.app-menu.ant-menu .ant-menu-item-selected{color:#fff;background:linear-gradient(135deg,#d00eaee6,#6a08c7e6)!important;box-shadow:0 10px 24px -10px #d00eaee6}.app-menu.ant-menu .ant-menu-item .anticon{font-size:16px}.app-header{position:sticky;top:0;z-index:15;height:var(--header-h);padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f6f4f1d1!important;backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--c-border)}.header-left,.header-right{display:flex;align-items:center;gap:12px}.header-burger{color:var(--c-text)!important}.user-chip{display:flex;align-items:center;gap:10px;padding:6px 10px 6px 6px;border:1px solid var(--c-border);border-radius:999px;background:var(--c-surface);cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.user-chip:hover{border-color:var(--c-accent);box-shadow:0 8px 20px -12px #d00eae80}.user-avatar{width:32px;height:32px;flex:0 0 32px;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1;color:#fff;font-weight:800;font-size:14px;font-family:var(--font-display);background:linear-gradient(135deg,var(--c-accent),#6a08c7);overflow:hidden}.user-meta{line-height:1.1;text-align:left}.user-name{font-weight:700;font-size:13px}.user-role{font-size:11px;color:var(--c-muted)}.live-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;color:#0d7a44;background:#18a0581f}.live-pill:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--c-green);box-shadow:0 0 0 4px #18a0582e;animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 4px #18a0582e}50%{box-shadow:0 0 0 8px #18a0580d}}.app-content{padding:24px}.content-wrap{max-width:1360px;margin:0 auto}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:20px}.page-head .ant-typography{margin:0}.page-kicker{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:800;color:var(--c-accent);margin-bottom:6px}.panel{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.panel .ant-table{background:transparent}.panel .ant-table-thead>tr>th{background:#faf8f5;font-family:var(--font-display);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--c-muted);border-bottom:1px solid var(--c-border);font-weight:600;padding-block:14px}.panel .ant-table-tbody>tr>td{border-bottom:1px solid #f1ede8;padding-block:14px}.panel .ant-table-tbody>tr:hover>td{background:#fcf6fd!important}.panel .ant-table-pagination{padding:0 16px}.mobile-nav{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:30;display:flex;justify-content:space-around;gap:4px;padding:8px;background:#17111df0;backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);border:1px solid rgba(255,255,255,.08);border-radius:20px;box-shadow:0 18px 44px -14px #17111da6}.mobile-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;border-radius:14px;color:#ffffff8c;font-size:10px;font-weight:700;border:none;background:transparent;cursor:pointer;transition:color .2s ease,background .2s ease,transform .15s ease}.mobile-nav-item .anticon{font-size:18px}.mobile-nav-item:active{transform:scale(.94)}.mobile-nav-item.active{color:#fff;background:linear-gradient(135deg,#d00eaee6,#6a08c7e6);box-shadow:0 8px 20px -8px #d00eaee6}.drawer-nav{display:flex;flex-direction:column;height:100%}.drawer-nav .brand{margin-bottom:12px}.drawer-nav .ant-menu{background:transparent;border:none;flex:1}.drawer-nav .ant-menu-item{color:#ffffffad;border-radius:12px;margin:6px 0;font-weight:600;height:48px;line-height:48px}.drawer-nav .ant-menu-item:hover{color:#fff;background:#ffffff12!important}.drawer-nav .ant-menu-item-selected{color:#fff;background:linear-gradient(135deg,#d00eaee6,#6a08c7e6)!important}.drawer-foot{padding:16px 8px 0;border-top:1px solid rgba(255,255,255,.08)}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr}.login-brand{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:56px;color:#fff;background:radial-gradient(900px 600px at 20% 10%,rgba(208,14,174,.35),transparent 55%),radial-gradient(700px 500px at 90% 100%,rgba(106,8,199,.4),transparent 60%),var(--c-ink)}.login-brand:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(180deg,#000,transparent 85%);-webkit-mask-image:linear-gradient(180deg,#000,transparent 85%)}.login-brand-top{position:relative;display:flex;align-items:center;gap:14px}.login-hero{position:relative;max-width:520px}.login-hero h1{font-family:var(--font-display);font-size:clamp(30px,4vw,52px);line-height:1.08;letter-spacing:-.03em;margin:0 0 20px}.login-hero h1 span{color:var(--c-accent)}.login-hero p{font-size:16px;line-height:1.65;color:#ffffffa8;margin:0}.login-features{position:relative;display:flex;flex-direction:column;gap:14px;margin-top:32px}.login-feature{display:flex;align-items:center;gap:12px;font-size:14px;color:#ffffffd1}.login-feature .dot{width:8px;height:8px;border-radius:50%;background:var(--c-amber);box-shadow:0 0 0 5px #ff9e1b2e;flex:0 0 8px}.login-brand-foot{position:relative;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#fff6}.login-panel{display:flex;align-items:center;justify-content:center;padding:32px;background:radial-gradient(800px 400px at 100% 0%,rgba(208,14,174,.05),transparent 55%),var(--c-bg)}.login-card{width:100%;max-width:400px}.login-card .ant-card{border-radius:var(--radius-lg);border:1px solid var(--c-border);box-shadow:var(--shadow-pop)}.login-mobile-brand{display:none;align-items:center;gap:12px;margin-bottom:28px}@media(max-width:900px){.login-shell{grid-template-columns:1fr}.login-brand{display:none}.login-mobile-brand{display:flex}.login-panel{padding:20px}}.chat-shell{display:flex;flex-direction:column;height:calc(100dvh - var(--header-h) - 48px);min-height:360px}.chat-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.chat-window{flex:1;overflow-y:auto;padding:16px;border:1px solid var(--c-border);border-radius:var(--radius-lg);background:radial-gradient(500px 200px at 90% 0%,rgba(208,14,174,.05),transparent 60%),#faf8f5;margin-bottom:16px}.bubble-row{margin-bottom:12px;display:flex;animation:rise .35s ease both}.bubble-row.client{justify-content:flex-start}.bubble-row.seller,.bubble-row.bot{justify-content:flex-end}.bubble{max-width:min(72%,560px);padding:11px 15px;border-radius:16px;box-shadow:0 6px 18px -10px #17111d59}.bubble.client{background:#fff;border:1px solid var(--c-border);border-bottom-left-radius:4px;color:var(--c-text)}.bubble.seller,.bubble.bot{background:linear-gradient(135deg,var(--c-accent),#6a08c7);border-bottom-right-radius:4px;color:#fff}.bubble .meta{display:flex;align-items:center;gap:8px;margin-bottom:5px}.bubble .text{white-space:pre-wrap;word-break:break-word}.bubble .time{font-size:11px;opacity:.65;margin-top:6px;text-align:right}.chat-compose{display:flex;gap:10px;align-items:flex-end}.chat-input{border-radius:14px!important;resize:none;padding:10px 14px}.chat-send{height:46px;border-radius:14px!important;padding-inline:22px!important}@media(max-width:991px){.chat-shell{height:calc(100dvh - var(--header-h) - 116px)}}@media(max-width:640px){.chat-shell{height:calc(100dvh - var(--header-h) - 126px)}.chat-send{padding-inline:16px!important}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.settings-grid{max-width:760px}.settings-grid .ant-card{border-radius:var(--radius-lg);border:1px solid var(--c-border);box-shadow:var(--shadow-card);margin-bottom:20px}.settings-grid .ant-card-head{font-family:var(--font-display);font-weight:600;font-size:14px;border-bottom-color:var(--c-border)}.mono{font-family:var(--font-mono)}.hide-on-mobile{display:initial}@media(max-width:991px){.hide-on-mobile{display:none}}@media(max-width:991px){.app-content{padding:16px 16px calc(96px + env(safe-area-inset-bottom))}.app-header{padding:0 16px}.user-name,.user-role{display:none}}@media(max-width:640px){.page-head .ant-btn{width:100%}.app-content{padding:14px 12px calc(96px + env(safe-area-inset-bottom))}.panel{border-radius:16px}}
