@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f0f2f5;--sidebar:#1a1d27;--teal:#1dbfa0;--teal-dk:#18a88d;--white:#fff;--card-bg:#fff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-700:#374151;--gray-900:#111827;--green:#10b981;--red:#ef4444;--orange:#f59e0b;--blue:#3b82f6;--shadow-sm:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow:0 10px 15px -3px #00000014, 0 4px 6px -2px #0000000a;--radius:16px;--font:"Inter", sans-serif}body{font-family:var(--font);background:var(--bg);color:var(--gray-900);min-height:100vh;overflow:hidden}#root{height:100vh;display:flex}.layout{width:100%;height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--sidebar);flex-direction:column;width:230px;min-width:230px;height:100vh;display:flex;overflow:hidden}.sidebar-logo{color:#fff;letter-spacing:.3px;border-bottom:1px solid #ffffff12;flex-shrink:0;padding:1.6rem 1.4rem 1.2rem;font-size:1.35rem;font-weight:800;position:relative;overflow:hidden}.sidebar-logo:after{content:"";background:linear-gradient(90deg,#fff0 0%,#ffffff26 50%,#fff0 100%);width:50%;height:100%;animation:6s infinite shine;position:absolute;top:0;left:-100%;transform:skew(-20deg)}@keyframes shine{0%{left:-100%}15%{left:200%}to{left:200%}}.sidebar-logo span{color:var(--teal)}.sidebar-nav{flex:1;padding:1rem 0;overflow-y:auto}.nav-item{cursor:pointer;color:var(--gray-400);-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:.75rem;margin:0 .6rem;padding:.72rem 1.4rem;font-size:.88rem;font-weight:500;transition:all .15s;display:flex}.nav-item:hover{color:#e5e7eb;background:#ffffff0f}.nav-item.active{color:var(--teal);border-left:3px solid var(--teal);background:#1dbfa01f;border-radius:0 8px 8px 0;padding-left:calc(1.4rem - 3px);font-weight:600}.nav-item svg{opacity:.8;stroke-width:2.2px;flex-shrink:0}.nav-item.active svg{opacity:1}.sidebar-bottom{border-top:1px solid #ffffff12;flex-shrink:0;padding-bottom:.8rem}.sidebar-logout{color:var(--gray-400);cursor:pointer;align-items:center;gap:.6rem;padding:.9rem 1.4rem;font-size:.85rem;transition:color .15s;display:flex}.sidebar-logout:hover{color:#e5e7eb}.sidebar-profile{align-items:center;gap:.7rem;padding:.8rem 1.4rem;display:flex}.profile-avatar{background:var(--teal);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.78rem;font-weight:700;display:flex}.profile-name{color:#e5e7eb;font-size:.8rem;font-weight:600}.profile-sub{color:var(--gray-400);font-size:.7rem}.main{background:var(--bg);flex-direction:column;flex:1;display:flex;overflow:hidden}.main-scroll{flex:1;padding:1.8rem 2.2rem 2.4rem;animation:.4s ease-out fadeIn;overflow-y:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.topbar{justify-content:space-between;align-items:center;margin-bottom:1.6rem;display:flex}.topbar-date{color:var(--gray-400);font-size:.85rem;font-weight:500}.topbar-right{align-items:center;gap:1rem;display:flex}.topbar-bell{cursor:pointer;color:var(--gray-500);font-size:1.1rem}.topbar-search{background:var(--white);border:none;border-radius:30px;align-items:center;gap:.5rem;padding:.35rem .35rem .35rem 1.2rem;transition:box-shadow .2s;display:flex;box-shadow:0 2px 5px #0000000a}.topbar-search:focus-within{box-shadow:0 4px 10px #00000014}.topbar-search input{font-family:var(--font);color:var(--gray-700);width:160px;font-size:.88rem;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;padding:0!important}.topbar-search input::placeholder{color:var(--gray-400)}.topbar-search input:focus::placeholder{color:#0000}.search-btn{color:#fff;cursor:pointer;background:#333;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:transform .15s,background .15s;display:flex}.search-btn:hover{background:#111;transform:scale(1.05)}.search-btn:active{transform:scale(.95)}.section-label{text-transform:uppercase;letter-spacing:.1em;color:var(--gray-400);margin-bottom:1rem;font-size:.7rem;font-weight:700}.card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:1.5rem;padding:2.2rem 2.4rem;transition:transform .3s,box-shadow .3s}.card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.card-title{color:var(--gray-500);margin-bottom:1.4rem;font-size:.97rem;font-weight:600}.detail-grid{grid-template-columns:repeat(3,1fr);gap:1.6rem;margin-bottom:1.4rem;display:grid}.detail-label{color:var(--gray-400);margin-bottom:.25rem;font-size:.75rem;font-weight:500}.detail-value{color:var(--gray-900);font-size:.97rem;font-weight:700}.action-row{align-items:center;gap:1rem;display:flex}.btn-teal{background:var(--teal);color:#fff;cursor:pointer;font-size:.87rem;font-weight:600;font-family:var(--font);border:none;border-radius:8px;padding:.6rem 1.6rem;transition:all .2s;box-shadow:0 2px 4px #1dbfa033}.btn-teal:hover{background:var(--teal-dk);transform:translateY(-1px);box-shadow:0 4px 6px #1dbfa04d}.btn-teal:active{transform:scale(.98)}.btn-teal:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-ghost{color:var(--gray-500);cursor:pointer;font-size:.87rem;font-weight:500;font-family:var(--font);background:0 0;border:none;border-radius:8px;padding:.6rem .8rem;transition:all .2s}.btn-ghost:hover{color:var(--gray-700);background:#00000008}.btn-ghost:active{transform:scale(.98)}.btn-outline{border:1.5px solid var(--gray-200);color:var(--gray-700);cursor:pointer;font-size:.87rem;font-weight:600;font-family:var(--font);background:0 0;border-radius:8px;padding:.6rem 1.2rem;transition:all .2s}.btn-outline:hover{border-color:var(--teal);color:var(--teal);transform:translateY(-1px)}.btn-outline:active{transform:scale(.98)}.btn-danger{color:var(--red);cursor:pointer;font-size:.87rem;font-weight:600;font-family:var(--font);background:#fef2f2;border:1.5px solid #fca5a5;border-radius:8px;padding:.6rem 1.2rem;transition:all .2s}.btn-danger:hover{border-color:var(--red);background:#fee2e2;transform:translateY(-1px)}.btn-danger:active{transform:scale(.98)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.87rem}thead th{text-align:left;border-bottom:1.5px solid var(--gray-100);color:var(--gray-900);padding:0 1rem .9rem 0;font-size:.82rem;font-weight:700}tbody td{border-bottom:1px solid var(--gray-100);color:var(--gray-500);vertical-align:middle;padding:1rem 1rem 1rem .5rem}tbody td.bold{color:var(--gray-900);font-weight:700}tbody td:last-child{text-align:right;color:var(--gray-900);padding-right:.5rem;font-weight:700}tbody tr:last-child td{border-bottom:none}tbody tr{border-radius:8px;transition:background .2s}tbody tr:hover{background:#fff6}.status-complete{color:var(--green);font-weight:500}.status-failed{color:var(--red);font-weight:500}.status-awaiting{color:var(--blue);font-weight:500}.status-info{color:var(--gray-400)}.status-running{color:var(--orange);font-weight:500}.load-more-wrap{text-align:center;margin-top:1.4rem}.btn-load-more{background:var(--teal);color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;font-family:var(--font);border:none;border-radius:7px;padding:.6rem 2.6rem;transition:background .15s}.btn-load-more:hover{background:var(--teal-dk)}.form-grid-2{grid-template-columns:1fr 1fr;gap:1.2rem;display:grid}.form-grid-3{grid-template-columns:1fr 1fr 1fr;gap:1.2rem;display:grid}.form-row{margin-bottom:0}.form-section-title{color:var(--gray-500);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--gray-100);margin:1.4rem 0 1rem;padding-bottom:.5rem;font-size:.82rem;font-weight:700}.form-section-title:first-child{margin-top:0}label{color:var(--gray-500);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.35rem;font-size:.78rem;font-weight:600;display:block}input[type=text],input[type=number],input[type=password],select,textarea{border:1.5px solid var(--gray-200);width:100%;font-family:var(--font);color:var(--gray-900);background:var(--white);appearance:none;border-radius:8px;outline:none;padding:.6rem .85rem;font-size:.88rem;transition:all .2s}input:focus,select:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #1dbfa01f}input[type=range]{width:100%;accent-color:var(--teal);cursor:pointer}input[type=checkbox]{accent-color:var(--teal);cursor:pointer;width:16px;height:16px}.checkbox-row{align-items:center;gap:.5rem;display:flex}.checkbox-row label{text-transform:none;letter-spacing:0;color:var(--gray-700);cursor:pointer;margin:0;font-size:.85rem;font-weight:500}.range-display{color:var(--teal);margin-top:.25rem;font-size:.82rem;font-weight:600}.demo-row{gap:.8rem;margin-bottom:1.4rem;display:flex}.demo-btn{border:1.5px solid var(--gray-200);background:var(--white);font-family:var(--font);color:var(--gray-700);cursor:pointer;text-align:center;border-radius:8px;flex:1;padding:.6rem 0;font-size:.83rem;font-weight:600;transition:all .2s}.demo-btn:hover{border-color:var(--teal);color:var(--teal);transform:translateY(-1px)}.demo-btn:active{transform:scale(.98)}.demo-btn.active-good{border-color:var(--green);color:var(--green);background:#f0fdf4}.demo-btn.active-border{border-color:var(--orange);color:var(--orange);background:#fffbeb}.demo-btn.active-risk{border-color:var(--red);color:var(--red);background:#fef2f2}.pipeline-badge{border-radius:20px;align-items:center;gap:.4rem;padding:.3rem .8rem;font-size:.78rem;font-weight:600;display:inline-flex}.badge-idle{background:var(--gray-100);color:var(--gray-500)}.badge-running{color:#92400e;background:#fef3c7}.badge-awaiting{color:#1e40af;background:#dbeafe}.badge-complete{color:#065f46;background:#d1fae5}.agent-msg{border-left:3px solid var(--teal);background:var(--gray-50);color:var(--gray-700);border-radius:0 8px 8px 0;margin-bottom:.5rem;padding:.75rem 1rem;font-size:.83rem}.agent-msg.error{border-left-color:var(--red);background:#fef2f2}.agent-msg.system{border-left-color:var(--gray-300)}.agent-msg-header{color:var(--teal);margin-bottom:.25rem;font-size:.72rem;font-weight:700}.agent-msg.error .agent-msg-header{color:var(--red)}.agent-msg.system .agent-msg-header{color:var(--gray-400)}.agent-msg-text{color:var(--gray-600);word-break:break-word;line-height:1.5}.decision-card{border:1.5px solid;border-radius:10px;margin-bottom:1rem;padding:1.2rem 1.5rem}.decision-approve{background:#f0fdf4;border-color:#86efac}.decision-deny{background:#fef2f2;border-color:#fca5a5}.decision-counter{background:#fffbeb;border-color:#fcd34d}.decision-rec{margin-bottom:.3rem;font-size:.8rem;font-weight:700}.decision-meta{color:var(--gray-500);font-size:.78rem}.metrics-row{grid-template-columns:repeat(3,1fr);gap:1rem;margin:1rem 0;display:grid}.metric-box{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--gray-100);padding:1.5rem 1.6rem;transition:transform .3s,box-shadow .3s}.metric-box:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.metric-label{color:var(--gray-400);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.3rem;font-size:.72rem;font-weight:600}.metric-value{color:var(--gray-900);font-size:1.1rem;font-weight:700}.alert{border-radius:8px;margin-bottom:1rem;padding:.8rem 1rem;font-size:.85rem}.alert-error{color:#991b1b;background:#fef2f2;border:1px solid #fca5a5}.alert-success{color:#065f46;background:#f0fdf4;border:1px solid #86efac}.alert-info{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe}.divider{background:var(--gray-100);height:1px;margin:1.4rem 0}.gate-section{margin-top:1.4rem}.checklist{flex-direction:column;gap:.5rem;margin:.8rem 0;display:flex}.gate-actions{gap:.8rem;margin-top:1rem;display:flex}.spinner{border:2.5px solid #1dbfa04d;border-top-color:var(--teal);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.spinning-dot{background:var(--orange);border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.letter-preview{background:var(--gray-50);border:1px solid var(--gray-200);color:var(--gray-700);border-radius:8px;max-height:200px;padding:1.2rem 1.4rem;font-family:Georgia,serif;font-size:.82rem;line-height:1.8;overflow-y:auto}.expander-header{color:var(--gray-700);cursor:pointer;border-bottom:1px solid var(--gray-100);-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.7rem 0;font-size:.87rem;font-weight:600;display:flex}.expander-content{padding-top:1rem}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--gray-200);border-radius:4px}