:root{color:#17201c;background:#f5f6f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:292px minmax(0,1fr);min-height:100vh}.sidebar{background:#16231f;color:#f6faf6;padding:22px;display:flex;flex-direction:column;gap:24px;min-height:100vh;overflow:hidden}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:8px;background:#d7f16f;color:#16231f}.brand strong,.brand span{display:block}.brand span{color:#aebbb5;font-size:13px;margin-top:2px}.nav-list{display:grid;gap:8px;min-height:0;grid-template-rows:auto auto auto minmax(0,1fr)}.main-nav-item{border:1px solid transparent;border-radius:8px;background:transparent;color:inherit;padding:12px;display:flex;align-items:center;gap:10px;text-align:left;font-weight:700}.main-nav-item.active,.main-nav-item:hover{background:#22342f;border-color:#38534b}.submenu-heading{display:flex;align-items:center;justify-content:space-between;color:#aebbb5;font-size:12px;font-weight:800;letter-spacing:0;margin:12px 2px 2px;text-transform:uppercase}.submenu-heading small{min-width:22px;height:22px;display:grid;place-items:center;border-radius:8px;background:#22342f;color:#d7f16f;font-size:12px}.sidebar-search{display:grid;grid-template-columns:18px 1fr;align-items:center;gap:8px;min-height:38px;border:1px solid #38534b;border-radius:8px;background:#101a17;color:#aebbb5;padding:0 10px}.sidebar-search input{border:0;background:transparent;color:#f6faf6;padding:0;min-width:0;box-shadow:none}.sidebar-search input:focus{border:0;box-shadow:none}.agent-submenu{display:grid;align-content:start;gap:8px;min-height:0;overflow:auto;padding-right:4px}.sidebar-empty{border:1px solid #38534b;border-radius:8px;color:#aebbb5;padding:12px}.agent-tab{border:1px solid transparent;border-radius:8px;background:transparent;color:inherit;padding:12px;display:grid;grid-template-columns:10px 28px 1fr 18px;align-items:center;gap:10px;text-align:left}.sidebar-avatar-slot{width:28px;height:28px;border-radius:8px;background:#101a17;display:block}.sidebar-avatar{width:28px;height:28px;display:block;border-radius:8px;object-fit:cover}.agent-tab.active,.agent-tab:hover{background:#22342f;border-color:#38534b}.agent-tab strong,.agent-tab small{display:block}.agent-tab small{color:#aebbb5;margin-top:3px}.status-dot{width:9px;height:9px;border-radius:99px;background:#98a3a0}.status-dot.online{background:#4fd07d}.status-dot.paused{background:#ffbf47}.workspace{padding:28px;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}.eyebrow{color:#68746f;font-size:12px;font-weight:700;letter-spacing:0;margin:0 0 6px;text-transform:uppercase}h1,h2{letter-spacing:0;margin:0}h1{font-size:clamp(28px,4vw,42px);line-height:1.04}h2{font-size:21px}.top-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.metric{display:inline-flex;align-items:center;gap:8px;min-height:38px;border:1px solid #d8dfda;border-radius:8px;padding:0 12px;background:#fff;color:#24302c;white-space:nowrap}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:16px}.panel{background:#fff;border:1px solid #dce2dd;border-radius:8px;padding:18px;min-width:0}.agent-focus,.audit-panel{grid-column:span 1}.agents-admin-panel{grid-column:1 / -1}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px}.panel-heading.compact-heading{margin-bottom:8px}.mission{color:#44514c;font-size:16px;line-height:1.55;margin:0 0 18px}.segmented{display:inline-grid;grid-template-columns:repeat(3,minmax(72px,1fr));gap:3px;padding:3px;background:#eef2ef;border-radius:8px}.segmented button{border:0;border-radius:6px;min-height:32px;background:transparent;color:#596661}.segmented button.selected{background:#17201c;color:#fff}.rename-form{display:grid;grid-template-columns:minmax(180px,320px) 40px;gap:8px;margin-top:2px}.rename-form input{min-height:40px;font-size:20px;font-weight:800}.rename-form button{width:40px;height:40px;border:0;border-radius:8px;background:#17201c;color:#fff;display:grid;place-items:center}.agent-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}.agent-stats div{background:#f4f7f4;border:1px solid #e0e6e1;border-radius:8px;padding:12px}.agent-stats span,.agent-stats strong{display:block}.agent-stats span{color:#68746f;font-size:13px;margin-bottom:6px}.agent-stats strong{overflow-wrap:anywhere}.discord-profile{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid #dce2dd;border-radius:8px;background:#fbfcfb;padding:12px;margin-bottom:18px}.discord-profile img,.discord-profile-placeholder{width:58px;height:58px;border-radius:8px}.discord-profile img{object-fit:cover}.discord-profile-placeholder{display:grid;place-items:center;background:#eef2ef;color:#596661}.discord-profile span,.discord-profile strong,.discord-profile small{display:block}.discord-profile span{color:#68746f;font-size:13px;margin-bottom:4px}.discord-profile strong,.discord-profile small{overflow-wrap:anywhere}.discord-profile small{color:#68746f;margin-top:4px}.discord-profile button{min-height:38px;border:1px solid #d6ded8;border-radius:8px;background:#fff;color:#17201c;padding:0 12px;font-weight:700}.discord-profile button:disabled{color:#98a3a0;cursor:not-allowed}.discord-roles-panel{border:1px solid #dce2dd;border-radius:8px;background:#fbfcfb;padding:12px;margin-bottom:18px}.discord-roles-panel .panel-heading button{min-height:36px;border:1px solid #d6ded8;border-radius:8px;background:#fff;color:#17201c;padding:0 12px;font-weight:700}.discord-roles-panel .panel-heading button:disabled{color:#98a3a0;cursor:not-allowed}.guild-role-list{display:grid;gap:10px}.guild-role-group{display:grid;gap:8px}.guild-role-group strong,.guild-role-group small{display:block;overflow-wrap:anywhere}.guild-role-group small{color:#68746f}.role-chip-list{display:flex;flex-wrap:wrap;gap:6px}.role-chip{display:inline-flex;align-items:center;gap:6px;min-height:28px;border:1px solid #d6ded8;border-radius:8px;background:#fff;color:#24302c;padding:0 9px;font-size:13px;font-weight:700}.role-chip span{width:9px;height:9px;border-radius:99px;flex:0 0 auto}.token-form{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(260px,1.2fr) auto;gap:10px;align-items:center;border:1px solid #dce2dd;border-radius:8px;background:#fbfcfb;padding:12px;margin-bottom:18px}.token-form label{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px}.token-form input{min-height:38px}.token-form button{min-height:38px;border:0;border-radius:8px;background:#17201c;color:#fff;padding:0 12px;font-weight:700}.token-form small{display:block;color:#9a3b2d;margin-top:5px;overflow-wrap:anywhere}.connection-pill{display:inline-flex;align-items:center;min-height:28px;border-radius:8px;padding:0 9px;background:#eef2ef;color:#596661;font-size:13px;font-weight:800}.connection-pill.online{background:#e7f7ec;color:#1d6d37}.connection-pill.connecting{background:#fff7df;color:#805317}.connection-pill.error{background:#fff0ed;color:#a73728}.agent-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.agent-card{border:1px solid #dce2dd;border-radius:8px;padding:12px;background:#fbfcfb;display:grid;gap:10px;min-height:178px}.agent-card.selected-card{border-color:#5b8c6a;box-shadow:0 0 0 3px #5b8c6a1f}.agent-card-main{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;border:0;padding:0;background:transparent;color:#17201c;text-align:left}.agent-card-main strong,.agent-card-main small{display:block;overflow-wrap:anywhere}.agent-card-main small{color:#68746f;margin-top:3px}.agent-card-avatar{width:42px;height:42px;border-radius:8px;object-fit:cover}.agent-card p{margin:0;color:#44514c;line-height:1.42}.agent-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}.mini-segmented{display:grid;grid-template-columns:repeat(3,minmax(60px,1fr));gap:3px;padding:3px;border-radius:8px;background:#eef2ef;flex:1}.mini-segmented button{min-height:30px;border:0;border-radius:6px;background:transparent;color:#596661;font-size:13px}.mini-segmented button.selected{background:#17201c;color:#fff}.icon-danger{width:36px;height:36px;border:1px solid #e5c2bb;border-radius:8px;background:#fff7f5;color:#b83c2b;display:grid;place-items:center;flex:0 0 auto}.danger-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:1px solid #e5c2bb;border-radius:8px;background:#fff7f5;color:#a73728;padding:0 14px;margin-top:14px;font-weight:700}.agent-form textarea,.setup-form textarea{resize:vertical;min-height:118px}textarea,input,select{width:100%;border:1px solid #d6ded8;border-radius:8px;background:#fbfcfb;color:#17201c;padding:11px 12px;outline:none}textarea:focus,input:focus,select:focus{border-color:#5b8c6a;box-shadow:0 0 0 3px #5b8c6a29}.primary-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:0;border-radius:8px;background:#17201c;color:#fff;padding:0 14px;margin-top:12px;font-weight:700}.agent-form{display:grid;gap:10px}.setup-form{display:grid;gap:10px;border:1px solid #dce2dd;border-radius:8px;background:#fbfcfb;padding:12px;margin-bottom:18px}.audit-list{display:grid;gap:10px;max-height:430px;overflow:auto;padding-right:4px}.audit-item{border:1px solid #dfe5e0;border-left:4px solid #78a886;border-radius:8px;padding:12px;background:#fbfcfb}.audit-item.medium{border-left-color:#e0a644}.audit-item.high{border-left-color:#cf5a48}.audit-item strong,.audit-item span{display:block}.audit-item span{color:#68746f;font-size:13px;margin-top:3px}.audit-item p{color:#43504b;line-height:1.4;margin:9px 0 0}.empty-state{border:1px solid #dce2dd;border-radius:8px;background:#fff;padding:28px;color:#68746f}.empty-state.compact{padding:16px}@media(max-width:1060px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;padding:16px;min-height:auto;overflow:visible}.nav-list{grid-template-rows:auto}.agent-submenu{max-height:280px}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:720px){.workspace{padding:18px}.topbar,.panel-heading{flex-direction:column}.agent-stats{grid-template-columns:1fr}.discord-profile{grid-template-columns:58px minmax(0,1fr)}.discord-profile button{grid-column:1 / -1}.token-form{grid-template-columns:1fr}.segmented{width:100%}.rename-form{grid-template-columns:minmax(0,1fr) 40px;width:100%}}