.login-page-container{z-index:999999;box-sizing:border-box;background-color:#020617;width:100vw;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex;position:fixed;top:0;left:0;overflow:hidden}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.login-left-pane{box-sizing:border-box;border-right:1px solid #ffffff08;flex-direction:column;width:62%;height:100%;display:flex;position:relative;overflow:hidden}.login-left-pane:after{content:"";pointer-events:none;z-index:2;background:linear-gradient(90deg,#02061700 65%,#020617bf 100%);position:absolute;inset:0}.login-bg-svg{width:100%;height:calc(100% - 24px);display:block;position:absolute;top:0;left:0}.circuit-lines-static path{transition:stroke .3s}.pulse-path{fill:none;stroke:#00d2ff;stroke-width:1.5px;stroke-linecap:round;filter:drop-shadow(0 0 4px #00d2ffbf);stroke-dasharray:25 100}@keyframes flow-forward{0%{stroke-dashoffset:125px}to{stroke-dashoffset:-125px}}@keyframes flow-backward{0%{stroke-dashoffset:-125px}to{stroke-dashoffset:125px}}.pulse-path{animation:3s linear infinite flow-forward}.pulse-path.p-reverse{stroke:#08f;filter:drop-shadow(0 0 4px #0088ffbf);animation-name:flow-backward}.pulse-path.p-fast{animation-duration:1.8s}.pulse-path.p-medium{animation-duration:2.8s}.pulse-path.p-slow{animation-duration:4s}.pulse-path.p-delay-1{animation-delay:.6s}.pulse-path.p-delay-2{animation-delay:1.2s}.pulse-path.p-delay-3{animation-delay:1.8s}.pulse-path.p-delay-4{animation-delay:2.4s}.pulse-node{filter:drop-shadow(0 0 6px #00e5fff2)}@keyframes r-pulse{0%,to{r:3px;fill-opacity:.7}50%{r:5px;fill-opacity:1}}.pulse-node:not(.node-center){animation:2s ease-in-out infinite r-pulse}.node-center{fill:#0ff;r:4.5px;animation:1.5s ease-in-out infinite r-pulse}@keyframes ring-expand{0%{r:4px;opacity:.8}to{r:22px;opacity:0;stroke-width:.5px}}.node-ring{transform-origin:410px 350px;pointer-events:none;animation:2.5s cubic-bezier(.1,.8,.3,1) infinite ring-expand}.login-right-pane{box-sizing:border-box;background:radial-gradient(circle at 60% 30%,#07132c 0%,#02060f 100%);grid-template-rows:1fr auto 1fr;place-items:center;width:38%;height:100%;padding:40px 30px;display:grid;position:relative;overflow-y:auto}.grid-spacer-top{grid-row:1;width:100%;height:100%}.login-glass-card{-webkit-backdrop-filter:blur(20px);box-sizing:border-box;z-index:10;background:#060c1ca6;border:1px solid #ffffff14;border-radius:18px;grid-row:2;width:100%;max-width:420px;padding:45px 36px;transition:transform .3s,box-shadow .3s;box-shadow:0 24px 60px #00000080,inset 0 1px 1px #ffffff1a,0 0 40px #0055ff1f}.login-glass-card:hover{box-shadow:0 28px 70px #0009,inset 0 1px 1px #ffffff26,0 0 50px #0055ff2e}.logo-container-diamonds{justify-content:center;gap:12px;margin-bottom:24px;display:flex}.logo-diamond{background:linear-gradient(135deg,#081c40f2 0%,#030a1af2 100%);border:1px solid #00a2ffd9;border-radius:4px;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .2s,box-shadow .2s;display:flex;transform:rotate(45deg);box-shadow:0 0 12px #00a2ff66,inset 0 0 6px #00a2ff40}.logo-diamond:hover{transform:rotate(45deg)scale(1.05);box-shadow:0 0 16px #00a2ff99,inset 0 0 8px #00a2ff59}.logo-letter{color:#fff;text-shadow:0 0 4px #00a2ff99;letter-spacing:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:800;transform:rotate(-45deg)}.login-welcome-title{color:#fff;text-align:center;letter-spacing:-.5px;margin:0 0 6px;font-size:24px;font-weight:500}.login-welcome-subtitle{color:#94a3b8;text-align:center;margin:0 0 32px;font-size:13.5px}.login-form{flex-direction:column;width:100%;display:flex}.input-group{width:100%;margin-bottom:16px}.input-field-wrapper{align-items:center;width:100%;display:flex;position:relative}.input-icon-left{color:#64748b;pointer-events:none;transition:color .2s;position:absolute;left:14px}.auth-input-field{color:#fff;box-sizing:border-box;background:#080f1ea6;border:1px solid #ffffff14;border-radius:8px;outline:none;width:100%;padding:13px 14px 13px 44px;font-family:inherit;font-size:14.5px;transition:border-color .2s,box-shadow .2s,background-color .2s}.auth-input-field::placeholder{color:#475569}.auth-input-field:focus{background-color:#080f1ed9;border-color:#05f;box-shadow:0 0 14px #0055ff4d,inset 0 1px 2px #0000004d}.auth-input-field:focus+.input-icon-left{color:#3b82f6}.password-toggle-btn{color:#64748b;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .2s;display:flex;position:absolute;right:14px}.password-toggle-btn:hover{color:#94a3b8}.forgot-password-container{justify-content:flex-end;margin-top:-8px;margin-bottom:24px;display:flex}.forgot-password-link{color:#3b82f6;font-size:12px;font-weight:500;text-decoration:none;transition:color .2s}.forgot-password-link:hover{color:#60a5fa;text-decoration:none}.error-message{color:#f87171;text-align:left;margin-top:-8px;margin-bottom:16px;font-size:13px}.login-btn-submit{color:#fff;cursor:pointer;background-color:#05f;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px;font-size:14.5px;font-weight:600;transition:background-color .2s,transform .1s,box-shadow .2s;display:flex}.login-btn-submit:hover{background-color:#04d;box-shadow:0 0 20px #0055ff59}.login-btn-submit:active{transform:scale(.98)}.login-btn-submit:disabled{color:#64748b;cursor:not-allowed;box-shadow:none;background-color:#1e293b}.btn-arrow-icon{transition:transform .2s}.login-btn-submit:hover .btn-arrow-icon{transform:translate(3px)}.form-divider{align-items:center;width:100%;margin:20px 0;display:flex}.divider-line{background:#ffffff14;flex:1;height:1px}.divider-text{color:#475569;padding:0 16px;font-size:12px;font-weight:500}.sso-btn-submit{color:#e2e8f0;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:14px;font-weight:500;transition:background-color .2s,border-color .2s,color .2s;display:flex}.sso-btn-submit:hover{color:#fff;background-color:#ffffff0a;border-color:#fff3}.sso-icon-left{color:#94a3b8;transition:color .2s}.sso-btn-submit:hover .sso-icon-left{color:#3b82f6}.secure-environment-disclaimer{color:#475569;justify-content:center;align-items:center;gap:6px;margin-top:24px;font-size:12px;display:flex}.secure-icon{color:#475569}.login-copyright{color:#475569;text-align:center;z-index:10;grid-row:3;align-self:end;padding-top:24px;padding-bottom:24px;font-size:11px}@media (width<=1024px){.login-page-container{flex-direction:column;justify-content:center;align-items:center}.login-left-pane{display:none}.login-right-pane{background:radial-gradient(circle,#07132c 0%,#02060f 100%);width:100%;height:100%;padding:30px 20px}.login-glass-card{background:#060c1cd9;padding:36px 24px}}@media (width<=1280px) and (width>=1025px){.login-left-pane{width:55%}.login-right-pane{width:45%;padding:30px 24px}}@media (height<=768px){.login-glass-card{padding:30px 28px}.logo-container-diamonds{gap:8px;margin-bottom:16px}.logo-diamond{width:30px;height:30px}.logo-letter{font-size:13px}.login-welcome-subtitle{margin-bottom:20px}.input-group{margin-bottom:12px}.forgot-password-container{margin-bottom:16px}.secure-environment-disclaimer{margin-top:16px}.login-copyright{padding-top:16px}}@media (height<=640px){.login-glass-card{padding:20px}.logo-container-diamonds{gap:6px;margin-bottom:12px}.logo-diamond{width:26px;height:26px}.logo-letter{font-size:11px}.login-welcome-title{font-size:20px}.login-welcome-subtitle{margin-bottom:14px;font-size:12px}.auth-input-field{padding:10px 12px 10px 38px;font-size:13.5px}.input-icon-left{left:12px}.input-group{margin-bottom:10px}.forgot-password-container{margin-bottom:12px}.login-btn-submit{padding:10px;font-size:13.5px}.secure-environment-disclaimer{margin-top:12px;font-size:11px}}:root{--cielo-blue:#00aeef;--cielo-dark:#003f7c;--cielo-mid:#0069b4;--cielo-light:#e6f6fd;--cielo-accent:#00c8e0;--bg:#f2f4f8;--card:#fff;--text-primary:#0a1628;--text-secondary:#4b5a70;--text-muted:#8a98ac;--border:#003f7c1a;--shadow:0 2px 12px #003f7c14;--shadow-lg:0 8px 32px #003f7c1f;--radius:12px;--radius-sm:8px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text-primary);min-height:100vh;font-family:DM Sans,sans-serif}.dashboard-root{flex-direction:column;min-height:100vh;display:flex}.header{background:var(--cielo-dark);z-index:100;border-bottom:3px solid var(--cielo-blue);padding:0;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:16px 32px;display:flex}.logo-area{align-items:center;gap:16px;display:flex}.logo-mark{background:var(--cielo-blue);color:#fff;letter-spacing:-1px;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;font-family:Syne,sans-serif;font-size:18px;font-weight:800;display:flex}.logo-text h1{color:#fff;font-family:Syne,sans-serif;font-size:18px;font-weight:700}.logo-text span{color:#ffffff80;letter-spacing:1px;font-family:DM Mono,monospace;font-size:11px}.nav-tabs{border-bottom:1px solid var(--border);box-shadow:var(--shadow);background:#fff}.nav-inner{scrollbar-width:none;gap:4px;max-width:1400px;margin:0 auto;padding:0 32px;display:flex;overflow-x:auto}.nav-inner::-webkit-scrollbar{display:none}.nav-tab{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:14px 20px;font-size:13px;font-weight:500;transition:all .2s}.nav-tab:hover{color:var(--cielo-mid)}.nav-tab.active{color:var(--cielo-blue);border-bottom-color:var(--cielo-blue)}.main{flex:1;max-width:1400px;margin:0 auto;padding:32px}.overview-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:28px;display:grid}.stat-card{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);padding:20px 22px;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);margin-bottom:24px;overflow:hidden}.card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px 14px;display:flex}.card-title{color:var(--text-primary);font-family:Syne,sans-serif;font-size:14px;font-weight:600}.card-body{padding:20px}.terminal-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:28px;display:grid}@media (width>=992px){.terminal-grid.cols-4{grid-template-columns:repeat(4,1fr)}.terminal-grid.cols-3{grid-template-columns:repeat(3,1fr)}}.terminal-card{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);cursor:pointer;transition:transform .2s,box-shadow .2s;overflow:hidden}.terminal-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.terminal-card-top{color:#fff;background:linear-gradient(135deg,#00aeef 0%,#003f7c 100%);padding:16px 20px}.t-model{font-family:Syne,sans-serif;font-size:22px;font-weight:800;line-height:1.1}.t-name{opacity:.8;letter-spacing:.5px;margin-top:2px;font-size:11px;font-weight:500}.t-type-badge{color:#fff;background:#fff3;border-radius:4px;margin-top:8px;padding:2px 6px;font-family:DM Mono,monospace;font-size:9px;display:inline-block}.terminal-card-body{padding:16px 20px}.t-row{border-bottom:1px solid #003f7c0d;justify-content:space-between;align-items:center;padding:8px 0;font-size:13px;display:flex}.t-row:last-child{border-bottom:none}.t-key{color:var(--text-secondary);font-weight:500}.t-val{color:var(--text-primary);font-weight:600}.t-conn-badges{flex-wrap:wrap;gap:4px;display:flex}.conn-badge{border-radius:4px;padding:2px 6px;font-family:DM Mono,monospace;font-size:10px;font-weight:500}.conn-badge.wifi{color:#0369a1;background:#e0f2fe}.conn-badge.gprs{color:#be185d;background:#fce7f3}.conn-badge.bt{color:#6b21a8;background:#f3e8ff}.conn-badge.usb{color:#92400e;background:#fef3c7}.conn-badge.serial{color:#075985;background:#e0f2fe}.conn-badge.dual{color:#065f46;background:#d1fae5}.cat-label{border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.cat-label.cat-pos{color:var(--cielo-mid);background:#e6f6fd}.cat-label.cat-pinpad{color:#7b1fa2;background:#f3e5f5}.cat-label.cat-smart{color:#2e7d32;background:#e8f5e9}.battery-bar{background:#0000000f;border-radius:4px;height:8px;margin-top:4px;overflow:hidden}.battery-fill{background:var(--cielo-blue);border-radius:4px;height:100%}.version-table{border-collapse:collapse;width:100%;font-size:13px}.version-table th{background:var(--cielo-light);color:var(--cielo-dark);text-align:left;border-bottom:1px solid var(--border);padding:12px 16px;font-weight:600}.version-table td{border-bottom:1px solid var(--border);color:var(--text-secondary);padding:12px 16px}.version-table tr:hover td{background:#00aeef05}.version-code{color:var(--text-primary);background:#00000008;border-radius:4px;padding:2px 6px;font-family:DM Mono,monospace;font-size:12px}.timeline{flex-direction:column;gap:16px;padding-left:20px;display:flex;position:relative}.timeline:before{content:"";background:var(--border);width:2px;position:absolute;top:8px;bottom:8px;left:4px}.tl-item{position:relative}.tl-dot{background:var(--text-muted);border:2px solid var(--card);border-radius:50%;width:10px;height:10px;position:absolute;top:4px;left:-20px}.tl-dot.latest{background:var(--cielo-blue);box-shadow:0 0 8px var(--cielo-blue);transform:scale(1.2)}.tl-version{color:var(--text-primary);font-family:Syne,sans-serif;font-size:13px;font-weight:700}.tl-date{color:var(--text-muted);margin-bottom:4px;font-family:DM Mono,monospace;font-size:10px}.tl-desc{color:var(--text-secondary);font-size:12px;line-height:1.5}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;opacity:0;pointer-events:none;background:#0a162880;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.modal-overlay.open{opacity:1;pointer-events:auto}.modal-box{background:var(--card);border-radius:var(--radius);width:100%;max-width:500px;box-shadow:var(--shadow-lg);transition:transform .3s;overflow:hidden;transform:translateY(20px)}.modal-overlay.open .modal-box{transform:translateY(0)}.modal-head{background:var(--cielo-dark);color:#fff;border-bottom:3px solid var(--cielo-blue);padding:24px;position:relative}.modal-close{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;transition:background .2s;display:flex;position:absolute;top:20px;right:20px}.modal-close:hover{background:#ffffff40}.modal-title{font-family:Syne,sans-serif;font-size:26px;font-weight:800}.modal-subtitle{opacity:.8;letter-spacing:.5px;margin-top:2px;font-size:12px}.modal-body{max-height:70vh;padding:24px;overflow-y:auto}.modal-section{margin-bottom:20px}.modal-section:last-child{margin-bottom:0}.modal-section-title{text-transform:uppercase;color:var(--cielo-blue);letter-spacing:1px;border-bottom:1px solid var(--border);margin-bottom:10px;padding-bottom:4px;font-family:Syne,sans-serif;font-size:12px;font-weight:700}.modal-row{border-bottom:1px solid #0000000a;justify-content:space-between;align-items:center;padding:8px 0;font-size:13px;display:flex}.modal-row:last-child{border-bottom:none}.modal-key{color:var(--text-secondary);font-weight:500}.modal-val{color:var(--text-primary);text-align:right;font-weight:600}.upload-container{background:var(--cielo-light);border-radius:var(--radius);text-align:center;cursor:pointer;border:2px dashed #00aeef4d;flex-direction:column;justify-content:center;align-items:center;padding:40px;transition:border-color .2s,background .2s;display:flex}.upload-container:hover{border-color:var(--cielo-blue);background:#00aeef0f}.upload-icon{color:var(--cielo-blue);margin-bottom:16px;font-size:40px}.upload-title{color:var(--cielo-dark);margin-bottom:4px;font-size:15px;font-weight:600}.upload-subtitle{color:var(--text-muted);font-size:12px}.file-input{display:none}.upload-progress-container{width:100%;margin-top:20px}.progress-bar{background:#0000000f;border-radius:3px;width:100%;height:6px;overflow:hidden}.progress-fill{background:var(--cielo-blue);width:0%;height:100%;transition:width .3s}.progress-text{color:var(--text-muted);text-align:center;margin-top:6px;font-size:11px}.chatbot-container{grid-template-columns:1fr 300px;align-items:start;gap:20px;display:grid}.chat-window{border:1px solid var(--border);border-radius:var(--radius);height:550px;box-shadow:var(--shadow);background:#fff;flex-direction:column;display:flex;overflow:hidden}.chat-header{color:#fff;background:linear-gradient(135deg,#00aeef 0%,#003f7c 100%);align-items:center;gap:12px;padding:16px 20px;display:flex}.chat-avatar{font-size:24px}.chat-title{font-size:14px;font-weight:600}.chat-status{opacity:.8;font-size:11px}.chat-messages{background:#f9fafb;flex-direction:column;flex:1;gap:12px;padding:20px;display:flex;overflow-y:auto}.chat-bubble{border-radius:12px;max-width:75%;padding:12px 16px;font-size:13px;line-height:1.4}.chat-bubble.bot{border:1px solid var(--border);color:var(--text-primary);background:#fff;align-self:flex-start}.chat-bubble.user{background:var(--cielo-blue);color:#fff;align-self:flex-end}.chat-suggestions{border-top:1px solid var(--border);background:#fff;flex-wrap:wrap;gap:8px;padding:10px 20px;display:flex}.chat-sug-btn{background:var(--cielo-light);color:var(--cielo-mid);cursor:pointer;border:1px solid #00aeef33;border-radius:20px;padding:6px 12px;font-family:inherit;font-size:11px;transition:all .2s}.chat-sug-btn:hover{background:var(--cielo-blue);color:#fff;border-color:var(--cielo-blue)}.chat-input-area{border-top:1px solid var(--border);background:#fff;gap:10px;padding:14px 20px;display:flex}.chat-input{border:1px solid var(--border);border-radius:20px;outline:none;flex:1;padding:10px 16px;font-family:inherit;font-size:13px}.chat-input:focus{border-color:var(--cielo-blue)}.chat-send-btn{background:var(--cielo-blue);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:transform .1s;display:flex}.chat-send-btn:active{transform:scale(.9)}.auth-container{background:linear-gradient(135deg,#00aeef 0%,#003f7c 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{border-radius:var(--radius);width:100%;max-width:400px;box-shadow:var(--shadow-lg);border:1px solid var(--border);background:#fff;padding:40px}.auth-input{border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;width:100%;margin:10px 0;padding:12px 16px;font-family:inherit;font-size:14px}.auth-input:focus{border-color:var(--cielo-blue)}.auth-btn{background:var(--cielo-blue);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;width:100%;margin-top:10px;padding:14px;font-family:inherit;font-size:14px;font-weight:600;transition:background .2s}.auth-btn:hover{background:var(--cielo-mid)}.auth-btn:disabled{background:var(--text-muted);cursor:not-allowed}.agent-fab{z-index:300;background:var(--cielo-dark);border:2px solid var(--cielo-blue);color:#fff;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;font-size:22px;transition:transform .2s,box-shadow .2s;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 4px 20px #003f7c59}.agent-fab:hover{transform:scale(1.08);box-shadow:0 6px 28px #003f7c73}.agent-fab .notif{background:var(--cielo-blue);border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;top:-3px;right:-3px}.agent-panel{z-index:300;background:var(--card);border:1px solid var(--border);transform-origin:100% 100%;opacity:0;pointer-events:none;border-radius:18px;flex-direction:column;width:380px;height:500px;max-height:560px;transition:transform .22s cubic-bezier(.34,1.56,.64,1),opacity .18s;display:flex;position:fixed;bottom:92px;right:28px;overflow:hidden;transform:scale(.85)translateY(20px);box-shadow:0 16px 48px #000a282e}.agent-panel.open{opacity:1;pointer-events:all;transform:scale(1)translateY(0)}.agent-head{background:linear-gradient(135deg, var(--cielo-dark), var(--cielo-mid));flex-shrink:0;align-items:center;gap:10px;padding:14px 16px;display:flex}.agent-avatar{background:var(--cielo-blue);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;display:flex}.agent-head-info{flex:1}.agent-head-name{color:#fff;font-family:Syne,sans-serif;font-size:14px;font-weight:600}.agent-head-status{color:#ffffff8c;align-items:center;gap:5px;font-size:11px;display:flex}.status-dot{background:#4ade80;border-radius:50%;width:6px;height:6px;display:inline-block}.agent-close-btn{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;display:flex}.agent-close-btn:hover{background:#ffffff38}.agent-messages{scroll-behavior:smooth;background:#f9fafb;flex-direction:column;flex:1;gap:10px;padding:14px 14px 6px;display:flex;overflow-y:auto}.agent-messages::-webkit-scrollbar{width:4px}.agent-messages::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.msg{border-radius:12px;max-width:88%;padding:9px 12px;font-size:13px;line-height:1.5}.msg.bot{background:var(--cielo-light);color:var(--text-primary);border-bottom-left-radius:4px;align-self:flex-start}.msg.user{background:var(--cielo-dark);color:#fff;border-bottom-right-radius:4px;align-self:flex-end;max-width:80%}.msg.typing{background:var(--cielo-light);align-self:flex-start;padding:10px 14px}.typing-dots{align-items:center;gap:4px;display:flex}.typing-dots span{background:var(--cielo-blue);border-radius:50%;width:6px;height:6px;animation:1.2s infinite bounce}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}.agent-suggestions{background:#fff;flex-wrap:wrap;flex-shrink:0;gap:6px;padding:6px 14px 10px;display:flex}.sug-chip{border:1px solid var(--cielo-blue);color:var(--cielo-mid);background:var(--cielo-light);cursor:pointer;white-space:nowrap;border-radius:14px;padding:5px 10px;font-size:11px;transition:all .15s}.sug-chip:hover{background:var(--cielo-blue);color:#fff}.agent-input-row{border-top:1px solid var(--border);background:var(--card);flex-shrink:0;gap:8px;padding:10px 12px 12px;display:flex}.agent-input{border:1px solid var(--border);color:var(--text-primary);background:var(--bg);border-radius:20px;outline:none;flex:1;padding:8px 14px;font-family:DM Sans,sans-serif;font-size:13px;transition:border-color .15s}.agent-input:focus{border-color:var(--cielo-blue)}.agent-send{background:var(--cielo-blue);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;transition:background .15s;display:flex}.agent-send:hover{background:var(--cielo-mid)}.header-meta{align-items:center;gap:24px;display:flex}.meta-pill{color:var(--cielo-blue);letter-spacing:.5px;background:#00aeef26;border:1px solid #00aeef4d;border-radius:20px;padding:4px 10px;font-family:DM Mono,monospace;font-size:11px}.version-badge{background:var(--cielo-blue);color:#fff;border-radius:20px;padding:4px 10px;font-family:DM Mono,monospace;font-size:11px;font-weight:500}.highlight-banner{background:linear-gradient(135deg, var(--cielo-dark) 0%, var(--cielo-mid) 100%);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:18px 24px;display:flex}.highlight-banner-text h2{color:#fff;margin-bottom:4px;font-family:Syne,sans-serif;font-size:16px;font-weight:700}.highlight-banner-text p{color:#ffffffa6;font-size:12px}.highlight-banner-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.highlight-banner-right .big-num{color:#ffffff40;letter-spacing:-2px;font-family:Syne,sans-serif;font-size:36px;font-weight:800;line-height:1}.highlight-banner-right .small-label{color:#ffffff73;letter-spacing:1px;text-transform:uppercase;font-family:DM Mono,monospace;font-size:10px}.stat-icon{border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:12px;font-size:16px;display:flex}.stat-icon.blue{color:var(--cielo-blue);background:#e6f6fd}.stat-icon.green{color:#2e7d32;background:#e8f5e9}.stat-icon.amber{color:#f57f17;background:#fff8e1}.stat-icon.purple{color:#7b1fa2;background:#f3e5f5}.stat-num{color:var(--text-primary);margin-bottom:4px;font-family:Syne,sans-serif;font-size:32px;font-weight:700;line-height:1}.stat-label{color:var(--text-muted);letter-spacing:.3px;font-size:12px;font-weight:500}.section-header{justify-content:space-between;align-items:flex-end;margin-bottom:24px;display:flex}.section-title{color:var(--text-primary);letter-spacing:-.5px;font-family:Syne,sans-serif;font-size:22px;font-weight:700}.section-sub{color:var(--text-muted);margin-top:4px;font-size:13px}.visual-container{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);grid-template-columns:280px 1fr;gap:24px;min-height:calc(100vh - 220px);display:grid;overflow:hidden}.visual-sidebar{border-right:1px solid var(--border);background:#003f7c05;flex-direction:column;gap:16px;padding:24px 16px;display:flex}.visual-sidebar-title{color:var(--cielo-dark);text-transform:uppercase;letter-spacing:1px;padding-left:8px;font-family:Syne,sans-serif;font-size:14px;font-weight:700}.visual-model-list{flex-direction:column;flex:1;gap:8px;max-height:calc(100vh - 300px);padding-right:4px;display:flex;overflow-y:auto}.visual-model-list::-webkit-scrollbar{width:6px}.visual-model-list::-webkit-scrollbar-track{background:0 0}.visual-model-list::-webkit-scrollbar-thumb{background:#00aeef33;border-radius:4px}.visual-model-list::-webkit-scrollbar-thumb:hover{background:#00aeef66}.visual-model-btn{border-radius:var(--radius-sm);color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.visual-model-btn:hover{color:var(--cielo-mid);background:#00aeef14;padding-left:20px}.visual-model-btn.active{background:linear-gradient(135deg, var(--cielo-dark) 0%, var(--cielo-mid) 100%);color:#fff;box-shadow:0 4px 12px #003f7c26}.visual-content{flex-direction:column;gap:24px;padding:32px;display:flex}.visual-content-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;padding-bottom:20px;display:flex}.visual-title{color:var(--cielo-dark);letter-spacing:-.5px;font-family:Syne,sans-serif;font-size:24px;font-weight:800}.visual-subtitle{color:var(--text-muted);margin-top:4px;font-size:13px}.visual-download-btn{border:1px solid var(--cielo-blue);color:var(--cielo-blue);cursor:pointer;background:#fff;border-radius:30px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 2px 8px #00aeef0d}.visual-download-btn:hover{background:var(--cielo-blue);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #00aeef33}.visual-pdf-viewer{border:1px solid var(--border);border-radius:var(--radius);background:#f8fafc;flex:1;height:calc(100vh - 360px);overflow:hidden;box-shadow:inset 0 2px 8px #00000005}.user-manager-container{flex-direction:column;gap:20px;display:flex}.um-header-card{border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;justify-content:space-between;align-items:center;padding:24px 28px;display:flex}.um-title{color:var(--text-primary);margin-bottom:4px;font-family:Syne,sans-serif;font-size:20px;font-weight:700}.um-subtitle{color:var(--text-secondary);font-size:13px}.btn-primary{background:var(--cielo-blue);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.btn-primary:hover{background:var(--cielo-mid);transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:#f1f5f9;padding:10px 18px;font-size:13px;font-weight:600;transition:all .2s}.btn-secondary:hover{color:var(--text-primary);background:#e2e8f0}.btn-danger{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:#ef4444;border:none;padding:10px 18px;font-size:13px;font-weight:600;transition:all .2s}.btn-danger:hover{background:#dc2626}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.um-controls-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.um-search-box{border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;align-items:center;gap:10px;width:320px;padding:10px 14px;display:flex;box-shadow:0 1px 3px #0000000a}.um-search-box input{width:100%;color:var(--text-primary);border:none;outline:none;font-family:inherit;font-size:13px}.um-badge-count{color:var(--text-secondary);border-radius:var(--radius-sm);border:1px solid var(--border);background:#fff;padding:8px 14px;font-size:13px}.um-table{border-collapse:collapse;width:100%}.um-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--border);background:#f8fafc;padding:14px 20px;font-size:12px;font-weight:600}.um-table td{border-bottom:1px solid #003f7c0d;padding:16px 20px;font-size:14px}.um-table tr:hover td{background:#f8fafc}.um-user-cell{align-items:center;gap:12px;display:flex}.um-avatar-circle{background:var(--cielo-light);width:36px;height:36px;color:var(--cielo-dark);border-radius:50%;justify-content:center;align-items:center;display:flex}.um-user-info{align-items:center;gap:8px;display:flex}.um-username{color:var(--text-primary);font-weight:600}.um-self-tag{color:#0369a1;background:#e0f2fe;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600}.role-badge{border-radius:20px;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.role-badge-admin{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.role-badge-operator{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.role-badge-user{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.um-actions-group{justify-content:flex-end;align-items:center;gap:8px;display:flex}.btn-edit-user{border:1px solid var(--border);color:var(--cielo-dark);cursor:pointer;background:#f8fafc;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.btn-edit-user:hover{background:var(--cielo-light);color:var(--cielo-mid);border-color:var(--cielo-blue)}.btn-delete-user{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;justify-content:center;align-items:center;padding:6px 10px;transition:all .2s;display:flex}.btn-delete-user:hover:not(:disabled){background:#fee2e2}.btn-delete-user:disabled{opacity:.3;cursor:not-allowed}.um-form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.um-form-group label{color:var(--text-secondary);font-size:12px;font-weight:600}.um-input-with-icon{align-items:center;display:flex;position:relative}.um-input-with-icon .input-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:12px}.um-input-with-icon input,.um-select{border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;outline:none;width:100%;padding:10px 14px 10px 38px;font-family:inherit;font-size:14px;transition:border-color .2s}.um-input-with-icon input:focus,.um-select:focus{border-color:var(--cielo-blue);box-shadow:0 0 0 3px #00aeef26}.input-eye-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;display:flex;position:absolute;right:12px}.input-eye-btn:hover{color:var(--text-primary)}.um-modal-footer{justify-content:flex-end;align-items:center;gap:10px;margin-top:24px;display:flex}.um-alert-error{color:#b91c1c;border-radius:var(--radius-sm);background:#fef2f2;border:1px solid #fca5a5;align-items:center;gap:8px;margin-bottom:16px;padding:12px 14px;font-size:13px;display:flex}.um-alert-success{color:#047857;border-radius:var(--radius-sm);background:#ecfdf5;border:1px solid #6ee7b7;align-items:center;gap:8px;margin-bottom:16px;padding:12px 14px;font-size:13px;display:flex}
