:root{--font: "Plus Jakarta Sans", "Segoe UI", system-ui, -apple-system, sans-serif;--ink: #0f1f2e;--ink-2: #334155;--muted: #64748b;--faint: #94a3b8;--line: #e5eaf0;--line-2: #eef2f6;--bg: #f4f6f9;--card: #ffffff;--sidebar: #142846;--sidebar-2: #1b3157;--sidebar-text: #9fb0c3;--brand: #1f3a68;--brand-600: #183050;--brand-50: #eef2f9;--brand-100: #d9e2f1;--accent: #f8b810;--accent-ink: #8a5a00;--logo-red: #d83020;--ok: #059669;--ok-600: #047857;--ok-50: #ecfdf5;--ok-100: #d1fae5;--warn: #b45309;--warn-bg: #fffbeb;--warn-line: #fde68a;--danger: #dc2626;--danger-bg: #fef2f2;--info: #2563eb;--info-bg: #eff6ff;--ai: #6d28d9;--ai-bg: #f3efff;--chat: #f1ede6;--bubble-in: #ffffff;--bubble-out: #d9f7e0;--bubble-sys: #fff6dd;--read: #34b7f1;--r: 12px;--r-sm: 9px;--shadow: 0 1px 2px rgb(15 31 46 / .05), 0 4px 14px rgb(15 31 46 / .04);--shadow-lg: 0 10px 40px rgb(15 31 46 / .12);font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);font-size:14px;line-height:1.5}h1,h2,h3,h4{margin:0;letter-spacing:-.01em}p{margin:0}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em;background:var(--line-2);padding:1px 5px;border-radius:5px}small{font-size:.82em}.muted{color:var(--muted)}.small{font-size:12.5px}.strong{font-weight:600}.center{text-align:center}.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.grow{flex:1;min-width:0}.row{display:flex;align-items:center}.gap{gap:8px}.wrap{flex-wrap:wrap}.icon{flex-shrink:0}button{font:inherit;color:inherit;cursor:pointer}.btn{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--card);font-weight:600;font-size:13.5px;color:var(--ink-2);transition:background .15s,border-color .15s,box-shadow .15s;white-space:nowrap}.btn:hover{background:#f8fafc;border-color:#d5dde6}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 1px 2px #1830504d}.btn.primary:hover{background:var(--brand-600)}.btn.ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn.ghost:hover{background:var(--line-2);color:var(--ink)}.btn.small{height:32px;padding:0 12px;font-size:13px}.btn.block{width:100%;justify-content:center}.btn:disabled{opacity:.5;cursor:not-allowed}.icon-btn{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:var(--r-sm);border:1px solid transparent;background:transparent;color:var(--muted)}.icon-btn:hover{background:var(--line-2);color:var(--ink)}.icon-btn.ghost-dark{color:var(--sidebar-text)}.icon-btn.ghost-dark:hover{background:#ffffff14;color:#fff}.link{border:0;background:none;color:var(--brand-600);font-weight:600;font-size:13px;display:inline-flex;align-items:center;gap:4px;padding:0}.link:hover{text-decoration:underline}input,select,textarea{font:inherit;color:var(--ink);width:100%;border:1px solid var(--line);border-radius:var(--r-sm);background:#fff;padding:9px 12px;transition:border-color .15s,box-shadow .15s}input::placeholder,textarea::placeholder{color:var(--faint)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #1f3a682e}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.field{display:grid;gap:6px}.field>span{font-size:12.5px;font-weight:600;color:var(--ink-2)}.field small{color:var(--muted);font-weight:400}.check{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--ink-2);cursor:pointer}.check input{width:16px;height:16px;accent-color:var(--brand)}.tag{display:inline-flex;align-items:center;gap:3px;height:20px;padding:0 7px;border-radius:6px;font-size:11px;font-weight:700;white-space:nowrap}.tag.ai{background:var(--ai-bg);color:var(--ai)}.tag.team{background:var(--info-bg);color:var(--info)}.tag.ok{background:var(--ok-50);color:var(--ok-600)}.tag.warn{background:var(--warn-bg);color:var(--warn);margin-left:6px}.tag.neutral{background:var(--line-2);color:var(--muted)}.tag.big{height:26px;padding:0 10px;font-size:12px}.pill{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap;background:var(--line-2);color:var(--ink-2)}.pill.ok{background:var(--ok-50);color:var(--ok-600)}.pill.warn{background:var(--warn-bg);color:var(--warn)}.pill.danger{background:var(--danger-bg);color:var(--danger)}.pill.status-AWAITING_PAYMENT{background:var(--warn-bg);color:var(--warn)}.pill.status-CONFIRMED{background:var(--ok-50);color:var(--ok-600)}.pill.status-IN_PRODUCTION{background:var(--info-bg);color:var(--info)}.pill.status-SHIPPED{background:var(--ai-bg);color:var(--ai)}.pill.status-DELIVERED,.pill.status-COMPLETED{background:#f0fdf4;color:#15803d}.pill.status-CANCELLED{background:var(--danger-bg);color:var(--danger)}.count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--brand);color:#fff;font-size:11px;font-weight:700;margin-left:6px}.count.muted-count{background:var(--line);color:var(--ink-2)}.alert,.banner{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;border-radius:var(--r-sm);font-size:13.5px}.alert{margin:12px 0}.alert.error,.banner.error{background:var(--danger-bg);color:#991b1b}.alert.ok,.banner.ok{background:var(--ok-50);color:var(--ok-600)}.banner.warn{background:var(--warn-bg);color:#92400e;border-bottom:1px solid var(--warn-line)}.banner.small{font-size:12.5px;padding:8px 10px;border:0;margin-top:8px}.banner .icon{margin-top:2px}ul.plain{margin:6px 0;padding-left:18px}.empty-state{display:grid;justify-items:center;gap:8px;padding:40px 20px;color:var(--muted);text-align:center}.empty-state .icon{color:var(--faint)}.empty-state h3{color:var(--ink);font-size:16px}.empty-state.small{padding:28px 16px}.center-screen{height:100%;display:grid;place-items:center}.card.narrow{max-width:380px;display:grid;gap:12px}.spinner{width:30px;height:30px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--brand);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.shell{display:grid;grid-template-columns:248px 1fr;height:100%}.sidebar{background:linear-gradient(180deg,var(--sidebar),#0d2033);color:var(--sidebar-text);display:flex;flex-direction:column;padding:18px 12px;gap:6px}.brand{display:flex;align-items:center;gap:11px;padding:4px 8px 20px}.brand strong{display:block;color:#fff;font-size:15px;letter-spacing:-.01em}.brand span{font-size:12px;color:var(--sidebar-text)}.sidebar nav{display:grid;gap:3px}.nav-item{display:flex;align-items:center;gap:11px;height:42px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:var(--sidebar-text);font-weight:600;font-size:14px;text-align:left;position:relative;transition:background .15s,color .15s}.nav-item:hover{background:#ffffff0d;color:#e2e8f0}.nav-item.active{background:#ffffff17;color:#fff}.nav-item.active:before{content:"";position:absolute;left:-12px;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}.nav-item span:first-of-type{flex:1}.nav-badge{min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:var(--accent);color:var(--sidebar);font-size:11.5px;font-weight:700;display:grid;place-items:center}.sidebar-foot{margin-top:auto;display:flex;align-items:center;gap:10px;padding:12px 8px 4px;border-top:1px solid rgb(255 255 255 / .08)}.sidebar-foot .who{flex:1;min-width:0}.sidebar-foot strong{display:block;color:#fff;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-foot span{font-size:12px}.avatar{display:inline-grid;place-items:center;border-radius:50%;font-weight:700;flex-shrink:0;letter-spacing:.02em}.main{min-width:0;overflow:auto}.page{padding:28px 32px 48px;max-width:1440px;margin:0 auto;display:grid;gap:20px;align-content:start}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.page-header h1{font-size:26px;font-weight:800}.subtitle{color:var(--muted);margin-top:4px;max-width:70ch}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--logo-red);margin-bottom:4px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:20px}.card.flush{padding:0;overflow:hidden}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.card-head h3,.card-title{font-size:15px;font-weight:700;display:flex;align-items:center;gap:8px}.card-title{margin-bottom:14px}.card-head h3 .icon{color:var(--brand)}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.kpi{text-align:left;border:1px solid var(--line);background:var(--card);border-radius:var(--r);box-shadow:var(--shadow);padding:18px;display:grid;gap:4px;transition:transform .15s,box-shadow .15s;min-height:132px}.kpi:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.kpi-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;margin-bottom:6px}.kpi-label{font-size:13px;color:var(--muted);font-weight:600}.kpi-value{font-size:26px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.kpi-hint{font-size:12.5px;color:var(--muted)}.tone-ok .kpi-icon{background:var(--ok-50);color:var(--ok-600)}.tone-warn .kpi-icon{background:var(--warn-bg);color:var(--warn)}.tone-warn .kpi-value{color:var(--warn)}.tone-info .kpi-icon{background:var(--info-bg);color:var(--info)}.tone-brand .kpi-icon{background:var(--ai-bg);color:var(--ai)}.kpi.skeleton{animation:pulse 1.4s ease-in-out infinite;background:#eef2f6}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.list{list-style:none;margin:0;padding:0;display:grid}.list li{display:flex;align-items:center;gap:12px;padding:11px 6px;border-top:1px solid var(--line-2);cursor:pointer;border-radius:8px}.list li:first-child{border-top:0}.list li:hover{background:#f8fafc}.list li .grow{display:grid}.list li .muted{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-no{font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}.list .order-no{min-width:56px}.schools{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.school{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line-2);border-radius:10px}.school div{display:grid}.inbox{display:grid;grid-template-columns:360px minmax(0,1fr) 320px;height:100%}.inbox-list{display:flex;flex-direction:column;min-height:0;background:var(--card);border-right:1px solid var(--line)}.inbox-list-head{padding:20px 16px 12px;display:grid;gap:12px;border-bottom:1px solid var(--line-2)}.inbox-list-head h2{font-size:20px;font-weight:800}.search{position:relative}.search .icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--faint)}.search input{padding-left:34px;background:var(--bg);border-color:transparent}.search input:focus{background:#fff}.segmented{display:flex;gap:2px;padding:3px;background:var(--line-2);border-radius:10px}.segmented button{flex:1;border:0;background:transparent;height:32px;border-radius:8px;font-weight:600;font-size:12.5px;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:0 8px}.segmented button.on{background:#fff;color:var(--ink);box-shadow:0 1px 2px #0f1f2e14}.segmented.wide{width:fit-content;max-width:100%;overflow-x:auto}.segmented.wide button{flex:none;padding:0 14px}.segmented.full{margin:14px 14px 0}.inbox-items{overflow-y:auto;flex:1;padding:6px}.conv{width:100%;display:flex;gap:12px;padding:11px 10px;border:0;background:transparent;border-radius:10px;text-align:left;align-items:center;position:relative}.conv:hover{background:#f8fafc}.conv.selected{background:var(--brand-50)}.conv.waiting:after{content:"";position:absolute;right:10px;top:14px;width:8px;height:8px;border-radius:50%;background:#f59e0b;box-shadow:0 0 0 3px #fef3c7}.conv-body{flex:1;min-width:0;display:grid;gap:2px}.conv-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.conv-row strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-time{font-size:11.5px;color:var(--faint);white-space:nowrap;font-weight:600}.conv.waiting .conv-time{margin-right:16px}.conv-time.ok{color:var(--ok-600)}.conv-time.warn{color:var(--warn)}.conv-time.danger{color:var(--danger)}.conv-preview{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:4px}.conv-preview .tick{color:var(--read)}.conv.waiting .conv-preview{color:#92400e;font-weight:600}.chat{display:flex;flex-direction:column;min-height:0;background-color:var(--chat);background-image:radial-gradient(rgb(15 31 46 / .045) 1px,transparent 1px);background-size:16px 16px}.chat-empty{display:grid;place-items:center}.chat-empty .empty-state{background:#ffffffd9;border-radius:var(--r);max-width:360px}.chat-head{display:flex;align-items:center;gap:12px;padding:12px 18px;background:var(--card);border-bottom:1px solid var(--line)}.chat-title{flex:1;min-width:0;display:grid}.chat-title strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-title span{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-actions{display:flex;align-items:center;gap:8px}.release-bar{display:flex;align-items:center;gap:10px;padding:10px 18px;background:var(--ai-bg);color:var(--ai);border-bottom:1px solid #e4dcff}.release-bar input{flex:1;background:#fff}.messages{flex:1;overflow-y:auto;padding:18px 7% 24px;display:flex;flex-direction:column;gap:3px}.msg-wrap{display:flex;flex-direction:column}.day-sep{align-self:center;margin:12px 0 8px}.day-sep span{background:#ffffffeb;color:var(--muted);font-size:11.5px;font-weight:700;padding:4px 12px;border-radius:8px;box-shadow:0 1px 1px #0f1f2e0f}.bubble{max-width:min(68%,560px);padding:7px 10px 8px;border-radius:10px;box-shadow:0 1px 1px #0f1f2e14;font-size:14px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere;position:relative}.bubble.in{align-self:flex-start;background:var(--bubble-in);border-top-left-radius:3px}.bubble.out{align-self:flex-end;background:var(--bubble-out);border-top-right-radius:3px}.bubble.out.system{background:var(--bubble-sys)}.bubble.out.human{background:#d6ecff}.bubble .who{display:flex;align-items:center;gap:3px;font-size:11px;font-weight:800;color:var(--ok-600);margin-bottom:2px}.bubble.human .who{color:var(--info)}.bubble.system .who{color:var(--warn)}.bubble .media{display:inline-flex;align-items:center;gap:6px;color:var(--ink-2);font-style:italic}.bubble .transcribed{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--muted);font-weight:600;margin-bottom:2px}.bubble .meta{float:right;display:inline-flex;align-items:center;gap:3px;margin:8px 0 -4px 12px;font-size:11px;color:var(--muted)}.bubble .tick{color:var(--faint)}.bubble .tick.read{color:var(--read)}.bubble .tick.failed{color:var(--danger)}.composer{padding:12px 18px 16px;background:var(--card);border-top:1px solid var(--line)}.composer form{display:flex;align-items:flex-end;gap:10px}.composer textarea{resize:none;min-height:44px;max-height:160px;border-radius:12px;background:var(--bg);border-color:transparent;padding:11px 14px}.composer textarea:focus{background:#fff}.send{width:44px;height:44px;border-radius:50%;border:0;background:var(--brand);color:#fff;display:grid;place-items:center;flex-shrink:0;transition:background .15s}.send:hover{background:var(--brand-600)}.send:disabled{background:#b8c4d8;cursor:default}.composer-hint{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:13px;flex-wrap:wrap;text-align:center;min-height:44px}.context{background:var(--card);border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:0;position:relative}.context-body{overflow-y:auto;padding:14px;display:grid;gap:12px;align-content:start}.ctx-card{border:1px solid var(--line-2);border-radius:10px;padding:12px;display:grid;gap:4px}.ctx-card h4,.detail-sec h4{font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);display:flex;align-items:center;gap:6px;margin-bottom:4px}.student{border-radius:8px;padding:8px;margin:0 -4px;display:grid;gap:2px}.student.active{background:var(--brand-50)}.student-head{display:flex;align-items:center;justify-content:space-between;gap:6px}.student .muted{font-size:12.5px}.thumbs{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}.thumbs img{width:64px;height:80px;object-fit:cover;border-radius:7px;cursor:zoom-in;box-shadow:0 1px 3px #0f1f2e26}.lines{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:8px}.lines li{display:flex;gap:8px;align-items:flex-start}.lines .qty{font-weight:800;color:var(--brand-600);min-width:24px}.lines small{display:block;color:var(--muted)}.totals{margin:10px 0 0;display:grid;gap:4px;font-variant-numeric:tabular-nums;border-top:1px dashed var(--line);padding-top:8px}.totals div{display:flex;justify-content:space-between}.totals dt{color:var(--muted)}.totals dd{margin:0}.totals .total{font-weight:800;font-size:15px}.totals .total dt{color:var(--ink)}.note-form{display:grid;gap:8px}.note-actions{display:flex;justify-content:space-between;align-items:center}.note{border:1px solid var(--line-2);border-radius:10px;padding:10px 12px;display:grid;gap:6px}.note-head{display:flex;align-items:center;gap:6px}.note-head .muted{margin-left:auto}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b1a29bf;display:grid;place-items:center;z-index:50;cursor:zoom-out;padding:24px}.lightbox img{max-width:90vw;max-height:90vh;border-radius:10px;box-shadow:var(--shadow-lg)}.orders{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}.orders.with-detail{grid-template-columns:minmax(0,1fr) 400px}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:11.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);padding:12px 16px;background:#f8fafc;border-bottom:1px solid var(--line)}.table td{padding:13px 16px;border-bottom:1px solid var(--line-2);vertical-align:middle}.table tbody tr{cursor:pointer;transition:background .1s}.table tbody tr:hover{background:#f8fafc}.table tbody tr.selected{background:var(--brand-50)}.table tbody tr:last-child td{border-bottom:0}.cell-user{display:flex;align-items:center;gap:9px;white-space:nowrap}.skeleton-row span{display:block;height:14px;border-radius:6px;background:var(--line-2);animation:pulse 1.4s ease-in-out infinite}.detail{display:grid;gap:16px;position:sticky;top:16px;max-height:calc(100vh - 32px);overflow-y:auto}.detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.detail-head h2{font-size:19px;font-weight:800}.detail-sec{display:grid;gap:4px}.detail-sec.boxed{border:1px solid var(--line);border-radius:10px;padding:12px;gap:10px}.detail-sec.boxed.warn{background:var(--warn-bg);border-color:var(--warn-line)}.timeline{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);position:relative}.timeline li{display:grid;justify-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--faint);text-align:center;position:relative}.timeline li:before{content:"";position:absolute;top:9px;left:-50%;width:100%;height:2px;background:var(--line);z-index:0}.timeline li:first-child:before{display:none}.timeline li.done:before,.timeline li.current:before{background:var(--brand)}.timeline .dot{width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid var(--line);display:grid;place-items:center;position:relative;z-index:1;color:#fff}.timeline li.done .dot{background:var(--brand);border-color:var(--brand)}.timeline li.current .dot{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-100)}.timeline li.done,.timeline li.current{color:var(--ink-2)}.photos-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px;align-items:start}.photos-grid>.card{display:grid;gap:14px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dropzone{border:2px dashed #cbd5e1;border-radius:var(--r);padding:30px 20px;display:grid;justify-items:center;gap:8px;text-align:center;color:var(--muted);cursor:pointer;background:#fafbfc;transition:border-color .15s,background .15s}.dropzone:hover,.dropzone.drag{border-color:var(--brand);background:var(--brand-50);color:var(--brand-600)}.dropzone strong{color:var(--ink);font-size:15px}.progress{display:grid;gap:6px}.progress .bar{height:8px;border-radius:999px;background:var(--line-2);overflow:hidden}.progress .bar span{display:block;height:100%;background:linear-gradient(90deg,#34d399,var(--ok));transition:width .3s}.tips ol{margin:0;padding-left:20px;display:grid;gap:10px;color:var(--ink-2)}.tips{background:linear-gradient(180deg,#fff,#f8fbfa)}.review-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;margin:14px 0}.review-card{margin:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.review-photos{display:flex;gap:2px;background:var(--line-2)}.review-photos img{flex:1;min-width:0;height:190px;object-fit:cover}.review-card figcaption{padding:10px;display:grid;gap:1px}.login{display:grid;grid-template-columns:1.1fr 1fr;min-height:100%}.login-brand{background:radial-gradient(circle at 20% 20%,#134e4a 0,transparent 45%),radial-gradient(circle at 90% 80%,#064e3b 0,transparent 40%),var(--sidebar);color:#cbd5e1;padding:40px 56px;display:flex;flex-direction:column;justify-content:space-between}.login-brand-top{display:flex;align-items:center;gap:12px;color:#fff;font-weight:800;font-size:18px}.login-pitch h1{color:#fff;font-size:clamp(26px,3vw,36px);line-height:1.2;font-weight:800;max-width:18ch;letter-spacing:-.02em;text-wrap:balance}.login-pitch ul{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:14px;max-width:46ch}.login-pitch li{display:flex;gap:12px;align-items:flex-start;font-size:15px}.login-pitch li .icon{color:var(--accent);margin-top:2px}.login-foot{font-size:12.5px;color:#64748b}.login-form{display:grid;place-items:center;padding:40px 24px;background:#fff}.login-form form{width:min(380px,100%);display:grid;gap:16px}.login-form h2{font-size:26px;font-weight:800}.login-form .btn{height:44px;font-size:15px}.sidebar nav{gap:14px;overflow-y:auto}.nav-section{display:grid;gap:3px}.nav-label{font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#5b6f86;padding:0 12px 4px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b1a2973;display:grid;place-items:center;z-index:40;padding:24px;animation:fade .15s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.overlay.right{place-items:stretch end;padding:0}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(8px) scale(.98)}}@keyframes slide{0%{transform:translate(40px);opacity:0}}.modal{background:var(--card);border-radius:16px;box-shadow:var(--shadow-lg);width:min(560px,100%);max-height:calc(100vh - 48px);display:flex;flex-direction:column;animation:rise .18s ease-out}.modal.sm{width:min(420px,100%)}.modal.lg{width:min(820px,100%)}.modal-head{display:flex;align-items:flex-start;gap:12px;padding:20px 22px 12px}.modal-head>div:first-child{flex:1;min-width:0}.modal-head h2{font-size:18px;font-weight:800}.modal-body{padding:4px 22px 20px;overflow-y:auto}.modal-foot{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:14px 22px;border-top:1px solid var(--line-2);background:#fafbfc;border-radius:0 0 16px 16px}.drawer{background:var(--card);width:min(520px,100vw);height:100%;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);animation:slide .2s ease-out}.drawer .modal-head{border-bottom:1px solid var(--line-2);padding-bottom:16px;align-items:center}.drawer .modal-foot{border-radius:0}.drawer-body{flex:1;overflow-y:auto;padding:18px 22px 24px}.drawer-sections{display:grid;gap:22px}.toasts{position:fixed;right:20px;bottom:20px;display:grid;gap:10px;z-index:60;width:min(380px,calc(100vw - 40px))}.toast{display:flex;align-items:flex-start;gap:10px;padding:12px 10px 12px 14px;border-radius:12px;background:var(--sidebar);color:#e2e8f0;box-shadow:var(--shadow-lg);font-size:13.5px;animation:rise .2s ease-out}.toast span{flex:1;padding-top:1px}.toast .icon{margin-top:2px}.toast.ok .icon:first-child{color:#34d399}.toast.error{background:#7f1d1d;color:#fff}.toast.error .icon:first-child{color:#fecaca}.toast.info .icon:first-child{color:#93c5fd}.toast .icon-btn{width:26px;height:26px;color:inherit;opacity:.7}.toast .icon-btn:hover{background:#ffffff1a;color:inherit;opacity:1}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn.danger:hover{background:#b91c1c}.danger-text{color:var(--danger)!important}.warn-text{color:var(--warn)!important}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.stack{display:grid}.form{display:grid;gap:14px}.form-row.three{grid-template-columns:repeat(3,1fr)}input.invalid{border-color:var(--danger);box-shadow:0 0 0 3px #dc26261f}input:disabled{background:var(--line-2);color:var(--muted)}.input-group{display:flex;gap:8px}.empty-icon{width:52px;height:52px;border-radius:14px;background:var(--brand-50);color:var(--brand-600);display:grid;place-items:center;margin-bottom:4px}.empty-state p{max-width:46ch}.tips-inline{display:grid;gap:6px;padding:14px 16px;background:#f8fafc;border-radius:10px;font-size:13.5px;color:var(--ink-2)}.tips-inline .link{justify-self:start;margin-top:4px}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.toolbar .search{min-width:220px}.toolbar .search input{background:#fff;border-color:var(--line)}.toolbar .segmented{background:#e9eef3}.select-school{position:relative;display:flex;align-items:center}.select-school .icon{position:absolute;left:11px;color:var(--brand-600);pointer-events:none}.select-school select{padding-left:34px;min-width:240px;font-weight:600}.table.compact th{padding:8px 12px}.table.compact td{padding:8px 12px;font-size:13px}.table.compact tbody tr,.table tr.static{cursor:default}.table-foot{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid var(--line-2)}.inline-select{width:auto;padding:6px 30px 6px 10px;font-size:13px;font-weight:600}.kv{display:grid;grid-template-columns:120px 1fr;gap:8px 12px;margin:0}.kv dt{color:var(--muted)}.kv dd{margin:0;font-weight:600}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin-bottom:8px}.photo-grid figure{margin:0;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:var(--line-2)}.photo-grid img{display:block;width:100%;aspect-ratio:4 / 5;object-fit:cover;cursor:zoom-in}.photo-grid figcaption{font-size:12px;font-weight:600;padding:6px 8px;background:#fff}.photo-grid .pending{border-color:var(--warn-line)}.photo-grid .pending figcaption{background:var(--warn-bg);color:var(--warn)}.school-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.school-card{display:flex;flex-direction:column;gap:12px}.school-card.skeleton{height:230px;animation:pulse 1.4s ease-in-out infinite;background:#eef2f6}.school-card.inactive{opacity:.72}.school-card-head{display:flex;align-items:center;gap:12px}.school-card-head h3{font-size:16px;font-weight:800;line-height:1.25}.code-chip{display:inline-block;margin-top:4px;font-size:11.5px;color:var(--ink-2)}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin:0;border:1px solid var(--line-2);border-radius:10px}.stats div{padding:10px 12px;border-left:1px solid var(--line-2)}.stats div:first-child{border-left:0}.stats dt{font-size:11.5px;color:var(--muted);font-weight:600}.stats dd{margin:0;font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}.meter{height:6px;border-radius:999px;background:var(--line-2);overflow:hidden}.meter span{display:block;height:100%;background:linear-gradient(90deg,#34d399,var(--ok));border-radius:999px}.school-actions{display:flex;align-items:center;gap:6px;margin-top:auto;border-top:1px solid var(--line-2);padding-top:12px}.preview-msg{display:grid;gap:6px;padding:14px;border-radius:10px;background:var(--chat)}.bubble-preview{justify-self:end;background:var(--bubble-out);padding:8px 12px;border-radius:10px 3px 10px 10px;font-size:14px;box-shadow:0 1px 1px #0f1f2e14}.share{display:grid;grid-template-columns:240px 1fr;gap:20px;align-items:start}.qr-box{border:1px solid var(--line);border-radius:14px;padding:10px;display:grid;place-items:center;aspect-ratio:1}.qr-box img{width:100%}.share-info{display:grid;gap:14px}.school{border:1px solid var(--line-2);background:#fff;text-align:left;font:inherit;cursor:pointer;transition:border-color .15s,box-shadow .15s}.school:hover{border-color:#cbd5e1;box-shadow:var(--shadow)}.school.add{border-style:dashed;color:var(--muted)}.add-icon{width:40px;height:40px;border-radius:50%;background:var(--brand-50);color:var(--brand-600);display:grid;place-items:center;flex-shrink:0}.import-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stat{border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:grid}.stat strong{font-size:24px;font-weight:800;font-variant-numeric:tabular-nums}.stat span{font-size:12.5px;color:var(--muted);font-weight:600}.stat.ok{background:var(--ok-50);border-color:var(--ok-100)}.stat.ok strong{color:var(--ok-600)}.stat.info strong{color:var(--info)}.stat.danger{background:var(--danger-bg);border-color:#fecaca}.stat.danger strong{color:var(--danger)}.issues{border-radius:12px;border:1px solid var(--line);overflow:hidden}.issues h4{display:flex;align-items:center;gap:6px;font-size:13.5px;padding:10px 12px}.issues.danger h4{background:var(--danger-bg);color:#991b1b}.issues.warn h4{background:var(--warn-bg);color:#92400e}.issues .link{margin:8px 12px}.catalog-group{display:grid;gap:10px}.group-title{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.product-card{display:flex;flex-direction:column;text-align:left;font:inherit;color:inherit;display:grid;gap:8px;align-content:start;transition:transform .15s,box-shadow .15s,border-color .15s}.product-card:not(:disabled):hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:#d5dde6}.product-card:disabled{cursor:default;opacity:1}.product-card.inactive{opacity:.6}.product-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.product-head h4{font-size:15.5px;font-weight:800}.clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.variant-list{list-style:none;margin:4px 0 0;padding:8px 0 0;display:grid;gap:2px;border-top:1px solid var(--line-2)}.variant-list li{display:flex;align-items:center;gap:10px;padding:5px 0;font-size:13.5px}.variant-list li.off{opacity:.5;text-decoration:line-through}.variant-list strong{font-variant-numeric:tabular-nums}.item-no{font-size:11px;font-weight:800;color:var(--brand-600);background:var(--brand-50);border-radius:6px;padding:2px 7px;white-space:nowrap}.product-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:4px}.muted-eyebrow{color:var(--muted);margin:0;font-size:11px}.variant-editor{display:grid;gap:6px}.variant-row{display:grid;grid-template-columns:84px 1fr 104px 52px 36px;gap:6px;align-items:center}.variant-row.head span{font-size:11.5px;font-weight:700;color:var(--muted)}.variant-row input[type=checkbox]{width:18px;height:18px;justify-self:center;accent-color:var(--brand)}.variant-editor .link{justify-self:start;margin-top:4px}.role-options{display:grid;gap:8px}.role-option{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:10px;padding:12px;cursor:pointer;transition:border-color .15s,background .15s}.role-option input{width:16px;height:16px;margin-top:3px;accent-color:var(--brand)}.role-option div{display:grid;gap:2px}.role-option.on{border-color:var(--brand);background:var(--brand-50)}.setup{background:linear-gradient(135deg,#fff 60%,#effcf6)}.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.steps li{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;transition:border-color .15s}.steps li:hover{border-color:var(--brand)}.steps li .grow{display:grid}.steps li strong{font-size:13px}.steps li>.icon{color:var(--faint)}.step-dot{width:22px;height:22px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;flex-shrink:0;color:#fff}.steps li.done .step-dot{background:var(--ok);border-color:var(--ok)}.steps li.done strong{color:var(--muted);text-decoration:line-through;text-decoration-color:var(--faint)}@media(max-width:1280px){.inbox{grid-template-columns:320px minmax(0,1fr)}.context{display:none}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1100px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.share{grid-template-columns:1fr}.qr-box{max-width:260px}.orders.with-detail,.photos-grid,.grid-2{grid-template-columns:minmax(0,1fr)}.detail{position:static;max-height:none}}@media(max-width:860px){.shell{grid-template-columns:72px 1fr}.brand div,.nav-item span:first-of-type,.sidebar-foot .who{display:none}.nav-item{justify-content:center;padding:0}.nav-badge{position:absolute;top:2px;right:2px;min-width:18px;height:18px;font-size:10px}.login{grid-template-columns:1fr}.login-brand{display:none}.inbox{grid-template-columns:1fr}.inbox-list{display:none}.page{padding:20px 16px 40px}.form-row,.form-row.three,.import-stats,.steps{grid-template-columns:1fr}.nav-label{display:none}.select-school select{min-width:0}}.empty-state .empty-icon .icon{color:inherit}.skeleton-conv{pointer-events:none;display:grid;gap:8px;padding:16px 12px}.skeleton-conv span{display:block;height:12px;border-radius:6px;background:var(--line-2);animation:pulse 1.4s ease-in-out infinite}.skeleton-conv span:first-child{width:55%}.table tbody tr.inactive-row td{color:var(--faint)}.table tbody tr.inactive-row .strong{color:var(--muted)}.cell-user .tag{margin-left:2px}.unmatched-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin:10px 0}.unmatched-grid figure{margin:0;background:#fff;border:1px solid var(--warn-line);border-radius:8px;overflow:hidden}.unmatched-grid img{display:block;width:100%;height:130px;object-fit:cover;cursor:zoom-in}.unmatched-grid figcaption{padding:6px 8px;display:grid;gap:2px;font-size:11.5px}.unmatched-grid code{white-space:normal;word-break:break-word}.review-photos img{cursor:zoom-in}.banner.warn>div{flex:1;min-width:0}.composer .attach{cursor:pointer;width:44px;height:44px;flex-shrink:0}.composer .attach.busy{opacity:.5;animation:pulse 1s infinite}.brand-logo{display:block;height:30px;width:auto}.brand{flex-direction:column;align-items:flex-start;gap:6px;padding:6px 10px 20px}.brand span{font-size:11.5px;letter-spacing:.04em}.sidebar{background:linear-gradient(180deg,var(--sidebar),#0f1f38)}.login-brand{background:radial-gradient(circle at 15% 15%,rgb(248 184 16 / .18) 0,transparent 40%),radial-gradient(circle at 90% 85%,rgb(216 48 32 / .22) 0,transparent 42%),var(--sidebar)}.login-logo{height:44px;width:auto}.login-form .form-logo{display:none;height:40px;width:auto;justify-self:start}@media(max-width:860px){.brand{align-items:center;padding:6px 0 16px}.brand-logo{height:14px}.brand span{display:none}.login-form .form-logo{display:block}}