@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-primary:#f7f9fc;--bg-secondary:#fff;--bg-tertiary:#f0f4fb;--canvas-bg:#f7f9fc;--border-color:#e2e8f4;--text-primary:#0f172a;--text-secondary:#4e617a;--text-muted:#94a3b8;--accent-color:#4f6ef7;--accent-hover:#3d5ce8;--accent-light:#4f6ef712;--accent-gradient:linear-gradient(135deg, #4f6ef7 0%, #8b5cf6 100%);--secondary-color:#8b5cf6;--secondary-hover:#7c3aed;--secondary-light:#8b5cf612;--success-color:#0ea770;--success-light:#0ea77014;--warning-color:#f59e0b;--warning-light:#f59e0b14;--error-color:#f03e3e;--error-light:#f03e3e14;--info-color:#0ea5e9;--info-light:#0ea5e914;--purple-color:#8b5cf6;--purple-light:#8b5cf614;--pink-color:#ec4899;--pink-light:#ec489914;--shadow-sm:0 1px 3px #0f172a0a, 0 1px 2px #0f172a08;--shadow-md:0 4px 12px #0f172a0f, 0 2px 4px #0f172a0a;--shadow-lg:0 10px 30px #0f172a14, 0 4px 8px #0f172a0d;--shadow-card:0 1px 3px #0f172a0a, 0 8px 24px #4f6ef70f;--shadow-card-hover:0 4px 8px #0f172a0f, 0 20px 48px #4f6ef721;--shadow-btn-primary:0 4px 16px #4f6ef75c;--shadow-btn-hover:0 8px 24px #4f6ef77a;--glass-bg:#ffffffd6;--glass-border:#fff9;--glass-blur:blur(20px);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--transition:all .25s cubic-bezier(.4, 0, .2, 1);--transition-fast:all .15s cubic-bezier(.4, 0, .2, 1);--transition-slow:all .4s cubic-bezier(.4, 0, .2, 1);--sidebar-bg:#e2e8f0;--sidebar-bg-end:#cbd5e1;--sidebar-border:#cbd5e1;--sidebar-text:#334155;--sidebar-text-hover:#0f172a;--sidebar-text-active:#0284c7;--sidebar-active-bg:#fff;--logo-color:#111827;--select-bg:#f8fafc}[data-theme=dark]{--bg-primary:#0b0d14;--bg-secondary:#111827;--bg-tertiary:#161e2e;--canvas-bg:#0b0d14;--border-color:#ffffff14;--text-primary:#e8ecf5;--text-secondary:#8b9ab4;--text-muted:#4e5e78;--accent-color:#6080ff;--accent-hover:#4f6ef7;--accent-light:#6080ff1f;--glass-bg:#111827e0;--glass-border:#ffffff14;--shadow-card:0 1px 3px #0000004d, 0 8px 24px #6080ff14;--shadow-card-hover:0 4px 12px #0006, 0 20px 48px #6080ff26;--sidebar-bg:#1e2433;--sidebar-bg-end:#252d40;--sidebar-border:#ffffff14;--sidebar-text:#8b9ab4;--sidebar-text-hover:#c8d4e8;--sidebar-active-bg:#6080ff2e;--select-bg:#ffffff0f}*,:before,:after{box-sizing:border-box;margin:0;padding:0;font-family:var(--font-family)!important}html{scroll-behavior:smooth}body{font-family:var(--font-family);background-color:var(--canvas-bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:.76rem;line-height:1.5;transition:background-color .35s,color .35s;overflow-x:hidden}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%{opacity:1;transform:scale(.9)}50%{opacity:.35;transform:scale(1.35)}to{opacity:1;transform:scale(.9)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.app-container{background:radial-gradient(ellipse at 0% 0%, #4f6ef714 0%, transparent 55%), radial-gradient(ellipse at 100% 0%, #8b5cf60f 0%, transparent 55%), radial-gradient(ellipse at 50% 100%, #0ea7700a 0%, transparent 60%), var(--canvas-bg);min-height:100vh;display:flex}[data-theme=dark] .app-container{background:radial-gradient(ellipse at 0% 0%, #4f6ef71f 0%, transparent 50%), radial-gradient(ellipse at 100% 0%, #8b5cf614 0%, transparent 50%), radial-gradient(ellipse at 50% 100%, #0ea7700f 0%, transparent 55%), var(--canvas-bg)}.sidebar{background:linear-gradient(180deg, var(--sidebar-bg) 0%, var(--sidebar-bg-end) 100%);border-right:1px solid var(--sidebar-border);z-index:50;flex-direction:column;flex-shrink:0;width:260px;height:100vh;padding:0 0 20px;animation:.4s both slideInLeft;display:flex;position:sticky;top:0;overflow:hidden;box-shadow:2px 0 12px #0f172a0a}.logo-section{letter-spacing:-.025em;color:var(--logo-color);cursor:pointer;transition:var(--transition);gap:2px;padding:20px 14px 16px;font-size:1.1rem;font-weight:800;display:flex;border-bottom:1px solid var(--sidebar-border)!important;flex-direction:column!important;align-items:center!important}.sidebar .logo-section{border-bottom:1px solid var(--sidebar-border)!important}.logo-section:hover{opacity:.88}.logo-section img{filter:brightness(1.06);width:120px!important;margin:0 auto!important}.logo-section:after{content:"Enterprise M2M Platform";color:#64748bb3;letter-spacing:.08em;text-transform:uppercase;width:100%;margin-top:4px;font-size:.57rem;font-weight:600;display:block;text-align:center!important}.logo-section span{display:none!important}.tenant-picker{margin:12px 12px 8px}.tenant-select{border-radius:var(--radius-sm);border:1px solid var(--sidebar-border);background-color:var(--select-bg);width:100%;color:var(--sidebar-text);cursor:pointer;transition:var(--transition);outline:none;padding:8px 10px;font-size:.76rem;font-weight:500}.tenant-select:hover,.tenant-select:focus{color:var(--sidebar-text-hover);background-color:#4f6ef714;border-color:#4f6ef780}.nav-menu{flex-direction:column;flex:1;gap:6px;padding:10px 12px;display:flex;overflow-y:auto}.nav-menu::-webkit-scrollbar{width:4px}.nav-menu::-webkit-scrollbar-track{background:0 0}.nav-menu::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:9999px}.nav-menu::-webkit-scrollbar-thumb:hover{background:#94a3b8}.nav-item{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border-left:3px solid #0000;align-items:center;gap:10px;padding:8.5px 12px;font-size:.78rem;font-weight:500;display:flex;position:relative;color:var(--sidebar-text)!important}.nav-item:hover{transform:translate(3px);background-color:var(--accent-light)!important;color:var(--accent-color)!important;border-left-color:var(--accent-color)!important}.nav-item.active{color:var(--accent-color)!important;border-left:4px solid var(--accent-color)!important;border-radius:0 var(--radius-sm) var(--radius-sm) 0!important;box-shadow:none!important;background:linear-gradient(135deg,#4f6ef71a,#8b5cf612)!important;font-weight:600!important}.nav-item.active svg{color:var(--accent-color)!important;filter:none!important}.nav-item svg{border-radius:6px;flex-shrink:0;padding:4px;transition:all .25s cubic-bezier(.4,0,.2,1);width:22px!important;height:22px!important}.nav-item:hover svg{transform:scale(1.1)rotate(4deg)}.nav-item.active svg{transform:scale(1.05)}.nav-item svg.lucide-activity{color:#6366f1!important;background:#6366f126!important}.nav-item svg.lucide-users{color:#0d9488!important;background:#0d948826!important}.nav-item svg.lucide-cpu{color:#10b981!important;background:#10b98126!important}.nav-item svg.lucide-layers{color:#3b82f6!important;background:#3b82f626!important}.nav-item svg.lucide-credit-card{color:#f59e0b!important;background:#f59e0b26!important}.nav-item svg.lucide-shield-check{color:#8b5cf6!important;background:#8b5cf626!important}.nav-item svg.lucide-brain{color:#ec4899!important;background:#ec489926!important}.nav-item svg.lucide-user{color:#64748b!important;background:#64748b26!important}.nav-item svg.lucide-help-circle{color:#65a30d!important;background:#65a30d26!important}.nav-item svg.lucide-folder-open{color:#d97706!important;background:#d9770626!important}.nav-item svg.lucide-check-circle{color:#059669!important;background:#05966926!important}.nav-item svg.lucide-refresh-cw{color:#f43f5e!important;background:#f43f5e26!important}.nav-item svg.lucide-file-text{color:#06b6d4!important;background:#06b6d426!important}.nav-item svg.lucide-map-pin{color:#f97316!important;background:#f9731626!important}.nav-item svg.lucide-download{color:#14b8a6!important;background:#14b8a626!important}.nav-item svg.lucide-clock{color:#a78bfa!important;background:#a78bfa26!important}.nav-item svg.lucide-upload{color:#fb923c!important;background:#fb923c26!important}.nav-item svg.lucide-log-out{color:#ef4444!important;background:#ef444426!important}.nav-item svg.lucide-arrow-left{color:#94a3b8!important;background:#94a3b826!important}.nav-item.active svg.lucide-activity{color:#fff!important;background:#6366f1!important;box-shadow:0 2px 10px #6366f180!important}.nav-item.active svg.lucide-users{color:#fff!important;background:#0d9488!important;box-shadow:0 2px 10px #0d948880!important}.nav-item.active svg.lucide-cpu{color:#fff!important;background:#10b981!important;box-shadow:0 2px 10px #10b98180!important}.nav-item.active svg.lucide-layers{color:#fff!important;background:#3b82f6!important;box-shadow:0 2px 10px #3b82f680!important}.nav-item.active svg.lucide-credit-card{color:#fff!important;background:#f59e0b!important;box-shadow:0 2px 10px #f59e0b80!important}.nav-item.active svg.lucide-shield-check{color:#fff!important;background:#8b5cf6!important;box-shadow:0 2px 10px #8b5cf680!important}.nav-item.active svg.lucide-brain{color:#fff!important;background:#ec4899!important;box-shadow:0 2px 10px #ec489980!important}.nav-item.active svg.lucide-user{color:#fff!important;background:#475569!important;box-shadow:0 2px 10px #47556980!important}.nav-item.active svg.lucide-help-circle{color:#fff!important;background:#65a30d!important;box-shadow:0 2px 10px #65a30d80!important}.nav-item.active svg.lucide-folder-open{color:#fff!important;background:#d97706!important;box-shadow:0 2px 10px #d9770680!important}.nav-item.active svg.lucide-check-circle{color:#fff!important;background:#059669!important;box-shadow:0 2px 10px #05966980!important}.nav-item.active svg.lucide-refresh-cw{color:#fff!important;background:#f43f5e!important;box-shadow:0 2px 10px #f43f5e80!important}.nav-item.active svg.lucide-map-pin{color:#fff!important;background:#f97316!important;box-shadow:0 2px 10px #f9731680!important}.nav-item svg[style*=\#f59e0b]{color:#f59e0b!important;background:#f59e0b26!important}.nav-item svg[style*=\#ef4444]{color:#ef4444!important;background:#ef444426!important}.nav-item.active svg[style*=\#f59e0b]{color:#fff!important;background:#f59e0b!important;box-shadow:0 2px 10px #f59e0b80!important}.nav-item.active svg[style*=\#ef4444]{color:#fff!important;background:#ef4444!important;box-shadow:0 2px 10px #ef444480!important}.sidebar-footer{border-top:1px solid var(--sidebar-border);flex-direction:column;gap:8px;margin-top:auto;padding:12px 14px 0;display:flex}.user-profile{background-color:var(--bg-primary);border:1px solid var(--sidebar-border);display:flex;position:relative;border-radius:var(--radius-md)!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;padding:10px!important}.user-profile>div:first-child{align-items:center;gap:10px;display:flex}.user-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:700;display:flex;position:relative;overflow:hidden;background-color:var(--accent-color)!important}.user-avatar:after{content:"";background-color:var(--success-color);width:8px;height:8px;box-shadow:0 0 6px var(--success-color);border:2px solid #fff;border-radius:50%;position:absolute;bottom:0;right:0}.user-info{flex-direction:column;display:flex}.user-name{color:var(--text-primary);font-size:.8rem;font-weight:700}.user-role{color:var(--sidebar-text);font-size:.67rem;font-weight:500}.sidebar-footer button{cursor:pointer;transition:var(--transition);justify-content:center;align-items:center;gap:6px;display:flex;border-radius:var(--radius-sm)!important;color:#fc6565!important;background-color:#f03e3e1a!important;border:1px solid #f03e3e33!important;width:100%!important;padding:7px 10px!important;font-size:.73rem!important;font-weight:700!important}.sidebar-footer button:hover{transform:translateY(-1px);background-color:var(--error-color)!important;color:#fff!important;border-color:var(--error-color)!important;box-shadow:0 4px 14px #f03e3e59!important}.theme-toggle-btn{border-radius:var(--radius-sm);border:1px solid var(--sidebar-border);background-color:var(--bg-tertiary);color:var(--sidebar-text);cursor:pointer;transition:var(--transition);justify-content:center;align-items:center;gap:8px;padding:6px;font-size:.74rem;font-weight:500;display:flex}.theme-toggle-btn:hover{background-color:var(--border-color);color:var(--text-primary)}.main-content{flex:1;min-width:0;height:100vh;padding:6px 24px 0;overflow:hidden auto}.header-bar{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md), 0 0 0 1px #4f6ef70a;z-index:100;justify-content:space-between;align-items:center;margin-bottom:20px;padding:10px 18px;animation:.4s both fadeSlideUp;display:flex;position:sticky;top:6px}[data-theme=dark] .header-bar{background:#111827e6;border-color:#ffffff12;box-shadow:0 4px 24px #00000073}.page-title{align-items:center;display:inline-flex;letter-spacing:-.035em!important;color:var(--text-primary)!important;font-size:1.52rem!important;font-weight:800!important}.page-subtitle{color:var(--text-secondary);margin-top:3px;font-size:.82rem}.user-profile-header{align-items:center;gap:12px;display:flex}.stats-grid{margin-bottom:24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr))!important;gap:14px!important}.stat-card{transition:var(--transition-slow);flex-direction:column;animation:.45s both fadeSlideUp;display:flex;position:relative;overflow:hidden;background-color:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-card)!important;gap:3px!important;padding:10px 14px 8px!important}.stats-grid>:first-child .stat-card{animation-delay:60ms}.stats-grid>:nth-child(2) .stat-card{animation-delay:.12s}.stats-grid>:nth-child(3) .stat-card{animation-delay:.18s}.stats-grid>:nth-child(4) .stat-card{animation-delay:.24s}.stats-grid>:nth-child(5) .stat-card{animation-delay:.3s}.stats-grid>:nth-child(6) .stat-card{animation-delay:.36s}.stats-grid>:nth-child(7) .stat-card{animation-delay:.42s}.stats-grid>:first-child .stat-card{border-top:3px solid #4f6ef7!important}.stats-grid>:nth-child(2) .stat-card{border-top:3px solid #f97316!important}.stats-grid>:nth-child(3) .stat-card{border-top:3px solid #8b5cf6!important}.stats-grid>:nth-child(4) .stat-card{border-top:3px solid #10b981!important}.stats-grid>:nth-child(5) .stat-card{border-top:3px solid #ef4444!important}.stats-grid>:nth-child(6) .stat-card{border-top:3px solid #6366f1!important}.stats-grid>:nth-child(7) .stat-card{border-top:3px solid #f59e0b!important}.stat-card:hover{transform:translateY(-6px)scale(1.015);box-shadow:var(--shadow-card-hover)!important;border-color:#4f6ef740!important}.stat-header{color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:center;font-weight:700;display:flex;font-size:.65rem!important}.stat-header svg{transition:var(--transition);box-sizing:content-box!important;background-color:var(--accent-light)!important;border-radius:8px!important;width:12px!important;height:12px!important;padding:4px!important}.stat-card:hover .stat-header svg{transform:scale(1.1)rotate(6deg)}.stats-grid .stat-card:first-child .stat-header svg{color:#4f6ef7!important;background:#4f6ef71a!important}.stats-grid .stat-card:nth-child(2) .stat-header svg{color:#f97316!important;background:#f973161a!important}.stats-grid .stat-card:nth-child(3) .stat-header svg{color:#8b5cf6!important;background:#8b5cf61a!important}.stats-grid .stat-card:nth-child(4) .stat-header svg{color:#10b981!important;background:#10b9811a!important}.stats-grid .stat-card:nth-child(5) .stat-header svg{color:#ef4444!important;background:#ef44441a!important}.stats-grid .stat-card:nth-child(6) .stat-header svg{color:#6366f1!important;background:#6366f11a!important}.stats-grid .stat-card:nth-child(7) .stat-header svg{color:#f59e0b!important;background:#f59e0b1a!important}.stat-value{color:var(--text-primary);letter-spacing:-.03em;font-weight:800;margin-top:1px!important;font-size:1.25rem!important}.stat-trend{align-items:center;gap:4px;margin-bottom:26px;font-size:.72rem;font-weight:600;display:flex}.trend-up{color:var(--success-color)}.trend-down{color:var(--error-color)}.stat-card:after{content:"";pointer-events:none;opacity:.9;background-repeat:no-repeat;background-size:100% 100%;width:100%;height:20px;display:block;position:absolute;bottom:0;left:0}.stats-grid .stat-card:first-child:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 30'%3E%3Cpath d='M0,25 Q30,10 60,20 T100,5 L100,30 L0,30 Z' fill='rgba(79,110,247,0.07)'/%3E%3Cpath d='M0,25 Q30,10 60,20 T100,5' fill='none' stroke='%234f6ef7' stroke-width='1.5'/%3E%3C/svg%3E")}.stats-grid .stat-card:nth-child(2):after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 30'%3E%3Cpath d='M0,20 Q25,5 50,18 T100,8 L100,30 L0,30 Z' fill='rgba(249,115,22,0.07)'/%3E%3Cpath d='M0,20 Q25,5 50,18 T100,8' fill='none' stroke='%23f97316' stroke-width='1.5'/%3E%3C/svg%3E")}.stats-grid .stat-card:nth-child(3):after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 30'%3E%3Cpath d='M0,12 Q25,8 50,22 T100,3 L100,30 L0,30 Z' fill='rgba(139,92,246,0.07)'/%3E%3Cpath d='M0,12 Q25,8 50,22 T100,3' fill='none' stroke='%238b5cf6' stroke-width='1.5'/%3E%3C/svg%3E")}.stats-grid .stat-card:nth-child(4):after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 30'%3E%3Cpath d='M0,15 Q25,25 50,12 T100,5 L100,30 L0,30 Z' fill='rgba(16,185,129,0.07)'/%3E%3Cpath d='M0,15 Q25,25 50,12 T100,5' fill='none' stroke='%2310b981' stroke-width='1.5'/%3E%3C/svg%3E")}.stats-grid .stat-card:nth-child(5):after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 30'%3E%3Cpath d='M0,22 Q30,12 60,18 T100,10 L100,30 L0,30 Z' fill='rgba(239,68,68,0.07)'/%3E%3Cpath d='M0,22 Q30,12 60,18 T100,10' fill='none' stroke='%23ef4444' stroke-width='1.5'/%3E%3C/svg%3E")}.stats-grid .stat-card:nth-child(6):after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 30'%3E%3Cpath d='M0,18 Q30,5 60,25 T100,12 L100,30 L0,30 Z' fill='rgba(99,102,241,0.07)'/%3E%3Cpath d='M0,18 Q30,5 60,25 T100,12' fill='none' stroke='%236366f1' stroke-width='1.5'/%3E%3C/svg%3E")}.stats-grid .stat-card:nth-child(7):after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 30'%3E%3Cpath d='M0,22 Q25,8 50,22 T100,3 L100,30 L0,30 Z' fill='rgba(245,158,11,0.07)'/%3E%3Cpath d='M0,22 Q25,8 50,22 T100,3' fill='none' stroke='%23f59e0b' stroke-width='1.5'/%3E%3C/svg%3E")}.stats-grid .stat-card.horizontal{border-radius:14px!important;flex-direction:column!important;justify-content:space-between!important;min-height:68px!important;padding:10px 12px!important;display:flex!important}.stats-grid .stat-card.horizontal .stat-card-main{align-items:center!important;gap:10px!important;width:100%!important;display:flex!important}.stats-grid .stat-card.horizontal .stat-icon-wrapper{border-radius:9px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:34px!important;height:34px!important;display:flex!important;box-shadow:0 2px 8px #0000001a!important}.stats-grid .stat-card.horizontal .stat-icon-wrapper svg{color:#fff!important;width:16px!important;height:16px!important}.stats-grid .stat-card.horizontal .stat-content{flex-direction:column!important;gap:1px!important;width:100%!important;display:flex!important;overflow:hidden!important}.stats-grid .stat-card.horizontal .stat-title{color:var(--text-secondary)!important;text-transform:uppercase!important;letter-spacing:.04em!important;font-size:.55rem!important;font-weight:700!important;line-height:1.2!important}.stats-grid .stat-card.horizontal .stat-value{color:var(--text-primary)!important;letter-spacing:-.01em!important;font-size:.8rem!important;font-weight:800!important;line-height:1.3!important}.stats-grid .stat-card.horizontal .stat-trend{align-items:center!important;gap:3px!important;margin-top:2px!important;margin-bottom:0!important;font-size:.53rem!important;font-weight:600!important;display:flex!important}.card-section{transition:var(--transition-slow);margin-bottom:16px;animation:.5s .12s both fadeSlideUp;background-color:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-xl)!important;box-shadow:var(--shadow-card)!important;padding:16px!important}.card-section:hover{border-color:#4f6ef733!important;box-shadow:0 8px 32px #4f6ef712!important}.section-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.section-title{color:var(--text-primary);letter-spacing:-.02em;font-size:.9rem;font-weight:700;padding-left:12px!important;position:relative!important}.section-title:before{content:""!important;background:var(--accent-gradient)!important;border-radius:9999px!important;width:3px!important;height:14px!important;position:absolute!important;top:50%!important;left:0!important;transform:translateY(-50%)!important}.dashboard-bottom-grid .card-section{background-color:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-xl)!important;box-shadow:var(--shadow-card)!important;padding:16px!important}.dashboard-bottom-grid .card-section:hover{border-color:#4f6ef733!important;box-shadow:0 12px 36px #4f6ef712!important}.premium-table-wrapper{border-radius:var(--radius-lg);border:1px solid var(--border-color);background-color:var(--bg-secondary);max-height:calc(82vh - 100px);position:relative;overflow:auto}.premium-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%;font-size:.74rem}.premium-table thead{z-index:30;position:sticky;top:0}.premium-table th{white-space:nowrap;z-index:30!important;color:#475569!important;text-transform:uppercase!important;letter-spacing:.05em!important;border-bottom:2px solid var(--border-color)!important;background:#f1f5f9!important;padding:7px 10px!important;font-size:.72rem!important;font-weight:700!important;position:sticky!important;top:0!important;box-shadow:0 2px 4px #00000014!important}[data-theme=dark] .premium-table th{color:#cbd5e1!important;background:#1e293b!important;border-bottom:2px solid #ffffff1a!important;box-shadow:0 2px 6px #0006!important}.premium-table td{color:var(--text-primary);border-bottom:1px solid var(--border-color);transition:var(--transition-fast);padding:7px 10px;font-size:.74rem}.premium-table tr:last-child td{border-bottom:none}.premium-table tbody tr:nth-child(2n) td{background:#4f6ef705}.premium-table tr:hover td{background:#4f6ef70b!important}.badge{text-transform:uppercase;letter-spacing:.04em;border-radius:9999px;align-items:center;padding:2px 7px;font-size:.7rem;font-weight:700;display:inline-flex}.badge-success{background-color:var(--success-light)!important;color:var(--success-color)!important}.badge-warning{background-color:var(--warning-light)!important;color:var(--warning-color)!important}.badge-error{background-color:var(--error-light)!important;color:var(--error-color)!important}.badge-accent{background-color:var(--accent-light)!important;color:var(--accent-color)!important}input[type=text],input[type=number],input[type=password],input[type=email],input[type=date],input[type=file],select,textarea{width:100%;border:1px solid var(--border-color)!important;background-color:var(--bg-primary)!important;color:var(--text-primary)!important;transition:var(--transition)!important;border-radius:8px!important;outline:none!important;padding:5px 9px!important;font-size:.76rem!important;font-weight:500!important;box-shadow:0 1px 2px #00000005!important}input[type=text]:focus,input[type=number]:focus,input[type=password]:focus,input[type=email]:focus,input[type=date]:focus,select:focus,textarea:focus{border-color:var(--accent-color)!important;background-color:var(--bg-secondary)!important;box-shadow:0 0 0 3px #4f6ef724,0 1px 2px #00000005!important}input[type=text]:hover,input[type=number]:hover,input[type=password]:hover,input[type=email]:hover,select:hover{border-color:#4f6ef766!important}.btn{border-radius:var(--radius-sm);background-color:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:var(--transition);letter-spacing:.01em;justify-content:center;align-items:center;gap:6px;padding:5px 12px;font-size:.75rem;font-weight:600;display:inline-flex;border:1.5px solid var(--border-color)!important}.btn:hover{background-color:var(--bg-tertiary);box-shadow:var(--shadow-sm);transform:translateY(-1px);border-color:#4f6ef766!important}.btn-primary{background:var(--accent-gradient)!important;color:#fff!important;box-shadow:var(--shadow-btn-primary)!important;border:none!important;font-weight:700!important}.btn-primary:hover{opacity:.97;box-shadow:var(--shadow-btn-hover)!important;transform:translateY(-2px)!important}.btn-secondary{border:1.5px solid var(--border-color)!important;background-color:var(--bg-primary)!important;color:var(--text-primary)!important}.btn-secondary:hover{border-color:var(--accent-color)!important;background-color:var(--accent-light)!important;color:var(--accent-color)!important}.mini-card{transition:var(--transition);align-items:center;display:flex;background-color:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-sm)!important;border-radius:12px!important;gap:10px!important;padding:10px 12px!important}.mini-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)!important;border-color:#4f6ef740!important}.mini-card-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex;border-radius:9px!important;width:30px!important;height:30px!important}.mini-card-icon svg{color:inherit!important;width:15px!important;height:15px!important}.mini-card:first-child .mini-card-icon{color:#8b5cf6!important;background:#8b5cf61f!important}.mini-card:nth-child(2) .mini-card-icon{color:#f97316!important;background:#f973161f!important}.mini-card:nth-child(3) .mini-card-icon{color:#3b82f6!important;background:#3b82f61f!important}.mini-card:nth-child(4) .mini-card-icon{color:#ef4444!important;background:#ef44441f!important}.mini-card:nth-child(5) .mini-card-icon{color:#10b981!important;background:#10b9811f!important}.mini-card:nth-child(6) .mini-card-icon{color:#06b6d4!important;background:#06b6d41f!important}.mini-card:nth-child(7) .mini-card-icon{color:#6366f1!important;background:#6366f11f!important}.mini-card:nth-child(8) .mini-card-icon{color:#14b8a6!important;background:#14b8a61f!important}.mini-card-content{flex-direction:column;gap:1px;display:flex;overflow:hidden}.mini-card-title{text-transform:uppercase;letter-spacing:.04em;line-height:1.2;color:var(--text-secondary)!important;font-size:.57rem!important;font-weight:700!important}.mini-card-value{line-height:1.15;color:var(--text-primary)!important;font-size:.9rem!important;font-weight:800!important}.mini-card-link{cursor:pointer;margin-top:1px;font-weight:600;text-decoration:none;color:var(--accent-color)!important;font-size:.61rem!important}.mini-card-link:hover{text-decoration:underline}.compliance-checklist{flex-direction:column;gap:10px;display:flex}.checklist-item{background-color:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:var(--transition);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.checklist-item:hover{border-color:var(--accent-color);background-color:var(--accent-light)}.checklist-label{align-items:center;gap:10px;font-size:.88rem;font-weight:500;display:flex}.map-canvas-container{border-radius:var(--radius-lg);border:1px solid var(--border-color);background-color:#e5e7eb;width:100%;height:400px;position:relative;overflow:hidden}.live-indicator{color:#000;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fffffff2;border-radius:9999px;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:16px;right:16px}.pulse-dot{background-color:var(--success-color);width:8px;height:8px;box-shadow:0 0 6px var(--success-color);border-radius:50%;animation:1.5s infinite pulse}div[style*="color: rgb(74, 222, 128)"],div[style*=\#4ade80]{color:var(--success-color)!important;align-items:center!important;gap:6px!important;font-weight:700!important;display:inline-flex!important}div[style*="color: rgb(74, 222, 128)"]:before,div[style*=\#4ade80]:before{content:""!important;background-color:var(--success-color)!important;width:7px!important;height:7px!important;box-shadow:0 0 7px var(--success-color)!important;border-radius:50%!important;animation:1.6s infinite pulse!important;display:inline-block!important}.enterprise-dashboard{width:100%;animation:.3s ease-out fadeIn}.csp-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-top:12px;display:grid}.csp-card{background:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;z-index:1;border-radius:14px;flex-direction:column;padding:14px 16px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 6px -1px #00000008}.csp-card:hover{border-color:var(--accent-color);transform:none;box-shadow:0 4px 12px -2px #0000000f}.csp-card:before{display:none}.csp-card-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.csp-icon-wrapper{color:var(--accent-color);background:#4f46e514;border-radius:10px;justify-content:center;align-items:center;padding:8px;display:flex}.csp-change{border-radius:12px;align-items:center;gap:3px;padding:3px 8px;font-size:.72rem;font-weight:700;line-height:1;display:flex}.csp-change.positive{color:#10b981;background:#10b9811a}.csp-change.negative{color:#ef4444;background:#ef44441a}.csp-change.neutral{color:#6366f1;background:#6366f11a}.csp-card-content{margin-bottom:2px}.csp-value{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:4px;font-size:1.5rem;font-weight:800;line-height:1.1}.csp-title{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.76rem;font-weight:600;overflow:hidden}.csp-sparkline{display:none}.csp-sparkline svg{width:100%;height:100%}.dark-theme .csp-card{box-shadow:0 2px 10px -2px #00000040}.dark-theme .csp-card:hover{box-shadow:0 8px 20px -4px #00000073}.dark-theme .csp-icon-wrapper{background:#818cf81f}.activity-icon-badge{flex-shrink:0}.premium-search-input{border-radius:24px!important;padding:9px 34px 9px 40px!important}.state-checkbox-label:hover{border-radius:6px;background-color:var(--accent-light)!important;color:var(--accent-color)!important}.card-section svg text[fill=white],.card-section svg text.chart-number{fill:var(--text-primary)!important}.card-section svg text[fill="var(--text-muted)"]{fill:var(--text-secondary)!important}.global-footer{z-index:9999!important;text-align:center!important;color:#3b5bdb!important;text-transform:uppercase!important;letter-spacing:.05em!important;box-sizing:border-box!important;background:linear-gradient(90deg,#eff6ff,#eef2ff)!important;border-top:1px solid #4f6ef72e!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:28px!important;padding:4px 16px!important;font-family:Inter,sans-serif!important;font-size:11px!important;font-weight:700!important;display:flex!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important}[data-theme=dark] .global-footer{color:#7c9dff!important;background:linear-gradient(90deg,#4f6ef71a,#8b5cf614)!important;border-top:1px solid #4f6ef726!important}.header-bar div:has(>select.tenant-select){display:none!important}:is(.app-container.role-superadmin .card-section:has(option[value=Synced]) .premium-table tr th:nth-child(5),.app-container.role-superadmin .card-section:has(option[value=Synced]) .premium-table tr td:nth-child(5)),:is(.app-container:not(.role-superadmin) .card-section:has(option[value=Synced]) .premium-table tr th:nth-child(4),.app-container:not(.role-superadmin) .card-section:has(option[value=Synced]) .premium-table tr td:nth-child(4)){display:none!important}@media (width<=1200px){.analytics-charts-grid{grid-template-columns:1fr 1fr!important}.sidebar{width:240px}}@media (width<=768px){.analytics-charts-grid{grid-template-columns:1fr!important}.global-footer{padding:4px 12px!important;font-size:10.5px!important}.main-content{padding:16px 16px 0}.header-bar{border-radius:var(--radius-lg);padding:12px 16px;top:8px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important}}.notifications-dropdown{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:380px;max-height:480px;box-shadow:var(--shadow-lg);z-index:10000;flex-direction:column;animation:.25s cubic-bezier(.16,1,.3,1) slideDown;display:flex;position:absolute;top:50px;right:0;overflow:hidden}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notifications-header{border-bottom:1px solid var(--border-color);background:#ffffff05;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.notifications-list{flex:1;max-height:380px;overflow-y:auto}.notification-item{border-bottom:1px solid var(--border-color);cursor:pointer;gap:12px;padding:12px 16px;transition:background .2s;display:flex}.notification-item.unread{background:rgba(var(--accent-rgb,99, 102, 241), .05)}.notification-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.notification-content{flex-direction:column;flex:1;gap:4px;display:flex}.notification-title{color:var(--text-primary);font-size:.8rem;font-weight:700}.notification-desc{color:var(--text-secondary);font-size:.74rem;line-height:1.3}.notification-time{color:var(--text-muted);font-size:.65rem}.qr-scanner-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10100;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.qr-scanner-modal{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:450px;box-shadow:var(--shadow-xl);flex-direction:column;gap:20px;padding:24px;display:flex;position:relative}.qr-video-viewport{border-radius:var(--radius-lg);border:2px dashed var(--accent-color);color:#fff;background:#000;flex-direction:column;justify-content:center;align-items:center;width:100%;height:250px;display:flex;position:relative;overflow:hidden}.scanner-laser{background:linear-gradient(to right, transparent, var(--accent-color), transparent);height:3px;box-shadow:0 0 10px var(--accent-color);animation:2.5s linear infinite scanMove;position:absolute;left:0;right:0}@keyframes scanMove{0%{top:0%}50%{top:100%}to{top:0%}}.qr-drag-drop-zone{border-radius:var(--radius-md);text-align:center;cursor:pointer;border:2px dashed #ffffff26;padding:20px;transition:all .2s}.qr-drag-drop-zone:hover{border-color:var(--accent-color);background:#ffffff03}.rto-badge{color:#3b82f6;background:#3b82f61a;border:1px solid #3b82f633;border-radius:4px;align-items:center;padding:4px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.report-hub-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:16px;display:grid}.notifications-dropdown{-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg,12px);z-index:1000;background:#171725f2;border:1px solid #ffffff14;flex-direction:column;width:320px;max-height:400px;animation:.18s ease-out fadeIn;display:flex;position:absolute;top:48px;right:0;overflow:hidden;box-shadow:0 10px 25px -5px #00000080,0 8px 10px -6px #00000080}.notifications-header{background:#ffffff03;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.notifications-list{scrollbar-width:thin;flex:1;overflow-y:auto}.notification-item{cursor:pointer;gap:12px;padding:12px 16px;transition:background .15s;display:flex}.notification-item:hover{background:#ffffff08}.notification-item.unread{border-left:2px solid var(--accent-color);background:#6366f10a}.notification-item.unread:hover{background:#6366f112}.stepper-container{justify-content:space-between;align-items:center;margin-bottom:24px;padding:10px 0;display:flex;position:relative}.stepper-line{z-index:1;background:#ffffff0f;height:2px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.stepper-step{z-index:2;background:var(--bg-primary);flex-direction:column;align-items:center;gap:6px;padding:0 8px;display:flex;position:relative}.step-circle{background:var(--bg-secondary);width:28px;height:28px;color:var(--text-secondary);border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-size:.76rem;font-weight:700;transition:all .2s;display:flex}.stepper-step.active .step-circle{background:var(--accent-gradient);color:#fff;border-color:#fff;box-shadow:0 0 10px #6366f166}.stepper-step.completed .step-circle{background:var(--success-color);border-color:var(--success-color);color:#fff}.step-label{color:var(--text-muted);font-size:.68rem;font-weight:700}.stepper-step.active .step-label{color:var(--text-primary)}.stepper-step.completed .step-label{color:var(--success-color)}