*{box-sizing:border-box;margin:0;padding:0}body{background:#0f1923;color:#e0e6ed;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.login-screen{align-items:center;background:linear-gradient(135deg,#0f1923,#1a2a3a);display:flex;height:100vh;justify-content:center}.login-box{background:#1a2a3a;border:1px solid #2a3a4a;border-radius:12px;padding:40px;width:360px}.login-box h2{color:#4fc3f7;font-size:20px;margin-bottom:8px}.login-box p{color:#7a8a9a;font-size:13px;margin-bottom:24px}.login-box input{background:#0f1923;border:1px solid #2a3a4a;border-radius:6px;color:#e0e6ed;font-size:14px;margin-bottom:12px;padding:10px 12px;width:100%}.login-box button{background:#4fc3f7;border:none;border-radius:6px;color:#0f1923;cursor:pointer;font-size:14px;font-weight:600;padding:10px;width:100%}.login-box button:hover{background:#81d4fa}.login-error{color:#ef5350;font-size:13px;margin-bottom:12px}.app-layout{display:flex;flex-direction:column;height:100vh}.header{background:#1a2a3a;border-bottom:1px solid #2a3a4a;justify-content:space-between;padding:12px 20px}.header,.header-left{align-items:center;display:flex}.header-left{gap:12px}.header h1{color:#4fc3f7;font-size:16px}.header .tag{background:#2a3a4a;border-radius:4px;color:#7a8a9a;font-size:11px;padding:2px 8px}.header-right{align-items:center;display:flex;gap:12px}.header .user-badge,.header button{color:#7a8a9a;font-size:12px}.header button{background:none;border:1px solid #2a3a4a;border-radius:4px;cursor:pointer;padding:4px 10px}.header button:hover{border-color:#4fc3f7;color:#4fc3f7}.main-content{display:flex;flex:1 1;overflow:hidden}.sidebar{background:#152232;border-right:1px solid #2a3a4a;flex-shrink:0;overflow-y:auto;padding:16px;width:240px}.sidebar h3{color:#4fc3f7;font-size:12px;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.sidebar .section{margin-bottom:20px}.scenario-btn{background:none;border:1px solid #0000;border-radius:6px;color:#b0bec5;cursor:pointer;display:block;font-size:12px;margin-bottom:4px;padding:8px 10px;text-align:left;width:100%}.scenario-btn:hover{background:#1a2a3a;border-color:#2a3a4a}.scenario-btn.active{background:#1a2a3a;border-color:#4fc3f7;color:#4fc3f7}.scenario-btn .desc{color:#546e7a;display:block;font-size:10px;margin-top:2px}.customer-select{background:#0f1923;border:1px solid #2a3a4a;border-radius:6px;color:#e0e6ed;font-size:13px;padding:8px;width:100%}.chat-area{display:flex;flex:1 1;flex-direction:column}.messages{flex:1 1;overflow-y:auto;padding:20px}.msg{margin-bottom:16px;max-width:80%}.msg.user{margin-left:auto}.msg .bubble{border-radius:10px;font-size:14px;line-height:1.5;padding:10px 14px;white-space:pre-wrap}.msg.user .bubble{background:#1565c0;border-bottom-right-radius:2px;color:#fff}.msg.assistant .bubble{background:#1a2a3a;border:1px solid #2a3a4a;border-bottom-left-radius:2px;color:#e0e6ed}.msg .role{color:#546e7a;font-size:10px;margin-bottom:4px;text-transform:uppercase}.msg.user .role{text-align:right}.typing-indicator{color:#4fc3f7;font-size:13px;padding:10px 14px}.chat-input{background:#152232;border-top:1px solid #2a3a4a;display:flex;gap:8px;padding:12px 20px}.chat-input input{background:#0f1923;border:1px solid #2a3a4a;border-radius:8px;color:#e0e6ed;flex:1 1;font-size:14px;padding:10px 14px}.chat-input input:focus{border-color:#4fc3f7;outline:none}.chat-input button{background:#4fc3f7;border:none;border-radius:8px;color:#0f1923;cursor:pointer;font-weight:600;padding:10px 20px}.chat-input button:disabled{cursor:not-allowed;opacity:.5}.trace-panel{background:#152232;border-left:1px solid #2a3a4a;flex-shrink:0;overflow-y:auto;padding:16px;width:280px}.trace-panel h3{color:#4fc3f7;font-size:12px;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.trace-item{background:#1a2a3a;border:1px solid #2a3a4a;border-radius:8px;font-size:12px;margin-bottom:8px;padding:10px}.trace-item .label{color:#4fc3f7;font-weight:600;margin-bottom:4px}.trace-item .detail{color:#7a8a9a}.trace-tool{background:#0f1923;color:#81d4fa;margin:2px;padding:2px 8px}.guardrail-badge,.trace-tool{border-radius:4px;display:inline-block;font-size:11px}.guardrail-badge{font-weight:600;padding:3px 8px}.guardrail-badge.blocked{background:#ef535033;color:#ef5350}.guardrail-badge.clear{background:#66bb6a33;color:#66bb6a}.trace-empty{color:#546e7a;font-size:12px;font-style:italic}.modal-overlay{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:100}.modal{background:#1a2a3a;border:1px solid #2a3a4a;border-radius:12px;max-height:80vh;max-width:700px;overflow-y:auto;padding:24px;width:90%}.modal h2{color:#4fc3f7;margin-bottom:16px}.modal pre{background:#0f1923;border-radius:8px;color:#b0bec5;font-size:12px;line-height:1.6;overflow-x:auto;padding:16px}.modal button{background:#4fc3f7;border:none;border-radius:6px;color:#0f1923;cursor:pointer;font-weight:600;margin-top:16px;padding:8px 16px}
/*# sourceMappingURL=main.4abe9e99.css.map*/