:root{--sidebar-width-expanded: 260px;--sidebar-width-collapsed: 72px;--sidebar-transition: .3s cubic-bezier(.4, 0, .2, 1);--action-center-height: 180px;--action-center-min-height: 140px;--glass-bg-light: rgba(255, 255, 254, .85);--glass-bg-dark: rgba(24, 24, 27, .9);--glass-border-light: rgba(0, 0, 0, .08);--glass-border-dark: rgba(255, 255, 255, .1);--glass-blur: 20px;--glass-saturate: 1.2;--glow-primary: rgba(99, 102, 241, .5);--glow-secondary: rgba(139, 92, 246, .4);--glow-camera: rgba(34, 197, 94, .5);--glow-spread: 20px;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--z-sidebar: 40;--z-sidebar-overlay: 35;--z-action-center: 30;--z-preview-panel: 45;--z-tooltip: 50;--z-modal: 100;--sidebar-padding: 12px;--nav-item-gap: 4px;--nav-group-gap: 16px;--content-padding: 24px}[data-theme=dark],.dark{--glass-bg: var(--glass-bg-dark);--glass-border: var(--glass-border-dark);--sidebar-bg: rgba(9, 9, 11, .95);--sidebar-hover: rgba(255, 255, 255, .05);--sidebar-active: rgba(99, 102, 241, .2);--sidebar-text: rgba(255, 255, 255, .7);--sidebar-text-active: rgba(255, 255, 255, 1);--action-center-bg: rgba(24, 24, 27, .9);--action-center-border: rgba(255, 255, 255, .1);--action-center-input-bg: rgba(39, 39, 42, .8);--preview-panel-bg: rgba(24, 24, 27, .95)}[data-theme=light],:root:not(.dark){--glass-bg: var(--glass-bg-light);--glass-border: var(--glass-border-light);--sidebar-bg: rgba(255, 255, 254, .95);--sidebar-hover: rgba(0, 0, 0, .04);--sidebar-active: rgba(99, 102, 241, .12);--sidebar-text: rgba(0, 0, 0, .6);--sidebar-text-active: rgba(0, 0, 0, .9);--action-center-bg: rgba(255, 255, 254, .9);--action-center-border: rgba(0, 0, 0, .08);--action-center-input-bg: rgba(243, 244, 246, .9);--preview-panel-bg: rgba(255, 255, 254, .98)}.dashboard-sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width-expanded);background:var(--sidebar-bg);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border-right:1px solid var(--glass-border);z-index:var(--z-sidebar);transition:width var(--sidebar-transition);display:flex;flex-direction:column;padding:var(--sidebar-padding);overflow:hidden}.dashboard-sidebar.collapsed{width:var(--sidebar-width-collapsed)}.dashboard-sidebar .logo-container{height:56px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--nav-group-gap);flex-shrink:0}.dashboard-sidebar .nav-section{flex:1;overflow-y:auto;overflow-x:hidden}.dashboard-sidebar .nav-footer{flex-shrink:0;padding-top:var(--nav-group-gap);border-top:1px solid var(--glass-border);margin-top:var(--nav-group-gap)}.nav-item-dashboard{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;cursor:pointer;color:var(--sidebar-text);transition:all var(--duration-fast) var(--ease-smooth);position:relative;min-height:48px;white-space:nowrap;overflow:hidden}.nav-item-dashboard:hover{background:var(--sidebar-hover);color:var(--sidebar-text-active)}.nav-item-dashboard.active{background:var(--sidebar-active);color:var(--sidebar-text-active)}.nav-item-dashboard .nav-icon{width:24px;height:24px;flex-shrink:0;transition:transform var(--duration-fast) var(--ease-spring)}.nav-item-dashboard:hover .nav-icon{transform:scale(1.1)}.nav-item-dashboard .nav-label{font-size:14px;font-weight:500;opacity:1;transition:opacity var(--duration-fast) var(--ease-smooth)}.dashboard-sidebar.collapsed .nav-item-dashboard .nav-label{opacity:0;width:0}.nav-group{margin-bottom:var(--nav-item-gap);position:relative}.nav-group-header{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:12px;cursor:pointer;color:var(--sidebar-text);transition:all var(--duration-fast) var(--ease-smooth)}.nav-group-header:hover{background:var(--sidebar-hover);color:var(--sidebar-text-active)}.nav-group-header.expanded{color:var(--sidebar-text-active)}.nav-group-chevron{width:16px;height:16px;transition:transform var(--duration-normal) var(--ease-spring)}.nav-group-header.expanded .nav-group-chevron{transform:rotate(180deg)}.nav-group-items{margin-left:20px;padding-left:12px;border-left:2px solid var(--glass-border)}.nav-group-items .nav-item-dashboard{pointer-events:auto;z-index:1}.action-center{position:fixed;bottom:0;left:var(--sidebar-width-expanded);right:0;min-height:var(--action-center-min-height);background:var(--action-center-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-top:1px solid var(--action-center-border);z-index:var(--z-action-center);padding:20px var(--content-padding);transition:left var(--sidebar-transition)}.dashboard-sidebar.collapsed~.action-center,.action-center.sidebar-collapsed{left:var(--sidebar-width-collapsed)}.action-center-inner{max-width:800px;margin:0 auto}.action-center-dropzone{border:2px dashed var(--glass-border);border-radius:16px;padding:24px;text-align:center;transition:all var(--duration-normal) var(--ease-smooth);background:var(--action-center-input-bg)}.action-center-dropzone:hover,.action-center-dropzone.drag-over{border-color:var(--glow-primary);background:#6366f10d}.action-center-dropzone.drag-over{transform:scale(1.01);box-shadow:0 0 var(--glow-spread) var(--glow-primary)}.action-center-buttons{display:flex;gap:12px;justify-content:center;margin-top:16px}.action-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:12px;font-weight:500;font-size:14px;transition:all var(--duration-fast) var(--ease-spring);cursor:pointer;border:none}.action-btn.primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 14px #6366f166}.action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f180}.action-btn.primary.camera{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 14px var(--glow-camera)}.action-btn.primary.camera:hover{box-shadow:0 6px 20px var(--glow-camera)}.action-btn.secondary{background:var(--sidebar-hover);color:var(--sidebar-text-active);border:1px solid var(--glass-border)}.action-btn.secondary:hover{background:var(--sidebar-active)}.tool-preview-panel{position:fixed;left:calc(var(--sidebar-width-expanded) + 8px);top:50%;transform:translateY(-50%);width:320px;max-height:400px;background:var(--preview-panel-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 20px 40px #0003;z-index:var(--z-preview-panel);overflow:hidden}.tool-preview-panel .preview-header{padding:16px;border-bottom:1px solid var(--glass-border);font-weight:600}.tool-preview-panel .preview-content{padding:16px}.tool-preview-panel .preview-hint{padding:12px 16px;background:var(--sidebar-hover);font-size:12px;color:var(--sidebar-text);text-align:center}@media(max-width:1023px){.dashboard-sidebar{width:var(--sidebar-width-collapsed)}.dashboard-sidebar .nav-label{opacity:0;width:0}.action-center{left:var(--sidebar-width-collapsed)}.dashboard-content{margin-left:var(--sidebar-width-collapsed)}}@media(max-width:767px){.dashboard-sidebar{transform:translate(-100%);width:280px}.dashboard-sidebar.open{transform:translate(0)}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:var(--z-sidebar-overlay);opacity:0;pointer-events:none;transition:opacity var(--duration-normal) var(--ease-smooth)}.sidebar-overlay.visible{opacity:1;pointer-events:auto}.action-center{left:0;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}.dashboard-content{margin-left:0}.tool-preview-panel{left:50%;transform:translate(-50%,-50%);width:calc(100% - 32px);max-width:320px}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--glow-primary)}50%{box-shadow:0 0 40px var(--glow-primary),0 0 60px var(--glow-secondary)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer-effect{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 2s infinite}.pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.dashboard-content{margin-left:var(--sidebar-width-expanded);padding-bottom:var(--action-center-height);min-height:100vh;transition:margin-left var(--sidebar-transition)}.dashboard-content.sidebar-collapsed{margin-left:var(--sidebar-width-collapsed)}.smart-layout-container{min-height:100vh;width:100%;display:flex;flex-direction:column}.mode-big{font-size:115%}.mode-big button,.mode-big a,.mode-big input,.mode-big select,.mode-big [role=button]{min-height:56px;min-width:56px}.mode-big svg{transform:scale(1.2)}.mode-big .space-y-4>*+*{margin-top:1.5rem}.mode-big .gap-4{gap:1.5rem}.mode-big .btn-sm{padding:.75rem 1rem;font-size:1rem}.mode-big .text-xs{font-size:.875rem}.mode-big .text-sm{font-size:1rem}