:root{--blue: #195BE0;--blue-deep: #0E2A66;--ink: #14173A;--yellow: #D7E021;--line: #E3EAF4;--line-soft: #EEF3FA;--bg: #F4F7FC;--surface: #fff;--text-2: rgba(20, 23, 58, .66);--text-3: rgba(20, 23, 58, .46);--green: #12B76A;--red: #E5484D;--amber: #F59E0B;--radius: 14px;--shadow: 0 10px 30px rgba(14, 42, 102, .07)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:Onest,system-ui,-apple-system,sans-serif;font-size:14.5px;-webkit-font-smoothing:antialiased}a{color:var(--blue);text-decoration:none}a:hover{color:var(--blue-deep)}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:14px}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#788cb44d;border-radius:20px;border:2px solid transparent;background-clip:content-box}.shell{display:flex;min-height:100vh}.sidebar{width:236px;flex-shrink:0;background:linear-gradient(170deg,#14173a,#0e2a66 70%,#143a86);color:#fff;display:flex;flex-direction:column;padding:22px 16px;gap:22px;position:sticky;top:0;height:100vh}.sidebar .brand{display:flex;align-items:center;gap:10px;padding:0 8px}.sidebar .brand img{height:21px}.sidebar nav{display:flex;flex-direction:column;gap:2px;overflow-y:auto}.sidebar .nav-group{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#fff6;padding:14px 10px 6px}.sidebar a.nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;color:#ffffffc7;font-size:14px;font-weight:500;transition:background .15s,color .15s}.sidebar a.nav-item:hover{background:#ffffff14;color:#fff}.sidebar a.nav-item.active{background:var(--yellow);color:var(--ink);font-weight:600}.sidebar a.nav-item .badge{margin-left:auto;font-size:11.5px;font-weight:700;background:#ffffff29;padding:1px 7px;border-radius:20px}.sidebar a.nav-item.active .badge{background:#14173a24}.sidebar .spacer{flex:1}.sidebar .side-foot{font-size:12px;color:#ffffff73;padding:0 10px}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:62px;flex-shrink:0;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:0 24px;position:sticky;top:0;z-index:20}.topbar h1{margin:0;font-size:17px;font-weight:700}.topbar .grow{flex:1}.topbar .who{font-size:13px;color:var(--text-2);text-align:right;line-height:1.35}.topbar .who strong{display:block;color:var(--ink);font-size:13.5px}.page{padding:24px;display:flex;flex-direction:column;gap:20px}.burger{display:none}@media (max-width: 900px){.sidebar{position:fixed;z-index:60;left:0;top:0;bottom:0;transform:translate(-100%);transition:transform .22s ease}.sidebar.open{transform:none}.burger{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;border:1px solid var(--line);background:#fff}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a1b3d66;z-index:50}.page{padding:16px}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.card.pad0{padding:0;overflow:hidden}.card-head{display:flex;align-items:center;gap:12px;padding:15px 18px;border-bottom:1px solid var(--line-soft)}.card-head h2{margin:0;font-size:15px;font-weight:700}.card-head .grow{flex:1}.card-body{padding:18px}.grid{display:grid;gap:16px}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width: 1100px){.grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 780px){.grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:minmax(0,1fr)}}.kpi{display:flex;flex-direction:column;gap:6px}.kpi .label{font-size:12.5px;color:var(--text-2)}.kpi .value{font-size:26px;font-weight:800;letter-spacing:-.02em}.kpi .hint{font-size:12px;color:var(--text-3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:10px;padding:9px 15px;font-size:14px;font-weight:600;background:var(--blue);color:#fff;transition:filter .15s,background .15s}.btn:hover{filter:brightness(1.06)}.btn:disabled{opacity:.55;cursor:default;filter:none}.btn.yellow{background:var(--yellow);color:var(--ink)}.btn.ghost{background:#fff;border-color:var(--line);color:var(--ink)}.btn.ghost:hover{background:var(--line-soft)}.btn.danger{background:#fff;border-color:#e5484d66;color:var(--red)}.btn.danger:hover{background:#e5484d12}.btn.sm{padding:6px 11px;font-size:13px;border-radius:9px}.field{display:flex;flex-direction:column;gap:6px}.field>label{font-size:12.5px;font-weight:600;color:var(--text-2)}.field .help{font-size:12px;color:var(--text-3)}.input,.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 12px;outline:none;background:#fff;color:var(--ink)}.input:focus,.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--blue)}.field textarea{resize:vertical;line-height:1.5}.switch{width:42px;height:24px;border-radius:20px;background:#cbd6e6;padding:3px;display:inline-flex;align-items:center;transition:background .18s;flex-shrink:0;border:none}.switch>span{width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .18s;box-shadow:0 1px 3px #0003}.switch.on{background:var(--green)}.switch.on>span{transform:translate(18px)}.switch-row{display:flex;align-items:center;gap:12px}.switch-row .txt strong{display:block;font-size:14px}.switch-row .txt span{font-size:12.5px;color:var(--text-2)}.seg{display:inline-flex;background:var(--line-soft);border-radius:10px;padding:3px;gap:3px}.seg button{border:none;background:transparent;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:600;color:var(--text-2)}.seg button.on{background:#fff;color:var(--ink);box-shadow:0 1px 3px #0e2a661f}.chip{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:20px;padding:4px 11px;font-size:12.5px;background:#fff;color:var(--text-2)}.chip.on{background:#195be017;border-color:#195be04d;color:var(--blue);font-weight:600}.pill{display:inline-block;padding:2px 9px;border-radius:20px;font-size:12px;font-weight:600}.pill.green{background:#12b76a1f;color:#0b7a47}.pill.grey{background:#14173a12;color:var(--text-2)}.pill.blue{background:#195be01a;color:var(--blue)}.pill.amber{background:#f59e0b24;color:#9a6200}.pill.red{background:#e5484d1f;color:#a3232a}.table{width:100%;border-collapse:collapse;font-size:13.5px}.table th{text-align:left;font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);font-weight:700;padding:10px 14px;border-bottom:1px solid var(--line)}.table td{padding:12px 14px;border-bottom:1px solid var(--line-soft);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:#fafcff}.table-wrap{overflow-x:auto}.empty{padding:40px 20px;text-align:center;color:var(--text-3);font-size:13.5px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%);background:var(--ink);color:#fff;padding:11px 18px;border-radius:11px;font-size:13.5px;z-index:200;box-shadow:var(--shadow)}.toast.err{background:var(--red)}.alert{border-radius:10px;padding:11px 14px;font-size:13.5px;line-height:1.5;background:#fdedec;border:1px solid #F5C6C0;color:#912d22}.alert.info{background:#f1f6fe;border-color:#cfe0fa;color:#0e2a66}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a1b3d73;display:flex;align-items:center;justify-content:center;padding:20px;z-index:120}.modal{background:#fff;border-radius:16px;width:100%;max-width:540px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 60px #0a1b3d47}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid rgba(25,91,224,.25);border-top-color:var(--blue);animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.loading{display:flex;align-items:center;gap:10px;padding:30px;color:var(--text-2)}.inbox{display:grid;grid-template-columns:320px minmax(0,1fr);gap:16px;align-items:start}@media (max-width: 900px){.inbox{grid-template-columns:minmax(0,1fr)}}.chat-list{max-height:calc(100vh - 190px);overflow-y:auto}.chat-row{display:flex;gap:11px;align-items:center;width:100%;padding:11px 14px;border:none;background:none;text-align:left;border-bottom:1px solid var(--line-soft)}.chat-row:hover{background:#fafcff}.chat-row.on{background:#195be012}.chat-row .who{min-width:0;flex:1}.chat-row .who strong{display:block;font-size:13.5px}.chat-row .who span{display:block;font-size:12.5px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-row .time{font-size:11.5px;color:var(--text-3);flex-shrink:0}.avatar{width:34px;height:34px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12.5px;font-weight:700;object-fit:cover}.thread{height:calc(100vh - 300px);min-height:320px;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:9px}.bubble{max-width:74%;padding:9px 13px;border-radius:14px;font-size:13.5px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.bubble.user{align-self:flex-start;background:#eef2f8;border-bottom-left-radius:4px}.bubble.bot{align-self:flex-end;background:var(--blue);color:#fff;border-bottom-right-radius:4px}.bubble .t{display:block;font-size:10.5px;opacity:.65;margin-top:4px}.composer{display:flex;gap:10px;padding:14px 18px;border-top:1px solid var(--line-soft)}.item-card{display:flex;gap:13px;align-items:flex-start;padding:14px;border-bottom:1px solid var(--line-soft)}.item-card:last-child{border-bottom:none}.item-card .thumb{width:54px;height:54px;border-radius:10px;object-fit:cover;background:var(--line-soft);flex-shrink:0}.item-card .info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.item-card .info strong{font-size:14px}.item-card .info .meta{font-size:12.5px;color:var(--text-2)}.item-card .actions{display:flex;gap:6px;flex-shrink:0}.tags{display:flex;flex-wrap:wrap;gap:5px}.setup-shell{max-width:940px;margin:0 auto;padding:28px 20px 60px;display:flex;flex-direction:column;gap:26px}.stepper{display:flex;align-items:center;justify-content:center}.stepper .dot{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;background:#b5cfe573;color:var(--text-3)}.stepper .dot.active{background:var(--yellow);color:var(--ink)}.stepper .dot.done{background:var(--ink);color:var(--yellow)}.stepper .lbl{font-size:13.5px;margin-left:8px;color:var(--text-2)}.stepper .lbl.active{font-weight:600;color:var(--ink)}.stepper .line{width:40px;height:2px;background:var(--line);margin:0 14px}@media (max-width: 640px){.stepper .lbl{display:none}.stepper .line{width:18px;margin:0 8px}}.login-shell{min-height:100vh;display:flex;background:radial-gradient(130% 120% at 85% 10%,#0e2a66,#14173a 44%,#0a0c22)}.login-art{flex:1;display:none;padding:56px;color:#fff;flex-direction:column;justify-content:center;gap:18px}@media (min-width: 980px){.login-art{display:flex}}.login-art h2{font-size:34px;line-height:1.18;margin:0;max-width:460px;letter-spacing:-.02em}.login-art p{color:#ffffffad;font-size:15px;max-width:430px;line-height:1.6}.login-art .points{display:flex;flex-direction:column;gap:10px;margin-top:8px}.login-art .points span{color:#fffc;font-size:14px;display:flex;gap:9px}.login-pane{width:100%;max-width:520px;display:flex;align-items:center;justify-content:center;padding:32px}.login-box{width:100%;max-width:380px;display:flex;flex-direction:column;gap:17px}.login-box h1{color:#fff;margin:0;font-size:25px}.login-box p.sub{color:#fff9;margin:0;font-size:14px}.login-box label{color:#ffffffbf}.login-box input{background:#ffffff0f;border-color:#ffffff2e;color:#fff}.login-box input::placeholder{color:#ffffff59}.login-box .foot{font-size:13px;color:#ffffff80;text-align:center}