.color-picker{position:relative;display:inline-block}.color-picker__toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;transition:background-color .15s ease}.color-picker__toggle:hover{background-color:var(--bg-hover)}.color-picker__dropdown{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg, .5rem);box-shadow:var(--shadow-lg);z-index:1000;min-width:200px;animation:fadeInDown .2s ease}@keyframes fadeInDown{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.color-picker__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.color-picker__option{width:32px;height:32px;border:2px solid transparent;border-radius:50%;cursor:pointer;transition:all .15s ease;position:relative;background:none}.color-picker__option:hover{transform:scale(1.1);border-color:var(--border-color)}.color-picker__option--active{border-color:var(--text-primary);transform:scale(1.1)}.color-picker__option--active:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;font-weight:700;text-shadow:0 0 2px rgba(0,0,0,.5)}.rainbow-theme .color-picker__option--active:after{color:#fff;text-shadow:0 0 4px rgba(0,0,0,.8)}@media (max-width: 768px){.color-picker__grid{grid-template-columns:repeat(4,1fr);gap:10px}.color-picker__option{width:28px;height:28px}}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:200px;padding:2rem;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px}.error-boundary__content{text-align:center;max-width:400px}.error-boundary__title{font-size:1.5rem;font-weight:600;color:var(--color-error, #ef4444);margin-bottom:1rem}.error-boundary__message{color:var(--color-text-secondary);margin-bottom:1.5rem;line-height:1.5}.error-boundary__button{padding:.75rem 1.5rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.error-boundary__button:hover{background-color:var(--color-primary-dark)}.toaster{position:fixed;top:30%;left:50%;transform:translate(-50%,-50%);z-index:9999;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toaster>*{pointer-events:auto}.toast-content{display:flex;flex-direction:column;flex:1}.toast-container>*{pointer-events:auto}.select-trigger{display:flex;height:2.5rem;width:100%;align-items:center;justify-content:space-between;border-radius:8px;border:2px solid #d1d5db;background-color:var(--input-bg);padding:0 2.5rem 0 .75rem;font-size:.875rem;color:var(--text-primary);transition:border-color .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:16px 12px}.monitor-switch__input{opacity:0;width:0;height:0;position:absolute}.monitor-switch__track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;background:var(--color-error);transition:background .25s ease;cursor:pointer}.monitor-switch__input:checked+.monitor-switch__track{background:var(--color-primary)}.monitor-switch__input:disabled+.monitor-switch__track{opacity:.5;cursor:not-allowed}.monitor-switch__input:checked+.monitor-switch__track>.monitor-switch__thumb{transform:translate(20px)}.monitor-switch-field{display:inline-flex;align-items:center;gap:var(--space-sm)}.monitor-switch__label{margin-left:var(--space-sm);color:var(--text-primary);cursor:pointer}.captcha-button{display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--color-primary);border-radius:8px;background:var(--bg-primary);cursor:pointer;transition:all .2s ease;font-size:0;position:relative;overflow:hidden}.captcha-button:hover{transform:scale(1.05);box-shadow:0 4px 8px #0000001a}.captcha-button:focus{outline:none;box-shadow:0 0 0 3px #3b82f61a}.captcha-button--sm{width:32px;height:32px}.captcha-button--md{width:40px;height:40px}.captcha-button--lg{width:48px;height:48px}.captcha-button--unsolved{border-color:var(--color-primary);color:var(--text-primary)}.captcha-button--solved{border-color:#10b981;background:#f0fdf4;color:#10b981}.captcha-button--solved .captcha-button__icon svg{color:#10b981}.captcha-button--disabled{opacity:.6;cursor:not-allowed;transform:none!important}.captcha-button__icon{display:flex;align-items:center;justify-content:center;line-height:1}.captcha-button__icon svg{width:28px;height:28px}.captcha-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1004;animation:fadeIn .2s ease}.captcha-modal{background:var(--bg-primary);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:400px;max-width:90vw;max-height:90vh;animation:scaleIn .2s ease;border:1px solid var(--border-color)}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.captcha-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-color)}.captcha-modal__title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.captcha-modal__close{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease;line-height:1}.captcha-modal__close:hover{background:var(--bg-hover);color:var(--text-primary)}.captcha-modal__content{padding:1.5rem}.captcha-modal__loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;text-align:center}.captcha-modal__loading .spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.captcha-modal__error{text-align:center;padding:2rem}.captcha-modal__error button{margin-top:1rem;padding:.5rem 1rem;background:var(--color-primary);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .2s ease}.captcha-modal__error button:hover{background:var(--color-primary-dark)}.puzzle-canvas{display:flex;flex-direction:column;align-items:center;gap:1rem;min-height:280px;position:relative}.puzzle-canvas__main{position:relative;width:200px;height:150px;border:2px solid var(--border-color);border-radius:8px;overflow:hidden;transition:all .2s ease}.puzzle-canvas__main--drag-over{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.puzzle-canvas__image{width:100%;height:100%;object-fit:cover;display:block}.puzzle-canvas__missing-area{position:absolute;border:2px dashed #dc3545;background:#dc35451a;pointer-events:none}.puzzle-canvas__instructions{font-size:.875rem;color:var(--text-secondary);text-align:center;margin:0}.puzzle-canvas__pieces{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.puzzle-piece{cursor:grab;border-radius:6px;transition:all .2s ease;border:2px solid transparent;background:var(--bg-primary);padding:4px}.puzzle-piece:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026;border-color:var(--color-primary)}.puzzle-piece:active{cursor:grabbing}.puzzle-piece--dragging{opacity:.8;transform:rotate(3deg) scale(1.1);z-index:10;box-shadow:0 8px 16px #0000004d;border:2px solid var(--color-primary);background:var(--bg-primary)}.puzzle-piece__image{display:block;border-radius:4px;max-width:60px;max-height:50px;pointer-events:none}.puzzle-canvas__status{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;border-radius:6px;margin:0 auto 1rem;font-size:.875rem;font-weight:500;animation:slideDown .3s ease;min-width:150px;width:fit-content}.puzzle-canvas__status--validating{background:var(--color-primary);color:#fff}.puzzle-canvas__status--success{background:#10b981;color:#fff}.puzzle-canvas__status--error{background:#ef4444;color:#fff}.puzzle-canvas__spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.puzzle-canvas__icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;border-radius:50%}.puzzle-canvas__icon--success,.puzzle-canvas__icon--error{background:#fff3}@media (max-width: 480px){.captcha-modal{width:350px;margin:1rem}.captcha-modal__header,.captcha-modal__content{padding:1rem}.puzzle-canvas__main{width:180px;height:135px}.puzzle-piece__image{max-width:50px;max-height:40px}}.error-boundary{display:flex;align-items:center;justify-content:center;padding:1rem;border-radius:8px;background-color:var(--color-error-bg, #fef2f2);border:1px solid var(--color-error-border, #fecaca);color:var(--color-error-text, #dc2626)}.error-boundary__content{text-align:center;max-width:500px}.error-boundary__icon{font-size:2rem;margin-bottom:.5rem}.error-boundary__title{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:var(--color-error-title, #991b1b)}.error-boundary__message{margin:0 0 1rem;color:var(--color-error-message, #7f1d1d);line-height:1.5}.error-boundary__error-id{margin:.5rem 0 1rem;font-size:.875rem;color:var(--color-error-muted, #a3a3a3)}.error-boundary__error-id code{background-color:var(--color-error-code-bg, #f3f4f6);padding:.125rem .25rem;border-radius:4px;font-family:Courier New,monospace;font-size:.75rem}.error-boundary__actions{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.error-boundary__details{margin:1rem 0;text-align:left}.error-boundary__details summary{cursor:pointer;font-weight:500;margin-bottom:.5rem;color:var(--color-error-title, #991b1b)}.error-boundary__stack{background-color:var(--color-error-code-bg, #f9fafb);border:1px solid var(--color-error-border, #e5e7eb);border-radius:4px;padding:.75rem;font-family:Courier New,monospace;font-size:.75rem;overflow-x:auto;white-space:pre-wrap;word-break:break-all;max-height:200px;overflow-y:auto}.error-boundary--page{min-height:400px;margin:2rem;padding:3rem}.error-boundary--page .error-boundary__icon{font-size:4rem;margin-bottom:1rem}.error-boundary--page .error-boundary__title{font-size:2rem;margin-bottom:1rem}.error-boundary--page .error-boundary__message{font-size:1.125rem;margin-bottom:2rem}.error-boundary--section{min-height:200px;margin:1rem 0;padding:2rem}.error-boundary--section .error-boundary__icon{font-size:2.5rem;margin-bottom:.75rem}.error-boundary--section .error-boundary__title{font-size:1.5rem;margin-bottom:.75rem}.error-boundary--component{min-height:auto;padding:.75rem;display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem}.error-boundary--component .error-boundary__content{display:flex;align-items:center;gap:.5rem;text-align:left}.error-boundary--component .error-boundary__icon{font-size:1rem;margin:0}.error-boundary--component .error-boundary__message{margin:0;font-size:.875rem}.error-boundary__retry{background:none;border:none;cursor:pointer;font-size:1rem;padding:.25rem;border-radius:4px;transition:background-color .2s}.error-boundary__retry:hover{background-color:var(--color-error-hover, #fee2e2)}@media (prefers-color-scheme: dark){.error-boundary{background-color:var(--color-error-bg-dark, #451a03);border-color:var(--color-error-border-dark, #92400e);color:var(--color-error-text-dark, #fbbf24)}.error-boundary__title{color:var(--color-error-title-dark, #f59e0b)}.error-boundary__message{color:var(--color-error-message-dark, #d97706)}.error-boundary__error-id{color:var(--color-error-muted-dark, #6b7280)}.error-boundary__error-id code{background-color:var(--color-error-code-bg-dark, #374151);color:var(--color-error-code-text-dark, #f3f4f6)}.error-boundary__stack{background-color:var(--color-error-code-bg-dark, #1f2937);border-color:var(--color-error-border-dark, #4b5563);color:var(--color-error-code-text-dark, #e5e7eb)}.error-boundary__retry:hover{background-color:var(--color-error-hover-dark, #92400e)}}@media (max-width: 768px){.error-boundary--page{margin:1rem;padding:2rem 1rem}.error-boundary--page .error-boundary__title{font-size:1.5rem}.error-boundary--page .error-boundary__message{font-size:1rem}.error-boundary--section{padding:1.5rem 1rem}.error-boundary__actions{flex-direction:column;align-items:center}.error-boundary__actions .button{width:100%;max-width:200px}}.error-boundary{animation:errorBoundaryFadeIn .3s ease-out}@keyframes errorBoundaryFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}:root{--color-primary: #3b82f6;--color-primary-dark: #2563eb;--color-primary-light: #60a5fa;--color-primary-bg: rgba(59, 130, 246, .1);--color-primary-rgb: 59, 130, 246;--color-secondary: #6b7280;--color-secondary-hover: #22242b;--color-accent: #8b5cf6;--color-accent-dark: #7c3aed;--color-accent-light: #a78bfa;--color-accent-rgb: 139, 92, 246;--color-success: #10b981;--color-success-light: rgba(16, 185, 129, .1);--color-success-rgb: 16, 185, 129;--success-600: #059669;--success-100: #d1fae5;--success-50: #ecfdf5;--color-error: #ef4444;--color-error-light: rgba(239, 68, 68, .1);--color-error-rgb: 239, 68, 68;--error-500: #ef4444;--error-600: #dc2626;--error-200: #fecaca;--error-50: #fef2f2;--color-warning: #f59e0b;--color-warning-light: rgba(245, 158, 11, .1);--color-warning-rgb: 245, 158, 11;--color-info: #3b82f6;--color-info-light: rgba(59, 130, 246, .1);--color-info-rgb: 59, 130, 246;--info-600: #2563eb;--info-200: #bfdbfe;--info-50: #eff6ff;--text-primary: #1f2937;--text-secondary: #4b5563;--text-muted: #9ca3af;--text-w: #ffffff;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-alt: #f3f4f6;--bg-hover: #f3f4f6;--card-bg: #ffffff;--header-bg: #ffffff;--input-bg: #ffffff;--border-color: #e5e7eb;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--shadow-outline: 0 0 0 3px rgba(59, 130, 246, .3);--radius-sm: .125rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--transition-base: .25s ease;--transition-colors: color .2s ease, background-color .2s ease;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 2.5rem;--space-3xl: 3rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--font-mono: "Monaco", "Menlo", "Ubuntu Mono", monospace;--color-primary-alpha: rgba(59, 130, 246, .1);--bg-warning: rgba(245, 158, 11, .1);--feed-list-bg: rgba(255, 255, 255, .82)}.dark{--color-primary: #60a5fa;--color-primary-dark: #3b82f6;--color-primary-light: #93c5fd;--color-primary-bg: rgba(96, 165, 250, .15);--color-primary-rgb: 96, 165, 250;--color-accent: #a78bfa;--color-accent-dark: #8b5cf6;--color-accent-light: #c4b5fd;--color-accent-rgb: 167, 139, 250;--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-muted: #9ca3af;--bg-primary: #111827;--bg-secondary: #1f2937;--bg-alt: #374151;--bg-hover: #374151;--card-bg: #1f2937;--header-bg: #111827;--input-bg: #374151;--border-color: #4b5563;--shadow-outline: 0 0 0 3px rgba(96, 165, 250, .4);--feed-list-bg: rgba(255, 255, 255, .06)}*,*:before,*:after{box-sizing:border-box}html{line-height:1.15;-webkit-text-size-adjust:100%;scrollbar-width:none}body{margin:0;min-height:100vh;margin-right:0!important}::-webkit-scrollbar{display:none}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600}p{margin:0}a{text-decoration:none;color:inherit;background-color:transparent}img{height:auto;border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button;cursor:pointer}a,button,[role=button],[tabindex="0"],label,select,input[type=checkbox],input[type=radio],input[type=submit],input[type=button],input[type=reset],.clickable{cursor:pointer}ul,ol{list-style:none;margin:0;padding:0}.content-loading-placeholder{min-height:300px}button:not(:disabled),a:not([disabled]),[role=button]:not([disabled]),[tabindex="0"]:not([disabled]),label:not([disabled]),select:not(:disabled),input[type=checkbox]:not(:disabled),input[type=radio]:not(:disabled),input[type=submit]:not(:disabled),input[type=button]:not(:disabled),input[type=reset]:not(:disabled),.clickable:not([disabled]),.admin-button:not(:disabled),.sidebar-tab__button:not(:disabled),.footer-editor__tab-button:not(:disabled){cursor:pointer!important}html{font-size:16px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1rem;line-height:1.5;color:var(--text-primary)}h1,h2,h3,h4,h5,h6{margin-bottom:.5em;line-height:1.2;color:var(--text-primary)}p{margin-bottom:.2rem}a{color:var(--color-primary);transition:color .2s ease}a:hover{color:var(--color-primary);opacity:.8}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-center{text-align:center}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}:root{--breakpoint-xs: 480px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px}@media (max-width: 767px){.mobile-hidden{display:none!important}.mobile-block{display:block!important}.mobile-flex{display:flex!important}.mobile-full-width{width:100%!important}.mobile-stack{flex-direction:column!important}.mobile-center{text-align:center!important}}@media (min-width: 768px) and (max-width: 1023px){.tablet-hidden{display:none!important}.tablet-block{display:block!important}.tablet-flex{display:flex!important}}@media (min-width: 1024px){.desktop-hidden{display:none!important}.desktop-block{display:block!important}.desktop-flex{display:flex!important}}.icon{display:inline-block;flex-shrink:0;transition:var(--transition-colors) var(--transition-base)}.icon--hamburger,.icon--x,.icon--search,.icon--login,.icon--logout,.icon--user,.icon--admin,.icon--users,.icon--palette,.icon--moon,.icon--sun,.icon--add,.icon--minus,.icon--refresh,.icon--arrow-up,.icon--arrow-down,.icon--arrow-left,.icon--arrow-right,.icon--house,.icon--edit,.icon--delete,.icon--save,.icon--gear,.icon--wrench,.icon--eye,.icon--eye-off,.icon--heart,.icon--share,.icon--download,.icon--upload,.icon--calendar,.icon--clock,.icon--bell,.icon--info,.icon--success,.icon--warning,.icon--error,.icon--alert-circle,.icon--check,.icon--circle,.icon--image,.icon--book,.icon--folder,.icon--video,.icon--audio,.icon--file,.icon--chart,.icon--cake-icing,.icon--smile-diamond,.icon--monkey-running,.icon--rocket-diamond,.icon--tree-diamond,.icon--puzzle,.icon--shopping-cart,.icon--credit-card,.icon--wallet,.icon--paypal,.icon--email,.icon--camera,.icon--status,.icon--grid,.icon--table,.icon--file-search,.icon--file-users,.icon--file-crown{display:inline-block;width:20px;height:20px;stroke:currentColor;fill:none}.icon-button{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-md);background:transparent;cursor:pointer;transition:var(--button-transition);position:relative;outline:none}.icon-button:focus-visible{box-shadow:var(--input-shadow-focus)}.icon-button:disabled{opacity:.5;cursor:not-allowed}.icon-button--sm{padding:var(--space-1);min-width:24px;min-height:24px;border-radius:var(--radius-md)}.icon-button--md{padding:var(--space-2);min-width:32px;min-height:32px;border-radius:var(--radius-lg)}.icon-button--lg{padding:var(--space-2);min-width:36px;min-height:36px;border-radius:var(--radius-lg)}.icon-button--primary{background:var(--button-primary-bg);color:var(--button-primary-text)}.icon-button--primary:hover:not(:disabled){background:var(--button-primary-hover);transform:translateY(-1px);box-shadow:var(--button-shadow-hover)}.icon-button--secondary{background:var(--bg-alt);color:var(--text-primary);border:1px solid var(--border-color)}.icon-button--secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-hover)}.icon-button--ghost{background:transparent;color:var(--text-secondary)}.icon-button--ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.icon-button--danger{background:var(--error-500);color:#fff}.icon-button--danger:hover:not(:disabled){background:var(--error-600);transform:translateY(-1px);box-shadow:var(--button-shadow-hover)}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;max-width:1200px}.container--sm{max-width:640px}.container--lg{max-width:1400px}.container--xl{max-width:1600px}.container--fluid{max-width:none}.container--blog{position:relative;min-height:100vh;padding:2rem 0;width:100vw;background:linear-gradient(135deg,#3b82f61a,#9333ea1a)}.container--blog .container__content{max-width:1200px;margin:0 auto;padding:0 1rem}.container--blog .hero__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(18deg,#fff9,#0000004d);z-index:1}.container__content{position:relative;z-index:2}.grid--cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid--cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid--cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid--cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid--gap-sm{gap:.5rem}.grid--gap-md{gap:1rem}.grid--gap-lg{gap:2rem}.grid--gap-xl{gap:3rem}.grid--items-start{align-items:start}.grid--items-center{align-items:center}.grid--items-end{align-items:end}.grid--items-stretch{align-items:stretch}.grid--justify-start{justify-content:start}.grid--justify-center{justify-content:center}.grid--justify-end{justify-content:end}.grid--justify-between{justify-content:space-between}.flex--col{flex-direction:column}.flex--wrap{flex-wrap:wrap}.flex--items-center{align-items:center}.flex--justify-center{justify-content:center}.flex--justify-between{justify-content:space-between}.flex--gap-sm{gap:.5rem}.flex--gap-md{gap:1rem}.flex--gap-lg{gap:2rem}.m-0{margin:0}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:.75rem}.m-4{margin:1rem}.m-5{margin:1.25rem}.m-6{margin:1.5rem}.m-8{margin:2rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.mx-auto{margin-left:auto;margin-right:auto}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.pb-0{padding-bottom:0}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.grid-cols-1{display:grid;grid-template-columns:1fr}.hidden{display:none}.scrollbar-hidden{scrollbar-width:none;-ms-overflow-style:none}.scrollbar-hidden::-webkit-scrollbar{display:none}.list-none{list-style:none}.border{border:1px solid var(--border-color)}.border-none{border:none}.rounded{border-radius:4px}.shadow-none{box-shadow:none}.shadow{box-shadow:0 2px 8px #0000001a}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.bg-none{background:none}.bg-primary{background-color:var(--bg-primary)}.hover-bg{background:var(--bg-hover);color:var(--text-primary)}.cursor-pointer{cursor:pointer}.no-underline{text-decoration:none}.outline-none{outline:none}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.max-w-full{max-width:100%}.align-middle{vertical-align:middle}.leading-none{line-height:1}.items-center{align-items:center}.justify-center{justify-content:center}.flex-col{flex-direction:column}.flex-1{flex:1}.gap-4{gap:1rem}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.aspect-video{aspect-ratio:16/9}.aspect-square{aspect-ratio:1}.object-cover{object-fit:cover}.object-contain{object-fit:contain}.focus-ring:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.backdrop-blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.backdrop-blur-lg{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brightness-90{filter:brightness(.9)}.brightness-110{filter:brightness(1.1)}.brightness-75{filter:brightness(.75)}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.select-all{-webkit-user-select:all;user-select:all}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-words{word-break:break-word}.break-all{word-break:break-all}.break-normal{word-break:normal}.tabular-nums{font-variant-numeric:tabular-nums}.proportional-nums{font-variant-numeric:proportional-nums}.scroll-smooth{scroll-behavior:smooth}.scroll-auto{scroll-behavior:auto}.contain-layout{contain:layout style paint}.contain-strict{contain:strict}.contain-content{contain:content}.opacity-100{opacity:1}.disabled{opacity:.5;cursor:not-allowed}.translate-x-center{transform:translate(-50%)}.translate-y-center{transform:translateY(-50%)}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}.will-change-auto{will-change:auto}.isolate{isolation:isolate}.isolation-auto{isolation:auto}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-overlay{z-index:1000}.transition{transition:all .3s ease}.transition-opacity{transition:opacity .3s ease}.scale-hover:hover{transform:scale(1.05)}.duration-300{animation-duration:.3s}.fill-forwards{animation-fill-mode:forwards}.image-cover{width:100%;height:100%;object-fit:cover}.accessibility-menu{position:relative}.accessibility-menu__toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:none;color:var(--text-secondary, #4b5563);cursor:pointer;transition:all .2s ease;background:none}.accessibility-menu__dropdown{position:absolute;top:100%;left:0;z-index:1000;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md, .375rem);box-shadow:var(--shadow-lg);padding:12px;margin-top:4px;min-width:200px}.accessibility-menu__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.accessibility-menu__title{font-size:1rem;font-weight:600;margin:0;color:var(--text-primary, #1f2937)}.accessibility-menu__value{font-size:.875rem;color:var(--text-secondary, #4b5563);font-weight:500}.accessibility-menu__buttons{display:flex;justify-content:space-between;gap:.75rem}.accessibility-menu__button{display:flex;align-items:center;justify-content:center;min-width:44px;height:40px;border-radius:var(--radius-md, .375rem);background-color:var(--bg-alt, #f3f4f6);border:none;color:var(--text-secondary, #4b5563);cursor:pointer;transition:all .2s ease;flex:1}.accessibility-menu__button--disabled{opacity:.5;cursor:not-allowed}.accessibility-menu__toggle:hover{background-color:var(--bg-hover, #f3f4f6);color:var(--text-primary, #1f2937)}.accessibility-menu__button:hover:not(.accessibility-menu__button--disabled){background-color:var(--bg-hover, #f3f4f6);color:var(--text-primary, #1f2937)}.button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-sans);font-weight:var(--font-medium);text-decoration:none;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-all);-webkit-user-select:none;user-select:none;white-space:nowrap;outline:none;padding:10px 16px}.button:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.button--sm{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);line-height:var(--leading-tight);min-height:2rem}.button--md{padding:var(--space-2-5) var(--space-4);font-size:var(--text-base);line-height:var(--leading-normal);min-height:2.5rem}.button--lg{padding:var(--space-3) var(--space-6);font-size:var(--text-lg);line-height:var(--leading-normal);min-height:3rem}.button--primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.button--primary:hover:not(:disabled){background:var(--color-primary);border-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md);color:#f0f8ff}.button--primary:active:not(:disabled){background:var(--color-primary-dark);transform:translateY(0);box-shadow:var(--shadow-sm)}.button--secondary{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-color)}.button--secondary:hover:not(:disabled){background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.button--icon{padding:10px;min-width:40px;min-height:40px;background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-color)}.button--icon:hover:not(:disabled){background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.button--ghost{background:transparent;color:var(--text-primary);border-color:transparent}.button--ghost:hover:not(:disabled){background:var(--color-gray-100);color:var(--text-primary)}.button--outline{background:transparent;color:var(--color-primary);border-color:var(--color-primary)}.button--outline:hover:not(:disabled){background:var(--color-primary);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-md)}.button--danger,.btn--danger{background:var(--color-error);color:#fff;border-color:var(--color-error)}.button--danger:hover:not(:disabled),.btn--danger:hover:not(:disabled){background:var(--color-error-dark);border-color:var(--color-error-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.button--disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.button--loading{cursor:wait;color:transparent}.button--full-width{width:100%}.button__icon{flex-shrink:0}.button__icon--left{margin-right:var(--space-1);margin-left:calc(var(--space-1) * -1)}.button__icon--right{margin-left:var(--space-1);margin-right:calc(var(--space-1) * -1)}.button__text{flex:1}.button__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}.button__spinner-icon{width:1rem;height:1rem;animation:button-spin 1s linear infinite}.button__spinner-circle{stroke:currentColor;stroke-linecap:round;stroke-dasharray:62.83;stroke-dashoffset:62.83;animation:button-spinner-dash 1.5s ease-in-out infinite}@keyframes button-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes button-spinner-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.button-group{display:inline-flex;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.button-group--horizontal{flex-direction:row}.button-group--vertical{flex-direction:column}.button-group--horizontal>.button:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.button-group--horizontal>.button:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.button-group--vertical>.button:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;margin-top:-1px}.button-group--vertical>.button:not(:last-child){border-bottom-left-radius:0;border-bottom-right-radius:0}[data-theme=dark] .button--primary{background:var(--color-primary-500);border-color:var(--color-primary-500)}[data-theme=dark] .button--primary:hover:not(:disabled){background:var(--color-primary-400);border-color:var(--color-primary-400)}[data-theme=dark] .button--secondary{background:var(--color-secondary-500);border-color:var(--color-secondary-500)}[data-theme=dark] .button--secondary:hover:not(:disabled){background:var(--color-secondary-400);border-color:var(--color-secondary-400)}[data-theme=dark] .button--ghost{color:var(--color-gray-100)}[data-theme=dark] .button--ghost:hover:not(:disabled){background:var(--color-gray-700);color:var(--color-gray-50)}[data-theme=dark] .button--outline{color:var(--color-primary-300);border-color:var(--color-primary-300)}[data-theme=dark] .button--outline:hover:not(:disabled){background:var(--color-primary-300);color:var(--color-gray-900)}[data-theme=dark] .button--danger{background:var(--color-error-500);border-color:var(--color-error-500)}[data-theme=dark] .button--danger:hover:not(:disabled){background:var(--color-error-400);border-color:var(--color-error-400)}@media (prefers-contrast: high){.button{border-width:2px}.button:focus-visible{outline-width:3px}}@media (prefers-reduced-motion: reduce){.button{transition:none}.button:hover:not(:disabled){transform:none}.button__spinner-icon{animation:none}@keyframes button-spin{0%{transform:rotate(0)}to{transform:rotate(0)}}@keyframes button-spinner-dash{0%,50%,to{stroke-dasharray:89,200;stroke-dashoffset:-35px}}}@media (max-width: 768px){.button--lg{padding:var(--space-3) var(--space-5);font-size:var(--text-base);min-height:2.75rem}.button--md{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);min-height:2.25rem}.button__icon--left{margin-right:var(--space-1);margin-left:0}.button__icon--right{margin-left:var(--space-1);margin-right:0}}.card{border-radius:var(--radius-md);background-color:var(--card-bg)}.card__header{display:flex;gap:.375rem;padding:1.5rem}.card__title{font-size:1.25rem;font-weight:600;line-height:1.2}.card__description{font-size:.875rem;color:var(--text-secondary)}.card__content{padding:1.5rem;padding-top:0;overflow-x:hidden;word-wrap:break-word}.card__content *{max-width:100%;box-sizing:border-box}.card__content input,.card__content select,.card__content textarea{width:100%;min-width:0}.card__body{padding:1.5rem;padding-top:0}.card__footer{display:flex;align-items:center;padding:1.5rem;padding-top:0}.card--shadow{box-shadow:var(--shadow-md)}.card--interactive{transition:transform var(--transition-normal),box-shadow var(--transition-normal);cursor:pointer}.card--interactive:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card__actions{display:flex;align-items:center;justify-content:flex-end}.card__actions--left{justify-content:flex-start}.card__actions--center{justify-content:center}.card__actions--between{justify-content:space-between}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:2000;overflow-y:auto}.bp-modal{position:relative;background-color:var(--bg-primary);border-radius:12px;box-shadow:0 20px 40px #00000026;width:100%;max-width:500px;max-height:calc(100vh - 2rem);overflow:hidden;display:flex;flex-direction:column;z-index:2001}.modal--sm{max-width:400px}.modal--md{max-width:600px}.modal--lg{max-width:800px}.modal--xl{max-width:1000px}.modal--full{max-width:95vw;max-height:95vh}@media (max-width: 768px){.modal--md,.modal--lg,.modal--xl{top:150px;max-width:100vw;max-height:100vh;border-radius:0}}.modal--full .modal__body{padding:var(--space-md)}.modal__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.image-modal{max-width:90vw;max-height:90vh}.image-modal .modal__body{padding:0}.image-modal__content{display:flex;align-items:center;justify-content:center}.image-modal__image{width:100%;height:auto;max-height:80vh;object-fit:contain;border-radius:8px}.modal__header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);flex-shrink:0}.modal__title{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.modal__close{background:none;cursor:pointer;color:var(--text-secondary);padding:.5rem;margin:-.5rem;border-radius:50%;transition:background-color .2s ease,color .2s ease}.modal__close:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.modal__body{padding:1.5rem;overflow-y:auto;flex:1}.modal__footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid var(--border-color)}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.form{display:flex;gap:1rem}.form__group{display:flex;gap:.5rem}.form__label{font-size:.875rem;font-weight:500}.form__message{font-size:.75rem;margin-top:.25rem}.form__message--error{color:var(--color-error)}.form__message--success{color:var(--color-success)}.form__message--info{color:var(--color-info)}.form__field{padding:.85rem 1rem;border:2px solid var(--border-color);border-radius:6px;background-color:var(--input-bg);font-size:.95rem;transition:border-color .2s ease,box-shadow .2s ease}.form__field:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.2)}.form__field--textarea{min-height:150px;resize:vertical}.form__row{display:grid;grid-template-columns:1fr;gap:1rem}.form__title{font-size:1.5rem;margin-bottom:1.5rem}.form__actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem}.form--inline{flex-direction:row;align-items:flex-end}.form--inline .form__group{flex:1}.form--card{background-color:var(--card-bg);border-radius:8px;padding:2.5rem;box-shadow:var(--shadow-sm)}.switch{display:inline-flex;height:1.5rem;width:2.75rem;flex-shrink:0;cursor:pointer;align-items:center;border-radius:9999px;border:2px solid transparent;transition:background-color .2s ease}.switch:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ring),0 0 0 4px var(--background)}.switch[data-state=checked]{background-color:var(--primary)}.switch[data-state=unchecked]{background-color:var(--input)}.switch-thumb{pointer-events:none;display:block;height:1.25rem;width:1.25rem;border-radius:9999px;background-color:var(--background);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transition:transform .2s ease}.switch[data-state=checked] .switch-thumb{transform:translate(1.25rem)}.switch[data-state=unchecked] .switch-thumb{transform:translate(0)}.captcha{display:flex;align-items:center;gap:.5rem;justify-content:center}.captcha__display{display:flex;align-items:center;gap:.375rem}.captcha__code{display:flex;align-items:center;justify-content:center;width:60px;height:32px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1.5px solid var(--border-color);border-radius:6px;font-family:Courier New,monospace;font-size:.9rem;letter-spacing:1px;color:var(--text-primary);-webkit-user-select:none;user-select:none;position:relative}.captcha__code:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(0,0,0,.02) 2px,rgba(0,0,0,.02) 4px);pointer-events:none}.captcha__refresh{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .2s ease}.captcha__refresh:hover{background-color:var(--bg-hover);color:var(--text-primary)}.captcha__refresh svg{width:14px;height:14px}.captcha__input-group{display:flex;align-items:center;gap:.375rem}.captcha__input{width:50px;height:32px;padding:0 .5rem;text-align:center;font-size:.875rem;border:1.5px solid var(--border-color);border-radius:6px;background-color:var(--input-bg);color:var(--text-primary);transition:border-color .2s ease}.captcha__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.1)}.captcha__input--error{border-color:var(--color-error)}.captcha__verify{width:50px;height:32px;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary);border:none;border-radius:6px;font-size:.7rem;font-weight:500;color:#fff;cursor:pointer;transition:background-color .2s ease}.captcha__verify:hover:not(:disabled){background-color:var(--color-primary-dark)}.captcha__message{position:absolute;top:100%;left:50%;transform:translate(-50%);font-size:.7rem;margin-top:.25rem;white-space:nowrap}.captcha__message--error{color:var(--color-error)}.captcha__message--success{color:var(--color-success)}.select-content{position:relative;z-index:50;max-height:300px;min-width:8rem;overflow-y:auto;border-radius:var(--radius-md);background-color:var(--card-bg);color:var(--text-primary);box-shadow:var(--shadow-lg)}.select-item{position:relative;display:flex;cursor:pointer;align-items:center;padding:.375rem .75rem;font-size:.875rem;transition:background-color .2s ease}.select-item:hover{background-color:var(--bg-hover)}.select-item--selected{background-color:var(--color-primary);color:#fff}.form-field__label{font-size:.875rem;font-weight:500;margin-bottom:.25rem;color:var(--text-primary);transition:transform var(--transition-fast),color var(--transition-fast),font-size var(--transition-fast)}.form-field__input{padding:.75rem 1rem;font-size:1rem;border:2px solid #d1d5db;border-radius:8px;background-color:var(--input-bg);color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast);width:100%;box-sizing:border-box}.form-field__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f640}.form-field__input--textarea{min-height:150px;resize:vertical}.form-field__toggle-button{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);padding:.25rem;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.form-field__error{font-size:.875rem;color:var(--color-error);margin-top:.25rem}.form-field--focused .form-field__label{color:var(--color-primary)}.form-field--error .form-field__input{border-color:var(--color-error)}.form-field--error .form-field__label{color:var(--color-error)}.form-field__label--has-value{color:var(--text-primary)}.form-field__required{color:var(--color-error);margin-left:.25rem}.form-field--floating .form-field__input{padding:1rem 1rem .5rem;height:3.5rem}.form-field--floating .form-field__label{position:absolute;top:1rem;left:1rem;margin:0;pointer-events:none;transform-origin:left top;transition:transform var(--transition-fast),color var(--transition-fast),font-size var(--transition-fast)}.form-field--floating .form-field__input:focus+.form-field__label,.form-field--floating .form-field__input:not(:placeholder-shown)+.form-field__label{transform:translateY(-.75rem) scale(.85);color:var(--color-primary)}.form-field--floating.form-field--error .form-field__input:focus+.form-field__label,.form-field--floating.form-field--error .form-field__input:not(:placeholder-shown)+.form-field__label{color:var(--color-error)}@media (max-width: 768px){.form-field{display:flex;flex-direction:column}.form-field__label{order:1;margin-bottom:.5rem}.form-field__input{order:2}}.checkbox{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.checkbox__input{position:absolute;opacity:0;pointer-events:none}.checkbox__box{position:relative;display:flex;align-items:center;justify-content:center;border:2px solid var(--border-color);border-radius:var(--radius-sm, .125rem);background:var(--input-bg);transition:all var(--transition-fast, .15s ease)}.checkbox--sm .checkbox__box{width:16px;height:16px}.checkbox--md .checkbox__box{width:20px;height:20px}.checkbox--lg .checkbox__box{width:24px;height:24px}.checkbox__input:checked+.checkbox__box{background:var(--primary-600);border-color:var(--primary-600)}.checkbox__input:indeterminate+.checkbox__box{background:var(--primary-600);border-color:var(--primary-600)}.checkbox__input:focus+.checkbox__box{outline:none;box-shadow:0 0 0 2px var(--primary-200)}.checkbox__icon{color:#fff}.checkbox__label{color:var(--text-primary)}.checkbox--disabled{opacity:.5;cursor:not-allowed}.checkbox--card{padding:12px;border:1px solid var(--border-color);border-radius:var(--radius-md, .375rem);background:var(--card-bg);transition:all var(--transition-fast, .15s ease)}.checkbox--card:hover{border-color:var(--border-hover)}.checkbox--card .checkbox__input:checked~*{border-color:var(--primary-600);background:var(--primary-50)}.file-upload{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px;padding:24px;border:2px dashed var(--border-color);border-radius:var(--radius-md, .375rem);background:var(--bg-secondary);cursor:pointer;transition:all var(--transition-fast, .15s ease)}.file-upload:hover{border-color:var(--border-hover);background:var(--bg-hover)}.file-upload--drag-over{border-color:var(--primary-600);background:var(--primary-50)}.file-upload--disabled{opacity:.5;cursor:not-allowed}.file-upload__input{position:absolute;opacity:0;pointer-events:none}.file-upload__content{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.file-upload__icon{color:var(--text-muted)}.file-upload__text{display:flex;flex-direction:column;gap:4px}.file-upload__primary{font-size:14px;font-weight:500;color:var(--text-primary)}.file-upload__secondary{font-size:12px;color:var(--text-muted)}.container{width:100%;max-width:var(--container-max-width, 1200px);margin:0 auto;padding:0 var(--container-padding, 1rem)}.container--md{max-width:768px}.container--lg{max-width:1024px}.container--xl{max-width:1280px}.container--full{max-width:none}@media (max-width: 768px){.container{padding:0 var(--space-3)}}.layout{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary)}.layout__content{flex:1;display:flex;flex-direction:column}.layout__main{flex:1;display:flex;flex-direction:column;width:100%;max-width:100%;overflow-x:hidden;background:rgba(var(--color-primary-rgb),.17)}.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem}.header{width:100%;background-color:var(--header-bg);border-bottom:1px solid var(--border-color);z-index:999;position:fixed;top:0;left:0;right:0;height:64px;transition:height var(--transition-normal)}.header--scrolled{height:42px;transition:height .3s ease}.header--scrolled:hover{height:64px}.header--sticky{position:sticky;top:0}.header--transparent{background:transparent;border-bottom:none}.header__container{display:grid;grid-template-columns:auto 1fr auto;align-items:center;height:64px;padding:0 1rem;min-height:100%;overflow:visible;position:relative;gap:1rem;width:100%;box-sizing:border-box}.header__logo{display:flex;align-items:center;font-weight:600;font-size:1rem;color:var(--header-text, var(--text-primary));justify-self:start;position:absolute;left:70px;top:50%;transform:translateY(-50%);z-index:999}.header__nav{display:flex;align-items:stretch;gap:1rem;justify-content:center;height:100%;overflow:visible;position:absolute;left:50%;transform:translate(-50%);top:0;z-index:999}.header__nav-content{display:flex;align-items:stretch;gap:1rem;height:100%;overflow:visible;white-space:nowrap;transition:transform .3s ease}.header__nav--open{display:flex}.header__actions{display:flex;align-items:center;gap:.5rem;justify-self:end;width:100%;justify-content:flex-end}.header--frontend{background:var(--bg-primary);box-shadow:0 4px 6px #0000000d;transition:height .3s ease}.dark .header--frontend{background:var(--header-bg)}.header--frontend .header__container{padding:1rem 1.5rem}.header--admin{height:56px;background:var(--bg-alt, #f3f4f6);border-bottom:1px solid var(--border-color)}.header--admin .header__container{padding:.5rem 1.5rem}.header--admin .header__navigation{justify-content:flex-start;margin-left:1.5rem}.header__nav-list{display:flex;align-items:center;height:100%;position:relative}.header__nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:var(--font-bold);line-height:18px;color:#fff;background:var(--color-primary);border-radius:var(--radius-full);margin-left:5px;flex-shrink:0;vertical-align:middle;font-variant-numeric:tabular-nums}.header__nav-highlight{position:absolute;bottom:0;height:3px;background:var(--color-primary);border-radius:2px 2px 0 0;transition:left .25s ease,width .25s ease;pointer-events:none}.header__nav-item,.header__nav-item--has-dropdown{position:relative}.header__nav-arrow{display:none}.header__nav-chevron{flex-shrink:0;transition:transform .2s ease;color:var(--color-primary)}.header__nav-chevron--open{transform:rotate(180deg)}.header__nav-chevron--desktop{display:inline-block;margin-left:4px}.header__nav-row{display:flex;align-items:stretch}.header__nav-arrow-btn{display:none;align-items:center;justify-content:center;width:48px;min-height:48px;flex-shrink:0;background:none;border:none;border-left:1px solid var(--border-color);border-radius:0 6px 6px 0;color:var(--color-primary);cursor:pointer;transition:background .15s ease}.header__nav-arrow-btn--open{background:none}.header__nav-arrow-btn--open .header__nav-chevron{transform:rotate(180deg)}.header__nav-arrow-btn:hover{background:var(--bg-hover)}.dark .header__nav-arrow-btn{background:var(--color-primary-bg)}.dark .header__nav-arrow-btn--open,.dark .header__nav-arrow-btn:hover{background:var(--color-primary-alpha)}.header__nav-dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(4px);background:var(--header-dropdown-bg, var(--bg-primary));border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 24px #0000001f;min-width:160px;padding:6px 0;z-index:1100;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s ease,transform .18s ease,visibility .18s}.header__nav-dropdown--open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0)}.header__nav-dropdown-link{display:block;padding:9px 16px;color:var(--header-nav-link-color, var(--text-primary));text-decoration:none;font-size:.875rem;font-weight:400;white-space:nowrap;transition:background-color .15s ease,color .15s ease;border-radius:4px;margin:0 4px}.header__nav-dropdown-link:hover{background:var(--bg-hover);color:var(--color-primary)}.dark .header__nav-dropdown-link:hover{background:transparent}.header__nav-dropdown-link--active{color:var(--color-primary);font-weight:600;background:var(--bg-hover)}@media (max-width: 767px){.header__nav-dropdown{position:static;transform:none;box-shadow:none;border:none;border-radius:0;background:transparent;padding:0;max-height:0;overflow:hidden;opacity:0;visibility:visible;transition:max-height .25s ease,opacity .2s ease}.header__nav-dropdown--open{max-height:400px;opacity:1;transform:none;pointer-events:auto}.header__nav-dropdown-link{padding:12px 36px;font-size:.9rem;border-radius:0;margin:0;border-bottom:1px solid var(--border-color)}.header__nav-dropdown-link:last-child{border-bottom:none}.header__nav-arrow{display:inline-block}}.header__nav-link{display:flex;align-items:center;padding:.75rem 1rem;color:var(--header-nav-link-color, var(--header-text, var(--text-primary)));text-decoration:none;font-weight:500;border-radius:var(--radius-md, 6px);transition:transform var(--transition-normal),color .2s ease,background-color .2s ease;position:relative;height:100%;box-sizing:border-box;cursor:pointer}.header__nav-online-dot{position:absolute;top:6px;right:4px;width:8px;height:8px;border-radius:50%;flex-shrink:0;transition:background .3s ease,box-shadow .3s ease}.header__nav-online-dot:after{content:attr(data-label);position:absolute;top:50%;left:calc(100% + 6px);transform:translateY(-50%);font-size:10px;font-weight:500;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease}.header__nav-link:hover .header__nav-online-dot:after{opacity:1}.header__nav-online-dot--online{background:#16a34a;box-shadow:0 0 6px #16a34a99}.header__nav-online-dot--online:after{color:#16a34a}.header__nav-online-dot--offline{background:#ca8a04;box-shadow:0 0 6px #ca8a0480}.header__nav-online-dot--offline:after{color:#ca8a04}.header__nav-link:hover{color:var(--color-primary);background:rgba(var(--color-primary-rgb),.17)}.dark .header__nav-link:hover{background-color:transparent}.header__nav-link--active{color:var(--color-primary);font-weight:600}.header__nav-link:after{display:none}.header__nav-icon{width:16px;height:16px;flex-shrink:0}.header__menu-trigger{background:none;border:none;padding:var(--space-2);cursor:pointer;border-radius:var(--radius-md)}.header__user-menu{position:relative;display:flex}.header__user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 24px #0000001f;min-width:180px;padding:6px 0;z-index:1100;animation:slideInDown .18s ease}@media (max-width: 767px){.header__user-menu-dropdown{top:auto;bottom:calc(100% + 8px);right:auto;left:50%;transform:translate(-50%)}}.header__user-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;background:none;border:none;color:var(--text-primary);text-decoration:none;font-size:.875rem;font-weight:400;white-space:nowrap;transition:background-color .15s ease,color .15s ease;cursor:pointer;text-align:left}.header__user-menu-item:hover{background:var(--bg-hover);color:var(--color-primary)}.dark .header__user-menu-item:hover{background:var(--color-primary-alpha)}.header__icon-link{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);text-decoration:none;transition:var(--transition-colors);cursor:pointer;background:none;border:none}.header__icon-link:hover{color:var(--text-primary);background:var(--bg-hover)}.header__icon-link:hover .header__nav-online-dot:after{opacity:1}.header__rss-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast),background var(--transition-fast)}.header__rss-link:hover{color:#f97316;background:var(--bg-hover)}.header__logo-link{display:flex;align-items:center;text-decoration:none;font-size:var(--text-xl);color:var(--header-logo-color, var(--text-primary));cursor:pointer}.header__logo-img{display:block;flex-shrink:0;width:55px}.header__logo-name{font-weight:700;font-size:1.1rem;letter-spacing:-.02em;color:var(--text-primary)}.header__mobile-actions{align-items:center;gap:.5rem}.header__actions--desktop{display:flex;align-items:center;gap:.5rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);z-index:10}.header__cart-desktop{display:flex;align-items:center;margin-right:.5rem}.header__cart-desktop .header__cart-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);text-decoration:none;transition:var(--transition-colors);color:var(--text-primary)}.header__cart-desktop .header__cart-link:hover{color:var(--text-primary);background:var(--bg-hover)}.header__triangle-icon{width:20px;height:20px;transition:transform .3s ease}.header__slide-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:var(--bg-hover);cursor:pointer;border-radius:50%;color:var(--text-primary);animation:subtlePulse 1.5s ease-in-out infinite;position:relative}.header--overflow .header__slide-toggle:before{content:"";position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:var(--color-primary);border-radius:50%;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.header__slide-toggle--open{animation:none}@keyframes subtlePulse{0%,to{box-shadow:0 0 #3b82f61a}50%{box-shadow:0 0 8px 2px #3b82f626}}.header__slide-toggle:hover{background-color:#c6e0ff}.header__slide-toggle--open .header__triangle-icon{transform:rotate(180deg)}.header__slide-menu{align-items:center;gap:.5rem}.header__slide-menu--open{display:flex!important;animation:slideMenuIn .3s ease}.header__overflow-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:var(--bg-hover);cursor:pointer;border-radius:6px;transition:all .2s ease;color:var(--text-primary);margin-right:.5rem;position:relative}.header__overflow-toggle:hover,.header__overflow-toggle--open{background-color:var(--color-primary);color:#fff}.header__overflow-menu{position:absolute;top:100%;right:0;background:var(--bg-primary);border:2px solid var(--color-primary);border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:200px;z-index:1000;margin-top:8px}.header__overflow-menu--padded{padding-top:.5rem;padding-bottom:.5rem}.header__overflow-menu .header__nav-list{flex-direction:column;gap:0}.header__overflow-menu .header__nav-item{width:100%}.header__overflow-menu .header__nav-link{padding:12px 16px;margin:0 4px;height:auto}.header__overflow-menu .header__nav-link:after{bottom:-8px;height:4px}.header__overflow-menu .header__nav-link:hover{background-color:var(--bg-hover)}.header__overflow-menu .header__nav-link:hover:after{bottom:-8px;height:4px}.header__overflow-container{position:relative;display:flex;align-items:center}.header__overflow-link{display:block;padding:12px 16px;color:var(--text-primary);text-decoration:none;font-size:.9rem;transition:background-color .2s ease}.header__overflow-link:hover{background-color:var(--bg-hover);color:var(--color-primary)}.header__nav-item{opacity:1;transform:translate(0)}.header__overflow-container .header__overflow-toggle{opacity:1;transform:scale(1)}.header__overflow-menu{opacity:0;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes fadeInItem{0%{opacity:0;transform:translateY(5px)}to{transform:translateY(0)}}.header__overflow-count{position:absolute;top:-4px;right:-4px;background:var(--color-primary);color:#fff;font-size:10px;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.header__overflow-toggle:hover .header__overflow-count{background:var(--color-primary-dark, #1d4ed8)}.header__overflow-toggle:focus{outline:2px solid var(--color-primary);outline-offset:2px}.header__overflow-link:focus{outline:2px solid var(--color-primary);outline-offset:-2px;background-color:var(--bg-hover)}@media (prefers-contrast: high){.header__overflow-toggle{border:1px solid currentColor}.header__overflow-menu{border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){.header__nav-item,.header__overflow-toggle,.header__overflow-menu,.header__overflow-link{animation:none!important;transition:none!important}}.header__nav-loading{display:flex;align-items:center;justify-content:center;font-size:.9rem;padding:1rem}.header__error{display:flex;align-items:center;justify-content:center;padding:1rem;background:var(--bg-error, #fef2f2);border-radius:var(--radius-md)}.header__error-message{color:var(--error-600, #dc2626);font-size:.9rem;font-weight:500}@media (max-width: 1200px){.header__nav-list{gap:.5rem}}@media (max-width: 1024px){.header__nav-link{padding:.75rem;font-size:.9rem}}@keyframes slideMenuIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.header__hamburger{position:relative;width:40px;height:40px;background:transparent;border:none;cursor:pointer;padding:0;align-items:center;justify-content:center;justify-self:end;z-index:1001}.header__hamburger-box{position:relative;display:inline-block;width:24px;height:18px}.header__hamburger-inner{position:absolute;width:24px;height:2px;background-color:var(--text-primary);border-radius:4px;transition:transform var(--transition-fast);top:50%;margin-top:-1px}.header__hamburger-inner:before,.header__hamburger-inner:after{content:"";position:absolute;width:24px;height:2px;background-color:var(--text-primary);border-radius:4px;transition:transform var(--transition-fast)}.header__hamburger-inner:before{top:-8px}.header__hamburger-inner:after{top:8px}.header__hamburger--active .header__hamburger-inner{background-color:transparent}.header__hamburger--active .header__hamburger-inner:before{top:0;transform:rotate(45deg)}.header__hamburger--active .header__hamburger-inner:after{top:0;transform:rotate(-45deg)}.header-shrink{height:40px!important}.logo-shrink{transform:translateY(-4px)}.header--scrolled .header__container{height:42px;transition:height .3s ease}.header--scrolled:hover .header__container{height:64px}.header--scrolled .header__logo{transform:scale(.8) translateY(-50%) translateY(-12px)}.header--scrolled .header__nav-link,.header--scrolled .menu-item .header__nav-link{transform:scale(.8) translateY(-4px)}.header--scrolled .header__slide-toggle{transform:translateY(-4px)}.header--scrolled .header__cart-desktop{transform:scale(.9) translateY(-4px)}.header--scrolled .header__cart-link{transform:scale(.9)}.header--scrolled .cart-badge{transform:translate(-50%) scale(.9)}@media (max-width: 767px){.header__container{padding:.5rem 1rem;grid-template-columns:1fr auto}.header__logo{left:0;justify-self:center;right:0}.header__actions--desktop{display:flex!important;justify-self:end;margin-right:15px}.header__actions--desktop>*:not(.header__hamburger){display:none!important}.header__hamburger{display:flex!important}.header__mobile-actions{display:flex!important;justify-content:center;align-items:center;gap:1rem;padding:1rem 0;border-top:1px solid var(--border-color);margin-top:1rem;flex-wrap:wrap}.header__nav{display:none;position:fixed;top:64px;left:0;right:0;background:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:1rem;flex-direction:column;gap:.5rem;z-index:1100;opacity:0;transform:translateY(-10px);max-height:calc(100vh - 64px);overflow:visible;pointer-events:none}.header__nav-content{overflow-y:auto;max-height:calc(100vh - 180px)}.header__nav--open{display:flex!important;opacity:1;transform:translateY(0);padding:5px;pointer-events:auto}.header__nav-list{flex-direction:column;gap:0;height:auto;width:100%}.header__nav-item{width:100%;border-bottom:1px solid var(--border-color)}.header__nav-item:last-child{border-bottom:none}.header__nav-link{padding:16px 20px;height:auto;min-height:48px;width:100%;box-sizing:border-box;justify-content:flex-start;border-radius:0;flex:1}.header__nav-link:after{display:none}.header__nav-chevron--desktop{display:none}.header__nav-arrow-btn{display:flex}.header__nav-highlight{display:none}.header__nav--open .header__mobile-actions>*{animation:none!important;opacity:1!important;transform:none!important}}@media (max-width: 767px){.header--scrolled .header__logo{transform:translateY(-50%)}.header--scrolled .header__nav-link,.header--scrolled .menu-item .header__nav-link{transform:none}}@media (min-width: 768px){.header__hamburger{display:none!important}.header__actions--desktop{display:flex!important}.header__mobile-actions{display:none!important}}.header-icon-base,.header__icon-link,.accessibility-toggle,.color-picker__toggle,.theme-toggle,.lang-switcher__trigger{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;text-decoration:none}.header-icon-base:hover,.header__icon-link:hover,.accessibility-toggle:hover,.color-picker__toggle:hover,.theme-toggle:hover,.lang-switcher__trigger:hover{background-color:var(--bg-hover);color:var(--text-primary);transform:translateY(-2px)}.header-icon-base svg,.header__icon-link svg,.accessibility-toggle svg,.color-picker__toggle svg,.theme-toggle svg{width:20px;height:20px}.lang-switcher{display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:15px;font-weight:600;letter-spacing:.5px}.lang-switcher__trigger{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;text-decoration:none;font-size:15px;font-weight:600;letter-spacing:.5px}.header__icon-link--logout{color:var(--error-600)}.header__icon-link--logout:hover{background-color:var(--error-50);color:var(--error-700)}.tabs{width:100%;display:flex;flex-direction:column;height:100%}.tabs__list{display:flex;border-bottom:2px solid var(--border-color);margin-bottom:0;background-color:var(--bg-secondary)}.tabs__tab{flex:1;padding:1rem 1.25rem;font-size:1.1rem;font-weight:600;color:var(--text-secondary);cursor:pointer;border:none;background:none;border-bottom:3px solid transparent;transition:all .2s ease}.tabs__tab:hover{background-color:var(--color-primary-bg);color:var(--color-primary)}.tabs__tab--active{color:var(--color-primary-dark);border-bottom-color:var(--color-primary-dark)}.tabs--bordered{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 10px 25px #00000026}.tabs--bordered .tabs__list{border-bottom:none;background-color:var(--bg-secondary)}.tabs--vertical{display:flex;flex-direction:row}.tabs--vertical .tabs__list{flex-direction:column;border-bottom:none;border-right:2px solid var(--border-color);min-width:200px}.tabs--vertical .tabs__trigger{border-bottom:none;border-right:3px solid transparent;text-align:left}.tabs--vertical .tabs__trigger--active{border-right-color:#2563eb;border-bottom-color:transparent}.breadcrumb{margin-bottom:20px}.breadcrumb__item{display:flex;align-items:center;gap:8px}.breadcrumb__link{text-decoration:none;transition:color var(--transition-fast, .15s ease)}.breadcrumb__link:hover{color:var(--primary-600)}.breadcrumb__button{background:none;border:none;cursor:pointer;color:var(--text-secondary);transition:color var(--transition-fast, .15s ease)}.breadcrumb__button:hover{color:var(--primary-600)}.breadcrumb__current{font-weight:500}.breadcrumb__ellipsis{cursor:default}.breadcrumb__separator{color:var(--text-muted);display:flex;align-items:center}.menu-level1-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding:1rem;max-width:1200px;margin:0 auto}.menu-level1-link{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;color:var(--text-primary);text-decoration:none;font-size:.875rem;font-weight:500;border-radius:var(--radius-md);transition:all .2s ease}.menu-level1-link:hover{color:var(--color-primary)}.menu-level1-icon{font-size:1rem}.menu-level2,.menu-level3,.menu-level4{margin-left:1rem}.menu-level-item{border-left:1px solid var(--border-color);padding-left:1rem;margin-bottom:.25rem}.menu-level-link,.menu-level-header{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;color:var(--text-primary);text-decoration:none;font-size:.875rem;border-radius:var(--radius-sm);transition:all .2s ease;position:relative}.menu-level-link:hover{color:var(--color-primary)}.menu-level-header{cursor:pointer;font-weight:500}.menu-level-icon{font-size:.875rem;flex-shrink:0}.menu-level-title{flex:1}.menu-level-toggle{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:var(--radius-sm);color:var(--text-secondary);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.menu-level-toggle:hover{color:var(--text-primary)}.menu-level-toggle--expanded{transform:rotate(90deg)}.menu-level-children{display:block;margin-top:.5rem;padding-left:.5rem;height:35px;overflow:visible;opacity:1;visibility:visible}@media (max-width: 768px){.tabs__list{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tabs__list::-webkit-scrollbar{display:none}.breadcrumb__item{gap:4px}}.sidebar__nav-link,.admin-sidebar__link,.nav__link,.menu__link,[class*=nav-link],[class*=menu-link]{text-decoration:none!important;cursor:pointer}.breadcrumb{background:var(--bg-secondary);padding:.75rem 1rem;border-radius:6px;margin-bottom:1.5rem}.breadcrumb__list{display:flex;align-items:center;gap:.5rem;margin:0;padding:0;list-style:none}.breadcrumb__item{display:flex;align-items:center;gap:.5rem}.breadcrumb__link{color:var(--color-primary);text-decoration:none;font-size:.875rem;transition:color .2s ease}.breadcrumb__link:hover{color:var(--color-primary-dark);text-decoration:underline}.breadcrumb__current{color:var(--text-primary);font-size:.875rem;font-weight:500}.breadcrumb__separator{color:var(--text-muted)}@media (max-width: 768px){.breadcrumb{padding:.5rem .75rem}.breadcrumb__link,.breadcrumb__current{font-size:.8125rem}}.dark .breadcrumb{background:var(--bg-tertiary)}.mobile-menu__toggle{display:none;align-items:center;justify-content:center;padding:var(--space-2);background:none;border:none;cursor:pointer;color:var(--text-primary)}.mobile-menu{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;visibility:hidden;opacity:0;transition:var(--transition-base)}.mobile-menu--open{visibility:visible;opacity:1}.mobile-menu__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080}.mobile-menu__content{position:absolute;top:0;right:0;width:280px;height:100%;background:var(--bg-primary);box-shadow:var(--shadow-lg);transform:translate(100%);transition:transform .3s ease}.mobile-menu--open .mobile-menu__content{transform:translate(0)}.mobile-menu__header{display:flex;justify-content:flex-end;padding:var(--space-4);border-bottom:1px solid var(--border-color)}.mobile-menu__close{display:flex;align-items:center;justify-content:center;padding:var(--space-2);background:none;border:none;cursor:pointer;color:var(--text-primary)}.mobile-menu__navigation{padding:var(--space-4)}@media (max-width: 768px){.mobile-menu__toggle{display:flex}}.menu-item{position:relative;display:inline-block;height:100%}.menu-item-wrapper{position:relative;display:flex;align-items:center;width:100%}@media (min-width: 769px){.menu-item:hover .menu-dropdown,.menu-item--open .menu-dropdown{display:block;opacity:1;visibility:visible;transform:translateY(8px)}.menu-dropdown-nested:hover .menu-dropdown-subpanel,.menu-dropdown-nested--open .menu-dropdown-subpanel{display:block;opacity:1;visibility:visible;transform:translate(0)}}.menu-dropdown{position:absolute;top:100%;left:0;transform:translateY(8px);background:var(--bg-primary);border-radius:8px;box-shadow:0 4px 12px #00000047;min-width:220px;max-width:90vw;padding:8px 0;z-index:1001;display:none;opacity:0;visibility:hidden;transition:all .2s ease}.menu-dropdown-item{position:relative}.menu-dropdown-link{display:flex;align-items:center;padding:12px 16px;color:var(--text-primary);text-decoration:none;font-size:.9rem;transition:all .2s ease;position:relative;min-height:44px;box-sizing:border-box;z-index:1010;margin:0 4px;border-radius:4px}.menu-dropdown-link:after{content:"";position:absolute;bottom:-8px;left:0;width:0;height:4px;background-color:var(--color-primary);transition:width var(--transition-normal, .25s ease)}.menu-dropdown-link:hover,.menu-dropdown-link--active{background-color:var(--bg-hover);color:var(--color-primary)}.menu-dropdown-link:hover:after,.menu-dropdown-link--active:after{width:100%}.menu-dropdown-nested{position:relative}.menu-dropdown-subpanel{position:absolute;top:-9px;left:100%;background:var(--bg-primary);border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:200px;padding:8px 0;z-index:1020;display:none;opacity:0;visibility:hidden;transform:translate(-8px);transition:all .2s ease}.menu-dropdown-subitem{position:relative}.menu-dropdown-sublink{display:flex;align-items:center;padding:12px 16px;color:var(--text-primary);text-decoration:none;font-size:.85rem;transition:all .2s ease;min-height:44px;box-sizing:border-box;margin:0 4px;border-radius:4px;position:relative}.menu-dropdown-sublink:after{content:"";position:absolute;bottom:-8px;left:0;width:0;height:4px;background-color:var(--color-primary);transition:width var(--transition-normal, .25s ease)}.menu-dropdown-sublink:hover,.menu-dropdown-sublink--active{background-color:var(--bg-hover);color:var(--color-primary)}.menu-dropdown-sublink:hover:after,.menu-dropdown-sublink--active:after{width:100%}a:focus,.menu-dropdown-link:focus,.menu-dropdown-link-text:focus,.menu-dropdown-sublink:focus{outline:none!important;border:none!important}.menu-dropdown-icon{margin-right:8px;display:inline-flex;align-items:center;width:16px;height:16px;flex-shrink:0}.menu-mobile-arrow{margin-left:auto;font-size:12px;transition:transform .2s ease;color:var(--text-secondary);width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;cursor:pointer}.menu-item--open .menu-mobile-arrow{transform:rotate(90deg)}.menu-dropdown-arrow{margin-left:auto;font-size:10px;transition:transform .2s ease;color:var(--text-secondary);width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer}.menu-dropdown-nested--open .menu-dropdown-arrow{transform:rotate(90deg)}.menu-dropdown-children{padding-left:8px;border-left:1px solid var(--border-color);margin-left:0;margin-top:4px;transition:max-height .3s ease}.menu-dropdown-link--expandable{display:flex;align-items:center;padding:0;cursor:default}@media (min-width: 769px){.menu-dropdown-link--expandable{display:flex;align-items:center;padding:12px 16px;transition:none;transform:none;height:100%}.menu-dropdown-link--expandable .menu-dropdown-link-text{font-weight:500;padding:0;transition:none;transform:none;display:flex;align-items:center;height:100%}.menu-dropdown-link--expandable .menu-dropdown-toggle{display:flex;align-items:center;height:100%}.menu-dropdown-link--expandable:hover,.menu-dropdown-link--expandable .menu-dropdown-link-text:hover{transform:none!important}.menu-dropdown-link--expandable:after{display:none}}.menu-dropdown-link-text{flex:1;display:flex;align-items:center;padding:12px 16px;color:var(--text-primary);text-decoration:none;transition:background-color .2s ease}.menu-dropdown-link-text:hover{background-color:var(--bg-hover)}.menu-dropdown-toggle{display:none}@media (max-width: 768px){.menu-dropdown-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:44px;border:none;background:transparent;cursor:pointer;transition:background-color .2s ease}.menu-dropdown-toggle:hover{background-color:var(--bg-hover)}.menu-item__wrapper{display:flex;align-items:center;justify-content:space-between;width:100%}}@media (min-width: 769px){.menu-item>.menu-dropdown-link--expandable>.menu-dropdown-toggle{display:none}.menu-dropdown-link--expandable{display:flex;align-items:center;padding:.75rem 1rem;height:100%;box-sizing:border-box;transition:color .2s ease,background-color .2s ease}.menu-dropdown-link--expandable:hover{background:var(--bg-hover)}.menu-dropdown-link--expandable .menu-dropdown-link-text{padding:0;font-weight:500;flex:1;color:inherit}}.menu-dropdown-nested>.menu-dropdown-link{position:relative}.menu-dropdown-nested>.menu-dropdown-link:after{content:"";position:absolute;right:12px;top:50%;transform:translateY(-50%);width:8px;height:8px;background-color:var(--color-primary);border-radius:50%;animation:blink 1.5s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}.menu-dropdown-subpanel{animation:slideInRight .2s ease}@keyframes slideInRight{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.menu-dropdown-link,.menu-dropdown-sublink{transition:background-color .2s ease,color .2s ease,transform .1s ease}@media (min-width: 769px){.menu-dropdown-link:hover,.menu-dropdown-sublink:hover{transform:translate(2px)}}.menu-mobile-arrow,.menu-dropdown-arrow{transition:transform .2s ease,color .2s ease}.menu-dropdown-link:focus,.menu-dropdown-sublink:focus{outline:2px solid var(--color-primary);outline-offset:2px;background-color:var(--bg-hover)}@media (max-width: 768px){.menu-item{width:100%;display:block}.menu-item-wrapper{justify-content:space-between;padding:.5rem 0}.menu-item .menu-dropdown,.menu-dropdown{position:static!important;display:block;width:100%;border:none;border-radius:0;background:transparent;padding:0;margin:0;max-height:0;overflow:hidden;opacity:0;visibility:visible;transform:none;top:auto;left:auto;min-width:auto}.menu-item--open .menu-dropdown,.menu-dropdown--open{max-height:500px;opacity:1}.menu-dropdown-item{border-bottom:1px solid var(--border-color)}.menu-dropdown-item:last-child{border-bottom:none}.menu-item>.menu-dropdown-link--expandable{padding:12px 16px!important;font-weight:500;font-size:.9rem;min-height:44px;max-height:44px;height:44px;display:flex;align-items:center;box-sizing:border-box}.menu-item>.menu-dropdown-link--expandable .menu-dropdown-link-text{padding:0!important;height:100%;display:flex;align-items:center;flex:1}.menu-dropdown-link,.menu-dropdown-link-text{padding:12px 32px!important;font-size:.9rem;font-weight:500;border-radius:0;min-height:44px;height:auto;margin:0;width:100%;box-sizing:border-box;display:flex;align-items:center}.menu-dropdown-link--expandable{padding:0!important;display:flex;align-items:center;justify-content:space-between;min-height:44px;width:100%;box-sizing:border-box}.menu-dropdown-link--expandable .menu-dropdown-link-text{padding:12px 32px!important;flex:1;height:44px}.menu-dropdown-children{padding-left:8px;margin-left:0;margin-top:0;border-left:1px solid var(--border-color);max-height:0;overflow:hidden;opacity:0;transform:translateY(-5px)}.menu-dropdown-children--open{max-height:300px;opacity:1;transform:translateY(0);background-color:var(--bg-hover)}.menu-dropdown-children .menu-dropdown-link{padding:12px 48px!important;font-size:.85rem;font-weight:500}.menu-dropdown-link:after,.menu-dropdown-link-text:after{display:none!important}.menu-item>.menu-dropdown-link--active:after{display:block!important;content:"";position:absolute;bottom:-8px;right:16px;height:4px;background-color:var(--color-primary)}.menu-item>.menu-dropdown-link--active{position:relative}.menu-dropdown-subitem{border-bottom:1px solid var(--border-color)}.menu-dropdown-subitem:last-child{border-bottom:none}.menu-dropdown-sublink{padding:1rem 1.5rem;font-size:.85rem}.menu-mobile-arrow,.menu-dropdown-arrow{display:block;font-size:14px;color:var(--text-secondary)}.menu-mobile-arrow{padding:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.menu-dropdown-link:hover,.menu-dropdown-sublink:hover{transform:none}.menu-dropdown-nested>.menu-dropdown-link:after{display:none}.header__nav--open .menu-item{margin-bottom:.5rem}.header__nav--open .menu-item:last-child{margin-bottom:0}}@keyframes slideDownMobile{0%{max-height:0;opacity:0}to{max-height:500px;opacity:1}}@media (min-width: 769px) and (max-width: 1024px){.menu-dropdown{min-width:200px}.menu-dropdown-subpanel{min-width:180px}}.hamburger{display:flex;position:relative;width:40px;height:40px;background:transparent;cursor:pointer;padding:0;align-items:center;justify-content:center;z-index:1001;border-radius:6px;transition:background-color .2s ease;color:var(--text-primary)}.hamburger .icon{transition:opacity .2s ease,transform .2s ease}.hamburger--active .icon{transform:rotate(90deg)}.hamburger:hover{background-color:var(--bg-hover)}@media (max-width: 767px){.hamburger{display:flex!important}}@media (min-width: 768px){.hamburger{display:none!important}}#hamburger .icon,.hamburger:hover .icon{color:var(--text-primary)}.footer{background:rgba(var(--color-primary-rgb),.17);margin-top:auto;opacity:0;transform:translateY(20px);transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;justify-content:center;padding:0 var(--space-lg)}.footer--visible{opacity:1;transform:translateY(0)}.footer .container{width:780px;max-width:780px;background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(var(--color-primary-rgb),.05) 100%);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border:1px solid var(--border-color);border-bottom:none;position:relative;overflow:hidden}.footer .container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent);opacity:.6}.footer__grid{display:grid;grid-template-columns:1.2fr 2fr;gap:var(--space-12);padding:var(--space-12) 0 var(--space-8) 0;position:relative}.footer__brand{display:flex;flex-direction:column;gap:var(--space-6)}.footer__logo{font-size:var(--font-size-2xl);font-weight:800;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.footer__tagline{line-height:1.7;margin:0;font-size:var(--font-size-md);max-width:280px}.footer__social{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.footer__social a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-lg);position:relative;overflow:hidden}.footer__social a:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.footer__social a:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-contrast);transform:translateY(-2px);box-shadow:0 8px 25px rgba(var(--color-primary-rgb),.3)}.footer__social a:hover:before{left:100%}.footer__links{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.footer__column{display:flex;flex-direction:column;gap:var(--space-4)}.footer__heading{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-2) 0;position:relative;padding-bottom:var(--space-2)}.footer__heading:after{content:"";position:absolute;bottom:0;left:0;width:30px;height:2px;background:var(--color-primary);border-radius:1px}.footer__list{list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.footer__list li{position:relative}.footer__list a{text-decoration:none;font-weight:500;position:relative;padding-left:var(--space-4)}.footer__list a:before{content:"→";position:absolute;left:0;opacity:0;transform:translate(-10px);transition:all .3s ease;color:var(--color-primary)}.footer__list a:hover{color:var(--color-primary);transform:translate(var(--space-2))}.footer__list a:hover:before{opacity:1;transform:translate(0)}.footer__address{font-style:normal;line-height:1.8;font-weight:500}.footer__address p{margin:0 0 var(--space-2) 0;transition:color .3s ease}.footer__address a{text-decoration:none;font-weight:600;border-bottom:1px solid transparent}.footer__address a:hover{color:var(--color-primary);border-bottom-color:var(--color-primary)}.footer__bottom{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-6) var(--space-lg);border-top:1px solid var(--border-color);margin-top:var(--space-4);position:relative}.footer__bottom:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60px;height:1px;background:var(--color-primary);opacity:.8}.footer__nav{display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.footer__nav-link{font-size:var(--font-size-sm);font-weight:500;text-decoration:none;transition:color var(--transition-fast)}.footer__nav-link:hover{color:var(--color-primary)}.footer__copyright{font-size:var(--font-size-sm);margin:0;font-weight:500;text-align:center}.footer__legal{display:flex;gap:var(--space-6)}.footer__legal a{text-decoration:none;font-size:var(--font-size-sm);font-weight:600;position:relative;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.footer__legal a:hover{color:var(--color-primary);background:rgba(var(--color-primary-rgb),.1)}@media (max-width: 768px){.footer{padding:0}.footer .container{width:100%;max-width:100%;border-radius:0;border-left:none;border-right:none}.footer__grid{grid-template-columns:1fr;gap:var(--space-8);padding:var(--space-8) 0 var(--space-6) 0}.footer__brand{text-align:center}.footer__social{justify-content:center}.footer__links{grid-template-columns:1fr;gap:var(--space-6)}.footer__column{text-align:center}.footer__heading:after{left:50%;transform:translate(-50%)}.footer__list a{padding-left:0}.footer__list a:before{display:none}.footer__list a:hover{transform:none}.footer__bottom{flex-direction:column;gap:var(--space-4);text-align:center}.footer__legal{justify-content:center;gap:var(--space-4)}}.search-toggle-container{position:relative}.search-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none!important;background:transparent;cursor:pointer;border-radius:50%;transition:all .2s ease;color:var(--text-primary)!important}.search-toggle:hover{background-color:var(--bg-hover);color:var(--color-primary)!important;transform:translateY(-2px)}.search-toggle:focus{outline:none}.search-toggle--active{background-color:var(--color-primary);color:#fff}.search-dropdown-wrapper{position:absolute;top:100%;right:0;z-index:1000;margin-top:8px}.search-toggle__button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;cursor:pointer;border-radius:50%;transition:all .2s ease;color:var(--text-primary)}.search-toggle__button:hover{background-color:var(--bg-hover);color:var(--color-primary);transform:translateY(-2px)}.search-toggle__button:focus{outline:none}.search-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:400px;max-width:90vw;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:1000;padding:12px;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-dropdown__list{list-style:none;padding:8px 0;margin:0;max-height:300px;overflow-y:auto}.search-dropdown__item{margin:0}.search-dropdown__button{display:block;width:100%;padding:12px 16px;background:none;border:none;text-align:left;cursor:pointer;transition:background-color var(--transition-fast, .15s ease)}.search-dropdown__button:hover{background-color:var(--bg-hover)}.search-dropdown__title{font-weight:600;color:var(--text-primary);margin-bottom:4px}.search-dropdown__description{font-size:12px;color:var(--text-secondary);line-height:1.4;margin-bottom:4px}.search-dropdown__type{font-size:11px;padding:2px 6px;background:var(--bg-alt);color:var(--text-muted);border-radius:var(--radius-sm, .125rem);text-transform:uppercase;font-weight:500}.search-dropdown__empty{padding:24px 16px;text-align:center;color:var(--text-muted)}@media (max-width: 768px){.search-dropdown{width:300px;max-width:calc(100vw - 2rem)}}.search-results{padding:2rem 0}.search-results__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.search-results__title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.search-results__count{font-size:.875rem;color:var(--text-muted)}.search-results__loading,.search-results__empty{padding:3rem 2rem;text-align:center;color:var(--text-secondary)}.search-results__list{display:flex;flex-direction:column;gap:1.5rem}.search-results__item{padding:1.5rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md, .375rem);transition:all var(--transition-fast, .15s ease)}.search-results__item:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm)}.search-results__item-title{margin:0 0 .5rem}.search-results__item-title a{color:var(--text-primary);text-decoration:none;font-size:1.125rem;font-weight:600;transition:color var(--transition-fast, .15s ease)}.search-results__item-title a:hover{color:var(--text-accent)}.search-results__item-description{color:var(--text-secondary);line-height:1.6;margin:0 0 .75rem}.search-results__item-type{font-size:.75rem;padding:.25rem .5rem;background:var(--bg-alt);color:var(--text-muted);border-radius:var(--radius-sm, .125rem);text-transform:uppercase;font-weight:500}.search-input{position:relative;margin-bottom:1rem}.search-input__field{width:100%;padding:.75rem 2.5rem .75rem 1rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary);font-size:1rem;transition:border-color .2s ease}.search-input__wrapper{position:relative}.search-input__clear{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .2s ease,background-color .2s ease}.search-input__clear:hover{color:var(--text-primary);background-color:var(--bg-hover)}.search-input__field:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f61a}.search-input__field::placeholder{color:var(--text-secondary)}.search-input__icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.search-input__spinner{width:16px;height:16px;border:2px solid var(--border-color);border-top:2px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.search-results{max-height:400px;overflow-y:auto}.search-results__header{font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.search-results__loading,.search-results__empty{padding:2rem;text-align:center;color:var(--text-secondary)}.search-results__list{display:flex;flex-direction:column;gap:.5rem}.search-item{display:block;padding:.75rem;border-radius:6px;text-decoration:none;color:inherit;transition:background-color .2s ease}.search-item:hover{background-color:var(--bg-hover)}.search-item__title{font-size:1rem;font-weight:600;margin:0 0 .25rem;color:var(--text-primary)}.search-item__description{font-size:.875rem;color:var(--text-secondary);margin:0 0 .5rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-item__category{font-size:.75rem;padding:.25rem .5rem;background:var(--color-primary);color:#fff;border-radius:12px;text-transform:uppercase;font-weight:500}.theme-toggle{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:none;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;overflow:hidden}.theme-toggle:hover{background-color:var(--bg-hover);color:var(--text-primary);transform:translateY(-2px)}.theme-toggle__icon{width:20px;height:20px;transition:transform var(--transition-normal),opacity var(--transition-normal)}.theme-toggle__icon--sun{position:absolute;opacity:0;transform:rotate(90deg) scale(.5)}.theme-toggle__icon--moon,.dark .theme-toggle__icon--sun{opacity:1;transform:rotate(0) scale(1)}.dark .theme-toggle__icon--moon{opacity:0;transform:rotate(-90deg) scale(.5)}.heading{margin:0;font-family:var(--font-sans);font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--text-primary)}.heading--1{font-size:var(--text-4xl);font-weight:var(--font-bold)}.heading--2{font-size:var(--text-3xl)}.heading--3{font-size:var(--text-2xl)}.heading--4{font-size:var(--text-xl)}.heading--5{font-size:var(--text-lg)}.heading--6{font-size:var(--text-base);font-weight:var(--font-medium)}.heading--display{font-size:var(--text-5xl);font-weight:var(--font-bold);line-height:var(--leading-none)}.heading--subtitle{font-weight:var(--font-medium);color:var(--text-secondary)}.text{margin:0;font-family:var(--font-sans);line-height:var(--leading-relaxed)}.text--xs{font-size:var(--text-xs)}.text--sm{font-size:var(--text-sm)}.text--base{font-size:var(--text-base)}.text--lg{font-size:var(--text-lg)}.text--xl{font-size:var(--text-xl)}.text--normal{font-weight:var(--font-normal)}.text--medium{font-weight:var(--font-medium)}.text--semibold{font-weight:var(--font-semibold)}.text--bold{font-weight:var(--font-bold)}.text--primary{color:var(--text-primary)}.text--secondary{color:var(--text-secondary)}.text--muted{color:var(--text-muted)}.text--error{color:var(--error-600)}.text--success{color:var(--success-600)}.text--warning{color:var(--warning-600)}.text--left{text-align:left}.text--center{text-align:center}.text--right{text-align:right}.text--justify{text-align:justify}.link{color:var(--color-primary);text-decoration:none;transition:var(--transition-colors);cursor:pointer;background:none;border:none;font:inherit}.link:hover{color:var(--color-primary-dark);text-decoration:underline}.link--button{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:.375rem;font-weight:500;text-decoration:none;transition:all .2s ease;cursor:pointer;border:none;background:var(--color-primary);color:#fff}.link--button:hover{background:var(--color-primary-dark);text-decoration:none;color:#fff;transform:translateY(-1px)}.link--button.btn--sm{padding:.5rem 1rem;font-size:.875rem}.link--button.btn--lg{padding:1rem 2rem;font-size:1.125rem}.link--button.btn--secondary{background:var(--color-secondary)}.link--button.btn--secondary:hover{background:var(--color-secondary-hover)}.link--button.btn--outline{background:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.link--button.btn--outline:hover{background:var(--color-primary);color:#fff}.link--subtle{color:var(--text-secondary)}.link--subtle:hover{color:var(--text-primary)}.code{font-family:var(--font-mono);font-size:.875em}.code--inline{padding:.125rem .25rem;background:var(--gray-100);border-radius:var(--radius-sm);color:var(--gray-800)}.code-block{margin:0;padding:var(--space-4);background:var(--gray-900);border-radius:var(--radius-md);overflow-x:auto}.code--block{color:var(--gray-100);display:block}.dark .code--inline{background:var(--gray-800);color:var(--gray-200)}@media (max-width: 768px){.heading--display{font-size:var(--text-4xl)}.heading--1{font-size:var(--text-3xl)}.heading--2{font-size:var(--text-2xl)}.heading--3{font-size:var(--text-xl)}.heading--4{font-size:var(--text-lg)}.text{line-height:var(--leading-relaxed)}.text--lg{font-size:var(--text-base)}.text--xl{font-size:var(--text-lg)}.link--button{padding:var(--space-3) var(--space-4);min-height:44px}.code-block{padding:var(--space-3);font-size:var(--text-sm)}}.field{display:flex;height:36px;padding:.5rem .75rem;font-size:.875rem;border:2px solid #d1d5db;border-radius:8px;background-color:var(--input-bg);color:var(--text-primary);transition:border-color .2s ease}.field:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.1)}.field::placeholder{color:var(--text-secondary)}.field:disabled{opacity:.6;cursor:not-allowed;background-color:var(--bg-secondary)}.field__label{font-size:.8rem;font-weight:500;margin-bottom:.25rem;color:var(--text-primary)}.field__error{font-size:.7rem;color:var(--color-error);margin-top:.125rem}.field--error{border-color:var(--color-error)}.field--success{border-color:var(--color-success)}.textarea{display:flex;min-height:80px;width:100%;border-radius:8px;border:2px solid #d1d5db;background-color:var(--input-bg);padding:.75rem 1rem;font-size:1rem;color:var(--text-primary);resize:vertical;transition:border-color .2s ease}.textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.1)}.textarea::placeholder{color:var(--text-secondary)}.textarea:disabled{cursor:not-allowed;opacity:.5;background-color:var(--bg-secondary)}.textarea--error{border-color:var(--color-error)}.textarea--success{border-color:var(--color-success)}.select-trigger{display:flex;height:2.5rem;width:100%;align-items:center;justify-content:space-between;border-radius:8px;border:2px solid #d1d5db;background-color:var(--input-bg);padding:0 2.5rem 0 .75rem;font-size:.875rem;color:var(--text-primary);transition:border-color .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:16px 12px}.select-trigger:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.1)}.select-trigger:disabled{cursor:not-allowed;opacity:.5;background-color:var(--bg-secondary)}.select-trigger--error{border-color:var(--color-error)}.select-trigger--success{border-color:var(--color-success)}.date-picker{position:relative;display:inline-block}.date-picker__trigger{display:flex;align-items:center;justify-content:space-between;min-width:200px;padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--radius-md, .375rem);background:var(--input-bg);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast, .15s ease)}.date-picker__trigger:hover{border-color:var(--border-hover)}.date-picker__trigger:disabled{opacity:.5;cursor:not-allowed}.date-picker__value{font-size:14px}.date-picker__dropdown{position:absolute;top:100%;left:0;z-index:1000;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md, .375rem);box-shadow:var(--shadow-lg);padding:16px;margin-top:4px;min-width:280px}.date-picker__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.date-picker__nav{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:var(--radius-sm, .125rem);cursor:pointer;transition:background-color var(--transition-fast, .15s ease)}.date-picker__nav:hover{background:var(--bg-hover)}.date-picker__month{font-weight:600;color:var(--text-primary)}.date-picker__calendar{display:flex;flex-direction:column;gap:8px}.date-picker__weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.date-picker__weekday{display:flex;align-items:center;justify-content:center;height:32px;font-size:12px;font-weight:600;color:var(--text-muted)}.date-picker__days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.date-picker__day{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:var(--radius-sm, .125rem);cursor:pointer;font-size:14px;transition:all var(--transition-fast, .15s ease)}.date-picker__day:hover{background:var(--bg-hover)}.date-picker__day:disabled{opacity:.3;cursor:not-allowed}.date-picker__day--other-month{color:var(--text-muted)}.date-picker__day--today{background:var(--primary-100);color:var(--primary-700);font-weight:600}.date-picker__day--selected{background:var(--primary-600);color:#fff}.date-picker__day--selected:hover{background:var(--primary-700)}.table__container{overflow-x:auto;border-radius:8px;border:1px solid var(--color-border)}.table{width:100%;border-collapse:collapse;background-color:var(--color-bg-primary)}.table--bordered{border:1px solid var(--color-border)}.table--striped .table__row:nth-child(2n){background-color:var(--color-bg-secondary)}.table--hover .table__row:hover{background-color:var(--color-bg-hover, rgba(0, 0, 0, .05))}.table--compact .table__cell,.table--compact .table__header{padding:.5rem}.table__head{background-color:var(--color-bg-secondary)}.table__header{padding:.75rem;text-align:left;font-weight:600;color:var(--color-text);border-bottom:2px solid var(--color-border)}.table__body{background-color:var(--color-bg-primary)}.table__row{transition:background-color .2s ease}.table__row--selected{background-color:var(--color-primary-light, rgba(59, 130, 246, .1))}.table__row--clickable{cursor:pointer}.table__cell{padding:.75rem;border-bottom:1px solid var(--color-border);color:var(--color-text)}.dark .table{background-color:var(--color-bg-primary)}.dark .table__head{background-color:var(--color-bg-secondary)}.dark .table--hover .table__row:hover{background-color:#ffffff0d}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin:var(--space-6) 0}.pagination__button{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:var(--space-2) var(--space-3);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s ease}.pagination__button:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--border-color-hover)}.pagination__button:disabled{opacity:.5;cursor:not-allowed}.pagination__button--active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-contrast)}.pagination__button--active:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.pagination__button--nav{font-family:monospace;font-weight:700}.pagination__ellipsis{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;color:var(--text-secondary);font-weight:700}@media (max-width: 768px){.pagination{gap:var(--space-1)}.pagination__button{min-width:36px;height:36px;padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs)}.pagination__ellipsis{min-width:36px;height:36px}}.alert{padding:1rem 1.25rem;border-radius:6px;margin-bottom:1rem;display:flex;align-items:flex-start;position:relative}.alert--info{background-color:var(--color-info-light);border-left:4px solid var(--color-info);color:var(--color-info-dark)}.alert--success{background-color:var(--color-success-light);border-left:4px solid var(--color-success);color:var(--color-success-dark)}.alert--warning{background-color:var(--color-warning-light);border-left:4px solid var(--color-warning);color:var(--color-warning-dark)}.alert--error{background-color:var(--color-error-light);border-left:4px solid var(--color-error);color:var(--color-error-dark)}.alert__icon{margin-right:.75rem;flex-shrink:0;margin-top:.125rem}.alert__title{font-weight:600;margin:0 0 .25rem;font-size:1rem}.alert__message{margin:0;font-size:.9rem;line-height:1.5}.alert__close{background:none;border:none;cursor:pointer;padding:.25rem;margin-left:.5rem;color:inherit;opacity:.7;flex-shrink:0}.spinner{display:inline-block;width:1.5rem;height:1.5rem;border:.2rem solid rgba(var(--color-primary-rgb, 59, 130, 246),.2);border-radius:50%;border-top-color:var(--color-primary);animation:spinner-rotation .8s linear infinite}.spinner--sm{width:1rem;height:1rem;border-width:.15rem}.spinner--lg{width:2.5rem;height:2.5rem;border-width:.25rem}@keyframes spinner-rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading{display:flex;align-items:center;justify-content:center}.loading__spinner{width:24px;height:24px;border:2px solid var(--bg-alt);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.loading--overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ffffffb3;z-index:100}.loading--sm .loading__spinner{width:16px;height:16px;border-width:1px}.loading--lg .loading__spinner{width:32px;height:32px;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.page-loading{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;gap:1rem}.page-loading__spinner{width:60px;height:60px;border:4px solid var(--bg-alt);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.page-loading__text{font-size:1.25rem;font-weight:500;color:var(--text-primary);margin-top:1rem}.badge{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .5rem;font-size:.75rem;font-weight:500;border-radius:9999px;background-color:var(--bg-secondary);color:var(--text-primary)}.badge--primary{background-color:var(--color-primary);color:#fff}.badge--secondary{background-color:var(--color-secondary);color:#fff}.badge--success{background-color:var(--color-success);color:#fff}.badge--error{background-color:var(--color-error);color:#fff}.badge--warning{background-color:var(--color-warning);color:#fff}.badge--outline{background-color:transparent;border:1px solid currentColor}.badge--sm{padding:.125rem .375rem;font-size:.625rem}.badge--lg{padding:.375rem .75rem;font-size:.875rem}.tooltip{position:relative;display:inline-flex;align-items:center}.tooltip__icon{cursor:help;opacity:.7;transition:opacity .2s ease}.tooltip__icon:hover{opacity:1}.tooltip__text{position:absolute;color:var(--text-primary);padding:8px 12px;border-radius:6px;font-size:.9rem;font-weight:400;white-space:nowrap;box-shadow:0 2px 8px #00000026;border:1px solid var(--border-color);z-index:1000;min-width:200px;max-width:300px;white-space:normal;line-height:1.4}.tooltip__text--top{bottom:100%;left:50%;transform:translate(-50%)}.tooltip__text--right{left:100%;top:50%;transform:translateY(-50%)}.tooltip__text--bottom{top:100%;left:50%;transform:translate(-50%)}.tooltip__text--left{right:100%;top:50%;transform:translateY(-50%)}.tooltip__text:before{content:"";position:absolute;border:6px solid transparent}.tooltip__text--top:before{border-top-color:var(--border-color);bottom:-12px;left:50%;transform:translate(-50%)}.tooltip__text--right:before{border-right-color:var(--border-color);left:-12px;top:50%;transform:translateY(-50%)}.tooltip__text--bottom:before{border-bottom-color:var(--border-color);top:-12px;left:50%;transform:translate(-50%)}.tooltip__text--left:before{border-left-color:var(--border-color);right:-12px;top:50%;transform:translateY(-50%)}.toast{position:relative;min-width:500px;max-width:700px;padding:24px 32px;border-radius:12px;box-shadow:0 6px 20px #00000040;margin:0 auto}.toast--success{background-color:#f6ffed;border:1px solid #b7eb8f;color:#52c41a}.toast--error{background-color:#fff1f0;border:1px solid #ffccc7;color:#f5222d}.toast--info{background-color:#e6f7ff;border:1px solid #91d5ff;color:#1890ff}.toast__content{display:flex;align-items:center;justify-content:space-between}.toast__close:hover{opacity:1}.toast-content{display:flex;align-items:center;justify-content:center;width:100%}.toast-message{font-weight:500;line-height:1.4}.toast-close{background:none;border:none;cursor:pointer;padding:0 0 0 12px;opacity:.7;transition:opacity .2s ease}.toast-close:hover{opacity:1}@keyframes toast-fade-in{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.alert{padding:12px 16px}.alert--sm{padding:10px 12px;font-size:13px}.alert__dismiss{min-width:44px;min-height:44px}.badge{font-size:12px}.tooltip__content{padding:8px 12px;max-width:200px;white-space:normal}.toast{min-width:auto}.toast__close{min-width:44px;min-height:44px}}.page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;padding:var(--space-8)}.page-loading__spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top:3px solid var(--primary-600);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-4)}.page-loading__text{color:var(--text-secondary);font-size:var(--text-sm)}.loading{display:inline-block;width:20px;height:20px;border:2px solid var(--border-color);border-top:2px solid var(--primary-600);border-radius:50%;animation:spin 1s linear infinite}.loading__spinner{width:16px;height:16px;border:2px solid var(--border-color);border-top:2px solid var(--primary-600);border-radius:50%;animation:spin 1s linear infinite}.dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center}.dialog{background:var(--card-bg);border-radius:var(--radius-lg, .5rem);box-shadow:var(--shadow-xl);max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:bp-dialog-in .2s ease}@keyframes bp-dialog-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.dialog--sm{width:100%;max-width:400px}.dialog--md{width:100%;max-width:500px}.dialog--lg{width:100%;max-width:700px}.dialog--xl{width:100%;max-width:900px}.dialog__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color)}.dialog__title{margin:0}.dialog__close{margin-left:auto}.dialog__content{flex:1;padding:24px;overflow-y:auto}.sheet-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080}.sheet{position:fixed;top:0;bottom:0;background:var(--card-bg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--transition-normal, .25s ease)}.sheet--open{transform:translate(0)}.sheet--left{left:0;transform:translate(-100%)}.sheet--right{right:0}.sheet--left.sheet--open{transform:translate(0)}.sheet--sm{width:320px}.sheet--md{width:480px}.sheet--lg{width:640px}.sheet__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color)}.sheet__title{margin:0}.sheet__content{flex:1;padding:24px;overflow-y:auto}.popover-container{position:relative;display:inline-block}.popover__trigger{cursor:pointer}.popover{position:absolute;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md, .375rem);box-shadow:var(--shadow-lg);animation:bp-popover-in .15s ease}@keyframes bp-popover-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.popover--top{bottom:calc(100% + var(--popover-offset, 8px));left:50%}.popover--bottom{top:calc(100% + var(--popover-offset, 8px));left:50%}.popover--left{right:calc(100% + var(--popover-offset, 8px));top:50%}.popover--right{left:calc(100% + var(--popover-offset, 8px));top:50%}.popover__content{padding:12px 16px}.popover__arrow{position:absolute;width:0;height:0;border:6px solid transparent}.popover--top .popover__arrow{top:100%;left:50%;border-top-color:var(--card-bg)}.popover--bottom .popover__arrow{bottom:100%;left:50%;border-bottom-color:var(--card-bg)}.popover--left .popover__arrow{left:100%;top:50%;border-left-color:var(--card-bg)}.popover--right .popover__arrow{right:100%;top:50%;border-right-color:var(--card-bg)}.confirm-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.confirm-dialog{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:400px;width:100%;animation:modal-in .2s ease}.confirm-dialog-title{font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--space-3);color:var(--text-primary)}.confirm-dialog-message{font-size:var(--text-base);line-height:var(--leading-relaxed);margin:0 0 var(--space-6);color:var(--text-secondary)}.confirm-dialog-actions{display:flex;gap:var(--space-3);justify-content:flex-end}.confirm-dialog-button{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-base);border:1px solid transparent}.confirm-dialog-cancel{background:var(--bg-alt);color:var(--text-secondary);border-color:var(--border-color)}.confirm-dialog-cancel:hover{background:var(--bg-hover);color:var(--text-primary)}.confirm-dialog-confirm{background:var(--primary-600);color:#fff;border-color:var(--primary-600)}.confirm-dialog-confirm:hover{background:var(--primary-700)}.confirm-dialog-confirm--danger{background:var(--error-600);border-color:var(--error-600)}.confirm-dialog-confirm--danger:hover{background:var(--error-700)}.delete-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.delete-modal{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:500px;width:100%;animation:modal-in .2s ease}.delete-modal__header{padding:var(--space-6) var(--space-6) 0}.delete-modal__title{font-size:var(--text-xl);font-weight:var(--font-bold);margin:0 0 var(--space-4);color:var(--error-600)}.delete-modal__content{padding:0 var(--space-6) var(--space-6)}.delete-dialog__warning{padding:var(--space-4);background:var(--error-50);border:1px solid var(--error-200);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.delete-dialog__message{font-size:var(--text-base);color:var(--text-primary);margin:0 0 var(--space-3);line-height:var(--leading-relaxed)}.delete-dialog__details{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.delete-dialog__list{list-style:none;margin:var(--space-3) 0 0;padding:0}.delete-dialog__list li{padding:var(--space-1) 0;font-size:var(--text-sm);color:var(--text-secondary)}.delete-dialog__final-warning{padding:var(--space-4);background:var(--error-100);border:2px solid var(--error-300);border-radius:var(--radius-md);margin:var(--space-4) 0;font-weight:var(--font-medium);color:var(--error-800);text-align:center}.delete-modal__actions{display:flex;gap:var(--space-3);justify-content:flex-end}.delete-modal__button{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-base);border:1px solid transparent;min-width:100px}.delete-modal__button--secondary{background:var(--bg-alt);color:var(--text-secondary);border-color:var(--border-color)}.delete-modal__button--secondary:hover{background:var(--bg-hover);color:var(--text-primary)}.delete-modal__button--danger{background:var(--error-600);color:#fff;border-color:var(--error-600)}.delete-modal__button--danger:hover{background:var(--error-700)}@keyframes modal-in{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 768px){.confirm-dialog,.delete-modal{margin:var(--space-4);max-width:none}.confirm-dialog-actions,.delete-modal__actions{flex-direction:column}.confirm-dialog-button,.delete-modal__button{width:100%}}.divider{border:none;background:var(--border-color)}.divider--horizontal{width:100%;height:1px}.divider--vertical{width:1px;display:inline-block}.divider--dashed{background:none;border-top:1px dashed var(--border-color)}.divider--vertical.divider--dashed{border-top:none;border-left:1px dashed var(--border-color)}.divider--dotted{background:none;border-top:1px dotted var(--border-color)}.divider--vertical.divider--dotted{border-top:none;border-left:1px dotted var(--border-color)}.divider--horizontal.divider--sm{margin:8px 0}.divider--horizontal.divider--lg{margin:24px 0}.divider--vertical.divider--sm{margin:0 8px}.divider--vertical.divider--lg{margin:0 24px}.spacer{flex-shrink:0}.spacer--xs.spacer--y{height:4px}.spacer--sm.spacer--y{height:8px}.spacer--md.spacer--y{height:16px}.spacer--lg.spacer--y{height:24px}.spacer--xl.spacer--y{height:32px}.spacer--2xl.spacer--y{height:48px}.spacer--xs.spacer--x{width:4px;display:inline-block}.spacer--sm.spacer--x{width:8px;display:inline-block}.spacer--md.spacer--x{width:16px;display:inline-block}.spacer--lg.spacer--x{width:24px;display:inline-block}.spacer--xl.spacer--x{width:32px;display:inline-block}.spacer--2xl.spacer--x{width:48px;display:inline-block}.spacer--xs.spacer--both{width:4px;height:4px}.spacer--sm.spacer--both{width:8px;height:8px}.spacer--md.spacer--both{width:16px;height:16px}.spacer--lg.spacer--both{width:24px;height:24px}.spacer--xl.spacer--both{width:32px;height:32px}.spacer--2xl.spacer--both{width:48px;height:48px}.stack--row{flex-direction:row}.stack--wrap{flex-wrap:wrap}.stack--row.stack--spacing-xs>*+*{margin-left:4px}.stack--row.stack--spacing-sm>*+*{margin-left:8px}.stack--row.stack--spacing-lg>*+*{margin-left:24px}.stack--row.stack--spacing-xl>*+*{margin-left:32px}.stack--column.stack--spacing-xs>*+*{margin-top:4px}.stack--column.stack--spacing-sm>*+*{margin-top:8px}.stack--column.stack--spacing-lg>*+*{margin-top:24px}.stack--column.stack--spacing-xl>*+*{margin-top:32px}.stack--align-start{align-items:flex-start}.stack--align-center{align-items:center}.stack--align-end{align-items:flex-end}.stack--align-stretch{align-items:stretch}.stack--justify-start{justify-content:flex-start}.stack--justify-center{justify-content:center}.stack--justify-end{justify-content:flex-end}.stack--justify-between{justify-content:space-between}.stack--justify-around{justify-content:space-around}.stack--justify-evenly{justify-content:space-evenly}@media (max-width: 768px){.container--padding-sm{padding:0 12px}.container--padding-md{padding:0 16px}.container--padding-lg{padding:0 20px}}.notification{min-width:320px;max-width:500px;background:var(--notification-bg, white);border-radius:12px;box-shadow:0 10px 25px #00000026;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.notification--modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);z-index:9999}.notification--modal.notification--visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.notification--modal.notification--hidden{opacity:0;transform:translate(-50%,-50%) scale(.9)}.notification--toast{position:fixed;top:20px;right:20px;transform:translate(100%);z-index:1000}.notification--toast.notification--visible{opacity:1;transform:translate(0)}.notification--toast.notification--hidden{opacity:0;transform:translate(100%)}.notification__content{display:flex;align-items:flex-start;padding:20px;gap:12px}.notification__icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-top:2px}.notification__text{flex:1;min-width:0}.notification__title{font-weight:600;font-size:16px;margin-bottom:4px;line-height:1.4}.notification__message{font-size:14px;line-height:1.5;color:var(--notification-text, #374151)}.notification__close{flex-shrink:0;width:24px;height:24px;border:none;background:transparent;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--notification-close, #6b7280);transition:all .2s ease}.notification__close:hover{background:var(--notification-close-hover, rgba(0, 0, 0, .05));color:var(--notification-close-hover-text, #374151)}.notification--success{border:2px solid var(--success-border, #065f46);background:var(--success-bg, white)}.notification--success .notification__icon{background:var(--success-icon-bg, #065f46);color:var(--success-icon-color, white)}.notification--success .notification__title{color:var(--success-title, #065f46)}.notification--error{border:2px solid var(--error-border, #991b1b);background:var(--error-bg, white)}.notification--error .notification__icon{background:var(--error-icon-bg, #991b1b);color:var(--error-icon-color, white)}.notification--error .notification__title{color:var(--error-title, #991b1b)}.notification--warning{border:2px solid var(--warning-border, #d97706);background:var(--warning-bg, white)}.notification--warning .notification__icon{background:var(--warning-icon-bg, #d97706);color:var(--warning-icon-color, white)}.notification--warning .notification__title{color:var(--warning-title, #d97706)}.notification--info{border:2px solid var(--info-border, #2563eb);background:var(--info-bg, white)}.notification--info .notification__icon{background:var(--info-icon-bg, #2563eb);color:var(--info-icon-color, white)}.notification--info .notification__title{color:var(--info-title, #2563eb)}.notification-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay-bg, rgba(0, 0, 0, .3));z-index:9998;opacity:0;transition:opacity .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.notification-overlay--visible{opacity:1}[data-theme=dark]{--notification-bg: #1f2937;--notification-text: #e5e7eb;--notification-close: #9ca3af;--notification-close-hover: rgba(255, 255, 255, .1);--notification-close-hover-text: #f3f4f6;--overlay-bg: rgba(0, 0, 0, .5);--success-bg: #1f2937;--success-border: #10b981;--success-title: #10b981;--success-icon-bg: #10b981;--error-bg: #1f2937;--error-border: #ef4444;--error-title: #ef4444;--error-icon-bg: #ef4444;--warning-bg: #1f2937;--warning-border: #f59e0b;--warning-title: #f59e0b;--warning-icon-bg: #f59e0b;--info-bg: #1f2937;--info-border: #3b82f6;--info-title: #3b82f6;--info-icon-bg: #3b82f6}@media (max-width: 480px){.notification--modal{min-width:280px;max-width:calc(100vw - 32px);margin:0 16px}.notification--toast{top:10px;right:10px;left:10px;max-width:none;transform:translateY(-100%)}.notification--toast.notification--visible{transform:translateY(0)}.notification--toast.notification--hidden{transform:translateY(-100%)}.notification__content{padding:16px}}.notification--toast:nth-child(2){top:90px}.notification--toast:nth-child(3){top:160px}.notification--toast:nth-child(4){top:230px}.news-card{position:relative;display:flex;flex-direction:column;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-md);height:200px;overflow:hidden;transition:box-shadow var(--transition-fast),border-color var(--transition-fast),height .3s ease}.news-card--detail,.news-card--youtube.news-card--expanded{height:auto}.news-card--new{animation:news-card-in .3s ease both}@keyframes news-card-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes news-card-flash{0%{box-shadow:0 0 #3b82f600}30%{box-shadow:0 0 0 4px #3b82f64d;border-color:var(--color-primary)}to{box-shadow:0 0 #3b82f600}}.news-card--highlight-scroll{animation:news-card-highlight-pulse .5s ease 4}@keyframes news-card-highlight-pulse{0%,to{box-shadow:0 0 #3b82f600;border-color:var(--border-color);background:var(--card-bg)}50%{box-shadow:0 0 0 4px #3b82f666;border-color:var(--color-primary);background:color-mix(in oklab,var(--color-primary) 8%,var(--card-bg))}}.news-card__new-skeleton{display:flex;gap:var(--space-md);background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-md);overflow:hidden;position:relative;height:200px}.news-card__new-skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 25%,var(--bg-hover) 50%,transparent 75%);background-size:200% 100%;animation:news-card-shimmer 1.4s ease infinite;opacity:.7}.news-card__new-skeleton-image{flex-shrink:0;width:100px;height:100px;align-self:center;border-radius:var(--radius-md);background:var(--bg-alt)}.news-card__new-skeleton-body{flex:1;display:flex;flex-direction:column;gap:10px;min-width:0}.news-card__new-skeleton-meta{height:12px;width:50%;border-radius:var(--radius-sm);background:var(--bg-alt)}.news-card__new-skeleton-title{height:16px;width:92%;border-radius:var(--radius-sm);background:var(--bg-alt)}.news-card__new-skeleton-title--short{width:68%}.news-card__new-skeleton-desc{height:12px;width:80%;border-radius:var(--radius-sm);background:var(--bg-alt)}@keyframes news-card-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.news-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-light)}.news-card--cluster{border-left:3px solid var(--color-primary);height:auto}.news-card--popular{height:auto}.news-card__body{display:flex;gap:var(--space-md);align-items:center;flex:1;min-height:0;overflow:hidden}.news-card__image-wrap{position:relative;flex-shrink:0;width:100px;height:100px;align-self:flex-start}.news-card--telegram .news-card__image-wrap{width:100px;height:100px}.news-card__image{flex-shrink:0;width:100px;height:100px;object-fit:cover;border-radius:var(--radius-md);background:var(--bg-alt);display:block}.news-card__image--hidden{opacity:0;position:absolute;top:0;right:0;bottom:0;left:0}.news-card__image--skeleton{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-md);background:linear-gradient(90deg,var(--bg-alt) 25%,var(--bg-hover) 50%,var(--bg-alt) 75%);background-size:200% 100%;animation:news-skeleton 1.4s ease infinite}.news-card__image--placeholder{flex-shrink:0;width:100px;height:100px;border-radius:var(--radius-md);background:var(--bg-alt);display:flex;align-items:center;justify-content:center}.news-card__image--logo{width:100px;height:100px;border-radius:50%;object-fit:contain;padding:8px;background:var(--bg-alt)}.news-card__image-icon{font-size:2rem;line-height:1;opacity:.5}.news-card__content{flex:1;min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column}.news-card__meta{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);flex-wrap:wrap}.news-card__source{font-size:var(--font-size-xs);font-weight:var(--font-semibold);color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em}.news-card__source--highlighted{background:color-mix(in oklab,var(--color-warning) 20%,transparent);color:var(--color-warning-dark, var(--color-warning));padding:2px var(--space-xs);border-radius:var(--radius-sm)}.news-card__category{font-size:var(--font-size-xs);color:var(--text-muted);background:var(--bg-alt);padding:2px var(--space-xs);border-radius:var(--radius-sm)}.news-card__region{font-size:var(--font-size-xs);color:var(--color-primary);background:var(--bg-alt);padding:2px var(--space-xs);border-radius:var(--radius-sm);text-decoration:none;opacity:.6;transition:opacity var(--transition-fast)}.news-card__region:hover{opacity:1}.news-card__time{font-size:var(--font-size-xs);color:var(--text-muted);margin-left:auto}.news-card__title{font-size:var(--font-size-base);font-weight:var(--font-semibold);color:var(--news-card-title-color, var(--text-primary));line-height:var(--line-height-tight);margin:0 0 var(--space-sm)}.news-card__title-link{color:inherit;text-decoration:none;display:block;padding:var(--space-2);margin:calc(-1 * var(--space-2));border-radius:var(--radius-md);transition:background var(--transition-fast),color var(--transition-fast)}.news-card__title-link:hover{color:var(--color-primary);background:var(--color-primary-alpha)}.news-card__title-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.news-card__description{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-normal);margin:0 0 var(--space-sm);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-card__highlight{background:color-mix(in oklab,var(--color-primary) 24%,transparent);color:inherit;border-radius:4px;padding:0 2px}.news-card__cluster-toggle{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);color:var(--color-primary);background:var(--color-primary-bg);border:none;border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);cursor:pointer;transition:background var(--transition-fast)}.news-card__cluster-toggle:hover{background:var(--color-primary-alpha)}.news-card__cluster-count{font-weight:var(--font-bold)}.news-feed__list{position:relative;background:rgba(var(--color-primary-rgb),.1);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-md) 0;overflow-y:scroll;height:calc(100vh - 64px - var(--space-xl) - 50px);scrollbar-width:none;scroll-behavior:smooth}.news-feed__list::-webkit-scrollbar{display:none}.news-feed__virtual{position:relative;width:100%}.news-feed__virtual-item{position:absolute;top:0;left:0;width:100%}.news-feed__loading{display:flex;flex-direction:column;gap:var(--space-md)}@keyframes feed-skeleton-in{0%{opacity:.85}to{opacity:1}}.news-feed__virtual--loaded{animation:feed-content-in .25s ease}@keyframes feed-content-in{0%{opacity:0}to{opacity:1}}.news-feed__load-more-spinner{width:20px;height:20px;border:2px solid var(--border-color);border-top-color:var(--color-primary);border-radius:50%;animation:feed-spin .7s linear infinite}@keyframes feed-spin{to{transform:rotate(360deg)}}.news-feed__skeleton{height:120px;background:linear-gradient(90deg,var(--bg-alt) 25%,var(--bg-hover) 50%,var(--bg-alt) 75%);background-size:200% 100%;animation:news-skeleton 1.4s ease infinite;border-radius:var(--radius-lg)}@keyframes news-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.news-feed__empty{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-muted);font-size:var(--font-size-sm);position:relative;z-index:1}.news-feed__pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-lg) 0;margin-top:var(--space-md);border-top:1px solid var(--border-color)}.news-feed__page-btn{padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm);color:var(--color-primary);background:var(--color-primary-bg);border:1px solid var(--color-primary-light);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.news-feed__page-btn:hover:not(:disabled){background:var(--color-primary-alpha)}.news-feed__page-btn:disabled{opacity:.4;cursor:not-allowed}.news-feed__page-info{font-size:var(--font-size-sm);color:var(--text-muted);min-width:60px;text-align:center}.news-cluster{margin-top:var(--space-sm)}.news-cluster__list{margin-top:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-sm);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.news-cluster__item{display:flex;flex-direction:column;gap:2px}.news-cluster__title{font-size:var(--font-size-sm);color:var(--text-primary);text-decoration:none;line-height:var(--line-height-tight)}.news-cluster__title:hover{color:var(--color-primary);text-decoration:underline}.news-card--popular{border-color:var(--color-warning);background:color-mix(in oklab,var(--color-warning) 5%,var(--card-bg));margin-bottom:0;border-radius:0;border-left:none;border-right:none;border-top:none}.news-card--popular:hover{border-color:var(--color-warning)}.news-card__popular-badge{padding:var(--space-1) var(--space-3) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-warning);text-align:right}.news-card__popular-clicks{color:var(--text-muted);font-weight:var(--font-normal)}.news-card__telegram-badge{display:inline-flex;align-items:center;gap:3px;font-size:var(--font-size-xs);font-weight:var(--font-semibold);color:#2aabee;background:color-mix(in oklab,#2AABEE 12%,transparent);padding:2px var(--space-xs);border-radius:var(--radius-sm)}.news-card__youtube-badge{display:inline-flex;align-items:center;gap:3px;font-size:var(--font-size-xs);font-weight:var(--font-semibold);color:red;background:color-mix(in oklab,#FF0000 12%,transparent);padding:2px var(--space-xs);border-radius:var(--radius-sm)}.news-card__tg-link{display:inline-flex;align-items:center;gap:var(--space-xs);margin-top:var(--space-xs);font-size:var(--font-size-xs);font-weight:var(--font-medium);color:#2aabee;text-decoration:none;transition:opacity var(--transition-fast)}.news-card__tg-link:hover{opacity:.75}.news-card__share{position:absolute;top:var(--space-2);right:var(--space-2);display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;opacity:0;transition:opacity var(--transition-fast),color var(--transition-fast),background var(--transition-fast)}.news-card:hover .news-card__share{opacity:1}.news-card__share:hover{color:var(--color-primary);background:var(--color-primary-bg)}.news-card__footer{display:inline-flex;align-items:center;flex-shrink:0;align-self:flex-end;margin-left:auto;padding:10px 0 0}.news-card__bookmark{padding:2px var(--space-xs);font-size:var(--font-size-sm);color:var(--text-muted);background:transparent;border:none;cursor:pointer;transition:color var(--transition-fast),transform var(--transition-fast);line-height:1}.news-card__bookmark:hover{color:var(--color-primary);transform:scale(1.2)}.news-card__bookmark--active{color:var(--color-primary)}.news-card__footer .article-reactions{flex-shrink:0}.news-card__footer .tg-embed__actions{flex:0 0 auto;margin-left:auto;margin-top:0;padding:var(--space-1) var(--space-3) var(--space-2)}.article-reactions{display:inline-flex;align-items:center;flex-wrap:nowrap;gap:var(--space-2);padding:var(--space-1) 0 var(--space-1) var(--space-2);flex-shrink:0;margin-left:auto}.article-reactions__emotions-wrap{position:relative;display:flex;align-items:center;flex-shrink:0}.article-reactions__emotions-wrap--hidden{display:none}.article-reactions__votes{display:inline-flex;align-items:center;gap:var(--space-2);flex-shrink:0}.article-reactions__emotion-hit{display:inline-flex;align-items:center;justify-content:flex-end;min-height:32px;min-width:0;max-width:100%;padding:var(--space-1) var(--space-1) var(--space-1) var(--space-2);border-radius:var(--radius-md);cursor:pointer;outline:none;transition:background var(--transition-fast)}.article-reactions__emotion-hit--empty{min-width:2.75rem;justify-content:center;padding:var(--space-1)}.article-reactions__emotion-hit:hover,.article-reactions__emotion-hit:focus-visible{background:color-mix(in oklab,var(--color-primary) 8%,transparent)}.article-reactions__chips{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap}.article-reactions__chip{display:inline-flex;align-items:center;gap:var(--space-1);font-size:1rem;line-height:1;padding:4px var(--space-2);cursor:inherit}.article-reactions__chip--neutral{background:transparent;padding:var(--space-1) var(--space-3)}.article-reactions__chip-count{font-size:var(--font-size-xs);font-weight:var(--font-semibold);color:var(--text-secondary)}.article-reactions__chip-emoji{line-height:1}@keyframes emotion-pop{0%{transform:scale(0) translateY(8px);opacity:0}60%{transform:scale(1.5) translateY(-3px);opacity:1}to{transform:scale(1) translateY(0);opacity:1}}.article-reactions__emotion--new{animation:emotion-pop .4s cubic-bezier(.34,1.56,.64,1) both}.article-reactions__like,.article-reactions__dislike{display:inline-flex;align-items:center;gap:3px;background:none;border:none;cursor:pointer;font-size:var(--text-xs);color:var(--text-muted);padding:2px var(--space-1);border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.article-reactions__like:hover:not(:disabled){color:var(--color-success);background:var(--color-success-light)}.article-reactions__dislike:hover:not(:disabled){color:var(--color-error);background:var(--color-error-light)}.article-reactions__like--active{color:var(--color-success)}.article-reactions__dislike--active{color:var(--color-error)}.emotion-picker{position:absolute;bottom:calc(100% + 10px);right:0;left:auto;transform:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-3);min-width:min(324px,92vw);max-width:92vw;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);box-shadow:var(--shadow-lg);z-index:25;animation:picker-in .15s ease}@keyframes picker-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.emotion-picker__btn{font-size:1.6rem;line-height:1;width:2.85rem;height:2.85rem;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-alt);border:1px solid var(--border-color);cursor:pointer;border-radius:var(--radius-lg);transition:transform var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.emotion-picker__btn:hover{transform:scale(1.12);background:color-mix(in oklab,var(--color-primary) 12%,var(--bg-alt));box-shadow:var(--shadow-sm)}.news-card--read{opacity:.55;transition:opacity var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.news-card--read.news-card--expanded{opacity:1}.news-card--read .news-card__title-link{color:var(--text-muted)}.news-card__read-badge{position:absolute;bottom:var(--space-xs);right:var(--space-xs);font-size:9px;font-weight:var(--font-bold);color:var(--text-muted);background:color-mix(in oklab,var(--text-muted) 15%,transparent);padding:2px 4px;border-radius:var(--radius-sm);letter-spacing:.5px;text-transform:uppercase;pointer-events:none;z-index:2}@media (max-width: 768px){.news-card--telegram .news-card__image-wrap,.news-card--telegram .news-card__image--placeholder{display:none}.news-aggregator .news-card:not(.news-card--telegram) .news-card__image-wrap,.news-aggregator .news-card:not(.news-card--telegram) .news-card__image--placeholder{display:none}.news-card__meta,.news-card__source,.news-card__category,.news-card__time{font-size:.7rem}.news-card__title{font-size:.9rem;line-height:1.3}.news-card__description{font-size:.8rem;line-height:1.4}.news-card--telegram .news-card__footer{justify-content:center}.news-card--telegram .news-card__footer .tg-embed__actions{width:100%;justify-content:center;flex:unset;margin-top:0;padding:0 var(--space-3) var(--space-2)}.news-card--telegram .news-card__footer .tg-embed__actions .tg-embed__action-btn{flex:1;justify-content:center;font-size:.8rem}.news-card--telegram .news-card__footer .tg-embed__actions .tg-embed__action-btn--secondary{display:none}.emotion-picker{right:0;left:auto;max-width:calc(100vw - var(--space-md) * 2)}}.news-filters__title{font-size:var(--font-size-sm);font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 var(--space-sm)}.news-filters__group{margin-bottom:var(--space-lg)}.news-filters__search{width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);color:var(--text-primary);background:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);box-sizing:border-box}.news-filters__search:focus{border-color:var(--color-primary);box-shadow:var(--shadow-outline)}.news-filters__btn-group{display:flex;flex-direction:column;gap:var(--space-xs)}.news-filters__btn{width:100%;text-align:left;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);color:var(--text-secondary);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.news-filters__btn:hover{background:var(--bg-hover);color:var(--text-primary)}.news-filters__btn--active{background:var(--color-primary-bg);color:var(--color-primary);border-color:var(--color-primary-light);font-weight:var(--font-medium)}.news-filters__date{width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);color:var(--text-primary);background:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);outline:none;cursor:pointer;box-sizing:border-box;transition:border-color var(--transition-fast)}.news-filters__date:focus{border-color:var(--color-primary);box-shadow:var(--shadow-outline)}.news-filters__date-nav{margin-top:var(--space-sm);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xs)}.news-filters__date-btn{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);color:var(--text-secondary);background:var(--bg-alt);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.news-filters__date-btn:hover{color:var(--text-primary);border-color:var(--color-primary-light);background:var(--bg-hover)}.news-filters__date-range{margin:var(--space-xs) 0 0;font-size:var(--font-size-xs);color:var(--text-muted)}.news-filters__reset{width:100%;padding:var(--space-sm);font-size:var(--font-size-sm);color:var(--text-muted);background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.news-filters__reset:hover{color:var(--color-error);border-color:var(--color-error)}.news-filters__channels-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-sm)}.news-filters__channels-header .news-filters__title{margin:0}.news-filters__channels-actions{display:flex;gap:var(--space-xs);flex-shrink:0}.news-filters__contact-btn{padding:2px var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-medium);color:var(--color-primary);background:transparent;border:1px solid color-mix(in oklab,var(--color-primary) 40%,transparent);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast),color var(--transition-fast)}.news-filters__contact-btn:hover{background:var(--color-primary);color:#fff}.news-filters__contact-btn--warn{color:var(--color-warning, #f59e0b);border-color:color-mix(in oklab,var(--color-warning, #f59e0b) 40%,transparent)}.news-filters__contact-btn--warn:hover{background:var(--color-warning, #f59e0b);color:#fff}.news-city-picker__search{width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);color:var(--text-primary);background:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);outline:none;box-sizing:border-box;margin-bottom:var(--space-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.news-city-picker__search:focus{border-color:var(--color-primary);box-shadow:var(--shadow-outline)}.news-city-picker__clear{width:100%;text-align:left;padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);color:var(--color-primary);background:var(--color-primary-bg);border:1px solid var(--color-primary-light);border-radius:var(--radius-sm);cursor:pointer;margin-bottom:var(--space-sm);transition:background var(--transition-fast)}.news-city-picker__clear:hover{background:var(--color-primary-alpha)}.news-city-picker__list{list-style:none;margin:0;padding:0;max-height:280px;overflow-y:auto;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--input-bg);scrollbar-width:thin}.news-city-picker__item{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.news-city-picker__item:hover{background:var(--bg-hover);color:var(--text-primary)}.news-city-picker__item--active{background:var(--color-primary-bg);color:var(--color-primary);font-weight:var(--font-medium)}.news-city-picker__empty{padding:var(--space-md);font-size:var(--font-size-sm);color:var(--text-muted);text-align:center}.news-filters__categories{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.news-filters__cat-btn{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-medium);color:var(--text-secondary);background:var(--bg-alt);border:1px solid var(--border-color);border-radius:var(--radius-full);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.news-filters__cat-btn:hover{border-color:var(--color-primary-light);color:var(--color-primary)}.news-filters__cat-btn--active{background:var(--color-primary-bg);border-color:var(--color-primary-light);color:var(--color-primary);font-weight:var(--font-semibold)}.news-filters__toggle-list{display:flex;flex-direction:column;gap:var(--space-sm)}.news-filters__toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);min-height:28px}.news-filters__toggle-label{flex:1;font-size:var(--font-size-sm);font-weight:var(--font-medium);color:var(--text-primary);line-height:1.3}.news-filters__switch.monitor-switch{flex-shrink:0}.news-filters__date-label{display:flex;flex-direction:column;gap:var(--space-xs);font-size:var(--font-size-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.monitor-page{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-primary);z-index:50}.monitor-page svg,.monitor-page svg *{max-width:none!important}.monitor-login{height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);padding:var(--space-md)}.monitor-login__card{width:100%;max-width:400px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-lg)}.monitor-login__title{font-size:var(--font-size-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-xs)}.monitor-login__subtitle{font-size:var(--font-size-sm);color:var(--text-muted);margin:0 0 var(--space-lg)}.monitor-login__form{display:flex;flex-direction:column;gap:var(--space-sm)}.monitor-login__input{width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);color:var(--text-primary);background:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);outline:none;box-sizing:border-box;transition:border-color var(--transition-fast)}.monitor-login__input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-outline)}.monitor-login__error{font-size:var(--font-size-sm);color:var(--color-error);margin:0}.monitor-login__btn{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);font-weight:var(--font-semibold);color:#fff;background:var(--color-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.monitor-login__btn:hover:not(:disabled){background:var(--color-primary-dark)}.monitor-login__btn:disabled{opacity:.5;cursor:not-allowed}.monitor{height:100%;display:flex;overflow:hidden}.monitor__sidebar-tooltip{position:fixed;background:var(--card-bg);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-medium);white-space:nowrap;box-shadow:var(--shadow-lg);pointer-events:none;z-index:10000;transform:translateY(-50%);will-change:transform}.monitor__sidebar{position:fixed;left:0;top:0;bottom:0;width:60px;background:var(--card-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;z-index:100;transition:width .3s ease;overflow:hidden}.monitor__sidebar--expanded{width:240px;box-shadow:var(--shadow-lg)}.monitor__sidebar-logo{display:flex;align-items:center;justify-content:center;height:60px;border-bottom:1px solid var(--border-color);color:var(--color-primary);flex-shrink:0}.monitor__sidebar-nav{flex:1;padding:var(--space-sm) 0;overflow-y:auto}.monitor__sidebar-footer{border-top:1px solid var(--border-color);padding:var(--space-sm) 0;flex-shrink:0}.monitor__sidebar-item{display:flex;align-items:center;width:100%;padding:var(--space-sm) var(--space-md);background:transparent;border:none;cursor:pointer;transition:background var(--transition-fast);text-align:left;position:relative}.monitor__sidebar-item:hover{background:var(--bg-hover)}.monitor__sidebar-item--active{background:var(--color-primary-bg);color:var(--color-primary)}.monitor__sidebar-item--active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--color-primary)}.monitor__sidebar-logout{color:var(--text-muted)}.monitor__sidebar-logout:hover{color:var(--color-error);background:color-mix(in oklab,var(--color-error) 10%,transparent)}.monitor__sidebar-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;color:inherit}.monitor__sidebar-content{margin-left:var(--space-sm);min-width:0;opacity:0;transform:translate(-10px);transition:opacity .2s ease .1s,transform .2s ease .1s}.monitor__sidebar--expanded .monitor__sidebar-content{opacity:1;transform:translate(0)}.monitor__sidebar-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-medium);color:var(--text-primary);white-space:nowrap;line-height:1.2}.monitor__sidebar-desc{display:block;font-size:var(--font-size-xs);color:var(--text-muted);white-space:nowrap;line-height:1.2;margin-top:2px}.monitor__sidebar-item--active .monitor__sidebar-label{color:var(--color-primary)}.monitor__sidebar-logout .monitor__sidebar-label,.monitor__sidebar-logout .monitor__sidebar-desc{color:inherit}.monitor__main{flex:1;margin-left:60px;display:flex;flex-direction:column;overflow:hidden}.monitor__header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-xl);background:var(--card-bg);border-bottom:1px solid var(--border-color);z-index:10}.monitor__header-left{display:flex;flex-direction:column;gap:2px}.monitor__header-zone{display:flex;align-items:center}.monitor__zone-title{display:flex;align-items:center;gap:var(--space-sm)}.monitor__zone-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--color-primary);background:var(--color-primary-bg);border-radius:var(--radius-md)}.monitor__zone-info{display:flex;flex-direction:column;gap:2px}.monitor__zone-label{font-size:var(--font-size-base);font-weight:var(--font-semibold);color:var(--text-primary);line-height:1.2}.monitor__zone-desc{font-size:var(--font-size-xs);color:var(--text-muted);line-height:1.2}.monitor__title{font-size:var(--font-size-lg);font-weight:var(--font-bold);color:var(--text-primary);margin:0}.monitor__subtitle{font-size:var(--font-size-xs);color:var(--text-muted);margin:0}.monitor__content{flex:1;overflow-y:auto;padding:var(--space-xl);box-sizing:border-box}.monitor__content-inner{max-width:1400px;margin:0 auto}.monitor__loading{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-muted);font-size:var(--font-size-sm)}.monitor-section{display:flex;flex-direction:column;gap:var(--space-lg)}.monitor-section__title{font-size:var(--font-size-lg);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-sm);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-color)}.monitor-section__badge{margin-left:var(--space-sm);vertical-align:middle;font-size:var(--font-size-sm)}.monitor-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg)}.monitor-card__title{font-size:var(--font-size-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-md)}.monitor-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.monitor-card__header .monitor-card__title{margin:0}.monitor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md)}.monitor-grid--2{grid-template-columns:repeat(2,1fr)}.monitor-stat{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg)}.monitor-stat__label{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-xs)}.monitor-stat__value{font-size:var(--font-size-xl);font-weight:var(--font-bold);color:var(--text-primary);line-height:1.2}.monitor-stat__unit{font-size:var(--font-size-sm);font-weight:var(--font-normal);color:var(--text-muted)}.monitor-stat__sub{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:2px}.monitor-progress{height:6px;background:var(--bg-alt);border-radius:var(--radius-full);overflow:hidden;margin-top:var(--space-sm)}.monitor-progress__bar{height:100%;border-radius:var(--radius-full);background:var(--color-primary);transition:width .3s ease}.monitor-progress__bar--warn{background:var(--color-warning)}.monitor-progress__bar--error{background:var(--color-error)}.monitor-chart{margin-top:var(--space-sm);width:100%}.monitor-chart__empty{font-size:var(--font-size-sm);color:var(--text-muted);text-align:center;padding:var(--space-xl) 0;margin:0}.monitor-badge{display:inline-flex;align-items:center;padding:2px var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-semibold);border-radius:var(--radius-full)}.monitor-badge--ok{background:var(--color-success-light);color:var(--color-success)}.monitor-badge--warn{background:var(--color-warning-light);color:var(--color-warning)}.monitor-badge--error{background:var(--color-error-light);color:var(--color-error)}.monitor-badge--off{background:var(--bg-alt);color:var(--text-muted)}.monitor-table-wrap{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border-color)}.monitor-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.monitor-table th{padding:var(--space-sm) var(--space-md);text-align:left;font-size:var(--font-size-xs);font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);white-space:nowrap}.monitor-table td{padding:var(--space-sm) var(--space-md);color:var(--text-primary);border-bottom:1px solid var(--border-color);vertical-align:middle}.monitor-table tr:last-child td{border-bottom:none}.monitor-table tr:hover td{background:var(--bg-hover)}.monitor-table__muted{color:var(--text-muted);font-size:var(--font-size-xs)}.monitor-table__narrow{width:2.35rem;text-align:center;padding-left:var(--space-xs);padding-right:var(--space-xs)}.monitor-table__actions{display:flex;gap:var(--space-xs);white-space:nowrap}.monitor-table__name{font-weight:var(--font-medium)}.monitor-table__error{margin-left:var(--space-xs);color:var(--color-warning);cursor:help}.monitor-link{color:var(--color-primary);text-decoration:none}.monitor-link:hover{text-decoration:underline}.monitor-toggle{padding:2px var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-semibold);border-radius:var(--radius-full);border:1px solid var(--border-color);cursor:pointer;background:var(--bg-alt);color:var(--text-muted);transition:background var(--transition-fast),color var(--transition-fast)}.monitor-toggle--on{background:var(--color-success-light);color:var(--color-success);border-color:var(--color-success)}.monitor-toggle:disabled{opacity:.5;cursor:not-allowed}.monitor-btn{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm);font-weight:var(--font-semibold);border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:background var(--transition-fast),opacity var(--transition-fast);white-space:nowrap}.monitor-btn:disabled{opacity:.5;cursor:not-allowed}.monitor-btn--primary{background:var(--color-primary);color:#fff}.monitor-btn--primary:hover:not(:disabled){background:var(--color-primary-dark)}.monitor-btn--icon{background:transparent;border-color:var(--border-color);color:var(--text-muted);padding:var(--space-xs)}.monitor-btn--icon:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.monitor-btn--danger{background:color-mix(in oklab,var(--color-error) 12%,transparent);border-color:color-mix(in oklab,var(--color-error) 40%,var(--border-color));color:var(--color-error)}.monitor-btn--danger:hover:not(:disabled){background:color-mix(in oklab,var(--color-error) 20%,transparent)}.monitor-btn--lg{padding:var(--space-sm) var(--space-xl);font-size:var(--font-size-base)}.monitor-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200;padding:var(--space-md)}.monitor-modal{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-xl);width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.monitor-modal__title{font-size:var(--font-size-lg);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-lg)}.monitor-modal__form{display:flex;flex-direction:column;gap:var(--space-md)}.monitor-modal__label{display:flex;flex-direction:column;gap:var(--space-xs);font-size:var(--font-size-sm);color:var(--text-secondary)}.monitor-modal__input,.monitor-modal__select,.monitor-select{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);color:var(--text-primary);background:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);outline:none;transition:border-color var(--transition-fast);box-sizing:border-box;width:100%}.monitor-modal__input:focus,.monitor-modal__select:focus,.monitor-select:focus{border-color:var(--color-primary);box-shadow:var(--shadow-outline)}.monitor-modal__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.monitor-modal__error{font-size:var(--font-size-sm);color:var(--color-error);margin:0}.monitor-modal__actions{display:flex;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-sm)}.monitor-modal__btn{padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm);font-weight:var(--font-semibold);border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:background var(--transition-fast)}.monitor-modal__btn:disabled{opacity:.5;cursor:not-allowed}.monitor-modal__btn--save{background:var(--color-primary);color:#fff}.monitor-modal__btn--save:hover:not(:disabled){background:var(--color-primary-dark)}.monitor-modal__btn--cancel{background:transparent;border-color:var(--border-color);color:var(--text-secondary)}.monitor-modal__btn--cancel:hover{background:var(--bg-hover)}.monitor-interval-list{display:flex;flex-direction:column;gap:var(--space-md)}.monitor-interval-row{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:var(--space-sm)}.monitor-interval-row__label{font-size:var(--font-size-sm);color:var(--text-secondary)}.monitor-interval-row__input{width:100%}.monitor-collect{display:flex;flex-direction:column;gap:var(--space-md)}.monitor-collect__buttons{display:flex;gap:var(--space-sm);flex-wrap:wrap}.monitor-collect__progress{height:4px;background:var(--color-primary);border-radius:var(--radius-full);animation:monitor-progress-pulse 1s ease-in-out infinite alternate}@keyframes monitor-progress-pulse{0%{opacity:.4}to{opacity:1}}.monitor-collect__result{font-size:var(--font-size-sm);margin:0}.monitor-collect__result--ok{color:var(--color-success)}.monitor-collect__result--error{color:var(--color-error)}.monitor-donate-json{min-height:220px;width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.5}.monitor-donate-actions{margin-top:var(--space-sm);display:flex;justify-content:flex-end}.monitor-donate-card{width:340px;flex:0 0 340px}.monitor-donate-list{display:flex;flex-direction:column;gap:var(--space-sm)}.monitor-donate-item{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-alt);padding:var(--space-sm)}.monitor-donate-item__toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-sm)}.monitor-donate-item__index{font-size:var(--font-size-xs);color:var(--text-muted)}.monitor-donate-item__actions{display:flex;gap:6px}.monitor-donate-grid{display:grid;gap:var(--space-xs);grid-template-columns:1fr 1fr}.monitor-donate-grid>:nth-child(3),.monitor-donate-grid>:nth-child(4){grid-column:1 / -1}.monitor-donate-note{min-height:66px;resize:vertical}.monitor-donate-field{display:flex;flex-direction:column;gap:4px}.monitor-donate-field__label{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:var(--font-medium)}.monitor-donate-preview-row{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--border-color)}.monitor-donate-preview-logo{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);color:var(--text-muted)}.monitor-donate-preview-logo:after{content:"превью логотипа"}.monitor-donate-preview-qr{background:#fff;border-radius:var(--radius-sm);padding:4px;border:1px solid var(--border-color);line-height:0}.monitor-donate-preview{margin-top:var(--space-sm)}.monitor-donate-preview__cards{display:grid;gap:var(--space-xs);grid-template-columns:repeat(2,minmax(0,1fr))}.monitor-donate-preview__card{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--card-bg);padding:var(--space-sm)}.monitor-donate-preview__title{margin:0 0 4px;font-size:var(--font-size-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.monitor-donate-preview__value{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary)}.monitor-donate-preview__note{margin:4px 0 0;font-size:var(--font-size-xs);color:var(--text-muted)}@media (max-width: 768px){.monitor__header{padding:var(--space-sm) var(--space-md)}.monitor__nav{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));padding:var(--space-xs)}.monitor__content{padding:var(--space-md)}.monitor__nav-btn{padding:var(--space-xs) var(--space-sm)}.monitor-grid--2,.monitor-modal__row,.monitor-interval-row{grid-template-columns:1fr}.monitor__sidebar{width:50px}.monitor__sidebar--expanded{width:200px}.monitor__main{margin-left:50px}.monitor__sidebar-item{padding:var(--space-xs) var(--space-sm)}.monitor__header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.monitor__header-zone{width:100%}.monitor__zone-title{justify-content:center}}.monitor-zone-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap}.monitor-zone-header .monitor-section__title{margin:0;border:none;padding:0}.monitor-tabs{display:flex;gap:2px;background:var(--bg-alt);border-radius:var(--radius-md);padding:3px}.monitor-tab{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm);font-weight:var(--font-medium);color:var(--text-muted);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);white-space:nowrap}.monitor-tab:hover{color:var(--text-primary)}.monitor-tab--active{background:var(--card-bg);color:var(--text-primary);box-shadow:var(--shadow-sm)}.monitor-tab__count{font-size:var(--font-size-xs);color:var(--text-muted);background:var(--bg-alt);border-radius:var(--radius-full);padding:0 6px;min-width:20px;text-align:center}.monitor-tab--active .monitor-tab__count{background:var(--color-primary-bg);color:var(--color-primary)}.monitor-chart--pie{display:flex;justify-content:center}.monitor-pie-legend{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-color)}.monitor-pie-legend__item{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm)}.monitor-pie-legend__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.monitor-pie-legend__label{flex:1;color:var(--text-primary)}.monitor-pie-legend__value{color:var(--text-secondary);font-weight:var(--font-semibold)}.monitor-pie-legend__pct{color:var(--text-muted);min-width:36px;text-align:right}.monitor-grid--overview{grid-template-columns:repeat(4,1fr)}.monitor-overview-row{display:grid;grid-template-columns:auto 1fr;gap:var(--space-lg);align-items:start}.monitor-stat--warn .monitor-stat__value{color:var(--color-error)}.monitor-stat--active .monitor-stat__value{color:var(--color-success)}@media (max-width: 1024px){.monitor-grid--overview{grid-template-columns:repeat(2,1fr)}.monitor-overview-row{grid-template-columns:1fr}}@media (max-width: 640px){.monitor-grid--overview{grid-template-columns:1fr}}.monitor-stat--btn{text-align:left;cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);position:relative}.monitor-stat--btn:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md)}.monitor-stat__hint{font-size:var(--font-size-xs);color:var(--color-primary);margin-top:var(--space-xs);opacity:0;transition:opacity var(--transition-fast)}.monitor-stat--btn:hover .monitor-stat__hint{opacity:1}.monitor-tab--errors .monitor-tab__count{background:var(--color-error-light);color:var(--color-error)}.monitor-modal--wide{max-width:900px;max-height:80vh;display:flex;flex-direction:column}.monitor-modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md);flex-shrink:0}.monitor-modal__header .monitor-modal__title{margin:0}.monitor-modal__close{background:transparent;border:none;font-size:var(--font-size-lg);color:var(--text-muted);cursor:pointer;padding:var(--space-xs);line-height:1}.monitor-modal__close:hover{color:var(--text-primary)}.monitor-modal__count{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--space-md);flex-shrink:0}.monitor-modal--wide .monitor-table-wrap{overflow-y:auto;flex:1}.monitor-table__error-text{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monitor-grid--overview{grid-template-columns:repeat(3,1fr)}@media (max-width: 768px){.monitor-grid--overview{grid-template-columns:1fr}}.monitor-rsshub-badge{display:inline-flex;align-items:center;gap:5px;margin-left:var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-medium);vertical-align:middle;color:var(--text-muted)}.monitor-rsshub-badge__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.monitor-rsshub-badge--on .monitor-rsshub-badge__dot{background:var(--color-success);box-shadow:0 0 4px var(--color-success)}.monitor-rsshub-badge--off .monitor-rsshub-badge__dot{background:var(--color-error);box-shadow:0 0 4px var(--color-error)}.monitor-rsshub-badge--on{color:var(--color-success)}.monitor-rsshub-badge--off{color:var(--color-error)}.monitor-section__title-btn{background:none;border:none;padding:0;font:inherit;font-size:var(--font-size-lg);font-weight:var(--font-bold);color:var(--text-primary);cursor:pointer;text-decoration:none;transition:color var(--transition-fast)}.monitor-section__title-btn:hover{color:var(--color-primary)}.monitor-zonec-toolbar{display:grid;grid-template-columns:1fr 460px;gap:var(--space-md);align-items:start}.monitor-zonec-right{display:flex;flex-direction:column;gap:var(--space-md);align-items:flex-end}.monitor-zonec-toolbar .monitor-card{padding:var(--space-sm) var(--space-md);margin:0}.monitor-zonec-toolbar .monitor-card__title{font-size:var(--font-size-xs);margin-bottom:var(--space-xs)}.monitor-zonec-toolbar .monitor-interval-list{gap:var(--space-xs)}.monitor-zonec-toolbar .monitor-interval-row{grid-template-columns:auto 1fr auto}.monitor-zonec-toolbar .monitor-collect{gap:var(--space-xs)}.monitor-collect-card{width:200px;box-sizing:border-box}.monitor-collect-card .monitor-btn--lg{width:100%;white-space:nowrap;font-size:var(--font-size-xs);padding:var(--space-sm) var(--space-xs)}.monitor-donate-card{width:100%}.monitor-donate-list{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}@media (max-width: 1100px){.monitor-zonec-toolbar{grid-template-columns:1fr}}@media (max-width: 640px){.monitor-donate-list,.monitor-donate-grid{grid-template-columns:1fr}}.monitor-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0;border-radius:12px;background:var(--color-error);border:none;cursor:pointer;transition:background .25s ease;padding:0}.monitor-switch--on{background:var(--color-primary)}.monitor-switch:disabled{opacity:.5;cursor:not-allowed}.monitor-switch__input,.monitor-switch__track{display:none}.monitor-switch__thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;transition:transform .25s ease;pointer-events:none}.monitor-switch--on .monitor-switch__thumb{transform:translate(20px)}.monitor__header{position:relative}.zone-e__controls{display:flex;gap:var(--space-md);flex-wrap:wrap;margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-color)}.zone-e__filter-group{display:flex;gap:var(--space-xs)}.zone-e__filter-group .monitor__nav-btn{min-width:auto;padding:var(--space-xs) var(--space-md);flex-direction:row;align-items:center;gap:var(--space-xs)}.monitor-badge--blue{background:color-mix(in oklab,var(--color-primary) 15%,transparent);color:var(--color-primary)}.monitor-badge--green{background:color-mix(in oklab,var(--color-success) 15%,transparent);color:var(--color-success)}.monitor-badge--orange{background:color-mix(in oklab,var(--color-warning) 15%,transparent);color:var(--color-warning)}.monitor-table__th{padding:var(--space-sm) var(--space-md);text-align:left;font-size:var(--font-size-xs);font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);white-space:nowrap}.monitor-table__td{padding:var(--space-sm) var(--space-md);color:var(--text-primary);border-bottom:1px solid var(--border-color);vertical-align:middle}.monitor-table__td--num{text-align:right;color:var(--text-muted);font-variant-numeric:tabular-nums}.monitor-table__td--bold{font-weight:var(--font-semibold)}.monitor-table tr:last-child .monitor-table__td{border-bottom:none}.monitor-table tr:hover .monitor-table__td{background:var(--bg-hover)}.zone-e__bar-wrap{height:8px;background:var(--bg-alt);border-radius:var(--radius-full);overflow:hidden;min-width:80px}.zone-e__bar{height:100%;background:var(--color-primary);border-radius:var(--radius-full);transition:width .3s ease}.zone-l__tabs{display:flex;gap:2px;background:var(--bg-alt);border-radius:var(--radius-md);padding:3px;margin-bottom:var(--space-lg)}.zone-l__tab{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm);font-weight:var(--font-medium);color:var(--text-muted);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);white-space:nowrap}.zone-l__tab:hover{color:var(--text-primary)}.zone-l__tab--active{background:var(--card-bg);color:var(--text-primary);box-shadow:var(--shadow-sm)}.zone-l__card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.zone-l__form{margin-top:var(--space-md);padding:var(--space-lg);background:var(--bg-secondary);border-radius:var(--radius-md)}.zone-l__form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-bottom:var(--space-md)}.zone-l__field{display:flex;flex-direction:column;gap:var(--space-xs)}.zone-l__field--number{max-width:200px}.zone-l__label{font-size:var(--font-size-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.zone-l__hint{margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--bg-alt);border-left:3px solid var(--color-primary);font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5;border-radius:var(--radius-sm)}.zone-l__hint code{padding:2px 6px;background:var(--card-bg);border-radius:var(--radius-sm);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--font-size-xs)}.zone-l__new-token{background:color-mix(in oklab,var(--color-success) 10%,transparent);border:1px solid color-mix(in oklab,var(--color-success) 30%,var(--border-color));margin-bottom:var(--space-lg)}.zone-l__new-token-title{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);font-weight:var(--font-semibold);color:var(--color-success)}.zone-l__new-token-row{display:flex;align-items:center;gap:var(--space-md)}.zone-l__token-code{flex:1;padding:var(--space-md);background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--font-size-sm);word-break:break-all}.zone-l__actions{display:flex;gap:var(--space-xs)}.zone-l__stats-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);margin-bottom:var(--space-lg)}.zone-l__stat-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md)}.zone-l__stat-value{font-size:var(--font-size-xl);font-weight:var(--font-bold);color:var(--text-primary);line-height:1}.zone-l__stat-label{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:var(--space-xs)}@media (max-width: 768px){.zone-l__form-row{grid-template-columns:1fr}.zone-l__field--number{max-width:none}.zone-l__new-token-row{flex-direction:column;align-items:stretch}.zone-l__stats-summary{grid-template-columns:1fr}}.zone-n{display:flex;flex-direction:column;gap:var(--space-lg)}.zone-n__header{padding-bottom:var(--space-md);border-bottom:1px solid var(--border-color)}.zone-n__title{font-size:var(--font-size-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-xs)}.zone-n__desc{font-size:var(--font-size-sm);color:var(--text-muted);margin:0}.zone-n__tabs{display:flex;gap:var(--space-xs);border-bottom:1px solid var(--border-color)}.zone-n__tab{padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm);font-weight:var(--font-medium);color:var(--text-secondary);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.zone-n__tab:hover{color:var(--text-primary)}.zone-n__tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.zone-n__loading,.zone-n__error{display:flex;justify-content:center;padding:var(--space-xl);color:var(--text-muted)}.zone-n__create-form{padding:var(--space-lg);background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.zone-n__form-title{font-size:var(--font-size-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-md)}.zone-n__form-row{display:flex;gap:var(--space-sm)}.zone-n__input{flex:1;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);color:var(--text-primary);background:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);outline:none;transition:border-color var(--transition-fast)}.zone-n__input:focus{border-color:var(--color-primary)}.zone-n__btn{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm);font-weight:var(--font-semibold);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);white-space:nowrap}.zone-n__btn--primary{color:#fff;background:var(--color-primary);border:none}.zone-n__btn--primary:hover:not(:disabled){background:var(--color-primary-dark)}.zone-n__btn--primary:disabled{opacity:.5;cursor:not-allowed}.zone-n__btn--secondary{color:var(--text-primary);background:transparent;border:1px solid var(--border-color)}.zone-n__btn--secondary:hover:not(:disabled){background:var(--bg-hover)}.zone-n__table-wrap{overflow-x:auto}.zone-n__table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.zone-n__table th{padding:var(--space-sm) var(--space-md);text-align:left;font-weight:var(--font-semibold);color:var(--text-secondary);background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.zone-n__table td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-color);color:var(--text-primary)}.zone-n__token-cell{display:flex;align-items:center;gap:var(--space-xs)}.zone-n__token-value,.zone-n__token-hidden{font-family:monospace;font-size:var(--font-size-xs);padding:2px var(--space-xs);background:var(--bg-secondary);border-radius:var(--radius-sm)}.zone-n__token-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-xs);background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast),color var(--transition-fast)}.zone-n__token-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.zone-n__subs-btn{padding:2px var(--space-sm);font-size:var(--font-size-xs);color:var(--color-primary);background:var(--color-primary-bg);border:1px solid var(--color-primary-light);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast)}.zone-n__subs-btn:hover{background:var(--color-primary-alpha)}.zone-n__toggle{padding:2px var(--space-sm);font-size:var(--font-size-xs);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.zone-n__toggle--active{color:var(--color-success);background:var(--color-success-light);border-color:var(--color-success)}.zone-n__action-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-xs);background:transparent;border:none;cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast),color var(--transition-fast)}.zone-n__action-btn--danger{color:var(--text-muted)}.zone-n__action-btn--danger:hover{color:var(--color-error);background:var(--color-error-light)}.zone-n__stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg)}.zone-n__stat-card{padding:var(--space-lg);background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:center}.zone-n__stat-value{font-size:2rem;font-weight:var(--font-bold);color:var(--color-primary);margin-bottom:var(--space-xs)}.zone-n__stat-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.zone-n__subs-modal{display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-md)}.zone-n__subs-search{margin-bottom:var(--space-sm)}.zone-n__subs-search .zone-n__input{width:100%}.zone-n__subs-group{display:flex;flex-direction:column;gap:var(--space-sm)}.zone-n__subs-group-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.zone-n__subs-group-actions{display:flex;gap:var(--space-sm)}.zone-n__btn-link{padding:0;font-size:var(--font-size-xs);color:var(--color-primary);background:none;border:none;cursor:pointer;text-decoration:underline;transition:color var(--transition-fast)}.zone-n__btn-link:hover{color:var(--color-primary-dark)}.zone-n__subs-group-title{font-size:var(--font-size-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.zone-n__subs-list{display:flex;flex-direction:column;gap:var(--space-xs);max-height:300px;overflow-y:auto;padding:var(--space-sm);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.zone-n__subs-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.zone-n__subs-item:hover{background:var(--bg-hover)}.zone-n__subs-item input[type=checkbox]{cursor:pointer}.zone-n__subs-actions{display:flex;justify-content:flex-end;gap:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--border-color)}.zone-l__header-actions{display:flex;gap:.75rem;align-items:center}.monitor-modal__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.monitor-modal__title{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.monitor-modal__description{margin:.5rem 0;color:var(--text-muted)}.monitor-modal__list{margin:1rem 0;padding-left:1.5rem;color:var(--text-secondary)}.monitor-modal__list-item{margin:.5rem 0}.cluster-health{padding:20px;max-width:1400px;margin:0 auto}.cluster-health__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;border-bottom:2px solid var(--border-color)}.cluster-health__header h2{margin:0;color:var(--text-primary);font-size:1.8rem}.cluster-health__loading,.cluster-health__error{text-align:center;padding:40px;font-size:1.1rem;color:var(--text-secondary)}.cluster-health__error{color:var(--error-color);background:var(--error-bg);border-radius:8px;margin-bottom:20px}.cluster-health__overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.health-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.health-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.health-card__title{font-size:.9rem;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.health-card__value{font-size:2rem;font-weight:700;color:var(--text-primary)}.health-card--success{border-left:4px solid #22c55e}.health-card--success .health-card__value{color:#22c55e}.health-card--warning{border-left:4px solid #f59e0b}.health-card--warning .health-card__value{color:#f59e0b}.health-card--error{border-left:4px solid #ef4444}.health-card--error .health-card__value{color:#ef4444}.cluster-health__failover{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px;margin-bottom:30px}.cluster-health__failover h3{margin:0 0 15px;color:var(--text-primary)}.failover-status{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.failover-status__item{display:flex;justify-content:space-between;align-items:center;padding:10px;background:var(--bg-secondary);border-radius:6px}.failover-status__item span:first-child{font-weight:500;color:var(--text-secondary)}.status--enabled{color:#22c55e;font-weight:700}.status--disabled{color:#ef4444;font-weight:700}.status--active{color:#f59e0b;font-weight:700}.status--inactive{color:#22c55e;font-weight:700}.cluster-health__nodes h3{margin:0 0 20px;color:var(--text-primary)}.nodes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px}.node-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.node-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.node-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.node-card__status{font-weight:700;font-size:.9rem}.node-card__id{font-family:monospace;font-size:.8rem;color:var(--text-secondary);background:var(--bg-secondary);padding:4px 8px;border-radius:4px}.node-card__metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:15px}.metric{display:flex;justify-content:space-between;align-items:center;padding:8px;background:var(--bg-secondary);border-radius:6px;font-size:.9rem}.metric span:first-child{color:var(--text-secondary);font-weight:500}.metric span:last-child{font-weight:700;color:var(--text-primary)}.metric--high{color:#ef4444!important;background:#ef44441a!important}.node-card__services{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:15px}.service{text-align:center;padding:6px;border-radius:4px;font-size:.8rem;font-weight:700}.service--ok{background:#22c55e1a;color:#22c55e}.service--error{background:#ef44441a;color:#ef4444}.node-card__errors{background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:6px;padding:10px;margin-bottom:15px}.node-card__errors strong{color:#ef4444;display:block;margin-bottom:5px}.node-card__errors ul{margin:0;padding-left:20px;color:var(--text-secondary)}.node-card__errors li{font-size:.9rem;margin-bottom:2px}.node-card__actions{text-align:center}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--card-bg);border-radius:12px;padding:30px;max-width:500px;width:90%;box-shadow:0 10px 25px #0003}.modal h3{margin:0 0 15px;color:var(--text-primary)}.modal p{margin-bottom:20px;color:var(--text-secondary)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:5px;font-weight:500;color:var(--text-primary)}.input{width:100%;padding:10px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:1rem}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.button{padding:10px 20px;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:5px}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.button--secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.button--secondary:hover{background:var(--bg-tertiary)}.button--danger{background:#ef4444;color:#fff}.button--danger:hover{background:#dc2626}.button--small{padding:6px 12px;font-size:.8rem}@media (max-width: 768px){.cluster-health{padding:15px}.cluster-health__header{flex-direction:column;gap:15px;text-align:center}.cluster-health__overview{grid-template-columns:repeat(2,1fr)}.failover-status,.nodes-grid,.node-card__metrics{grid-template-columns:1fr}.node-card__services{grid-template-columns:repeat(2,1fr)}.modal{margin:20px;width:calc(100% - 40px)}.modal-actions{flex-direction:column}}@media (max-width: 480px){.cluster-health__overview{grid-template-columns:1fr}.health-card__value{font-size:1.5rem}}.cluster-test-runner{padding:20px;max-width:1200px;margin:0 auto}.cluster-test-runner__header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid var(--border-color)}.cluster-test-runner__header h2{margin:0 0 10px;color:var(--text-primary);font-size:1.8rem}.cluster-test-runner__header p{margin:0;color:var(--text-secondary);font-size:1.1rem}.test-selection{margin-bottom:30px}.test-selection h3{margin:0 0 15px;color:var(--text-primary);font-size:1.2rem}.test-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px}.test-button{background:var(--card-bg);border:2px solid var(--border-color);border-radius:12px;padding:20px;cursor:pointer;transition:all .2s ease;text-align:left}.test-button:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.test-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.test-button--selected{border-color:var(--primary-color);background:#3b82f60d}.test-button--loading{border-color:#f59e0b;background:#f59e0b0d}.test-button__name{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:5px}.test-button__description{font-size:.9rem;color:var(--text-secondary);line-height:1.4}.test-loading{text-align:center;padding:40px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;margin-bottom:30px}.test-loading__spinner{display:flex;justify-content:center;font-size:2rem;animation:spin 1s linear infinite;margin-bottom:15px}.test-loading__message{font-size:1.1rem;color:var(--text-secondary);font-weight:500}.test-results-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px}.test-results__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--border-color)}.test-results__header h3{margin:0;color:var(--text-primary);font-size:1.3rem}.test-results__meta{display:flex;gap:20px;font-size:.9rem;color:var(--text-secondary)}.test-error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;padding:15px;margin-bottom:20px;color:#ef4444}.overall-summary{margin-bottom:30px;padding:20px;background:var(--bg-secondary);border-radius:8px}.overall-summary h3{margin:0 0 15px;color:var(--text-primary)}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px}.summary-stat{text-align:center;padding:15px;border-radius:8px;background:var(--card-bg);border:1px solid var(--border-color)}.summary-stat__label{display:block;font-size:.8rem;color:var(--text-secondary);margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px}.summary-stat__value{display:block;font-size:1.5rem;font-weight:700}.summary-stat--total .summary-stat__value{color:var(--text-primary)}.summary-stat--success .summary-stat__value{color:#22c55e}.summary-stat--warning .summary-stat__value{color:#f59e0b}.summary-stat--error .summary-stat__value{color:#ef4444}.test-suite{margin-bottom:25px;border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.test-suite__header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.test-suite__title{margin:0;color:var(--text-primary);font-size:1.1rem}.test-suite__summary{font-size:.9rem;font-weight:500}.test-results{padding:0}.test-result{padding:15px 20px;border-bottom:1px solid var(--border-color);transition:background-color .2s ease}.test-result:last-child{border-bottom:none}.test-result:hover{background:var(--bg-secondary)}.test-result__header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.test-result__icon{font-size:1.1rem}.test-result__name{flex:1;font-weight:500;color:var(--text-primary)}.test-result__status{font-size:.8rem;font-weight:700;padding:2px 8px;border-radius:4px;background:#0000000d}.test-result__message{color:var(--text-secondary);font-size:.9rem;line-height:1.4;margin-left:25px}.test-result__details{margin:10px 0 0 25px}.test-result__details summary{cursor:pointer;font-size:.8rem;color:var(--primary-color);margin-bottom:5px}.test-result__details summary:hover{text-decoration:underline}.test-result__details-content{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;padding:10px;font-size:.8rem;color:var(--text-secondary);overflow-x:auto;max-height:200px;overflow-y:auto}.test-result--warning{border-left:3px solid #f59e0b}.test-result--error{border-left:3px solid #ef4444}.test-result--skipped{border-left:3px solid #6b7280;opacity:.7}@media (max-width: 768px){.cluster-test-runner{padding:15px}.test-buttons{grid-template-columns:1fr}.test-results__header{flex-direction:column;align-items:flex-start;gap:10px}.test-results__meta{flex-direction:column;gap:5px}.summary-stats{grid-template-columns:repeat(2,1fr)}.test-result__header{flex-wrap:wrap}.test-result__message{margin-left:0;margin-top:5px}.test-result__details{margin-left:0}}@media (max-width: 480px){.cluster-test-runner__header h2{font-size:1.5rem}.test-button{padding:15px}.test-button__name{font-size:1rem}.summary-stats{grid-template-columns:1fr}.summary-stat__value{font-size:1.2rem}}.rate-limit-manager{padding:20px;max-width:1400px;margin:0 auto}.rate-limit-manager__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;border-bottom:2px solid var(--border-color)}.rate-limit-manager__header h2{margin:0;color:var(--text-primary);font-size:1.8rem}.rate-limit-manager__loading,.rate-limit-manager__error{text-align:center;padding:40px;font-size:1.1rem;color:var(--text-secondary)}.rate-limit-manager__error{color:var(--error-color);background:var(--error-bg);border-radius:8px;margin-bottom:20px}.rate-limit-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-bottom:30px}.summary-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.summary-card__title{font-size:.9rem;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.summary-card__value{font-size:2rem;font-weight:700;color:var(--text-primary)}.summary-card--success{border-left:4px solid #22c55e}.summary-card--success .summary-card__value{color:#22c55e}.summary-card--warning{border-left:4px solid #f59e0b}.summary-card--warning .summary-card__value{color:#f59e0b}.summary-card--error{border-left:4px solid #ef4444}.summary-card--error .summary-card__value{color:#ef4444}.rate-limit-testing{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px;margin-bottom:30px}.rate-limit-testing h3{margin:0 0 15px;color:var(--text-primary)}.testing-form{display:flex;gap:15px;align-items:end;margin-bottom:20px}.form-group{display:flex;flex-direction:column}.form-group label{font-size:.9rem;font-weight:500;color:var(--text-primary);margin-bottom:5px}.input{padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:.9rem}.input--small{width:80px}.input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f61a}.test-results{background:var(--bg-secondary);border-radius:8px;padding:15px}.test-results h4{margin:0 0 15px;color:var(--text-primary)}.test-results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px}.test-result{background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;padding:12px}.test-result--success{border-left:3px solid #22c55e}.test-result--blocked{border-left:3px solid #ef4444}.test-result__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-weight:500}.status--allowed{color:#22c55e;font-size:.8rem}.status--blocked{color:#ef4444;font-size:.8rem}.test-result__reason{font-size:.8rem;color:var(--text-secondary);margin-bottom:5px;font-style:italic}.test-result__details{font-size:.8rem;color:var(--text-secondary)}.rate-limit-stats{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px;margin-bottom:30px}.rate-limit-stats h3{margin:0 0 20px;color:var(--text-primary)}.no-stats{text-align:center;padding:40px;color:var(--text-secondary);font-style:italic}.stats-table{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1.5fr 1fr;gap:10px}.stats-table__header{display:contents}.stats-table__header>div{font-weight:700;color:var(--text-primary);padding:10px;background:var(--bg-secondary);border-radius:6px;font-size:.9rem;text-align:center}.stats-table__row{display:contents}.stats-table__row>div{padding:12px 10px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;font-size:.9rem}.domain-cell{justify-content:flex-start!important}.domain-name{font-family:monospace;font-weight:500;color:var(--text-primary)}.status-cell{justify-content:center!important}.status-indicator{font-weight:500;font-size:.8rem}.metric-cell{justify-content:center!important}.metric--active{color:#22c55e;font-weight:700}.metric--error{color:#ef4444;font-weight:700}.time-cell{justify-content:center!important;font-size:.8rem;color:var(--text-secondary)}.actions-cell{justify-content:center!important}.error-details{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px}.error-details h3{margin:0 0 15px;color:var(--text-primary)}.error-list{display:flex;flex-direction:column;gap:10px}.error-item{background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:6px;padding:12px}.error-item__domain{font-family:monospace;font-weight:700;color:#ef4444;margin-bottom:5px}.error-item__message{color:var(--text-primary);margin-bottom:5px;font-size:.9rem}.error-item__count{color:var(--text-secondary);font-size:.8rem;font-style:italic}@media (max-width: 1024px){.stats-table{grid-template-columns:1fr;gap:0}.stats-table__header{display:none}.stats-table__row{display:block;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;margin-bottom:10px;padding:15px}.stats-table__row>div{border-bottom:none;padding:5px 0;justify-content:space-between!important}.stats-table__row>div:before{content:attr(data-label);font-weight:700;color:var(--text-secondary)}}@media (max-width: 768px){.rate-limit-manager{padding:15px}.rate-limit-manager__header{flex-direction:column;gap:15px;text-align:center}.rate-limit-summary{grid-template-columns:repeat(2,1fr)}.testing-form{flex-direction:column;align-items:stretch}.test-results-grid{grid-template-columns:1fr}}@media (max-width: 480px){.rate-limit-summary{grid-template-columns:1fr}.summary-card__value{font-size:1.5rem}}.alert-dashboard{padding:20px;max-width:1400px;margin:0 auto}.alert-dashboard__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;border-bottom:2px solid var(--border-color)}.alert-dashboard__header h2{margin:0;color:var(--text-primary);font-size:1.8rem}.alert-dashboard__actions{display:flex;gap:10px}.alert-dashboard__loading,.alert-dashboard__error{text-align:center;padding:40px;font-size:1.1rem;color:var(--text-secondary)}.alert-dashboard__error{color:var(--error-color);background:var(--error-bg);border-radius:8px;margin-bottom:20px}.alert-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-card__title{font-size:.9rem;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.stat-card__value{font-size:2rem;font-weight:700;color:var(--text-primary)}.stat-card--critical{border-left:4px solid #ef4444}.stat-card--critical .stat-card__value{color:#ef4444}.stat-card--warning{border-left:4px solid #f59e0b}.stat-card--warning .stat-card__value{color:#f59e0b}.alert-tabs{display:flex;border-bottom:2px solid var(--border-color);margin-bottom:20px}.alert-tab{padding:12px 20px;background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease;border-bottom:2px solid transparent}.alert-tab:hover{color:var(--text-primary);background:var(--bg-secondary)}.alert-tab--active{color:var(--primary-color);border-bottom-color:var(--primary-color);background:var(--bg-secondary)}.alert-content{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px}.no-alerts{text-align:center;padding:40px;color:var(--text-secondary);font-style:italic}.alert-list{display:flex;flex-direction:column;gap:15px}.alert-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:15px;transition:transform .2s ease,box-shadow .2s ease}.alert-item:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.alert-item--critical{border-left:4px solid #ef4444;background:#ef44440d}.alert-item--warning{border-left:4px solid #f59e0b;background:#f59e0b0d}.alert-item--info{border-left:4px solid #3b82f6;background:#3b82f60d}.alert-item--history{opacity:.8}.alert-item__header{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.alert-item__icon{font-size:1.2rem}.alert-item__title{font-weight:700;color:var(--text-primary);flex:1;min-width:200px}.alert-item__severity{font-size:.8rem;font-weight:700;padding:2px 8px;border-radius:4px;background:#0000001a}.alert-item__time{font-size:.8rem;color:var(--text-secondary)}.alert-item__resolved{font-size:.8rem;color:#22c55e;font-weight:700}.alert-item__message{color:var(--text-primary);margin-bottom:10px;line-height:1.4}.alert-item__duration{font-size:.8rem;color:var(--text-secondary);font-style:italic}.alert-item__actions{display:flex;gap:10px;align-items:center}.alert-item__acknowledged{font-size:.8rem;color:#22c55e;font-weight:500}.alert-rules{display:flex;flex-direction:column;gap:15px}.rule-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:15px;transition:all .2s ease}.rule-item--enabled{border-left:4px solid #22c55e}.rule-item--disabled{border-left:4px solid #6b7280;opacity:.7}.rule-item__header{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.rule-item__icon{font-size:1.1rem}.rule-item__name{font-weight:700;color:var(--text-primary);flex:1;min-width:200px}.rule-item__severity{font-size:.8rem;font-weight:700;padding:2px 8px;border-radius:4px;background:#0000001a}.rule-item__cooldown{font-size:.8rem;color:var(--text-secondary);background:var(--bg-tertiary);padding:2px 8px;border-radius:4px}.rule-item__description{color:var(--text-secondary);margin-bottom:10px;line-height:1.4}.rule-item__actions{display:flex;gap:10px}@media (max-width: 768px){.alert-dashboard{padding:15px}.alert-dashboard__header{flex-direction:column;gap:15px;text-align:center}.alert-stats{grid-template-columns:repeat(2,1fr)}.alert-tabs{flex-wrap:wrap}.alert-tab{flex:1;min-width:120px}.alert-item__header,.rule-item__header{flex-direction:column;align-items:flex-start;gap:5px}.alert-item__title,.rule-item__name{min-width:auto}}@media (max-width: 480px){.alert-stats{grid-template-columns:1fr}.stat-card__value{font-size:1.5rem}.alert-dashboard__actions{flex-direction:column;width:100%}}:root{--primary-50: #fafafa;--primary-100: #f5f5f5;--primary-200: #e5e5e5;--primary-300: #d4d4d4;--primary-400: #a3a3a3;--primary-500: #737373;--primary-600: #525252;--primary-700: #404040;--primary-800: #262626;--primary-900: #171717;--success-50: #f7fdf7;--success-500: #22c55e;--success-600: #16a34a;--success-900: #14532d;--error-50: #fef7f7;--error-500: #f87171;--error-600: #ef4444;--error-900: #7f1d1d;--warning-50: #fffdf7;--warning-500: #fbbf24;--warning-600: #f59e0b;--warning-900: #78350f;--gray-50: #fdfdfd;--gray-100: #fafafa;--gray-200: #f4f4f5;--gray-300: #e4e4e7;--gray-400: #a1a1aa;--gray-500: #71717a;--gray-600: #52525b;--gray-700: #3f3f46;--gray-800: #27272a;--gray-900: #18181b;--text-primary: var(--gray-800);--text-secondary: var(--gray-600);--text-muted: var(--gray-500);--text-inverse: #ffffff;--bg-primary: #ffffff;--bg-secondary: var(--gray-50);--bg-alt: var(--gray-100);--bg-hover: var(--gray-100);--border-color: var(--gray-200);--border-hover: var(--gray-300);--border-focus: var(--primary-500);--button-primary-bg: var(--gray-900);--button-primary-hover: var(--gray-800);--button-primary-text: #ffffff;--input-bg: var(--bg-primary);--input-border: var(--border-color);--input-focus: var(--gray-400)}.dark{--text-primary: #e4e4e7;--text-secondary: #a1a1aa;--text-muted: #71717a;--text-inverse: var(--gray-900);--bg-primary: #0c0c0d;--bg-secondary: #111113;--bg-alt: #18181b;--bg-hover: #1f1f23;--border-color: #27272a;--border-hover: #3f3f46;--border-focus: #71717a;--button-primary-bg: #fafafa;--button-primary-hover: #e4e4e7;--button-primary-text: var(--gray-900);--input-bg: var(--bg-primary);--input-border: var(--border-color);--input-focus: var(--border-focus)}:root{--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-none: 0;--radius-sm: .25rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--button-padding-x: var(--space-3);--button-padding-y: var(--space-2);--button-padding: var(--button-padding-y) var(--button-padding-x);--input-padding-x: var(--space-3);--input-padding-y: var(--space-2);--input-padding: var(--input-padding-y) var(--input-padding-x);--card-padding: var(--space-6);--modal-padding: var(--space-8);--container-padding: var(--space-4);--section-spacing: var(--space-16);--component-gap: var(--space-4);--mobile-padding: var(--space-3);--mobile-gap: var(--space-2);--mobile-section: var(--space-8)}@media (max-width: 768px){:root{--container-padding: var(--mobile-padding);--component-gap: var(--mobile-gap);--section-spacing: var(--mobile-section);--button-padding: var(--space-3) var(--space-4);--input-padding: var(--space-3) var(--space-3)}}:root{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-serif: Georgia, "Times New Roman", Times, serif;--font-mono: "Monaco", "Menlo", "Ubuntu Mono", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--button-font-size: var(--text-base);--button-font-weight: var(--font-medium);--button-line-height: var(--leading-normal);--input-font-size: var(--text-base);--input-font-weight: var(--font-normal);--input-line-height: var(--leading-normal);--heading-font-weight: var(--font-semibold);--heading-line-height: var(--leading-tight);--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--text-primary: var(--text-primary);--text-secondary: var(--text-secondary);--text-muted: var(--text-muted);--color-primary: var(--primary-600);--transition-colors: color .2s ease}:root{--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--shadow-outline: 0 0 0 3px rgba(59, 130, 246, .3);--shadow-none: none;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--transition-colors: color, background-color, border-color;--transition-transform: transform;--transition-opacity: opacity;--transition-all: all;--button-shadow: var(--shadow-sm);--button-shadow-hover: var(--shadow-md);--button-transition: var(--transition-colors) var(--transition-base), var(--transition-transform) var(--transition-base), box-shadow var(--transition-base);--card-shadow: var(--shadow-md);--card-shadow-hover: var(--shadow-lg);--modal-shadow: var(--shadow-xl);--input-shadow-focus: var(--shadow-outline);--gradient-light: linear-gradient(135deg, #ffffff 0%, #fafafa 100%);--gradient-subtle: linear-gradient(135deg, #fafafa 0%, #f4f4f5 100%);--gradient-primary: linear-gradient(135deg, var(--gray-900) 0%, var(--gray-800) 100%);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080}.dark{--gradient-light: linear-gradient(135deg, #0c0c0d 0%, #111113 100%);--gradient-subtle: linear-gradient(135deg, #111113 0%, #18181b 100%);--gradient-primary: linear-gradient(135deg, #fafafa 0%, #e4e4e7 100%)}:root{--theme: "light";--text-primary: #1a1a1a;--text-secondary: #4a4a4a;--text-muted: #6b7280;--text-inverse: #ffffff;--text-accent: #2563eb;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-alt: #f1f5f9;--bg-hover: #e2e8f0;--bg-active: #cbd5e1;--bg-overlay: rgba(0, 0, 0, .5);--border-color: #e2e8f0;--border-hover: #cbd5e1;--border-focus: #3b82f6;--border-error: #ef4444;--border-success: #10b981;--card-bg: #ffffff;--footer-bg: #f8fafc;--sidebar-bg: #ffffff;--modal-bg: #ffffff;--header-text: #1e293b;--input-bg: #ffffff;--input-border: #d1d5db;--input-focus: #3b82f6;--input-placeholder: #9ca3af;--button-primary-bg: #1e293b;--button-primary-hover: #0f172a;--button-primary-text: #ffffff;--button-secondary-bg: transparent;--button-secondary-hover: #f1f5f9;--button-secondary-text: #475569;--button-secondary-border: #cbd5e1;--success-bg: #dcfce7;--success-text: #166534;--success-border: #bbf7d0;--error-bg: #fef2f2;--error-text: #dc2626;--error-border: #fecaca;--warning-bg: #fefce8;--warning-text: #ca8a04;--warning-border: #fef08a;--info-bg: #eff6ff;--info-text: #2563eb;--info-border: #bfdbfe;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--shadow-outline: 0 0 0 3px rgba(59, 130, 246, .1);--nav-bg: #ffffff;--nav-text: #475569;--nav-text-hover: #1e293b;--nav-text-active: #2563eb;--nav-border: #e2e8f0;--code-bg: #f1f5f9;--code-text: #1e293b;--code-border: #cbd5e1;--pre-bg: #0f172a;--pre-text: #e2e8f0}.dark{--theme: "dark";--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-inverse: #0f172a;--text-accent: #60a5fa;--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-alt: #334155;--bg-hover: #475569;--bg-active: #64748b;--bg-overlay: rgba(0, 0, 0, .8);--border-color: #334155;--border-hover: #475569;--border-focus: #60a5fa;--border-error: #f87171;--border-success: #34d399;--card-bg: #243657;--header-bg: #1e2f4e;--footer-bg: #1e293b;--sidebar-bg: #1e293b;--modal-bg: #1e293b;--header-text: #f1f5f9;--feed-list-bg: rgb(30 47 78);--news-card-title-color: #7c9ddb;--header-nav-link-color: #99afd7;--header-dropdown-bg: #283958;--header-logo-color: #606e89;--input-bg: #334155;--input-border: #475569;--input-focus: #60a5fa;--input-placeholder: #94a3b8;--button-primary-bg: #f1f5f9;--button-primary-hover: #e2e8f0;--button-primary-text: #0f172a;--button-secondary-bg: transparent;--button-secondary-hover: #334155;--button-secondary-text: #cbd5e1;--button-secondary-border: #475569;--success-bg: rgba(52, 211, 153, .1);--success-text: #6ee7b7;--success-border: rgba(52, 211, 153, .2);--error-bg: rgba(248, 113, 113, .1);--error-text: #fca5a5;--error-border: rgba(248, 113, 113, .2);--warning-bg: rgba(251, 191, 36, .1);--warning-text: #fcd34d;--warning-border: rgba(251, 191, 36, .2);--info-bg: rgba(96, 165, 250, .1);--info-text: #93c5fd;--info-border: rgba(96, 165, 250, .2);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 10px 10px -5px rgba(0, 0, 0, .4);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .3);--shadow-outline: 0 0 0 3px rgba(96, 165, 250, .2);--nav-bg: #0f172a;--nav-text: #cbd5e1;--nav-text-hover: #f1f5f9;--nav-text-active: #60a5fa;--nav-border: #334155;--code-bg: #334155;--code-text: #f1f5f9;--code-border: #475569;--pre-bg: #1e293b;--pre-text: #cbd5e1}*{transition:background-color var(--transition-normal, .25s ease),border-color var(--transition-normal, .25s ease),color var(--transition-normal, .25s ease),box-shadow var(--transition-normal, .25s ease)}.theme-switching *{transition:none!important}@media (prefers-color-scheme: dark){:root:not(.light):not(.dark){--theme: "auto-dark";--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-inverse: #0f172a;--text-accent: #60a5fa;--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-alt: #334155;--bg-hover: #475569;--bg-active: #64748b;--bg-overlay: rgba(0, 0, 0, .8);--border-color: #334155;--border-hover: #475569;--border-focus: #60a5fa;--card-bg: #1e293b;--header-bg: #0f172a;--footer-bg: #1e293b;--sidebar-bg: #1e293b;--modal-bg: #1e293b;--input-bg: #334155;--input-border: #475569;--input-focus: #60a5fa;--input-placeholder: #94a3b8;--button-primary-bg: #f1f5f9;--button-primary-hover: #e2e8f0;--button-primary-text: #0f172a;--button-secondary-bg: transparent;--button-secondary-hover: #334155;--button-secondary-text: #cbd5e1;--button-secondary-border: #475569}}.light{color-scheme:light}.dark{color-scheme:dark}@media (prefers-contrast: high){:root{--border-color: #000000;--text-muted: var(--text-secondary)}.dark{--border-color: #ffffff;--text-muted: var(--text-secondary)}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}.monitor-section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.monitor-section__actions{display:flex;gap:8px;align-items:center}.monitor-section__subtitle{font-size:18px;font-weight:600;margin:30px 0 15px;color:#1f2937}.monitor-section__geography{margin-top:40px}.world-map{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a}.world-map--loading,.world-map--empty{text-align:center;padding:40px;color:#6b7280}.world-map__stats{display:flex;gap:20px;margin-bottom:15px;font-size:14px;color:#6b7280}.world-map__stats strong{color:#1f2937;font-weight:600}.world-map__svg{width:100%;height:auto;display:block}.world-map__country{cursor:pointer;transition:opacity .2s,stroke-width .2s}.world-map__country:hover{opacity:.8;stroke:#3b82f6;stroke-width:1}.world-map__legend{display:flex;align-items:center;gap:10px;margin-top:15px;font-size:12px;color:#6b7280}.world-map__gradient{flex:1;height:10px;background:linear-gradient(to right,#e5e7eb,#3b82f6);border-radius:5px}.world-map__top{margin-top:20px;padding-top:20px;border-top:1px solid #e5e7eb}.world-map__top h4{font-size:14px;font-weight:600;margin-bottom:10px;color:#1f2937}.world-map__top ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.world-map__top li{display:flex;justify-content:space-between;padding:6px 10px;background:#f9fafb;border-radius:4px;font-size:13px}.world-map__country-code{font-weight:600;color:#3b82f6}.world-map__visits{color:#6b7280}.devices-chart{padding:20px}.devices-chart--loading,.devices-chart--empty{text-align:center;padding:40px;color:#6b7280}.devices-chart__stats{margin-top:20px;display:flex;flex-direction:column;gap:10px}.devices-chart__stat{display:flex;align-items:center;gap:10px;padding:10px;background:#f9fafb;border-radius:6px}.devices-chart__indicator{width:12px;height:12px;border-radius:50%}.devices-chart__label{flex:1;font-weight:500;color:#1f2937}.devices-chart__value{font-weight:600;color:#3b82f6}.devices-chart__percent{font-size:13px;color:#6b7280}.top-pages{padding:20px}.top-pages--loading,.top-pages--empty{text-align:center;padding:40px;color:#6b7280}.top-pages__table{width:100%;border-collapse:collapse}.top-pages__table thead{background:#f9fafb}.top-pages__table th{padding:10px;text-align:left;font-size:13px;font-weight:600;color:#6b7280;border-bottom:2px solid #e5e7eb}.top-pages__table td{padding:10px;font-size:14px;border-bottom:1px solid #e5e7eb}.top-pages__table tbody tr:hover{background:#f9fafb}.top-pages__path{font-family:Courier New,monospace;color:#3b82f6;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn--sm{padding:6px 12px;font-size:13px}@media (prefers-color-scheme: dark){.world-map,.devices-chart,.top-pages{background:#1f2937}.monitor-section__subtitle{color:#f9fafb}.world-map__stats,.world-map__legend,.devices-chart__percent,.top-pages__table th{color:#9ca3af}.world-map__stats strong,.world-map__top h4,.devices-chart__label,.top-pages__table td{color:#f9fafb}.world-map__top{border-top-color:#374151}.world-map__top li,.devices-chart__stat,.top-pages__table thead{background:#374151}.top-pages__table th,.top-pages__table td{border-bottom-color:#374151}.top-pages__table tbody tr:hover{background:#374151}}.personal-feed{min-height:100vh;padding:var(--space-xl) var(--space-lg);max-width:800px;margin:0 auto}.personal-feed__token-form{display:flex;flex-direction:column;gap:var(--space-lg);max-width:480px;margin:var(--space-2xl) auto;padding:var(--space-xl);background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.personal-feed__title{font-size:var(--font-size-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0}.personal-feed__subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.personal-feed__token-form form{display:flex;flex-direction:column;gap:var(--space-sm)}.personal-feed__token-input{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-base);color:var(--text-primary);background:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);outline:none;transition:border-color var(--transition-fast)}.personal-feed__token-input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-outline)}.personal-feed__token-submit{padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-base);font-weight:var(--font-semibold);color:#fff;background:var(--color-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.personal-feed__token-submit:hover:not(:disabled){background:var(--color-primary-dark)}.personal-feed__token-submit:disabled{opacity:.5;cursor:not-allowed}.personal-feed__token-error{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);color:var(--color-error);background:var(--color-error-light);border:1px solid var(--color-error);border-radius:var(--radius-md)}.personal-feed__token-hint{font-size:var(--font-size-sm);color:var(--text-muted);text-align:center;margin:0}.personal-feed__token-hint a{color:var(--color-primary);text-decoration:none}.personal-feed__token-hint a:hover{text-decoration:underline}.personal-feed__validating{display:flex;justify-content:center;align-items:center;min-height:60vh;color:var(--text-muted)}.personal-feed__expiry-warn{padding:var(--space-sm) var(--space-lg);background:color-mix(in oklab,var(--color-warning) 12%,transparent);border-bottom:1px solid color-mix(in oklab,var(--color-warning) 30%,transparent);color:var(--color-warning);font-size:var(--font-size-sm);font-weight:var(--font-medium);text-align:center}.personal-feed__top-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-sm)}.personal-feed__search{width:200px;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);color:var(--text-primary);background:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);outline:none;box-sizing:border-box;transition:border-color var(--transition-fast)}.personal-feed__search:focus{border-color:var(--color-primary);box-shadow:var(--shadow-outline)}.personal-feed__search-row{display:flex;align-items:center;gap:var(--space-sm)}.personal-feed__search-filters-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;color:var(--text-muted);background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast);position:relative}.personal-feed__search-filters-btn:hover{color:var(--text-primary);border-color:var(--color-primary)}.personal-feed__search-filters-btn--active{color:var(--color-primary);border-color:var(--color-primary);background:color-mix(in oklab,var(--color-primary) 8%,transparent)}.personal-feed__search-filters-dot{position:absolute;top:4px;right:4px;width:6px;height:6px;background:var(--color-primary);border-radius:var(--radius-full)}.personal-feed__filters-toggle{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm);font-weight:var(--font-medium);color:var(--text-secondary);background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast);position:relative}.personal-feed__filters-toggle:hover{color:var(--text-primary);border-color:var(--color-primary)}.personal-feed__filters-toggle--active{color:var(--color-primary);border-color:var(--color-primary);background:color-mix(in oklab,var(--color-primary) 8%,transparent)}.personal-feed__filters-dot{position:absolute;top:4px;right:4px;width:6px;height:6px;background:var(--color-primary);border-radius:var(--radius-full)}.personal-feed__search-filters{position:absolute;right:0;top:40px;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:10;white-space:nowrap}.personal-feed__filter-label{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);color:var(--text-secondary)}.personal-feed__filter-date{padding:2px var(--space-xs);font-size:var(--font-size-xs);color:var(--text-primary);background:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);outline:none;transition:border-color var(--transition-fast)}.personal-feed__filter-date:focus{border-color:var(--color-primary)}.personal-feed__filter-check{display:flex;align-items:center;gap:4px;font-size:var(--font-size-xs);color:var(--text-secondary);cursor:pointer}.personal-feed__filter-check input[type=checkbox]{cursor:pointer}.personal-feed__filter-apply,.personal-feed__filter-reset{padding:2px var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-medium);color:#fff;background:var(--color-primary);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast)}.personal-feed__filter-apply:hover,.personal-feed__filter-reset:hover{background:var(--color-primary-dark)}.personal-feed__filter-reset{background:var(--text-muted)}.personal-feed__filter-reset:hover{background:var(--text-secondary)}.personal-feed__digest{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;width:fit-content}.personal-feed__digest-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md)}.personal-feed__digest-title{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.personal-feed__digest-tabs{display:flex;gap:var(--space-xs)}.personal-feed__digest-tab{padding:2px var(--space-sm);font-size:var(--font-size-xs);color:var(--text-muted);background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.personal-feed__digest-tab--active{color:var(--color-primary);border-color:var(--color-primary)}.personal-feed__digest-toggle{display:flex;align-items:center;gap:var(--space-xs);padding:2px var(--space-sm);font-size:var(--font-size-xs);color:var(--text-secondary);background:transparent;border:none;cursor:pointer}.personal-feed__digest-count{font-weight:var(--font-semibold);color:var(--color-primary)}.personal-feed__digest-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--border-color)}.personal-feed__digest-item{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);border-bottom:1px solid var(--border-color)}.personal-feed__digest-item:last-child{border-bottom:none}.personal-feed__digest-link{flex:1;font-size:var(--font-size-sm);color:var(--text-primary);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color var(--transition-fast)}.personal-feed__digest-link:hover{color:var(--color-primary)}.personal-feed__digest-meta{flex-shrink:0;font-size:var(--font-size-xs);color:var(--text-muted)}.personal-feed__bookmarks{padding:var(--space-md) var(--space-lg);max-width:780px;margin:0 auto;width:100%;box-sizing:border-box}.personal-feed__bookmarks-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-sm)}.personal-feed__bookmark-item{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:2px var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:box-shadow var(--transition-fast)}.personal-feed__bookmark-item:hover{box-shadow:var(--shadow-sm)}.personal-feed__bookmark-link{grid-column:1;grid-row:1;font-size:var(--font-size-sm);font-weight:var(--font-medium);color:var(--text-primary);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color var(--transition-fast)}.personal-feed__bookmark-link:hover{color:var(--color-primary)}.personal-feed__bookmark-meta{grid-column:1;grid-row:2;display:flex;gap:var(--space-sm);font-size:var(--font-size-xs);color:var(--text-muted)}.personal-feed__bookmark-remove{grid-column:2;grid-row:1 / 3;align-self:center;padding:2px var(--space-xs);font-size:var(--font-size-xs);color:var(--text-muted);background:transparent;border:none;cursor:pointer;transition:color var(--transition-fast)}.personal-feed__bookmark-remove:hover{color:var(--color-error)}.personal-feed__bookmark-count{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:var(--font-bold);color:#fff;background:var(--color-primary);border-radius:var(--radius-full);margin-left:2px}@media (max-width: 768px){.personal-feed{padding:var(--space-md)}}.offline-banner{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-lg);width:100%;box-sizing:border-box;background:color-mix(in oklab,var(--color-warning, #f59e0b) 12%,transparent);border-bottom:1px solid color-mix(in oklab,var(--color-warning, #f59e0b) 30%,transparent);font-size:var(--font-size-sm);color:var(--text-secondary)}.offline-banner--info{background:color-mix(in oklab,var(--color-primary) 8%,transparent);border-bottom-color:color-mix(in oklab,var(--color-primary) 20%,transparent)}.social-aggregator__count{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm);color:var(--text-muted);margin:0 0 var(--space-md)}.social-blocked-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:10;padding:var(--space-lg);background:rgba(var(--color-primary-rgb),.08);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.social-blocked-overlay__card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;padding:var(--space-xl) 3rem;max-width:420px;width:100%;text-align:center;box-shadow:var(--shadow-lg);animation:blocked-card-in .3s ease}@keyframes blocked-card-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.social-blocked-overlay__icon{font-size:3rem;line-height:1;margin-bottom:var(--space-md)}.social-blocked-overlay__title{font-size:var(--font-size-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-sm)}.social-blocked-overlay__text{font-size:var(--font-size-base);color:var(--text-secondary);line-height:1.6;margin:0 0 var(--space-lg)}.social-blocked-overlay__retry{display:inline-flex;align-items:center;padding:var(--space-sm) var(--space-xl);font-size:var(--font-size-sm);font-weight:var(--font-medium);color:#fff;background:var(--color-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.social-blocked-overlay__retry:hover{background:var(--color-primary-dark)}@media (max-width: 768px){.social-blocked-overlay__card{padding:var(--space-xl) var(--space-lg)}}.social-novpn-bar{position:relative;bottom:3px;display:flex;justify-content:center;padding:var(--space-sm) var(--space-lg) 0}.social-novpn-bar__inner{width:780px;max-width:780px;flex-shrink:0;display:flex;justify-content:flex-end;align-items:center;gap:var(--space-xs);position:relative}.social-novpn-bar__btn{background:rgba(var(--color-primary-rgb),.25);flex-shrink:0}.social-novpn-bar__btn:hover:not(:disabled){background:#1a8fc7!important}.social-novpn-bar__btn--yt:hover,.social-novpn-bar__btn--yt-active{background:red!important}.social-novpn-bar__info{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md);font-size:var(--font-size-sm);color:var(--text-secondary);pointer-events:none;white-space:nowrap}.social-novpn-bar__badge{display:inline-flex;align-items:center;padding:2px var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-bold);color:#fff;background:#2ca5e0;border-radius:var(--radius-sm);letter-spacing:.03em;flex-shrink:0}.social-novpn-bar__badge--yt{background:red}@media (max-width: 768px){.social-novpn-bar{padding:var(--space-sm) var(--space-md) 0}.social-novpn-bar__inner{width:100%;max-width:100%;justify-content:space-between}.social-novpn-bar__info{position:static;transform:none;flex:1;justify-content:center;font-size:var(--font-size-xs);white-space:normal;text-align:center;box-shadow:none;border:none;background:transparent;padding:0 var(--space-xs)}}.subscription-manager__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.subscription-manager__toggle-all{padding:2px var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-medium);color:var(--color-primary);background:transparent;border:1px solid var(--color-primary);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);white-space:nowrap}.subscription-manager__toggle-all:hover{background:var(--color-primary);color:#fff}.subscription-manager__tabs{display:flex;gap:var(--space-xs);padding:var(--space-xs);background:var(--bg-secondary);border-radius:var(--radius-md)}.subscription-manager__tab{flex:1;padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm);font-weight:var(--font-medium);color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);white-space:nowrap}.subscription-manager__tab:hover{color:var(--text-primary)}.subscription-manager__tab--active{color:var(--text-primary);background:var(--card-bg);box-shadow:var(--shadow-sm)}.subscription-gate{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:color-mix(in oklab,var(--color-primary) 5%,transparent);border-top:1px dashed var(--border-color);flex-wrap:wrap}.subscription-gate__lock{display:flex;align-items:center;justify-content:center;color:var(--text-muted);flex-shrink:0}.subscription-gate__text{flex:1;font-size:var(--font-size-xs);color:var(--text-muted);min-width:0}.subscription-gate__btn{flex-shrink:0;padding:3px var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-medium);color:var(--color-primary);background:transparent;border:1px solid var(--color-primary);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);white-space:nowrap}.subscription-gate__btn:hover{background:var(--color-primary);color:#fff}.zone-l__page-toggle{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-md)}.zone-l__page-toggle-info{display:flex;align-items:center;gap:var(--space-md)}.zone-l__page-toggle-label{font-size:var(--font-size-sm);font-weight:var(--font-medium);color:var(--text-primary)}.zone-l__collect-telegram{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md)}.zone-l__collect-result{font-size:var(--font-size-sm);font-weight:var(--font-medium)}.zone-l__collect-result--ok{color:var(--color-success, #22c55e)}.zone-l__collect-result--error{color:var(--color-error)}.telegram-page{min-height:100vh}.telegram-page__header{padding:var(--space-xl) var(--space-lg);background:var(--card-bg);border-bottom:1px solid var(--border-color)}.telegram-page__header-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:var(--space-md)}.telegram-page__title{font-size:var(--font-size-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0}.telegram-page__subtitle{font-size:var(--font-size-sm);color:var(--text-muted);margin:var(--space-xs) 0 0}.telegram-page__loading{display:flex;justify-content:center;align-items:center;min-height:40vh;color:var(--text-muted)}.telegram-page__wip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);min-height:60vh;color:var(--text-muted);text-align:center;padding:var(--space-xl)}.telegram-page__wip-title{font-size:var(--font-size-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0}.telegram-page__wip-text{font-size:var(--font-size-base);color:var(--text-muted);margin:0}.telegram-channel-page{min-height:100vh}.telegram-page .floating-btn--contact,.telegram-channel-page .floating-btn--contact{top:170px}.telegram-page .floating-btn--contact.floating-btn--active,.telegram-channel-page .floating-btn--contact.floating-btn--active{top:55px}.telegram-preview{max-width:1200px;margin:0 auto;padding:var(--space-xl) var(--space-lg)}.telegram-preview__title{font-size:var(--font-size-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-lg)}.telegram-preview__loading,.telegram-preview__empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-xl) 0;color:var(--text-muted);text-align:center}.telegram-preview__empty-hint{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:var(--space-xs)}.telegram-preview__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.telegram-preview-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow var(--transition-fast)}.telegram-preview-card:hover{box-shadow:var(--shadow-md)}.telegram-preview-card__image-wrap{width:100%;height:100px;overflow:hidden;background:var(--bg-secondary)}.telegram-preview-card__image{width:100%;height:100%;object-fit:cover}.telegram-preview-card__content{padding:var(--space-md)}.telegram-preview-card__channel{display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-medium);color:var(--color-primary);margin-bottom:var(--space-xs)}.telegram-preview-card__title{font-size:var(--font-size-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-sm);line-height:1.4}.telegram-preview-card__description{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5;margin:0 0 var(--space-md)}.telegram-preview-card__cta{width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);font-weight:var(--font-semibold);color:var(--color-primary);background:transparent;border:1px solid var(--color-primary);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.telegram-preview-card__cta:hover{background:var(--color-primary);color:#fff}.telegram-paywall{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-xl);margin-top:var(--space-xl)}.telegram-paywall__content{max-width:500px;margin:0 auto;text-align:center}.telegram-paywall__title{font-size:var(--font-size-lg);font-weight:var(--font-bold);color:var(--text-primary);margin:var(--space-md) 0 var(--space-sm)}.telegram-paywall__description{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5;margin:0 0 var(--space-lg)}.telegram-paywall__link{display:inline-flex;align-items:center;gap:var(--space-xs);margin-top:var(--space-md);padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm);font-weight:var(--font-medium);color:var(--text-primary);background:var(--bg-secondary);border-radius:var(--radius-md);text-decoration:none;transition:background var(--transition-fast)}.telegram-paywall__link:hover{background:var(--bg-hover)}.telegram-auth-form{margin:var(--space-lg) 0}.telegram-auth-form__field{display:flex;gap:var(--space-sm)}.telegram-auth-form__input{flex:1;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);color:var(--text-primary);background:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);outline:none;transition:border-color var(--transition-fast)}.telegram-auth-form__input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-outline)}.telegram-auth-form__submit{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm);font-weight:var(--font-semibold);color:#fff;background:var(--color-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);white-space:nowrap}.telegram-auth-form__submit:hover:not(:disabled){background:var(--color-primary-dark)}.telegram-auth-form__submit:disabled{opacity:.5;cursor:not-allowed}.telegram-auth-form__error{display:flex;align-items:center;gap:var(--space-xs);margin-top:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-error)}.telegram-feed-section{max-width:1200px;margin:0 auto;padding:var(--space-xl) var(--space-lg)}.telegram-feed-section__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.telegram-feed-section__title{font-size:var(--font-size-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.telegram-feed-section__logout{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm);color:var(--text-muted);background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.telegram-feed-section__logout:hover{color:var(--color-error);border-color:var(--color-error)}.telegram-feed__loading,.telegram-feed__empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-xl) 0;color:var(--text-muted)}.telegram-feed__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-lg)}.telegram-feed__load-more{display:flex;justify-content:center;margin-top:var(--space-xl)}.telegram-feed__load-more-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-xl);font-size:var(--font-size-sm);font-weight:var(--font-medium);color:var(--text-primary);background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.telegram-feed__load-more-btn:hover:not(:disabled){background:var(--bg-hover)}.telegram-feed__load-more-btn:disabled{opacity:.5;cursor:not-allowed}.telegram-article-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow var(--transition-fast)}.telegram-article-card:hover{box-shadow:var(--shadow-md)}.telegram-article-card__image-wrap{width:100%;height:200px;overflow:hidden;background:var(--bg-secondary)}.telegram-article-card__image{width:100%;height:100%;object-fit:cover}.telegram-article-card__content{padding:var(--space-md)}.telegram-article-card__meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.telegram-article-card__channel{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);font-weight:var(--font-medium);color:var(--color-primary)}.telegram-article-card__time{font-size:var(--font-size-xs);color:var(--text-muted)}.telegram-article-card__title{font-size:var(--font-size-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-sm);line-height:1.4;cursor:pointer;transition:color var(--transition-fast)}.telegram-article-card__title:hover{color:var(--color-primary)}.telegram-article-card__description{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5;margin:0 0 var(--space-md)}.telegram-article-card__link{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm);font-weight:var(--font-medium);color:var(--color-primary);text-decoration:none;transition:gap var(--transition-fast)}.telegram-article-card__link:hover{gap:var(--space-sm)}.tg-channel-card-container{display:flex;justify-content:center;animation:tg-card-in .2s ease}@keyframes tg-card-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.tg-channel-card{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-md) var(--space-lg);background:rgba(var(--color-primary-rgb),.17);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:780px;max-width:780px}.tg-channel-card__logo-wrap{flex-shrink:0;width:64px;height:64px;border-radius:50%;overflow:hidden;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center}.tg-channel-card__logo{width:100%;height:100%;object-fit:cover}.tg-channel-card__logo-fallback{color:#2ca5e0;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.tg-channel-card__body{flex:1;min-width:0}.tg-channel-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-xs)}.tg-channel-card__actions{display:flex;flex-direction:column;gap:calc(var(--space-xs) + 10px);flex-shrink:0}.tg-channel-card__name{font-size:var(--font-size-lg);font-weight:var(--font-bold);color:var(--text-primary)}.tg-channel-card__link{flex-shrink:0;display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm);font-weight:var(--font-medium);color:#fff;background:#2ca5e0;border-radius:var(--radius-md);text-decoration:none;transition:background var(--transition-fast)}.tg-channel-card__link:hover{background:#1a8fc7}.tg-channel-card__meta{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:0}.tg-channel-card__username{color:var(--color-primary);font-size:var(--font-size-sm)}.tg-channel-card__name-row{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.tg-channel-card__dot{opacity:.4}.tg-channel-card__desc{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tg-channel-card__desc--expanded{display:block;overflow:visible}.tg-channel-card__expand{margin-top:var(--space-xs);font-size:var(--font-size-xs);color:var(--color-primary);background:none;border:none;cursor:pointer;padding:0}.tg-channel-card__expand:hover{text-decoration:underline}.tg-embed__post{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);background:var(--card-bg);border-radius:var(--radius-md)}.tg-embed__post-header{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.tg-embed__post-author{font-size:var(--font-size-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.tg-embed__post-date{font-size:var(--font-size-xs);color:var(--text-muted);margin-left:auto}.tg-embed__post-image{width:100%;max-height:400px;object-fit:cover;border-radius:var(--radius-sm);display:block}.tg-embed__post-video{width:100%;max-height:400px;border-radius:var(--radius-sm);display:block;background:#000}.tg-embed__post-text{font-size:var(--font-size-sm);color:var(--text-primary);line-height:1.6;margin:0;white-space:pre-wrap;word-break:break-word}.tg-embed__post-link{font-size:var(--font-size-sm);color:var(--color-primary);text-decoration:none;align-self:flex-start}.tg-embed__post-link:hover{text-decoration:underline}.tg-embed__error{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-xl);color:var(--text-muted);text-align:center;font-size:var(--font-size-sm)}.tg-embed__error a{color:var(--color-primary);text-decoration:none}.tg-embed__error a:hover{text-decoration:underline}.yt-embed__title{font-weight:var(--font-semibold)}.yt-embed__description{color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.tg-embed__wrap{position:relative;min-height:160px;width:100%}.tg-embed__preloader{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);background:var(--bg-primary);z-index:2;min-height:160px}.tg-embed__spin{width:36px;height:36px;border:3px solid var(--border-color);border-top-color:#2ca5e0;border-radius:50%;animation:tg-spin .8s linear infinite}@keyframes tg-spin{to{transform:rotate(360deg)}}.tg-embed__spin-label{font-size:var(--font-size-sm);color:var(--text-muted)}.tg-embed__row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-sm)}.tg-embed__trigger{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm);font-weight:var(--font-medium);color:#fff;background:#2ca5e0;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.tg-embed__trigger:hover{background:#1a8fc7}.tg-embed__trigger--active{background:var(--bg-secondary);color:var(--text-muted);border:1px solid var(--border-color)}.tg-embed__media-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm);color:var(--text-muted);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.tg-embed__container{width:100%;min-height:80px;margin-top:var(--space-xs);overflow:hidden}.tg-embed__container iframe{border-radius:var(--radius-md);max-width:100%!important;display:block}.tg-embed__container--loading{visibility:hidden;height:0;min-height:0;overflow:hidden}.tg-embed__wrapper{position:relative;width:100%;margin-top:var(--space-xs);min-height:120px}.bp-modal .tg-embed__wrapper{min-height:200px}.tg-embed__loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);min-height:120px}.bp-modal .tg-embed__loader{min-height:200px}.tg-embed__spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:#2ca5e0;border-radius:50%;animation:tg-spin .7s linear infinite}.tg-embed__loader-text{font-size:var(--font-size-sm);color:var(--text-muted);margin:0}.tg-embed__actions{display:flex;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-sm)}.tg-embed__action-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);min-height:24px;padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm);font-weight:var(--font-medium);border-radius:var(--radius-md);cursor:pointer;text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);white-space:nowrap}.tg-embed__action-btn--secondary{color:var(--text-secondary);background:#fff;border:1px solid var(--border-color)}.tg-embed__action-btn--secondary:hover{color:#fff;background:var(--color-primary);border-color:var(--text-muted)}.tg-embed__action-btn--primary{color:#fff;background:var(--color-primary);border:1px solid transparent;text-decoration:none}.tg-embed__action-btn--primary:hover{background:var(--color-primary-dark);color:#fff}.telegram-channel-picker{display:flex;flex-direction:column;gap:var(--space-sm)}.telegram-channel-picker__list{list-style:none;margin:0;padding:0;max-height:calc(100vh - 280px);overflow-y:auto;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--card-bg)}.telegram-channel-picker__item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);gap:var(--space-md);border-bottom:1px solid var(--border-color);transition:background var(--transition-fast)}.telegram-channel-picker__item:last-child{border-bottom:none}.telegram-channel-picker__item:hover{background:var(--bg-hover)}.telegram-channel-picker__item--selected{background:var(--color-primary-alpha)}.telegram-channel-picker__item--selected:hover{background:color-mix(in oklab,var(--color-primary) 20%,transparent)}.telegram-channel-picker__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-sm);color:var(--text-primary);background:none;border:none;padding:0;text-align:left;cursor:pointer;transition:color var(--transition-fast)}.telegram-channel-picker__name:hover,.telegram-channel-picker__name--clickable:hover{color:var(--color-primary)}.telegram-novpn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:linear-gradient(90deg,rgba(var(--color-primary-rgb),.08),rgba(var(--color-primary-rgb),.04));border-bottom:1px solid rgba(var(--color-primary-rgb),.15);font-size:var(--font-size-sm);color:var(--text-secondary)}.telegram-novpn__badge{display:inline-flex;align-items:center;padding:2px var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-bold);color:#fff;background:#2ca5e0;border-radius:var(--radius-sm);letter-spacing:.03em;flex-shrink:0}@media (max-width: 768px){.telegram-preview__grid,.telegram-feed__grid{grid-template-columns:1fr}.telegram-preview,.telegram-feed-section{padding:var(--space-md)}.telegram-auth-form__field{flex-direction:column}.telegram-auth-form__submit{width:100%;justify-content:center}.tg-channel-card{flex-direction:column;align-items:flex-start;width:100%;max-width:100%}.tg-channel-card__header{flex-wrap:wrap}.tg-channel-card__actions{width:100%}.tg-channel-card__link,.tg-channel-card__actions .tg-embed__action-btn{width:100%;justify-content:center}.tg-embed__media-badge{display:none}.tg-embed__container{display:flex;justify-content:center}.tg-embed__container iframe{max-width:calc(100vw - var(--space-md) * 2)!important;width:calc(100vw - var(--space-md) * 2)!important}}.yt-embed__wrap{position:relative;width:100%;min-height:160px;margin-top:var(--space-xs)}.yt-embed__channel-logo{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.yt-embed__title{font-weight:var(--font-semibold);font-size:var(--font-size-base);margin-bottom:var(--space-xs)}.yt-embed__description{font-size:var(--font-size-sm);color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.yt-embed__quality-info{margin-top:var(--space-xs);padding:var(--space-xs) 0;border-top:1px solid var(--border-color)}.yt-embed__quality-text{font-size:var(--font-size-xs);color:var(--text-muted);font-style:italic}.yt-player{position:relative;width:100%;background:#000;border-radius:var(--radius-md);overflow:hidden;margin:var(--space-sm) 0}.yt-player--fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;border-radius:0;margin:0}.yt-player__video{width:100%;height:auto;display:block;cursor:pointer}.yt-player--fullscreen .yt-player__video{height:100vh;object-fit:contain}.yt-player__loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;pointer-events:none}.yt-player__placeholder{position:relative;width:100%;padding-bottom:56.25%;background:#000;border-radius:var(--radius-md);overflow:hidden;margin:var(--space-sm) 0}.yt-player__placeholder .yt-player__loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.yt-player__controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);color:#fff;padding:var(--space-md);opacity:0;transition:opacity .3s ease;pointer-events:none}.yt-player__controls--visible,.yt-player:hover .yt-player__controls{opacity:1;pointer-events:all}.yt-player__progress{width:100%;height:4px;background:#ffffff4d;border-radius:2px;margin-bottom:var(--space-sm);cursor:pointer;position:relative}.yt-player__progress-filled{height:100%;background:var(--color-primary);border-radius:2px;transition:width .1s ease;pointer-events:none}.yt-player__progress:hover{height:6px}.yt-player__progress-tooltip{position:absolute;bottom:calc(100% + 8px);transform:translate(-50%);background:#000000e6;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;pointer-events:none;z-index:10}.yt-player__progress-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#000000e6}.yt-player__controls-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.yt-player__controls-left,.yt-player__controls-right{display:flex;align-items:center;gap:var(--space-sm)}.yt-player__btn{background:none;border:none;color:#fff;font-size:16px;cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);transition:background .2s ease;display:flex;align-items:center;justify-content:center;gap:4px;min-width:32px;height:32px}.yt-player__btn svg{flex-shrink:0}.yt-player__btn:hover{background:#fff3}.yt-player__volume{width:60px;height:4px;background:#ffffff4d;border-radius:2px;outline:none;cursor:pointer}.yt-player__volume::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer}.yt-player__volume::-moz-range-thumb{width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer;border:none}.yt-player__time{font-size:var(--font-size-sm);color:#fff;white-space:nowrap}.yt-player__menu{position:relative}.yt-player__dropdown{position:absolute;bottom:100%;right:0;background:#000000e6;border-radius:var(--radius-sm);padding:var(--space-xs);margin-bottom:var(--space-xs);min-width:100px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.yt-player__dropdown-item{display:block;width:100%;background:none;border:none;color:#fff;padding:var(--space-xs) var(--space-sm);text-align:left;cursor:pointer;border-radius:var(--radius-xs);font-size:var(--font-size-sm);transition:background .2s ease}.yt-player__dropdown-item:hover{background:#fff3}.yt-player__dropdown-item.active{background:var(--color-primary);color:#fff}@media (max-width: 768px){.yt-player__controls{padding:var(--space-sm)}.yt-player__controls-row{gap:var(--space-xs)}.yt-player__volume{width:40px}.yt-player__time{font-size:var(--font-size-xs)}.yt-player__btn{min-width:28px;height:28px;font-size:14px}}[data-theme=dark] .yt-player__dropdown{background:#141414f2}[data-theme=dark] .yt-player__dropdown-item.active{background:var(--color-primary)}.yt-channel-card__logo-fallback{color:red}.yt-channel-card__link{flex-shrink:0;display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm);font-weight:var(--font-medium);color:#fff;background:red;border-radius:var(--radius-md);text-decoration:none;transition:background var(--transition-fast)}.yt-channel-card__link:hover{background:#c00}.youtube-channel-picker__item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);gap:var(--space-md);border-bottom:1px solid var(--border-color);transition:background var(--transition-fast)}.youtube-channel-picker__item:last-child{border-bottom:none}.youtube-channel-picker__item:hover{background:var(--bg-hover)}.youtube-channel-picker__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-sm);color:var(--text-primary);background:none;border:none;padding:0;text-align:left;cursor:pointer;transition:color var(--transition-fast)}.youtube-channel-picker__name:hover{color:var(--color-primary)}.youtube-channel-picker__name--clickable{cursor:pointer}.youtube-channel-picker__name--clickable:hover{color:var(--color-primary)}.youtube-page__maintenance{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:3rem;text-align:center}.youtube-page__maintenance__icon{color:var(--accent-primary);margin-bottom:1.5rem}.youtube-page__maintenance__title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.youtube-page__maintenance__text{font-size:1rem;color:var(--text-muted);margin:.25rem 0}.news-aggregator{position:relative;display:flex;flex-direction:column;flex:1}.news-aggregator__body{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;flex:1;padding:0 var(--space-lg)}.news-aggregator__feed{width:780px;max-width:780px;flex-shrink:0;padding:5px 0 0;position:relative}.news-feed__skeleton-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background:var(--bg-primary, var(--card-bg));border-radius:var(--radius-lg);overflow:hidden;padding:var(--space-md);animation:feed-skeleton-in .15s ease both}.news-feed__skeletons{display:flex;flex-direction:column}.news-feed__pending-skeletons{display:flex;flex-direction:column;animation:feed-skeleton-in .2s ease both;position:relative}.news-feed__pending-overlay{position:absolute;left:0;right:0;z-index:4;padding:0 var(--space-xs);pointer-events:none;overflow:hidden}.news-feed__virtual-pending{position:relative;z-index:2;margin-bottom:var(--space-xs)}@keyframes feed-skeleton-in{0%{opacity:0}to{opacity:1}}.news-popular__trigger{position:absolute;top:55px;right:calc(-48px - var(--space-2));width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;background:rgba(var(--color-primary-rgb),.25);border:none;border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-md);transition:background var(--transition-fast),opacity var(--transition-fast);z-index:10}.news-popular__trigger--liked{top:103px}.news-popular__trigger:hover,.news-popular__trigger--active,.news-popular__trigger--liked.news-popular__trigger--active{background:var(--color-primary)}.news-card--liked{border-color:var(--color-success);background:color-mix(in oklab,var(--color-success) 5%,var(--card-bg))}.news-feed__connection{position:relative;display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-3);padding:0 var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-secondary);-webkit-user-select:none;user-select:none}.news-feed__connection-bulb{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 1px #0000001f;transition:background .2s ease,box-shadow .2s ease}.news-feed__connection--online .news-feed__connection-bulb{background:#16a34a;box-shadow:0 0 10px #16a34a8c,0 0 0 1px #16a34a59}.news-feed__connection--offline .news-feed__connection-bulb{background:#ffe000fc;box-shadow:0 0 10px #ca8a0473,0 0 0 1px #ca8a0459}.news-feed__connection-label{line-height:1.2}.news-feed__updated{min-height:1.5em;margin:0 0 var(--space-2);padding:0 var(--space-2);font-size:var(--text-xs);color:var(--text-muted);text-align:right}.news-feed__load-more{display:flex;justify-content:center;padding:var(--space-4) 0}.pwa-update-toast{position:fixed;bottom:var(--space-4);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-primary);color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:var(--text-sm);z-index:2000;animation:toast-in .2s ease}.pwa-update-toast__btn{padding:var(--space-1) var(--space-3);background:#fff;color:var(--color-primary);border:none;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:opacity var(--transition-fast)}.pwa-update-toast__btn:hover{opacity:.85}.pwa-update-toast__dismiss{background:none;border:none;color:#ffffffbf;cursor:pointer;font-size:var(--text-sm);padding:0 var(--space-1);line-height:1}.pwa-update-toast__dismiss:hover{color:#fff}.news-popular{margin-bottom:var(--space-4);border:1px solid var(--color-warning);border-radius:var(--radius-lg);background:var(--card-bg);overflow:hidden}.news-popular__header{padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border-color);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.news-popular__list{display:flex;flex-direction:column}.news-popular__item{border-bottom:1px solid var(--border-color)}.news-popular__item:last-child{border-bottom:none}.news-popular__empty{padding:var(--space-4);text-align:center;color:var(--text-muted);font-size:var(--text-sm)}.news-feed__new-toast{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-4);margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:#fff;background:rgba(var(--color-primary-rgb),.25);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast);animation:toast-in .2s ease}.news-feed__new-toast:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.news-feed__new-toast-count{font-size:var(--text-sm);font-weight:var(--font-bold);line-height:1}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.news-aggregator__sidebar-tab{position:fixed;top:119px;right:-1px;z-index:1001;transition:right .3s ease-out}.news-aggregator__sidebar-tab--open{right:319px}.news-aggregator__sidebar-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(var(--color-primary-rgb),.25);color:#fff;border:none;border-radius:var(--radius-md) 0 0 var(--radius-md);cursor:pointer;box-shadow:-3px 0 10px #0000001f;transition:background var(--transition-fast)}.news-aggregator__sidebar-btn:hover,.news-aggregator__sidebar-tab--open .news-aggregator__sidebar-btn{background:var(--color-primary)}.news-aggregator__sidebar{position:fixed;top:64px;bottom:0;right:-320px;width:320px;background:var(--bg-secondary);border-left:1px solid var(--border-color);transition:right .3s ease-out;overflow-y:auto;padding:var(--space-lg);z-index:1001}.news-aggregator__sidebar--open{right:0}.news-aggregator__sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-color)}.news-aggregator__sidebar-title{font-size:var(--font-size-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.news-pagination{position:absolute;right:calc(50% - 446px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:stretch;gap:var(--space-1);width:40px}.news-pagination__back{position:absolute;right:calc(50% - 446px);top:var(--space-xl);width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;background:rgba(var(--color-primary-rgb),.25);border:none;border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-md);transition:background var(--transition-fast);z-index:10}.news-pagination__back:hover{background:var(--color-primary-dark)}.news-pagination__btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#fff;background:var(--color-primary);border:none;border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-md);transition:background var(--transition-fast),opacity var(--transition-fast)}.news-pagination__btn:hover:not(:disabled){background:var(--color-primary-dark)}.news-pagination__btn:disabled{opacity:.3;cursor:not-allowed}.news-pagination__fast{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;background:var(--color-primary);border:none;border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-md);transition:background var(--transition-fast),opacity var(--transition-fast);opacity:.7}.news-pagination__fast:hover{background:var(--color-primary-dark);opacity:1}.news-pagination__fast--hidden{opacity:0;pointer-events:none}.news-pagination__fast-arrows{display:flex;flex-direction:column;align-items:center;gap:0;line-height:1}.news-pagination__fast-arrows span{font-size:.75rem;display:block;line-height:.8}.news-pagination__fast--up .news-pagination__fast-arrows span:first-child{opacity:.6}.news-pagination__fast--down .news-pagination__fast-arrows span:last-child{opacity:.6}.news-pagination__counter{position:relative}.news-pagination__info{width:40px;height:28px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;padding:0;position:relative;transition:border-color var(--transition-fast),background var(--transition-fast)}.news-pagination__info:hover{border-color:var(--color-primary);background:var(--color-primary-bg)}.news-pagination__info-text{font-size:var(--font-size-xs);color:var(--text-muted);white-space:nowrap;pointer-events:none}.news-pagination__popup{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--card-bg);border:1px solid var(--color-primary);border-radius:8px;box-shadow:var(--shadow-lg);padding:10px 14px;color:var(--text-primary);white-space:normal;max-width:min(280px,85vw);min-width:max-content;display:flex;flex-direction:column;align-items:flex-start;gap:8px;z-index:10;pointer-events:none;animation:pagination-popup-in .15s ease}.news-pagination__popup-main{font-size:1.25rem;font-weight:700;white-space:nowrap;align-self:center}.news-pagination__popup-more{margin:0;font-size:var(--font-size-xs);font-weight:var(--font-normal);color:var(--text-muted);line-height:1.35}@keyframes pagination-popup-in{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.news-aggregator__trending-tab{position:absolute;top:55px;left:-1px;z-index:101;transition:left .3s ease-out}.news-aggregator__trending-tab--open{left:319px}.news-aggregator__trending-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(var(--color-primary-rgb),.25);color:#fff;border:none;border-radius:0 var(--radius-md) var(--radius-md) 0;cursor:pointer;box-shadow:3px 0 10px #0000001f;transition:background var(--transition-fast),opacity var(--transition-fast);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.news-aggregator__trending-btn:hover,.news-aggregator__trending-tab--open .news-aggregator__trending-btn{background:var(--color-primary)}.news-aggregator__trending{position:absolute;top:0;left:-320px;width:320px;height:100%;background:var(--bg-secondary);border-right:1px solid var(--border-color);transition:left .3s ease-out;overflow-y:auto;padding:var(--space-lg);z-index:101}.news-aggregator__trending--open{left:0}.trending__tabs{display:flex;gap:var(--space-xs);margin-bottom:var(--space-md);flex-wrap:wrap}.trending__tab{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-medium);background:var(--bg-alt);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.trending__tab--active{background:var(--color-primary-bg);border-color:var(--color-primary-light);color:var(--color-primary)}.trending__body{flex:1}.trending__table{width:100%;border-collapse:collapse}.trending__row{border-bottom:1px solid var(--border-color)}.trending__row:last-child{border-bottom:none}.trending__num{width:24px;font-size:var(--font-size-xs);color:var(--text-muted);padding:var(--space-sm) var(--space-xs) var(--space-sm) 0;text-align:right;vertical-align:middle}.trending__name{padding:var(--space-sm) var(--space-xs);vertical-align:middle}.trending__link{font-size:var(--font-size-sm);font-weight:var(--font-medium);color:var(--text-primary);text-decoration:none;transition:color var(--transition-fast)}.trending__link:hover{color:var(--color-primary)}.trending__count{font-size:var(--font-size-xs);color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;padding:var(--space-sm) var(--space-xs);vertical-align:middle;text-align:right}.trending__bar-cell{width:60px;padding:var(--space-sm) 0 var(--space-sm) var(--space-xs);vertical-align:middle}.trending__bar-wrap{height:6px;background:var(--bg-alt);border-radius:var(--radius-full);overflow:hidden}.trending__bar{height:100%;background:var(--color-primary);border-radius:var(--radius-full);transition:width .3s ease}.trending__skeleton{display:flex;flex-direction:column;gap:var(--space-sm)}.trending__skeleton-row{height:32px;background:var(--bg-alt);border-radius:var(--radius-sm);animation:trending-pulse 1.2s ease-in-out infinite alternate}@keyframes trending-pulse{0%{opacity:.4}to{opacity:.8}}.trending__empty{font-size:var(--font-size-sm);color:var(--text-muted);text-align:center;padding:var(--space-xl) 0;margin:0}.trending__footer{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--border-color);font-size:var(--font-size-xs);color:var(--text-muted);text-align:center}.news-aggregator__weather-tab{position:absolute;top:103px;left:-1px;z-index:101;transition:left .3s ease-out}.news-aggregator__weather-tab--open{left:319px}.news-aggregator__weather-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(var(--color-primary-rgb),.25);color:#fff;border:none;border-radius:0 var(--radius-md) var(--radius-md) 0;cursor:pointer;box-shadow:3px 0 10px #0000001f;transition:background var(--transition-fast);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.news-aggregator__weather-btn:hover,.news-aggregator__weather-tab--open .news-aggregator__weather-btn{background:var(--color-primary)}@media (max-width: 768px){.news-aggregator__weather-tab{position:fixed;top:auto;bottom:57px;left:3px;z-index:1001}.news-aggregator__weather-tab--open{left:6px}.news-aggregator__weather-btn{width:42px;height:42px;border-radius:50%;box-shadow:0 4px 16px #0003}}.entity-page{display:flex;flex:1;background:rgba(var(--color-primary-rgb),.17)}.entity-page__wrap{width:780px;max-width:780px;margin:0 auto;padding:var(--space-xl) var(--space-lg)}.entity-page__header{margin-bottom:var(--space-lg)}.entity-page__back{font-size:var(--font-size-sm);color:var(--color-primary);text-decoration:none;display:inline-block;margin-bottom:var(--space-sm)}.entity-page__back:hover{text-decoration:underline}.entity-page__title{font-size:1.4rem;font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-xs)}.entity-page__title span{color:var(--color-primary)}.entity-page__count{font-size:var(--font-size-sm);color:var(--text-muted);margin:0}.entity-page__center{display:flex;justify-content:center;padding:var(--space-xl) 0}.entity-page__empty{font-size:var(--font-size-sm);color:var(--text-muted);text-align:center;padding:var(--space-xl) 0}.entity-page__feed{display:flex;flex-direction:column;gap:var(--space-sm)}@media (max-width: 768px){.entity-page__wrap{width:100%;max-width:100%;padding:var(--space-md)}.news-aggregator__trending{width:100vw;left:-100vw;position:fixed;top:0;height:100dvh;z-index:1000}.news-aggregator__trending--open{left:0}.news-aggregator__trending-tab{position:fixed;top:auto;bottom:9px;left:3px;z-index:1001}.news-aggregator__trending-tab--open{left:6px}.news-aggregator__trending-btn{width:42px;height:42px;border-radius:50%;box-shadow:0 4px 16px #0003}}@media (max-width: 768px){.news-aggregator__body{flex-direction:column;padding:0}.news-aggregator__feed{width:100%;padding:var(--space-md)}.news-aggregator__sidebar{width:100vw;right:-100vw;position:fixed;top:0;height:100dvh;z-index:1000}.news-aggregator__sidebar--open{right:0}.news-aggregator__sidebar-tab{position:fixed;top:auto;bottom:9px;right:3px;z-index:1001}.news-aggregator__sidebar-tab--open{right:6px}.news-aggregator__sidebar-btn{width:42px;height:42px;border-radius:50%;box-shadow:0 4px 16px #0003}.news-pagination{position:fixed;bottom:69px;right:6px;top:auto;transform:none;flex-direction:column;width:40px;padding:0;gap:var(--space-1);z-index:99}.news-pagination__back{position:fixed;bottom:calc(69px + 40px * 5 + var(--space-1) * 5 + var(--space-2));right:6px;top:auto}.news-pagination__btn{box-shadow:0 2px 8px #0003}.news-pagination__popup{left:auto;right:calc(100% + 8px);bottom:50%;transform:translateY(50%)}@keyframes pagination-popup-in{0%{opacity:0;transform:translateY(50%) translate(4px)}to{opacity:1;transform:translateY(50%) translate(0)}}}.news-detail{display:flex;flex:1;background:rgba(var(--color-primary-rgb),.17)}.news-detail__wrap{width:780px;max-width:780px;margin:0 auto;padding:var(--space-xl) var(--space-lg)}.news-detail__center{display:flex;align-items:center;justify-content:center;padding:var(--space-xl) 0}.news-detail__hero .news-card__title{font-size:1.35rem;margin-bottom:var(--space-sm)}.news-detail__description{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-normal);margin:0 0 var(--space-md);display:block;overflow:visible}.news-detail__actions{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin-top:var(--space-sm);align-items:center;justify-content:flex-start}.news-detail__actions .button{border-radius:var(--radius-md)}.news-detail__emotions{display:flex;align-items:center;margin-left:auto}.news-detail__emotions .article-reactions{padding:0}.news-detail__emotions .article-reactions__votes{display:none}.news-detail__emotions .article-reactions__chip{background:var(--bg-alt);border:1px solid var(--border-color);border-radius:var(--radius-md)}.news-detail__emotions .article-reactions__chip--neutral{width:44px;height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-alt);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:1.25rem;transition:background var(--transition-fast),border-color var(--transition-fast)}.news-detail__emotions .article-reactions__chip--neutral:hover{background:var(--color-primary-bg);border-color:var(--color-primary-light)}.news-detail__section-title{font-size:1.1rem;margin:var(--space-lg) 0 0 15px;padding:var(--space-sm) var(--space-md);background:var(--color-primary);color:#fff;border-radius:var(--radius-md) var(--radius-md) 0 0;border:1px solid var(--color-primary);border-bottom:none;display:inline-block}.news-detail__cluster-list{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-sm);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.news-detail__cluster-item{display:flex;flex-direction:column;gap:2px}.news-detail__cluster-link{font-size:var(--font-size-sm);color:var(--text-primary);text-decoration:none;line-height:var(--line-height-tight)}.news-detail__cluster-link:hover{color:var(--color-primary);text-decoration:underline}.news-detail__related-list .news-card{border-left:3px solid var(--color-warning);background:color-mix(in oklab,var(--color-warning) 4%,var(--card-bg))}.news-detail__related--other .news-card{border-left:3px solid var(--border-color);background:var(--card-bg)}@media (max-width: 768px){.news-detail__wrap{width:100%;max-width:100%;padding:var(--space-md)}}.about{min-height:100vh;padding:var(--space-16) var(--space-4) var(--space-12)}.about__container{max-width:780px;margin:0 auto;background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:var(--space-8) var(--space-8) var(--space-12);position:relative}.about__header{margin-bottom:var(--space-12);padding-bottom:var(--space-8);border-bottom:1px solid var(--border-color)}.about__header-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.about__title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0;line-height:var(--leading-tight)}.about__donate-btn{white-space:nowrap}.about__lead{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0}.about__section{margin-bottom:var(--space-10);padding-bottom:var(--space-10);border-bottom:1px solid var(--border-color);background:var(--color-primary-bg);padding:20px;border-radius:20px}.about__section:last-of-type{border-bottom:none;margin-bottom:0;padding:20px;border-radius:15px;background:var(--color-primary-bg)}.about__section--donate{scroll-margin-top:80px}.about__section-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-6)}.about__features{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.about__feature{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:border-color .2s ease}.about__feature:hover{border-color:var(--border-hover)}.about__feature-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;background:var(--bg-alt);border-radius:var(--radius-md);color:var(--color-primary)}.about__feature-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 2px}.about__feature-desc{font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-relaxed);margin:0}.about__sources{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.about__source{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md)}.about__source-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.about__source-note{font-size:var(--text-sm);color:var(--text-muted)}.about__tech{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.about__tech-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin:0 0 var(--space-3)}.about__tech-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.about__tag{font-size:var(--text-sm);color:var(--text-secondary);background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3)}.about__scroll-top-btn{position:absolute;right:calc(-48px - var(--space-2));bottom:120px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;background:rgba(var(--color-primary-rgb),.25);border:none;border-radius:50%;cursor:pointer;box-shadow:var(--shadow-md);transition:background var(--transition-fast);z-index:10}.about__scroll-top-btn:hover{background:var(--color-primary-dark)}@media (max-width: 900px){.about__scroll-top-btn{display:none}}.about__footer{padding-top:var(--space-6);border-top:1px solid var(--border-color);text-align:center;margin-top:var(--space-10)}.about__footer-text{font-size:var(--text-sm);color:var(--text-muted);margin:0}@media (max-width: 640px){.about{padding-top:var(--space-10)}.about__title{font-size:var(--text-2xl)}.about__header-top{align-items:flex-start}.about__container{padding:var(--space-5) var(--space-4) var(--space-8);border-radius:var(--radius-md)}.about__features,.about__sources,.about__tech{grid-template-columns:1fr}}.about__donate-text{margin:0 0 var(--space-4);color:var(--text-secondary);line-height:1.625}.about__donate-list{display:grid;grid-template-columns:1fr;gap:var(--space-3)}.about__donate-item{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-alt);padding:var(--space-3) var(--space-4)}.about__donate-item-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.about__donate-item-meta{display:flex;flex-direction:column;gap:2px}.about__donate-item-title{margin:0;color:var(--text-primary);font-weight:var(--font-semibold);font-size:var(--text-sm)}.about__donate-item-requisite{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.about__donate-item-value{flex:1;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary);background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);word-break:break-all;line-height:1.4}.about__donate-copy,.about__donate-qr-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.about__donate-copy:hover,.about__donate-qr-btn:hover{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-bg)}.about__donate-copy--done{color:var(--color-success);border-color:var(--color-success);background:var(--color-success-light)}.about__donate-qr{margin-top:var(--space-3);display:flex;justify-content:center;padding:var(--space-3);background:#fff;border-radius:var(--radius-md);border:1px solid var(--border-color)}.about__donate-item-note{margin:0;color:var(--text-muted);font-size:var(--text-sm)}.about__donate-item-link{display:inline-block;margin-top:var(--space-2);color:var(--color-primary);text-decoration:none;font-size:var(--text-sm);font-weight:var(--font-medium)}.about__donate-item-link:hover{text-decoration:underline}.about__donate-warning{margin:var(--space-3) 0 0;font-size:var(--text-sm);color:var(--color-warning);background:var(--color-warning-light);border:1px solid color-mix(in oklab,var(--color-warning) 35%,transparent);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3)}.about__donate-ym-form{display:flex;flex-direction:column;gap:var(--space-2)}.about__donate-ym-label{margin:0;font-size:var(--text-sm);color:var(--text-muted)}.about__donate-ym-presets{display:flex;gap:var(--space-2);flex-wrap:wrap}.about__donate-ym-preset{flex:1;min-width:56px;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.about__donate-ym-preset:hover{border-color:var(--color-primary);color:var(--color-primary)}.about__donate-ym-preset--active{background:var(--color-primary-bg);border-color:var(--color-primary);color:var(--color-primary)}.about__donate-ym-input{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-primary);background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);outline:none;box-sizing:border-box;transition:border-color var(--transition-fast)}.about__donate-ym-input:focus{border-color:var(--color-primary)}.about__donate-ym-pay{width:100%;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-semibold);color:#fff;background:var(--color-primary);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:opacity var(--transition-fast)}.about__donate-ym-pay:hover:not(:disabled){opacity:.88}.about__donate-ym-pay:disabled{opacity:.4;cursor:not-allowed}.sources{background:var(--bg-primary);min-height:100vh;padding:var(--space-16) var(--space-4) var(--space-12)}.sources__container{max-width:780px;margin:0 auto}.sources__header{margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--border-color)}.sources__title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-3);line-height:var(--leading-tight)}.sources__lead{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0}.sources__stats{display:flex;gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap}.sources__filter{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-full);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.sources__filter:hover{border-color:var(--color-primary-light);color:var(--color-primary)}.sources__filter--active{background:var(--color-primary-bg);border-color:var(--color-primary-light);color:var(--color-primary)}.sources__filter-count{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-muted)}.sources__filter--active .sources__filter-count{color:var(--color-primary)}.sources__loading{display:flex;justify-content:center;padding:var(--space-16) 0}.sources__empty{text-align:center;color:var(--text-muted);font-size:var(--text-sm);padding:var(--space-12) 0}.sources__grid{display:flex;flex-direction:column;gap:var(--space-3)}.sources__card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.sources__card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-sm)}.sources__card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2);flex-wrap:wrap}.sources__card-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);text-decoration:none;transition:color var(--transition-fast)}.sources__card-name:hover{color:var(--color-primary)}.sources__card-badges{display:flex;gap:var(--space-2);flex-wrap:wrap}.sources__badge{font-size:var(--text-xs);font-weight:var(--font-medium);padding:2px var(--space-2);border-radius:var(--radius-sm);background:var(--bg-alt);color:var(--text-muted)}.sources__badge--russia{background:color-mix(in oklab,#ef4444 12%,var(--bg-alt));color:#b91c1c}.sources__badge--world{background:color-mix(in oklab,var(--color-primary) 12%,var(--bg-alt));color:var(--color-primary)}.sources__badge--city{background:color-mix(in oklab,#10b981 12%,var(--bg-alt));color:#059669}.sources__card-meta{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-3);flex-wrap:wrap}.sources__card-category{font-size:var(--text-xs);color:var(--text-muted);background:var(--bg-alt);padding:2px var(--space-2);border-radius:var(--radius-sm)}.sources__card-time{font-size:var(--text-xs);color:var(--text-muted)}.sources__card-actions{display:flex;align-items:center;gap:var(--space-4)}.sources__card-link{font-size:var(--text-sm);color:var(--color-primary);text-decoration:none;font-weight:var(--font-medium);transition:opacity var(--transition-fast)}.sources__card-link:hover{opacity:.8}.sources__card-rss{font-size:var(--text-xs);font-weight:var(--font-bold);color:#f97316;text-decoration:none;padding:2px var(--space-2);border:1px solid #f97316;border-radius:var(--radius-sm);transition:background var(--transition-fast),color var(--transition-fast)}.sources__card-rss:hover{background:#f97316;color:#fff}@media (max-width: 640px){.sources{padding-top:var(--space-10)}.sources__title{font-size:var(--text-2xl)}.sources__card-header{flex-direction:column;align-items:flex-start}}.weather-page{max-width:1100px;margin:0 auto;padding:24px 16px 48px}@media (max-width: 768px){.weather-page{padding:16px 12px 32px;max-width:100%}}@media (min-width: 1024px){.weather-page{width:100%;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}}.weather-offline-indicator{display:flex;align-items:center;gap:8px;padding:10px 16px;margin-bottom:16px;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);animation:toast-in .2s ease}.weather-offline-indicator--indexeddb,.weather-offline-indicator--cache{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid var(--color-warning-light)}.weather-offline-indicator--network{background:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error-light)}.weather-page__header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:24px}@media (max-width: 768px){.weather-page__header{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:20px}}.weather-page__title{display:flex;align-items:center;gap:8px;font-size:1.5rem;font-weight:700;margin:0;color:var(--text-primary)}@media (max-width: 768px){.weather-page__title{font-size:1.25rem}}.weather-page__select{padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--card-bg);color:var(--text-primary);font-size:.95rem;cursor:pointer;min-width:200px}@media (max-width: 768px){.weather-page__select{width:100%;min-width:auto;font-size:.9rem}}.weather-page__select:focus{outline:2px solid var(--color-primary);outline-offset:2px}.weather-page__select-skeleton{width:200px;height:38px;border-radius:var(--radius-md);background:var(--bg-alt);animation:weather-pulse 1.4s ease-in-out infinite}@media (max-width: 768px){.weather-page__select-skeleton{width:100%}}.weather-page__loading{padding:24px 0}.weather-page__skeleton{height:320px;border-radius:var(--radius-lg);background:var(--bg-alt);animation:weather-pulse 1.4s ease-in-out infinite}.weather-page__source{margin-top:20px;font-size:var(--text-xs);color:var(--text-muted);text-align:right}.weather-page__source a{color:var(--color-primary);text-decoration:none}.weather-page__source a:hover{text-decoration:underline}.weather-page__tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.weather-page__tab{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-2) var(--space-3);flex:1;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--card-bg);color:var(--text-secondary);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.weather-page__tab:hover{border-color:var(--color-primary-light);background:var(--color-primary-bg)}.weather-page__tab--active{border-color:var(--color-primary);background:var(--color-primary-bg);color:var(--text-primary)}.weather-page__tab-day{font-size:var(--text-sm);font-weight:var(--font-semibold);color:inherit}.weather-page__tab-day--short{display:none}.weather-page__tab-bottom{display:flex;align-items:center;gap:4px;justify-content:center}.weather-page__tab-temp{font-size:var(--text-sm);font-variant-numeric:tabular-nums;color:var(--text-secondary)}.weather-page__tab-icon{display:flex;align-items:center;flex-shrink:0}.weather-page__day-summary{display:flex;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap}.weather-page__day-main-card{flex:0 0 auto;width:320px;min-width:280px;padding:var(--space-4);background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000a}@media (max-width: 768px){.weather-page__day-main-card{width:100%;min-width:100%;padding:var(--space-3)}}.weather-page__day-meta-card{flex:1;min-width:280px;height:84px;padding:10px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000a}@media (max-width: 768px){.weather-page__day-meta-card{min-width:100%;padding:var(--space-3)}}.weather-page__day-main{display:flex;align-items:center;gap:var(--space-3)}.weather-page__day-temp{font-size:1.6rem;font-weight:var(--font-bold);line-height:1}@media (max-width: 768px){.weather-page__day-temp{font-size:1.4rem}}.weather-page__day-desc{font-size:18px;font-weight:700;color:var(--text-secondary);margin-top:var(--space-1)}.weather-page__day-precip{font-size:var(--text-xs);color:var(--text-muted);margin-top:4px}.weather-page__day-meta{display:flex;flex-wrap:wrap;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary)}@media (max-width: 768px){.weather-page__day-meta{gap:var(--space-2);font-size:var(--text-xs)}}.weather-page__day-meta span:not(.moon-icon):not(.weather-uv):not([class*=weather-badge--]){display:flex;align-items:center;gap:4px;padding:1px 10px;background:rgba(var(--color-primary-rgb),.08);border:1px solid rgba(var(--color-primary-rgb),.15);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);transition:background var(--transition-fast)}.weather-page__day-meta span:not(.moon-icon):not(.weather-uv):not([class*=weather-badge--]):hover{background:rgba(var(--color-primary-rgb),.12)}@media (max-width: 768px){.weather-page__day-meta span:not(.moon-icon):not(.weather-uv):not([class*=weather-badge--]){padding:4px 8px;font-size:var(--text-xs)}}.moon-icon{flex-shrink:0;line-height:0}.weather-page__hourly-wrap{position:relative;--weather-hourly-label-width: 136px;margin-bottom:var(--space-4);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;min-height:280px;isolation:isolate}@media (min-width: 1024px){.weather-page__hourly-wrap{--weather-hourly-label-width: 148px}}.weather-page__refresh-indicator{position:absolute;top:12px;right:12px;z-index:11;display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--color-primary-bg);border:1px solid var(--color-primary-light);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--color-primary);font-weight:var(--font-semibold);animation:fadeIn .2s ease}.weather-page__refresh-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.weather-page__hourly-layout{display:flex;flex-direction:row;align-items:stretch;min-height:280px}.weather-page__hourly-label-strip{width:var(--weather-hourly-label-width);flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--border-color);box-shadow:10px 0 18px -6px #0f172a24;z-index:4;position:relative;background:rgba(var(--color-primary-rgb),.17)}.weather-page__hourly-label-strip__cell{flex:0 0 auto;display:flex;align-items:center;padding:0 14px;border-bottom:1px solid var(--border-color);font-weight:var(--font-semibold);font-size:var(--text-sm);color:var(--text-secondary);box-sizing:border-box}.weather-page__hourly-label-strip__cell--date{min-height:24px;max-height:24px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.weather-page__hourly-label-strip__cell--head{min-height:70px;border-bottom:2px solid var(--border-color);font-weight:var(--font-semibold)}.weather-page__hourly-label-strip__cell--icon{min-height:62px}.weather-page__hourly-label-strip__cell--data{min-height:56px}.weather-table__cell--apparent{text-align:center;color:var(--text-muted);font-variant-numeric:tabular-nums;padding:6px 4px}.weather-table__apparent-val{display:block;text-align:center;font-variant-numeric:tabular-nums;color:#f90;font-weight:500}.weather-uv{font-weight:var(--font-semibold)}.weather-badge--pressure-low{background:#64748b40;color:#475569;border-radius:var(--radius-md)}.weather-badge--pressure-high{color:#fff;background:#ea580cd9}.weather-badge--wind-moderate{background:#eab30840;color:#92700a}.weather-badge--wind-strong{color:#fff;background:#ea580cd9}.weather-badge--wind-hurricane{color:#fff;background:#0f0f0fe6}.weather-badge--kp-weak{background:#eab30840;color:#92700a}.weather-badge--kp-moderate{color:#fff;background:#ea580cd9}.weather-badge--kp-strong{color:#fff;background:#dc2626d9}.dark .weather-badge--pressure-low{background:#94a3b859;color:#f1f5f9;border-radius:var(--radius-md)}.dark .weather-badge--pressure-high{color:#fff;background:#ea580ce6;border-radius:var(--radius-md)}.dark .weather-badge--wind-moderate{background:#eab30838;color:#fbbf24;border-radius:var(--radius-md)}.dark .weather-badge--wind-strong{color:#fff;background:#ea580ce6;border-radius:var(--radius-md)}.dark .weather-badge--wind-hurricane{color:#fff;background:#1e1e1ef2;border-radius:var(--radius-md)}.dark .weather-badge--kp-weak{background:#eab30838;color:#fbbf24;border-radius:var(--radius-md)}.dark .weather-badge--kp-moderate{color:#fff;background:#ea580ce6;border-radius:var(--radius-md)}.dark .weather-badge--kp-strong{color:#fff;background:#dc2626e6;border-radius:var(--radius-md)}.weather-uv--low{color:#16a34a}.weather-uv--moderate{color:#ca8a04}.weather-uv--high{color:#fff;background:#ea580cd9;border-radius:var(--radius-md);padding:1px 5px}.weather-uv--very-high{color:#fff;background:#dc2626d9;border-radius:var(--radius-md);padding:1px 5px}.weather-uv--extreme{color:#fff;background:#6d28d9d9;border-radius:var(--radius-md);padding:1px 5px}.dark .weather-uv--low{color:#4ade80}.dark .weather-uv--moderate{color:#fbbf24}.dark .weather-uv--high{color:#fff;background:#ea580ce6}.dark .weather-uv--very-high{color:#fff;background:#dc2626e6}.dark .weather-uv--extreme{color:#fff;background:#6d28d9e6}.weather-page__hourly-label-strip__cell--kp{min-height:44px;flex-direction:column;align-items:flex-start;gap:0;border-bottom:none}.weather-page__hourly-data{flex:1;min-width:0;min-height:280px;position:relative;background:var(--card-bg);overflow:hidden}.weather-page__hourly-data__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:flex;align-items:center;justify-content:center;background:var(--card-bg);pointer-events:auto}.weather-page__hourly-spinner{width:42px;height:42px;border:3px solid var(--border-color);border-top-color:var(--color-primary);border-radius:50%;animation:weather-hourly-spin .75s linear infinite}@keyframes weather-hourly-spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.weather-page__hourly-scroll{position:relative;width:100%;overflow-x:auto;overflow-y:hidden;z-index:2;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-x;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.weather-page__hourly-scroll::-webkit-scrollbar{display:none}.weather-page__hourly-scroll--blocked{pointer-events:none}.weather-page__hourly-scroll:active{cursor:grabbing}.weather-table__label-col--sticky,.weather-table__label--sticky{position:sticky;left:0;z-index:3;background:var(--card-bg);border-right:1px solid var(--border-color)}.weather-table__head-row .weather-table__label-col--sticky{background:var(--bg-secondary);z-index:4}.weather-table--hourly{border-collapse:separate;border-spacing:0;width:max-content;table-layout:fixed}.weather-table--hourly .weather-table__label-col{width:130px;min-width:130px}.weather-table--hourly .weather-table__day-col{width:80px;min-width:80px;min-height:72px;position:relative;vertical-align:middle;box-sizing:border-box}@media (min-width: 1024px){.weather-table--hourly .weather-table__day-col{width:92px;min-width:92px}}.weather-table--hourly.weather-table--hourly-data-only{margin-left:0}.weather-table--hourly.weather-table--hourly-data-only .weather-table__head-row .weather-table__day-col:first-child{border-left:none}.weather-page__hourly-date-bar{position:relative;height:24px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0}.weather-page__hourly-date-bar__today{position:sticky;left:0;display:inline-flex;align-items:center;height:24px;padding:0 10px;font-size:11px;font-weight:var(--font-semibold);color:var(--text-secondary);white-space:nowrap;background:var(--bg-secondary);z-index:2}.weather-page__hourly-date-bar__tomorrow{position:absolute;top:0;left:0;display:inline-flex;align-items:center;height:24px;padding:0 10px;font-size:11px;font-weight:var(--font-semibold);color:var(--text-muted);white-space:nowrap;border-left:2px dashed var(--color-primary-light);will-change:transform}.weather-table--hourly .weather-table__day-col--current{background:var(--color-primary-bg);border-left:2px solid var(--color-primary);border-right:2px solid var(--color-primary)}.weather-table--hourly .weather-table__day-col--current .weather-table__day-name{color:var(--color-primary);font-weight:var(--font-bold)}.weather-table--hourly .weather-table__day-col--past .weather-table__day-name{color:var(--text-muted)}.weather-table__cell--past{opacity:.4}.weather-table--hourly .weather-table__day-col--tomorrow{background:var(--bg-alt)}.weather-table__day-separator{position:absolute;top:-1px;left:-1px;right:-1px;height:22px;color:#000;font-size:14px;font-weight:var(--font-bold);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm) var(--radius-sm) 0 0;z-index:5}.weather-table--hourly .weather-table__col-split-day{position:relative;border-left:none!important}.weather-table--hourly .weather-table__col-split-day:before{content:"";position:absolute;left:0;top:0;bottom:0;border-left:2px dashed var(--color-primary-light);pointer-events:none}.weather-table--hourly .weather-table__cell--icon{padding:8px 4px;min-height:56px;vertical-align:middle;box-sizing:border-box}.weather-table--hourly tbody .weather-table__cell:not(.weather-table__cell--icon):not(.weather-table__cell--kp){min-height:44px;vertical-align:middle;box-sizing:border-box}.weather-table--hourly .weather-table__cell--kp{padding:6px 4px;min-height:44px;vertical-align:middle;font-size:var(--text-xs);line-height:1.2;box-sizing:border-box}.weather-table--hourly .weather-table__row--kp{border-bottom:none}.weather-table__cell--pressure-low{background:#64748b33;color:#475569}.weather-table__cell--pressure-high{color:#fff;background:#ea580cd9}.weather-table__cell--wind-moderate{background:#eab30826;color:#92700a}.weather-table__cell--wind-strong{color:#fff;background:#ea580cd9}.weather-table__cell--wind-hurricane{color:#fff;background:#0f0f0fe6}.weather-table__cell--gusts-warning{background:#eab30826;color:#92700a}.weather-table__cell--gusts-danger{color:#fff;background:#dc2626d9}[data-theme=dark] .weather-table__cell--pressure-low{background:#94a3b82e;color:#94a3b8}[data-theme=dark] .weather-table__cell--wind-moderate{background:#eab30833;color:#fbbf24}[data-theme=dark] .weather-table__cell--pressure-high,[data-theme=dark] .weather-table__cell--wind-strong{color:#fff;background:#ea580ce6}[data-theme=dark] .weather-table__cell--wind-hurricane{color:#fff;background:#1e1e1ef2}[data-theme=dark] .weather-table__cell--gusts-warning{background:#eab30833;color:#fbbf24}[data-theme=dark] .weather-table__cell--gusts-danger{color:#fff;background:#dc2626e6}.weather-table__cell--kp-colored{padding:6px 4px}.weather-table__kp-val-num{display:block;text-align:center;font-size:var(--text-xs);font-weight:var(--font-bold);font-variant-numeric:tabular-nums;line-height:1.3}.weather-table__kp-label{display:block;text-align:center;font-size:10px;line-height:1.2;opacity:.85}.weather-table__cell--kp-colored.weather-table__kp--calm{background:transparent;color:var(--text-secondary)}.weather-table__cell--kp-colored.weather-table__kp--weak{background:#eab30833;color:#92700a}.weather-table__cell--kp-colored.weather-table__kp--moderate{color:#fff;background:#ea580cd9}.weather-table__cell--kp-colored.weather-table__kp--strong{color:#fff;background:#dc2626d9}[data-theme=dark] .weather-table__cell--kp-colored.weather-table__kp--weak{background:#eab30833;color:#fbbf24}[data-theme=dark] .weather-table__cell--kp-colored.weather-table__kp--moderate{color:#fff;background:#ea580ce6}[data-theme=dark] .weather-table__cell--kp-colored.weather-table__kp--strong{color:#fff;background:#dc2626e6}.weather-table--hourly .weather-table__day-col,.weather-table--hourly .weather-table__cell{border-right:1px dashed var(--border-color)}.weather-table--hourly .weather-table__day-col:last-child,.weather-table--hourly .weather-table__cell:last-child{border-right:none}.weather-table__wrap{border-radius:var(--radius-lg);border:1px solid var(--border-color)}.weather-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);background:var(--card-bg)}.weather-table__head-row{background:var(--bg-secondary);border-bottom:2px solid var(--border-color)}.weather-table__label-col{width:160px;padding:12px 16px;text-align:left;font-weight:var(--font-semibold);color:var(--text-secondary)}.weather-table__day-col{padding:10px 8px;text-align:center;min-width:110px}.weather-table__day-name{display:block;font-weight:var(--font-bold);font-size:var(--text-base);color:var(--text-primary)}.weather-table__day-date{display:block;font-size:var(--text-xs);color:var(--text-secondary);margin-top:2px}.weather-table__row{border-bottom:1px solid var(--border-color);transition:background var(--transition-fast)}.weather-table__row:last-child{border-bottom:none}.weather-table__row:hover{background:var(--bg-hover)}.weather-table__label{padding:10px 16px;font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-secondary);white-space:nowrap;display:flex;align-items:center;gap:4px}.weather-table__cell{padding:17px 8px;text-align:center;color:var(--text-primary);font-variant-numeric:tabular-nums}.weather-table__cell--icon{padding:11px 8px;text-align:center;vertical-align:middle}.weather-table__desc{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.2}.weather-table__temp-max{color:var(--color-error);font-weight:var(--font-semibold)}.weather-table__temp-min{color:var(--color-primary)}.weather-table__temp-sep{color:var(--text-secondary)}.weather-table__wind-dir{font-size:var(--text-xs);color:var(--text-secondary)}.weather-table__wind-val{margin-right:4px}.wind-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;background:rgba(var(--color-primary-rgb),.1);border:1px solid rgba(var(--color-primary-rgb),.22);border-radius:6px;color:var(--text-secondary)}.wind-badge__label{font-size:.8rem;font-weight:var(--font-semibold);line-height:1;letter-spacing:.02em}.wind-badge__arrow{flex-shrink:0;color:var(--color-primary);opacity:.85}.weather-table__cell--temp{padding:6px 0 0;vertical-align:bottom;overflow:hidden}.weather-table__temp-val{display:block;text-align:center;font-size:1.5rem;font-weight:var(--font-bold);font-variant-numeric:tabular-nums;margin-bottom:4px}.weather-table__temp-bar{display:block;height:10px;width:100%;border-radius:0 0 2px 2px}.weather-table__temp-bar--cold{background:#60a5fa8c}.weather-table__temp-bar--cool{background:#93c5fd80}.weather-table__temp-bar--warm{background:#facc158c}.weather-table__temp-bar--hot{background:#fb923c99}.weather-table__temp-bar--very-hot{background:#ef444499}.weather-table__cell--past .weather-table__temp-bar{opacity:.4}.weather-table__cell--moon{font-size:var(--text-xs)}.weather-table__label--wrap{white-space:normal;line-height:1.3}.weather-page__meta-tab,.weather-page__meta-sidebar{display:none}@media (max-width: 768px){.weather-page__meta-tab{display:block;position:fixed;top:77px;right:3px;z-index:1001;transition:right .3s ease-out}.weather-page__meta-tab--open{right:6px}.weather-page__meta-btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:rgba(var(--color-primary-rgb),.25);color:#fff;border:none;border-radius:50%;cursor:pointer;box-shadow:0 4px 16px #0003;transition:background var(--transition-fast)}.weather-page__meta-btn:hover{background:var(--color-primary)}.weather-page__meta-sidebar{display:block;position:fixed;top:0;right:-100vw;width:100vw;height:100dvh;background:var(--bg-secondary);border-left:1px solid var(--border-color);transition:right .3s ease-out;overflow-y:auto;padding:var(--space-lg);z-index:1000;box-sizing:border-box}.weather-page__meta-sidebar--open{right:0}.weather-page__meta-sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-color)}.weather-page__meta-sidebar-title{font-size:var(--font-size-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.weather-page__meta-sidebar-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-alt);border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer}.weather-page__meta-sidebar .weather-page__day-meta{flex-direction:column;gap:var(--space-2)}.weather-page__meta-sidebar .weather-page__day-meta span:not(.moon-icon):not(.weather-uv):not([class*=weather-badge--]){width:100%;box-sizing:border-box}.weather-page__day-meta-card{display:none}}.weather-widget{position:absolute;top:0;left:-320px;width:320px;height:100%;background:var(--bg-secondary);border-right:1px solid var(--border-color);transition:left .3s ease-out;overflow-y:auto;padding:var(--space-lg);z-index:101}.weather-widget--open{left:0}.weather-widget__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-color)}.weather-widget__title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.weather-widget__body{display:flex;flex-direction:column}.weather-widget__city-select{width:100%;padding:8px 10px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--card-bg);color:var(--text-primary);font-size:var(--text-sm);margin-bottom:var(--space-4)}.weather-widget__today{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-alt);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.weather-widget__today-icon{flex-shrink:0}.weather-widget__today-info{flex:1}.weather-widget__today-temp{font-size:1.4rem;font-weight:var(--font-bold);color:var(--text-primary)}.weather-widget__today-desc{font-size:var(--text-xs);color:var(--text-secondary);margin-top:2px}.weather-widget__days{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.weather-widget__day{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--bg-alt);font-size:var(--text-sm)}.weather-widget__day-name{font-weight:var(--font-semibold);color:var(--text-primary);width:28px}.weather-widget__day-temp{color:var(--text-secondary);font-variant-numeric:tabular-nums}.weather-widget__link{display:block;text-align:center;padding:10px;border-radius:var(--radius-md);background:var(--color-primary);color:#fff;text-decoration:none;font-size:var(--text-sm);font-weight:var(--font-semibold);transition:background var(--transition-fast)}.weather-widget__link:hover{background:var(--color-primary-dark);color:#fff}.weather-widget__geo-confirm{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-3);border:1px solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-primary-bg);font-size:var(--text-sm);color:var(--text-primary);animation:toast-in .2s ease}.weather-widget__geo-confirm-actions{display:flex;gap:var(--space-2);flex-shrink:0}.weather-widget__geo-yes,.weather-widget__geo-no{padding:4px 12px;border-radius:var(--radius-md);border:none;font-size:var(--text-xs);font-weight:var(--font-semibold);cursor:pointer;transition:opacity var(--transition-fast)}.weather-widget__geo-yes{background:var(--color-primary);color:#fff}.weather-widget__geo-no{background:var(--bg-alt);color:var(--text-secondary)}.weather-widget__geo-yes:hover,.weather-widget__geo-no:hover{opacity:.8}.weather-widget__geo-hint{display:flex;align-items:center;gap:4px;font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-3)}.weather-widget__loading{display:flex;flex-direction:column;gap:var(--space-2)}.weather-widget__skeleton-row{height:48px;border-radius:var(--radius-md);background:var(--bg-alt);animation:weather-pulse 1.4s ease-in-out infinite}.weather-icon{display:inline-flex;align-items:center;line-height:1}@keyframes weather-pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 768px){.weather-widget{width:100vw;left:-100vw;position:fixed;top:0;height:100dvh;z-index:1000}.weather-widget--open{left:0}.weather-page__tabs{gap:4px;touch-action:pan-y;overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap;margin-bottom:var(--space-3);padding:0 2px 4px;margin-left:-2px;margin-right:-2px}.weather-page__tabs::-webkit-scrollbar{display:none}.weather-page__tab{padding:6px 4px;flex:0 0 auto;min-width:40px;gap:1px}.weather-page__tab:first-child{min-width:auto;padding:6px 8px}.weather-page__tab:first-child .weather-page__tab-day--full{display:block}.weather-page__tab:first-child .weather-page__tab-day--short{display:none}.weather-page__tab-day{font-size:11px;font-weight:var(--font-semibold)}.weather-page__tab-temp,.weather-page__tab-icon,.weather-page__tab-bottom,.weather-page__tab-day--full{display:none}.weather-page__tab-day--short{display:block}.weather-page__tab-date--desktop,.weather-page__tab-icon--desktop,.weather-page__tab-temp--desktop{display:none}.weather-page__day-summary{flex-direction:column;gap:var(--space-3)}.weather-page__day-main-card,.weather-page__day-meta-card{min-width:100%;flex:none}.weather-page__hourly-wrap{--weather-hourly-label-width: 100px}.weather-page__hourly-label-strip__cell{font-size:var(--text-xs);padding:0 8px}.weather-table--hourly .weather-table__day-col{width:64px;min-width:64px}}.city-search{position:relative;margin-bottom:var(--space-4)}.city-search__input-wrap{position:relative;display:flex;align-items:center}.city-search__icon{position:absolute;left:12px;color:var(--text-muted);pointer-events:none}.city-search__input{width:100%;padding:10px 36px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--card-bg);color:var(--text-primary);font-size:var(--text-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.city-search__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg)}.city-search__input::placeholder{color:var(--text-muted)}.city-search__clear{position:absolute;right:10px;padding:4px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast),color var(--transition-fast)}.city-search__clear:hover{background:var(--bg-hover);color:var(--text-primary)}.city-search__dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:280px;overflow-y:auto;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 4px 12px #0000001a;z-index:10;animation:dropdown-in .15s ease}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.city-search__dropdown::-webkit-scrollbar{width:6px}.city-search__dropdown::-webkit-scrollbar-track{background:var(--bg-alt)}.city-search__dropdown::-webkit-scrollbar-thumb{background:var(--color-primary-light);border-radius:3px}.city-search__item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border:none;background:transparent;color:var(--text-primary);font-size:var(--text-sm);text-align:left;cursor:pointer;transition:background var(--transition-fast);border-bottom:1px solid var(--border-color)}.city-search__item:last-child{border-bottom:none}.city-search__item:hover,.city-search__item--focused{background:var(--bg-hover)}.city-search__item--selected{background:var(--color-primary-bg);color:var(--color-primary);font-weight:var(--font-semibold)}.city-search__item-name{flex:1}.city-search__highlight{background:var(--color-warning-bg);color:var(--color-warning);font-weight:var(--font-semibold);padding:0 2px;border-radius:2px}.city-search__check{color:var(--color-primary);flex-shrink:0}.city-search__empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px;color:var(--text-muted);font-size:var(--text-sm)}.geography-table{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 8px #0000001a}.geography-table--loading,.geography-table--empty{text-align:center;padding:60px 20px;color:#6b7280;font-size:14px}.geography-table__summary{display:flex;gap:32px;margin-bottom:24px;padding-bottom:20px;border-bottom:2px solid #e5e7eb}.geography-table__stat{display:flex;flex-direction:column;gap:4px}.geography-table__stat-label{font-size:13px;color:#6b7280;font-weight:500}.geography-table__stat-value{font-size:28px;font-weight:700;color:#1f2937}.geography-table__grid{display:flex;flex-direction:column;gap:12px}.geography-table__row{display:grid;grid-template-columns:200px 1fr;gap:20px;align-items:center;padding:12px;border-radius:6px;transition:background .2s}.geography-table__row:hover{background:#f9fafb}.geography-table__country{display:flex;align-items:center;gap:12px}.geography-table__flag{font-size:32px;line-height:1;flex-shrink:0}.geography-table__info{display:flex;flex-direction:column;gap:2px;min-width:0}.geography-table__name{font-size:14px;font-weight:600;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.geography-table__code{font-size:12px;color:#6b7280;font-family:Courier New,monospace}.geography-table__metrics{display:flex;align-items:center;gap:16px}.geography-table__bar-container{flex:1;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.geography-table__bar{height:100%;background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:4px;transition:width .3s ease}.geography-table__numbers{display:flex;align-items:center;gap:12px;min-width:100px;justify-content:flex-end}.geography-table__visits{font-size:16px;font-weight:700;color:#3b82f6}.geography-table__percent{font-size:13px;color:#6b7280;min-width:45px;text-align:right}@media (max-width: 768px){.geography-table__row{grid-template-columns:1fr;gap:12px}.geography-table__summary{flex-direction:column;gap:16px}.geography-table__numbers{min-width:80px}}@media (prefers-color-scheme: dark){.geography-table{background:#1f2937}.geography-table__summary{border-bottom-color:#374151}.geography-table__stat-label,.geography-table__code,.geography-table__percent{color:#9ca3af}.geography-table__stat-value,.geography-table__name{color:#f9fafb}.geography-table__row:hover,.geography-table__bar-container{background:#374151}}.top-cities{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a}.top-cities--loading,.top-cities--empty{text-align:center;padding:40px 20px;color:#6b7280;font-size:14px}.top-cities__summary{display:flex;flex-direction:column;gap:4px;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #e5e7eb}.top-cities__stat-label{font-size:13px;color:#6b7280;font-weight:500}.top-cities__stat-value{font-size:24px;font-weight:700;color:#1f2937}.top-cities__grid{display:flex;flex-direction:column;gap:10px}.top-cities__row{display:grid;grid-template-columns:32px 180px 1fr;gap:12px;align-items:center;padding:10px;border-radius:6px;transition:background .2s}.top-cities__row:hover{background:#f9fafb}.top-cities__rank{font-size:14px;font-weight:700;color:#9ca3af;text-align:center}.top-cities__location{display:flex;align-items:center;gap:10px}.top-cities__flag{font-size:28px;line-height:1;flex-shrink:0}.top-cities__info{display:flex;flex-direction:column;gap:2px;min-width:0}.top-cities__city{font-size:14px;font-weight:600;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-cities__country{font-size:12px;color:#6b7280}.top-cities__metrics{display:flex;align-items:center;gap:12px}.top-cities__bar-container{flex:1;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.top-cities__bar{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:3px;transition:width .3s ease}.top-cities__numbers{display:flex;align-items:center;gap:10px;min-width:90px;justify-content:flex-end}.top-cities__visits{font-size:15px;font-weight:700;color:#10b981}.top-cities__percent{font-size:12px;color:#6b7280;min-width:42px;text-align:right}@media (max-width: 768px){.top-cities__row{grid-template-columns:28px 1fr;gap:8px}.top-cities__location{grid-column:2}.top-cities__metrics{grid-column:1 / -1;margin-top:4px}}@media (prefers-color-scheme: dark){.top-cities{background:#1f2937}.top-cities__summary{border-bottom-color:#374151}.top-cities__stat-label,.top-cities__country,.top-cities__percent{color:#9ca3af}.top-cities__stat-value,.top-cities__city{color:#f9fafb}.top-cities__row:hover,.top-cities__bar-container{background:#374151}}.contact-panel__backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1001;opacity:0;pointer-events:none;transition:opacity .3s ease}.contact-panel__backdrop--visible{opacity:1;pointer-events:auto}.contact-panel{position:fixed;top:50%;right:-400px;transform:translateY(-50%);width:400px;max-height:90vh;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:-4px 0 24px #00000026;transition:right .3s ease-out;overflow:hidden;z-index:1002;display:flex;flex-direction:column}.contact-panel--open{right:calc(50% - 200px)}@media (max-width: 767px){.contact-panel{width:100vw;right:-100vw;top:0;transform:none;height:100dvh;max-height:none;border-radius:0;z-index:1002}.contact-panel--open{right:0}}.contact-panel__header{padding:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-color);flex-shrink:0}.contact-panel__title{display:flex;align-items:center;gap:var(--space-2);margin:0;font-size:var(--font-size-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.contact-panel__content{flex:1;overflow-y:auto;padding:var(--space-lg)}.contact-form{display:flex;flex-direction:column;gap:var(--space-lg)}.form-field{display:flex;flex-direction:column;gap:var(--space-2)}.form-field label{font-size:var(--font-size-sm);font-weight:var(--font-medium);color:var(--text-primary)}.form-field input,.form-field select,.form-field textarea{padding:var(--space-2) var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:inherit;background:var(--bg-primary);color:var(--text-primary);transition:border-color var(--transition-fast)}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:var(--color-primary)}.form-field input:disabled,.form-field select:disabled,.form-field textarea:disabled{opacity:.6;cursor:not-allowed}.form-field textarea{resize:vertical;min-height:120px}.form-field__hint{font-size:var(--font-size-xs);color:var(--text-secondary);text-align:right}.form-field--captcha{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.form-field--captcha label{align-self:flex-start}.form-field__captcha-wrapper{display:flex;justify-content:center;width:100%;overflow:hidden}@media (max-width: 767px){.form-field__captcha-wrapper{transform:scale(.85);transform-origin:center}}.form-error{padding:var(--space-3);background:var(--color-error-light);color:var(--color-error);border-radius:var(--radius-md);font-size:var(--font-size-sm);border:1px solid var(--color-error)}.floating-btn--contact{position:absolute;top:103px;right:-1px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(var(--color-primary-rgb),.25);color:#fff;border:none;border-radius:var(--radius-md) 0 0 var(--radius-md);cursor:pointer;box-shadow:-3px 0 10px #0000001f;transition:background var(--transition-fast),right .3s ease-out,top .3s ease-out,transform .3s ease-out,border-radius .3s ease-out;z-index:99}.floating-btn--contact:hover,.floating-btn--contact.floating-btn--active{background:var(--color-primary)}.floating-btn--contact.floating-btn--active{position:fixed;top:103px;right:calc(50% - 248px);transform:none;border-radius:50%;width:40px;height:40px;box-shadow:0 4px 12px #0003;z-index:9999}@media (max-width: 767px){.floating-btn--contact{position:fixed;top:130px;bottom:57px;right:3px;width:42px;height:42px;border-radius:50%;box-shadow:0 4px 16px #0003;z-index:1003}.floating-btn--contact.floating-btn--active{right:6px;left:auto;top:6px;bottom:auto;transform:none}}.btn--full-width{width:100%}.contact-form__submit{width:100%;display:flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-weight:var(--font-semibold);font-family:inherit;color:#fff;background:var(--color-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);min-height:2.75rem}.contact-form__submit:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.contact-form__submit:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #0000001a}.contact-form__submit:disabled{opacity:.5;cursor:not-allowed}@media (prefers-color-scheme: dark){.form-error{background:#dc26261a;color:#fca5a5;border-color:#991b1b}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:64px 0 0;font-family:var(--font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);line-height:var(--leading-normal, 1.5);color:var(--text-primary, #1f2937);background:var(--bg-primary);overflow-x:hidden;min-height:100vh}html,body{max-width:100%;overflow-x:hidden}*{max-width:100%}img,video,iframe{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;line-height:1.2;color:var(--text-primary);font-weight:600}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}a{color:var(--color-primary);text-decoration:none;transition:color .2s ease;cursor:pointer}a:hover{color:var(--color-primary-dark);opacity:.8}ul,ol,dl,blockquote,pre{margin-top:0}button,input,select,textarea{max-width:100%;box-sizing:border-box;cursor:pointer}input[type=text],input[type=email],input[type=password],input[type=search],textarea,select{cursor:text}input[type=checkbox],input[type=radio]{cursor:pointer}button,[role=button],.clickable,[onclick]{cursor:pointer!important}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}:focus{outline:none}:focus-visible{box-shadow:var(--shadow-outline);border-radius:var(--radius-sm, .125rem)}