:root{--mint:#34d8b0;--mint-dark:#04342c;--mint-600:#0f6e56;--mint-50:#e1f5ee;--orange:#ff8a4c;--bg:#f6f8f7;--surface:#fff;--surface-2:#f1f4f3;--border:#e3e8e6;--text:#14211d;--text-2:#5b6b66;--text-3:#8a9994;--green:#1d9e75;--blue:#185fa5;--red:#d64545;--amber:#c9820b;--radius:14px;--shadow:0 1px 2px #14211d0a, 0 4px 16px #14211d0d;--font-head:"Space Grotesk", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:15px}h1,h2,h3,h4{font-family:var(--font-head);letter-spacing:-.01em;margin:0;font-weight:600}button{cursor:pointer;font-family:inherit}a{color:inherit}.app{flex-direction:column;min-height:100%;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:10;justify-content:space-between;align-items:center;padding:14px 24px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;display:flex}.brand-logo{background:var(--mint);width:30px;height:30px;color:var(--mint-dark);font-weight:700;font-family:var(--font-head);border-radius:8px;place-items:center;display:grid}.brand-name{font-family:var(--font-head);font-size:17px;font-weight:600}.brand-name span{color:var(--mint-600)}.topbar-right{color:var(--text-2);align-items:center;gap:14px;font-size:13px;display:flex}.ghost-btn{border:1px solid var(--border);color:var(--text-2);background:0 0;border-radius:9px;padding:7px 14px;font-size:13px;transition:all .15s}.ghost-btn:hover{border-color:var(--text-3);color:var(--text)}.container{width:100%;max-width:1080px;margin:0 auto;padding:28px 24px 60px}.roster-head{justify-content:space-between;align-items:flex-end;margin-bottom:20px;display:flex}.roster-head h1{font-size:26px}.roster-sub{color:var(--text-2);margin-top:4px;font-size:14px}.status-legend{color:var(--text-2);gap:16px;font-size:13px;display:flex}.dot{vertical-align:1px;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.dot.running{background:var(--green)}.dot.idle{background:var(--text-3)}.dot.error{background:var(--red)}.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.agent-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;text-align:left;flex-direction:column;gap:14px;padding:18px;transition:all .16s;display:flex}.agent-card:hover{border-color:var(--mint);transform:translateY(-2px);box-shadow:0 6px 22px #14211d17}.agent-card-top{align-items:center;gap:12px;display:flex}.avatar{color:#fff;width:44px;height:44px;font-weight:600;font-family:var(--font-head);border-radius:50%;flex-shrink:0;place-items:center;font-size:15px;display:grid;overflow:hidden}.level-pill{font-size:12px;font-weight:600;font-family:var(--font-head);color:var(--mint-dark);background:var(--mint-50);white-space:nowrap;border:1px solid #beebdd;border-radius:20px;align-items:center;gap:5px;padding:3px 9px;display:inline-flex}.level-pill .lvl-num{color:var(--mint-600)}.level-bar{background:var(--surface-2);border-radius:4px;height:6px;overflow:hidden}.level-bar>span{background:var(--mint);border-radius:4px;height:100%;display:block}.level-wrap{flex-direction:column;gap:6px;display:flex}.level-meta{color:var(--text-2);justify-content:space-between;font-size:12px;display:flex}.avatar-edit{cursor:pointer;position:relative}.avatar-edit .avatar-cam{background:var(--mint);width:22px;height:22px;color:var(--mint-dark);border:2px solid var(--surface);box-shadow:var(--shadow);border-radius:50%;place-items:center;font-size:12px;display:grid;position:absolute;bottom:-2px;right:-2px}.avatar-edit input{display:none}.avatar-edit.busy{opacity:.6;pointer-events:none}.modal-overlay{z-index:100;background:#14211d73;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border-radius:16px;width:100%;max-width:620px;max-height:86vh;padding:22px;overflow-y:auto;box-shadow:0 12px 48px #14211d40}.modal-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal-head h3{font-size:18px}.modal-close{color:var(--text-2);background:0 0;border:none;font-size:18px;line-height:1}.modal-close:hover{color:var(--text)}.picker-tabs{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.picker-tabs button,.picker-upload{border:1px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;border-radius:9px;padding:7px 14px;font-family:inherit;font-size:13px}.picker-tabs button.on{background:var(--mint-50);border-color:var(--mint);color:var(--mint-600);font-weight:600}.picker-upload{color:var(--mint-600);border-color:var(--mint);margin-left:auto}.picker-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:12px;display:grid}.picker-item{cursor:pointer;aspect-ratio:1;background:var(--surface-2);border:2px solid #0000;border-radius:12px;padding:0;overflow:hidden}.picker-item img{object-fit:cover;width:100%;height:100%;display:block}.picker-item:hover{border-color:var(--mint)}.picker-item.sel{border-color:var(--mint-600);box-shadow:0 0 0 2px var(--mint-50)}.agent-card-name{font-family:var(--font-head);font-size:16px;font-weight:600}.agent-card-role{color:var(--text-2);font-size:13px}.badge{white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.badge.running{background:var(--mint-50);color:var(--mint-600)}.badge.idle{background:var(--surface-2);color:var(--text-2)}.badge.error{color:var(--red);background:#fbe9e9}.agent-card-desc{color:var(--text-2);font-size:13.5px;line-height:1.5}.agent-card-foot{border-top:1px solid var(--border);color:var(--text-3);justify-content:space-between;align-items:center;padding-top:12px;font-size:12.5px;display:flex}.back-btn{color:var(--text-2);background:0 0;border:none;margin-bottom:16px;padding:0;font-size:14px}.back-btn:hover{color:var(--text)}.profile-head{align-items:center;gap:16px;margin-bottom:6px;display:flex}.profile-head .avatar{width:58px;height:58px;font-size:20px}.profile-head h1{font-size:24px}.profile-head .agent-card-role{margin-top:2px;font-size:14px}.tabs{border-bottom:1px solid var(--border);gap:4px;margin:22px 0;display:flex}.tab{color:var(--text-2);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 16px;font-size:14px;font-weight:500}.tab:hover{color:var(--text)}.tab.active{color:var(--mint-600);border-bottom-color:var(--mint)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.akte-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:20px;display:grid}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.stat-label{color:var(--text-2);font-size:12.5px}.stat-value{font-family:var(--font-head);margin-top:4px;font-size:22px;font-weight:600}.akte-section{padding:20px}.akte-section h3{margin-bottom:10px;font-size:15px}.akte-row{border-bottom:1px solid var(--border);padding:9px 0;font-size:14px;display:flex}.akte-row:last-child{border-bottom:none}.akte-row .k{width:150px;color:var(--text-2);flex-shrink:0}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--surface-2);color:var(--text);border-radius:8px;padding:5px 11px;font-size:13px}.timeline-item{border-bottom:1px solid var(--border);gap:12px;padding:12px 0;font-size:14px;display:flex}.timeline-item:last-child{border-bottom:none}.timeline-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px;margin-top:5px}.timeline-meta{color:var(--text-3);margin-top:2px;font-size:12.5px}.file-row{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:14px 18px;display:flex}.file-row:last-child{border-bottom:none}.file-icon{background:var(--surface-2);width:38px;height:38px;color:var(--mint-600);border-radius:9px;flex-shrink:0;place-items:center;display:grid}.file-name{font-size:14px;font-weight:500}.file-meta{color:var(--text-3);margin-top:2px;font-size:12.5px}.file-dl{margin-left:auto}.chat{flex-direction:column;height:62vh;min-height:420px;display:flex}.chat-scroll{flex-direction:column;flex:1;gap:14px;padding:20px;display:flex;overflow-y:auto}.msg{white-space:pre-wrap;border-radius:14px;max-width:78%;padding:11px 15px;font-size:14.5px;line-height:1.55}.msg.user{background:var(--mint);color:var(--mint-dark);border-bottom-right-radius:4px;align-self:flex-end}.msg.assistant{background:var(--surface-2);color:var(--text);border-bottom-left-radius:4px;align-self:flex-start}.msg.pending{opacity:.6}.chat-empty{text-align:center;color:var(--text-3);max-width:300px;margin:auto;font-size:14px}.chat-input{border-top:1px solid var(--border);gap:10px;padding:14px;display:flex}.chat-input textarea{resize:none;border:1px solid var(--border);border-radius:11px;outline:none;flex:1;max-height:120px;padding:11px 14px;font-family:inherit;font-size:14.5px}.chat-input textarea:focus{border-color:var(--mint)}.send-btn{background:var(--mint);color:var(--mint-dark);border:none;border-radius:11px;align-self:stretch;padding:0 20px;font-size:14px;font-weight:600}.send-btn:disabled{opacity:.5;cursor:default}.banner{color:#8a5a16;background:#fff6ec;border:1px solid #f5d9b8;border-radius:11px;margin:0 20px 4px;padding:12px 16px;font-size:13.5px}.login-wrap{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px;width:100%;max-width:380px;padding:34px}.login-card .brand{justify-content:center;margin-bottom:6px}.login-title{text-align:center;margin-bottom:4px;font-size:20px}.login-sub{text-align:center;color:var(--text-2);margin-bottom:22px;font-size:13.5px}.field{margin-bottom:14px}.field label{color:var(--text-2);margin-bottom:6px;font-size:13px;display:block}.field input{border:1px solid var(--border);border-radius:10px;outline:none;width:100%;padding:11px 13px;font-family:inherit;font-size:15px}.field input:focus{border-color:var(--mint)}.primary-btn{background:var(--mint);width:100%;color:var(--mint-dark);border:none;border-radius:10px;margin-top:6px;padding:12px;font-size:15px;font-weight:600}.primary-btn:disabled{opacity:.6}.err{color:var(--red);text-align:center;margin-top:12px;font-size:13px}.spinner-wrap{min-height:100vh;color:var(--text-3);place-items:center;display:grid}.empty{text-align:center;color:var(--text-3);padding:40px}