:root{--color-primary:#198754;--color-primary-dark:#038144;--color-primary-light:#20c997;--color-primary-lighter:#6fd7a7;--color-primary-lightest:#d1f4e0;--color-primary-alpha-5:rgba(25,135,84,.05);--color-primary-alpha-8:rgba(25,135,84,.08);--color-primary-alpha-10:rgba(25,135,84,.1);--color-primary-alpha-12:rgba(25,135,84,.12);--color-primary-alpha-15:rgba(25,135,84,.15);--color-primary-alpha-20:rgba(25,135,84,.2);--color-primary-alpha-30:rgba(25,135,84,.3);--color-primary-alpha-40:rgba(25,135,84,.4);--color-primary-alpha-50:rgba(25,135,84,.5);--color-success:#198754;--color-success-dark:#038144;--color-success-light:#20c997;--color-success-bg:rgba(25,135,84,.1);--color-success-border:rgba(25,135,84,.3);--color-success-alpha-8:rgba(25,135,84,.08);--color-success-alpha-10:rgba(25,135,84,.1);--color-success-alpha-20:rgba(25,135,84,.2);--color-success-alpha-50:rgba(25,135,84,.5);--color-error:#dc3545;--color-error-dark:#c82333;--color-error-light:#f8d7da;--color-error-bg:rgba(220,53,69,.1);--color-error-border:rgba(220,53,69,.3);--color-error-alpha-8:rgba(220,53,69,.08);--color-error-alpha-10:rgba(220,53,69,.1);--color-error-alpha-15:rgba(220,53,69,.15);--color-error-alpha-20:rgba(220,53,69,.2);--color-error-alpha-25:rgba(220,53,69,.25);--color-error-alpha-30:rgba(220,53,69,.3);--color-error-alpha-40:rgba(220,53,69,.4);--color-error-alpha-50:rgba(220,53,69,.5);--color-error-alpha-60:rgba(220,53,69,.6);--color-error-alpha-70:rgba(220,53,69,.7);--color-error-alpha-80:rgba(220,53,69,.8);--color-warning:#ffc107;--color-warning-dark:#e0a800;--color-warning-light:#fff3cd;--color-warning-bg:rgba(255,193,7,.1);--color-warning-border:rgba(255,193,7,.3);--color-warning-alpha-8:rgba(255,193,7,.08);--color-warning-alpha-20:rgba(255,193,7,.2);--color-warning-orange:#eb7a39;--color-warning-orange-alpha-10:rgba(235,122,57,.1);--color-warning-orange-alpha-20:rgba(235,122,57,.2);--color-info:#0dcaf0;--color-info-dark:#0aa2c0;--color-info-light:#cff4fc;--color-info-bg:rgba(13,202,240,.1);--color-info-border:rgba(13,202,240,.3);--color-info-alpha-8:rgba(13,202,240,.08);--color-info-alpha-10:rgba(13,202,240,.1);--color-info-alpha-15:rgba(13,202,240,.15);--color-info-alpha-20:rgba(13,202,240,.2);--color-info-alpha-25:rgba(13,202,240,.25);--color-info-alpha-50:rgba(13,202,240,.5);--color-info-alpha-60:rgba(13,202,240,.6);--color-info-alpha-70:rgba(13,202,240,.7);--color-info-alpha-80:rgba(13,202,240,.8);--color-text-primary:#2c3e50;--color-text-secondary:#6c757d;--color-text-tertiary:#adb5bd;--color-text-disabled:#dee2e6;--color-text-inverse:#fff;--color-bg-primary:#fff;--color-bg-secondary:#f8f9fa;--color-bg-tertiary:#e9ecef;--color-bg-dark:#2c3e50;--color-border-light:#e9ecef;--color-border-medium:#dee2e6;--color-border-dark:#adb5bd;--color-bg-border:#dee2e6;--color-gray-50:#f8f9fa;--color-gray-100:#f5f7fa;--color-gray-200:#e9ecef;--color-gray-300:#dee2e6;--color-gray-400:#ced4da;--color-gray-500:#adb5bd;--color-gray-600:#6c757d;--color-gray-700:#495057;--color-gray-800:#343a40;--color-gray-900:#212529;--color-temp-cold:#3498db;--color-temp-cool:#5dade2;--color-temp-normal:#198754;--color-temp-warm:#f39c12;--color-temp-hot:#e74c3c;--color-aq-invalid:#b0b0b0;--color-aq-invalid-bg:hsla(0,0%,69%,.12);--color-aq-invalid-dark:#6c757d;--color-aq-level6-cool:#6ba3c7;--color-aq-level6-cool-bg:rgba(107,163,199,.12);--color-aq-level6-cool-dark:#4a7a9e;--color-aq-level5-cool:#7db8d9;--color-aq-level5-cool-bg:rgba(125,184,217,.12);--color-aq-level5-cool-dark:#5a97b8;--color-aq-level4-cool:#9ecae1;--color-aq-level4-cool-bg:rgba(158,202,225,.15);--color-aq-level4-cool-dark:#6ba3c7;--color-aq-level3-cool:#a8dbd9;--color-aq-level3-cool-bg:rgba(168,219,217,.15);--color-aq-level3-cool-dark:#6bb8b5;--color-aq-level2-cool:#b2dfdb;--color-aq-level2-cool-bg:rgba(178,223,219,.15);--color-aq-level2-cool-dark:#6cb8b0;--color-aq-level1:#198754;--color-aq-level1-bg:rgba(25,135,84,.12);--color-aq-level1-dark:#038144;--color-aq-level2-warm:#c5d99a;--color-aq-level2-warm-bg:hsla(79,45%,73%,.15);--color-aq-level2-warm-dark:#8fa866;--color-aq-level3-warm:#f5e6a3;--color-aq-level3-warm-bg:hsla(49,80%,80%,.18);--color-aq-level3-warm-dark:#c9b44a;--color-aq-level4-warm:#f5c89a;--color-aq-level4-warm-bg:hsla(30,82%,78%,.15);--color-aq-level4-warm-dark:#d49a4a;--color-aq-level5-warm:#e8a893;--color-aq-level5-warm-bg:hsla(15,65%,74%,.15);--color-aq-level5-warm-dark:#c67a5e;--color-aq-level6-warm:#d98b8b;--color-aq-level6-warm-bg:hsla(0,51%,70%,.15);--color-aq-level6-warm-dark:#b35959;--color-overlay:rgba(0,0,0,.5);--color-overlay-light:rgba(0,0,0,.3);--color-overlay-dark:rgba(0,0,0,.7);--glass-bg:hsla(0,0%,100%,.95);--glass-bg-light:hsla(0,0%,100%,.8);--glass-bg-dark:hsla(0,0%,100%,.7);--glass-blur:blur(20px);--glass-blur-light:blur(10px);--glass-blur-heavy:blur(40px);--shadow-xs:0 1px 2px rgba(0,0,0,.05);--shadow-sm:0 2px 4px rgba(0,0,0,.08);--shadow-md:0 4px 8px rgba(0,0,0,.1);--shadow-lg:0 8px 16px rgba(0,0,0,.12);--shadow-xl:0 12px 24px rgba(0,0,0,.15);--shadow-2xl:0 16px 32px rgba(0,0,0,.18);--shadow-primary-sm:0 2px 8px var(--color-primary-alpha-10);--shadow-primary-md:0 4px 12px var(--color-primary-alpha-15);--shadow-primary-lg:0 4px 16px var(--color-primary-alpha-20);--shadow-primary-xl:0 8px 24px var(--color-primary-alpha-30);--shadow-primary-2xl:0 12px 32px var(--color-primary-alpha-40);--shadow-sidebar:4px 0 24px var(--color-primary-alpha-10);--shadow-sidebar-mobile:8px 0 32px var(--color-primary-alpha-20);--shadow-inset:inset 0 2px 4px rgba(0,0,0,.06);--shadow-inset-md:inset 0 4px 8px rgba(0,0,0,.1);--font-family-base:"Avenir","Segoe UI",Helvetica,Arial,sans-serif;--font-family-heading:"Avenir","Segoe UI",Helvetica,Arial,sans-serif;--font-family-mono:"Courier New",Courier,monospace;--font-size-2xs:0.625rem;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-md:1.125rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:1.875rem;--font-size-3xl:2.25rem;--font-size-4xl:3rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--line-height-loose:2;--letter-spacing-tight:-0.025em;--letter-spacing-normal:0;--letter-spacing-wide:0.025em;--letter-spacing-wider:0.05em;--spacing-0:0;--spacing--0_5:-0.125rem;--spacing-0_5:0.125rem;--spacing-0_75:0.1875rem;--spacing-1:0.25rem;--spacing-1_5:0.375rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-7:1.75rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-32:8rem;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--radius-circle:50%;--border-width-thin:1px;--border-width-base:2px;--border-width-thick:3px;--border-style:solid;--border-light:var(--border-width-thin) var(--border-style) var(--color-border-light);--border-medium:var(--border-width-base) var(--border-style) var(--color-border-medium);--border-primary:var(--border-width-base) var(--border-style) var(--color-primary);--border-primary-light:var(--border-width-base) var(--border-style) var(--color-primary-alpha-20);--z-index-base:0;--z-index-dropdown:100;--z-index-sticky:200;--z-index-fixed:300;--z-index-overlay:400;--z-index-modal-backdrop:500;--z-index-modal:600;--z-index-popover:700;--z-index-tooltip:800;--z-index-notification:900;--z-index-sidebar:1000;--z-index-sidebar-overlay:1000;--z-index-sidebar-main:1001;--z-index-mobile-toggle:1002;--duration-instant:100ms;--duration-fast:200ms;--duration-base:300ms;--duration-slow:500ms;--duration-slower:700ms;--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-smooth:cubic-bezier(0.4,0,0.2,1);--transition-fast:all var(--duration-fast) var(--ease-out);--transition-base:all var(--duration-base) var(--ease-in-out);--transition-slow:all var(--duration-slow) var(--ease-in-out);--transition-transform:transform var(--duration-base) var(--ease-smooth);--transition-opacity:opacity var(--duration-base) var(--ease-in-out);--transition-colors:background-color var(--duration-base) var(--ease-in-out),border-color var(--duration-base) var(--ease-in-out),color var(--duration-base) var(--ease-in-out);--sidebar-width:280px;--navbar-height:64px;--footer-height:auto;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--breakpoint-xs:480px;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:968px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--gradient-primary:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);--gradient-primary-light:linear-gradient(135deg,var(--color-primary-alpha-15) 0%,var(--color-primary-alpha-10) 100%);--gradient-bg:linear-gradient(135deg,#f5f7fa,#e9ecef);--gradient-bg-light:linear-gradient(135deg,#fff,#f8f9fa);--opacity-disabled:0.5;--opacity-hover:0.8;--backdrop-blur-sm:blur(4px);--backdrop-blur-md:blur(8px);--backdrop-blur-lg:blur(12px);--backdrop-blur-xl:blur(20px)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;background:var(--gradient-bg)}body{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body,h1,h2,h3,h4,h5,h6{color:var(--color-text-primary)}h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-family:var(--font-family-heading);line-height:var(--line-height-tight)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold)}h1{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-6)}h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-5)}h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-4)}h3,h4{font-weight:var(--font-weight-semibold)}h4{font-size:var(--font-size-lg);margin-bottom:var(--spacing-3)}h5{font-size:var(--font-size-base)}h5,h6{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2)}h6{font-size:var(--font-size-sm)}p{margin:0 0 var(--spacing-4) 0;line-height:var(--line-height-relaxed)}a{color:var(--color-primary);text-decoration:none;transition:var(--transition-colors)}a:hover{color:var(--color-primary-dark);text-decoration:underline}a:focus{outline:2px solid var(--color-primary);outline-offset:2px}b,strong{font-weight:var(--font-weight-bold)}em,i{font-style:italic}small{font-size:var(--font-size-sm)}code{font-size:.9em;padding:.125rem .25rem;border-radius:var(--radius-sm);color:var(--color-primary-dark)}code,pre{font-family:var(--font-family-mono);background-color:var(--color-gray-100)}pre{font-size:var(--font-size-sm);padding:var(--spacing-4);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:var(--spacing-4)}pre code{background-color:transparent;padding:0}ol,ul{margin:0 0 var(--spacing-4) 0;padding-left:var(--spacing-6)}li{margin-bottom:var(--spacing-2);line-height:var(--line-height-relaxed)}ol ol,ol ul,ul ol,ul ul{margin-bottom:0;margin-top:var(--spacing-2)}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}button{cursor:pointer;border:none;background:none;padding:0;margin:0}button:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}button:focus,input:focus,select:focus,textarea:focus{outline:2px solid var(--color-primary);outline-offset:2px}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--color-text-tertiary);opacity:1}input::placeholder,textarea::placeholder{color:var(--color-text-tertiary);opacity:1}img,svg{max-width:100%;height:auto;display:block}table{width:100%;border-collapse:collapse;margin-bottom:var(--spacing-4)}th{font-weight:var(--font-weight-semibold);text-align:left;background-color:var(--color-gray-50);border-bottom:var(--border-medium)}td,th{padding:var(--spacing-3)}td{border-bottom:var(--border-light)}tr:hover{background-color:var(--color-gray-50)}hr{border:none;border-top:var(--border-light);margin:var(--spacing-6) 0}::selection{background-color:var(--color-primary-alpha-20);color:var(--color-text-primary)}::-moz-selection{background-color:var(--color-primary-alpha-20);color:var(--color-text-primary)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-gray-100)}::-webkit-scrollbar-thumb{background:var(--color-primary-alpha-30);border-radius:var(--radius-sm);-webkit-transition:background var(--duration-base) ease;transition:background var(--duration-base) ease}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-alpha-50)}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}#app{font-family:var(--font-family-base);color:var(--color-text-primary)}audio,canvas,embed,iframe,img,object,video{display:block;max-width:100%}.container{width:100%;max-width:var(--container-xl);margin-left:auto;margin-right:auto;padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.container-sm{max-width:var(--container-sm)}.container-md{max-width:var(--container-md)}.container-lg{max-width:var(--container-lg)}.loading{cursor:wait}.disabled,.loading,[disabled]{opacity:var(--opacity-disabled);pointer-events:none}.disabled,[disabled]{cursor:not-allowed}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-2,.line-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3}.clearfix:after{content:"";display:table;clear:both}.aspect-square{aspect-ratio:1/1}.aspect-video{aspect-ratio:16/9}.aspect-4-3{aspect-ratio:4/3}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.panel-header{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-5);background:var(--gradient-primary);color:#fff}.panel-header-icon{width:28px;height:28px;flex-shrink:0;color:#fff}.panel-header-content{flex:1;min-width:0}.panel-header-title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:#fff!important;line-height:1.3}.panel-header-subtitle{margin:0;font-size:var(--font-size-xs);color:hsla(0,0%,100%,.85);line-height:1.4}.panel-header-info{display:flex;align-items:center;gap:var(--spacing-2);flex-shrink:0}@media (max-width:640px){.panel-header{padding:var(--spacing-3) var(--spacing-4);flex-wrap:wrap}.panel-header-icon{width:24px;height:24px}.panel-header-title{font-size:var(--font-size-base)}}.flex,.flex-row{display:flex}.flex-row{flex-direction:row}.flex-col{display:flex;flex-direction:column}.flex-center{justify-content:center}.flex-between,.flex-center{display:flex;align-items:center}.flex-between{justify-content:space-between}.flex-around{justify-content:space-around}.flex-around,.flex-start{display:flex;align-items:center}.flex-start{justify-content:flex-start}.flex-end{display:flex;justify-content:flex-end;align-items:center}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.gap-8{gap:var(--spacing-8)}.m-0{margin:0}.m-1{margin:var(--spacing-1)}.m-2{margin:var(--spacing-2)}.m-3{margin:var(--spacing-3)}.m-4{margin:var(--spacing-4)}.m-6{margin:var(--spacing-6)}.m-8{margin:var(--spacing-8)}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-1)}.mt-2{margin-top:var(--spacing-2)}.mt-3{margin-top:var(--spacing-3)}.mt-4{margin-top:var(--spacing-4)}.mt-6{margin-top:var(--spacing-6)}.mt-8{margin-top:var(--spacing-8)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:var(--spacing-3)}.mb-4{margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:var(--spacing-6)}.mb-8{margin-bottom:var(--spacing-8)}.ml-0{margin-left:0}.ml-1{margin-left:var(--spacing-1)}.ml-2{margin-left:var(--spacing-2)}.ml-3{margin-left:var(--spacing-3)}.ml-4{margin-left:var(--spacing-4)}.ml-6{margin-left:var(--spacing-6)}.mr-0{margin-right:0}.mr-1{margin-right:var(--spacing-1)}.mr-2{margin-right:var(--spacing-2)}.mr-3{margin-right:var(--spacing-3)}.mr-4{margin-right:var(--spacing-4)}.mr-6{margin-right:var(--spacing-6)}.p-0{padding:0}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.pt-0{padding-top:0}.pt-1{padding-top:var(--spacing-1)}.pt-2{padding-top:var(--spacing-2)}.pt-3{padding-top:var(--spacing-3)}.pt-4{padding-top:var(--spacing-4)}.pt-6{padding-top:var(--spacing-6)}.pb-0{padding-bottom:0}.pb-1{padding-bottom:var(--spacing-1)}.pb-2{padding-bottom:var(--spacing-2)}.pb-3{padding-bottom:var(--spacing-3)}.pb-4{padding-bottom:var(--spacing-4)}.pb-6{padding-bottom:var(--spacing-6)}.pl-0{padding-left:0}.pl-1{padding-left:var(--spacing-1)}.pl-2{padding-left:var(--spacing-2)}.pl-3{padding-left:var(--spacing-3)}.pl-4{padding-left:var(--spacing-4)}.pr-0{padding-right:0}.pr-1{padding-right:var(--spacing-1)}.pr-2{padding-right:var(--spacing-2)}.pr-3{padding-right:var(--spacing-3)}.pr-4{padding-right:var(--spacing-4)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-primary{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-warning{color:var(--color-warning)}.text-info{color:var(--color-info)}.text-muted{color:var(--color-text-secondary)}.text-disabled{color:var(--color-text-disabled)}.bg-white{background-color:var(--color-bg-primary)}.bg-gray-light{background-color:var(--color-bg-secondary)}.bg-gray{background-color:var(--color-bg-tertiary)}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success-bg)}.bg-error{background-color:var(--color-error-bg)}.bg-warning{background-color:var(--color-warning-bg)}.bg-info{background-color:var(--color-info-bg)}.bg-gradient-primary{background:var(--gradient-primary)}.bg-gradient-light{background:var(--gradient-primary-light)}.border{border:var(--border-light)}.border-primary{border:var(--border-primary)}.border-none{border:none}.border-t{border-top:var(--border-light)}.border-b{border-bottom:var(--border-light)}.border-l{border-left:var(--border-light)}.border-r{border-right:var(--border-light)}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-primary{box-shadow:var(--shadow-primary-md)}.shadow-primary-lg{box-shadow:var(--shadow-primary-lg)}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.glass-light{background:var(--glass-bg-light);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light)}.glass-dark{background:var(--glass-bg-dark)}.glass-dark,.glass-effect{backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.glass-effect{background:var(--glass-bg);border:var(--border-primary-light);box-shadow:var(--shadow-primary-md)}.card{background:var(--color-bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow-md);transition:var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-lg);padding:var(--spacing-6);border:var(--border-primary-light);box-shadow:var(--shadow-primary-md);transition:var(--transition-base)}.card-glass:hover{box-shadow:var(--shadow-primary-lg);transform:translateY(-2px)}.hidden{display:none}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.w-full{width:100%}.w-auto{width:auto}.h-full{height:100%}.h-auto{height:auto}.min-h-screen{min-height:100vh}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-auto{overflow-x:auto}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.transition{transition:var(--transition-base)}.transition-fast{transition:var(--transition-fast)}.transition-slow{transition:var(--transition-slow)}.transition-transform{transition:var(--transition-transform)}.transition-opacity{transition:var(--transition-opacity)}.hover-lift{transition:var(--transition-base)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.hover-scale{transition:var(--transition-transform)}.hover-scale:hover{transform:scale(1.05)}.hover-primary:hover{background-color:var(--color-primary-alpha-8);border-color:var(--color-primary-alpha-20)}.z-0{z-index:var(--z-index-base)}.z-10{z-index:var(--z-index-dropdown)}.z-20{z-index:var(--z-index-sticky)}.z-30{z-index:var(--z-index-fixed)}.z-40{z-index:var(--z-index-overlay)}.z-50{z-index:var(--z-index-modal)}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:var(--color-primary-alpha-5);border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--color-primary-alpha-30);border-radius:3px;-webkit-transition:background var(--duration-base) ease;transition:background var(--duration-base) ease}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--color-primary-alpha-50)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.focus-outline{outline:2px solid var(--color-primary);outline-offset:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-fadeIn{animation:fadeIn var(--duration-base) ease-out}.animate-slideInUp{animation:slideInUp var(--duration-base) ease-out}.animate-slideInDown{animation:slideInDown var(--duration-base) ease-out}.animate-slideInLeft{animation:slideInLeft var(--duration-base) ease-out}.animate-slideInRight{animation:slideInRight var(--duration-base) ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.auth-navbar[data-v-8165fff8]{background:var(--gradient-primary);box-shadow:var(--shadow-md);position:sticky;top:0;z-index:1000;width:100%}.navbar-container[data-v-8165fff8]{max-width:1400px;margin:0 auto;padding:0 var(--spacing-6);display:flex;align-items:center;justify-content:space-between;min-height:70px}.navbar-brand[data-v-8165fff8]{flex-shrink:0}.logo-link[data-v-8165fff8]{display:flex;align-items:center;text-decoration:none}.logo-img[data-v-8165fff8]{height:50px;width:auto;transition:var(--transition-base)}.logo-img[data-v-8165fff8]:hover{transform:scale(1.05)}.navbar-actions[data-v-8165fff8]{display:flex;align-items:center;gap:var(--spacing-4)}.auth-link[data-v-8165fff8]{display:inline-block;padding:var(--spacing-2_5) var(--spacing-6);color:#fff;text-decoration:none;font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);border-radius:var(--radius-md);background:hsla(0,0%,100%,.15);border:2px solid hsla(0,0%,100%,.3);transition:var(--transition-base)}.auth-link[data-v-8165fff8]:hover{background:hsla(0,0%,100%,.25);border-color:hsla(0,0%,100%,.5);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.2)}.auth-link[data-v-8165fff8]:active{transform:translateY(0)}@media (max-width:768px){.navbar-container[data-v-8165fff8]{min-height:60px;padding:0 var(--spacing-4)}.logo-img[data-v-8165fff8]{height:40px}.auth-link[data-v-8165fff8]{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm)}}@media (max-width:480px){.auth-link[data-v-8165fff8]{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm)}}.profile-dropdown[data-v-3faced6f]{position:relative}.profile-button[data-v-3faced6f]{display:flex;align-items:center;gap:var(--spacing-3);padding:.5rem 1rem;background:rgba(25,135,84,.08);border:2px solid rgba(25,135,84,.3);border-radius:var(--radius-md);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-base)}.profile-button.active[data-v-3faced6f],.profile-button[data-v-3faced6f]:hover{background:rgba(25,135,84,.15);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px rgba(25,135,84,.2)}.profile-button.collapsed[data-v-3faced6f]{justify-content:center;padding:.5rem;gap:0}.profile-avatar[data-v-3faced6f]{width:32px;height:32px;border-radius:var(--radius-circle);overflow:hidden;flex-shrink:0;background:var(--color-bg-primary);display:flex;align-items:center;justify-content:center}.avatar-img[data-v-3faced6f]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-placeholder[data-v-3faced6f]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);color:var(--color-text-inverse);font-weight:var(--font-weight-bold);font-size:.875rem}.profile-name[data-v-3faced6f]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.dropdown-arrow[data-v-3faced6f]{width:20px;height:20px;transition:transform .3s ease;color:var(--color-primary)}.dropdown-arrow.rotated[data-v-3faced6f]{transform:rotate(180deg)}.dropdown-menu[data-v-3faced6f]{display:block!important;position:absolute;bottom:calc(100% + .5rem);left:0;min-width:280px;background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:0 8px 24px rgba(0,0,0,.15);overflow:hidden;z-index:1000;border:1px solid #e9ecef}.dropdown-header[data-v-3faced6f]{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);color:var(--color-text-inverse)}.header-avatar[data-v-3faced6f]{width:48px;height:48px;border-radius:var(--radius-circle);overflow:hidden;flex-shrink:0;background:var(--color-bg-primary);display:flex;align-items:center;justify-content:center}.header-avatar-img[data-v-3faced6f]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.header-avatar-placeholder[data-v-3faced6f]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.3);color:var(--color-text-inverse);font-weight:var(--font-weight-bold);font-size:1.25rem}.header-info[data-v-3faced6f]{flex:1;min-width:0}.header-name[data-v-3faced6f]{font-weight:var(--font-weight-bold);font-size:1rem;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-email[data-v-3faced6f]{font-size:.875rem;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-item[data-v-3faced6f]{display:flex;align-items:center;gap:var(--spacing-3);padding:.875rem 1rem;width:100%;background:transparent;border:none;color:#495057;font-size:.95rem;font-weight:500;text-decoration:none;cursor:pointer;transition:var(--transition-fast)}.dropdown-item[data-v-3faced6f]:hover{background:#f8f9fa;color:var(--color-primary)}.dropdown-item svg[data-v-3faced6f]{width:20px;height:20px;flex-shrink:0}.logout-item[data-v-3faced6f]{color:#dc3545}.logout-item[data-v-3faced6f]:hover{background:rgba(220,53,69,.1);color:#dc3545}.dropdown-divider[data-v-3faced6f]{height:1px;background:#e9ecef;margin:0}.dropdown-enter-active[data-v-3faced6f],.dropdown-leave-active[data-v-3faced6f]{transition:var(--transition-fast)}.dropdown-enter-from[data-v-3faced6f],.dropdown-leave-to[data-v-3faced6f]{opacity:0;transform:translateY(10px) translateX(-10px)}@media (max-width:768px){.profile-name[data-v-3faced6f]{display:none}.profile-button[data-v-3faced6f]{padding:var(--spacing-2)}.dropdown-menu[data-v-3faced6f]{min-width:260px}}.sidebar-wrapper[data-v-6cee0282]{position:relative;z-index:1000}.sidebar[data-v-6cee0282]{position:fixed;top:0;left:0;height:100vh;width:230px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-right:2px solid var(--color-primary);box-shadow:var(--shadow-sidebar);display:flex;flex-direction:column;z-index:var(--z-index-sidebar);transition:width .3s cubic-bezier(.4,0,.2,1)}.sidebar.collapsed[data-v-6cee0282]{width:80px}.sidebar.collapsed .sidebar-header[data-v-6cee0282]{flex-direction:column;padding:var(--spacing-4);gap:var(--spacing-2)}.sidebar.collapsed .logo-link[data-v-6cee0282]{width:100%;justify-content:center}.sidebar.collapsed .nav-text[data-v-6cee0282]{opacity:0;width:0;overflow:hidden;white-space:nowrap}.sidebar.collapsed .nav-link[data-v-6cee0282]{justify-content:center;padding:var(--spacing-1) var(--spacing-1) var(--spacing-1) var(--spacing-5)}.sidebar.collapsed .nav-icon[data-v-6cee0282]{width:24px;height:24px;flex-shrink:0}.sidebar.collapsed .logo-img[data-v-6cee0282]{margin:0 auto;width:45px;height:45px}.sidebar.collapsed .collapse-toggle-header[data-v-6cee0282]{width:100%}.sidebar-header[data-v-6cee0282]{padding:var(--spacing-8) var(--spacing-6);border-bottom:2px solid var(--color-primary-alpha-15);background:linear-gradient(135deg,var(--color-primary-alpha-5) 0,var(--color-primary-alpha-5) 100%);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3)}.logo-link[data-v-6cee0282]{display:flex;align-items:center;gap:var(--spacing-4);text-decoration:none;transition:var(--transition-base);flex:1}.logo-link[data-v-6cee0282]:hover{transform:translateX(5px)}.logo-img[data-v-6cee0282]{height:45px;width:auto;filter:drop-shadow(0 2px 8px var(--color-primary-alpha-30))}.logo-collapsed[data-v-6cee0282]{height:40px;width:40px;-o-object-fit:contain;object-fit:contain}.collapse-toggle-header[data-v-6cee0282]{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2);background:transparent;border:2px solid var(--color-primary-alpha-20);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-base);color:var(--color-primary);flex-shrink:0}.collapse-toggle-header[data-v-6cee0282]:hover{background:var(--color-primary-alpha-10);border-color:var(--color-primary);transform:scale(1.05)}.collapse-toggle-header .collapse-icon[data-v-6cee0282]{width:20px;height:20px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.collapse-toggle-header .collapse-icon.rotated[data-v-6cee0282]{transform:rotate(180deg)}.logo-text[data-v-6cee0282]{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-nav[data-v-6cee0282]{flex:1;padding:var(--spacing-6) var(--spacing-4);overflow-y:auto;overflow-x:hidden}.sidebar-nav[data-v-6cee0282]::-webkit-scrollbar{width:6px}.sidebar-nav[data-v-6cee0282]::-webkit-scrollbar-track{background:var(--color-primary-alpha-5);border-radius:3px}.sidebar-nav[data-v-6cee0282]::-webkit-scrollbar-thumb{background:var(--color-primary-alpha-30);border-radius:3px;-webkit-transition:var(--transition-base);transition:var(--transition-base)}.sidebar-nav[data-v-6cee0282]::-webkit-scrollbar-thumb:hover{background:var(--color-primary-alpha-50)}.nav-list[data-v-6cee0282]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-2)}.nav-item[data-v-6cee0282]{margin:0}.nav-link[data-v-6cee0282]{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4) var(--spacing-5);color:var(--color-text-primary);text-decoration:none;font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);border-radius:var(--radius-lg);border:2px solid transparent;transition:var(--transition-base);position:relative;overflow:hidden}.nav-link[data-v-6cee0282]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--gradient-primary);transform:scaleY(0);transition:var(--transition-base);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.nav-icon[data-v-6cee0282]{width:24px;height:24px;flex-shrink:0;transition:var(--transition-base);color:var(--color-primary)}.nav-text[data-v-6cee0282]{flex:1;text-align:left;transition:var(--transition-base)}.nav-link[data-v-6cee0282]:focus{outline:none}.nav-link[data-v-6cee0282]:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-primary-alpha-30)}.nav-link[data-v-6cee0282]:hover{background:var(--color-primary-alpha-8);border-color:var(--color-primary-alpha-20);transform:translateX(5px);box-shadow:var(--shadow-primary-md)}.nav-link:hover .nav-icon[data-v-6cee0282]{transform:scale(1.1) rotate(-5deg);filter:drop-shadow(0 2px 4px var(--color-primary-alpha-40))}.nav-link:hover .nav-text[data-v-6cee0282]{transform:translateX(3px)}.nav-link.active[data-v-6cee0282]{background:linear-gradient(135deg,var(--color-primary-alpha-15) 0,var(--color-primary-alpha-10) 100%);border-color:var(--color-primary);color:var(--color-primary-dark);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-primary-lg)}.nav-link.active[data-v-6cee0282]:before{transform:scaleY(1)}.nav-link.active .nav-icon[data-v-6cee0282]{color:var(--color-primary-dark);transform:scale(1.15);filter:drop-shadow(0 3px 6px var(--color-primary-alpha-50))}.external-links[data-v-6cee0282]{padding:var(--spacing-3) var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-2);border-top:2px solid var(--color-primary-alpha-15)}.external-link[data-v-6cee0282]{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);text-decoration:none;color:var(--color-text-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);border-radius:var(--radius-lg);border:2px solid transparent;transition:var(--transition-base);position:relative;overflow:hidden}.external-link[data-v-6cee0282]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--gradient-primary);transform:scaleY(0);transition:var(--transition-base);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.external-icon[data-v-6cee0282]{width:22px;height:22px;flex-shrink:0;transition:var(--transition-base);color:var(--color-primary)}.external-text[data-v-6cee0282]{flex:1;text-align:left;transition:var(--transition-base);white-space:nowrap}.external-link[data-v-6cee0282]:hover{background:var(--color-primary-alpha-8);border-color:var(--color-primary-alpha-20);transform:translateX(5px);box-shadow:var(--shadow-primary-sm)}.external-link[data-v-6cee0282]:hover:before{transform:scaleY(1)}.external-link:hover .external-icon[data-v-6cee0282]{transform:scale(1.1);filter:drop-shadow(0 2px 4px var(--color-primary-alpha-40))}.external-link:hover .external-text[data-v-6cee0282]{transform:translateX(3px)}.sidebar.collapsed .external-links[data-v-6cee0282]{padding:var(--spacing-3) var(--spacing-2)}.sidebar.collapsed .external-link[data-v-6cee0282]{justify-content:center;padding:var(--spacing-3)}.sidebar.collapsed .external-text[data-v-6cee0282]{display:none}.sidebar-footer[data-v-6cee0282]{padding:var(--spacing-6) var(--spacing-4);border-top:2px solid var(--color-primary-alpha-15);background:linear-gradient(135deg,var(--color-primary-alpha-5) 0,var(--color-primary-alpha-5) 100%)}.sidebar-overlay[data-v-6cee0282]{display:none}.mobile-toggle[data-v-6cee0282]{display:none;position:fixed;top:var(--spacing-4);left:var(--spacing-4);z-index:calc(var(--z-index-sidebar) + 1);flex-direction:column;gap:5px;background:var(--gradient-primary);border:2px solid #fff;border-radius:var(--radius-lg);cursor:pointer;padding:var(--spacing-3);box-shadow:var(--shadow-primary-lg);transition:var(--transition-base)}.mobile-toggle[data-v-6cee0282]:hover{transform:scale(1.05);box-shadow:var(--shadow-primary-xl)}.mobile-toggle span[data-v-6cee0282]{width:24px;height:3px;background:#fff;border-radius:2px;transition:var(--transition-base)}.mobile-toggle.active span[data-v-6cee0282]:first-child{transform:rotate(45deg) translate(7px,7px)}.mobile-toggle.active span[data-v-6cee0282]:nth-child(2){opacity:0;transform:translateX(-10px)}.mobile-toggle.active span[data-v-6cee0282]:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}@media (max-width:968px){.sidebar[data-v-6cee0282]{transform:translateX(-100%);box-shadow:none}.sidebar.open[data-v-6cee0282]{transform:translateX(0);box-shadow:var(--shadow-sidebar-mobile)}.sidebar-overlay[data-v-6cee0282]{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-overlay-dark);backdrop-filter:var(--backdrop-blur-sm);z-index:calc(var(--z-index-sidebar) - 1);animation:fadeIn-6cee0282 .3s ease}.mobile-toggle[data-v-6cee0282]{display:flex}}@keyframes fadeIn-6cee0282{0%{opacity:0}to{opacity:1}}@media print{.mobile-toggle[data-v-6cee0282],.sidebar[data-v-6cee0282]{display:none}}.modern-footer[data-v-2b95dc9c]{width:100%;background:linear-gradient(135deg,var(--color-text-primary) 0,#1a252f 100%);color:var(--color-gray-50);margin-top:auto}.footer-main[data-v-2b95dc9c]{padding:var(--spacing-6) 0 var(--spacing-4);border-bottom:1px solid hsla(0,0%,100%,.1)}.footer-container[data-v-2b95dc9c]{max-width:1400px;margin:0 auto;padding:0 var(--spacing-6)}.footer-main .footer-container[data-v-2b95dc9c]{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr 1fr;gap:var(--spacing-8)}.footer-section[data-v-2b95dc9c]{display:flex;flex-direction:column}.brand-section[data-v-2b95dc9c]{max-width:280px}.footer-logo[data-v-2b95dc9c]{margin-bottom:var(--spacing-3)}.logo-img[data-v-2b95dc9c]{height:36px;width:auto;transition:var(--transition-base)}.logo-img[data-v-2b95dc9c]:hover{transform:scale(1.05);filter:drop-shadow(0 0 8px rgba(25,135,84,.4))}.brand-tagline[data-v-2b95dc9c]{font-size:.85rem;line-height:1.5;color:var(--color-gray-400);margin-bottom:0}.social-links[data-v-2b95dc9c]{display:flex;flex-direction:column;gap:var(--spacing-3)}.social-link[data-v-2b95dc9c]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.1);border-radius:50%;color:var(--color-gray-50);transition:var(--transition-base);text-decoration:none}.social-link[data-v-2b95dc9c]:hover{background:linear-gradient(135deg,var(--color-primary) 0,#038144 100%);transform:translateY(-2px);box-shadow:0 3px 10px rgba(25,135,84,.3)}.social-link svg[data-v-2b95dc9c]{width:18px;height:18px}.footer-title[data-v-2b95dc9c]{font-size:.95rem;font-weight:var(--font-weight-bold);color:var(--color-gray-50);margin-bottom:.875rem;position:relative;padding-bottom:.375rem}.footer-title[data-v-2b95dc9c]:after{content:"";position:absolute;bottom:0;left:0;width:30px;height:2px;background:linear-gradient(135deg,var(--color-primary) 0,#038144 100%);border-radius:2px}.footer-links[data-v-2b95dc9c]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.footer-link[data-v-2b95dc9c]{color:var(--color-gray-400);text-decoration:none;font-size:.85rem;transition:var(--transition-base);display:inline-block;position:relative;padding-left:0}.footer-link[data-v-2b95dc9c]:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:0;height:2px;background:var(--color-primary);transition:width .3s ease}.footer-link[data-v-2b95dc9c]:hover{color:var(--color-primary);padding-left:12px}.footer-link[data-v-2b95dc9c]:hover:before{width:8px}.footer-contact[data-v-2b95dc9c]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-3)}.contact-item[data-v-2b95dc9c]{display:flex;align-items:center;gap:.625rem;color:var(--color-gray-400);font-size:.85rem}.contact-item svg[data-v-2b95dc9c]{width:18px;height:18px;color:var(--color-primary);flex-shrink:0}.contact-item a[data-v-2b95dc9c]{color:var(--color-gray-400);text-decoration:none;transition:var(--transition-colors)}.contact-item a[data-v-2b95dc9c]:hover{color:var(--color-primary)}.footer-bottom[data-v-2b95dc9c]{padding:var(--spacing-4) 0;background:rgba(0,0,0,.2)}.footer-bottom-content[data-v-2b95dc9c]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-3)}.copyright[data-v-2b95dc9c]{font-size:.8rem;color:#95a5a6;margin:0}.footer-bottom-links[data-v-2b95dc9c]{display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:wrap}.bottom-link[data-v-2b95dc9c]{font-size:.8rem;color:#95a5a6;text-decoration:none;transition:var(--transition-colors)}.bottom-link[data-v-2b95dc9c]:hover{color:var(--color-primary)}.separator[data-v-2b95dc9c]{color:#7f8c8d;font-size:.8rem}@media (max-width:1200px){.footer-main .footer-container[data-v-2b95dc9c]{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:var(--spacing-6)}.brand-section[data-v-2b95dc9c]{grid-column:1/-1;max-width:100%;margin-bottom:var(--spacing-3)}}@media (max-width:968px){.footer-main .footer-container[data-v-2b95dc9c]{grid-template-columns:1fr 1fr;gap:var(--spacing-6)}.brand-section[data-v-2b95dc9c]{grid-column:1/-1}}@media (max-width:768px){.footer-main[data-v-2b95dc9c]{padding:var(--spacing-4) 0 var(--spacing-3)}.footer-main .footer-container[data-v-2b95dc9c]{grid-template-columns:1fr;gap:var(--spacing-5)}.footer-container[data-v-2b95dc9c]{padding:0 var(--spacing-4)}.brand-section[data-v-2b95dc9c]{text-align:center;grid-column:1;margin-bottom:0}.footer-logo[data-v-2b95dc9c]{display:flex;justify-content:center}.social-links[data-v-2b95dc9c]{flex-direction:row;justify-content:center}.footer-section[data-v-2b95dc9c]{text-align:center}.footer-title[data-v-2b95dc9c]:after{left:50%;transform:translateX(-50%)}.footer-link[data-v-2b95dc9c]:before{display:none}.footer-link[data-v-2b95dc9c]:hover{padding-left:0}.contact-item[data-v-2b95dc9c]{justify-content:center}.footer-bottom-content[data-v-2b95dc9c]{flex-direction:column;text-align:center}}@media (max-width:480px){.footer-main[data-v-2b95dc9c]{padding:var(--spacing-3) 0 var(--spacing-2)}.footer-container[data-v-2b95dc9c]{padding:0 var(--spacing-3)}.logo-img[data-v-2b95dc9c]{height:32px}.brand-tagline[data-v-2b95dc9c]{font-size:.8rem}.footer-title[data-v-2b95dc9c]{font-size:.9rem}.contact-item[data-v-2b95dc9c],.footer-link[data-v-2b95dc9c]{font-size:.8rem}.social-link[data-v-2b95dc9c]{width:32px;height:32px}.social-link svg[data-v-2b95dc9c]{width:16px;height:16px}.footer-bottom[data-v-2b95dc9c]{padding:var(--spacing-3) 0}.bottom-link[data-v-2b95dc9c],.copyright[data-v-2b95dc9c]{font-size:.75rem}.footer-bottom-links[data-v-2b95dc9c]{gap:var(--spacing-2)}}.toast-container[data-v-13a5b6b2]{position:fixed;top:var(--spacing-4);right:var(--spacing-4);z-index:9999;display:flex;flex-direction:column;gap:var(--spacing-3);max-width:420px;pointer-events:none}.toast[data-v-13a5b6b2]{position:relative;display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:0 4px 12px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.05);pointer-events:all;cursor:pointer;transition:var(--transition-base);overflow:hidden;min-width:320px}.toast[data-v-13a5b6b2]:hover{transform:translateX(-4px);box-shadow:0 6px 16px rgba(0,0,0,.2),0 0 0 1px rgba(0,0,0,.08)}.toast-success[data-v-13a5b6b2]{border-left:4px solid var(--color-primary)}.toast-error[data-v-13a5b6b2]{border-left:4px solid var(--color-error)}.toast-warning[data-v-13a5b6b2]{border-left:4px solid var(--color-warning)}.toast-info[data-v-13a5b6b2]{border-left:4px solid var(--color-info)}.toast-icon[data-v-13a5b6b2]{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%}.toast-success .toast-icon[data-v-13a5b6b2]{color:var(--color-primary);background:var(--color-primary-alpha-10)}.toast-error .toast-icon[data-v-13a5b6b2]{color:var(--color-error);background:var(--color-error-bg)}.toast-warning .toast-icon[data-v-13a5b6b2]{color:var(--color-warning);background:var(--color-warning-bg)}.toast-info .toast-icon[data-v-13a5b6b2]{color:var(--color-info);background:var(--color-info-bg)}.toast-icon svg[data-v-13a5b6b2]{width:20px;height:20px}.toast-content[data-v-13a5b6b2]{flex:1;min-width:0}.toast-title[data-v-13a5b6b2]{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-1);line-height:1.3}.toast-body[data-v-13a5b6b2]{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.4;word-wrap:break-word}.toast-meta[data-v-13a5b6b2]{font-size:var(--font-size-xs);margin-top:var(--spacing-2);gap:var(--spacing-1)}.toast-close[data-v-13a5b6b2],.toast-meta[data-v-13a5b6b2]{color:var(--color-gray-500);display:flex;align-items:center}.toast-close[data-v-13a5b6b2]{flex-shrink:0;width:24px;height:24px;border:none;background:transparent;cursor:pointer;padding:0;justify-content:center;border-radius:var(--radius-sm);transition:var(--transition-fast)}.toast-close[data-v-13a5b6b2]:hover{background:rgba(0,0,0,.05);color:var(--color-gray-700)}.toast-close svg[data-v-13a5b6b2]{width:18px;height:18px}.toast-progress[data-v-13a5b6b2]{position:absolute;bottom:0;left:0;height:3px;width:100%;transform-origin:left;animation:toast-progress-13a5b6b2 linear forwards}.toast-success .toast-progress[data-v-13a5b6b2]{background:linear-gradient(90deg,var(--color-primary) 0,var(--color-primary-dark) 100%)}.toast-error .toast-progress[data-v-13a5b6b2]{background:linear-gradient(90deg,var(--color-error) 0,#b02a37 100%)}.toast-warning .toast-progress[data-v-13a5b6b2]{background:linear-gradient(90deg,var(--color-warning) 0,#e0a800 100%)}.toast-info .toast-progress[data-v-13a5b6b2]{background:linear-gradient(90deg,var(--color-info) 0,#0aa2c0 100%)}@keyframes toast-progress-13a5b6b2{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.toast-slide-enter-active[data-v-13a5b6b2],.toast-slide-leave-active[data-v-13a5b6b2]{transition:all .4s cubic-bezier(.4,0,.2,1)}.toast-slide-enter-from[data-v-13a5b6b2]{transform:translateX(100%);opacity:0}.toast-slide-leave-to[data-v-13a5b6b2]{transform:translateX(120%);opacity:0}.toast-slide-move[data-v-13a5b6b2]{transition:transform .4s cubic-bezier(.4,0,.2,1)}@media (max-width:768px){.toast-container[data-v-13a5b6b2]{top:.5rem;right:.5rem;left:.5rem;max-width:none}.toast[data-v-13a5b6b2]{min-width:auto;width:100%}}*{box-sizing:border-box;margin:0;padding:0}#app{font-family:Avenir,Segoe UI,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}#app,html{height:100%}html{background:linear-gradient(135deg,#f5f7fa,#e9ecef);scroll-behavior:smooth}body,html{width:100%}body{min-height:100%;margin:0;padding:0}#app-container{height:100%;width:100%;min-height:100vh}h1{width:100%;color:#2c3e50;font-weight:700}.public-layout{height:100%;width:100%;display:grid;grid-template-rows:auto 1fr auto;grid-template-areas:"header" "main" "footer";min-height:100vh}.public-layout header{grid-area:header}.public-layout main{grid-area:main;padding:1.5rem;width:100%;margin:0 auto;padding-bottom:2rem}.public-layout footer{grid-area:footer;margin-top:auto}.dashboard-layout{display:flex;min-height:100vh;height:100%;width:100%;overflow-x:hidden}.dashboard-content{flex:1;display:flex;flex-direction:column;margin-left:230px;width:calc(100% - 230px);transition:all .3s cubic-bezier(.4,0,.2,1)}.dashboard-content.sidebar-collapsed{margin-left:80px;width:calc(100% - 80px)}.main-content{flex:1 0 auto;padding:0 2rem;width:100%;margin:0 auto;animation:slideInContent .4s ease-out}.dashboard-footer{margin-top:auto;padding-top:2rem;flex-shrink:0;background:hsla(0,0%,100%,.9);backdrop-filter:blur(10px);border-top:1px solid rgba(25,135,84,.1)}@media (max-width:968px){.dashboard-content{margin-left:0}.main-content{padding:5rem .5rem 0}}@media (max-width:768px){.public-layout main{padding:1rem}.main-content{padding:4.5rem .25rem 0}}@media (max-width:480px){.public-layout main{padding:.75rem}.main-content{padding:4.5rem 0 0}}@keyframes slideInContent{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}h1[data-v-33c58b1c]{padding-top:5em;padding-bottom:var(--spacing-2)}.div-bkg-img[data-v-33c58b1c]{background-image:url(/img/visual_Technik.0895af9c.jpg);height:35em;background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative;margin-top:0}.auth-container[data-v-cf3bbf92]{display:flex;flex-direction:column;background:var(--color-bg-primary);position:relative}.view-toggle-container[data-v-cf3bbf92]{position:absolute;top:var(--spacing-4);left:var(--spacing-4);z-index:100;background:var(--glass-bg);border-radius:var(--radius-md);border:1px solid var(--color-bg-border);box-shadow:var(--shadow-md);backdrop-filter:blur(10px)}.toggle-switch[data-v-cf3bbf92]{display:flex;gap:0;background:var(--color-bg-light);border-radius:var(--radius-sm);padding:2px;width:-moz-fit-content;width:fit-content}.toggle-btn[data-v-cf3bbf92]{padding:var(--spacing-2) var(--spacing-4);border:none;background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-base);white-space:nowrap}.toggle-btn[data-v-cf3bbf92]:hover{color:var(--color-text-primary);background:var(--color-white-alpha-50)}.toggle-btn.active[data-v-cf3bbf92]{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-primary-sm)}.main-content[data-v-cf3bbf92]{flex:1;max-width:650px;margin:0 auto;padding:var(--spacing-12) var(--spacing-8);width:100%}.title[data-v-cf3bbf92]{text-align:center;margin-bottom:var(--spacing-6);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-shadow:0 2px 4px rgba(0,0,0,.06)}.auth-card[data-v-cf3bbf92]{background:var(--glass-bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);padding:var(--spacing-10);border:1px solid var(--color-white-alpha-80);backdrop-filter:blur(10px)}.welcome-text[data-v-cf3bbf92]{text-align:center;color:var(--color-text-secondary);margin:0 0 var(--spacing-4) 0}.actions[data-v-cf3bbf92]{display:flex;justify-content:center}.auth-form[data-v-cf3bbf92]{display:flex;flex-direction:column;gap:var(--spacing-4)}.form-fields[data-v-cf3bbf92]{display:flex;flex-direction:column;gap:var(--spacing-5)}.signup-row[data-v-cf3bbf92]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-6)}.form-field[data-v-cf3bbf92]{display:flex;flex-direction:column}.form-field.invalid input[data-v-cf3bbf92]{color:var(--color-error);background:transparent}label[data-v-cf3bbf92]{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-1);color:var(--color-text-primary);font-size:var(--font-size-md)}.auth-form input[data-v-cf3bbf92],.auth-form textarea[data-v-cf3bbf92]{display:block!important;width:100%!important;font:inherit!important;border:none!important;padding:var(--spacing-3) 0!important;border-radius:0!important;background:transparent!important;background-color:transparent!important;background-image:none!important;color:var(--color-text-primary)!important;transition:var(--transition-base)!important;box-shadow:none!important;height:auto!important;line-height:normal!important}.auth-form input[data-v-cf3bbf92]:focus,.auth-form textarea[data-v-cf3bbf92]:focus{outline:none!important;box-shadow:none!important;border:none!important;background:transparent!important;background-color:transparent!important;color:var(--color-text-primary)!important}.errors[data-v-cf3bbf92]{margin-top:var(--spacing-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-error)}.forgot-password-row[data-v-cf3bbf92]{text-align:right;margin-top:calc(var(--spacing-2)*-1);margin-bottom:var(--spacing-2)}.forgot-password-link[data-v-cf3bbf92]{color:var(--color-text-secondary);font-size:var(--font-size-sm);text-decoration:none;transition:color .3s ease}.forgot-password-link[data-v-cf3bbf92]:hover{color:var(--color-primary);text-decoration:underline}.form-actions[data-v-cf3bbf92]{display:flex;align-items:center;justify-content:center;margin-top:var(--spacing-6)}.form-actions[data-v-cf3bbf92] .primary-btn,.form-actions[data-v-cf3bbf92] button{min-width:200px;padding:.9rem var(--spacing-10);background:var(--color-primary)!important;border:none!important;color:#fff!important;border-radius:50px!important;font-weight:var(--font-weight-semibold)!important;font-size:var(--font-size-base)!important;transition:var(--transition-base)!important;box-shadow:var(--shadow-primary-md)!important}.form-actions[data-v-cf3bbf92] .primary-btn:hover,.form-actions[data-v-cf3bbf92] button:hover{background:var(--color-primary-dark)!important;transform:translateY(-2px);box-shadow:var(--shadow-primary-lg)!important}.verification-dialog[data-v-cf3bbf92]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3)}.dialog-subtitle[data-v-cf3bbf92]{color:var(--color-text-secondary);margin:0 0 var(--spacing-1) 0}.digit-inputs[data-v-cf3bbf92]{display:flex;gap:var(--spacing-2)}.digit-inputs input[data-v-cf3bbf92]{width:2.25rem;height:2.75rem;text-align:center;font-size:var(--font-size-lg);border:1px solid var(--color-bg-border);border-radius:var(--radius-md);background:var(--color-bg-primary);padding:var(--spacing-2);transition:border-color .3s ease}.digit-inputs input[data-v-cf3bbf92]:focus{border-color:var(--color-primary)}.resend-row[data-v-cf3bbf92]{margin-top:var(--spacing-1)}.disabled[data-v-cf3bbf92]{pointer-events:none;opacity:.6}.forgot-password-dialog[data-v-cf3bbf92]{display:flex;flex-direction:column;gap:var(--spacing-3)}.forgot-password-dialog input[data-v-cf3bbf92]{width:100%;padding:var(--spacing-3);border:1px solid var(--color-bg-border);border-radius:var(--radius-md);background:var(--color-bg-primary);transition:border-color .3s ease}.forgot-password-dialog input[data-v-cf3bbf92]:focus{border-color:var(--color-primary)}@media (max-width:768px){.view-toggle-container[data-v-cf3bbf92]{top:var(--spacing-2);left:var(--spacing-2)}.main-content[data-v-cf3bbf92]{padding:var(--spacing-8) var(--spacing-6)}.auth-card[data-v-cf3bbf92]{padding:var(--spacing-8)}}@media (max-width:480px){.main-content[data-v-cf3bbf92]{padding:var(--spacing-6) var(--spacing-4)}.auth-card[data-v-cf3bbf92]{padding:var(--spacing-6);border-radius:var(--radius-lg)}.signup-row[data-v-cf3bbf92]{grid-template-columns:1fr}.title[data-v-cf3bbf92]{font-size:var(--font-size-2xl)}.form-actions[data-v-cf3bbf92] .primary-btn,.form-actions[data-v-cf3bbf92] button{min-width:100%;padding:.85rem var(--spacing-8)}}div[data-v-524128f8]{background:transparent}.user_page .card[data-v-524128f8]{width:800px}.user_page .card h1[data-v-524128f8]{text-align:center;background-color:transparent}.detail[data-v-524128f8]{display:grid;grid-template-columns:4fr 1fr;text-align:left;background:transparent;padding-bottom:.5rem}.dialog-backdrop[data-v-524128f8]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center}.dialog[data-v-524128f8]{background:#fff;padding:1.5rem;border-radius:8px;text-align:center;width:400px}.dialog-actions[data-v-524128f8]{display:flex;justify-content:space-around;margin-top:1rem}.confirm-button[data-v-524128f8]{background-color:red}.cancel-button[data-v-524128f8],.confirm-button[data-v-524128f8]{color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer}.cancel-button[data-v-524128f8]{background-color:gray}.delete-button[data-v-524128f8]{background-color:red;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;margin-top:1rem}.not_found[data-v-155d589f]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;padding:var(--spacing-8)}.title[data-v-155d589f]{font-size:3rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-4)}.subtitle[data-v-155d589f]{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-8)}.reading-card[data-v-6beed1b6]{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--border-width-base) solid var(--color-primary-alpha-15);border-radius:var(--radius-lg);padding:var(--spacing-3);cursor:pointer;transition:var(--transition-base);box-shadow:var(--shadow-primary-sm);position:relative;overflow:hidden;min-height:90px}.reading-card[data-v-6beed1b6]:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary-lg);border-color:var(--color-primary-alpha-30)}.card-inner[data-v-6beed1b6]{flex-direction:column;text-align:center;height:100%;gap:var(--spacing-2)}.card-inner[data-v-6beed1b6],.card-main[data-v-6beed1b6]{display:flex;align-items:center;width:100%;justify-content:center}.card-main[data-v-6beed1b6]{gap:var(--spacing-3);flex:1}.reading-card.state-ok[data-v-6beed1b6]{border-color:var(--color-primary-alpha-30);background:var(--gradient-primary-light)}.reading-card.state-ok[data-v-6beed1b6]:hover{border-color:var(--color-primary);box-shadow:var(--shadow-primary-lg)}.reading-card.state-low[data-v-6beed1b6]{border-color:rgba(33,150,243,.3);background:linear-gradient(135deg,rgba(33,150,243,.08),rgba(25,118,210,.08))}.reading-card.state-low[data-v-6beed1b6]:hover{border-color:#2196f3;box-shadow:0 6px 16px rgba(33,150,243,.2)}.reading-card.state-high[data-v-6beed1b6]{border-color:var(--color-error-border);background:var(--color-error-bg)}.reading-card.state-high[data-v-6beed1b6]:hover{border-color:var(--color-error);box-shadow:0 6px 16px rgba(220,53,69,.2)}.reading-card.state-neutral[data-v-6beed1b6]{border-color:var(--color-border-medium);background:linear-gradient(135deg,hsla(0,0%,62%,.08),hsla(0,0%,46%,.08))}.reading-card.state-neutral[data-v-6beed1b6]:hover{border-color:var(--color-gray-500);box-shadow:0 6px 16px hsla(0,0%,62%,.2)}.reading-card.state-radar-none[data-v-6beed1b6]{border-color:hsla(0,0%,62%,.3);background:linear-gradient(135deg,hsla(0,0%,74%,.08),hsla(0,0%,62%,.08))}.reading-card.state-radar-none[data-v-6beed1b6]:hover{border-color:#9e9e9e;box-shadow:0 6px 16px hsla(0,0%,62%,.2)}.reading-card.state-radar-close[data-v-6beed1b6]{border-color:hsla(0,0%,74%,.3);background:linear-gradient(135deg,hsla(0,0%,88%,.08),hsla(0,0%,74%,.08))}.reading-card.state-radar-close[data-v-6beed1b6]:hover{border-color:#bdbdbd;box-shadow:0 6px 16px hsla(0,0%,74%,.2)}.reading-card.state-radar-medium[data-v-6beed1b6]{border-color:hsla(0,0%,46%,.3);background:linear-gradient(135deg,hsla(0,0%,62%,.08),hsla(0,0%,46%,.08))}.reading-card.state-radar-medium[data-v-6beed1b6]:hover{border-color:#757575;box-shadow:0 6px 16px hsla(0,0%,46%,.2)}.reading-card.state-radar-far[data-v-6beed1b6]{border-color:rgba(66,66,66,.3);background:linear-gradient(135deg,rgba(97,97,97,.08),rgba(66,66,66,.08))}.reading-card.state-radar-far[data-v-6beed1b6]:hover{border-color:#424242;box-shadow:0 6px 16px rgba(66,66,66,.2)}.reading-card.state-aq-invalid[data-v-6beed1b6]{border-color:hsla(0,0%,62%,.3);background:linear-gradient(135deg,var(--color-aq-invalid-bg) 0,hsla(0,0%,46%,.08) 100%)}.reading-card.state-aq-invalid[data-v-6beed1b6]:hover{border-color:var(--color-aq-invalid);box-shadow:0 6px 16px hsla(0,0%,62%,.2)}.reading-card.state-aq-level6-cool[data-v-6beed1b6]{border-color:rgba(107,163,199,.35);background:linear-gradient(135deg,var(--color-aq-level6-cool-bg) 0,rgba(74,122,158,.08) 100%)}.reading-card.state-aq-level6-cool[data-v-6beed1b6]:hover{border-color:var(--color-aq-level6-cool);box-shadow:0 6px 16px rgba(107,163,199,.2)}.reading-card.state-aq-level5-cool[data-v-6beed1b6]{border-color:rgba(125,184,217,.35);background:linear-gradient(135deg,var(--color-aq-level5-cool-bg) 0,rgba(90,151,184,.08) 100%)}.reading-card.state-aq-level5-cool[data-v-6beed1b6]:hover{border-color:var(--color-aq-level5-cool);box-shadow:0 6px 16px rgba(125,184,217,.2)}.reading-card.state-aq-level4-cool[data-v-6beed1b6]{border-color:rgba(158,202,225,.4);background:linear-gradient(135deg,var(--color-aq-level4-cool-bg) 0,rgba(107,163,199,.1) 100%)}.reading-card.state-aq-level4-cool[data-v-6beed1b6]:hover{border-color:var(--color-aq-level4-cool);box-shadow:0 6px 16px rgba(158,202,225,.25)}.reading-card.state-aq-level3-cool[data-v-6beed1b6]{border-color:rgba(168,219,217,.4);background:linear-gradient(135deg,var(--color-aq-level3-cool-bg) 0,rgba(107,184,181,.08) 100%)}.reading-card.state-aq-level3-cool[data-v-6beed1b6]:hover{border-color:var(--color-aq-level3-cool);box-shadow:0 6px 16px rgba(168,219,217,.2)}.reading-card.state-aq-level2-cool[data-v-6beed1b6]{border-color:rgba(178,223,219,.4);background:linear-gradient(135deg,var(--color-aq-level2-cool-bg) 0,rgba(108,184,176,.08) 100%)}.reading-card.state-aq-level2-cool[data-v-6beed1b6]:hover{border-color:var(--color-aq-level2-cool);box-shadow:0 6px 16px rgba(178,223,219,.2)}.reading-card.state-aq-level1[data-v-6beed1b6]{border-color:var(--color-primary-alpha-30);background:var(--gradient-primary-light)}.reading-card.state-aq-level1[data-v-6beed1b6]:hover{border-color:var(--color-primary);box-shadow:var(--shadow-primary-lg)}.reading-card.state-aq-level2-warm[data-v-6beed1b6]{border-color:hsla(79,45%,73%,.4);background:linear-gradient(135deg,var(--color-aq-level2-warm-bg) 0,hsla(83,27%,53%,.08) 100%)}.reading-card.state-aq-level2-warm[data-v-6beed1b6]:hover{border-color:var(--color-aq-level2-warm);box-shadow:0 6px 16px hsla(79,45%,73%,.25)}.reading-card.state-aq-level3-warm[data-v-6beed1b6]{border-color:hsla(49,80%,80%,.45);background:linear-gradient(135deg,var(--color-aq-level3-warm-bg) 0,rgba(201,180,74,.1) 100%)}.reading-card.state-aq-level3-warm[data-v-6beed1b6]:hover{border-color:var(--color-aq-level3-warm);box-shadow:0 6px 16px hsla(49,80%,80%,.25)}.reading-card.state-aq-level4-warm[data-v-6beed1b6]{border-color:hsla(30,82%,78%,.4);background:linear-gradient(135deg,var(--color-aq-level4-warm-bg) 0,rgba(212,154,74,.08) 100%)}.reading-card.state-aq-level4-warm[data-v-6beed1b6]:hover{border-color:var(--color-aq-level4-warm);box-shadow:0 6px 16px hsla(30,82%,78%,.25)}.reading-card.state-aq-level5-warm[data-v-6beed1b6]{border-color:hsla(15,65%,74%,.4);background:linear-gradient(135deg,var(--color-aq-level5-warm-bg) 0,rgba(198,122,94,.08) 100%)}.reading-card.state-aq-level5-warm[data-v-6beed1b6]:hover{border-color:var(--color-aq-level5-warm);box-shadow:0 6px 16px hsla(15,65%,74%,.2)}.reading-card.state-aq-level6-warm[data-v-6beed1b6]{border-color:hsla(0,51%,70%,.4);background:linear-gradient(135deg,var(--color-aq-level6-warm-bg) 0,rgba(179,89,89,.08) 100%)}.reading-card.state-aq-level6-warm[data-v-6beed1b6]:hover{border-color:var(--color-aq-level6-warm);box-shadow:0 6px 16px hsla(0,51%,70%,.2)}.reading-card.selected[data-v-6beed1b6]{border-width:var(--border-width-base);box-shadow:var(--shadow-primary-xl)}.reading-card.selected.state-ok[data-v-6beed1b6]{border-color:var(--color-primary);background:linear-gradient(135deg,var(--color-primary-alpha-15) 0,var(--color-primary-alpha-10) 100%)}.reading-card.selected.state-low[data-v-6beed1b6]{border-color:#2196f3;background:linear-gradient(135deg,rgba(33,150,243,.15),rgba(25,118,210,.12))}.reading-card.selected.state-high[data-v-6beed1b6]{border-color:var(--color-error-dark);background:linear-gradient(135deg,rgba(211,47,47,.15),rgba(198,40,40,.12))}.reading-card.selected.state-neutral[data-v-6beed1b6]{border-color:var(--color-gray-600);background:linear-gradient(135deg,hsla(0,0%,46%,.15),rgba(97,97,97,.12))}.reading-card.selected.state-radar-close[data-v-6beed1b6],.reading-card.selected.state-radar-none[data-v-6beed1b6]{border-color:#9e9e9e;background:linear-gradient(135deg,hsla(0,0%,74%,.15),hsla(0,0%,62%,.12))}.reading-card.selected.state-radar-medium[data-v-6beed1b6]{border-color:#757575;background:linear-gradient(135deg,hsla(0,0%,46%,.15),rgba(97,97,97,.12))}.reading-card.selected.state-radar-far[data-v-6beed1b6]{border-color:#424242;background:linear-gradient(135deg,rgba(66,66,66,.15),rgba(33,33,33,.12))}.reading-card.selected.state-aq-invalid[data-v-6beed1b6]{border-color:var(--color-aq-invalid);background:linear-gradient(135deg,hsla(0,0%,62%,.2),hsla(0,0%,46%,.15))}.reading-card.selected.state-aq-level6-cool[data-v-6beed1b6]{border-color:var(--color-aq-level6-cool);background:linear-gradient(135deg,rgba(17,132,194,.2),rgba(13,106,158,.15))}.reading-card.selected.state-aq-level5-cool[data-v-6beed1b6]{border-color:var(--color-aq-level5-cool);background:linear-gradient(135deg,rgba(26,167,236,.2),rgba(21,137,196,.15))}.reading-card.selected.state-aq-level4-cool[data-v-6beed1b6]{border-color:var(--color-aq-level4-cool);background:linear-gradient(135deg,rgba(174,212,255,.3),rgba(91,163,224,.2))}.reading-card.selected.state-aq-level3-cool[data-v-6beed1b6]{border-color:var(--color-aq-level3-cool);background:linear-gradient(135deg,rgba(74,222,222,.2),rgba(46,184,184,.15))}.reading-card.selected.state-aq-level2-cool[data-v-6beed1b6]{border-color:var(--color-aq-level2-cool);background:linear-gradient(135deg,rgba(141,216,204,.25),rgba(92,191,174,.18))}.reading-card.selected.state-aq-level1[data-v-6beed1b6]{border-color:var(--color-primary);background:linear-gradient(135deg,var(--color-primary-alpha-15) 0,var(--color-primary-alpha-10) 100%)}.reading-card.selected.state-aq-level2-warm[data-v-6beed1b6]{border-color:var(--color-aq-level2-warm);background:linear-gradient(135deg,hsla(79,45%,73%,.25),hsla(83,27%,53%,.15))}.reading-card.selected.state-aq-level3-warm[data-v-6beed1b6]{border-color:var(--color-aq-level3-warm);background:linear-gradient(135deg,hsla(49,80%,80%,.25),rgba(201,180,74,.15))}.reading-card.selected.state-aq-level4-warm[data-v-6beed1b6]{border-color:var(--color-aq-level4-warm);background:linear-gradient(135deg,hsla(30,82%,78%,.2),rgba(212,154,74,.12))}.reading-card.selected.state-aq-level5-warm[data-v-6beed1b6]{border-color:var(--color-aq-level5-warm);background:linear-gradient(135deg,hsla(15,65%,74%,.2),rgba(198,122,94,.12))}.reading-card.selected.state-aq-level6-warm[data-v-6beed1b6]{border-color:var(--color-aq-level6-warm);background:linear-gradient(135deg,hsla(0,51%,70%,.2),rgba(179,89,89,.12))}.selected-indicator[data-v-6beed1b6]{position:absolute;top:0;left:0;width:4px;height:100%;background:var(--gradient-primary);border-radius:var(--radius-lg) 0 0 var(--radius-lg);animation:slideIn-6beed1b6 var(--duration-base) ease;z-index:10}.reading-card.state-ok .selected-indicator[data-v-6beed1b6]{background:var(--gradient-primary)}.reading-card.state-low .selected-indicator[data-v-6beed1b6]{background:linear-gradient(180deg,#2196f3,#1565c0)}.reading-card.state-high .selected-indicator[data-v-6beed1b6]{background:linear-gradient(180deg,var(--color-error) 0,var(--color-error-dark) 100%)}.reading-card.state-neutral .selected-indicator[data-v-6beed1b6]{background:linear-gradient(180deg,var(--color-gray-500) 0,var(--color-gray-600) 100%)}.reading-card.state-radar-close .selected-indicator[data-v-6beed1b6],.reading-card.state-radar-none .selected-indicator[data-v-6beed1b6]{background:linear-gradient(180deg,#bdbdbd,#9e9e9e)}.reading-card.state-radar-medium .selected-indicator[data-v-6beed1b6]{background:linear-gradient(180deg,#757575,#616161)}.reading-card.state-radar-far .selected-indicator[data-v-6beed1b6]{background:linear-gradient(180deg,#424242,#212121)}.reading-card.state-aq-invalid .selected-indicator[data-v-6beed1b6]{background:linear-gradient(180deg,var(--color-aq-invalid) 0,var(--color-aq-invalid-dark) 100%)}.reading-card.state-aq-level6-cool .selected-indicator[data-v-6beed1b6]{background:linear-gradient(180deg,var(--color-aq-level6-cool) 0,var(--color-aq-level6-cool-dark) 100%)}.reading-card.state-aq-level5-cool .selected-indicator[data-v-6beed1b6]{background:linear-gradient(180deg,var(--color-aq-level5-cool) 0,var(--color-aq-level5-cool-dark) 100%)}.reading-card.state-aq-level4-cool .selected-indicator[data-v-6beed1b6]{background:linear-gradient(180deg,var(--color-aq-level4-cool) 0,var(--color-aq-level4-cool-dark) 100%)}.reading-card.state-aq-level3-cool .selected-indicator[data-v-6beed1b6]{background:linear-gradient(180deg,var(--color-aq-level3-cool) 0,var(--color-aq-level3-cool-dark) 100%)}.reading-card.state-aq-level2-cool .selected-indicator[data-v-6beed1b6]{background:linear-gradient(180deg,var(--color-aq-level2-cool) 0,var(--color-aq-level2-cool-dark) 100%)}.reading-card.state-aq-level1 .selected-indicator[data-v-6beed1b6]{background:var(--gradient-primary)}.reading-card.state-aq-level2-warm .selected-indicator[data-v-6beed1b6]{background:linear-gradient(180deg,var(--color-aq-level2-warm) 0,var(--color-aq-level2-warm-dark) 100%)}.reading-card.state-aq-level3-warm .selected-indicator[data-v-6beed1b6]{background:linear-gradient(180deg,var(--color-aq-level3-warm) 0,var(--color-aq-level3-warm-dark) 100%)}.reading-card.state-aq-level4-warm .selected-indicator[data-v-6beed1b6]{background:linear-gradient(180deg,var(--color-aq-level4-warm) 0,var(--color-aq-level4-warm-dark) 100%)}.reading-card.state-aq-level5-warm .selected-indicator[data-v-6beed1b6]{background:linear-gradient(180deg,var(--color-aq-level5-warm) 0,var(--color-aq-level5-warm-dark) 100%)}.reading-card.state-aq-level6-warm .selected-indicator[data-v-6beed1b6]{background:linear-gradient(180deg,var(--color-aq-level6-warm) 0,var(--color-aq-level6-warm-dark) 100%)}@keyframes slideIn-6beed1b6{0%{transform:scaleY(0);transform-origin:top}to{transform:scaleY(1);transform-origin:top}}.card-icon[data-v-6beed1b6]{width:44px;height:44px;display:flex;align-items:center;justify-content:center;transition:var(--transition-base);position:relative}.card-icon svg[data-v-6beed1b6]{width:38px;height:38px;transition:var(--transition-base);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.reading-card:hover .card-icon svg[data-v-6beed1b6]{transform:scale(1.1)}.card-icon.state-ok svg[data-v-6beed1b6]{color:var(--color-primary)}.card-icon.state-low svg[data-v-6beed1b6]{color:#2196f3}.card-icon.state-high svg[data-v-6beed1b6]{color:var(--color-error)}.card-icon.state-neutral svg[data-v-6beed1b6]{color:var(--color-gray-500)}.card-icon.state-radar-none svg[data-v-6beed1b6]{color:#9e9e9e}.card-icon.state-radar-close svg[data-v-6beed1b6]{color:#bdbdbd}.card-icon.state-radar-medium svg[data-v-6beed1b6]{color:#757575}.card-icon.state-radar-far svg[data-v-6beed1b6]{color:#424242}.card-icon.state-aq-invalid svg[data-v-6beed1b6]{color:var(--color-aq-invalid)}.card-icon.state-aq-level6-cool svg[data-v-6beed1b6]{color:var(--color-aq-level6-cool)}.card-icon.state-aq-level5-cool svg[data-v-6beed1b6]{color:var(--color-aq-level5-cool)}.card-icon.state-aq-level4-cool svg[data-v-6beed1b6]{color:var(--color-aq-level4-cool-dark)}.card-icon.state-aq-level3-cool svg[data-v-6beed1b6]{color:var(--color-aq-level3-cool-dark)}.card-icon.state-aq-level2-cool svg[data-v-6beed1b6]{color:var(--color-aq-level2-cool-dark)}.card-icon.state-aq-level1 svg[data-v-6beed1b6]{color:var(--color-primary)}.card-icon.state-aq-level2-warm svg[data-v-6beed1b6]{color:var(--color-aq-level2-warm-dark)}.card-icon.state-aq-level3-warm svg[data-v-6beed1b6]{color:var(--color-aq-level3-warm-dark)}.card-icon.state-aq-level4-warm svg[data-v-6beed1b6]{color:var(--color-aq-level4-warm-dark)}.card-icon.state-aq-level5-warm svg[data-v-6beed1b6]{color:var(--color-aq-level5-warm-dark)}.card-icon.state-aq-level6-warm svg[data-v-6beed1b6]{color:var(--color-aq-level6-warm)}.card-title[data-v-6beed1b6]{margin:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);width:100%;text-align:center}.card-value[data-v-6beed1b6]{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;line-height:var(--line-height-tight)}.reading-card.aqi-card .card-value[data-v-6beed1b6]{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.reading-card.radar-card[data-v-6beed1b6]{grid-column:1/-1;min-height:70px;max-height:90px}.reading-card.radar-card .card-icon[data-v-6beed1b6]{width:48px;height:48px;flex-shrink:0}.reading-card.radar-card .card-icon svg[data-v-6beed1b6]{width:42px;height:42px}.reading-card.radar-card .card-value[data-v-6beed1b6]{font-size:1.75rem}@media (max-width:768px){.reading-card[data-v-6beed1b6]{min-height:85px;padding:var(--spacing-3)}.card-icon[data-v-6beed1b6]{width:40px;height:40px}.card-icon svg[data-v-6beed1b6]{width:34px;height:34px}.card-value[data-v-6beed1b6]{font-size:1.35rem}.card-title[data-v-6beed1b6]{font-size:.65rem}.reading-card.radar-card[data-v-6beed1b6]{min-height:65px;max-height:85px}.reading-card.radar-card .card-value[data-v-6beed1b6]{font-size:var(--font-size-xl)}}@media (max-width:480px){.reading-card[data-v-6beed1b6]{min-height:80px;padding:var(--spacing-2)}.card-main[data-v-6beed1b6]{gap:var(--spacing-2)}.card-icon[data-v-6beed1b6]{width:36px;height:36px}.card-icon svg[data-v-6beed1b6]{width:30px;height:30px}.card-value[data-v-6beed1b6]{font-size:var(--font-size-lg)}.card-title[data-v-6beed1b6]{font-size:.6rem}.reading-card.radar-card[data-v-6beed1b6]{min-height:60px;max-height:75px}.reading-card.radar-card .card-icon[data-v-6beed1b6]{width:40px;height:40px}.reading-card.radar-card .card-value[data-v-6beed1b6]{font-size:1.35rem}}.list-block[data-v-46e9ca45]{margin-bottom:var(--spacing-6);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-lg);padding:var(--spacing-5);box-shadow:var(--shadow-primary-sm);border:var(--border-width-base) solid var(--color-primary-alpha-10)}.readings-header[data-v-46e9ca45]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4);flex-wrap:wrap;gap:var(--spacing-2)}.block-title[data-v-46e9ca45]{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);display:flex;align-items:center;gap:var(--spacing-2);margin:0}.block-title[data-v-46e9ca45]:before{content:"";width:4px;height:24px;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border-radius:var(--radius-sm)}.last-update[data-v-46e9ca45]{font-size:var(--font-size-xs);color:var(--color-text-secondary);gap:var(--spacing-1)}.last-update[data-v-46e9ca45],.offline-note[data-v-46e9ca45]{font-weight:var(--font-weight-medium);display:flex;align-items:center}.offline-note[data-v-46e9ca45]{color:var(--color-warning);font-size:var(--font-size-sm);margin-bottom:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4);background:linear-gradient(135deg,rgba(243,156,18,.08),rgba(255,152,0,.08));border-radius:var(--radius-md);border-left:4px solid var(--color-warning);gap:var(--spacing-2)}.offline-note[data-v-46e9ca45]:before{content:"⚠";font-size:var(--font-size-lg)}.empty-note[data-v-46e9ca45]{color:var(--color-gray-500);font-style:italic;padding:var(--spacing-8);text-align:center;background:linear-gradient(135deg,hsla(184,9%,62%,.05),hsla(184,6%,53%,.05));border-radius:var(--radius-md);border:var(--border-width-base) dashed var(--color-gray-400);font-size:var(--font-size-sm)}.cards-grid-3[data-v-46e9ca45]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-4);list-style:none;padding:0;margin:0}.cards-grid-3 .radar-item[data-v-46e9ca45]{grid-column:1/-1}@media (min-width:1200px){.cards-grid-3[data-v-46e9ca45]{grid-template-columns:repeat(3,1fr);gap:var(--spacing-5)}}@media (min-width:768px) and (max-width:1199px){.cards-grid-3[data-v-46e9ca45]{grid-template-columns:repeat(3,1fr);gap:var(--spacing-4)}}@media (min-width:480px) and (max-width:767px){.cards-grid-3[data-v-46e9ca45]{grid-template-columns:repeat(2,1fr);gap:var(--spacing-3)}.list-block[data-v-46e9ca45]{padding:var(--spacing-4)}.block-title[data-v-46e9ca45]{font-size:var(--font-size-md)}}@media (max-width:479px){.cards-grid-3[data-v-46e9ca45]{grid-template-columns:1fr;gap:var(--spacing-3)}.list-block[data-v-46e9ca45]{padding:var(--spacing-3)}.block-title[data-v-46e9ca45]{font-size:var(--font-size-base)}.offline-note[data-v-46e9ca45]{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-xs)}}.modern-card[data-v-d77f81a4]{background:var(--color-bg-primary);border-radius:16px;overflow:hidden;transition:var(--transition-base)}.toolbar[data-v-d77f81a4]{padding:1.25rem;background:linear-gradient(135deg,#f8f9fa,#fff);border-bottom:2px solid #e9ecef}.time-range-buttons[data-v-d77f81a4]{display:flex;gap:var(--spacing-2);flex-wrap:wrap;justify-content:center;align-items:center}.time-btn[data-v-d77f81a4]{min-width:60px;padding:.625rem 1rem;background:var(--color-bg-primary);border:2px solid #e9ecef;border-radius:var(--radius-md);font-size:.875rem;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-base);text-transform:uppercase;letter-spacing:.5px}.time-btn[data-v-d77f81a4]:hover{border-color:var(--color-primary);color:var(--color-primary);background:rgba(25,135,84,.05);transform:translateY(-2px);box-shadow:0 2px 8px rgba(25,135,84,.15)}.time-btn.active[data-v-d77f81a4]{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border-color:var(--color-primary);color:#fff;box-shadow:0 4px 12px rgba(25,135,84,.3);transform:translateY(-2px)}.time-btn[data-v-d77f81a4]:active{transform:translateY(0)}.chart-wrapper[data-v-d77f81a4]{padding:1.5rem 1rem;background:var(--color-bg-primary)}[data-v-d77f81a4] .apexcharts-toolbar{z-index:10}[data-v-d77f81a4] .apexcharts-tooltip{border-radius:var(--radius-md);box-shadow:0 4px 12px rgba(0,0,0,.15)}[data-v-d77f81a4] .apexcharts-tooltip-title{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border-bottom:none;font-weight:var(--font-weight-semibold);padding:8px 12px}[data-v-d77f81a4] .apexcharts-tooltip-series-group{padding:8px 12px}[data-v-d77f81a4] .apexcharts-menu{border-radius:var(--radius-md);box-shadow:0 4px 12px rgba(0,0,0,.15);border:1px solid #e9ecef}[data-v-d77f81a4] .apexcharts-menu-item:hover{background:rgba(25,135,84,.1)}@media (max-width:768px){.toolbar[data-v-d77f81a4]{padding:var(--spacing-4)}.time-range-buttons[data-v-d77f81a4]{gap:.375rem}.time-btn[data-v-d77f81a4]{min-width:50px;padding:.5rem .75rem;font-size:.75rem}.chart-wrapper[data-v-d77f81a4]{padding:1rem .5rem}}@media (max-width:480px){.time-btn[data-v-d77f81a4]{min-width:45px;padding:.5rem;font-size:.7rem}}.modern-card[data-v-4b9d0d88]{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-xl);border:1px solid var(--color-primary-alpha-10);box-shadow:var(--shadow-primary-md);overflow:hidden;transition:var(--transition-base)}.modern-card[data-v-4b9d0d88]:hover{box-shadow:var(--shadow-primary-lg)}.toolbar[data-v-4b9d0d88]{display:flex;justify-content:center;align-items:center;padding:var(--spacing-5) var(--spacing-4);background:transparent}.time-range-buttons[data-v-4b9d0d88]{display:inline-flex;gap:var(--spacing-0_5);padding:var(--spacing-1);background:hsla(0,0%,100%,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-full);border:1px solid var(--color-primary-alpha-15);box-shadow:0 4px 24px rgba(25,135,84,.08),inset 0 1px 0 hsla(0,0%,100%,.8)}.time-btn[data-v-4b9d0d88]{min-width:44px;padding:var(--spacing-2) var(--spacing-3);background:transparent;border:none;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px;position:relative}.time-btn[data-v-4b9d0d88]:hover:not(.active){color:var(--color-primary);background:var(--color-primary-alpha-10)}.time-btn.active[data-v-4b9d0d88]{background:var(--gradient-primary);color:#fff;box-shadow:0 2px 8px rgba(25,135,84,.3),0 4px 16px rgba(25,135,84,.2);transform:scale(1.02)}.time-btn[data-v-4b9d0d88]:active{transform:scale(.98)}.chart-wrapper[data-v-4b9d0d88]{padding:var(--spacing-4);background:linear-gradient(180deg,transparent 0,var(--color-primary-alpha-5) 100%)}.chart[data-v-4b9d0d88]{width:100%;height:450px;border-radius:var(--radius-md)}@media (max-width:768px){.modern-card[data-v-4b9d0d88]{border-radius:var(--radius-lg)}.toolbar[data-v-4b9d0d88]{padding:var(--spacing-4) var(--spacing-3)}.time-range-buttons[data-v-4b9d0d88]{gap:2px;padding:3px}.time-btn[data-v-4b9d0d88]{min-width:38px;padding:var(--spacing-1_5) var(--spacing-2);font-size:10px}.chart-wrapper[data-v-4b9d0d88]{padding:var(--spacing-3) var(--spacing-2)}.chart[data-v-4b9d0d88]{height:380px}}@media (max-width:480px){.toolbar[data-v-4b9d0d88]{padding:var(--spacing-3) var(--spacing-2)}.time-range-buttons[data-v-4b9d0d88]{gap:1px;padding:2px}.time-btn[data-v-4b9d0d88]{min-width:32px;padding:6px 8px;font-size:9px;letter-spacing:0}.chart-wrapper[data-v-4b9d0d88]{padding:var(--spacing-2)}.chart[data-v-4b9d0d88]{height:320px}}.breadcrumb-selector-container[data-v-7c6fe4d2]{display:flex;align-items:center;gap:var(--spacing-2);padding:1rem 1.5rem;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:2px solid rgba(25,135,84,.2);border-radius:16px;box-shadow:0 4px 16px rgba(25,135,84,.1);position:relative;margin-bottom:var(--spacing-6);flex-wrap:wrap;z-index:100}.breadcrumb-dropdown[data-v-7c6fe4d2],.breadcrumb-item[data-v-7c6fe4d2]{position:relative;z-index:200}.breadcrumb-dropdown.active[data-v-7c6fe4d2]{z-index:1000}.breadcrumb-dropdown.disabled[data-v-7c6fe4d2]{opacity:.5;pointer-events:none}.breadcrumb-button[data-v-7c6fe4d2]{display:flex;align-items:center;gap:var(--spacing-3);padding:.75rem 1.25rem;background:var(--color-bg-primary);border:2px solid rgba(25,135,84,.3);border-radius:var(--radius-lg);font-size:.95rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px rgba(0,0,0,.05);white-space:nowrap}.breadcrumb-button[data-v-7c6fe4d2]:hover:not(:disabled){background:rgba(25,135,84,.05);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px rgba(25,135,84,.15)}.breadcrumb-button[data-v-7c6fe4d2]:disabled{cursor:not-allowed;opacity:.6}.breadcrumb-dropdown.active .breadcrumb-button[data-v-7c6fe4d2]{background:linear-gradient(135deg,rgba(25,135,84,.1),rgba(3,129,68,.08));border-color:var(--color-primary);box-shadow:0 4px 16px rgba(25,135,84,.2)}.item-icon-image[data-v-7c6fe4d2],.item-icon[data-v-7c6fe4d2]{width:20px;height:20px;flex-shrink:0;transition:var(--transition-base)}.item-icon-image[data-v-7c6fe4d2]{border-radius:var(--radius-sm);-o-object-fit:cover;object-fit:cover;border:1px solid hsla(0,0%,100%,.3)}.breadcrumb-button:hover .item-icon-image[data-v-7c6fe4d2]{border-color:hsla(0,0%,100%,.6);box-shadow:0 2px 4px rgba(0,0,0,.1)}.home-icon[data-v-7c6fe4d2]{color:var(--color-primary)}.room-icon[data-v-7c6fe4d2]{color:#20a361}.device-icon[data-v-7c6fe4d2]{color:#28a869}.gateway-icon[data-v-7c6fe4d2]{color:var(--color-primary)}.chevron-icon[data-v-7c6fe4d2]{width:16px;height:16px;color:#6c757d;transition:transform .3s ease}.breadcrumb-dropdown.active .chevron-icon[data-v-7c6fe4d2]{transform:rotate(180deg)}.item-text[data-v-7c6fe4d2]{flex:1;text-align:left}.breadcrumb-separator[data-v-7c6fe4d2]{display:flex;align-items:center;color:var(--color-primary);opacity:.5}.breadcrumb-separator svg[data-v-7c6fe4d2]{width:20px;height:20px}.dropdown-menu[data-v-7c6fe4d2]{display:block!important;position:absolute!important;top:calc(100% + 1rem);left:0;min-width:320px;max-width:400px;max-height:400px;overflow-y:auto;background:hsla(0,0%,100%,.98);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:2px solid var(--color-primary);border-radius:var(--radius-lg);box-shadow:0 8px 32px rgba(25,135,84,.25);z-index:9999!important;padding:var(--spacing-2);visibility:visible!important;opacity:1!important;animation:dropdownIn-7c6fe4d2 .2s ease-out}.dropdown-menu[data-v-7c6fe4d2]::-webkit-scrollbar{width:6px}.dropdown-menu[data-v-7c6fe4d2]::-webkit-scrollbar-track{background:rgba(25,135,84,.05);border-radius:3px}.dropdown-menu[data-v-7c6fe4d2]::-webkit-scrollbar-thumb{background:rgba(25,135,84,.3);border-radius:3px}.dropdown-menu[data-v-7c6fe4d2]::-webkit-scrollbar-thumb:hover{background:rgba(25,135,84,.5)}.dropdown-empty[data-v-7c6fe4d2]{padding:2rem;text-align:center;color:#6c757d;font-style:italic;font-size:var(--font-size-sm)}.dropdown-item[data-v-7c6fe4d2]{display:flex;align-items:center;gap:var(--spacing-4);padding:.875rem 1rem;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;border:2px solid transparent}.dropdown-item[data-v-7c6fe4d2]:hover{background:rgba(25,135,84,.08);border-color:rgba(25,135,84,.2);transform:translateX(4px)}.dropdown-item.selected[data-v-7c6fe4d2]{background:linear-gradient(135deg,rgba(25,135,84,.15),rgba(3,129,68,.1));border-color:var(--color-primary)}.dropdown-item.disabled[data-v-7c6fe4d2]{opacity:.5;cursor:not-allowed;pointer-events:none;background:rgba(0,0,0,.02)}.dropdown-item.disabled[data-v-7c6fe4d2]:hover{transform:none;background:rgba(0,0,0,.02);border-color:transparent}.dropdown-item.disabled .dropdown-item-meta[data-v-7c6fe4d2],.dropdown-item.disabled .dropdown-item-title[data-v-7c6fe4d2]{color:var(--color-text-tertiary)}.dropdown-item.disabled .dropdown-item-icon[data-v-7c6fe4d2]{background:var(--color-text-tertiary)}.dropdown-item.disabled .dropdown-item-image[data-v-7c6fe4d2]{filter:grayscale(100%);opacity:.6}.dropdown-item-icon[data-v-7c6fe4d2]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border-radius:var(--radius-md);color:#fff;flex-shrink:0}.dropdown-item-icon svg[data-v-7c6fe4d2]{width:18px;height:18px}.dropdown-item-image[data-v-7c6fe4d2]{width:32px;height:32px;border-radius:var(--radius-md);-o-object-fit:cover;object-fit:cover;flex-shrink:0;border:2px solid rgba(25,135,84,.2);box-shadow:0 2px 4px rgba(0,0,0,.1);transition:var(--transition-base)}.dropdown-item:hover .dropdown-item-image[data-v-7c6fe4d2]{border-color:var(--color-primary);box-shadow:0 4px 8px rgba(25,135,84,.2)}.dropdown-item-content[data-v-7c6fe4d2]{flex:1;min-width:0}.dropdown-item-title[data-v-7c6fe4d2]{font-size:.95rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:.25rem}.dropdown-item-meta[data-v-7c6fe4d2]{font-size:.8rem;color:#6c757d;font-weight:500}.check-icon[data-v-7c6fe4d2]{width:20px;height:20px;color:var(--color-primary);flex-shrink:0}.dropdown-overlay[data-v-7c6fe4d2]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9998;background:hsla(0,0%,100%,.1);backdrop-filter:blur(2px);border-radius:var(--radius-lg)}.dropdown-fade-enter-active[data-v-7c6fe4d2]{animation:dropdownIn-7c6fe4d2 .2s ease-out}.dropdown-fade-leave-active[data-v-7c6fe4d2]{animation:dropdownOut-7c6fe4d2 .15s ease-in}@keyframes dropdownIn-7c6fe4d2{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dropdownOut-7c6fe4d2{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.95)}}@media (max-width:768px){.breadcrumb-selector-container[data-v-7c6fe4d2]{padding:.75rem 1rem;gap:.375rem}.breadcrumb-button[data-v-7c6fe4d2]{padding:.625rem 1rem;font-size:.875rem;gap:var(--spacing-2)}.item-icon-image[data-v-7c6fe4d2],.item-icon[data-v-7c6fe4d2]{width:18px;height:18px}.chevron-icon[data-v-7c6fe4d2]{width:14px;height:14px}.breadcrumb-separator svg[data-v-7c6fe4d2]{width:16px;height:16px}.dropdown-menu[data-v-7c6fe4d2]{min-width:280px;max-width:calc(100vw - 2rem);max-height:300px}.dropdown-item[data-v-7c6fe4d2]{padding:.75rem .875rem}.dropdown-item-icon[data-v-7c6fe4d2]{width:28px;height:28px}.dropdown-item-icon svg[data-v-7c6fe4d2]{width:16px;height:16px}.dropdown-item-image[data-v-7c6fe4d2]{width:28px;height:28px}}@media (max-width:480px){.breadcrumb-selector-container[data-v-7c6fe4d2]{flex-direction:column;align-items:stretch}.breadcrumb-separator[data-v-7c6fe4d2]{transform:rotate(90deg);margin:-.25rem 0}.breadcrumb-button[data-v-7c6fe4d2]{width:100%;justify-content:space-between}.dropdown-menu[data-v-7c6fe4d2]{left:50%;transform:translateX(-50%)}}.view-toggle[data-v-f3c7dcc8]{display:flex;gap:var(--spacing-2);background:var(--glass-bg);padding:var(--spacing-1);border-radius:var(--radius-lg);border:1px solid var(--color-primary-alpha-20);box-shadow:var(--shadow-md);margin-top:var(--spacing-3)}.view-toggle-btn[data-v-f3c7dcc8]{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border:none;background:transparent;color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-md);transition:var(--transition-base)}.toggle-icon[data-v-f3c7dcc8]{display:flex;align-items:center;justify-content:center}.toggle-icon[data-v-f3c7dcc8] svg{width:18px;height:18px}.view-toggle-btn[data-v-f3c7dcc8]:hover{color:var(--color-primary);background:var(--color-primary-alpha-5)}.view-toggle-btn.active[data-v-f3c7dcc8]{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-primary-sm)}.view-toggle-btn.active .toggle-icon[data-v-f3c7dcc8] svg{color:#fff}@media (max-width:768px){.toggle-label[data-v-f3c7dcc8]{display:none}.view-toggle-btn[data-v-f3c7dcc8]{padding:var(--spacing-2)}}.page-layout[data-v-279989b0]{margin:0 auto;padding:var(--spacing-4)}.page-header[data-v-279989b0]{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4);gap:var(--spacing-4);flex-wrap:wrap}.page-title[data-v-279989b0]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;display:flex;align-items:center;gap:var(--spacing-3)}.page-title[data-v-279989b0]:before{content:"";width:4px;height:28px;background:var(--gradient-primary);border-radius:var(--radius-xs)}.header-actions[data-v-279989b0]{display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:wrap}.page-body[data-v-279989b0]{display:block}.page-body.has-sidebar[data-v-279989b0]{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-6);align-items:start}.page-sidebar[data-v-279989b0]{background:var(--color-bg-primary);border-radius:var(--radius-lg);border:1px solid var(--color-bg-border);box-shadow:var(--shadow-sm);overflow:hidden;position:sticky;top:var(--spacing-4)}.page-content[data-v-279989b0]{min-width:0}@media (max-width:968px){.page-body.has-sidebar[data-v-279989b0]{grid-template-columns:1fr}.page-sidebar[data-v-279989b0]{position:static}.page-layout[data-v-279989b0]{padding:var(--spacing-2) var(--spacing-1)}.page-body.has-sidebar[data-v-279989b0]{gap:var(--spacing-3)}}@media (max-width:768px){.page-layout[data-v-279989b0]{padding:var(--spacing-2) var(--spacing-1)}.page-header[data-v-279989b0]{flex-direction:column;align-items:flex-start;margin-bottom:var(--spacing-3)}.header-actions[data-v-279989b0]{width:100%}.page-title[data-v-279989b0]{font-size:var(--font-size-xl)}.page-title[data-v-279989b0]:before{height:24px}}@media (max-width:480px){.page-layout[data-v-279989b0]{padding:var(--spacing-1) 0}.page-header[data-v-279989b0]{padding:0 var(--spacing-2);margin-bottom:var(--spacing-2)}.page-title[data-v-279989b0]{font-size:var(--font-size-lg)}.page-title[data-v-279989b0]:before{height:20px}}.dashboard-grid[data-v-41751a3e]{display:grid;grid-template-columns:1fr;gap:var(--spacing-6);width:100%;align-items:start}@media (min-width:1200px){.dashboard-grid[data-v-41751a3e]{grid-template-columns:35fr 65fr;gap:var(--spacing-8)}}.analytics-toggle[data-v-41751a3e],.toggle-label[data-v-41751a3e]{display:flex;align-items:center}.toggle-label[data-v-41751a3e]{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;gap:var(--spacing-3)}.toggle-checkbox[data-v-41751a3e]{display:none}.toggle-slider[data-v-41751a3e]{position:relative;width:48px;height:24px;background:var(--color-border-medium);border-radius:24px;transition:var(--transition-base)}.toggle-slider[data-v-41751a3e]:before{content:"";position:absolute;width:18px;height:18px;background:#fff;border-radius:50%;top:3px;left:3px;transition:var(--transition-base)}.toggle-checkbox:checked+.toggle-slider[data-v-41751a3e]{background:var(--color-primary)}.toggle-checkbox:checked+.toggle-slider[data-v-41751a3e]:before{transform:translateX(24px)}.toggle-text[data-v-41751a3e]{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.selector-row-container[data-v-41751a3e]{margin-bottom:var(--spacing-4)}.graph-section[data-v-41751a3e]{margin-bottom:var(--spacing-6)}.graph-header[data-v-41751a3e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6);flex-wrap:wrap;gap:var(--spacing-4)}.block-title[data-v-41751a3e]{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);display:flex;align-items:center;gap:var(--spacing-2)}.block-title[data-v-41751a3e]:before{content:"";width:4px;height:24px;background:var(--gradient-primary);border-radius:2px}.measurement-icon[data-v-41751a3e]{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin-right:var(--spacing-2);transition:var(--transition-base)}.measurement-icon svg[data-v-41751a3e]{width:28px;height:28px;transition:var(--transition-base)}.measurement-icon.state-ok svg[data-v-41751a3e]{color:var(--color-success)}.measurement-icon.state-low svg[data-v-41751a3e]{color:var(--color-warning)}.measurement-icon.state-high svg[data-v-41751a3e]{color:var(--color-error)}.measurement-icon.state-neutral svg[data-v-41751a3e]{color:var(--color-text-tertiary)}.graph-container[data-v-41751a3e]{position:relative;min-height:400px}.loading-overlay[data-v-41751a3e]{position:absolute;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.95);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;border-radius:var(--radius-md)}.loading-content[data-v-41751a3e]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-6)}.pulsating-logo[data-v-41751a3e]{width:200px;height:auto;animation:pulsate-41751a3e 2s ease-in-out infinite}@keyframes pulsate-41751a3e{0%,to{filter:grayscale(100%) brightness(.8);transform:scale(1);opacity:.7}50%{filter:grayscale(0) brightness(1);transform:scale(1.05);opacity:1}}.loading-text[data-v-41751a3e]{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin:0;animation:fadeInOut-41751a3e 2s ease-in-out infinite}@keyframes fadeInOut-41751a3e{0%,to{opacity:.5}50%{opacity:1}}.error[data-v-41751a3e]{color:var(--color-error);font-size:var(--font-size-sm);margin-top:var(--spacing-3);padding:var(--spacing-2);background:var(--color-error-alpha-5);border-radius:var(--radius-sm);border-left:3px solid var(--color-error)}.empty-state[data-v-41751a3e]{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-12) var(--spacing-6);min-height:400px;background:var(--color-bg-primary);border-radius:var(--radius-lg);border:2px dashed var(--color-bg-border);margin-top:var(--spacing-6)}.empty-state-icon[data-v-41751a3e]{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-alpha-10);border-radius:50%;margin-bottom:var(--spacing-6)}.empty-state-icon svg[data-v-41751a3e]{width:40px;height:40px;color:var(--color-primary)}.empty-state-title[data-v-41751a3e]{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-3) 0}.empty-state-description[data-v-41751a3e]{font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:400px;margin:0 0 var(--spacing-6) 0;line-height:1.6}.empty-state-actions[data-v-41751a3e]{display:flex;gap:var(--spacing-3)}.empty-state-button[data-v-41751a3e]{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);background:var(--gradient-primary);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-decoration:none;border-radius:var(--radius-lg);transition:var(--transition-base)}.empty-state-button[data-v-41751a3e]:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary-md)}.empty-state-button svg[data-v-41751a3e]{width:18px;height:18px}.device-row[data-v-376d452e]{border-bottom:1px solid var(--color-bg-border);transition:var(--transition-fast);cursor:pointer}.device-row[data-v-376d452e]:hover{background:var(--color-bg-secondary)}.device-row.no-data[data-v-376d452e]{opacity:.6}.device-row td[data-v-376d452e]{padding:var(--spacing-4) var(--spacing-2);font-size:var(--font-size-sm)}.cell-device[data-v-376d452e]{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.device-name[data-v-376d452e]{display:flex;align-items:center;gap:var(--spacing-2)}.device-icon[data-v-376d452e]{font-size:var(--font-size-base)}.cell-location[data-v-376d452e]{color:var(--color-text-secondary)}.location-text[data-v-376d452e]{font-size:var(--font-size-sm)}.cell-network[data-v-376d452e]{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.cell-metric[data-v-376d452e]{text-align:center;font-weight:var(--font-weight-medium)}.metric-value[data-v-376d452e]{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);display:inline-block;min-width:60px}.metric-ok .metric-value[data-v-376d452e]{background:var(--color-success-alpha-20);color:var(--color-success-dark)}.metric-low .metric-value[data-v-376d452e]{background:rgba(33,150,243,.15);color:#1565c0}.metric-high .metric-value[data-v-376d452e]{background:var(--color-error-alpha-20);color:var(--color-error-dark)}.metric-neutral .metric-value[data-v-376d452e]{background:var(--color-bg-border);color:var(--color-text-secondary)}.metric-no-data .metric-value[data-v-376d452e]{color:var(--color-text-tertiary)}.metric-aq-invalid .metric-value[data-v-376d452e]{background:var(--color-aq-invalid-bg);color:var(--color-aq-invalid-dark)}.metric-aq-level6-cool .metric-value[data-v-376d452e]{background:var(--color-aq-level6-cool-bg);color:var(--color-aq-level6-cool-dark)}.metric-aq-level5-cool .metric-value[data-v-376d452e]{background:var(--color-aq-level5-cool-bg);color:var(--color-aq-level5-cool-dark)}.metric-aq-level4-cool .metric-value[data-v-376d452e]{background:var(--color-aq-level4-cool-bg);color:var(--color-aq-level4-cool-dark)}.metric-aq-level3-cool .metric-value[data-v-376d452e]{background:var(--color-aq-level3-cool-bg);color:var(--color-aq-level3-cool-dark)}.metric-aq-level2-cool .metric-value[data-v-376d452e]{background:var(--color-aq-level2-cool-bg);color:var(--color-aq-level2-cool-dark)}.metric-aq-level1 .metric-value[data-v-376d452e]{background:var(--color-primary-alpha-12);color:var(--color-primary-dark)}.metric-aq-level2-warm .metric-value[data-v-376d452e]{background:var(--color-aq-level2-warm-bg);color:var(--color-aq-level2-warm-dark)}.metric-aq-level3-warm .metric-value[data-v-376d452e]{background:var(--color-aq-level3-warm-bg);color:var(--color-aq-level3-warm-dark)}.metric-aq-level4-warm .metric-value[data-v-376d452e]{background:var(--color-aq-level4-warm-bg);color:var(--color-aq-level4-warm-dark)}.metric-aq-level5-warm .metric-value[data-v-376d452e]{background:var(--color-aq-level5-warm-bg);color:var(--color-aq-level5-warm-dark)}.metric-aq-level6-warm .metric-value[data-v-376d452e]{background:var(--color-aq-level6-warm-bg);color:var(--color-aq-level6-warm-dark)}.metric-radar-none .metric-value[data-v-376d452e]{background:hsla(0,0%,74%,.15);color:#9e9e9e}.metric-radar-close .metric-value[data-v-376d452e]{background:hsla(0,0%,62%,.18);color:#757575}.metric-radar-medium .metric-value[data-v-376d452e]{background:hsla(0,0%,46%,.2);color:#424242}.metric-radar-far .metric-value[data-v-376d452e]{background:rgba(66,66,66,.25);color:#212121}.cell-timestamp[data-v-376d452e]{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.timestamp-text[data-v-376d452e]{white-space:nowrap}@media (max-width:768px){.device-row td[data-v-376d452e]{padding:var(--spacing-3) var(--spacing-2);font-size:var(--font-size-sm)}.metric-value[data-v-376d452e]{min-width:50px;font-size:var(--font-size-xs)}}.multi-device-grid[data-v-0a5e2e81]{background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.devices-table[data-v-0a5e2e81]{width:100%;border-collapse:collapse;table-layout:auto}.devices-table thead[data-v-0a5e2e81]{background:linear-gradient(135deg,#198754,#038144);background:var(--gradient-primary,linear-gradient(135deg,#198754 0,#038144 100%));color:#fff}.devices-table thead tr[data-v-0a5e2e81]:hover{background:none}.devices-table th[data-v-0a5e2e81]{padding:var(--spacing-4) var(--spacing-2);text-align:left;font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-bottom:2px solid var(--color-success-dark);background:none;text-align:center}.col-device[data-v-0a5e2e81],.col-location[data-v-0a5e2e81]{width:15%}.col-network[data-v-0a5e2e81]{width:10%}.col-metric[data-v-0a5e2e81]{width:7%;text-align:center}.col-timestamp[data-v-0a5e2e81]{width:12%}.no-devices[data-v-0a5e2e81]{padding:var(--spacing-12);text-align:center;color:var(--color-text-secondary)}.no-devices p[data-v-0a5e2e81]{font-size:var(--font-size-lg);margin:0}.table-container[data-v-0a5e2e81]{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width:1200px){.devices-table[data-v-0a5e2e81]{min-width:1000px}.devices-table td[data-v-0a5e2e81],.devices-table th[data-v-0a5e2e81]{padding:var(--spacing-2);font-size:var(--font-size-sm)}}@media (max-width:768px){.devices-table[data-v-0a5e2e81]{min-width:1200px}.devices-table td[data-v-0a5e2e81],.devices-table th[data-v-0a5e2e81]{padding:var(--spacing-2);font-size:var(--font-size-xs)}}@media (max-width:480px){.devices-table[data-v-0a5e2e81]{min-width:1200px}.devices-table td[data-v-0a5e2e81],.devices-table th[data-v-0a5e2e81]{padding:var(--spacing-1) var(--spacing-2);font-size:.75rem}}.sidebar-container[data-v-0f0da9ea]{display:flex;flex-direction:column;height:100%;width:230px;min-width:230px;max-width:280px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;position:relative;box-sizing:border-box}.sidebar-container.collapsed[data-v-0f0da9ea]{width:50px;min-width:50px;max-width:50px}.sidebar-collapsed[data-v-0f0da9ea]{display:flex;flex-direction:column;align-items:center;height:100%;width:50px;padding:var(--spacing-4) 0;background:var(--color-bg-secondary)}.expand-btn[data-v-0f0da9ea]{background:var(--color-primary);border:none;cursor:pointer;padding:var(--spacing-2);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:var(--transition-base);color:#fff;margin-bottom:var(--spacing-4)}.expand-btn[data-v-0f0da9ea]:hover{background:var(--color-primary-dark);transform:scale(1.05)}.expand-btn[data-v-0f0da9ea]:active{transform:scale(.95)}.vertical-text[data-v-0f0da9ea]{writing-mode:vertical-rl;text-orientation:mixed;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin:var(--spacing-4) 0;letter-spacing:2px}.collapsed-count[data-v-0f0da9ea]{margin-top:auto;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary);padding:var(--spacing-2);background:var(--color-bg-primary);border-radius:var(--radius-md);min-width:30px;text-align:center}.sidebar-expanded[data-v-0f0da9ea]{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden}.sidebar-header[data-v-0f0da9ea]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4);border-bottom:1px solid var(--color-border-light);background:var(--color-bg-secondary);flex-shrink:0}.sidebar-title[data-v-0f0da9ea]{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);white-space:nowrap}.collapse-btn[data-v-0f0da9ea]{background:none;border:none;cursor:pointer;padding:var(--spacing-2);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:var(--transition-base);color:var(--color-text-secondary);flex-shrink:0}.collapse-btn[data-v-0f0da9ea]:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.collapse-btn[data-v-0f0da9ea]:active{transform:scale(.95)}.sidebar-selectors[data-v-0f0da9ea]{padding:var(--spacing-4);flex:1;overflow-y:auto;width:100%;min-width:0;box-sizing:border-box;border-top:1px solid var(--color-bg-border);display:flex;flex-direction:column}.selector-group[data-v-0f0da9ea]{display:flex;flex-direction:column;gap:var(--spacing-2);width:100%;min-width:0}.selector-group label[data-v-0f0da9ea]{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.filter-field[data-v-0f0da9ea]{display:flex;flex-direction:column;gap:var(--spacing-1);width:100%}.sidebar-input[data-v-0f0da9ea],.sidebar-select[data-v-0f0da9ea]{width:100%;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border-medium);border-radius:var(--radius-sm);font-size:var(--font-size-sm);background:var(--color-bg-primary);color:var(--color-text-secondary);transition:var(--transition-fast);margin-bottom:var(--spacing-3);box-sizing:border-box;min-width:0}.sidebar-input[data-v-0f0da9ea]:focus,.sidebar-select[data-v-0f0da9ea]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha-10)}.sidebar-select[data-v-0f0da9ea]:disabled{background:var(--color-bg-secondary);cursor:not-allowed;opacity:.7}.sidebar-input[data-v-0f0da9ea]::-moz-placeholder{color:var(--color-text-tertiary);opacity:.7}.sidebar-input[data-v-0f0da9ea]::placeholder{color:var(--color-text-tertiary);opacity:.7}.filter-summary[data-v-0f0da9ea]{margin-top:var(--spacing-4);padding:var(--spacing-4);border-top:1px solid var(--color-border-light)}.summary-item[data-v-0f0da9ea]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2) 0}.summary-label[data-v-0f0da9ea]{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.summary-value[data-v-0f0da9ea]{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-primary)}.empty-state[data-v-0f0da9ea]{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-16) var(--spacing-8);min-height:400px;background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:2px dashed var(--color-bg-border)}.empty-state p[data-v-0f0da9ea]{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:0}@media (max-width:1400px){[data-v-0f0da9ea] .page-body.has-sidebar{grid-template-columns:1fr}[data-v-0f0da9ea] .page-sidebar{position:static}.sidebar-container.collapsed[data-v-0f0da9ea],.sidebar-container[data-v-0f0da9ea]{width:100%!important;max-width:100%!important;min-width:0!important;height:auto}.sidebar-collapsed[data-v-0f0da9ea]{flex-direction:row;width:100%;height:auto;padding:var(--spacing-3) var(--spacing-4);justify-content:space-between;align-items:center}.vertical-text[data-v-0f0da9ea]{writing-mode:horizontal-tb;text-orientation:mixed;margin:0;letter-spacing:normal}.collapsed-count[data-v-0f0da9ea]{margin-top:0;margin-left:var(--spacing-3)}.expand-btn[data-v-0f0da9ea]{margin-bottom:0;margin-right:var(--spacing-3)}.collapse-btn svg[data-v-0f0da9ea],.expand-btn svg[data-v-0f0da9ea]{transform:rotate(90deg)}.sidebar-expanded[data-v-0f0da9ea]{width:100%;height:auto}.sidebar-selectors[data-v-0f0da9ea]{flex:none;overflow-y:visible;border-top:none;border-bottom:1px solid var(--color-bg-border);padding-bottom:var(--spacing-4);margin-bottom:var(--spacing-4)}.selector-group[data-v-0f0da9ea],.sidebar-selectors[data-v-0f0da9ea]{flex-direction:row;align-items:flex-start;gap:var(--spacing-4);flex-wrap:wrap}.filter-field[data-v-0f0da9ea]{flex:1;min-width:150px;max-width:300px}.selector-group label[data-v-0f0da9ea]{margin-bottom:var(--spacing-1)}.sidebar-input[data-v-0f0da9ea],.sidebar-select[data-v-0f0da9ea]{width:100%;margin-bottom:0}}.multi-select-dropdown[data-v-51dc4b9e]{position:relative;width:100%}.dropdown-toggle[data-v-51dc4b9e]{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-2) var(--spacing-3);background:var(--color-bg-primary);border:1px solid var(--color-bg-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast)}.dropdown-toggle[data-v-51dc4b9e]:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.dropdown-toggle.open[data-v-51dc4b9e]{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha-10)}.toggle-label[data-v-51dc4b9e]{display:flex;align-items:center;gap:var(--spacing-2)}.toggle-label svg[data-v-51dc4b9e]{flex-shrink:0}.selected-count[data-v-51dc4b9e]{font-weight:var(--font-weight-semibold);color:var(--color-primary);margin-left:var(--spacing-1)}.chevron[data-v-51dc4b9e]{flex-shrink:0;transition:var(--transition-fast)}.dropdown-toggle.open .chevron[data-v-51dc4b9e]{transform:rotate(180deg)}.dropdown-menu[data-v-51dc4b9e]{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--color-bg-primary);border:1px solid var(--color-bg-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);z-index:var(--z-index-dropdown);max-height:300px;display:flex;flex-direction:column}.dropdown-header[data-v-51dc4b9e]{display:flex;gap:var(--spacing-2);padding:var(--spacing-2);border-bottom:1px solid var(--color-bg-medium);background:var(--color-bg-light)}.header-btn[data-v-51dc4b9e]{flex:1;padding:var(--spacing-1);background:var(--color-bg-primary);border:1px solid var(--color-bg-border);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast)}.header-btn[data-v-51dc4b9e]:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.dropdown-items[data-v-51dc4b9e]{overflow-y:auto;max-height:240px}.dropdown-item[data-v-51dc4b9e]{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);cursor:pointer;transition:var(--transition-fast);border-bottom:1px solid var(--color-bg-light)}.dropdown-item[data-v-51dc4b9e]:hover{background:var(--color-bg-light)}.dropdown-item input[type=checkbox][data-v-51dc4b9e]{cursor:pointer;margin:0;flex-shrink:0}.item-label[data-v-51dc4b9e]{font-size:var(--font-size-sm);color:var(--color-text-secondary);-webkit-user-select:none;-moz-user-select:none;user-select:none}.empty-state[data-v-51dc4b9e]{padding:var(--spacing-6);text-align:center;color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.dropdown-items[data-v-51dc4b9e]::-webkit-scrollbar{width:6px}.dropdown-items[data-v-51dc4b9e]::-webkit-scrollbar-track{background:var(--color-bg-light)}.dropdown-items[data-v-51dc4b9e]::-webkit-scrollbar-thumb{background:var(--color-bg-border);border-radius:3px}.dropdown-items[data-v-51dc4b9e]::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.alarms-container[data-v-8cc2c834]{background:var(--color-bg-primary);border-radius:var(--radius-lg);border:1px solid var(--color-bg-border);box-shadow:var(--shadow-md);overflow:hidden}.info-badge[data-v-8cc2c834]{padding:var(--spacing-1) var(--spacing-2);background:var(--color-white-alpha-20);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap}.info-separator[data-v-8cc2c834]{opacity:.6;font-weight:var(--font-weight-light)}.filters-section[data-v-8cc2c834]{padding:var(--spacing-4);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-bg-border)}.filter-group[data-v-8cc2c834]{margin-bottom:var(--spacing-4)}.filter-group[data-v-8cc2c834]:last-child{margin-bottom:0}.filter-label[data-v-8cc2c834]{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;color:var(--color-text-tertiary);margin-bottom:var(--spacing-2);letter-spacing:.3px}.filter-label svg[data-v-8cc2c834]{width:14px;height:14px}.alarm-count[data-v-8cc2c834]{font-weight:var(--font-weight-medium);color:var(--color-primary);margin-left:var(--spacing-1)}.date-inputs[data-v-8cc2c834]{display:flex;align-items:center;gap:var(--spacing-2);flex-wrap:wrap}.date-input[data-v-8cc2c834]{flex:1;min-width:200px;padding:var(--spacing-2);border:1px solid var(--color-bg-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);transition:var(--transition-fast);background:var(--color-bg-primary)!important;color:var(--color-text-primary)!important;color-scheme:light;-webkit-text-fill-color:var(--color-text-primary)}.date-input[data-v-8cc2c834]::-webkit-datetime-edit,.date-input[data-v-8cc2c834]::-webkit-datetime-edit-ampm-field,.date-input[data-v-8cc2c834]::-webkit-datetime-edit-day-field,.date-input[data-v-8cc2c834]::-webkit-datetime-edit-fields-wrapper,.date-input[data-v-8cc2c834]::-webkit-datetime-edit-hour-field,.date-input[data-v-8cc2c834]::-webkit-datetime-edit-minute-field,.date-input[data-v-8cc2c834]::-webkit-datetime-edit-month-field,.date-input[data-v-8cc2c834]::-webkit-datetime-edit-text,.date-input[data-v-8cc2c834]::-webkit-datetime-edit-year-field{color:var(--color-text-primary);-webkit-text-fill-color:var(--color-text-primary)}.date-input[data-v-8cc2c834]::-webkit-calendar-picker-indicator{filter:invert(0)}.date-input[data-v-8cc2c834]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha-10)}.date-separator[data-v-8cc2c834]{color:var(--color-text-tertiary)}.date-separator[data-v-8cc2c834],.reset-btn[data-v-8cc2c834]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.reset-btn[data-v-8cc2c834]{padding:var(--spacing-2) var(--spacing-4);background:var(--color-bg-primary);border:1px solid var(--color-bg-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast);white-space:nowrap}.reset-btn[data-v-8cc2c834]:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.type-filters[data-v-8cc2c834]{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.type-filter-checkbox[data-v-8cc2c834]{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:var(--color-bg-primary);border:1px solid var(--color-bg-border);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);font-size:var(--font-size-sm)}.type-filter-checkbox[data-v-8cc2c834]:hover{border-color:var(--color-primary);box-shadow:var(--shadow-primary-sm)}.type-filter-checkbox input[type=checkbox][data-v-8cc2c834]{cursor:pointer;margin:0}.type-filter-checkbox input[type=checkbox]:checked+.checkbox-label[data-v-8cc2c834]{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.checkbox-label[data-v-8cc2c834]{display:flex;align-items:center;font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:var(--transition-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none}.type-indicator[data-v-8cc2c834]{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:var(--spacing-2)}.type-indicator.under[data-v-8cc2c834]{background:var(--color-info)}.type-indicator.over[data-v-8cc2c834]{background:var(--color-error)}.type-indicator.both[data-v-8cc2c834]{background:linear-gradient(90deg,var(--color-info) 0,var(--color-info) 50%,var(--color-error) 50%,var(--color-error) 100%)}.indicator-legend[data-v-8cc2c834]{display:flex;gap:var(--spacing-4);padding:var(--spacing-2);background:var(--color-bg-primary);border-radius:var(--radius-sm);border:1px solid var(--color-bg-border);margin-bottom:var(--spacing-2);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.legend-item[data-v-8cc2c834]{display:flex;align-items:center;gap:var(--spacing-1)}.filter-actions[data-v-8cc2c834]{display:flex;gap:var(--spacing-2)}.filter-action-btn[data-v-8cc2c834]{padding:var(--spacing-2) var(--spacing-3);background:var(--color-bg-primary);border:1px solid var(--color-bg-border);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast)}.filter-action-btn[data-v-8cc2c834]:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.filter-info[data-v-8cc2c834]{margin-top:var(--spacing-2);text-align:center}.filter-info .alarm-count[data-v-8cc2c834]{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.empty-state[data-v-8cc2c834]{padding:var(--spacing-10) var(--spacing-6);text-align:center;color:var(--color-text-tertiary)}.empty-state svg[data-v-8cc2c834]{width:48px;height:48px;color:var(--color-bg-border);margin-bottom:var(--spacing-3)}.empty-state h3[data-v-8cc2c834]{margin:0 0 var(--spacing-1) 0;font-size:var(--font-size-lg);color:var(--color-text-secondary)}.empty-state p[data-v-8cc2c834]{margin:0;font-size:var(--font-size-sm)}.alarms-list[data-v-8cc2c834]{padding:var(--spacing-3);display:flex;flex-direction:column;gap:var(--spacing-2);max-height:600px;overflow-y:auto}.alarm-card[data-v-8cc2c834]{background:var(--color-bg-primary);border:1px solid var(--color-bg-border);border-radius:var(--radius-md);padding:var(--spacing-3);transition:var(--transition-fast)}.alarm-card[data-v-8cc2c834]:hover{border-color:var(--color-primary);box-shadow:var(--shadow-primary-sm)}.alarm-card.alarm-active[data-v-8cc2c834]{border-color:var(--color-error);background:linear-gradient(135deg,var(--color-error-alpha-5) 0,var(--color-error-alpha-3) 100%)}.alarm-card.alarm-active[data-v-8cc2c834]:hover{border-color:var(--color-error);box-shadow:0 2px 8px var(--color-error-alpha-20)}.alarm-header[data-v-8cc2c834]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-2);border-bottom:1px solid var(--color-bg-border);flex-wrap:wrap;gap:var(--spacing-2)}.alarm-header.has-device-name[data-v-8cc2c834]{justify-content:flex-start;gap:var(--spacing-2)}.alarm-type-badge[data-v-8cc2c834]{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:capitalize}.alarm-type-badge svg[data-v-8cc2c834]{width:14px;height:14px}.type-temperature[data-v-8cc2c834]{background:linear-gradient(135deg,var(--color-error) 0,var(--color-error-dark) 100%);color:#fff}.type-humidity[data-v-8cc2c834]{background:linear-gradient(135deg,var(--color-info) 0,var(--color-info-dark) 100%);color:#fff}.type-pressure[data-v-8cc2c834]{background:linear-gradient(135deg,#6610f2,#520dc2);color:#fff}.type-co2[data-v-8cc2c834]{background:linear-gradient(135deg,var(--color-warning-orange) 0,#dc6502 100%);color:#fff}.type-tvoc[data-v-8cc2c834]{background:linear-gradient(135deg,var(--color-success) 0,var(--color-success-dark) 100%);color:#fff}.type-radar[data-v-8cc2c834]{background:linear-gradient(135deg,var(--color-blue) 0,var(--color-blue-dark) 100%);color:#fff}.alarm-device-badge[data-v-8cc2c834],.type-default[data-v-8cc2c834]{background:linear-gradient(135deg,var(--color-text-tertiary) 0,var(--color-text-muted) 100%);color:#fff}.alarm-device-badge[data-v-8cc2c834]{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);flex:1;max-width:-moz-fit-content;max-width:fit-content}.alarm-device-badge svg[data-v-8cc2c834]{width:14px;height:14px;flex-shrink:0}.alarm-status-badge[data-v-8cc2c834]{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);background:var(--color-bg-secondary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);margin-left:auto}.alarm-status-badge.status-active[data-v-8cc2c834]{background:linear-gradient(135deg,var(--color-error-alpha-10) 0,var(--color-error-alpha-5) 100%);color:var(--color-error)}.status-dot[data-v-8cc2c834]{width:6px;height:6px;border-radius:50%;background:var(--color-text-tertiary)}.status-active .status-dot[data-v-8cc2c834]{background:var(--color-error);animation:pulse-8cc2c834 2s ease-in-out infinite}@keyframes pulse-8cc2c834{0%,to{opacity:1}50%{opacity:.5}}.alarm-details[data-v-8cc2c834]{display:flex;flex-direction:column;gap:var(--spacing-2)}.detail-row[data-v-8cc2c834]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-3)}.detail-item[data-v-8cc2c834]{display:flex;flex-direction:column;gap:var(--spacing-1)}.detail-label[data-v-8cc2c834]{font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;color:var(--color-text-tertiary);letter-spacing:.3px}.detail-value[data-v-8cc2c834]{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:var(--font-weight-medium);line-height:1.3}.detail-value.threshold-off[data-v-8cc2c834],.detail-value.threshold-on[data-v-8cc2c834]{font-family:var(--font-family-mono);font-size:var(--font-size-sm)}.actual-value[data-v-8cc2c834]{color:var(--color-error);font-weight:var(--font-weight-semibold);margin-left:var(--spacing-1)}.detail-value.time[data-v-8cc2c834]{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.sort-controls[data-v-8cc2c834]{display:flex;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-3);border-top:1px solid var(--color-bg-border);background:var(--color-bg-secondary);flex-wrap:wrap;justify-content:center}.sort-btn[data-v-8cc2c834]{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-3);background:var(--color-bg-primary);border:1px solid var(--color-bg-border);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast)}.sort-btn.active[data-v-8cc2c834],.sort-btn[data-v-8cc2c834]:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.sort-icon[data-v-8cc2c834]{font-size:var(--font-size-sm)}@media (max-width:768px){.date-inputs[data-v-8cc2c834]{flex-direction:column}.date-input[data-v-8cc2c834]{width:100%}.date-separator[data-v-8cc2c834]{display:none}.type-filters[data-v-8cc2c834]{flex-direction:column}.type-filter-checkbox[data-v-8cc2c834]{width:100%}.detail-row[data-v-8cc2c834]{grid-template-columns:1fr}.sort-controls[data-v-8cc2c834]{flex-direction:column}.sort-btn[data-v-8cc2c834]{width:100%;justify-content:center}}.sidebar-nav[data-v-73495582]{display:flex;flex-direction:column;padding:var(--spacing-2);gap:var(--spacing-1)}.nav-item[data-v-73495582]{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);background:transparent;border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast);text-align:left;width:100%}.nav-item[data-v-73495582]:hover{background:var(--color-primary-alpha-10);color:var(--color-primary)}.nav-item.active[data-v-73495582]{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-primary-md)}.nav-icon[data-v-73495582]{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.nav-icon svg[data-v-73495582]{width:20px;height:20px}.nav-label[data-v-73495582]{flex:1}.sidebar-selectors[data-v-73495582]{padding:var(--spacing-4);border-top:1px solid var(--color-bg-border);width:100%;min-width:0;box-sizing:border-box}.selector-group[data-v-73495582]{display:flex;flex-direction:column;gap:var(--spacing-2);width:100%;min-width:0}.selector-group label[data-v-73495582]{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.sidebar-select[data-v-73495582]{width:100%;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border-medium);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);background:var(--color-bg-primary);cursor:pointer;transition:var(--transition-fast);margin-bottom:var(--spacing-3);box-sizing:border-box;min-width:0}.sidebar-select[data-v-73495582]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha-10)}.sidebar-select[data-v-73495582]:disabled{background:var(--color-bg-secondary);cursor:not-allowed;opacity:.7}.no-selection[data-v-73495582]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-16) var(--spacing-8);min-height:400px;background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-align:center;border:2px dashed var(--color-bg-border)}.no-selection p[data-v-73495582]{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:0}@media (max-width:968px){.sidebar-nav[data-v-73495582]{flex-direction:row;flex-wrap:wrap;justify-content:center}.nav-item[data-v-73495582]{flex:0 0 auto;padding:var(--spacing-2) var(--spacing-4)}.sidebar-selectors[data-v-73495582]{border-top:none;border-left:1px solid var(--color-bg-border)}.selector-group[data-v-73495582]{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-4)}.selector-group label[data-v-73495582]{width:100%}.sidebar-select[data-v-73495582]{flex:1;min-width:150px;margin-bottom:0}}@media (max-width:768px){.nav-label[data-v-73495582]{display:none}.nav-item[data-v-73495582]{padding:var(--spacing-3)}}.spinner[data-v-3bd47a30]{display:flex;justify-content:center;align-items:center;width:100%}.lds-roller[data-v-3bd47a30]{display:inline-block;position:relative;width:80px;height:80px}.lds-roller div[data-v-3bd47a30]{animation:lds-roller-3bd47a30 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:40px 40px}.lds-roller div[data-v-3bd47a30]:after{content:" ";display:block;position:absolute;width:7px;height:7px;border-radius:50%;background:var(--color-primary);margin:-4px 0 0 -4px}.lds-roller div[data-v-3bd47a30]:first-child{animation-delay:-36ms}.lds-roller div[data-v-3bd47a30]:first-child:after{top:63px;left:63px}.lds-roller div[data-v-3bd47a30]:nth-child(2){animation-delay:-72ms}.lds-roller div[data-v-3bd47a30]:nth-child(2):after{top:68px;left:56px}.lds-roller div[data-v-3bd47a30]:nth-child(3){animation-delay:-.108s}.lds-roller div[data-v-3bd47a30]:nth-child(3):after{top:71px;left:48px}.lds-roller div[data-v-3bd47a30]:nth-child(4){animation-delay:-.144s}.lds-roller div[data-v-3bd47a30]:nth-child(4):after{top:72px;left:40px}.lds-roller div[data-v-3bd47a30]:nth-child(5){animation-delay:-.18s}.lds-roller div[data-v-3bd47a30]:nth-child(5):after{top:71px;left:32px}.lds-roller div[data-v-3bd47a30]:nth-child(6){animation-delay:-.216s}.lds-roller div[data-v-3bd47a30]:nth-child(6):after{top:68px;left:24px}.lds-roller div[data-v-3bd47a30]:nth-child(7){animation-delay:-.252s}.lds-roller div[data-v-3bd47a30]:nth-child(7):after{top:63px;left:17px}.lds-roller div[data-v-3bd47a30]:nth-child(8){animation-delay:-.288s}.lds-roller div[data-v-3bd47a30]:nth-child(8):after{top:56px;left:12px}@keyframes lds-roller-3bd47a30{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.backdrop[data-v-0a6cb7c7]{position:fixed;top:0;left:0;height:100vh;width:100%;background-color:var(--color-overlay-dark);z-index:var(--z-index-modal-backdrop);backdrop-filter:var(--backdrop-blur-sm)}dialog[data-v-0a6cb7c7]{position:fixed;top:20vh;left:10%;width:80%;z-index:var(--z-index-modal);border-radius:var(--radius-xl);border:none;box-shadow:var(--shadow-2xl);padding:0;margin:0;overflow:hidden;background-color:var(--color-bg-primary)}header[data-v-0a6cb7c7]{background:var(--gradient-primary);color:var(--color-text-inverse);width:100%;padding:var(--spacing-4)}header h2[data-v-0a6cb7c7]{margin:0;font-weight:var(--font-weight-bold)}menu[data-v-0a6cb7c7],section[data-v-0a6cb7c7]{padding:var(--spacing-6)}menu[data-v-0a6cb7c7]{display:flex;justify-content:flex-end;gap:var(--spacing-2);margin:0;border-top:var(--border-light);background:var(--color-bg-secondary)}.dialog-enter-from[data-v-0a6cb7c7],.dialog-leave-to[data-v-0a6cb7c7]{opacity:0;transform:scale(.8)}.dialog-enter-active[data-v-0a6cb7c7],.dialog-leave-active[data-v-0a6cb7c7]{transition:var(--transition-base)}.dialog-enter-to[data-v-0a6cb7c7],.dialog-leave-from[data-v-0a6cb7c7]{opacity:1;transform:scale(1)}@media (min-width:768px){dialog[data-v-0a6cb7c7]{left:calc(50% - 20rem);width:40rem}}.circular-slider-group[data-v-d361f548]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2)}.circular-slider[data-v-d361f548]{position:relative;width:90px;height:90px;cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.circular-slider[data-v-d361f548]:active{cursor:grabbing}.circular-slider svg[data-v-d361f548]{width:100%;height:100%;filter:drop-shadow(0 2px 6px var(--color-primary-alpha-15))}.circular-slider .track-circle[data-v-d361f548]{transition:var(--transition-fast)}.circular-slider:hover .track-circle[data-v-d361f548]{stroke:var(--color-bg-border)}.circular-slider .progress-circle[data-v-d361f548]{transition:stroke-dashoffset .1s ease-out}.circular-slider .knob[data-v-d361f548]{transition:transform .1s ease-out;filter:drop-shadow(0 1px 3px rgba(0,0,0,.2))}.circular-slider:hover .knob[data-v-d361f548]{r:7}.circular-value[data-v-d361f548]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.circular-value .value-number[data-v-d361f548]{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1}.circular-value .value-unit[data-v-d361f548]{margin-left:1px}.circular-label[data-v-d361f548],.circular-value .value-unit[data-v-d361f548]{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.circular-label[data-v-d361f548]{display:flex;align-items:center;gap:var(--spacing-1)}.circular-label[data-v-d361f548] svg{width:14px;height:14px;color:var(--color-primary)}.circular-slider .range-text[data-v-d361f548]{font-size:8px;font-weight:var(--font-weight-semibold);fill:var(--color-text-tertiary);text-anchor:middle}.thermometer-container[data-v-0437bb55]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);min-width:120px}.thermometer-label[data-v-0437bb55]{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.thermometer-wrapper[data-v-0437bb55]{display:flex;align-items:stretch;gap:var(--spacing-2);height:180px}.scale-labels[data-v-0437bb55]{display:flex;flex-direction:column;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-weight:var(--font-weight-medium);padding:var(--spacing-2) 0 var(--spacing-6)}.thermometer[data-v-0437bb55]{position:relative;display:flex;flex-direction:column;align-items:center;width:32px;overflow:visible}.tube[data-v-0437bb55]{position:relative;width:24px;height:140px;background:transparent;border-radius:12px 12px 0 0;border:2px solid var(--color-bg-border);border-bottom:none;overflow:visible}.tube-bg[data-v-0437bb55]{position:absolute;inset:var(--spacing-0_5);border-radius:10px 10px 0 0;background:linear-gradient(to top,var(--color-info-alpha-8) 0,var(--color-success-alpha-8) 30%,rgba(234,179,8,.08) 60%,var(--color-error-alpha-8) 100%)}.safe-zone[data-v-0437bb55]{position:absolute;left:var(--spacing-0_5);right:var(--spacing-0_5);background:var(--color-primary-alpha-12);border-radius:var(--radius-sm);transition:var(--transition-fast)}.threshold[data-v-0437bb55]{position:absolute;left:50%;transform:translateX(-50%);z-index:10;cursor:grab;touch-action:none}.threshold[data-v-0437bb55]:active{cursor:grabbing}.threshold-handle[data-v-0437bb55]{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap;transition:var(--transition-fast);position:relative;left:42px;background:var(--color-bg-primary);border:2px solid var(--color-primary);color:var(--color-primary)}.high-threshold .threshold-handle[data-v-0437bb55]{border-color:var(--color-primary);color:var(--color-primary-dark)}.high-threshold .threshold-handle[data-v-0437bb55]:before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:0;height:0;border:5px solid transparent;border-right-color:var(--color-primary)}.high-threshold .threshold-handle[data-v-0437bb55]:after{content:"";position:absolute;left:-5px;top:50%;transform:translateY(-50%);width:0;height:0;border:4px solid transparent;border-right-color:var(--color-bg-primary)}.low-threshold .threshold-handle[data-v-0437bb55]{border-color:var(--color-primary);color:var(--color-primary-dark)}.low-threshold .threshold-handle[data-v-0437bb55]:before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:0;height:0;border:5px solid transparent;border-right-color:var(--color-primary)}.low-threshold .threshold-handle[data-v-0437bb55]:after{content:"";position:absolute;left:-5px;top:50%;transform:translateY(-50%);width:0;height:0;border:4px solid transparent;border-right-color:var(--color-bg-primary)}.threshold:hover .threshold-handle[data-v-0437bb55]{background:var(--color-primary-alpha-8);box-shadow:0 2px 8px var(--color-primary-alpha-20)}.threshold-value[data-v-0437bb55]{font-weight:var(--font-weight-bold)}.threshold-label[data-v-0437bb55]{font-size:var(--font-size-2xs);opacity:.8}.scale-ticks[data-v-0437bb55]{position:absolute;left:0;right:0;top:0;bottom:0}.tick[data-v-0437bb55]{position:absolute;left:0;width:4px;height:1px;background:var(--color-text-tertiary)}.bulb[data-v-0437bb55]{position:relative;width:32px;height:32px;border-radius:50%;background:transparent;border:2px solid var(--color-bg-border);margin-top:var(--spacing--0_5)}.bulb-fill[data-v-0437bb55]{position:absolute;top:5px;left:5px;right:5px;bottom:5px;border-radius:50%;background:transparent;border:2px solid var(--color-error-alpha-40)}.bulb-shine[data-v-0437bb55]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;background:var(--color-error-alpha-30)}.threshold-inputs[data-v-0437bb55]{display:flex;gap:var(--spacing-3);margin-top:var(--spacing-3)}.input-group[data-v-0437bb55]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1)}.input-group label[data-v-0437bb55]{font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;color:var(--color-primary)}.input-wrapper[data-v-0437bb55]{display:flex;align-items:center;gap:var(--spacing-0_5)}.threshold-input[data-v-0437bb55]{width:54px;padding:var(--spacing-1) var(--spacing-1_5);border:2px solid var(--color-primary);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-align:center;background:var(--color-bg-primary);color:var(--color-text-primary);transition:var(--transition-fast);-moz-appearance:textfield}.threshold-input[data-v-0437bb55]::-webkit-inner-spin-button,.threshold-input[data-v-0437bb55]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.threshold-input[data-v-0437bb55]:focus{outline:none;border-color:var(--color-primary-dark);box-shadow:0 0 0 3px var(--color-primary-alpha-15)}.threshold-input[data-v-0437bb55]:hover{border-color:var(--color-primary-dark)}.input-unit[data-v-0437bb55]{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary)}.humidity-container[data-v-68c36ac6]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2)}.humidity-label[data-v-68c36ac6]{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.droplets-wrapper[data-v-68c36ac6]{display:flex;align-items:flex-start;gap:var(--spacing-4)}.droplet-group[data-v-68c36ac6]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1_5)}.droplet[data-v-68c36ac6]{position:relative;width:70px;height:90px;cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:var(--transition-fast)}.droplet[data-v-68c36ac6]:hover{transform:scale(1.05)}.droplet[data-v-68c36ac6]:active{cursor:grabbing}.droplet-svg[data-v-68c36ac6]{width:100%;height:100%}.water-fill[data-v-68c36ac6]{transition:var(--transition-base)}.high-water[data-v-68c36ac6]{fill:var(--color-error-alpha-15)}.low-water[data-v-68c36ac6]{fill:var(--color-info-alpha-15)}.safe-water[data-v-68c36ac6]{fill:var(--color-primary-alpha-12)}.wave[data-v-68c36ac6]{opacity:.4;animation:wave-68c36ac6 2s ease-in-out infinite}.high-wave[data-v-68c36ac6]{fill:var(--color-error-alpha-25)}.low-wave[data-v-68c36ac6]{fill:var(--color-info-alpha-25)}.safe-wave[data-v-68c36ac6]{fill:var(--color-primary-alpha-20)}@keyframes wave-68c36ac6{0%,to{transform:translateX(0)}50%{transform:translateX(3px)}}.droplet-value[data-v-68c36ac6]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.droplet-value .value-number[data-v-68c36ac6]{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.droplet-value .value-unit[data-v-68c36ac6]{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.droplet-icon[data-v-68c36ac6]{position:absolute;top:8px;right:var(--spacing-0_5);width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:transparent;border:1.5px solid}.droplet-icon svg[data-v-68c36ac6]{width:10px;height:10px}.high-icon[data-v-68c36ac6]{border-color:var(--color-error-alpha-50);color:var(--color-error-alpha-70)}.low-icon[data-v-68c36ac6]{border-color:var(--color-info-alpha-50);color:var(--color-info-alpha-70)}.droplet-label[data-v-68c36ac6]{text-align:center}.label-text[data-v-68c36ac6]{display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.5px}.label-hint[data-v-68c36ac6]{display:block;font-size:var(--font-size-2xs);color:var(--color-text-tertiary)}.high-label .label-text[data-v-68c36ac6]{color:var(--color-error-alpha-80)}.low-label .label-text[data-v-68c36ac6]{color:var(--color-info-alpha-80)}.range-divider[data-v-68c36ac6]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1);padding-top:30px}.range-line[data-v-68c36ac6]{width:2px;height:20px;background:var(--color-bg-border);border-radius:1px}.range-safe[data-v-68c36ac6]{width:24px;height:24px;border-radius:50%;background:transparent;border:2px solid var(--color-primary);color:var(--color-primary);display:flex;align-items:center;justify-content:center}.range-safe svg[data-v-68c36ac6]{width:14px;height:14px}.scale-reference[data-v-68c36ac6]{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:var(--spacing-1)}.scale-arrow[data-v-68c36ac6]{color:var(--color-border-medium)}.scale-drag[data-v-68c36ac6]{color:var(--color-text-tertiary);font-style:italic}.value-input-wrapper[data-v-68c36ac6]{display:flex;align-items:center;gap:var(--spacing-1);margin-top:var(--spacing-2)}.value-input[data-v-68c36ac6]{width:50px;padding:var(--spacing-1) var(--spacing-1_5);border:2px solid var(--color-bg-border);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-align:center;background:var(--color-bg-primary);color:var(--color-text-primary);transition:var(--transition-fast);-moz-appearance:textfield}.value-input[data-v-68c36ac6]::-webkit-inner-spin-button,.value-input[data-v-68c36ac6]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.value-input[data-v-68c36ac6]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha-10)}.high-input .value-input[data-v-68c36ac6]:focus{border-color:var(--color-error-alpha-60);box-shadow:0 0 0 3px var(--color-error-alpha-10)}.low-input .value-input[data-v-68c36ac6]:focus{border-color:var(--color-info-alpha-60);box-shadow:0 0 0 3px var(--color-info-alpha-10)}.input-unit[data-v-68c36ac6]{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary)}.settings-panel[data-v-1f40dddc]{background:var(--color-bg-primary);border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.06);margin-top:1rem;overflow:hidden}.device-panel-header[data-v-1f40dddc]{padding:.75rem 1rem}.device-icon[data-v-1f40dddc]{width:36px;height:36px;background:hsla(0,0%,100%,.15);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.device-icon svg[data-v-1f40dddc]{width:20px;height:20px}.device-meta[data-v-1f40dddc]{display:flex;flex-wrap:wrap;gap:.625rem;font-size:.7rem;opacity:.9}.meta-item[data-v-1f40dddc]{display:flex;align-items:center;gap:.2rem}.meta-item svg[data-v-1f40dddc]{width:12px;height:12px}.settings-form[data-v-1f40dddc]{padding:var(--spacing-4)}.settings-columns[data-v-1f40dddc]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3)}.settings-column[data-v-1f40dddc]{display:flex;flex-direction:column;gap:var(--spacing-3)}.settings-section[data-v-1f40dddc]{margin-bottom:0;background:#fafbfc;border-radius:var(--radius-md);overflow:hidden;border:none}.section-header[data-v-1f40dddc]{background:transparent;padding:.625rem .875rem;display:flex;align-items:center;gap:var(--spacing-2);border-bottom:none}.section-header svg[data-v-1f40dddc]{width:16px;height:16px;color:var(--color-primary)}.section-header.danger svg[data-v-1f40dddc]{color:#dc3545}.section-header h3[data-v-1f40dddc]{margin:0;font-size:.8rem;font-weight:var(--font-weight-bold);color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px}.section-content[data-v-1f40dddc]{padding:0 .875rem .75rem}.alarm-column[data-v-1f40dddc]{display:flex;flex-direction:column;width:100%;min-width:0}.alarm-controls[data-v-1f40dddc]{display:flex;justify-content:space-around;align-items:flex-start;gap:1.5rem;padding:var(--spacing-4);background:#fafbfc;border-radius:var(--radius-md);flex-wrap:wrap;width:100%;box-sizing:border-box}@media (max-width:968px){.alarm-controls[data-v-1f40dddc]{gap:var(--spacing-4);padding:var(--spacing-3)}}@media (max-width:768px){.alarm-controls[data-v-1f40dddc]{flex-direction:column;align-items:stretch;gap:var(--spacing-6);padding:var(--spacing-4)}}@media (max-width:640px){.alarm-controls[data-v-1f40dddc]{gap:var(--spacing-5);padding:var(--spacing-3)}}@media (max-width:480px){.alarm-controls[data-v-1f40dddc]{flex-direction:column;align-items:center;gap:var(--spacing-6);padding:var(--spacing-3)}}@media (max-width:360px){.alarm-controls[data-v-1f40dddc]{padding:var(--spacing-2);gap:var(--spacing-4)}}.form-group[data-v-1f40dddc]{margin-bottom:.5rem}.form-group[data-v-1f40dddc]:last-child{margin-bottom:0}.form-group label[data-v-1f40dddc]{display:flex;align-items:center;justify-content:space-between;font-weight:500;color:var(--color-text-secondary);margin-bottom:.25rem;font-size:.75rem}.value-badge[data-v-1f40dddc]{background:var(--color-primary);color:#fff;padding:.125rem .5rem;border-radius:var(--radius-md);font-size:.7rem;font-weight:var(--font-weight-semibold)}.form-group input[type=number][data-v-1f40dddc],.form-group input[type=text][data-v-1f40dddc]{width:100%;padding:.5rem .625rem;border:1px solid #dee2e6;border-radius:6px;font-size:.85rem;background:var(--color-bg-primary);color:var(--color-text-primary);transition:var(--transition-fast)}.form-hint[data-v-1f40dddc]{display:block;margin-top:.25rem;font-size:.7rem;color:var(--color-text-tertiary);font-style:italic}.form-group input[type=number][data-v-1f40dddc]:hover,.form-group input[type=text][data-v-1f40dddc]:hover{border-color:var(--color-primary)}.form-group input[type=number][data-v-1f40dddc]:focus,.form-group input[type=text][data-v-1f40dddc]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(25,135,84,.1);background:var(--color-bg-primary)}.form-group input[data-v-1f40dddc]::-moz-placeholder{color:#adb5bd}.form-group input[data-v-1f40dddc]::placeholder{color:#adb5bd}.circular-sliders[data-v-1f40dddc]{display:flex;justify-content:space-around;gap:var(--spacing-4);padding:.5rem 0}.slider[data-v-1f40dddc]{width:100%;height:4px;border-radius:2px;background:#dee2e6;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:.25rem}.slider[data-v-1f40dddc]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-primary);cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.2);-webkit-transition:var(--transition-fast);transition:var(--transition-fast)}.slider[data-v-1f40dddc]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 2px 6px rgba(25,135,84,.4)}.slider[data-v-1f40dddc]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:none;box-shadow:0 1px 3px rgba(0,0,0,.2)}.range-labels[data-v-1f40dddc]{display:flex;justify-content:space-between;font-size:.65rem;color:#adb5bd;margin-top:.125rem}.alarm-row[data-v-1f40dddc]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3)}.action-buttons[data-v-1f40dddc]{display:flex;justify-content:flex-end;margin-top:.75rem;padding-top:.75rem;border-top:1px solid #f0f0f0}.btn-save[data-v-1f40dddc]{display:flex;align-items:center;gap:.375rem;padding:.5rem 1.25rem;background:var(--color-primary);color:#fff;border:none;border-radius:6px;font-size:.8rem;font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-fast)}.btn-save[data-v-1f40dddc]:hover:not(:disabled){background:#157347;box-shadow:0 2px 8px rgba(25,135,84,.3)}.btn-save[data-v-1f40dddc]:disabled{opacity:.6;cursor:not-allowed}.btn-save svg[data-v-1f40dddc]{width:14px;height:14px}.response-message[data-v-1f40dddc]{margin-top:.5rem;padding:.375rem .625rem;border-radius:4px;text-align:center;font-weight:500;font-size:.75rem}.response-message.success[data-v-1f40dddc]{background:rgba(25,135,84,.1);color:var(--color-primary)}.response-message.error[data-v-1f40dddc]{background:rgba(220,53,69,.1);color:#dc3545}.danger-zone[data-v-1f40dddc]{margin:.75rem 1rem;background:#fff5f5;border-radius:var(--radius-md);overflow:hidden}.danger-zone .section-header[data-v-1f40dddc]{padding:.5rem .75rem}.danger-zone .section-header h3[data-v-1f40dddc]{color:#dc3545}.danger-zone .section-content[data-v-1f40dddc]{padding:0 .75rem .625rem}.danger-zone .section-content p[data-v-1f40dddc]{color:var(--color-text-secondary);margin-bottom:.5rem;line-height:1.4;font-size:.75rem}.btn-danger[data-v-1f40dddc]{display:flex;align-items:center;gap:.25rem;padding:.375rem .75rem;background:#dc3545;color:#fff;border:none;border-radius:4px;font-size:.75rem;font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-fast)}.btn-danger[data-v-1f40dddc]:hover{background:#c82333}.btn-danger svg[data-v-1f40dddc]{width:14px;height:14px}.dialog-content[data-v-1f40dddc]{padding:var(--spacing-4)}.dialog-content p[data-v-1f40dddc]{margin-bottom:var(--spacing-4);color:#495057;line-height:1.6}.warning-text[data-v-1f40dddc]{font-weight:var(--font-weight-semibold);color:#dc3545}.dialog-actions[data-v-1f40dddc]{display:flex;gap:var(--spacing-4);justify-content:center;margin-top:1.5rem}.btn-cancel[data-v-1f40dddc],.btn-confirm-danger[data-v-1f40dddc]{padding:.75rem 1.5rem;border:none;border-radius:var(--radius-md);font-size:.95rem;font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-base)}.btn-confirm-danger[data-v-1f40dddc]{background:#dc3545;color:#fff}.btn-confirm-danger[data-v-1f40dddc]:hover{background:#c82333}.btn-cancel[data-v-1f40dddc]{background:#6c757d;color:#fff}.btn-cancel[data-v-1f40dddc]:hover{background:#5a6268}@media (max-width:768px){.settings-columns[data-v-1f40dddc]{grid-template-columns:1fr}.device-panel-header[data-v-1f40dddc]{padding:.875rem 1rem}.device-meta[data-v-1f40dddc]{font-size:.75rem;gap:var(--spacing-2)}.settings-form[data-v-1f40dddc]{padding:.875rem 1rem}.section-content[data-v-1f40dddc]{padding:.625rem .75rem}.alarm-row[data-v-1f40dddc]{grid-template-columns:1fr;gap:var(--spacing-2)}.btn-save[data-v-1f40dddc]{padding:.5rem 1.25rem;font-size:.85rem}}@media (max-width:480px){.device-panel-header[data-v-1f40dddc]{flex-direction:column;text-align:center}.settings-form[data-v-1f40dddc]{padding:var(--spacing-3)}.section-header[data-v-1f40dddc]{padding:.375rem .75rem}.section-header h3[data-v-1f40dddc]{font-size:.875rem}.btn-save[data-v-1f40dddc]{width:100%;justify-content:center}.dialog-actions[data-v-1f40dddc]{flex-direction:column}.btn-cancel[data-v-1f40dddc],.btn-confirm-danger[data-v-1f40dddc]{width:100%}}.settings-container[data-v-0c7f97a8]{max-width:var(--container-max-width);margin:0 auto}.settings-header[data-v-0c7f97a8]{text-align:center;margin-bottom:var(--spacing-4)}.settings-header h2[data-v-0c7f97a8]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.settings-header p[data-v-0c7f97a8]{color:var(--color-text-secondary);font-size:var(--font-size-base)}.gateways-grid[data-v-0c7f97a8]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.gateway-card[data-v-0c7f97a8]{background:var(--color-bg-primary);border:2px solid var(--color-bg-border);border-radius:var(--radius-md);padding:var(--spacing-3);cursor:pointer;transition:var(--transition-base);position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}.gateway-card[data-v-0c7f97a8]:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.gateway-card.selected[data-v-0c7f97a8]{border-color:var(--color-primary);background:linear-gradient(135deg,var(--color-primary-alpha-5) 0,var(--color-primary-alpha-5) 100%);box-shadow:var(--shadow-primary-md)}.card-icon[data-v-0c7f97a8]{width:48px;height:48px;background:var(--gradient-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-2)}.card-icon svg[data-v-0c7f97a8]{width:28px;height:28px;color:#fff}.card-content h3[data-v-0c7f97a8]{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.gateway-id[data-v-0c7f97a8]{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-family:monospace;margin-bottom:var(--spacing-1)}.device-count[data-v-0c7f97a8]{font-size:var(--font-size-sm);color:var(--color-primary);font-weight:var(--font-weight-semibold)}.selected-indicator[data-v-0c7f97a8]{position:absolute;top:var(--spacing-2);right:var(--spacing-2);width:24px;height:24px;background:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:checkmarkPop-0c7f97a8 .3s ease}.selected-indicator svg[data-v-0c7f97a8]{width:16px;height:16px;color:#fff}@keyframes checkmarkPop-0c7f97a8{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.empty-state[data-v-0c7f97a8]{text-align:center;padding:var(--spacing-16) var(--spacing-8);background:var(--color-bg-primary);border-radius:var(--radius-lg);border:2px dashed var(--color-bg-border)}.empty-state svg[data-v-0c7f97a8]{width:80px;height:80px;color:var(--color-text-tertiary);opacity:.5;margin-bottom:var(--spacing-4)}.empty-state h3[data-v-0c7f97a8]{font-size:var(--font-size-lg);margin-bottom:var(--spacing-2)}.empty-state h3[data-v-0c7f97a8],.empty-state p[data-v-0c7f97a8]{color:var(--color-text-secondary)}.edit-panel[data-v-0c7f97a8]{background:var(--color-bg-primary);border:2px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--spacing-4);box-shadow:var(--shadow-primary-lg)}.edit-panel h3[data-v-0c7f97a8]{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-3)}.form-group[data-v-0c7f97a8]{margin-bottom:var(--spacing-3)}.form-group label[data-v-0c7f97a8]{display:block;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin-bottom:var(--spacing-1)}.form-group input[data-v-0c7f97a8]{width:100%;padding:var(--spacing-3) var(--spacing-4);border:2px solid var(--color-bg-border);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:var(--transition-base)}.form-group input[data-v-0c7f97a8]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha-10)}.button-group[data-v-0c7f97a8]{display:flex;gap:var(--spacing-4);justify-content:flex-end}.btn-cancel[data-v-0c7f97a8],.btn-save[data-v-0c7f97a8]{padding:var(--spacing-3) var(--spacing-6);border:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-base);display:flex;align-items:center;justify-content:center}.btn-cancel[data-v-0c7f97a8]{background:var(--color-text-secondary);color:#fff}.btn-cancel[data-v-0c7f97a8]:hover{background:var(--color-text-primary)}.btn-save[data-v-0c7f97a8]{background:var(--gradient-primary);color:#fff;min-width:140px}.btn-save[data-v-0c7f97a8]:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-primary-md)}.btn-save[data-v-0c7f97a8]:disabled{opacity:.6;cursor:not-allowed}.message[data-v-0c7f97a8]{margin-top:var(--spacing-4);padding:var(--spacing-3);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);text-align:center}.message.success[data-v-0c7f97a8]{background:var(--color-primary-alpha-10);color:var(--color-primary);border:2px solid var(--color-primary-alpha-30)}.message.error[data-v-0c7f97a8]{background:var(--color-error-alpha-10);color:var(--color-error);border:2px solid var(--color-error-alpha-30)}@media (max-width:768px){.gateways-grid[data-v-0c7f97a8]{grid-template-columns:1fr;gap:var(--spacing-4)}.edit-panel[data-v-0c7f97a8]{padding:var(--spacing-6)}.button-group[data-v-0c7f97a8]{flex-direction:column}.btn-cancel[data-v-0c7f97a8],.btn-save[data-v-0c7f97a8]{width:100%}}.settings-container[data-v-022968d0]{max-width:var(--container-max-width);margin:0 auto}.settings-header[data-v-022968d0]{text-align:center;margin-bottom:var(--spacing-4)}.settings-header h2[data-v-022968d0]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.settings-header p[data-v-022968d0]{color:var(--color-text-secondary);font-size:var(--font-size-base)}.homes-grid[data-v-022968d0]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.home-card[data-v-022968d0]{background:var(--color-bg-primary);border:2px solid var(--color-bg-border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:var(--transition-base);position:relative}.home-card[data-v-022968d0]:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.home-card.selected[data-v-022968d0]{border-color:var(--color-primary);box-shadow:var(--shadow-primary-md)}.card-image[data-v-022968d0]{height:120px;background:var(--gradient-neutral);display:flex;align-items:center;justify-content:center;overflow:hidden}.card-image img[data-v-022968d0]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.placeholder-image[data-v-022968d0]{width:48px;height:48px;color:var(--color-text-secondary);opacity:.3}.card-content[data-v-022968d0]{padding:var(--spacing-2);text-align:center}.card-content h3[data-v-022968d0]{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.home-id[data-v-022968d0]{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-family:monospace}.selected-indicator[data-v-022968d0]{position:absolute;top:var(--spacing-2);right:var(--spacing-2);width:24px;height:24px;background:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:checkmarkPop-022968d0 .3s ease}.selected-indicator svg[data-v-022968d0]{width:16px;height:16px;color:#fff}@keyframes checkmarkPop-022968d0{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.empty-state[data-v-022968d0]{text-align:center;padding:var(--spacing-16) var(--spacing-8);background:var(--color-bg-primary);border-radius:var(--radius-lg);border:2px dashed var(--color-bg-border)}.empty-state svg[data-v-022968d0]{width:80px;height:80px;color:var(--color-text-tertiary);opacity:.5;margin-bottom:var(--spacing-4)}.empty-state h3[data-v-022968d0]{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-2)}.edit-panel[data-v-022968d0]{background:var(--color-bg-primary);border:2px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--spacing-4);box-shadow:var(--shadow-primary-lg)}.edit-panel h3[data-v-022968d0]{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-3)}.form-group[data-v-022968d0]{margin-bottom:var(--spacing-3)}.form-group label[data-v-022968d0]{display:block;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin-bottom:var(--spacing-1)}.form-group input[type=text][data-v-022968d0]{width:100%;padding:var(--spacing-3) var(--spacing-4);border:2px solid var(--color-bg-border);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:var(--transition-base)}.form-group input[type=text][data-v-022968d0]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha-10)}.image-upload-container[data-v-022968d0]{display:flex;flex-direction:column;gap:var(--spacing-3)}.current-image[data-v-022968d0]{width:150px;height:110px;border-radius:var(--radius-md);overflow:hidden;border:2px solid var(--color-bg-border)}.current-image img[data-v-022968d0]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}input[type=file][data-v-022968d0]{display:none}.btn-upload[data-v-022968d0]{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);background:var(--color-bg-primary);border:2px solid var(--color-primary);border-radius:var(--radius-md);color:var(--color-primary);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-base);align-self:flex-start}.btn-upload[data-v-022968d0]:hover{background:var(--color-primary);color:#fff}.btn-upload svg[data-v-022968d0]{width:20px;height:20px}.upload-hint[data-v-022968d0]{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.button-group[data-v-022968d0]{display:flex;gap:var(--spacing-4);justify-content:flex-end}.btn-cancel[data-v-022968d0],.btn-save[data-v-022968d0]{padding:var(--spacing-3) var(--spacing-6);border:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-base);display:flex;align-items:center;justify-content:center}.btn-cancel[data-v-022968d0]{background:var(--color-text-secondary);color:#fff}.btn-cancel[data-v-022968d0]:hover{background:var(--color-text-primary)}.btn-save[data-v-022968d0]{background:var(--gradient-primary);color:#fff;min-width:140px}.btn-save[data-v-022968d0]:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-primary-md)}.btn-save[data-v-022968d0]:disabled{opacity:.6;cursor:not-allowed}.message[data-v-022968d0]{margin-top:var(--spacing-4);padding:var(--spacing-3);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);text-align:center}.message.success[data-v-022968d0]{background:var(--color-primary-alpha-10);color:var(--color-primary);border:2px solid var(--color-primary-alpha-30)}.message.error[data-v-022968d0]{background:var(--color-error-alpha-10);color:var(--color-error);border:2px solid var(--color-error-alpha-30)}@media (max-width:768px){.homes-grid[data-v-022968d0]{grid-template-columns:1fr}.button-group[data-v-022968d0]{flex-direction:column}.btn-cancel[data-v-022968d0],.btn-save[data-v-022968d0]{width:100%}}.styled-select[data-v-fa6ad8c6]{position:relative;width:100%}.styled-select.disabled[data-v-fa6ad8c6]{opacity:.6;pointer-events:none}.select-trigger[data-v-fa6ad8c6]{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);background:var(--color-bg-primary);border:2px solid var(--color-bg-border);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast)}.select-trigger[data-v-fa6ad8c6]:hover:not(:disabled){border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.select-trigger.open[data-v-fa6ad8c6]{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha-10)}.select-trigger.has-value[data-v-fa6ad8c6]{color:var(--color-text-primary)}.select-trigger[data-v-fa6ad8c6]:disabled{cursor:not-allowed;background:var(--color-bg-light)}.trigger-content[data-v-fa6ad8c6]{display:flex;align-items:center;gap:var(--spacing-3);min-width:0;flex:1}.trigger-icon[data-v-fa6ad8c6]{width:22px;height:22px;flex-shrink:0;color:var(--color-primary)}.trigger-icon svg[data-v-fa6ad8c6]{width:100%;height:100%}.trigger-text[data-v-fa6ad8c6]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chevron-icon[data-v-fa6ad8c6]{width:18px;height:18px;flex-shrink:0;color:var(--color-text-secondary);transition:var(--transition-fast)}.select-trigger.open .chevron-icon[data-v-fa6ad8c6]{transform:rotate(180deg)}.select-dropdown{position:fixed;min-width:280px;max-width:400px;max-height:320px;overflow-y:auto;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:2px solid var(--color-primary);border-radius:var(--radius-lg);box-shadow:0 8px 32px var(--color-primary-alpha-25);z-index:9999;padding:var(--spacing-2);animation:selectDropdownIn .2s ease-out}@keyframes selectDropdownIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.select-dropdown::-webkit-scrollbar{width:6px}.select-dropdown::-webkit-scrollbar-track{background:var(--color-primary-alpha-5);border-radius:var(--radius-xs)}.select-dropdown::-webkit-scrollbar-thumb{background:var(--color-primary-alpha-30);border-radius:var(--radius-xs)}.select-dropdown::-webkit-scrollbar-thumb:hover{background:var(--color-primary-alpha-50)}.dropdown-empty{padding:var(--spacing-8);text-align:center;color:var(--color-text-secondary);font-style:italic;font-size:var(--font-size-sm)}.dropdown-option{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3_5) var(--spacing-4);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);border:2px solid transparent}.dropdown-option:hover{background:var(--color-primary-alpha-8);border-color:var(--color-primary-alpha-20);transform:translateX(4px)}.dropdown-option.selected{border-color:var(--color-primary)}.dropdown-option.selected,.option-icon{background:var(--gradient-primary-soft)}.option-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);flex-shrink:0}.option-icon svg{width:18px;height:18px;color:var(--color-primary)}.option-content{flex:1;min-width:0}.option-title{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:var(--font-size-base)}.option-subtitle,.option-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.option-subtitle{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--spacing-0_5)}.check-icon{width:20px;height:20px;color:var(--color-primary);flex-shrink:0}.settings-container[data-v-51832b4e]{max-width:var(--container-max-width);margin:0 auto}.settings-header[data-v-51832b4e]{text-align:center;margin-bottom:var(--spacing-4)}.settings-header h2[data-v-51832b4e]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.settings-header p[data-v-51832b4e]{color:var(--color-text-secondary);font-size:var(--font-size-base)}.home-selector[data-v-51832b4e]{background:var(--color-bg-primary);padding:var(--spacing-4);border-radius:var(--radius-lg);border:2px solid var(--color-bg-border);margin-bottom:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-2)}.home-selector label[data-v-51832b4e]{font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.rooms-grid[data-v-51832b4e]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.room-card[data-v-51832b4e]{background:var(--color-bg-primary);border:2px solid var(--color-bg-border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:var(--transition-base);position:relative}.room-card[data-v-51832b4e]:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.room-card.selected[data-v-51832b4e]{border-color:var(--color-primary);box-shadow:var(--shadow-primary-md)}.card-image[data-v-51832b4e]{height:120px;background:var(--gradient-neutral);display:flex;align-items:center;justify-content:center;overflow:hidden}.card-image img[data-v-51832b4e]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.placeholder-image[data-v-51832b4e]{width:48px;height:48px;color:var(--color-text-secondary);opacity:.3}.card-content[data-v-51832b4e]{padding:var(--spacing-2);text-align:center}.card-content h3[data-v-51832b4e]{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.room-id[data-v-51832b4e]{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-family:monospace}.selected-indicator[data-v-51832b4e]{position:absolute;top:var(--spacing-2);right:var(--spacing-2);width:24px;height:24px;background:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:checkmarkPop-51832b4e .3s ease}.selected-indicator svg[data-v-51832b4e]{width:16px;height:16px;color:#fff}@keyframes checkmarkPop-51832b4e{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.empty-state[data-v-51832b4e]{text-align:center;padding:var(--spacing-16) var(--spacing-8);background:var(--color-bg-primary);border-radius:var(--radius-lg);border:2px dashed var(--color-bg-border)}.empty-state svg[data-v-51832b4e]{width:80px;height:80px;color:var(--color-text-tertiary);opacity:.5;margin-bottom:var(--spacing-4)}.empty-state h3[data-v-51832b4e]{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-2)}.edit-panel[data-v-51832b4e]{background:var(--color-bg-primary);border:2px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--spacing-4);box-shadow:var(--shadow-primary-lg)}.edit-panel h3[data-v-51832b4e]{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-3)}.form-group[data-v-51832b4e]{margin-bottom:var(--spacing-3)}.form-group label[data-v-51832b4e]{display:block;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin-bottom:var(--spacing-1)}.form-group input[type=text][data-v-51832b4e]{width:100%;padding:var(--spacing-3) var(--spacing-4);border:2px solid var(--color-bg-border);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:var(--transition-base)}.form-group input[type=text][data-v-51832b4e]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha-10)}.image-upload-container[data-v-51832b4e]{display:flex;flex-direction:column;gap:var(--spacing-3)}.current-image[data-v-51832b4e]{width:150px;height:110px;border-radius:var(--radius-md);overflow:hidden;border:2px solid var(--color-bg-border)}.current-image img[data-v-51832b4e]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}input[type=file][data-v-51832b4e]{display:none}.btn-upload[data-v-51832b4e]{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);background:var(--color-bg-primary);border:2px solid var(--color-primary);border-radius:var(--radius-md);color:var(--color-primary);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-base);align-self:flex-start}.btn-upload[data-v-51832b4e]:hover{background:var(--color-primary);color:#fff}.btn-upload svg[data-v-51832b4e]{width:20px;height:20px}.upload-hint[data-v-51832b4e]{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.button-group[data-v-51832b4e]{display:flex;gap:var(--spacing-4);justify-content:flex-end}.btn-cancel[data-v-51832b4e],.btn-save[data-v-51832b4e]{padding:var(--spacing-3) var(--spacing-6);border:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-base);display:flex;align-items:center;justify-content:center}.btn-cancel[data-v-51832b4e]{background:var(--color-text-secondary);color:#fff}.btn-cancel[data-v-51832b4e]:hover{background:var(--color-text-primary)}.btn-save[data-v-51832b4e]{background:var(--gradient-primary);color:#fff;min-width:140px}.btn-save[data-v-51832b4e]:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-primary-md)}.btn-save[data-v-51832b4e]:disabled{opacity:.6;cursor:not-allowed}.message[data-v-51832b4e]{margin-top:var(--spacing-4);padding:var(--spacing-3);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);text-align:center}.message.success[data-v-51832b4e]{background:var(--color-primary-alpha-10);color:var(--color-primary);border:2px solid var(--color-primary-alpha-30)}.message.error[data-v-51832b4e]{background:var(--color-error-alpha-10);color:var(--color-error);border:2px solid var(--color-error-alpha-30)}@media (max-width:768px){.rooms-grid[data-v-51832b4e]{grid-template-columns:1fr}.button-group[data-v-51832b4e]{flex-direction:column}.btn-cancel[data-v-51832b4e],.btn-save[data-v-51832b4e]{width:100%}}.sidebar-nav[data-v-bc5f5b82]{display:flex;flex-direction:column;padding:var(--spacing-2);gap:var(--spacing-1)}.nav-item[data-v-bc5f5b82]{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);background:transparent;border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast);text-align:left;width:100%}.nav-item[data-v-bc5f5b82]:hover{background:var(--color-primary-alpha-10);color:var(--color-primary)}.nav-item.active[data-v-bc5f5b82]{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-primary-md)}.nav-icon[data-v-bc5f5b82]{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.nav-icon[data-v-bc5f5b82] svg{width:20px;height:20px}.nav-label[data-v-bc5f5b82]{flex:1}.loading-container[data-v-bc5f5b82]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-16) var(--spacing-8);background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-top:var(--spacing-8)}.loading-container p[data-v-bc5f5b82]{margin-top:var(--spacing-4);color:var(--color-text-secondary);font-size:var(--font-size-base)}.empty-state[data-v-bc5f5b82]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-16) var(--spacing-8);background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-top:var(--spacing-8);text-align:center}.empty-state svg[data-v-bc5f5b82]{width:80px;height:80px;color:var(--color-text-tertiary);margin-bottom:var(--spacing-6);opacity:.5}.empty-state h2[data-v-bc5f5b82]{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin-bottom:var(--spacing-2)}.empty-state p[data-v-bc5f5b82]{font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:400px}@media (max-width:968px){.sidebar-nav[data-v-bc5f5b82]{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:var(--spacing-2)}.nav-item[data-v-bc5f5b82]{flex:0 0 auto;padding:var(--spacing-2) var(--spacing-4)}}@media (max-width:768px){.nav-item[data-v-bc5f5b82]{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm)}.nav-icon[data-v-bc5f5b82] svg{width:18px;height:18px}.empty-state[data-v-bc5f5b82]{padding:var(--spacing-12) var(--spacing-6)}.empty-state svg[data-v-bc5f5b82]{width:60px;height:60px}.empty-state h2[data-v-bc5f5b82]{font-size:var(--font-size-lg)}.empty-state p[data-v-bc5f5b82]{font-size:var(--font-size-sm)}}@media (max-width:480px){.settings-page[data-v-bc5f5b82]{padding:var(--spacing-3)}.page-title[data-v-bc5f5b82]{font-size:var(--font-size-lg)}.nav-label[data-v-bc5f5b82]{display:none}.nav-item[data-v-bc5f5b82]{padding:var(--spacing-2)}.empty-state[data-v-bc5f5b82]{padding:var(--spacing-8) var(--spacing-4)}}.settings-body[data-v-3e47bcea]{padding:var(--spacing-6)}.profile-preview[data-v-3e47bcea]{display:flex;justify-content:center;margin-bottom:var(--spacing-6)}.preview-avatar[data-v-3e47bcea]{width:150px;height:150px;border-radius:50%;overflow:hidden;border:4px solid var(--color-bg-border);box-shadow:var(--shadow-md)}.preview-img[data-v-3e47bcea]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.preview-placeholder[data-v-3e47bcea]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:#fff;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}.upload-section[data-v-3e47bcea]{margin-bottom:var(--spacing-6)}.upload-label[data-v-3e47bcea]{display:block;cursor:pointer}.file-input[data-v-3e47bcea]{display:none}.upload-button[data-v-3e47bcea]{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);background:var(--color-bg-secondary);border:2px dashed var(--color-bg-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold);transition:var(--transition-base)}.upload-button[data-v-3e47bcea]:hover{background:var(--color-bg-border);border-color:var(--color-primary);color:var(--color-primary)}.upload-button svg[data-v-3e47bcea]{width:20px;height:20px}.file-name[data-v-3e47bcea]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.file-name[data-v-3e47bcea],.upload-hint[data-v-3e47bcea]{margin-top:var(--spacing-2);color:var(--color-text-secondary)}.upload-hint[data-v-3e47bcea]{font-size:var(--font-size-xs);font-style:italic}.action-buttons[data-v-3e47bcea]{display:flex;gap:var(--spacing-3);flex-wrap:wrap}.btn[data-v-3e47bcea]{flex:1;min-width:150px;padding:var(--spacing-3) var(--spacing-6);border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);cursor:pointer;transition:var(--transition-base)}.btn[data-v-3e47bcea]:disabled{opacity:.5;cursor:not-allowed}.btn-primary[data-v-3e47bcea]{background:var(--gradient-primary);color:#fff}.btn-primary[data-v-3e47bcea]:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-primary-md)}.btn-danger[data-v-3e47bcea]{background:var(--color-error);color:#fff}.btn-danger[data-v-3e47bcea]:hover{background:var(--color-error-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.message[data-v-3e47bcea]{margin-top:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.message.success[data-v-3e47bcea]{background:var(--color-primary-alpha-10);color:var(--color-primary);border:1px solid var(--color-primary-alpha-30)}.message.error[data-v-3e47bcea]{background:var(--color-error-alpha-10);color:var(--color-error);border:1px solid var(--color-error-alpha-30)}@media (max-width:480px){.preview-avatar[data-v-3e47bcea]{width:120px;height:120px}.preview-placeholder[data-v-3e47bcea]{font-size:var(--font-size-2xl)}.action-buttons[data-v-3e47bcea]{flex-direction:column}.btn[data-v-3e47bcea]{min-width:100%}}.settings-body[data-v-1ea46347]{padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-6)}.info-message[data-v-1ea46347]{display:flex;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--color-info-alpha-10);border:1px solid var(--color-info-alpha-30);border-radius:var(--radius-md);color:var(--color-info)}.info-message svg[data-v-1ea46347]{width:24px;height:24px;flex-shrink:0}.info-message p[data-v-1ea46347]{margin:0;font-size:var(--font-size-sm);line-height:1.5}.notification-item[data-v-1ea46347]{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-4);padding:var(--spacing-5);background:var(--color-bg-light);border-radius:var(--radius-lg);border:2px solid var(--color-bg-border);transition:var(--transition-base)}.notification-item[data-v-1ea46347]:hover{border-color:var(--color-primary);box-shadow:var(--shadow-primary-sm)}.notification-info[data-v-1ea46347]{display:flex;gap:var(--spacing-4);flex:1}.notification-icon[data-v-1ea46347]{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.notification-icon svg[data-v-1ea46347]{width:28px;height:28px}.notification-content[data-v-1ea46347]{flex:1}.notification-title[data-v-1ea46347]{margin:0 0 var(--spacing-2) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.notification-description[data-v-1ea46347]{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.notification-toggle[data-v-1ea46347]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2)}.toggle-switch[data-v-1ea46347]{position:relative;width:56px;height:28px;cursor:pointer}.toggle-switch.disabled[data-v-1ea46347]{opacity:.6;cursor:not-allowed}.toggle-switch input[data-v-1ea46347]{display:none}.toggle-slider[data-v-1ea46347]{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--color-text-tertiary);border-radius:28px;transition:var(--transition-base)}.toggle-slider[data-v-1ea46347]:before{content:"";position:absolute;width:22px;height:22px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:var(--transition-base)}.toggle-switch input:checked+.toggle-slider[data-v-1ea46347]{background:var(--color-primary)}.toggle-switch input:checked+.toggle-slider[data-v-1ea46347]:before{transform:translateX(28px)}.toggle-status[data-v-1ea46347]{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase}.toggle-status.active[data-v-1ea46347]{color:var(--color-primary)}.notification-types[data-v-1ea46347]{background:var(--color-bg-light);padding:var(--spacing-5);border-radius:var(--radius-lg);border:1px solid var(--color-bg-border)}.types-title[data-v-1ea46347]{margin:0 0 var(--spacing-1) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.types-subtitle[data-v-1ea46347]{margin:0 0 var(--spacing-4) 0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.type-list[data-v-1ea46347]{display:flex;flex-direction:column;gap:var(--spacing-3)}.type-item[data-v-1ea46347]{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);background:var(--color-bg-primary);border-radius:var(--radius-md);border:1px solid var(--color-bg-border)}.type-info[data-v-1ea46347]{display:flex;gap:var(--spacing-3);flex:1}.type-info svg[data-v-1ea46347]{width:24px;height:24px;color:var(--color-primary);flex-shrink:0}.type-name[data-v-1ea46347]{font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.type-description[data-v-1ea46347]{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.type-info-box[data-v-1ea46347]{display:flex;gap:var(--spacing-3);padding:var(--spacing-4);border-radius:var(--radius-md);margin-top:var(--spacing-2)}.type-info-box svg[data-v-1ea46347]{width:24px;height:24px;flex-shrink:0}.type-info-box p[data-v-1ea46347]{margin:0;font-size:var(--font-size-sm);line-height:1.5}.type-info-box.warning[data-v-1ea46347]{background:var(--color-warning-alpha-10);border:1px solid var(--color-warning-alpha-30);color:var(--color-warning-dark)}.type-info-box.warning svg[data-v-1ea46347]{color:var(--color-warning)}.type-info-box.error[data-v-1ea46347]{background:var(--color-error-alpha-10);border:1px solid var(--color-error-alpha-30);color:var(--color-error-dark)}.type-info-box.error svg[data-v-1ea46347]{color:var(--color-error)}.mini-toggle[data-v-1ea46347]{position:relative;width:44px;height:24px;cursor:pointer;flex-shrink:0}.mini-toggle input[data-v-1ea46347]{display:none}.mini-slider[data-v-1ea46347]{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--color-text-tertiary);border-radius:24px;transition:var(--transition-base)}.mini-slider[data-v-1ea46347]:before{content:"";position:absolute;width:18px;height:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:var(--transition-base)}.mini-toggle input:checked+.mini-slider[data-v-1ea46347]{background:var(--color-primary)}.mini-toggle input:checked+.mini-slider[data-v-1ea46347]:before{transform:translateX(20px)}.message[data-v-1ea46347]{padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.message.success[data-v-1ea46347]{background:var(--color-primary-alpha-10);color:var(--color-primary);border:1px solid var(--color-primary-alpha-30)}.message.error[data-v-1ea46347]{background:var(--color-error-alpha-10);color:var(--color-error);border:1px solid var(--color-error-alpha-30)}.newsletter-icon[data-v-1ea46347]{background:linear-gradient(135deg,#0ea5e9,#06b6d4)}.security-icon[data-v-1ea46347]{background:linear-gradient(135deg,#f59e0b,#f97316)}.reset-password-section[data-v-1ea46347]{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-4);padding:var(--spacing-5);background:var(--color-bg-light);border-radius:var(--radius-lg);border:2px solid var(--color-bg-border);transition:var(--transition-base)}.reset-password-section[data-v-1ea46347]:hover{border-color:var(--color-warning);box-shadow:0 0 0 3px rgba(245,158,11,.1)}.reset-password-info[data-v-1ea46347]{display:flex;gap:var(--spacing-4);flex:1}.reset-password-btn[data-v-1ea46347]{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-base);white-space:nowrap}.reset-password-btn[data-v-1ea46347]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(245,158,11,.3)}.reset-password-btn[data-v-1ea46347]:active:not(:disabled){transform:translateY(0)}.reset-password-btn[data-v-1ea46347]:disabled{opacity:.7;cursor:not-allowed}.reset-password-btn svg[data-v-1ea46347]{width:18px;height:18px}.spinner[data-v-1ea46347]{width:18px;height:18px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin-1ea46347 .8s linear infinite}.spinner-small[data-v-1ea46347]{display:inline-block;width:12px;height:12px;border:2px solid var(--color-primary-alpha-30);border-top-color:var(--color-primary);border-radius:50%;animation:spin-1ea46347 .8s linear infinite;margin-right:var(--spacing-1);vertical-align:middle}@keyframes spin-1ea46347{to{transform:rotate(1turn)}}@media (max-width:768px){.notification-item[data-v-1ea46347]{flex-direction:column;align-items:flex-start}.notification-toggle[data-v-1ea46347]{width:100%;flex-direction:row;justify-content:space-between}.type-item[data-v-1ea46347]{gap:var(--spacing-3)}.reset-password-section[data-v-1ea46347],.type-item[data-v-1ea46347]{flex-direction:column;align-items:flex-start}.reset-password-btn[data-v-1ea46347]{width:100%;justify-content:center}}.reset-password-dialog[data-v-1ea46347]{display:flex;flex-direction:column;gap:var(--spacing-4)}.dialog-subtitle[data-v-1ea46347]{color:var(--color-text-secondary);margin:0;font-size:var(--font-size-sm);line-height:1.5}.reset-form-field[data-v-1ea46347]{display:flex;flex-direction:column;gap:var(--spacing-2)}.reset-form-field label[data-v-1ea46347]{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--color-text-primary)}.reset-form-field input[data-v-1ea46347]{width:100%;padding:var(--spacing-3);border:1px solid var(--color-bg-border);border-radius:var(--radius-md);background:var(--color-bg-primary);font-size:var(--font-size-base);color:var(--color-text-primary);transition:border-color .2s ease}.reset-form-field input[data-v-1ea46347]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha-10)}.reset-form-field input[data-v-1ea46347]::-moz-placeholder{color:var(--color-text-tertiary)}.reset-form-field input[data-v-1ea46347]::placeholder{color:var(--color-text-tertiary)}.reset-error[data-v-1ea46347]{margin:0;padding:var(--spacing-3);background:var(--color-error-alpha-10);border:1px solid var(--color-error-alpha-30);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-size-sm)}.dialog-button[data-v-1ea46347]{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-base);min-width:120px}.dialog-button-primary[data-v-1ea46347]{background:var(--gradient-primary);color:#fff;border:none;box-shadow:var(--shadow-primary-sm)}.dialog-button-primary[data-v-1ea46347]:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-primary-md)}.dialog-button-primary[data-v-1ea46347]:disabled{opacity:.7;cursor:not-allowed;transform:none}.dialog-button-secondary[data-v-1ea46347]{background:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid var(--color-bg-border)}.dialog-button-secondary[data-v-1ea46347]:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.settings-page[data-v-5a12c2c2]{display:flex;flex-direction:column;background:var(--color-bg-secondary)}.settings-content[data-v-5a12c2c2]{flex:1;max-width:1200px;margin:0 auto;padding:var(--spacing-8);width:100%}.title[data-v-5a12c2c2]{text-align:center;margin-bottom:var(--spacing-8);font-size:2.5rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-shadow:var(--shadow-sm)}.settings-grid[data-v-5a12c2c2]{display:grid;gap:var(--spacing-6);grid-template-columns:1fr 2fr}.settings-card[data-v-5a12c2c2]{background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;transition:var(--transition-base)}.settings-card[data-v-5a12c2c2]:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}@media (max-width:768px){.settings-content[data-v-5a12c2c2]{padding:var(--spacing-4)}.title[data-v-5a12c2c2]{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-6)}.settings-grid[data-v-5a12c2c2]{grid-template-columns:1fr;gap:var(--spacing-4)}}@media (max-width:480px){.title[data-v-5a12c2c2]{font-size:var(--font-size-2xl)}}.card[data-v-6e53b121]{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-4);margin:var(--spacing-8) auto;max-width:40rem;background:var(--color-bg-primary);transition:var(--transition-base)}.card[data-v-6e53b121]:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}a[data-v-dbd4e938],button[data-v-dbd4e938]{text-decoration:none;padding:var(--spacing-3) var(--spacing-6);font:inherit;font-weight:var(--font-weight-semibold);background-color:var(--color-primary);border:var(--border-width-thin) solid var(--color-primary);color:var(--color-text-inverse);cursor:pointer;border-radius:var(--radius-full);margin-right:var(--spacing-2);display:inline-block;transition:var(--transition-base)}a[data-v-dbd4e938]:active,a[data-v-dbd4e938]:hover,button[data-v-dbd4e938]:active,button[data-v-dbd4e938]:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);box-shadow:var(--shadow-primary-md);transform:translateY(-1px)}a[data-v-dbd4e938]:active,button[data-v-dbd4e938]:active{transform:translateY(0)}.flat[data-v-dbd4e938]{border:none}.flat[data-v-dbd4e938],.outline[data-v-dbd4e938]{background-color:transparent;color:var(--color-primary)}.outline[data-v-dbd4e938]{border-color:var(--color-primary)}.flat[data-v-dbd4e938]:active,.flat[data-v-dbd4e938]:hover{background-color:var(--color-primary-alpha-10)}.outline[data-v-dbd4e938]:active,.outline[data-v-dbd4e938]:hover{background-color:var(--color-primary-alpha-10);border-color:var(--color-primary-dark)}.dialog-overlay[data-v-2936d1e6]{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-overlay);backdrop-filter:var(--backdrop-blur-sm);display:flex;align-items:center;justify-content:center;z-index:var(--z-index-modal);padding:var(--spacing-4)}.dialog-container[data-v-2936d1e6]{background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);max-width:500px;width:100%;max-height:90vh;display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:1fr;overflow:hidden;position:relative;transition:max-width var(--duration-base) var(--ease-smooth),width var(--duration-base) var(--ease-smooth)}.dialog-container.dialog-large[data-v-2936d1e6]{max-width:700px}.dialog-header[data-v-2936d1e6]{padding:var(--spacing-6);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);border-bottom:var(--border-light)}.header-content[data-v-2936d1e6]{display:flex;align-items:center;gap:var(--spacing-3);flex:1}.icon-wrapper[data-v-2936d1e6]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0}.icon-wrapper svg[data-v-2936d1e6]{width:24px;height:24px}.dialog-title[data-v-2936d1e6]{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight)}.header-error[data-v-2936d1e6],.header-info[data-v-2936d1e6],.header-success[data-v-2936d1e6],.header-warning[data-v-2936d1e6]{background:var(--gradient-primary);color:var(--color-text-inverse);border-bottom:none}.header-error .dialog-title[data-v-2936d1e6],.header-error .icon-wrapper svg[data-v-2936d1e6],.header-info .dialog-title[data-v-2936d1e6],.header-info .icon-wrapper svg[data-v-2936d1e6],.header-success .dialog-title[data-v-2936d1e6],.header-success .icon-wrapper svg[data-v-2936d1e6],.header-warning .dialog-title[data-v-2936d1e6],.header-warning .icon-wrapper svg[data-v-2936d1e6]{color:var(--color-text-inverse)}.close-button[data-v-2936d1e6]{background:transparent;border:none;cursor:pointer;padding:var(--spacing-2);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:var(--transition-fast);color:inherit;opacity:.8;flex-shrink:0}.close-button[data-v-2936d1e6]:hover{opacity:1;background:rgba(0,0,0,.1)}.close-button svg[data-v-2936d1e6]{width:20px;height:20px}.dialog-body-wrapper[data-v-2936d1e6]{overflow:hidden;min-height:0;transition:height .35s var(--ease-smooth),max-height .35s var(--ease-smooth);max-height:60vh}.dialog-body[data-v-2936d1e6]{padding:var(--spacing-6);overflow-y:auto;color:var(--color-gray-700);line-height:var(--line-height-relaxed);transition:padding var(--duration-base) ease}.dialog-content-wrapper[data-v-2936d1e6]{transition:opacity .25s ease;display:block}.dialog-body[data-v-2936d1e6]::-webkit-scrollbar{width:8px}.dialog-body[data-v-2936d1e6]::-webkit-scrollbar-track{background:var(--color-gray-100)}.dialog-body[data-v-2936d1e6]::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:var(--radius-sm)}.dialog-body[data-v-2936d1e6]::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}.dialog-footer[data-v-2936d1e6]{padding:var(--spacing-4) var(--spacing-6);border-top:var(--border-light);display:flex;justify-content:flex-end;gap:var(--spacing-3);flex-wrap:wrap;background:var(--color-bg-secondary);transition:padding var(--duration-base) ease}.footer-fade-enter-active[data-v-2936d1e6]{transition:opacity .25s ease,transform .25s ease,max-height .25s ease}.footer-fade-leave-active[data-v-2936d1e6]{transition:opacity .2s ease,transform .2s ease,max-height .2s ease}.footer-fade-enter-from[data-v-2936d1e6]{opacity:0;transform:translateY(10px);max-height:0}.footer-fade-leave-to[data-v-2936d1e6]{opacity:0;transform:translateY(-10px);max-height:0}.footer-fade-enter-to[data-v-2936d1e6],.footer-fade-leave-from[data-v-2936d1e6]{opacity:1;transform:translateY(0);max-height:200px}.dialog-button[data-v-2936d1e6]{padding:var(--spacing-3) var(--spacing-6);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-base);min-width:100px}.dialog-button-primary[data-v-2936d1e6]{background:var(--gradient-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-primary-md)}.dialog-button-primary[data-v-2936d1e6]:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary-xl)}.dialog-button-primary[data-v-2936d1e6]:active{transform:translateY(0)}.dialog-button-secondary[data-v-2936d1e6]{background:var(--color-bg-secondary);color:var(--color-gray-700);border:var(--border-width-base) solid var(--color-border-light)}.dialog-button-secondary[data-v-2936d1e6]:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-medium)}.dialog-fade-enter-active[data-v-2936d1e6],.dialog-fade-leave-active[data-v-2936d1e6]{transition:opacity .2s ease}.dialog-fade-enter-from[data-v-2936d1e6],.dialog-fade-leave-to[data-v-2936d1e6]{opacity:0}.dialog-scale-enter-active[data-v-2936d1e6]{transition:all .25s cubic-bezier(.34,1.56,.64,1)}.dialog-scale-leave-active[data-v-2936d1e6]{transition:all .15s ease-in}.dialog-scale-enter-from[data-v-2936d1e6]{opacity:0;transform:scale(.95) translateY(-10px)}.dialog-scale-leave-to[data-v-2936d1e6]{opacity:0;transform:scale(.98)}.content-fade-enter-active[data-v-2936d1e6],.content-fade-leave-active[data-v-2936d1e6]{transition:opacity .25s ease,transform .25s ease}.content-fade-enter-from[data-v-2936d1e6]{opacity:0;transform:translateY(-5px)}.content-fade-leave-to[data-v-2936d1e6]{opacity:0;transform:translateY(5px)}.content-fade-enter-to[data-v-2936d1e6],.content-fade-leave-from[data-v-2936d1e6]{opacity:1;transform:translateY(0)}.title-fade-enter-active[data-v-2936d1e6],.title-fade-leave-active[data-v-2936d1e6]{transition:opacity .2s ease}.title-fade-enter-from[data-v-2936d1e6],.title-fade-leave-to[data-v-2936d1e6]{opacity:0}.title-fade-enter-to[data-v-2936d1e6],.title-fade-leave-from[data-v-2936d1e6]{opacity:1}@media (max-width:768px){.dialog-overlay[data-v-2936d1e6]{padding:var(--spacing-2)}.dialog-container[data-v-2936d1e6]{max-width:100%;border-radius:var(--radius-lg)}.dialog-header[data-v-2936d1e6]{padding:var(--spacing-5)}.dialog-title[data-v-2936d1e6]{font-size:var(--font-size-lg)}.dialog-body[data-v-2936d1e6]{padding:var(--spacing-5)}.dialog-footer[data-v-2936d1e6]{padding:var(--spacing-4);flex-direction:column}.dialog-button[data-v-2936d1e6]{width:100%}}@media (max-width:480px){.dialog-header[data-v-2936d1e6]{padding:var(--spacing-4)}.dialog-title[data-v-2936d1e6]{font-size:var(--font-size-md)}.dialog-body[data-v-2936d1e6]{padding:var(--spacing-4)}.icon-wrapper[data-v-2936d1e6]{width:28px;height:28px}.icon-wrapper svg[data-v-2936d1e6]{width:20px;height:20px}}