:root{
  --bg0:#fff7ed;
  --bg1:#faefe5;
  --card:#ffffff;
  --text:#1f130b;
  --muted:#8a6a55;
  --primary:#e47a1f;
  --primary-2:#f3a35c;
  --primary-rgb:228 122 31;
  --border:rgba(122,72,24,.14);
  --danger:#ef4444;
  --success:#059669;
  --shadow:0 22px 54px rgba(66,29,0,.10);
  --shadow-sm:0 14px 34px rgba(66,29,0,.08);
}

*{box-sizing:border-box}

html,body{height:100%}

body{
  margin:0;
  font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans";
  color:var(--text);
  background:
    radial-gradient(1200px 700px at 15% -10%, rgba(var(--primary-rgb), .16), transparent 58%),
    radial-gradient(900px 520px at 90% 0%, rgba(var(--primary-rgb), .12), transparent 58%),
    linear-gradient(180deg, var(--bg1) 0%, var(--bg0) 40%, var(--bg0) 100%);
}

a{color:inherit}

.container{max-width:1100px;margin:0 auto;padding:28px 18px}

.top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.nav{display:flex;gap:10px;align-items:center;flex-wrap:wrap}

h1{margin:0;font-size:18px;letter-spacing:.2px}
h2{margin:0 0 10px;font-size:15px;letter-spacing:.2px}
h3{margin:0 0 6px;font-size:15px;letter-spacing:.2px}
p{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.7}

.muted{color:var(--muted)}

.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}

.card{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:16px;
  padding:16px;
  box-shadow:var(--shadow-sm);
}

.metric{
  background:rgba(255,255,255,.92);
  border:1px solid var(--border);
  border-radius:16px;
  padding:16px;
  box-shadow:var(--shadow-sm);
}
.metric .k{color:var(--muted);font-size:12px}
.metric .v{font-size:22px;font-weight:850;margin-top:6px}

.divider{height:1px;background:var(--border);margin:14px 0}

.badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  border-radius:999px;
  border:1px solid var(--border);
  padding:4px 9px;
  font-size:12px;
  color:var(--muted);
  background:rgba(255,255,255,.75);
  backdrop-filter:saturate(160%) blur(8px);
}

.pill{
  font-size:12px;
  padding:6px 10px;
  border:1px solid var(--border);
  border-radius:999px;
  background:rgba(255,255,255,.75);
  color:var(--muted);
  backdrop-filter:saturate(160%) blur(8px);
}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  border:1px solid var(--border);
  padding:10px 12px;
  font-weight:650;
  letter-spacing:.2px;
  text-decoration:none;
  color:var(--text);
  background:rgba(255,255,255,.85);
  cursor:pointer;
  user-select:none;
  transition:transform .08s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
}
.btn:hover{box-shadow:0 10px 22px rgba(2,6,23,.10);border-color:rgba(15,23,42,.16)}
.btn:active{transform:translateY(1px)}
.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}
.btn[aria-disabled="true"]{opacity:.6;cursor:not-allowed;pointer-events:none;box-shadow:none}

.btn.primary{
  color:#fff;
  border-color:rgba(var(--primary-rgb), .38);
  background:linear-gradient(135deg, var(--primary) 0%, var(--primary-2) 100%);
  box-shadow:0 16px 34px rgba(var(--primary-rgb), .22);
}
.btn.primary:hover{box-shadow:0 20px 42px rgba(var(--primary-rgb), .26)}

label{display:block;margin:10px 0 6px;font-size:12px;color:var(--muted)}

input,textarea,select{
  width:100%;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid var(--border);
  outline:none;
  background:rgba(255,255,255,.92);
  color:var(--text);
}
textarea{min-height:84px;resize:vertical}
input:focus,textarea:focus,select:focus{
  border-color:rgba(var(--primary-rgb), .45);
  box-shadow:0 0 0 4px rgba(var(--primary-rgb), .14);
}

.error{margin-top:10px;color:var(--danger);font-size:13px;white-space:pre-wrap}
.ok{margin-top:10px;color:var(--success);font-size:13px;white-space:pre-wrap}

