@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.col-span-2{grid-column:span 2/span 2}.mt-auto{margin-top:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.h-\[300px\]{height:300px}.h-fit{height:fit-content}.h-full{height:100%}.min-h-\[140px\]{min-height:140px}.min-h-\[300px\]{min-height:300px}.min-h-\[600px\]{min-height:600px}.w-full{width:100%}.max-w-\[200px\]{max-width:200px}.max-w-\[1200px\]{max-width:1200px}.min-w-\[300px\]{min-width:300px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-r-4{border-right-style:var(--tw-border-style);border-right-width:4px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.border-\[\#7FC9AA\]\/30{border-color:#7fc9aa4d;border-color:lab(75.4703% -29.3037 7.90613/.3)}.border-\[\#64A68B\]\/20{border-color:#64a68b33;border-color:lab(63.1252% -26.8159 7.08236/.2)}.border-\[var\(--border-subtle\)\]{border-color:var(--border-subtle)}.border-l-transparent{border-left-color:#0000}.bg-\[\#7FC9AA\]\/5{background-color:#7fc9aa0d;background-color:lab(75.4703% -29.3037 7.90613/.05)}.bg-\[\#7FC9AA\]\/10{background-color:#7fc9aa1a;background-color:lab(75.4703% -29.3037 7.90613/.1)}.bg-\[\#7FC9AA\]\/20{background-color:#7fc9aa33;background-color:lab(75.4703% -29.3037 7.90613/.2)}.bg-\[\#64A68B\]\/10{background-color:#64a68b1a;background-color:lab(63.1252% -26.8159 7.08236/.1)}.bg-\[var\(--bg-elevated\)\]{background-color:var(--bg-elevated)}.bg-\[var\(--bg-surface\)\]{background-color:var(--bg-surface)}.bg-\[var\(--primary\)\]{background-color:var(--primary)}.bg-\[var\(--primary-50\)\]{background-color:var(--primary-50)}.bg-\[var\(--primary-500\)\]{background-color:var(--primary-500)}.bg-\[var\(--primary-600\)\]{background-color:var(--primary-600)}.bg-transparent{background-color:#0000}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-\[10px\]{font-size:10px}.text-\[12px\]{font-size:12px}.leading-none{--tw-leading:1;line-height:1}.break-all{word-break:break-all}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[\#7FC9AA\]{color:#7fc9aa}.text-\[\#A1BFE8\]{color:#a1bfe8}.text-\[\#FDEBD3\]{color:#fdebd3}.text-\[var\(--primary-600\)\]{color:var(--primary-600)}.text-\[var\(--primary-700\)\]{color:var(--primary-700)}.text-\[var\(--text-primary\)\]{color:var(--text-primary)}.text-\[var\(--text-secondary\)\]{color:var(--text-secondary)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.outline-none{--tw-outline-style:none;outline-style:none}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}@media (hover:hover){.hover\:bg-\[var\(--bg-hover\)\]:hover{background-color:var(--bg-hover)}.hover\:bg-\[var\(--primary-500\)\]:hover{background-color:var(--primary-500)}.hover\:text-\[var\(--text-primary\)\]:hover{color:var(--text-primary)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-\[var\(--primary-500\)\]:focus{--tw-ring-color:var(--primary-500)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:transform:active{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}:root{--primary-50:#edf7ef;--primary-100:#d7ecdc;--primary-200:#b6d9bf;--primary-300:#8bc199;--primary-400:#5fa772;--primary-500:#3f8a54;--primary-600:#2f6f42;--primary-700:#255634;--primary-800:#1f432b;--primary-900:#1a3725;--neutral-50:#f8f9fc;--neutral-100:#eef0f6;--neutral-200:#dde1ec;--neutral-300:#c4c9d9;--neutral-400:#9ba3b9;--neutral-500:#727d99;--neutral-600:#545e78;--neutral-700:#3d4560;--neutral-800:#282e42;--neutral-900:#181c2e;--neutral-950:#0f1120;--accent-blue:#2d6fa5;--accent-purple:#6f668a;--accent-amber:#b7791f;--accent-orange:#b85c38;--success:#30a46c;--warning:#f5a524;--danger:#e5484d;--critical:#e5484d;--ok:#30a46c;--muted:#6b7280;--info:#3b82f6;--chip-bg:#0000000a;--bg-body:#f5f6f2;--bg-surface:#fff;--bg-elevated:#eef2eb;--bg-hover:#e5ebdf;--bg-active:#d8e2d2;--text-primary:#1f2a24;--text-secondary:#5f6f66;--text-tertiary:#87948c;--text-inverse:#fff;--border-subtle:#1f2a2414;--border-default:#1f2a2424;--border-strong:#1f2a243d;--shadow-sm:0 1px 2px #1f2a240f;--shadow-md:0 4px 12px #1f2a2414;--shadow-lg:0 8px 32px #1f2a241f;--shadow-glow:0 0 20px #3f8a541f;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--sidebar-width:260px;--sidebar-collapsed:72px;--header-height:64px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--bg-body:#f5f6f2;--bg-surface:#fff;--bg-elevated:#eef2eb;--bg-hover:#e5ebdf;--bg-active:#d8e2d2;--text-primary:#1f2a24;--text-secondary:#5f6f66;--text-tertiary:#87948c;--text-inverse:#f0f2f8;--border-subtle:#0000000f;--border-default:#0000001f;--border-strong:#0003;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 32px #0000001f;--shadow-glow:0 0 20px #0fa87a1a}html,body,.sidebar,.header,.card,.kpi-card,.btn,.page-filters,.date-range-dropdown,.integration-card{transition:background-color .3s,color .3s,border-color .3s,box-shadow .3s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px}body{font-family:var(--font-family);background:var(--bg-body);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}a{color:var(--primary-400);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-300)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--neutral-600);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--neutral-500)}.app-layout{min-height:100vh;display:flex}.app-content{margin-left:var(--sidebar-width);transition:margin-left var(--transition-base);flex-direction:column;flex:1;display:flex}.app-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed)}.page-container{padding:var(--space-6) var(--space-8);flex:1;width:100%;max-width:1600px;margin:0 auto}.sidebar{width:var(--sidebar-width);background:var(--bg-surface);border-right:1px solid var(--border-subtle);height:100vh;transition:width var(--transition-base);z-index:100;flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:hidden}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar-logo{align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-5);height:var(--header-height);border-bottom:1px solid var(--border-subtle);flex-shrink:0;display:flex}.sidebar-logo-icon{background:linear-gradient(135deg, var(--primary-500), var(--primary-400));border-radius:var(--radius-md);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;font-weight:800;display:flex}.sidebar-logo-text{color:var(--text-primary);white-space:nowrap;letter-spacing:.5px;font-size:16px;font-weight:700}.sidebar .collapsed .sidebar-logo-text{display:none}.sidebar-nav{padding:var(--space-3) var(--space-2);flex:1;overflow-y:auto}.sidebar-section{margin-bottom:var(--space-4)}.sidebar-section-title{text-transform:uppercase;letter-spacing:1.2px;color:var(--text-tertiary);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-1);font-size:10px;font-weight:600}.sidebar.collapsed .sidebar-section-title{display:none}.sidebar-link{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast);cursor:pointer;font-size:13px;font-weight:500;text-decoration:none;display:flex;position:relative}.sidebar-link:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-link.active{color:var(--primary-400);background:#0fa87a1f}.sidebar-link.active:before{content:"";background:var(--primary-400);border-radius:0 var(--radius-sm) var(--radius-sm) 0;width:3px;height:20px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar-link-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:16px;display:flex}.sidebar-link-text{white-space:nowrap;overflow:hidden}.sidebar.collapsed .sidebar-link-text{display:none}.sidebar-link-badge{background:var(--danger);color:#fff;border-radius:var(--radius-full);text-align:center;min-width:18px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:700}.sidebar-footer{padding:var(--space-3) var(--space-3);border-top:1px solid var(--border-subtle)}.sidebar-toggle{border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;font-size:14px;display:flex}.sidebar-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.header{height:var(--header-height);background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);padding:0 var(--space-6);align-items:center;gap:var(--space-4);z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;position:sticky;top:0}.header-title{color:var(--text-primary);flex:1;font-size:18px;font-weight:700}.header-search{flex:1;justify-content:center;width:280px;display:flex;position:relative}.header-search input{width:100%;height:36px;padding:0 var(--space-3) 0 36px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:13px;font-family:var(--font-family);transition:all var(--transition-fast)}.header-search input::placeholder{color:var(--text-tertiary)}.header-search input:focus{border-color:var(--primary-500);outline:none;box-shadow:0 0 0 3px #0fa87a26}.header-search-icon{color:var(--text-tertiary);font-size:14px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.header-actions{align-items:center;gap:var(--space-2);display:flex}.header-btn{width:36px;height:36px;color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:18px;display:flex;position:relative}.header-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.header-btn .badge{background:var(--danger);border:2px solid var(--bg-surface);border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:4px}.header-user{align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);display:flex}.header-user:hover{background:var(--bg-hover)}.header-avatar{background:linear-gradient(135deg, var(--primary-500), var(--accent-blue));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.header-user-info{flex-direction:column;display:flex}.header-user-name{color:var(--text-primary);font-size:13px;font-weight:600;line-height:1.2}.header-user-role{color:var(--text-tertiary);font-size:11px;line-height:1.2}.page-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.page-header-left{gap:var(--space-1);flex-direction:column;display:flex}.page-title{color:var(--text-primary);font-size:24px;font-weight:700;line-height:1.2}.page-subtitle{color:var(--text-secondary);font-size:13px}.page-header-actions{gap:var(--space-2);display:flex}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.card:hover{border-color:var(--border-default)}.card-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.card-title{color:var(--text-primary);font-size:14px;font-weight:600}.card-body{padding:var(--space-5)}.card-footer{padding:var(--space-3) var(--space-5);border-top:1px solid var(--border-subtle)}.kpi-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.kpi-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);transition:all var(--transition-fast);position:relative;overflow:hidden}.kpi-card:hover{border-color:var(--border-default);box-shadow:var(--shadow-md);transform:translateY(-1px)}.kpi-card:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.kpi-card.green:before{background:linear-gradient(90deg, var(--primary-500), var(--primary-300))}.kpi-card.blue:before{background:linear-gradient(90deg, var(--accent-blue), #60a5fa)}.kpi-card.amber:before{background:linear-gradient(90deg, var(--accent-amber), #fbbf24)}.kpi-card.purple:before{background:linear-gradient(90deg, var(--accent-purple), #a78bfa)}.kpi-card.orange:before{background:linear-gradient(90deg, var(--accent-orange), #fb923c)}.kpi-card.danger:before{background:linear-gradient(90deg, var(--danger), #f87171)}.kpi-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.kpi-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.kpi-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.kpi-icon.green{color:var(--primary-400);background:#0fa87a1f}.kpi-icon.blue{color:var(--accent-blue);background:#3b82f61f}.kpi-icon.amber{color:var(--accent-amber);background:#f59e0b1f}.kpi-icon.purple{color:var(--accent-purple);background:#8b5cf61f}.kpi-value{color:var(--text-primary);margin-bottom:var(--space-1);font-size:28px;font-weight:700;line-height:1.1}.kpi-unit{color:var(--text-secondary);margin-left:var(--space-1);font-size:14px;font-weight:400}.kpi-change{border-radius:var(--radius-full);align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}.kpi-change.positive{color:var(--success);background:#22c55e1f}.kpi-change.negative{color:var(--danger);background:#ef44441f}.kpi-change.neutral{color:var(--text-secondary);background:#9ba3b91f}.grid-2{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.grid-dashboard{gap:var(--space-4);margin-bottom:var(--space-4);grid-template-columns:2fr 1fr;display:grid}.table-container{border-radius:var(--radius-lg);overflow-x:auto}table{border-collapse:collapse;width:100%}thead th{background:var(--bg-elevated);padding:var(--space-3) var(--space-4);text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);white-space:nowrap;font-size:11px;font-weight:600;position:sticky;top:0}tbody td{padding:var(--space-3) var(--space-4);color:var(--text-primary);border-bottom:1px solid var(--border-subtle);white-space:nowrap;font-size:13px}tbody tr{transition:background var(--transition-fast)}tbody tr:hover{background:var(--bg-hover)}tbody tr:last-child td{border-bottom:none}.badge{border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:4px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-success{color:var(--success);background:#22c55e1f}.badge-warning{color:var(--warning);background:#eab3081f}.badge-danger{color:var(--danger);background:#ef44441f}.badge-info{color:var(--info);background:#3b82f61f}.badge-neutral{color:var(--text-secondary);background:#9ba3b91f}.badge-primary{color:var(--primary-400);background:#0fa87a1f}.dot{border-radius:50%;width:8px;height:8px;display:inline-block}.dot-green{background:var(--success)}.dot-yellow{background:var(--warning)}.dot-red{background:var(--danger)}.dot-blue{background:var(--info)}.dot-gray{background:var(--neutral-500)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;height:36px;font-size:13px;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary-500), var(--primary-600));color:#fff;box-shadow:0 2px 8px #0fa87a4d}.btn-primary:hover{background:linear-gradient(135deg, var(--primary-400), var(--primary-500));transform:translateY(-1px);box-shadow:0 4px 12px #0fa87a66}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-strong)}.btn-danger{color:var(--danger);background:#ef44441f}.btn-danger:hover{background:#ef444433}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-sm{height:30px;padding:var(--space-1) var(--space-3);font-size:12px}.btn-lg{height:44px;padding:var(--space-3) var(--space-6);font-size:14px}.input-group{gap:var(--space-1);flex-direction:column;display:flex}.input-label{color:var(--text-secondary);font-size:12px;font-weight:600}.input{height:40px;padding:0 var(--space-3);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-family);transition:all var(--transition-fast);font-size:13px}.input:focus{border-color:var(--primary-500);outline:none;box-shadow:0 0 0 3px #0fa87a26}.input::placeholder{color:var(--text-tertiary)}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239ba3b9' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.event-list{flex-direction:column;display:flex}.event-item{gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);transition:background var(--transition-fast);display:flex}.event-item:hover{background:var(--bg-hover)}.event-item:last-child{border-bottom:none}.event-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:5px}.event-content{flex:1;min-width:0}.event-text{color:var(--text-primary);font-size:13px;line-height:1.4}.event-text strong{font-weight:600}.event-time{color:var(--text-tertiary);margin-top:2px;font-size:11px}.chart-container{width:100%;height:300px;position:relative}.chart-container-sm{height:200px}.login-page{background:var(--bg-body);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";background:radial-gradient(at 30% 20%,#0fa87a14 0%,#0000 50%),radial-gradient(at 70% 80%,#3b82f60d 0%,#0000 50%);width:200%;height:200%;animation:20s ease-in-out infinite loginBgFloat;position:absolute;top:-50%;left:-50%}@keyframes loginBgFloat{0%,to{transform:translate(0)}50%{transform:translate(-2%,-2%)}}.login-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);width:100%;max-width:420px;padding:var(--space-10);box-shadow:var(--shadow-lg);position:relative}.login-logo{justify-content:center;align-items:center;gap:var(--space-3);margin-bottom:var(--space-8);display:flex}.login-logo-icon{background:linear-gradient(135deg, var(--primary-500), var(--primary-300));border-radius:var(--radius-lg);color:#fff;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;font-weight:800;display:flex}.login-logo-text{background:linear-gradient(135deg, var(--primary-400), var(--primary-200));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:28px;font-weight:800}.login-title{text-align:center;color:var(--text-primary);margin-bottom:var(--space-1);font-size:18px;font-weight:600}.login-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:var(--space-6);font-size:13px}.login-form{gap:var(--space-4);flex-direction:column;display:flex}.login-form .btn-primary{height:44px;margin-top:var(--space-2);font-size:14px}.empty-state{padding:var(--space-12) var(--space-6);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{margin-bottom:var(--space-4);opacity:.3;font-size:48px}.empty-state-text{color:var(--text-secondary);max-width:400px;font-size:15px}.tabs{gap:var(--space-1);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-5);display:flex}.tab{padding:var(--space-3) var(--space-4);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-size:13px;font-weight:500;font-family:var(--font-family);background:0 0;border:none;border-bottom:2px solid #0000}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--primary-400);border-bottom-color:var(--primary-400)}.date-range-picker{z-index:30;position:relative}.date-range-trigger{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;height:36px;font-size:13px;font-weight:500;display:flex}.date-range-trigger:hover{border-color:var(--primary-500);background:var(--bg-hover)}.date-range-icon{font-size:14px}.date-range-chevron{color:var(--text-tertiary);font-size:10px}.date-range-dropdown{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-3);min-width:280px;animation:.15s ease-out dropdownFadeIn;position:absolute;top:calc(100% + 6px);right:0}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.date-range-presets{gap:var(--space-1);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.date-range-preset{padding:var(--space-1) var(--space-3);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);font-size:12px;font-weight:500}.date-range-preset:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-default)}.date-range-preset.active{color:var(--primary-400);border-color:var(--primary-500);background:#0fa87a26}.date-range-separator{background:var(--border-subtle);height:1px;margin:var(--space-2) 0}.date-range-custom{gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.date-range-field{flex-direction:column;flex:1;gap:4px;display:flex}.date-range-field label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.date-range-field input{height:32px;padding:0 var(--space-2);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-family);font-size:12px}.date-range-field input:focus{border-color:var(--primary-500);outline:none}.date-range-apply{width:100%;padding:var(--space-2);background:var(--primary-500);color:#fff;border-radius:var(--radius-md);font-family:var(--font-family);cursor:pointer;transition:background var(--transition-fast);border:none;font-size:12px;font-weight:600}.date-range-apply:hover{background:var(--primary-400)}.group-filter-select{height:36px;padding:0 36px 0 var(--space-3);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-family);cursor:pointer;appearance:none;transition:all var(--transition-fast);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239ba3b9' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;min-width:160px;font-size:13px;font-weight:500}.group-filter-select:hover{border-color:var(--primary-500)}.group-filter-select:focus{border-color:var(--primary-500);outline:none;box-shadow:0 0 0 3px #0fa87a26}.page-filters{align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);padding:var(--space-3) var(--space-4);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-wrap:wrap;display:flex}.page-filters-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-right:var(--space-1);font-size:12px;font-weight:600}.page-filters-spacer{flex:1}.page-filters-stats{align-items:center;gap:var(--space-4);display:flex}.page-filters-stat{align-items:center;gap:var(--space-1);color:var(--text-secondary);font-size:12px;display:flex}.page-filters-stat strong{color:var(--text-primary);font-weight:600}.integration-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);align-items:center;gap:var(--space-4);display:flex}.integration-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.integration-icon.active{background:#22c55e1f}.integration-icon.error{background:#ef44441f}.integration-icon.disabled{background:#9ba3b91f}.integration-info{flex:1}.integration-name{color:var(--text-primary);font-size:13px;font-weight:600}.integration-meta{color:var(--text-tertiary);font-size:11px}@media (max-width:1200px){.grid-dashboard{grid-template-columns:1fr}.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.app-content{margin-left:0!important}.kpi-grid{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{grid-template-columns:1fr}.page-container{padding:var(--space-4)}.header-search,.header-user-info{display:none}}@media (max-width:480px){.kpi-grid{grid-template-columns:1fr}}.tabs{gap:var(--space-1);border-bottom:1px solid var(--border-secondary);scrollbar-width:none;padding-bottom:0;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab-btn{padding:var(--space-2) var(--space-4);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:all .2s;position:relative}.tab-btn:hover{color:var(--text-primary);background:var(--bg-hover);border-radius:var(--radius-md) var(--radius-md) 0 0}.tab-btn.active{color:var(--primary-400);border-bottom-color:var(--primary-400);border-radius:var(--radius-md) var(--radius-md) 0 0;background:#0fa87a0f}.tab-content-enter{opacity:0;transform:translateY(8px)}.tab-content-enter-active{opacity:1;transition:opacity .3s,transform .3s;transform:translateY(0)}.theme-toggle-btn{position:relative;overflow:hidden}.theme-icon{transition:transform .4s cubic-bezier(.4,0,.2,1);display:inline-block}.theme-toggle-btn:hover .theme-icon{transform:rotate(30deg)scale(1.15)}[data-theme=light] ::-webkit-scrollbar-thumb{background:#c4c9d9}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#9ba3b9}[data-theme=light] .sidebar-link.active{background:#0fa87a14}[data-theme=light] .kpi-card:hover{box-shadow:0 4px 16px #00000014}[data-theme=light] .btn-primary{box-shadow:0 2px 8px #0fa87a33}[data-theme=light] .login-page:before{background:radial-gradient(at 30% 20%,#0fa87a0d 0%,#0000 50%),radial-gradient(at 70% 80%,#3b82f608 0%,#0000 50%)}[data-theme=light] .header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd9}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}