.dashboard-container{--dashboard-header-height: 120px;--dashboard-toolbar-height: 60px;--dashboard-content-offset: calc(var(--dashboard-header-height) + var(--dashboard-toolbar-height));--view-transition-duration: .3s;--view-transition-easing: cubic-bezier(.4, 0, .2, 1);--glass-bg: hsl(var(--background) / .8);--glass-border: hsl(var(--border) / .2);--glass-blur: 12px}.dashboard-header{position:sticky;top:0;z-index:40;background:linear-gradient(135deg,hsl(var(--background)),hsl(var(--background) / .95),hsl(var(--background)));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid hsl(var(--border) / .3);box-shadow:0 4px 20px hsl(var(--foreground) / .05)}.dashboard-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,hsl(var(--primary) / .03) 0%,transparent 50%,hsl(var(--primary) / .03) 100%);pointer-events:none}.dashboard-toolbar{position:sticky;top:var(--dashboard-header-height);z-index:30;background:hsl(var(--background) / .95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid hsl(var(--border) / .2);transition:all .3s cubic-bezier(.4,0,.2,1)}.dashboard-toolbar:hover{background:hsl(var(--background) / .98);border-bottom-color:hsl(var(--border) / .4)}.dashboard-content{min-height:calc(100vh - var(--dashboard-content-offset));position:relative}.dashboard-free-view .dashboard-workspace{position:relative;width:100%;height:100%}.dashboard-columns-view .dashboard-workspace{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;padding:1rem;align-items:start}.dashboard-columns-view .draggable-tile{position:relative!important;transform:none!important;margin-bottom:1rem}.dashboard-columns-view .tile-group{grid-column:1 / -1;margin-bottom:2rem}.dashboard-urgent-view .dashboard-workspace{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.dashboard-urgent-view .draggable-tile{position:relative!important;transform:none!important;box-shadow:0 0 20px hsl(var(--destructive) / .2);border-left:4px solid hsl(var(--destructive));animation:urgentPulse 2s ease-in-out infinite}@keyframes urgentPulse{0%,to{box-shadow:0 0 20px hsl(var(--destructive) / .2)}50%{box-shadow:0 0 30px hsl(var(--destructive) / .4)}}.dashboard-filtered-view .dashboard-workspace{padding:1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;align-items:start}.dashboard-filtered-view .draggable-tile{position:relative!important;transform:none!important;transition:all .3s cubic-bezier(.4,0,.2,1)}.dashboard-filtered-view .draggable-tile:hover{transform:translateY(-2px)!important;box-shadow:0 8px 25px hsl(var(--foreground) / .1)}.dashboard-stack-view .dashboard-workspace{padding:1rem;display:flex;flex-direction:column;gap:.5rem;max-width:800px;margin:0 auto}.dashboard-stack-view .draggable-tile{position:relative!important;transform:none!important;width:100%;margin-bottom:.5rem}.dashboard-stack-view .draggable-tile:first-child{box-shadow:0 4px 20px hsl(var(--primary) / .15);border:1px solid hsl(var(--primary) / .2)}.draggable-tile{transition:all .2s cubic-bezier(.4,0,.2,1)}.draggable-tile:hover{box-shadow:0 8px 25px hsl(var(--foreground) / .1)}.draggable-tile[data-priority=high]{border-left:4px solid hsl(var(--destructive));background:linear-gradient(135deg,hsl(var(--background)),hsl(var(--destructive) / .02))}.draggable-tile[data-priority=medium]{border-left:4px solid hsl(var(--primary));background:linear-gradient(135deg,hsl(var(--background)),hsl(var(--primary) / .02))}.draggable-tile[data-priority=low]{border-left:4px solid hsl(var(--muted-foreground));background:linear-gradient(135deg,hsl(var(--background)),hsl(var(--muted) / .5))}.tile-type-email{--tile-accent: hsl(var(--blue-500))}.tile-type-phone{--tile-accent: hsl(var(--green-500))}.tile-type-notes{--tile-accent: hsl(var(--purple-500))}.tile-type-action{--tile-accent: hsl(var(--red-500))}.tile-type-alert{--tile-accent: hsl(var(--orange-500))}.tile-type-custom{--tile-accent: hsl(var(--gray-500))}.tile-type-summary{--tile-accent: hsl(var(--yellow-500))}[class*=tile-type-]:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--tile-accent, hsl(var(--primary)));border-radius:0 2px 2px 0}.performance-monitor{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsl(var(--background) / .95);border:1px solid hsl(var(--border) / .3);box-shadow:0 20px 40px hsl(var(--foreground) / .1)}.performance-monitor .metric-card{transition:all .2s cubic-bezier(.4,0,.2,1)}.performance-monitor .metric-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px hsl(var(--foreground) / .1)}.performance-monitor .metric-good{background:linear-gradient(135deg,hsl(var(--green-50)),hsl(var(--green-100)));border-color:hsl(var(--green-200));color:hsl(var(--green-700))}.performance-monitor .metric-warning{background:linear-gradient(135deg,hsl(var(--yellow-50)),hsl(var(--yellow-100)));border-color:hsl(var(--yellow-200));color:hsl(var(--yellow-700))}.performance-monitor .metric-poor{background:linear-gradient(135deg,hsl(var(--red-50)),hsl(var(--red-100)));border-color:hsl(var(--red-200));color:hsl(var(--red-700))}.dashboard-toolbar .search-input{transition:all .3s cubic-bezier(.4,0,.2,1)}.dashboard-toolbar .search-input:focus{box-shadow:0 0 0 3px hsl(var(--primary) / .1);border-color:hsl(var(--primary))}.dashboard-toolbar .filter-badge{animation:filterBadgeAppear .2s cubic-bezier(.4,0,.2,1)}@keyframes filterBadgeAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.view-mode-indicator{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:hsl(var(--background) / .95);border:1px solid hsl(var(--border) / .3);box-shadow:0 4px 12px hsl(var(--foreground) / .05);animation:viewModeSlideIn .3s cubic-bezier(.4,0,.2,1)}.ui-toggle-button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s cubic-bezier(.4,0,.2,1)}.ui-toggle-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px hsl(var(--foreground) / .1)}.dashboard-loading{display:flex;align-items:center;justify-content:center;min-height:200px;background:hsl(var(--muted) / .1);border-radius:8px;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.dashboard-error{background:linear-gradient(135deg,hsl(var(--red-50)),hsl(var(--red-100)));border:1px solid hsl(var(--red-200));color:hsl(var(--red-700));border-radius:8px;padding:2rem;text-align:center}@media (max-width: 768px){.dashboard-container{--dashboard-header-height: 100px;--dashboard-toolbar-height: 80px}.dashboard-columns-view .dashboard-workspace,.dashboard-filtered-view .dashboard-workspace{grid-template-columns:1fr;padding:.75rem}.dashboard-stack-view .dashboard-workspace{padding:.75rem}.dashboard-toolbar{flex-wrap:wrap;gap:.5rem;padding:.75rem}.view-mode-indicator{position:fixed;top:auto;bottom:4rem;left:1rem;right:1rem;text-align:center}}@media (max-width: 480px){.dashboard-header{padding:1rem}.dashboard-header h1{font-size:1.25rem}.dashboard-header .stats-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.performance-monitor{width:calc(100vw - 2rem);left:1rem;right:1rem}}@media (prefers-color-scheme: dark){.dashboard-header{background:linear-gradient(135deg,hsl(var(--background)),hsl(var(--background) / .9),hsl(var(--background)))}.dashboard-urgent-view .draggable-tile{box-shadow:0 0 20px hsl(var(--destructive) / .3)}.performance-monitor{background:hsl(var(--background) / .9);border-color:hsl(var(--border) / .5)}}@media (prefers-contrast: high){.dashboard-header,.dashboard-toolbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:hsl(var(--background));border-bottom-width:2px}.draggable-tile{border-width:2px}.performance-monitor{-webkit-backdrop-filter:none;backdrop-filter:none;background:hsl(var(--background));border-width:2px}}@media (prefers-reduced-motion: reduce){.draggable-tile,.dashboard-toolbar,.performance-monitor .metric-card,.ui-toggle-button{transition:none}.urgentPulse,.filterBadgeAppear,.viewModeSlideIn,.pulse{animation:none}}@media print{.dashboard-header,.dashboard-toolbar,.performance-monitor,.ui-toggle-button,.view-mode-indicator{display:none}.dashboard-content{margin:0;padding:0}.draggable-tile{-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:1rem}}.dashboard-columns-view .dashboard-content{display:flex;flex-direction:row;gap:1rem;overflow-x:auto}.dashboard-urgent-view .urgent-tile{position:relative;animation:urgentPulse 2s ease-in-out infinite}.dashboard-urgent-view .urgent-tile:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(45deg,hsl(var(--destructive)),hsl(var(--warning)),hsl(var(--destructive)));border-radius:12px;z-index:-1;opacity:.6}.dashboard-filtered-view .filtered-tile{box-shadow:0 0 0 2px hsl(var(--primary) / .3);transform:scale(1.02);transition:all var(--view-transition-duration) var(--view-transition-easing)}.dashboard-stack-view .dashboard-content{display:flex;flex-direction:column;gap:1rem;padding:1rem}.dashboard-stack-view .tile-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;padding:1rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}@keyframes urgentPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@keyframes viewModeSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.view-mode-indicator{animation:viewModeSlideIn .3s ease-out}.performance-monitor-enhanced{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));box-shadow:0 8px 32px hsl(var(--foreground) / .1)}.stat-card-enhanced{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));transition:all .2s ease}.stat-card-enhanced:hover{transform:translateY(-2px);box-shadow:0 8px 24px hsl(var(--foreground) / .1)}.trend-up{background:hsl(var(--success) / .1);color:hsl(var(--success))}.trend-down{background:hsl(var(--destructive) / .1);color:hsl(var(--destructive))}.trend-stable{background:hsl(var(--muted));color:hsl(var(--muted-foreground))}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-radius:12px}.priority-high{border-left:4px solid hsl(var(--destructive))}.priority-medium{border-left:4px solid hsl(var(--warning))}.priority-low{border-left:4px solid hsl(var(--success))}