.notice{
  margin-top:10px;
  border:1px solid rgba(245,158,11,.35);
  background:rgba(255,247,237,.9);
  color:#9a3412;
  border-radius:14px;
  padding:10px 12px;
  font-size:13px;
  white-space:pre-wrap;
}

.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}
.grid.two{grid-template-columns:1fr 1fr}

.form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.form-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin-top:12px;flex-wrap:wrap}

.filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}

.bar{
  margin-top:16px;
  background:rgba(255,255,255,.90);
  border:1px solid var(--border);
  border-radius:16px;
  padding:14px;
  display:flex;
  gap:12px;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  box-shadow:var(--shadow-sm);
}
.bar .left{display:flex;gap:10px;align-items:center;flex-wrap:wrap}

.list{
  border:1px solid var(--border);
  border-radius:16px;
  overflow:hidden;
  background:rgba(255,255,255,.92);
  box-shadow:var(--shadow-sm);
}
.list.disabled{opacity:.65;pointer-events:none}

.item{padding:12px 12px;border-bottom:1px solid var(--border);cursor:pointer}
.item:hover{background:rgba(2,6,23,.03)}
.item.active{background:rgba(var(--primary-rgb), .10)}
.item.disabled{cursor:not-allowed}
.item-title{font-weight:750;font-size:13px}
.item-meta{color:var(--muted);font-size:12px;margin-top:4px}
.item-content{margin-top:8px;color:var(--text);font-size:13px;line-height:1.7;white-space:pre-wrap}

table{width:100%;border-collapse:collapse}
th,td{border-bottom:1px solid var(--border);padding:10px 8px;text-align:left;font-size:13px;vertical-align:top}
th{color:var(--muted);font-weight:650;background:rgba(2,6,23,.03)}
tbody tr:hover td{background:rgba(2,6,23,.02)}

.layout{display:grid;grid-template-columns:320px 1fr;gap:14px;margin-top:14px}

.app-shell{max-width:1280px;margin:0 auto;padding:18px 18px 28px}
.app-topbar{
  position:sticky;
  top:0;
  z-index:10;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px;
  border:1px solid var(--border);
  border-radius:18px;
  background:rgba(255,255,255,.72);
  backdrop-filter:saturate(160%) blur(10px);
  box-shadow:var(--shadow-sm);
}
.tabs{display:flex;gap:8px;flex-wrap:wrap}
.tab{
  appearance:none;
  border:1px solid var(--border);
  background:rgba(255,255,255,.82);
  border-radius:999px;
  padding:8px 10px;
  font-weight:700;
  font-size:12px;
  color:var(--muted);
  cursor:pointer;
  user-select:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-family:inherit;
  outline:none;
  transition:background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .08s ease;
}
.tab:hover{border-color:rgba(15,23,42,.16);box-shadow:0 10px 22px rgba(2,6,23,.08)}
.tab:active{transform:translateY(1px)}
.tab.active{
  color:var(--text);
  border-color:rgba(var(--primary-rgb), .26);
  background:rgba(var(--primary-rgb), .10);
}
.app-main{display:grid;grid-template-columns:300px 1fr;gap:14px;margin-top:14px;align-items:start}
.sidebar{
  position:sticky;
  top:88px;
  border:1px solid var(--border);
  border-radius:18px;
  background:rgba(255,255,255,.86);
  box-shadow:var(--shadow-sm);
  overflow:hidden;
}
.sidebar-head{padding:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--border)}
.sidebar-title{font-weight:850;font-size:13px}
.sidebar-body{padding:8px}
.menu-item{
  display:flex;
  gap:10px;
  align-items:flex-start;
  padding:10px 10px;
  border-radius:14px;
  text-decoration:none;
  border:1px solid transparent;
  transition:background .18s ease, border-color .18s ease;
}
.menu-item:hover{background:rgba(2,6,23,.03);border-color:rgba(15,23,42,.10)}
.menu-item.active{background:rgba(var(--primary-rgb), .10);border-color:rgba(var(--primary-rgb), .18)}
.mi-ico{
  flex:0 0 auto;
  width:30px;
  height:30px;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  color:var(--primary);
  background:linear-gradient(135deg, rgba(var(--primary-rgb), .16) 0%, rgba(var(--primary-rgb), .10) 100%);
  border:1px solid rgba(var(--primary-rgb), .20);
}
.mi-ico svg{width:18px;height:18px;display:block}
.mi-text{min-width:0}
.mi-title{display:block;font-weight:800;font-size:13px;line-height:1.2}
.mi-desc{display:none}
.menu-group{margin:8px 0}
.menu-group-title{padding:10px 10px 6px;color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.2px}
.menu-sep{height:1px;background:var(--border);margin:8px 10px}
.sidebar.collapsed{width:76px}
.sidebar.collapsed .mi-text{display:none}
.sidebar.collapsed .sidebar-title{display:none}
.sidebar.collapsed .sidebar-body{padding:8px}
.sidebar.collapsed .menu-item{justify-content:center}
.sidebar.collapsed .mi-ico{width:34px;height:34px;border-radius:12px}
.content{
  border:1px solid var(--border);
  border-radius:18px;
  background:rgba(255,255,255,.86);
  box-shadow:var(--shadow-sm);
  padding:16px;
}

