@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--citrus-orange: #FF8C00;--citrus-light: #FFA726;--citrus-gold: #FFD700;--citrus-dim: rgba(255, 140, 0, .15);--leaf-green: #22C55E;--leaf-dark: #16A34A;--leaf-dim: rgba(34, 197, 94, .15);--bg-deep: #0B1120;--bg-card: #111827;--bg-card-hover: #1E293B;--bg-surface: #0F172A;--bg-glass: rgba(17, 24, 39, .85);--text-primary: #F1F5F9;--text-secondary: #94A3B8;--text-muted: #64748B;--border-default: rgba(148, 163, 184, .1);--border-orange: rgba(255, 140, 0, .25);--border-green: rgba(34, 197, 94, .25);--glow-orange: 0 0 20px rgba(255, 140, 0, .15);--glow-green: 0 0 20px rgba(34, 197, 94, .15);--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans SC", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace}html,body,#root{height:100%;width:100%}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);background-color:var(--bg-deep)}.sidebar-menu.ant-menu-dark{background:transparent}.sidebar-menu .ant-menu-item{border-radius:8px!important;margin:2px 8px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.sidebar-menu .ant-menu-item:hover{background:#ff8c0014!important}.sidebar-menu .ant-menu-item-selected{background:linear-gradient(135deg,#ff8c0026,#ffd70014)!important;border-left:3px solid var(--citrus-orange)!important;box-shadow:inset 0 0 20px #ff8c000d}.sidebar-menu .ant-menu-item-selected .ant-menu-title-content{color:var(--citrus-light)!important}.sidebar-menu .ant-menu-item-selected .anticon{color:var(--citrus-orange)!important}.tech-card{background:var(--bg-glass)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-default)!important;border-radius:var(--radius)!important;transition:all .3s cubic-bezier(.4,0,.2,1)}.tech-card:hover{border-color:var(--border-orange)!important;box-shadow:var(--glow-orange);transform:translateY(-2px)}.tech-card-orange{border-color:var(--border-orange)!important;box-shadow:var(--glow-orange)}.tech-card-green{border-color:var(--border-green)!important;box-shadow:var(--glow-green)}.stat-card{background:linear-gradient(145deg,#111827f2,#0f172ad9)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-default)!important;border-radius:var(--radius)!important;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--citrus-orange),var(--citrus-gold),var(--leaf-green));opacity:0;transition:opacity .3s}.stat-card:hover{border-color:var(--border-orange)!important;box-shadow:0 8px 32px #ff8c001a,var(--glow-orange);transform:translateY(-4px)}.stat-card:hover:before{opacity:1}.ant-table{background:transparent!important}.ant-table-wrapper .ant-table-thead>tr>th,.ant-table-wrapper .ant-table-thead>tr>td{background:#0f172acc!important;color:var(--text-secondary)!important;border-bottom:1px solid var(--border-default)!important;font-weight:500;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.ant-table-wrapper .ant-table-tbody>tr>td{border-bottom:1px solid var(--border-default)!important;color:var(--text-primary)!important;background:transparent!important}.ant-table-wrapper .ant-table-tbody>tr:hover>td{background:#ff8c000a!important}.ant-table-wrapper .ant-table-tbody>tr.ant-table-row-selected>td{background:#ff8c0014!important}.ant-modal .ant-modal-content{background:var(--bg-card)!important;border:1px solid var(--border-default);border-radius:var(--radius-lg)!important}.ant-modal .ant-modal-header{background:transparent!important;border-bottom:1px solid var(--border-default)!important}.ant-modal .ant-modal-title{color:var(--text-primary)!important}.ant-modal .ant-modal-close{color:var(--text-secondary)!important}.ant-input,.ant-input-number,.ant-select-selector,.ant-picker{background:var(--bg-surface)!important;border-color:var(--border-default)!important;color:var(--text-primary)!important;border-radius:var(--radius-sm)!important}.ant-input:hover,.ant-input-number:hover,.ant-select-selector:hover,.ant-picker:hover{border-color:var(--border-orange)!important}.ant-input:focus,.ant-input-focused,.ant-input-number:focus,.ant-input-number-focused,.ant-select-focused .ant-select-selector,.ant-picker-focused{border-color:var(--citrus-orange)!important;box-shadow:0 0 0 2px #ff8c001a!important}.ant-input::placeholder,.ant-input-number-input::placeholder{color:var(--text-muted)!important}.ant-select-dropdown{background:var(--bg-card)!important;border:1px solid var(--border-default);border-radius:var(--radius-sm)!important}.ant-select-item{color:var(--text-primary)!important}.ant-select-item-option-active{background:#ff8c0014!important}.ant-select-item-option-selected{background:#ff8c0026!important}.ant-picker-dropdown .ant-picker-panel-container{background:var(--bg-card)!important;border:1px solid var(--border-default)}.ant-picker-dropdown .ant-picker-header,.ant-picker-dropdown .ant-picker-content th{color:var(--text-secondary)!important}.ant-picker-dropdown .ant-picker-cell-in-view .ant-picker-cell-inner{color:var(--text-primary)!important}.ant-form-item-label>label{color:var(--text-secondary)!important}.ant-breadcrumb,.ant-breadcrumb a,.ant-breadcrumb .ant-breadcrumb-separator,.ant-breadcrumb li:last-child{color:var(--text-secondary)!important}.ant-pagination .ant-pagination-item{background:var(--bg-surface)!important;border-color:var(--border-default)!important}.ant-pagination .ant-pagination-item a{color:var(--text-secondary)!important}.ant-pagination .ant-pagination-item-active{background:#ff8c0026!important;border-color:var(--citrus-orange)!important}.ant-pagination .ant-pagination-item-active a{color:var(--citrus-orange)!important}.ant-pagination .ant-pagination-prev .ant-pagination-item-link,.ant-pagination .ant-pagination-next .ant-pagination-item-link{background:var(--bg-surface)!important;border-color:var(--border-default)!important;color:var(--text-secondary)!important}.ant-pagination .ant-pagination-options .ant-select-selector{background:var(--bg-surface)!important}.ant-pagination .ant-pagination-total-text{color:var(--text-muted)!important}.ant-tabs .ant-tabs-tab{color:var(--text-secondary)!important}.ant-tabs .ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--citrus-orange)!important}.ant-tabs .ant-tabs-ink-bar{background:var(--citrus-orange)!important}.ant-tag{border-radius:6px}.ant-popconfirm .ant-popover-inner,.ant-tooltip .ant-tooltip-inner{background:var(--bg-card)!important}.ant-popconfirm .ant-popover-arrow:before,.ant-tooltip .ant-tooltip-arrow:before{background:var(--bg-card)!important}.ant-popconfirm .ant-popconfirm-message-title{color:var(--text-primary)!important}.ant-dropdown .ant-dropdown-menu{background:var(--bg-card)!important;border:1px solid var(--border-default);border-radius:var(--radius-sm)!important}.ant-dropdown .ant-dropdown-menu-item{color:var(--text-primary)!important}.ant-dropdown .ant-dropdown-menu-item:hover{background:#ff8c0014!important}.ant-badge .ant-badge-count{box-shadow:0 0 8px #ef444466}.ant-message .ant-message-notice-content{background:var(--bg-card)!important;border:1px solid var(--border-default);color:var(--text-primary)!important;border-radius:var(--radius-sm)!important;box-shadow:0 8px 32px #0006}.ant-cascader-dropdown .ant-cascader-menu{background:var(--bg-card)!important}.ant-cascader-dropdown .ant-cascader-menu-item{color:var(--text-primary)!important}.ant-cascader-dropdown .ant-cascader-menu-item:hover{background:#ff8c0014!important}.ant-switch{background:var(--bg-surface)!important}.ant-switch-checked{background:var(--citrus-orange)!important}.tech-grid-bg{position:relative;overflow:hidden}.tech-grid-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,140,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,140,0,.03) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0}@keyframes glow-pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes border-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.data-number{font-family:var(--font-mono);font-weight:700;background:linear-gradient(135deg,var(--citrus-orange),var(--citrus-gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.citrus-accent-line{height:2px;background:linear-gradient(90deg,transparent,var(--citrus-orange),var(--citrus-gold),var(--leaf-green),transparent);border-radius:1px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#94a3b833;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b866}.page-fade-enter{opacity:0;transform:translateY(8px)}.page-fade-enter-active{opacity:1;transform:translateY(0);transition:all .3s cubic-bezier(.4,0,.2,1)}.page-fade-exit{opacity:1}.page-fade-exit-active{opacity:0;transition:opacity .2s ease-out}.hoverable-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.hoverable-card:hover{box-shadow:0 8px 32px #0000004d}.snapshot-img-full{width:100%!important;display:block!important}.snapshot-img-full img{width:100%!important;height:auto!important;display:block!important}.hoverable-card:hover .snapshot-delete-btn{opacity:1!important}.ant-btn-primary:not(:disabled):hover{box-shadow:0 4px 20px #ff8c004d!important;transform:translateY(-1px)}.ant-btn-primary:not(:disabled):active{transform:translateY(0) scale(.98)}.ant-btn-text:hover{background:#ff8c000f!important}.ant-btn{transition:all .25s cubic-bezier(.4,0,.2,1)!important}.ant-card{transition:all .35s cubic-bezier(.4,0,.2,1)!important}.ant-card:hover{border-color:#ff8c001f!important}.ant-table-wrapper .ant-table-tbody>tr{transition:all .2s ease!important}.ant-table-wrapper .ant-table-tbody>tr:hover>td{background:#ff8c000d!important;box-shadow:inset 3px 0 0 var(--citrus-orange)}.sidebar-menu .ant-menu-item{position:relative;overflow:hidden}.sidebar-menu .ant-menu-item:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,140,0,.05),transparent);transform:translate(-100%);transition:transform .5s ease;pointer-events:none}.sidebar-menu .ant-menu-item:hover:after{transform:translate(100%)}.ant-input:focus,.ant-input-affix-wrapper-focused{border-color:var(--citrus-orange)!important;box-shadow:0 0 0 3px #ff8c0014,0 0 16px #ff8c000f!important}.ant-badge .ant-badge-count{animation:badge-pulse 2s ease-in-out infinite}@keyframes badge-pulse{0%,to{box-shadow:0 0 4px #ef444466}50%{box-shadow:0 0 12px #ef444499,0 0 24px #ef444433}}.ant-tag{transition:all .2s ease!important;cursor:default}.ant-tag:hover{transform:scale(1.05)}.ant-tabs .ant-tabs-tab{transition:all .3s ease!important}.ant-tabs .ant-tabs-tab:hover{color:var(--citrus-light)!important;transform:translateY(-1px)}.ant-checkbox-checked .ant-checkbox-inner{background-color:var(--citrus-orange)!important;border-color:var(--citrus-orange)!important}.ant-spin .ant-spin-dot-item{background-color:var(--citrus-orange)!important}.ant-select-arrow{transition:transform .3s ease!important}.ant-select-open .ant-select-arrow{transform:rotate(180deg)!important}.login-glow{position:absolute;border-radius:50%;pointer-events:none;z-index:0}.login-glow-orange{top:10%;left:15%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,140,0,.08) 0%,transparent 70%);animation:glow-drift 8s ease-in-out infinite}.login-glow-green{bottom:15%;right:10%;width:350px;height:350px;background:radial-gradient(circle,rgba(34,197,94,.06) 0%,transparent 70%);animation:glow-drift 10s ease-in-out infinite reverse}.login-glow-blue{top:50%;left:50%;width:500px;height:500px;margin:-250px 0 0 -250px;background:radial-gradient(circle,rgba(59,130,246,.03) 0%,transparent 60%);animation:glow-drift 12s ease-in-out infinite 2s}@keyframes glow-drift{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-20px) scale(1.05)}50%{transform:translate(-20px,30px) scale(.95)}75%{transform:translate(20px,20px) scale(1.02)}}.login-floating-citrus{position:absolute;font-size:32px;opacity:.15;z-index:0;pointer-events:none;animation:citrus-float 6s ease-in-out infinite;filter:blur(.5px)}@keyframes citrus-float{0%,to{transform:translateY(0) rotate(0);opacity:.12}33%{transform:translateY(-15px) rotate(8deg);opacity:.2}66%{transform:translateY(8px) rotate(-5deg);opacity:.15}}.login-card{animation:card-appear .8s cubic-bezier(.16,1,.3,1) both}@keyframes card-appear{0%{opacity:0;transform:translateY(30px) scale(.96);filter:blur(8px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.login-card-border-top{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#FF8C00,#FFD700,#22C55E,transparent);background-size:200% 100%;animation:border-flow 3s linear infinite}.login-corner{position:absolute;width:20px;height:20px;pointer-events:none}.login-corner-tl{top:12px;left:12px;border-top:2px solid rgba(255,140,0,.2);border-left:2px solid rgba(255,140,0,.2)}.login-corner-br{bottom:12px;right:12px;border-bottom:2px solid rgba(34,197,94,.15);border-right:2px solid rgba(34,197,94,.15)}.login-logo-icon{font-size:48px;margin-bottom:12px;filter:drop-shadow(0 0 12px rgba(255,140,0,.3));animation:logo-breathe 3s ease-in-out infinite;display:inline-block}@keyframes logo-breathe{0%,to{transform:scale(1);filter:drop-shadow(0 0 12px rgba(255,140,0,.3))}50%{transform:scale(1.08);filter:drop-shadow(0 0 20px rgba(255,140,0,.5))}}.login-accent-line{height:2px;background:linear-gradient(90deg,transparent,var(--citrus-orange),var(--citrus-gold),var(--leaf-green),transparent);background-size:200% 100%;border-radius:1px;animation:shimmer 3s ease-in-out infinite}.login-input{background:#0f172a!important;border:1px solid rgba(148,163,184,.1)!important;border-radius:8px!important;height:44px!important;padding:0 11px!important;display:flex!important;align-items:center!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.login-input .ant-input,.login-input.ant-input{background:transparent!important;border:none!important;box-shadow:none!important;color:#f1f5f9!important;height:auto!important}.login-input:hover,.login-input.ant-input-affix-wrapper:hover{border-color:#ff8c004d!important;box-shadow:0 0 16px #ff8c000a!important}.login-input:focus,.login-input:focus-within,.login-input.ant-input-affix-wrapper-focused{border-color:#ff8c00!important;box-shadow:0 0 0 3px #ff8c001a,0 0 20px #ff8c000f!important}.login-submit-btn{height:44px!important;border-radius:8px!important;background:linear-gradient(135deg,#ff8c00,gold)!important;border:none!important;font-weight:600!important;font-size:15px!important;letter-spacing:2px!important;box-shadow:0 4px 16px #ff8c0040!important;color:#0b1120!important;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.login-submit-btn:hover{box-shadow:0 6px 28px #ff8c0066!important;transform:translateY(-2px)!important}.login-submit-btn:active{transform:translateY(0) scale(.98)!important}.login-submit-btn:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:btn-shimmer 3s ease-in-out infinite}@keyframes btn-shimmer{0%{left:-100%}50%,to{left:100%}}.stat-card{cursor:default;position:relative}.stat-card .stat-icon-wrap{transition:all .35s cubic-bezier(.4,0,.2,1)}.stat-card:hover .stat-icon-wrap{transform:scale(1.1) rotate(-5deg)}.sensor-gauge-wrap{transition:all .3s cubic-bezier(.4,0,.2,1);cursor:default;border-radius:12px;padding:8px;background:#0f172a66;border:1px solid rgba(148,163,184,.06)}.sensor-gauge-wrap:hover{background:#ff8c000a;transform:scale(1.03);border-color:#ff8c001f}@keyframes gaugeDotPulse{0%,to{opacity:1;r:3}50%{opacity:.5;r:4}}.alert-item-wrap{transition:all .2s ease}.alert-item-wrap:hover{background:#ff8c0008!important;padding-left:24px!important}.ant-table-wrapper .ant-table-tbody>tr.table-row-alt>td{background:#ffffff04!important}@media(max-width:768px){.login-card{padding:32px 24px 28px!important}.login-floating-citrus{display:none}.stat-card:hover{transform:translateY(-2px)!important}}body.monitor-page-fullscreen .app-shell-sidebar,body.monitor-page-fullscreen .app-shell-header{display:none!important}body.monitor-page-fullscreen .app-shell-main{margin-left:0!important}body.monitor-page-fullscreen .app-shell-content{margin:0!important}