*,:after,:before{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%}body{background:#f3f4f6;color:#111827;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;line-height:1.35;padding-bottom:72px}.app-wrapper{min-height:100vh;padding:16px 14px 80px;width:100%}.top-bar{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 10px 26px #0f172a0f;display:flex;gap:14px;justify-content:space-between;margin-bottom:16px;padding:12px 14px;position:-webkit-sticky;position:sticky;top:0;z-index:5000}.top-bar h1{font-size:22px;font-weight:700}.top-bar-right{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.card,.section{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 10px 25px #0f172a12;margin-bottom:14px;padding:14px}.section-title{align-items:center;flex-wrap:wrap;font-size:15px;font-weight:700;gap:8px}.form-row,.section-title{display:flex;margin-bottom:10px}.form-row{flex-direction:column;gap:4px}.form-row label{color:#6b7280;font-size:12px}.form-row input,.form-row select,textarea{background:#fff;border:1px solid #d1d5db;border-radius:10px;color:#111827;font-size:14px;min-height:42px;padding:10px 12px;width:100%}.btn,button{background:#2563eb;border:none;border-radius:12px;box-shadow:0 6px 16px #2563eb47;color:#fff;cursor:pointer;font-size:14px;font-weight:600;min-height:44px;padding:10px 14px}button.secondary{background:#e5e7eb;box-shadow:none;color:#111827}button.danger{background:#b91c1c}.table-wrap{-webkit-overflow-scrolling:touch;margin-top:8px;overflow-x:auto;width:100%}table{border-collapse:collapse;font-size:12px;width:100%}td,th{border-bottom:1px solid #e5e7eb;padding:8px}.fab-nav{background:#fff;border-top:1px solid #e5e7eb;bottom:0;box-shadow:0 -2px 10px #00000014;justify-content:space-around;left:0;padding:6px 4px;position:fixed;right:0;z-index:9999}.fab-nav,.fab-nav button{align-items:center;display:flex}.fab-nav button{background:#0000;box-shadow:none;color:#374151;flex:1 1;flex-direction:column;font-size:11px;justify-content:center;margin:0 2px;padding:8px 4px}.fab-nav button.active{background:linear-gradient(180deg,#3b82f6,#2563eb);border-radius:14px;box-shadow:0 8px 18px #2563eb59,inset 0 1px 0 #ffffff40;color:#fff;font-weight:700;transform:translateY(-1px);transition:all .18s ease}.fab-nav button.active span{color:#fff}.fab-nav button:hover{background:#eff6ff;border-radius:14px}.fab-nav button{transition:background .18s ease,transform .18s ease,box-shadow .18s ease}.floating-search-box{margin-top:16px;opacity:1;transform:scale(1);transition:all .2s ease}.floating-search-box.collapsed{opacity:0;transform:scale(.95)}@media (max-width:991px){.app-wrapper{padding:10px 8px 80px}.top-bar{position:static}}.modal-overlay{align-items:flex-end;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.modal-box{background:#fff;border-radius:16px 16px 0 0;max-height:100vh;padding:14px;width:100%}@media (min-width:992px){.floating-search-box{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 18px 34px #0000001f;height:520px;max-height:calc(100vh - 110px);max-width:720px;min-height:260px;min-width:300px;overflow:auto;padding:12px;position:fixed;resize:both;right:16px;top:90px;width:380px;z-index:2500}.floating-search-box.collapsed{height:auto;min-height:0;min-height:auto;resize:none;width:300px}.floating-search-box.collapsed .form-row,.floating-search-box.collapsed table{display:none}}.login-page{background-image:linear-gradient(#080e0b61,#080e0b61),url(/static/media/login-bg.9463a2d0799312a91d99.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;inset:0;justify-content:center;padding:24px;position:fixed;width:100vw}.login-card,.login-page{align-items:center;display:flex;overflow:hidden}.login-card{background:linear-gradient(145deg,#dfe5ea,#c9d1d8);border:1px solid #ffffffe0;border-radius:30px;box-shadow:0 35px 80px #00000042,0 8px 18px #0000001a,inset 0 2px 0 #fffffff2,inset 0 -10px 18px #0000000d,inset 8px 0 14px #ffffff47,inset -8px 0 14px #00000008;flex-direction:column;outline:1px solid #ffffff73;outline-offset:-8px;padding:38px;position:relative;width:min(92vw,430px)}.login-card:before{background:linear-gradient(180deg,#ffffff73,#fff0);content:"";height:120px;left:-10%;pointer-events:none;position:absolute;top:0;transform:rotate(-2deg);width:120%}.login-card:after{background:radial-gradient(#0000002e,#0000);bottom:-22px;content:"";filter:blur(12px);height:40px;left:20px;right:20px;z-index:-1}.bolt,.login-card:after{border-radius:50%;position:absolute}.bolt{background:radial-gradient(circle at 30% 30%,#fff,#9aa3ab 60%,#6f7880 100%);box-shadow:inset 0 1px 2px #ffffffe6,inset 0 -2px 3px #00000038,0 2px 4px #0000002e;height:16px;width:16px}.bolt-tl{left:14px;top:14px}.bolt-tr{right:14px;top:14px}.bolt-bl{bottom:14px;left:14px}.bolt-br{bottom:14px;right:14px}.login-logo{display:flex;justify-content:center;margin-bottom:18px}.login-logo img{filter:drop-shadow(0 4px 10px rgba(0,0,0,.12));height:84px;object-fit:contain;width:84px}.login-title{color:#1c2228;font-size:clamp(30px,4vw,38px);font-weight:900;letter-spacing:-.5px;margin-bottom:10px;position:relative;text-align:center;text-shadow:0 1px 0 #fffffff2,0 2px 0 #d7dce1f2,0 3px 0 #cdd2d7eb,0 4px 6px #0000001a,0 10px 18px #00000014}.login-sub{color:#55606b;font-size:14px;margin-bottom:28px;text-align:center;text-shadow:0 1px 0 #ffffffe6,0 2px 4px #00000014}.login-card form{width:100%}.login-card label{color:#374151;display:block;font-size:13px;font-weight:700;letter-spacing:.2px;margin-bottom:6px;text-shadow:0 1px 0 #ffffffe6,0 1px 3px #0000000d}.login-card input{background:linear-gradient(145deg,#d3dae0,#bcc5cc);border:1px solid #00000014;border-radius:16px;box-shadow:inset 0 3px 5px #0000000f,inset 0 1px 0 #ffffffe6,0 1px 0 #fffc;color:#111827;font-size:15px;height:56px;margin-bottom:18px;padding:0 16px;transition:.2s;width:100%}.login-card input:focus{border-color:#0b8d3a;box-shadow:inset 0 3px 5px #0000000f,0 0 0 4px #0b8d3a1a;outline:none}.login-btn{background:linear-gradient(180deg,#18b85d,#0b8d3a);border:none;border-radius:18px;box-shadow:0 14px 24px #0b8d3a3d,0 4px 8px #0000001a,inset 0 2px 0 #ffffff4d,inset 0 -4px 10px #00000029;color:#fff;cursor:pointer;font-size:16px;font-weight:700;height:58px;margin-top:6px;text-shadow:0 1px 0 #fff3,0 -1px 0 #0000002e,0 2px 4px #00000038;transition:.15s;width:100%}.login-btn:hover{transform:translateY(-1px)}.login-btn:active{box-shadow:0 5px 10px #0b8d3a33,inset 0 3px 8px #0000002e;transform:translateY(2px)}.login-error{color:#dc2626;font-size:13px;margin-top:10px;text-align:center;width:100%}.login-footer{color:#6b7280;font-size:12px;margin-top:22px;text-align:center;text-shadow:0 1px 0 #ffffff8c}.report-modal{display:flex;flex-direction:column}.report-modal .table-wrap{-webkit-overflow-scrolling:touch;border:1px solid #e5e7eb;border-radius:12px;max-height:70vh;overflow:auto;width:100%}.report-table{min-width:700px}.report-table thead th{top:0}.report-table tfoot th,.report-table thead th{background:#fff;position:-webkit-sticky;position:sticky;z-index:3}.report-table tfoot th{bottom:0}@media (max-width:768px){.report-modal{border-radius:16px 16px 0 0;height:100vh;max-height:100vh}.report-modal .table-wrap{max-height:calc(100vh - 140px);overflow:auto}.report-table{font-size:13px;min-width:520px}.report-table td,.report-table th{white-space:nowrap}}.module-window{background:#fff;border:1px solid #dbe1e8;border-radius:16px;box-shadow:0 20px 45px #00000029;display:flex;flex-direction:column;overflow:hidden;position:fixed;z-index:3000}.module-header{align-items:center;background:linear-gradient(180deg,#f8fafc,#eef2f7);border-bottom:1px solid #e5e7eb;cursor:move;display:flex;font-weight:700;height:52px;justify-content:space-between;padding:0 14px}.module-body{background:#fff;flex:1 1;overflow:auto;padding:12px}.module-close{background:#ef4444;border:none;border-radius:10px;color:#fff;cursor:pointer;height:34px;width:34px}.module-close:hover{transform:scale(1.05)}.fab-nav button span{font-size:10px;margin-top:2px}.fab-nav button{gap:2px}.fab-nav button.active{background:#eff6ff;border-radius:12px}body{overflow-x:hidden}#root{min-height:100vh;width:100%}.workspace{min-height:calc(100vh - 80px);position:relative;width:100%}.demo-banner{background:linear-gradient(135deg,#0f172a,#1e3a8a);border-radius:14px;box-shadow:0 8px 25px #0003;color:#fff;margin-bottom:20px;padding:20px}.demo-title{font-size:24px;font-weight:700}.demo-subtitle{margin-top:6px;opacity:.9}.demo-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:20px}.demo-card{background:#fff;border-radius:14px;box-shadow:0 4px 18px #0000001a;padding:20px;text-align:center}.demo-number{color:#2563eb;font-size:34px;font-weight:700;margin-bottom:8px}.demo-badge{background:#f59e0b;border-radius:20px;color:#fff;font-size:12px;margin-left:12px;padding:4px 10px}.monitoring-section{box-sizing:border-box;overflow:hidden;width:100%}.monitoring-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.monitoring-subtitle{font-size:13px;margin-top:4px;opacity:.65}.monitoring-status{align-items:center;border:1px solid #e3e6ea;border-radius:10px;display:flex;font-size:13px;font-weight:600;gap:7px;padding:8px 12px;white-space:nowrap}.monitoring-status-dot{background:#22a447;border-radius:50%;height:8px;width:8px}.monitoring-loading{background:rgba(0,0,0,.035);border-radius:8px;font-size:13px;margin-bottom:16px;padding:12px}.monitoring-block{margin-top:20px}.monitoring-block:first-of-type{margin-top:0}.monitoring-block-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.monitoring-block-header h3{font-size:17px;margin:0}.monitoring-block-description{font-size:12px;margin-top:3px;opacity:.6}.monitoring-count{align-items:center;background:#0000000f;border-radius:14px;display:inline-flex;font-size:12px;font-weight:700;height:28px;justify-content:center;min-width:28px;padding:0 8px}.monitoring-online-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.monitoring-user-card{background:#fff;border:1px solid #e3e6ea;border-radius:12px;min-width:0;padding:14px}.monitoring-user-card-top{align-items:center;display:flex;gap:10px}.monitoring-avatar{align-items:center;background:#00000012;border-radius:50%;display:flex;flex:0 0 38px;font-size:16px;font-weight:700;height:38px;justify-content:center;width:38px}.monitoring-user-main{flex:1 1;min-width:0}.monitoring-user-name{font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monitoring-user-online{align-items:center;display:flex;font-size:11px;gap:5px;margin-top:3px;opacity:.65}.monitoring-user-online span{background:#22a447;border-radius:50%;height:6px;width:6px}.monitoring-user-details{grid-gap:12px;border-top:1px solid #eceef1;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px;padding-top:12px}.monitoring-user-details div{min-width:0}.monitoring-user-details span{display:block;font-size:10px;margin-bottom:4px;opacity:.55}.monitoring-user-details strong{display:block;font-size:12px;font-weight:600;overflow-wrap:anywhere}.monitoring-module-badge{align-items:center;background:rgba(0,0,0,.055);border-radius:8px;display:inline-flex;font-size:11px;font-weight:600;line-height:1.2;max-width:180px;padding:5px 9px}.monitoring-table-wrapper{-webkit-overflow-scrolling:touch;border:1px solid #e3e6ea;border-radius:10px;max-height:58vh;max-width:100%;overflow-x:auto;overflow-y:auto;width:100%}.monitoring-table{border-collapse:initial;border-spacing:0;font-size:12px;min-width:1150px;width:100%}.monitoring-table td,.monitoring-table th{border-bottom:1px solid #eceef1;padding:10px 12px;text-align:left;vertical-align:middle}.monitoring-table th{background:#f7f8fa;font-size:11px;font-weight:700;position:-webkit-sticky;position:sticky;top:0;white-space:nowrap;z-index:2}.monitoring-table tbody tr:last-child td{border-bottom:none}.monitoring-table tbody tr:hover{background:rgba(0,0,0,.025)}.monitoring-nowrap{white-space:nowrap}.monitoring-mobile-list{display:none}.monitoring-action-card{background:#fff;border:1px solid #e3e6ea;border-radius:11px;padding:13px}.monitoring-action-top{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.monitoring-action-user{font-size:14px;font-weight:700}.monitoring-action-time{font-size:11px;margin-top:3px;opacity:.55}.monitoring-action-name{background:rgba(0,0,0,.035);border-radius:8px;font-size:13px;font-weight:600;margin-top:12px;padding:9px 10px}.monitoring-action-meta{grid-gap:10px 14px;display:grid;gap:10px 14px;grid-template-columns:1fr 1fr;margin-top:12px}.monitoring-action-meta span{display:block;font-size:10px;margin-bottom:3px;opacity:.55}.monitoring-action-meta strong{display:block;font-size:11px;font-weight:600;overflow-wrap:anywhere}.monitoring-empty{border:1px dashed #d9dde2;border-radius:10px;font-size:13px;opacity:.65;padding:28px 16px;text-align:center}@media (max-width:1024px){.monitoring-user-details{grid-template-columns:1fr 1fr}.monitoring-table{min-width:1050px}}@media (max-width:700px){.monitoring-section{padding-left:10px;padding-right:10px}.monitoring-header{align-items:flex-start}.monitoring-subtitle{font-size:11px}.monitoring-status{font-size:11px;padding:6px 9px}.monitoring-block-header h3{font-size:15px}.monitoring-online-grid{grid-template-columns:1fr}.monitoring-user-card{padding:12px}.monitoring-user-details{grid-template-columns:1fr 1fr}.monitoring-table-wrapper{display:none}.monitoring-mobile-list{grid-gap:9px;display:grid;gap:9px}}@media (max-width:430px){.monitoring-header{flex-direction:column}.monitoring-user-details{grid-template-columns:1fr}.monitoring-action-meta{grid-template-columns:1fr 1fr}.monitoring-module-badge{max-width:120px}}.monitoring-section{contain:layout;min-width:0}.monitoring-status{justify-content:center;min-width:96px}.monitoring-status.is-refreshing .monitoring-status-dot{animation:monitoringPulse 1s ease-in-out infinite}@keyframes monitoringPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}.monitoring-block{min-width:0}.monitoring-online-grid{align-items:stretch}.monitoring-user-card{height:100%}.monitoring-table-wrapper{overscroll-behavior:contain;scrollbar-gutter:stable}.monitoring-table td,.monitoring-table th{line-height:1.35}.monitoring-table td:first-child,.monitoring-table td:nth-child(3),.monitoring-table td:nth-child(7),.monitoring-table td:nth-child(8),.monitoring-table td:nth-child(9){white-space:nowrap}@media (min-width:701px){.monitoring-table-wrapper{min-height:220px}}@media (max-width:700px){.monitoring-section{overflow:visible}.monitoring-header{background:#fff;padding:10px 0;position:-webkit-sticky;position:sticky;top:0;z-index:20}.monitoring-mobile-list{min-height:160px}.monitoring-action-card,.monitoring-user-card{box-shadow:0 2px 8px #0f172a0a}}@media (max-width:430px){.monitoring-status{align-self:flex-start}.monitoring-action-meta{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.monitoring-status.is-refreshing .monitoring-status-dot{animation:none}}.search-logo-empty{align-items:center;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:0}.search-logo-empty img{display:block;height:auto;max-height:42%;max-width:180px;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:min(42%,180px)}.floating-search-box>.form-row,.floating-search-box>div:not(.search-logo-empty),.floating-search-header{position:relative;z-index:1}@media (max-width:991px){.floating-search-box{position:relative}}