.chat{
  border:1px solid var(--border);
  border-radius:16px;
  background:rgba(255,255,255,.92);
  display:flex;
  flex-direction:column;
  min-height:520px;
  box-shadow:var(--shadow-sm);
}
.chat-head{
  padding:12px;
  border-bottom:1px solid var(--border);
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
}
.chat-body{padding:12px;flex:1;overflow:auto;background:rgba(2,6,23,.02)}
.bubble{
  max-width:72%;
  padding:10px 12px;
  border-radius:16px;
  margin:8px 0;
  white-space:pre-wrap;
  word-break:break-word;
  font-size:13px;
  line-height:1.7;
  border:1px solid var(--border);
  background:rgba(255,255,255,.94);
}
.bubble.me{margin-left:auto;background:rgba(var(--primary-rgb), .10);border-color:rgba(var(--primary-rgb), .20)}
.bubble .meta{color:var(--muted);font-size:11px;margin-top:6px}
.chat-foot{padding:12px;border-top:1px solid var(--border);display:flex;gap:10px;align-items:flex-end}

.brand{display:flex;align-items:center;gap:10px}
.logo{
  width:34px;
  height:34px;
  border-radius:12px;
  background:linear-gradient(135deg, rgba(var(--primary-rgb), .18) 0%, rgba(var(--primary-rgb), .12) 100%);
  border:1px solid rgba(var(--primary-rgb), .20);
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--primary);
  font-weight:800;
}
.title{font-size:18px;font-weight:800;letter-spacing:.2px}
.sub{color:var(--muted);font-size:13px;margin-top:2px;line-height:1.6}

.section{margin-top:18px}
.section h2{margin:0 0 10px;font-size:15px}

.ad{display:flex;gap:12px;align-items:flex-start}
.ad img{width:120px;height:72px;border-radius:12px;object-fit:cover;border:1px solid var(--border);background:rgba(2,6,23,.02)}

.empty{color:var(--muted);font-size:13px}
.foot{margin-top:22px;color:var(--muted);font-size:12px}

@media (max-width:900px){
  .grid{grid-template-columns:1fr}
  .grid.two{grid-template-columns:1fr}
  .form{grid-template-columns:1fr}
  .filters{grid-template-columns:1fr 1fr}
  .layout{grid-template-columns:1fr}
  .app-shell{padding:14px 14px 22px}
  .app-main{grid-template-columns:1fr}
  .sidebar{position:static;top:auto}
  .sidebar.collapsed{width:auto}
  .sidebar.collapsed .mi-text{display:block}
  .sidebar.collapsed .sidebar-title{display:block}
  .sidebar.collapsed .menu-item{justify-content:flex-start}
  .chat{min-height:420px}
}

body[data-embed="1"]{background:transparent}
body[data-embed="1"] .container{max-width:none;margin:0;padding:0}
body[data-embed="1"] .top{display:none!important}
body[data-embed="1"] a[href="/workbench"]{display:none!important}
body[data-embed="1"] #me_role,body[data-embed="1"] #me_name,body[data-embed="1"] #btn_clear{display:none!important}
body[data-embed="1"] .card{box-shadow:none}