:root{--color-primary:#ff4500;--color-primary-hover:#e63900;--color-primary-light:#ff6b35;--color-primary-dark:#cc3700;--color-primary-light-bg:#ff45001a;--color-text:#333;--color-text-secondary:#666;--color-text-muted:#757575;--color-text-inverse:#fff;--color-text-disabled:#9e9e9e;--color-bg:#fff;--color-bg-secondary:#f5f5f5;--color-bg-tertiary:#f8f9fa;--color-bg-hover:#f0f0f0;--color-bg-disabled:#ececec;--color-border:#ddd;--color-border-light:#eee;--color-border-dark:#ccc;--color-success:#28a745;--color-success-hover:#218838;--color-success-light:#d4edda;--color-success-border:#c3e6cb;--color-success-dark:#1e7e34;--color-success-dark-bg:#28a7451a;--color-warning:#ffc107;--color-warning-hover:#e0a800;--color-warning-light:#fff3cd;--color-warning-border:#ffeeba;--color-warning-dark:#d35400;--color-danger:#dc3545;--color-danger-hover:#c82333;--color-danger-light:#f8d7da;--color-danger-border:#f5c6cb;--color-info:#17a2b8;--color-info-hover:#138496;--color-info-light:#d1ecf1;--color-info-dark:#117a8b;--color-info-border:#bee5eb;--color-cat-stolen-from:#e74c3c;--color-cat-stolen-to:#c0392b;--color-cat-lost-from:#f39c12;--color-cat-lost-to:#d35400;--color-cat-found-from:#2ecc71;--color-cat-found-to:#27ae60;--color-cat-missing-from:red;--color-cat-missing-to:#c00;--color-cat-crime-from:#9b59b6;--color-cat-crime-to:#8e44ad;--color-cat-misc-from:#95a5a6;--color-cat-misc-to:#7f8c8d;--color-cat-burglary-from:#c0392b;--color-cat-burglary-to:#922b20;--color-cat-robbery-from:#d81b60;--color-cat-robbery-to:#a01548;--color-cat-assault-from:#8e24aa;--color-cat-assault-to:#6a1b9a;--color-cat-arson-from:#ff7043;--color-cat-arson-to:#e64a19;--color-cat-fraud-from:#43a047;--color-cat-fraud-to:#2e7d32;--color-cat-trespassing-from:#1e88e5;--color-cat-trespassing-to:#0d47a1;--color-cat-animal-from:#8d6e63;--color-cat-animal-to:#5d4037;--color-cat-vandalism-from:#795548;--color-cat-vandalism-to:#4e342e;--color-cat-vehicle-from:#d32f2f;--color-cat-vehicle-to:#b71c1c;--color-cat-beach-from:#00acc1;--color-cat-beach-to:#006064;--color-cat-illegal-from:#ff5722;--color-cat-illegal-to:#bf360c;--color-cat-drug-from:#8bc34a;--color-cat-drug-to:#33691e;--color-cat-hit-run-from:#ff9800;--color-cat-hit-run-to:#e65100;--color-cat-traffic-from:#ffb300;--color-cat-traffic-to:#ef6c00;--color-cat-weather-from:#5c6bc0;--color-cat-weather-to:#283593;--color-type-stolen:var(--color-cat-stolen-to);--color-type-lost:var(--color-cat-lost-to);--color-type-found:var(--color-cat-found-to);--color-type-missing:var(--color-cat-missing-to);--color-type-injured:var(--color-cat-crime-to);--color-pet:#9b59b6;--color-accent:#17a2b8;--color-primary-light:#fff4f0;--color-warning-light:#fffde7;--space-xxs:0.125rem;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-xxl:3rem;--space-xxxl:4rem;--font-family-base:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-family-mono:"Courier New",Courier,monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-xxl:1.5rem;--font-size-xxxl:2rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-base:1.5;--line-height-relaxed:1.75;--radius-sm:2px;--radius-base:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-xxl:16px;--radius-round:50%;--radius-pill:9999px;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #0000001a;--shadow-base:0 2px 4px #0000001a;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #0000001a;--transition-fast:150ms ease-in-out;--transition-base:200ms ease-in-out;--transition-slow:300ms ease-in-out;--z-base:0;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-overlay:400;--z-modal:500;--z-popover:600;--z-tooltip:700}.dark-mode{--color-text:#e0e0e0;--color-text-secondary:#bbb;--color-text-muted:#a8a8a8;--color-text-inverse:#1a1a1a;--color-text-disabled:#6e6e6e;--color-bg:#1a1a1a;--color-bg-secondary:#2a2a2a;--color-bg-tertiary:#333;--color-bg-hover:#444;--color-bg-disabled:#2a2a2a;--color-border:#444;--color-border-light:#555;--color-border-dark:#333;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 1px 3px #0000004d;--shadow-base:0 2px 4px #0000004d;--shadow-md:0 4px 6px #0006;--shadow-lg:0 10px 15px #00000080;--shadow-xl:0 20px 25px #0009;--color-success:#3fb950;--color-success-hover:#2ea043;--color-success-light:#3fb95026;--color-success-border:#3fb95066;--color-success-dark:#56d364;--color-success-dark-bg:#3fb95033;--color-warning:#ffd54f;--color-warning-hover:#ffca28;--color-warning-light:#ffd54f26;--color-warning-border:#ffd54f66;--color-warning-dark:#ffe082;--color-danger:#f04955;--color-danger-hover:#d63a45;--color-danger-light:#f049552e;--color-danger-border:#f0495566;--color-info:#2dc6dd;--color-info-hover:#1bb1c8;--color-info-light:#2dc6dd26;--color-info-border:#2dc6dd66;--color-info-dark:#69d6e3;--color-primary-light-bg:#ff450033}@custom-media --mobile (max-width: 767px);@custom-media --tablet (min-width: 768px) and (max-width: 1023px);@custom-media --desktop (min-width: 1024px);@custom-media --wide (min-width: 1440px);body:not(.dark-mode) .category-selector select,body:not(.dark-mode) .category-selector select option,body:not(.dark-mode) .form-control,body:not(.dark-mode) .form-select,body:not(.dark-mode) .report-type-select,body:not(.dark-mode) .report-type-select option,body:not(.dark-mode) .select-group select,body:not(.dark-mode) .select-group select option,body:not(.dark-mode) input[type=date],body:not(.dark-mode) input[type=email],body:not(.dark-mode) input[type=number],body:not(.dark-mode) input[type=password],body:not(.dark-mode) input[type=search],body:not(.dark-mode) input[type=tel],body:not(.dark-mode) input[type=text],body:not(.dark-mode) input[type=time],body:not(.dark-mode) input[type=url],body:not(.dark-mode) select,body:not(.dark-mode) select option,body:not(.dark-mode) textarea{background-color:#fff!important;color:#333!important}.dark-mode .category-selector select,.dark-mode .category-selector select option,.dark-mode .form-control,.dark-mode .form-select,.dark-mode .report-type-select,.dark-mode .report-type-select option,.dark-mode .select-group select,.dark-mode .select-group select option,.dark-mode input[type=date],.dark-mode input[type=email],.dark-mode input[type=number],.dark-mode input[type=password],.dark-mode input[type=search],.dark-mode input[type=tel],.dark-mode input[type=text],.dark-mode input[type=time],.dark-mode input[type=url],.dark-mode select,.dark-mode select option,.dark-mode textarea,body.dark-mode .category-selector select,body.dark-mode .category-selector select option,body.dark-mode .form-control,body.dark-mode .form-select,body.dark-mode .report-type-select,body.dark-mode .report-type-select option,body.dark-mode .select-group select,body.dark-mode .select-group select option,body.dark-mode input[type=date],body.dark-mode input[type=email],body.dark-mode input[type=number],body.dark-mode input[type=password],body.dark-mode input[type=search],body.dark-mode input[type=tel],body.dark-mode input[type=text],body.dark-mode input[type=time],body.dark-mode input[type=url],body.dark-mode select,body.dark-mode select option,body.dark-mode textarea{background-color:#2a2a2a!important;color:#e0e0e0!important}body:not(.dark-mode) select option{background-color:#fff!important;color:#333!important}.dark-mode select option,body.dark-mode select option{background-color:#2a2a2a!important;color:#e0e0e0!important}body:not(.dark-mode) input:disabled,body:not(.dark-mode) select:disabled,body:not(.dark-mode) textarea:disabled{background-color:#f5f5f5!important;color:#999!important}.dark-mode input:disabled,.dark-mode select:disabled,.dark-mode textarea:disabled,body.dark-mode input:disabled,body.dark-mode select:disabled,body.dark-mode textarea:disabled{background-color:#1a1a1a!important;color:#666!important}body:not(.dark-mode) input::placeholder,body:not(.dark-mode) textarea::placeholder{color:#999!important}.dark-mode input::placeholder,.dark-mode textarea::placeholder,body.dark-mode input::placeholder,body.dark-mode textarea::placeholder{color:#666!important}body:not(.dark-mode) input:focus,body:not(.dark-mode) select:focus,body:not(.dark-mode) textarea:focus{background-color:#fff!important;color:#333!important;outline-color:#007bff!important}.dark-mode input:focus,.dark-mode select:focus,.dark-mode textarea:focus,body.dark-mode input:focus,body.dark-mode select:focus,body.dark-mode textarea:focus{background-color:#2a2a2a!important;color:#e0e0e0!important;outline-color:#4dabf7!important}input[type=date],input[type=datetime-local],input[type=time]{-webkit-appearance:none!important;appearance:none!important;background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:text!important;font-family:inherit;font-size:inherit;line-height:inherit;min-height:38px;padding:10px 12px 10px 35px!important;position:relative;user-select:text!important;-webkit-user-select:text!important}input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{background-position:50%!important;background-repeat:no-repeat!important;background-size:16px 16px!important;border:none!important;color:#0000!important;cursor:pointer!important;display:block!important;height:18px!important;left:8px!important;margin:0!important;opacity:1!important;outline:none!important;padding:0!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;width:18px!important;z-index:10!important}input[type=date]::-webkit-calendar-picker-indicator{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23666'%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z'/%3E%3C/svg%3E")!important}input[type=time]::-webkit-calendar-picker-indicator{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23666'%3E%3Cpath d='M8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71V3.5z'/%3E%3Cpath d='M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm7-8A7 7 0 1 1 1 8a7 7 0 0 1 14 0z'/%3E%3C/svg%3E")!important}input[type=date]::-webkit-clear-button,input[type=date]::-webkit-inner-spin-button,input[type=time]::-webkit-clear-button,input[type=time]::-webkit-inner-spin-button{-webkit-appearance:none!important;display:none!important}@-moz-document url-prefix(){input[type=date],input[type=time]{-moz-appearance:textfield!important}}input[type=date]:focus,input[type=datetime-local]:focus,input[type=time]:focus{border-color:#4285f4;outline:2px solid #4285f4;outline-offset:-2px}input[type=date]::-webkit-calendar-picker-indicator:hover,input[type=time]::-webkit-calendar-picker-indicator:hover{opacity:.8!important}.dark input[type=date],.dark input[type=time],.dark-mode input[type=date],.dark-mode input[type=time]{background-color:#2d3748;border-color:#4a5568;color:#e2e8f0}.extended-pet-section input[type=date],.extended-pet-section input[type=time],.pet-details-form input[type=date],.pet-details-form input[type=time],input[name=lastSeenDate],input[name=lastSeenTime]{box-sizing:border-box!important;display:inline-block!important;max-width:100%!important;opacity:1!important;padding:10px 12px 10px 35px!important;pointer-events:auto!important;position:relative!important;visibility:visible!important;width:100%!important}.pet-details-form input[type=date]::-webkit-calendar-picker-indicator,.pet-details-form input[type=time]::-webkit-calendar-picker-indicator,input[name=lastSeenDate]::-webkit-calendar-picker-indicator,input[name=lastSeenTime]::-webkit-calendar-picker-indicator{cursor:pointer!important;display:block!important;left:8px!important;opacity:1!important;pointer-events:auto!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;visibility:visible!important;z-index:10!important}.form-group input[type=date],.form-group input[type=time]{padding:10px 12px 10px 35px!important;position:relative!important;text-align:left!important;z-index:1!important}.app-footer{background-color:initial;color:var(--color-text);margin-top:auto;width:100%}.app-footer__loading{background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border);min-height:300px;width:100%}.app-footer__wrapper{width:100%}.app-footer--constrained .app-footer__wrapper{border-radius:var(--radius-lg) var(--radius-lg) 0 0;margin:0 auto;max-width:1200px}.app-footer--constrained .app-footer__wrapper,.app-footer--full-width .app-footer__wrapper{background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border)}.app-footer__container{margin:0 auto;max-width:1200px;padding:var(--space-lg) var(--space-md)}.app-footer__content{grid-gap:var(--space-xl);display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--space-lg)}.app-footer__section{display:flex;flex-direction:column;gap:var(--space-sm)}.app-footer__title{color:var(--color-primary);font-size:1.5rem;font-weight:var(--font-weight-bold);margin:0 0 var(--space-sm) 0}.app-footer__subtitle{color:var(--color-text);font-size:1.1rem;font-weight:var(--font-weight-medium);margin:0 0 var(--space-sm) 0}.app-footer__description{color:var(--color-text-secondary);line-height:1.5;margin:0 0 var(--space-md) 0}.app-footer__copyright{color:var(--color-text-muted);font-size:.9rem;margin:0}.app-footer__nav{display:flex;flex-direction:column;gap:var(--space-xs)}.app-footer__link{color:var(--color-text-secondary);cursor:pointer;font-size:.95rem;text-decoration:none;transition:color var(--transition-base)}.app-footer__link:hover{color:var(--color-primary);text-decoration:underline}.app-footer__link:focus{border-radius:var(--radius-sm);outline:2px solid var(--color-primary);outline-offset:2px}.app-footer__link--button{background:none;border:none;font:inherit;font-size:.95rem;padding:0;text-align:left}.app-footer__contact-item{color:var(--color-text-secondary);font-size:.95rem;margin:0 0 var(--space-xs) 0}.app-footer__contact-item strong{color:var(--color-text);font-weight:var(--font-weight-medium)}.app-footer__contact-item--small{font-size:.85rem;font-style:italic}.app-footer__bottom{align-items:center;border-top:1px solid var(--color-border-light);display:flex;justify-content:space-between;padding-top:var(--space-lg)}.app-footer__data-disclaimer{border-top:1px solid var(--color-border-light);margin-top:var(--space-md);padding-top:var(--space-md)}.app-footer__data-disclaimer p{color:var(--color-text-muted);font-size:.72rem;line-height:1.5;margin:0}.app-footer__version{color:var(--color-text-muted);font-size:.85rem}.app-footer__social{align-items:center;display:flex;gap:var(--space-md)}.app-footer__social-link{align-items:center;background-color:initial;border-radius:var(--radius-full);color:var(--color-text-secondary);display:flex;font-size:1.25rem;height:36px;justify-content:center;transition:all var(--transition-base);width:36px}.app-footer__social-link:hover{background-color:var(--color-bg-hover);color:var(--color-primary);transform:translateY(-2px)}.app-footer__social-link:focus{outline:2px solid var(--color-primary);outline-offset:2px}.app-footer.dark .app-footer__wrapper{background-color:var(--color-bg-secondary);border-top-color:var(--color-border)}.app-footer.dark .app-footer__link:hover{color:var(--color-primary-light)}@media (max-width:768px){.app-footer__container{padding:var(--space-md) var(--space-sm)}.app-footer__content{gap:var(--space-md);grid-template-columns:1fr;margin-bottom:var(--space-md)}.app-footer__section{border-bottom:1px solid var(--color-border-light);padding:var(--space-sm) 0}.app-footer__section:last-child{border-bottom:none}.app-footer__title{font-size:1.25rem;margin-bottom:var(--space-xs)}.app-footer__subtitle{font-size:1rem;margin-bottom:var(--space-xs)}.app-footer__description{font-size:.9rem;margin-bottom:var(--space-sm)}.app-footer__nav{gap:var(--space-xs)}.app-footer__link{align-items:center;display:inline-block;display:flex;font-size:.9rem;min-height:44px;padding:var(--space-xs) 0}.app-footer__contact-item{font-size:.9rem;margin-bottom:var(--space-xs)}.app-footer__bottom{flex-direction:column;gap:var(--space-sm);padding-top:var(--space-md);text-align:center}.app-footer__version{font-size:.8rem}.app-footer__section{text-align:left}.app-footer__nav{align-items:flex-start}}.app-footer--admin{margin-left:0}.app-footer--admin .app-footer__wrapper{background-color:var(--color-bg-secondary);border-radius:0;border-top:1px solid var(--color-border);max-width:none;width:100%}.app-footer--admin .app-footer__container{margin-left:280px;max-width:none;padding:var(--space-lg)}@media (max-width:768px){.app-footer--admin .app-footer__container{margin-left:75px;padding:var(--space-lg) var(--space-md)}}@media (max-width:480px){.app-footer--admin .app-footer__container{margin-left:60px;padding:var(--space-md) var(--space-sm)}}@media print{.app-footer{display:none}}:root{--reader-scale:1;--reader-spacing:1}body,html{height:100%;min-width:0}#root,body,html{box-sizing:border-box;margin:0;padding:0;width:100%}#root{display:flex;flex-direction:column;min-height:100%}body,html{background-color:#f5f5f5}html:has(.App.has-background){background-color:initial!important}body:has(.App.has-background){background-color:initial!important}.App{box-sizing:border-box;margin:0;min-height:100%;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh}*{box-sizing:border-box}.app-container{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1rem;padding-right:1rem;width:100%}.dashboard-template-page .app-container{margin:0;max-width:none;padding:0;width:100%}.btn{border-radius:4px;display:inline-block;font-weight:500;padding:.5rem 1rem;transition:background-color .2s}.btn-primary{background-color:#ff4500}.btn-primary:hover{background-color:#e63900}.btn-secondary{background-color:#e0e0e0;color:#333}.btn-secondary:hover{background-color:#d0d0d0}.message{margin-bottom:1rem}.message.success{background-color:#d4edda}.message.error{background-color:#f8d7da}.message.info{background-color:#d1ecf1;color:#0c5460}.App.full-width .container,.app-container.full-width{margin-left:0;margin-right:0;max-width:none}@media (max-width:768px){#root,body{min-height:auto}.container{margin-left:0;margin-right:0;max-width:100%}.App.full-width .container,.container{padding-left:.5rem;padding-right:.5rem}}body.dark-mode{background-color:#1a1a1a;color:#e0e0e0}html:has(body.dark-mode:not(.has-profile-background)){background-color:#1a1a1a!important}.dark-mode #root{background-color:initial}.dark-mode .App:not(.has-background){background-color:#1a1a1a}.dark-mode main{background-color:initial}body.dark-mode.has-profile-background{background-color:initial!important}.loading-spinner-container{align-items:center;display:flex;gap:10px;justify-content:center;padding:2rem;text-align:center;width:100%}.spinner-element{animation:spin 1s linear infinite;border:4px solid #0000001a;border-left-color:#ff4500;border-radius:50%;display:inline-block;height:30px;width:30px}.dark-mode .spinner-element{border:4px solid #fff3;border-left-color:#ff4500}.dark-mode .loading-spinner-container{color:#b0b3b8}.dark-mode .header{color:#333!important}.dark-mode .header,.dark-mode .main-nav,.dark-mode .nav-container{background-color:#fff!important}.dark-mode .main-nav .nav-item{color:#333!important}.dark-mode .main-nav .nav-item.active,.dark-mode .main-nav .nav-item:hover{color:#ff4500!important}.dark-mode .main-nav .mobile-menu-btn{background-color:#ff4500!important;color:#fff!important}.dark-mode .main-nav .mobile-menu-btn:hover{background-color:#e0e0e0!important;color:#333!important}.dark-mode .btn-secondary{background-color:#2a2a2a}.dark-mode .btn-secondary:hover{background-color:#3a3a3a}.dark-mode .message.success{background-color:#1a3a2a;color:#c3e6cb}.dark-mode .message.error{background-color:#3a1a1a;color:#f5c6cb}.dark-mode .message.info{background-color:#1a2a3a;color:#bee5eb}.dark-mode .dashboard-page,.dark-mode .profile-container,.dark-mode .report-form-page,.dark-mode .settings-page{background-color:#2a2a2a!important}.dark-mode .admin-content-wrapper,.dark-mode .notification-analytics-page,.dark-mode .notification-templates-page,.dark-mode .scheduled-notifications-page{background-color:#1a1a1a!important;color:#e0e0e0!important}.dark-mode .analytics-section,.dark-mode .metric-card,.dark-mode .notification-item,.dark-mode .scheduled-item,.dark-mode .template-card{background-color:#2a2a2a!important;border-color:#3a3a3a!important;color:#e0e0e0!important}.dark-mode .analytics-section h2,.dark-mode .metric-card h3,.dark-mode .notification-item h4,.dark-mode .template-card h3{color:#fff!important}.dark-mode .metric-card p,.dark-mode .notification-item p,.dark-mode .template-card p{color:#b0b0b0!important}.dark-mode .time-range-selector{background-color:#2a2a2a!important}.dark-mode .time-range-selector button.active{background-color:#ff4500!important;color:#fff!important}.dark-mode .back-button,.dark-mode .notification-actions button,.dark-mode .template-actions button{background-color:#2a2a2a!important;border-color:#3a3a3a!important;color:#e0e0e0!important}.dark-mode .back-button:hover,.dark-mode .new-template-btn,.dark-mode .notification-actions button:hover,.dark-mode .primary-action-btn,.dark-mode .template-actions button:hover{background-color:#ff4500!important;border-color:#ff4500!important;color:#fff!important}.dark-mode .new-template-btn:hover,.dark-mode .primary-action-btn:hover{background-color:#e63900!important}.dark-mode input,.dark-mode select,.dark-mode textarea{background-color:#2a2a2a!important;border-color:#3a3a3a!important;color:#e0e0e0!important}.dark-mode input:focus,.dark-mode select:focus,.dark-mode textarea:focus{border-color:#ff4500!important;box-shadow:0 0 0 3px #ff450033!important}.dark-mode .progress-bar{background-color:#3a3a3a!important}.dark-mode .progress-fill{background-color:#ff4500!important}.dark-mode table{background-color:#2a2a2a!important;color:#e0e0e0!important}.dark-mode td,.dark-mode th{border-color:#3a3a3a!important}.dark-mode th{background-color:#3a3a3a!important;color:#fff!important}.reader-mode .category-description,.reader-mode .chat-message-text,.reader-mode .comment-content,.reader-mode .comment-text,.reader-mode .comment-text-content,.reader-mode .form-control,.reader-mode .form-label,.reader-mode .forum-avatar-with-text__meta,.reader-mode .forum-avatar-with-text__name,.reader-mode .forum-badge,.reader-mode .forum-category-page h1,.reader-mode .forum-category-page h2,.reader-mode .forum-category-page p,.reader-mode .forum-description,.reader-mode .forum-index-page h1,.reader-mode .forum-index-page h2,.reader-mode .forum-index-page p,.reader-mode .forum-link,.reader-mode .forum-post,.reader-mode .forum-post p,.reader-mode .forum-stat__value,.reader-mode .forum-subtitle,.reader-mode .forum-tag,.reader-mode .forum-text,.reader-mode .forum-text-muted,.reader-mode .forum-thread-content,.reader-mode .forum-thread-page h1,.reader-mode .forum-thread-page h2,.reader-mode .forum-thread-page h3,.reader-mode .forum-thread-page p,.reader-mode .forum-title,.reader-mode .message-content,.reader-mode .rc-category-tag,.reader-mode .rc-info-row span,.reader-mode .rc-pr-number,.reader-mode .rc-summary,.reader-mode .rc-title,.reader-mode .report-description,.reader-mode .report-detail-page p,.reader-mode .report-details,.reader-mode .thread-description,.reader-mode .thread-meta,.reader-mode .thread-preview,.reader-mode [class*=cardSummary],.reader-mode [class*=cardTitle],.reader-mode label{font-size:1em!important;font-size:calc(1em*var(--reader-scale))!important;line-height:1.5!important;line-height:calc(var(--reader-spacing)*1.5)!important}.reader-mode .btn,.reader-mode button{font-size:1em;font-size:calc(1em*var(--reader-scale))}.reader-mode h1{font-size:max(2rem,2rem)!important;font-size:max(2rem,calc(2rem*var(--reader-scale)))!important}.reader-mode h2{font-size:max(1.5rem,1.5rem)!important;font-size:max(1.5rem,calc(1.5rem*var(--reader-scale)))!important}.reader-mode h3{font-size:max(1.25rem,1.25rem)!important;font-size:max(1.25rem,calc(1.25rem*var(--reader-scale)))!important}.reader-mode h4{font-size:max(1.125rem,1.125rem)!important;font-size:max(1.125rem,calc(1.125rem*var(--reader-scale)))!important}.reader-mode a[href*="/forum/category/"],.reader-mode a[href*="/forum/thread/"]{font-size:max(1em,1em)!important;font-size:max(1em,calc(1em*var(--reader-scale)))!important}body.reader-mode .forum-category-page h1,body.reader-mode .forum-category-page>h1,body.reader-mode .forum-index-page h1,body.reader-mode .forum-index-page>h1,body.reader-mode .forum-thread-page h1,body.reader-mode .forum-thread-page>h1{font-size:max(2rem,2rem)!important;font-size:max(2rem,calc(2rem*var(--reader-scale)))!important}.reader-mode .thread-info h4.forum-title,.reader-mode .thread-list-item h4.forum-title,.reader-mode h4.forum-title{font-size:max(1.125rem,1.125rem)!important;font-size:max(1.125rem,calc(1.125rem*var(--reader-scale)))!important}.reader-mode .category-info h3.forum-title,.reader-mode .category-list-item h3.forum-title,.reader-mode h3.forum-title{font-size:max(1.25rem,1.25rem)!important;font-size:max(1.25rem,calc(1.25rem*var(--reader-scale)))!important}.reader-mode .forum-title a,.reader-mode h3.forum-title a,.reader-mode h4.forum-title a{font-size:inherit!important}.reader-mode .forum-stat__label{font-size:.875em!important;font-size:calc(.875em*var(--reader-scale))!important}.reader-mode .forum-stat span,.reader-mode .forum-stats,.reader-mode .leaderboard-name,.reader-mode .leaderboard-points,.reader-mode .leaderboard-stats,.reader-mode .leaderboard-title,.reader-mode .overview-card h3,.reader-mode .overview-card p,.reader-mode .podium-points,.reader-mode .podium-user h4,.reader-mode .stat-label,.reader-mode .stat-value,.reader-mode .thread-stats{font-size:1em!important;font-size:calc(1em*var(--reader-scale))!important}.reader-mode input[type=email],.reader-mode input[type=password],.reader-mode input[type=text],.reader-mode select,.reader-mode textarea{font-size:1em;font-size:calc(1em*var(--reader-scale))}.reader-mode .comment-body p,.reader-mode .comment-item p,.reader-mode .original-post-container .comment-text-content,.reader-mode .original-post-container p{font-size:1em!important;font-size:calc(1em*var(--reader-scale))!important;line-height:1.5!important;line-height:calc(var(--reader-spacing)*1.5)!important}body *{transition:font-size .2s ease,line-height .2s ease}.admin-sidebar *,.gallery-controls *,.main-nav *,.mobile-nav *,.nav-container *{transition:none!important}body.reader-mode:before{background:#17a2b8;border-radius:4px;color:#fff;content:"Reader Mode Active";font-size:12px;opacity:.9;padding:5px 10px;pointer-events:none;position:fixed;right:20px;top:60px;z-index:9999}@media (max-width:768px){body.reader-mode:before{display:none}}.dark-mode .gm-style .gm-style-iw,.dark-mode .gm-style .gm-style-iw-c,.dark-mode .gm-style .gm-style-iw-tc{background-color:var(--color-bg-secondary)!important}.dark-mode .gm-style .gm-style-iw-d{scrollbar-color:#555 #333;scrollbar-width:thin}.dark-mode .gm-style .gm-style-iw-d::-webkit-scrollbar{width:8px}.dark-mode .gm-style .gm-style-iw-d::-webkit-scrollbar-track{background:#333}.dark-mode .gm-style .gm-style-iw-d::-webkit-scrollbar-thumb{background-color:#555;border-radius:4px}.dark-mode .gm-style .gm-ui-hover-effect{background-color:#ffffff1a!important}.dark-mode .gm-style .gm-ui-hover-effect:hover{background-color:#fff3!important}.dark-mode .gm-style .gm-ui-hover-effect span{background-color:var(--color-text)!important}.dark-mode .gm-style-iw b,.dark-mode .gm-style-iw h2,.dark-mode .gm-style-iw h3,.dark-mode .gm-style-iw h4,.dark-mode .gm-style-iw strong{color:var(--color-text)!important}.dark-mode .gm-style-iw div,.dark-mode .gm-style-iw p,.dark-mode .gm-style-iw span{color:var(--color-text-secondary)!important}.dark-mode .gm-style .gm-style-cc>div,.dark-mode .gm-style .gm-style-mtc>div{background-color:#333!important;color:#e0e0e0!important}.dark-mode .gm-style button{background-color:#444!important;color:#e0e0e0!important}.dark-mode .gm-style button:hover{background-color:#555!important}.app-toast{align-items:center;animation:app-toast-in var(--transition-base) ease;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);bottom:var(--space-lg);box-shadow:var(--shadow-lg);display:flex;gap:var(--space-sm);max-width:400px;min-width:280px;padding:var(--space-md);position:fixed;right:var(--space-lg);z-index:99999}.app-toast--info{border-left:4px solid var(--color-info)}.app-toast--success{border-left:4px solid var(--color-success)}.app-toast--warning{border-left:4px solid var(--color-warning)}.app-toast--error{border-left:4px solid var(--color-danger)}.app-toast--info svg{color:var(--color-info);flex-shrink:0}.app-toast--success svg{color:var(--color-success);flex-shrink:0}.app-toast--warning svg{color:var(--color-warning);flex-shrink:0}.app-toast--error svg{color:var(--color-danger);flex-shrink:0}.app-toast>span{color:var(--color-text);flex:1 1;font-size:var(--font-size-sm)}.app-toast__dismiss{align-items:center;background:#0000;border:none;border-radius:var(--radius-base);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;height:28px;justify-content:center;padding:0;transition:background-color var(--transition-base);width:28px}.app-toast__dismiss:hover{background-color:var(--color-bg-secondary);color:var(--color-text)}@keyframes app-toast-in{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@media (prefers-reduced-motion:reduce){.app-toast{animation:none}}@media (max-width:768px){.app-toast{bottom:var(--space-sm);left:var(--space-sm);max-width:none;min-width:0;right:var(--space-sm)}}.media-viewer{background-color:#f5f5f5;background-color:var(--color-background-secondary,#f5f5f5);border-radius:8px;border-radius:var(--radius-base,8px);height:100%;overflow:hidden;position:relative;width:100%}.media-viewer--loading{align-items:center;display:flex;justify-content:center;min-height:200px}.media-viewer__loading{align-items:center;color:#666;color:var(--color-text-secondary,#666);display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-sm,.5rem)}.media-viewer__spinner{animation:spin 1s linear infinite;font-size:2rem}.media-viewer__loading-text{font-size:.875rem;font-size:var(--font-size-sm,.875rem)}.media-viewer--error{align-items:center;background-color:#fee;background-color:var(--color-error-light,#fee);display:flex;justify-content:center;min-height:200px}.media-viewer__error{align-items:center;color:#d32f2f;color:var(--color-error,#d32f2f);display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-sm,.5rem);padding:1rem;padding:var(--spacing-md,1rem);text-align:center}.media-viewer__error-icon{font-size:2rem}.media-viewer__error-text{font-size:.875rem;font-size:var(--font-size-sm,.875rem);max-width:300px}.media-viewer--image{display:block}.media-viewer__image{display:block;height:100%;object-fit:cover;width:100%}.media-viewer--video{display:block}.media-viewer__video{background-color:#000;display:block;height:auto;width:100%}.media-viewer__throttle-notice{align-items:center;background:linear-gradient(0deg,#000c,#0000);bottom:0;color:#fff;display:flex;font-size:.875rem;font-size:var(--font-size-sm,.875rem);gap:.5rem;gap:var(--spacing-sm,.5rem);left:0;padding:1rem;padding:var(--spacing-md,1rem);position:absolute;right:0}.media-viewer__throttle-icon{color:#ff9800;font-size:1.2rem}.media-viewer__throttle-text{flex:1 1}.media-viewer__hot-badge{align-items:center;animation:pulse 2s infinite;background-color:#ff5722;border-radius:8px;border-radius:var(--radius-base,8px);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md,0 4px 6px #0000001a);color:#fff;display:flex;font-size:.75rem;font-size:var(--font-size-xs,.75rem);font-weight:600;gap:.25rem;gap:var(--spacing-xs,.25rem);padding:.25rem .5rem;padding:var(--spacing-xs,.25rem) var(--spacing-sm,.5rem);position:absolute;right:.5rem;right:var(--spacing-sm,.5rem);top:.5rem;top:var(--spacing-sm,.5rem)}.media-viewer--unknown{align-items:center;background-color:#eee;background-color:var(--color-background-tertiary,#eee);display:flex;justify-content:center;min-height:200px}.media-viewer__unknown{align-items:center;color:#666;color:var(--color-text-secondary,#666);display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-sm,.5rem)}.media-viewer__unknown-icon{font-size:2rem}.media-viewer__unknown-text{font-size:.875rem;font-size:var(--font-size-sm,.875rem)}[data-theme=dark] .media-viewer{background-color:#2a2a2a;background-color:var(--color-background-secondary-dark,#2a2a2a)}[data-theme=dark] .media-viewer--error{background-color:#5d1414;background-color:var(--color-error-dark,#5d1414)}[data-theme=dark] .media-viewer--unknown{background-color:#333;background-color:var(--color-background-tertiary-dark,#333)}@media (max-width:768px){.media-viewer__throttle-notice{font-size:.75rem;font-size:var(--font-size-xs,.75rem);padding:.5rem;padding:var(--spacing-sm,.5rem)}.media-viewer__hot-badge{font-size:.7rem;padding:.2rem .4rem}}.media-viewer__image:focus,.media-viewer__video:focus{outline:2px solid #06c;outline:2px solid var(--color-primary,#06c);outline-offset:2px}.news-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .2s ease}.news-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.news-card:focus{outline:2px solid var(--color-primary);outline-offset:2px}.news-card--compact{flex-direction:row;height:auto}.news-card--compact .news-card__image-container{height:120px;min-width:120px;width:120px}.news-card--compact .news-card__content{padding:.75rem}.news-card--compact .news-card__title{-webkit-line-clamp:2;font-size:1rem}.news-card--minimal{background:none;border:none;box-shadow:none;cursor:pointer;display:block;height:auto;margin-bottom:0;max-height:none;min-height:auto;overflow:hidden;position:relative;text-decoration:none;width:100%;z-index:2}.news-card__minimal-container{height:200px;position:relative;width:100%}.news-card__minimal-image{border-radius:4px;display:block;height:200px;object-fit:cover;width:100%}.news-card__minimal-placeholder{align-items:center;background:#f0f0f0;border-radius:4px;color:#666;display:flex;font-size:.875rem;height:200px;justify-content:center;width:100%}.news-card__minimal-title{-webkit-line-clamp:3;-webkit-box-orient:vertical;background:linear-gradient(0deg,#000c,#0006);bottom:30px;color:#fff;display:-webkit-box;font-size:.9rem;font-weight:600;left:0;line-height:1.3;margin:0;max-height:4.5em;overflow:hidden;padding:.5rem;position:absolute;right:0;text-align:center;text-overflow:ellipsis;transition:background .2s ease}.news-card--minimal:hover .news-card__minimal-title{background:linear-gradient(0deg,#000000f2,#0009)}.news-card__image-container{background:var(--color-bg-secondary);overflow:hidden;padding-top:56.25%;position:relative;width:100%}.news-card__image{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:transform .3s ease;width:100%}.news-card:hover .news-card__image{transform:scale(1.05)}.news-card__category-badge{background:var(--color-primary);border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;left:.75rem;letter-spacing:.5px;padding:.25rem .75rem;position:absolute;text-transform:uppercase;top:.75rem;z-index:1}.news-card__content{display:flex;flex:1 1;flex-direction:column;padding:1rem}.news-card__title{color:var(--color-text);font-size:1.125rem;font-weight:600;line-height:1.4;margin:0 0 .5rem}.news-card__excerpt,.news-card__title{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.news-card__excerpt{color:var(--color-text-secondary);flex:1 1;font-size:.875rem;line-height:1.5;margin:0 0 1rem}.news-card__meta{border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:.5rem;margin-top:auto;padding-top:.75rem}.news-card__outlet{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.875rem;gap:.5rem;transition:color .2s ease}.news-card__outlet:hover{color:var(--color-primary)}.news-card__outlet-logo{border-radius:50%;height:24px;object-fit:cover;width:24px}.news-card__outlet-icon{color:var(--color-text-tertiary);font-size:1rem}.news-card__outlet-name{font-weight:500}.news-card__stats{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.news-card__stat{align-items:center;color:var(--color-text-tertiary);display:flex;font-size:.8125rem;gap:.25rem}.news-card__stat-icon{font-size:.875rem}.news-card__stat--time{color:var(--color-text-secondary)}.news-card__stat--views .news-card__stat-icon{color:var(--color-primary)}.news-card__stat--shares .news-card__stat-icon{color:var(--color-success)}.news-card__author{color:var(--color-text-tertiary);font-size:.8125rem;font-style:italic;margin-top:.5rem}.news-card__status-badge{margin-bottom:.5rem;margin-bottom:var(--space-xs,.5rem)}.news-card__status{align-items:center;border-radius:4px;border-radius:var(--radius-sm,4px);display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.news-card__status--draft{background-color:#fef3c7;border:1px solid #fde68a;color:#92400e}.news-card__status--scheduled{background-color:#dbeafe;border:1px solid #93c5fd;color:#1e3a8a;font-size:.7rem;text-transform:none}@media (prefers-color-scheme:dark){.news-card{background:var(--color-bg-secondary)}.news-card:hover{background:var(--color-bg)}.news-card__category-badge{background:var(--color-primary-dark)}.news-card__minimal-placeholder{background:#333;color:#aaa}.news-card__minimal-title{color:#e0e0e0}}@media (max-width:768px){.news-card__title{font-size:1rem}.news-card__excerpt{-webkit-line-clamp:2;font-size:.8125rem}.news-card--compact .news-card__image-container{height:100px;min-width:100px;width:100px}.news-card--compact .news-card__content{padding:.5rem}.news-card__minimal-container,.news-card__minimal-image{height:160px}.news-card__minimal-title{-webkit-line-clamp:2;background:linear-gradient(0deg,#000c,#0006);bottom:20px;font-size:.8rem;line-height:1.2;max-height:3em;padding:.25rem}.news-card--minimal:hover .news-card__minimal-title{background:linear-gradient(0deg,#000000e6,#00000080)}}@media (max-width:400px){.news-card__stats{gap:.5rem}.news-card__stat{font-size:.75rem}.news-card__minimal-container,.news-card__minimal-image{height:140px}.news-card__minimal-title{-webkit-line-clamp:2;bottom:15px;font-size:.75rem;line-height:1.2;max-height:2.8em;padding:.2rem}}.yarl__fullsize{height:100%;width:100%}.yarl__relative{position:relative}.yarl__portal{bottom:0;left:0;opacity:0;overflow:hidden;position:fixed;right:0;top:0;transition:opacity .25s ease;transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);z-index:9999;z-index:var(--yarl__portal_zindex,9999)}.yarl__portal_open{opacity:1}.yarl__container{background-color:#000;background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));bottom:0;left:0;outline:none;overflow:hidden;overscroll-behavior:contain;overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain);position:absolute;right:0;top:0;touch-action:none;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;user-select:none}.yarl__carousel{align-content:center;align-items:stretch;display:flex;flex:0 0 auto;height:100%;justify-content:center;opacity:1;opacity:var(--yarl__pull_opacity,1);transform:translate(0);transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*100%);width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px, 0)*1px + var(--yarl__carousel_spacing_percent, 0)*1%))}.yarl__carousel_with_slides{column-gap:calc(100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*0*1%);column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%)}.yarl__flex_center{align-content:center;align-items:center;display:flex;justify-content:center}.yarl__slide{flex:1 1;overflow:hidden;padding:calc(var(--yarl__carousel_padding_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_padding_percent, 0)*1%);position:relative}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{-webkit-touch-callout:none;max-height:100%;max-width:100%;object-fit:contain;touch-action:none;touch-action:var(--yarl__controller_touch_action,none);user-select:none;-webkit-user-select:none}.yarl__slide_image_cover{height:100%;object-fit:cover;width:100%}.yarl__slide_image_loading{opacity:0}@media screen and (min-width:800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transform-style:preserve-3d}}.yarl__slide_placeholder{left:50%;line-height:0;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%)}.yarl__slide_loading{animation:yarl__delayed_fadein 1s linear;color:#fffc;color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,#fffc))}.yarl__slide_loading line{animation:yarl__stroke_opacity 1s linear infinite}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{color:red;color:var(--yarl__slide_icon_error_color,red);height:48px;height:var(--yarl__slide_icon_error_size,48px);width:48px;width:var(--yarl__slide_icon_error_size,48px)}@media (prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:none 0s ease 0s;transition:initial}.yarl__slide_loading,.yarl__slide_loading line{animation:none 0s ease 0s 1 normal none running;animation:initial}}.yarl__toolbar{bottom:auto;display:flex;justify-content:flex-end;left:auto;padding:8px;padding:var(--yarl__toolbar_padding,8px);position:absolute;right:0;top:0}[dir=rtl] .yarl__toolbar{bottom:auto;left:0;right:auto;top:0}.yarl__icon{height:32px;height:var(--yarl__icon_size,32px);width:32px;width:var(--yarl__icon_size,32px)}.yarl__button{-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none;background-color:initial;background-color:var(--yarl__button_background_color,#0000);border:0;border:var(--yarl__button_border,0);color:#fffc;color:var(--yarl__color_button,#fffc);cursor:pointer;filter:drop-shadow(2px 2px 2px rgba(0,0,0,.8));filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));line-height:0;margin:0;margin:var(--yarl__button_margin,0);outline:none;padding:8px;padding:var(--yarl__button_padding,8px)}.yarl__button:focus{color:#fff;color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:#fffc;color:var(--yarl__color_button,#fffc)}.yarl__button:focus-visible{color:#fff;color:var(--yarl__color_button_active,#fff)}@media (hover:hover){.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:#fff;color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:#fff6;color:var(--yarl__color_button_disabled,#fff6);cursor:default}.yarl__navigation_next,.yarl__navigation_prev{padding:24px 16px;padding:var(--yarl__navigation_button_padding,24px 16px);position:absolute;top:50%;transform:translateY(-50%)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:auto;right:0;transform:translateY(-50%) rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:auto;transform:translateY(-50%) rotate(180deg)}.yarl__no_scroll{height:100%;overflow:hidden;overscroll-behavior:none}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}.yarl__thumbnails{display:flex;height:100%}.yarl__thumbnails_bottom,.yarl__thumbnails_end .yarl__thumbnails_track,.yarl__thumbnails_start .yarl__thumbnails_track,.yarl__thumbnails_top{flex-direction:column}.yarl__thumbnails_wrapper{flex:1 1;position:relative}.yarl__thumbnails_container{-webkit-touch-callout:none;background-color:#000;background-color:var(--yarl__thumbnails_container_background_color,var(--yarl__color_backdrop,#000));flex:0 0 auto;overflow:hidden;padding:16px;padding:var(--yarl__thumbnails_container_padding,16px);position:relative;-webkit-user-select:none;user-select:none}.yarl__thumbnails_vignette{--yarl__thumbnails_vignette_size:12%;pointer-events:none;position:absolute}@media (min-width:1200px){.yarl__thumbnails_vignette{--yarl__thumbnails_vignette_size:8%}}@media (min-width:2000px){.yarl__thumbnails_vignette{--yarl__thumbnails_vignette_size:5%}}.yarl__thumbnails_bottom .yarl__thumbnails_vignette,.yarl__thumbnails_top .yarl__thumbnails_vignette{background:linear-gradient(90deg,#000 0,#0000 12% 88%,#000);background:linear-gradient(to right,var(--yarl__color_backdrop,#000) 0,#0000 var(--yarl__thumbnails_vignette_size,12%) calc(100% - var(--yarl__thumbnails_vignette_size, 12%)),var(--yarl__color_backdrop,#000) 100%);height:100%;left:0;right:0}.yarl__thumbnails_end .yarl__thumbnails_vignette,.yarl__thumbnails_start .yarl__thumbnails_vignette{background:linear-gradient(180deg,#000 0,#0000 12% 88%,#000);background:linear-gradient(to bottom,var(--yarl__color_backdrop,#000) 0,#0000 var(--yarl__thumbnails_vignette_size,12%) calc(100% - var(--yarl__thumbnails_vignette_size, 12%)),var(--yarl__color_backdrop,#000) 100%);bottom:0;top:0;width:100%}.yarl__thumbnails_track{gap:16px;gap:var(--yarl__thumbnails_thumbnail_gap,16px);outline:none}.yarl__thumbnails_thumbnail{-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none;background:#000;background:var(--yarl__thumbnails_thumbnail_background,#000);border-color:#fffc;border-color:var(--yarl__thumbnails_thumbnail_border_color,var(--yarl__color_button,#fffc));border-radius:4px;border-radius:var(--yarl__thumbnails_thumbnail_border_radius,4px);border-style:solid;border-style:var(--yarl__thumbnails_thumbnail_border_style,solid);border-width:1px;border-width:var(--yarl__thumbnails_thumbnail_border,1px);box-sizing:initial;cursor:pointer;flex:0 0 auto;height:80px;height:var(--yarl__thumbnails_thumbnail_height,80px);outline:none;overflow:hidden;padding:4px;padding:var(--yarl__thumbnails_thumbnail_padding,4px);position:relative;width:120px;width:var(--yarl__thumbnails_thumbnail_width,120px)}.yarl__thumbnails_thumbnail_active{border-color:#fff;border-color:var(--yarl__thumbnails_thumbnail_active_border_color,var(--yarl__color_button_active,#fff))}.yarl__thumbnails_thumbnail_fadein{animation:yarl__thumbnails_thumbnail_fadein .5s ease-in-out 0s forwards;animation:yarl__thumbnails_thumbnail_fadein var(--yarl__thumbnails_thumbnail_fadein_duration,.5s) ease-in-out var(--yarl__thumbnails_thumbnail_fadein_delay,0s) forwards;opacity:0}.yarl__thumbnails_thumbnail_fadeout{animation:yarl__thumbnails_thumbnail_fadeout .5s ease-in-out 0s forwards;animation:yarl__thumbnails_thumbnail_fadeout var(--yarl__thumbnails_thumbnail_fadeout_duration,.5s) ease-in-out var(--yarl__thumbnails_thumbnail_fadeout_delay,0s) forwards;cursor:inherit}.yarl__thumbnails_thumbnail_placeholder{cursor:inherit;visibility:hidden}.yarl__thumbnails_thumbnail:focus{box-shadow:0 0 0 2px #000,0 0 0 4px #fffc;box-shadow:var(--yarl__thumbnails_thumbnail_focus_box_shadow,#000 0 0 0 2px,var(--yarl__color_button,#fffc) 0 0 0 4px)}.yarl__thumbnails_thumbnail:focus:not(:focus-visible){box-shadow:none}.yarl__thumbnails_thumbnail:focus-visible{box-shadow:0 0 0 2px #000,0 0 0 4px #fffc;box-shadow:var(--yarl__thumbnails_thumbnail_focus_box_shadow,#000 0 0 0 2px,var(--yarl__color_button,#fffc) 0 0 0 4px)}.yarl__thumbnails_thumbnail_icon{color:#fffc;color:var(--yarl__thumbnails_thumbnail_icon_color,var(--yarl__color_button,#fffc));filter:drop-shadow(2px 2px 2px rgba(0,0,0,.8));filter:var(--yarl__thumbnails_thumbnail_icon_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));height:32px;height:var(--yarl__thumbnails_thumbnail_icon_size,32px);left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:32px;width:var(--yarl__thumbnails_thumbnail_icon_size,32px)}@keyframes yarl__thumbnails_thumbnail_fadein{0%{opacity:0}to{opacity:1}}@keyframes yarl__thumbnails_thumbnail_fadeout{0%{opacity:1}to{opacity:0}}.yarl__container .yarl__toolbar,.yarl__portal .yarl__toolbar,.yarl__root .yarl__toolbar,div[class*=yarl__] .yarl__toolbar{align-items:center!important;display:flex!important;gap:10px!important;justify-content:flex-end!important;left:auto!important;margin-top:0!important;opacity:1!important;padding:0!important;position:fixed!important;right:20px!important;top:80px!important;transform:none!important;visibility:visible!important;width:auto!important;z-index:10001!important}.yarl__toolbar__left,.yarl__toolbar__right{display:flex!important;gap:10px!important;pointer-events:auto!important}.yarl__container .yarl__button,.yarl__container .yarl__toolbar button,.yarl__portal .yarl__button,.yarl__portal .yarl__toolbar button,.yarl__root .yarl__button,.yarl__root .yarl__toolbar button,button[class*=yarl__button],div[class*=yarl__] .yarl__toolbar button{align-items:center!important;background:#000c!important;border:2px solid #fff!important;border-radius:8px!important;bottom:auto!important;box-shadow:0 2px 8px #00000080!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;font-size:24px!important;height:48px!important;justify-content:center!important;left:auto!important;margin:0!important;opacity:1!important;padding:10px!important;pointer-events:auto!important;position:relative!important;right:auto!important;top:auto!important;visibility:visible!important;width:48px!important}.yarl__container .yarl__toolbar button:hover,.yarl__portal .yarl__toolbar button:hover,.yarl__root .yarl__toolbar button:hover,button[class*=yarl__button]:hover{background:#fff!important;border-color:#fff!important;color:#000!important;transform:scale(1.1)!important}.yarl__navigation_next,.yarl__navigation_prev{opacity:1!important;visibility:visible!important}.yarl__container{background:#000000f2!important}.yarl__icon{fill:#fff!important;height:24px!important;width:24px!important}[class*=yarl__toolbar]{display:flex!important;gap:10px!important;margin-top:0!important;position:fixed!important;transform:translateY(0)!important;width:auto!important}[class*=yarl__toolbar],body .yarl__portal .yarl__container .yarl__toolbar,html body div[role=presentation] .yarl__toolbar{justify-content:flex-end!important;left:auto!important;right:20px!important;top:80px!important}html body div[role=presentation] .yarl__toolbar{position:fixed!important}.yarl__slide{flex:0 0 100%!important;max-width:100%!important;padding:0!important;width:100%!important}.yarl__carousel{column-gap:0!important;flex-wrap:nowrap!important;width:100%!important}.yarl__container,.yarl__portal{--yarl__carousel_slides_count:1!important;--yarl__carousel_padding_px:0!important;--yarl__carousel_padding_percent:0!important;--yarl__carousel_spacing_px:0!important;--yarl__carousel_spacing_percent:0!important;overflow:hidden!important}.yarl__portal{bottom:0!important;left:0!important;position:fixed!important;right:0!important;top:0!important;z-index:2147483647!important}.yarl__carousel_with_slides{max-width:100vw!important;overflow:hidden!important}.yarl__slide_image{display:block!important;left:0!important;margin:0 auto!important;position:relative!important;right:0!important;transform:none!important}:root{--yarl__carousel_padding_px:0;--yarl__carousel_padding_percent:0;--yarl__carousel_spacing_px:0;--yarl__carousel_spacing_percent:0;--yarl__carousel_slides_count:1}.rc-media-image--clickable{cursor:pointer}.rc-video-icon--thumbnail{font-size:10px;height:20px;right:2px;top:2px;width:20px}@media (max-width:768px){.yarl__navigation_next,.yarl__navigation_prev{display:none!important}}@media (min-width:769px){.yarl__navigation_next,.yarl__navigation_prev{align-items:center!important;background:#000000b3!important;border:2px solid #fff!important;border-radius:50%!important;color:#fff!important;cursor:pointer!important;display:flex!important;height:48px!important;justify-content:center!important;transition:all .2s ease!important;width:48px!important}.yarl__navigation_next:hover,.yarl__navigation_prev:hover{background:#fff!important;color:#000!important;transform:scale(1.1)!important}}.ReportCard_successStory__W7BeC{border:2px solid #28a745;box-shadow:0 0 10px #28a7454d}.ReportCard_successBanner__Ob0Be{background-color:#28a745;color:#fff;font-size:14px;font-weight:700;margin:0;padding:8px 12px;text-align:center}.ReportCard_dark__KC0A\+ .ReportCard_successStory__W7BeC{border-color:#28a745;box-shadow:0 0 15px #28a74580}.ReportCard_dark__KC0A\+ .ReportCard_successBanner__Ob0Be{background-color:#28a745;color:#fff}.ReportCard_successUpdate__6SkRO{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:4px;color:#155724;font-size:14px;line-height:1.5;margin:10px;padding:10px 12px}.ReportCard_dark__KC0A\+ .ReportCard_successUpdate__6SkRO{background-color:#1e4620;border-color:#28a745;color:#d4edda}.ReportCard_fullDescription__5qn9L{font-size:14px;line-height:1.6;margin:20px 10px}.ReportCard_cardSummary__bkDx-.ReportCard_fullDescription__5qn9L,.ReportCard_fullDescription__5qn9L,.ReportCard_rc-summary__EtTSj.ReportCard_fullDescription__5qn9L{-webkit-line-clamp:unset!important;display:block!important;height:auto!important;max-height:none!important;min-height:auto!important;overflow:visible!important;text-overflow:clip!important}.ReportCard_dark-mode__OcjWV .ReportCard_cardSummary__bkDx-,.ReportCard_dark-mode__OcjWV .ReportCard_fullDescription__5qn9L{color:#b0b0b0}.ReportCard_rc-container__MNdm9,.ReportCard_reportCard__sdTLr{background-color:#fff;border:1px solid #ccc;border-radius:12px;box-shadow:0 3px 8px #0000001a;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:10px;position:relative;transition:transform .2s,box-shadow .2s}.ReportCard_reportCard__sdTLr:hover{box-shadow:0 6px 16px #00000026;transform:translateY(-3px)}.ReportCard_collapsed__kkqIa{box-shadow:none;height:auto;margin-bottom:0;max-height:none;min-height:160px}.ReportCard_cardMedia__Nr9Oq,.ReportCard_rc-media__wxu1D{border-radius:8px;flex-shrink:0;height:160px;margin:10px 10px 0;max-height:160px;min-height:160px;overflow:visible!important;position:relative;width:calc(100% - 20px)}.ReportCard_cardMedia__Nr9Oq img{border-radius:8px;height:100%;object-fit:cover;width:100%}.ReportCard_placeholderImage__iGsnZ,.ReportCard_rc-media-placeholder__FyHK4{background-color:#f0f0f0;height:100%;object-fit:cover;width:100%}.ReportCard_rc-video-icon__fNHJY,.ReportCard_videoIcon__B8Hcv{align-items:center;background-color:#000000b3;border-radius:50%;color:#fff;display:flex;font-size:14px;height:30px;justify-content:center;position:absolute;right:10px;top:10px;width:30px}.ReportCard_deleteButton__NIGuU,.ReportCard_rc-delete-button__SCihz{align-items:center;background-color:#f00c;border:none;border-radius:50%;bottom:auto!important;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;left:10px!important;margin:0!important;padding:0!important;pointer-events:auto!important;position:absolute!important;right:auto!important;top:10px!important;touch-action:manipulation;transform:none!important;transition:none!important;width:30px;z-index:9999!important}.ReportCard_deleteButton__NIGuU:hover,.ReportCard_rc-delete-button__SCihz:hover{background-color:red!important;opacity:1!important}.ReportCard_deleteButton__NIGuU:disabled{background-color:#ff000080;cursor:not-allowed}.ReportCard_rc-spinner__ona9n,.ReportCard_spinner__JHufD{animation:ReportCard_spin__7qR\+S .8s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:#0000;height:16px;width:16px}@keyframes ReportCard_spin__7qR\+S{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.ReportCard_infoRow__t1Opi{display:flex!important;min-height:20px!important;opacity:1!important;position:relative!important;visibility:visible!important;z-index:10!important}.ReportCard_infoRow__t1Opi>div{display:block!important;opacity:1!important;visibility:visible!important}.ReportCard_infoRow__t1Opi.ReportCard_viewsReporterRow__4KJtD{display:flex!important;justify-content:space-between!important;opacity:1!important;visibility:visible!important;width:100%!important}.ReportCard_viewsReporterRow__4KJtD>div:last-child{display:block!important;opacity:1!important;text-align:right!important;visibility:visible!important}}@media only screen and (hover:none) and (pointer:coarse){.ReportCard_infoRow__t1Opi{display:flex!important;opacity:1!important;visibility:visible!important}.ReportCard_viewsReporterRow__4KJtD>div{display:block!important;opacity:1!important;visibility:visible!important}}.ReportCard_rc-status-bar__KthEg,.ReportCard_statusBar__Cy3VP{border-radius:12px;box-shadow:0 2px 4px #0003;display:inline-block;font-size:12px;font-weight:500;margin:.5rem 8px;padding:4px 0;position:relative;text-align:center;text-transform:uppercase;width:calc(100% - 16px)}.ReportCard_rc-status-text__9HMYh,.ReportCard_statusText__hVBpC{display:inline-block}.ReportCard_rc-status-cycle-icon__09ckY,.ReportCard_statusCycleIcon__nU1HS{font-size:14px;opacity:.5;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all .2s ease}.ReportCard_statusBar__Cy3VP:hover .ReportCard_statusCycleIcon__nU1HS{animation:ReportCard_spin__7qR\+S 2s linear infinite;opacity:1}.ReportCard_rc-status-bar__KthEg[data-status=open],.ReportCard_statusBar__Cy3VP.ReportCard_statusOpen__MuivO{background:linear-gradient(135deg,#ff4500,#cc3700);border:1px solid #cc3700;color:#fff}.ReportCard_rc-status-bar__KthEg[data-status=active],.ReportCard_statusBar__Cy3VP.ReportCard_statusActive__awG\+Y{animation:ReportCard_pulse__pTxH1 1.5s infinite;background:red;border:1px solid #c00;color:#fff}.ReportCard_rc-status-bar__KthEg[data-status=amber-alert],.ReportCard_statusBar__Cy3VP.ReportCard_amberAlert__qjjlt{animation:ReportCard_pulse__pTxH1 1s infinite;background:#ffbf00;border:1px solid #cc9f00;color:#fff}.ReportCard_rc-status-bar__KthEg[data-status=silver-alert],.ReportCard_statusBar__Cy3VP.ReportCard_silverAlert__kN57U{animation:ReportCard_pulse__pTxH1 2s infinite;background:silver;border:1px solid #a0a0a0;color:#fff}.ReportCard_rc-status-bar__KthEg[data-status=unsolved],.ReportCard_statusBar__Cy3VP.ReportCard_statusUnsolved__tCBGZ{background:#000;border:1px solid #333;color:#fff;opacity:.8;text-shadow:1px 1px 2px #000000b3}.ReportCard_rc-status-bar__KthEg[data-status=closed],.ReportCard_statusBar__Cy3VP.ReportCard_statusClosed__lrxRH{background:linear-gradient(135deg,#28a745,#218838);border:1px solid #218838;color:#fff}.ReportCard_rc-status-bar__KthEg[data-status=pending],.ReportCard_statusBar__Cy3VP.ReportCard_statusPending__hT0hO{background:linear-gradient(135deg,#ffc107,#ff9800);border:1px solid #ff9800;color:#fff}.ReportCard_rc-status-bar__KthEg[data-status=recovered],.ReportCard_statusBar__Cy3VP.ReportCard_statusRecovered__p47nV{background:linear-gradient(135deg,#17a2b8,#138496);border:1px solid #138496;color:#fff}.ReportCard_rc-status-bar__KthEg[data-status=unknown],.ReportCard_statusBar__Cy3VP.ReportCard_statusUnknown__CN9eo{background:#6c757d;border:1px solid #5a6268;color:#fff;opacity:.7}@keyframes ReportCard_pulse__pTxH1{0%{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.ReportCard_rc-type-bar__ZvmRY,.ReportCard_reportTypeBar__AhOn\+{border-radius:12px;box-shadow:0 2px 4px #0003;display:inline-block;font-size:12px;font-weight:500;margin:.5rem 8px;padding:4px 0;text-align:center;text-transform:uppercase;width:calc(100% - 16px)}.ReportCard_rc-type-bar__ZvmRY[data-type=stolen],.ReportCard_reportTypeBar__AhOn\+.ReportCard_report-type-stolen__GL7hZ,.ReportCard_reportTypeBar__AhOn\+.ReportCard_reportTypeStolen__wODi3{background:linear-gradient(135deg,#e74c3c,#c0392b);border:1px solid #c0392b;color:#fff}.ReportCard_rc-type-bar__ZvmRY[data-type=lost],.ReportCard_reportTypeBar__AhOn\+.ReportCard_report-type-lost__oWzBH,.ReportCard_reportTypeBar__AhOn\+.ReportCard_reportTypeLost__SKojQ{background:linear-gradient(135deg,#f39c12,#d35400);border:1px solid #d35400;color:#fff}.ReportCard_rc-type-bar__ZvmRY[data-type=found],.ReportCard_reportTypeBar__AhOn\+.ReportCard_report-type-found__aKfcd,.ReportCard_reportTypeBar__AhOn\+.ReportCard_reportTypeFound__nDqkl{background:linear-gradient(135deg,#2ecc71,#27ae60);border:1px solid #27ae60;color:#fff}.ReportCard_rc-type-bar__ZvmRY[data-type=missing-person],.ReportCard_reportTypeBar__AhOn\+.ReportCard_report-type-missing__H4oFv,.ReportCard_reportTypeBar__AhOn\+.ReportCard_reportTypeMissing__feAXJ{background:linear-gradient(135deg,red,#c00);border:1px solid #c00;color:#fff}.ReportCard_rc-type-bar__ZvmRY[data-type=other-crime],.ReportCard_reportTypeBar__AhOn\+.ReportCard_report-type-other-crime__jhoSU,.ReportCard_reportTypeBar__AhOn\+.ReportCard_reportTypeOtherCrime__ojDzF{background:linear-gradient(135deg,#9b59b6,#8e44ad);border:1px solid #8e44ad;color:#fff}.ReportCard_rc-type-bar__ZvmRY[data-type=miscellaneous],.ReportCard_reportTypeBar__AhOn\+.ReportCard_report-type-miscellaneous__8VsK5,.ReportCard_reportTypeBar__AhOn\+.ReportCard_reportTypeMiscellaneous__42VIy{background:linear-gradient(135deg,#95a5a6,#7f8c8d);border:1px solid #7f8c8d;color:#fff}.ReportCard_rc-type-bar__ZvmRY[data-type=burglary],.ReportCard_reportTypeBar__AhOn\+.ReportCard_report-type-burglary__txxPg,.ReportCard_reportTypeBar__AhOn\+.ReportCard_reportTypeBurglary__UO5GJ{background:linear-gradient(135deg,#c0392b,#922b20);border:1px solid #922b20;color:#fff}.ReportCard_rc-type-bar__ZvmRY[data-type=robbery],.ReportCard_reportTypeBar__AhOn\+.ReportCard_report-type-robbery__9m6iD,.ReportCard_reportTypeBar__AhOn\+.ReportCard_reportTypeRobbery__hKpNL{background:linear-gradient(135deg,#d81b60,#a01548);border:1px solid #a01548;color:#fff}.ReportCard_rc-type-bar__ZvmRY[data-type=assault],.ReportCard_reportTypeBar__AhOn\+.ReportCard_report-type-assault__Ym2\+0,.ReportCard_reportTypeBar__AhOn\+.ReportCard_reportTypeAssault__d6bO-{background:linear-gradient(135deg,#8e24aa,#6a1b9a);border:1px solid #6a1b9a;color:#fff}.ReportCard_rc-type-bar__ZvmRY[data-type=arson],.ReportCard_reportTypeBar__AhOn\+.ReportCard_report-type-arson__ECzX7,.ReportCard_reportTypeBar__AhOn\+.ReportCard_reportTypeArson__AwSWg{background:linear-gradient(135deg,#ff7043,#e64a19);border:1px solid #e64a19;color:#fff}.ReportCard_rc-type-bar__ZvmRY[data-type=fraud],.ReportCard_reportTypeBar__AhOn\+.ReportCard_report-type-fraud__raQqE,.ReportCard_reportTypeBar__AhOn\+.ReportCard_reportTypeFraud__LXWA4{background:linear-gradient(135deg,#43a047,#2e7d32);border:1px solid #2e7d32;color:#fff}.ReportCard_rc-type-bar__ZvmRY[data-type=trespassing],.ReportCard_reportTypeBar__AhOn\+.ReportCard_report-type-trespassing__GYG79,.ReportCard_reportTypeBar__AhOn\+.ReportCard_reportTypeTrespassing__yhQGz{background:linear-gradient(135deg,#1e88e5,#0d47a1);border:1px solid #0d47a1;color:#fff}.ReportCard_rc-type-bar__ZvmRY[data-type=animal],.ReportCard_reportTypeBar__AhOn\+.ReportCard_report-type-animal__t74\+O,.ReportCard_reportTypeBar__AhOn\+.ReportCard_reportTypeAnimal__F30h-{background:linear-gradient(135deg,#8d6e63,#5d4037);border:1px solid #5d4037;color:#fff}.ReportCard_rc-type-bar__ZvmRY[data-type=vandalism],.ReportCard_reportTypeBar__AhOn\+.ReportCard_report-type-vandalism__I4Kgc,.ReportCard_reportTypeBar__AhOn\+.ReportCard_reportTypeVandalism__\+bqqh{background:linear-gradient(135deg,#795548,#4e342e);border:1px solid #4e342e;color:#fff}.ReportCard_rc-type-bar__ZvmRY[data-type=missing-person],.ReportCard_reportTypeBar__AhOn\+.ReportCard_report-type-missing-person__dD0j8,.ReportCard_reportTypeBar__AhOn\+.ReportCard_reportTypeMissing_person__K8lNc{background:linear-gradient(135deg,#3498db,#1a5276);border:1px solid #1a5276;color:#fff}.ReportCard_rc-type-bar__ZvmRY[data-type=other-crime],.ReportCard_reportTypeBar__AhOn\+.ReportCard_report-type-other-crime__jhoSU,.ReportCard_reportTypeBar__AhOn\+.ReportCard_reportTypeOther_crime__FRDw7{background:linear-gradient(135deg,#9b59b6,#8e44ad);border:1px solid #8e44ad;color:#fff}.ReportCard_rc-type-bar__ZvmRY[data-type=vehicle-theft],.ReportCard_reportTypeBar__AhOn\+.ReportCard_report-type-vehicle-theft__BwHA0,.ReportCard_reportTypeBar__AhOn\+.ReportCard_reportTypeVehicle_theft__7aJY7{background:linear-gradient(135deg,#d32f2f,#b71c1c);border:1px solid #b71c1c;color:#fff}.ReportCard_rc-type-bar__ZvmRY[data-type=beach-incident],.ReportCard_reportTypeBar__AhOn\+.ReportCard_report-type-beach-incident__90IEg,.ReportCard_reportTypeBar__AhOn\+.ReportCard_reportTypeBeach_incident__cDFB4{background:linear-gradient(135deg,#00acc1,#006064);border:1px solid #006064;color:#fff}.ReportCard_rc-type-bar__ZvmRY[data-type=illegal-activity],.ReportCard_reportTypeBar__AhOn\+.ReportCard_report-type-illegal-activity__kiT2d,.ReportCard_reportTypeBar__AhOn\+.ReportCard_reportTypeIllegal_activity__UESzJ{background:linear-gradient(135deg,#ff5722,#bf360c);border:1px solid #bf360c;color:#fff}.ReportCard_rc-type-bar__ZvmRY[data-type=drug-activity],.ReportCard_reportTypeBar__AhOn\+.ReportCard_report-type-drug-activity__\+NdXC,.ReportCard_reportTypeBar__AhOn\+.ReportCard_reportTypeDrug_activity__oEe1C{background:linear-gradient(135deg,#8bc34a,#33691e);border:1px solid #33691e;color:#fff}.ReportCard_rc-type-bar__ZvmRY[data-type=hit-and-run],.ReportCard_reportTypeBar__AhOn\+.ReportCard_report-type-hit-and-run__\+c\+AJ,.ReportCard_reportTypeBar__AhOn\+.ReportCard_reportTypeHit_and_run__uSbX4{background:linear-gradient(135deg,#ff9800,#e65100);border:1px solid #e65100;color:#fff}.ReportCard_rc-type-bar__ZvmRY[data-type=crime],.ReportCard_reportTypeBar__AhOn\+.ReportCard_report-type-crime__XsKAM,.ReportCard_reportTypeBar__AhOn\+.ReportCard_reportTypeCrime__BQmH2{background:linear-gradient(135deg,#9b59b6,#8e44ad);border:1px solid #8e44ad;color:#fff}.dark-mode .ReportCard_reportTypeBar__AhOn\+.ReportCard_report-type-stolen__GL7hZ,.dark-mode .ReportCard_reportTypeBar__AhOn\+.ReportCard_reportTypeStolen__wODi3,.dark-mode .ReportCard_reportTypeBar__AhOn\+.ReportCard_reportTypeTheft__uEkjz{background:linear-gradient(135deg,#c0392b,#922b20);border:1px solid #922b20;color:#fff!important}.dark-mode .ReportCard_reportTypeBar__AhOn\+.ReportCard_report-type-missing__H4oFv,.dark-mode .ReportCard_reportTypeBar__AhOn\+.ReportCard_reportTypeMissing__feAXJ{background:linear-gradient(135deg,#c00,#900);border:1px solid #900;color:#fff!important}.dark-mode .ReportCard_reportTypeBar__AhOn\+.ReportCard_report-type-vandalism__I4Kgc,.dark-mode .ReportCard_reportTypeBar__AhOn\+.ReportCard_reportTypeVandalism__\+bqqh{background:linear-gradient(135deg,#5d4037,#3e2723)}.dark-mode .ReportCard_reportTypeBar__AhOn\+.ReportCard_report-type-burglary__txxPg,.dark-mode .ReportCard_reportTypeBar__AhOn\+.ReportCard_reportTypeBurglary__UO5GJ{background:linear-gradient(135deg,#922b20,#6d1f17)}.dark-mode .ReportCard_reportTypeBar__AhOn\+.ReportCard_report-type-robbery__9m6iD,.dark-mode .ReportCard_reportTypeBar__AhOn\+.ReportCard_reportTypeRobbery__hKpNL{background:linear-gradient(135deg,#a01548,#760f34)}.dark-mode .ReportCard_reportTypeBar__AhOn\+.ReportCard_report-type-animal__t74\+O,.dark-mode .ReportCard_reportTypeBar__AhOn\+.ReportCard_reportTypeAnimal__F30h-{background:linear-gradient(135deg,#5d4037,#3e2723)}.dark-mode .ReportCard_reportTypeBar__AhOn\+.ReportCard_report-type-missing-person__dD0j8,.dark-mode .ReportCard_reportTypeBar__AhOn\+.ReportCard_reportTypeMissing_person__K8lNc{background:linear-gradient(135deg,#1a5276,#0c3c5c)}.dark-mode .ReportCard_reportTypeBar__AhOn\+.ReportCard_report-type-other-crime__jhoSU,.dark-mode .ReportCard_reportTypeBar__AhOn\+.ReportCard_reportTypeOther_crime__FRDw7{background:linear-gradient(135deg,#8e44ad,#6c3483)}.dark-mode .ReportCard_reportTypeBar__AhOn\+.ReportCard_report-type-vehicle-theft__BwHA0,.dark-mode .ReportCard_reportTypeBar__AhOn\+.ReportCard_reportTypeVehicle_theft__7aJY7{background:linear-gradient(135deg,#b71c1c,#7f1010)}.dark-mode .ReportCard_reportTypeBar__AhOn\+.ReportCard_report-type-beach-incident__90IEg,.dark-mode .ReportCard_reportTypeBar__AhOn\+.ReportCard_reportTypeBeach_incident__cDFB4{background:linear-gradient(135deg,#006064,#00363a)}.dark-mode .ReportCard_reportTypeBar__AhOn\+.ReportCard_report-type-illegal-activity__kiT2d,.dark-mode .ReportCard_reportTypeBar__AhOn\+.ReportCard_reportTypeIllegal_activity__UESzJ{background:linear-gradient(135deg,#bf360c,#8c2908)}.dark-mode .ReportCard_reportTypeBar__AhOn\+.ReportCard_report-type-drug-activity__\+NdXC,.dark-mode .ReportCard_reportTypeBar__AhOn\+.ReportCard_reportTypeDrug_activity__oEe1C{background:linear-gradient(135deg,#33691e,#1b350f)}.dark-mode .ReportCard_reportTypeBar__AhOn\+.ReportCard_report-type-hit-and-run__\+c\+AJ,.dark-mode .ReportCard_reportTypeBar__AhOn\+.ReportCard_reportTypeHit_and_run__uSbX4{background:linear-gradient(135deg,#e65100,#ac3c00)}.ReportCard_rc-type-text__fFgsQ,.ReportCard_reportTypeText__NCnDf{align-items:center;display:flex;justify-content:center}.ReportCard_rc-type-icon__TkY2H,.ReportCard_reportTypeIcon__tVgTG{font-size:14px;margin-right:6px}.ReportCard_cardTitle__np9lg,.ReportCard_rc-title__3hOxQ{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#333;display:-webkit-box;flex-shrink:0;font-size:16px;font-size:var(--rc-title-font-size,16px);font-weight:600;height:45px;line-height:1.3;margin:0 0 5px;max-height:45px;min-height:45px;overflow:hidden;padding:5px 0;text-align:center}.ReportCard_cardSummary__bkDx-,.ReportCard_rc-summary__EtTSj{color:#718096;flex-shrink:0;font-size:13px;font-size:var(--rc-summary-font-size,13px);height:60px;line-height:1.5;margin:10px 0;max-height:60px;min-height:60px;padding:0 10px}.ReportCard_cardSummary__bkDx-,.ReportCard_longSummary__lb2zY,.ReportCard_rc-summary__EtTSj{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.ReportCard_longSummary__lb2zY{animation:none;border-right:none;max-height:58.5px;white-space:normal}.ReportCard_rc-separator__-pIZa,.ReportCard_separator__mM03a{background-color:#eee;height:1px;margin:4px 16px}.ReportCard_infoRow__t1Opi,.ReportCard_rc-info-row__P5DIL{align-items:center;color:#666;display:flex;font-size:13px;font-size:var(--rc-metadata-font-size,13px);justify-content:space-between;padding:8px 12px}.ReportCard_reportCard__sdTLr:not(.ReportCard_collapsed__kkqIa) .ReportCard_infoRow__t1Opi{display:flex}.ReportCard_prRow__YOTPK{gap:4px;justify-content:center}.ReportCard_prLabel__8-UqX,.ReportCard_rc-pr-label__Oy18j{color:#2b6cb0;font-weight:600;margin-right:4px}.ReportCard_prNumber__p-kkS,.ReportCard_rc-pr-number__Zk9q1{align-items:center;background-color:#e6f0fa;border-radius:4px;display:inline-flex;font-size:12px;font-size:var(--rc-small-font-size,12px);padding:3px 8px}.ReportCard_notProvided__3adWQ{color:#718096;font-style:italic}.ReportCard_petStatusBadge__Yruk4{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 2px 4px #0000001a;color:#fff;font-size:12px;font-weight:600;margin-left:auto;padding:3px 10px;white-space:nowrap}.ReportCard_prRow__YOTPK{align-items:center;display:flex;gap:8px;justify-content:flex-start}.ReportCard_binderActionBtn__QNmYM{position:absolute;right:18px;top:18px;z-index:10}@media (max-width:768px){.ReportCard_cardMediaContainer__iFox3{height:auto}.ReportCard_mainMediaDisplay__JLgbV{height:160px;max-height:160px;min-height:160px}.ReportCard_reportCard__sdTLr{height:auto;max-height:none;min-height:650px}.ReportCard_cardMedia__Nr9Oq{min-height:140px}.ReportCard_cardMedia__Nr9Oq img{height:140px}.ReportCard_infoRow__t1Opi{flex-direction:row;flex-wrap:wrap;justify-content:space-between}}.dark-mode .ReportCard_reportCard__sdTLr{background-color:#2d3748;border-color:#4a5568;box-shadow:0 3px 8px #0000004d}.dark-mode .ReportCard_reportCard__sdTLr:hover{box-shadow:0 6px 16px #0006}.dark-mode .ReportCard_cardTitle__np9lg{color:#e2e8f0}.dark-mode .ReportCard_cardSummary__bkDx-{color:#a0aec0}.dark-mode .ReportCard_separator__mM03a{background-color:#4a5568}.dark-mode .ReportCard_infoRow__t1Opi{color:#a0aec0}.dark-mode .ReportCard_prLabel__8-UqX{color:#63b3ed}.dark-mode .ReportCard_prNumber__p-kkS{background-color:#2c5282;color:#e2e8f0}.dark-mode .ReportCard_petStatusBadge__Yruk4{background:linear-gradient(135deg,#4c51bf,#9f7aea);box-shadow:0 2px 4px #0000004d}.dark-mode .ReportCard_notProvided__3adWQ{color:#718096}.dark-mode .ReportCard_placeholderImage__iGsnZ{background-color:#4a5568}.dark-mode .ReportCard_mediaGalleryInternal__rrgIc{background-color:#2d3748;scrollbar-color:#4a5568 #2d3748}.dark-mode .ReportCard_mediaGalleryInternal__rrgIc::-webkit-scrollbar-track{background:#2d3748}.dark-mode .ReportCard_mediaGalleryInternal__rrgIc::-webkit-scrollbar-thumb{background-color:#4a5568;border:2px solid #2d3748}.dark-mode .ReportCard_detectiveModeButton__TYCTW{background-color:#555;color:#e2e8f0}.dark-mode .ReportCard_detectiveModeButton__TYCTW:hover{background-color:#777}.reports-list .ReportCard_rc-container__MNdm9,.reports-list .ReportCard_reportCard__sdTLr{align-items:flex-start;border-left:3px solid #0000;display:flex;flex-direction:row;gap:1rem;min-height:auto;padding:1rem;transition:background-color .2s ease}.reports-list .ReportCard_reportCard__sdTLr:nth-child(2n){background-color:var(--color-bg-secondary)}.reports-list .ReportCard_reportCard__sdTLr[data-report-type=stolen]{border-left-color:var(--color-type-stolen)}.reports-list .ReportCard_reportCard__sdTLr[data-report-type=lost]{border-left-color:var(--color-type-lost)}.reports-list .ReportCard_reportCard__sdTLr[data-report-type=found]{border-left-color:var(--color-type-found)}.reports-list .ReportCard_reportCard__sdTLr[data-report-type=missing]{border-left-color:var(--color-type-missing)}.reports-list .ReportCard_reportCard__sdTLr[data-report-type=injured]{border-left-color:var(--color-type-injured)}.reports-list .ReportCard_reportCard__sdTLr:hover{background-color:var(--color-bg-hover);box-shadow:0 2px 8px #0000001a;transform:none}.reports-list .ReportCard_cardMedia__Nr9Oq,.reports-list .ReportCard_rc-media__wxu1D{flex-shrink:0;height:80px;margin:0;max-height:80px;max-width:80px;min-height:80px;min-width:80px;width:80px}.ReportCard_rcListContent__sr4dI{display:flex;flex:1 1;flex-direction:column;gap:.5rem;min-width:0}.ReportCard_rcListHeader__NWKNe{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.ReportCard_rcListTitle__tlEyr{color:var(--color-text);flex:1 1;font-size:1.1rem;font-weight:600;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ReportCard_rcListMetadata__MOxDJ{align-items:center;color:var(--color-text-secondary);display:flex;flex-wrap:wrap;font-size:.875rem;gap:1rem}.ReportCard_rcListMetaItem__PYZ5Z{align-items:center;display:flex;gap:.25rem}.ReportCard_rcListSummary__NIole{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text);display:-webkit-box;font-size:.925rem;line-height:1.5;margin:0;overflow:hidden;text-overflow:ellipsis}.ReportCard_rcListActions__DyFP3{align-items:center;display:flex;flex-shrink:0;gap:.5rem;margin-left:auto}.reports-list .ReportCard_rc-status-badge__fE5aG,.reports-list .ReportCard_rc-type-badge__2yjKJ{border-radius:.25rem;font-size:.75rem;font-weight:500;padding:.25rem .5rem;white-space:nowrap}.reports-list .ReportCard_rc-type-badge__2yjKJ{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text)}.reports-list .ReportCard_rc-status-badge__fE5aG{background-color:var(--color-info);color:#fff}@media (max-width:768px){.reports-list .ReportCard_rc-container__MNdm9,.reports-list .ReportCard_reportCard__sdTLr{gap:.75rem;padding:.75rem}.reports-list .ReportCard_cardMedia__Nr9Oq,.reports-list .ReportCard_rc-media__wxu1D{height:60px;max-height:60px;max-width:60px;min-height:60px;min-width:60px;width:60px}.ReportCard_rcListTitle__tlEyr{font-size:1rem}.ReportCard_rcListMetadata__MOxDJ{font-size:.75rem;gap:.5rem}.ReportCard_rcListSummary__NIole{-webkit-line-clamp:3;font-size:.875rem}}.dark-mode .reports-list .ReportCard_reportCard__sdTLr{background-color:var(--color-bg);color:var(--color-text)}.dark-mode .reports-list .ReportCard_reportCard__sdTLr:nth-child(2n){background-color:var(--color-bg-secondary)}.dark-mode .reports-list .ReportCard_reportCard__sdTLr:hover{background-color:var(--color-bg-hover)}.dark-mode .ReportCard_rcListTitle__tlEyr{color:var(--color-text)}.dark-mode .ReportCard_rcListMetadata__MOxDJ{color:var(--color-text-secondary)}.dark-mode .ReportCard_rcListSummary__NIole{color:var(--color-text)}.ReportCard_cardMediaContainer__iFox3,.ReportCard_rc-media-container__c8LG0{display:flex;flex-direction:column;flex-shrink:0;margin:10px 10px 5px;position:relative;width:calc(100% - 20px)}.ReportCard_mainMediaDisplay__JLgbV,.ReportCard_rc-media-display__qUMQW{align-items:center;background-color:#f0f0f0;border-radius:8px;display:flex;flex-shrink:0;height:160px;justify-content:center;max-height:160px;min-height:160px;overflow:visible!important;position:relative;width:100%}@media (min-width:1200px){.ReportCard_mainMediaDisplay__JLgbV.ReportCard_detailView__usged{height:500px;max-height:500px;min-height:500px}}.ReportCard_mainMediaDisplay__JLgbV.ReportCard_detailView__usged img{object-fit:contain}.ReportCard_mainMediaDisplay__JLgbV img{border-radius:8px;display:block;height:100%;min-height:100%;object-fit:cover;width:100%}.ReportCard_mainVideo__TuAku,.ReportCard_rc-media-video__enf3b{background-color:#000;border-radius:8px;display:block;height:100%;object-fit:contain;width:100%}.ReportCard_mainMediaDisplay__JLgbV .ReportCard_placeholderImage__iGsnZ{height:100%;object-fit:cover;width:100%}.ReportCard_rc-thumbnail-gallery__jsAQz,.ReportCard_thumbnailGallery__q4HWN{box-sizing:border-box;display:flex;height:60px;margin-top:5px;overflow-x:auto;overflow-y:hidden;padding:8px 0;scrollbar-color:#ccc #f0f0f0;scrollbar-width:thin;width:100%}.ReportCard_thumbnailGallery__q4HWN::-webkit-scrollbar{height:6px}.ReportCard_thumbnailGallery__q4HWN::-webkit-scrollbar-track{background:#f0f0f0;border-radius:3px}.ReportCard_thumbnailGallery__q4HWN::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:3px}.ReportCard_rc-thumbnail-item__HjAnU,.ReportCard_thumbnailItem__HEkzO{align-items:center;background-color:#e0e0e0;border:2px solid #0000;border-radius:4px;cursor:pointer;display:flex;flex:0 0 50px;height:50px;justify-content:center;margin-right:6px;overflow:hidden;position:relative;transition:border-color .2s}.ReportCard_thumbnailItem__HEkzO:last-child{margin-right:0}.ReportCard_thumbnailItem__HEkzO img{border-radius:2px;display:block;height:100%;object-fit:cover;width:100%}.ReportCard_rc-thumbnail-item--selected__p4C4T,.ReportCard_selectedThumbnail__PEr6P{border-color:#007bff}.ReportCard_rc-thumbnail-placeholder__5pG0K,.ReportCard_thumbnailPlaceholder__OuY5R{color:#aaa;font-size:18px}.ReportCard_deleteEnhancedItemButton__1GnOZ,.ReportCard_rc-delete-enhanced-button__1Kcwk{align-items:center;background-color:#f00c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:10px;height:18px;justify-content:center;line-height:1;padding:0;position:absolute;right:2px;top:2px;transition:background-color .2s;width:18px;z-index:2}.ReportCard_deleteEnhancedItemButton__1GnOZ:hover{background-color:red}.ReportCard_detectiveModeBar__VAxIU,.ReportCard_rc-detective-bar__xNbQ-{margin-top:5px;padding:8px 0;text-align:center;width:100%}.ReportCard_detectiveModeButton__TYCTW,.ReportCard_rc-detective-button__DHu6z{align-items:center;background-color:#333;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;text-decoration:none;transition:background-color .2s}.ReportCard_detectiveModeButton__TYCTW:hover{background-color:#555}.ReportCard_petInfo__1z37M{align-items:baseline;background-color:#8bc34a14;border-left:3px solid #8bc34a;border-radius:4px;display:flex;flex-wrap:wrap;font-size:.82em;gap:6px 12px;margin:6px 0 4px;padding:6px 10px}.ReportCard_petStatus__qc890{align-items:center;color:#333;display:inline-flex;font-weight:600;gap:4px}.ReportCard_petType__ffaH8{color:#555;font-weight:500}.ReportCard_petName__jxy\+y{color:#2196f3;font-style:italic;font-weight:600}.ReportCard_petColors__o63rX,.ReportCard_petDetails__od0ML{color:#666;font-size:.95em}.ReportCard_dark__KC0A\+ .ReportCard_petInfo__1z37M{background-color:#8bc34a26;border-left-color:#689f38}.ReportCard_dark__KC0A\+ .ReportCard_petStatus__qc890{color:#e0e0e0}.ReportCard_dark__KC0A\+ .ReportCard_petType__ffaH8{color:#b0b0b0}.ReportCard_dark__KC0A\+ .ReportCard_petName__jxy\+y{color:#64b5f6}.ReportCard_dark__KC0A\+ .ReportCard_petColors__o63rX,.ReportCard_dark__KC0A\+ .ReportCard_petDetails__od0ML{color:#999}.ReportTypeBar_reportTypeBar__sXEcU{border-radius:12px;box-shadow:0 2px 4px #0003;display:inline-block;font-size:12px;font-weight:500;margin:.5rem 8px;padding:4px 0;text-align:center;text-transform:uppercase;width:calc(100% - 16px)}.ReportTypeBar_reportTypeStolen__gW-qi{background:linear-gradient(135deg,#e74c3c,#c0392b)!important;border:1px solid #c0392b!important;color:#fff!important}.ReportTypeBar_reportTypeMissingPerson__Bru4O,.ReportTypeBar_reportTypeMissing__61Ne4{background:linear-gradient(135deg,red,#c00)!important;border:1px solid #c00!important;color:#fff!important}.ReportTypeBar_reportTypeVandalism__OitH5{background:linear-gradient(135deg,#795548,#4e342e)!important;border:1px solid #4e342e!important;color:#fff!important}.ReportTypeBar_reportTypeOtherCrime__mATp3{background:linear-gradient(135deg,#9b59b6,#8e44ad)!important;border:1px solid #8e44ad!important;color:#fff!important}.ReportTypeBar_reportTypeVehicleTheft__QmUGA{background:linear-gradient(135deg,#d32f2f,#b71c1c)!important;border:1px solid #b71c1c!important;color:#fff!important}.ReportTypeBar_reportTypeBeachIncident__frlNA{background:linear-gradient(135deg,#00acc1,#006064)!important;border:1px solid #006064!important;color:#fff!important}.ReportTypeBar_reportTypeIllegalActivity__ot4G6{background:linear-gradient(135deg,#ff5722,#bf360c)!important;border:1px solid #bf360c!important;color:#fff!important}.ReportTypeBar_reportTypeDrugActivity__VFiPI{background:linear-gradient(135deg,#8bc34a,#33691e)!important;border:1px solid #33691e!important;color:#fff!important}.ReportTypeBar_reportTypeHitAndRun__DLsUb{background:linear-gradient(135deg,#ff9800,#e65100)!important;border:1px solid #e65100!important;color:#fff!important}.dark-mode .ReportTypeBar_reportTypeStolen__gW-qi{background:linear-gradient(135deg,#c0392b,#922b20)!important;border:1px solid #922b20!important;color:#fff!important}.dark-mode .ReportTypeBar_reportTypeMissingPerson__Bru4O,.dark-mode .ReportTypeBar_reportTypeMissing__61Ne4{background:linear-gradient(135deg,#c00,#900)!important;border:1px solid #900!important;color:#fff!important}.dark-mode .ReportTypeBar_reportTypeVandalism__OitH5{background:linear-gradient(135deg,#5d4037,#3e2723)!important;border:1px solid #3e2723!important;color:#fff!important}.dark-mode .ReportTypeBar_reportTypeOtherCrime__mATp3{background:linear-gradient(135deg,#8e44ad,#6c3483)!important;border:1px solid #6c3483!important;color:#fff!important}.dark-mode .ReportTypeBar_reportTypeVehicleTheft__QmUGA{background:linear-gradient(135deg,#b71c1c,#7f1010)!important;border:1px solid #7f1010!important;color:#fff!important}.dark-mode .ReportTypeBar_reportTypeBeachIncident__frlNA{background:linear-gradient(135deg,#006064,#00363a)!important;border:1px solid #00363a!important;color:#fff!important}.dark-mode .ReportTypeBar_reportTypeIllegalActivity__ot4G6{background:linear-gradient(135deg,#bf360c,#8c2908)!important;border:1px solid #8c2908!important;color:#fff!important}.dark-mode .ReportTypeBar_reportTypeDrugActivity__VFiPI{background:linear-gradient(135deg,#33691e,#1b350f)!important;border:1px solid #1b350f!important;color:#fff!important}.dark-mode .ReportTypeBar_reportTypeHitAndRun__DLsUb{background:linear-gradient(135deg,#e65100,#ac3c00)!important;border:1px solid #ac3c00!important;color:#fff!important}.ReportTypeBar_reportTypeText__b04XV{align-items:center;display:flex;justify-content:center}.ReportTypeBar_reportTypeIcon__9qXpw{font-size:14px;margin-right:6px}.AdminToggles_toggleRow__6MJqy{background-color:initial;border:none;display:flex;flex-direction:column;gap:1px;margin:8px;padding:0}.AdminToggles_toggleGroup__ZBt-b{align-items:center;background-color:#4a4a4a;border-radius:0;box-sizing:border-box;color:#e0e0e0;display:flex;font-size:.85rem;justify-content:space-between;padding:6px 10px;width:100%}.AdminToggles_toggleGroup__ZBt-b+.AdminToggles_toggleGroup__ZBt-b{border-top:1px solid #666}.AdminToggles_toggleGroup__ZBt-b span{white-space:nowrap}.AdminToggles_toggleSwitch__oVsWo{display:inline-block;height:20px;position:relative;width:34px}.AdminToggles_toggleSwitch__oVsWo input{height:0;opacity:0;width:0}.AdminToggles_toggleSwitch__oVsWo .AdminToggles_slider__H3w7R{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.AdminToggles_toggleSwitch__oVsWo .AdminToggles_slider__H3w7R:before{background-color:#fff;border-radius:50%;bottom:2px;content:"";height:16px;left:2px;position:absolute;transition:.4s;width:16px}.AdminToggles_toggleSwitch__oVsWo input:checked+.AdminToggles_slider__H3w7R{background-color:#ff4500}.AdminToggles_toggleSwitch__oVsWo input:checked+.AdminToggles_slider__H3w7R:before{transform:translateX(14px);transition:transform .3s ease}.AdminToggles_activePursuitToggle__-uxwY:checked+.AdminToggles_slider__H3w7R{background-color:red}.AdminToggles_amberAlertToggle__M1bnt:checked+.AdminToggles_slider__H3w7R{background-color:#ffbf00}.AdminToggles_silverAlertToggle__RBRM1:checked+.AdminToggles_slider__H3w7R{background-color:silver}.AdminToggles_unsolvedToggle__dwO3G:checked+.AdminToggles_slider__H3w7R{background-color:#000}.AdminToggles_recoveredToggle__SI7tk:checked+.AdminToggles_slider__H3w7R{background-color:#17a2b8}.AdminToggles_pendingToggle__uNHDK:checked+.AdminToggles_slider__H3w7R{background-color:#ffc107}.BinderNotes_binderNotesSection__YKr1x{background-color:#fdfdfd;border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top:1px solid #eee;margin-top:12px;padding:12px}.BinderNotes_notesTextarea__8R7TK{border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-size:.875rem;line-height:1.4;margin-bottom:8px;min-height:60px;padding:8px 10px;resize:vertical;width:100%}.BinderNotes_notesTextarea__8R7TK:focus{border-color:#ff4500;box-shadow:0 0 0 1px #ff4500;outline:none}.BinderNotes_notesActions__2gbFU{display:flex;gap:8px;justify-content:flex-end}.BinderNotes_notesBtn__so\+rt{border:none;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:500;padding:6px 12px;transition:background-color .2s,box-shadow .2s}.BinderNotes_saveBtn__6spzs{background-color:#ff4500;color:#fff}.BinderNotes_saveBtn__6spzs:hover{background-color:#e63900;box-shadow:0 1px 3px #0000001a}.BinderNotes_cancelBtn__fvuij{background-color:#6c757d;color:#fff}.BinderNotes_cancelBtn__fvuij:hover{background-color:#5a6268;box-shadow:0 1px 3px #0000001a}.BinderNotes_notesText__31oJG{background-color:#f3f4f6;border:1px dashed #e5e7eb;border-radius:6px;color:#4a5568;cursor:pointer;font-size:.875rem;line-height:1.4;margin:0 0 8px;min-height:30px;padding:8px 10px;white-space:pre-wrap}.BinderNotes_notesText__31oJG:hover{background-color:#e5e7eb;border-color:#d1d5db}.BinderNotes_noNotes__DEBjd{border:1px dashed #e5e7eb;border-radius:6px;color:#9ca3af;cursor:pointer;font-size:.85rem;font-style:italic;margin-bottom:8px;min-height:30px;padding:8px 10px}.BinderNotes_noNotes__DEBjd:hover{background-color:#f9fafb;color:#6b7280}.BinderNotes_editNotesBtn__53OQI{background-color:initial;border:none;color:#ff4500;cursor:pointer;font-size:.8rem;font-weight:500;margin-top:0;padding:0;text-decoration:none}.BinderNotes_editNotesBtn__53OQI:hover{color:#e63900;text-decoration:underline}body.dark-mode .BinderNotes_binderNotesSection__YKr1x{background-color:#252525!important;border-top-color:#444!important}body.dark-mode .BinderNotes_notesTextarea__8R7TK{background-color:#333!important;border-color:#555!important;color:#e0e0e0!important}body.dark-mode .BinderNotes_notesTextarea__8R7TK:focus{border-color:#ff4500!important;box-shadow:0 0 0 1px #ff4500!important}body.dark-mode .BinderNotes_notesText__31oJG{background-color:#2a2a2a!important;border-color:#555!important;color:#d0d0d0!important}body.dark-mode .BinderNotes_notesText__31oJG:hover{background-color:#333!important;border-color:#666!important}body.dark-mode .BinderNotes_noNotes__DEBjd{background-color:initial!important;border-color:#555!important;color:#999!important}body.dark-mode .BinderNotes_noNotes__DEBjd:hover{background-color:#2a2a2a!important;color:#bbb!important}body.dark-mode .BinderNotes_editNotesBtn__53OQI{color:#ff4500!important}body.dark-mode .BinderNotes_editNotesBtn__53OQI:hover{color:#ff6b35!important}body.dark-mode .BinderNotes_saveBtn__6spzs{background-color:#ff4500!important;color:#fff!important}body.dark-mode .BinderNotes_saveBtn__6spzs:hover{background-color:#ff6b35!important;box-shadow:0 1px 3px #0000004d!important}body.dark-mode .BinderNotes_cancelBtn__fvuij{background-color:#555!important;color:#e0e0e0!important}body.dark-mode .BinderNotes_cancelBtn__fvuij:hover{background-color:#666!important;box-shadow:0 1px 3px #0000004d!important}.BinderActions_binderActionBtn__0O\+rJ{align-items:center;background-color:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:28px!important;justify-content:center;line-height:28px;padding:0;pointer-events:auto!important;position:absolute!important;right:18px!important;text-align:center;top:18px!important;transform:none!important;transition:background-color .2s!important;width:28px!important;z-index:9999!important}.BinderActions_binderActionBtn__0O\+rJ:hover{background-color:#000000b3;transform:none!important}.BinderActions_addBtn__nHCJG{background-color:#28a745cc}.BinderActions_addBtn__nHCJG:hover{background-color:#218838}.BinderActions_removeBtn__ucHOf{background-color:#dc3545cc}.BinderActions_removeBtn__ucHOf:hover{background-color:#c82333}.BinderActions_mobileBinderIndicator__MFd-v{background-color:#000000b3;border-radius:12px;bottom:8px;color:#fff;font-size:.75rem;left:50%;padding:3px 10px;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:3}.MinimalCard_minimal__2W8t4{background:none;border:none;box-shadow:none;display:block;height:auto;margin-bottom:0;max-height:none;min-height:auto;overflow:hidden;text-decoration:none;width:100%}.MinimalCard_minimalContainer__58ct-{height:200px;position:relative;width:100%}.MinimalCard_reportImage__lGR1Q{border-radius:4px;height:200px;object-fit:cover;width:100%}.MinimalCard_noImage__7IJOO{align-items:center;background:#f0f0f0;border-radius:4px;color:#666;display:flex;height:200px;justify-content:center;width:100%}.MinimalCard_minimalTitle__-7hX1{background:#0009;bottom:0;color:#fff;font-size:1rem;left:0;margin:0;overflow:hidden;padding:.5rem;position:absolute;right:0;text-align:center;text-overflow:ellipsis;white-space:nowrap}.MinimalCard_minimal__2W8t4:hover .MinimalCard_minimalTitle__-7hX1{background:#000c}.MinimalCard_darkMode__OX2BF .MinimalCard_minimal__2W8t4 .MinimalCard_noImage__7IJOO{background:#333;color:#aaa}.MinimalCard_darkMode__OX2BF .MinimalCard_minimalTitle__-7hX1{color:#e0e0e0}.CategoryStyles_date__bWIOg{text-align:left}.CategoryStyles_time__agXcv{flex:1 1;text-align:center}.CategoryStyles_location__mvMcr{align-items:center;display:flex;flex-shrink:0;gap:4px;max-width:50%;text-align:right}.CategoryStyles_dateText__ITFl7,.CategoryStyles_timeText__kafnw{margin:0}.CategoryStyles_locationIcon__esPtz{color:#718096;font-size:14px}.CategoryStyles_locationText__yFx4y,.CategoryStyles_specificLocationText__tKdvR{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.CategoryStyles_specificLocationText__tKdvR{font-weight:500}.CategoryStyles_locationSeparator__AIc0c{color:#718096;margin:0}.CategoryStyles_dateTimeLocationRow__pCj5B{align-items:center;display:flex;justify-content:space-between}.CategoryStyles_categoryRow__9nLYP{justify-content:flex-start!important;margin-top:10px;width:100%}.CategoryStyles_categoryTag__4O89u{background-color:#718096;border-radius:4px;color:#fff;display:inline-block;font-size:11px;font-size:var(--rc-category-font-size,11px);font-weight:500;max-width:100%;overflow:hidden;padding:4px 10px;text-overflow:ellipsis;white-space:nowrap;width:100%}.CategoryStyles_categoryVehicle__Zpwd-{background-color:#ed8936}.CategoryStyles_categoryElectronics__WR6V-{background-color:#4299e1}.CategoryStyles_categoryPersonal__ME4Bi{background-color:#9f7aea}.CategoryStyles_categoryProperty__mCDjd{background-color:#f56565}.CategoryStyles_categoryViolent__yCr2P{background-color:#e53e3e}.CategoryStyles_categoryMissing__SMORZ{background-color:#ed64a6}.CategoryStyles_categoryPets__oNn8Z{background-color:#48bb78}.CategoryStyles_categoryCommunity__2eyk2{background-color:#ecc94b}.CategoryStyles_categoryFraud__7jLUs{background-color:#a0aec0}.CategoryStyles_categoryMisc__vimxB{background-color:#718096}.CategoryStyles_categoryOther__tA0-o{background-color:#a0aec0}.CategoryStyles_categoryOcean__5tnBU{background-color:#4299e1}.CategoryStyles_categoryCrimes__BG0ok{background-color:#e53e3e}.CategoryStyles_viewsReporterRow__Zn\+zN{align-items:center;display:flex;gap:12px;justify-content:space-between}.CategoryStyles_views__nEdUa{align-items:center;color:#4a5568;display:flex;font-size:12px;font-size:var(--rc-small-font-size,12px);gap:4px}.CategoryStyles_viewsIcon__Hb8Gw{color:#718096;font-size:14px}.CategoryStyles_reporter__mf\+f3{color:#718096;font-size:12px;font-size:var(--rc-small-font-size,12px);overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dark-mode .CategoryStyles_categoryTag__4O89u{color:#fff;filter:brightness(.8)}@media (max-width:768px){.CategoryStyles_dateTimeLocationRow__pCj5B{align-items:center;flex-direction:row;gap:8px;justify-content:space-between}.CategoryStyles_date__bWIOg,.CategoryStyles_location__mvMcr,.CategoryStyles_time__agXcv{text-align:inherit;width:auto}.CategoryStyles_date__bWIOg{text-align:left}.CategoryStyles_time__agXcv{flex:1 1;text-align:center}.CategoryStyles_location__mvMcr{text-align:right}.CategoryStyles_viewsReporterRow__Zn\+zN{align-items:center;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;width:100%}.CategoryStyles_reporter__mf\+f3{-webkit-text-size-adjust:100%!important;-moz-text-size-adjust:100%!important;text-size-adjust:100%!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;background-color:initial!important;border:none!important;color:#718096;display:inline-block!important;flex-shrink:0;font-size:12px;font-size:var(--rc-small-font-size,12px);line-height:1.2!important;margin:0!important;max-width:60%;min-width:0;opacity:1!important;padding:0!important;position:relative!important;text-align:right;transform:translateZ(0)!important;visibility:visible!important;will-change:auto!important;z-index:1!important}.CategoryStyles_reporter__mf\+f3 span,.CategoryStyles_reporter__mf\+f3>*{display:inline!important;opacity:1!important;visibility:visible!important}.CategoryStyles_reporter__mf\+f3 span{color:inherit!important;font-size:inherit!important}.CategoryStyles_views__nEdUa{flex-shrink:0;white-space:nowrap}}.FlyerCard_flyerCard__myYKC{background-color:#fff;border:1px solid #ccc;border-radius:12px;box-shadow:0 3px 8px #0000001a;cursor:pointer;display:block;height:586px;min-height:586px;overflow:hidden;padding:0;position:relative;transition:transform .2s,box-shadow .2s;width:100%}.FlyerCard_flyerCard__myYKC:hover{box-shadow:0 6px 16px #00000026;transform:translateY(-3px)}.FlyerCard_imageContainer__aE8WC{background-color:#f0f0f0;border-radius:8px;bottom:20px;left:20px;overflow:hidden;position:absolute;right:20px;top:20px}.FlyerCard_flyerImage__Ccxxy{display:block;height:100%;object-fit:fill;width:100%}.FlyerCard_videoContainer__4l67F{align-items:center;background-color:#fff;cursor:pointer;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.FlyerCard_videoContainer__4l67F.FlyerCard_darkMode__Lm6Um{background-color:#1a1a1a}.FlyerCard_flyerVideo__2Y1d-{display:block;height:100%;object-fit:contain;width:100%}.FlyerCard_videoOverlay__eZfh8{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.FlyerCard_playButton__z140w{align-items:center;background-color:#000000b3;border-radius:50%;bottom:15px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;left:15px;opacity:.8;pointer-events:all;position:absolute;transition:all .3s ease;width:40px}.FlyerCard_playButton__z140w:hover{background-color:#000000e6;opacity:1;transform:scale(1.1)}.FlyerCard_videoOverlay__eZfh8.FlyerCard_playing__sV4GD .FlyerCard_playButton__z140w{opacity:.6}.FlyerCard_videoOverlay__eZfh8.FlyerCard_playing__sV4GD .FlyerCard_playButton__z140w:hover{opacity:1}.FlyerCard_videoIndicator__K8\+zZ{align-items:center;background-color:#000000b3;border-radius:50%;color:#fff;display:flex;font-size:40px;height:80px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:80px}.FlyerCard_flyerCard__myYKC:hover .FlyerCard_videoIndicator__K8\+zZ{background-color:var(--color-primary);transform:translate(-50%,-50%) scale(1.1)}.FlyerCard_organizationBadge__4ty\+A{align-items:center;border-radius:20px;bottom:10px;box-shadow:0 2px 4px #0003;color:#fff;display:flex;font-size:12px;font-weight:600;gap:6px;left:10px;padding:6px 12px;position:absolute;z-index:2}.FlyerCard_badgeIcon__o\+qp1{font-size:14px}.FlyerCard_badgeText__eyNDS{letter-spacing:.5px;text-transform:uppercase}.FlyerCard_priorityBadge__6VmO2{animation:FlyerCard_pulse__nCysc 1.5s infinite;background:linear-gradient(135deg,red,#c00);border-radius:16px;box-shadow:0 2px 4px #0000004d;color:#fff;font-weight:700;letter-spacing:1px;padding:4px 12px;right:10px}.FlyerCard_priorityBadge__6VmO2,.FlyerCard_sponsoredLabel__weeD6{font-size:11px;position:absolute;text-transform:uppercase;top:10px;z-index:2}.FlyerCard_sponsoredLabel__weeD6{background-color:#000000b3;border-radius:4px;color:gold;font-weight:600;left:10px;letter-spacing:.5px;padding:4px 10px}.FlyerCard_expirationInfo__8y7Ql{background-color:#000000b3;border-radius:4px;bottom:10px;color:#fff;font-size:10px;padding:4px 8px;position:absolute;right:10px;z-index:2}.FlyerCard_expired__S3\+\+J{filter:grayscale(50%);opacity:.6}.FlyerCard_expired__S3\+\+J .FlyerCard_imageContainer__aE8WC:after{background-color:#ffffffe6;border:3px solid #dc3545;color:#dc3545;content:"EXPIRED";font-size:24px;font-weight:700;left:50%;padding:10px 40px;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-45deg);z-index:3}.FlyerCard_dark__RPT2l{background-color:#2d3748;border-color:#4a5568;box-shadow:0 3px 8px #0000004d}.FlyerCard_dark__RPT2l:hover{box-shadow:0 6px 16px #0006}.FlyerCard_dark__RPT2l .FlyerCard_imageContainer__aE8WC{background-color:#4a5568}.FlyerCard_flyerCard__myYKC[data-priority=high]{border-color:red;border-width:2px}@keyframes FlyerCard_pulse__nCysc{0%{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}body.reader-mode .FlyerCard_flyerCard__myYKC{height:626px;height:calc(586px + var(--flyer-reader-height-adjustment, 40px));min-height:626px;min-height:calc(586px + var(--flyer-reader-height-adjustment, 40px))}body.reader-mode .FlyerCard_imageContainer__aE8WC{bottom:30px;bottom:calc(20px + 10px*var(--flyer-font-scale-factor, 1));left:20px;right:20px;top:30px;top:calc(20px + 10px*var(--flyer-font-scale-factor, 1))}@media (max-width:768px){.FlyerCard_flyerCard__myYKC{height:540px;min-height:540px}.FlyerCard_organizationBadge__4ty\+A{font-size:11px;padding:4px 8px}body.reader-mode .FlyerCard_flyerCard__myYKC{height:570px;height:calc(540px + var(--flyer-reader-mobile-height-adjustment, 30px));min-height:570px;min-height:calc(540px + var(--flyer-reader-mobile-height-adjustment, 30px))}body.reader-mode .FlyerCard_imageContainer__aE8WC{bottom:25px;bottom:calc(20px + 5px*var(--flyer-font-scale-factor, 1));left:20px;right:20px;top:25px;top:calc(20px + 5px*var(--flyer-font-scale-factor, 1))}}.reports-list .FlyerCard_flyerCard__myYKC{align-items:flex-start;border-left:3px solid #0000;display:flex;flex-direction:row;gap:1rem;min-height:auto;padding:1rem}.reports-list .FlyerCard_imageContainer__aE8WC{flex-shrink:0;height:80px;margin:0;max-height:80px;max-width:80px;min-height:80px;min-width:80px;width:80px}.reports-list .FlyerCard_flyerCard__myYKC[data-organization-type=police]{border-left-color:#003f87}.reports-list .FlyerCard_flyerCard__myYKC[data-organization-type=fire]{border-left-color:red}.reports-list .FlyerCard_flyerCard__myYKC[data-organization-type=ems]{border-left-color:#ff6b6b}.reports-list .FlyerCard_flyerCard__myYKC[data-organization-type=emergency_mgmt]{border-left-color:#ff9800}.reports-list .FlyerCard_flyerCard__myYKC[data-organization-type=city_county]{border-left-color:gold}.reports-list .FlyerCard_flyerCard__myYKC[data-organization-type=state]{border-left-color:#06c}.reports-list .FlyerCard_flyerCard__myYKC[data-organization-type=business_verified]{border-left-color:#4caf50}.gal-controls{background-color:var(--color-bg-tertiary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);box-sizing:border-box;display:flex;flex-direction:column;gap:6px;margin:0 auto;max-width:1200px;padding:var(--space-xs);width:100%}.gal-controls.expanded{gap:var(--space-sm);padding:var(--space-sm)}.gal-search-container{display:flex;margin-bottom:var(--space-xs);width:100%}.gal-search-group{align-items:center;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);display:flex;padding:0;width:100%}.gal-search-icon-inline{color:var(--color-text-secondary);flex-shrink:0;font-size:14px;height:14px;margin-left:12px;margin-right:8px;width:14px}.gal-search-input{background-color:initial;border:none;box-sizing:border-box;color:var(--color-text);flex:1 1;font-size:var(--font-size-sm);min-width:0;padding:6px var(--space-sm)}.gal-clear-icon{color:var(--color-text-secondary);cursor:pointer;flex-shrink:0;font-size:14px;height:14px;margin-left:8px;margin-right:12px;transition:color var(--transition-fast);width:14px}.gal-clear-icon:hover{color:var(--color-text)}.gal-controls-row{align-items:center;width:100%}.gal-controls-row,.gal-filter-group{display:flex;gap:var(--space-xs)}.gal-display-group,.gal-sort-group{display:flex;margin-left:var(--space-xs)}.gal-buttons-group{display:flex;gap:6px;margin-left:auto}.gal-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--color-bg)!important;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23666666%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:12px;border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text)!important;cursor:pointer;font-size:var(--font-size-sm);height:32px;padding:6px 10px 6px var(--space-sm);padding-right:24px;transition:border-color var(--transition-fast)}.gal-select:focus{border-color:var(--color-border-dark);outline:none}.gal-select option{background-color:var(--color-bg)!important;color:var(--color-text)!important;padding:var(--space-xs)}.gal-select option:first-child{color:var(--color-text);font-weight:var(--font-weight-medium)}.gal-select--category{width:140px}.gal-select--island{width:120px}.gal-select--report-type{width:140px}.gal-select--report-type,.gal-select--report-type option{background-color:var(--color-bg);color:var(--color-text)}.gal-select--report-type option[value=all]{color:var(--color-text);font-weight:var(--font-weight-medium)}.gal-select--sort{width:140px}.gal-select--display{width:130px}.gal-button{align-items:center;background-color:var(--color-primary)!important;border:none;border-radius:var(--radius-base);color:#fff!important;cursor:pointer;display:flex;font-size:var(--font-size-sm);height:32px;justify-content:center;padding:6px var(--space-md);white-space:nowrap}.gal-button:hover{background-color:var(--color-primary-hover)!important;color:#fff!important}.gal-login-message{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-left:auto}.gal-toggle-button{align-items:center;background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--space-xs);height:32px;justify-content:center;margin-bottom:var(--space-xs);padding:6px var(--space-md);width:100%}.gal-toggle-button:hover{background-color:var(--color-bg-secondary);border-color:var(--color-border-dark)}@media (max-width:768px){.gal-controls{max-width:100%}.gal-search-icon-inline{font-size:14px;height:14px;margin-left:10px;margin-right:6px;width:14px}.gal-clear-icon{font-size:14px;height:14px;margin-left:6px;margin-right:10px;padding:8px;width:14px}.gal-search-input{box-sizing:border-box;font-size:16px;height:44px;padding:10px 8px}.gal-mobile-container{flex-direction:column}.gal-mobile-container,.gal-mobile-row{display:flex;gap:var(--space-sm);width:100%}.gal-mobile-col{position:relative;width:calc(50% - 4px)}.gal-mobile-row--categories{width:100%}.gal-select--mobile{box-sizing:border-box;font-size:.875rem;height:44px;padding:10px 20px 10px var(--space-xs);width:100%}.gal-button--mobile{height:44px;margin-top:var(--space-xs);padding:10px var(--space-md);width:100%}.gal-mobile-row--customize{flex-direction:column;gap:var(--space-sm)}@media (max-width:400px){.gal-mobile-row{gap:var(--space-xs)}.gal-mobile-col{width:calc(50% - 2px)}.gal-select--mobile{font-size:.7rem;padding:6px 18px 6px 3px}}}.gal-controls--dark .gal-select{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23aaaaaa%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E")}.gal-controls--dark .gal-toggle-button{background-color:var(--color-bg-hover)}.gal-controls--dark .gal-toggle-button:hover{background-color:var(--color-border-light)}.reader-mode .gal-controls-row{flex-wrap:wrap;gap:var(--space-md)}.reader-mode .gal-display-group,.reader-mode .gal-filter-group,.reader-mode .gal-sort-group{flex:1 1 auto;margin-left:0;min-width:200px}.reader-mode .gal-filter-group{display:flex;flex-basis:100%;gap:var(--space-sm)}.reader-mode .gal-filter-group .gal-select{flex:1 1}.reader-mode .gal-select{max-width:none;width:100%}.reader-mode .gal-select--category,.reader-mode .gal-select--display,.reader-mode .gal-select--island,.reader-mode .gal-select--report-type,.reader-mode .gal-select--sort{width:100%}.reader-mode .gal-buttons-group{flex-basis:100%;gap:var(--space-md);margin-left:0;margin-top:var(--space-xs);width:100%}.reader-mode .gal-button{flex:1 1;min-width:0;width:auto}.reader-mode .gal-controls{padding:var(--space-md)}@media (max-width:1200px){.reader-mode .gal-controls-row{align-items:stretch;flex-direction:column}.reader-mode .gal-buttons-group,.reader-mode .gal-display-group,.reader-mode .gal-filter-group,.reader-mode .gal-sort-group{justify-content:center;margin:0;width:100%}.reader-mode .gal-select{flex:1 1;max-width:none}}.custom-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.custom-modal{animation:slideUp .3s ease-out;border-radius:12px;box-shadow:0 4px 24px #0000001a;flex-direction:column;max-height:70vh;max-width:720px;overflow:hidden;position:relative;width:100%}.custom-modal,.custom-modal-header{background:#fff;background:var(--color-bg,#fff);display:flex}.custom-modal-header{align-items:center;border-bottom:1px solid #eee;border-bottom:1px solid var(--color-border-light,#eee);justify-content:space-between;padding:20px 24px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.custom-modal-header h2{color:#333;color:var(--color-text,#333);font-size:20px;font-weight:600;margin:0}.custom-close-button{align-items:center;background:none;border:none;border-radius:50%;color:#666;color:var(--color-text-secondary,#666);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;margin:0;padding:0;transition:all .2s ease;width:32px}.custom-close-button:hover{background-color:#0000000d;background-color:var(--color-bg-hover,#0000000d);color:#333;color:var(--color-text,#333)}.custom-error-message{background-color:#fff4f4;border-left:4px solid #d32f2f;border-radius:8px;color:#d32f2f;font-size:14px;margin:0 24px 16px;padding:12px 16px}.custom-preset-section{border-bottom:1px solid #eee;border-bottom:1px solid var(--color-border-light,#eee);padding:0 24px 16px}.custom-preset-buttons{display:flex;gap:12px;justify-content:center}.custom-preset-button{align-items:center;background:#f5f5f5;background:var(--color-bg-secondary,#f5f5f5);border:2px solid #0000;border-radius:8px;color:#333;color:var(--color-text,#333);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:13px;font-weight:500;gap:6px;padding:12px 16px;transition:all .2s ease}.custom-preset-button:hover{background:#e8e8e8;background:var(--color-bg-hover,#e8e8e8);border-color:#ff6b35;border-color:var(--color-primary,#ff6b35);box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.preset-icon{font-size:20px}.custom-modal-content{flex:1 1;overflow-y:auto;padding:24px 24px 80px}.custom-modal-content::-webkit-scrollbar{width:8px}.custom-modal-content::-webkit-scrollbar-track{background:#f1f1f1;background:var(--color-bg-secondary,#f1f1f1);border-radius:10px}.custom-modal-content::-webkit-scrollbar-thumb{background:#c1c1c1;background:var(--color-border,#c1c1c1);border-radius:10px}.custom-modal-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8;background:var(--color-text-muted,#a8a8a8)}.custom-section{margin-bottom:28px}.custom-section:last-child{margin-bottom:0}.custom-section-title{align-items:center;color:#333;color:var(--color-text,#333);display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 16px}.custom-options-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.custom-option-group{background:#f9f9f9;background:var(--color-bg-secondary,#f9f9f9);border:1px solid #eee;border:1px solid var(--color-border-light,#eee);border-radius:8px;padding:16px}.custom-group-title{color:#666;color:var(--color-text-secondary,#666);font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.custom-option-items{display:flex;flex-direction:column;gap:8px}.custom-toggle-item{align-items:center;background:#fff;background:var(--color-bg,#fff);border:1px solid #e0e0e0;border:1px solid var(--color-border-light,#e0e0e0);border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;padding:8px 12px;transition:all .2s ease}.custom-toggle-item:hover{background:#f5f5f5;background:var(--color-bg-hover,#f5f5f5);border-color:#d0d0d0;border-color:var(--color-border,#d0d0d0)}.custom-toggle-label{align-items:center;color:#333;color:var(--color-text,#333);display:flex;font-size:14px;gap:8px}.custom-toggle-icon{font-size:16px}.custom-toggle-switch{display:inline-block;height:22px;position:relative;width:40px}.custom-toggle-switch input{height:0;opacity:0;width:0}.custom-toggle-item input[type=checkbox]{accent-color:#ff6b35;accent-color:var(--color-primary,#ff6b35);color-scheme:dark}.custom-toggle-slider{background-color:#ccc;background-color:var(--color-border,#ccc);border-radius:22px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.custom-toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 1px 3px #0003;content:"";height:16px;left:3px;position:absolute;transition:.3s;width:16px}input:checked+.custom-toggle-slider{background-color:#ff6b35;background-color:var(--color-primary,#ff6b35)}input:checked+.custom-toggle-slider:before{transform:translateX(18px)}.custom-view-options{display:flex;flex-direction:column;gap:16px}.custom-radio-group{display:flex;gap:12px}.custom-radio-item{align-items:center;background:#f5f5f5;background:var(--color-bg-secondary,#f5f5f5);border:2px solid #e0e0e0;border:2px solid var(--color-border-light,#e0e0e0);border-radius:8px;color:#333;color:var(--color-text,#333);cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease}.custom-radio-item:hover{background:#e8e8e8;background:var(--color-bg-hover,#e8e8e8);border-color:#d0d0d0;border-color:var(--color-border,#d0d0d0)}.custom-radio-item.active{background:#ff6b35;background:var(--color-primary,#ff6b35);border-color:#ff6b35;border-color:var(--color-primary,#ff6b35);color:#fff}.custom-radio-item input[type=radio]{display:none}.custom-radio-icon{font-size:18px}.custom-toggle-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.custom-admin-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}.custom-modal-footer{align-items:center;background:#fff;background:var(--color-bg,#fff);border-top:1px solid #eee;border-top:1px solid var(--color-border-light,#eee);bottom:0;display:flex;justify-content:space-between;left:0;padding:16px 24px;position:absolute;right:0;z-index:10}.custom-footer-actions{display:flex;gap:12px}.custom-button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.custom-button-primary{background-color:#ff6b35;background-color:var(--color-primary,#ff6b35);color:#fff}.custom-button-primary:hover{background-color:#e65a2f;background-color:var(--color-primary-hover,#e65a2f);box-shadow:0 2px 8px #ff6b354d;transform:translateY(-1px)}.custom-button-secondary{background-color:#f5f5f5;background-color:var(--color-bg-secondary,#f5f5f5);border:1px solid #e0e0e0;border:1px solid var(--color-border-light,#e0e0e0);color:#333;color:var(--color-text,#333)}.custom-button-secondary:hover{background-color:#e8e8e8;background-color:var(--color-bg-hover,#e8e8e8)}.custom-button-cancel{background-color:initial;border:1px solid #e0e0e0;border:1px solid var(--color-border-light,#e0e0e0);color:#666;color:var(--color-text-secondary,#666)}.custom-button-cancel:hover{background-color:#f5f5f5;background-color:var(--color-bg-hover,#f5f5f5);color:#333;color:var(--color-text,#333)}.custom-modal.dark-mode{background:var(--color-bg);color:var(--color-text)}.dark-mode .custom-modal-header{background:var(--color-bg);border-bottom-color:var(--color-border)}.dark-mode .custom-error-message{background-color:#2c1c1c;color:#ff8a8a}.dark-mode .custom-preset-section{border-bottom-color:var(--color-border)}.dark-mode .custom-modal-footer{background:var(--color-bg);border-top-color:var(--color-border)}@media (max-width:768px){.custom-modal-overlay{padding:10px}.custom-modal{max-height:90vh;max-width:100%}.custom-preset-buttons{flex-direction:column}.custom-preset-button{flex-direction:row;justify-content:center}.custom-options-grid{gap:16px;grid-template-columns:1fr}.custom-radio-group{flex-direction:column}.custom-toggle-options{grid-template-columns:1fr}.custom-modal-footer{align-items:stretch;flex-direction:column;gap:12px}.custom-footer-actions{flex-direction:column;width:100%}.custom-button{width:100%}}@media (max-width:480px){.custom-modal-content,.custom-modal-header{padding:16px}.custom-modal-header h2{font-size:18px}.custom-section-title{font-size:15px}}.cat-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.cat-modal{animation:slideUp .3s ease-out;border-radius:12px;box-shadow:0 4px 24px #0000001a;flex-direction:column;max-height:75vh;max-width:820px;overflow:hidden;position:relative;width:100%}.cat-modal,.cat-modal-header{background:#fff;background:var(--color-bg,#fff);display:flex}.cat-modal-header{align-items:center;border-bottom:1px solid #eee;border-bottom:1px solid var(--color-border-light,#eee);justify-content:space-between;padding:20px 24px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.cat-modal-header h2{color:#333;color:var(--color-text,#333);font-size:20px;font-weight:600;margin:0}.cat-close-button{align-items:center;background:none;border:none;border-radius:50%;color:#666;color:var(--color-text-secondary,#666);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;margin:0;padding:0;transition:all .2s ease;width:32px}.cat-close-button:hover{background-color:#0000000d;background-color:var(--color-bg-hover,#0000000d);color:#333;color:var(--color-text,#333)}.cat-error-message{animation:pulse .5s ease-out;background-color:#fff4f4;border-left:4px solid #d32f2f;border-radius:8px;color:#d32f2f;font-size:14px;margin:0 24px 16px;padding:12px 16px}.cat-tab-header{background:#fff;background:var(--color-bg,#fff);border-bottom:1px solid #eee;border-bottom:1px solid var(--color-border-light,#eee);padding:0 24px}.cat-tabs{display:flex;gap:4px}.cat-tab-button{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#666;color:var(--color-text-secondary,#666);cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease}.cat-tab-button:hover{background:#00000008;background:var(--color-bg-hover,#00000008);color:#333;color:var(--color-text,#333)}.cat-tab-button.active{background:#0000;border-bottom-color:#ff6b35;border-bottom-color:var(--color-primary,#ff6b35);color:#ff6b35;color:var(--color-primary,#ff6b35)}.cat-tab-count{background:#ff6b35;background:var(--color-primary,#ff6b35);border-radius:10px;color:#fff;font-size:12px;min-width:20px;padding:2px 6px;text-align:center}.cat-quick-actions{align-items:center;background:#f8f9fa;background:var(--color-bg-secondary,#f8f9fa);border-bottom:1px solid #eee;border-bottom:1px solid var(--color-border-light,#eee);display:flex;gap:16px;padding:16px 24px}.cat-search-box{flex:1 1;position:relative}.cat-search-input{background:#fff;background:var(--color-bg,#fff);border:1px solid #ddd;border:1px solid var(--color-border,#ddd);border-radius:6px;color:#333;color:var(--color-text,#333);font-size:14px;padding:8px 32px 8px 12px;transition:all .2s ease;width:100%}.cat-search-input:focus{border-color:#ff6b35;border-color:var(--color-primary,#ff6b35);box-shadow:0 0 0 3px #ff6b351a;outline:none}.cat-search-clear{align-items:center;background:none;border:none;border-radius:50%;color:#666;color:var(--color-text-secondary,#666);cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:24px}.cat-search-clear:hover{background:#0000000d;background:var(--color-bg-hover,#0000000d);color:#333;color:var(--color-text,#333)}.cat-preset-buttons{display:flex;gap:8px}.cat-preset-button{background:#fff;background:var(--color-bg,#fff);border:1px solid #ddd;border:1px solid var(--color-border,#ddd);border-radius:6px;color:#333;color:var(--color-text,#333);cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s ease}.cat-preset-button:hover{background:#ff6b35;background:var(--color-primary,#ff6b35);border-color:#ff6b35;border-color:var(--color-primary,#ff6b35);box-shadow:0 2px 4px #0000001a;color:#fff;transform:translateY(-1px)}.cat-expand-buttons{display:flex;gap:4px}.cat-expand-button{align-items:center;background:#fff;background:var(--color-bg,#fff);border:1px solid #ddd;border:1px solid var(--color-border,#ddd);border-radius:6px;color:#666;color:var(--color-text-secondary,#666);cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.cat-expand-button:hover{background:#f0f0f0;background:var(--color-bg-hover,#f0f0f0);border-color:#bbb;border-color:var(--color-border-dark,#bbb);color:#333;color:var(--color-text,#333)}.cat-tab-content{flex:1 1;overflow-y:auto;padding:16px 24px 80px}.cat-tab-content::-webkit-scrollbar{width:8px}.cat-tab-content::-webkit-scrollbar-track{background:#f1f1f1;background:var(--color-bg-secondary,#f1f1f1);border-radius:10px}.cat-tab-content::-webkit-scrollbar-thumb{background:#c1c1c1;background:var(--color-border,#c1c1c1);border-radius:10px}.cat-tab-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8;background:var(--color-text-muted,#a8a8a8)}.cat-categories-list{display:flex;flex-direction:column;gap:8px}.cat-major-category{background:#f9f9f9;background:var(--color-bg-secondary,#f9f9f9);border:1px solid #eee;border:1px solid var(--color-border-light,#eee);border-radius:8px;overflow:hidden;transition:all .2s ease}.cat-major-category:hover{border-color:#ddd;border-color:var(--color-border,#ddd);box-shadow:0 2px 4px #0000000d}.cat-major-category.expanded{background:#fff;background:var(--color-bg,#fff)}.cat-major-header{align-items:center;display:flex;gap:8px;padding:12px 16px}.cat-expand-toggle{align-items:center;background:none;border:none;color:#666;color:var(--color-text-secondary,#666);cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;transition:all .2s ease;width:20px}.cat-expand-toggle:hover{color:#333;color:var(--color-text,#333)}.cat-checkbox-label{align-items:center;cursor:pointer;display:flex;gap:8px;-webkit-user-select:none;user-select:none}.cat-major-label{color:#333;color:var(--color-text,#333);flex:1 1;font-weight:600}.cat-checkbox-label input[type=checkbox]{accent-color:#ff6b35;accent-color:var(--color-primary,#ff6b35);-webkit-appearance:none;appearance:none;background-color:#fff;background-color:var(--color-bg,#fff);border:2px solid #ddd;border:2px solid var(--color-border,#ddd);border-radius:3px;color-scheme:dark;cursor:pointer;height:16px;position:relative;transition:all .2s ease;width:16px}.cat-checkbox-label input[type=checkbox]:checked{background-color:#ff6b35;background-color:var(--color-primary,#ff6b35);border-color:#ff6b35;border-color:var(--color-primary,#ff6b35)}.cat-checkbox-label input[type=checkbox]:checked:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:9px;left:4px;position:absolute;top:1px;transform:rotate(45deg);width:5px}.cat-checkbox-label input[type=checkbox]:hover{border-color:#ff6b35;border-color:var(--color-primary,#ff6b35)}.cat-checkbox-label input[type=checkbox]:focus{box-shadow:0 0 0 3px #ff6b3533;outline:none}.cat-category-name,.cat-island-name{font-size:14px}.cat-subcategories{display:flex;flex-direction:column;gap:12px;padding:0 16px 16px 44px}.cat-sub-category{display:flex;flex-direction:column;gap:8px}.cat-sub-label{background:#fff;background:var(--color-bg,#fff);border:1px solid #e8e8e8;border:1px solid var(--color-border-light,#e8e8e8);border-radius:6px;color:#333;color:var(--color-text,#333);font-weight:500;padding:8px 12px}.cat-sub-label:hover{background:#f5f5f5;background:var(--color-bg-hover,#f5f5f5)}.cat-detailed-categories{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));padding-left:20px}.cat-detail-label{background:#f8f9fa;background:var(--color-bg-tertiary,#f8f9fa);border:1px solid #0000;border-radius:4px;color:#666;color:var(--color-text-secondary,#666);font-size:13px;padding:6px 10px;transition:all .2s ease}.cat-detail-label:hover{background:#fff;background:var(--color-bg,#fff);border-color:#e0e0e0;border-color:var(--color-border-light,#e0e0e0);color:#333;color:var(--color-text,#333)}.cat-islands-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.cat-island-label{background:#f9f9f9;background:var(--color-bg-secondary,#f9f9f9);border:1px solid #eee;border:1px solid var(--color-border-light,#eee);border-radius:8px;font-weight:500;padding:12px 16px;transition:all .2s ease}.cat-island-label:hover{background:#fff;background:var(--color-bg,#fff);border-color:#ddd;border-color:var(--color-border,#ddd);box-shadow:0 2px 4px #0000000d;transform:translateY(-1px)}.cat-no-results{color:#999;color:var(--color-text-muted,#999);font-style:italic;padding:48px 24px;text-align:center}.cat-modal-footer{align-items:center;background:#fff;background:var(--color-bg,#fff);border-top:1px solid #eee;border-top:1px solid var(--color-border-light,#eee);bottom:0;display:flex;justify-content:space-between;left:0;padding:16px 24px;position:absolute;right:0;z-index:10}.cat-footer-actions{display:flex;gap:12px}.cat-button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.cat-button-primary{background-color:#ff6b35;background-color:var(--color-primary,#ff6b35);color:#fff}.cat-button-primary:hover{background-color:#e65a2f;background-color:var(--color-primary-hover,#e65a2f);box-shadow:0 2px 8px #ff6b354d;transform:translateY(-1px)}.cat-button-secondary{background-color:#f5f5f5;background-color:var(--color-bg-secondary,#f5f5f5);border:1px solid #e0e0e0;border:1px solid var(--color-border-light,#e0e0e0);color:#333;color:var(--color-text,#333)}.cat-button-secondary:hover{background-color:#e8e8e8;background-color:var(--color-bg-hover,#e8e8e8)}.cat-button-cancel{background-color:initial;border:1px solid #e0e0e0;border:1px solid var(--color-border-light,#e0e0e0);color:#666;color:var(--color-text-secondary,#666)}.cat-button-cancel:hover{background-color:#f5f5f5;background-color:var(--color-bg-hover,#f5f5f5);color:#333;color:var(--color-text,#333)}.fade-enter-active{animation:pulse .3s ease-out}.cat-modal.dark-mode{background:var(--color-bg);color:var(--color-text)}.dark-mode .cat-checkbox-label input[type=checkbox]{background-color:#2a2a2a;background-color:var(--color-bg-secondary,#2a2a2a);border-color:#555;border-color:var(--color-border,#555)}.dark-mode .cat-checkbox-label input[type=checkbox]:checked{background-color:#ff6b35;background-color:var(--color-primary,#ff6b35)}.dark-mode .cat-checkbox-label input[type=checkbox]:checked,.dark-mode .cat-checkbox-label input[type=checkbox]:hover{border-color:#ff6b35;border-color:var(--color-primary,#ff6b35)}.dark-mode .cat-modal-header{background:var(--color-bg);border-bottom-color:var(--color-border)}.dark-mode .cat-error-message{background-color:#2c1c1c;color:#ff8a8a}.dark-mode .cat-tab-header{background:var(--color-bg);border-bottom-color:var(--color-border)}.dark-mode .cat-quick-actions{background:var(--color-bg-secondary);border-bottom-color:var(--color-border)}.dark-mode .cat-modal-footer{background:var(--color-bg);border-top-color:var(--color-border)}.dark-mode .cat-major-category.expanded{background:var(--color-bg-secondary)}.dark-mode .cat-sub-label{background:var(--color-bg-tertiary);border-color:var(--color-border)}.dark-mode .cat-detail-label{background:var(--color-bg-secondary)}.dark-mode .cat-detail-label:hover{background:var(--color-bg-tertiary)}@media (max-width:768px){.cat-modal-overlay{padding:10px}.cat-modal{max-height:90vh;max-width:100%}.cat-quick-actions{flex-wrap:wrap}.cat-search-box{order:-1;width:100%}.cat-preset-buttons{order:1}.cat-expand-buttons{order:2}.cat-detailed-categories{grid-template-columns:1fr}.cat-islands-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.cat-modal-footer{align-items:stretch;flex-direction:column;gap:12px}.cat-footer-actions{flex-direction:column;width:100%}.cat-button{width:100%}}@media (max-width:480px){.cat-modal-header{padding:16px}.cat-tab-content{padding:12px}.cat-modal-header h2{font-size:18px}.cat-islands-grid{grid-template-columns:1fr}.cat-subcategories{padding-left:32px}}.load-more-container{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;justify-content:center;margin-top:20px;min-height:100px;padding:20px 0;text-align:center;width:100%}.spinner{height:30px;margin-bottom:10px;width:30px}.scroll-indicator{color:#555;font-size:.9rem;margin-bottom:15px}.button-container{align-items:center;display:flex;flex-direction:column;gap:10px}.load-all-button,.load-more-button{background-color:#ff4500!important;border:1px solid #ff4500;border-radius:4px;color:#fff!important;cursor:pointer;font-size:1rem;font-weight:600;min-width:200px;padding:.75rem 2rem;text-decoration:none;transition:all .2s ease}.load-all-button:hover:not(:disabled),.load-more-button:hover:not(:disabled){background-color:#e63900!important;border-color:#e63900;box-shadow:0 2px 8px #ff45004d;color:#fff!important;transform:translateY(-1px)}.load-all-button:active:not(:disabled),.load-more-button:active:not(:disabled){box-shadow:0 1px 4px #ff450033;transform:translateY(0)}.load-all-button:disabled,.load-more-button:disabled{background-color:#ccc!important;border-color:#ccc;cursor:not-allowed;opacity:.6;transform:none}.load-all-button{background-color:#ff4500!important;margin-top:.5rem}.load-all-button:hover:not(:disabled){background-color:#e63900!important}.dark-mode .load-more-container{background-color:#2a2a2a;color:#f0f0f0}.infinite-scroll-loader{align-items:center;display:flex;justify-content:center;margin:40px 0;min-height:80px;text-align:center;width:100%}.loading-spinner{flex-direction:column;gap:12px}.spinner{border:3px solid #0000001a;border-top-color:#3498db;border-top:3px solid var(--color-primary,#3498db)}.loading-text,.scroll-hint{color:#666;color:var(--color-text-secondary,#666);font-size:14px}.scroll-hint{align-items:center;display:flex;flex-direction:column;gap:8px}.reports-loaded{color:#333;color:var(--color-text,#333);font-weight:500}.scroll-indicator{font-size:13px;opacity:.7}.end-of-reports{background-color:#f8f9fa;background-color:var(--color-bg-secondary,#f8f9fa);border-radius:8px;color:#888;color:var(--color-text-secondary,#888);font-size:14px;font-style:italic;margin:0 auto;padding:20px;width:-webkit-fit-content;width:fit-content}[data-theme=dark] .infinite-scroll-loader{color:#f0f0f0;color:var(--color-text,#f0f0f0)}[data-theme=dark] .spinner{border-color:#3498db #ffffff1a #ffffff1a;border-top-color:var(--color-primary,#3498db)}[data-theme=dark] .end-of-reports{background-color:#2a2a2a;background-color:var(--color-bg-secondary,#2a2a2a)}@media (max-width:768px){.infinite-scroll-loader{margin:20px 0;min-height:60px}.spinner{height:30px;width:30px}.loading-text,.scroll-hint{font-size:13px}}.reports-gallery{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:0;padding:0;width:100%}body.has-profile-background .reports-gallery{background-color:initial;box-shadow:none}.reports-gallery .gallery-controls{box-sizing:border-box;margin-left:auto!important;margin-right:auto!important;max-width:1200px!important;width:100%}.reports-gallery.filtered{background-color:#fff}body.has-profile-background .reports-gallery.filtered{background-color:initial}.reports-grid{grid-gap:1.5rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,350px));justify-content:start;margin-left:auto;margin-right:auto;margin-top:0;max-width:1400px;padding:0;width:100%}body.has-profile-background .reports-grid{background-color:initial;box-shadow:none}.full-width .reports-grid{margin-left:0;margin-right:0;max-width:none}.reports-grid>*{max-width:350px;width:100%}.reports-list{align-items:stretch;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-left:auto;margin-right:auto;margin-top:0;max-width:1400px;padding:0;width:100%}.reports-list .rc-container{align-items:flex-start!important;background:#fff;border-left:3px solid #0000;border-radius:8px;box-shadow:0 1px 3px #0000001a;cursor:pointer;display:flex!important;flex-direction:row!important;gap:1rem!important;height:auto!important;min-height:auto!important;padding:1rem!important;transition:background-color .2s ease}.reports-list .rc-container:hover{background-color:#f8f9fa;box-shadow:0 2px 5px #00000026}.reports-list .rc-container .rc-media-container{display:block!important;flex-direction:column!important;flex-shrink:0!important;margin:0!important;max-width:80px!important;min-width:80px!important}.reports-list .rc-container .rc-media-container,.reports-list .rc-container .rc-media-display{height:80px!important;max-height:80px!important;min-height:80px!important;position:relative!important;width:80px!important}.reports-list .rc-container .rc-media-display{align-items:center!important;background-color:#f0f0f0!important;border-radius:4px!important;display:flex!important;justify-content:center!important;overflow:hidden!important}.reports-list .rc-container .rc-media-display img{display:block!important;height:auto!important;max-height:100%!important;max-width:100%!important;object-fit:contain!important;object-position:center center!important;width:auto!important}.reports-list .rc-container .rc-media-display img.cover{height:100%!important;object-fit:cover!important;width:100%!important}.reports-list .rc-content{display:flex!important;flex:1 1!important;flex-direction:column!important;gap:.5rem!important;min-width:0!important}.reports-list .rc-list-header{align-items:center!important;display:flex!important;flex-wrap:wrap!important;gap:1rem!important}.reports-list .rc-list-datetime{color:#666!important;flex-shrink:0!important;font-size:.9rem!important;white-space:nowrap!important}.reports-list .rc-list-title{color:#333!important;flex:1 1 auto!important;font-size:1.1rem!important;font-weight:600!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.reports-list .rc-list-summary{-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;color:#666!important;display:-webkit-box!important;font-size:.95rem!important;line-height:1.4!important;overflow:hidden!important;text-overflow:ellipsis!important}.reports-list .rc-list-info{align-items:center!important;color:#666!important;display:flex!important;flex-wrap:wrap!important;font-size:.85rem!important;gap:1rem!important}.reports-list .rc-list-info>span{align-items:center!important;display:flex!important;gap:.25rem!important}.reports-list .rc-type-bar{max-width:150px!important}.reports-list .rc-status-bar,.reports-list .rc-type-bar{align-items:center!important;border-radius:3px!important;display:inline-flex!important;flex-shrink:0!important;font-size:.75rem!important;font-weight:500!important;gap:.2rem!important;height:auto!important;min-width:0!important;min-width:auto!important;overflow:hidden!important;padding:.2rem .4rem!important;text-overflow:ellipsis!important;white-space:nowrap!important;width:auto!important}.reports-list .rc-status-bar{max-width:120px!important}.reports-list .rc-status-text,.reports-list .rc-type-text{align-items:center!important;display:flex!important;font-size:.75rem!important;gap:.15rem!important}.reports-list .rc-type-icon{font-size:.75rem!important}.reports-list .rc-status-cycle-icon{font-size:.75rem!important;margin-left:.15rem!important}.reports-list .rc-status-bar[data-status=open]{background:#28a745!important;color:#fff!important}.reports-list .rc-status-bar[data-status=closed]{background:#6c757d!important;color:#fff!important}.reports-list .rc-status-bar[data-status=active]{background:#ffc107!important;color:#333!important}.reports-list .rc-status-bar[data-status=unsolved]{background:#dc3545!important;color:#fff!important}.reports-list .rc-status-bar[data-status=pending]{background:#17a2b8!important;color:#fff!important}.reports-list .rc-status-bar[data-status=recovered]{background:#28a745!important;color:#fff!important}.reports-list .rc-status-bar[data-status=amber-alert]{animation:pulse 2s infinite;background:linear-gradient(135deg,#ff9800,#f57c00)!important;color:#fff!important}.reports-list .rc-status-bar[data-status=silver-alert]{animation:pulse 2s infinite;background:linear-gradient(135deg,#9e9e9e,#757575)!important;color:#fff!important}.reports-list .rc-container[data-report-type=burglary]{border-left-color:#c0392b!important}.reports-list .rc-container[data-report-type=robbery]{border-left-color:#d81b60!important}.reports-list .rc-container[data-report-type=assault]{border-left-color:#8e24aa!important}.reports-list .rc-container[data-report-type=arson]{border-left-color:#ff7043!important}.reports-list .rc-container[data-report-type=fraud]{border-left-color:#43a047!important}.reports-list .rc-container[data-report-type=trespassing]{border-left-color:#1e88e5!important}.reports-list .rc-container[data-report-type=vandalism]{border-left-color:#795548!important}.reports-list .rc-container[data-report-type=stolen]{border-left-color:#e74c3c!important}.reports-list .rc-container[data-report-type=lost]{border-left-color:#f39c12!important}.reports-list .rc-container[data-report-type=found]{border-left-color:#27ae60!important}.reports-list .rc-container[data-report-type="missing person"],.reports-list .rc-container[data-report-type=missing-person]{border-left-color:#3498db!important}.reports-list .rc-container[data-report-type=animal]{border-left-color:#8d6e63!important}.reports-list .rc-container[data-report-type=crime],.reports-list .rc-container[data-report-type=other-crime],.reports-list .rc-container[data-report-type=other_crime]{border-left-color:#9b59b6!important}.reports-list .rc-container[data-report-type=vehicle-theft],.reports-list .rc-container[data-report-type=vehicle_theft]{border-left-color:#d32f2f!important}.reports-list .rc-container[data-report-type=beach-incident],.reports-list .rc-container[data-report-type=beach_incident]{border-left-color:#00acc1!important}.reports-list .rc-container[data-report-type="hit & run"],.reports-list .rc-container[data-report-type=hit-and-run],.reports-list .rc-container[data-report-type=hit_and_run]{border-left-color:#ff6b35!important}.reports-list .rc-container[data-report-type=traffic]{border-left-color:#ff9800!important}.reports-list .rc-container[data-report-type=weather]{border-left-color:#4fc3f7!important}.reports-list .rc-container[data-report-type=illegal-activity],.reports-list .rc-container[data-report-type=illegal_activity]{border-left-color:#ffc107!important}.reports-list .rc-container,.reports-list .rc-container[data-report-type=miscellaneous]{border-left-color:#95a5a6!important}.reports-list .rc-list-actions{display:flex!important;flex-shrink:0!important;gap:.5rem!important;margin-left:auto!important}body.has-profile-background .reports-list{background-color:initial;box-shadow:none}.reports-list>*{width:100%}.full-width .reports-list{margin-left:0;margin-right:0;max-width:none}.error-message{margin:1rem 0;padding:0}.empty-state{margin-top:0}.empty-state p{color:#666;font-size:1.1rem;margin-bottom:1rem}@media (max-width:768px){.reports-gallery{border-radius:0!important;box-shadow:none!important;margin-bottom:0!important;padding:0!important}.reports-gallery .gallery-controls{max-width:100%!important;width:100%!important}.reports-grid{border-radius:0!important;box-shadow:none!important;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(280px,calc(100vw - 40px)),1fr));justify-content:center;margin-top:0!important;padding:10px;padding-top:0!important;place-items:center}.reports-list{background-color:initial;box-shadow:none;gap:.5rem;padding:.5rem}.reports-list .rc-container{gap:.75rem!important;padding:.75rem!important}.reports-list .rc-media-container{height:60px!important;max-height:60px!important;max-width:60px!important;min-height:60px!important;min-width:60px!important;width:60px!important}.reports-list .rc-list-header{align-items:flex-start!important;flex-direction:column!important;gap:.25rem!important}.reports-list .rc-list-title{font-size:1rem!important}.reports-list .rc-list-datetime{font-size:.8rem!important}.reports-list .rc-list-summary{-webkit-line-clamp:1!important;font-size:.85rem!important}.reports-list .rc-list-info{font-size:.75rem!important;gap:.5rem!important}.reports-list .rc-status-bar,.reports-list .rc-type-bar{font-size:.7rem!important;padding:.15rem .3rem!important}.reports-list .rc-status-cycle-icon,.reports-list .rc-status-text,.reports-list .rc-type-text{font-size:.7rem!important}.reports-grid>*{max-width:min(350px,calc(100vw - 40px))}}.primary-btn{background-color:#ff4500;border-radius:4px;font-weight:500;padding:.5rem 1rem}.primary-btn:hover{background-color:#e63900}.scroll-indicator{margin:10px 0}.end-of-reports,.scroll-indicator{background-color:#fff;border-radius:4px;box-shadow:0 1px 2px #0000001a}.end-of-reports{margin:10px auto}.reports-grid.image-only{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(200px,250px));justify-content:start}.full-width .reports-grid.image-only{margin-left:0;margin-right:0;max-width:none}.reports-count-info{background-color:#fff!important;border-radius:4px;box-shadow:0 1px 2px #0000001a;color:#666;font-size:13px;line-height:1.2;margin:3px 0;padding:.25rem .5rem;text-align:center}.debounce-loading{background-color:#fff;box-shadow:0 1px 2px #0000001a;margin:10px 0}.dark-mode .reports-gallery{background-color:#2a2a2a;color:#f0f0f0}body.dark-mode.has-profile-background .reports-gallery{background-color:initial}.dark-mode .reports-gallery.filtered{background-color:#2a2a2a;color:#f0f0f0}body.dark-mode.has-profile-background .reports-gallery.filtered{background-color:initial}.dark-mode .reports-grid{background-color:#2a2a2a;color:#f0f0f0}body.dark-mode.has-profile-background .reports-grid{background-color:initial}.dark-mode .reports-list{background-color:#2a2a2a;color:#f0f0f0}body.dark-mode.has-profile-background .reports-list{background-color:initial}.dark-mode .reports-list .rc-container{background-color:#2a2a2a!important;color:#f0f0f0!important}.dark-mode .reports-list .rc-container:hover{background-color:#333!important}.dark-mode .reports-list .rc-list-title{color:#f0f0f0!important}.dark-mode .reports-list .rc-list-datetime,.dark-mode .reports-list .rc-list-info,.dark-mode .reports-list .rc-list-summary{color:#ccc!important}.dark-mode .gallery-controls{background-color:#2a2a2a;box-shadow:0 2px 4px #0000004d;padding:.5rem}.dark-mode .display-select,.dark-mode .filter-select,.dark-mode .search-input,.dark-mode .simple-select,.dark-mode .sort-select{background-color:#333;border-color:#444;color:#e0e0e0}.dark-mode .customize-button,.dark-mode .simple-button{background-color:#e63900;color:#e0e0e0}.dark-mode .customize-button:hover,.dark-mode .simple-button:hover{background-color:#ff4500}.dark-mode .clear-search-icon{color:#e0e0e0}.dark-mode .clear-search-icon:hover{color:#fff}.dark-mode .empty-state{background-color:#2a2a2a}.dark-mode .empty-state p{color:#ccc}.dark-mode .loader{background-color:#2a2a2a}.dark-mode .reports-count-info{background-color:#2a2a2a!important;color:#f0f0f0}.dark-mode .debounce-loading,.dark-mode .end-of-reports,.dark-mode .scroll-indicator{background-color:#2a2a2a;color:#f0f0f0}.load-all-container{background-color:#f8f9fa;border-radius:8px;display:flex;justify-content:center;margin:2rem 0;padding:2rem}.load-all-info{text-align:center}.reports-list .rc-list-summary{text-align:left!important}.dark-mode .reports-list .rc-list-summary,.reports-list .rc-list-summary{color:var(--color-text-secondary)}.load-all-info p{color:#666;font-size:.875rem;line-height:1.2;margin:.25rem 0}.load-all-btn{background-color:var(--color-primary);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin:1rem 0;padding:.75rem 2rem;transition:all .2s}.load-all-btn:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:0 2px 8px #ff45004d;transform:translateY(-1px)}.load-all-btn:disabled{cursor:not-allowed;opacity:.6}.load-all-warning{color:#999;font-size:.85rem;font-style:italic}.large-dataset-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:2rem 0;padding:2rem}.large-dataset-loading .loading-spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top:3px solid var(--color-primary);height:40px;width:40px}.large-dataset-loading p{color:#666;font-size:.95rem;margin-top:1rem}.dark-mode .load-all-container{background-color:#333}.dark-mode .large-dataset-loading p,.dark-mode .load-all-info p{color:#ccc}.dark-mode .load-all-warning{color:#999}.loader{align-items:center;background-color:#f9f9f9;border-radius:8px;display:flex;flex-direction:column;justify-content:center;margin:1rem 0;min-height:100px;padding:2rem 0;text-align:center;width:100%}.loading-spinner{display:flex;font-weight:500;min-height:80px}.loading-spinner:before{animation:spinner 1s linear infinite;border:3px solid #ff4500;border-radius:50%;border-top-color:#0000;content:"";height:25px;margin-right:10px;width:25px}@keyframes spinner{to{transform:rotate(1turn)}}.scroll-indicator{color:#666;font-style:italic;padding:10px}.end-of-reports{border-top:1px solid #ddd;color:#666;font-weight:500;padding:10px;text-align:center;width:50%}.empty-state{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin:2rem auto;max-width:600px;padding:2rem}.empty-state p{color:#555;font-size:1.2rem;line-height:1.6;margin-bottom:1.5rem}.empty-state-actions{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.secondary-btn{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;color:#555;font-weight:500;padding:.5rem 1rem}.secondary-btn:hover{background-color:#e0e0e0;color:#333}.debounce-loading{animation:fadeInOut 1.5s infinite alternate;background-color:#f9f9f950;border-radius:4px;color:#666;font-style:italic;margin:.5rem 0;padding:10px;text-align:center}@keyframes fadeInOut{0%{opacity:.5}to{opacity:1}}.dark-mode .empty-state,.dark-mode .loader{background-color:#2a2a2a}.dark-mode .secondary-btn{background-color:#333;border-color:#444;color:#ddd}.dark-mode .secondary-btn:hover{background-color:#444;color:#fff}.dark-mode .debounce-loading,.dark-mode .empty-state p,.dark-mode .end-of-reports,.dark-mode .loading-spinner,.dark-mode .scroll-indicator{color:#aaa}.dark-mode .loading-spinner:before{border-color:#0000 #ff4500 #ff4500}.dark-mode .end-of-reports{border-top-color:#444}@supports (-webkit-touch-callout:none){@media (max-width:768px){.reports-grid{justify-content:center!important;margin-left:0!important;margin-right:0!important;padding-left:max(env(safe-area-inset-left,0),1rem)!important;padding-right:max(env(safe-area-inset-right,0),1rem)!important}.reports-grid>*{margin-left:auto;margin-right:auto}.home-container .reports-section{padding-left:0;padding-right:0}.home-container .reports-grid{box-sizing:border-box;width:100%}.featured-reports .reports-grid{justify-content:center!important}}@media (max-width:430px){.reports-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(280px,calc(100vw - 2rem)),1fr))!important;padding:0 1rem}.reports-grid:has(>:only-child){grid-template-columns:1fr}.reports-grid:has(>:only-child)>*{justify-self:center;max-width:min(350px,calc(100vw - 2rem))}}@media (min-width:414px) and (max-width:430px){.reports-grid{padding-left:calc((100vw - min(350px, calc(100vw - 2rem)))/2);padding-right:calc((100vw - min(350px, calc(100vw - 2rem)))/2)}}}@media (max-width:768px){.reports-gallery .gallery-controls{padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0)}.reports-gallery{-webkit-overflow-scrolling:touch;overflow-x:hidden}.featured-reports,.reports-gallery,.reports-section{box-sizing:border-box;width:100%}.home-container,.pets-page,.reports-gallery-page{margin:0!important;padding:0!important;width:100%}.reports-section{padding-left:0!important;padding-right:0!important}.reports-grid:before{background:red;content:"";height:20px;left:50%;opacity:0;pointer-events:none;position:absolute;top:0;transform:translateX(-50%);width:1px;z-index:9999}.rc-container .rc-info-row,.rc-info-row--views-reporter,.report-card .infoRow,.viewsReporterRow{display:flex!important;opacity:1!important;visibility:visible!important}.rc-info-row--views-reporter,.viewsReporterRow{justify-content:space-between!important;width:100%!important}.reporter,.viewsReporterRow>div:last-child{-webkit-text-size-adjust:100%!important;-moz-text-size-adjust:100%!important;text-size-adjust:100%!important;color:#718096!important;display:block!important;font-size:12px!important;opacity:1!important;text-align:right!important;visibility:visible!important}.reporter span,.reporter>*{display:inline!important;opacity:1!important;visibility:visible!important}}@supports (-webkit-appearance:none) and (not (-webkit-touch-callout:none)){.reporter,.viewsReporterRow{backface-visibility:visible!important;-webkit-backface-visibility:visible!important;transform:translateZ(0)!important}}.featured-reports{background-color:initial;border-radius:8px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;display:block;line-height:normal;margin:0 0 1rem;overflow:hidden;padding:0;position:relative;width:100%}.featured-reports .featured-header{align-items:center!important;background-color:#ff4500!important;border-radius:8px 8px 0 0!important;color:#fff!important;display:flex!important;height:40px!important;justify-content:space-between!important;margin:0 -1rem!important;padding:.375rem 2rem!important}.carousel-content-wrapper{background-color:#fff;border-radius:0 0 8px 8px;margin-left:-1rem;margin-right:-1rem;overflow:hidden;padding-left:1rem;padding-right:1rem}.featured-title{font-size:1.25rem;line-height:1.2;margin:0}.controls-container{gap:8px;justify-content:flex-end}.controls-container,.toggle-container{align-items:center;display:flex;height:100%}.toggle-container{justify-content:center;position:relative}.autoplay-toggle,.refresh-toggle{align-items:center;background-color:#fff;border:none;border-radius:50%;color:#ff4500;cursor:pointer;display:flex;height:24px;justify-content:center;margin:0;padding:0;transition:all .2s;width:24px}.autoplay-toggle:hover,.refresh-toggle:hover:not(:disabled){background-color:#f0f0f0;transform:scale(1.1)}.refresh-toggle:disabled{cursor:not-allowed;opacity:.5}.refresh-toggle svg.fa-spin,.refresh-toggle.refreshing svg{animation:fa-spin 1s linear infinite}.autoplay-toggle svg,.refresh-toggle svg{height:12px;width:12px}.autoplay-toggle:hover{background-color:#f0f0f0;transform:scale(1.1)}.autoplay-toggle svg{height:14px;width:14px}.toggle-switch{align-items:center;display:flex;height:18px;justify-content:center;margin-left:8px;width:32px}.toggle-switch .slider{background-color:#ccc;border:1px solid #999;border-radius:34px;bottom:0;cursor:pointer;left:0;margin:0;padding:0;position:absolute;right:0;top:0;transition:.4s}.toggle-switch .slider:before{background-color:#fff;border-radius:50%;bottom:2px;content:"";height:14px;left:2px;position:absolute;transition:.4s;width:14px}.toggle-switch input:checked+.slider{background-color:#ff4500}.toggle-switch input:checked+.slider:before{transform:translateX(14px)}.carousel-container{background-color:#fff;border-radius:0;box-sizing:border-box;margin:0 auto!important;max-width:100%;overflow:hidden!important;padding:15px 15px 0!important;position:relative;width:100%}.carousel-container .swiper-slide{box-sizing:border-box;display:flex!important;height:auto;justify-content:center!important;padding:.5rem .25rem!important}.carousel-container .swiper-slide .slide-wrapper{background-color:#333;border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;height:220px;max-width:100%;padding:8px;position:relative;transition:transform .2s ease;width:100%}@media (hover:hover){.carousel-container .swiper-slide .slide-wrapper:hover{transform:scale(1.02)}}.carousel-container .swiper-slide .report-card.minimal{background-color:#fff;border:2px solid #666;border-radius:8px;box-sizing:border-box;height:100%;overflow:hidden;width:100%!important}.carousel-container .swiper-slide .minimal-container{height:100%;width:100%}.carousel-container .swiper-slide .no-image,.carousel-container .swiper-slide .report-image{border-radius:6px 6px 0 0;height:100%;object-fit:cover;width:100%}.carousel-container .swiper-slide .slide-caption{background:#000000b3;border-radius:0;bottom:30px;color:#fff;font-size:1rem;left:0;line-height:1.2;max-height:60px;overflow:hidden;padding:.5rem;position:absolute;right:0;text-align:center;text-overflow:ellipsis;z-index:1}.carousel-container .swiper-button-next,.carousel-container .swiper-button-prev{align-items:center;background-color:#ff4500;border-radius:4px;color:#fff;display:flex;height:36px;justify-content:center;margin-top:0;top:50%;transform:translateY(-50%);width:36px;z-index:10}.carousel-container .swiper-button-prev{left:5px}.carousel-container .swiper-button-next{right:5px}.carousel-container .swiper-button-next:after,.carousel-container .swiper-button-prev:after{font-size:16px;font-weight:700}.carousel-container .swiper-pagination{background-color:#fff;bottom:auto!important;display:flex;justify-content:center;margin:0!important;padding:10px 0!important;position:relative!important;width:100%!important;z-index:1}.carousel-container .swiper-pagination-bullet{background:#ff4500;border-radius:50%;height:10px;margin:0 4px!important;opacity:.5;vertical-align:middle;width:10px}.carousel-container .swiper-pagination-bullet-active{opacity:1}.loading-message{color:#666;padding:1rem}.error-message{color:#721c24;padding:.75rem 1rem}.dark-mode .featured-reports{background-color:#2a2a2a;box-shadow:0 2px 8px #ffffff1a}.dark-mode .carousel-content-wrapper{background-color:#2a2a2a}.dark-mode .carousel-container{background-color:#2a2a2a;border:none}.dark-mode .carousel-container .swiper-pagination{background-color:#2a2a2a}.dark-mode .carousel-container .swiper-slide .report-card.minimal{background-color:#2a2a2a;border-color:#666}.dark-mode .error-message{background-color:#3a1a1a;color:#f5c6cb}.dark-mode .carousel-container .swiper-slide .no-image{background:#333;color:#aaa}.dark-mode .loading-message{color:#aaa}.dark-mode .autoplay-toggle,.dark-mode .refresh-toggle{background-color:#333;color:#fff}.dark-mode .autoplay-toggle:hover,.dark-mode .refresh-toggle:hover:not(:disabled){background-color:#444}@media (max-width:400px){.carousel-container{padding:5px 5px 0!important}.carousel-container .swiper-slide{padding:.25rem .125rem!important}.carousel-container .swiper-slide .slide-wrapper{height:140px;padding:5px}.carousel-container .swiper-slide .slide-caption{bottom:15px;font-size:.75rem;padding:.2rem}}@media (max-width:768px){.featured-reports{margin-bottom:.5rem!important;max-width:100%;overflow:visible}.featured-reports .featured-header{margin-left:-.5rem!important;margin-right:-.5rem!important;padding-left:1.5rem!important;padding-right:1.5rem!important}.carousel-content-wrapper{margin-left:-.5rem;margin-right:-.5rem;padding-left:.5rem;padding-right:.5rem}.carousel-container{max-width:100%;padding:10px 10px 0!important}.refresh-toggle{display:inline-flex!important;opacity:1!important;visibility:visible!important}.controls-container{gap:8px!important}.autoplay-toggle,.refresh-toggle{box-sizing:initial!important;height:24px!important;padding:10px!important;width:24px!important}.carousel-container .swiper-slide .slide-wrapper{height:160px}.carousel-container .swiper-slide .slide-caption{bottom:20px;font-size:.8rem;padding:.25rem}.carousel-container .swiper-button-next,.carousel-container .swiper-button-prev{height:30px;width:30px}.carousel-container .swiper-button-next:after,.carousel-container .swiper-button-prev:after{font-size:14px}.carousel-container .swiper-button-prev{left:10px}.carousel-container .swiper-button-next{right:10px}}
/* !important overrides for toggle positioning */.featured-reports .featured-header .controls-container{align-items:center!important;display:flex!important;gap:10px!important;height:100%!important;justify-content:flex-end!important}.featured-reports .featured-header .toggle-container{height:100%!important}.featured-reports .featured-header .toggle-container,.featured-reports .featured-header .toggle-switch{align-items:center!important;display:flex!important;justify-content:center!important;position:relative!important}.featured-reports .featured-header .toggle-switch{height:18px!important;margin:0 0 0 8px!important;padding:0!important;width:32px!important}.featured-reports .featured-header .toggle-switch input{height:0!important;margin:0!important;opacity:0!important;padding:0!important;width:0!important}.featured-reports .featured-header .toggle-switch .slider{background-color:#ccc!important;border:1px solid #999!important;border-radius:34px!important;bottom:0!important;cursor:pointer!important;left:0!important;margin:0!important;padding:0!important;position:absolute!important;right:0!important;top:0!important;transition:.4s!important}.featured-reports .featured-header .toggle-switch .slider:before{background-color:#fff!important;border-radius:50%!important;bottom:2px!important;content:""!important;height:14px!important;left:2px!important;position:absolute!important;transition:.4s!important;width:14px!important}.featured-reports .featured-header .autoplay-toggle{align-items:center!important;background-color:#fff!important;border:none!important;border-radius:50%!important;color:#ff4500!important;cursor:pointer!important;display:flex!important;height:24px!important;justify-content:center!important;margin:0!important;padding:0!important;transition:all .2s!important;width:24px!important}@font-face{font-family:swiper-icons;font-style:normal;font-weight:400;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")}:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:ease;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}.swiper-lazy-preloader{border:4px solid #007aff;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-theme-color);color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:44px;height:var(--swiper-navigation-size);justify-content:center;margin-top:-22px;margin-top:calc(0px - var(--swiper-navigation-size)/2);position:absolute;top:50%;top:var(--swiper-navigation-top-offset,50%);width:27px;width:calc(var(--swiper-navigation-size)/44*27);z-index:10}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{height:100%;object-fit:contain;transform-origin:center;width:100%}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:44px;font-size:var(--swiper-navigation-size);font-variant:normal;letter-spacing:0;line-height:1;text-transform:none!important}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{left:auto;right:10px;right:var(--swiper-navigation-sides-offset,10px)}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:8px;bottom:var(--swiper-pagination-bottom,8px);left:0;top:auto;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{background:#000;background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:50%;border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:8px;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:.2;opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:8px;width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px))}button.swiper-pagination-bullet{-webkit-appearance:none;appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{background:var(--swiper-theme-color);background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:1;opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:auto;left:var(--swiper-pagination-left,auto);right:8px;right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{display:block;margin:6px 0;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px;margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:inherit;color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:#00000040;background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-theme-color);background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{height:4px;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{height:100%;left:0;top:0;width:4px;width:var(--swiper-pagination-progressbar-size,4px)}.swiper-pagination-lock{display:none}.version-display{color:var(--color-text-muted);font-family:monospace;font-size:.75rem;-webkit-user-select:none;user-select:none}.version-display--short{font-size:.7rem}.version-display--medium{font-size:.75rem}.version-display--full{font-size:.8rem}.version-display--detailed{font-size:.85rem;line-height:1.2}.version-display:hover{color:var(--color-text-secondary)}.version-display[class*=alpha]{position:relative}.version-display[class*=alpha]:after{content:"🚧";font-size:.8em;margin-left:.25rem}.home{margin:0 auto;max-width:1200px;padding:0;width:100%}body.has-profile-background .home{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1rem}body.has-profile-background .home__reports-section,body.has-profile-background main{background-color:initial}.home--full-width{margin:0;max-width:none}main{flex-grow:1;width:100%}.home__reports-section--fixed-width{margin-left:auto;margin-right:auto;max-width:1200px}.home__featured-wrapper,.home__reports-section{box-sizing:border-box;padding:0 1rem;width:100%}.home__featured-wrapper--fixed-width{margin-left:auto;margin-right:auto;max-width:1200px}@media (max-width:768px){.home__featured-wrapper{padding:0 .5rem}}.home__footer{border-top:1px solid #eee;box-sizing:border-box;color:#666;flex-shrink:0;margin:1rem auto;max-width:1200px;padding:1rem 1rem 0;text-align:center;width:100%}.home__footer-links{margin-top:.5rem}.home__footer-links a{color:#666;margin:0 .5rem;text-decoration:none}.home__footer-links a:hover{color:#ff4500}.home__footer-version{font-size:.85rem;margin-top:.75rem;opacity:.6;transition:opacity .2s ease}.home__footer-version:hover{opacity:.8}.home__loading-message{color:#666;font-size:1.1em;padding:2rem;text-align:center}.home__error-message{color:#dc3545;font-size:1em;margin:1rem 0;padding:1rem;text-align:center}body.dark-mode:not(.has-profile-background) .home{background-color:#2a2a2a;color:#f0f0f0}body.dark-mode:not(.has-profile-background) main{background-color:#1a1a1a}body.dark-mode:not(.has-profile-background) .home__reports-section{background-color:#2a2a2a;color:#f0f0f0}body.dark-mode.has-profile-background .home{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#2a2a2af2;color:#f0f0f0}body.dark-mode.has-profile-background main{background-color:initial}body.dark-mode.has-profile-background .home__reports-section{background-color:initial;color:#f0f0f0}body.dark-mode .home__footer{border-top-color:#444;color:#aaa}body.dark-mode .home__footer-links a{color:#aaa}body.dark-mode .home__footer-links a:hover{color:#ff4500}body.dark-mode .home__footer-version{opacity:.5}body.dark-mode .home__footer-version:hover{opacity:.7}body.dark-mode .home__loading-message{color:#e0e0e0}body.dark-mode .home__error-message{color:#ff6b6b}@media (max-width:768px){.home{margin-top:0;min-height:auto;padding-top:1rem}main>.home:first-child{margin-top:0!important;padding-top:1rem!important}.featured-reports,.home__reports-section{padding-left:.5rem;padding-right:.5rem}.featured-reports{margin-bottom:.5rem!important}.home__reports-section{margin-top:0!important;padding-bottom:0!important;padding-top:0!important}.home__reports-section--full-width{margin:0!important;padding:0!important}.home__footer{padding-left:.5rem;padding-right:.5rem}body.has-profile-background .home{margin-top:.5rem;padding-top:.5rem}}.home__skip-links{left:0;position:absolute;top:-40px;z-index:1000}.home__skip-link{background-color:var(--color-bg);border:2px solid var(--color-primary);border-radius:var(--radius-base);box-shadow:var(--shadow-md);color:var(--color-primary);font-weight:500;left:-9999px;padding:.5rem 1rem;position:absolute;text-decoration:none;white-space:nowrap}.home__skip-link:focus{box-shadow:var(--shadow-lg);left:50%;top:10px;transform:translateX(-50%)}.home__error{margin:0 auto;max-width:600px;padding:3rem 1rem;text-align:center}.home__error h2{color:var(--color-danger);margin-bottom:1rem}.home__error p{color:var(--color-text-secondary);margin-bottom:2rem}.home__button{align-items:center;border:2px solid #0000;border-radius:var(--radius-base);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:.5rem;min-height:44px;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.home__button--primary{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.home__button--primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.home__button--primary:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.home__offline-banner{background-color:var(--color-warning);box-shadow:var(--shadow-md);color:#fff;font-weight:500;gap:.5rem;justify-content:center;left:0;padding:.75rem;right:0;text-align:center;top:0;z-index:1100}.home__offline-banner,.home__toast{align-items:center;display:flex;position:fixed}.home__toast{animation:slideIn .3s ease-out;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);bottom:2rem;box-shadow:var(--shadow-lg);gap:1rem;max-width:400px;padding:1rem 1.5rem;right:2rem;z-index:1200}.home__toast-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.home__toast-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s ease}.home__toast-close:hover{color:var(--color-text)}.home__toast--success{border-color:var(--color-success)}.home__toast--success svg{color:var(--color-success)}.home__toast--warning{border-color:var(--color-warning)}.home__toast--warning svg{color:var(--color-warning)}.home__toast--error{border-color:var(--color-danger)}.home__toast--error svg{color:var(--color-danger)}.home__toast--info{border-color:var(--color-info)}.home__toast--info svg{color:var(--color-info)}.home__loading{color:var(--color-text-secondary);padding:2rem 1rem;text-align:center}@media (prefers-contrast:high){.home__toast{border-width:2px}}@media (max-width:768px){.home__toast{bottom:1rem;left:1rem;max-width:none;right:1rem}}.error-boundary{align-items:center;background-color:var(--color-bg);color:var(--color-text);display:flex;justify-content:center;min-height:100vh;padding:var(--space-lg)}.error-boundary__content{max-width:720px;text-align:center;width:100%}.error-boundary__content h1{color:var(--color-danger);font-size:var(--font-size-xxl);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-md) 0}.error-boundary__content p{color:var(--color-text-secondary);line-height:var(--line-height-base);margin:0 0 var(--space-lg) 0}.error-boundary__details{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);margin:0 auto var(--space-lg);padding:var(--space-md);text-align:left}.error-boundary__details summary{align-items:center;cursor:pointer;display:flex;font-weight:var(--font-weight-semibold);gap:var(--space-md);justify-content:space-between;list-style:none}.error-boundary__details summary::-webkit-details-marker{display:none}.error-boundary__details summary:before{color:var(--color-text-secondary);content:"▶";font-size:var(--font-size-xs);transition:transform var(--transition-base)}.error-boundary__details[open] summary:before{transform:rotate(90deg)}.error-boundary__copy-btn{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin-left:auto;padding:var(--space-xs) var(--space-sm);transition:background-color var(--transition-base),border-color var(--transition-base)}.error-boundary__copy-btn:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-border-dark)}.error-boundary__copy-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.error-boundary__pre{background-color:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);color:var(--color-text);font-family:var(--font-family-mono);font-size:var(--font-size-sm);line-height:var(--line-height-base);margin:var(--space-sm) 0 0;overflow-x:auto;padding:var(--space-sm);white-space:pre-wrap;word-break:break-word}.error-boundary__actions{display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center}.error-boundary__btn{align-items:center;border:none;border-radius:var(--radius-base);cursor:pointer;display:inline-flex;font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);justify-content:center;min-height:44px;min-width:120px;padding:var(--space-sm) var(--space-md);transition:background-color var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base)}.error-boundary__btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.error-boundary__btn--primary{background-color:var(--color-primary);color:var(--color-text-inverse)}.error-boundary__btn--primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.error-boundary__btn--secondary{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.error-boundary__btn--secondary:hover{background-color:var(--color-bg-tertiary);transform:translateY(-1px)}.error-boundary__btn:disabled,.error-boundary__btn:disabled:hover{background-color:var(--color-bg-disabled);border-color:var(--color-border-light);box-shadow:none;color:var(--color-text-disabled);cursor:not-allowed;opacity:1;transform:none}.dark-mode .error-boundary__btn--primary{background-color:var(--color-primary-hover)}.dark-mode .error-boundary__btn--primary:hover{background-color:var(--color-primary)}.dark-mode .error-boundary__btn--secondary{background-color:var(--color-bg-hover);border-color:var(--color-border);color:var(--color-text)}.dark-mode .error-boundary__btn--secondary:hover{background-color:var(--color-border-light)}@media (max-width:768px){.error-boundary__content h1{font-size:var(--font-size-xl)}.error-boundary__actions{flex-direction:column;width:100%}.error-boundary__btn{width:100%}}.page-base{color:var(--color-text);font-family:var(--font-family-base);line-height:var(--line-height-base);margin:0 auto;max-width:1200px;padding:0;width:100%}.page-base--full-width{margin:0;max-width:none}body.has-profile-background .page-base{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-md)}body.dark-mode.has-profile-background .page-base{background-color:#2a2a2af2}.page-base__offline-banner{align-items:center;background-color:var(--color-warning-light);border:1px solid var(--color-warning-border);border-radius:var(--radius-md);color:var(--color-warning-dark);display:flex;font-size:var(--font-size-sm);gap:var(--space-sm);margin:var(--space-sm);padding:var(--space-sm) var(--space-md)}.page-base__main{box-sizing:border-box;outline:none;padding:0 var(--space-md) var(--space-xxl);width:100%}.page-base__main:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}@media (max-width:768px){.page-base__main{padding:0 var(--space-sm) var(--space-xl)}}.page-base .sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.page-shell__breadcrumb-row{align-items:center;display:flex;font-size:var(--font-size-sm);justify-content:space-between;padding:var(--space-md) var(--space-md) var(--space-sm)}.page-shell__breadcrumbs ol{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-xs);list-style:none;margin:0;padding:0}.page-shell__breadcrumbs a,.page-shell__breadcrumbs li{align-items:center;display:inline-flex;gap:var(--space-xs)}.page-shell__breadcrumbs a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-base)}.page-shell__breadcrumbs a:hover{color:var(--color-primary-hover);text-decoration:underline}.page-shell__breadcrumbs [aria-current=page] span{color:var(--color-text-secondary)}.page-shell__breadcrumb-separator{color:var(--color-text-muted);font-size:var(--font-size-xs)}.page-shell__share-button{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);gap:var(--space-xs);justify-content:center;padding:var(--space-xs) var(--space-sm);transition:background-color var(--transition-base),color var(--transition-base)}.page-shell__share-button:hover{background-color:var(--color-bg-tertiary);color:var(--color-primary)}.page-shell__share-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.page-shell__header{border-bottom:2px solid var(--color-primary);margin:0 var(--space-md) var(--space-xl);padding:var(--space-xs) var(--space-md) var(--space-md);text-align:center}.page-shell__header-content{width:100%}.page-shell__title{color:var(--color-primary);font-size:2.5rem;font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0 0 var(--space-sm) 0}.page-shell__subtitle{color:var(--color-text-secondary);font-size:1.1rem;line-height:var(--line-height-base);margin:0}.page-shell__action-zone{display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center;margin:0 var(--space-md) var(--space-sm)}.page-shell__toolbar{background:#0000;border:none;display:block;margin:0 var(--space-md) var(--space-md);padding:0;width:100%}.page-shell__toolbar>*{width:100%}.dark-mode .page-shell__share-button{background-color:var(--color-bg-hover);border-color:var(--color-border);color:var(--color-text)}.dark-mode .page-shell__share-button:hover{background-color:var(--color-border-light);color:var(--color-primary)}@media (max-width:768px){.page-shell__breadcrumb-row{padding:var(--space-sm)}.page-shell__header{margin:0 var(--space-sm) var(--space-lg);padding:var(--space-xs) var(--space-sm) var(--space-sm)}.page-shell__title{font-size:2rem}.page-shell__subtitle{font-size:var(--font-size-base)}.page-shell__action-zone,.page-shell__toolbar{margin:0 var(--space-sm) var(--space-md)}}.privacy-policy{margin:0 auto;max-width:1200px;padding:0;width:100%}.privacy-policy--full-width{margin:0;max-width:none}body.has-profile-background .privacy-policy{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1rem}body.dark-mode .privacy-policy{background-color:#2a2a2a;color:var(--color-text)}body.dark-mode.has-profile-background .privacy-policy{background-color:#2a2a2af2}.privacy-policy__header{border-bottom:2px solid var(--color-primary);margin-bottom:2rem;padding:.5rem 1rem 1rem;position:relative;text-align:center}.privacy-policy__header-content{width:100%}.privacy-policy__header h1{color:var(--color-primary);font-size:2.5rem;margin:0 0 .5rem}.privacy-policy__header p{color:var(--color-text-secondary);font-size:1.1rem;margin:0}.privacy-policy__share-button{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;font-size:.875rem;height:auto;justify-content:center;margin-left:1rem;min-height:0;min-height:auto;padding:.25rem .5rem;position:static;transition:all .2s ease}.privacy-policy__share-button:hover{background-color:var(--color-bg-tertiary);box-shadow:var(--shadow-md);color:var(--color-primary);transform:translateY(-1px)}.privacy-policy__share-button:active{transform:translateY(0)}.privacy-policy__share-button svg{fill:currentColor;height:1em;width:1em}.privacy-policy__status{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem;padding:0 1rem}.privacy-policy__status-item{align-items:center;border-radius:var(--radius-lg);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.privacy-policy__status-item--success{background-color:#28a7451a;border:1px solid #28a7454d;color:#28a745}.privacy-policy__status-item--info{background-color:#17a2b81a;border:1px solid #17a2b84d;color:#17a2b8}.privacy-policy__status-item--warning{background-color:#ffc1071a;border:1px solid #ffc1074d;color:#ffc107}body.dark-mode .privacy-policy__status-item--success{background-color:#28a74533}body.dark-mode .privacy-policy__status-item--info{background-color:#17a2b833}body.dark-mode .privacy-policy__status-item--warning{background-color:#ffc10733}.privacy-policy__content{box-sizing:border-box;padding:0 1rem;width:100%}.privacy-policy__section{margin-bottom:3rem}.privacy-policy__section h2{border-bottom:1px solid var(--color-border);color:var(--color-text);margin-bottom:1rem;padding-bottom:.5rem}.privacy-policy__cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.privacy-policy__card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:1.5rem;transition:all .3s ease}.privacy-policy__card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.privacy-policy__card h3{color:var(--color-primary);margin:0 0 .5rem}.privacy-policy__card p{color:var(--color-text-secondary);margin:0}.privacy-policy__features{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));list-style:none;margin:0;padding:0}.privacy-policy__features li{background-color:var(--color-bg-tertiary);border-left:3px solid var(--color-primary);border-radius:var(--radius-base);padding:.5rem}.privacy-policy__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.privacy-policy__button{border:none;border-radius:var(--radius-base);cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.privacy-policy__button--primary{background-color:var(--color-primary);color:#fff}.privacy-policy__button--primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.privacy-policy__button--secondary{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.privacy-policy__button--secondary:hover{background-color:var(--color-bg-tertiary);transform:translateY(-1px)}.privacy-policy__notice{background-color:#ffc1071a;border:1px solid #ffc1074d;border-radius:var(--radius-lg);margin-top:3rem;padding:1.5rem;text-align:center}.privacy-policy__notice p{font-weight:500;margin:0}@media (max-width:768px){.privacy-policy{border-radius:0;padding:.5rem}.privacy-policy__header h1{font-size:2rem}.privacy-policy__breadcrumb-row{padding:.5rem}.privacy-policy__share-button{font-size:.75rem;margin-left:.5rem;padding:.25rem}.privacy-policy__status{align-items:stretch;flex-direction:column}.privacy-policy__content{padding:0 .5rem}.privacy-policy__cards,.privacy-policy__features{grid-template-columns:1fr}.privacy-policy__actions{flex-direction:column}.privacy-policy__button{width:100%}}.privacy-policy__skip-link{background:var(--color-primary);border-radius:var(--radius-base);color:#fff;font-weight:500;left:-9999px;padding:8px 16px;position:absolute;text-decoration:none;top:0;z-index:100}.privacy-policy__skip-link:focus{box-shadow:var(--shadow-lg);left:50%;top:10px;transform:translateX(-50%)}.privacy-policy__breadcrumb-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;padding:1rem 1rem 0}.privacy-policy__breadcrumbs{flex:1 1;margin:0;padding:0}.privacy-policy__breadcrumbs ol{flex-wrap:wrap;list-style:none;margin:0;padding:0}.privacy-policy__breadcrumbs li,.privacy-policy__breadcrumbs ol{align-items:center;display:flex;gap:.5rem}.privacy-policy__breadcrumbs a{align-items:center;color:var(--color-primary);display:flex;gap:.25rem;text-decoration:none;transition:color .2s ease}.privacy-policy__breadcrumbs a:hover{color:var(--color-primary-hover);text-decoration:underline}.privacy-policy__breadcrumb-separator{color:var(--color-text-secondary);font-size:.75rem}.privacy-policy__error{margin:0 auto;max-width:600px;padding:3rem 1rem;text-align:center}.privacy-policy__error h2{color:var(--color-danger);margin-bottom:1rem}.privacy-policy__error p{color:var(--color-text-secondary);margin-bottom:2rem}.privacy-policy__loading{padding:2rem 1rem}.privacy-policy__skeleton{animation:skeleton-loading 1.5s ease-in-out infinite}.privacy-policy__skeleton-card,.privacy-policy__skeleton-header,.privacy-policy__skeleton-text{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--radius-base)}.privacy-policy__skeleton-header{height:3rem;margin:0 auto 2rem;width:60%}.privacy-policy__skeleton-text{height:1rem;margin-bottom:1rem}.privacy-policy__skeleton-text--short{width:70%}.privacy-policy__skeleton-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.privacy-policy__skeleton-card{height:150px}.privacy-policy__form{max-width:600px}.privacy-policy__form-group{margin-bottom:1.5rem}.privacy-policy__form-group label{color:var(--color-text);display:block;font-weight:500;margin-bottom:.5rem}.privacy-policy__required{color:var(--color-danger);margin-left:.25rem}.privacy-policy__input,.privacy-policy__select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:1rem;min-height:44px;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.privacy-policy__input:focus,.privacy-policy__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.privacy-policy__help-text{color:var(--color-text-secondary);display:block;font-size:.875rem;margin-top:.5rem}body.dark-mode .privacy-policy__skeleton-card,body.dark-mode .privacy-policy__skeleton-header,body.dark-mode .privacy-policy__skeleton-text{background:linear-gradient(90deg,#3a3a3a 25%,#4a4a4a 50%,#3a3a3a 75%)}body.dark-mode .privacy-policy__input,body.dark-mode .privacy-policy__select{background-color:var(--color-bg-secondary)}.privacy-policy__button:focus-visible,.privacy-policy__card:focus-visible,.privacy-policy__input:focus-visible,.privacy-policy__select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media print{.privacy-policy__actions,.privacy-policy__notice,.privacy-policy__offline-banner,.privacy-policy__skip-link,.privacy-policy__toast{display:none}.privacy-policy{background:#fff;color:#000;max-width:none;padding:0}}.privacy-policy__offline-banner{align-items:center;background-color:var(--color-warning);box-shadow:var(--shadow-md);color:#fff;display:flex;font-weight:500;gap:.5rem;justify-content:center;left:0;padding:.75rem;position:fixed;right:0;text-align:center;top:0;z-index:1100}.privacy-policy__toast{align-items:center;animation:slideIn .3s ease-out;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);bottom:2rem;box-shadow:var(--shadow-lg);display:flex;gap:1rem;max-width:400px;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:1200}.privacy-policy__toast-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.privacy-policy__toast-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s ease}.privacy-policy__toast-close:hover{color:var(--color-text)}.privacy-policy__toast--success{border-color:var(--color-success)}.privacy-policy__toast--success svg{color:var(--color-success)}.privacy-policy__toast--warning{border-color:var(--color-warning)}.privacy-policy__toast--warning svg{color:var(--color-warning)}.privacy-policy__toast--error{border-color:var(--color-danger)}.privacy-policy__toast--error svg{color:var(--color-danger)}.privacy-policy__toast--info{border-color:var(--color-info)}.privacy-policy__toast--info svg{color:var(--color-info)}.privacy-policy__unsaved-indicator{color:var(--color-warning);font-size:.875rem;font-weight:400;margin-left:.5rem}.privacy-policy__form-actions{display:flex;gap:1rem;margin-top:1.5rem}.privacy-policy__image-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1rem}.privacy-policy__image-container{aspect-ratio:16/9;background-color:var(--color-bg-secondary);border-radius:var(--radius-base);overflow:hidden;position:relative}.privacy-policy__image{height:100%;object-fit:cover;transition:opacity .3s ease;width:100%}.privacy-policy__image[data-src]{background-color:var(--color-bg-tertiary);opacity:0}.privacy-policy__image:not([data-src]){opacity:1}@media (prefers-contrast:high){.privacy-policy__button,.privacy-policy__input,.privacy-policy__select,.privacy-policy__toast{border-width:2px}}.privacy-policy__contact-info{background-color:var(--color-bg-secondary);border-left:3px solid var(--color-primary);border-radius:var(--radius-base);margin-top:1rem;padding:1.5rem}.privacy-policy__contact-info p{color:var(--color-text);margin:.5rem 0}.privacy-policy__contact-info p:first-child{color:var(--color-primary);font-weight:600}.privacy-policy__footer-buttons{border-top:1px solid var(--color-border);display:flex;gap:1rem;justify-content:center;margin-top:3rem;padding-top:2rem}@media (max-width:768px){.privacy-policy__toast{bottom:1rem;left:1rem;max-width:none;right:1rem}.privacy-policy__form-actions{flex-direction:column}.privacy-policy__form-actions button{width:100%}.privacy-policy__image-grid{grid-template-columns:1fr}.privacy-policy__contact-info{padding:1rem}.privacy-policy__footer-buttons{flex-direction:column}.privacy-policy__footer-buttons button{width:100%}}.terms-of-service{margin:0 auto;max-width:1200px;padding:0;width:100%}.terms-of-service--full-width{margin:0;max-width:none}body.has-profile-background .terms-of-service{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1rem}body.dark-mode .terms-of-service{background-color:#2a2a2a;color:var(--color-text)}body.dark-mode.has-profile-background .terms-of-service{background-color:#2a2a2af2}.terms-of-service__header{border-bottom:2px solid var(--color-primary);margin-bottom:2rem;padding:.5rem 1rem 1rem;position:relative;text-align:center}.terms-of-service__header-content{width:100%}.terms-of-service__header h1{color:var(--color-primary);font-size:2.5rem;margin:0 0 .5rem}.terms-of-service__header p{color:var(--color-text-secondary);font-size:1.1rem;margin:0}.terms-of-service__share-button{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;font-size:.875rem;height:auto;justify-content:center;margin-left:1rem;min-height:0;min-height:auto;padding:.25rem .5rem;position:static;transition:all .2s ease}.terms-of-service__share-button:hover{background-color:var(--color-bg-tertiary);box-shadow:var(--shadow-md);color:var(--color-primary);transform:translateY(-1px)}.terms-of-service__share-button:active{transform:translateY(0)}.terms-of-service__share-button svg{fill:currentColor;height:1em;width:1em}.terms-of-service__status{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem;padding:0 1rem}.terms-of-service__status-item{align-items:center;border-radius:var(--radius-lg);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.terms-of-service__status-item--success{background-color:#28a7451a;border:1px solid #28a7454d;color:#28a745}.terms-of-service__status-item--info{background-color:#17a2b81a;border:1px solid #17a2b84d;color:#17a2b8}.terms-of-service__status-item--warning{background-color:#ffc1071a;border:1px solid #ffc1074d;color:#ffc107}body.dark-mode .terms-of-service__status-item--success{background-color:#28a74533}body.dark-mode .terms-of-service__status-item--info{background-color:#17a2b833}body.dark-mode .terms-of-service__status-item--warning{background-color:#ffc10733}.terms-of-service__content{box-sizing:border-box;padding:0 1rem;width:100%}.terms-of-service__section{margin-bottom:3rem}.terms-of-service__section h2{border-bottom:1px solid var(--color-border);color:var(--color-text);margin-bottom:1rem;padding-bottom:.5rem}.terms-of-service__cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.terms-of-service__card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:1.5rem;transition:all .3s ease}.terms-of-service__card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.terms-of-service__card h3{color:var(--color-primary);margin:0 0 .5rem}.terms-of-service__card p{color:var(--color-text-secondary);margin:0}.terms-of-service__features{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));list-style:none;margin:0;padding:0}.terms-of-service__features li{background-color:var(--color-bg-tertiary);border-left:3px solid var(--color-primary);border-radius:var(--radius-base);padding:.5rem}.terms-of-service__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.terms-of-service__button{border:none;border-radius:var(--radius-base);cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.terms-of-service__button--primary{background-color:var(--color-primary);color:#fff}.terms-of-service__button--primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.terms-of-service__button--secondary{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.terms-of-service__button--secondary:hover{background-color:var(--color-bg-tertiary);transform:translateY(-1px)}.terms-of-service__notice{background-color:#ffc1071a;border:1px solid #ffc1074d;border-radius:var(--radius-lg);margin-top:3rem;padding:1.5rem;text-align:center}.terms-of-service__notice p{font-weight:500;margin:0}@media (max-width:768px){.terms-of-service{border-radius:0;padding:.5rem}.terms-of-service__header h1{font-size:2rem}.terms-of-service__breadcrumb-row{padding:.5rem}.terms-of-service__share-button{font-size:.75rem;margin-left:.5rem;padding:.25rem}.terms-of-service__status{align-items:stretch;flex-direction:column}.terms-of-service__content{padding:0 .5rem}.terms-of-service__cards,.terms-of-service__features{grid-template-columns:1fr}.terms-of-service__actions{flex-direction:column}.terms-of-service__button{width:100%}}.terms-of-service__skip-link{background:var(--color-primary);border-radius:var(--radius-base);color:#fff;font-weight:500;left:-9999px;padding:8px 16px;position:absolute;text-decoration:none;top:0;z-index:100}.terms-of-service__skip-link:focus{box-shadow:var(--shadow-lg);left:50%;top:10px;transform:translateX(-50%)}.terms-of-service__breadcrumb-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;padding:1rem 1rem 0}.terms-of-service__breadcrumbs{flex:1 1;margin:0;padding:0}.terms-of-service__breadcrumbs ol{flex-wrap:wrap;list-style:none;margin:0;padding:0}.terms-of-service__breadcrumbs li,.terms-of-service__breadcrumbs ol{align-items:center;display:flex;gap:.5rem}.terms-of-service__breadcrumbs a{align-items:center;color:var(--color-primary);display:flex;gap:.25rem;text-decoration:none;transition:color .2s ease}.terms-of-service__breadcrumbs a:hover{color:var(--color-primary-hover);text-decoration:underline}.terms-of-service__breadcrumb-separator{color:var(--color-text-secondary);font-size:.75rem}.terms-of-service__error{margin:0 auto;max-width:600px;padding:3rem 1rem;text-align:center}.terms-of-service__error h2{color:var(--color-danger);margin-bottom:1rem}.terms-of-service__error p{color:var(--color-text-secondary);margin-bottom:2rem}.terms-of-service__loading{padding:2rem 1rem}.terms-of-service__skeleton{animation:skeleton-loading 1.5s ease-in-out infinite}.terms-of-service__skeleton-card,.terms-of-service__skeleton-header,.terms-of-service__skeleton-text{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--radius-base)}.terms-of-service__skeleton-header{height:3rem;margin:0 auto 2rem;width:60%}.terms-of-service__skeleton-text{height:1rem;margin-bottom:1rem}.terms-of-service__skeleton-text--short{width:70%}.terms-of-service__skeleton-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.terms-of-service__skeleton-card{height:150px}.terms-of-service__form{max-width:600px}.terms-of-service__form-group{margin-bottom:1.5rem}.terms-of-service__form-group label{color:var(--color-text);display:block;font-weight:500;margin-bottom:.5rem}.terms-of-service__required{color:var(--color-danger);margin-left:.25rem}.terms-of-service__input,.terms-of-service__select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:1rem;min-height:44px;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.terms-of-service__input:focus,.terms-of-service__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.terms-of-service__help-text{color:var(--color-text-secondary);display:block;font-size:.875rem;margin-top:.5rem}body.dark-mode .terms-of-service__skeleton-card,body.dark-mode .terms-of-service__skeleton-header,body.dark-mode .terms-of-service__skeleton-text{background:linear-gradient(90deg,#3a3a3a 25%,#4a4a4a 50%,#3a3a3a 75%)}body.dark-mode .terms-of-service__input,body.dark-mode .terms-of-service__select{background-color:var(--color-bg-secondary)}.terms-of-service__button:focus-visible,.terms-of-service__card:focus-visible,.terms-of-service__input:focus-visible,.terms-of-service__select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media print{.terms-of-service__actions,.terms-of-service__notice,.terms-of-service__offline-banner,.terms-of-service__skip-link,.terms-of-service__toast{display:none}.terms-of-service{background:#fff;color:#000;max-width:none;padding:0}}.terms-of-service__offline-banner{align-items:center;background-color:var(--color-warning);box-shadow:var(--shadow-md);color:#fff;display:flex;font-weight:500;gap:.5rem;justify-content:center;left:0;padding:.75rem;position:fixed;right:0;text-align:center;top:0;z-index:1100}.terms-of-service__toast{align-items:center;animation:slideIn .3s ease-out;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);bottom:2rem;box-shadow:var(--shadow-lg);display:flex;gap:1rem;max-width:400px;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:1200}.terms-of-service__toast-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.terms-of-service__toast-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s ease}.terms-of-service__toast-close:hover{color:var(--color-text)}.terms-of-service__toast--success{border-color:var(--color-success)}.terms-of-service__toast--success svg{color:var(--color-success)}.terms-of-service__toast--warning{border-color:var(--color-warning)}.terms-of-service__toast--warning svg{color:var(--color-warning)}.terms-of-service__toast--error{border-color:var(--color-danger)}.terms-of-service__toast--error svg{color:var(--color-danger)}.terms-of-service__toast--info{border-color:var(--color-info)}.terms-of-service__toast--info svg{color:var(--color-info)}.terms-of-service__unsaved-indicator{color:var(--color-warning);font-size:.875rem;font-weight:400;margin-left:.5rem}.terms-of-service__form-actions{display:flex;gap:1rem;margin-top:1.5rem}.terms-of-service__image-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1rem}.terms-of-service__image-container{aspect-ratio:16/9;background-color:var(--color-bg-secondary);border-radius:var(--radius-base);overflow:hidden;position:relative}.terms-of-service__image{height:100%;object-fit:cover;transition:opacity .3s ease;width:100%}.terms-of-service__image[data-src]{background-color:var(--color-bg-tertiary);opacity:0}.terms-of-service__image:not([data-src]){opacity:1}@media (prefers-contrast:high){.terms-of-service__button,.terms-of-service__input,.terms-of-service__select,.terms-of-service__toast{border-width:2px}}.terms-of-service__contact-info{background-color:var(--color-bg-secondary);border-left:3px solid var(--color-primary);border-radius:var(--radius-base);margin-top:1rem;padding:1.5rem}.terms-of-service__contact-info p{color:var(--color-text);margin:.5rem 0}.terms-of-service__contact-info p:first-child{color:var(--color-primary);font-weight:600}.terms-of-service__important-notice{background-color:#ffc1071a;border:1px solid #ffc1074d;border-radius:var(--radius-lg);margin-top:3rem;padding:2rem}.terms-of-service__important-notice h2{border-bottom:2px solid var(--color-warning);color:var(--color-warning)}.terms-of-service__footer-buttons{border-top:1px solid var(--color-border);display:flex;gap:1rem;justify-content:center;margin-top:3rem;padding-top:2rem}@media (max-width:768px){.terms-of-service__toast{bottom:1rem;left:1rem;max-width:none;right:1rem}.terms-of-service__form-actions{flex-direction:column}.terms-of-service__form-actions button{width:100%}.terms-of-service__image-grid{grid-template-columns:1fr}.terms-of-service__contact-info{padding:1rem}.terms-of-service__footer-buttons{flex-direction:column}.terms-of-service__footer-buttons button{width:100%}.terms-of-service__important-notice{padding:1.5rem 1rem}}.accessibility-statement{margin:0 auto;max-width:1200px;padding:0;width:100%}.accessibility-statement--full-width{margin:0;max-width:none}body.has-profile-background .accessibility-statement{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1rem}body.dark-mode .accessibility-statement{background-color:#2a2a2a;color:var(--color-text)}body.dark-mode.has-profile-background .accessibility-statement{background-color:#2a2a2af2}.accessibility-statement__header{border-bottom:2px solid var(--color-primary);margin-bottom:2rem;padding:.5rem 1rem 1rem;position:relative;text-align:center}.accessibility-statement__header-content{width:100%}.accessibility-statement__header h1{color:var(--color-primary);font-size:2.5rem;margin:0 0 .5rem}.accessibility-statement__header p{color:var(--color-text-secondary);font-size:1.1rem;margin:0}.accessibility-statement__share-button{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;font-size:.875rem;height:auto;justify-content:center;margin-left:1rem;min-height:0;min-height:auto;padding:.25rem .5rem;position:static;transition:all .2s ease}.accessibility-statement__share-button:hover{background-color:var(--color-bg-tertiary);box-shadow:var(--shadow-md);color:var(--color-primary);transform:translateY(-1px)}.accessibility-statement__share-button:active{transform:translateY(0)}.accessibility-statement__share-button svg{fill:currentColor;height:1em;width:1em}.accessibility-statement__status{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem;padding:0 1rem}.accessibility-statement__status-item{align-items:center;border-radius:var(--radius-lg);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.accessibility-statement__status-item--success{background-color:#28a7451a;border:1px solid #28a7454d;color:#28a745}.accessibility-statement__status-item--info{background-color:#17a2b81a;border:1px solid #17a2b84d;color:#17a2b8}.accessibility-statement__status-item--warning{background-color:#ffc1071a;border:1px solid #ffc1074d;color:#ffc107}body.dark-mode .accessibility-statement__status-item--success{background-color:#28a74533}body.dark-mode .accessibility-statement__status-item--info{background-color:#17a2b833}body.dark-mode .accessibility-statement__status-item--warning{background-color:#ffc10733}.accessibility-statement__content{box-sizing:border-box;padding:0 1rem;width:100%}.accessibility-statement__section h2{border-bottom:1px solid var(--color-border);color:var(--color-text);margin-bottom:1rem;padding-bottom:.5rem}.accessibility-statement__cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.accessibility-statement__card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:1.5rem;transition:all .3s ease}.accessibility-statement__card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.accessibility-statement__card h3{color:var(--color-primary);margin:0 0 .5rem}.accessibility-statement__card p{color:var(--color-text-secondary);margin:0}.accessibility-statement__features{grid-gap:.75rem;gap:.75rem;list-style:none;margin:0;padding:0}.accessibility-statement__features li{background-color:var(--color-bg-tertiary);border-left:3px solid var(--color-primary);border-radius:var(--radius-base);padding:.5rem}.accessibility-statement__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.accessibility-statement__button{border:none;border-radius:var(--radius-base);cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.accessibility-statement__button--primary{background-color:var(--color-primary);color:#fff}.accessibility-statement__button--primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.accessibility-statement__button--secondary{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.accessibility-statement__button--secondary:hover{background-color:var(--color-bg-tertiary);transform:translateY(-1px)}.accessibility-statement__notice{background-color:#ffc1071a;border:1px solid #ffc1074d;border-radius:var(--radius-lg);margin-top:3rem;padding:1.5rem;text-align:center}.accessibility-statement__notice p{font-weight:500;margin:0}@media (max-width:768px){.accessibility-statement{border-radius:0;padding:.5rem}.accessibility-statement__header h1{font-size:2rem}.accessibility-statement__breadcrumb-row{padding:.5rem}.accessibility-statement__share-button{font-size:.75rem;margin-left:.5rem;padding:.25rem}.accessibility-statement__status{align-items:stretch;flex-direction:column}.accessibility-statement__content{padding:0 .5rem}.accessibility-statement__cards,.accessibility-statement__features{grid-template-columns:1fr}.accessibility-statement__actions{flex-direction:column}.accessibility-statement__button{width:100%}}.accessibility-statement__skip-link{background:var(--color-primary);border-radius:var(--radius-base);color:#fff;font-weight:500;left:-9999px;padding:8px 16px;position:absolute;text-decoration:none;top:0;z-index:100}.accessibility-statement__skip-link:focus{box-shadow:var(--shadow-lg);left:50%;top:10px;transform:translateX(-50%)}.accessibility-statement__breadcrumb-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;padding:1rem 1rem 0}.accessibility-statement__breadcrumbs{flex:1 1;margin:0;padding:0}.accessibility-statement__breadcrumbs ol{flex-wrap:wrap;list-style:none;margin:0;padding:0}.accessibility-statement__breadcrumbs li,.accessibility-statement__breadcrumbs ol{align-items:center;display:flex;gap:.5rem}.accessibility-statement__breadcrumbs a{align-items:center;color:var(--color-primary);display:flex;gap:.25rem;text-decoration:none;transition:color .2s ease}.accessibility-statement__breadcrumbs a:hover{color:var(--color-primary-hover);text-decoration:underline}.accessibility-statement__breadcrumb-separator{color:var(--color-text-secondary);font-size:.75rem}.accessibility-statement__error{margin:0 auto;max-width:600px;padding:3rem 1rem;text-align:center}.accessibility-statement__error h2{color:var(--color-danger);margin-bottom:1rem}.accessibility-statement__error p{color:var(--color-text-secondary);margin-bottom:2rem}.accessibility-statement__loading{padding:2rem 1rem}.accessibility-statement__skeleton{animation:skeleton-loading 1.5s ease-in-out infinite}.accessibility-statement__skeleton-card,.accessibility-statement__skeleton-header,.accessibility-statement__skeleton-text{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--radius-base)}.accessibility-statement__skeleton-header{height:3rem;margin:0 auto 2rem;width:60%}.accessibility-statement__skeleton-text{height:1rem;margin-bottom:1rem}.accessibility-statement__skeleton-text--short{width:70%}.accessibility-statement__skeleton-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.accessibility-statement__skeleton-card{height:150px}.accessibility-statement__form{max-width:600px}.accessibility-statement__form-group{margin-bottom:1.5rem}.accessibility-statement__form-group label{color:var(--color-text);display:block;font-weight:500;margin-bottom:.5rem}.accessibility-statement__required{color:var(--color-danger);margin-left:.25rem}.accessibility-statement__input,.accessibility-statement__select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:1rem;min-height:44px;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.accessibility-statement__input:focus,.accessibility-statement__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.accessibility-statement__help-text{color:var(--color-text-secondary);display:block;font-size:.875rem;margin-top:.5rem}body.dark-mode .accessibility-statement__skeleton-card,body.dark-mode .accessibility-statement__skeleton-header,body.dark-mode .accessibility-statement__skeleton-text{background:linear-gradient(90deg,#3a3a3a 25%,#4a4a4a 50%,#3a3a3a 75%)}body.dark-mode .accessibility-statement__input,body.dark-mode .accessibility-statement__select{background-color:var(--color-bg-secondary)}.accessibility-statement__button:focus-visible,.accessibility-statement__card:focus-visible,.accessibility-statement__input:focus-visible,.accessibility-statement__select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media print{.accessibility-statement__actions,.accessibility-statement__notice,.accessibility-statement__offline-banner,.accessibility-statement__skip-link,.accessibility-statement__toast{display:none}.accessibility-statement{background:#fff;color:#000;max-width:none;padding:0}}.accessibility-statement__offline-banner{align-items:center;background-color:var(--color-warning);box-shadow:var(--shadow-md);color:#fff;display:flex;font-weight:500;gap:.5rem;justify-content:center;left:0;padding:.75rem;position:fixed;right:0;text-align:center;top:0;z-index:1100}.accessibility-statement__toast{align-items:center;animation:slideIn .3s ease-out;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);bottom:2rem;box-shadow:var(--shadow-lg);display:flex;gap:1rem;max-width:400px;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:1200}.accessibility-statement__toast-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.accessibility-statement__toast-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s ease}.accessibility-statement__toast-close:hover{color:var(--color-text)}.accessibility-statement__toast--success{border-color:var(--color-success)}.accessibility-statement__toast--success svg{color:var(--color-success)}.accessibility-statement__toast--warning{border-color:var(--color-warning)}.accessibility-statement__toast--warning svg{color:var(--color-warning)}.accessibility-statement__toast--error{border-color:var(--color-danger)}.accessibility-statement__toast--error svg{color:var(--color-danger)}.accessibility-statement__toast--info{border-color:var(--color-info)}.accessibility-statement__toast--info svg{color:var(--color-info)}.accessibility-statement__unsaved-indicator{color:var(--color-warning);font-size:.875rem;font-weight:400;margin-left:.5rem}.accessibility-statement__form-actions{display:flex;gap:1rem;margin-top:1.5rem}.accessibility-statement__image-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1rem}.accessibility-statement__image-container{aspect-ratio:16/9;background-color:var(--color-bg-secondary);border-radius:var(--radius-base);overflow:hidden;position:relative}.accessibility-statement__image{height:100%;object-fit:cover;transition:opacity .3s ease;width:100%}.accessibility-statement__image[data-src]{background-color:var(--color-bg-tertiary);opacity:0}.accessibility-statement__image:not([data-src]){opacity:1}@media (prefers-contrast:high){.accessibility-statement__button,.accessibility-statement__input,.accessibility-statement__select,.accessibility-statement__toast{border-width:2px}}@media (max-width:768px){.accessibility-statement__toast{bottom:1rem;left:1rem;max-width:none;right:1rem}.accessibility-statement__form-actions{flex-direction:column}.accessibility-statement__form-actions button{width:100%}.accessibility-statement__image-grid{grid-template-columns:1fr}}.accessibility-statement__header-icon{color:var(--color-primary);font-size:3rem;margin-bottom:1rem}.accessibility-statement__section{margin-bottom:3rem}.accessibility-statement__section:last-child{margin-bottom:0}.accessibility-statement__section h2{color:var(--color-primary);font-size:1.75rem;font-weight:600;margin-bottom:1.5rem}.accessibility-statement__section h3{color:var(--color-text);font-size:1.25rem;font-weight:600;margin:1.5rem 0 1rem}.accessibility-statement__section p{line-height:1.6;margin-bottom:1rem}.accessibility-statement__section ul{margin:1rem 0;padding-left:2rem}.accessibility-statement__section li{line-height:1.6;margin-bottom:.5rem}.accessibility-statement__features{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.accessibility-statement__feature{background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);display:flex;gap:1rem;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.accessibility-statement__feature:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.accessibility-statement__feature-icon{color:var(--color-primary);flex-shrink:0;font-size:2rem}.accessibility-statement__feature-content{flex:1 1}.accessibility-statement__feature-title{font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.accessibility-statement__feature-description{color:var(--color-text-secondary);margin:0}.accessibility-statement__guidelines{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.accessibility-statement__guideline{background-color:var(--color-bg-secondary);border-radius:var(--radius-base);border-top:3px solid var(--color-primary);padding:1.5rem}.accessibility-statement__guideline h3{color:var(--color-primary);margin-top:0}.accessibility-statement__footer{border-top:1px solid var(--color-border);display:flex;justify-content:center;margin-top:4rem;padding:2rem 0}.accessibility-statement__footer .accessibility-statement__button{align-items:center;display:inline-flex;justify-content:center;text-decoration:none}@media (max-width:768px){.accessibility-statement__header-icon{font-size:2.5rem}.accessibility-statement__section h2{font-size:1.5rem}.accessibility-statement__section h3{font-size:1.125rem}.accessibility-statement__features,.accessibility-statement__guidelines{gap:1.5rem;grid-template-columns:1fr}.accessibility-statement__feature{padding:1rem}.accessibility-statement__footer{margin-top:2rem;padding:1.5rem 0}}.user-agreement{margin:0 auto;max-width:1200px;padding:0;width:100%}.user-agreement--full-width{margin:0;max-width:none}body.has-profile-background .user-agreement{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1rem}body.dark-mode .user-agreement{background-color:#2a2a2a;color:var(--color-text)}body.dark-mode.has-profile-background .user-agreement{background-color:#2a2a2af2}.user-agreement__header{border-bottom:2px solid var(--color-primary);margin-bottom:2rem;padding:.5rem 1rem 1rem;position:relative;text-align:center}.user-agreement__header-content{width:100%}.user-agreement__header h1{color:var(--color-primary);font-size:2.5rem;margin:0 0 .5rem}.user-agreement__header p{color:var(--color-text-secondary);font-size:1.1rem;margin:0}.user-agreement__share-button{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;font-size:.875rem;height:auto;justify-content:center;margin-left:1rem;min-height:0;min-height:auto;padding:.25rem .5rem;position:static;transition:all .2s ease}.user-agreement__share-button:hover{background-color:var(--color-bg-tertiary);box-shadow:var(--shadow-md);color:var(--color-primary);transform:translateY(-1px)}.user-agreement__share-button:active{transform:translateY(0)}.user-agreement__share-button svg{fill:currentColor;height:1em;width:1em}.user-agreement__status{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem;padding:0 1rem}.user-agreement__status-item{align-items:center;border-radius:var(--radius-lg);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.user-agreement__status-item--success{background-color:#28a7451a;border:1px solid #28a7454d;color:#28a745}.user-agreement__status-item--info{background-color:#17a2b81a;border:1px solid #17a2b84d;color:#17a2b8}.user-agreement__status-item--warning{background-color:#ffc1071a;border:1px solid #ffc1074d;color:#ffc107}body.dark-mode .user-agreement__status-item--success{background-color:#28a74533}body.dark-mode .user-agreement__status-item--info{background-color:#17a2b833}body.dark-mode .user-agreement__status-item--warning{background-color:#ffc10733}.user-agreement__content{box-sizing:border-box;padding:0 1rem;width:100%}.user-agreement__section h2{border-bottom:1px solid var(--color-border);color:var(--color-text);margin-bottom:1rem;padding-bottom:.5rem}.user-agreement__cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.user-agreement__card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:1.5rem;transition:all .3s ease}.user-agreement__card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.user-agreement__card h3{color:var(--color-primary);margin:0 0 .5rem}.user-agreement__card p{color:var(--color-text-secondary);margin:0}.user-agreement__features{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));list-style:none;margin:0;padding:0}.user-agreement__features li{background-color:var(--color-bg-tertiary);border-left:3px solid var(--color-primary);border-radius:var(--radius-base);padding:.5rem}.user-agreement__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.user-agreement__button{border:none;border-radius:var(--radius-base);cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.user-agreement__button--primary{background-color:var(--color-primary);color:#fff}.user-agreement__button--primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.user-agreement__button--secondary{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.user-agreement__button--secondary:hover{background-color:var(--color-bg-tertiary);transform:translateY(-1px)}.user-agreement__notice{background-color:#ffc1071a;border:1px solid #ffc1074d;border-radius:var(--radius-lg);margin-top:3rem;padding:1.5rem;text-align:center}.user-agreement__notice p{font-weight:500;margin:0}@media (max-width:768px){.user-agreement{border-radius:0;padding:.5rem}.user-agreement__header h1{font-size:2rem}.user-agreement__breadcrumb-row{padding:.5rem}.user-agreement__share-button{font-size:.75rem;margin-left:.5rem;padding:.25rem}.user-agreement__status{align-items:stretch;flex-direction:column}.user-agreement__content{padding:0 .5rem}.user-agreement__cards,.user-agreement__features{grid-template-columns:1fr}.user-agreement__actions{flex-direction:column}.user-agreement__button{width:100%}}.user-agreement__skip-link{background:var(--color-primary);border-radius:var(--radius-base);color:#fff;font-weight:500;left:-9999px;padding:8px 16px;position:absolute;text-decoration:none;top:0;z-index:100}.user-agreement__skip-link:focus{box-shadow:var(--shadow-lg);left:50%;top:10px;transform:translateX(-50%)}.user-agreement__breadcrumb-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;padding:1rem 1rem 0}.user-agreement__breadcrumbs{flex:1 1;margin:0;padding:0}.user-agreement__breadcrumbs ol{flex-wrap:wrap;list-style:none;margin:0;padding:0}.user-agreement__breadcrumbs li,.user-agreement__breadcrumbs ol{align-items:center;display:flex;gap:.5rem}.user-agreement__breadcrumbs a{align-items:center;color:var(--color-primary);display:flex;gap:.25rem;text-decoration:none;transition:color .2s ease}.user-agreement__breadcrumbs a:hover{color:var(--color-primary-hover);text-decoration:underline}.user-agreement__breadcrumb-separator{color:var(--color-text-secondary);font-size:.75rem}.user-agreement__error{margin:0 auto;max-width:600px;padding:3rem 1rem;text-align:center}.user-agreement__error h2{color:var(--color-danger);margin-bottom:1rem}.user-agreement__error p{color:var(--color-text-secondary);margin-bottom:2rem}.user-agreement__loading{padding:2rem 1rem}.user-agreement__skeleton{animation:skeleton-loading 1.5s ease-in-out infinite}.user-agreement__skeleton-card,.user-agreement__skeleton-header,.user-agreement__skeleton-text{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--radius-base)}.user-agreement__skeleton-header{height:3rem;margin:0 auto 2rem;width:60%}.user-agreement__skeleton-text{height:1rem;margin-bottom:1rem}.user-agreement__skeleton-text--short{width:70%}.user-agreement__skeleton-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.user-agreement__skeleton-card{height:150px}.user-agreement__form{max-width:600px}.user-agreement__form-group{margin-bottom:1.5rem}.user-agreement__form-group label{color:var(--color-text);display:block;font-weight:500;margin-bottom:.5rem}.user-agreement__required{color:var(--color-danger);margin-left:.25rem}.user-agreement__input,.user-agreement__select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:1rem;min-height:44px;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.user-agreement__input:focus,.user-agreement__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.user-agreement__help-text{color:var(--color-text-secondary);display:block;font-size:.875rem;margin-top:.5rem}body.dark-mode .user-agreement__skeleton-card,body.dark-mode .user-agreement__skeleton-header,body.dark-mode .user-agreement__skeleton-text{background:linear-gradient(90deg,#3a3a3a 25%,#4a4a4a 50%,#3a3a3a 75%)}body.dark-mode .user-agreement__input,body.dark-mode .user-agreement__select{background-color:var(--color-bg-secondary)}.user-agreement__button:focus-visible,.user-agreement__card:focus-visible,.user-agreement__input:focus-visible,.user-agreement__select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media print{.user-agreement__actions,.user-agreement__notice,.user-agreement__offline-banner,.user-agreement__skip-link,.user-agreement__toast{display:none}.user-agreement{background:#fff;color:#000;max-width:none;padding:0}}.user-agreement__offline-banner{align-items:center;background-color:var(--color-warning);box-shadow:var(--shadow-md);color:#fff;display:flex;font-weight:500;gap:.5rem;justify-content:center;left:0;padding:.75rem;position:fixed;right:0;text-align:center;top:0;z-index:1100}.user-agreement__toast{align-items:center;animation:slideIn .3s ease-out;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);bottom:2rem;box-shadow:var(--shadow-lg);display:flex;gap:1rem;max-width:400px;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:1200}.user-agreement__toast-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.user-agreement__toast-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s ease}.user-agreement__toast-close:hover{color:var(--color-text)}.user-agreement__toast--success{border-color:var(--color-success)}.user-agreement__toast--success svg{color:var(--color-success)}.user-agreement__toast--warning{border-color:var(--color-warning)}.user-agreement__toast--warning svg{color:var(--color-warning)}.user-agreement__toast--error{border-color:var(--color-danger)}.user-agreement__toast--error svg{color:var(--color-danger)}.user-agreement__toast--info{border-color:var(--color-info)}.user-agreement__toast--info svg{color:var(--color-info)}.user-agreement__unsaved-indicator{color:var(--color-warning);font-size:.875rem;font-weight:400;margin-left:.5rem}.user-agreement__form-actions{display:flex;gap:1rem;margin-top:1.5rem}.user-agreement__image-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1rem}.user-agreement__image-container{aspect-ratio:16/9;background-color:var(--color-bg-secondary);border-radius:var(--radius-base);overflow:hidden;position:relative}.user-agreement__image{height:100%;object-fit:cover;transition:opacity .3s ease;width:100%}.user-agreement__image[data-src]{background-color:var(--color-bg-tertiary);opacity:0}.user-agreement__image:not([data-src]){opacity:1}@media (prefers-contrast:high){.user-agreement__button,.user-agreement__input,.user-agreement__select,.user-agreement__toast{border-width:2px}}@media (max-width:768px){.user-agreement__toast{bottom:1rem;left:1rem;max-width:none;right:1rem}.user-agreement__form-actions{flex-direction:column}.user-agreement__form-actions button{width:100%}.user-agreement__image-grid{grid-template-columns:1fr}}.user-agreement__section{margin-bottom:3rem}.user-agreement__section:last-child{margin-bottom:0}.user-agreement__section h2{color:var(--color-primary);font-size:1.75rem;font-weight:600;margin-bottom:1.5rem}.user-agreement__section h3{color:var(--color-text);font-size:1.25rem;font-weight:600;margin:1.5rem 0 1rem}.user-agreement__section p{line-height:1.6;margin-bottom:1rem}.user-agreement__section ul{margin:1rem 0;padding-left:2rem}.user-agreement__section li{line-height:1.6;margin-bottom:.5rem}.user-agreement__contact-info{background-color:var(--color-bg-secondary);border-left:3px solid var(--color-primary);border-radius:var(--radius-base);margin-top:1rem;padding:1.5rem}.user-agreement__contact-info p{color:var(--color-text);margin:.25rem 0}.user-agreement__contact-info p:first-child{font-weight:600;margin-bottom:.5rem}.user-agreement__footer{border-top:1px solid var(--color-border);display:flex;gap:1rem;justify-content:center;margin-top:4rem;padding:2rem 0}.user-agreement__footer .user-agreement__button{align-items:center;display:inline-flex;justify-content:center;min-width:120px;text-decoration:none}@media (max-width:768px){.user-agreement__section h2{font-size:1.5rem}.user-agreement__section h3{font-size:1.125rem}.user-agreement__contact-info{padding:1rem}.user-agreement__footer{margin-top:2rem;padding:1.5rem 0}}.sitemap{margin:0 auto;max-width:1200px;padding:0;width:100%}.sitemap--full-width{margin:0;max-width:none}body.has-profile-background .sitemap{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1rem}body.dark-mode .sitemap{background-color:#2a2a2a;color:var(--color-text)}body.dark-mode.has-profile-background .sitemap{background-color:#2a2a2af2}.sitemap__header{border-bottom:2px solid var(--color-primary);margin-bottom:2rem;padding:.5rem 1rem 1rem;position:relative;text-align:center}.sitemap__header-content{width:100%}.sitemap__header h1{color:var(--color-primary);font-size:2.5rem;margin:0 0 .5rem}.sitemap__header p{color:var(--color-text-secondary);font-size:1.1rem;margin:0}.sitemap__share-button{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;font-size:.875rem;height:auto;justify-content:center;margin-left:1rem;min-height:0;min-height:auto;padding:.25rem .5rem;position:static;transition:all .2s ease}.sitemap__share-button:hover{background-color:var(--color-bg-tertiary);box-shadow:var(--shadow-md);color:var(--color-primary);transform:translateY(-1px)}.sitemap__share-button:active{transform:translateY(0)}.sitemap__share-button svg{fill:currentColor;height:1em;width:1em}.sitemap__status{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem;padding:0 1rem}.sitemap__status-item{align-items:center;border-radius:var(--radius-lg);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.sitemap__status-item--success{background-color:#28a7451a;border:1px solid #28a7454d;color:#28a745}.sitemap__status-item--info{background-color:#17a2b81a;border:1px solid #17a2b84d;color:#17a2b8}.sitemap__status-item--warning{background-color:#ffc1071a;border:1px solid #ffc1074d;color:#ffc107}body.dark-mode .sitemap__status-item--success{background-color:#28a74533}body.dark-mode .sitemap__status-item--info{background-color:#17a2b833}body.dark-mode .sitemap__status-item--warning{background-color:#ffc10733}.sitemap__content{box-sizing:border-box;padding:0 1rem;width:100%}.sitemap__section{margin-bottom:3rem}.sitemap__section h2{border-bottom:1px solid var(--color-border);color:var(--color-text);margin-bottom:1rem;padding-bottom:.5rem}.sitemap__cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.sitemap__card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:1.5rem;transition:all .3s ease}.sitemap__card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.sitemap__card h3{color:var(--color-primary);margin:0 0 .5rem}.sitemap__card p{color:var(--color-text-secondary);margin:0}.sitemap__features{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));list-style:none;margin:0;padding:0}.sitemap__features li{background-color:var(--color-bg-tertiary);border-left:3px solid var(--color-primary);border-radius:var(--radius-base);padding:.5rem}.sitemap__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.sitemap__button{border:none;border-radius:var(--radius-base);cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.sitemap__button--primary{background-color:var(--color-primary);color:#fff}.sitemap__button--primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.sitemap__button--secondary{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.sitemap__button--secondary:hover{background-color:var(--color-bg-tertiary);transform:translateY(-1px)}.sitemap__notice{background-color:#ffc1071a;border:1px solid #ffc1074d;border-radius:var(--radius-lg);margin-top:3rem;padding:1.5rem;text-align:center}.sitemap__notice p{font-weight:500;margin:0}@media (max-width:768px){.sitemap{border-radius:0;padding:.5rem}.sitemap__header h1{font-size:2rem}.sitemap__breadcrumb-row{padding:.5rem}.sitemap__share-button{font-size:.75rem;margin-left:.5rem;padding:.25rem}.sitemap__status{align-items:stretch;flex-direction:column}.sitemap__content{padding:0 .5rem}.sitemap__cards,.sitemap__features{grid-template-columns:1fr}.sitemap__actions{flex-direction:column}.sitemap__button{width:100%}}.sitemap__skip-link{background:var(--color-primary);border-radius:var(--radius-base);color:#fff;font-weight:500;left:-9999px;padding:8px 16px;position:absolute;text-decoration:none;top:0;z-index:100}.sitemap__skip-link:focus{box-shadow:var(--shadow-lg);left:50%;top:10px;transform:translateX(-50%)}.sitemap__breadcrumb-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;padding:1rem 1rem 0}.sitemap__breadcrumbs{flex:1 1;margin:0;padding:0}.sitemap__breadcrumbs ol{flex-wrap:wrap;list-style:none;margin:0;padding:0}.sitemap__breadcrumbs li,.sitemap__breadcrumbs ol{align-items:center;display:flex;gap:.5rem}.sitemap__breadcrumbs a{align-items:center;color:var(--color-primary);display:flex;gap:.25rem;text-decoration:none;transition:color .2s ease}.sitemap__breadcrumbs a:hover{color:var(--color-primary-hover);text-decoration:underline}.sitemap__breadcrumb-separator{color:var(--color-text-secondary);font-size:.75rem}.sitemap__error{margin:0 auto;max-width:600px;padding:3rem 1rem;text-align:center}.sitemap__error h2{color:var(--color-danger);margin-bottom:1rem}.sitemap__error p{color:var(--color-text-secondary);margin-bottom:2rem}.sitemap__loading{padding:2rem 1rem}.sitemap__skeleton{animation:skeleton-loading 1.5s ease-in-out infinite}.sitemap__skeleton-card,.sitemap__skeleton-header,.sitemap__skeleton-text{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--radius-base)}.sitemap__skeleton-header{height:3rem;margin:0 auto 2rem;width:60%}.sitemap__skeleton-text{height:1rem;margin-bottom:1rem}.sitemap__skeleton-text--short{width:70%}.sitemap__skeleton-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.sitemap__skeleton-card{height:150px}.sitemap__form{max-width:600px}.sitemap__form-group{margin-bottom:1.5rem}.sitemap__form-group label{color:var(--color-text);display:block;font-weight:500;margin-bottom:.5rem}.sitemap__required{color:var(--color-danger);margin-left:.25rem}.sitemap__input,.sitemap__select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:1rem;min-height:44px;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.sitemap__input:focus,.sitemap__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.sitemap__help-text{color:var(--color-text-secondary);display:block;font-size:.875rem;margin-top:.5rem}body.dark-mode .sitemap__skeleton-card,body.dark-mode .sitemap__skeleton-header,body.dark-mode .sitemap__skeleton-text{background:linear-gradient(90deg,#3a3a3a 25%,#4a4a4a 50%,#3a3a3a 75%)}body.dark-mode .sitemap__input,body.dark-mode .sitemap__select{background-color:var(--color-bg-secondary)}.sitemap__button:focus-visible,.sitemap__card:focus-visible,.sitemap__input:focus-visible,.sitemap__select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media print{.sitemap__actions,.sitemap__notice,.sitemap__offline-banner,.sitemap__skip-link,.sitemap__toast{display:none}.sitemap{background:#fff;color:#000;max-width:none;padding:0}}.sitemap__offline-banner{background-color:var(--color-warning);box-shadow:var(--shadow-md);color:#fff;font-weight:500;gap:.5rem;justify-content:center;left:0;padding:.75rem;right:0;text-align:center;top:0;z-index:1100}.sitemap__offline-banner,.sitemap__toast{align-items:center;display:flex;position:fixed}.sitemap__toast{animation:slideIn .3s ease-out;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);bottom:2rem;box-shadow:var(--shadow-lg);gap:1rem;max-width:400px;padding:1rem 1.5rem;right:2rem;z-index:1200}.sitemap__toast-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.sitemap__toast-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s ease}.sitemap__toast-close:hover{color:var(--color-text)}.sitemap__toast--success{border-color:var(--color-success)}.sitemap__toast--success svg{color:var(--color-success)}.sitemap__toast--warning{border-color:var(--color-warning)}.sitemap__toast--warning svg{color:var(--color-warning)}.sitemap__toast--error{border-color:var(--color-danger)}.sitemap__toast--error svg{color:var(--color-danger)}.sitemap__toast--info{border-color:var(--color-info)}.sitemap__toast--info svg{color:var(--color-info)}.sitemap__unsaved-indicator{color:var(--color-warning);font-size:.875rem;font-weight:400;margin-left:.5rem}.sitemap__form-actions{display:flex;gap:1rem;margin-top:1.5rem}.sitemap__image-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1rem}.sitemap__image-container{aspect-ratio:16/9;background-color:var(--color-bg-secondary);border-radius:var(--radius-base);overflow:hidden;position:relative}.sitemap__image{height:100%;object-fit:cover;transition:opacity .3s ease;width:100%}.sitemap__image[data-src]{background-color:var(--color-bg-tertiary);opacity:0}.sitemap__image:not([data-src]){opacity:1}@media (prefers-contrast:high){.sitemap__button,.sitemap__input,.sitemap__select,.sitemap__toast{border-width:2px}}@media (max-width:768px){.sitemap__toast{bottom:1rem;left:1rem;max-width:none;right:1rem}.sitemap__form-actions{flex-direction:column}.sitemap__form-actions button{width:100%}.sitemap__image-grid{grid-template-columns:1fr}}.sitemap__header-icon{color:var(--color-primary);font-size:3rem;margin-bottom:1rem}.sitemap__grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.sitemap__section{background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);border-top:3px solid var(--color-primary);padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.sitemap__section:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.sitemap__section-title{align-items:center;color:var(--color-primary);display:flex;font-size:1.25rem;font-weight:600;gap:.75rem;margin:0 0 1rem}.sitemap__section-icon{flex-shrink:0;font-size:1.5rem}.sitemap__links{list-style:none;margin:0;padding:0}.sitemap__links li{margin-bottom:.75rem}.sitemap__links li:last-child{margin-bottom:0}.sitemap__links a{align-items:center;color:var(--color-text);display:inline-flex;padding:.25rem 0;text-decoration:none;transition:color .2s ease}.sitemap__links a:focus,.sitemap__links a:hover{color:var(--color-primary);text-decoration:underline}.sitemap__footer-note{background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-top:3rem;padding:2rem;text-align:center}.sitemap__footer-note p{color:var(--color-text-secondary);margin:.5rem 0}.sitemap__footer-note strong{color:var(--color-text)}.sitemap__footer-note a{color:var(--color-primary);text-decoration:none}.sitemap__footer-note a:hover{text-decoration:underline}@media (max-width:768px){.sitemap__header-icon{font-size:2.5rem}.sitemap__grid{gap:1.5rem;grid-template-columns:1fr}.sitemap__section{padding:1rem}.sitemap__section-title{font-size:1.125rem}.sitemap__section-icon{font-size:1.25rem}.sitemap__links{font-size:.9rem}.sitemap__footer-note{padding:1.5rem 1rem}}.privacy-dashboard{background-color:var(--color-bg);color:var(--color-text);margin:0 auto;max-width:1200px;min-height:100vh;padding:0;width:100%}.privacy-dashboard--full-width{margin:0;max-width:none}body.has-profile-background .privacy-dashboard{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1rem}.privacy-dashboard.dark,body.dark-mode .privacy-dashboard{background-color:#2a2a2a;color:var(--color-text)}body.dark-mode.has-profile-background .privacy-dashboard,body.dark-mode.has-profile-background .privacy-dashboard.dark{background-color:#2a2a2af2}.privacy-dashboard__skip-link,.privacy-dashboard__skip-links{left:-9999px;position:absolute;top:0;z-index:100}.privacy-dashboard__skip-link{background:var(--color-primary);border-radius:var(--radius-base);color:#fff;font-weight:500;padding:8px 16px;text-decoration:none}.privacy-dashboard__skip-link:focus{box-shadow:var(--shadow-lg);left:50%;top:10px;transform:translateX(-50%)}.privacy-dashboard__breadcrumb-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;padding:1rem 1rem 0}.privacy-dashboard__breadcrumbs{flex:1 1;margin:0;padding:0}.privacy-dashboard__breadcrumbs ol{flex-wrap:wrap;list-style:none;margin:0;padding:0}.privacy-dashboard__breadcrumbs li,.privacy-dashboard__breadcrumbs ol{align-items:center;display:flex;gap:.5rem}.privacy-dashboard__breadcrumbs a{align-items:center;color:var(--color-primary);display:flex;gap:.25rem;text-decoration:none;transition:color .2s ease}.privacy-dashboard__breadcrumbs a:hover{color:var(--color-primary-hover);text-decoration:underline}.privacy-dashboard__breadcrumb-separator{color:var(--color-text-secondary);font-size:.75rem}.privacy-dashboard__share-button{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;font-size:.875rem;height:auto;justify-content:center;margin-left:1rem;min-height:0;min-height:auto;padding:.25rem .5rem;position:static;transition:all .2s ease}.privacy-dashboard__share-button:hover{background-color:var(--color-bg-tertiary);box-shadow:var(--shadow-md);color:var(--color-primary);transform:translateY(-1px)}.privacy-dashboard__share-button:active{transform:translateY(0)}.privacy-dashboard__share-button svg{fill:currentColor;height:1em;width:1em}.privacy-dashboard__container{margin:0 auto;max-width:1000px;padding:0 var(--space-md)}.privacy-dashboard__header{border-bottom:2px solid var(--color-primary);margin-bottom:var(--space-xl);padding:.5rem 1rem 1rem;position:relative;text-align:center}.privacy-dashboard__header-content{width:100%}.privacy-dashboard__header h1{color:var(--color-primary);font-size:2.5rem;margin:0 0 var(--space-sm) 0}.privacy-dashboard__header p{color:var(--color-text-secondary);font-size:1.1rem;margin:0}.privacy-dashboard__loading{align-items:center;display:flex;flex-direction:column;gap:var(--space-md);justify-content:center;min-height:50vh;padding:2rem 1rem}.privacy-dashboard__loading .spinner{animation:spin 1s linear infinite;font-size:2rem}.privacy-dashboard__skeleton{animation:skeleton-loading 1.5s ease-in-out infinite}.privacy-dashboard__skeleton-card,.privacy-dashboard__skeleton-header,.privacy-dashboard__skeleton-text{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--radius-base)}.privacy-dashboard__skeleton-header{height:3rem;margin:0 auto 2rem;width:60%}.privacy-dashboard__skeleton-text{height:1rem;margin-bottom:1rem}.privacy-dashboard__skeleton-text--short{width:70%}.privacy-dashboard__skeleton-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.privacy-dashboard__skeleton-card{height:150px}.privacy-dashboard__message{align-items:center;border-radius:var(--radius-base);display:flex;font-weight:var(--font-weight-medium);gap:var(--space-sm);margin-bottom:var(--space-lg);padding:var(--space-md)}.privacy-dashboard__message--success{background-color:#28a7451a;border:1px solid var(--color-success);color:var(--color-success)}.privacy-dashboard__message--error{background-color:#dc35451a;border:1px solid var(--color-danger);color:var(--color-danger)}.privacy-dashboard__alert{border-radius:var(--radius-base);display:flex;gap:var(--space-md);margin-bottom:var(--space-xl);padding:var(--space-lg)}.privacy-dashboard__alert--warning{background-color:#ffc1071a;border:1px solid var(--color-warning);color:var(--color-warning)}.privacy-dashboard__alert svg{flex-shrink:0;font-size:2rem}.privacy-dashboard__alert h3{color:var(--color-text);margin:0 0 var(--space-xs) 0}.privacy-dashboard__alert p{margin:0 0 var(--space-md) 0}.privacy-dashboard__section{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);margin-bottom:var(--space-xl);padding:var(--space-xl)}.privacy-dashboard__section--danger{border-color:#dc35454d}.privacy-dashboard__section-header{align-items:center;display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg)}.privacy-dashboard__section-header svg{color:var(--color-primary);font-size:1.5rem}.privacy-dashboard__section-header h2{border-bottom:1px solid var(--color-border);color:var(--color-text);font-size:1.5rem;margin:0;padding-bottom:.5rem}.privacy-dashboard__info{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-light);border-radius:var(--radius-base);margin:var(--space-md) 0;padding:var(--space-md)}.privacy-dashboard__info h4{color:var(--color-text);margin:0 0 var(--space-sm) 0}.privacy-dashboard__info ul{margin:0;padding-left:var(--space-lg)}.privacy-dashboard__info li{color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.privacy-dashboard__button{align-items:center;border:none;border-radius:var(--radius-base);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:var(--font-weight-medium);gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);text-decoration:none;transition:all var(--transition-base)}.privacy-dashboard__button:disabled{cursor:not-allowed;opacity:.6}.privacy-dashboard__button--primary{background-color:var(--color-primary);color:#fff}.privacy-dashboard__button--primary:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.privacy-dashboard__button--secondary{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text)}.privacy-dashboard__button--secondary:hover:not(:disabled){background-color:var(--color-bg-hover);transform:translateY(-1px)}.privacy-dashboard__button--danger{background-color:var(--color-danger);color:#fff}.privacy-dashboard__button--danger:hover:not(:disabled){background-color:#c82333;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.privacy-dashboard__preference,.privacy-dashboard__preferences{margin-bottom:var(--space-lg)}.privacy-dashboard__preference label{align-items:flex-start;cursor:pointer;display:flex;gap:var(--space-md)}.privacy-dashboard__preference input[type=checkbox]{cursor:pointer;height:20px;margin-top:2px;width:20px}.privacy-dashboard__preference h4{color:var(--color-text);font-size:1.1rem;margin:0 0 var(--space-xs) 0}.privacy-dashboard__preference p{color:var(--color-text-secondary);font-size:.9rem;margin:0}.privacy-dashboard__select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:1rem;margin-top:var(--space-sm);min-height:44px;padding:var(--space-sm);width:100%}.privacy-dashboard__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.privacy-dashboard__history{border:1px solid var(--color-border);border-radius:var(--radius-base);overflow:hidden}.privacy-dashboard__history-item{grid-gap:var(--space-md);align-items:center;border-bottom:1px solid var(--color-border-light);display:grid;gap:var(--space-md);grid-template-columns:1fr auto auto;padding:var(--space-md)}.privacy-dashboard__history-item:last-child{border-bottom:none}.privacy-dashboard__history-type{color:var(--color-text);font-weight:var(--font-weight-medium)}.privacy-dashboard__history-status .consent-given{color:var(--color-success)}.privacy-dashboard__history-status .consent-withdrawn{color:var(--color-danger)}.privacy-dashboard__history-date{color:var(--color-text-secondary);font-size:.9rem}.privacy-dashboard__warning{background-color:#dc35451a;border:1px solid #dc35454d;border-radius:var(--radius-base);margin-bottom:var(--space-lg);padding:var(--space-lg)}.privacy-dashboard__warning h4{color:var(--color-danger);margin:0 0 var(--space-sm) 0}.privacy-dashboard__warning ul{margin:var(--space-sm) 0;padding-left:var(--space-lg)}.privacy-dashboard__warning li{margin-bottom:var(--space-xs)}.privacy-dashboard__delete-confirm{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:var(--space-lg)}.privacy-dashboard__delete-confirm h4{color:var(--color-danger);margin:0 0 var(--space-md) 0}.privacy-dashboard__textarea{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-family:inherit;font-size:1rem;margin-bottom:var(--space-md);min-height:44px;padding:var(--space-sm);resize:vertical;width:100%}.privacy-dashboard__textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.privacy-dashboard__actions{display:flex;flex-wrap:wrap;gap:var(--space-md)}.privacy-dashboard__error{margin:0 auto;max-width:600px;padding:3rem 1rem;text-align:center}.privacy-dashboard__error h2{color:var(--color-danger);margin-bottom:1rem}.privacy-dashboard__error p{color:var(--color-text-secondary);margin-bottom:2rem}.privacy-dashboard__offline-banner{align-items:center;background-color:var(--color-warning);box-shadow:var(--shadow-md);color:#fff;display:flex;font-weight:500;gap:.5rem;justify-content:center;left:0;padding:.75rem;position:fixed;right:0;text-align:center;top:0;z-index:1100}.privacy-dashboard__toast{align-items:center;animation:slideIn .3s ease-out;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);bottom:2rem;box-shadow:var(--shadow-lg);display:flex;gap:1rem;max-width:400px;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:1200}.privacy-dashboard__toast-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.privacy-dashboard__toast-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s ease}.privacy-dashboard__toast-close:hover{color:var(--color-text)}.privacy-dashboard__toast--success{border-color:var(--color-success)}.privacy-dashboard__toast--success svg{color:var(--color-success)}.privacy-dashboard__toast--warning{border-color:var(--color-warning)}.privacy-dashboard__toast--warning svg{color:var(--color-warning)}.privacy-dashboard__toast--error{border-color:var(--color-danger)}.privacy-dashboard__toast--error svg{color:var(--color-danger)}.privacy-dashboard__toast--info{border-color:var(--color-info)}.privacy-dashboard__toast--info svg{color:var(--color-info)}.privacy-dashboard__unsaved-indicator{color:var(--color-warning);font-size:.875rem;font-weight:400;margin-left:.5rem}.privacy-dashboard.dark .privacy-dashboard__section{background-color:var(--color-bg-secondary)}.privacy-dashboard.dark .privacy-dashboard__info{background-color:var(--color-bg-tertiary)}.privacy-dashboard.dark .privacy-dashboard__select,.privacy-dashboard.dark .privacy-dashboard__textarea{background-color:var(--color-bg-secondary);color:var(--color-text)}body.dark-mode .privacy-dashboard__skeleton-card,body.dark-mode .privacy-dashboard__skeleton-header,body.dark-mode .privacy-dashboard__skeleton-text{background:linear-gradient(90deg,#3a3a3a 25%,#4a4a4a 50%,#3a3a3a 75%)}.privacy-dashboard__button:focus-visible,.privacy-dashboard__preference input:focus-visible,.privacy-dashboard__select:focus-visible,.privacy-dashboard__textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-contrast:high){.privacy-dashboard__button,.privacy-dashboard__select,.privacy-dashboard__textarea,.privacy-dashboard__toast{border-width:2px}}@media (max-width:768px){.privacy-dashboard{border-radius:0;padding:.5rem}.privacy-dashboard__header h1{font-size:2rem}.privacy-dashboard__breadcrumb-row{padding:.5rem}.privacy-dashboard__share-button{font-size:.75rem;margin-left:.5rem;padding:.25rem}.privacy-dashboard__section{padding:var(--space-md)}.privacy-dashboard__history-item{gap:var(--space-xs);grid-template-columns:1fr}.privacy-dashboard__actions{flex-direction:column}.privacy-dashboard__button{justify-content:center;width:100%}.privacy-dashboard__toast{bottom:1rem;left:1rem;max-width:none;right:1rem}}@media print{.privacy-dashboard__actions,.privacy-dashboard__offline-banner,.privacy-dashboard__share-button,.privacy-dashboard__skip-links,.privacy-dashboard__toast{display:none}.privacy-dashboard{background:#fff;color:#000;max-width:none;padding:0}}.dashboard-page-header{align-items:center;background:none!important;border:none!important;box-shadow:none!important;display:flex;flex-direction:column;height:90px!important;justify-content:center;margin:0!important;margin-bottom:2rem;padding:0!important;text-align:center}.dashboard-page-header h1{color:#333!important;color:var(--color-text,#333)!important;font-size:2rem!important;font-weight:600!important;line-height:1.2!important;margin:0 0 .25rem!important}.dashboard-page-header p{color:#666!important;color:var(--color-text-secondary,#666)!important;font-size:.95rem!important;line-height:1.4!important;margin:0!important}.dashboard-content-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:1.5rem;padding:2rem}.dashboard-content-container>:first-child{margin-top:0}.dashboard-content-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:1.5rem;padding:2rem}.dashboard-content-section:last-child{margin-bottom:0}.section-header{border-bottom:1px solid #eee;margin-bottom:1.5rem;padding-bottom:1rem}.section-header h2{color:#333;color:var(--color-text,#333);font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.section-header p{color:#666;color:var(--color-text-secondary,#666);font-size:.95rem}.dark-mode .dashboard-content-container,.dark-mode .dashboard-content-section{background-color:#2a2a2a;box-shadow:0 2px 4px #0003}.dark-mode .section-header{border-bottom-color:#444}.dark-mode .section-header h2{color:#e0e0e0}.dark-mode .section-header p{color:#aaa}@media (max-width:768px){.dashboard-content-container,.dashboard-content-section{margin-bottom:1rem;padding:1.5rem}}.dark-mode .dashboard-page-header h1{color:#e0e0e0!important;color:var(--color-text,#e0e0e0)!important}.dark-mode .dashboard-page-header p{color:#aaa!important;color:var(--color-text-secondary,#aaa)!important}@media (max-width:768px){.dashboard-page-header{height:auto;margin-bottom:1rem;padding:.5rem 0!important}.dashboard-page-header h1{font-size:1.5rem!important}.dashboard-page-header p{font-size:.9rem!important}}.alpha-tester-note{background:var(--color-bg-secondary);border:1px solid var(--color-primary);border-radius:var(--radius-lg);margin-bottom:20px;padding:20px;text-align:center}.alpha-tester-note h4{color:var(--color-primary);font-size:1.1em;margin:0 0 10px}.alpha-tester-note p{color:var(--color-text);font-size:.95em;line-height:1.5;margin:8px 0}.alpha-tester-note strong{color:var(--color-primary)}.alpha-tester-note .social-tip{border-top:1px solid var(--color-border);color:var(--color-text-secondary);font-size:.9em;margin-top:12px;padding-top:12px}.account-linking-modal__backdrop{align-items:center;background-color:#0009;display:flex;height:100vh;justify-content:center;left:0;overflow-y:auto;padding:1rem;position:fixed;top:0;width:100vw;z-index:1000}.account-linking-modal__content{animation:modalSlideIn .3s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;max-height:90vh;max-width:550px;overflow-y:auto;position:relative;width:100%}.account-linking-modal__header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:1.5rem}.account-linking-modal__header h2{color:#333;font-size:1.5rem;margin:0}.account-linking-modal__close{background:none;border:none;color:#666;cursor:pointer;font-size:1.5rem;padding:.5rem;transition:color .2s ease}.account-linking-modal__close:hover{color:#ff4500}.account-linking-modal__close:disabled{cursor:not-allowed;opacity:.5}.account-linking-modal__error{align-items:center;background-color:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;display:flex;gap:.75rem;margin:1.5rem 1.5rem 0;padding:1rem}.account-linking-modal__error svg{flex-shrink:0;font-size:1.2rem}.account-linking-modal__auth,.account-linking-modal__explanation,.account-linking-modal__success{padding:2rem 1.5rem}.account-linking-modal__icon{align-items:center;background-color:#e3f2fd;border-radius:50%;display:flex;height:64px;justify-content:center;margin:0 auto 1.5rem;width:64px}.account-linking-modal__icon svg{color:#2196f3;font-size:2rem}.account-linking-modal__auth h3,.account-linking-modal__explanation h3,.account-linking-modal__success h3{color:#333;font-size:1.25rem;margin:0 0 1rem;text-align:center}.account-linking-modal__auth p,.account-linking-modal__explanation p{color:#666;line-height:1.6;margin:0 0 1rem;text-align:center}.account-linking-modal__benefits{background-color:#f5f5f5;border-radius:8px;margin:1.5rem 0;padding:1rem}.account-linking-modal__benefits h4{color:#333;font-size:1rem;margin:0 0 .75rem}.account-linking-modal__benefits ul{margin:0;padding-left:1.5rem}.account-linking-modal__benefits li{color:#666;line-height:1.5;margin-bottom:.5rem}.account-linking-modal__benefits li:last-child{margin-bottom:0}.account-linking-modal__form-group{margin-bottom:1.5rem}.account-linking-modal__form-group label{color:#333;display:block;font-size:.95rem;font-weight:500;margin-bottom:.5rem}.account-linking-modal__required{color:#ff4500;margin-left:.25rem}.account-linking-modal__email-display{background-color:#f5f5f5;border-radius:6px;color:#333;font-weight:500;padding:.75rem}.account-linking-modal__input-wrapper{position:relative}.account-linking-modal__input-icon{color:#999;font-size:1rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.account-linking-modal__input-wrapper input{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:1rem;padding:.75rem 1rem .75rem 2.75rem;transition:all .2s ease;width:100%}.account-linking-modal__input-wrapper input:focus{border-color:#ff4500;box-shadow:0 0 0 3px #ff45001a;outline:none}.account-linking-modal__provider-button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.75rem;justify-content:center;margin-bottom:1rem;padding:.75rem 1.5rem;transition:all .2s ease;width:100%}.account-linking-modal__provider-button--google{background-color:#4285f4;color:#fff}.account-linking-modal__provider-button--google:hover:not(:disabled){background-color:#357ae8;box-shadow:0 4px 8px #4285f44d;transform:translateY(-1px)}.account-linking-modal__provider-button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.account-linking-modal__success{text-align:center}.account-linking-modal__success-icon{align-items:center;background-color:#e8f5e9;border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.account-linking-modal__success-icon svg{color:#4caf50;font-size:2.5rem}.account-linking-modal__methods{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:1.5rem 0;padding:0}.account-linking-modal__methods li{align-items:center;background-color:#f5f5f5;border-radius:6px;color:#333;display:flex;font-weight:500;gap:.75rem;justify-content:center;padding:.75rem}.account-linking-modal__methods li svg{color:#ff4500;font-size:1.25rem}.account-linking-modal__actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.account-linking-modal__button{border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;min-width:120px;padding:.75rem 1.5rem;transition:all .2s ease}.account-linking-modal__button--primary{background-color:#ff4500;color:#fff}.account-linking-modal__button--primary:hover:not(:disabled){background-color:#e63900;box-shadow:0 4px 8px #ff450033;transform:translateY(-1px)}.account-linking-modal__button--secondary{background-color:#e0e0e0;color:#333}.account-linking-modal__button--secondary:hover:not(:disabled){background-color:#d0d0d0}.account-linking-modal__button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.dark-mode .account-linking-modal__content{background-color:#2a2a2a}.dark-mode .account-linking-modal__header{border-bottom-color:#444}.dark-mode .account-linking-modal__auth h3,.dark-mode .account-linking-modal__explanation h3,.dark-mode .account-linking-modal__header h2,.dark-mode .account-linking-modal__success h3{color:#e0e0e0}.dark-mode .account-linking-modal__close{color:#aaa}.dark-mode .account-linking-modal__auth p,.dark-mode .account-linking-modal__explanation p{color:#bbb}.dark-mode .account-linking-modal__benefits{background-color:#333}.dark-mode .account-linking-modal__benefits h4{color:#e0e0e0}.dark-mode .account-linking-modal__benefits li{color:#bbb}.dark-mode .account-linking-modal__email-display{background-color:#333;color:#e0e0e0}.dark-mode .account-linking-modal__input-wrapper input{background-color:#333;border-color:#555;color:#e0e0e0}.dark-mode .account-linking-modal__methods li{background-color:#333;color:#e0e0e0}.dark-mode .account-linking-modal__button--secondary{background-color:#444;color:#e0e0e0}.dark-mode .account-linking-modal__button--secondary:hover:not(:disabled){background-color:#555}@media (max-width:768px){.account-linking-modal__content{border-radius:12px 12px 0 0;max-height:95vh}.account-linking-modal__header{padding:1rem}.account-linking-modal__auth,.account-linking-modal__explanation,.account-linking-modal__success{padding:1.5rem 1rem}.account-linking-modal__actions{flex-direction:column}.account-linking-modal__button{width:100%}}.login-page{background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;margin:0;min-height:calc(100vh - 120px);min-height:calc(100vh - var(--header-height, 60px) - var(--footer-height, 60px));padding:0;width:100%}.login-page,.login-page[data-default-bg=true]{background-image:linear-gradient(135deg,#667eea,#764ba2)}.login-page[data-default-bg=true]{background-image:var(--default-bg-image,linear-gradient(135deg,#667eea 0,#764ba2 100%))}.login-page--full-width{margin:0;max-width:none}.App.has-background .login-page,body.has-profile-background .login-page{background-color:initial}body.dark-mode .login-page{color:var(--color-text)}body.dark-mode .login-page__container{background-color:#2a2a2af2}body.dark-mode .App.has-background .login-page,body.dark-mode.has-profile-background .login-page{background-color:initial}.App.has-background .login-page__container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2}body.dark-mode .App.has-background .login-page__container{background-color:#2a2a2af2}.login-page__header{border-bottom:2px solid var(--color-primary);margin-bottom:2rem;padding:.5rem 1rem 1rem;position:relative;text-align:center}.login-page__header-content{width:100%}.login-page__header h1{color:var(--color-primary);font-size:2.5rem;margin:0 0 .5rem}.login-page__header p{color:var(--color-text-secondary);font-size:1.1rem;margin:0}.login-page__share-button{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;font-size:.875rem;height:auto;justify-content:center;margin-left:1rem;min-height:0;min-height:auto;padding:.25rem .5rem;position:static;transition:all .2s ease}.login-page__share-button:hover{background-color:var(--color-bg-tertiary);box-shadow:var(--shadow-md);color:var(--color-primary);transform:translateY(-1px)}.login-page__share-button:active{transform:translateY(0)}.login-page__share-button svg{fill:currentColor;height:1em;width:1em}.login-page__status{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem;padding:0 1rem}.login-page__status-item{align-items:center;border-radius:var(--radius-lg);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.login-page__status-item--success{background-color:#28a7451a;border:1px solid #28a7454d;color:#28a745}.login-page__status-item--info{background-color:#17a2b81a;border:1px solid #17a2b84d;color:#17a2b8}.login-page__status-item--warning{background-color:#ffc1071a;border:1px solid #ffc1074d;color:#ffc107}body.dark-mode .login-page__status-item--success{background-color:#28a74533}body.dark-mode .login-page__status-item--info{background-color:#17a2b833}body.dark-mode .login-page__status-item--warning{background-color:#ffc10733}.login-page main,.login-page__content{background-color:initial;display:flex;flex:1 1;flex-direction:column;width:100%}.login-page__content{align-items:stretch;box-sizing:border-box;justify-content:flex-start;padding:0}.login-page__section{margin-bottom:3rem}.login-page__section h2{border-bottom:1px solid var(--color-border);color:var(--color-text);margin-bottom:1rem;padding-bottom:.5rem}.login-page__cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.login-page__card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:1.5rem;transition:all .3s ease}.login-page__card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.login-page__card h3{color:var(--color-primary);margin:0 0 .5rem}.login-page__card p{color:var(--color-text-secondary);margin:0}.login-page__features{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));list-style:none;margin:0;padding:0}.login-page__features li{background-color:var(--color-bg-tertiary);border-left:3px solid var(--color-primary);border-radius:var(--radius-base);padding:.5rem}.login-page__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.login-page__button{border:none;border-radius:var(--radius-base);cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.login-page__button--primary{background-color:var(--color-primary);color:#fff}.login-page__button--primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.login-page__button--secondary{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.login-page__button--secondary:hover{background-color:var(--color-bg-tertiary);transform:translateY(-1px)}.login-page__notice{background-color:#ffc1071a;border:1px solid #ffc1074d;border-radius:var(--radius-lg);margin-top:3rem;padding:1.5rem;text-align:center}.login-page__notice p{font-weight:500;margin:0}@media (max-width:768px){.login-page{border-radius:0;padding:.5rem}.login-page__header h1{font-size:2rem}.login-page__breadcrumb-row{padding:.5rem}.login-page__share-button{font-size:.75rem;margin-left:.5rem;padding:.25rem}.login-page__status{align-items:stretch;flex-direction:column}.login-page__content{padding:0 .5rem}.login-page__cards,.login-page__features{grid-template-columns:1fr}.login-page__actions{flex-direction:column}.login-page__button{width:100%}}.login-page__skip-link{background:var(--color-primary);border-radius:var(--radius-base);color:#fff;font-weight:500;left:-9999px;padding:8px 16px;position:absolute;text-decoration:none;top:0;z-index:100}.login-page__skip-link:focus{box-shadow:var(--shadow-lg);left:50%;top:10px;transform:translateX(-50%)}.login-page__breadcrumb-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;padding:1rem 1rem 0}.login-page__breadcrumbs{flex:1 1;margin:0;padding:0}.login-page__breadcrumbs ol{flex-wrap:wrap;list-style:none;margin:0;padding:0}.login-page__breadcrumbs li,.login-page__breadcrumbs ol{align-items:center;display:flex;gap:.5rem}.login-page__breadcrumbs a{align-items:center;color:var(--color-primary);display:flex;gap:.25rem;text-decoration:none;transition:color .2s ease}.login-page__breadcrumbs a:hover{color:var(--color-primary-hover);text-decoration:underline}.login-page__breadcrumb-separator{color:var(--color-text-secondary);font-size:.75rem}.login-page__error{margin:0 auto;max-width:600px;padding:3rem 1rem;text-align:center}.login-page__error h2{color:var(--color-danger);margin-bottom:1rem}.login-page__error p{color:var(--color-text-secondary);margin-bottom:2rem}.login-page__loading{padding:2rem 1rem}.login-page__skeleton{animation:skeleton-loading 1.5s ease-in-out infinite}.login-page__skeleton-card,.login-page__skeleton-header,.login-page__skeleton-text{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--radius-base)}.login-page__skeleton-header{height:3rem;margin:0 auto 2rem;width:60%}.login-page__skeleton-text{height:1rem;margin-bottom:1rem}.login-page__skeleton-text--short{width:70%}.login-page__skeleton-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.login-page__skeleton-card{height:150px}.login-page__form{max-width:600px}.login-page__form-group{margin-bottom:1.5rem}.login-page__form-group label{color:var(--color-text);display:block;font-weight:500;margin-bottom:.5rem}.login-page__required{color:var(--color-danger);margin-left:.25rem}.login-page__input,.login-page__select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:1rem;min-height:44px;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.login-page__input:focus,.login-page__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.login-page__help-text{color:var(--color-text-secondary);display:block;font-size:.875rem;margin-top:.5rem}body.dark-mode .login-page__skeleton-card,body.dark-mode .login-page__skeleton-header,body.dark-mode .login-page__skeleton-text{background:linear-gradient(90deg,#3a3a3a 25%,#4a4a4a 50%,#3a3a3a 75%)}body.dark-mode .login-page__input,body.dark-mode .login-page__select{background-color:var(--color-bg-secondary)}.login-page__button:focus-visible,.login-page__card:focus-visible,.login-page__input:focus-visible,.login-page__select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media print{.login-page__actions,.login-page__notice,.login-page__offline-banner,.login-page__skip-link,.login-page__toast{display:none}.login-page{background:#fff;color:#000;max-width:none;padding:0}}.login-page__offline-banner{align-items:center;background-color:var(--color-warning);box-shadow:var(--shadow-md);color:#fff;display:flex;font-weight:500;gap:.5rem;justify-content:center;left:0;padding:.75rem;position:fixed;right:0;text-align:center;top:0;z-index:1100}.login-page__toast{align-items:center;animation:slideIn .3s ease-out;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);bottom:2rem;box-shadow:var(--shadow-lg);display:flex;gap:1rem;max-width:400px;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:1200}.login-page__toast-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.login-page__toast-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s ease}.login-page__toast-close:hover{color:var(--color-text)}.login-page__toast--success{border-color:var(--color-success)}.login-page__toast--success svg{color:var(--color-success)}.login-page__toast--warning{border-color:var(--color-warning)}.login-page__toast--warning svg{color:var(--color-warning)}.login-page__toast--error{border-color:var(--color-danger)}.login-page__toast--error svg{color:var(--color-danger)}.login-page__toast--info{border-color:var(--color-info)}.login-page__toast--info svg{color:var(--color-info)}.login-page__unsaved-indicator{color:var(--color-warning);font-size:.875rem;font-weight:400;margin-left:.5rem}.login-page__form-actions{display:flex;gap:1rem;margin-top:1.5rem}.login-page__image-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1rem}.login-page__image-container{aspect-ratio:16/9;background-color:var(--color-bg-secondary);border-radius:var(--radius-base);overflow:hidden;position:relative}.login-page__image{height:100%;object-fit:cover;transition:opacity .3s ease;width:100%}.login-page__image[data-src]{background-color:var(--color-bg-tertiary);opacity:0}.login-page__image:not([data-src]){opacity:1}@media (prefers-contrast:high){.login-page__button,.login-page__input,.login-page__select,.login-page__toast{border-width:2px}}.login-page__container{align-items:center;background-color:#3a3a3af2;border-radius:8px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;display:flex;justify-content:center;margin:0 auto;max-width:1200px;min-height:calc(100vh - 120px);min-height:calc(100vh - var(--header-height, 60px) - var(--footer-height, 60px));padding:1rem 2rem;width:100%}.login-page__form-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:600px;padding:3rem}@media (min-width:1200px){.login-page__container{border-radius:0;max-width:1200px;padding:1rem 3rem;width:100%}.login-page__form-container{padding:4rem}.login-page__form-container h1{font-size:2.5rem;margin-bottom:1rem}.login-page__subtitle{font-size:1.2rem;margin-bottom:1.5rem}.login-page__form{max-width:none}.login-page__form-group{margin-bottom:2rem}.login-page__btn,.login-page__form-group input{font-size:1.1rem;padding:1rem}.login-page__social-btn{font-size:1rem;height:48px}.login-page__icon-wrapper{height:48px;width:48px}.login-page__social-icon{font-size:20px}.login-page__btn-text{font-size:16px}}.login-page__form-container h1{color:#333;font-size:2rem;margin-bottom:.5rem;text-align:center}.login-page__subtitle{color:#666;margin-bottom:1rem;text-align:center}.login-page__mobile-message{background-color:#e6f7ff;color:#06c;font-size:.9rem;padding:.5rem}.login-page__error-message,.login-page__mobile-message{border-radius:4px;margin-bottom:1.5rem;text-align:center}.login-page__error-message{background-color:#f8d7da;color:#721c24;padding:1rem}.login-page__form-group input{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem;transition:border-color .3s;width:100%}.login-page__form-group input:focus{border-color:#ff4500;outline:none}.login-page__forgot-password{color:#ff4500;display:block;font-size:.9rem;margin-top:.5rem;text-align:right;text-decoration:none}.login-page__forgot-password:hover{text-decoration:underline}.login-page__btn{border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem;transition:background-color .3s;width:100%}.login-page__btn--primary{background-color:#ff4500;color:#fff}.login-page__btn--primary:hover{background-color:#e63900}.login-page__btn--primary:disabled{background-color:#ffaa80;cursor:not-allowed}.login-page__divider{align-items:center;color:#666;cursor:auto;display:flex;margin:2rem 0}.login-page__divider-line{background-color:#ddd;flex:1 1;height:1px}.login-page__divider-text{cursor:auto;padding:0 1rem;white-space:nowrap}.login-page__social-login{display:flex;flex-direction:column;gap:10px;margin:20px 0}.login-page__social-btn{align-items:center;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;height:42px;padding:0;transition:background-color .3s,box-shadow .3s}.login-page__social-btn--google{background-color:#fff}.login-page__social-btn--google:hover{background-color:#f8f8f8;box-shadow:0 0 6px #4285f4}.login-page__social-btn:disabled{cursor:not-allowed;opacity:.7}.login-page__icon-wrapper{align-items:center;display:flex;height:40px;justify-content:center;width:40px}.login-page__icon-wrapper--google{background-color:#fff}.login-page__social-icon{color:#757575;font-size:18px}.login-page__btn-text{color:#757575;flex-grow:1;font-size:14px;font-weight:500;letter-spacing:.2px;padding:0 12px;text-align:center}.login-page__signup-prompt{color:#666;margin-top:2rem;text-align:center}.login-page__signup-prompt p{margin:0}.login-page__signup-link{color:#ff4500;font-weight:500;text-decoration:none}.login-page__signup-link:hover{text-decoration:underline}.login-page__captcha-section{display:flex;justify-content:center;margin:var(--space-md) 0;min-height:78px}.login-page.dark .login-page__form-container{background:#2a2a2a;color:#e0e0e0}.login-page.dark .login-page__form-container h1{color:#e0e0e0}.login-page.dark .login-page__subtitle{color:#999}.login-page.dark .login-page__form-group label{color:#e0e0e0}.login-page.dark .login-page__form-group input{background-color:#333;border-color:#444;color:#e0e0e0}.login-page.dark .login-page__error-message{background-color:#5c2e2e;color:#fcc}.login-page.dark .login-page__mobile-message{background-color:#1e3a5f;color:#b3d9ff}.login-page.dark .login-page__divider-text{color:#999}.login-page.dark .login-page__divider-line{background-color:#444}.login-page.dark .login-page__signup-prompt{color:#999}@media (min-width:768px) and (max-width:1199px){.login-page__container{border-radius:0;max-width:1000px;padding:1rem 2rem;width:100%}.login-page__form-container{padding:2.5rem}.login-page__form-container h1{font-size:2.25rem}}@media (max-width:767px){.login-page__container{border-radius:0;margin:0 auto;max-width:600px;padding:1rem;width:100%}.login-page__form-container{padding:1.5rem}.login-page__form-container h1{font-size:1.75rem}.login-page__toast{bottom:1rem;left:1rem;max-width:none;right:1rem}.login-page__form-actions{flex-direction:column}.login-page__form-actions button{width:100%}.login-page__image-grid{grid-template-columns:1fr}}.login-page__domain-suggestion,.login-page__provider-hint{align-items:start;border-radius:6px;display:flex;font-size:.9rem;gap:.75rem;line-height:1.5;margin-top:.5rem;padding:.75rem 1rem}.login-page__provider-hint{background-color:#fff3e0;border:1px solid #ffe0b2;color:#e65100}.login-page__domain-suggestion{background-color:#e3f2fd;border:1px solid #bbdefb;color:#1565c0}.login-page__domain-suggestion svg,.login-page__provider-hint svg{flex-shrink:0;font-size:1rem;margin-top:.1rem}.dark-mode .login-page__provider-hint{background-color:#3a3a1a;border-color:#5a5a1a;color:#ffb74d}.dark-mode .login-page__domain-suggestion{background-color:#1a2a3a;border-color:#2a3a4a;color:#64b5f6}@media (max-width:480px){.login-page__domain-suggestion,.login-page__provider-hint{font-size:.85rem;padding:.6rem .8rem}}.forgot-password-page{align-items:center;background-color:var(--color-bg);display:flex;justify-content:center;min-height:100vh;padding:var(--space-lg);width:100%}.forgot-password-container{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:400px;padding:var(--space-xl);width:100%}.forgot-password-container h1{color:var(--color-primary);font-size:2rem;margin-bottom:var(--space-lg);text-align:center}.facebook-users-notice{background-color:#ffc1071a;border:1px solid #ffc1074d;border-radius:var(--radius-base);margin-bottom:var(--space-lg);padding:var(--space-md)}.facebook-users-notice h3{color:var(--color-warning);font-size:1rem;margin:0 0 var(--space-sm) 0}.facebook-users-notice p{color:var(--color-text-secondary);font-size:.9rem;line-height:1.5;margin:0}.forgot-password-description{color:var(--color-text-secondary);font-size:.95rem;text-align:center}.forgot-password-description,.forgot-password-form .form-group{margin-bottom:var(--space-lg)}.forgot-password-form label{color:var(--color-text);display:block;font-weight:500;margin-bottom:var(--space-sm)}.forgot-password-form input{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:1rem;padding:var(--space-sm) var(--space-md);transition:all var(--transition-base);width:100%}.forgot-password-form input:focus{background-color:var(--color-bg-hover);border-color:var(--color-primary);outline:none}.forgot-password-form input:disabled{cursor:not-allowed;opacity:.6}.forgot-password-form .btn-primary{background-color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-base);color:var(--color-text-inverse)!important;cursor:pointer;font-size:1rem;font-weight:600;padding:var(--space-md);transition:all var(--transition-base);width:100%}.forgot-password-form .btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.forgot-password-form .btn-primary:disabled{cursor:not-allowed;opacity:.6}.forgot-password-form .captcha-section{align-items:center;display:flex;justify-content:center;margin-bottom:var(--space-sm);margin-top:var(--space-md)}.forgot-password-form .captcha-section>div{transform:scale(.9);transform-origin:center}.dark-mode .forgot-password-form .captcha-section{background-color:var(--color-bg-secondary);border-radius:var(--radius-base);padding:var(--space-sm)}.alert{border-radius:var(--radius-base);font-size:.9rem;margin-bottom:var(--space-lg);padding:var(--space-md)}.alert-error{background-color:#dc35451a;border:1px solid #dc35454d;color:var(--color-danger)}.alert-success{background-color:#28a7451a;border:1px solid #28a7454d;color:var(--color-success)}.forgot-password-footer{margin-top:var(--space-lg);text-align:center}.back-to-login{color:var(--color-primary);font-size:.9rem;text-decoration:none;transition:all var(--transition-base)}.back-to-login:hover{color:var(--color-primary-hover);text-decoration:underline}.forgot-password-success{margin:0 auto;max-width:500px;text-align:center}.forgot-password-success__icon{align-items:center;background-color:#28a7451a;border:3px solid var(--color-success);border-radius:50%;color:var(--color-success);display:flex;font-size:2.5rem;font-weight:700;height:80px;justify-content:center;margin:0 auto var(--space-lg);width:80px}.forgot-password-success__title{color:var(--color-success);font-size:2rem;font-weight:600;margin-bottom:var(--space-lg)}.forgot-password-success__message{color:var(--color-text-secondary);font-size:1rem;line-height:1.6;margin-bottom:var(--space-md)}.forgot-password-success__email{color:var(--color-text);display:inline-block;font-weight:600;margin-top:var(--space-sm)}.forgot-password-success__note{color:var(--color-text-muted);font-size:.9rem;font-style:italic;margin-bottom:var(--space-lg)}.forgot-password-success__instructions{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-base);margin-bottom:var(--space-lg);padding:var(--space-lg);text-align:left}.forgot-password-success__instructions-title{color:var(--color-primary);font-size:1.1rem;font-weight:600;margin:0 0 var(--space-md) 0}.forgot-password-success__instructions ol{color:var(--color-text-secondary);margin:0;padding-left:var(--space-lg)}.forgot-password-success__instructions li{font-size:.9rem;line-height:1.5;margin-bottom:var(--space-sm)}.forgot-password-success__instructions p{color:var(--color-text-secondary);font-size:.9rem;line-height:1.5;margin:var(--space-sm) 0}.forgot-password-success__instructions p[style*="color: var(--color-success)"]{color:var(--color-success)!important;font-weight:600}.forgot-password-success__button{background-color:var(--color-primary);border:2px solid var(--color-primary);border-radius:var(--radius-base);color:var(--color-text-inverse)!important;display:inline-block;font-size:1rem;font-weight:600;padding:var(--space-md) var(--space-xl);text-decoration:none;transition:all var(--transition-base)}.forgot-password-success__button:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}@media (max-width:600px){.forgot-password-page{padding:var(--space-md)}.forgot-password-container{padding:var(--space-lg)}.forgot-password-container h1{font-size:1.5rem}.forgot-password-success{padding:0 var(--space-md)}.forgot-password-success__title{font-size:1.5rem}.forgot-password-success__icon{font-size:2rem;height:60px;width:60px}}.forgot-password-page__skip-links{position:relative}.forgot-password-page__skip-link{background:var(--color-primary);border-radius:var(--radius-base);color:#fff!important;font-weight:500;left:-9999px;padding:8px 16px;position:absolute;text-decoration:none;top:0;z-index:100}.forgot-password-page__skip-link:focus{box-shadow:var(--shadow-lg);left:50%;top:10px;transform:translateX(-50%)}.forgot-password-page__offline-banner{align-items:center;background-color:var(--color-warning);box-shadow:var(--shadow-md);color:#fff;display:flex;font-weight:500;gap:.5rem;justify-content:center;left:0;padding:.75rem;position:fixed;right:0;text-align:center;top:0;z-index:1100}.forgot-password-page__toast{align-items:center;animation:slideIn .3s ease-out;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);bottom:2rem;box-shadow:var(--shadow-lg);display:flex;gap:1rem;max-width:400px;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:1200}.forgot-password-page__toast-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.forgot-password-page__toast-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s ease}.forgot-password-page__toast-close:hover{color:var(--color-text)}.forgot-password-page__toast--success{border-color:var(--color-success)}.forgot-password-page__toast--success svg{color:var(--color-success)}.forgot-password-page__toast--warning{border-color:var(--color-warning)}.forgot-password-page__toast--warning svg{color:var(--color-warning)}.forgot-password-page__toast--error{border-color:var(--color-danger)}.forgot-password-page__toast--error svg{color:var(--color-danger)}.forgot-password-page__toast--info{border-color:var(--color-info)}.forgot-password-page__toast--info svg{color:var(--color-info)}.forgot-password-page__loading{padding:2rem 1rem}.forgot-password-page__skeleton{animation:skeleton-loading 1.5s ease-in-out infinite}.forgot-password-page__skeleton-header,.forgot-password-page__skeleton-text{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--radius-base)}.forgot-password-page__skeleton-header{height:3rem;margin:0 auto 2rem;width:60%}.forgot-password-page__skeleton-text{height:1rem;margin-bottom:1rem;margin-left:auto;margin-right:auto;width:80%}body.dark-mode .forgot-password-page__skeleton-header,body.dark-mode .forgot-password-page__skeleton-text{background:linear-gradient(90deg,#3a3a3a 25%,#4a4a4a 50%,#3a3a3a 75%)}.forgot-password-page__error{margin:0 auto;max-width:600px;padding:3rem 1rem;text-align:center}.forgot-password-page__error h2{color:var(--color-danger);margin-bottom:1rem}.forgot-password-page__error p{color:var(--color-text-secondary);margin-bottom:2rem}@media (max-width:600px){.forgot-password-page__toast{bottom:1rem;left:1rem;max-width:none;right:1rem}}@media print{.forgot-password-page__offline-banner,.forgot-password-page__skip-link,.forgot-password-page__toast{display:none}}.facebook-users-notice__list{font-size:.9em;margin:10px 0 0 20px}.facebook-users-notice__note{font-size:.85em;font-style:italic;margin-top:10px}.forgot-password-success__instructions-important{margin-bottom:10px}.forgot-password-success__instructions-confirm{color:var(--color-success);font-size:.85em;font-weight:600;margin-top:10px}.auth-signup{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);box-shadow:var(--shadow-md);margin:2rem auto;max-width:400px;padding:2rem}.signup__alpha-testing-notice{background-color:var(--color-bg-tertiary);border:2px solid var(--color-primary);border-radius:var(--radius-base);margin-bottom:2rem;padding:1.5rem;text-align:center}.signup__alpha-testing-notice h3{color:var(--color-primary);font-size:1.25rem;margin-bottom:.75rem}.signup__alpha-testing-notice p{color:var(--color-text);font-size:.95rem;line-height:1.5;margin-bottom:.5rem}.signup__approval-intro{margin-bottom:15px}.signup__approval-warning-box{background-color:#3498db1a;border-radius:8px;margin-bottom:15px;padding:15px}.signup__approval-warning-text{color:var(--color-info);font-weight:700;margin:0 0 10px}.signup__approval-instructions{font-size:.9rem;margin:10px 0}.signup__approval-method-list{font-size:.9rem;margin:10px 0 0 20px}.signup__notice-small{color:var(--color-text-secondary);font-size:.85rem;font-style:italic}.signup__notice-muted{color:var(--color-text-muted)}.auth-signup__header{margin-bottom:2rem;text-align:center}.auth-signup__header h2{color:var(--color-text);font-size:1.75rem;margin-bottom:.5rem}.auth-signup__header p{color:var(--color-text-secondary);font-size:.9rem}.auth-signup__social-buttons{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.auth-signup__facebook-btn,.auth-signup__google-btn{align-items:center;border-radius:var(--radius-base);cursor:pointer;display:flex;font-size:1rem;font-weight:var(--font-weight-medium);justify-content:center;padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.auth-signup__google-btn{background-color:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text)}.auth-signup__google-btn:hover{background-color:var(--color-bg-secondary)}.auth-signup__facebook-btn{background-color:#1877f2;border:none;color:var(--color-text-inverse)!important}.auth-signup__facebook-btn:hover{background-color:#166fe5}.auth-signup__facebook-btn--disabled{cursor:not-allowed;opacity:.5}.auth-signup__facebook-btn img,.auth-signup__google-btn img{height:18px;margin-right:.75rem;width:18px}.auth-signup__divider{margin:1.5rem 0;position:relative;text-align:center}.auth-signup__divider:before{background-color:var(--color-border-light);content:"";height:1px;left:0;position:absolute;right:0;top:50%}.auth-signup__divider span{background-color:var(--color-bg);color:var(--color-text-secondary);font-size:.9rem;padding:0 1rem;position:relative}.auth-signup__form{display:flex;flex-direction:column}.auth-signup__form-group{margin-bottom:1.25rem}.auth-signup__form-group label{color:var(--color-text);display:block;font-weight:500;margin-bottom:.5rem}.auth-signup__form-group input{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:1rem;padding:var(--space-sm);width:100%}.auth-signup__form-group input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #ff45001a;outline:none}.signup__error-message{color:var(--color-danger);display:block;font-size:.875rem;margin-bottom:1rem;margin-top:.25rem}.auth-signup__submit-btn{background-color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-base);color:var(--color-text-inverse)!important;cursor:pointer;font-size:1rem;font-weight:var(--font-weight-medium);margin-top:.5rem;padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.auth-signup__submit-btn:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.auth-signup__facebook-btn:disabled,.auth-signup__google-btn:disabled,.auth-signup__submit-btn:disabled{cursor:not-allowed;opacity:.7}.auth-signup__alternative{color:var(--color-text-secondary);font-size:.9rem;margin-top:2rem;text-align:center}.auth-signup__alternative a{color:var(--color-primary);font-weight:500;text-decoration:none}.auth-signup__alternative a:hover{text-decoration:underline}.auth-signup__password-strength{font-size:.8rem;margin-top:.5rem}.auth-signup__strength-meter{background-color:var(--color-border-light);border-radius:2px;height:4px;margin-top:.25rem;overflow:hidden;width:100%}.auth-signup__strength-meter-fill{border-radius:2px;height:100%;transition:width .3s,background-color .3s}.auth-signup__strength-weak .auth-signup__strength-meter-fill{background-color:var(--color-danger);width:25%}.auth-signup__strength-medium .auth-signup__strength-meter-fill{background-color:var(--color-warning);width:50%}.auth-signup__strength-strong .auth-signup__strength-meter-fill{background-color:var(--color-success);width:100%}.auth-signup__terms-checkbox{align-items:flex-start;display:flex;margin-bottom:1.25rem}.auth-signup__terms-checkbox input{margin-right:.75rem;margin-top:.25rem;width:auto}.auth-signup__terms-checkbox label{color:var(--color-text-secondary);font-size:.9rem;line-height:1.4}.auth-signup__terms-checkbox a{color:var(--color-primary);text-decoration:none}.auth-signup__terms-checkbox a:hover{text-decoration:underline}@media (max-width:480px){.auth-signup{margin:1rem;padding:1.5rem}.auth-signup__header h2{font-size:1.5rem}}.auth-signup__terms-notice{color:var(--color-text-secondary);font-size:.85rem;margin-bottom:-.25rem;margin-top:1rem;text-align:center}.auth-signup__optional{color:var(--color-text-muted);font-size:.875rem;font-weight:400}.auth-signup__form-hint{display:block;margin-top:.25rem}.signup__footer{border-top:1px solid var(--color-border);margin-top:2rem;padding-top:1.5rem;text-align:center}.signup__privacy-notice{color:var(--color-text-secondary);font-size:.85rem;line-height:1.5}.signup__email-form{margin-top:1rem}.signup__email-form .signup__form-group{margin-bottom:1.25rem}.signup__email-form .signup__form-group label{color:var(--color-text);display:block;font-size:.9rem;font-weight:var(--font-weight-medium);margin-bottom:.5rem}.signup__email-form .signup__form-group input{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:1rem;padding:var(--space-sm) var(--space-md);transition:border-color var(--transition-base);width:100%}.signup__email-form .signup__form-group input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #ff45001a;outline:none}.signup__email-form .signup__form-group input:disabled{cursor:not-allowed;opacity:.6}.auth-signup__back-btn{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;font-size:.9rem;margin-top:.5rem;padding:var(--space-sm) var(--space-md);transition:all var(--transition-base);width:100%}.auth-signup__back-btn:hover:not(:disabled){background-color:var(--color-bg-secondary);border-color:var(--color-border-dark)}.auth-signup__back-btn:disabled{cursor:not-allowed;opacity:.6}.auth-signup__email-btn{background-color:var(--color-bg);border:2px solid var(--color-primary);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;font-size:1rem;font-weight:var(--font-weight-medium);margin-top:1rem;padding:var(--space-sm) var(--space-md);transition:all var(--transition-base);width:100%}.auth-signup__email-btn:hover:not(:disabled){background-color:var(--color-primary);box-shadow:var(--shadow-sm);color:var(--color-text-inverse);transform:translateY(-1px)}.auth-signup__email-btn:disabled{cursor:not-allowed;opacity:.6}.signup__disabled-notice{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-top:var(--space-lg);padding:var(--space-xl);text-align:center}.signup__disabled-icon{font-size:3rem;margin-bottom:var(--space-md);opacity:.7}.signup__disabled-message{color:var(--color-text-secondary);font-size:1.125rem;line-height:1.6;margin-bottom:var(--space-lg);margin-left:auto;margin-right:auto;max-width:400px}.signup__login-link{border:1px solid var(--color-primary);border-radius:var(--radius-base);color:var(--color-primary);display:inline-block;font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-md);text-decoration:none;transition:all var(--transition-base)}.signup__login-link:hover{background-color:var(--color-primary);box-shadow:var(--shadow-sm);color:var(--color-text-inverse);transform:translateY(-1px)}.signup__captcha-section{display:flex;justify-content:center;margin:var(--space-md) 0;min-height:78px}.signup__consent-section{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-light);border-radius:var(--radius-base);margin:var(--space-md) 0;padding:var(--space-md)}.signup__consent-item{margin-bottom:var(--space-sm)}.signup__consent-item:last-child{margin-bottom:0}.signup__consent-item label{align-items:flex-start;cursor:pointer;display:flex;font-size:.9rem;line-height:1.4}.signup__consent-item input[type=checkbox]{cursor:pointer;flex-shrink:0;margin-right:var(--space-xs);margin-top:2px}.signup__consent-item span{color:var(--color-text-secondary)}.signup__consent-item a{color:var(--color-primary);text-decoration:underline}.signup__consent-item a:hover{color:var(--color-primary-hover)}body.dark-mode .signup__disabled-notice{background-color:var(--color-bg-secondary);border-color:var(--color-border)}body.dark-mode .signup__disabled-message{color:var(--color-text-secondary)}.signup-page{background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;margin:0;min-height:calc(100vh - 120px);min-height:calc(100vh - var(--header-height, 60px) - var(--footer-height, 60px));padding:0;position:relative;width:100%}.signup-page,.signup-page[data-default-bg=true]{background-image:linear-gradient(135deg,#667eea,#764ba2)}.signup-page[data-default-bg=true]{background-image:var(--default-bg-image,linear-gradient(135deg,#667eea 0,#764ba2 100%))}.signup-page--full-width{margin:0;max-width:none}.App.has-background .signup-page,body.has-profile-background .signup-page{background-color:initial}body.dark-mode .signup-page{color:var(--color-text)}body.dark-mode .signup-page-container{background-color:#2a2a2af2}body.dark-mode .App.has-background .signup-page,body.dark-mode.has-profile-background .signup-page{background-color:initial}.App.has-background .signup-page-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2}body.dark-mode .App.has-background .signup-page-container{background-color:#2a2a2af2}.signup-page__header{border:none;display:none;margin:0;padding:0;position:relative;text-align:center}.signup-page__header-content{width:100%}.signup-page__header h1{color:var(--color-primary);font-size:2.5rem;margin:0 0 .5rem}.signup-page__header p{color:var(--color-text-secondary);font-size:1.1rem;margin:0}.signup-page__share-button{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;font-size:.875rem;height:auto;justify-content:center;margin-left:1rem;min-height:0;min-height:auto;padding:.25rem .5rem;position:static;transition:all .2s ease}.signup-page__share-button:hover{background-color:var(--color-bg-tertiary);box-shadow:var(--shadow-md);color:var(--color-primary);transform:translateY(-1px)}.signup-page__share-button:active{transform:translateY(0)}.signup-page__share-button svg{fill:currentColor;height:1em;width:1em}.signup-page__status{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem;padding:0 1rem}.signup-page__status-item{align-items:center;border-radius:var(--radius-lg);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.signup-page__status-item--success{background-color:#28a7451a;border:1px solid #28a7454d;color:#28a745}.signup-page__status-item--info{background-color:#17a2b81a;border:1px solid #17a2b84d;color:#17a2b8}.signup-page__status-item--warning{background-color:#ffc1071a;border:1px solid #ffc1074d;color:#ffc107}body.dark-mode .signup-page__status-item--success{background-color:#28a74533}body.dark-mode .signup-page__status-item--info{background-color:#17a2b833}body.dark-mode .signup-page__status-item--warning{background-color:#ffc10733}.signup-page main,.signup-page__content{background-color:initial;display:flex;flex:1 0 auto;flex-direction:column;margin:0;min-height:0;padding:0;width:100%}.signup-page__content{align-items:stretch;box-sizing:border-box;justify-content:flex-start}.signup-page__section{margin-bottom:3rem}.signup-page__section h2{border-bottom:1px solid var(--color-border);color:var(--color-text);margin-bottom:1rem;padding-bottom:.5rem}.signup-page__cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.signup-page__card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:1.5rem;transition:all .3s ease}.signup-page__card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.signup-page__card h3{color:var(--color-primary);margin:0 0 .5rem}.signup-page__card p{color:var(--color-text-secondary);margin:0}.signup-page__features{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));list-style:none;margin:0;padding:0}.signup-page__features li{background-color:var(--color-bg-tertiary);border-left:3px solid var(--color-primary);border-radius:var(--radius-base);padding:.5rem}.signup-page__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.signup-page__button{border:none;border-radius:var(--radius-base);cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.signup-page__button--primary{background-color:var(--color-primary);color:#fff}.signup-page__button--primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.signup-page__button--secondary{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.signup-page__button--secondary:hover{background-color:var(--color-bg-tertiary);transform:translateY(-1px)}.signup-page__notice{background-color:#ffc1071a;border:1px solid #ffc1074d;border-radius:var(--radius-lg);margin-top:3rem;padding:1.5rem;text-align:center}.signup-page__notice p{font-weight:500;margin:0}@media (max-width:768px){.signup-page{border-radius:0;padding:0}.signup-page__header h1{font-size:2rem}.signup-page__breadcrumb-row{padding:.5rem}.signup-page__share-button{font-size:.75rem;margin-left:.5rem;padding:.25rem}.signup-page__status{align-items:stretch;flex-direction:column}.signup-page__content{padding:0}.signup-page__cards,.signup-page__features{grid-template-columns:1fr}.signup-page__actions{flex-direction:column}.signup-page__button{width:100%}}.signup-page__skip-link{background:var(--color-primary);border-radius:var(--radius-base);color:#fff;font-weight:500;left:-9999px;padding:8px 16px;position:absolute;text-decoration:none;top:0;z-index:100}.signup-page__skip-link:focus{box-shadow:var(--shadow-lg);left:50%;top:10px;transform:translateX(-50%)}.signup-page__breadcrumb-row{align-items:center;display:flex;justify-content:space-between;margin:0;padding:0}.signup-page__breadcrumbs{flex:1 1;margin:0;padding:0}.signup-page__breadcrumbs ol{flex-wrap:wrap;list-style:none;margin:0;padding:0}.signup-page__breadcrumbs li,.signup-page__breadcrumbs ol{align-items:center;display:flex;gap:.5rem}.signup-page__breadcrumbs a{align-items:center;color:var(--color-primary);display:flex;gap:.25rem;text-decoration:none;transition:color .2s ease}.signup-page__breadcrumbs a:hover{color:var(--color-primary-hover);text-decoration:underline}.signup-page__breadcrumb-separator{color:var(--color-text-secondary);font-size:.75rem}.signup-page__error{margin:0 auto;max-width:600px;padding:3rem 1rem;text-align:center}.signup-page__error h2{color:var(--color-danger);margin-bottom:1rem}.signup-page__error p{color:var(--color-text-secondary);margin-bottom:2rem}.signup-page__loading{padding:2rem 1rem}.signup-page__skeleton{animation:skeleton-loading 1.5s ease-in-out infinite}.signup-page__skeleton-card,.signup-page__skeleton-header,.signup-page__skeleton-text{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--radius-base)}.signup-page__skeleton-header{height:3rem;margin:0 auto 2rem;width:60%}.signup-page__skeleton-text{height:1rem;margin-bottom:1rem}.signup-page__skeleton-text--short{width:70%}.signup-page__skeleton-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.signup-page__skeleton-card{height:150px}.signup-page__form{max-width:600px}.signup-page__form-group{margin-bottom:1.5rem}.signup-page__form-group label{color:var(--color-text);display:block;font-weight:500;margin-bottom:.5rem}.signup-page__required{color:var(--color-danger);margin-left:.25rem}.signup-page__input,.signup-page__select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:1rem;min-height:44px;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.signup-page__input:focus,.signup-page__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.signup-page__help-text{color:var(--color-text-secondary);display:block;font-size:.875rem;margin-top:.5rem}body.dark-mode .signup-page__skeleton-card,body.dark-mode .signup-page__skeleton-header,body.dark-mode .signup-page__skeleton-text{background:linear-gradient(90deg,#3a3a3a 25%,#4a4a4a 50%,#3a3a3a 75%)}body.dark-mode .signup-page__input,body.dark-mode .signup-page__select{background-color:var(--color-bg-secondary)}.signup-page__button:focus-visible,.signup-page__card:focus-visible,.signup-page__input:focus-visible,.signup-page__select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media print{.signup-page__actions,.signup-page__notice,.signup-page__offline-banner,.signup-page__skip-link,.signup-page__toast{display:none}.signup-page{background:#fff;color:#000;max-width:none;padding:0}}.signup-page__offline-banner{align-items:center;background-color:var(--color-warning);box-shadow:var(--shadow-md);color:#fff;display:flex;font-weight:500;gap:.5rem;justify-content:center;left:0;padding:.75rem;position:fixed;right:0;text-align:center;top:0;z-index:1100}.signup-page__toast{align-items:center;animation:slideIn .3s ease-out;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);bottom:2rem;box-shadow:var(--shadow-lg);display:flex;gap:1rem;max-width:400px;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:1200}.signup-page__toast-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.signup-page__toast-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s ease}.signup-page__toast-close:hover{color:var(--color-text)}.signup-page__toast--success{border-color:var(--color-success)}.signup-page__toast--success svg{color:var(--color-success)}.signup-page__toast--warning{border-color:var(--color-warning)}.signup-page__toast--warning svg{color:var(--color-warning)}.signup-page__toast--error{border-color:var(--color-danger)}.signup-page__toast--error svg{color:var(--color-danger)}.signup-page__toast--info{border-color:var(--color-info)}.signup-page__toast--info svg{color:var(--color-info)}.signup-page__unsaved-indicator{color:var(--color-warning);font-size:.875rem;font-weight:400;margin-left:.5rem}.signup-page__form-actions{display:flex;gap:1rem;margin-top:1.5rem}.signup-page__image-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1rem}.signup-page__image-container{aspect-ratio:16/9;background-color:var(--color-bg-secondary);border-radius:var(--radius-base);overflow:hidden;position:relative}.signup-page__image{height:100%;object-fit:cover;transition:opacity .3s ease;width:100%}.signup-page__image[data-src]{background-color:var(--color-bg-tertiary);opacity:0}.signup-page__image:not([data-src]){opacity:1}@media (prefers-contrast:high){.signup-page__button,.signup-page__input,.signup-page__select,.signup-page__toast{border-width:2px}}@media (max-width:768px){.signup-page__toast{bottom:1rem;left:1rem;max-width:none;right:1rem}.signup-page__form-actions{flex-direction:column}.signup-page__form-actions button{width:100%}.signup-page__image-grid{grid-template-columns:1fr}}.signup-page-container{align-items:center;background-color:#3a3a3af2;border-radius:8px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;display:flex;justify-content:center;margin:0 auto;max-width:1200px;min-height:calc(100vh - 120px);min-height:calc(100vh - var(--header-height, 60px) - var(--footer-height, 60px));padding:1rem 2rem;width:100%}.signup-page .signup-page-container .auth-signup{background:#fff!important;border:none!important;border-radius:8px!important;box-shadow:0 2px 10px #0000001a!important;margin:0 auto!important;max-width:600px!important;padding:3rem!important;width:calc(100% - 4rem)!important}.dark .signup-page .signup-page-container .auth-signup,body.dark-mode .signup-page .signup-page-container .auth-signup{background:#333!important;box-shadow:0 2px 10px #0000004d!important;color:#fff!important}@media (min-width:1200px){.signup-page-container{border-radius:0;max-width:1200px;padding:1rem 3rem;width:100%}.signup-page .signup-page-container .auth-signup{padding:4rem!important}}@media (min-width:768px) and (max-width:1199px){.signup-page-container{border-radius:0;max-width:1000px;padding:1rem 2rem;width:100%}.signup-page .signup-page-container .auth-signup{padding:2.5rem!important}}@media (max-width:767px){.signup-page-container{border-radius:0;margin:0 auto;max-width:600px;padding:1rem;width:100%}.signup-page .signup-page-container .auth-signup{padding:1.5rem!important}}.direct-to-login{background-color:var(--color-bg);min-height:100vh;padding:var(--spacing-md)}.direct-to-login,.direct-to-login__container{align-items:center;display:flex;justify-content:center}.direct-to-login__text{color:var(--color-text);font-size:1rem;margin:0}.toast{word-wrap:break-word;bottom:var(--spacing-lg);gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);right:var(--spacing-lg)}.toast--error,.toast--success{color:var(--color-white)}.toast--error{background-color:var(--color-danger)}.toast--warning{color:var(--color-text)}.toast--info{color:var(--color-white)}@media (max-width:768px){.toast{bottom:var(--spacing-md);left:var(--spacing-md);max-width:none;right:var(--spacing-md)}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}@media (prefers-contrast:high){.direct-to-login__text{font-weight:600}.toast{border:2px solid}}@media (prefers-color-scheme:dark){.direct-to-login{background-color:#1a1a1a;background-color:var(--color-bg-dark,#1a1a1a)}.direct-to-login__text{color:#e0e0e0;color:var(--color-text-dark,#e0e0e0)}}.shared-binder-view{background-color:#f5f5f5;background-color:var(--background-color,#f5f5f5);min-height:100vh;padding-bottom:60px}.shared-binder-view__loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:100vh}.shared-binder-view__spinner{animation:spin 1s linear infinite;color:#06c;color:var(--primary-color,#06c);font-size:48px}.shared-binder-view__error{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:40px 20px;text-align:center}.shared-binder-view__error-icon{color:#dc3545;color:var(--error-color,#dc3545);font-size:64px;margin-bottom:20px}.shared-binder-view__error h2{color:#333;color:var(--text-color,#333);font-size:28px;font-weight:600;margin:0 0 16px}.shared-binder-view__error p{color:#666;color:var(--text-light,#666);font-size:16px;margin:0 0 24px;max-width:500px}.shared-binder-view__home-btn{background-color:#06c;background-color:var(--primary-color,#06c);border:none;border-radius:6px;border-radius:var(--radius-base,6px);color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s ease}.shared-binder-view__home-btn:hover{background-color:#0052a3;background-color:var(--primary-hover,#0052a3);transform:translateY(-1px)}.shared-binder-view__password-gate{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.shared-binder-view__password-container{background-color:#fff;background-color:var(--surface-color,#fff);border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 8px 24px #0000001a;box-shadow:var(--shadow-lg,0 8px 24px #0000001a);max-width:400px;padding:40px;text-align:center;width:100%}.shared-binder-view__lock-icon{color:#ffc107;color:var(--warning-color,#ffc107);font-size:48px;margin-bottom:20px}.shared-binder-view__password-container h2{color:#333;color:var(--text-color,#333);font-size:24px;font-weight:600;margin:0 0 12px}.shared-binder-view__password-container p{color:#666;color:var(--text-light,#666);font-size:14px;margin:0 0 24px}.shared-binder-view__password-form{display:flex;flex-direction:column;gap:12px}.shared-binder-view__password-input{background-color:#fff;background-color:var(--input-background,#fff);border:2px solid #ccc;border:2px solid var(--border-color,#ccc);border-radius:6px;border-radius:var(--radius-base,6px);color:#333;color:var(--text-color,#333);font-size:16px;padding:12px 16px;transition:border-color .2s ease;width:100%}.shared-binder-view__password-input:focus{border-color:#06c;border-color:var(--primary-color,#06c);box-shadow:0 0 0 3px #0066cc1a;box-shadow:0 0 0 3px var(--focus-ring,#0066cc1a);outline:none}.shared-binder-view__password-error{background-color:#dc35451a;background-color:var(--error-light,#dc35451a);border-left:3px solid #dc3545;border-left:3px solid var(--error-color,#dc3545);border-radius:6px;border-radius:var(--radius-base,6px);color:#dc3545;color:var(--error-color,#dc3545);font-size:14px;margin:0;padding:8px 12px;text-align:left}.shared-binder-view__submit-btn{background-color:#06c;background-color:var(--primary-color,#06c);border:none;border-radius:6px;border-radius:var(--radius-base,6px);color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s ease}.shared-binder-view__submit-btn:hover{background-color:#0052a3;background-color:var(--primary-hover,#0052a3);transform:translateY(-1px)}.shared-binder-view__banner{background:linear-gradient(135deg,#06c,#0052a3);background:linear-gradient(135deg,var(--primary-color,#06c) 0,var(--primary-hover,#0052a3) 100%);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md,0 4px 12px #0000001a);color:#fff;padding:16px 20px}.shared-binder-view__banner-content{align-items:center;display:flex;gap:16px;margin:0 auto;max-width:1200px}.shared-binder-view__banner-icon{font-size:32px;opacity:.9}.shared-binder-view__banner-text h1{font-size:20px;font-weight:600;margin:0 0 4px}.shared-binder-view__banner-text p{font-size:14px;margin:0;opacity:.9}.shared-binder-view__header{align-items:flex-start;display:flex;gap:20px;margin:32px auto;max-width:1200px;padding:0 20px}.shared-binder-view__header-icon{align-items:center;background:linear-gradient(135deg,#06c,#0052a3);background:linear-gradient(135deg,var(--primary-color,#06c) 0,var(--primary-hover,#0052a3) 100%);border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 4px 12px #06c3;box-shadow:var(--shadow-md,0 4px 12px #06c3);color:#fff;display:flex;flex-shrink:0;font-size:28px;height:64px;justify-content:center;width:64px}.shared-binder-view__header-content{flex:1 1}.shared-binder-view__title{color:#333;color:var(--text-color,#333);font-size:28px;font-weight:700;margin:0 0 8px}.shared-binder-view__description{color:#666;color:var(--text-light,#666);font-size:16px;line-height:1.5;margin:0 0 16px}.shared-binder-view__meta{color:#666;color:var(--text-light,#666);display:flex;flex-wrap:wrap;font-size:14px;gap:16px}.shared-binder-view__expiry,.shared-binder-view__report-count{align-items:center;display:flex;gap:6px}.shared-binder-view__reports{margin:0 auto;max-width:1200px;padding:0 20px}.shared-binder-view__empty{color:#666;color:var(--text-light,#666);font-size:16px;padding:60px 20px;text-align:center}.shared-binder-view__reports-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.shared-binder-view__footer{border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color,#e0e0e0);margin:60px auto 0;max-width:1200px;padding:32px 20px;text-align:center}.shared-binder-view__footer p{color:#666;color:var(--text-light,#666);font-size:14px;margin:0 0 16px}.shared-binder-view__footer strong{color:#06c;color:var(--primary-color,#06c);font-weight:600}.shared-binder-view__cta-btn{background-color:#06c;background-color:var(--primary-color,#06c);border:none;border-radius:6px;border-radius:var(--radius-base,6px);color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 32px;transition:all .2s ease}.shared-binder-view__cta-btn:hover{background-color:#0052a3;background-color:var(--primary-hover,#0052a3);box-shadow:0 6px 16px #0066cc4d;box-shadow:var(--shadow-md,0 6px 16px #0066cc4d);transform:translateY(-2px)}.dark-mode .shared-binder-view{background-color:#1a1a1a;background-color:var(--dark-background,#1a1a1a)}.dark-mode .shared-binder-view__password-container{background-color:#2a2a2a;background-color:var(--dark-surface,#2a2a2a)}.dark-mode .shared-binder-view__error h2,.dark-mode .shared-binder-view__password-container h2,.dark-mode .shared-binder-view__title{color:#e0e0e0;color:var(--dark-text,#e0e0e0)}.dark-mode .shared-binder-view__description,.dark-mode .shared-binder-view__error p,.dark-mode .shared-binder-view__footer p,.dark-mode .shared-binder-view__meta,.dark-mode .shared-binder-view__password-container p{color:#b0b0b0;color:var(--dark-text-light,#b0b0b0)}.dark-mode .shared-binder-view__password-input{background-color:#1a1a1a;background-color:var(--dark-background,#1a1a1a);border-color:#404040;border-color:var(--dark-border,#404040);color:#e0e0e0;color:var(--dark-text,#e0e0e0)}@media (max-width:768px){.shared-binder-view__banner-content{align-items:flex-start;flex-direction:column;gap:12px}.shared-binder-view__banner-icon{font-size:24px}.shared-binder-view__banner-text h1{font-size:18px}.shared-binder-view__header{flex-direction:column;gap:16px}.shared-binder-view__header-icon{font-size:20px;height:48px;width:48px}.shared-binder-view__title{font-size:24px}.shared-binder-view__reports-grid{grid-template-columns:1fr}.shared-binder-view__password-container{padding:32px 24px}}@media (max-width:400px){.shared-binder-view__meta{align-items:flex-start;flex-direction:column;gap:8px}}.reports-page{margin:0 auto;max-width:1200px;padding:0;width:100%}.reports-page--full-width{margin:0;max-width:none}body.has-profile-background .reports-page{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1rem}body.dark-mode .reports-page{background-color:#2a2a2a;color:var(--color-text)}body.dark-mode.has-profile-background .reports-page{background-color:#2a2a2af2}.reports-page__content{flex:1 1;padding:1rem 0 0;width:100%}@media (max-width:768px){.reports-page{padding:.5rem}.reports-page__content{padding-top:.5rem}}.reports-page__skip-links{left:0;position:absolute;top:-40px;z-index:1000}.reports-page__skip-link{background-color:var(--color-bg);border:2px solid var(--color-primary);border-radius:var(--radius-base);box-shadow:var(--shadow-md);color:var(--color-primary);font-weight:500;left:-9999px;padding:.5rem 1rem;position:absolute;text-decoration:none;white-space:nowrap}.reports-page__skip-link:focus{box-shadow:var(--shadow-lg);left:50%;top:10px;transform:translateX(-50%)}.reports-page__error{margin:0 auto;max-width:600px;padding:3rem 1rem;text-align:center}.reports-page__error h2{color:var(--color-danger);margin-bottom:1rem}.reports-page__error p{color:var(--color-text-secondary);margin-bottom:2rem}.reports-page__button{align-items:center;border:2px solid #0000;border-radius:var(--radius-base);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:.5rem;min-height:44px;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.reports-page__button--primary{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.reports-page__button--primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.reports-page__button--primary:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.reports-page__offline-banner{align-items:center;background-color:var(--color-warning);box-shadow:var(--shadow-md);color:#fff;display:flex;font-weight:500;gap:.5rem;justify-content:center;left:0;padding:.75rem;position:fixed;right:0;text-align:center;top:0;z-index:1100}.reports-page__toast{align-items:center;animation:slideIn .3s ease-out;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);bottom:2rem;box-shadow:var(--shadow-lg);display:flex;gap:1rem;max-width:400px;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:1200}.reports-page__toast-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.reports-page__toast-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s ease}.reports-page__toast-close:hover{color:var(--color-text)}.reports-page__toast--success{border-color:var(--color-success)}.reports-page__toast--success svg{color:var(--color-success)}.reports-page__toast--warning{border-color:var(--color-warning)}.reports-page__toast--warning svg{color:var(--color-warning)}.reports-page__toast--error{border-color:var(--color-danger)}.reports-page__toast--error svg{color:var(--color-danger)}.reports-page__toast--info{border-color:var(--color-info)}.reports-page__toast--info svg{color:var(--color-info)}.reports-page__loading{color:var(--color-text-secondary);padding:2rem 1rem;text-align:center}.reports-page__loading-message{color:#666;font-size:1.1em;padding:2rem;text-align:center}@media (prefers-contrast:high){.reports-page__toast{border-width:2px}}@media (max-width:768px){.reports-page__toast{bottom:1rem;left:1rem;max-width:none;right:1rem}}body.dark-mode .reports-page__loading-message{color:#e0e0e0}.report-actions-bar-container{align-items:center;border-top:1px solid #eee;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:.75rem;justify-content:center;min-height:50px;overflow-x:auto;padding:.75rem 1rem 5px;width:100%}.report-actions-bar-container .report-action-item{align-items:center;border:1px solid #0000;border-radius:6px;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;height:38px;justify-content:center;margin:0;padding:0 1rem;text-align:center;text-decoration:none;transition:all .2s ease-in-out}.report-actions-bar-container .edit-btn{background-color:#e9ecef;border-color:#ced4da;color:#343a40}.report-actions-bar-container .edit-btn:hover{background-color:#dee2e6;border-color:#adb5bd}.report-actions-bar-container .share-btn{background-color:#ff4500;border-color:#ff4500;color:#fff}.report-actions-bar-container .share-btn:hover{background-color:#e63900;border-color:#e63900}.report-actions-bar-container .contact-btn{background-color:#0d6efd;border-color:#0d6efd;color:#fff}.report-actions-bar-container .contact-btn:hover{background-color:#0b5ed7;border-color:#0a58ca}.report-actions-bar-container .delete-btn{background-color:#dc3545;border-color:#dc3545;color:#fff}.report-actions-bar-container .delete-btn:hover{background-color:#bb2d3b;border-color:#b02a37}.report-actions-bar-container .delete-btn:active,.report-actions-bar-container .delete-btn:focus{background-color:#a02530!important;border-color:#901f28!important;box-shadow:0 0 0 3px #dc354540;outline:none;transform:scale(.95)}.report-actions-bar-container .enhance-btn{background-color:#9b59b6;border-color:#9b59b6;color:#fff}.report-actions-bar-container .enhance-btn:hover{background-color:#8e44ad;border-color:#7d3c98}.report-actions-bar-container .update-btn{background-color:#198754;border-color:#198754;color:#fff}.report-actions-bar-container .update-btn:hover{background-color:#157347;border-color:#146c43}.report-actions-bar-container .timeline-btn{background-color:#6f42c1;border-color:#6f42c1;color:#fff}.report-actions-bar-container .timeline-btn:hover{background-color:#5a32a3;border-color:#5533a5}.report-actions-bar-container .judicial-btn{background-color:#fd7e14;border-color:#fd7e14;color:#fff}.report-actions-bar-container .judicial-btn:hover{background-color:#e66a04;border-color:#d96302}.report-actions-bar-container .judicial-btn.disabled{background-color:#6c757d;border-color:#6c757d;color:#adb5bd;cursor:not-allowed;opacity:.65;pointer-events:none}.report-actions-bar-container .judicial-btn.disabled:hover{background-color:#6c757d;border-color:#6c757d}.report-actions-bar-container .status-select{-webkit-appearance:none;appearance:none;background-color:#e9ecef;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23343a40' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;border-color:#ced4da;color:#343a40;justify-content:flex-start;max-width:150px;min-width:auto;overflow:hidden;padding:0 2rem 0 .75rem;text-overflow:ellipsis;white-space:nowrap}.report-actions-bar-container .status-select:hover{background-color:#dee2e6;border-color:#adb5bd}.dark-mode .report-actions-bar-container{border-top-color:#444}.dark-mode .report-actions-bar-container .edit-btn{background-color:#444;border-color:#555;color:#ccc}.dark-mode .report-actions-bar-container .edit-btn:hover{background-color:#555}.dark-mode .report-actions-bar-container .enhance-btn{background-color:#7d3c98;border-color:#8e44ad;color:#fff}.dark-mode .report-actions-bar-container .enhance-btn:hover{background-color:#6c3483}.dark-mode .report-actions-bar-container .update-btn{background-color:#146c43;border-color:#157347;color:#fff}.dark-mode .report-actions-bar-container .update-btn:hover{background-color:#115c39}.dark-mode .report-actions-bar-container .timeline-btn{background-color:#5a32a3;border-color:#6f42c1;color:#fff}.dark-mode .report-actions-bar-container .timeline-btn:hover{background-color:#4d2b8a}.dark-mode .report-actions-bar-container .judicial-btn{background-color:#e66a04;border-color:#fd7e14;color:#fff}.dark-mode .report-actions-bar-container .judicial-btn:hover{background-color:#d96302}.dark-mode .report-actions-bar-container .judicial-btn.disabled{background-color:#495057;border-color:#495057;color:#6c757d}.dark-mode .report-actions-bar-container .status-select{background-color:#444;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23ccc' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");border-color:#555;color:#ccc}.dark-mode .report-actions-bar-container .status-select:hover{background-color:#555;border-color:#666}@media (max-width:768px){.report-actions-bar-container{flex-direction:row;gap:.5rem;justify-content:space-around;overflow-x:hidden;padding:.75rem 1rem}.report-actions-bar-container .status-select{max-width:none;min-width:0}.report-actions-bar-container .report-action-item{-webkit-tap-highlight-color:transparent;cursor:pointer;font-size:1.1rem;height:40px;min-width:auto;padding:.5rem;position:relative;touch-action:manipulation;width:40px;z-index:1}.report-actions-bar-container .report-action-item span{display:none}.report-actions-bar-container .report-action-item svg{margin:0}.report-actions-bar-container .report-action-item:active{opacity:.8;transform:scale(.9)}.report-actions-bar-container .delete-btn{pointer-events:auto!important;user-select:none;-webkit-user-select:none}}.media-gallery{background-color:#f0f0f0;border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;gap:.5rem;overflow:hidden;padding:.5rem;width:100%}.media-gallery.no-media{align-items:center;background-color:#e9ecef;border-radius:8px;color:#666;display:flex;font-style:italic;height:200px;justify-content:center}.main-media-container{background-color:#ddd;border-radius:4px;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.main-media{display:block;height:100%;left:0;object-fit:contain;position:absolute;top:0;width:100%}.main-media.image{cursor:pointer}.main-media.audio{height:auto;object-fit:fill;padding:10px 0;width:100%}.main-media.downloadable-link{align-items:center;background-color:#e9ecef;box-sizing:border-box;display:flex;flex-direction:column;gap:.5rem;height:100%;justify-content:center;padding:1rem;text-align:center}.main-media.downloadable-link a{color:#007bff;font-weight:500;text-decoration:none}.main-media.downloadable-link a:hover{text-decoration:underline}.main-media.hidden{display:none}.loading-spinner{align-items:center;background-color:#dddc;color:#333;display:none;font-size:1rem;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1}.loading-spinner:after{animation:spin .8s linear infinite;border:3px solid #ccc;border-radius:50%;border-top-color:#333;content:"";display:block;height:20px;margin-left:10px;width:20px}.gallery-nav{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;opacity:.7;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s;width:40px;z-index:2}.gallery-nav:hover{opacity:1}.gallery-nav.prev{left:10px}.gallery-nav.next{right:10px}.gallery-expand{align-items:center;background:#00000080;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:30px;justify-content:center;opacity:.7;position:absolute;right:10px;top:10px;transition:opacity .2s;width:30px;z-index:2}.gallery-expand:hover{opacity:1}.thumbnail-strip{display:flex;gap:.5rem;overflow-x:auto;padding:.25rem 0}.thumbnail-item{background-color:#ccc;border:2px solid #0000;border-radius:4px;cursor:pointer;flex:0 0 60px;height:40px;overflow:hidden;padding:0;position:relative;transition:border-color .2s}.thumbnail-item img{display:block;height:100%;object-fit:cover;width:100%}.thumbnail-item.active{border-color:#ff4500}.thumbnail-item:hover{border-color:#f73}.thumbnail-item.enhanced{border:2px dashed #0d6efd}.thumbnail-item.enhanced.active{border-color:#ff4500;border-style:solid}.enhanced-badge{font-size:.6rem;line-height:1;position:absolute;right:1px;top:1px}.thumbnail-video-icon{background-color:#0009;border-radius:50%;color:#fff;font-size:10px;height:20px;width:20px}.thumbnail-audio-icon,.thumbnail-file-icon,.thumbnail-video-icon{align-items:center;display:flex;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.thumbnail-audio-icon,.thumbnail-file-icon{color:#555;font-size:1.2rem}.yarl__root{z-index:1000}.thumbnail-item-wrapper{border:2px solid #0000;border-radius:4px;flex-shrink:0;height:40px;margin:5px;overflow:hidden;position:relative;width:60px}.thumbnail-item-wrapper.active{border-color:#ff4500}.thumbnail-item-wrapper:hover{border-color:#f73}.thumbnail-item-wrapper.enhanced{border-color:#0d6efd;border-style:dashed}.thumbnail-item-wrapper.enhanced.active{border-color:#ff4500;border-style:solid}.thumbnail-button{background-color:#ccc;border:none;cursor:pointer;display:block;height:100%;padding:0;position:relative;width:100%}.thumbnail-button img{display:block;height:100%;object-fit:cover;width:100%}.thumbnail-delete-btn{align-items:center;background-color:#dc3545cc;border:none;border-radius:3px;color:#fff;cursor:pointer;display:flex;font-size:.6rem;height:16px;justify-content:center;opacity:0;padding:0;position:absolute;right:1px;top:1px;transition:opacity .2s ease-in-out;width:16px;z-index:3}.thumbnail-item-wrapper:hover .thumbnail-delete-btn{opacity:1}.thumbnail-delete-btn:hover{background-color:#c82131}.yarl__toolbar{left:0!important;position:absolute!important;right:0!important;top:0!important;z-index:10000!important}.yarl__button,.yarl__toolbar{display:flex!important;opacity:1!important;visibility:visible!important}.modal-backdrop.confirmation-backdrop{align-items:flex-start!important;-webkit-backdrop-filter:blur(2px)!important;backdrop-filter:blur(2px)!important;background-color:#0009!important;display:flex!important;height:100%!important;justify-content:center!important;left:0!important;overflow-y:auto!important;padding-top:20vh!important;position:fixed!important;top:0!important;width:100%!important;z-index:10000!important}.modal-content.confirmation-modal{background-color:var(--color-bg)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-lg)!important;margin-bottom:20vh!important;max-width:500px!important;padding:var(--space-xl) var(--space-lg)!important;position:relative!important;text-align:center!important;transform:none!important;width:90%!important;z-index:10001!important}.confirmation-modal h2{color:var(--color-text);font-size:1.5rem;font-weight:var(--font-weight-semibold);margin:0 0 var(--space-md)}.confirmation-message{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:1.6;margin-bottom:var(--space-lg)}.confirmation-actions{display:flex;gap:var(--space-md);justify-content:center}.confirmation-actions button{border:1px solid #0000;border-radius:var(--radius-base);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);min-width:120px;padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.confirmation-actions .cancel-button{background-color:var(--color-bg-secondary);border-color:var(--color-border);color:var(--color-text)}.confirmation-actions .cancel-button:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-border-dark);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.confirmation-actions .confirm-button{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)!important}.confirmation-actions .confirm-button:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.confirmation-actions .delete-confirm-button{background-color:var(--color-danger);border-color:var(--color-danger);color:var(--color-text-inverse)!important}.confirmation-actions .delete-confirm-button:hover{background-color:var(--color-danger-hover);border-color:var(--color-danger-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.dark-mode .modal-backdrop.confirmation-backdrop{background-color:#000c!important}.dark-mode .modal-content.confirmation-modal{background-color:var(--color-bg)!important;border-color:var(--color-border)!important}@media (max-width:600px){.confirmation-modal{padding:var(--space-lg) var(--space-md);width:95%}.confirmation-modal h2{font-size:1.25rem}.confirmation-actions{flex-direction:column;gap:var(--space-sm)}.confirmation-actions button{width:100%}}.miniature-badges{align-items:center;display:inline-flex;gap:2px;margin-left:8px}.mini-badge{align-items:center;background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #fff;border-radius:50%;box-shadow:0 1px 3px #0003;display:flex;height:24px;justify-content:center;position:relative;transition:all .2s ease;width:24px}.mini-badge:not(:first-child){margin-left:-8px}.mini-badge:hover{box-shadow:0 3px 8px #0000004d;transform:translateY(-2px) scale(1.1);z-index:10!important}.mini-badge-icon{filter:drop-shadow(0 1px 1px rgba(0,0,0,.2));font-size:14px;line-height:1}.mini-badge.beginner{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-color:#8bc34a}.mini-badge.intermediate{background:linear-gradient(135deg,#fff8e1,#ffecb3);border-color:#ffc107}.mini-badge.advanced{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-color:#ff9800}.mini-badge.expert{background:linear-gradient(135deg,#f3e5f5,#e1bee7);border-color:#9c27b0}.mini-badge.legendary{animation:legendary-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#fffde7,#fff9c4);border-color:gold}.mini-badge.special{animation:special-bounce 3s ease-in-out infinite;background:linear-gradient(135deg,#ffebee,#ffcdd2);border-color:#ff1744}@keyframes legendary-pulse{0%,to{box-shadow:0 1px 3px #ffd7004d}50%{box-shadow:0 1px 6px #ffd70080}}@keyframes special-bounce{0%,to{transform:translateY(0)}25%{transform:translateY(-1px)}75%{transform:translateY(1px)}}@media (max-width:768px){.mini-badge{height:20px;width:20px}.mini-badge-icon{font-size:12px}.mini-badge:not(:first-child){margin-left:-6px}}.dark-mode .mini-badge{background:linear-gradient(135deg,#2a2a2a,#3a3a3a);border-color:#4a4a4a;box-shadow:0 1px 3px #ffffff1a}.dark-mode .mini-badge.beginner{background:linear-gradient(135deg,#1b5e20,#2e7d32);border-color:#4caf50}.dark-mode .mini-badge.intermediate{background:linear-gradient(135deg,#f57f17,#f9a825);border-color:#fbc02d}.dark-mode .mini-badge.advanced{background:linear-gradient(135deg,#e65100,#ef6c00);border-color:#f57c00}.dark-mode .mini-badge.expert{background:linear-gradient(135deg,#4a148c,#6a1b9a);border-color:#7b1fa2}.dark-mode .mini-badge.legendary{background:linear-gradient(135deg,#b8860b,#daa520);border-color:gold}.dark-mode .mini-badge.special{background:linear-gradient(135deg,#b71c1c,#c62828);border-color:#d32f2f}.forum-post-avatar{position:relative}.forum-post-avatar .miniature-badges{background:#fff;border-radius:12px;bottom:-4px;box-shadow:0 1px 3px #0003;padding:2px;position:absolute;right:-4px}.dark-mode .forum-post-avatar .miniature-badges{background:#1e1e1e}.modal-overlay{padding:1rem}.gift-points-modal{animation:modalSlideIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{padding:1.5rem}.modal-header h3{align-items:center;color:#333;display:flex;font-size:1.25rem;gap:.5rem}.modal-header h3 svg{color:#ff6f00}.close-btn{padding:.25rem;transition:color .2s ease}.modal-body{padding:1.5rem}.recipient-info{margin-bottom:1.5rem}.recipient-info p{color:#666;margin:0 0 .5rem}.recipient-info strong{color:#333}.post-preview{background:#f8f9fa;border-left:3px solid #2196f3;border-radius:8px;margin-top:1rem;padding:.75rem}.post-preview-label{color:#666;font-size:.875rem;margin:0 0 .5rem}.post-preview-content{color:#333;font-size:.875rem;font-style:italic;line-height:1.4}.loading-section{color:#666;padding:2rem;text-align:center}.points-balance{align-items:center;background:linear-gradient(135deg,#fff8e1,#ffecb3);border-radius:8px;color:#333;display:flex;font-size:1rem;gap:.5rem;margin-bottom:1.5rem;padding:1rem}.coins-icon{color:gold;font-size:1.5rem}.points-balance strong{color:#ff6f00;font-size:1.125rem}.gift-points__form-group{margin-bottom:1.5rem}.gift-points__form-group label{color:#333;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.gift-points__form-group input,.gift-points__form-group textarea{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .2s ease;width:100%}.gift-points__form-group input:focus,.gift-points__form-group textarea:focus{border-color:#ff6f00;outline:none}.gift-points__form-group input:disabled,.gift-points__form-group textarea:disabled{background:#f5f5f5;cursor:not-allowed}.quick-amounts{margin-top:.75rem}.quick-amounts button{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;color:#666;flex:1 1;font-size:.875rem;font-weight:600;padding:.5rem;transition:all .2s ease}.quick-amounts button:hover:not(:disabled){background:#ff6f00;border-color:#ff6f00;color:#fff}.quick-amounts button:disabled{cursor:not-allowed;opacity:.5}.char-count{color:#999;font-size:.75rem;margin-top:.25rem}.error-message,.success-message{animation:messageSlideIn .3s ease;border-radius:8px;font-size:.875rem;margin-bottom:1rem;padding:.75rem;text-align:center}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-message{background:#ffebee;border:1px solid #ef5350;color:#c62828}.success-message{background:#e8f5e9;border:1px solid #4caf50;color:#2e7d32}.cancel-btn,.send-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.cancel-btn{background:#f5f5f5;color:#666}.cancel-btn:hover:not(:disabled){background:#e0e0e0;color:#333}.send-btn{background:linear-gradient(135deg,#ff6f00,#ff8f00);color:#fff}.send-btn:hover:not(:disabled){background:linear-gradient(135deg,#ff8f00,#ffa000);box-shadow:0 4px 12px #ff6f004d;transform:translateY(-2px)}.cancel-btn:disabled,.send-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:600px){.gift-points-modal{margin:1rem}.modal-body,.modal-header{padding:1rem}.quick-amounts button{font-size:.8rem;padding:.75rem .5rem}}.dark-mode .gift-points-modal{background:#2a2a2a;color:#e0e0e0}.dark-mode .modal-header{border-bottom-color:#3a3a3a}.dark-mode .modal-header h3{color:#e0e0e0}.dark-mode .close-btn{color:#b0b0b0}.dark-mode .close-btn:hover{color:#e0e0e0}.dark-mode .recipient-info p{color:#b0b0b0}.dark-mode .recipient-info strong{color:#e0e0e0}.dark-mode .post-preview{background:#1e1e1e;border-left-color:#1976d2}.dark-mode .post-preview-label{color:#999}.dark-mode .post-preview-content{color:#ccc}.dark-mode .points-balance{background:linear-gradient(135deg,#3e2e00,#4a3a00);color:#e0e0e0}.dark-mode .gift-points__form-group label{color:#e0e0e0}.dark-mode .gift-points__form-group input,.dark-mode .gift-points__form-group textarea{background:#1e1e1e;border-color:#3a3a3a;color:#e0e0e0}.dark-mode .gift-points__form-group input:focus,.dark-mode .gift-points__form-group textarea:focus{border-color:#ff8f00}.dark-mode .gift-points__form-group input:disabled,.dark-mode .gift-points__form-group textarea:disabled{background:#1a1a1a}.dark-mode .quick-amounts button{background:#1e1e1e;border-color:#3a3a3a;color:#b0b0b0}.dark-mode .quick-amounts button:hover:not(:disabled){background:#ff8f00;border-color:#ff8f00;color:#fff}.dark-mode .char-count{color:#666}.dark-mode .cancel-btn{background:#1e1e1e;color:#b0b0b0}.dark-mode .cancel-btn:hover:not(:disabled){background:#2a2a2a;color:#e0e0e0}.edit-history-backdrop{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.edit-history-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:800px;position:relative;width:100%}.edit-history-modal .modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.edit-history-modal .modal-header h2{color:#333;font-size:1.5rem;margin:0}.edit-history-modal .close-btn{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:1.25rem;justify-content:center;padding:5px;transition:color .2s}.edit-history-modal .close-btn:hover{color:#333}.edit-history-content{flex:1 1;overflow-y:auto;padding:20px}.history-entries{display:flex;flex-direction:column;gap:1.5rem}.history-entry{background:#f5f5f5;border-radius:8px;padding:1rem}.history-header{border-bottom:1px solid #e0e0e0;margin-bottom:.75rem;padding-bottom:.5rem}.editor-name{color:#333;font-size:.95em;font-weight:600}.edit-time{color:#666;font-size:.85em}.edit-reason{background:#e3f2fd;border-left:3px solid #2196f3;border-radius:4px;margin-bottom:1rem;padding:.75rem}.edit-reason strong{color:#1976d2;font-weight:600}.text-changes{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-top:1rem}.new-text,.previous-text{border-radius:4px;overflow:hidden;padding:.75rem}.previous-text{background:#ffebee;border:1px solid #ffcdd2}.new-text{background:#e8f5e9;border:1px solid #c8e6c9}.new-text strong,.previous-text strong{display:block;font-size:.85em;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.previous-text strong{color:#c62828}.new-text strong{color:#2e7d32}.new-text p,.previous-text p{line-height:1.5;margin:0;white-space:pre-wrap;word-break:break-word}.history-divider{border:none;border-top:1px solid #e0e0e0;margin:0}.edit-count,.edit-summary{margin-bottom:1rem}.edit-count{color:#666;font-size:.95em;font-style:italic}.edit-info{margin-bottom:.75rem}.edit-info.last-edit{border-top:1px dashed #e0e0e0;margin-top:1rem;padding-top:1rem}.dark-mode .edit-history-backdrop{background-color:#000000b3}.dark-mode .edit-history-modal{background:#1e1e1e;color:#e0e0e0}.dark-mode .edit-history-modal .modal-header{border-bottom-color:#444}.dark-mode .edit-history-modal .modal-header h2{color:#e0e0e0}.dark-mode .edit-history-modal .close-btn{color:#aaa}.dark-mode .edit-history-modal .close-btn:hover{color:#e0e0e0}.dark-mode .history-entry{background:#2a2a2a}.dark-mode .history-header{border-bottom-color:#444}.dark-mode .editor-name{color:#e0e0e0}.dark-mode .edit-time{color:#aaa}.dark-mode .edit-reason{background:#1a3a52;border-left-color:#1976d2}.dark-mode .edit-reason strong{color:#64b5f6}.dark-mode .previous-text{background:#3d2929;border-color:#5d3333}.dark-mode .new-text{background:#2d3d29;border-color:#3d5d33}.dark-mode .previous-text strong{color:#ef5350}.dark-mode .new-text strong{color:#66bb6a}.dark-mode .history-divider{border-top-color:#444}.dark-mode .edit-count{color:#aaa}.dark-mode .edit-info.last-edit{border-top-color:#444}@media (max-width:767px){.text-changes{gap:.75rem;grid-template-columns:1fr}.history-entry{padding:.75rem}.new-text,.previous-text{padding:.5rem}}.moderation-dropdown{display:inline-block;position:relative}.moderation-dropdown__trigger{align-items:center;background:none;border:none;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.moderation-dropdown__trigger:hover{background-color:var(--color-bg-hover);color:var(--color-text)}.moderation-dropdown__trigger:disabled{cursor:not-allowed;opacity:.5}.moderation-dropdown__menu{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 12px #00000026;margin-top:.5rem;min-width:200px;overflow:visible;position:absolute;right:0;top:100%;z-index:1000}.moderation-dropdown__header{background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);font-size:.875rem;font-weight:600;padding:.75rem 1rem}.moderation-dropdown__status{font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.moderation-dropdown__actions{overflow:visible;padding:.5rem}.moderation-dropdown__action{align-items:center;background:none;border:none;border-radius:4px;color:var(--color-text);cursor:pointer;display:flex;font-size:.875rem;gap:.75rem;padding:.625rem .75rem;text-align:left;transition:background-color .2s ease;width:100%}.moderation-dropdown__action:hover:not(.disabled){background-color:var(--color-bg-hover)}.moderation-dropdown__action.disabled,.moderation-dropdown__action:disabled{cursor:not-allowed;opacity:.5}.moderation-dropdown__action.disabled:hover{background-color:initial}.moderation-dropdown__action.is-active{background-color:var(--color-bg-secondary);border-left:3px solid var(--color-success);padding-left:calc(.75rem - 3px);position:relative}.moderation-dropdown__action.is-active:hover{background-color:var(--color-bg-hover);cursor:pointer;opacity:1}.moderation-dropdown__action svg{flex-shrink:0;height:16px;width:16px}.moderation-dropdown__divider{background-color:var(--color-border);height:1px;margin:.5rem 0}.moderation-dropdown__links{padding:.5rem}.moderation-dropdown__link{align-items:center;background:none;border:none;border-radius:4px;color:var(--color-text);cursor:pointer;display:flex;font-size:.875rem;gap:.75rem;padding:.625rem .75rem;text-align:left;transition:background-color .2s ease;width:100%}.moderation-dropdown__link:hover{background-color:var(--color-bg-hover)}.moderation-dropdown__link:disabled{cursor:not-allowed;opacity:.5}.moderation-dropdown__link svg{color:var(--color-text-secondary);flex-shrink:0;height:16px;width:16px}.dark .moderation-dropdown__menu{box-shadow:0 4px 12px #00000080}.moderation-dropdown__action{justify-content:space-between;position:relative}.moderation-dropdown__submenu-arrow{color:var(--color-text-secondary);height:12px;margin-left:auto;transition:transform .2s ease;width:12px}.moderation-dropdown__action.active{background-color:var(--color-bg-hover)}.moderation-dropdown__submenu-inline{display:flex;flex-direction:column;gap:.125rem;margin-bottom:.25rem;margin-left:1.5rem;margin-top:.25rem}.moderation-dropdown__submenu-item{background:var(--color-bg-secondary);border:none;border-radius:4px;color:var(--color-text);cursor:pointer;display:block;font-size:.825rem;padding:.5rem .75rem;text-align:left;transition:background-color .2s ease;white-space:nowrap;width:100%}.moderation-dropdown__submenu-item:hover{background-color:var(--color-bg-hover)}.moderation-dropdown__submenu-item:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.moderation-dropdown__menu{left:50%;min-width:250px;right:auto;transform:translateX(-50%)}.moderation-dropdown__submenu-inline{margin-left:1rem}}.sanction-badge{align-items:center;border-radius:12px;cursor:help;display:inline-flex;font-size:.75rem;font-weight:500;gap:4px;margin-left:8px;padding:2px 8px;position:relative}.sanction-badge__icon{align-items:center;display:flex;font-size:.75rem}.sanction-badge__label{letter-spacing:.5px;text-transform:uppercase}.sanction-badge--ban{background-color:#721c24;color:#fff}.sanction-badge--shadowban{background-color:#495057;color:#fff}.sanction-badge--suspend{background-color:#dc3545;color:#fff}.sanction-badge--mute{background-color:#fd7e14;color:#fff}.sanction-badge--rate_limit{background-color:#6c757d;color:#fff}.sanction-badge--require_approval{background-color:#17a2b8;color:#fff}.sanction-badge--warn{background-color:#ffc107;color:#212529}.sanction-badge__tooltip{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 12px #00000026;left:50%;min-width:250px;opacity:0;padding:12px;pointer-events:none;position:absolute;top:calc(100% + 8px);transform:translateX(-50%);transition:opacity .2s ease,visibility .2s ease;visibility:hidden;z-index:1000}.sanction-badge:hover .sanction-badge__tooltip{opacity:1;visibility:visible}.sanction-badge__tooltip:before{border-bottom:6px solid var(--color-border);border-left:6px solid #0000;border-right:6px solid #0000;bottom:100%}.sanction-badge__tooltip:after,.sanction-badge__tooltip:before{content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.sanction-badge__tooltip:after{border-bottom:5px solid var(--color-bg);border-left:5px solid #0000;border-right:5px solid #0000;bottom:calc(100% - 1px)}.sanction-badge__tooltip-header{color:var(--color-text);font-size:.875rem;font-weight:600;margin-bottom:8px}.sanction-badge__tooltip-item{border-bottom:1px solid var(--color-border-light);margin-bottom:8px;padding-bottom:8px}.sanction-badge__tooltip-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.sanction-badge__tooltip-type{align-items:center;color:var(--color-text);display:flex;font-size:.8125rem;font-weight:500;gap:6px;margin-bottom:4px}.sanction-badge__tooltip-reason{color:var(--color-text-secondary);font-size:.75rem;margin-bottom:2px}.sanction-badge__tooltip-expiry{color:var(--color-text-muted);font-size:.75rem;font-style:italic}.dark .sanction-badge__tooltip{background-color:var(--color-bg-secondary);box-shadow:0 4px 12px #00000080}@media (max-width:768px){.sanction-badge{font-size:.7rem;padding:1px 6px}.sanction-badge__icon{font-size:.7rem}.sanction-badge__tooltip{left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}.sanction-badge__tooltip:after,.sanction-badge__tooltip:before{display:none}}.online-indicator{display:inline-block;z-index:10}.online-indicator--bottom-right{bottom:0;position:absolute;right:0}.online-indicator--bottom-left{bottom:0;left:0;position:absolute}.online-indicator--top-right{position:absolute;right:0;top:0}.online-indicator--top-left{left:0;position:absolute;top:0}.online-indicator--inline{display:inline-block;margin-left:var(--space-xs);position:relative;vertical-align:middle}.online-indicator__dot{background-color:#6c757d;border:2px solid var(--color-bg);border-radius:50%;cursor:pointer;display:block;transition:all var(--transition-base)}.online-indicator--small .online-indicator__dot{height:8px;width:8px}.online-indicator--medium .online-indicator__dot{height:12px;width:12px}.online-indicator--large .online-indicator__dot{height:16px;width:16px}.online-indicator.online .online-indicator__dot{animation:online-pulse 2s infinite;background-color:#28a745;box-shadow:0 0 0 0 #28a745}.online-indicator.offline .online-indicator__dot{animation:none;background-color:#6c757d}@keyframes online-pulse{0%{box-shadow:0 0 0 0 #28a745b3}70%{box-shadow:0 0 0 10px #28a74500}to{box-shadow:0 0 0 0 #28a74500}}.dark .online-indicator__dot{border-color:var(--color-bg-secondary)}.dark .online-indicator.online .online-indicator__dot{background-color:#5cb85c;box-shadow:0 0 0 0 #5cb85c}.dark .online-indicator.offline .online-indicator__dot{background-color:#999}.online-indicator.online .online-indicator__dot:before{background-color:#28a745;border-radius:50%;content:"";filter:blur(4px);height:100%;left:50%;opacity:.6;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:-1}.dark .online-indicator.online .online-indicator__dot:before{background-color:#5cb85c;opacity:.8}.avatar-wrapper{position:relative}.forum-avatar .online-indicator{border:2px solid var(--color-bg);border-radius:50%}.message-widget .online-indicator--small .online-indicator__dot{height:6px;width:6px}.profile-header .online-indicator{margin-left:var(--space-sm)}.profile-header .online-indicator--large .online-indicator__dot{border-width:3px;height:20px;width:20px}.enhanced-emoji-picker{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:8px;overflow:hidden}.emoji-picker-tabs{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);display:flex}.emoji-tab{background:#0000;border:none;color:var(--color-text-secondary);cursor:pointer;flex:1 1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-md);position:relative;transition:all var(--transition-base)}.emoji-tab:hover{background:var(--color-bg-hover);color:var(--color-text)}.emoji-tab.active{background:var(--color-bg);color:var(--color-primary)}.emoji-tab.active:after{background:var(--color-primary);bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.emoji-picker-content{max-height:320px;overflow-y:auto;padding:12px}.custom-smiley-picker{display:flex;flex-direction:column;gap:12px}.smiley-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(auto-fill,minmax(40px,1fr))}.smiley-button{align-items:center;background:#0000;border:1px solid #0000;border-radius:4px;cursor:pointer;display:flex;height:40px;justify-content:center;padding:4px;transition:all .2s ease;width:40px}.smiley-button:hover{background:var(--color-bg-hover);border-color:var(--color-border);transform:scale(1.1)}.smiley-button:active{transform:scale(.95)}.smiley-image{height:24px;object-fit:contain;width:24px}.smiley-help{background:var(--color-bg-tertiary);border-radius:4px;padding:8px;text-align:center}.smiley-help p{color:var(--color-text-secondary);font-size:.75rem;margin:0}.smiley-help code{background:var(--color-bg-secondary);border-radius:3px;color:var(--color-primary);font-family:monospace;padding:2px 6px}.standard-emoji-picker{width:100%}.emoji-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(auto-fill,minmax(36px,1fr));max-height:280px;overflow-y:auto;padding:4px}.emoji-button{align-items:center;background:#0000;border:1px solid #0000;border-radius:4px;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;line-height:1;padding:4px;transition:all .2s ease;width:36px}.emoji-button:hover{background:var(--color-bg-hover);border-color:var(--color-border);transform:scale(1.2)}.emoji-button:active{transform:scale(.95)}.emoji-grid::-webkit-scrollbar{width:8px}.emoji-grid::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:4px}.emoji-grid::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.emoji-grid::-webkit-scrollbar-thumb:hover{background:var(--color-border-dark)}@media (max-width:768px){.emoji-picker-content{max-height:250px}.smiley-grid{grid-template-columns:repeat(auto-fill,minmax(36px,1fr))}.smiley-button{height:36px;width:36px}.smiley-image{height:20px;width:20px}}.forum-emoji-picker{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:var(--space-sm);max-width:100%;overflow:hidden}.emoji-picker-header{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.forum-emoji-picker .emoji-picker-tabs{background:var(--color-bg-secondary);display:flex;flex-wrap:wrap;gap:2px;padding:4px}.forum-emoji-picker .emoji-picker-tabs::-webkit-scrollbar{height:6px}.forum-emoji-picker .emoji-picker-tabs::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.forum-emoji-picker .emoji-tab{background:#0000;border:1px solid #0000;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;font-size:.8125rem;font-weight:500;padding:6px 10px;position:relative;transition:all .2s ease;white-space:nowrap}.forum-emoji-picker .emoji-tab:hover{background:var(--color-bg-hover);color:var(--color-text)}.forum-emoji-picker .emoji-tab.active{background:var(--color-bg);border-color:var(--color-primary);color:var(--color-primary)}.emoji-search{background:var(--color-bg);border-top:1px solid var(--color-border);padding:8px}.emoji-search-input{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text);font-size:.875rem;outline:none;padding:6px 12px;transition:border-color .2s ease;width:100%}.emoji-search-input:focus{border-color:var(--color-primary)}.emoji-search-input::placeholder{color:var(--color-text-muted)}.forum-emoji-picker .emoji-picker-content{max-height:320px;overflow-y:auto;padding:8px}.forum-emoji-picker .emoji-picker-content.forum-content{max-height:360px}.forum-smiley-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(auto-fill,minmax(44px,1fr))}.forum-smiley-button{align-items:center;background:#0000;border:1px solid #0000;border-radius:4px;cursor:pointer;display:flex;height:44px;justify-content:center;overflow:hidden;padding:4px;position:relative;transition:all .2s ease;width:44px}.forum-smiley-button:hover{background:var(--color-bg-hover);border-color:var(--color-border);transform:scale(1.1);z-index:1}.forum-smiley-button:active{transform:scale(.95)}.forum-smiley-image{max-height:36px;max-width:36px;object-fit:contain;opacity:1;transition:opacity .3s ease}.forum-emoji-picker .smiley-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(auto-fill,minmax(40px,1fr))}.forum-emoji-picker .smiley-button{height:40px;width:40px}.forum-emoji-picker .smiley-image{height:24px;width:24px}.forum-emoji-picker .smiley-help{background:var(--color-bg-tertiary);border-radius:4px;margin-top:8px;padding:8px;text-align:center}.forum-emoji-picker .smiley-help p{color:var(--color-text-secondary);font-size:.75rem;margin:0}.forum-emoji-picker .smiley-help code{background:var(--color-bg-secondary);border-radius:3px;color:var(--color-primary);font-family:monospace;padding:2px 6px}.enhanced-emoji-picker .smiley-grid,.forum-emoji-picker .custom-smiley-picker .smiley-grid,.forum-emoji-picker .emoji-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(auto-fill,minmax(40px,1fr))}.forum-emoji-picker .emoji-grid{max-height:320px;overflow-y:auto;padding:8px}.forum-emoji-picker .emoji-grid::-webkit-scrollbar{width:8px}.forum-emoji-picker .emoji-grid::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:4px}.forum-emoji-picker .emoji-grid::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.forum-emoji-picker .emoji-grid::-webkit-scrollbar-thumb:hover{background:var(--color-border-dark)}.forum-emoji-picker .emoji-button{align-items:center;background:#0000;border:1px solid #0000;border-radius:4px;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;line-height:1;padding:4px;transition:all .2s ease;width:40px}.forum-emoji-picker .emoji-button:hover{background:var(--color-bg-hover);border-color:var(--color-border);transform:scale(1.2)}.forum-emoji-picker .emoji-button:active{transform:scale(.95)}.forum-emoji-picker .emoji-category-selector{border-bottom:1px solid var(--color-border);padding:8px}.forum-emoji-picker .emoji-category-dropdown{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text);cursor:pointer;font-size:.875rem;outline:none;padding:6px 12px;transition:border-color .2s ease;width:100%}.forum-emoji-picker .emoji-category-dropdown:focus{border-color:var(--color-primary)}.forum-emoji-picker .emoji-category-dropdown option{background:var(--color-bg);color:var(--color-text)}.enhanced-emoji-picker .smiley-button,.forum-emoji-picker .custom-smiley-picker .smiley-button{align-items:center;background:#0000;border:1px solid #0000;border-radius:4px;cursor:pointer;display:flex;height:40px;justify-content:center;padding:4px;transition:all .2s ease;width:40px}.enhanced-emoji-picker .smiley-image,.forum-emoji-picker .custom-smiley-picker .smiley-image{height:24px;object-fit:contain;width:24px}.forum-emoji-picker .emoji-picker-content::-webkit-scrollbar{width:8px}.forum-emoji-picker .emoji-picker-content::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:4px}.forum-emoji-picker .emoji-picker-content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.forum-emoji-picker .emoji-picker-content::-webkit-scrollbar-thumb:hover{background:var(--color-border-dark)}body.dark-mode .forum-emoji-picker{box-shadow:0 2px 8px #0000004d}@media (max-width:768px){.forum-emoji-picker .emoji-picker-content{max-height:250px}.forum-emoji-picker .emoji-picker-content.forum-content{max-height:280px}.forum-smiley-grid{grid-template-columns:repeat(auto-fill,minmax(40px,1fr))}.forum-smiley-button{height:40px;width:40px}.forum-smiley-image{max-height:32px;max-width:32px}.forum-emoji-picker .emoji-tab{font-size:.8125rem;padding:6px 10px}}@media (prefers-reduced-motion:reduce){.forum-smiley-button,.forum-smiley-image{transition:none}}.favorites-edit-controls{border-bottom:1px solid var(--color-border);padding:8px;text-align:right}.edit-favorites-btn{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text);cursor:pointer;font-size:.875rem;padding:6px 12px;transition:all .2s ease}.edit-favorites-btn:hover{background:var(--color-bg-hover);border-color:var(--color-primary)}.smiley-wrapper{display:inline-block;position:relative}.smiley-wrapper.edit-mode .forum-smiley-button{opacity:.8}.smiley-wrapper.edit-mode .forum-smiley-button:hover{background:var(--color-danger-light);border-color:var(--color-danger);opacity:1}.remove-favorite-btn{background:var(--color-danger);border:none;border-radius:50%;color:#fff;cursor:pointer;display:none;font-size:16px;height:20px;line-height:1;position:absolute;right:2px;top:8px;transition:all .2s ease;width:20px;z-index:10}.smiley-wrapper.edit-mode .remove-favorite-btn{align-items:center;display:flex;justify-content:center}.remove-favorite-btn:hover{background:var(--color-danger-dark);transform:scale(1.1)}.comment-engine{box-sizing:border-box;contain:layout;max-width:100%;overflow-x:hidden;position:relative;width:100%}.comment-admin-controls{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);margin-bottom:20px;padding:15px}.admin-toggle-btn{background-color:var(--color-primary);border:none;border-radius:var(--radius-base);color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.admin-toggle-btn:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}.admin-controls-panel{display:flex;flex-direction:column;gap:15px;margin-top:15px}.select-all-checkbox{color:var(--color-text);font-size:14px}.bulk-action-btn{border:none;border-radius:var(--radius-base);color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.bulk-action-btn:hover:not(:disabled){box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.bulk-action-btn:disabled{cursor:not-allowed;opacity:.6}.bulk-action-btn--soft-delete{background-color:var(--color-warning)}.bulk-action-btn--soft-delete:hover:not(:disabled){background-color:#e0a800}.bulk-action-btn--restore{background-color:var(--color-success)}.bulk-action-btn--restore:hover:not(:disabled){background-color:#218838}.bulk-action-btn--permanent-delete{background-color:var(--color-danger)}.bulk-action-btn--permanent-delete:hover:not(:disabled){background-color:#b02a37}.comment-checkbox-container{align-items:flex-start;display:flex;flex-shrink:0;margin-right:10px;padding-top:20px}.comment-checkbox-container input[type=checkbox]{cursor:pointer;height:18px;width:18px}.dark-mode .comment-admin-controls{background-color:var(--color-bg-secondary);border-color:var(--color-border)}.shadowban-indicator{cursor:help;font-size:1rem;margin-left:.5rem;opacity:.7}.comment-engine,.comment-engine-hybrid{border-top:1px solid #eee;box-sizing:border-box;max-width:100%;overflow-x:hidden;padding-bottom:20px;position:relative}.comment-engine h3{color:#333;font-size:1.2em;margin-bottom:15px}.comment-engine-error,.comment-engine-loading{color:#888;padding:20px;text-align:center}.comment-engine-error{background-color:#f2dede;border:1px solid #ebccd1;border-radius:4px;color:#d9534f;padding:10px 15px}.thread-locked-message{background-color:#fff8e1;border:1px solid #ffe5b0;border-radius:4px;color:#856404;margin-top:15px;padding:10px;text-align:center}.load-more-comments-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;font-size:.9em;margin:20px auto 10px;padding:10px 20px;transition:background-color .2s ease;width:-webkit-fit-content;width:fit-content}.load-more-comments-btn:hover:not(:disabled){background-color:#0056b3}.load-more-comments-btn:disabled{background-color:#ccc;cursor:not-allowed}.comment-list{contain:layout style;list-style:none;margin-top:15px;overflow-x:hidden;padding-left:0}.comment-item,.comment-list{max-width:100%;position:relative;width:100%}.comment-item{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;display:flex;flex-wrap:nowrap;gap:8px;margin-bottom:15px;overflow:hidden;padding:10px;table-layout:fixed}.comment-replies{margin-top:10px}.comment-replies .comment-item{background-color:#f1f3f5;border-left:2px solid #e0e0e0;margin-left:20px;padding-left:15px}.comment-item.deleted{background-color:#f8f8f8;opacity:.7}.comment-user-sidebar{align-items:center;border-right:1px solid #eee;display:flex;flex:0 0 150px;flex-direction:column;padding-right:8px;text-align:center}.comment-avatar-wrapper{display:inline-block;margin-bottom:10px;position:relative}.comment-avatar-link{display:block}.comment-avatar-image{border:1px solid #ddd;border-radius:4px;height:80px;object-fit:cover;width:80px}.comment-avatar-wrapper .miniature-badges{background:#fff;border-radius:12px;bottom:-4px;box-shadow:0 1px 3px #0003;padding:2px;position:absolute;right:-8px}.comment-user-details{color:#555;font-size:.85em}.comment-username-title{margin-bottom:5px}.comment-header-username-link,.comment-username-link{color:#007bff;font-weight:700;text-decoration:none}.comment-header-username-link:hover,.comment-username-link:hover{text-decoration:underline}.comment-username{display:block}.comment-user-title{color:#777;display:block;font-size:.9em;margin-top:2px}.comment-user-stats p{font-size:.9em;margin:3px 0}.comment-content-wrapper{display:flex;flex:1 1;flex-direction:column;min-height:100px;min-width:0;overflow:hidden;position:relative;width:100%}@media (min-width:768px){.comment-content-wrapper{max-width:calc(100% - 170px)}}.comment-header{align-items:baseline;border-bottom:1px dashed #eee;color:#888;display:flex;font-size:.8em;justify-content:space-between;margin-bottom:8px;padding-bottom:5px}.comment-header-username{color:#007bff;font-weight:700}.comment-timestamp .edited-indicator{color:#999;font-style:italic;margin-left:5px}.comment-like-info{margin-left:5px}.comment-body{flex-grow:1;line-height:1.5;margin-bottom:10px;word-break:break-word}.comment-body,.comment-text-content{word-wrap:break-word;max-width:100%;min-width:0;overflow:hidden;overflow-wrap:break-word}.comment-text-content{box-sizing:border-box;display:block;resize:none!important;white-space:pre-wrap;width:100%!important;word-break:break-all}.comment-text-content *{word-wrap:break-word!important;box-sizing:border-box!important;max-width:100%!important;overflow-wrap:break-word!important;width:auto!important;word-break:break-all!important}.comment-text-content blockquote{border-left:3px solid #ccc;color:#666;font-style:italic;margin-left:0;padding-left:10px}.deleted-message{color:#999;font-style:italic}.edit-title-section{margin-bottom:15px}.edit-title-section label{color:var(--color-text);display:block;font-size:.9rem;font-weight:600;margin-bottom:5px}.edit-thread-title-input{background:var(--color-bg);border:2px solid var(--color-primary);border-radius:4px;box-sizing:border-box;color:var(--color-text);font-size:1.1rem;font-weight:600;padding:10px;width:100%}.edit-thread-title-input:focus{border-color:var(--color-primary-hover);box-shadow:0 0 0 3px #ff45001a;outline:none}.edit-comment-form textarea{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;margin-bottom:10px;padding:8px;resize:vertical;width:100%}.edit-comment-form .edit-actions{display:flex;gap:10px;justify-content:flex-end}.edit-comment-form .edit-error{color:red;font-size:.8em;margin-bottom:5px;margin-top:-5px}.edit-comment-form .cancel-edit-btn,.edit-comment-form .save-edit-btn{border-radius:3px;cursor:pointer;font-size:.85em;padding:5px 10px}.edit-comment-form .cancel-edit-btn{background-color:#6c757d;border:none;color:#fff}.edit-comment-form .save-edit-btn{background-color:#28a745;border:none;color:#fff}.comment-media-gallery-container{margin-bottom:15px;margin-top:10px}.comment-actions{display:flex;gap:6px;justify-content:flex-end;margin-left:auto;margin-top:auto;padding-top:10px;width:-webkit-fit-content;width:fit-content}@keyframes ios-force-repaint{0%{opacity:1}50%{opacity:.999}to{opacity:1}}.comment-action-btn.ios-repaint{animation:ios-force-repaint .1s ease-in-out}.comment-actions .comment-action-btn{align-items:center;background-color:#6c757d!important;border:1px solid #6c757d!important;border-radius:4px;box-sizing:border-box;color:#fff!important;cursor:pointer;display:flex;font-size:.9em;font-weight:700;height:30px;justify-content:center;padding:0;text-decoration:none;transition:background-color .2s,border-color .2s;width:30px}.comment-actions .comment-action-btn:hover:not(:disabled){background-color:#5a6268!important;border-color:#545b62!important;text-decoration:none}.comment-actions .comment-action-btn:disabled{cursor:not-allowed;opacity:.65}.comment-actions .comment-action-btn:disabled,.comment-actions .edit-btn{background-color:#6c757d!important;border-color:#6c757d!important}.comment-actions .edit-btn:hover:not(:disabled){background-color:#5a6268!important;border-color:#545b62!important}.comment-actions .flag-btn{background-color:#ff4500!important;border-color:#e63900!important}.comment-actions .flag-btn:hover:not(:disabled){background-color:#e63900!important;border-color:#c30!important}.comment-actions .flag-btn:disabled{background-color:#ff7c4d!important;border-color:#ff7c4d!important}.comment-actions .like-btn{background-color:#6c757d!important;border-color:#6c757d!important;color:#fff!important}.comment-actions .like-btn.liked{background-color:#007bff!important;border-color:#007bff!important}.comment-actions .like-btn:hover:not(:disabled){background-color:#5a6268!important;border-color:#545b62!important}.comment-actions .like-btn.liked:hover:not(:disabled){background-color:#0056b3!important;border-color:#0056b3!important}.comment-actions .dislike-btn{background-color:#6c757d!important;border-color:#6c757d!important;color:#fff!important}.comment-actions .dislike-btn.disliked{background-color:#dc3545!important;border-color:#dc3545!important}.comment-actions .dislike-btn:hover:not(:disabled){background-color:#5a6268!important;border-color:#545b62!important}.comment-actions .dislike-btn.disliked:hover:not(:disabled){background-color:#c82333!important;border-color:#c82333!important}.comment-actions .delete-btn{background-color:#d9534f!important;border-color:#d43f3a!important}.comment-actions .delete-btn:hover:not(:disabled){background-color:#c9302c!important;border-color:#ac2925!important}.comment-actions .delete-btn:disabled{background-color:#d9534f!important;border-color:#d43f3a!important}.comment-actions .wipe-btn{background-color:#343a40!important;border-color:#23272b!important}.comment-actions .wipe-btn:hover:not(:disabled){background-color:#23272b!important;border-color:#1d2124!important}.comment-actions .quote-btn{background-color:#6c757d!important;border-color:#6c757d!important}.comment-actions .quote-btn:hover:not(:disabled){background-color:#5a6268!important;border-color:#545b62!important}.comment-actions .reply-btn{background-color:#6c757d!important;border-color:#6c757d!important}.comment-actions .reply-btn:hover:not(:disabled){background-color:#5a6268!important;border-color:#545b62!important}.comment-form{background-color:#fff;border-top:1px solid #eee;bottom:0;box-shadow:0 -2px 5px #0000001a;margin-top:15px;padding:10px;position:-webkit-sticky;position:sticky;z-index:50}.comment-form-floating-portal{border-radius:8px!important;bottom:20px!important;box-sizing:border-box;left:50%!important;max-width:1200px;padding:0 20px;pointer-events:auto!important;position:fixed!important;transform:translateX(-50%)!important;width:100%;z-index:90!important}.comment-form-floating-portal--full-width{left:80px!important;max-width:none;padding:0;right:80px!important;transform:none!important;width:auto}@media (max-width:768px){.comment-form-floating-portal{bottom:10px!important;left:10px!important;max-width:none;padding:0;right:10px!important;transform:none!important;width:calc(100% - 20px)}}@media (min-width:769px) and (max-width:1024px){.comment-form-floating-portal{max-width:1200px;width:calc(100% - 40px)}}.comment-form-placeholder-portal:hover{background:linear-gradient(90deg,#ff4500,#ff6b35)!important;box-shadow:0 6px 24px #ff450066!important;transform:translateY(-2px)!important}.comment-form-placeholder-portal:active{transform:scale(.98)!important}.comment-form-fixed-container .comment-form-placeholder{align-items:center!important;background:linear-gradient(90deg,#ff6b35,#ff4500)!important;border:none!important;border-radius:8px!important;box-shadow:0 4px 20px #ff45004d!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:.95rem!important;font-weight:600!important;gap:8px!important;justify-content:flex-start!important;margin:0 auto!important;max-width:100%!important;min-height:48px!important;overflow:hidden!important;padding:10px 20px!important;position:relative!important;text-align:left!important;text-shadow:0 1px 2px #00000026!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;white-space:nowrap!important;width:100%!important}.comment-form-fixed-container .comment-form-placeholder:before,.comment-form-floating .comment-form-placeholder:before{animation:shimmer 4s infinite!important;background:linear-gradient(90deg,#0000,#ffffff26,#0000)!important;content:""!important;height:100%!important;left:-100%!important;position:absolute!important;top:0!important;width:200%!important}.comment-form-fixed-container .comment-form-placeholder:hover,.comment-form-floating .comment-form-placeholder:hover{background:linear-gradient(90deg,#ff4500,#ff6b35)!important;box-shadow:0 2px 12px #ff45004d!important;transform:translateY(-1px)!important}.comment-form-fixed-container .comment-form-placeholder:active,.comment-form-floating .comment-form-placeholder:active{box-shadow:0 1px 6px #ff450040!important;transform:scale(.998)!important}.comment-pagination-bar{align-items:center!important;display:flex!important;justify-content:center!important;margin:20px 0!important}.comment-pagination-bar .pagination-compact{align-items:center!important;display:flex!important;gap:8px!important}.dark-mode .comment-form{background-color:#2a2a2a;border-top-color:#444;box-shadow:0 -2px 5px #0000004d}.dark-mode .comment-form-fixed-container .comment-form-placeholder,.dark-mode .comment-form-floating .comment-form-placeholder{background:linear-gradient(90deg,#c50,#ff6b35)!important;box-shadow:0 1px 8px #ff6b3533!important;color:#fff!important;text-shadow:0 1px 3px #0000004d!important}.dark-mode .comment-form-fixed-container .comment-form-placeholder:hover,.dark-mode .comment-form-floating .comment-form-placeholder:hover{background:linear-gradient(90deg,#ff6b35,#c50)!important;box-shadow:0 2px 12px #ff6b354d!important;transform:translateY(-1px)!important}.dark-mode .comment-pagination-bar{boxShadow:0 2px 8px #0000004d!important;background:#1a1a1af2!important}.delete-confirm-button{border-color:#dc3545!important}.dark-mode .comment-replies .comment-item{background-color:#30343a;border-left-color:#555}.dark-mode .comment-engine,.dark-mode .comment-engine-hybrid{border-top-color:#444}.dark-mode .comment-engine h3{color:#e0e0e0}.dark-mode .comment-engine-error,.dark-mode .comment-engine-loading{color:#a0a0a0}.dark-mode .comment-engine-error{background-color:#58151c;border-color:#842029;color:#f8d7da}.dark-mode .thread-locked-message{background-color:#4d4d33;border-color:#664;color:#fff8e1}.dark-mode .load-more-comments-btn{background-color:#0d6efd;color:#fff}.dark-mode .load-more-comments-btn:hover:not(:disabled){background-color:#0b5ed7}.dark-mode .load-more-comments-btn:disabled{background-color:#444;color:#888}.dark-mode .comment-item{background-color:#282c34;border-color:#444;color:#e0e0e0}.dark-mode .comment-item.deleted{background-color:#404040;opacity:.6}.dark-mode .comment-user-sidebar{border-right-color:#555}.dark-mode .comment-avatar-image{border-color:#666}.dark-mode .comment-user-details{color:#bbb}.dark-mode .comment-header-username-link,.dark-mode .comment-username-link{color:#8ab4f8}.dark-mode .comment-user-title{color:#aaa}.dark-mode .comment-user-stats p{color:#bbb}.dark-mode .comment-header{border-bottom-color:#555;color:#aaa}.dark-mode a.comment-header-username-link span.comment-header-username{color:#8ab4f8!important}.dark-mode .comment-timestamp .edited-indicator{color:#888}.dark-mode .comment-like-info{color:#aaa}.dark-mode .comment-body{color:#e0e0e0}.dark-mode .comment-text-content blockquote{border-left-color:#666;color:#bbb}.dark-mode .deleted-message{color:#888}.dark-mode .edit-comment-form textarea{background-color:#444;border-color:#666;color:#eee}.dark-mode .edit-comment-form .edit-error{color:#ff8a8a}.dark-mode .comment-actions .comment-action-btn{background-color:#5a6268!important;border-color:#545b62!important;color:#e4e6eb!important}.dark-mode .comment-actions .comment-action-btn:hover:not(:disabled){background-color:#4e555b!important;border-color:#484e53!important}.dark-mode .comment-actions .flag-btn{background-color:#ff4500!important;border-color:#e63900!important;color:#fff!important}.dark-mode .comment-actions .flag-btn:hover:not(:disabled){background-color:#e63900!important;border-color:#c30!important}.dark-mode .comment-actions .delete-btn{background-color:#d9534f!important;border-color:#d43f3a!important;color:#fff!important}.dark-mode .comment-actions .delete-btn:hover:not(:disabled){background-color:#c9302c!important;border-color:#ac2925!important}.dark-mode .comment-actions .wipe-btn{background-color:#495057!important;border-color:#495057!important}.dark-mode .comment-actions .wipe-btn:hover:not(:disabled){background-color:#343a40!important;border-color:#23272b!important}.dark-mode .comment-actions .edit-btn{background-color:#5a6268!important;border-color:#545b62!important}.dark-mode .comment-actions .edit-btn:hover:not(:disabled){background-color:#4e555b!important;border-color:#484e53!important}.dark-mode .comment-actions .like-btn{background-color:#5a6268!important;border-color:#545b62!important}.dark-mode .comment-actions .like-btn.liked{background-color:#0d6efd!important;border-color:#0d6efd!important}.dark-mode .comment-actions .like-btn:hover:not(:disabled){background-color:#4e555b!important;border-color:#484e53!important}.dark-mode .comment-actions .like-btn.liked:hover:not(:disabled){background-color:#0b5ed7!important;border-color:#0a58ca!important}.dark-mode .comment-actions .dislike-btn{background-color:#5a6268!important;border-color:#545b62!important}.dark-mode .comment-actions .dislike-btn.disliked{background-color:#dc3545!important;border-color:#dc3545!important}.dark-mode .comment-actions .dislike-btn:hover:not(:disabled){background-color:#4e555b!important;border-color:#484e53!important}.dark-mode .comment-actions .dislike-btn.disliked:hover:not(:disabled){background-color:#c82333!important;border-color:#a71d2a!important}.dark-mode .comment-actions .quote-btn{background-color:#5a6268!important;border-color:#545b62!important}.dark-mode .comment-actions .quote-btn:hover:not(:disabled){background-color:#4e555b!important;border-color:#484e53!important}.dark-mode .comment-actions .reply-btn{background-color:#5a6268!important;border-color:#545b62!important}.dark-mode .comment-actions .reply-btn:hover:not(:disabled){background-color:#4e555b!important;border-color:#484e53!important}.comment-actions .gift-btn{background-color:#ff6f00!important;border-color:#ff8f00!important}.comment-actions .gift-btn:hover:not(:disabled),.dark-mode .comment-actions .gift-btn{background-color:#ff8f00!important;border-color:#ffa000!important}.dark-mode .comment-actions .gift-btn:hover:not(:disabled){background-color:#ffa000!important;border-color:#ffb300!important}.dark-mode .comment-actions .comment-action-btn:disabled{background-color:#4e4f50!important;border-color:#4e4f50!important;color:#888!important;opacity:.65}.dark-mode .comment-avatar-wrapper .miniature-badges{background:#1e1e1e}.dark-mode .comment-mobile-badges{border-bottom-color:#444}@media (min-width:768px){.comment-header .comment-header-username,.comment-header .comment-header-username-link{display:none}}.comment-mobile-badges{display:none}@media (max-width:767px){.comment-form,.comment-form-placeholder{border-radius:0;bottom:0;left:0;margin:0;max-width:100%;position:fixed;right:0;width:100%;z-index:85}.comment-form-fixed-container .comment-form-placeholder,.comment-form-floating .comment-form-placeholder{border-radius:8px!important;font-size:.9rem!important;max-width:100%!important;min-height:46px!important;padding:10px 16px!important;width:100%!important}.comment-pagination-bar{bottom:85px!important;left:10px!important;margin:0!important;position:fixed!important;right:10px!important;width:calc(100% - 20px)!important}.comment-form-with-pagination.form-expanded{border:none;border-radius:0;border-top:1px solid var(--color-border);bottom:0;left:0;max-width:100%;right:0;width:100%}.comment-form-placeholder{border-radius:0;font-size:1rem;min-height:56px;padding:16px 20px}.comment-form-with-pagination{padding-bottom:env(safe-area-inset-bottom)}.comment-item{flex-direction:column;gap:6px;padding:6px 8px}.comment-user-sidebar{display:none!important}.comment-content-wrapper{flex:1 1 100%!important;max-width:100%!important;width:100%!important}.comment-mobile-badges{border-bottom:1px solid #e0e0e0;display:block;margin-bottom:8px;padding:8px 0}.mobile-badges-link{display:block;text-decoration:none}.comment-mobile-badges .miniature-badges{background:#0000;box-shadow:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;position:static}.comment-mobile-badges .mini-badge{position:relative;z-index:1}.comment-header{align-items:center;background-color:initial;border-bottom:1px solid #e0e0e0;flex-wrap:wrap;gap:6px;gap:8px;margin:0 0 6px;padding:4px 0;width:100%}.report-detail-page.dark .comment-header{border-bottom-color:#3e4042}.comment-header .comment-header-username{color:#333;display:inline-block;flex-shrink:1;font-size:.9rem;font-weight:600;margin-right:auto;min-width:0;order:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-detail-page.dark .comment-header .comment-header-username{color:#8ab4f8}.comment-header .comment-timestamp{color:#666;flex-shrink:0;font-size:.75rem;margin-left:0;margin-right:0;order:1;padding-left:0;padding-right:0;white-space:nowrap}.report-detail-page.dark .comment-header .comment-timestamp{color:#aaa}.comment-actions{display:none!important}.mobile-comment-actions{display:flex!important}.comment-item>.mobile-comment-menu-button{display:none!important}}.mobile-comment-actions{align-items:center;display:none;gap:6px;justify-content:flex-end;margin-top:10px;position:relative;width:100%;z-index:10}.mobile-comment-actions .comment-action-btn,.mobile-comment-actions .mobile-comment-menu-button{align-items:center;background-color:#6c757d;border:1px solid #6c757d;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.8rem;height:28px;justify-content:center;line-height:1;padding:0;transform:translateZ(0);-webkit-transform:translateZ(0);transition:background-color .2s,border-color .2s;width:28px}.mobile-comment-actions .comment-action-btn:hover:not(:disabled),.mobile-comment-actions .mobile-comment-menu-button:hover:not(:disabled){background-color:#5a6268;border-color:#545b62}.mobile-comment-actions .comment-action-btn:disabled,.mobile-comment-actions .mobile-comment-menu-button:disabled{background-color:#ccc;border-color:#ccc;cursor:not-allowed;opacity:.65}.mobile-comment-actions .like-btn.liked{background-color:#007bff;border-color:#007bff}.mobile-comment-actions .dislike-btn.disliked{background-color:#dc3545;border-color:#dc3545}.mobile-comment-actions .mobile-comment-menu-button{background:#f0f0f0;border:1px solid #ccc;color:#555}.mobile-comment-actions .mobile-comment-menu-button:hover:not(:disabled){background-color:#e0e0e0;border-color:#bbb}.dark-mode .mobile-comment-actions .comment-action-btn,.dark-mode .mobile-comment-actions .mobile-comment-menu-button{background-color:#5a6268;border-color:#545b62;color:#e4e6eb}.dark-mode .mobile-comment-actions .comment-action-btn:hover:not(:disabled),.dark-mode .mobile-comment-actions .mobile-comment-menu-button:hover:not(:disabled){background-color:#4e555b;border-color:#484e53}.dark-mode .mobile-comment-actions .comment-action-btn:disabled,.dark-mode .mobile-comment-actions .mobile-comment-menu-button:disabled{background-color:#4e4f50;border-color:#4e4f50;color:#888;opacity:.65}.dark-mode .mobile-comment-actions .like-btn.liked{background-color:#0d6efd;border-color:#0d6efd}.dark-mode .mobile-comment-actions .dislike-btn.disliked{background-color:#dc3545;border-color:#dc3545}.dark-mode .mobile-comment-actions .mobile-comment-menu-button{background-color:#4e555b;border-color:#666;color:#ccc}.dark-mode .mobile-comment-actions .mobile-comment-menu-button:hover:not(:disabled){background-color:#5a6268;border-color:#777}.ios-repaint{transform:translateZ(0);will-change:transform}.comment-action-btn{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.mobile-comment-action-menu{background-color:#fff;border:1px solid #ccc;border-radius:4px;bottom:calc(100% + 5px);box-shadow:0 2px 10px #00000026;min-width:150px;padding:5px 0;position:absolute;right:0;z-index:100}.dark-mode .mobile-comment-action-menu{background-color:#3a3f4a;border-color:#555}.mobile-comment-action-menu button{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:.9em;gap:8px;padding:8px 12px;text-align:left;white-space:nowrap;width:100%}.dark-mode .mobile-comment-action-menu button{color:#e0e0e0}.mobile-comment-action-menu button:hover{background-color:#f0f0f0}.dark-mode .mobile-comment-action-menu button:hover{background-color:#4e555b}.mobile-comment-action-menu .delete-btn,.mobile-comment-action-menu .wipe-btn{color:#d9534f}.dark-mode .mobile-comment-action-menu .delete-btn,.dark-mode .mobile-comment-action-menu .wipe-btn{color:#ff8a8a}.mobile-comment-action-menu .delete-btn:hover,.mobile-comment-action-menu .wipe-btn:hover{background-color:#f8d7da}.dark-mode .mobile-comment-action-menu .delete-btn:hover,.dark-mode .mobile-comment-action-menu .wipe-btn:hover{background-color:#58151c}.mobile-comment-action-menu button svg{height:14px;margin-right:4px;opacity:.8;width:14px}.username-icon{display:inline-block;font-size:1em;margin-right:4px}.vip-badge{color:gold;display:inline-block;font-size:.9em;margin-left:4px;vertical-align:middle}.comment-signature{margin-top:15px;padding-top:10px}.signature-divider{background:linear-gradient(90deg,#0000,#ddd 20%,#ddd 80%,#0000);height:1px;margin-bottom:8px;width:100%}.dark-mode .signature-divider{background:linear-gradient(90deg,#0000,#444 20%,#444 80%,#0000)}.signature-content{color:#666;font-size:.85em;font-style:italic}.dark-mode .signature-content{color:#999}.comment-header-username,.comment-username{align-items:center;display:inline-flex;gap:2px}.comment-header-username-link:hover .comment-header-username[style*=color],.comment-username-link:hover .comment-username[style*=color]{text-decoration:underline}.dark-mode .vip-badge{color:gold;text-shadow:0 0 2px #ffd7004d}.admin-edit-reason{background:#e3f2fd;border:1px solid #2196f3;border-radius:4px;font-size:.9em;margin-bottom:10px;margin-top:8px;padding:8px;width:100%}.dark-mode .admin-edit-reason{background:#1a3a52;border-color:#1976d2;color:#e0e0e0}.comment-actions .history-btn{background-color:#9c27b0!important;border-color:#7b1fa2!important}.comment-actions .history-btn:hover:not(:disabled),.dark-mode .comment-actions .history-btn{background-color:#7b1fa2!important;border-color:#6a1b9a!important}.dark-mode .comment-actions .history-btn:hover:not(:disabled){background-color:#6a1b9a!important;border-color:#4a148c!important}.replying-to-indicator{align-items:center;background-color:#f0f7ff;border:1px solid #d0e3ff;border-radius:4px;color:#555;display:flex;font-size:.9em;justify-content:space-between;margin:0 0 10px;padding:8px 12px}.comment-form .replying-to-indicator{border-left:none;border-radius:0;border-right:none;border-top:none;margin:-10px -10px 10px}.replying-to-indicator strong{color:#007bff;font-weight:600}.replying-to-indicator button{background:#fff;border:1px solid #007bff;border-radius:3px;color:#007bff;cursor:pointer;font-size:.85em;margin-left:10px;padding:4px 12px;transition:all .2s ease}.replying-to-indicator button:hover{background-color:#007bff;color:#fff}.dark-mode .replying-to-indicator{background-color:#1a2940;border-color:#2a3f5f;color:#e0e0e0}.dark-mode .replying-to-indicator strong{color:#8ab4f8}.dark-mode .replying-to-indicator button{background:#2a3f5f;border-color:#8ab4f8;color:#8ab4f8}.dark-mode .replying-to-indicator button:hover{background-color:#8ab4f8;color:#1a2940}.comment-item.comment-highlight{animation:commentHighlight 3s ease-out;box-shadow:0 0 10px #4285f480}@keyframes commentHighlight{0%{background-color:#e3f2fd;box-shadow:0 0 20px #4285f4cc}50%{background-color:#f5fbff;box-shadow:0 0 15px #4285f499}to{background-color:#fff;box-shadow:0 0 0 #4285f400}}.dark-mode .comment-item.comment-highlight{animation:commentHighlightDark 3s ease-out}@keyframes commentHighlightDark{0%{background-color:#1e3a5f;box-shadow:0 0 20px #4285f4cc}50%{background-color:#1a2940;box-shadow:0 0 15px #4285f499}to{background-color:#282c34;box-shadow:0 0 0 #4285f400}}.comment-smiley-image{display:inline;height:20px;margin:0 2px;vertical-align:middle;width:20px}.forum-smiley-image{cursor:pointer;display:inline-block;height:auto;margin:0 3px;max-height:50px;max-width:50px;vertical-align:middle;width:auto}.forum-smiley-image:hover{filter:drop-shadow(0 0 3px rgba(0,0,0,.3));transform:scale(1.1)}.comment-engine-paginated{position:relative}.pagination-controls{background-color:var(--color-bg-secondary);border-radius:var(--radius-base);gap:var(--space-md);justify-content:space-between;margin-bottom:var(--space-md);padding:var(--space-md)}.pagination-controls__left{align-items:center;display:flex;gap:var(--space-md)}.pagination-compact{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:3px;display:flex;font-size:.8rem;gap:4px;padding:4px 8px}.pagination-compact__label{color:var(--color-text-secondary);margin-right:4px}.pagination-compact__nav{align-items:center;display:flex;gap:2px}.pagination-compact__btn{background:none;border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;font-size:.75rem;line-height:1;min-width:20px;padding:2px 6px;text-align:center;transition:all .1s ease}.pagination-compact__btn.active,.pagination-compact__btn:hover:not(:disabled){background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.pagination-compact__btn.active{font-weight:600}.pagination-compact__btn:disabled{cursor:not-allowed;opacity:.4}.pagination-compact__ellipsis{color:var(--color-text-secondary);padding:0 4px}.comment-form-floating-container *{box-sizing:border-box!important}.comment-form-with-pagination:hover{box-shadow:0 6px 24px #0003;transform:translateX(-50%) translateY(-2px)}.comment-form-fixed-container .comment-form,.comment-form-floating .comment-form{background:var(--color-bg)!important;border-radius:8px!important;border-top:1px solid var(--color-border)!important;box-shadow:0 -4px 20px #0000001a!important;margin:0!important}.comment-pagination{align-items:center!important;background:#fff!important;border:1px solid #00000014!important;border-radius:8px!important;box-shadow:0 1px 3px #0000000d!important;box-sizing:border-box!important;display:flex!important;justify-content:space-between!important;padding:16px 24px!important;width:100%!important}.comment-pagination__content{align-items:center;display:flex;gap:20px;justify-content:space-between;width:100%}.comment-pagination__nav{align-items:center;display:flex;gap:10px}.comment-pagination__btn{background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:.9rem;padding:6px 12px;transition:all .2s}.comment-pagination__btn:hover:not(:disabled){background:#f5f5f5;border-color:#999}.comment-pagination__btn:disabled{cursor:not-allowed;opacity:.5}.comment-pagination__numbers{display:flex;gap:4px}.comment-pagination__number{background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:.9rem;min-width:32px;padding:4px 8px;transition:all .2s}.comment-pagination__number:hover{background:#f5f5f5;border-color:#999}.comment-pagination__number--active{background:#ff4500;border-color:#ff4500;color:#fff}.comment-pagination__number--active:hover{background:#ff6b35;border-color:#ff6b35}.comment-pagination__ellipsis{color:#999;padding:0 4px}.comment-pagination__info{align-items:center!important;display:flex!important;gap:8px!important;white-space:nowrap!important}.comment-pagination__count{color:#666;display:inline-block;font-size:.9rem;white-space:nowrap}.comment-pagination__select{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.85rem;padding:4px 8px}.comment-form-pagination{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-bottom:1px solid #00000014;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:8px 16px}.comment-form-pagination__info{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.8rem;gap:4px;white-space:nowrap}.comment-form-pagination__select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:3px;color:var(--color-text);cursor:pointer;font-size:.8rem;margin-left:8px;padding:2px 4px}.comment-form-pagination__select:hover{border-color:var(--color-primary)}.comment-form-pagination__select:focus{border-color:var(--color-primary);outline:none}.dark-mode .pagination-compact{background-color:#2a2a2a;border-color:#444}.dark-mode .pagination-compact__label{color:#aaa}.dark-mode .pagination-compact__btn{border-color:#444;color:#e0e0e0}.dark-mode .pagination-compact__btn.active,.dark-mode .pagination-compact__btn:hover:not(:disabled){background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.dark-mode .pagination-compact__btn:disabled{color:#666;opacity:.4}.dark-mode .pagination-compact__ellipsis{color:#666}.dark-mode .comment-form-with-pagination{background-color:#1a1a1a!important;border-color:#444!important;box-shadow:0 8px 32px #0006!important}.dark-mode .comment-form-pagination{background-color:#1a1a1af2!important;background-color:#2a2a2a;border-bottom-color:#ffffff1a!important;border-bottom-color:#444}.dark-mode .comment-form-pagination__info{color:#aaa}.dark-mode .comment-form-pagination__select{background-color:#333;border-color:#555;color:#e0e0e0}.dark-mode .comment-form-pagination__select:focus,.dark-mode .comment-form-pagination__select:hover{border-color:var(--color-primary)}.pagination-controls--top{margin-bottom:var(--space-lg)}.pagination-controls--bottom{margin-bottom:0;margin-top:var(--space-lg)}.pagination-btn{background-color:var(--color-primary);border:none;color:var(--color-text-inverse);padding:var(--space-sm) var(--space-md);transition:all .2s ease;white-space:nowrap}.pagination-btn:hover:not(:disabled){background-color:var(--color-primary-dark);box-shadow:0 2px 4px #0000001a}.pagination-info{align-items:center;display:flex;flex-direction:column;gap:var(--space-xs)}.pagination-current{color:var(--color-text);font-weight:600}.pagination-count{color:var(--color-text-secondary);font-size:.875rem}.pagination-pages{align-items:center;display:flex;gap:var(--space-xs)}.pagination-page{align-items:center;background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;font-weight:500;height:36px;justify-content:center;min-width:36px;padding:0 var(--space-sm);transition:all .2s ease}.pagination-page.active,.pagination-page:hover:not(:disabled){background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.pagination-page.active{font-weight:600}.pagination-page:disabled{cursor:not-allowed;opacity:.5}.pagination-ellipsis{color:var(--color-text-secondary);padding:0 var(--space-sm)}.comments-per-page-selector{align-items:center;display:flex;gap:var(--space-sm)}.comments-per-page-selector label{color:var(--color-text-secondary);font-weight:500}.comments-per-page-select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;font-size:.875rem;padding:var(--space-xs) var(--space-sm);transition:all .2s ease}.comments-per-page-select:focus,.comments-per-page-select:hover{border-color:var(--color-primary)}.comments-per-page-select:focus{box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.2);outline:none}@media (max-width:1024px){.comment-form-pagination{padding:6px 10px}.pagination-compact{font-size:.75rem}.pagination-compact__btn{min-width:18px;padding:2px 4px}}@media (max-width:768px){.comment-form-pagination{flex-direction:column;gap:8px;padding:8px}.comment-form-pagination__info,.pagination-compact{justify-content:center;width:100%}.comment-form-pagination__info{font-size:.75rem}@media (max-width:480px){.pagination-compact__btn:not(:first-child):not(:last-child):not(.active),.pagination-compact__ellipsis{display:none}.pagination-compact__btn.active{display:inline-flex}}.comment-form-with-pagination{max-height:60vh;overflow-y:auto}}.reader-mode .pagination-compact,.reader-mode .pagination-compact__label{font-size:calc(.8rem*var(--reader-scale))!important}.reader-mode .pagination-compact__btn{font-size:calc(.75rem*var(--reader-scale))!important;min-width:20px;padding:2px 6px}.reader-mode .comment-form-pagination__info,.reader-mode .comment-form-pagination__select,.reader-mode .pagination-compact__ellipsis{font-size:calc(.8rem*var(--reader-scale))!important}.reader-mode .comments-per-page-select{font-size:calc(.875rem*var(--reader-scale))!important}@media (max-width:768px){.reader-mode .pagination-compact{font-size:calc(.75rem*var(--reader-scale))!important}.reader-mode .pagination-compact__btn{font-size:calc(.7rem*var(--reader-scale))!important}.reader-mode .comment-form-pagination__info{font-size:calc(.75rem*var(--reader-scale))!important}}.comment-fab{align-items:center!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;border-radius:50%!important;bottom:24px!important;box-shadow:0 6px 20px #667eea66!important;cursor:pointer!important;display:flex!important;height:64px!important;justify-content:center!important;position:fixed!important;right:24px!important;transition:all .3s ease!important;width:64px!important;z-index:90!important}.comment-fab:hover{box-shadow:0 8px 25px #667eea80!important;transform:scale(1.1)!important}.comment-fab:active{transform:scale(.95)!important}.comment-fab-icon{font-size:1.5rem!important}.comment-item[data-optimistic=true]{animation:pulse 2s infinite;opacity:.7;position:relative}.comment-item[data-optimistic=true]:after{background:var(--color-bg-secondary);border:1px solid var(--color-primary);border-radius:4px;color:var(--color-primary);content:"Posting...";font-size:.75rem;font-style:italic;opacity:.8;padding:2px 8px;position:absolute;right:10px;top:10px}.dark-mode .comment-item[data-optimistic=true]:after{background:#2a2a2a;border-color:#4a9eff;color:#4a9eff}.comment-form-tabs{align-items:center;border-bottom:1px solid #ccc;display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:5px;position:relative}.comment-form-tabs button{background-color:initial;border:1px solid #0000;color:#007bff;cursor:pointer;font-size:.9em;margin-right:5px;padding:5px 10px}.comment-form-tabs button.active{border-bottom:2px solid #007bff;color:#333;font-weight:700}.comment-form-tabs button:hover{background-color:#f8f9fa}.comment-form-collapse-btn{background:none;border:none;color:#6c757d;cursor:pointer;font-size:1.2em;font-weight:700;line-height:1;padding:0 5px}.comment-form-collapse-btn:hover{color:#343a40}.comment-preview{word-wrap:break-word;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:10px;min-height:80px;padding:10px;white-space:pre-wrap}.comment-textarea{box-sizing:border-box;margin-bottom:10px;max-width:100%;min-height:100px;resize:vertical;width:100%}@media (min-width:768px){.comment-textarea{min-height:250px}}@media (max-width:767px){.comment-textarea{min-height:100px}}.comment-file-input-area{margin-bottom:15px}.comment-submit-btn{background-color:#ff4500;border:none;border-radius:5px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:1.1em;font-weight:700;margin-top:10px;padding:12px 20px;transition:background-color .2s ease;width:100%}.comment-submit-btn:hover:not(:disabled){background-color:#e63900}.comment-submit-btn:disabled{background-color:#ff9a63;cursor:not-allowed;opacity:.7}.comment-file-label{background-color:#6c757d;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;margin-bottom:10px;padding:8px 15px;transition:background-color .2s ease}.comment-file-label:hover{background-color:#5a6268}.comment-file-previews{font-size:.9em;margin-top:5px}.file-preview-item{align-items:center;background-color:#f8f9fa;border-radius:3px;display:flex;justify-content:space-between;margin-bottom:3px;padding:3px 6px}.file-preview-item span{margin-right:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-preview-item button{background:none;border:none;color:#dc3545;cursor:pointer;font-size:1.1em;font-weight:700;line-height:1;padding:0 3px}.dark-mode .comment-form-tabs{border-bottom-color:#444}.dark-mode .comment-form-tabs button{color:#8ab4f8}.dark-mode .comment-form-tabs button.active{border-bottom-color:#8ab4f8;color:#e0e0e0}.dark-mode .comment-form-tabs button:hover{background-color:#2a2a2a}.dark-mode .comment-preview,.dark-mode .comment-textarea textarea{background-color:#2a2a2a;border-color:#444;color:#e0e0e0}.dark-mode .comment-file-label{background-color:#4a4a4a;color:#e0e0e0}.dark-mode .comment-file-label:hover{background-color:#5a5a5a}.dark-mode .file-preview-item{background-color:#2a2a2a;border:1px solid #444;color:#e0e0e0}.dark-mode .file-preview-item span{color:#e0e0e0}.dark-mode .file-preview-item button{color:#f48fb1}.dark-mode .comment-form-collapse-btn{color:#adb5bd}.dark-mode .comment-form-collapse-btn:hover{color:#e4e6eb}.comment-form-error{align-items:center;background:#dc35451a;border:1px solid #dc35454d;border-radius:4px;border-radius:var(--radius-base,4px);color:#dc3545;color:var(--color-danger,#dc3545);display:flex;font-size:.875rem;font-size:var(--font-size-sm,.875rem);gap:.5rem;gap:var(--space-sm,.5rem);margin:1rem 0;margin:var(--space-md,1rem) 0;padding:1rem;padding:var(--space-md,1rem)}.comment-form-error-icon{font-size:1.25rem}.comment-file-upload-area{margin:1rem 0}.comment-dropzone{background:#f8f9fa;background:var(--color-bg-tertiary,#f8f9fa);border:2px dashed #ddd;border:2px dashed var(--color-border,#ddd);border-radius:4px;border-radius:var(--radius-base,4px);cursor:pointer;padding:2rem;position:relative;text-align:center;transition:all .2s ease}.comment-dropzone:hover{background:#f5f5f5;background:var(--color-bg-secondary,#f5f5f5)}.comment-dropzone.dragging,.comment-dropzone:hover{border-color:#ff4500;border-color:var(--color-primary,#ff4500)}.comment-dropzone.dragging{background:#ff45000d;border-style:solid}.comment-dropzone-content{pointer-events:none}.comment-upload-icon{fill:#999;fill:var(--color-text-muted,#999);margin-bottom:.5rem}.comment-dropzone-text{color:#333;color:var(--color-text,#333);font-size:1rem;font-weight:500;margin:0 0 .25rem}.comment-dropzone-hint{color:#999;color:var(--color-text-muted,#999);font-size:.875rem;margin:0}.comment-file-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:1rem}.comment-file-item{background:#f5f5f5;background:var(--color-bg-secondary,#f5f5f5);border:1px solid #ddd;border:1px solid var(--color-border,#ddd);border-radius:4px;border-radius:var(--radius-base,4px);overflow:hidden;position:relative;transition:all .2s ease}.comment-file-item:hover{border-color:#ccc;border-color:var(--color-border-dark,#ccc);box-shadow:0 2px 4px #0000001a}.comment-file-preview{align-items:center;aspect-ratio:1;background:#f8f9fa;background:var(--color-bg-tertiary,#f8f9fa);display:flex;justify-content:center;overflow:hidden}.comment-file-preview img{height:100%;object-fit:cover;width:100%}.comment-video-wrapper{height:100%;overflow:hidden;position:relative;width:100%}.comment-video-preview{height:100%;object-fit:cover;width:100%}.comment-video-overlay{align-items:center;background:#000000b3;border-radius:50%;box-shadow:0 2px 8px #0000004d;display:flex;height:48px;justify-content:center;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:48px}.comment-video-overlay svg{margin-left:3px}.comment-video-placeholder{align-items:center;background:#f8f9fa;background:var(--color-bg-tertiary,#f8f9fa);display:flex;height:100%;justify-content:center;width:100%}.comment-video-placeholder svg{fill:#999;fill:var(--color-text-muted,#999)}.comment-file-icon{align-items:center;background:#f8f9fa;background:var(--color-bg-tertiary,#f8f9fa);color:#999;color:var(--color-text-muted,#999);display:flex;height:100%;justify-content:center;width:100%}.comment-file-info{background:#fff;background:var(--color-bg,#fff);padding:.5rem}.comment-file-name{color:#333;color:var(--color-text,#333);display:block;font-size:.75rem;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comment-file-size{color:#999;color:var(--color-text-muted,#999);display:block;font-size:.625rem}.comment-file-remove{align-items:center;background:#dc3545e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;line-height:1;opacity:0;position:absolute;right:.25rem;top:.25rem;transition:all .2s ease;width:24px}.comment-file-item:hover .comment-file-remove{opacity:1}.comment-file-remove:hover{background:#dc3545;background:var(--color-danger,#dc3545);transform:scale(1.1)}.dark-mode .comment-dropzone{background:#2a2a2a;border-color:#555}.dark-mode .comment-dropzone:hover{background:#333;border-color:#ff4500;border-color:var(--color-primary,#ff4500)}.dark-mode .comment-dropzone.dragging{background:#ff45001a}.dark-mode .comment-upload-icon{fill:#aaa}.dark-mode .comment-dropzone-text{color:#e0e0e0}.dark-mode .comment-dropzone-hint{color:#999}.dark-mode .comment-file-item{background:#2a2a2a;border-color:#555}.dark-mode .comment-file-item:hover{border-color:#666;box-shadow:0 2px 4px #0000004d}.dark-mode .comment-file-icon,.dark-mode .comment-file-preview,.dark-mode .comment-video-placeholder{background:#333}.dark-mode .comment-file-icon svg,.dark-mode .comment-video-placeholder svg{fill:#999}.dark-mode .comment-file-info{background:#1a1a1a}.dark-mode .comment-file-name{color:#e0e0e0}.dark-mode .comment-file-size{color:#999}.dark-mode .comment-form-error{background:#dc354533;border-color:#dc354566}.le-report-section{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:5px;margin-top:20px;padding:15px}.le-report-section h3,.le-report-section h4{border-bottom:1px solid #eee;color:#333;margin-bottom:15px;margin-top:0;padding-bottom:8px}.le-note-form textarea{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;margin-bottom:10px;padding:8px;resize:vertical;width:100%}.le-button,.load-more-le-notes-btn{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9em;padding:8px 15px;transition:background-color .2s ease}.le-button:hover:not(:disabled),.load-more-le-notes-btn:hover:not(:disabled){background-color:#45a049}.le-button:disabled,.load-more-le-notes-btn:disabled{background-color:#ccc;cursor:not-allowed}.le-notes-list{margin-top:20px}.le-note-item{background-color:#fff;border:1px solid #ddd;border-radius:4px;margin-bottom:10px;padding:10px 15px;position:relative}.le-note-item.editing{background-color:#fffbea}.le-note-text{word-wrap:break-word;margin:0 0 10px;white-space:pre-wrap}.le-note-footer{align-items:center;border-top:1px dashed #eee;color:#777;display:flex;font-size:.8em;justify-content:space-between;margin-top:10px;padding-top:8px}.le-note-meta{margin:0}.le-note-actions{display:flex;gap:10px}.delete-note-btn,.edit-note-btn{background:none;border:none;color:#007bff;cursor:pointer;font-size:.9em;padding:0}.delete-note-btn:hover,.edit-note-btn:hover{text-decoration:underline}.delete-note-btn{color:#dc3545}.le-note-edit-form textarea{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;margin-bottom:10px;padding:8px;resize:vertical;width:100%}.le-note-edit-form .edit-actions{display:flex;gap:10px;justify-content:flex-end}.le-button.save-button{background-color:#28a745}.le-button.save-button:hover:not(:disabled){background-color:#218838}.le-button.cancel-button{background-color:#6c757d}.le-button.cancel-button:hover:not(:disabled){background-color:#5a6268}.add-to-case-section{border-top:1px solid #eee;margin-top:25px;padding-top:15px}.add-to-case-controls{align-items:center;display:flex;gap:10px;margin-top:10px}.add-to-case-controls select{border:1px solid #ccc;border-radius:4px;flex-grow:1;padding:8px}.add-binder-button{background-color:#007bff;white-space:nowrap}.add-binder-button:hover:not(:disabled){background-color:#0056b3}.feedback-message{border-radius:4px;font-size:.9em;margin-top:10px;padding:8px 12px}.feedback-message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.feedback-message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.load-more-le-notes-btn{background-color:#6c757d;display:block;margin:15px auto 5px;width:-webkit-fit-content;width:fit-content}.load-more-le-notes-btn:hover:not(:disabled){background-color:#5a6268}.report-detail-page.dark .le-report-section{background-color:#282c34;border-color:#444}.report-detail-page.dark .le-report-section h3,.report-detail-page.dark .le-report-section h4{border-bottom-color:#444;color:#e0e0e0}.report-detail-page.dark .le-note-form textarea{background-color:#3a3a3a;border-color:#555;color:#e0e0e0}.report-detail-page.dark .le-note-item{background-color:#404040;border-color:#555}.report-detail-page.dark .le-note-text{color:#e0e0e0}.report-detail-page.dark .le-note-footer{border-top-color:#444;color:#a0a0a0}.report-detail-page.dark .edit-note-btn{color:#8ab4f8}.report-detail-page.dark .delete-note-btn{color:#f48a8a}.report-detail-page.dark .le-note-edit-form textarea{background-color:#3a3a3a;border-color:#555;color:#e0e0e0}.report-detail-page.dark .add-to-case-section{border-top-color:#444}.report-detail-page.dark .add-to-case-controls select{background-color:#3a3a3a;border-color:#555;color:#e0e0e0}.report-detail-page.dark .feedback-message.success{background-color:#1a4d2e;border-color:#2c6e49;color:#d1e7dd}.report-detail-page.dark .feedback-message.error{background-color:#58151c;border-color:#842029;color:#f8d7da}.report-detail-page.dark .load-more-le-notes-btn{background-color:#5a6268;color:#e0e0e0}.report-detail-page.dark .load-more-le-notes-btn:hover:not(:disabled){background-color:#4e555b}.report-detail-page.dark .le-button:disabled,.report-detail-page.dark .load-more-le-notes-btn:disabled{background-color:#444;color:#888}.report-detail-page.dark .add-binder-button,.report-detail-page.dark .le-button{filter:brightness(.9)}.social-share-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.social-share-modal{animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d,0 8px 25px #0003;display:flex;flex-direction:column;margin:2rem auto;max-height:85vh;max-width:500px;width:90%}.share-modal-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;flex-shrink:0;justify-content:space-between;padding:1rem}.share-modal-header h3{color:#333;font-size:1.1rem;font-weight:600;margin:0}.close-btn{border-radius:8px;font-size:1.25rem;padding:.5rem;transition:all .2s ease}.close-btn:hover{background:#f8f9fa}.share-modal-content{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow-x:hidden;overflow-y:auto;padding:1rem}.native-share-section{flex-shrink:0;margin-bottom:1rem}.native-share-btn{align-items:center;background:linear-gradient(135deg,#ff4500,#e63900);border:none;border-radius:8px;box-shadow:0 2px 8px #ff450040;color:#fff!important;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem;transition:all .3s ease;width:100%}.native-share-btn:hover{background:linear-gradient(135deg,#e63900,#cc3700);box-shadow:0 6px 16px #ff450066;transform:translateY(-2px)}.social-share-grid{grid-gap:.5rem;display:grid;flex-shrink:0;gap:.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:.75rem}.social-share-option{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:8px;color:#333;cursor:pointer;display:flex;flex-direction:column;font-weight:500;gap:.25rem;overflow:hidden;padding:.5rem;position:relative;text-decoration:none;transition:all .2s ease}.social-share-option:hover{border-color:var(--platform-color);box-shadow:0 8px 25px #00000026;transform:translateY(-3px)}.social-share-option:hover:before{background:var(--platform-color);bottom:0;content:"";left:0;opacity:.05;position:absolute;right:0;top:0;z-index:0}.social-share-option:hover .social-icon{color:var(--platform-color);transform:scale(1.1)}.social-share-option:hover span{color:var(--platform-color)}.social-icon{font-size:1.2rem}.social-icon,.social-share-option span{position:relative;transition:all .2s ease;z-index:1}.social-share-option span{font-size:.75rem}.copy-link-section{flex-shrink:0;margin-bottom:.75rem}.copy-link-container{align-items:center;display:flex;gap:.5rem}.link-input{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;color:#666;flex:1 1}.copy-btn,.link-input{font-size:.85rem;padding:.5rem .75rem}.copy-btn{background:#6c757d;border:none;border-radius:6px;color:#fff;font-weight:500;gap:.3rem;transition:all .2s ease;white-space:nowrap}.copy-btn:hover{background:#5a6268}.copy-btn.copied{background:#28a745}.copy-btn.copied:hover{background:#218838}.share-preview{background:#f8f9fa;border-left:3px solid #007bff;border-radius:8px;flex-shrink:0;margin-top:.75rem;padding:.75rem}.share-preview h4{color:#666;font-size:.85rem;font-weight:500;margin:0 0 .4rem}.preview-content{background:#fff;border-radius:6px;box-shadow:0 1px 4px #0000001a;display:flex;flex-direction:column;font-size:.85rem;gap:.5rem;padding:.75rem}.preview-content strong{color:#333;display:block;font-size:.9rem;line-height:1.2;margin-bottom:.3rem}.preview-content p{word-wrap:break-word;color:#666;font-size:.8rem;line-height:1.4;margin:0;white-space:pre-wrap}.preview-image{align-self:center;border-radius:6px;height:80px;margin-top:.5rem;object-fit:cover;width:80px}.dark-mode .social-share-modal{background:#2a2a2a;color:#e0e0e0}.dark-mode .share-modal-header{border-bottom-color:#444}.dark-mode .share-modal-header h3{color:#e0e0e0}.dark-mode .close-btn{color:#ccc}.dark-mode .close-btn:hover{background:#444;color:#fff}.dark-mode .social-share-option{background:#333;border-color:#555;color:#e0e0e0}.dark-mode .social-share-option:hover{background:#444}.dark-mode .link-input{background:#333;border-color:#555;color:#e0e0e0}.dark-mode .share-preview{background:#333}.dark-mode .preview-content{background:#2a2a2a;border:1px solid #555}.dark-mode .preview-content strong{color:#e0e0e0}@media (max-width:768px){.social-share-modal{max-height:90vh;width:95%}.share-modal-content,.share-modal-header{padding:.75rem}.social-share-grid{gap:.5rem;grid-template-columns:repeat(2,1fr)}.social-share-option{padding:.5rem .3rem}.copy-link-container{flex-direction:column;gap:.5rem}.copy-btn,.link-input{width:100%}.copy-btn{justify-content:center}.preview-content{max-height:100px}.preview-image{height:50px;width:50px}}@media (max-width:480px){.social-share-grid{grid-template-columns:repeat(2,1fr)}.social-icon{font-size:1rem}.social-share-option span{font-size:.7rem}}.pet-match-display{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin-top:2rem;padding:1.5rem}.match-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.match-header h3{color:#333;font-size:1.4rem;margin:0}.match-button{background:#4caf50;border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:600;padding:.6rem 1.5rem;transition:all .3s ease}.match-button:hover{background:#45a049;box-shadow:0 2px 5px #0000001a;transform:translateY(-1px)}.match-button:disabled{background:#ccc;cursor:not-allowed}.loading-matches{padding:3rem 1rem;text-align:center}.spinner{border:4px solid #f3f3f3;border-top-color:#4caf50;display:inline-block;margin-bottom:1rem}.matches-list h4{color:#333;margin:0 0 1rem}.match-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:1rem;padding:1rem;transition:box-shadow .3s ease}.match-card:hover{box-shadow:0 4px 8px #0000001a}.match-main{display:flex;gap:1rem}.match-image{background-color:var(--color-bg-tertiary);border-radius:8px;flex-shrink:0;height:100px;overflow:hidden;width:100px}.match-image img{border-radius:8px;height:100%;object-fit:contain;width:100%}.match-info{flex:1 1}.match-info h5{color:#333;font-size:1.1rem;margin:0 0 .5rem}.match-type{color:#666;font-weight:600;margin:.25rem 0}.match-location{color:#666;font-size:.9rem;margin:.25rem 0}.match-score{margin:1rem 0}.score-bar{background:#e0e0e0;border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden}.score-fill{height:100%;transition:width 1s ease-out}.score-details{align-items:center;display:flex;justify-content:space-between}.score-percentage{color:#333;font-size:1.2rem;font-weight:700}.score-label{font-size:.9rem;font-weight:600}.score-breakdown{border-top:1px solid #e0e0e0;margin-top:1rem;padding-top:1rem}.score-breakdown h4{color:#666;font-size:.9rem;margin:0 0 .5rem}.score-items{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.score-item{color:#666;display:flex;font-size:.85rem;justify-content:space-between;padding:.25rem 0}.score-item.microchip-match{color:#4caf50;font-weight:700}.view-match-btn{background:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;margin-top:.5rem;padding:.4rem 1rem;transition:background .3s ease}.view-match-btn:hover{background:#1976d2}.toggle-details{background:#0000;border:1px solid #ddd;border-radius:4px;color:#666;cursor:pointer;margin-top:1rem;padding:.5rem;transition:all .3s ease;width:100%}.toggle-details:hover{background:#f5f5f5;border-color:#bbb}.no-matches{color:#666;padding:2rem;text-align:center}.no-matches p{margin:.5rem 0}.match-tip{color:#888;font-size:.9rem;margin-top:1rem!important}.dark-mode .pet-match-display{background:#1e1e1e;border-color:#333}.dark-mode .match-card{background:#2a2a2a;color:#e0e0e0}.dark-mode .match-header h3,.dark-mode .match-info h5,.dark-mode .score-percentage{color:#e0e0e0}.dark-mode .score-bar{background:#333}.analysis-info{background:#e3f2fd;border:1px solid #1976d2;border-radius:8px;margin-bottom:15px;padding:12px;text-align:center}.analysis-info p{color:#1976d2;font-size:14px;font-weight:500;margin:0}.dark-mode .analysis-info{background:#1a237e;border-color:#3949ab}.dark-mode .analysis-info p{color:#90caf9}@media (max-width:768px){.match-header{flex-direction:column;gap:1rem;text-align:center}.match-header h3{margin:0;width:100%}.match-button{margin:0 auto}.match-main{flex-direction:column}.match-image{height:200px;width:100%}.score-items{grid-template-columns:repeat(2,1fr)}}.pet-details-display{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin:var(--space-lg) 0;overflow:hidden}.pet-details-header{align-items:center;background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);cursor:pointer;display:flex;justify-content:space-between;padding:var(--space-md) var(--space-lg);transition:background-color var(--transition-base)}.pet-details-header:hover{background-color:var(--color-bg-hover)}.pet-details-header h3{color:var(--color-text);font-size:1.2rem;font-weight:var(--font-weight-semibold);margin:0}.pet-status-badge{border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-xs) var(--space-md);white-space:nowrap}.pet-status-badge.status-lost{background-color:#fee2e2;border:1px solid #fecaca;color:#dc2626}.pet-status-badge.status-found{background-color:#dcfce7;border:1px solid #bbf7d0;color:#16a34a}.pet-status-badge.status-injured{background-color:#fee2e2;border:1px solid #fecaca;color:#dc2626}.pet-status-badge.status-stolen{background-color:#fce7f3;border:1px solid #fbcfe8;color:#e11d48}.pet-details-basic{background-color:var(--color-bg);padding:var(--space-lg)}.pet-details-basic,.pet-details-section{border-bottom:1px solid var(--color-border-light)}.pet-details-section:last-child{border-bottom:none}.section-header{background-color:var(--color-bg);padding:var(--space-sm) var(--space-lg);transition:background-color var(--transition-base)}.section-header:hover{background-color:var(--color-bg-hover)}.section-header h4{font-size:1rem;margin:0}.section-header h4,.toggle-icon{color:#fff;font-weight:var(--font-weight-medium)}.section-content{background-color:var(--color-bg-tertiary);padding:0 var(--space-lg) var(--space-md)}.detail-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding-top:var(--space-md)}.detail-item{flex-direction:column;gap:var(--space-xs)}.detail-item.full-width{grid-column:1/-1}.detail-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.detail-value{color:var(--color-text);font-size:var(--font-size-base);line-height:1.5}.detail-value.microchip{background-color:var(--color-bg);border-radius:var(--radius-base);color:var(--color-primary);display:inline-block;font-family:var(--font-family-mono);font-size:1.1rem;padding:var(--space-xs) var(--space-sm)}.detail-value.medical{color:var(--color-danger);font-weight:var(--font-weight-medium)}.pet-details-extended{background-color:var(--color-bg-tertiary);border-top:1px solid var(--color-border-light);padding:var(--space-lg)}.extended-details-title{font-size:1.1rem;margin:0 0 var(--space-md) 0}.detail-subsection-title,.extended-details-title{color:var(--color-text);font-weight:var(--font-weight-semibold)}.detail-subsection-title{border-top:1px solid var(--color-border-light);font-size:var(--font-size-base);grid-column:1/-1;margin-top:var(--space-md);padding-top:var(--space-md)}.detail-subsection-title:first-child{border-top:none;margin-top:0;padding-top:0}.dark-mode .pet-details-display{background-color:var(--color-bg-secondary)}.dark-mode .pet-details-header{background-color:var(--color-bg)}.dark-mode .pet-details-basic{background-color:var(--color-bg-secondary)}.dark-mode .pet-details-extended{background-color:var(--color-bg)}.dark-mode .section-header{background-color:var(--color-bg-secondary)}.dark-mode .section-content,.dark-mode .section-header:hover{background-color:var(--color-bg)}.dark-mode .pet-status-badge.status-lost{background-color:#dc262633;border-color:#dc26264d}.dark-mode .pet-status-badge.status-found{background-color:#16a34a33;border-color:#16a34a4d}.dark-mode .pet-status-badge.status-injured{background-color:#dc262633;border-color:#dc26264d}.dark-mode .pet-status-badge.status-stolen{background-color:#e11d4833;border-color:#e11d484d}@media (max-width:768px){.pet-details-header{align-items:center;flex-direction:row;gap:var(--space-sm);justify-content:space-between;padding:var(--space-sm) var(--space-md)}.pet-details-header h3{flex:1 1;font-size:1rem}.pet-status-badge{font-size:.75rem;padding:var(--space-xs) var(--space-sm)}.pet-details-basic,.pet-details-extended{padding:var(--space-md)}.extended-details-title{font-size:1rem;margin-bottom:var(--space-sm)}.section-header{padding:var(--space-xs) var(--space-md)}.section-content{padding:0 var(--space-md) var(--space-sm)}.detail-grid{gap:var(--space-sm);grid-template-columns:1fr;padding-top:var(--space-sm)}.detail-value.microchip{font-size:.9rem;word-break:break-all}.detail-subsection-title{font-size:var(--font-size-sm);margin-top:var(--space-sm);padding-top:var(--space-sm)}}.enhanced-details{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-top:var(--space-lg);overflow:hidden}.enhanced-details__header{background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);padding:var(--space-lg)}.enhanced-details__header--clickable{align-items:center;cursor:pointer;display:flex;justify-content:space-between;transition:background-color var(--transition-base)}.enhanced-details__header--clickable:hover{background-color:var(--color-bg-hover)}.enhanced-details__header-content{flex:1 1}.enhanced-details__header-toggle{color:var(--color-text-secondary);margin-left:var(--space-md)}.enhanced-details__title{color:var(--color-text);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-xs) 0}.enhanced-details__subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.enhanced-details__sections{padding:var(--space-lg)}.enhanced-details__empty{color:var(--color-text-secondary);font-style:italic;padding:var(--space-xl);text-align:center}.enhanced-details__section{border:1px solid var(--color-border-light);border-radius:var(--radius-base);margin-bottom:var(--space-lg);overflow:hidden}.enhanced-details__section:last-child{margin-bottom:0}.enhanced-details__section-header{align-items:center;background-color:var(--color-bg-secondary);cursor:pointer;display:flex;justify-content:space-between;padding:var(--space-md);transition:background-color var(--transition-base)}.enhanced-details__section-header:hover{background-color:var(--color-bg-hover)}.enhanced-details__section-title{align-items:center;display:flex;gap:var(--space-sm)}.enhanced-details__section-title h3{color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin:0}.enhanced-details__icon{color:var(--color-primary);font-size:var(--font-size-lg)}.enhanced-details__section-content{background-color:var(--color-bg);padding:var(--space-md)}.enhanced-details__grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.enhanced-details__field{display:flex;flex-direction:column;gap:var(--space-xs)}.enhanced-details__field--full{grid-column:1/-1}.enhanced-details__label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.enhanced-details__value{color:var(--color-text);font-size:var(--font-size-base);word-break:break-word}.enhanced-details__value--na{color:var(--color-text-muted);font-style:italic}.enhanced-details__additional-items{border-top:1px solid var(--color-border-light);margin-top:var(--space-md);padding-top:var(--space-md)}.enhanced-details__additional-items h4{color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin:0 0 var(--space-sm) 0}.enhanced-details__additional-item{display:flex;gap:var(--space-sm);margin-bottom:var(--space-xs)}.enhanced-details__additional-item:last-child{margin-bottom:0}@media (max-width:768px){.enhanced-details__header,.enhanced-details__sections{padding:var(--space-md)}.enhanced-details__grid{grid-template-columns:1fr}.enhanced-details__section-content,.enhanced-details__section-header{padding:var(--space-sm) var(--space-md)}}.report-location-map{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin:var(--space-lg) 0;overflow:hidden}.report-location-map.fullscreen{border:none;border-radius:0;bottom:0;left:0;margin:0;position:fixed;right:0;top:0;z-index:9999}.report-location-map__header{align-items:center;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--space-md)}.report-location-map__title{align-items:center;display:flex;flex:1 1;gap:var(--space-sm)}.report-location-map__title--clickable{border-radius:var(--radius-base);cursor:pointer;margin:calc(var(--space-xs)*-1);padding:var(--space-xs);transition:background-color var(--transition-base)}.report-location-map__title--clickable:hover{background-color:var(--color-bg-hover)}.report-location-map__title svg{color:var(--color-primary);font-size:20px}.report-location-map__title h3{color:var(--color-text);flex:1 1;font-size:var(--font-size-lg);margin:0}.report-location-map__collapse-icon{align-items:center;color:var(--color-text-secondary);display:flex;font-size:16px;margin-left:auto}.report-location-map__controls{display:flex;gap:var(--space-sm)}.report-location-map__control-btn{align-items:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;font-size:var(--font-size-md);justify-content:center;padding:var(--space-xs) var(--space-sm);transition:all var(--transition-base)}.report-location-map__control-btn:hover{background:var(--color-bg-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.report-location-map__control-btn--collapse{background:var(--color-bg-tertiary);border-color:var(--color-border)}.report-location-map__control-btn--collapse:hover{background:var(--color-bg-hover)}.report-location-map__container{animation:slideDown .3s ease-out;background:var(--color-bg-secondary);position:relative}.report-location-map__footer{background:var(--color-bg-tertiary);border-top:1px solid var(--color-border);padding:var(--space-md)}.report-location-map__note{color:var(--color-text);font-size:var(--font-size-md);margin:0 0 var(--space-xs) 0}.report-location-map__accuracy{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-style:italic;margin:0}.report-location-map__info-window{background:var(--color-bg);color:var(--color-text);min-width:250px;padding:var(--space-sm) var(--space-md) var(--space-md);padding-top:30px;position:relative}.report-location-map__info-window h4{color:var(--color-text);font-size:var(--font-size-md);margin:0 0 var(--space-xs) 0}.report-location-map__info-window p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:var(--space-xs) 0}.report-location-map__info-window strong{color:var(--color-text)}.report-location-map__error,.report-location-map__loading{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin:var(--space-lg) 0;padding:var(--space-xl);text-align:center}.report-location-map__error p,.report-location-map__loading p{color:var(--color-text-secondary);font-size:var(--font-size-md);margin:0}.report-location-map__error p{color:var(--color-danger)}.dark-mode .gm-style-iw,.dark-mode .gm-style-iw-c{background-color:var(--color-bg-secondary)!important}.dark-mode .gm-style-iw-d{scrollbar-color:#555 #333;scrollbar-width:thin}.dark-mode .gm-style-iw-d::-webkit-scrollbar{width:8px}.dark-mode .gm-style-iw-d::-webkit-scrollbar-track{background:#333}.dark-mode .gm-style-iw-d::-webkit-scrollbar-thumb{background-color:#555;border-radius:4px}.dark-mode .report-location-map__info-window{background:var(--color-bg-secondary)}.dark-mode .report-location-map__info-window h4{color:var(--color-text)}.dark-mode .report-location-map__info-window p{color:var(--color-text-secondary)}.dark-mode .report-location-map__info-window strong{color:var(--color-text)}.dark-mode .gm-ui-hover-effect{background-color:#ffffff1a!important}.dark-mode .gm-ui-hover-effect:hover{background-color:#fff3!important}.dark-mode .gm-ui-hover-effect span{background-color:var(--color-text)!important}@media (max-width:768px){.report-location-map__header{padding:var(--space-sm)}.report-location-map__title h3{font-size:var(--font-size-md)}.report-location-map__control-btn{font-size:var(--font-size-sm);padding:var(--space-xs)}.report-location-map__footer{padding:var(--space-sm)}.report-location-map__container{height:300px!important}.report-location-map.fullscreen .report-location-map__container{height:calc(100vh - 50px)!important}.report-location-map__info-window{box-sizing:border-box;max-width:75vw!important;min-width:280px!important;padding-top:35px;width:75vw!important}.report-location-map .gm-style-iw{width:100%!important}.report-location-map .gm-style-iw-d{max-height:70vh!important;overflow-x:hidden!important;overflow-y:auto!important}.report-location-map .gm-style-iw-c{max-width:75vw!important}.report-location-map__info-window h4,.report-location-map__info-window p{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;padding-right:20px}}.report-location-map .gm-style-iw{background-color:var(--color-bg)!important;padding:0!important}.report-location-map .gm-style-iw-d{overflow:hidden!important;overflow-y:auto!important}.report-location-map .gm-style-iw-d>div{padding:0!important}.report-location-map .gm-style-iw-chr{right:12px!important;top:8px!important}.report-location-map .gm-ui-hover-effect{height:32px!important;width:32px!important}.report-location-map .gm-ui-hover-effect span{height:24px!important;margin:4px!important;width:24px!important}.report-detail{background-color:#fff;border-radius:0;border-bottom-left-radius:8px;border-bottom-right-radius:8px;box-shadow:0 4px 15px #0000001a;margin:0 auto;max-width:1200px;min-height:calc(100vh - 60px);overflow:hidden;padding:0 20px 20px}.report-detail__header{align-items:center;border-bottom:1px solid #ddd;border-bottom:1px solid var(--color-border,#ddd);display:flex;gap:16px;gap:var(--space-md,16px);margin-bottom:24px;margin-bottom:var(--space-xl,24px);padding-bottom:16px;padding-bottom:var(--space-md,16px);padding-top:20px;padding-top:var(--space-lg,20px)}.report-detail__back-button{background:#f5f5f5;background:var(--color-bg-secondary,#f5f5f5);border:1px solid #ddd;border:1px solid var(--color-border,#ddd);border-radius:4px;border-radius:var(--radius-base,4px);color:#333;color:var(--color-text,#333);cursor:pointer;font-size:14px;font-weight:500;font-weight:var(--font-weight-medium,500);padding:8px 16px;padding:var(--space-sm,8px) var(--space-md,16px);transition:all .2s;transition:all var(--transition-base,.2s);white-space:nowrap}.report-detail__back-button:hover{background:#f0f0f0;background:var(--color-bg-hover,#f0f0f0);color:#333;color:var(--color-text,#333);transform:translateX(-2px)}.report-detail__container{max-width:100%;overflow:hidden;padding:0}.report-detail__loading{color:#555;font-size:1.5em;padding:40px;text-align:center}.report-detail__error{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:5px;color:#dc3545;margin:20px 0;padding:15px;text-align:center}.report-detail__ai-section{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:5px;margin-top:20px;padding:15px}.report-detail__ai-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.report-detail__ai-header h2{color:#495057;font-size:1.3em;margin:0}.report-detail__ai-table{border-collapse:collapse;font-size:.9em;width:100%}.report-detail__ai-table td,.report-detail__ai-table th{border-bottom:1px solid #dee2e6;padding:8px;text-align:left}.report-detail__ai-table th{background-color:#e9ecef;color:#495057}.report-detail__ai-table td:first-child{color:#6c757d;font-weight:500;width:40%}.report-detail__ai-table td:last-child{color:#212529}.report-detail__toggle-switch{display:inline-block;height:24px;position:relative;width:50px}.report-detail__toggle-switch input{height:0;opacity:0;width:0}.report-detail__slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.report-detail__slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.4s;width:18px}.report-detail__toggle-switch input:checked+.report-detail__slider{background-color:#2196f3}.report-detail__toggle-switch input:checked+.report-detail__slider:before{transform:translateX(26px)}.report-detail__detective-bar{border-top:1px solid #eee;margin-top:15px;padding-top:15px;text-align:center}.report-detail__detective-button{align-items:center;background-color:#fff;border:1px solid #000;border-radius:5px;color:#000;display:inline-flex;gap:8px;padding:10px 20px;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s}.report-detail__detective-button:hover{background-color:#f0f0f0;border-color:#333;color:#000}@media (max-width:768px){.report-detail{border-radius:0;margin:0;overflow:visible!important;padding:0 15px 15px}.report-detail__header{margin-bottom:16px;margin-bottom:var(--space-md,16px);padding-bottom:8px;padding-bottom:var(--space-sm,8px)}.report-detail__back-button{font-size:13px;padding:6px 12px;padding:var(--space-xs,6px) var(--space-sm,12px)}.report-detail__ai-table td,.report-detail__ai-table th{font-size:.85em;padding:6px}.report-detail__toast{bottom:1rem;left:1rem;max-width:none;right:1rem}}.report-detail--dark{background-color:#282c34;box-shadow:0 4px 15px #0000004d}.report-detail--dark .report-detail__header{border-bottom-color:#444;border-bottom-color:var(--color-border,#444)}.report-detail--dark .report-detail__back-button{background:#2a2a2a;background:var(--color-bg-secondary,#2a2a2a);border-color:#444;border-color:var(--color-border,#444);color:#e0e0e0;color:var(--color-text,#e0e0e0)}.report-detail--dark .report-detail__back-button:hover{background:#444;background:var(--color-bg-hover,#444);color:#e0e0e0;color:var(--color-text,#e0e0e0)}.report-detail__skip-links{position:relative}.report-detail__skip-link{background:#d32f2f;background:var(--color-primary,#d32f2f);border-radius:4px;border-radius:var(--radius-base,4px);color:#fff;font-weight:500;left:-9999px;padding:8px 16px;position:absolute;text-decoration:none;top:0;z-index:100}.report-detail__skip-link:focus{box-shadow:0 10px 30px #0003;box-shadow:var(--shadow-lg,0 10px 30px #0003);left:50%;top:10px;transform:translateX(-50%)}.report-detail__offline-banner{align-items:center;background-color:#ff9800;background-color:var(--color-warning,#ff9800);color:#fff;display:flex;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem;text-align:center}.report-detail__toast{align-items:center;animation:slideIn .3s ease-out;background-color:#fff;background-color:var(--color-bg,#fff);border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:8px;border-radius:var(--radius-lg,8px);bottom:2rem;box-shadow:0 10px 30px #0003;box-shadow:var(--shadow-lg,0 10px 30px #0003);display:flex;gap:1rem;max-width:400px;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:1200}.report-detail__toast-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.report-detail__toast-close{background:none;border:none;color:#666;color:var(--color-text-secondary,#666);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s ease}.report-detail__toast-close:hover{color:#333;color:var(--color-text,#333)}.report-detail__toast--success{border-color:#4caf50;border-color:var(--color-success,#4caf50)}.report-detail__toast--success svg{color:#4caf50;color:var(--color-success,#4caf50)}.report-detail__toast--warning{border-color:#ff9800;border-color:var(--color-warning,#ff9800)}.report-detail__toast--warning svg{color:#ff9800;color:var(--color-warning,#ff9800)}.report-detail__toast--error{border-color:#f44336;border-color:var(--color-danger,#f44336)}.report-detail__toast--error svg{color:#f44336;color:var(--color-danger,#f44336)}.report-detail__toast--info{border-color:#2196f3;border-color:var(--color-info,#2196f3)}.report-detail__toast--info svg{color:#2196f3;color:var(--color-info,#2196f3)}body.dark-mode .report-detail{background-color:#282c34;box-shadow:0 4px 15px #0000004d}body.dark-mode .report-detail__header{border-bottom-color:#444;border-bottom-color:var(--color-border,#444)}body.dark-mode .report-detail__back-button{background:#2a2a2a;background:var(--color-bg-secondary,#2a2a2a);border-color:#444;border-color:var(--color-border,#444);color:#e0e0e0;color:var(--color-text,#e0e0e0)}body.dark-mode .report-detail__back-button:hover{background:#444;background:var(--color-bg-hover,#444);color:#e0e0e0;color:var(--color-text,#e0e0e0)}.dark-mode .report-detail__ai-header h2,.dark-mode .report-detail__ai-table td:last-child{color:#e0e0e0}.dark-mode .report-detail__ai-section{background-color:#2c313a;border-color:#4a4f58}.dark-mode .report-detail__ai-table th{background-color:#4a4f58;color:#e0e0e0}.dark-mode .report-detail__ai-table td:first-child{color:#aaa}.dark-mode .report-detail__ai-table td,.dark-mode .report-detail__ai-table th{border-bottom-color:#555}.dark-mode .report-detail__slider{background-color:#555}.dark-mode .report-detail__toggle-switch input:checked+.report-detail__slider{background-color:#0d6efd}.dark-mode .report-detail__detective-button{background-color:#5a6268}.dark-mode .report-detail__detective-button:hover{background-color:#6c757d}.agreement-page{background-color:#f5f5f5;min-height:100vh}.agreement-page__container{margin:0 auto;max-width:800px;padding:2rem 1rem}.agreement-page__header{margin-bottom:2rem;text-align:center}.agreement-page__title{color:#333;font-size:2rem;margin-bottom:.5rem}.agreement-page__error{background-color:#f8d7da;border-radius:4px;color:#721c24;margin-bottom:1.5rem;padding:1rem;text-align:center}.agreement-page__content{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:2rem}.agreement-page__content-title{color:#333;font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.agreement-page__text{background-color:#fdfdfd;border:1px solid #eee;line-height:1.6;margin-bottom:2rem;max-height:50vh;overflow-y:auto;padding:1rem}.agreement-page__text h3{color:#333;font-size:1.2rem;margin:1.5rem 0 .5rem}.agreement-page__text p,.agreement-page__text ul{color:#555;margin-bottom:1rem}.agreement-page__text ul{padding-left:1.5rem}.agreement-page__text li{margin-bottom:.5rem}.agreement-page__actions{border-top:1px solid #eee;display:flex;flex-direction:row;gap:1rem;justify-content:center;padding-top:1.5rem}.agreement-page__button{border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:500;min-width:120px;padding:.75rem 1.5rem;transition:background-color .2s}.agreement-page__button--primary{background-color:#ff4500;color:#fff}.agreement-page__button--secondary{background-color:#e0e0e0;color:#333}.agreement-page__button--primary:hover{background-color:#e63900}.agreement-page__button--secondary:hover{background-color:#d0d0d0}.agreement-page__button--primary:disabled,.agreement-page__button--secondary:disabled{background-color:#ccc;cursor:not-allowed}.agreement-page.dark{background-color:#1a1a1a}.agreement-page.dark .agreement-page__title{color:#e0e0e0}.agreement-page.dark .agreement-page__content{background-color:#2a2a2a;color:#e0e0e0}.agreement-page.dark .agreement-page__content-title{color:#e0e0e0}.agreement-page.dark .agreement-page__text{background-color:#333;border-color:#444;color:#e0e0e0}.agreement-page.dark .agreement-page__text h3{color:#e0e0e0}.agreement-page.dark .agreement-page__text p,.agreement-page.dark .agreement-page__text ul{color:#ccc}.agreement-page.dark .agreement-page__button--secondary{background-color:#444;color:#e0e0e0}.agreement-page.dark .agreement-page__button--secondary:hover{background-color:#555}@media (max-width:768px){.agreement-page__container{padding:1rem}.agreement-page__content{padding:1.5rem}.agreement-page__title{font-size:1.75rem}.agreement-page__content-title{font-size:1.25rem}.agreement-page__text h3{font-size:1.1rem}}@media (max-width:480px){.agreement-page__actions{flex-direction:column}.agreement-page__button{width:100%}}@media print{.agreement-page__actions{display:none}.agreement-page{background-color:#fff}.agreement-page__content{box-shadow:none;padding:0}}.dashboard-sidebar{background-color:#333;color:#fff;display:flex;flex-direction:column;height:100%;min-height:calc(100vh - 60px);width:250px}.sidebar-header{background-color:#fff;border-bottom:1px solid #e0e0e0;padding:1.5rem;position:relative;text-align:center}.sidebar-logo{height:auto;max-width:160px}.sidebar-nav{flex:1 1;padding:1rem 0}.sidebar-nav ul{list-style:none;margin:0;padding:0}.sidebar-nav li{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .2s}.sidebar-nav li:hover{background-color:#ffffff1a}.sidebar-nav li.active{background-color:#ff4500;font-weight:500}.dashboard-sidebar__icon{font-size:1.2rem;margin-right:.75rem}.sidebar-footer{border-top:1px solid #ffffff1a;padding:1.5rem}.logout-button{align-items:center;background-color:#ffffff1a;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.75rem;transition:background-color .2s;width:100%}.logout-button:hover{background-color:#fff3}@media (max-width:768px){.dashboard-sidebar{background-color:#333;display:flex;flex-direction:column;height:100vh;max-height:100vh;overflow:hidden;width:100%}.sidebar-nav{-webkit-overflow-scrolling:touch;flex:1 1;overflow-x:hidden;overflow-y:auto;padding-bottom:2rem}.sidebar-nav li{border-bottom:1px solid #ffffff1a;font-size:1.1rem;padding:1rem 1.5rem}.sidebar-footer{background-color:#333;bottom:0;flex-shrink:0;position:-webkit-sticky;position:sticky;z-index:10}.mobile-close-btn{background:#ffffff1a;border-radius:4px;color:#fff}}.dark-mode .dashboard-sidebar{background-color:#333}.dark-mode .sidebar-header{border-bottom:1px solid #ffffff1a}.dark-mode .sidebar-footer{border-top:1px solid #ffffff1a}.sidebar-version{border-top:1px solid var(--color-border-light);margin-top:1rem;opacity:.7;padding-top:1rem;text-align:center;transition:opacity .2s ease}.sidebar-version:hover{opacity:1}.dark-mode .sidebar-version{border-top-color:#ffffff1a}.dark-mode .dashboard-sidebar{background-color:#1e1e1e;border-right:1px solid #444;color:#e0e0e0}.dark-mode .sidebar-header{background-color:#fff;border-bottom:1px solid #e0e0e0}.dark-mode .sidebar-nav ul{border-top:1px solid #444}.dark-mode .sidebar-nav li{border-bottom:1px solid #444;color:#e0e0e0}.dark-mode .sidebar-nav li:hover{background-color:#333}.dark-mode .sidebar-nav li.active{background-color:#333;border-left:4px solid #ff4500;color:#fff}.dark-mode .sidebar-nav .icon{color:#ccc}.dark-mode .sidebar-footer{border-top:1px solid #444}.dark-mode .logout-button{background-color:#2a2a2a;border:1px solid #444;color:#e0e0e0}.dark-mode .logout-button:hover{background-color:#3a3a3a}.dashboard-container{display:flex;margin:0 auto;max-width:1400px;min-height:calc(100vh - 60px)}.dashboard-content{background-color:#f5f5f5;flex:1 1;overflow-y:auto;padding:2rem}.dark-mode .dashboard-content,.dark-mode .dashboard-page{background-color:#1a1a1a;color:#e0e0e0}.dark-mode .dashboard-stats{background-color:#2a2a2a;border-radius:8px;box-shadow:0 2px 4px #0000004d;color:#e0e0e0;padding:1rem}@media (max-width:768px){.dashboard-container{flex-direction:column}.dashboard-content{padding:1rem}}.badge-collection-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.badge-collection-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:900px;width:100%}.dark-mode .badge-collection-modal{background:#2a2a2a;color:#e0e0e0}.bcm-modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px 30px}.dark-mode .bcm-modal-header{border-bottom-color:#444}.bcm-modal-header h2{color:#ff4500;font-size:1.8rem;margin:0}.bcm-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#333;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;transition:background .2s;width:40px}.bcm-close-btn:hover{background:#f5f5f5}.dark-mode .bcm-close-btn{color:#e0e0e0}.dark-mode .bcm-close-btn:hover{background:#444}.bcm-modal-body{flex:1 1;overflow-y:auto;padding:20px 30px 30px}.bcm-category-filter{border-bottom:1px solid #eee;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding-bottom:20px}.dark-mode .bcm-category-filter{border-bottom-color:#444}.bcm-category-btn{align-items:center;background:#f8f9fa;border:1px solid #ddd;border-radius:20px;color:#333;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.bcm-category-btn:hover{background:#e9ecef;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.bcm-category-btn.active{background:#ff4500;border-color:#ff4500;color:#fff}.dark-mode .bcm-category-btn{background:#444;border-color:#555;color:#e0e0e0}.dark-mode .bcm-category-btn:hover{background:#555}.dark-mode .bcm-category-btn.active{background:#ff4500;border-color:#ff4500;color:#fff}.bcm-cat-icon{font-size:1.1rem}.bcm-badge-count{background:#fff3;border-radius:10px;color:#fff;font-size:.8rem;font-weight:700;padding:2px 8px}.dark-mode .bcm-badge-count{background:#0000004d;color:#fff}.bcm-badge-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:25px}.bcm-stat-item{background:#f8f9fa;border:1px solid #eee;border-radius:8px;padding:15px;text-align:center}.dark-mode .bcm-stat-item{background:#333;border-color:#444}.bcm-stat-value{color:#ff4500;display:block;font-size:2rem;font-weight:700;margin-bottom:5px}.bcm-stat-label{color:#666;font-size:.9rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.dark-mode .bcm-stat-label{color:#bbb}.bcm-badges-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.bcm-badge-item{align-items:flex-start!important;background:#f8f9fa!important;border:2px solid #eee!important;border-radius:12px!important;cursor:default!important;display:flex!important;gap:15px!important;padding:20px!important;position:relative!important;text-align:left!important;transition:all .3s!important}.bcm-badge-item:hover{box-shadow:0 8px 20px #0000001a!important;transform:translateY(-2px)!important}.dark-mode .bcm-badge-item{background:#333!important;border-color:#444!important}.dark-mode .bcm-badge-item:hover{box-shadow:0 8px 20px #0000004d!important}.bcm-badge-icon-large{align-items:center!important;background:#ff4500!important;border-radius:50%!important;color:#fff!important;display:flex!important;flex-shrink:0!important;font-size:3rem!important;height:80px!important;justify-content:center!important;width:80px!important}.bcm-badge-info{display:flex!important;flex:1 1!important;flex-direction:column!important;justify-content:flex-start!important;min-width:0!important;text-align:left!important}.bcm-badge-info h3{color:#333!important;font-size:1.1rem!important;font-weight:600!important;line-height:1.3!important;margin:0 0 8px!important;text-align:left!important}.dark-mode .bcm-badge-info h3{color:#e0e0e0!important}.bcm-badge-desc{word-wrap:break-word!important;color:#666!important;font-size:.85rem!important;line-height:1.4!important;margin:0 0 8px!important;text-align:left!important}.dark-mode .bcm-badge-desc{color:#bbb!important}.bcm-badge-date{color:#999!important;font-size:.75rem!important;font-style:italic!important;margin:0!important;text-align:left!important}.dark-mode .bcm-badge-date{color:#888!important}.bcm-tier-indicator{background:#ff4500;border-radius:4px;color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:4px 8px;position:absolute;right:10px;text-transform:uppercase;top:10px}.bcm-badge-item.legendary{background:linear-gradient(135deg,#ffd7001a,#ffd7000d)!important;border-color:gold!important}.bcm-badge-item.legendary .bcm-badge-icon-large{background:linear-gradient(135deg,gold,orange)!important}.bcm-badge-item.legendary .bcm-tier-indicator{background:gold;color:#333}.bcm-badge-item.expert{background:linear-gradient(135deg,#9c27b01a,#9c27b00d)!important;border-color:#9c27b0!important}.bcm-badge-item.expert .bcm-badge-icon-large{background:linear-gradient(135deg,#9c27b0,#7b1fa2)!important}.bcm-badge-item.expert .bcm-tier-indicator{background:#9c27b0}.bcm-badge-item.advanced{background:linear-gradient(135deg,#ff98001a,#ff98000d)!important;border-color:#ff9800!important}.bcm-badge-item.advanced .bcm-badge-icon-large{background:linear-gradient(135deg,#ff9800,#f57c00)!important}.bcm-badge-item.advanced .bcm-tier-indicator{background:#ff9800}.bcm-badge-item.special{background:linear-gradient(135deg,#e91e631a,#e91e630d)!important;border-color:#e91e63!important}.bcm-badge-item.special .bcm-badge-icon-large{background:linear-gradient(135deg,#e91e63,#c2185b)!important}.bcm-badge-item.special .bcm-tier-indicator{background:#e91e63}.bcm-badge-item.rainbow-badge{animation:rainbow-border 3s linear infinite;background:linear-gradient(135deg,#ff00001a,#ff7f001a,#ffff001a,#00ff001a,#0000ff1a,#4b00821a,#8f00ff1a)!important}@keyframes rainbow-border{0%{border-color:red}16.66%{border-color:#ff7f00}33.33%{border-color:#ff0}50%{border-color:#0f0}66.66%{border-color:#00f}83.33%{border-color:indigo}to{border-color:red}}.bcm-loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.bcm-loading-spinner{animation:spin 1s linear infinite;border:3px solid #eee;border-radius:50%;border-top-color:#ff4500;height:50px;width:50px}.dark-mode .bcm-loading-spinner{border-color:#ff4500 #444 #444}.bcm-no-badges{color:#666;font-style:italic;padding:60px 20px;text-align:center}.dark-mode .bcm-no-badges{color:#bbb}@media (max-width:768px){.badge-collection-modal{margin:10px;max-height:95vh;max-width:100%}.bcm-modal-header{padding:15px 20px}.bcm-modal-header h2{font-size:1.5rem}.bcm-modal-body{padding:15px 20px 20px}.bcm-badges-grid{gap:15px;grid-template-columns:1fr}.bcm-badge-item{align-items:flex-start!important;flex-direction:row!important;gap:15px!important;padding:15px!important}.bcm-badge-date,.bcm-badge-desc,.bcm-badge-info,.bcm-badge-info h3,.bcm-badge-item{text-align:left!important}.bcm-badge-icon-large{font-size:2rem!important;height:60px!important;width:60px!important}.bcm-category-filter{gap:8px;justify-content:center}.bcm-category-btn{font-size:.8rem;padding:6px 12px}.bcm-badge-stats{gap:10px;grid-template-columns:repeat(3,1fr)}.bcm-stat-item{padding:12px 8px}.bcm-stat-value{font-size:1.5rem}.bcm-stat-label{font-size:.8rem}}.profile-badges{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;overflow:hidden;padding:2rem}.profile-badges.empty{text-align:center}.profile-badges h3{color:#333;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem}.no-badges-message{color:#666;font-size:1rem;margin:2rem 0}.badges-categories{display:flex;flex-direction:column;gap:2rem}.badge-category{border-bottom:1px solid #eee;padding-bottom:1.5rem}.badge-category:last-child{border-bottom:none;padding-bottom:0}.badge-category.negative-reputation-category{border-bottom:none;border-top:2px solid #ff5722;margin-top:2rem;padding-top:1.5rem}.category-label{font-size:1.1rem;font-weight:500;letter-spacing:.5px;margin:0 0 1rem;text-transform:uppercase}.badges-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.badge{align-items:center;background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #e0e0e0;border-radius:12px;display:flex;gap:1rem;min-height:90px;overflow:visible;padding:1.25rem;position:relative;transition:all .3s ease}.badge.clickable{cursor:pointer}.badge.clickable:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.badge:before{background:linear-gradient(90deg,#0000,currentColor,#0000);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.badge:hover{border-color:#d0d0d0;box-shadow:0 6px 20px #0000001a;transform:translateY(-2px)}.badge:hover:before{opacity:.8}.badge.beginner:before{color:#8bc34a}.badge.intermediate:before{color:#ffc107}.badge.advanced:before{color:#ff9800}.badge.expert:before{color:#9c27b0}.badge.legendary:before{animation:shimmer 2s infinite;color:gold}.badge.special{background:linear-gradient(135deg,#fff4f0,#fff);border-color:#ffd4c4}.badge.special:before{animation:pulse 2s infinite;color:#ff4500}.badge.temporary{animation:birthday-glow 3s ease-in-out infinite}@keyframes birthday-glow{0%,to{box-shadow:0 2px 8px #ff174433}50%{box-shadow:0 4px 16px #ff174466}}.profile-badges .badge-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:70px!important;justify-content:center;min-height:70px!important;min-width:70px!important;position:relative;transition:all .3s ease;width:70px!important}.badge-emoji{line-height:1}.profile-badges .badge.legendary .badge-icon{animation:legendary-rotate 10s linear infinite}@keyframes legendary-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.badge.community-legend .badge-emoji{animation:rainbow 3s linear infinite}.profile-badges .badge.community-legend .badge-icon{animation:legendary-rotate 10s linear infinite,rainbow 3s linear infinite;background:linear-gradient(45deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3)!important}.badge.rainbow-state .badge-emoji{animation:rainbow 2s linear infinite}.profile-badges .badge.rainbow-state .badge-icon{animation:rainbow 2s linear infinite;background:linear-gradient(135deg,#ff0080,#ff8c00,gold,#0f0,#0ff,#0080ff,#8000ff)!important;box-shadow:0 0 30px #ff008080}.badge-info{gap:.25rem}.badge-name{color:#333;font-weight:600}.badge-description{font-size:.875rem;line-height:1.3}.badge-count{border-top:1px solid #eee;color:#666;font-size:1rem;margin-top:2rem;padding-top:1.5rem;text-align:center}.badge-count .count{color:#ff4500;font-size:1.2rem;font-weight:600;margin-left:.25rem}@media (max-width:768px){.profile-badges{padding:1.5rem}.badges-container{gap:1rem;grid-template-columns:1fr}.badge{min-height:80px;padding:1rem}.profile-badges .badge-icon{height:60px!important;min-height:60px!important;min-width:60px!important;width:60px!important}.badge-emoji{font-size:1.75rem;line-height:1.2}.badge-name{font-size:.95rem}.badge-description{font-size:.8rem}}.dark-mode .profile-badges{background-color:#2a2a2a;color:#e0e0e0}.dark-mode .profile-badges h3{color:#e0e0e0}.dark-mode .category-label{color:#b0b0b0}.dark-mode .badge{background:linear-gradient(135deg,#1e1e1e,#2a2a2a);border-color:#3a3a3a}.dark-mode .badge:hover{border-color:#4a4a4a;box-shadow:0 6px 20px #ffffff1a}.dark-mode .badge-name{color:#e0e0e0}.dark-mode .badge-description{color:#a0a0a0}.dark-mode .badge-count{border-top-color:#3a3a3a;color:#b0b0b0}.dark-mode .badge.special{background:linear-gradient(135deg,#2a1f1a,#2a2a2a);border-color:#4a3f3a}.dark-mode .no-badges-message{color:#999}.dark-mode .badge-category{border-bottom-color:#3a3a3a}.dark-mode .badge-category.negative-reputation-category{border-top-color:#ff5722}.reputation-warning{background-color:#fff3cd;border:2px solid;border-radius:8px;margin-bottom:1rem;margin-top:2rem;padding:1.5rem}.reputation-warning.warning{background-color:#fff3cd;border-color:#ffeaa7}.reputation-warning.danger{background-color:#ffebee;border-color:#ffccbc}.reputation-warning.critical{background-color:#ffebee;border-color:#ffcdd2}.reputation-warning.banworthy{animation:pulse-border 2s infinite;background-color:#ffcdd2;border-color:#ef5350}.reputation-warning.banned{animation:pulse-border 1s infinite;background-color:#212121;border-color:#000;color:#fff}.reputation-warning.banned .improvement-tips,.reputation-warning.banned .improvement-tips li,.reputation-warning.banned .warning-content,.reputation-warning.banned .warning-icon,.reputation-warning.banned .warning-title{color:#fff}.reputation-warning.banned .improvement-tips{background-color:#ffffff1a}@keyframes pulse-border{0%{border-color:#ef5350;box-shadow:0 0 0 0 #ef535066}50%{border-color:#d32f2f;box-shadow:0 0 0 10px #ef535000}to{border-color:#ef5350;box-shadow:0 0 0 0 #ef535000}}.warning-header{align-items:center;display:flex;gap:.5rem;margin-bottom:1rem}.warning-icon{font-size:1.5rem}.warning-title{color:#d32f2f;font-size:1.2rem;font-weight:600}.warning-content{color:#333}.warning-message{font-size:1rem;font-weight:500;margin-bottom:1rem}.improvement-tips{background-color:#ffffff80;border-radius:6px;margin-top:1rem;padding:1rem}.improvement-tips p{font-weight:600;margin:0 0 .5rem}.improvement-tips ul{margin:0;padding-left:1.5rem}.improvement-tips li{color:#555;margin-bottom:.5rem}.critical-warning{background-color:#d32f2f;border-radius:6px;color:#fff;margin-top:1rem;padding:1rem;text-align:center}.critical-text{font-size:1.1rem;font-weight:600;margin:0}.badge.warning{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-color:#ffc107}.badge.danger{background:linear-gradient(135deg,#ffebee,#ffcdd2);border-color:#ff5722}.badge.critical{background:linear-gradient(135deg,#ffcdd2,#ef9a9a);border-color:#d32f2f}.badge.banworthy{animation:shake .5s ease-in-out infinite;background:linear-gradient(135deg,#ef9a9a,#e57373);border-color:#b71c1c}.badge.banned{animation:shake .3s ease-in-out infinite;background:linear-gradient(135deg,#424242,#212121);border-color:#000}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}.dark-mode .reputation-warning{background-color:#3a2a1a;color:#e0e0e0}.dark-mode .reputation-warning.warning{background-color:#3a3a1a;border-color:#5a5a3a}.dark-mode .reputation-warning.danger{background-color:#3a2a2a;border-color:#5a3a3a}.dark-mode .reputation-warning.critical{background-color:#4a2a2a;border-color:#6a3a3a}.dark-mode .reputation-warning.banworthy{background-color:#5a2a2a;border-color:#8a3a3a}.dark-mode .reputation-warning.banned{background-color:#000;border-color:#666;color:#fff}.dark-mode .warning-title{color:#ff6b6b}.dark-mode .warning-content{color:#e0e0e0}.dark-mode .improvement-tips{background-color:#0000004d;color:#e0e0e0}.dark-mode .improvement-tips li{color:#b0b0b0}.dark-mode .critical-warning{background-color:#8a3a3a}.badge.service{background:linear-gradient(135deg,#e3f2fd,#fff);border-color:#2196f3}.badge.service_retired{background:linear-gradient(135deg,#efebe9,#fff);border-color:#795548}.badge.pending-verification{opacity:.9;position:relative}.badge.pending-verification:after{background:repeating-linear-gradient(45deg,#0000,#0000 10px,#ff98001a 0,#ff98001a 20px);border-radius:12px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.verification-indicator{align-items:center;animation:pulse 2s infinite;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;display:flex;font-size:1.2rem;height:24px;justify-content:center;position:absolute;right:-5px;top:-5px;width:24px}.pending-text{color:#ff9800;font-size:.8rem;font-style:italic}.service-badge-notice{background:#e3f2fd;border:1px solid #2196f3;border-radius:8px;margin-bottom:1rem;padding:1rem;text-align:center}.service-badge-notice h4{align-items:center;color:#1976d2;display:flex;gap:.5rem;justify-content:center;margin:0 0 .5rem}.service-badge-notice p{color:#555;font-size:.9rem;margin:0}.dark-mode .badge.service{background:linear-gradient(135deg,#1e3a5f,#2d3748);border-color:#64b5f6}.dark-mode .badge.service_retired{background:linear-gradient(135deg,#3e2723,#2d3748);border-color:#8d6e63}.dark-mode .verification-indicator{background:#2d3748;color:#e0e0e0}.dark-mode .pending-text{color:#ffb74d}.dark-mode .service-badge-notice{background:#1e3a5f;border-color:#64b5f6}.dark-mode .service-badge-notice h4{color:#90caf9}.dark-mode .service-badge-notice p{color:#b0b0b0}.category-chart{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:2rem;padding:1.5rem}.category-chart h3{color:#333;font-size:1.2rem;margin-bottom:1rem;margin-top:0}.categories-container{display:flex;flex-direction:column;gap:1rem}.category-item{width:100%}.category-header{justify-content:space-between;margin-bottom:.5rem}.category-name{color:#333;font-weight:500;text-transform:capitalize}.category-count{color:#666}.category-progress{background-color:#f0f0f0;border-radius:4px;height:8px;overflow:hidden}.category-progress-bar{border-radius:4px;height:100%}.dark-mode .category-chart{background-color:#2a2a2a;box-shadow:0 2px 10px #ffffff1a}.dark-mode .category-chart h3,.dark-mode .category-name{color:#e0e0e0}.dark-mode .category-count{color:#aaa}.dark-mode .category-progress{background-color:#444}.points-display{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:2rem}.points-display.loading{align-items:center;display:flex;justify-content:center;min-height:200px}.points-skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:8px;height:150px;width:100%}.points-header{align-items:center;display:flex;margin-bottom:1.5rem}.points-header h3{align-items:center;color:#333;display:flex;font-size:1.5rem;font-weight:600;gap:.5rem;margin:0}.points-header h3 svg{color:gold}.points-main-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.points-stat{align-items:center;background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #e0e0e0;border-radius:12px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.points-stat:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.points-stat.current-points{border-color:gold}.points-stat.net-likes{border-color:#4caf50}.stat-icon{color:#666}.points-stat.current-points .stat-icon{color:gold}.points-stat.net-likes .stat-icon{color:#4caf50}.stat-value{line-height:1}.points-secondary-stats{grid-gap:1rem;background:#f8f9fa;border-radius:8px;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem;padding:1rem}.secondary-stat{padding:.5rem;text-align:center}.secondary-stat .stat-label{color:#666;display:block;font-size:.875rem;margin-bottom:.25rem}.secondary-stat .stat-value{color:#333;font-size:1.25rem;font-weight:600}.points-reputation-breakdown{background:linear-gradient(90deg,#e8f5e9,#ffebee);border-radius:8px;display:flex;gap:2rem;margin-bottom:1.5rem;padding:1rem}.reputation-item{align-items:center;display:flex;flex:1 1;gap:.5rem;padding:.5rem}.reputation-icon{font-size:1.5rem}.reputation-label{color:#666;font-size:.875rem}.reputation-value{font-size:1.125rem;font-weight:600;margin-left:auto}.reputation-item.positive .reputation-value{color:#4caf50}.reputation-item.negative .reputation-value{color:#f44336}.points-actions{border-top:1px solid #eee;display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding-top:1rem}.daily-login-btn,.points-store-btn{align-items:center;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s ease}.daily-login-btn{background:linear-gradient(135deg,gold,#ffa000)}.daily-login-btn:hover:not(:disabled){background:linear-gradient(135deg,#ffa000,#ff8f00);box-shadow:0 4px 12px #ff98004d;transform:translateY(-2px)}.daily-login-btn:disabled{cursor:not-allowed;opacity:.6}.daily-login-btn.claiming{animation:pulse 1s infinite}.points-store-btn{background:linear-gradient(135deg,#2196f3,#1976d2)}.points-store-btn:hover{background:linear-gradient(135deg,#1976d2,#1565c0);box-shadow:0 4px 12px #2196f34d;transform:translateY(-2px)}.claim-message{animation:slideIn .3s ease;border-radius:6px;font-size:.875rem;font-weight:500;padding:.5rem 1rem;text-align:center}.claim-message.success{background:#e8f5e9;border:1px solid #4caf50;color:#2e7d32}.claim-message.error{background:#ffebee;border:1px solid #f44336;color:#c62828}.login-streak{align-items:center;color:#ff6f00;display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;justify-content:center;text-align:center}.points-history-section{margin-top:1rem}.view-history-btn{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;font-size:.875rem;padding:.75rem;transition:all .2s ease;width:100%}.view-history-btn:hover{background:#eee;color:#333}.points-history{border:1px solid #e0e0e0;border-radius:8px;margin-top:1rem;overflow:hidden}.history-loading,.no-history{color:#666;padding:2rem;text-align:center}.history-item{border-bottom:1px solid #f0f0f0;gap:1rem;padding:.75rem 1rem;transition:background .2s ease}.history-item:hover{background:#f8f9fa}.history-item:last-child{border-bottom:none}.history-icon{font-size:1.25rem;min-width:30px;text-align:center}.history-details{display:flex;flex:1 1;flex-direction:column;gap:.125rem}.history-reason{color:#333;font-size:.875rem}.history-time{color:#999;font-size:.75rem}.history-amount{font-size:1rem;font-weight:600}.history-amount.positive{color:#4caf50}.history-amount.negative{color:#f44336}@media (max-width:768px){.points-display{padding:1.5rem}.points-main-stats{gap:1rem}.points-main-stats,.points-secondary-stats{grid-template-columns:1fr}.points-reputation-breakdown{flex-direction:column;gap:.5rem}.stat-value{font-size:1.5rem}}.dark-mode .points-display{background-color:#2a2a2a;color:#e0e0e0}.dark-mode .points-header h3{color:#e0e0e0}.dark-mode .points-stat{background:linear-gradient(135deg,#1e1e1e,#2a2a2a);border-color:#3a3a3a}.dark-mode .points-stat:hover{box-shadow:0 4px 12px #ffffff1a}.dark-mode .stat-value{color:#e0e0e0}.dark-mode .reputation-label,.dark-mode .secondary-stat .stat-label,.dark-mode .stat-label{color:#b0b0b0}.dark-mode .secondary-stat .stat-value{color:#e0e0e0}.dark-mode .points-secondary-stats{background:#1e1e1e}.dark-mode .points-reputation-breakdown{background:linear-gradient(90deg,#1b3e1b,#3e1b1b)}.dark-mode .view-history-btn{background:#1e1e1e;border-color:#3a3a3a;color:#b0b0b0}.dark-mode .view-history-btn:hover{background:#2a2a2a;color:#e0e0e0}.dark-mode .points-history{background:#1e1e1e;border-color:#3a3a3a}.dark-mode .history-item{border-bottom-color:#3a3a3a}.dark-mode .history-item:hover{background:#2a2a2a}.dark-mode .history-reason{color:#e0e0e0}.dark-mode .history-time{color:#666}.dark-mode .history-loading,.dark-mode .no-history{color:#999}.appeal-form{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;margin:0 auto;max-width:600px;overflow:hidden}.appeal-form__header{align-items:center;background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:1rem 1.5rem}.appeal-form__header h3{color:var(--color-text);font-size:1.25rem;margin:0}.appeal-form__close{background:none;border:none;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;padding:.5rem;transition:all .2s ease}.appeal-form__close:hover{background-color:var(--color-bg-hover);color:var(--color-text)}.appeal-form__info{background-color:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border);padding:1.5rem}.appeal-form__info p{color:var(--color-text);font-size:.875rem;margin:.5rem 0}.appeal-form__info strong{color:var(--color-text);font-weight:600}.appeal-form__form{padding:1.5rem}.appeal-form__field{margin-bottom:1.5rem}.appeal-form__field label{color:var(--color-text);display:block;font-size:.9375rem;font-weight:500;margin-bottom:.5rem}.appeal-form__textarea{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text);font-family:inherit;font-size:.875rem;padding:.75rem;resize:vertical;transition:border-color .2s ease;width:100%}.appeal-form__textarea:focus{border-color:var(--color-primary);outline:none}.appeal-form__textarea:disabled{cursor:not-allowed;opacity:.6}.appeal-form__char-count{color:var(--color-text-muted);font-size:.75rem;margin-top:.25rem;text-align:right}.appeal-form__error{background-color:#fee;border:1px solid #fcc;border-radius:4px;color:var(--color-danger);font-size:.875rem;margin-bottom:1rem;padding:.75rem}.appeal-form__actions{display:flex;gap:1rem;justify-content:flex-end}.appeal-form__button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s ease}.appeal-form__button:disabled{cursor:not-allowed;opacity:.6}.appeal-form__button--cancel{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.appeal-form__button--cancel:hover:not(:disabled){background-color:var(--color-bg-hover)}.appeal-form__button--submit{background-color:var(--color-primary);color:var(--color-text-inverse)}.appeal-form__button--submit:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.dark .appeal-form__error{background-color:#2a1a1a;border-color:#4a2a2a}@media (max-width:768px){.appeal-form__header{padding:.875rem 1rem}.appeal-form__header h3{font-size:1.125rem}.appeal-form__form,.appeal-form__info{padding:1rem}.appeal-form__actions{flex-direction:column-reverse}.appeal-form__button{justify-content:center;width:100%}}.rate-limit-indicator{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;margin-bottom:1rem;padding:1rem}.rate-limit-indicator__title{align-items:center;color:var(--color-text);display:flex;font-size:1rem;gap:.5rem;margin:0 0 .5rem}.rate-limit-indicator__info-tooltip{color:var(--color-text-secondary);cursor:help;font-size:.875rem;margin-left:auto;transition:color .2s ease}.rate-limit-indicator__info-tooltip:hover{color:var(--color-primary)}.rate-limit-indicator__description{color:var(--color-text-secondary);font-size:.875rem;line-height:1.4;margin:0 0 1rem}.rate-limit-indicator__items{display:flex;flex-direction:column;gap:.75rem}.rate-limit-item{background-color:var(--color-bg);border:1px solid var(--color-border-light);border-radius:4px;padding:.75rem;transition:all .2s ease}.rate-limit-item--warning{background-color:#ffc1071a;border-color:var(--color-warning)}.rate-limit-item--exceeded{background-color:#dc35451a;border-color:var(--color-danger)}.rate-limit-item__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.rate-limit-item__action{color:var(--color-text);font-weight:500;text-transform:capitalize}.rate-limit-item__count{color:var(--color-text-secondary);font-size:.875rem}.rate-limit-item--exceeded .rate-limit-item__count{color:var(--color-danger);font-weight:600}.rate-limit-item__progress{background-color:var(--color-bg-tertiary);border-radius:3px;height:6px;overflow:hidden;position:relative}.rate-limit-item__progress-bar{background-color:var(--color-primary);height:100%;transition:width .3s ease}.rate-limit-item--warning .rate-limit-item__progress-bar{background-color:var(--color-warning)}.rate-limit-item--exceeded .rate-limit-item__progress-bar{background-color:var(--color-danger)}.rate-limit-item__reset{color:var(--color-text-muted);font-size:.75rem;margin-top:.5rem}.rate-limit-indicator__message{align-items:center;border-radius:4px;display:flex;font-size:.875rem;gap:.5rem;margin-top:1rem;padding:.75rem}.rate-limit-indicator__message--warning{background-color:var(--color-warning);color:var(--color-text-inverse)}.rate-limit-indicator__message--error{background-color:var(--color-danger);color:var(--color-text-inverse)}.rate-limit-indicator--compact{align-items:center;border-radius:4px;cursor:help;display:inline-flex;font-size:.875rem;padding:.25rem .5rem;position:relative}.rate-limit-indicator--compact.rate-limit-indicator--warning{background-color:#ffc10733;color:var(--color-warning)}.rate-limit-indicator--compact.rate-limit-indicator--exceeded{background-color:#dc354533;color:var(--color-danger)}.rate-limit-tooltip{background-color:var(--color-bg-tertiary);border-radius:4px;bottom:100%;box-shadow:0 2px 8px #0003;color:var(--color-text);font-size:.75rem;left:50%;margin-bottom:.25rem;opacity:0;padding:.5rem .75rem;position:absolute;transform:translateX(-50%);transition:all .2s ease;visibility:hidden;white-space:nowrap;z-index:100}.rate-limit-indicator--compact:hover .rate-limit-tooltip{opacity:1;visibility:visible}.dark .rate-limit-indicator{background-color:var(--color-bg-tertiary)}.dark .rate-limit-item{background-color:var(--color-bg-secondary)}.dark .rate-limit-tooltip{box-shadow:0 2px 8px #ffffff1a}@media (max-width:768px){.rate-limit-indicator{padding:.75rem}.rate-limit-indicator__title{font-size:.875rem}.rate-limit-item{padding:.5rem}.rate-limit-item__action{font-size:.875rem}.rate-limit-item__count{font-size:.75rem}}.moderation-history-section{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;margin:2rem 0;padding:1.5rem}.mh-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;margin:-1.5rem -1.5rem 0;padding:.75rem;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.mh-header.clickable:hover{background-color:var(--color-bg-hover)}.mh-header h3{align-items:center;color:var(--color-text);display:flex;font-size:1.25rem;gap:.5rem;margin:0}.mh-toggle-icon{display:inline-block;font-size:.75rem;transition:transform .2s ease}.mh-toggle-icon.expanded{transform:rotate(90deg)}.mh-count{color:var(--color-text-secondary);font-size:.875rem;font-weight:400}.mh-sub-header{display:flex;justify-content:flex-end;margin-bottom:1rem;padding-top:1rem}.mh-expand-btn{background-color:var(--color-bg);border:1px solid var(--color-primary);border-radius:4px;color:var(--color-primary);cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s ease}.mh-expand-btn:hover{background-color:var(--color-primary);color:#fff}.mh-filters{border-bottom:1px solid var(--color-border);display:flex;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem}.mh-filter-btn{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text);cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s ease}.mh-filter-btn:hover{background-color:var(--color-bg-hover)}.mh-filter-btn.active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.mh-actions-list{display:flex;flex-direction:column;gap:1rem}.mh-action-item{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;padding:1rem;transition:all .2s ease}.mh-action-item:hover{box-shadow:0 2px 4px #0000000d}.mh-action-item.active{border-left:3px solid var(--color-danger);padding-left:calc(1rem - 2px)}.mh-action-item.resolved{border-left:3px solid var(--color-success);opacity:.85;padding-left:calc(1rem - 2px)}.mh-action-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.mh-action-type{gap:.75rem}.mh-action-type,.sanction-icon{align-items:center;display:flex}.sanction-icon{border-radius:6px;font-size:1.25rem;height:32px;justify-content:center;width:32px}.sanction-icon.ban{background-color:#dc35451a;color:#721c24}.sanction-icon.suspend{background-color:#dc35451a;color:#dc3545}.sanction-icon.mute{background-color:#fd7e141a;color:#fd7e14}.sanction-icon.warn{background-color:#ffc1071a;color:#ffc107}.sanction-icon.default{background-color:var(--color-bg-tertiary);color:var(--color-text-secondary)}.mh-action-info h4{color:var(--color-text);font-size:1rem;margin:0}.mh-action-date{color:var(--color-text-secondary);font-size:.75rem;margin:0}.mh-status-badge{border-radius:12px;font-size:.625rem;font-weight:600;letter-spacing:.05em;padding:.25rem .5rem;text-transform:uppercase}.mh-status-badge.active{background-color:#dc35451a;color:var(--color-danger)}.mh-status-badge.resolved{background-color:#28a7451a;color:var(--color-success)}.mh-status-badge.expired{background-color:#6c757d1a;color:var(--color-text-secondary)}.mh-action-details{display:flex;flex-direction:column;gap:.5rem}.mh-detail-row{align-items:flex-start;display:flex;font-size:.875rem;gap:.5rem}.mh-detail-label{color:var(--color-text-secondary);flex-shrink:0;font-weight:600;min-width:80px}.mh-detail-value{color:var(--color-text);flex:1 1}.mh-moderator-info{margin-top:.5rem;padding-top:.5rem}.mh-footer,.mh-moderator-info{border-top:1px solid var(--color-border)}.mh-footer{margin-top:1rem;padding-top:1rem;text-align:center}.mh-show-more-btn{background-color:var(--color-primary);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1.5rem;transition:all .2s ease}.mh-show-more-btn:hover{background-color:var(--color-primary-hover);box-shadow:0 2px 4px #ff450033;transform:translateY(-1px)}@media (max-width:768px){.moderation-history-section{margin:1rem 0;padding:1rem}.mh-header{align-items:flex-start;flex-direction:column;gap:.75rem}.mh-filters{flex-wrap:wrap}.mh-filter-btn{font-size:.75rem;padding:.375rem .75rem}.mh-action-header{align-items:flex-start;gap:.5rem}.mh-action-header,.mh-detail-row{flex-direction:column}.mh-detail-label{min-width:auto}}.dark-mode .mh-action-item:hover{box-shadow:0 2px 4px #ffffff0d}.image-modal-backdrop{animation:fadeIn .2s ease-in-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000c;cursor:pointer;height:100%;left:0;position:fixed;top:0;width:100%;z-index:10000}.image-modal-backdrop,.image-modal-content{align-items:center;display:flex;justify-content:center}.image-modal-content{animation:scaleIn .2s ease-in-out;cursor:default;max-height:90vh;max-width:90vw;position:relative}.image-modal-image{background-color:var(--color-bg);border-radius:var(--radius-lg);box-shadow:0 20px 40px #0000004d;height:auto;max-height:90vh;max-width:100%;object-fit:contain;width:auto}.image-modal-close{align-items:center;background-color:var(--color-bg);border:2px solid var(--color-border);border-radius:50%;box-shadow:var(--shadow-md);color:var(--color-text);cursor:pointer;display:flex;font-size:24px;font-weight:300;height:40px;justify-content:center;position:absolute;right:-15px;top:-15px;transition:all var(--transition-base);width:40px}.image-modal-close:hover{background-color:var(--color-danger);border-color:var(--color-danger);color:var(--color-text-inverse);transform:scale(1.1)}.dark-mode .image-modal-backdrop{background-color:#000000e6}.dark-mode .image-modal-close{background-color:var(--color-bg);border-color:var(--color-border);color:var(--color-text)}.dark-mode .image-modal-close:hover{background-color:var(--color-danger);border-color:var(--color-danger);color:var(--color-text-inverse)}.dark-mode .image-modal-image{box-shadow:0 20px 40px #00000080}@media (max-width:768px){.image-modal-content{max-height:95vh;max-width:95vw}.image-modal-close{font-size:20px;height:35px;right:-10px;top:-10px;width:35px}.image-modal-image{border-radius:var(--radius-base)}}.image-modal-backdrop>*{pointer-events:none}.image-modal-content,.image-modal-content *{pointer-events:auto}.profile-page{background-color:initial;min-height:100vh}.profile-page .profile__skip-links{display:none}.profile-page .dashboard-page-container{background-color:var(--color-bg);box-shadow:0 0 20px #0000001a}.profile-page .dashboard-page-content{background-color:initial}.dark-mode.profile-page .dashboard-page-container{background-color:#1a1a1a;box-shadow:0 0 20px #0000004d}.profile-page .profile__main,.profile-page main{background-color:initial}.profile{background-color:initial!important}.profile-error,.profile-loading{color:#666;font-size:1.1rem;padding:4rem 2rem;text-align:center}.profile-error{color:#d32f2f}.profile-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:row;margin-bottom:1.5rem;overflow:hidden}.profile-card[style*=background]{background-color:#fffffff2!important}.profile-card-left,.profile-card[style*=background]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-card-left{align-items:center;background-color:#fffffff2;display:flex;gap:1.5rem;padding:1.5rem;z-index:1}.profile-image{align-items:center;background-color:#f0f0f0;border-radius:4px;box-shadow:0 2px 4px #0000001a;display:flex;flex-shrink:0;height:100px;justify-content:center;overflow:hidden;width:100px}.profile-image img{height:100%;object-fit:cover;width:100%}.profile-image-placeholder{align-items:center;background-color:#f0f0f0;color:#aaa;display:flex;font-size:2.5rem;height:100%;justify-content:center;width:100%}.profile-details{flex:1 1}.profile-details h2{align-items:center;color:#333;display:flex;font-size:1.5rem;gap:.5rem;margin:0 0 .5rem}.profile-email,.profile-last-activity,.profile-member-since{color:#666;margin:.25rem 0}.profile-email{font-size:.9rem;margin:0 0 .5rem}.profile-birthday,.profile-last-activity,.profile-member-since{font-size:.9rem;margin:.3rem 0}.profile-cover-image{background-color:#000;flex:1 1;height:200px;overflow:hidden;position:relative}.profile-cover-image--clickable{cursor:pointer;transition:opacity .2s ease}.profile-cover-image:hover{opacity:.9}.profile-details .username-icon{font-size:1.2em}.profile-details .vip-badge{color:gold;font-size:1em}@keyframes profile-image__sliding-effect{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media (min-width:769px){@keyframes profile-image__sliding-effect{0%{transform:translateX(-15%)}to{transform:translateX(15%)}}}@media (max-width:768px){@keyframes profile-image__sliding-effect{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}}.profile-image[style*=animation]{animation-direction:alternate!important;animation-duration:3s!important;animation-iteration-count:infinite!important;animation-name:profile-image__sliding-effect!important;animation-timing-function:ease-in-out!important}.profile-image[style*=border]{background:inherit;padding:3px}.profile-image[style*=gradient]{padding:3px}.profile-image--has-frame{position:relative!important}.profile-image--has-frame:after,.profile-image[style*="--frame-url"]:after{background-image:var(--frame-url);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:120px;left:-10px;pointer-events:none;position:absolute;top:-10px;width:120px;z-index:2}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.profile-image--has-frame:after,.profile-image[style*="--frame-url"]:after{background-image:var(--frame-url);background-image:var(--frame-url-2x,var(--frame-url))}}.profile-cover-image img{display:block;height:100%;object-fit:contain;width:100%}.profile-cover-image:after{background:#0000;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;transition:background .2s ease}.profile-cover-image:hover:after{background:#0000001a}.category-chart,.profile-badges{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #00000014;margin-bottom:2rem;overflow:hidden;padding:1.5rem}.profile-stats-redesigned{margin-bottom:2rem}.section-title{border-bottom:1px solid #e0e0e0;color:#333;font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem}.report-stats-row{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #00000014;margin-bottom:1.5rem;overflow:hidden;padding:1.5rem}.stats-inline-group{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-around}.stats-inline-group span{color:#555;font-size:.95rem}.stats-inline-group span strong{color:#333;font-weight:600}.forum-like-stats-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-card{background-color:#fff;box-shadow:0 2px 10px #0000001a;overflow:hidden}.stat-card h3{color:#333;font-size:1.1rem;margin:0 0 1rem}.stat-card p{color:#555;font-size:.95rem;margin:.5rem 0}.stat-card p strong{color:#333;font-weight:600}.stat-card p a{color:#ff4500;font-size:.9rem;text-decoration:none}.stat-card p a:hover{text-decoration:underline}.stat-number{font-size:2rem;margin:.5rem 0 1rem}.profile-actions{margin-bottom:2rem;margin-top:2rem;text-align:center}.profile-actions__button{border:1px solid;border-radius:var(--radius-base);display:inline-block;font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-md);text-decoration:none;transition:all var(--transition-base)}.profile-actions__button--primary{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff!important}.profile-actions__button--primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);color:#fff!important;text-decoration:none;transform:translateY(-1px)}.profile-actions--public{margin-bottom:1rem;margin-top:1rem}.profile-actions--admin{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:8px;display:flex;gap:1rem;justify-content:center;overflow:hidden;padding:1rem}.admin-action-btn{background-color:var(--color-secondary);border:none;border-radius:4px;color:var(--color-text-inverse);cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.admin-action-btn:hover{background-color:#5a6268;background-color:var(--color-secondary-hover,#5a6268);box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.edit-profile-btn,.message-user-btn{background-color:#ff4500;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .2s}.edit-profile-btn:hover,.message-user-btn:hover{background-color:#e63900}.profile-loading{color:#666;font-size:1.1rem;padding:3rem 0;text-align:center}.dark-mode .profile-page{background-color:#1a1a1a!important;min-height:100vh}.dark-mode .profile-container{background-color:#1a1a1a}.dark-mode .profile-header h1{color:#e0e0e0}.dark-mode .profile-card{background-color:#2a2a2a;box-shadow:0 2px 4px #0003}.dark-mode .profile-card[style*=background]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#2a2a2af2!important}.dark-mode .profile-card-left{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#2a2a2af2}.dark-mode .profile-details h2{color:#e0e0e0}.dark-mode .profile-email{color:#aaa}.dark-mode .profile-birthday,.dark-mode .profile-last-activity,.dark-mode .profile-member-since{color:#888}.dark-mode .profile-image,.dark-mode .profile-image-placeholder{background-color:#333}.dark-mode .profile-cover-image{background-color:#000}.dark-mode .category-chart,.dark-mode .profile-badges,.dark-mode .report-stats-row,.dark-mode .stat-card{background-color:#2a2a2a;box-shadow:0 2px 4px #0000004d;color:#e0e0e0}.dark-mode .section-title{border-bottom-color:#444;color:#ccc}.dark-mode .stats-inline-group span{color:#bbb}.dark-mode .stat-card h3,.dark-mode .stats-inline-group span strong{color:#e0e0e0}.dark-mode .stat-card p{color:#bbb}.dark-mode .stat-card p strong{color:#e0e0e0}.dark-mode .stat-card p a{color:#ff6a33}.dark-mode .stat-card p a:hover{color:#ff8c66}.dark-mode .stat-number{color:#ff4500}.dark-mode .edit-profile-btn,.dark-mode .message-user-btn{background-color:#e63900;color:#e0e0e0}.dark-mode .edit-profile-btn:hover,.dark-mode .message-user-btn:hover{background-color:#ff4500}.profile-sanctions{background-color:var(--color-bg-secondary)}.profile-sanctions__header{margin-bottom:1rem}.profile-sanctions__header h3{color:var(--color-text)}.profile-sanctions__notice{color:var(--color-warning);font-size:.9rem}.profile-sanctions__info{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:6px;margin-bottom:1rem;overflow:hidden;padding:1rem}.profile-sanctions__info p{color:var(--color-text);font-size:.9rem;line-height:1.5;margin:.5rem 0}.profile-sanctions__info p:first-child{margin-top:0}.profile-sanctions__info p:last-child{margin-bottom:0}.profile-sanctions__info strong{color:var(--color-text);font-weight:600}.profile-sanction{align-items:center;background-color:var(--color-bg)}.profile-sanction--ban{border-color:var(--color-danger)}.profile-sanction--suspend{border-color:var(--color-warning)}.profile-sanction--mute{border-color:var(--color-secondary)}.profile-sanction--warn{border-color:var(--color-warning)}.profile-sanction__type{color:var(--color-text);font-size:.875rem;white-space:nowrap}.profile-sanction__meta{font-size:.875rem}.profile-sanction__appeal-btn{white-space:nowrap}.profile-appeal-modal__content{background-color:var(--color-bg);border-radius:8px;box-shadow:0 4px 20px #0003;padding:2rem;width:90%}.dark-mode .profile-loading{color:#e0e0e0}@media (max-width:768px){.profile-container{margin-top:0!important;padding:5px;padding-top:0!important}.category-chart,.points-display-container,.profile-actions,.profile-badges,.profile-card,.profile-stats-redesigned{margin-left:0;margin-right:0}.profile-header{margin-top:.5rem;padding:1rem}.profile-header h1{font-size:1.5rem}.profile-card{flex-direction:column}.profile-cover-image{height:150px;width:100%}.profile-card-left{flex-direction:column;padding:1rem;text-align:center}.profile-details{width:100%}.profile-details h2{justify-content:center}.profile-image{margin-bottom:1rem}.stats-inline-group{align-items:center;flex-direction:column;gap:.5rem}}@media (max-width:600px){.profile-stats{flex-direction:column}.forum-like-stats-row{grid-template-columns:1fr}}@media (min-width:992px){#root .App .profile-container{max-width:1200px}}.profile-sanctions{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;margin-bottom:2rem;overflow:hidden;padding:1.5rem}.profile-sanctions__header{margin-bottom:1.5rem}.profile-sanctions__header h3{align-items:center;color:var(--color-danger);display:flex;font-size:1.25rem;gap:.5rem;margin:0 0 .5rem}.profile-sanctions__notice{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.875rem;gap:.5rem;margin:0}.profile-sanctions__notice svg{color:var(--color-warning)}.profile-sanctions__list{display:flex;flex-direction:column;gap:1rem}.profile-sanction{align-items:start;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:6px;display:flex;gap:1rem;overflow:hidden;padding:1rem}.profile-sanction__type{border-radius:4px;flex-shrink:0;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.profile-sanction--ban .profile-sanction__type{background-color:#721c24;color:#fff}.profile-sanction--suspend .profile-sanction__type{background-color:#dc3545;color:#fff}.profile-sanction--mute .profile-sanction__type{background-color:#fd7e14;color:#fff}.profile-sanction--warn .profile-sanction__type{background-color:#ffc107;color:#212529}.profile-sanction__details{flex:1 1}.profile-sanction__reason{color:var(--color-text);font-size:.9375rem;margin:0 0 .5rem}.profile-sanction__meta{color:var(--color-text-secondary);display:flex;flex-wrap:wrap;font-size:.8125rem;gap:1rem}.profile-sanction__appeal-btn{background-color:var(--color-primary);border:none;border-radius:4px;color:var(--color-text-inverse);cursor:pointer;flex-shrink:0;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.profile-sanction__appeal-btn:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}.profile-appeal-modal{align-items:center;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.profile-appeal-modal__backdrop{background-color:#00000080;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0}.profile-appeal-modal__content{max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:100%;z-index:1}@media (max-width:768px){.profile-sanction{flex-direction:column}.profile-sanction__meta{flex-direction:column;gap:.25rem}.profile-sanction__appeal-btn{width:100%}}.dashboard-page-container{margin:0 auto;max-width:1200px;min-height:calc(100vh - 60px);padding:1rem}.dashboard-page-header{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:1.5rem;padding:1.5rem}.dashboard-page-header h1{color:#333;font-size:1.75rem;font-weight:600;margin:0 0 .5rem}.dashboard-page-header p{color:#666;font-size:.95rem;margin:0}.dashboard-page-content{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:1.5rem}@media (max-width:768px){.dashboard-page-container{margin-top:0!important;padding:.5rem;padding-top:0!important}.dashboard-page-header{border-radius:8px;margin-bottom:1rem;margin-top:.5rem;padding:1rem}.dashboard-page-header h1{font-size:1.5rem}.dashboard-page-header p{font-size:.9rem}.dashboard-page-content{padding:1rem}}.dark-mode .dashboard-page-content,.dark-mode .dashboard-page-header{background-color:#2a2a2a;box-shadow:0 2px 4px #0003}.dark-mode .dashboard-page-header h1{color:#e0e0e0}.dark-mode .dashboard-page-header p{color:#aaa}.my-coupons-page>.container,.points-guide-page>.container,.profile-page>.container,.reports-page>.container{margin-top:0!important;padding-top:0!important}.customize-display-page{background:#0000;padding:1rem;width:100%}.customize-display-page .customize-display-page__skip-links{display:none}.customize-display-page__content{padding:0 2rem}@media (max-width:768px){.customize-display-page__content{padding:0 1rem}}.settings-section{border-bottom:1px solid var(--color-border-light);margin-bottom:3rem;padding:2rem 2rem 3rem}.settings-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:3rem}.settings-section h2{color:var(--color-text);font-size:1.5rem;font-weight:var(--font-weight-semibold);margin-bottom:.5rem}.section-description{color:var(--color-text-secondary);font-size:.95rem;line-height:1.6}.preset-section{background:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-bottom:3rem;padding:2.5rem}.preset-buttons{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1rem}.preset-button{align-items:center;background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-base);cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;text-align:center;transition:all var(--transition-base)}.preset-button:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.preset-button:active{transform:translateY(0)}.preset-icon{font-size:2rem;margin-bottom:.5rem}.preset-name{color:var(--color-text);font-size:1.1rem;font-weight:var(--font-weight-semibold)}.preset-desc{color:var(--color-text-secondary);font-size:.85rem;margin-top:.25rem}.display-options-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.option-group{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-base);padding:2rem}.group-title{border-bottom:2px solid var(--color-border-light);color:var(--color-text);font-size:1.1rem;font-weight:var(--font-weight-semibold);margin-bottom:1rem;padding-bottom:.75rem}.option-items{display:flex;flex-direction:column;gap:1rem}.toggle-item{align-items:center;background:var(--color-bg);border:1px solid #0000;border-radius:var(--radius-small);cursor:pointer;display:flex;justify-content:space-between;padding:1rem 1.25rem;transition:all var(--transition-base)}.toggle-item:hover{background:var(--color-bg-hover);border-color:var(--color-border)}.toggle-label{align-items:center;color:var(--color-text);display:flex;font-size:.95rem;gap:.75rem;-webkit-user-select:none;user-select:none}.toggle-icon{font-size:1.2rem;text-align:center;width:1.5rem}.toggle-switch{display:inline-block;height:24px;position:relative;width:48px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:var(--color-border);border-radius:24px;bottom:0;cursor:pointer;left:0;right:0;top:0}.toggle-slider,.toggle-slider:before{position:absolute;transition:all var(--transition-base)}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;width:18px}.toggle-switch input:checked+.toggle-slider{background-color:var(--color-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(24px)}.view-options-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.view-mode-selector{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-base);padding:2rem}.radio-group{gap:1rem;margin-top:1rem}.radio-item{align-items:center;background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-base);cursor:pointer;display:flex;flex:1 1;gap:.5rem;justify-content:center;padding:1rem;position:relative;transition:all var(--transition-base)}.radio-item:hover{background:var(--color-bg-hover);border-color:var(--color-primary)}.radio-item.active{background:#ff6b351a;border-color:var(--color-primary)}.radio-item input[type=radio]{opacity:0;position:absolute}.radio-icon{font-size:1.5rem}.toggle-options{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-base);padding:2rem}.toggle-options .toggle-item{margin-bottom:.5rem}.toggle-options .toggle-item:last-child{margin-bottom:0}.admin-options{display:flex;flex-direction:column;gap:.75rem}.admin-options .toggle-item{background:var(--color-bg-tertiary);border:1px solid var(--color-border)}.form-actions{align-items:center;justify-content:space-between;margin-top:3rem}.actions-right{align-items:center;display:flex;gap:1rem}.btn{border:none;border-radius:var(--radius-base);cursor:pointer;font-size:1rem;font-weight:var(--font-weight-medium);padding:.75rem 1.5rem;transition:all var(--transition-base)}.btn-secondary{background-color:var(--color-bg-secondary)}.btn-secondary:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-border-dark)}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.message{animation:slideIn .3s ease-out;font-size:.9rem;padding:.75rem 1rem}.message-success{background-color:#28a7451a;border:1px solid #28a7454d;color:var(--color-success)}.message-error{background-color:#dc35451a;border:1px solid #dc35454d;color:var(--color-danger)}.option-animation{animation:pulse .3s ease-out}body.dark-mode .option-group,body.dark-mode .preset-button{background:var(--color-bg-tertiary)}body.dark-mode .toggle-item{background:var(--color-bg-secondary)}body.dark-mode .toggle-options,body.dark-mode .view-mode-selector{background:var(--color-bg-tertiary)}body.dark-mode .radio-item{background:var(--color-bg-secondary)}body.dark-mode .radio-item.active{background:#ff6b3533}@media (max-width:768px){.customize-display-page{padding:.5rem}.settings-section{margin-bottom:2rem;padding:1.5rem 1.5rem 2rem}.preset-section{padding:2rem}.display-options-grid,.preset-buttons{grid-template-columns:1fr}.display-options-grid{gap:1rem}.option-group{padding:1.5rem}.toggle-item{padding:1rem}.view-options-container{gap:1rem;grid-template-columns:1fr}.toggle-options,.view-mode-selector{padding:1.5rem}.form-actions,.radio-group{flex-direction:column}.form-actions{align-items:stretch}.actions-right{flex-direction:column-reverse;width:100%}.btn{width:100%}}.section-header-with-action{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.section-header-with-action h2{margin-bottom:.5rem}.reset-section-button{background:#f5f5f5;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.reset-section-button:hover{background:#ff4500;border-color:#ff4500;box-shadow:0 2px 8px #ff450033;color:#fff;transform:translateY(-1px)}.dark-mode .reset-section-button{background:#2a2a2a;border-color:#444;color:#e0e0e0}.dark-mode .reset-section-button:hover{background:#ff6b35;border-color:#ff6b35;color:#fff}.font-size-controls{display:flex;flex-direction:column;gap:1.5rem}.font-size-item{display:flex;flex-direction:column;gap:.5rem}.font-size-label{align-items:center;display:flex;justify-content:space-between;margin-bottom:.25rem}.font-label-text{color:#333;flex:1 1;font-size:14px}.font-size-value{color:#ff4500;font-size:14px;font-weight:600;min-width:45px;text-align:right}.font-size-slider{-webkit-appearance:none;appearance:none;background:#e0e0e0;border-radius:3px;cursor:pointer;height:6px;outline:none;width:100%}.font-size-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#ff4500;border-radius:50%;cursor:pointer;height:18px;-webkit-transition:all .2s ease;transition:all .2s ease;width:18px}.font-size-slider::-moz-range-thumb{background:#ff4500;border:none;border-radius:50%;cursor:pointer;height:18px;-moz-transition:all .2s ease;transition:all .2s ease;width:18px}.font-size-slider:hover::-webkit-slider-thumb{box-shadow:0 2px 8px #ff45004d;transform:scale(1.1)}.font-size-slider:hover::-moz-range-thumb{box-shadow:0 2px 8px #ff45004d;transform:scale(1.1)}.dark-mode .font-label-text{color:#e0e0e0}.dark-mode .font-size-slider{background:#444}.dark-mode .font-size-slider::-webkit-slider-thumb{background:#ff6b35}.dark-mode .font-size-slider::-moz-range-thumb{background:#ff6b35}.font-size-section-container{grid-gap:3rem;align-items:start;display:grid;gap:3rem;grid-template-columns:1fr 350px}.preview-section{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;padding:1.5rem}.preview-title{margin:0 0 1rem}.preview-card{background:#fff;border:1px solid #ccc;border-radius:12px;box-shadow:0 2px 8px #00000014;margin:0 auto;max-width:300px;overflow:hidden}.preview-card-header{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;font-size:12px;font-weight:600;padding:8px 12px;text-align:center}.preview-badge{gap:6px}.preview-card-media{align-items:center;background:#f5f5f5;border-radius:8px;display:flex;height:160px;justify-content:center;margin:10px 10px 0;overflow:hidden}.preview-media-placeholder{font-size:48px;opacity:.3}.preview-card-content{padding:14px}.preview-card-title{align-items:center;color:#333;display:flex;font-size:16px;font-weight:600;height:45px;justify-content:center;margin:0 0 10px;text-align:center}.preview-summary{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#718096;display:-webkit-box;line-height:1.5;margin:10px 0;overflow:hidden}.preview-separator{background:#eee;height:1px;margin:4px 0}.preview-info-row{align-items:center;color:#666;display:flex;justify-content:space-between;padding:8px 0}.preview-pr-row{gap:8px;justify-content:center}.preview-pr-label{color:#2b6cb0;font-weight:600}.preview-pr-number{background:#e6f0fa;border-radius:4px;padding:3px 8px}.preview-category{background:#f56565;border-radius:4px;color:#fff;display:inline-block;font-weight:500;padding:4px 10px;text-align:center;width:100%}.preview-detail-page{background:#fff;border-radius:8px;overflow:hidden}.preview-detail-header{border-bottom:1px solid #eee;padding:1rem}.preview-back-button{background:#f5f5f5;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:14px;padding:8px 16px}.details-preview{border:none;border-radius:0;box-shadow:none;max-width:none}.preview-detail-media{padding:0 14px}.preview-media-large{align-items:center;background:#f5f5f5;border-radius:8px;display:flex;font-size:72px;height:300px;justify-content:center;margin:10px 0;opacity:.3}.preview-thumbnails{display:flex;gap:8px;margin-bottom:10px}.preview-thumbnail{align-items:center;background:#f5f5f5;border-radius:4px;display:flex;font-size:24px;height:80px;justify-content:center;opacity:.3;width:80px}.detail-summary{-webkit-line-clamp:unset;height:auto}.dark-mode .preview-section{background:#2a2a2a;border-color:#444}.dark-mode .preview-title{color:#e0e0e0}.dark-mode .preview-card{background:#1a1a1a;border-color:#444}.dark-mode .preview-card-title{color:#fff}.dark-mode .preview-summary{color:#b0b0b0}.dark-mode .preview-separator{background:#444}.dark-mode .preview-info-row{color:#d1d1d1}.dark-mode .preview-detail-page{background:#1a1a1a}.dark-mode .preview-back-button{background:#2a2a2a;border-color:#444;color:#e0e0e0}.dark-mode .preview-detail-header{border-color:#444}@media (max-width:1024px){.font-size-section-container{gap:2rem;grid-template-columns:1fr}.preview-section{order:-1}.section-header-with-action{flex-direction:column;gap:1rem}.reset-section-button{align-self:flex-start}}@media (max-width:768px){.preview-card{max-width:100%}.preview-detail-media{padding:0 10px}.preview-media-large{height:200px}.preview-thumbnails{justify-content:center}}.tier-switcher-section{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);margin-top:2rem;padding:1.5rem}.tier-switcher-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.tier-switcher-label{color:var(--color-text);font-size:1rem;font-weight:var(--font-weight-semibold)}.tier-switcher-description{color:var(--color-text-secondary);font-size:.875rem;line-height:1.5;margin-bottom:1rem}.tier-switcher-buttons{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(4,1fr);margin-bottom:1rem}.tier-button{align-items:center;background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:.5rem;padding:1rem .75rem;transition:all var(--transition-base)}.tier-button:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.tier-button:active{transform:translateY(0)}.tier-button.active{border-width:3px;box-shadow:var(--shadow-lg)}.tier-button.tier-free:hover{border-color:#2563eb}.tier-button.tier-free.active{background:#2563eb1a;border-color:#2563eb}.tier-button.tier-bronze:hover{border-color:#cd7f32}.tier-button.tier-bronze.active{background:#cd7f321a;border-color:#cd7f32}.tier-button.tier-silver:hover{border-color:silver}.tier-button.tier-silver.active{background:#c0c0c01a;border-color:silver}.tier-button.tier-gold:hover{border-color:gold}.tier-button.tier-gold.active{background:#ffd7001a;border-color:gold}.tier-icon{font-size:1.5rem;line-height:1}.tier-name{font-size:.875rem;font-weight:var(--font-weight-medium)}.tier-current-status{color:var(--color-text-secondary);font-size:.875rem;margin:0;text-align:center}.tier-current-status strong{color:var(--color-text);font-weight:var(--font-weight-semibold)}@media (max-width:640px){.tier-switcher-buttons{grid-template-columns:repeat(2,1fr)}}.ccp{background:var(--color-bg);min-height:100vh;padding:1rem;width:100%}.customize-categories-page .customize-categories-page__skip-links{display:none}.ccp__content{background:var(--color-bg);border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;margin:0 auto;max-width:1200px;min-height:calc(100vh - 4rem);overflow:hidden}.ccp__error{background-color:var(--color-danger-light);border:1px solid var(--color-danger-border);border-radius:var(--radius-base);color:var(--color-danger);margin-bottom:var(--space-lg);padding:var(--space-md)}.ccp__header{border-bottom:1px solid var(--color-border-light);margin:0;padding:24px}.ccp__tab-header{background:var(--color-bg);border:none;border-bottom:1px solid var(--color-border-light);margin-bottom:0;padding:0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.ccp__tabs{display:flex;gap:4px;padding:0 var(--space-md)}.ccp__tab-button{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:var(--color-text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease}.ccp__tab-button:hover{background:var(--color-bg-hover);color:var(--color-text)}.ccp__tab-button--active{background:#0000;border-bottom-color:var(--color-primary);color:var(--color-primary)}.ccp__tab-count{background:var(--color-primary);border-radius:10px;color:#fff;font-size:12px;min-width:20px;padding:2px 6px;text-align:center}.ccp__quick-actions{align-items:center;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-light);display:flex;gap:16px;padding:16px 24px;position:-webkit-sticky;position:sticky;top:60px;z-index:99}.ccp__search-box{flex:1 1;position:relative}.ccp__search-input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);font-size:14px;padding:8px 32px 8px 12px;transition:all .2s ease;width:100%}.ccp__search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff6b351a;outline:none}.ccp__search-clear{align-items:center;background:none;border:none;border-radius:50%;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:24px}.ccp__search-clear:hover{background:var(--color-bg-hover);color:var(--color-text)}.ccp__preset-buttons{display:flex;gap:8px}.ccp__preset-button{background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s ease}.ccp__preset-button:hover{background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 2px 4px #0000001a;color:#fff;transform:translateY(-1px)}.ccp__preset-button--animating{animation:pulse .3s ease-out}.ccp__expand-buttons{display:flex;gap:4px}.ccp__expand-button{align-items:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.ccp__expand-button:hover{background:var(--color-bg-hover);border-color:var(--color-border-dark);color:var(--color-text)}.ccp__tab-content{animation:fadeIn .3s ease-out;flex:1 1;max-height:calc(100vh - 400px);overflow-y:auto;padding:16px 24px}.ccp__tab-content::-webkit-scrollbar{width:8px}.ccp__tab-content::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:10px}.ccp__tab-content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:10px}.ccp__tab-content::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.ccp__categories-list{display:flex;flex-direction:column;gap:8px}.ccp__major-category{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:8px;overflow:hidden;transition:all .2s ease}.ccp__major-category:hover{border-color:var(--color-border);box-shadow:0 2px 4px #0000000d}.ccp__major-category--expanded{background:var(--color-bg)}.ccp__major-header{align-items:center;display:flex;gap:8px;padding:12px 16px}.ccp__expand-toggle{align-items:center;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;transition:all .2s ease;width:20px}.ccp__expand-toggle:hover{color:var(--color-text)}.ccp__checkbox-label{align-items:center;cursor:pointer;display:flex;gap:8px;-webkit-user-select:none;user-select:none}.ccp__checkbox-label--major{color:var(--color-text);flex:1 1;font-weight:600}.ccp__checkbox-label input[type=checkbox]{-webkit-appearance:none;appearance:none;background-color:var(--color-bg);border:2px solid var(--color-border);border-radius:3px;cursor:pointer;height:16px;position:relative;width:16px;z-index:1}.ccp__checkbox-label input[type=checkbox]:checked{background-color:var(--color-primary)!important;border-color:var(--color-primary);transition:none}.ccp__checkbox-label input[type=checkbox]:checked:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:9px;left:4px;position:absolute;top:1px;transform:rotate(45deg);width:5px}.ccp__checkbox-label input[type=checkbox]:hover{border-color:var(--color-primary)}.ccp__checkbox-label input[type=checkbox]:focus{box-shadow:0 0 0 3px #ff6b3533;outline:none}.ccp__category-name,.ccp__island-name{font-size:14px}.ccp__category-icon{font-size:1.2rem}.ccp__subcategories{display:flex;flex-direction:column;gap:12px;padding:0 16px 16px 44px}.ccp__sub-category{display:flex;flex-direction:column;gap:8px}.ccp__checkbox-label--sub{background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:6px;color:var(--color-text);font-weight:500;padding:8px 12px}.ccp__checkbox-label--sub:hover{background:var(--color-bg-hover)}.ccp__detailed-categories{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));padding-left:20px}.ccp__checkbox-label--detail{background:var(--color-bg-tertiary);border:1px solid #0000;border-radius:4px;color:var(--color-text-secondary);font-size:13px;padding:6px 10px;transition:all .2s ease}.ccp__checkbox-label--detail:hover{background:var(--color-bg);border-color:var(--color-border-light);color:var(--color-text)}.ccp__checkbox-label--animating,.ccp__major-category--animating,.ccp__sub-category--animating{animation:pulse .3s ease-out}.ccp__islands-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.ccp__checkbox-label--island{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:8px;font-weight:500;padding:12px 16px;transition:all .2s ease}.ccp__checkbox-label--island:hover{background:var(--color-bg);border-color:var(--color-border);box-shadow:0 2px 4px #0000000d;transform:translateY(-1px)}.ccp__no-results{color:var(--color-text-muted);font-style:italic;padding:48px 24px;text-align:center}.ccp__form-actions{align-items:center;background:var(--color-bg);border-top:1px solid var(--color-border-light);bottom:0;display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:space-between;margin-top:auto;padding:24px;position:-webkit-sticky;position:sticky;z-index:50}.ccp__button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;min-width:120px;padding:10px 20px;transition:all .2s ease}.ccp__button--primary{background-color:var(--color-primary);color:#fff}.ccp__button--primary:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:0 2px 8px #ff6b354d;transform:translateY(-1px)}.ccp__button--secondary{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-light);color:var(--color-text)}.ccp__button--secondary:hover{background-color:var(--color-bg-hover)}.ccp__button:disabled{cursor:not-allowed;opacity:.6}.message{border-radius:var(--radius-base);font-size:var(--font-size-xs);margin-top:var(--space-xs);padding:var(--space-xs) var(--space-sm)}.message.success{background-color:var(--color-success-light);border:1px solid var(--color-success-border);color:var(--color-success)}.message.error{background-color:var(--color-danger-light);border:1px solid var(--color-danger-border);color:var(--color-danger)}body.dark-mode .ccp__content{background:var(--color-bg);box-shadow:0 2px 8px #0003}body.dark-mode .ccp__checkbox-label input[type=checkbox]{background-color:var(--color-bg-secondary);border-color:var(--color-border);transition:none!important}body.dark-mode .ccp__checkbox-label input[type=checkbox]:checked{background-color:var(--color-primary)!important;border-color:var(--color-primary);transition:none}body.dark-mode .ccp__checkbox-label input[type=checkbox]:hover{border-color:var(--color-primary)}body.dark-mode .ccp__major-category{background:var(--color-bg-secondary)}body.dark-mode .ccp__major-category--expanded{background:var(--color-bg-tertiary)}body.dark-mode .ccp__checkbox-label--sub{background:var(--color-bg-tertiary);border-color:var(--color-border)}body.dark-mode .ccp__checkbox-label--detail{background:var(--color-bg-secondary)}body.dark-mode .ccp__checkbox-label--detail:hover{background:var(--color-bg-tertiary)}body.dark-mode .ccp__checkbox-label--island{background:var(--color-bg-secondary)}body.dark-mode .ccp__error{background-color:#dc35451a;color:#ff8a8a}@media (max-width:768px){.ccp{padding:10px}.ccp__quick-actions{flex-wrap:wrap;padding:12px}.ccp__search-box{order:-1;width:100%}.ccp__preset-buttons{order:1}.ccp__expand-buttons{order:2}.ccp__detailed-categories{grid-template-columns:1fr}.ccp__islands-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.ccp__form-actions{align-items:stretch;flex-direction:column;gap:12px}.ccp__button{width:100%}}@media (max-width:480px){.ccp__tab-content{padding:12px}.ccp__islands-grid{grid-template-columns:1fr}.ccp__subcategories{padding-left:32px}.ccp__quick-actions{gap:8px}.ccp__preset-buttons{flex-wrap:wrap}}@media (min-width:1024px){.ccp__content{margin-top:2rem}.ccp__header{padding:32px}.ccp__tab-content{max-height:calc(100vh - 350px);padding:24px 32px}.ccp__categories-list{gap:12px}.ccp__detailed-categories{gap:8px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.ccp__islands-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.settings-location{margin:var(--space-md) 0}.settings-location__tabs{border-bottom:2px solid var(--color-border);display:flex;gap:var(--space-xs);margin-bottom:var(--space-md)}.settings-location__tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-base);gap:var(--space-xs);margin-bottom:-2px;padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.settings-location__tab:hover{background-color:var(--color-bg-hover);color:var(--color-text)}.settings-location__tab--active{border-bottom-color:var(--color-primary);color:var(--color-primary);font-weight:var(--font-weight-medium)}.settings-location__tab svg{font-size:1rem}.settings-location__current{margin-bottom:var(--space-md)}.settings-location__current-btn{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;font-size:var(--font-size-base);gap:var(--space-xs);padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.settings-location__current-btn:hover{background-color:var(--color-bg-hover);border-color:var(--color-primary);color:var(--color-primary)}.settings-location__current-btn:disabled{cursor:not-allowed;opacity:.6}.settings-location__current-btn svg{animation:spin 1s linear infinite;animation-play-state:paused;font-size:1rem}.settings-location__current-btn:disabled svg{animation-play-state:running}.settings-location__content{background-color:var(--color-bg-secondary);border-radius:var(--radius-base);padding:var(--space-md)}.settings-location__content,.settings-location__field{margin-bottom:var(--space-md)}.settings-location__field:last-child{margin-bottom:0}.settings-location__field label{color:var(--color-text);display:block;font-weight:var(--font-weight-medium);margin-bottom:var(--space-xs)}.settings-location__field input,.settings-location__field select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:var(--font-size-base);padding:var(--space-sm);transition:border-color var(--transition-base);width:100%}.settings-location__field input:focus,.settings-location__field select:focus{border-color:var(--color-primary);outline:none}.settings-location__field-row{display:flex;gap:var(--space-sm)}.settings-location__field--city{flex:2 1}.settings-location__field--state,.settings-location__field--zip{flex:1 1}.settings-location__hint{color:var(--color-text-muted);display:block;font-size:var(--font-size-sm);margin-top:var(--space-xs)}.settings-location__map-container{border-radius:var(--radius-base);height:400px;margin-bottom:var(--space-sm);overflow:hidden;width:100%}.settings-location__selected{background-color:var(--color-success);background-color:color-mix(in srgb,var(--color-success) 10%,#0000);border:1px solid var(--color-success);border-radius:var(--radius-base);color:var(--color-text);padding:var(--space-sm) var(--space-md)}.settings-location__selected strong{font-weight:var(--font-weight-medium)}body.dark-mode .settings-location__content{background-color:var(--color-bg-tertiary)}body.dark-mode .settings-location__field input,body.dark-mode .settings-location__field select{background-color:var(--color-bg-secondary)}body.dark-mode .settings-location__current-btn{background-color:var(--color-bg-tertiary)}body.dark-mode .settings-location__selected{background-color:color-mix(in srgb,var(--color-success) 20%,#0000)}.settings-location__geocoding{align-items:center;background-color:var(--color-info);background-color:color-mix(in srgb,var(--color-info) 10%,#0000);border:1px solid var(--color-info);border-radius:var(--radius-base);color:var(--color-text);display:flex;font-size:var(--font-size-sm);gap:var(--space-xs);margin-top:var(--space-sm);padding:var(--space-sm)}.settings-location__spinner{animation:spin 1s linear infinite;color:var(--color-info)}.settings-location__coordinates{color:var(--color-text-muted);font-family:monospace;font-size:var(--font-size-sm)}.settings-location__field-hint{color:var(--color-info);display:block;font-size:var(--font-size-sm);font-style:italic;margin-top:var(--space-sm)}@media (max-width:768px){.settings-location__tabs{flex-wrap:wrap;gap:var(--space-xs)}.settings-location__tab{flex:1 1 48%;font-size:var(--font-size-sm);justify-content:center;min-height:44px;padding:var(--space-sm)}.settings-location__tab svg{font-size:16px}.settings-location__tab span{font-size:var(--font-size-sm)}.settings-location__field-row{flex-direction:column}.settings-location__field--city,.settings-location__field--state,.settings-location__field--zip{flex:1 1}.settings-location__input{font-size:1rem;min-height:44px}.settings-location__map-container{height:300px}.settings-location__current-location{font-size:var(--font-size-sm);padding:var(--space-sm)}.settings-location__gps-button{font-size:var(--font-size-base);min-height:44px;padding:var(--space-sm) var(--space-md)}}@media (max-width:480px){.settings-location__tabs{gap:2px}.settings-location__tab{flex:1 1 48%;font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-sm)}.settings-location__tab:first-child,.settings-location__tab:nth-child(2),.settings-location__tab:nth-child(3),.settings-location__tab:nth-child(4){flex:1 1 48%}.settings-location__content{padding:var(--space-sm)}.settings-location__label{font-size:var(--font-size-sm);margin-bottom:var(--space-xs)}.settings-location__field{margin-bottom:var(--space-sm)}.settings-location__map-container{height:250px}.settings-location__current-location{font-size:var(--font-size-xs)}.settings-location__gps-button{width:100%}}.ans{background:#f8f9fa;border-radius:8px;margin-top:30px;padding:20px}.ans__title{color:#333;font-size:1.5rem;font-weight:600;margin:0 0 20px}.ans__section{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;padding:20px}.ans__section-title{align-items:center;color:#ff4500;display:flex;font-size:1.2rem;font-weight:600;gap:8px;margin:0 0 15px}.ans__item{margin-bottom:15px}.ans__checkbox-label,.ans__toggle-label{align-items:center;color:#333;cursor:pointer;display:flex;font-size:1.1rem;margin-bottom:15px;position:relative}.ans__checkbox-label input[type=checkbox],.ans__toggle-label input[type=checkbox]{appearance:none;-webkit-appearance:none;background:#fff;border:2px solid #ddd;border-radius:4px;cursor:pointer;height:20px;margin-right:10px;position:relative;transition:all .2s ease;width:20px}.ans__checkbox-label input[type=checkbox]:checked,.ans__toggle-label input[type=checkbox]:checked{background:#ff4500;border-color:#ff4500}.ans__checkbox-label input[type=checkbox]:checked:before,.ans__toggle-label input[type=checkbox]:checked:before{color:#fff;content:"✓";font-size:14px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ans__checkbox-label input[type=checkbox]:hover,.ans__toggle-label input[type=checkbox]:hover{border-color:#ff4500}.ans__checkbox-label input[type=checkbox]:focus,.ans__toggle-label input[type=checkbox]:focus{outline:2px solid #ff4500;outline-offset:2px}.ans__quiet-hours{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-left:30px;padding:20px}.ans__time-inputs{display:flex;gap:20px;margin-bottom:15px}.ans__time-input{display:flex;flex-direction:column;gap:5px}.ans__time-input label{color:#666;font-size:.9rem;font-weight:500}.ans__time-input input[type=time]{background:#fff;border:2px solid #e9ecef;border-radius:6px;font-size:1rem;padding:10px;transition:border-color .2s ease}.ans__time-input input[type=time]:focus{border-color:#ff4500;outline:none}.ans__timezone-info{background:#e8f4fd;border-radius:4px;color:#06c;font-size:.9rem;font-style:italic;margin-top:15px;padding:10px}.ans__location-config{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-left:30px;padding:20px}.ans__radius-slider{margin-bottom:20px}.ans__radius-slider label{color:#333;display:block;font-weight:600;margin-bottom:10px}.ans__radius-slider input[type=range]{-webkit-appearance:none;background:#e9ecef;border-radius:4px;cursor:pointer;height:8px;outline:none;width:100%}.ans__radius-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#ff4500;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:24px;width:24px}.ans__radius-slider input[type=range]::-moz-range-thumb{background:#ff4500;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:24px;width:24px}.ans__alert-types h4{color:#333;font-size:1rem;font-weight:600;margin:0 0 15px}.ans__smart-config{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-left:30px;padding:20px}.ans__channels-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.ans__channel-card{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;padding:20px;transition:border-color .2s ease}.ans__channel-card:hover{border-color:#ff4500}.ans__channel-card h4{color:#ff4500;font-size:1.1rem;font-weight:600;margin:0 0 15px}.ans__footer{display:flex;justify-content:center;margin-top:40px}.ans__save-btn{align-items:center;background:#ff4500;border:none;border-radius:8px;box-shadow:0 4px 8px #ff45004d;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:10px;padding:15px 40px;transition:all .2s ease}.ans__save-btn:hover:not(:disabled){background:#e63900;box-shadow:0 6px 12px #ff450066;transform:translateY(-2px)}.ans__save-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.ans__save-btn--saved{background:#28a745;box-shadow:0 4px 8px #28a7454d}.ans__crime-types-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:10px}.ans__crime-types-grid .ans__checkbox-label{font-size:.95rem;margin-bottom:8px}.ans__hint{color:#6c757d;font-size:.85rem;margin:5px 0}.ans__location-input{margin-top:10px}.dark-mode .ans{background:#1a1a1a}.dark-mode .ans__title{color:#eee}.dark-mode .ans__section{background:#2b2b2b;border-color:#444;box-shadow:0 2px 8px #0006}.dark-mode .ans__section-title{color:#ff6b35}.dark-mode .ans__checkbox-label,.dark-mode .ans__toggle-label{color:#eee}.dark-mode .ans__checkbox-label input[type=checkbox],.dark-mode .ans__toggle-label input[type=checkbox]{background:#333;border-color:#555}.dark-mode .ans__checkbox-label input[type=checkbox]:checked,.dark-mode .ans__toggle-label input[type=checkbox]:checked{background:#ff4500;border-color:#ff4500}.dark-mode .ans__channel-card,.dark-mode .ans__location-config,.dark-mode .ans__quiet-hours,.dark-mode .ans__smart-config{background:#333;border-color:#444}.dark-mode .ans__channel-card:hover{border-color:#ff4500}.dark-mode .ans__channel-card h4{color:#ff6b35}.dark-mode .ans__time-input input[type=time]{background:#444;border-color:#555;color:#eee}.dark-mode .ans__time-input input[type=time]:focus{border-color:#ff4500}.dark-mode .ans__timezone-info{background:#1e3a52;color:#5bc0de}.dark-mode .ans__alert-types h4,.dark-mode .ans__radius-slider label,.dark-mode .ans__time-input label{color:#aaa}.dark-mode .ans__radius-slider input[type=range]{background:#444}.dark-mode .ans__radius-slider input[type=range]::-webkit-slider-thumb{background:#ff4500}.dark-mode .ans__radius-slider input[type=range]::-moz-range-thumb{background:#ff4500}@media (max-width:768px){.ans{margin-top:20px;padding:15px}.ans__section{margin-bottom:20px;padding:15px}.ans__time-inputs{flex-direction:column;gap:15px}.ans__channels-grid{grid-template-columns:1fr}.ans__location-config,.ans__quiet-hours,.ans__smart-config{margin-left:0;padding:15px}.ans__save-btn{font-size:1rem;padding:12px 30px}.ans__checkbox-label,.ans__toggle-label{font-size:1rem}.ans__section-title{font-size:1.1rem}}@media (max-width:480px){.ans{margin-top:10px;padding:10px}.ans__title{font-size:1.25rem}.ans__section{margin-bottom:15px;padding:12px}.ans__section-title{font-size:1rem;gap:6px}.ans__checkbox-label,.ans__toggle-label{font-size:.95rem;margin-bottom:10px}.ans__checkbox-label input[type=checkbox],.ans__toggle-label input[type=checkbox]{height:18px;margin-right:8px;width:18px}.ans__time-inputs{gap:10px}.ans__time-input label{font-size:.85rem}.ans__time-input input[type=time]{font-size:.95rem;padding:8px}.ans__location-config,.ans__quiet-hours,.ans__smart-config{padding:12px}.ans__radius-slider label{font-size:.9rem}.ans__radius-slider input[type=range]{height:6px}.ans__radius-slider input[type=range]::-webkit-slider-thumb{height:20px;width:20px}.ans__radius-slider input[type=range]::-moz-range-thumb{height:20px;width:20px}.ans__alert-types h4{font-size:.9rem}.ans__crime-types-grid{grid-template-columns:1fr}.ans__crime-types-grid .ans__checkbox-label{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-base);font-size:.9rem;margin-bottom:4px;padding:8px}.ans__hint{font-size:.8rem}.ans__channel-card{padding:15px}.ans__channel-card h4{font-size:1rem}.ans__save-btn{font-size:.95rem;padding:12px 24px}.ans__footer{margin-top:30px}.ans__item select{font-size:1rem;min-height:44px;padding:10px;width:100%}}.notification-settings-page{background:#0000;padding:1rem;width:100%}.settings-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.bulk-actions{gap:10px}.bulk-actions button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:.9rem;gap:5px;padding:8px 16px;transition:all .2s}.enable-all-btn{background:#28a745;color:#fff}.enable-all-btn:hover{background:#218838}.disable-all-btn{background:#dc3545;color:#fff}.disable-all-btn:hover{background:#c82333}.category-section,.notification-categories{margin-bottom:30px}.category-section h2{border-bottom:2px solid #f0f0f0;color:#444;font-size:1.3rem;margin-bottom:15px;padding-bottom:10px}.notification-list{display:flex;flex-direction:column;gap:10px}.notification-item:hover{background:#e9ecef}.notification-item label{align-items:center;cursor:pointer;display:flex;-webkit-user-select:none;user-select:none}.notification-item input[type=checkbox]{cursor:pointer;height:18px;margin-right:12px;width:18px}.notification-item span{color:#333;font-size:1rem}.settings-footer{border-top:1px solid #eee;display:flex;justify-content:center;padding:20px 0}.save-btn{background:#007bff;border-radius:4px;font-size:1rem;padding:12px 30px}.save-btn:hover:not(:disabled){background:#0056b3}.save-btn.saved{background:#28a745}.settings-info{background:#f8f9fa;border-radius:4px;margin-top:30px;padding:20px}.settings-info h3{color:#444;font-size:1.1rem;margin:0 0 15px}.settings-info ul{margin:0;padding-left:20px}.settings-info li{color:#666;margin-bottom:8px}.dark-mode .settings-container{background:#2b2b2b;box-shadow:0 2px 8px #0000004d}.dark-mode .notification-settings-page h1{color:#eee}.dark-mode .settings-header{border-bottom-color:#444}.dark-mode .category-section h2{border-bottom-color:#444;color:#ddd}.dark-mode .notification-item{background:#333}.dark-mode .notification-item:hover{background:#3a3a3a}.dark-mode .notification-item span{color:#eee}.dark-mode .settings-footer{border-top-color:#444}.dark-mode .settings-info{background:#333}.dark-mode .settings-info h3{color:#ddd}.dark-mode .settings-info li{color:#aaa}.email-settings-section{background:#f0f8ff;border:1px solid #d0e7ff;border-radius:8px;margin-bottom:30px;padding:20px}.email-settings-section h2{color:#06c;font-size:1.3rem;gap:8px}.email-master-toggle,.email-settings-section h2{align-items:center;display:flex;margin-bottom:15px}.email-master-toggle{justify-content:space-between}.email-master-toggle label{align-items:center;cursor:pointer;display:flex;font-size:1.1rem}.email-master-toggle input[type=checkbox]{height:20px;margin-right:10px;width:20px}.test-email-btn{align-items:center;background:#06c;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;gap:5px;padding:8px 16px;transition:all .2s}.test-email-btn:hover:not(:disabled){background:#0052a3}.test-email-btn:disabled{cursor:not-allowed;opacity:.6}.email-info{background:#fff;border-radius:4px;margin-top:10px;padding:10px}.email-info p{color:#444;margin:5px 0}.email-note{color:#666;font-size:.9rem;font-style:italic}.notification-item{align-items:center;background:#f8f9fa;border-radius:4px;justify-content:space-between;padding:12px;transition:background .2s}.notification-toggle{flex:1 1}.notification-toggle label{align-items:center;cursor:pointer;display:flex;-webkit-user-select:none;user-select:none}.notification-toggle input[type=checkbox]{cursor:pointer;height:18px;margin-right:12px;width:18px}.email-frequency-selector{margin-left:20px}.email-frequency-selector select{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.9rem;padding:6px 10px}.push-settings-section{background:#fff5e6;border:1px solid #ffcc80;border-radius:8px;margin-bottom:30px;padding:20px}.push-settings-section h2{color:#f60;font-size:1.3rem;gap:8px}.push-master-toggle,.push-settings-section h2{align-items:center;display:flex;margin-bottom:15px}.push-master-toggle{justify-content:space-between}.push-master-toggle label{align-items:center;cursor:pointer;display:flex;font-size:1.1rem}.push-master-toggle input[type=checkbox]{height:20px;margin-right:10px;width:20px}.push-master-toggle input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.test-push-btn{align-items:center;background:#f60;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;gap:5px;padding:8px 16px;transition:all .2s}.test-push-btn:hover:not(:disabled){background:#e55500}.test-push-btn:disabled{cursor:not-allowed;opacity:.6}.push-info{background:#fff;border-radius:4px;margin-top:10px;padding:10px}.push-info.warning{background:#fff3cd;border:1px solid #ffeeba;color:#856404}.push-info.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.push-info p{color:#444;margin:5px 0}.push-info.error p,.push-info.warning p{color:inherit}.push-note{color:#666;font-size:.9rem;font-style:italic}.dark-mode .email-settings-section{background:#1a3a52;border-color:#2a5a82}.dark-mode .email-settings-section h2{color:#66b3ff}.dark-mode .email-info{background:#2b2b2b}.dark-mode .email-info p{color:#ddd}.dark-mode .email-note{color:#aaa}.dark-mode .email-frequency-selector select{background:#333;border-color:#555;color:#eee}.dark-mode .push-settings-section{background:#3d2817;border-color:#6b4226}.dark-mode .push-settings-section h2{color:#f96}.dark-mode .push-info{background:#2b2b2b}.dark-mode .push-info p{color:#ddd}.dark-mode .push-note{color:#aaa}.dark-mode .push-info.warning{background:#3d3200;border-color:#650;color:#fc0}.dark-mode .push-info.error{background:#4a1f23;border-color:#7a3f43;color:#ff6b6b}.notification-maintenance{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-top:var(--space-xl);padding:var(--space-lg)}.notification-maintenance h3{color:var(--color-text);font-size:var(--font-size-lg);margin:0 0 var(--space-md) 0}.maintenance-info{margin-bottom:var(--space-lg)}.maintenance-info p{color:var(--color-text-secondary);margin:0}.maintenance-actions{display:flex;flex-wrap:wrap;gap:var(--space-md)}.cleanup-btn{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.cleanup-btn:hover{background:var(--color-primary);border-color:var(--color-primary);box-shadow:var(--shadow-sm);color:#fff;transform:translateY(-1px)}.cleanup-btn.cleanup-all{background:var(--color-warning);border-color:var(--color-warning);color:var(--color-text-inverse)}.cleanup-btn.cleanup-all:hover{background:#e0a800;border-color:#e0a800}.dark-mode .notification-maintenance{background:#2a2a2a;border-color:#444}.dark-mode .cleanup-btn{background:#333;border-color:#555;color:#eee}.dark-mode .cleanup-btn:hover{background:#f60;border-color:#f60;color:#fff}@media (max-width:768px){.notification-settings-page{padding:10px}.settings-container{box-shadow:0 1px 4px #0000001a;padding:20px}.notification-settings-page h1{font-size:1.5rem}.settings-header{align-items:flex-start;flex-direction:column;gap:15px}.bulk-actions{display:flex;gap:8px;width:100%}.bulk-actions button{flex:1 1;font-size:.85rem;justify-content:center;padding:8px 12px}.category-section h2{font-size:1.1rem}.email-master-toggle{align-items:flex-start;flex-direction:column;gap:10px}.test-email-btn{justify-content:center;width:100%}.notification-item{align-items:flex-start;flex-direction:column;gap:10px;padding:10px}.notification-item label{font-size:.9rem}.email-frequency-selector{margin-left:0;width:100%}.email-frequency-selector select{width:100%}.email-settings-section,.mute-status-card,.settings-info{padding:15px}.save-btn{font-size:1rem;padding:12px;width:100%}.push-master-toggle{align-items:flex-start;flex-direction:column;gap:10px}.test-push-btn{justify-content:center;width:100%}.notification-settings-page{padding:10px}}.notification-integrations{padding:1rem;position:relative;width:100%}.notification-integrations .notification-integrations__skip-links{display:none}.integration-message{animation:slideDown .3s ease-out;border-radius:8px;box-shadow:0 4px 12px #00000026;left:50%;max-width:500px;min-width:300px;padding:1rem 1.5rem;position:fixed;top:80px;transform:translateX(-50%);z-index:1000}.integration-message.error{background-color:#fee;border:1px solid #fcc;color:#c33}.integration-message.success{background-color:#efe;border:1px solid #cfc;color:#363}.integration-message.info{background-color:#e6f3ff;border:1px solid #b3d9ff;color:#004085}.message-content{align-items:center;display:flex;gap:.75rem}.message-icon{font-size:1.25rem}[data-theme=dark] .integration-message.error{background-color:#3a1f1f;border-color:#5a2f2f;color:#f88}[data-theme=dark] .integration-message.success{background-color:#1f3a1f;border-color:#2f5a2f;color:#8f8}[data-theme=dark] .integration-message.info{background-color:#1f2f3a;border-color:#2f4f5a;color:#8bf}.integration-tabs{border-bottom:2px solid var(--color-border);display:flex;gap:.5rem;margin-bottom:2rem}.integration-tabs button{align-items:center;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:1rem;gap:.5rem;padding:.75rem 1.5rem;position:relative;transition:all .2s}.integration-tabs button:hover{color:var(--color-text)}.integration-tabs button.active{color:var(--color-primary)}.integration-tabs button.active:after{background:var(--color-primary);bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.integration-panel{background:var(--color-surface);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem}.integration-panel h3{color:var(--color-text);margin-bottom:.5rem}.integration-panel>p{color:var(--color-text-secondary);margin-bottom:2rem}.calendar-feed-section{display:flex;flex-direction:column;gap:1.5rem}.feed-status{align-items:center;background:#2ecc711a;border-radius:8px;color:var(--color-success);display:flex;gap:.75rem;padding:1rem}.status-icon{font-size:1.2rem}.status-icon.success{color:var(--color-success)}.feed-url-container{display:flex;gap:.5rem}.feed-url-input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);flex:1 1;font-family:monospace;font-size:.9rem;padding:.75rem}.copy-btn{background:var(--color-surface);border-radius:8px;padding:.75rem 1rem;transition:all .2s}.copy-btn:hover{background:var(--color-primary);color:#fff}.calendar-actions{display:flex;gap:1rem}.primary-btn{align-items:center;background:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.primary-btn:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:0 4px 12px #3498db4d;transform:translateY(-2px)}.primary-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.secondary-btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .2s}.secondary-btn:hover{background:var(--color-bg);border-color:var(--color-primary)}.secondary-btn.danger{border-color:#dc3545;color:#dc3545}.secondary-btn.danger:hover{background:#dc3545;border-color:#c82333;color:#fff}.calendar-instructions{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;padding:1.5rem}.calendar-instructions h4{color:var(--color-text);margin-bottom:1rem}.calendar-instructions ol{color:var(--color-text-secondary);margin:0;padding-left:1.5rem}.calendar-instructions li{margin-bottom:.5rem}.calendar-setup{padding:2rem;text-align:center}.sms-setup .form-group{margin-bottom:1.5rem}.form-group label{margin-bottom:.5rem}.phone-input,.verification-input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:1rem;padding:.75rem;width:100%}.sms-preferences{margin-bottom:1.5rem}.sms-preferences label{align-items:center;color:var(--color-text);cursor:pointer;display:flex;gap:.5rem;margin-bottom:.75rem}.sms-preferences input[type=checkbox]{width:auto}.sms-verify{text-align:center}.sms-verify p{color:var(--color-text-secondary);margin-bottom:1.5rem}.verification-input{font-size:1.5rem;letter-spacing:.5rem;margin:0 auto;max-width:200px;text-align:center}.verify-actions{gap:1rem;justify-content:center;margin-top:1.5rem}.sms-complete .sms-status{align-items:center;background:#2ecc711a;border-radius:8px;display:flex;gap:1rem;margin-bottom:2rem;padding:1rem}.phone-display{color:var(--color-text-secondary);font-size:.9rem;margin:0}.sms-settings{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.sms-settings h4{color:var(--color-text);margin-bottom:1rem}.sms-settings ul{list-style:none;margin:0;padding:0}.sms-settings li{color:var(--color-text-secondary);padding:.5rem 0}.sms-settings strong{color:var(--color-text)}.webhook-form-section{margin-bottom:2rem}.webhook-form-section h4{color:var(--color-text);margin-bottom:1.5rem}.webhook-form{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem}.webhook-form input[type=text],.webhook-form input[type=url]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:1rem;padding:.75rem;width:100%}.event-checkboxes{display:flex;flex-direction:column;gap:.5rem}.event-checkboxes label{align-items:center;color:var(--color-text);cursor:pointer;display:flex;gap:.5rem}.webhooks-list{margin-bottom:2rem}.webhooks-list h4{color:var(--color-text);margin-bottom:1rem}.webhook-item{align-items:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:.75rem;padding:1rem}.webhook-info h5{color:var(--color-text);margin:0 0 .25rem}.webhook-url{color:var(--color-text-secondary);font-family:monospace;font-size:.9rem;margin:0 0 .5rem}.webhook-meta{display:flex;font-size:.85rem;gap:1rem}.webhook-meta .status{border-radius:4px;font-weight:500;padding:.25rem .5rem}.webhook-meta .status.active{background:#2ecc7133;color:var(--color-success)}.webhook-meta .status.inactive{background:#e74c3c33;color:var(--color-danger)}.delete-btn,.failure-count{color:var(--color-danger)}.delete-btn{background:#0000;border-radius:4px;cursor:pointer;padding:.5rem;transition:all .2s}.delete-btn:hover{background:#e74c3c1a}.webhook-templates h4{color:var(--color-text);margin-bottom:1rem}.template-buttons{display:flex;gap:1rem}.template-btn{background:var(--color-surface);border:2px solid var(--color-border);border-radius:8px;color:var(--color-text);flex:1 1;font-size:1rem;justify-content:center;padding:1rem;transition:all .2s}.template-btn:hover{box-shadow:0 4px 12px #0000001a}.template-btn.slack:hover{border-color:#4a154b;color:#4a154b}.template-btn.discord:hover{border-color:#5865f2;color:#5865f2}.integrations-loading{align-items:center;color:var(--color-text-secondary);display:flex;font-size:1.1rem;justify-content:center;min-height:400px}[data-theme=dark] .integration-panel{background:var(--color-surface-dark);box-shadow:0 2px 8px #0000004d}[data-theme=dark] .feed-status,[data-theme=dark] .sms-complete .sms-status{background:#2ecc7133}[data-theme=dark] .calendar-instructions,[data-theme=dark] .sms-settings,[data-theme=dark] .webhook-form,[data-theme=dark] .webhook-item{background:var(--color-bg-dark);border-color:var(--color-border-dark)}@media (max-width:768px){.notification-integrations{padding:0 1rem}.integration-message{font-size:.9rem;max-width:calc(100vw - 40px);min-width:260px;padding:.8rem 1rem}.notification-integrations h2{font-size:1.5rem}.integrations-subtitle{font-size:.9rem;margin-bottom:1.5rem}.integration-panel{padding:1.5rem}.integration-panel h3{font-size:1.2rem}.integration-tabs{-webkit-overflow-scrolling:touch;margin-bottom:1.5rem;overflow-x:auto}.integration-tabs button{font-size:.9rem;padding:.5rem 1rem;white-space:nowrap}.calendar-actions,.template-buttons,.verify-actions{flex-direction:column;gap:.5rem}.calendar-actions button,.primary-btn,.secondary-btn,.template-buttons button,.verify-actions button{justify-content:center;width:100%}.feed-url-container{flex-direction:column;gap:.5rem}.copy-btn,.feed-url-input{width:100%}.copy-btn{justify-content:center}.phone-input,.verification-input{font-size:1rem;width:100%}.sms-preferences{margin:1rem 0}.sms-preferences label{font-size:.9rem}.webhook-form{gap:1rem}.webhook-form input{font-size:1rem}.webhook-item{align-items:flex-start;flex-direction:column;gap:1rem;padding:1rem}.webhook-info h4{font-size:1rem}.webhook-info p{font-size:.85rem}.delete-btn{align-self:stretch;justify-content:center}.calendar-instructions ol,.template-list{padding-left:1.2rem}.calendar-instructions ol li,.template-list li{font-size:.9rem}}@media (max-width:480px){.notification-integrations{padding:0 .5rem}.integration-message{font-size:.85rem;padding:.7rem .9rem;top:60px}.integration-panel{padding:1rem}.integration-tabs{gap:.25rem;padding-bottom:.5rem}.integration-tabs button{font-size:.85rem;padding:.4rem .8rem}.integration-tabs button svg{font-size:1rem}}@media (max-width:768px){.notification-integrations{padding:10px}}.notification-center{background:#0000;color:#333;color:var(--color-text,#333);padding:1rem;width:100%}.notification-center .notification-center__skip-links{display:none}.notification-center .notification-center__breadcrumb-row{margin-bottom:1rem}.notification-center main{margin-top:1rem}.notification-center--loading{min-height:400px}.notification-center__header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.notification-center__filter-tabs{background:#f5f5f5;background:var(--color-bg-secondary,#f5f5f5);border-radius:8px;display:flex;gap:5px;padding:4px}.notification-center__filter-btn{background:#0000;border:none;border-radius:6px;color:#666;color:var(--color-text-secondary,#666);cursor:pointer;font-size:.95rem;padding:8px 16px;transition:all .2s}.notification-center__filter-btn--active{background:#ff4500;background:var(--color-primary,#ff4500);box-shadow:0 1px 3px #ff45004d;color:#fff}.notification-center__filter-btn:hover:not(.notification-center__filter-btn--active){background:#ff45001a;color:#ff4500;color:var(--color-primary,#ff4500)}.notification-center__bulk-actions{display:flex;gap:10px}.notification-center__btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:6px;padding:10px 18px;transition:all .2s}.notification-center__btn--mark-read{background:#28a745;background:var(--color-success,#28a745);color:#fff}.notification-center__btn--mark-read:hover{background:#218838;background:var(--color-success-hover,#218838);transform:translateY(-1px)}.notification-center__btn--delete{background:#dc3545;background:var(--color-danger,#dc3545);color:#fff}.notification-center__btn--delete:hover{background:#c82333;background:var(--color-danger-hover,#c82333);transform:translateY(-1px)}.notification-center__select-bar{background:#f8f9fa;background:var(--color-bg-tertiary,#f8f9fa);border:1px solid #eee;border:1px solid var(--color-border-light,#eee);border-radius:8px;margin-bottom:10px;padding:10px 15px}.notification-center__select-bar label{align-items:center;color:#666;color:var(--color-text-secondary,#666);cursor:pointer;display:flex;font-size:.95rem}.notification-center__select-bar input[type=checkbox]{margin-right:8px}.notification-center__list{display:flex;flex-direction:column;gap:8px;margin-top:15px}.notification-center__item{align-items:flex-start;background:#fff;background:var(--color-bg,#fff);border:1px solid #eee;border:1px solid var(--color-border-light,#eee);border-radius:8px;cursor:pointer;display:flex;padding:15px;transition:all .2s}.notification-center__item:hover{box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.notification-center__item--unread{background:#fff;background:var(--color-bg,#fff);border-left:4px solid #ff4500;border-left:4px solid var(--color-primary,#ff4500)}.notification-center__item--read{background:#f8f9fa;background:var(--color-bg-secondary,#f8f9fa);opacity:.8}.notification-center__item--selected{background:#ff45000d;border-color:#ff4500;border-color:var(--color-primary,#ff4500)}.notification-center__item-select{margin-right:15px;padding-top:2px}.notification-center__item-select input[type=checkbox]{cursor:pointer;height:16px;width:16px}.notification-center__item-content{align-items:flex-start;display:flex;flex:1 1;gap:12px}.notification-center__item-icon{color:#ff4500;color:var(--color-primary,#ff4500);font-size:1.25rem;padding-top:2px}.notification-center__item-body{flex:1 1}.notification-center__item-header{align-items:center;display:flex;gap:8px;margin-bottom:5px}.notification-center__item-header h3{color:#333;color:var(--color-text,#333);font-size:1rem;font-weight:600;margin:0}.notification-center__item-message{color:#666;color:var(--color-text-secondary,#666);font-size:.95rem;line-height:1.4;margin:0 0 8px}.notification-center__item-meta{align-items:center;color:#999;color:var(--color-text-muted,#999);display:flex;font-size:.85rem;gap:12px}.notification-center__item-time{color:inherit}.notification-center__unread-badge{background:#ff4500;background:var(--color-primary,#ff4500);border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;padding:2px 8px}.notification-center__priority-icon{font-size:.9rem}.notification-center__priority-icon--high{color:#dc3545;color:var(--color-danger,#dc3545)}.notification-center__priority-icon--medium{color:#ffc107;color:var(--color-warning,#ffc107)}.notification-center__item-actions{display:flex;gap:5px;margin-left:15px}.notification-center__action-btn{background:#0000;border:none;border-radius:4px;color:#666;cursor:pointer;padding:6px;transition:all .2s}.notification-center__action-btn:hover{background:#f0f0f0;color:#333}.notification-center__action-btn--delete:hover{background:#fee;color:#dc3545}.notification-center__action-btn--calendar:hover{background:#e3f2fd;color:#1976d2}.notification-center__empty-state{padding:60px 20px;text-align:center}.notification-center__empty-icon{color:#ddd;font-size:4rem;margin-bottom:20px}.notification-center__empty-state h3{color:#333;color:var(--color-text,#333);margin-bottom:10px}.notification-center__empty-state p{color:#666;color:var(--color-text-secondary,#666)}.notification-center__load-more{margin-top:20px;text-align:center}.notification-center__load-more button{background:#0000;border:1px solid #ddd;border:1px solid var(--color-border,#ddd);border-radius:6px;color:#666;color:var(--color-text-secondary,#666);cursor:pointer;padding:10px 24px;transition:all .2s}.notification-center__load-more button:hover:not(:disabled){background:#f5f5f5;background:var(--color-bg-secondary,#f5f5f5);border-color:#ff4500;border-color:var(--color-primary,#ff4500);color:#ff4500;color:var(--color-primary,#ff4500)}.notification-center__load-more button:disabled{cursor:not-allowed;opacity:.5}.notification-center__skeleton-loader{padding:20px}.notification-center__skeleton-header,.notification-center__skeleton-item{animation:pulse 1.5s infinite;background:#f0f0f0;border-radius:4px}.notification-center__skeleton-header{height:40px;margin-bottom:20px}.notification-center__skeleton-item{height:80px;margin-bottom:10px}.dark-mode .notification-center{color:#e0e0e0;color:var(--color-text,#e0e0e0)}.dark-mode .notification-center__filter-tabs{background:#2a2a2a}.dark-mode .notification-center__filter-btn{color:#aaa}.dark-mode .notification-center__filter-btn:hover:not(.notification-center__filter-btn--active){background:#ff450033;color:#ff4500;color:var(--color-primary,#ff4500)}.dark-mode .notification-center__select-bar{background:#2a2a2a;border-color:#444}.dark-mode .notification-center__select-bar label{color:#ccc}.dark-mode .notification-center__item{background:#2a2a2a;border-color:#444}.dark-mode .notification-center__item:hover{box-shadow:0 2px 8px #0000004d}.dark-mode .notification-center__item--unread{background:#2a2a2a;border-left-color:#ff4500;border-left-color:var(--color-primary,#ff4500)}.dark-mode .notification-center__item--read{background:#1f1f1f;opacity:.7}.dark-mode .notification-center__item--selected{background:#ff450026;border-color:#ff4500;border-color:var(--color-primary,#ff4500)}.dark-mode .notification-center__item-header h3{color:#e0e0e0}.dark-mode .notification-center__item-message{color:#bbb}.dark-mode .notification-center__item-meta{color:#888}.dark-mode .notification-center__action-btn{color:#aaa}.dark-mode .notification-center__action-btn:hover{background:#444;color:#eee}.dark-mode .notification-center__action-btn--delete:hover{background:#4a1f23;color:#ff6b6b}.dark-mode .notification-center__action-btn--calendar:hover{background:#ff450033;color:#ff4500;color:var(--color-primary,#ff4500)}.dark-mode .notification-center__empty-state h3{color:#aaa}.dark-mode .notification-center__empty-state p{color:#666}.dark-mode .notification-center__skeleton-header,.dark-mode .notification-center__skeleton-item{background:#333}.dark-mode .notification-center__load-more button{background:#2a2a2a;border-color:#444;color:#aaa}.dark-mode .notification-center__load-more button:hover:not(:disabled){background:#333;border-color:#ff4500;border-color:var(--color-primary,#ff4500);color:#ff4500;color:var(--color-primary,#ff4500)}@media (max-width:768px){.notification-center{padding:.5rem}.notification-center__header-actions{align-items:stretch;flex-direction:column;gap:15px}.notification-center__filter-tabs{-webkit-overflow-scrolling:touch;justify-content:center;overflow-x:auto;width:100%}.notification-center__filter-btn{font-size:1rem;min-height:44px;padding:12px 20px;white-space:nowrap}.notification-center__bulk-actions{justify-content:center;width:100%}.notification-center__btn{font-size:1rem;min-height:44px;padding:12px 18px}.notification-center__item{flex-direction:row;gap:10px;padding:20px 15px}.notification-center__item-select{align-items:flex-start;display:flex;margin-right:10px;padding-top:2px}.notification-center__item-select input[type=checkbox]{flex-shrink:0;height:20px;width:20px}.notification-center__item-content{padding-left:0;width:100%}.notification-center__item-icon{display:none}.notification-center__item-body{flex:1 1}.notification-center__item-header h3{font-size:1rem;line-height:1.3}.notification-center__item-message{font-size:.95rem;line-height:1.4}.notification-center__item-meta{font-size:.9rem;margin-top:8px}.notification-center__unread-badge{font-size:.8rem;padding:3px 8px}.notification-center__item-actions{border-top:none;flex-shrink:0;gap:8px;margin-left:10px;margin-top:0;padding-top:0;width:auto}.notification-center__action-btn{align-items:center;display:flex;height:36px;justify-content:center;padding:8px;width:36px}.notification-center__empty-state{padding:40px 20px}.notification-center__empty-icon{font-size:3rem}.notification-center__load-more button{font-size:1rem;min-height:44px;padding:12px 24px}.notification-center__select-bar{background:var(--color-bg-tertiary);padding:12px 15px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.notification-center__select-bar label{font-size:1rem}.notification-actions-bar{padding:15px}.archive-old-btn{font-size:1rem;min-height:44px;padding:12px;width:100%}}@media (max-width:480px){.notification-center{padding:0}.notification-center__filter-tabs{gap:2px;padding:2px}.notification-center__filter-btn{font-size:.9rem;padding:10px 16px}.notification-center__bulk-actions{flex-direction:column;width:100%}.notification-center__btn{width:100%}.notification-center__item{padding:15px 10px}.notification-center__item-header h3{font-size:.95rem}.notification-center__item-message{font-size:.9rem}.notification-center__item-meta{flex-wrap:wrap;font-size:.85rem}.notification-center__priority-icon{font-size:.8rem}}.points-store{background:#0000;min-height:100vh;padding:1rem;width:100%}.points-store.dark{color-scheme:dark}.points-store.high-contrast{filter:contrast(1.5)}.points-store.reduced-motion *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.points-store.save-data .background-preview{background-image:none!important}.points-store__skip-links{left:0;position:absolute;top:0;width:100%;z-index:10000}.points-store__skip-link{clip:rect(0,0,0,0);background:#000;border-radius:4px;color:#fff;font-size:14px;font-weight:700;left:8px;overflow:hidden;padding:8px 16px;position:absolute;text-decoration:none;top:-100px;z-index:10001}.points-store__skip-link:focus{clip:auto;overflow:visible;top:8px}.points-store__offline-banner{align-items:center;background:#ff9800;color:#fff;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;left:0;padding:8px 16px;position:fixed;right:0;text-align:center;top:0;z-index:9999}.points-store__breadcrumb-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.5rem 0}.points-store__breadcrumbs ol{align-items:center;display:flex;gap:8px;list-style:none;margin:0;padding:0}.points-store__breadcrumbs a{align-items:center;color:#666;display:flex;font-size:14px;gap:4px;text-decoration:none}.points-store__breadcrumbs a:hover{color:#333}.dark-mode .points-store__breadcrumbs a{color:#999}.dark-mode .points-store__breadcrumbs a:hover{color:#fff}.points-store__breadcrumb-separator{color:#ccc;font-size:12px}.points-store__share-button{align-items:center;background:none;border:1px solid #ddd;border-radius:6px;color:#666;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 12px;transition:all .2s ease}.points-store__share-button:hover{background:#f5f5f5;color:#333}.dark-mode .points-store__share-button{border-color:#555;color:#999}.dark-mode .points-store__share-button:hover{background:#333;color:#fff}.points-store__loading{padding:2rem}.points-store__skeleton{animate:pulse 1.5s ease-in-out infinite}.points-store__skeleton-header{background:#e0e0e0;border-radius:8px;height:40px;margin-bottom:16px;width:60%}.points-store__skeleton-text{background:#e0e0e0;border-radius:4px;height:16px;margin-bottom:12px}.points-store__skeleton-text--short{width:40%}.points-store__skeleton-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:24px}.points-store__skeleton-card{background:#e0e0e0;border-radius:12px;height:300px}.dark-mode .points-store__skeleton-card,.dark-mode .points-store__skeleton-header,.dark-mode .points-store__skeleton-text{background:#333}.points-store__toast{align-items:center;animation:slideInRight .3s ease-out;background:#fff;border-left:4px solid #2196f3;border-radius:12px;bottom:170px!important;box-shadow:0 8px 32px #00000026;display:flex;justify-content:space-between;max-width:400px;min-width:300px;padding:16px 20px;position:fixed!important;right:20px!important;z-index:999999!important}.points-store__toast--success{border-left-color:#4caf50}.points-store__toast--warning{border-left-color:#ff9800}.points-store__toast--error{border-left-color:#f44336}.points-store__toast--info{border-left-color:#2196f3}.points-store__toast-content{align-items:center;color:#333;display:flex;flex:1 1;font-size:15px;font-weight:500;gap:12px}.points-store__toast-content svg{flex-shrink:0;font-size:20px}.points-store__toast--success .points-store__toast-content svg{color:#4caf50}.points-store__toast--warning .points-store__toast-content svg{color:#ff9800}.points-store__toast--error .points-store__toast-content svg{color:#f44336}.points-store__toast--info .points-store__toast-content svg{color:#2196f3}.points-store__toast-close{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:20px;height:24px;justify-content:center;position:absolute;right:8px;top:8px;width:24px}.points-store__toast-close:hover{background:#f5f5f5;color:#333}.dark-mode .points-store__toast{background:#2a2a2a;color:#fff}.dark-mode .points-store__toast-close:hover{background:#333;color:#fff}.points-store__error{color:#666;padding:3rem 1rem;text-align:center}.points-store__error h2{color:#f44336;margin-bottom:1rem}.points-store__button{background:#2196f3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:background-color .2s ease}.points-store__button:hover{background:#1976d2}.points-store__button--primary{background:#4caf50}.points-store__button--primary:hover{background:#45a049}.points-store__header{margin-bottom:2rem;text-align:center}.points-store__header-content h1{color:#333;font-size:2.5rem;margin-bottom:.5rem}.points-store__header-content p{color:#666;font-size:1.1rem;margin:0}.dark-mode .points-store__header-content h1{color:#fff}.dark-mode .points-store__header-content p{color:#ccc}.points-store__content{width:100%}.store-header-info{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 5px #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;margin-top:0;padding:20px}.dark-mode .store-header-info{background:#2a2a2a;box-shadow:0 2px 5px #0000004d}.user-points{align-items:center;background:#f0f0f0;border-radius:25px;color:#333;display:flex;font-size:18px;font-weight:700;gap:8px;padding:10px 20px}.dark-mode .user-points{background:#3a3a3a;color:#e0e0e0}.cart-button{background:#ff4500;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;padding:10px 15px;position:relative;transition:all .3s ease}.cart-button:hover{background:#e63900;transform:scale(1.1)}.dark-mode .cart-button{background:#cc3600}.dark-mode .cart-button:hover{background:#b32d00}.cart-count{align-items:center;background:#ff5252;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;position:absolute;right:-5px;top:-5px;width:20px}.store-controls{background:#fff;border-radius:10px;box-shadow:0 2px 5px #0000000d;margin-bottom:20px;padding:20px}.search-box{margin:0 auto;max-width:600px}.search-box svg{color:#666;left:15px}.search-box input{border:2px solid #e0e0e0;border-radius:25px;font-size:16px;padding:12px 20px 12px 45px;transition:all .3s ease}.dark-mode .search-box input{background:#1a1a1a;border-color:#3a3a3a;color:#e0e0e0}.search-box input:focus{border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.store-categories{background:#fff;border-radius:10px;box-shadow:0 2px 5px #0000000d;display:flex;gap:10px;margin-bottom:20px;overflow-x:auto;padding:20px}.category-button{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:25px;box-shadow:0 1px 3px #0000001a;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.dark-mode .category-button{background:#2d2d2d;border:2px solid #4a4a4a;box-shadow:0 1px 3px #0000004d;color:#fff}.category-button:hover{background:#f5f5f5;border-color:#2196f3;box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.dark-mode .category-button:hover{background:#3a3a3a;border-color:#2196f3;box-shadow:0 4px 8px #0006}.category-button.active{background:#2196f3;border-color:#2196f3;box-shadow:0 2px 8px #2196f34d;color:#fff}.dark-mode .category-button.active{background:#2196f3;border-color:#2196f3;box-shadow:0 2px 8px #2196f380;color:#fff}.store-content{align-items:flex-start;display:flex;gap:20px}.items-grid{grid-gap:20px;flex:1 1;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.store-item{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d;display:flex;flex-direction:column;padding:20px;transition:all .3s ease}.dark-mode .store-item{box-shadow:0 2px 10px #0000004d}.store-item:hover{box-shadow:0 5px 20px #0000001a;transform:translateY(-5px)}.store-item.owned{background:linear-gradient(135deg,#4caf500d,#4caf5005);border:2px solid #4caf50;position:relative}.store-item.owned:after{background:#4caf50;border-radius:15px;color:#fff;content:"✓ OWNED";font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 12px;position:absolute;right:10px;top:10px}.dark-mode .store-item.owned{background:linear-gradient(135deg,#4caf501a,#4caf500d);border-color:#4caf50}.store-item.owned:hover{border-color:#45a049;box-shadow:0 5px 20px #4caf5033;transform:translateY(-2px)}.item-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.item-icon{font-size:48px;line-height:1}.background-preview{background-color:#f5f5f5;background-position:50%!important;background-repeat:no-repeat!important;background-size:contain!important;border:1px solid #ddd;border-radius:8px;box-shadow:inset 0 2px 4px #0000001a;height:150px;margin-top:10px;width:100%}.dark-mode .background-preview{background-color:#1a1a1a;border-color:#444}.animated-badge,.premium-badge{background:linear-gradient(135deg,gold,#ffa000);border-radius:12px;color:#fff;font-size:11px;font-weight:700;padding:4px 10px;text-transform:uppercase}.animated-badge{background:linear-gradient(135deg,#9c27b0,#7b1fa2)}.store-item h3{color:#333;font-size:18px;margin:0 0 10px}.dark-mode .store-item h3{color:#e0e0e0}.item-description{color:#666;flex:1 1;font-size:14px;margin-bottom:15px}.dark-mode .item-description{color:#999}.preview-section{background:#f5f5f5;border-radius:10px;margin:15px 0;padding:15px;text-align:center}.dark-mode .preview-section{background:#1a1a1a}.username-preview{font-size:20px;font-weight:700}.item-benefits{list-style:none;margin:15px 0;padding:0}.item-benefits li{align-items:center;color:#666;display:flex;font-size:14px;gap:8px;margin-bottom:8px}.dark-mode .item-benefits li{color:#999}.item-benefits svg{color:#4caf50;font-size:12px}.business-info,.duration-info{background:#f0f0f0;border-radius:8px;color:#666;font-size:13px;margin-top:10px;padding:8px 12px}.dark-mode .business-info,.dark-mode .duration-info{background:#1a1a1a;color:#999}.item-footer{border-top:1px solid #e0e0e0;display:flex;flex-direction:column;gap:15px;margin-top:15px;padding-top:15px}.dark-mode .item-footer{border-top-color:#3a3a3a}.item-price{color:#2196f3;font-size:20px;font-weight:700}.add-to-cart-button,.item-price{align-items:center;display:flex;gap:5px;justify-content:center}.add-to-cart-button{background:#4caf50;border:2px solid #4caf50;border-radius:25px;box-shadow:0 2px 4px #4caf5033;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease;width:100%}.add-to-cart-button:hover:not(:disabled){background:#45a049;border-color:#45a049;box-shadow:0 4px 12px #4caf504d;transform:scale(1.02)}.add-to-cart-button:disabled{cursor:not-allowed;opacity:.8}.add-to-cart-button:disabled:not(.owned-button){background:#ccc;border-color:#ccc}.dark-mode .add-to-cart-button{background:#4caf50;border-color:#4caf50;box-shadow:0 2px 4px #4caf504d;color:#fff}.dark-mode .add-to-cart-button:hover:not(:disabled){background:#45a049;border-color:#45a049;box-shadow:0 4px 12px #4caf5066}.dark-mode .add-to-cart-button:disabled{background:#555;border-color:#555;color:#999}.add-to-cart-button.sell-button{background:#ff9800;border-color:#ff9800;color:#fff}.add-to-cart-button.sell-button:hover{background:#f57c00;border-color:#f57c00;box-shadow:0 4px 12px #ff98004d;transform:scale(1.02)}.dark-mode .add-to-cart-button.sell-button{background:#ff9800;border-color:#ff9800;box-shadow:0 2px 4px #ff980066;color:#fff}.dark-mode .add-to-cart-button.sell-button:hover{background:#f57c00;border-color:#f57c00;box-shadow:0 4px 12px #ff980080}.store-item.owned .add-to-cart-button{background:#4caf50;cursor:default}.store-item.owned .add-to-cart-button:hover{box-shadow:none;transform:none}.shopping-cart{background:#fff;border-radius:15px;box-shadow:0 2px 20px #0000001a;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;max-height:calc(100vh - 200px);position:-webkit-sticky;position:sticky;top:20px;width:350px}.cart-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.dark-mode .cart-header{border-bottom-color:#3a3a3a}.cart-header h3{font-size:20px;margin:0}.cart-header button{align-items:center;background:#fff;border:2px solid #d0d0d0;border-radius:50%;box-shadow:0 1px 3px #0000001a;color:#333;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;transition:all .3s ease;width:32px}.cart-header button:hover{background:#ffebee;border-color:#ff5252;box-shadow:0 2px 5px #ff525233;color:#ff5252;transform:scale(1.1)}.dark-mode .cart-header button{background:#2a2a2a;border-color:#4a4a4a;color:#e0e0e0}.dark-mode .cart-header button:hover{background:#3a3a3a;border-color:#ff5252;color:#ff5252}.empty-cart{color:#666;padding:40px 20px;text-align:center}.cart-items{max-height:400px;overflow-y:auto;padding:20px}@media (max-width:768px){.cart-items{max-height:40vh}}.cart-item{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.dark-mode .cart-item{border-bottom-color:#3a3a3a}.cart-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.cart-item.selling{background:#ff98000d;border-left:3px solid #ff9800;padding-left:12px}.cart-item-info{align-items:center;display:flex;gap:12px}.cart-item-icon{font-size:32px}.cart-item-info h4{font-size:16px;margin:0}.cart-item-info p{color:#666;font-size:14px;margin:0}.dark-mode .cart-item-info p{color:#999}.cart-item-controls{align-items:center;display:flex;gap:10px}.cart-item-controls button{align-items:center;background:#fff;border:2px solid #d0d0d0;border-radius:50%;box-shadow:0 1px 3px #0000001a;color:#333;cursor:pointer;display:flex;font-weight:600;height:30px;justify-content:center;transition:all .3s ease;width:30px}.cart-item-controls button:first-child{color:#2196f3}.cart-item-controls button:first-child:hover{background:#e3f2fd;border-color:#2196f3}.cart-item-controls button:last-child{color:#4caf50}.cart-item-controls button:last-child:hover{background:#e8f5e9;border-color:#4caf50}.dark-mode .cart-item-controls button{background:#3a3a3a;border-color:#4a4a4a;color:#e0e0e0}.cart-item-controls button:hover{background:#f5f5f5;border-color:#2196f3;box-shadow:0 2px 5px #00000026;transform:scale(1.1)}.dark-mode .cart-item-controls button:hover{background:#4a4a4a;border-color:#2196f3}.remove-button{border-color:#ffcdd2!important;color:#ff5252}.remove-button:hover{background:#ffebee!important;border-color:#ff5252!important;color:#d32f2f}.cart-summary{border-top:1px solid #e0e0e0;padding:20px}.dark-mode .cart-summary{border-top-color:#3a3a3a}.cart-balance,.cart-total{display:flex;font-size:16px;justify-content:space-between;margin-bottom:10px}.cart-total{border-bottom:1px solid #e0e0e0;font-size:18px;font-weight:700;margin-bottom:15px;padding-bottom:10px}.dark-mode .cart-total{border-bottom-color:#3a3a3a}.cart-balance .insufficient{color:#ff5252}.insufficient-funds{align-items:center;background:#ffebee;border-radius:8px;color:#c62828;display:flex;font-size:14px;gap:8px;margin-bottom:15px;padding:10px}.dark-mode .insufficient-funds{background:#c6282833;color:#fff}.checkout-button{align-items:center;background:#2196f3;border:2px solid #2196f3;border-radius:25px;box-shadow:0 4px 8px #2196f34d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:8px;justify-content:center;padding:15px;transition:all .3s ease;width:100%}.checkout-button:hover:not(:disabled){background:#1976d2;border-color:#1976d2;box-shadow:0 6px 12px #2196f366;transform:scale(1.02)}.checkout-button:disabled{background:#ccc;border-color:#ccc;box-shadow:none;color:#666;cursor:not-allowed}.dark-mode .checkout-button{background:#2196f3;border-color:#2196f3;box-shadow:0 4px 8px #2196f366;color:#fff}.dark-mode .checkout-button:hover:not(:disabled){background:#1e88e5;border-color:#1e88e5;box-shadow:0 6px 12px #2196f380}.dark-mode .checkout-button:disabled{background:#555;border-color:#555;box-shadow:none;color:#999}.error-message,.success-message{display:none}.success-message{background:#4caf50;color:#fff;font-size:16px;min-width:300px}.success-message-header{align-items:center;display:flex;gap:10px}.success-message-icon{font-size:24px}.error-message{background:#ff5252;color:#fff}.error-message button{background:#fff3;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-left:10px;padding:5px 10px}.coupon-codes{border-top:1px solid #ffffff4d;margin-top:10px;padding-top:10px}.coupon-codes strong{display:block;font-size:14px;margin-bottom:5px}.coupon-code{background:#fff3;border-radius:5px;font-family:monospace;font-size:14px;margin-bottom:5px;padding:8px 12px}.modal-overlay{background:#00000080;overflow:hidden;z-index:10000}.purchase-modal{animation:modalFadeIn .3s ease;background:#fff;border-radius:15px;box-shadow:0 10px 40px #0000004d;margin:auto;max-height:70vh;max-width:500px;overflow-y:auto;padding:30px;position:relative;width:90%}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.purchase-modal h3{font-size:24px;margin:0 0 20px}.purchase-items{margin-bottom:20px}.purchase-item{border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:10px 0}.dark-mode .purchase-item{border-bottom-color:#3a3a3a}.purchase-item-sell,.purchase-total-positive{color:#4caf50}.purchase-total{border-bottom:2px solid #e0e0e0;border-top:2px solid #e0e0e0;display:flex;font-size:20px;justify-content:space-between;margin:20px 0;padding:20px 0}.dark-mode .purchase-total{border-color:#3a3a3a}.modal-actions{gap:15px}.cancel-button,.confirm-button{border:none;border-radius:25px;cursor:pointer;font-size:16px;font-weight:500;padding:12px 30px;transition:all .3s ease}.cancel-button{background:#f0f0f0;color:#666}.dark-mode .cancel-button{background:#3a3a3a;color:#e0e0e0}.cancel-button:hover{background:#e0e0e0}.confirm-button{background:#4caf50;color:#fff}.confirm-button:hover{background:#45a049;transform:scale(1.05)}.points-store__floating-widget{align-items:center;animation:bounceIn .5s ease;background:linear-gradient(135deg,#2196f3,#1976d2);border:none;border-radius:30px;bottom:100px!important;box-shadow:0 8px 25px #2196f366;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;padding:15px 25px;position:fixed!important;right:30px!important;transition:all .3s ease;z-index:999998!important}.points-store__floating-widget:hover{box-shadow:0 12px 35px #2196f380;transform:translateY(-5px) scale(1.05)}.points-store__floating-widget-icon{font-size:24px}.points-store__floating-widget-badge{align-items:center;animation:pulse 2s infinite;background:#ff5252;border-radius:50%;box-shadow:0 2px 8px #ff525266;color:#fff;display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;min-width:24px;position:absolute;right:-10px;top:-10px}.points-store__floating-widget--bounce{animation:bounceEffect .5s ease!important}@keyframes bounceEffect{0%,to{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(.95)}75%{transform:scale(1.1)}}.points-store__floating-widget-total{background:#fff3;border-radius:15px;font-size:14px;padding:4px 10px}@keyframes bounceIn{0%{opacity:0;transform:scale(.3) translateY(100px)}50%{transform:scale(1.05) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.dark-mode .floating-cart-widget{background:linear-gradient(135deg,#1e88e5,#1565c0);box-shadow:0 8px 25px #1e88e580}.add-to-cart-button.added{animation:cartAdded .5s ease}@keyframes cartAdded{0%{transform:scale(1)}50%{background:#4caf50;transform:scale(1.2)}to{transform:scale(1)}}.add-to-cart-success{animation:slideUpFade 1s ease forwards;background:#4caf50;border-radius:15px;color:#fff;font-size:12px;font-weight:600;left:50%;padding:5px 10px;pointer-events:none;position:absolute;top:-30px;transform:translateX(-50%);white-space:nowrap;z-index:10}@keyframes slideUpFade{0%{opacity:0;transform:translateX(-50%) translateY(10px)}50%{opacity:1;transform:translateX(-50%) translateY(-10px)}to{opacity:0;transform:translateX(-50%) translateY(-20px)}}@media (max-width:768px){.purchase-modal{margin:10px auto;max-height:85vh;padding:20px;width:95%}.modal-overlay{padding:10px}.floating-cart-widget{bottom:20px;font-size:14px;padding:12px 20px;right:20px}.floating-cart-widget svg{font-size:20px}.cart-total{display:none}.points-store{padding:0}}@media (max-width:1200px){.items-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:768px){.store-header-info{flex-direction:column;gap:10px;padding:15px}.user-points{justify-content:center;width:100%}.store-content{flex-direction:column}.shopping-cart{box-shadow:0 2px 10px #0000001a;margin:10px 0;max-height:70vh;position:-webkit-sticky;position:sticky;top:10px;width:100%;z-index:100}.shopping-cart.mobile-open{box-shadow:0 4px 20px #0000004d;left:10px;position:fixed;right:10px;top:110px;width:calc(100% - 20px);z-index:1000}.items-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.store-item{padding:15px}.item-icon{font-size:36px}.store-categories{gap:8px;padding:15px}.category-button{font-size:13px;padding:8px 15px}.points-store__toast{bottom:150px!important;left:10px!important;max-width:calc(100% - 20px)!important;right:10px!important}.points-store__floating-widget{bottom:80px!important;right:20px!important}}body:not(.dark-mode) .points-guide__section{background-color:#fff!important}body:not(.dark-mode) .points-guide__badge-card,body:not(.dark-mode) .points-guide__section-content{background-color:#fff!important;color:#333!important}body:not(.dark-mode) .points-guide__badge-card{border-color:#e0e0e0!important}body:not(.dark-mode) .points-guide__table{background-color:#f8f9fa!important;color:#333!important}body:not(.dark-mode) .points-guide__row--header{background:#fff!important;color:#333!important}body:not(.dark-mode) .points-guide__badge-info h4{color:#333!important}body:not(.dark-mode) .points-guide__activity-label,body:not(.dark-mode) .points-guide__badge-requirement,body:not(.dark-mode) .points-guide__category-description,body:not(.dark-mode) .points-guide__section-intro{color:#666!important}.points-guide{background:#0000;padding:1rem;width:100%}.points-guide .points-guide__skip-links{display:none}.points-guide__subcategory-title{color:#333;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.points-guide__category-title{color:#ff4500;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.points-guide__badge-name{word-wrap:break-word;color:#333;font-size:1rem;-webkit-hyphens:auto;hyphens:auto;line-height:1.2;margin:0;overflow-wrap:break-word;text-align:center}.points-guide__faq-question{color:#333;font-size:1rem;font-weight:600;margin:0 0 .5rem}.points-guide__faq-answer{color:#555;line-height:1.6;margin:0}.points-guide__secret-badges-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:1rem}.points-guide__secret-badge-teaser{background-color:#f5f5f5;border-radius:8px;margin:2rem 0;padding:3rem;text-align:center}.points-guide__teaser-title{color:#333;font-size:1.5rem;font-weight:600;margin:0 0 1rem}.points-guide__hint{color:#666;font-style:italic;margin-top:1rem}@media (max-width:768px){.points-guide{padding:0}}.points-guide__section{background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 3px 8px #0000001a;margin-bottom:1.5rem;overflow:hidden}.points-guide__section:first-child{margin-top:0}.points-guide__section-header{align-items:center;background:linear-gradient(135deg,#ff4500,#e63900);color:#fff;display:flex;font-size:1.5rem;gap:.5rem;justify-content:space-between;margin:0;padding:1rem 1.5rem}.points-guide__section-header--clickable{cursor:pointer;transition:background .2s ease}.points-guide__section-header--clickable:hover{background:linear-gradient(135deg,#e63900,#cc3700)}.points-guide__section-header svg:first-child{color:#fff;margin-right:.5rem}.points-guide__section-header svg:last-child{color:#fff}.points-guide__section-content{animation:slideDown .3s ease;background-color:#fff;padding:2rem}.points-guide__section-intro{color:#666;font-size:1.125rem;line-height:1.6;margin-bottom:2rem}.points-guide__table{background:#f8f9fa;border-radius:8px;color:#333;margin-bottom:1.5rem;padding:1rem}.points-guide__row{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:.75rem 1rem}.points-guide__row--header{background:#fff;border-radius:6px;color:#333;font-weight:600;margin-bottom:.5rem}.points-guide__row:last-child{border-bottom:none}.points-guide__row--highlight{background:#fff8e1;border:1px solid #ffecb3;border-radius:6px}.points-guide__category{margin-bottom:1.5rem}.points-guide__category:last-child{margin-bottom:0}.points-guide__category h4{color:#666;font-size:.875rem;letter-spacing:.5px;margin:0 0 .75rem;padding:0 1rem;text-transform:uppercase}.points-guide__value{font-size:1.125rem;font-weight:600}.points-guide__value--positive{color:#4caf50}.points-guide__value--negative{color:#f44336}.points-guide__value--big{font-size:1.375rem}.points-guide__gift-info{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.points-guide__gift-rules,.points-guide__how-to-gift{background:#f8f9fa;border-radius:8px;padding:1.5rem}.points-guide__gift-rules h4,.points-guide__how-to-gift h4{color:#333;margin:0 0 1rem}.points-guide__gift-rules ul,.points-guide__how-to-gift ol{margin:0;padding-left:1.5rem}.points-guide__gift-rules li,.points-guide__how-to-gift li{color:#555;line-height:1.6;margin-bottom:.5rem}.points-guide__gift-rules strong,.points-guide__how-to-gift strong{color:#ff4500}.badge-category-section{margin-bottom:2.5rem}.badge-category-section:last-child{margin-bottom:0}.badge-category-section h3{color:#ff4500;font-size:1.375rem;font-weight:600;margin:0 0 .5rem}.category-description{color:#666;line-height:1.5;margin:0 0 2.5rem}.badges-grid{grid-gap:1.25rem;gap:1.25rem;grid-template-columns:repeat(4,1fr)}@media (max-width:1400px){.badges-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.badges-grid{grid-template-columns:repeat(2,1fr)}}.badge-card{align-items:center;border:1px solid #e0e0e0;border-radius:6px;display:flex;flex-direction:column;gap:.75rem;min-height:160px;overflow:hidden;padding:1.5rem 1rem;text-align:center;transition:all .3s ease}.badge-card:hover{background:#f8f9fa;box-shadow:0 6px 16px #00000026;transform:translateY(-3px)}.points-guide .badge-icon{border-radius:50%;height:70px!important;min-height:70px!important;min-width:70px!important;transition:all .3s ease;width:70px!important}.badge-emoji,.points-guide .badge-icon{align-items:center;display:flex;justify-content:center}.badge-emoji{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:2rem;height:100%;width:100%}.badge-info{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.5rem;min-width:0;overflow:hidden;width:100%}.badge-info h4{word-wrap:break-word;color:#333;font-size:1rem;-webkit-hyphens:auto;hyphens:auto;line-height:1.2;margin:0;overflow-wrap:break-word;text-align:center}.badge-requirement{color:#666;font-size:.875rem;margin:0;text-align:center}.badge-tier{align-items:center;background:#e0e0e0;border-radius:4px;color:#666;display:flex;font-size:.75rem;font-weight:600;justify-content:center;line-height:1;margin:0 auto;min-height:1.5rem;padding:.25rem .75rem;text-align:center;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.badge-tier.legendary{background:gold;color:#333}.badge-tier.expert{background:#9c27b0;color:#fff}.badge-tier.advanced{background:#ff9800;color:#fff}.badge-tier.intermediate{background:#ffc107;color:#333}.badge-tier.special{background:#ff1744;color:#fff}.badge-tier.beginner{background:#8bc34a;color:#fff}.badge-tier.warning{background-color:#ff9800;color:#fff}.badge-tier.danger{background-color:#ff5722;color:#fff}.badge-tier.critical{background-color:#d32f2f;color:#fff}.badge-tier.banworthy{background-color:#b71c1c;color:#fff}.badge-tier.banned{background-color:#000;color:#fff}.badge-warning{background:#ff57221a;border:1px solid #ff572233;border-radius:4px;color:#ff5722;font-size:.8rem;font-style:italic;line-height:1.3;margin:.5rem 0;padding:.75rem}.points-guide__tip-box{background:#e6f0fa;border-left:4px solid #2b6cb0;border-radius:8px;margin-top:1.5rem;padding:1rem 1.5rem}.points-guide__tip-box strong{color:#2b6cb0}.points-guide__tip-box ul{margin:.5rem 0 0;padding-left:1.5rem}.points-guide__tip-box li{color:#555;margin-bottom:.25rem}.points-guide__faq-list{display:flex;flex-direction:column;gap:1.5rem}.points-guide__faq-item{background:#f8f9fa;border-left:4px solid #ff4500;border-radius:6px;padding:1.5rem}.points-guide__faq-item h4{color:#333;font-size:1.125rem;margin:0 0 .75rem}.points-guide__faq-item p{color:#555;line-height:1.6;margin:0}.guide-footer{background:linear-gradient(135deg,#ff4500,#e63900);border-radius:12px;box-shadow:0 3px 8px #0000001a;color:#fff;margin-top:2rem;padding:3rem 2rem;text-align:center}.guide-footer h3{font-size:2rem;margin:0 0 .5rem}.guide-footer p{font-size:1.125rem;margin:0 0 2rem;opacity:.9}.cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.cta-button{border-radius:4px;font-size:1rem;font-weight:600;padding:.875rem 2rem;text-decoration:none;transition:all .3s ease}.cta-button.primary{background:#fff;color:#ff4500}.cta-button.primary:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.cta-button.secondary{background:#0000;border:2px solid #fff;color:#fff}.cta-button.secondary:hover{background:#fff;color:#ff4500}.points-guide__badge-category-section--reputation-warning .points-guide__badges-grid{grid-template-columns:repeat(3,1fr)!important}@media (max-width:768px){.points-guide-page{margin-top:0!important;padding-top:0!important}.points-guide-container{padding:0}.guide-header{margin-top:.5rem;padding:1rem;padding-top:1rem!important}.guide-header h1{font-size:1.5rem;margin-top:0}.header-icon{font-size:1.5rem}.back-button{display:none}.section-header{font-size:1.25rem;padding:1rem}.section-content{padding:1.5rem 1rem}.points-guide__gift-info{gap:1rem;grid-template-columns:1fr}.badges-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)}.badge-card{min-height:140px;padding:1rem .5rem}.points-guide .badge-icon{height:60px!important;margin:0 auto;min-height:60px!important;min-width:60px!important;width:60px!important}.badge-emoji{font-size:1.75rem;line-height:1.2}.badge-info{gap:.25rem}.badge-info h4{font-size:.875rem}.badge-requirement{font-size:.75rem}.badge-tier{font-size:.625rem;padding:.2rem .5rem}.badge-warning{background:#ff98001a;border-radius:4px;font-size:.7rem;line-height:1.2;margin:.25rem 0;padding:.5rem}.guide-footer{padding:2rem 1rem}.cta-buttons{flex-direction:column}.cta-button{width:100%}}.dark-mode .points-guide-page{background-color:#1a1a1a;color:#e0e0e0}.dark-mode .guide-header,.dark-mode .points-guide__section{background-color:#2a2a2a;border-color:#444;box-shadow:0 3px 8px #0000004d}.dark-mode .points-guide__section-content{background-color:#2a2a2a;color:#e0e0e0}.dark-mode .section-intro{color:#bbb}.dark-mode .points-guide__badge-card{background-color:#3a3a3a}.dark-mode .points-guide__badge-card:hover{background-color:#4a4a4a;border-color:#ff4500}.dark-mode .points-guide__badge-info h4{color:#e0e0e0}.dark-mode .points-guide__badge-requirement{color:#bbb}.dark-mode .points-guide__badge-tier{color:#333}.dark-mode .points-guide__badge-tier--banned,.dark-mode .points-guide__badge-tier--banworthy,.dark-mode .points-guide__badge-tier--critical,.dark-mode .points-guide__badge-tier--expert{color:#fff}.dark-mode .points-guide__badge-warning{background:#ff980033;border:1px solid #ff98004d;color:#ffb74d}.dark-mode .points-guide__category-description{color:#bbb}.dark-mode .back-button{background-color:#2a2a2a;border-color:#444;color:#aaa}.dark-mode .back-button:hover{background-color:#333;color:#e0e0e0}.dark-mode .guide-header h1{color:#e0e0e0}.dark-mode .header-subtitle{color:#aaa}.dark-mode .points-guide__section-header{background:linear-gradient(135deg,#cc3600,#b32d00);color:#fff}.dark-mode .points-guide__section-header--clickable:hover{background:linear-gradient(135deg,#b32d00,#992600)}.dark-mode .section-intro{color:#aaa}.dark-mode .badge-card,.dark-mode .gift-rules,.dark-mode .how-to-gift,.dark-mode .points-guide__faq-item,.dark-mode .points-guide__table{background:#3a3a3a}.dark-mode .points-guide__activity-label,.dark-mode .points-guide__table{color:#e0e0e0}.dark-mode .points-guide__row{border-bottom-color:#444}.dark-mode .points-guide__row--header{background:#2a2a2a!important;color:#e0e0e0!important}.dark-mode .points-guide__row--highlight{background:#5a4a00;border-color:#7a6a00}.dark-mode .points-guide__category h4{color:#bbb}.dark-mode .badge-info h4,.dark-mode .faq-item h4,.dark-mode .gift-rules h4,.dark-mode .how-to-gift h4,.dark-mode .points-guide__badge-category-section h3{color:#e0e0e0}.dark-mode .badge-requirement,.dark-mode .faq-item p,.dark-mode .gift-rules li,.dark-mode .how-to-gift li,.dark-mode .section-intro{color:#aaa}.dark-mode .points-guide__category-description{color:#999}.dark-mode .points-guide__badge-card{border-color:#444}.dark-mode .points-guide__badge-tier{background:#3a3a3a;color:#aaa}.dark-mode .points-guide__badge-tier--legendary{background:gold;color:#333}.dark-mode .points-guide__badge-tier--expert{background:#9c27b0;color:#fff}.dark-mode .points-guide__badge-tier--advanced{background:#ff9800;color:#fff}.dark-mode .points-guide__badge-tier--intermediate{background:#ffc107;color:#333}.dark-mode .points-guide__badge-tier--special{background:#ff1744;color:#fff}.dark-mode .points-guide__badge-tier--beginner{background:#8bc34a;color:#fff}.dark-mode .points-guide__badge-tier--warning{background-color:#ff9800;color:#fff}.dark-mode .points-guide__badge-tier--danger{background-color:#ff5722;color:#fff}.dark-mode .points-guide__badge-tier--critical{background-color:#d32f2f;color:#fff}.dark-mode .points-guide__badge-tier--banworthy{background-color:#b71c1c;color:#fff}.dark-mode .points-guide__badge-tier--banned{background-color:#000;color:#fff}.dark-mode .points-guide__badge-warning{color:#ff6b6b}.dark-mode .points-guide__tip-box{background:#2a3f5f;border-left-color:#4a90e2}.dark-mode .points-guide__tip-box strong{color:#4a90e2}.dark-mode .points-guide__tip-box li{color:#e0e0e0}.dark-mode .points-guide__faq-item{border-left-color:#cc3600}.dark-mode .guide-footer{background:linear-gradient(135deg,#cc3600,#b32d00)}.dark-mode .points-guide__value--positive{color:#68d391}.dark-mode .header-icon,.dark-mode .points-guide__value--negative{color:#fc8181}.points-wallet{display:flex;flex-direction:column;gap:var(--space-xl);margin:0 auto;max-width:1100px;padding:var(--space-lg);width:100%}.points-wallet__heading{display:flex;flex-direction:column;gap:var(--space-xs)}.points-wallet__title{align-items:center;color:var(--color-text);display:flex;font-size:2rem;font-size:var(--font-size-2xl,2rem);font-weight:700;font-weight:var(--font-weight-bold,700);gap:var(--space-sm);margin:0}.points-wallet__title-icon{color:var(--color-primary)}.points-wallet__subtitle{color:var(--color-text-muted);font-size:var(--font-size-base);margin:0}.points-wallet__balance-card{grid-gap:var(--space-lg);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-base);box-shadow:var(--shadow-sm);display:grid;gap:var(--space-lg);grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);padding:var(--space-lg)}.points-wallet__balance-main{display:flex;flex-direction:column;gap:var(--space-xs);justify-content:center}.points-wallet__balance-label{color:var(--color-text-muted);font-size:var(--font-size-sm);letter-spacing:.04em;text-transform:uppercase}.points-wallet__balance-value{color:var(--color-primary);font-size:3.5rem;font-weight:700;font-weight:var(--font-weight-bold,700);line-height:1}.points-wallet__balance-unit{color:var(--color-text-muted);font-size:var(--font-size-base)}.points-wallet__balance-stats{grid-gap:var(--space-sm);align-content:center;display:grid;gap:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr))}.points-wallet__stat{background-color:var(--color-surface);background-color:var(--color-surface-elevated,var(--color-surface));border:1px solid var(--color-border);border-radius:var(--radius-base);display:flex;flex-direction:column;gap:2px;padding:var(--space-sm)}.points-wallet__stat-label{align-items:center;color:var(--color-text-muted);display:flex;font-size:var(--font-size-sm);gap:6px}.points-wallet__stat-value{color:var(--color-text);font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold,600)}.points-wallet__balance-actions{align-items:center;border-top:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:var(--space-sm);grid-column:1/-1;padding-top:var(--space-sm)}.points-wallet__streak{align-items:center;background-color:#ffa5001f;background-color:var(--color-warning-bg,#ffa5001f);border-radius:9999px;color:#d97706;color:var(--color-warning,#d97706);display:inline-flex;font-weight:600;font-weight:var(--font-weight-semibold,600);gap:6px;padding:6px 12px}.points-wallet__claim-btn{align-items:center;background-color:var(--color-primary);border:none;border-radius:var(--radius-base);color:#fff;color:var(--color-on-primary,#fff);cursor:pointer;display:inline-flex;font-weight:500;font-weight:var(--font-weight-medium,500);gap:8px;padding:10px 18px;transition:background-color .15s ease;transition:background-color var(--transition-fast,.15s) ease}.points-wallet__claim-btn:hover:not(:disabled){background-color:var(--color-primary-hover)}.points-wallet__claim-btn:disabled{cursor:not-allowed;opacity:.6}.points-wallet__claim-message{color:var(--color-text-muted);font-size:var(--font-size-sm)}.points-wallet__balance-cta{display:flex;flex-wrap:wrap;gap:var(--space-sm);grid-column:1/-1}.points-wallet__link-btn{align-items:center;background-color:initial;border:1px solid var(--color-primary);border-radius:var(--radius-base);color:var(--color-primary);display:inline-flex;font-weight:500;font-weight:var(--font-weight-medium,500);gap:8px;padding:8px 16px;text-decoration:none;transition:background-color .15s ease,color .15s ease;transition:background-color var(--transition-fast,.15s) ease,color var(--transition-fast,.15s) ease}.points-wallet__link-btn:hover{background-color:var(--color-primary);color:#fff;color:var(--color-on-primary,#fff)}.points-wallet__link-btn--secondary{border-color:var(--color-border);color:var(--color-text-muted)}.points-wallet__link-btn--secondary:hover{background-color:var(--color-surface);background-color:var(--color-surface-elevated,var(--color-surface));border-color:var(--color-border);color:var(--color-text)}.points-wallet__section-title{color:var(--color-text);font-size:var(--font-size-lg);font-weight:700;font-weight:var(--font-weight-bold,700);margin:0 0 var(--space-xs) 0}.points-wallet__section-hint{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0 0 var(--space-md) 0}.points-wallet__empty{border:1px dashed var(--color-border);border-radius:var(--radius-base);color:var(--color-text-muted);font-style:italic;margin:0;padding:var(--space-md);text-align:center}.points-wallet__breakdown-grid{grid-gap:var(--space-sm);display:grid;gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.points-wallet__breakdown-tile{align-items:flex-start;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-base);cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:var(--space-md);text-align:left;transition:border-color .15s ease,transform .15s ease,background-color .15s ease;transition:border-color var(--transition-fast,.15s) ease,transform var(--transition-fast,.15s) ease,background-color var(--transition-fast,.15s) ease}.points-wallet__breakdown-tile--active,.points-wallet__breakdown-tile:hover{background-color:var(--color-surface);background-color:var(--color-surface-elevated,var(--color-surface));border-color:var(--color-primary)}.points-wallet__breakdown-tile--active{box-shadow:0 0 0 2px var(--color-primary)}.points-wallet__breakdown-icon{color:var(--color-primary);font-size:var(--font-size-lg)}.points-wallet__breakdown-label{color:var(--color-text);font-weight:600;font-weight:var(--font-weight-semibold,600)}.points-wallet__breakdown-total{color:#15803d;color:var(--color-success,#15803d);font-size:var(--font-size-lg);font-weight:700;font-weight:var(--font-weight-bold,700)}.points-wallet__breakdown-total--negative{color:#b91c1c;color:var(--color-error,#b91c1c)}.points-wallet__breakdown-count{color:var(--color-text-muted);font-size:var(--font-size-sm)}.points-wallet__ledger{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:var(--space-md)}.points-wallet__filters{align-items:center;border-bottom:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-md);padding-bottom:var(--space-sm)}.points-wallet__filter-pills{display:flex;flex-wrap:wrap;gap:6px}.points-wallet__pill{background-color:initial;border:1px solid var(--color-border);border-radius:9999px;color:var(--color-text);cursor:pointer;font-size:var(--font-size-sm);padding:6px 14px;transition:background-color .15s ease,color .15s ease,border-color .15s ease;transition:background-color var(--transition-fast,.15s) ease,color var(--transition-fast,.15s) ease,border-color var(--transition-fast,.15s) ease}.points-wallet__pill--active,.points-wallet__pill:hover{border-color:var(--color-primary)}.points-wallet__pill--active{background-color:var(--color-primary);color:#fff;color:var(--color-on-primary,#fff)}.points-wallet__filter-extras{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-left:auto}.points-wallet__select{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:var(--font-size-sm);padding:6px 10px}.points-wallet__search{align-items:center;display:flex;position:relative}.points-wallet__search-icon{color:var(--color-text-muted);left:10px;pointer-events:none;position:absolute}.points-wallet__search-input{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:var(--font-size-sm);min-width:200px;padding:6px 10px 6px 32px}.points-wallet__search-input:focus{outline:2px solid var(--color-primary);outline-offset:1px}.points-wallet__clear-filter{background-color:initial;border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text-muted);cursor:pointer;font-size:var(--font-size-sm);padding:6px 12px}.points-wallet__clear-filter:hover{border-color:var(--color-primary);color:var(--color-text)}.points-wallet__ledger-list{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.points-wallet__ledger-row{grid-gap:var(--space-sm);align-items:center;border-bottom:1px solid var(--color-border);display:grid;gap:var(--space-sm);grid-template-columns:auto minmax(0,1fr) auto;padding:var(--space-sm) 0}.points-wallet__ledger-row:last-child{border-bottom:none}.points-wallet__ledger-icon{align-items:center;background-color:var(--color-surface);background-color:var(--color-surface-elevated,var(--color-surface));border:1px solid var(--color-border);border-radius:50%;color:var(--color-primary);display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.points-wallet__ledger-body{display:flex;flex-direction:column;min-width:0}.points-wallet__ledger-reason{color:var(--color-text);font-weight:500;font-weight:var(--font-weight-medium,500);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.points-wallet__ledger-meta{color:var(--color-text-muted);font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.points-wallet__ledger-amount{font-feature-settings:"tnum";font-size:var(--font-size-lg);font-variant-numeric:tabular-nums;font-weight:700;font-weight:var(--font-weight-bold,700)}.points-wallet__ledger-amount--positive{color:#15803d;color:var(--color-success,#15803d)}.points-wallet__ledger-amount--negative{color:#b91c1c;color:var(--color-error,#b91c1c)}.points-wallet__ledger-footer{align-items:center;border-top:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:space-between;margin-top:var(--space-sm);padding-top:var(--space-md)}.points-wallet__ledger-count{color:var(--color-text-muted);font-size:var(--font-size-sm)}.points-wallet__load-more-btn{background-color:initial;border:1px solid var(--color-primary);border-radius:var(--radius-base);color:var(--color-primary);cursor:pointer;font-weight:500;font-weight:var(--font-weight-medium,500);padding:8px 18px;transition:background-color .15s ease,color .15s ease;transition:background-color var(--transition-fast,.15s) ease,color var(--transition-fast,.15s) ease}.points-wallet__load-more-btn:hover:not(:disabled){background-color:var(--color-primary);color:#fff;color:var(--color-on-primary,#fff)}.points-wallet__load-more-btn:disabled{cursor:not-allowed;opacity:.6}.points-wallet__gifts-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr))}.points-wallet__gifts-column{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:var(--space-md)}.points-wallet__column-title{align-items:center;color:var(--color-text);display:flex;font-size:var(--font-size-base);font-weight:600;font-weight:var(--font-weight-semibold,600);gap:6px;margin:0 0 var(--space-sm) 0}.points-wallet__gifts-list{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.points-wallet__gifts-row{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-sm);justify-content:space-between;padding:8px 0}.points-wallet__gifts-row:last-child{border-bottom:none}.points-wallet__gifts-name{color:var(--color-text);font-weight:500;font-weight:var(--font-weight-medium,500)}.points-wallet__gifts-detail{font-feature-settings:"tnum";color:var(--color-text-muted);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums}@media (max-width:768px){.points-wallet{gap:var(--space-lg);padding:var(--space-md)}.points-wallet__balance-card{grid-template-columns:1fr}.points-wallet__balance-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.points-wallet__balance-value{font-size:2.5rem}.points-wallet__filter-extras{margin-left:0;width:100%}.points-wallet__search-input{min-width:0;width:100%}.points-wallet__gifts-grid{grid-template-columns:1fr}.points-wallet__breakdown-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.my-coupons{margin:0 auto;max-width:1200px;padding:0;width:100%}.my-coupons--full-width{margin:0;max-width:none}body.has-profile-background .my-coupons{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1rem}body.dark-mode .my-coupons{background-color:#2a2a2a;color:var(--color-text)}body.dark-mode.has-profile-background .my-coupons{background-color:#2a2a2af2}.my-coupons__header{border-bottom:2px solid var(--color-primary);margin-bottom:2rem;padding:.5rem 1rem 1rem;position:relative;text-align:center}.my-coupons__header-content{width:100%}.my-coupons__header h1{color:var(--color-primary);font-size:2.5rem;margin:0 0 .5rem}.my-coupons__header p{color:var(--color-text-secondary);font-size:1.1rem;margin:0}.my-coupons__share-button{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;font-size:.875rem;height:auto;justify-content:center;margin-left:1rem;min-height:0;min-height:auto;padding:.25rem .5rem;position:static;transition:all .2s ease}.my-coupons__share-button:hover{background-color:var(--color-bg-tertiary);box-shadow:var(--shadow-md);color:var(--color-primary);transform:translateY(-1px)}.my-coupons__share-button:active{transform:translateY(0)}.my-coupons__share-button svg{fill:currentColor;height:1em;width:1em}.my-coupons__status{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem;padding:0 1rem}.my-coupons__status-item{align-items:center;border-radius:var(--radius-lg);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.my-coupons__status-item--success{background-color:#28a7451a;border:1px solid #28a7454d;color:#28a745}.my-coupons__status-item--info{background-color:#17a2b81a;border:1px solid #17a2b84d;color:#17a2b8}.my-coupons__status-item--warning{background-color:#ffc1071a;border:1px solid #ffc1074d;color:#ffc107}body.dark-mode .my-coupons__status-item--success{background-color:#28a74533}body.dark-mode .my-coupons__status-item--info{background-color:#17a2b833}body.dark-mode .my-coupons__status-item--warning{background-color:#ffc10733}.my-coupons__content{box-sizing:border-box;padding:0 1rem;width:100%}.my-coupons__section{margin-bottom:3rem}.my-coupons__section h2{border-bottom:1px solid var(--color-border);color:var(--color-text);margin-bottom:1rem;padding-bottom:.5rem}.my-coupons__cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.my-coupons__card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:1.5rem;transition:all .3s ease}.my-coupons__card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.my-coupons__card h3{color:var(--color-primary);margin:0 0 .5rem}.my-coupons__card p{color:var(--color-text-secondary);margin:0}.my-coupons__features{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));list-style:none;margin:0;padding:0}.my-coupons__features li{background-color:var(--color-bg-tertiary);border-left:3px solid var(--color-primary);border-radius:var(--radius-base);padding:.5rem}.my-coupons__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.my-coupons__button{border:none;border-radius:var(--radius-base);cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.my-coupons__button--primary{background-color:var(--color-primary);color:#fff}.my-coupons__button--primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.my-coupons__button--secondary{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.my-coupons__button--secondary:hover{background-color:var(--color-bg-tertiary);transform:translateY(-1px)}.my-coupons__notice{background-color:#ffc1071a;border:1px solid #ffc1074d;border-radius:var(--radius-lg);margin-top:3rem;padding:1.5rem;text-align:center}.my-coupons__notice p{font-weight:500;margin:0}@media (max-width:768px){.my-coupons{border-radius:0;padding:.5rem}.my-coupons__header h1{font-size:2rem}.my-coupons__breadcrumb-row{padding:.5rem}.my-coupons__share-button{font-size:.75rem;margin-left:.5rem;padding:.25rem}.my-coupons__status{align-items:stretch;flex-direction:column}.my-coupons__content{padding:0 .5rem}.my-coupons__cards,.my-coupons__features{grid-template-columns:1fr}.my-coupons__actions{flex-direction:column}.my-coupons__button{width:100%}}.my-coupons__skip-link{background:var(--color-primary);border-radius:var(--radius-base);color:#fff;font-weight:500;left:-9999px;padding:8px 16px;position:absolute;text-decoration:none;top:0;z-index:100}.my-coupons__skip-link:focus{box-shadow:var(--shadow-lg);left:50%;top:10px;transform:translateX(-50%)}.my-coupons__breadcrumb-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;padding:1rem 1rem 0}.my-coupons__breadcrumbs{flex:1 1;margin:0;padding:0}.my-coupons__breadcrumbs ol{flex-wrap:wrap;list-style:none;margin:0;padding:0}.my-coupons__breadcrumbs li,.my-coupons__breadcrumbs ol{align-items:center;display:flex;gap:.5rem}.my-coupons__breadcrumbs a{align-items:center;color:var(--color-primary);display:flex;gap:.25rem;text-decoration:none;transition:color .2s ease}.my-coupons__breadcrumbs a:hover{color:var(--color-primary-hover);text-decoration:underline}.my-coupons__breadcrumb-separator{color:var(--color-text-secondary);font-size:.75rem}.my-coupons__error{margin:0 auto;max-width:600px;padding:3rem 1rem;text-align:center}.my-coupons__error h2{color:var(--color-danger);margin-bottom:1rem}.my-coupons__error p{color:var(--color-text-secondary);margin-bottom:2rem}.my-coupons__loading{padding:2rem 1rem}.my-coupons__skeleton{animation:skeleton-loading 1.5s ease-in-out infinite}.my-coupons__skeleton-card,.my-coupons__skeleton-header,.my-coupons__skeleton-text{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--radius-base)}.my-coupons__skeleton-header{height:3rem;margin:0 auto 2rem;width:60%}.my-coupons__skeleton-text{height:1rem;margin-bottom:1rem}.my-coupons__skeleton-text--short{width:70%}.my-coupons__skeleton-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.my-coupons__skeleton-card{height:150px}.my-coupons__form{max-width:600px}.my-coupons__form-group{margin-bottom:1.5rem}.my-coupons__form-group label{color:var(--color-text);display:block;font-weight:500;margin-bottom:.5rem}.my-coupons__required{color:var(--color-danger);margin-left:.25rem}.my-coupons__input,.my-coupons__select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:1rem;min-height:44px;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.my-coupons__input:focus,.my-coupons__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.my-coupons__help-text{color:var(--color-text-secondary);display:block;font-size:.875rem;margin-top:.5rem}body.dark-mode .my-coupons__skeleton-card,body.dark-mode .my-coupons__skeleton-header,body.dark-mode .my-coupons__skeleton-text{background:linear-gradient(90deg,#3a3a3a 25%,#4a4a4a 50%,#3a3a3a 75%)}body.dark-mode .my-coupons__input,body.dark-mode .my-coupons__select{background-color:var(--color-bg-secondary)}.my-coupons__button:focus-visible,.my-coupons__card:focus-visible,.my-coupons__input:focus-visible,.my-coupons__select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media print{.my-coupons__actions,.my-coupons__notice,.my-coupons__offline-banner,.my-coupons__skip-link,.my-coupons__toast{display:none}.my-coupons{background:#fff;color:#000;max-width:none;padding:0}}.my-coupons__offline-banner{align-items:center;background-color:var(--color-warning);box-shadow:var(--shadow-md);color:#fff;display:flex;font-weight:500;gap:.5rem;justify-content:center;left:0;padding:.75rem;position:fixed;right:0;text-align:center;top:0;z-index:1100}.my-coupons__toast{align-items:center;animation:slideIn .3s ease-out;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);bottom:2rem;box-shadow:var(--shadow-lg);display:flex;gap:1rem;max-width:400px;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:1200}.my-coupons__toast-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.my-coupons__toast-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s ease}.my-coupons__toast-close:hover{color:var(--color-text)}.my-coupons__toast--success{border-color:var(--color-success)}.my-coupons__toast--success svg{color:var(--color-success)}.my-coupons__toast--warning{border-color:var(--color-warning)}.my-coupons__toast--warning svg{color:var(--color-warning)}.my-coupons__toast--error{border-color:var(--color-danger)}.my-coupons__toast--error svg{color:var(--color-danger)}.my-coupons__toast--info{border-color:var(--color-info)}.my-coupons__toast--info svg{color:var(--color-info)}.my-coupons__unsaved-indicator{color:var(--color-warning);font-size:.875rem;font-weight:400;margin-left:.5rem}.my-coupons__form-actions{display:flex;gap:1rem;margin-top:1.5rem}.my-coupons__image-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1rem}.my-coupons__image-container{aspect-ratio:16/9;background-color:var(--color-bg-secondary);border-radius:var(--radius-base);overflow:hidden;position:relative}.my-coupons__image{height:100%;object-fit:cover;transition:opacity .3s ease;width:100%}.my-coupons__image[data-src]{background-color:var(--color-bg-tertiary);opacity:0}.my-coupons__image:not([data-src]){opacity:1}@media (prefers-contrast:high){.my-coupons__button,.my-coupons__input,.my-coupons__select,.my-coupons__toast{border-width:2px}}@media (max-width:768px){.my-coupons__toast{bottom:1rem;left:1rem;max-width:none;right:1rem}.my-coupons__form-actions{flex-direction:column}.my-coupons__form-actions button{width:100%}.my-coupons__image-grid{grid-template-columns:1fr}}.dashboard-content-container{padding:0}.error-message{background-color:#dc35451a;border:1px solid #dc35454d;border-radius:var(--radius-base);margin-bottom:1rem;padding:1rem}.loading-message{padding:2rem}.loading-message,.no-coupons{color:var(--color-text-secondary);text-align:center}.no-coupons{padding:3rem 1rem}.no-coupons-icon{color:var(--color-primary);font-size:3rem;margin-bottom:1rem}.no-coupons p{font-size:1.1rem;margin-bottom:1.5rem}.visit-store-link{background-color:var(--color-primary);border-radius:var(--radius-base);color:#fff;display:inline-block;font-weight:500;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.visit-store-link:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.coupons-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:2rem}.coupon-card{background-color:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:all .3s ease}.coupon-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.coupon-card.redeemed{background-color:#28a7450d;border-color:var(--color-success);opacity:.7}.coupon-header{align-items:center;background-color:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:1rem}.coupon-icon{color:var(--color-primary);font-size:1.5rem}.coupon-status{border-radius:var(--radius-base);font-size:.8rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase}.coupon-card:not(.redeemed) .coupon-status{background-color:var(--color-success);color:#fff}.coupon-card.redeemed .coupon-status{background-color:var(--color-text-secondary);color:#fff}.coupon-body{padding:1.5rem}.coupon-business{color:var(--color-text);font-size:1.3rem;font-weight:600;margin:0 0 .5rem}.coupon-description{color:var(--color-text-secondary);line-height:1.5;margin-bottom:1rem}.coupon-code-section{margin-bottom:1rem}.coupon-code-section label{color:var(--color-text-secondary);display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.coupon-code{background-color:var(--color-bg);border:2px dashed var(--color-border);border-radius:var(--radius-base);color:var(--color-primary);font-family:Courier New,monospace;font-size:1.1rem;font-weight:600;letter-spacing:1px;padding:.75rem;text-align:center}.coupon-dates{color:var(--color-text-secondary);font-size:.9rem}.coupon-dates p{margin:.25rem 0}.coupon-footer{background-color:var(--color-bg-tertiary);border-top:1px solid var(--color-border);padding:1rem 1.5rem}.redeem-btn{background-color:var(--color-primary);border:none;border-radius:var(--radius-base);color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem;transition:all .3s ease;width:100%}.redeem-btn:hover:not(:disabled){background-color:var(--color-primary-hover);transform:translateY(-1px)}.redeem-btn:disabled{cursor:not-allowed;opacity:.6}.redeemed-badge{align-items:center;color:var(--color-success);display:flex;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center}.coupons-info{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-top:2rem;padding:2rem}.coupons-info h2{color:var(--color-text);font-size:1.3rem;margin-bottom:1rem}.coupons-info ol{color:var(--color-text);margin:1rem 0 1.5rem 1.5rem}.coupons-info li{line-height:1.5;margin-bottom:.5rem}.coupons-note{background-color:#ffc1071a;border:1px solid #ffc1074d;border-radius:var(--radius-base);color:var(--color-text-secondary);font-size:.9rem;margin:0;padding:1rem}@media (max-width:768px){.coupons-grid{grid-template-columns:1fr}.coupon-body,.coupon-footer{padding:1rem}.coupons-info{padding:1.5rem}.coupons-info ol{margin-left:1rem}}body.dark-mode .coupon-card.redeemed{background-color:#28a7451a}body.dark-mode .error-message{background-color:#dc354533}body.dark-mode .coupons-note{background-color:#ffc10733}.user-profile-settings{background:#0000;min-height:100vh;padding:1rem;position:relative;width:100%}.user-profile-settings__skip-links{left:6px;position:absolute;top:-40px;z-index:1000}.user-profile-settings__skip-link{background:#007bff;border-radius:4px;color:#fff;font-weight:500;height:1px;left:-10000px;overflow:hidden;padding:8px 16px;position:absolute;text-decoration:none;top:auto;width:1px}.user-profile-settings__skip-link:focus{height:auto;left:auto;position:static;width:auto}.user-profile-settings__offline-banner{align-items:center;background:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;display:flex;gap:8px;margin-bottom:1rem;padding:12px 16px}.dark-mode .user-profile-settings__offline-banner{background:#2d1b1e;border-color:#4a2c34;color:#f8d7da}.user-profile-settings__breadcrumb-row{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.75rem 1rem}.dark-mode .user-profile-settings__breadcrumb-row{background:#2a2a2a;box-shadow:0 2px 4px #0003}.user-profile-settings__breadcrumbs ol{align-items:center;display:flex;list-style:none;margin:0;padding:0}.user-profile-settings__breadcrumbs li{align-items:center;color:#666;display:flex}.user-profile-settings__breadcrumbs a{align-items:center;border-radius:4px;color:#007bff;display:flex;gap:.5rem;padding:.25rem .5rem;text-decoration:none;transition:background-color .2s}.user-profile-settings__breadcrumbs a:hover{background-color:#f8f9fa}.dark-mode .user-profile-settings__breadcrumbs a:hover{background-color:#3a3a3a}.user-profile-settings__breadcrumb-separator{color:#ccc;margin:0 .5rem}.user-profile-settings__share-button{align-items:center;background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:background-color .2s}.user-profile-settings__share-button:hover{background:#0056b3}.user-profile-settings__header{margin-bottom:2rem}.user-profile-settings__header-content h1{color:#333;font-size:2rem;margin:0 0 .5rem}.user-profile-settings__header-content p{color:#666;font-size:1.1rem;margin:0}.dark-mode .user-profile-settings__header-content h1{color:#e0e0e0}.dark-mode .user-profile-settings__header-content p{color:#aaa}.user-profile-settings__loading{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;min-height:200px}.user-profile-settings__skeleton{max-width:800px;width:100%}.user-profile-settings__skeleton-header{border-radius:8px;height:3rem;margin-bottom:1rem}.user-profile-settings__skeleton-header,.user-profile-settings__skeleton-text{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}.user-profile-settings__skeleton-text{border-radius:4px;height:1rem;margin-bottom:.5rem}.user-profile-settings__skeleton-text--short{width:60%}.user-profile-settings__skeleton-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:2rem}.user-profile-settings__skeleton-card{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:8px;height:120px}.user-profile-settings__error{background:#f8f9fa;border-radius:8px;margin:2rem 0;padding:3rem;text-align:center}.user-profile-settings__error h2{color:#dc3545;margin-bottom:1rem}.user-profile-settings__error p{color:#666;margin-bottom:1.5rem}.user-profile-settings__button{border:none;border-radius:6px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s}.user-profile-settings__button--primary{background:#007bff;color:#fff}.user-profile-settings__button--primary:hover{background:#0056b3}.user-profile-settings__toast{align-items:center;animation:slideIn .3s ease-out;background:#fff;border-left:4px solid;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;gap:1rem;min-width:300px;padding:1rem;position:fixed;right:20px;top:20px;z-index:1000}.user-profile-settings__toast--success{border-left-color:#28a745}.user-profile-settings__toast--warning{border-left-color:#ffc107}.user-profile-settings__toast--error{border-left-color:#dc3545}.user-profile-settings__toast--info{border-left-color:#007bff}.user-profile-settings__toast-content{align-items:center;display:flex;flex:1 1;gap:.5rem}.user-profile-settings__toast-close{background:none;border:none;color:#666;cursor:pointer;font-size:1.5rem;line-height:1;padding:0}.user-profile-settings__toast-close:hover{color:#333}.dark-mode .user-profile-settings__toast{background:#333;box-shadow:0 4px 12px #0000004d;color:#e0e0e0}.dark-mode .user-profile-settings__toast-close{color:#aaa}.dark-mode .user-profile-settings__toast-close:hover{color:#fff}.sr-only{clip:rect(0,0,0,0)!important;border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.user-profile-settings.focus-visible :focus{outline:2px solid #007bff;outline-offset:2px}.user-profile-settings.reduced-motion *,.user-profile-settings.reduced-motion :after,.user-profile-settings.reduced-motion :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.user-profile-settings.high-contrast{--color-primary:navy;--color-secondary:purple;--color-success:green;--color-warning:#ff8000;--color-danger:red}.user-profile-settings.save-data .user-profile-settings__skeleton-card,.user-profile-settings.save-data .user-profile-settings__skeleton-header,.user-profile-settings.save-data .user-profile-settings__skeleton-text{animation:none;background:#f0f0f0}@media (max-width:768px){.user-profile-settings__breadcrumb-row{align-items:flex-start;flex-direction:column;gap:1rem}.user-profile-settings__toast{left:10px;min-width:auto;right:10px}.user-profile-settings{padding:0}}.settings-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:1.5rem;margin-top:0;padding:1.5rem}.settings-content:first-child{margin-top:0}@media (max-width:768px){.settings-content{padding:1rem}}.dark-mode .settings-content{box-shadow:0 2px 4px #0003}.settings-category{margin-bottom:3rem}.settings-category:last-child{margin-bottom:0}.category-header{align-items:center;border-bottom:2px solid #eee;display:flex;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem}.category-header svg{color:#007bff;font-size:1.5rem}.category-header h3{color:#333;margin:0}.category-header p{color:#666;font-size:.9rem;margin:.25rem 0 0}.items-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.item-card{border:2px solid #ddd;border-radius:8px;cursor:pointer;padding:1rem;position:relative;text-align:center;transition:all .3s}.item-card:hover{background-color:#f8f9fa;border-color:#007bff}.item-card.active{background-color:#e8f5e9;border-color:#28a745}.item-preview{align-items:center;display:flex;height:60px;justify-content:center;margin-bottom:1rem}.color-preview{border:2px solid #333;border-radius:50%;height:50px;width:50px}.icon-preview{font-size:2.5rem}.frame-preview{align-items:center;border:3px solid;border-radius:8px;display:flex;height:60px;justify-content:center;overflow:hidden;width:60px}.frame-preview img{height:100%;object-fit:cover;width:100%}.bg-preview{background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #ddd;border-radius:4px;box-shadow:inset 0 1px 3px #0000001a;height:60px;overflow:hidden;width:80px}.dark-mode .bg-preview{border-color:#444}.vip-star{color:gold;font-size:2.5rem}.item-info h4{color:#333;font-size:1rem;margin:0 0 .25rem}.item-info p{color:#666;font-size:.85rem;margin:0}.item-info .expiry{color:#dc3545;font-size:.8rem;margin-top:.25rem}.active-indicator{background-color:#28a745;border-radius:4px;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .5rem;position:absolute;right:.5rem;top:.5rem}.item-card:not(.active) .active-indicator{background-color:#6c757d}.signature-editor{position:relative}.signature-editor textarea{border:1px solid #ddd;border-radius:4px;font-size:.95rem;padding:1rem;resize:vertical;width:100%}.char-count{color:#666;font-size:.85rem;margin-top:.5rem;text-align:right}.no-purchases{padding:4rem 2rem;text-align:center}.no-purchases h3{color:#333;margin-bottom:.5rem}.no-purchases p{color:#666;margin-bottom:1.5rem}.no-purchases button{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem}.no-purchases button:hover{background-color:#0056b3}.settings-actions{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:1.5rem;text-align:center}.save-btn{border-radius:6px;display:inline-flex;font-size:1.1rem;gap:.5rem;padding:.75rem 2rem}.save-btn:hover:not(:disabled){background-color:#218838}.user-profile-settings__loading{color:var(--color-text-secondary);font-size:1.1rem;padding:4rem;text-align:center}.dark-mode .user-profile-settings-page{background-color:#1a1a1a}.dark-mode .settings-container,.dark-mode .settings-header h1{color:#e0e0e0}.dark-mode .settings-header p{color:#aaa}.dark-mode .settings-content{background-color:#2a2a2a}.dark-mode .category-header{border-bottom-color:#444}.dark-mode .category-header h3{color:#e0e0e0}.dark-mode .category-header p{color:#aaa}.dark-mode .item-card:hover{background-color:#3a3a3a}.dark-mode .item-card.active{background-color:#1a3a1a;border-color:#28a745}.dark-mode .signature-editor textarea{background-color:#3a3a3a;border-color:#555;color:#e0e0e0}.dark-mode .char-count{color:#aaa}@media (max-width:768px){.settings-layout{flex-direction:column}.settings-container,.settings-content{padding:1rem}.items-grid{grid-template-columns:1fr}.category-header{align-items:flex-start;flex-direction:column;gap:.5rem}}.dark-mode .item-card{background-color:#333;border-color:#444}.dark-mode .item-card:hover{border-color:#007bff}.dark-mode .item-info h4{color:#e0e0e0}.dark-mode .item-info p{color:#aaa}.dark-mode .no-purchases h3{color:#e0e0e0}.dark-mode .no-purchases p{color:#aaa}.dark-mode .save-btn{background-color:#218838}.dark-mode .save-btn:hover{background-color:#28a745}.dark-mode .settings-actions{background-color:#2a2a2a;box-shadow:0 2px 4px #0003}.moderation-tracker{margin:0 auto;max-width:1200px;padding:0;width:100%}.moderation-tracker--full-width{margin:0;max-width:none}body.has-profile-background .moderation-tracker{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1rem}body.dark-mode .moderation-tracker{background-color:#2a2a2a;color:var(--color-text)}body.dark-mode.has-profile-background .moderation-tracker{background-color:#2a2a2af2}.moderation-tracker__header{border-bottom:2px solid var(--color-primary);margin-bottom:2rem;padding:.5rem 1rem 1rem;position:relative;text-align:center}.moderation-tracker__header-content{width:100%}.moderation-tracker__header h1{color:var(--color-primary);font-size:2.5rem;margin:0 0 .5rem}.moderation-tracker__header p{color:var(--color-text-secondary);font-size:1.1rem;margin:0}.moderation-tracker__share-button{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;font-size:.875rem;height:auto;justify-content:center;margin-left:1rem;min-height:0;min-height:auto;padding:.25rem .5rem;position:static;transition:all .2s ease}.moderation-tracker__share-button:hover{background-color:var(--color-bg-tertiary);box-shadow:var(--shadow-md);color:var(--color-primary);transform:translateY(-1px)}.moderation-tracker__share-button:active{transform:translateY(0)}.moderation-tracker__share-button svg{fill:currentColor;height:1em;width:1em}.moderation-tracker__status{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem;padding:0 1rem}.moderation-tracker__status-item{align-items:center;border-radius:var(--radius-lg);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.moderation-tracker__status-item--success{background-color:#28a7451a;border:1px solid #28a7454d;color:#28a745}.moderation-tracker__status-item--info{background-color:#17a2b81a;border:1px solid #17a2b84d;color:#17a2b8}.moderation-tracker__status-item--warning{background-color:#ffc1071a;border:1px solid #ffc1074d;color:#ffc107}body.dark-mode .moderation-tracker__status-item--success{background-color:#28a74533}body.dark-mode .moderation-tracker__status-item--info{background-color:#17a2b833}body.dark-mode .moderation-tracker__status-item--warning{background-color:#ffc10733}.moderation-tracker__content{box-sizing:border-box;padding:0 1rem;width:100%}.moderation-tracker__section{margin-bottom:3rem}.moderation-tracker__section h2{border-bottom:1px solid var(--color-border);color:var(--color-text);margin-bottom:1rem;padding-bottom:.5rem}.moderation-tracker__cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.moderation-tracker__card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:1.5rem;transition:all .3s ease}.moderation-tracker__card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.moderation-tracker__card h3{color:var(--color-primary);margin:0 0 .5rem}.moderation-tracker__card p{color:var(--color-text-secondary);margin:0}.moderation-tracker__features{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));list-style:none;margin:0;padding:0}.moderation-tracker__features li{background-color:var(--color-bg-tertiary);border-left:3px solid var(--color-primary);border-radius:var(--radius-base);padding:.5rem}.moderation-tracker__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.moderation-tracker__button{border:none;border-radius:var(--radius-base);cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.moderation-tracker__button--primary{background-color:var(--color-primary);color:#fff}.moderation-tracker__button--primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.moderation-tracker__button--secondary{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.moderation-tracker__button--secondary:hover{background-color:var(--color-bg-tertiary);transform:translateY(-1px)}.moderation-tracker__notice{background-color:#ffc1071a;border:1px solid #ffc1074d;border-radius:var(--radius-lg);margin-top:3rem;padding:1.5rem;text-align:center}.moderation-tracker__notice p{font-weight:500;margin:0}@media (max-width:768px){.moderation-tracker{border-radius:0;padding:.5rem}.moderation-tracker__header h1{font-size:2rem}.moderation-tracker__breadcrumb-row{padding:.5rem}.moderation-tracker__share-button{font-size:.75rem;margin-left:.5rem;padding:.25rem}.moderation-tracker__status{align-items:stretch;flex-direction:column}.moderation-tracker__content{padding:0 .5rem}.moderation-tracker__cards,.moderation-tracker__features{grid-template-columns:1fr}.moderation-tracker__actions{flex-direction:column}.moderation-tracker__button{width:100%}}.moderation-tracker__skip-link{background:var(--color-primary);border-radius:var(--radius-base);color:#fff;font-weight:500;left:-9999px;padding:8px 16px;position:absolute;text-decoration:none;top:0;z-index:100}.moderation-tracker__skip-link:focus{box-shadow:var(--shadow-lg);left:50%;top:10px;transform:translateX(-50%)}.moderation-tracker__breadcrumb-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;padding:1rem 1rem 0}.moderation-tracker__breadcrumbs{flex:1 1;margin:0;padding:0}.moderation-tracker__breadcrumbs ol{flex-wrap:wrap;list-style:none;margin:0;padding:0}.moderation-tracker__breadcrumbs li,.moderation-tracker__breadcrumbs ol{align-items:center;display:flex;gap:.5rem}.moderation-tracker__breadcrumbs a{align-items:center;color:var(--color-primary);display:flex;gap:.25rem;text-decoration:none;transition:color .2s ease}.moderation-tracker__breadcrumbs a:hover{color:var(--color-primary-hover);text-decoration:underline}.moderation-tracker__breadcrumb-separator{color:var(--color-text-secondary);font-size:.75rem}.moderation-tracker__error{margin:0 auto;max-width:600px;padding:3rem 1rem;text-align:center}.moderation-tracker__error h2{color:var(--color-danger);margin-bottom:1rem}.moderation-tracker__error p{color:var(--color-text-secondary);margin-bottom:2rem}.moderation-tracker__loading{padding:2rem 1rem}.moderation-tracker__skeleton{animation:skeleton-loading 1.5s ease-in-out infinite}.moderation-tracker__skeleton-card,.moderation-tracker__skeleton-header,.moderation-tracker__skeleton-text{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--radius-base)}.moderation-tracker__skeleton-header{height:3rem;margin:0 auto 2rem;width:60%}.moderation-tracker__skeleton-text{height:1rem;margin-bottom:1rem}.moderation-tracker__skeleton-text--short{width:70%}.moderation-tracker__skeleton-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.moderation-tracker__skeleton-card{height:150px}.moderation-tracker__form{max-width:600px}.moderation-tracker__form-group{margin-bottom:1.5rem}.moderation-tracker__form-group label{color:var(--color-text);display:block;font-weight:500;margin-bottom:.5rem}.moderation-tracker__required{color:var(--color-danger);margin-left:.25rem}.moderation-tracker__input,.moderation-tracker__select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:1rem;min-height:44px;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.moderation-tracker__input:focus,.moderation-tracker__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.moderation-tracker__help-text{color:var(--color-text-secondary);display:block;font-size:.875rem;margin-top:.5rem}body.dark-mode .moderation-tracker__skeleton-card,body.dark-mode .moderation-tracker__skeleton-header,body.dark-mode .moderation-tracker__skeleton-text{background:linear-gradient(90deg,#3a3a3a 25%,#4a4a4a 50%,#3a3a3a 75%)}body.dark-mode .moderation-tracker__input,body.dark-mode .moderation-tracker__select{background-color:var(--color-bg-secondary)}.moderation-tracker__button:focus-visible,.moderation-tracker__card:focus-visible,.moderation-tracker__input:focus-visible,.moderation-tracker__select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media print{.moderation-tracker__actions,.moderation-tracker__notice,.moderation-tracker__offline-banner,.moderation-tracker__skip-link,.moderation-tracker__toast{display:none}.moderation-tracker{background:#fff;color:#000;max-width:none;padding:0}}.moderation-tracker__offline-banner{align-items:center;background-color:var(--color-warning);box-shadow:var(--shadow-md);color:#fff;display:flex;font-weight:500;gap:.5rem;justify-content:center;left:0;padding:.75rem;position:fixed;right:0;text-align:center;top:0;z-index:1100}.moderation-tracker__toast{align-items:center;animation:slideIn .3s ease-out;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);bottom:2rem;box-shadow:var(--shadow-lg);display:flex;gap:1rem;max-width:400px;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:1200}.moderation-tracker__toast-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.moderation-tracker__toast-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s ease}.moderation-tracker__toast-close:hover{color:var(--color-text)}.moderation-tracker__toast--success{border-color:var(--color-success)}.moderation-tracker__toast--success svg{color:var(--color-success)}.moderation-tracker__toast--warning{border-color:var(--color-warning)}.moderation-tracker__toast--warning svg{color:var(--color-warning)}.moderation-tracker__toast--error{border-color:var(--color-danger)}.moderation-tracker__toast--error svg{color:var(--color-danger)}.moderation-tracker__toast--info{border-color:var(--color-info)}.moderation-tracker__toast--info svg{color:var(--color-info)}.moderation-tracker__unsaved-indicator{color:var(--color-warning);font-size:.875rem;font-weight:400;margin-left:.5rem}.moderation-tracker__form-actions{display:flex;gap:1rem;margin-top:1.5rem}.moderation-tracker__image-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1rem}.moderation-tracker__image-container{aspect-ratio:16/9;background-color:var(--color-bg-secondary);border-radius:var(--radius-base);overflow:hidden;position:relative}.moderation-tracker__image{height:100%;object-fit:cover;transition:opacity .3s ease;width:100%}.moderation-tracker__image[data-src]{background-color:var(--color-bg-tertiary);opacity:0}.moderation-tracker__image:not([data-src]){opacity:1}@media (prefers-contrast:high){.moderation-tracker__button,.moderation-tracker__input,.moderation-tracker__select,.moderation-tracker__toast{border-width:2px}}@media (max-width:768px){.moderation-tracker__toast{bottom:1rem;left:1rem;max-width:none;right:1rem}.moderation-tracker__form-actions{flex-direction:column}.moderation-tracker__form-actions button{width:100%}.moderation-tracker__image-grid{grid-template-columns:1fr}}.moderation-tracker__container{margin:0 auto;max-width:1200px;padding:0 1rem}.moderation-tracker__controls{margin-bottom:2rem}.moderation-tracker__filter-tabs{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.moderation-tracker__filter-tab{background-color:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.moderation-tracker__filter-tab:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-primary)}.moderation-tracker__filter-tab--active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.moderation-tracker__no-actions{color:var(--color-text-secondary);padding:3rem 1rem;text-align:center}.moderation-tracker__no-actions-icon{color:var(--color-success);font-size:3rem;margin-bottom:1rem}.moderation-tracker__no-actions h3{color:var(--color-text);margin-bottom:.5rem}.moderation-tracker__actions-list{display:flex;flex-direction:column;gap:1rem}.moderation-tracker__action-item{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:1.5rem;transition:all .3s ease}.moderation-tracker__action-item--active{background-color:#dc35450d;border-left:4px solid var(--color-danger)}.moderation-tracker__action-item--resolved{background-color:#28a7450d;border-left:4px solid var(--color-success);opacity:.8}.moderation-tracker__action-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.moderation-tracker__action-type{align-items:center;display:flex;gap:1rem}.moderation-tracker__sanction-icon{font-size:1.5rem}.moderation-tracker__sanction-icon--ban{color:var(--color-danger)}.moderation-tracker__sanction-icon--suspend{color:#ffc107}.moderation-tracker__sanction-icon--mute{color:#6c757d}.moderation-tracker__sanction-icon--warn{color:#ffc107}.moderation-tracker__sanction-icon--default{color:var(--color-primary)}.moderation-tracker__action-info h4{color:var(--color-text);font-size:1.1rem;margin:0 0 .25rem}.moderation-tracker__action-date{color:var(--color-text-secondary);font-size:.9rem;margin:0}.moderation-tracker__status-badge{border-radius:var(--radius-base);font-size:.8rem;font-weight:500;padding:.25rem .75rem;text-transform:uppercase}.moderation-tracker__status-badge--active{background-color:var(--color-danger);color:#fff}.moderation-tracker__status-badge--resolved{background-color:var(--color-success);color:#fff}.moderation-tracker__status-badge--expired{background-color:var(--color-warning);color:#fff}.moderation-tracker__action-details{display:flex;flex-direction:column;gap:.75rem}.moderation-tracker__detail-row{align-items:flex-start;display:flex;gap:1rem}.moderation-tracker__detail-label{color:var(--color-text-secondary);flex-shrink:0;font-weight:500;min-width:120px}.moderation-tracker__detail-value{color:var(--color-text);flex:1 1}.moderation-tracker__detail-row--appeal,.moderation-tracker__detail-row--moderator{border-top:1px solid var(--color-border);margin-top:.5rem;padding-top:.75rem}.moderation-tracker__appeal-status{align-items:center;border-radius:var(--radius-base);display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.25rem .75rem}.moderation-tracker__appeal-status--approved{background-color:#28a7451a;border:1px solid #28a7454d;color:var(--color-success)}.moderation-tracker__appeal-status--denied{background-color:#dc35451a;border:1px solid #dc35454d;color:var(--color-danger)}.moderation-tracker__appeal-status--pending{background-color:#ffc1071a;border:1px solid #ffc1074d;color:#ffc107}.moderation-tracker__error-message{background-color:#dc35451a;border:1px solid #dc35454d;border-radius:var(--radius-base);color:var(--color-danger);margin-top:1rem;padding:1rem;text-align:center}@media (max-width:768px){.moderation-tracker__filter-tabs{flex-direction:column}.moderation-tracker__filter-tab{text-align:center}.moderation-tracker__action-header{align-items:flex-start;flex-direction:column;gap:1rem}.moderation-tracker__detail-row{flex-direction:column;gap:.25rem}.moderation-tracker__detail-label{font-size:.9rem;min-width:auto}.moderation-tracker__sanction-icon{font-size:1.25rem}}body.dark-mode .moderation-tracker__action-item--active{background-color:#dc35451a}body.dark-mode .moderation-tracker__action-item--resolved{background-color:#28a7451a}body.dark-mode .moderation-tracker__appeal-status--approved{background-color:#28a74533}body.dark-mode .moderation-tracker__appeal-status--denied{background-color:#dc354533}body.dark-mode .moderation-tracker__appeal-status--pending{background-color:#ffc10733}body.dark-mode .moderation-tracker__error-message{background-color:#dc354533}:root{--forum-gradient-start:#ff4500;--forum-gradient-end:#ff6b35;--forum-card-bg:#fff;--forum-card-hover-bg:#fafafa;--forum-border-color:#e5e7eb;--forum-text-primary:#1f2937;--forum-text-secondary:#6b7280;--forum-text-muted:#9ca3af;--forum-bg-secondary:#f3f4f6;--forum-shadow-sm:0 1px 2px 0 #0000000d;--forum-shadow-base:0 2px 8px #00000014;--forum-shadow-hover:0 4px 12px #0000001f;--forum-shadow-lg:0 10px 25px #0000001a;--forum-space-xs:0.25rem;--forum-space-sm:0.5rem;--forum-space-md:1rem;--forum-space-lg:1.5rem;--forum-space-xl:2rem;--forum-radius-sm:4px;--forum-radius-base:8px;--forum-radius-lg:12px;--forum-radius-xl:16px;--forum-transition-fast:150ms ease-in-out;--forum-transition-base:200ms ease-in-out;--forum-transition-slow:300ms ease-in-out}.dark-mode{--forum-card-bg:#2a2a2a;--forum-card-hover-bg:#333;--forum-border-color:#444;--forum-text-primary:#e5e7eb;--forum-text-secondary:#9ca3af;--forum-text-muted:#6b7280;--forum-bg-secondary:#1f1f1f;--forum-shadow-base:0 2px 8px #0000004d;--forum-shadow-hover:0 4px 12px #0006}.forum-card{background-color:#fff;background-color:var(--forum-card-bg);border:1px solid #e5e7eb;border:1px solid var(--forum-border-color);border-radius:12px;border-radius:var(--forum-radius-lg);box-shadow:0 2px 8px #00000014;box-shadow:var(--forum-shadow-base);cursor:pointer;margin-bottom:1.5rem;margin-bottom:var(--forum-space-lg);min-height:120px;overflow:hidden;padding:2rem;padding:var(--forum-space-xl) var(--forum-space-xl);position:relative;transform:translateZ(0);transition:all .2s ease-in-out;transition:all var(--forum-transition-base)}.forum-card:before{background:linear-gradient(90deg,#0000,#ff45000d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.forum-card:hover{background-color:#fafafa;background-color:var(--forum-card-hover-bg);border-color:#ff4500;border-color:var(--forum-gradient-start);box-shadow:0 4px 12px #0000001f;box-shadow:var(--forum-shadow-hover);transform:translateY(-2px) scale(1.01)}.forum-card:hover:before{left:100%}.forum-card--with-header{padding:0}.forum-card__header{align-items:center;background:linear-gradient(135deg,#ff4500,#ff6b35);background:linear-gradient(135deg,var(--forum-gradient-start),var(--forum-gradient-end));color:#fff;display:flex;font-weight:600;gap:.5rem;gap:var(--forum-space-sm);padding:1rem 1.5rem;padding:var(--forum-space-md) var(--forum-space-lg)}.forum-card__body{padding:1.5rem;padding:var(--forum-space-lg)}.forum-title{color:#1f2937;color:var(--forum-text-primary);font-size:1.25rem;font-weight:600;margin:0 0 .5rem;margin:0 0 var(--forum-space-sm) 0}.forum-subtitle{color:#6b7280;color:var(--forum-text-secondary);font-size:.875rem;margin:0}.forum-text-muted{color:#9ca3af;color:var(--forum-text-muted);font-size:.875rem}.forum-badge{background-color:#ff4500;background-color:var(--forum-gradient-start);border-radius:16px;border-radius:var(--forum-radius-xl);color:#fff;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .5rem;padding:var(--forum-space-xs) var(--forum-space-sm)}.forum-badge--secondary{background-color:#e5e7eb;background-color:var(--forum-border-color);color:#6b7280;color:var(--forum-text-secondary)}.forum-badge--success{background-color:#10b981;color:#fff}.forum-badge--warning{background-color:#f59e0b;color:#fff}.forum-badge--danger{background-color:#ef4444;color:#fff}.forum-icon{display:inline-block;height:1.25rem;vertical-align:middle;width:1.25rem}.forum-icon--sm{height:1rem;width:1rem}.forum-icon--lg{height:1.5rem;width:1.5rem}.forum-activity-dot{border-radius:50%;display:inline-block;height:8px;margin-right:.25rem;margin-right:var(--forum-space-xs);width:8px}.forum-activity-dot--online{animation:pulse 2s infinite;background-color:#10b981}.forum-activity-dot--busy{background-color:#f59e0b}.forum-activity-dot--offline{background-color:#9ca3af;background-color:var(--forum-text-muted)}.forum-activity-badge{align-items:center;border-radius:16px;border-radius:var(--forum-radius-xl);display:inline-flex;font-size:.625rem;font-weight:600;gap:4px;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.forum-activity-badge--hot{background-color:#ff45001a;border:1px solid #ff450033;color:#ff4500;color:var(--forum-gradient-start)}.forum-activity-badge--new{background-color:#3498db1a;border:1px solid #3498db33;color:#3498db;margin-left:.5rem;margin-left:var(--forum-space-sm)}.forum-activity-badge--trending{background-color:#9b59b61a;border:1px solid #9b59b633;color:#9b59b6}.forum-stats{display:flex;gap:1.5rem;gap:var(--forum-space-lg);margin-top:1rem;margin-top:var(--forum-space-md)}.forum-stat{align-items:center;color:#6b7280;color:var(--forum-text-secondary);display:flex;font-size:.875rem;gap:.25rem;gap:var(--forum-space-xs)}.forum-stat__icon{opacity:.7}.forum-avatar,.forum-stat__value{color:#1f2937;color:var(--forum-text-primary);font-weight:600}.forum-avatar{align-items:center;background-color:#e5e7eb;border-radius:50%;display:flex;height:40px;justify-content:center;width:40px}.forum-avatar--sm{font-size:.875rem;height:32px;width:32px}.forum-avatar--lg{font-size:1.125rem;height:48px;width:48px}.forum-button{align-items:center;background-color:#ff4500;background-color:var(--forum-gradient-start);border:none;border-radius:8px;border-radius:var(--forum-radius-base);color:#fff;cursor:pointer;display:inline-flex;font-weight:500;gap:.25rem;gap:var(--forum-space-xs);overflow:hidden;padding:.5rem 1rem;padding:var(--forum-space-sm) var(--forum-space-md);position:relative;transition:all .15s ease-in-out;transition:all var(--forum-transition-fast)}.forum-button:after{background-color:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.forum-button:hover{background-color:#ff6b35;background-color:var(--forum-gradient-end);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--forum-shadow-sm);transform:translateY(-1px)}.forum-button:hover:after{height:300px;width:300px}.forum-button--secondary{background-color:#fff;background-color:var(--forum-card-bg);border:1px solid #e5e7eb;border:1px solid var(--forum-border-color);color:#1f2937;color:var(--forum-text-primary)}.forum-button--secondary:hover{background-color:#fafafa;background-color:var(--forum-card-hover-bg);border-color:#ff4500;border-color:var(--forum-gradient-start);color:#ff4500;color:var(--forum-gradient-start)}.forum-skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#e5e7eb 25%,#fafafa 50%,#e5e7eb 75%);background:linear-gradient(90deg,var(--forum-border-color) 25%,var(--forum-card-hover-bg) 50%,var(--forum-border-color) 75%);background-size:200% 100%;border-radius:4px;border-radius:var(--forum-radius-sm)}@media (max-width:768px){.forum-card{border-radius:8px;border-radius:var(--forum-radius-base);padding:1rem;padding:var(--forum-space-md)}.forum-stats{flex-wrap:wrap;gap:1rem;gap:var(--forum-space-md)}.forum-card__header{padding:.5rem 1rem;padding:var(--forum-space-sm) var(--forum-space-md)}.forum-card__body{padding:1rem;padding:var(--forum-space-md)}}.thread-list-item{align-items:flex-start;cursor:pointer;display:flex;gap:var(--forum-space-md);padding:var(--forum-space-md) var(--forum-space-lg);position:relative;transition:all var(--forum-transition-base)}.thread-list-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.thread-checkbox-container{align-items:center;display:flex;flex-shrink:0;margin-right:var(--forum-space-sm)}.thread-checkbox-container input[type=checkbox]{cursor:pointer;height:18px;margin:0;width:18px}.thread-voting-container{flex-shrink:0;margin-right:var(--forum-space-sm)}.thread-quick-actions{display:flex;gap:var(--forum-space-xs);opacity:0;position:absolute;right:var(--forum-space-sm);top:var(--forum-space-sm);transform:translateX(10px);transition:all var(--forum-transition-base);z-index:10}.thread-list-item:hover .thread-quick-actions{opacity:1;transform:translateX(0)}.quick-action-btn{align-items:center;background-color:var(--forum-card-bg);border:1px solid var(--forum-border-color);border-radius:var(--forum-radius-base);color:var(--forum-text-secondary);cursor:pointer;display:inline-flex;font-size:.875rem;height:32px;justify-content:center;padding:0;text-decoration:none;transition:all var(--forum-transition-fast);width:32px}.quick-action-btn:hover{background-color:#ff45000d;border-color:var(--forum-gradient-start);box-shadow:var(--forum-shadow-sm);color:var(--forum-gradient-start);transform:translateY(-2px)}.quick-action-btn svg{height:14px;width:14px}.thread-icon{display:inline-block;font-size:1.125rem;margin-right:var(--forum-space-xs);transition:transform var(--forum-transition-fast)}.thread-list-item:hover .thread-icon{transform:scale(1.1) rotate(-5deg)}.thread-list-item.sticky{background:linear-gradient(90deg,#ff45000d,#0000);border-color:var(--forum-gradient-start)}.thread-list-item.locked{opacity:.8}.thread-info{margin-right:auto}.thread-info .forum-title{align-items:center;display:flex;flex-wrap:wrap;gap:var(--forum-space-xs);margin:0 0 var(--forum-space-xs) 0}.thread-info .forum-title a{color:var(--forum-text-primary);font-weight:600;text-decoration:none;transition:color var(--forum-transition-fast)}.thread-info .forum-title a:hover{color:var(--forum-gradient-start)}.thread-info .forum-badge{align-items:center;display:inline-flex;font-size:.625rem;gap:4px;padding:2px 8px}.thread-preview{margin:var(--forum-space-sm) 0}.thread-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;line-height:1.5;margin-bottom:var(--forum-space-xs);overflow:hidden}.thread-preview__links,.thread-preview__media{display:inline-block;margin-right:var(--forum-space-sm);margin-top:var(--forum-space-xs)}.link-indicator,.media-indicator{align-items:center;background-color:var(--forum-bg-secondary);border-radius:var(--forum-radius-sm);color:var(--forum-text-secondary);display:inline-flex;font-size:.75rem;gap:4px;padding:2px 8px}.thread-meta{align-items:center;gap:var(--forum-space-sm);justify-content:space-between;margin-top:var(--forum-space-sm)}.thread-meta__info{font-size:.875rem}.thread-tags{display:flex;flex-wrap:wrap;gap:var(--forum-space-xs)}.forum-tag{background-color:var(--forum-bg-secondary);border-radius:var(--forum-radius-xl);color:var(--forum-text-secondary);cursor:pointer;display:inline-block;font-size:.75rem;font-weight:500;padding:2px 8px;transition:all var(--forum-transition-fast)}.forum-tag:hover{background-color:var(--forum-gradient-start);color:#fff}.forum-tag--more{background-color:var(--forum-border-color);color:var(--forum-text-muted)}.thread-activity{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:var(--forum-space-sm);min-width:200px}.thread-stats.forum-stats{gap:var(--forum-space-lg);margin-top:0}.thread-stats .forum-stat{flex-direction:row;font-size:.875rem;gap:var(--forum-space-xs)}.thread-stats .forum-stat__icon{font-size:1rem}.thread-stats .forum-stat__value{font-size:.875rem}.thread-last-post{display:flex;justify-content:flex-end}.thread-last-post .forum-avatar-with-text{text-align:left}.thread-last-post .forum-link{color:var(--forum-text-primary);font-size:.875rem;text-decoration:none;transition:color var(--forum-transition-fast)}.thread-last-post .forum-link:hover{color:var(--forum-gradient-start);text-decoration:underline}.thread-indicator{cursor:help;display:inline-block;font-size:1rem;margin-left:var(--forum-space-xs)}.thread-indicator--hot{animation:flame 2s ease-in-out infinite}.forum-badge--boost{background:linear-gradient(135deg,#ff4500,#ff6b35);color:#fff;font-weight:600}.forum-badge--primary{background:linear-gradient(135deg,#ff6b35,#ff8c42);color:#fff;font-weight:600}.forum-badge--new{background:linear-gradient(135deg,#10b981,#34d399);color:#fff;font-weight:600}.thread-list-item[data-new=true]{border-left:3px solid var(--forum-gradient-start);padding-left:calc(var(--forum-space-lg) - 3px)}.thread-list-item[data-popular=true]{box-shadow:0 0 0 2px #ff45001a,var(--forum-shadow-base)}@media (max-width:768px){.thread-list-item{flex-direction:column;gap:var(--forum-space-md);padding:var(--forum-space-md)}.thread-list-item:after{font-size:1rem}.thread-info .forum-title{font-size:1.125rem}.thread-activity{align-items:flex-start;border-top:1px solid var(--forum-border-color);padding-top:var(--forum-space-sm);width:100%}.thread-stats.forum-stats{justify-content:space-between;width:100%}.thread-last-post{max-width:100%;text-align:left}.thread-description.desktop-only{display:none}}.thread-list-item--loading{pointer-events:none}.thread-list-item--loading .forum-stat__value,.thread-list-item--loading .forum-subtitle,.thread-list-item--loading .forum-title a,.thread-list-item--loading .thread-last-post p,.thread-list-item--loading .thread-meta{animation:shimmer 1.5s infinite;background-color:var(--forum-border-color);border-radius:var(--forum-radius-sm);color:#0000}.forum-avatar{background-color:var(--forum-border-color);border-radius:var(--forum-radius-base);display:inline-block;flex-shrink:0;overflow:hidden;position:relative}.forum-avatar img{display:block;height:100%;object-fit:cover;width:100%}.forum-avatar__initials{align-items:center;color:#fff;display:flex;font-size:.875rem;font-weight:600;height:100%;justify-content:center;-webkit-user-select:none;user-select:none;width:100%}.forum-avatar--small{height:32px;width:32px}.forum-avatar--small .forum-avatar__initials{font-size:.75rem}.forum-avatar--medium{height:40px;width:40px}.forum-avatar--large{height:48px;width:48px}.forum-avatar--large .forum-avatar__initials{font-size:1rem}.forum-avatar--xlarge{height:64px;width:64px}.forum-avatar--xlarge .forum-avatar__initials{font-size:1.25rem}.forum-avatar__role{align-items:center;background-color:#fff;border:2px solid #fff;border-radius:var(--forum-radius-sm);bottom:-2px;box-shadow:0 1px 3px #0003;display:flex;font-size:.75rem;height:20px;justify-content:center;position:absolute;right:-2px;width:20px}.forum-avatar--small .forum-avatar__role{bottom:-1px;font-size:.625rem;height:16px;right:-1px;width:16px}.forum-avatar--large .forum-avatar__role{font-size:.875rem;height:24px;width:24px}.forum-avatar--xlarge .forum-avatar__role{font-size:1rem;height:28px;width:28px}.dark-mode .forum-avatar__role{background-color:var(--forum-card-bg);border-color:var(--forum-card-bg)}.forum-avatar{transition:transform var(--forum-transition-fast)}.forum-avatar:hover{transform:scale(1.05)}.forum-avatar--loading{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--forum-border-color) 25%,var(--forum-card-hover-bg) 50%,var(--forum-border-color) 75%);background-size:200% 100%}.forum-avatar-group{align-items:center;display:inline-flex}.forum-avatar-group .forum-avatar{border:2px solid var(--forum-card-bg);margin-left:-8px}.forum-avatar-group .forum-avatar:first-child{margin-left:0}.forum-avatar-group .forum-avatar:hover{z-index:1}.forum-avatar-with-text{align-items:center;display:inline-flex;gap:var(--forum-space-sm)}.forum-avatar-with-text__info{display:flex;flex-direction:column}.forum-avatar-with-text__name{color:var(--forum-text-primary);font-weight:500;line-height:1.2}.forum-avatar-with-text__meta{color:var(--forum-text-muted);font-size:.875rem;line-height:1.2}.thread-voting{align-items:center;background-color:var(--forum-bg-secondary);border-radius:var(--forum-radius-base);display:flex;padding:4px}.thread-voting--vertical{flex-direction:column;gap:2px}.thread-voting--horizontal{flex-direction:row;gap:var(--forum-space-xs)}.vote-button{align-items:center;background-color:initial;border:none;border-radius:var(--forum-radius-base);color:var(--forum-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all var(--forum-transition-fast);width:32px}.vote-button:hover:not(:disabled){background-color:var(--forum-card-hover-bg)}.vote-button:disabled{cursor:not-allowed;opacity:.5}.vote-button svg{height:16px;width:16px}.vote-button--like.active,.vote-button--like:hover:not(:disabled){color:var(--color-success)}.vote-button--like.active{background-color:#28a7451a}.vote-button--dislike:hover:not(:disabled){color:var(--color-danger)}.vote-button--dislike.active{background-color:#dc35451a;color:var(--color-danger)}.vote-score{color:var(--forum-text-primary);font-size:.875rem;font-weight:600;min-width:40px;text-align:center;-webkit-user-select:none;user-select:none}.vote-score.positive{color:var(--color-success)}.vote-score.negative{color:var(--color-danger)}.thread-voting--compact{background-color:initial;padding:2px}.thread-voting--compact .vote-button{height:24px;width:24px}.thread-voting--compact .vote-button svg{height:12px;width:12px}.thread-voting--compact .vote-score{font-size:.75rem;min-width:30px}@keyframes voteChange{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.vote-score.animating{animation:voteChange .3s ease-out}.dark-mode .thread-voting{background-color:var(--forum-card-bg)}.dark-mode .vote-button:hover:not(:disabled){background-color:var(--forum-card-hover-bg)}@media (max-width:768px){.thread-voting--vertical{flex-direction:row}}.my-threads-page{margin:0 auto;max-width:1200px;padding:0;width:100%}.my-threads-page--full-width{margin:0;max-width:none}body.has-profile-background .my-threads-page{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1rem}body.dark-mode .my-threads-page{background-color:#2a2a2a;color:var(--color-text)}body.dark-mode.has-profile-background .my-threads-page{background-color:#2a2a2af2}.my-threads-page__header{border-bottom:2px solid var(--color-primary);margin-bottom:2rem;padding:.5rem 1rem 1rem;position:relative;text-align:center}.my-threads-page__header-content{width:100%}.my-threads-page__header h1{color:var(--color-primary);font-size:2.5rem;margin:0 0 .5rem}.my-threads-page__header p{color:var(--color-text-secondary);font-size:1.1rem;margin:0}.my-threads-page__share-button{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;font-size:.875rem;height:auto;justify-content:center;margin-left:1rem;min-height:0;min-height:auto;padding:.25rem .5rem;position:static;transition:all .2s ease}.my-threads-page__share-button:hover{background-color:var(--color-bg-tertiary);box-shadow:var(--shadow-md);color:var(--color-primary);transform:translateY(-1px)}.my-threads-page__share-button:active{transform:translateY(0)}.my-threads-page__share-button svg{fill:currentColor;height:1em;width:1em}.my-threads-page__status{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem;padding:0 1rem}.my-threads-page__status-item{align-items:center;border-radius:var(--radius-lg);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.my-threads-page__status-item--success{background-color:#28a7451a;border:1px solid #28a7454d;color:#28a745}.my-threads-page__status-item--info{background-color:#17a2b81a;border:1px solid #17a2b84d;color:#17a2b8}.my-threads-page__status-item--warning{background-color:#ffc1071a;border:1px solid #ffc1074d;color:#ffc107}body.dark-mode .my-threads-page__status-item--success{background-color:#28a74533}body.dark-mode .my-threads-page__status-item--info{background-color:#17a2b833}body.dark-mode .my-threads-page__status-item--warning{background-color:#ffc10733}.my-threads-page__content{box-sizing:border-box;padding:0 1rem;width:100%}.my-threads-page__section{margin-bottom:3rem}.my-threads-page__section h2{border-bottom:1px solid var(--color-border);color:var(--color-text);margin-bottom:1rem;padding-bottom:.5rem}.my-threads-page__cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.my-threads-page__card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:1.5rem;transition:all .3s ease}.my-threads-page__card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.my-threads-page__card h3{color:var(--color-primary);margin:0 0 .5rem}.my-threads-page__card p{color:var(--color-text-secondary);margin:0}.my-threads-page__features{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));list-style:none;margin:0;padding:0}.my-threads-page__features li{background-color:var(--color-bg-tertiary);border-left:3px solid var(--color-primary);border-radius:var(--radius-base);padding:.5rem}.my-threads-page__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.my-threads-page__button{border:none;border-radius:var(--radius-base);cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.my-threads-page__button--primary{background-color:var(--color-primary);color:#fff}.my-threads-page__button--primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.my-threads-page__button--secondary{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.my-threads-page__button--secondary:hover{background-color:var(--color-bg-tertiary);transform:translateY(-1px)}.my-threads-page__notice{background-color:#ffc1071a;border:1px solid #ffc1074d;border-radius:var(--radius-lg);margin-top:3rem;padding:1.5rem;text-align:center}.my-threads-page__notice p{font-weight:500;margin:0}@media (max-width:768px){.my-threads-page{border-radius:0;padding:.5rem}.my-threads-page__header h1{font-size:2rem}.my-threads-page__breadcrumb-row{padding:.5rem}.my-threads-page__share-button{font-size:.75rem;margin-left:.5rem;padding:.25rem}.my-threads-page__status{align-items:stretch;flex-direction:column}.my-threads-page__content{padding:0 .5rem}.my-threads-page__cards,.my-threads-page__features{grid-template-columns:1fr}.my-threads-page__actions{flex-direction:column}.my-threads-page__button{width:100%}}.my-threads-page__skip-link{background:var(--color-primary);border-radius:var(--radius-base);color:#fff;font-weight:500;left:-9999px;padding:8px 16px;position:absolute;text-decoration:none;top:0;z-index:100}.my-threads-page__skip-link:focus{box-shadow:var(--shadow-lg);left:50%;top:10px;transform:translateX(-50%)}.my-threads-page__breadcrumb-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;padding:1rem 1rem 0}.my-threads-page__breadcrumbs{flex:1 1;margin:0;padding:0}.my-threads-page__breadcrumbs ol{flex-wrap:wrap;list-style:none;margin:0;padding:0}.my-threads-page__breadcrumbs li,.my-threads-page__breadcrumbs ol{align-items:center;display:flex;gap:.5rem}.my-threads-page__breadcrumbs a{align-items:center;color:var(--color-primary);display:flex;gap:.25rem;text-decoration:none;transition:color .2s ease}.my-threads-page__breadcrumbs a:hover{color:var(--color-primary-hover);text-decoration:underline}.my-threads-page__breadcrumb-separator{color:var(--color-text-secondary);font-size:.75rem}.my-threads-page__error{margin:0 auto;max-width:600px;padding:3rem 1rem;text-align:center}.my-threads-page__error h2{color:var(--color-danger);margin-bottom:1rem}.my-threads-page__error p{color:var(--color-text-secondary);margin-bottom:2rem}.my-threads-page__loading{padding:2rem 1rem}.my-threads-page__skeleton{animation:skeleton-loading 1.5s ease-in-out infinite}.my-threads-page__skeleton-card,.my-threads-page__skeleton-header,.my-threads-page__skeleton-text{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--radius-base)}.my-threads-page__skeleton-header{height:3rem;margin:0 auto 2rem;width:60%}.my-threads-page__skeleton-text{height:1rem;margin-bottom:1rem}.my-threads-page__skeleton-text--short{width:70%}.my-threads-page__skeleton-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.my-threads-page__skeleton-card{height:150px}.my-threads-page__form{max-width:600px}.my-threads-page__form-group{margin-bottom:1.5rem}.my-threads-page__form-group label{color:var(--color-text);display:block;font-weight:500;margin-bottom:.5rem}.my-threads-page__required{color:var(--color-danger);margin-left:.25rem}.my-threads-page__input,.my-threads-page__select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:1rem;min-height:44px;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.my-threads-page__input:focus,.my-threads-page__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.my-threads-page__help-text{color:var(--color-text-secondary);display:block;font-size:.875rem;margin-top:.5rem}body.dark-mode .my-threads-page__skeleton-card,body.dark-mode .my-threads-page__skeleton-header,body.dark-mode .my-threads-page__skeleton-text{background:linear-gradient(90deg,#3a3a3a 25%,#4a4a4a 50%,#3a3a3a 75%)}body.dark-mode .my-threads-page__input,body.dark-mode .my-threads-page__select{background-color:var(--color-bg-secondary)}.my-threads-page__button:focus-visible,.my-threads-page__card:focus-visible,.my-threads-page__input:focus-visible,.my-threads-page__select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media print{.my-threads-page__actions,.my-threads-page__notice,.my-threads-page__offline-banner,.my-threads-page__skip-link,.my-threads-page__toast{display:none}.my-threads-page{background:#fff;color:#000;max-width:none;padding:0}}.my-threads-page__offline-banner{align-items:center;background-color:var(--color-warning);box-shadow:var(--shadow-md);color:#fff;display:flex;font-weight:500;gap:.5rem;justify-content:center;left:0;padding:.75rem;position:fixed;right:0;text-align:center;top:0;z-index:1100}.my-threads-page__toast{align-items:center;animation:slideIn .3s ease-out;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);bottom:2rem;box-shadow:var(--shadow-lg);display:flex;gap:1rem;max-width:400px;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:1200}.my-threads-page__toast-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.my-threads-page__toast-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s ease}.my-threads-page__toast-close:hover{color:var(--color-text)}.my-threads-page__toast--success{border-color:var(--color-success)}.my-threads-page__toast--success svg{color:var(--color-success)}.my-threads-page__toast--warning{border-color:var(--color-warning)}.my-threads-page__toast--warning svg{color:var(--color-warning)}.my-threads-page__toast--error{border-color:var(--color-danger)}.my-threads-page__toast--error svg{color:var(--color-danger)}.my-threads-page__toast--info{border-color:var(--color-info)}.my-threads-page__toast--info svg{color:var(--color-info)}.my-threads-page__unsaved-indicator{color:var(--color-warning);font-size:.875rem;font-weight:400;margin-left:.5rem}.my-threads-page__form-actions{display:flex;gap:1rem;margin-top:1.5rem}.my-threads-page__image-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1rem}.my-threads-page__image-container{aspect-ratio:16/9;background-color:var(--color-bg-secondary);border-radius:var(--radius-base);overflow:hidden;position:relative}.my-threads-page__image{height:100%;object-fit:cover;transition:opacity .3s ease;width:100%}.my-threads-page__image[data-src]{background-color:var(--color-bg-tertiary);opacity:0}.my-threads-page__image:not([data-src]){opacity:1}@media (prefers-contrast:high){.my-threads-page__button,.my-threads-page__input,.my-threads-page__select,.my-threads-page__toast{border-width:2px}}@media (max-width:768px){.my-threads-page__toast{bottom:1rem;left:1rem;max-width:none;right:1rem}.my-threads-page__form-actions{flex-direction:column}.my-threads-page__form-actions button{width:100%}.my-threads-page__image-grid{grid-template-columns:1fr}}.my-posts-page{margin:0 auto;max-width:1200px;padding:0;width:100%}.my-posts-page--full-width{margin:0;max-width:none}body.has-profile-background .my-posts-page{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1rem}body.dark-mode .my-posts-page{background-color:#2a2a2a;color:var(--color-text)}body.dark-mode.has-profile-background .my-posts-page{background-color:#2a2a2af2}.my-posts-page__header{border-bottom:2px solid var(--color-primary);margin-bottom:2rem;padding:.5rem 1rem 1rem;position:relative;text-align:center}.my-posts-page__header-content{width:100%}.my-posts-page__header h1{color:var(--color-primary);font-size:2.5rem;margin:0 0 .5rem}.my-posts-page__header p{color:var(--color-text-secondary);font-size:1.1rem;margin:0}.my-posts-page__share-button{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;font-size:.875rem;height:auto;justify-content:center;margin-left:1rem;min-height:0;min-height:auto;padding:.25rem .5rem;position:static;transition:all .2s ease}.my-posts-page__share-button:hover{background-color:var(--color-bg-tertiary);box-shadow:var(--shadow-md);color:var(--color-primary);transform:translateY(-1px)}.my-posts-page__share-button:active{transform:translateY(0)}.my-posts-page__share-button svg{fill:currentColor;height:1em;width:1em}.my-posts-page__status{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem;padding:0 1rem}.my-posts-page__status-item{align-items:center;border-radius:var(--radius-lg);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.my-posts-page__status-item--success{background-color:#28a7451a;border:1px solid #28a7454d;color:#28a745}.my-posts-page__status-item--info{background-color:#17a2b81a;border:1px solid #17a2b84d;color:#17a2b8}.my-posts-page__status-item--warning{background-color:#ffc1071a;border:1px solid #ffc1074d;color:#ffc107}body.dark-mode .my-posts-page__status-item--success{background-color:#28a74533}body.dark-mode .my-posts-page__status-item--info{background-color:#17a2b833}body.dark-mode .my-posts-page__status-item--warning{background-color:#ffc10733}.my-posts-page__content{box-sizing:border-box;padding:0 1rem;width:100%}.my-posts-page__section{margin-bottom:3rem}.my-posts-page__section h2{border-bottom:1px solid var(--color-border);color:var(--color-text);margin-bottom:1rem;padding-bottom:.5rem}.my-posts-page__cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.my-posts-page__card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:1.5rem;transition:all .3s ease}.my-posts-page__card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.my-posts-page__card h3{color:var(--color-primary);margin:0 0 .5rem}.my-posts-page__card p{color:var(--color-text-secondary);margin:0}.my-posts-page__features{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));list-style:none;margin:0;padding:0}.my-posts-page__features li{background-color:var(--color-bg-tertiary);border-left:3px solid var(--color-primary);border-radius:var(--radius-base);padding:.5rem}.my-posts-page__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.my-posts-page__button{border:none;border-radius:var(--radius-base);cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.my-posts-page__button--primary{background-color:var(--color-primary);color:#fff}.my-posts-page__button--primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.my-posts-page__button--secondary{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.my-posts-page__button--secondary:hover{background-color:var(--color-bg-tertiary);transform:translateY(-1px)}.my-posts-page__notice{background-color:#ffc1071a;border:1px solid #ffc1074d;border-radius:var(--radius-lg);margin-top:3rem;padding:1.5rem;text-align:center}.my-posts-page__notice p{font-weight:500;margin:0}@media (max-width:768px){.my-posts-page{border-radius:0;padding:.5rem}.my-posts-page__header h1{font-size:2rem}.my-posts-page__breadcrumb-row{padding:.5rem}.my-posts-page__share-button{font-size:.75rem;margin-left:.5rem;padding:.25rem}.my-posts-page__status{align-items:stretch;flex-direction:column}.my-posts-page__content{padding:0 .5rem}.my-posts-page__cards,.my-posts-page__features{grid-template-columns:1fr}.my-posts-page__actions{flex-direction:column}.my-posts-page__button{width:100%}}.my-posts-page__skip-link{background:var(--color-primary);border-radius:var(--radius-base);color:#fff;font-weight:500;left:-9999px;padding:8px 16px;position:absolute;text-decoration:none;top:0;z-index:100}.my-posts-page__skip-link:focus{box-shadow:var(--shadow-lg);left:50%;top:10px;transform:translateX(-50%)}.my-posts-page__breadcrumb-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;padding:1rem 1rem 0}.my-posts-page__breadcrumbs{flex:1 1;margin:0;padding:0}.my-posts-page__breadcrumbs ol{flex-wrap:wrap;list-style:none;margin:0;padding:0}.my-posts-page__breadcrumbs li,.my-posts-page__breadcrumbs ol{align-items:center;display:flex;gap:.5rem}.my-posts-page__breadcrumbs a{align-items:center;color:var(--color-primary);display:flex;gap:.25rem;text-decoration:none;transition:color .2s ease}.my-posts-page__breadcrumbs a:hover{color:var(--color-primary-hover);text-decoration:underline}.my-posts-page__breadcrumb-separator{color:var(--color-text-secondary);font-size:.75rem}.my-posts-page__error{margin:0 auto;max-width:600px;padding:3rem 1rem;text-align:center}.my-posts-page__error h2{color:var(--color-danger);margin-bottom:1rem}.my-posts-page__error p{color:var(--color-text-secondary);margin-bottom:2rem}.my-posts-page__loading{padding:2rem 1rem}.my-posts-page__skeleton{animation:skeleton-loading 1.5s ease-in-out infinite}.my-posts-page__skeleton-card,.my-posts-page__skeleton-header,.my-posts-page__skeleton-text{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--radius-base)}.my-posts-page__skeleton-header{height:3rem;margin:0 auto 2rem;width:60%}.my-posts-page__skeleton-text{height:1rem;margin-bottom:1rem}.my-posts-page__skeleton-text--short{width:70%}.my-posts-page__skeleton-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.my-posts-page__skeleton-card{height:150px}.my-posts-page__form{max-width:600px}.my-posts-page__form-group{margin-bottom:1.5rem}.my-posts-page__form-group label{color:var(--color-text);display:block;font-weight:500;margin-bottom:.5rem}.my-posts-page__required{color:var(--color-danger);margin-left:.25rem}.my-posts-page__input,.my-posts-page__select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:1rem;min-height:44px;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.my-posts-page__input:focus,.my-posts-page__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.my-posts-page__help-text{color:var(--color-text-secondary);display:block;font-size:.875rem;margin-top:.5rem}body.dark-mode .my-posts-page__skeleton-card,body.dark-mode .my-posts-page__skeleton-header,body.dark-mode .my-posts-page__skeleton-text{background:linear-gradient(90deg,#3a3a3a 25%,#4a4a4a 50%,#3a3a3a 75%)}body.dark-mode .my-posts-page__input,body.dark-mode .my-posts-page__select{background-color:var(--color-bg-secondary)}.my-posts-page__button:focus-visible,.my-posts-page__card:focus-visible,.my-posts-page__input:focus-visible,.my-posts-page__select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media print{.my-posts-page__actions,.my-posts-page__notice,.my-posts-page__offline-banner,.my-posts-page__skip-link,.my-posts-page__toast{display:none}.my-posts-page{background:#fff;color:#000;max-width:none;padding:0}}.my-posts-page__offline-banner{align-items:center;background-color:var(--color-warning);box-shadow:var(--shadow-md);color:#fff;display:flex;font-weight:500;gap:.5rem;justify-content:center;left:0;padding:.75rem;position:fixed;right:0;text-align:center;top:0;z-index:1100}.my-posts-page__toast{align-items:center;animation:slideIn .3s ease-out;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);bottom:2rem;box-shadow:var(--shadow-lg);display:flex;gap:1rem;max-width:400px;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:1200}.my-posts-page__toast-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.my-posts-page__toast-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s ease}.my-posts-page__toast-close:hover{color:var(--color-text)}.my-posts-page__toast--success{border-color:var(--color-success)}.my-posts-page__toast--success svg{color:var(--color-success)}.my-posts-page__toast--warning{border-color:var(--color-warning)}.my-posts-page__toast--warning svg{color:var(--color-warning)}.my-posts-page__toast--error{border-color:var(--color-danger)}.my-posts-page__toast--error svg{color:var(--color-danger)}.my-posts-page__toast--info{border-color:var(--color-info)}.my-posts-page__toast--info svg{color:var(--color-info)}.my-posts-page__unsaved-indicator{color:var(--color-warning);font-size:.875rem;font-weight:400;margin-left:.5rem}.my-posts-page__form-actions{display:flex;gap:1rem;margin-top:1.5rem}.my-posts-page__image-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1rem}.my-posts-page__image-container{aspect-ratio:16/9;background-color:var(--color-bg-secondary);border-radius:var(--radius-base);overflow:hidden;position:relative}.my-posts-page__image{height:100%;object-fit:cover;transition:opacity .3s ease;width:100%}.my-posts-page__image[data-src]{background-color:var(--color-bg-tertiary);opacity:0}.my-posts-page__image:not([data-src]){opacity:1}@media (prefers-contrast:high){.my-posts-page__button,.my-posts-page__input,.my-posts-page__select,.my-posts-page__toast{border-width:2px}}@media (max-width:768px){.my-posts-page__toast{bottom:1rem;left:1rem;max-width:none;right:1rem}.my-posts-page__form-actions{flex-direction:column}.my-posts-page__form-actions button{width:100%}.my-posts-page__image-grid{grid-template-columns:1fr}}.two-factor-setup{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin:0 auto;max-width:600px;padding:var(--space-lg)}.two-factor-setup__header{align-items:center;display:flex;gap:var(--space-md);margin-bottom:var(--space-lg)}.two-factor-setup__icon{color:var(--color-primary);font-size:2rem}.two-factor-setup__title{color:var(--color-text);font-size:1.5rem;margin:0}.two-factor-setup__error,.two-factor-setup__success{align-items:center;border-radius:var(--radius-base);display:flex;font-size:.9rem;gap:var(--space-sm);margin-bottom:var(--space-md);padding:var(--space-md)}.two-factor-setup__error{background:#dc35451a;border:1px solid #dc354533;color:var(--color-danger)}.two-factor-setup__success{background:#28a7451a;border:1px solid #28a74533;color:var(--color-success)}.two-factor-setup__description{color:var(--color-text-secondary);line-height:1.5;margin-bottom:var(--space-lg)}.two-factor-setup__button{border:none;border-radius:var(--radius-base);cursor:pointer;font-size:1rem;font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.two-factor-setup__button--primary{background-color:var(--color-primary);color:var(--color-text-inverse)!important}.two-factor-setup__button--primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.two-factor-setup__button--secondary{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.two-factor-setup__button--secondary:hover{background-color:var(--color-bg-tertiary)}.two-factor-setup__button--danger{background-color:var(--color-danger);color:var(--color-text-inverse)!important}.two-factor-setup__button--danger:hover{background-color:#c82333}.two-factor-setup__button:disabled{cursor:not-allowed;opacity:.6}.two-factor-setup__status{align-items:center;background:var(--color-bg-secondary);border-radius:var(--radius-base);display:flex;gap:var(--space-md);margin-bottom:var(--space-lg);padding:var(--space-md)}.two-factor-setup__status-icon{color:var(--color-success);font-size:2.5rem}.two-factor-setup__status-text{color:var(--color-text);font-weight:var(--font-weight-medium);margin:0}.two-factor-setup__status-detail{color:var(--color-text-secondary);font-size:.9rem;margin:var(--space-xs) 0 0}.two-factor-setup__instructions{margin-bottom:var(--space-xl)}.two-factor-setup__instructions h4{color:var(--color-text);margin-bottom:var(--space-sm)}.two-factor-setup__instructions p{color:var(--color-text-secondary);margin-bottom:var(--space-md)}.two-factor-setup__qr-container{background:#fff;border-radius:var(--radius-base);display:flex;justify-content:center;margin:var(--space-lg) 0;padding:var(--space-lg)}.two-factor-setup__qr{height:auto;max-width:200px}.two-factor-setup__manual{border-top:1px solid var(--color-border);margin-top:var(--space-lg);padding-top:var(--space-lg);text-align:center}.two-factor-setup__manual p{font-size:.9rem;margin-bottom:var(--space-sm)}.two-factor-setup__secret{background:var(--color-bg-secondary);border-radius:var(--radius-base);color:var(--color-text);display:block;font-family:monospace;font-size:.9rem;padding:var(--space-sm);word-break:break-all}.two-factor-setup__verify-form{border-top:1px solid var(--color-border);padding-top:var(--space-lg)}.two-factor-setup__verify-form h4{color:var(--color-text);margin-bottom:var(--space-sm)}.two-factor-setup__verify-form p{color:var(--color-text-secondary);margin-bottom:var(--space-md)}.two-factor-setup__input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:1rem;margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-md);width:100%}.two-factor-setup__input--code{font-family:monospace;font-size:1.5rem;letter-spacing:.3em;max-width:150px;text-align:center}.two-factor-setup__actions{display:flex;flex-direction:column;gap:var(--space-md)}.two-factor-setup__disable-form{align-items:center;display:flex;gap:var(--space-sm)}.two-factor-setup__disable-form .two-factor-setup__input{flex:1 1;margin-bottom:0}.two-factor-setup__backup-codes{text-align:center}.two-factor-setup__backup-codes h4{align-items:center;color:var(--color-text);display:flex;gap:var(--space-sm);justify-content:center;margin-bottom:var(--space-md)}.two-factor-setup__backup-warning{background:#ffc1071a;border-radius:var(--radius-base);color:var(--color-warning);font-size:.9rem;margin-bottom:var(--space-lg);padding:var(--space-md)}.two-factor-setup__codes{grid-gap:var(--space-sm);display:grid;gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:var(--space-lg)}.two-factor-setup__code{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-family:monospace;font-size:1rem;padding:var(--space-sm)}body.dark-mode .two-factor-setup{background:var(--color-bg)}body.dark-mode .two-factor-setup__qr-container{background:#fff}@media (max-width:768px){.two-factor-setup{padding:var(--space-md)}.two-factor-setup__disable-form{flex-direction:column}.two-factor-setup__disable-form .two-factor-setup__input{width:100%}.two-factor-setup__codes{grid-template-columns:repeat(2,1fr)}}.change-email-modal__backdrop{align-items:center;background-color:#0009;display:flex;height:100vh;justify-content:center;left:0;overflow-y:auto;padding:1rem;position:fixed;top:0;width:100vw;z-index:1000}.change-email-modal__content{animation:modalSlideIn .3s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:100%}.change-email-modal__header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:1.5rem}.change-email-modal__header h2{color:#333;font-size:1.5rem;margin:0}.change-email-modal__close{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;padding:.5rem;transition:color .2s ease}.change-email-modal__close:hover{color:#ff4500}.change-email-modal__close:disabled{cursor:not-allowed;opacity:.5}.change-email-modal__progress{display:flex;justify-content:space-between;padding:2rem 1.5rem 1.5rem;position:relative}.change-email-modal__progress:before{background-color:#e0e0e0;content:"";height:2px;left:2.5rem;position:absolute;right:2.5rem;top:2.75rem;z-index:0}.change-email-modal__progress-step{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.5rem;position:relative;z-index:1}.change-email-modal__progress-number{align-items:center;background-color:#e0e0e0;border-radius:50%;color:#999;display:flex;font-weight:600;height:36px;justify-content:center;transition:all .3s ease;width:36px}.change-email-modal__progress-step.active .change-email-modal__progress-number{background-color:#ff4500;color:#fff;transform:scale(1.1)}.change-email-modal__progress-step.completed .change-email-modal__progress-number{background-color:#4caf50;color:#fff}.change-email-modal__progress-label{color:#666;font-size:.75rem;font-weight:500;text-align:center}.change-email-modal__progress-step.active .change-email-modal__progress-label{color:#ff4500;font-weight:600}.change-email-modal__error{align-items:center;background-color:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;display:flex;font-size:.95rem;gap:.75rem;margin:0 1.5rem 1rem;padding:1rem}.change-email-modal__error svg{flex-shrink:0;font-size:1.2rem}.change-email-modal__form{padding:1.5rem}.change-email-modal__current-email{margin-bottom:1.5rem}.change-email-modal__current-email label{color:#666;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.change-email-modal__email-display{background-color:#f5f5f5;border-radius:6px;color:#333;font-weight:500;padding:.75rem}.change-email-modal__form-group{margin-bottom:1.5rem}.change-email-modal__form-group label{color:#333;display:block;font-size:.95rem;font-weight:500;margin-bottom:.5rem}.change-email-modal__required{color:#ff4500;margin-left:.25rem}.change-email-modal__input-wrapper{position:relative}.change-email-modal__input-icon{color:#999;font-size:1rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.change-email-modal__input-wrapper input{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:1rem;padding:.75rem 1rem .75rem 2.75rem;transition:all .2s ease;width:100%}.change-email-modal__input-wrapper input:focus{border-color:#ff4500;box-shadow:0 0 0 3px #ff45001a;outline:none}.change-email-modal__hint{color:#666;font-size:.85rem;margin-top:.5rem}.change-email-modal__security-notice{align-items:start;background-color:#fff3e0;border:1px solid #ffe0b2;border-radius:6px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem}.change-email-modal__security-notice svg{color:#ff9800;flex-shrink:0;font-size:1.5rem;margin-top:.25rem}.change-email-modal__security-notice strong{color:#333;display:block;margin-bottom:.25rem}.change-email-modal__security-notice p{color:#666;font-size:.9rem;margin:0}.change-email-modal__success,.change-email-modal__verification{padding:2rem 1.5rem;text-align:center}.change-email-modal__success-icon,.change-email-modal__verification-icon{align-items:center;background-color:#e3f2fd;border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.change-email-modal__verification-icon svg{color:#2196f3;font-size:2.5rem}.change-email-modal__success-icon{background-color:#e8f5e9}.change-email-modal__success-icon svg{color:#4caf50;font-size:2.5rem}.change-email-modal__success h3,.change-email-modal__verification h3{color:#333;font-size:1.5rem;margin:0 0 1rem}.change-email-modal__success p,.change-email-modal__verification p{color:#666;line-height:1.6;margin:0 0 1rem}.change-email-modal__verification-instructions{background-color:#f5f5f5;border-radius:6px;font-size:.95rem;margin:1rem 0;padding:1rem}.change-email-modal__success-note,.change-email-modal__verification-note{background-color:#fff3e0;border-left:3px solid #ff9800;border-radius:4px;font-size:.9rem;margin:1rem 0;padding:.75rem 1rem;text-align:left}.change-email-modal__verification-note strong{color:#333}.change-email-modal__resend{margin:1.5rem 0}.change-email-modal__resend-timer{color:#999;font-size:.9rem}.change-email-modal__actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.change-email-modal__button{border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;min-width:120px;padding:.75rem 1.5rem;transition:all .2s ease}.change-email-modal__button--primary{background-color:#ff4500;color:#fff}.change-email-modal__button--primary:hover:not(:disabled){background-color:#e63900;box-shadow:0 4px 8px #ff450033;transform:translateY(-1px)}.change-email-modal__button--secondary{background-color:#e0e0e0;color:#333}.change-email-modal__button--secondary:hover:not(:disabled){background-color:#d0d0d0}.change-email-modal__button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.dark-mode .change-email-modal__content{background-color:#2a2a2a;color:#e0e0e0}.dark-mode .change-email-modal__header{border-bottom-color:#444}.dark-mode .change-email-modal__header h2{color:#e0e0e0}.dark-mode .change-email-modal__close{color:#aaa}.dark-mode .change-email-modal__close:hover{color:#ff4500}.dark-mode .change-email-modal__email-display{background-color:#333;color:#e0e0e0}.dark-mode .change-email-modal__input-wrapper input{background-color:#333;border-color:#555;color:#e0e0e0}.dark-mode .change-email-modal__input-wrapper input:focus{border-color:#ff4500;box-shadow:0 0 0 3px #ff450033}.dark-mode .change-email-modal__security-notice{background-color:#3a3a1a;border-color:#5a5a1a}.dark-mode .change-email-modal__verification-instructions{background-color:#333}.dark-mode .change-email-modal__success-note,.dark-mode .change-email-modal__verification-note{background-color:#3a3a1a}.dark-mode .change-email-modal__button--secondary{background-color:#444;color:#e0e0e0}.dark-mode .change-email-modal__button--secondary:hover:not(:disabled){background-color:#555}@media (max-width:768px){.change-email-modal__content{border-radius:12px 12px 0 0;max-height:95vh;max-width:100%}.change-email-modal__header{padding:1rem}.change-email-modal__header h2{font-size:1.25rem}.change-email-modal__progress{padding:1.5rem 1rem 1rem}.change-email-modal__progress-label{font-size:.7rem}.change-email-modal__progress-number{font-size:.9rem;height:32px;width:32px}.change-email-modal__form{padding:1rem}.change-email-modal__success,.change-email-modal__verification{padding:1.5rem 1rem}.change-email-modal__actions{flex-direction:column}.change-email-modal__button{width:100%}}@media (max-width:480px){.change-email-modal__progress{padding:1rem .5rem .75rem}.change-email-modal__progress-number{font-size:.85rem;height:28px;width:28px}.change-email-modal__progress-label{font-size:.65rem}}@media (prefers-contrast:high){.change-email-modal__button{border:2px solid}.change-email-modal__input-wrapper input{border-width:2px}}@media (prefers-reduced-motion:reduce){.change-email-modal__content{animation:none}.change-email-modal__button--primary:hover:not(:disabled),.change-email-modal__progress-step.active .change-email-modal__progress-number{transform:none}}.add-password-modal__backdrop{-webkit-overflow-scrolling:touch;align-items:flex-start;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;margin:0;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:2rem 1rem;pointer-events:auto;position:fixed;right:0;top:0;z-index:1000}.add-password-modal__content{animation:modalSlideIn .3s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;contain:layout;margin:auto;max-height:90vh;max-width:500px;overflow-y:auto;position:relative;width:100%;will-change:auto}.add-password-modal__header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:1.5rem}.add-password-modal__header h2{color:#333;font-size:1.5rem;margin:0}.add-password-modal__close{background:none;border:none;color:#666;cursor:pointer;font-size:1.5rem;padding:.5rem;transition:color .2s ease}.add-password-modal__close:hover{color:#ff4500}.add-password-modal__close:disabled{cursor:not-allowed;opacity:.5}.add-password-modal__error{align-items:center;background-color:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;display:flex;gap:.75rem;margin:1.5rem 1.5rem 0;padding:1rem}.add-password-modal__error svg{flex-shrink:0;font-size:1.2rem}.add-password-modal__add,.add-password-modal__success{padding:2rem 1.5rem}.add-password-modal__icon{align-items:center;background-color:#e3f2fd;border-radius:50%;display:flex;height:64px;justify-content:center;margin:0 auto 1.5rem;width:64px}.add-password-modal__icon svg{color:#2196f3;font-size:2rem}.add-password-modal__add p{color:#666;line-height:1.6;margin:0 0 1.5rem;text-align:center}.add-password-modal__form-group{margin-bottom:1.5rem}.add-password-modal__form-group label{color:#333;display:block;font-size:.95rem;font-weight:500;margin-bottom:.5rem}.add-password-modal__required{color:#ff4500;margin-left:.25rem}.add-password-modal__input-wrapper{align-items:center;display:flex;position:relative}.add-password-modal__input-wrapper input{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:1rem;padding:.75rem 3rem .75rem 1rem;transition:all .2s ease;width:100%}.add-password-modal__input-wrapper input:focus{border-color:#ff4500;box-shadow:0 0 0 3px #ff45001a;outline:none}.add-password-modal__toggle-password{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:1.1rem;justify-content:center;padding:.5rem;position:absolute;right:.75rem;transition:color .2s ease}.add-password-modal__toggle-password:hover:not(:disabled){color:#ff4500}.add-password-modal__toggle-password:disabled{cursor:not-allowed;opacity:.5}.add-password-modal__field-hint{color:#666;display:block;font-size:.85rem;line-height:1.4;margin-top:.5rem}.add-password-modal__actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.add-password-modal__button{border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;min-width:120px;padding:.75rem 1.5rem;transition:all .2s ease}.add-password-modal__button--primary{background-color:#ff4500;color:#fff}.add-password-modal__button--primary:hover:not(:disabled){background-color:#e63900;box-shadow:0 4px 8px #ff450033;transform:translateY(-1px)}.add-password-modal__button--secondary{background-color:#e0e0e0;color:#333}.add-password-modal__button--secondary:hover:not(:disabled){background-color:#d0d0d0}.add-password-modal__button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.add-password-modal__success{text-align:center}.add-password-modal__success-icon{align-items:center;background-color:#e8f5e9;border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.add-password-modal__success-icon svg{color:#4caf50;font-size:2.5rem}.add-password-modal__success h3{color:#333;font-size:1.25rem;margin:0 0 1rem}.add-password-modal__success p{color:#666;line-height:1.6;margin:0 0 1rem}.add-password-modal__methods{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:1.5rem 0;padding:0}.add-password-modal__methods li{align-items:center;background-color:#f5f5f5;border-radius:6px;color:#333;display:flex;font-weight:500;gap:.75rem;justify-content:center;padding:.75rem}.add-password-modal__methods li svg{color:#4caf50;font-size:1.25rem}.dark-mode .add-password-modal__content{background-color:#2a2a2a}.dark-mode .add-password-modal__header{border-bottom-color:#444}.dark-mode .add-password-modal__header h2,.dark-mode .add-password-modal__success h3{color:#e0e0e0}.dark-mode .add-password-modal__close{color:#aaa}.dark-mode .add-password-modal__add p,.dark-password-modal__success p{color:#bbb}.dark-mode .add-password-modal__form-group label{color:#e0e0e0}.dark-mode .add-password-modal__input-wrapper input{background-color:#333;border-color:#555;color:#e0e0e0}.dark-mode .add-password-modal__toggle-password{color:#aaa}.dark-mode .add-password-modal__toggle-password:hover:not(:disabled){color:#ff4500}.dark-mode .add-password-modal__field-hint{color:#bbb}.dark-mode .add-password-modal__methods li{background-color:#333;color:#e0e0e0}.dark-mode .add-password-modal__button--secondary{background-color:#444;color:#e0e0e0}.dark-mode .add-password-modal__button--secondary:hover:not(:disabled){background-color:#555}@media (max-width:768px){.add-password-modal__content{border-radius:12px 12px 0 0;max-height:95vh}.add-password-modal__header{padding:1rem}.add-password-modal__add,.add-password-modal__success{padding:1.5rem 1rem}.add-password-modal__actions{flex-direction:column}.add-password-modal__button{width:100%}}.change-password-modal__backdrop{-webkit-overflow-scrolling:touch;align-items:flex-start;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;margin:0;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:2rem 1rem;pointer-events:auto;position:fixed;right:0;top:0;z-index:1000}.change-password-modal__content{animation:modalSlideIn .3s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;contain:layout;margin:auto;max-height:90vh;max-width:500px;overflow-y:auto;position:relative;width:100%;will-change:auto}.change-password-modal__header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:1.5rem}.change-password-modal__header h2{color:#333;font-size:1.5rem;margin:0}.change-password-modal__close{background:none;border:none;color:#666;cursor:pointer;font-size:1.5rem;padding:.5rem;transition:color .2s ease}.change-password-modal__close:hover{color:#ff4500}.change-password-modal__close:disabled{cursor:not-allowed;opacity:.5}.change-password-modal__error{align-items:center;background-color:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;display:flex;gap:.75rem;margin:1.5rem 1.5rem 0;padding:1rem}.change-password-modal__error svg{flex-shrink:0;font-size:1.2rem}.change-password-modal__change,.change-password-modal__success{padding:2rem 1.5rem}.change-password-modal__icon{align-items:center;background-color:#e3f2fd;border-radius:50%;display:flex;height:64px;justify-content:center;margin:0 auto 1.5rem;width:64px}.change-password-modal__icon svg{color:#2196f3;font-size:2rem}.change-password-modal__change p{color:#666;line-height:1.6;margin:0 0 1.5rem;text-align:center}.change-password-modal__form-group{margin-bottom:1.5rem}.change-password-modal__form-group label{color:#333;display:block;font-size:.95rem;font-weight:500;margin-bottom:.5rem}.change-password-modal__required{color:#ff4500;margin-left:.25rem}.change-password-modal__input-wrapper{align-items:center;display:flex;position:relative}.change-password-modal__input-wrapper input{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:1rem;padding:.75rem 3rem .75rem 1rem;transition:all .2s ease;width:100%}.change-password-modal__input-wrapper input:focus{border-color:#ff4500;box-shadow:0 0 0 3px #ff45001a;outline:none}.change-password-modal__toggle-password{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:1.1rem;justify-content:center;padding:.5rem;position:absolute;right:.75rem;transition:color .2s ease}.change-password-modal__toggle-password:hover:not(:disabled){color:#ff4500}.change-password-modal__toggle-password:disabled{cursor:not-allowed;opacity:.5}.change-password-modal__field-hint{color:#666;display:block;font-size:.85rem;line-height:1.4;margin-top:.5rem}.change-password-modal__actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.change-password-modal__button{border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;min-width:120px;padding:.75rem 1.5rem;transition:all .2s ease}.change-password-modal__button--primary{background-color:#ff4500;color:#fff}.change-password-modal__button--primary:hover:not(:disabled){background-color:#e63900;box-shadow:0 4px 8px #ff450033;transform:translateY(-1px)}.change-password-modal__button--secondary{background-color:#e0e0e0;color:#333}.change-password-modal__button--secondary:hover:not(:disabled){background-color:#d0d0d0}.change-password-modal__button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.change-password-modal__success{text-align:center}.change-password-modal__success-icon{align-items:center;background-color:#e8f5e9;border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.change-password-modal__success-icon svg{color:#4caf50;font-size:2.5rem}.change-password-modal__success h3{color:#333;font-size:1.25rem;margin:0 0 1rem}.change-password-modal__success p{color:#666;line-height:1.6;margin:0 0 1rem}.dark-mode .change-password-modal__content{background-color:#2a2a2a}.dark-mode .change-password-modal__header{border-bottom-color:#444}.dark-mode .change-password-modal__header h2,.dark-mode .change-password-modal__success h3{color:#e0e0e0}.dark-mode .change-password-modal__close{color:#aaa}.dark-mode .change-password-modal__change p,.dark-mode .change-password-modal__success p{color:#bbb}.dark-mode .change-password-modal__form-group label{color:#e0e0e0}.dark-mode .change-password-modal__input-wrapper input{background-color:#333;border-color:#555;color:#e0e0e0}.dark-mode .change-password-modal__toggle-password{color:#aaa}.dark-mode .change-password-modal__toggle-password:hover:not(:disabled){color:#ff4500}.dark-mode .change-password-modal__field-hint{color:#bbb}.dark-mode .change-password-modal__button--secondary{background-color:#444;color:#e0e0e0}.dark-mode .change-password-modal__button--secondary:hover:not(:disabled){background-color:#555}@media (max-width:768px){.change-password-modal__content{border-radius:12px 12px 0 0;max-height:95vh}.change-password-modal__header{padding:1rem}.change-password-modal__change,.change-password-modal__success{padding:1.5rem 1rem}.change-password-modal__actions{flex-direction:column}.change-password-modal__button{width:100%}}.settings,.settings-page{background:#0000;padding:1rem;width:100%}.dashboard-content-container,.settings,.settings-page{animation:none!important;transform:none!important;transition:none!important}.dashboard-content-container{contain:layout style;min-height:100vh;position:relative;will-change:auto!important}.settings .settings__skip-links{display:none}@media (max-width:768px){.settings,.settings-page{padding:0}}.settings__section{border-bottom:1px solid #eee;contain:layout style;margin-bottom:1rem;padding-bottom:.75rem;will-change:auto}.settings__section:last-child{border-bottom:none;padding-bottom:0}.settings__section h2{border-bottom:1px solid #eee;color:#333;font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem}.settings__checkbox-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:.75rem}.settings__checkbox-label{align-items:center;cursor:pointer;display:flex;font-size:.95rem}.settings__checkbox-label input[type=checkbox]{cursor:pointer;margin-right:.5rem;padding:0!important;width:auto!important}.settings__form-group .settings__checkbox-label input[type=checkbox]{padding:0!important;width:auto!important}.settings__checkbox-label span{-webkit-user-select:none;user-select:none}.settings__photo-section{align-items:center;display:flex;flex-direction:column;gap:1rem;text-align:center}.settings__photo-section h2{text-align:center;width:100%}.settings__photo-preview{align-items:center;background-color:#f0f0f0;border:1px solid #ddd;display:flex;justify-content:center;overflow:hidden}.settings__photo-preview--profile{border-radius:4px;height:100px;width:100px}.settings__photo-preview--cover{border-radius:4px;height:200px;width:100%}.settings__photo-preview img{height:100%;object-fit:cover;width:100%}.settings__photo-preview--cover{background-color:#000}.settings__photo-preview--cover img{object-fit:contain}.settings__photo-placeholder{color:#999;font-size:.9rem}.settings__form-group{margin-bottom:1rem}.settings__form-group label{color:#333;display:block;font-weight:500;margin-bottom:.3rem}.settings__form-group input,.settings__form-group select{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.6rem;width:100%}.settings__form-group input:focus,.settings__form-group select:focus{border-color:#ff4500;box-shadow:0 0 0 2px #ff45001a;outline:none}.settings__form-row{display:flex;flex-wrap:wrap;gap:1rem}.settings__form-row .settings__form-group{flex:1 1;min-width:200px}.settings__form-group--checkbox{display:block!important;margin-bottom:1rem!important}.settings__form-group--checkbox label{align-items:flex-start!important;cursor:pointer!important;display:flex!important;line-height:1.4!important;margin-bottom:0!important}.settings__form-group--checkbox input[type=checkbox]{cursor:pointer!important;flex-shrink:0!important;margin:.25rem .75rem 0 0!important;width:auto!important}.settings__form-group--checkbox label span{flex:1 1!important}.settings__form-group--checkbox .settings__indented-hint{margin-left:1.75rem!important;margin-top:.25rem!important}.settings__indented-hint .settings__field-hint{color:#888!important;font-size:.8rem!important;font-style:italic!important}.settings__button{border:none;border-radius:4px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;text-align:center;text-decoration:none;transition:background-color .2s}.settings__photo-section .settings__button{margin:0 auto}.settings__button--primary{background-color:#ff4500;color:#fff}.settings__button--primary:hover{background-color:#e63900}.settings__button--primary:disabled{background-color:#ccc;cursor:not-allowed}.settings__button--secondary{background-color:#e0e0e0;color:#333}.settings__button--secondary:hover{background-color:#d0d0d0}.settings__file-name{color:#666;display:inline-block;font-size:.9rem;margin-left:.75rem}.settings__photo-section .settings__file-name{display:block;margin:.5rem auto 0;text-align:center}.settings__field-hint{color:#888;display:block;font-size:.8rem;margin-top:.25rem}.settings__social-photo-reset{margin-top:.5rem}.settings__indented-hint{margin-left:1.75rem;margin-top:.25rem}.settings__alert{border-radius:4px;margin-bottom:1.5rem;margin-top:0;padding:1rem}.settings__alert--success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.settings__alert--error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.settings__alert--info{background-color:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.settings__alert--warning{background-color:#fff3cd;border:1px solid #ffeeba;color:#856404}@media (min-width:769px){.dashboard-content-container .settings__photo-sections-wrapper{display:flex;gap:1.5rem;margin-bottom:1rem}.settings__photo-section--profile{flex:0 0 auto;flex-direction:column;max-width:250px;min-width:200px}.settings__photo-section--cover,.settings__photo-section--profile{align-items:center;display:flex;height:400px;padding:1.5rem;text-align:center}.settings__photo-section--cover{flex:1 1;flex-direction:column}.settings__photo-section--cover .settings__photo-preview--cover{flex-shrink:0;height:180px}.dashboard-content-container .settings__info-sections-wrapper{display:flex;gap:1.5rem;margin-bottom:1rem}.dashboard-content-container .settings__info-sections-wrapper .settings__section{flex:1 1}}@media (max-width:768px){.settings__form-row{flex-direction:column;gap:0}.settings__form-row .settings__form-group{min-width:100%}.settings__section{margin-bottom:.75rem;padding-bottom:.75rem}.settings__section h2{font-size:1.1rem;margin-bottom:.75rem;padding-bottom:.5rem}.settings__checkbox-grid{gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.settings__checkbox-label{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-base);display:flex;font-size:.95rem;min-height:44px;padding:8px}.settings__checkbox-label:hover{background:var(--color-bg-hover)}.settings__form-group input,.settings__form-group select,.settings__form-group textarea{font-size:1rem;min-height:44px}.settings__form-group label{font-size:.95rem}.settings__button,.settings__save-button{font-size:1.1rem;min-height:48px;padding:14px;width:100%}.settings__photo-section{margin-bottom:1.5rem}.settings__photo-preview--profile{height:100px;width:100px}.settings__photo-preview--cover{height:180px}.settings__button--secondary,.settings__upload-btn{font-size:.95rem;min-height:44px;padding:10px 16px}.settings__notification-redirect{margin:1rem 0;padding:1rem}.settings__notification-link{font-size:1rem;justify-content:center;min-height:44px;width:100%}}@media (max-width:480px){.settings-page{padding:0}.settings__section{padding-left:.75rem;padding-right:.75rem}.settings__section h2{font-size:1rem;margin-bottom:.5rem}.settings__checkbox-grid{gap:.25rem;grid-template-columns:1fr}.settings__checkbox-label{font-size:1rem;padding:10px}.settings__checkbox-label input[type=checkbox]{height:20px;margin-right:10px;width:20px}.settings__form-group{margin-bottom:.75rem}.settings__form-group label{font-size:.9rem;margin-bottom:.25rem}.settings__photo-section h2,.settings__photo-section h3{font-size:1rem}.settings__photo-preview--profile{height:80px;width:80px}.settings__photo-preview--cover{height:150px}.settings__button--secondary,.settings__upload-btn{font-size:.9rem;padding:8px 12px}.settings__field-hint{font-size:.75rem}.settings__indented-hint{margin-left:1.5rem}.settings__alert{font-size:.9rem;padding:.75rem}}.dark-mode .settings__section h2{border-bottom-color:#444;color:#e0e0e0}.dark-mode .settings__section{border-bottom-color:#444}.dark-mode .settings__form-group label{color:#e0e0e0}.dark-mode .settings__form-group input,.dark-mode .settings__form-group select{background-color:#333;border-color:#555;color:#e0e0e0}.dark-mode .settings__form-group input:focus,.dark-mode .settings__form-group select:focus{border-color:#ff4500;box-shadow:0 0 0 2px #ff450033}.dark-mode .settings__photo-preview{background-color:#333;border-color:#555}.dark-mode .settings__photo-placeholder{color:#bbb}.dark-mode .settings__button--secondary{background-color:#444;color:#e0e0e0}.dark-mode .settings__button--secondary:hover{background-color:#555}.dark-mode .settings__file-name{color:#bbb}.dark-mode .settings__field-hint,.dark-mode .settings__indented-hint .settings__field-hint{color:#aaa!important}.dark-mode .settings__alert--success{background-color:#1a3a2a;border-color:#2e7d32;color:#c3e6cb}.dark-mode .settings__alert--error{background-color:#3a1a1a;border-color:#c62828;color:#f5c6cb}.dark-mode .settings__alert--info{background-color:#1a2a3a;border-color:#0288d1;color:#bee5eb}.dark-mode .settings__alert--warning{background-color:#3a3a1a;border-color:#f9a825;color:#ffeeba}.dark-mode .settings__checkbox-label{color:var(--color-text)}.dark-mode .settings__checkbox-label:hover{color:var(--color-text-secondary)}.settings__notification-redirect{padding:2rem;text-align:center}.settings__notification-link{align-items:center;background-color:#ff4500;border-radius:4px;color:#fff;display:inline-flex;font-weight:500;gap:.5rem;margin:1rem auto;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.settings__notification-link:hover{background-color:#e63900;box-shadow:0 4px 8px #0000001a;color:#fff;text-decoration:none;transform:translateY(-2px)}.settings__notification-link svg{font-size:1.2em}.dark-mode .settings__notification-link{background-color:#ff6b35}.dark-mode .settings__notification-link:hover{background-color:#ff4500}.settings{margin:0 auto;max-width:1200px;padding:0;width:100%}.settings--full-width{margin:0;max-width:none}body.has-profile-background .settings{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1rem}body.dark-mode .settings{background-color:#2a2a2a;color:var(--color-text)}body.dark-mode.has-profile-background .settings{background-color:#2a2a2af2}.settings__header{border-bottom:2px solid var(--color-primary);margin-bottom:2rem;padding:.5rem 1rem 1rem;position:relative;text-align:center}.settings__header-content{width:100%}.settings__header h1{color:var(--color-primary);font-size:2.5rem;margin:0 0 .5rem}.settings__header p{color:var(--color-text-secondary);font-size:1.1rem;margin:0}.settings__share-button{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;font-size:.875rem;height:auto;justify-content:center;margin-left:1rem;min-height:0;min-height:auto;padding:.25rem .5rem;position:static;transition:all .2s ease}.settings__share-button:hover{background-color:var(--color-bg-tertiary);box-shadow:var(--shadow-md);color:var(--color-primary);transform:translateY(-1px)}.settings__share-button:active{transform:translateY(0)}.settings__share-button svg{fill:currentColor;height:1em;width:1em}.settings__content{animation:none!important;box-sizing:border-box;padding:0 1rem;transform:none!important;transition:none!important;width:100%}@media (max-width:768px){.settings{border-radius:0;padding:.5rem}.settings__header h1{font-size:2rem}.settings__breadcrumb-row{padding:.5rem}.settings__share-button{font-size:.75rem;margin-left:.5rem;padding:.25rem}.settings__content{padding:0 .5rem}}.settings__skip-link{background:var(--color-primary);border-radius:var(--radius-base);color:#fff;font-weight:500;left:-9999px;padding:8px 16px;position:absolute;text-decoration:none;top:0;z-index:100}.settings__skip-link:focus{box-shadow:var(--shadow-lg);left:50%;top:10px;transform:translateX(-50%)}.settings__breadcrumb-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;padding:1rem 1rem 0}.settings__breadcrumbs{flex:1 1;margin:0;padding:0}.settings__breadcrumbs ol{flex-wrap:wrap;list-style:none;margin:0;padding:0}.settings__breadcrumbs li,.settings__breadcrumbs ol{align-items:center;display:flex;gap:.5rem}.settings__breadcrumbs a{align-items:center;color:var(--color-primary);display:flex;gap:.25rem;text-decoration:none;transition:color .2s ease}.settings__breadcrumbs a:hover{color:var(--color-primary-hover);text-decoration:underline}.settings__breadcrumb-separator{color:var(--color-text-secondary);font-size:.75rem}.settings__error{margin:0 auto;max-width:600px;padding:3rem 1rem;text-align:center}.settings__error h2{color:var(--color-danger);margin-bottom:1rem}.settings__error p{color:var(--color-text-secondary);margin-bottom:2rem}.settings__loading{padding:2rem 1rem}.settings__skeleton{animation:skeleton-loading 1.5s ease-in-out infinite}.settings__skeleton-card,.settings__skeleton-header,.settings__skeleton-text{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--radius-base)}.settings__skeleton-header{height:3rem;margin:0 auto 2rem;width:60%}.settings__skeleton-text{height:1rem;margin-bottom:1rem}.settings__skeleton-text--short{width:70%}.settings__skeleton-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.settings__skeleton-card{height:150px}body.dark-mode .settings__skeleton-card,body.dark-mode .settings__skeleton-header,body.dark-mode .settings__skeleton-text{background:linear-gradient(90deg,#3a3a3a 25%,#4a4a4a 50%,#3a3a3a 75%)}.settings__offline-banner{background-color:var(--color-warning);box-shadow:var(--shadow-md);color:#fff;font-weight:500;gap:.5rem;justify-content:center;left:0;padding:.75rem;right:0;text-align:center;top:0;z-index:1100}.settings__offline-banner,.settings__toast{align-items:center;display:flex;position:fixed}.settings__toast{animation:slideIn .3s ease-out;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);bottom:2rem;box-shadow:var(--shadow-lg);gap:1rem;max-width:400px;padding:1rem 1.5rem;right:2rem;z-index:1200}.settings__toast-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.settings__toast-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s ease}.settings__toast-close:hover{color:var(--color-text)}.settings__toast--success{border-color:var(--color-success)}.settings__toast--success svg{color:var(--color-success)}.settings__toast--warning{border-color:var(--color-warning)}.settings__toast--warning svg{color:var(--color-warning)}.settings__toast--error{border-color:var(--color-danger)}.settings__toast--error svg{color:var(--color-danger)}.settings__toast--info{border-color:var(--color-info)}.settings__toast--info svg{color:var(--color-info)}@media (prefers-contrast:high){.settings__button,.settings__form-group input,.settings__form-group select,.settings__toast{border-width:2px}}@media (max-width:768px){.settings__toast{bottom:1rem;left:1rem;max-width:none;right:1rem}}@media print{.settings__offline-banner,.settings__skip-link,.settings__toast{display:none}.settings{background:#fff;color:#000;max-width:none;padding:0}}.settings__file-input-hidden{display:none}.settings__middle-initial-wrapper{flex:0 0 80px}.settings__hint-indented{margin-left:1.5rem;margin-top:.25rem}.settings__alert-spacing{margin-top:.5rem}.settings__verification-badge{color:var(--color-success);display:block;margin-top:.5rem}.settings__privacy-section{margin-top:2rem}.settings__privacy-link{display:inline-block;text-decoration:none}.settings__required{color:var(--color-danger);margin-left:.25rem}.settings__validation-error{color:var(--color-danger);display:block;font-size:.8rem;margin-top:.25rem}.dark-mode .settings__verification-badge{color:#4caf50}.settings__input-disabled{background-color:#f5f5f5;color:#666;cursor:not-allowed;opacity:.7}.dark-mode .settings__input-disabled{background-color:#2a2a2a;border-color:#444;color:#aaa}.settings__email-wrapper{align-items:center;display:flex;gap:.75rem}.settings__email-wrapper input{flex:1 1}.settings__change-email-btn{align-items:center;display:flex;flex-shrink:0;gap:.5rem;padding:.6rem 1rem!important;white-space:nowrap}.settings__change-email-btn svg{font-size:.9rem}@media (max-width:768px){.settings__email-wrapper{flex-direction:column;gap:.5rem}.settings__change-email-btn,.settings__email-wrapper input{width:100%}}.settings__security-info{animation:none!important;background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-direction:column;gap:1rem;padding:1rem;transform:none!important;transition:none!important}.settings__security-info p{color:#666;line-height:1.5;margin:0}.dark-mode .settings__security-info{background-color:#2a2a2a;border-color:#444}.dark-mode .settings__security-info p{color:#bbb}.settings__auth-methods{animation:none!important;background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;padding:1rem;transform:none!important;transition:none!important}.dark-mode .settings__auth-methods{background-color:#2a2a2a;border-color:#444}.settings__provider-list{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.settings__provider-item{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#333;display:flex;font-weight:500;gap:.75rem;padding:.75rem 1rem}.settings__provider-icon{color:#4caf50;flex-shrink:0;font-size:1.2rem}.dark-mode .settings__provider-item{background-color:#333;border-color:#555;color:#e0e0e0}@media (max-width:768px){.settings__auth-methods,.settings__security-info{padding:.75rem}.settings__provider-item{padding:.6rem .75rem}}.ios-checkbox-wrapper{display:inline-block;height:18px;position:relative;width:18px}.ios-checkbox{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%;z-index:1}.ios-checkbox-checkmark{background-color:var(--color-bg);border:2px solid var(--color-border-dark);border-radius:3px;height:18px;left:0;pointer-events:none;position:absolute;top:0;transition:all .2s ease;width:18px}.ios-checkbox:checked~.ios-checkbox-checkmark{background-color:var(--color-primary);border-color:var(--color-primary)}.ios-checkbox:checked~.ios-checkbox-checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";display:block;height:10px;left:5px;position:absolute;top:2px;transform:rotate(45deg);width:5px}.ios-checkbox:disabled~.ios-checkbox-checkmark{background-color:var(--color-bg-secondary);border-color:var(--color-border);cursor:not-allowed}.ios-checkbox:disabled:checked~.ios-checkbox-checkmark{background-color:var(--color-text-muted)}.ios-checkbox--updating~.ios-checkbox-checkmark{animation:ios-checkbox-pulse .1s ease-in-out}@keyframes ios-checkbox-pulse{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.ios-checkbox-wrapper{transform:translateZ(0);will-change:transform}.community-alerts-page{background-color:var(--color-bg-tertiary);min-height:calc(100vh - 60px);padding:20px}.community-alerts-page .community-alerts-page__skip-links{display:none}.community-alerts-page--dark{background-color:var(--color-bg)}.community-alerts-page--dashboard{background-color:initial;min-height:auto;padding:0}.community-alerts-page--dashboard .community-alerts-page__container{max-width:none}.community-alerts-page__container{margin:0 auto;max-width:1200px}.community-alerts-page__header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.community-alerts-page__header-content{flex:1 1}.community-alerts-page__title{color:var(--color-text);font-size:32px;font-weight:600;margin:0 0 10px}.community-alerts-page__subtitle{color:var(--color-text-secondary);font-size:16px;margin:0}.community-alerts-page__header-actions{align-items:center;display:flex;gap:15px}.community-alerts-page__view-toggle{background-color:var(--color-bg);border-radius:var(--radius-base);box-shadow:var(--shadow-sm);display:flex;padding:4px}.community-alerts-page__toggle-button{align-items:center;background-color:initial;border:none;border-radius:calc(var(--radius-base) - 2px);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .3s ease}.community-alerts-page__toggle-button--active{background-color:var(--color-primary);color:var(--color-text-inverse)}.community-alerts-page__toggle-button:hover:not(.community-alerts-page__toggle-button--active){background-color:var(--color-bg-hover)}.community-alerts-page__actions-bar{align-items:center;background-color:var(--color-bg);border-radius:var(--radius-base);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.community-alerts-page__select-all{align-items:center;color:var(--color-text);cursor:pointer;display:flex;font-size:14px;gap:10px}.community-alerts-page__select-all input[type=checkbox]{cursor:pointer;height:18px;width:18px}.community-alerts-page__button{align-items:center;border:none;border-radius:var(--radius-base);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.community-alerts-page__button--primary{background-color:var(--color-primary);color:var(--color-text-inverse)}.community-alerts-page__button--primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.community-alerts-page__button--danger{background-color:var(--color-danger);color:var(--color-text-inverse)}.community-alerts-page__button--danger:hover{background-color:#c82333;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.community-alerts-page__alerts-list{display:flex;flex-direction:column;gap:15px}.community-alerts-page__alert-item{background-color:var(--color-bg);border-radius:var(--radius-base);box-shadow:var(--shadow-sm);display:flex;gap:15px;padding:20px;transition:all .3s ease}.community-alerts-page__alert-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.community-alerts-page__alert-checkbox{align-items:flex-start;display:flex;padding-top:2px}.community-alerts-page__alert-checkbox input[type=checkbox]{cursor:pointer;height:18px;width:18px}.community-alerts-page__alert-content{cursor:pointer;flex:1 1}.community-alerts-page__alert-header{align-items:flex-start;display:flex;gap:15px;justify-content:space-between;margin-bottom:10px}.community-alerts-page__alert-title{color:var(--color-text);flex:1 1;font-size:18px;font-weight:600;margin:0}.community-alerts-page__alert-type{border-radius:var(--radius-base);font-size:12px;font-weight:500;padding:4px 12px;white-space:nowrap}.community-alerts-page__alert-type--stolen,.community-alerts-page__alert-type--theft{background-color:#e74c3c1a;color:#e74c3c}.community-alerts-page__alert-type--burglary{background-color:#e67e221a;color:#e67e22}.community-alerts-page__alert-type--vandalism{background-color:#f39c121a;color:#f39c12}.community-alerts-page__alert-type--assault{background-color:#9b59b61a;color:#9b59b6}.community-alerts-page__alert-type--suspicious{background-color:#3498db1a;color:#3498db}.community-alerts-page__alert-type--missing{background-color:#2ecc711a;color:#2ecc71}.community-alerts-page__alert-message{color:var(--color-text-secondary);font-size:14px;line-height:1.5;margin:0 0 15px}.community-alerts-page__alert-details{color:var(--color-text-secondary);display:flex;flex-wrap:wrap;font-size:13px;gap:20px}.community-alerts-page__alert-detail{align-items:center;display:flex;gap:5px}.community-alerts-page__map-view{background-color:var(--color-bg);border-radius:var(--radius-base);box-shadow:var(--shadow-md);overflow:hidden;position:relative}.community-alerts-page__map{height:600px;width:100%}.community-alerts-page__map-loading{background-color:var(--color-bg);border-radius:var(--radius-base);box-shadow:var(--shadow-lg);color:var(--color-text);font-size:16px;left:50%;padding:20px 40px;position:absolute;top:50%;transform:translate(-50%,-50%)}.community-alerts-page__empty{background-color:var(--color-bg);border-radius:var(--radius-base);box-shadow:var(--shadow-sm);padding:60px 20px;text-align:center}.community-alerts-page__empty-icon{color:var(--color-text-muted);font-size:48px;margin-bottom:20px}.community-alerts-page__empty h2{color:var(--color-text);font-size:24px;margin:0 0 10px}.community-alerts-page__empty p{color:var(--color-text-secondary);font-size:16px;margin:0 0 20px}.community-alerts-page__loading{color:var(--color-text-secondary);font-size:16px;padding:60px 20px;text-align:center}.alert-info-window{max-width:250px;padding:10px}.alert-info-window h4{color:#333;font-size:16px;margin:0 0 10px}.alert-info-window p{color:#666;font-size:14px;line-height:1.4;margin:0 0 8px}.alert-info-window button{background-color:#ff4500;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-top:10px;padding:8px 16px}.alert-info-window button:hover{background-color:#e63900}@media (max-width:768px){.community-alerts-page{padding:15px}.community-alerts-page__title{font-size:24px}.community-alerts-page__actions-bar,.community-alerts-page__header{align-items:stretch;flex-direction:column}.community-alerts-page__actions-bar{gap:15px}.community-alerts-page__button{justify-content:center}.community-alerts-page__alert-item{padding:15px}.community-alerts-page__alert-header{flex-direction:column;gap:10px}.community-alerts-page__alert-details{flex-direction:column;gap:8px}.community-alerts-page__map{height:400px}}.newsletter-manager{margin:0 auto;max-width:1200px;padding:var(--space-lg)}.newsletter-manager__header{margin-bottom:var(--space-xl)}.newsletter-manager__title{align-items:center;color:var(--color-text);display:flex;font-size:1.75rem;font-weight:700;gap:var(--space-sm);margin:0 0 var(--space-sm)}.newsletter-manager__description{color:var(--color-text-secondary);font-size:1rem;margin:0}.newsletter-manager__loading{color:var(--color-text-secondary);font-size:1.125rem;padding:var(--space-xl);text-align:center}.newsletter-manager__message{align-items:center;animation:slideIn .3s ease;border-radius:var(--radius-md);display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg);padding:var(--space-md);position:relative}.newsletter-manager__message--success{background:#4caf501a;border:1px solid var(--color-success);color:var(--color-success)}.newsletter-manager__message--error{background:#f443361a;border:1px solid var(--color-danger);color:var(--color-danger)}.newsletter-manager__message-close{background:none;border:none;color:inherit;cursor:pointer;margin-left:auto;padding:var(--space-xs);transition:opacity .2s ease}.newsletter-manager__message-close:hover{opacity:.7}.newsletter-manager__empty{background:var(--color-bg-secondary);border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-2xl);text-align:center}.newsletter-manager__empty-icon{color:var(--color-text-tertiary);font-size:3rem;margin-bottom:var(--space-md)}.newsletter-manager__empty h3{color:var(--color-text);font-size:1.25rem;margin:0 0 var(--space-sm)}.newsletter-manager__empty p{color:var(--color-text-secondary);margin:var(--space-xs) 0}.newsletter-manager__list{display:flex;flex-direction:column;gap:var(--space-lg)}.newsletter-manager__item{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all .2s ease}.newsletter-manager__item:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.newsletter-manager__item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-md)}.newsletter-manager__item-info{align-items:center;display:flex;gap:var(--space-md)}.newsletter-manager__outlet-logo{border:1px solid var(--color-border);border-radius:var(--radius-md);height:48px;object-fit:cover;width:48px}.newsletter-manager__outlet-name{color:var(--color-text);font-size:1.125rem;font-weight:600;margin:0 0 var(--space-xs)}.newsletter-manager__frequency{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.875rem;gap:var(--space-xs)}.newsletter-manager__breaking{background:var(--color-warning);border-radius:var(--radius-sm);color:#fff;font-size:.75rem;margin-left:var(--space-xs);padding:2px 6px}.newsletter-manager__actions{display:flex;gap:var(--space-sm)}.newsletter-manager__action{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:.875rem;gap:var(--space-xs);padding:var(--space-sm);transition:all .2s ease}.newsletter-manager__action:hover{background:var(--color-bg-hover);transform:translateY(-1px)}.newsletter-manager__action--edit{color:var(--color-primary)}.newsletter-manager__action--delete{color:var(--color-text-secondary)}.newsletter-manager__action--delete:hover{border-color:var(--color-danger);color:var(--color-danger)}.newsletter-manager__action--confirm{background:var(--color-danger);border-color:var(--color-danger);color:#fff}.newsletter-manager__item-footer{border-top:1px solid var(--color-border);color:var(--color-text-tertiary);display:flex;font-size:.8125rem;justify-content:space-between;padding-top:var(--space-md)}.newsletter-manager__preferences{background:var(--color-bg-secondary);border-radius:var(--radius-md);margin:var(--space-md) 0;padding:var(--space-lg)}.newsletter-manager__preferences-title{color:var(--color-text);font-size:1rem;font-weight:600;margin:0 0 var(--space-md)}.newsletter-manager__field{margin-bottom:var(--space-md)}.newsletter-manager__label{color:var(--color-text);display:block;font-size:.875rem;font-weight:500;margin-bottom:var(--space-xs)}.newsletter-manager__select{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;font-size:.875rem;padding:var(--space-sm);transition:border-color .2s ease;width:100%}.newsletter-manager__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2196f31a;outline:none}.newsletter-manager__checkbox{align-items:center;cursor:pointer;display:flex}.newsletter-manager__checkbox input[type=checkbox]{cursor:pointer;margin-right:var(--space-sm)}.newsletter-manager__checkbox span{color:var(--color-text-secondary);font-size:.875rem}.newsletter-manager__preferences-actions{display:flex;gap:var(--space-sm);justify-content:flex-end;margin-top:var(--space-lg)}.newsletter-manager__button{border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem;font-weight:600;padding:var(--space-sm) var(--space-lg);transition:all .2s ease}.newsletter-manager__button--save{background:var(--color-primary);color:#fff}.newsletter-manager__button--save:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.newsletter-manager__button--cancel{background:#0000;border:1px solid var(--color-border);color:var(--color-text-secondary)}.newsletter-manager__button--cancel:hover{background:var(--color-bg-secondary);border-color:var(--color-text-secondary)}body.dark-mode .newsletter-manager__item{background:#2a2a2a}body.dark-mode .newsletter-manager__empty{background:#1a1a1a;border-color:#444}body.dark-mode .newsletter-manager__preferences{background:#1a1a1a}body.dark-mode .newsletter-manager__action,body.dark-mode .newsletter-manager__select{background:#2a2a2a;border-color:#444}body.dark-mode .newsletter-manager__action:hover{background:#333}@media (max-width:768px){.newsletter-manager{padding:var(--space-md)}.newsletter-manager__title{font-size:1.5rem}.newsletter-manager__item-header{align-items:flex-start;flex-direction:column;gap:var(--space-md)}.newsletter-manager__actions{justify-content:flex-end;width:100%}.newsletter-manager__item-footer{flex-direction:column;gap:var(--space-xs)}.newsletter-manager__preferences-actions{flex-direction:column}.newsletter-manager__button{width:100%}}@media (max-width:400px){.newsletter-manager__outlet-logo{height:40px;width:40px}.newsletter-manager__outlet-name{font-size:1rem}}.bandwidth-meter{background-color:#fff;background-color:var(--color-background-primary,#fff);border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 2px 4px #0000000d;box-shadow:var(--shadow-sm,0 2px 4px #0000000d);padding:1.5rem;padding:var(--spacing-lg,1.5rem)}.bandwidth-meter__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--spacing-md,1rem)}.bandwidth-meter__title-row{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm,.5rem)}.bandwidth-meter__icon{color:#06c;color:var(--color-primary,#06c);font-size:1.5rem}.bandwidth-meter__title{color:#1a1a1a;color:var(--color-text-primary,#1a1a1a);font-size:1.25rem;font-size:var(--font-size-lg,1.25rem);font-weight:600;margin:0}.bandwidth-meter__tier-badge{background-color:#06c;background-color:var(--color-primary,#06c);border-radius:8px;border-radius:var(--radius-base,8px);color:#fff;font-size:.75rem;font-size:var(--font-size-xs,.75rem);font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.bandwidth-meter__stats{grid-gap:1rem;grid-gap:var(--spacing-md,1rem);display:grid;gap:1rem;gap:var(--spacing-md,1rem);grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg,1.5rem)}.bandwidth-meter__stat{display:flex;flex-direction:column;gap:.25rem;gap:var(--spacing-xs,.25rem)}.bandwidth-meter__stat-label{color:#666;color:var(--color-text-secondary,#666);font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:500;text-transform:uppercase}.bandwidth-meter__stat-value{color:#1a1a1a;color:var(--color-text-primary,#1a1a1a);font-size:1.5rem;font-size:var(--font-size-xl,1.5rem);font-weight:700}.bandwidth-meter__stat-value--remaining{color:#4caf50;color:var(--color-success,#4caf50)}.bandwidth-meter__progress-container{align-items:center;display:flex;gap:1rem;gap:var(--spacing-md,1rem);margin-bottom:1rem;margin-bottom:var(--spacing-md,1rem)}.bandwidth-meter__progress-bar{background-color:#f5f5f5;background-color:var(--color-background-secondary,#f5f5f5);border-radius:8px;border-radius:var(--radius-base,8px);flex:1 1;height:12px;overflow:hidden;position:relative}.bandwidth-meter__progress-fill{border-radius:8px;border-radius:var(--radius-base,8px);height:100%;transition:width .3s ease,background-color .3s ease}.bandwidth-meter__progress-fill--normal{background:linear-gradient(90deg,#4caf50,#66bb6a)}.bandwidth-meter__progress-fill--warning{background:linear-gradient(90deg,#ff9800,#ffb74d)}.bandwidth-meter__progress-fill--critical{background:linear-gradient(90deg,#f44336,#e57373)}.bandwidth-meter__progress-label{color:#666;color:var(--color-text-secondary,#666);font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:600;min-width:50px;text-align:right}.bandwidth-meter__warning{border-radius:8px;border-radius:var(--radius-base,8px);display:flex;gap:.5rem;gap:var(--spacing-sm,.5rem);margin-bottom:1rem;margin-bottom:var(--spacing-md,1rem);padding:1rem;padding:var(--spacing-md,1rem)}.bandwidth-meter__warning--warning{background-color:#fff3e0;border:1px solid #ffb74d;color:#e65100}.bandwidth-meter__warning--critical{background-color:#ffebee;border:1px solid #e57373;color:#c62828}.bandwidth-meter__warning-icon{flex-shrink:0;font-size:1.2rem;margin-top:.1rem}.bandwidth-meter__warning-content{flex:1 1;font-size:.875rem;font-size:var(--font-size-sm,.875rem);line-height:1.5}.bandwidth-meter__warning-link{align-items:center;color:inherit;display:inline-flex;font-weight:600;gap:.25rem;margin-left:.5rem;margin-left:var(--spacing-sm,.5rem);text-decoration:underline}.bandwidth-meter__warning-link:hover{text-decoration:none}.bandwidth-meter__breakdown{border-top:1px solid #e0e0e0;border-top:1px solid var(--color-border,#e0e0e0);margin-top:1.5rem;margin-top:var(--spacing-lg,1.5rem);padding-top:1.5rem;padding-top:var(--spacing-lg,1.5rem)}.bandwidth-meter__breakdown-title{color:#1a1a1a;color:var(--color-text-primary,#1a1a1a);font-size:1rem;font-size:var(--font-size-base,1rem);font-weight:600;margin:0 0 1rem;margin:0 0 var(--spacing-md,1rem) 0}.bandwidth-meter__breakdown-list{display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-sm,.5rem)}.bandwidth-meter__breakdown-item{background-color:#f9f9f9;background-color:var(--color-background-secondary,#f9f9f9);gap:.5rem;gap:var(--spacing-sm,.5rem);padding:.5rem;padding:var(--spacing-sm,.5rem)}.bandwidth-meter__breakdown-icon,.bandwidth-meter__breakdown-item{align-items:center;border-radius:8px;border-radius:var(--radius-base,8px);display:flex}.bandwidth-meter__breakdown-icon{background-color:#e3f2fd;background-color:var(--color-primary-light,#e3f2fd);color:#06c;color:var(--color-primary,#06c);font-size:1rem;height:32px;justify-content:center;width:32px}.bandwidth-meter__breakdown-type{color:#1a1a1a;color:var(--color-text-primary,#1a1a1a);flex:1 1;font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:500}.bandwidth-meter__breakdown-bytes{color:#666;color:var(--color-text-secondary,#666);font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:600}.bandwidth-meter__breakdown-percentage{color:#999;color:var(--color-text-tertiary,#999);font-size:.75rem;font-size:var(--font-size-xs,.75rem)}.bandwidth-meter__period{align-items:center;background-color:#e3f2fd;background-color:var(--color-info-light,#e3f2fd);border-radius:8px;border-radius:var(--radius-base,8px);color:#0277bd;color:var(--color-info-dark,#0277bd);display:flex;font-size:.875rem;font-size:var(--font-size-sm,.875rem);gap:.5rem;gap:var(--spacing-sm,.5rem);margin-top:1rem;margin-top:var(--spacing-md,1rem);padding:.5rem;padding:var(--spacing-sm,.5rem)}.bandwidth-meter__period-icon{font-size:1rem}.bandwidth-meter--compact{padding:1rem;padding:var(--spacing-md,1rem)}.bandwidth-meter__compact-header{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm,.5rem);margin-bottom:.5rem;margin-bottom:var(--spacing-sm,.5rem)}.bandwidth-meter__compact-title{color:#1a1a1a;color:var(--color-text-primary,#1a1a1a);font-size:1rem;font-size:var(--font-size-base,1rem);font-weight:600}.bandwidth-meter__compact-stats{align-items:baseline;display:flex;gap:.25rem;gap:var(--spacing-xs,.25rem);margin-bottom:.5rem;margin-bottom:var(--spacing-sm,.5rem)}.bandwidth-meter__compact-used{color:#1a1a1a;color:var(--color-text-primary,#1a1a1a);font-size:1.25rem;font-size:var(--font-size-lg,1.25rem);font-weight:700}.bandwidth-meter__compact-limit,.bandwidth-meter__compact-separator{color:#666;color:var(--color-text-secondary,#666);font-size:1rem;font-size:var(--font-size-base,1rem)}.bandwidth-meter__compact-warning{align-items:center;display:flex;font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:600;gap:.25rem;gap:var(--spacing-xs,.25rem);margin-top:.5rem;margin-top:var(--spacing-sm,.5rem)}.bandwidth-meter--compact.bandwidth-meter--warning .bandwidth-meter__compact-warning{color:#e65100}.bandwidth-meter--compact.bandwidth-meter--critical .bandwidth-meter__compact-warning{color:#c62828}.bandwidth-meter--loading{align-items:center;display:flex;justify-content:center;min-height:150px}.bandwidth-meter__loading{align-items:center;color:#666;color:var(--color-text-secondary,#666);display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-sm,.5rem)}.bandwidth-meter__loading-icon{animation:pulse 1.5s infinite;font-size:2rem}.bandwidth-meter--error{align-items:center;background-color:#ffebee;background-color:var(--color-error-light,#ffebee);display:flex;justify-content:center;min-height:150px}.bandwidth-meter__error{align-items:center;color:#c62828;color:var(--color-error,#c62828);display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-sm,.5rem)}.bandwidth-meter__error-icon{font-size:2rem}.bandwidth-meter--no-data{align-items:center;display:flex;justify-content:center;min-height:150px}.bandwidth-meter__no-data{align-items:center;color:#666;color:var(--color-text-secondary,#666);display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-sm,.5rem)}.bandwidth-meter__no-data-icon{font-size:2rem}[data-theme=dark] .bandwidth-meter{background-color:#1e1e1e;background-color:var(--color-background-primary-dark,#1e1e1e);border-color:#333;border-color:var(--color-border-dark,#333)}[data-theme=dark] .bandwidth-meter__breakdown-type,[data-theme=dark] .bandwidth-meter__compact-title,[data-theme=dark] .bandwidth-meter__stat-value,[data-theme=dark] .bandwidth-meter__title{color:#e0e0e0;color:var(--color-text-primary-dark,#e0e0e0)}[data-theme=dark] .bandwidth-meter__progress-bar{background-color:#333;background-color:var(--color-background-tertiary-dark,#333)}[data-theme=dark] .bandwidth-meter__breakdown-item{background-color:#2a2a2a;background-color:var(--color-background-secondary-dark,#2a2a2a)}@media (max-width:768px){.bandwidth-meter__stats{gap:.5rem;gap:var(--spacing-sm,.5rem);grid-template-columns:1fr}.bandwidth-meter__stat{align-items:baseline;flex-direction:row;justify-content:space-between}.bandwidth-meter__stat-value{font-size:1.25rem;font-size:var(--font-size-lg,1.25rem)}.bandwidth-meter__breakdown-item{flex-wrap:wrap}.bandwidth-meter__breakdown-bytes,.bandwidth-meter__breakdown-percentage{font-size:.75rem;font-size:var(--font-size-xs,.75rem)}}.bandwidth-meter:focus-within{outline:2px solid #06c;outline:2px solid var(--color-primary,#06c);outline-offset:2px}.dashboard{margin:0 auto;max-width:1200px;padding:0;width:100%}.dashboard--full-width{margin:0;max-width:none}body.has-profile-background .dashboard{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1rem}body.dark-mode .dashboard{background-color:#2a2a2a;color:var(--color-text)}body.dark-mode.has-profile-background .dashboard{background-color:#2a2a2af2}.dashboard__header{border-bottom:2px solid var(--color-primary);margin-bottom:2rem;padding:.5rem 1rem 1rem;position:relative;text-align:center}.dashboard__header-content{width:100%}.dashboard__header h1{color:var(--color-primary);font-size:2.5rem;margin:0 0 .5rem}.dashboard__header p{color:var(--color-text-secondary);font-size:1.1rem;margin:0}.dashboard__share-button{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;font-size:.875rem;height:auto;justify-content:center;margin-left:1rem;min-height:0;min-height:auto;padding:.25rem .5rem;position:static;transition:all .2s ease}.dashboard__share-button:hover{background-color:var(--color-bg-tertiary);box-shadow:var(--shadow-md);color:var(--color-primary);transform:translateY(-1px)}.dashboard__share-button:active{transform:translateY(0)}.dashboard__share-button svg{fill:currentColor;height:1em;width:1em}.dashboard__status{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem;padding:0 1rem}.dashboard__status-item{align-items:center;border-radius:var(--radius-lg);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.dashboard__status-item--success{background-color:#28a7451a;border:1px solid #28a7454d;color:#28a745}.dashboard__status-item--info{background-color:#17a2b81a;border:1px solid #17a2b84d;color:#17a2b8}.dashboard__status-item--warning{background-color:#ffc1071a;border:1px solid #ffc1074d;color:#ffc107}body.dark-mode .dashboard__status-item--success{background-color:#28a74533}body.dark-mode .dashboard__status-item--info{background-color:#17a2b833}body.dark-mode .dashboard__status-item--warning{background-color:#ffc10733}.dashboard__content{box-sizing:border-box;padding:0 1rem;width:100%}.dashboard__section{margin-bottom:3rem}.dashboard__section h2{border-bottom:1px solid var(--color-border);color:var(--color-text);margin-bottom:1rem;padding-bottom:.5rem}.dashboard__cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.dashboard__card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:1.5rem;transition:all .3s ease}.dashboard__card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.dashboard__card h3{color:var(--color-primary);margin:0 0 .5rem}.dashboard__card p{color:var(--color-text-secondary);margin:0}.dashboard__features{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));list-style:none;margin:0;padding:0}.dashboard__features li{background-color:var(--color-bg-tertiary);border-left:3px solid var(--color-primary);border-radius:var(--radius-base);padding:.5rem}.dashboard__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.dashboard__button{border:none;border-radius:var(--radius-base);cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.dashboard__button--primary{background-color:var(--color-primary);color:#fff}.dashboard__button--primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.dashboard__button--secondary{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.dashboard__button--secondary:hover{background-color:var(--color-bg-tertiary);transform:translateY(-1px)}.dashboard__notice{background-color:#ffc1071a;border:1px solid #ffc1074d;border-radius:var(--radius-lg);margin-top:3rem;padding:1.5rem;text-align:center}.dashboard__notice p{font-weight:500;margin:0}@media (max-width:768px){.dashboard{border-radius:0;padding:.5rem}.dashboard__header h1{font-size:2rem}.dashboard__breadcrumb-row{padding:.5rem}.dashboard__share-button{font-size:.75rem;margin-left:.5rem;padding:.25rem}.dashboard__status{align-items:stretch;flex-direction:column}.dashboard__content{padding:0 .5rem}.dashboard__cards,.dashboard__features{grid-template-columns:1fr}.dashboard__actions{flex-direction:column}.dashboard__button{width:100%}}.dashboard__skip-link{background:var(--color-primary);border-radius:var(--radius-base);color:#fff;font-weight:500;left:-9999px;padding:8px 16px;position:absolute;text-decoration:none;top:0;z-index:100}.dashboard__skip-link:focus{box-shadow:var(--shadow-lg);left:50%;top:10px;transform:translateX(-50%)}.dashboard__breadcrumb-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;padding:1rem 1rem 0}.dashboard__breadcrumbs{flex:1 1;margin:0;padding:0}.dashboard__breadcrumbs ol{flex-wrap:wrap;list-style:none;margin:0;padding:0}.dashboard__breadcrumbs li,.dashboard__breadcrumbs ol{align-items:center;display:flex;gap:.5rem}.dashboard__breadcrumbs a{align-items:center;color:var(--color-primary);display:flex;gap:.25rem;text-decoration:none;transition:color .2s ease}.dashboard__breadcrumbs a:hover{color:var(--color-primary-hover);text-decoration:underline}.dashboard__breadcrumb-separator{color:var(--color-text-secondary);font-size:.75rem}.dashboard__error{margin:0 auto;max-width:600px;padding:3rem 1rem;text-align:center}.dashboard__error h2{color:var(--color-danger);margin-bottom:1rem}.dashboard__error p{color:var(--color-text-secondary);margin-bottom:2rem}.dashboard__loading{padding:2rem 1rem}.dashboard__skeleton{animation:skeleton-loading 1.5s ease-in-out infinite}.dashboard__skeleton-card,.dashboard__skeleton-header,.dashboard__skeleton-text{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--radius-base)}.dashboard__skeleton-header{height:3rem;margin:0 auto 2rem;width:60%}.dashboard__skeleton-text{height:1rem;margin-bottom:1rem}.dashboard__skeleton-text--short{width:70%}.dashboard__skeleton-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.dashboard__skeleton-card{height:150px}.dashboard__form{max-width:600px}.dashboard__form-group{margin-bottom:1.5rem}.dashboard__form-group label{color:var(--color-text);display:block;font-weight:500;margin-bottom:.5rem}.dashboard__required{color:var(--color-danger);margin-left:.25rem}.dashboard__input,.dashboard__select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:1rem;min-height:44px;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.dashboard__input:focus,.dashboard__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.dashboard__help-text{color:var(--color-text-secondary);display:block;font-size:.875rem;margin-top:.5rem}body.dark-mode .dashboard__skeleton-card,body.dark-mode .dashboard__skeleton-header,body.dark-mode .dashboard__skeleton-text{background:linear-gradient(90deg,#3a3a3a 25%,#4a4a4a 50%,#3a3a3a 75%)}body.dark-mode .dashboard__input,body.dark-mode .dashboard__select{background-color:var(--color-bg-secondary)}.dashboard__button:focus-visible,.dashboard__card:focus-visible,.dashboard__input:focus-visible,.dashboard__select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media print{.dashboard__actions,.dashboard__notice,.dashboard__offline-banner,.dashboard__skip-link,.dashboard__toast{display:none}.dashboard{background:#fff;color:#000;max-width:none;padding:0}}.dashboard__child-content{margin:0 auto;max-width:1200px;padding:0;width:100%}.dashboard__child-content--full-width{max-width:none}.dashboard__offline-banner{background-color:var(--color-warning);box-shadow:var(--shadow-md);color:#fff;font-weight:500;gap:.5rem;justify-content:center;left:0;padding:.75rem;right:0;text-align:center;top:0;z-index:1100}.dashboard__offline-banner,.dashboard__toast{align-items:center;display:flex;position:fixed}.dashboard__toast{animation:slideIn .3s ease-out;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);bottom:2rem;box-shadow:var(--shadow-lg);gap:1rem;max-width:400px;padding:1rem 1.5rem;right:2rem;z-index:1200}.dashboard__toast-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.dashboard__toast-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s ease}.dashboard__toast-close:hover{color:var(--color-text)}.dashboard__toast--success{border-color:var(--color-success)}.dashboard__toast--success svg{color:var(--color-success)}.dashboard__toast--warning{border-color:var(--color-warning)}.dashboard__toast--warning svg{color:var(--color-warning)}.dashboard__toast--error{border-color:var(--color-danger)}.dashboard__toast--error svg{color:var(--color-danger)}.dashboard__toast--info{border-color:var(--color-info)}.dashboard__toast--info svg{color:var(--color-info)}.dashboard__unsaved-indicator{color:var(--color-warning);font-size:.875rem;font-weight:400;margin-left:.5rem}.dashboard__form-actions{display:flex;gap:1rem;margin-top:1.5rem}.dashboard__image-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1rem}.dashboard__image-container{aspect-ratio:16/9;background-color:var(--color-bg-secondary);border-radius:var(--radius-base);overflow:hidden;position:relative}.dashboard__image{height:100%;object-fit:cover;transition:opacity .3s ease;width:100%}.dashboard__image[data-src]{background-color:var(--color-bg-tertiary);opacity:0}.dashboard__image:not([data-src]){opacity:1}@media (prefers-contrast:high){.dashboard__button,.dashboard__input,.dashboard__select,.dashboard__toast{border-width:2px}}@media (max-width:768px){.dashboard__toast{bottom:1rem;left:1rem;max-width:none;right:1rem}.dashboard__form-actions{flex-direction:column}.dashboard__form-actions button{width:100%}.dashboard__image-grid{grid-template-columns:1fr}}.dashboard-page{background-color:#f5f5f5;display:block!important;flex:none!important;min-height:100vh;width:100%}.dashboard__container{box-sizing:border-box;display:flex;margin:0 auto;max-width:1200px!important;min-height:calc(100vh - 60px);padding:0 20px;width:100%}.dashboard__sidebar-container{flex-shrink:0;padding-right:20px;width:250px}.dashboard__main-content{background-color:initial;flex:1 1;max-width:910px;overflow-y:auto}.dashboard__main-content>*{max-width:100%}.dashboard__container--viewing-other-profile .dashboard__main-content{margin:0 auto;max-width:1200px}.dashboard__overview-tab{width:100%}.dashboard-page.full-width .dashboard__container{max-width:1200px}.dashboard__reports-section h2{margin-bottom:1.5rem}.dashboard__empty-state,.dashboard__loading{color:#666;padding:3rem 0;text-align:center}.dashboard__empty-state button{margin-top:1rem}.dashboard__reports-list{display:flex;flex-direction:column;gap:1rem}.dashboard__report-item{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;padding:1.5rem;transition:all .2s}.dashboard__report-item:hover{background-color:#f0f0f0;border-color:#d0d0d0}.dashboard__report-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.dashboard__report-header h3{margin:0}.dashboard__report-date{color:#666;font-size:.875rem}.dashboard__report-description{margin-bottom:1rem}.dashboard__report-meta{color:#666;display:flex;flex-wrap:wrap;font-size:.875rem;gap:.5rem;justify-content:space-between}.dashboard__report-pr-number{font-style:italic}.dashboard__report-visibility{background-color:#e0e0e0;border-radius:4px;padding:.25rem .5rem}.dashboard__mobile-tabs{background-color:#fff;border-bottom:1px solid #ddd;box-shadow:0 2px 4px #0000000d;display:none;flex-direction:column;width:100%}.dashboard__mobile-tabs-row{display:flex;justify-content:stretch;width:100%}.dashboard__mobile-tabs-row:not(:last-child){border-bottom:1px solid #eee}.dashboard__mobile-tabs button{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;min-width:0;overflow:hidden;padding:.75rem .5rem;text-align:center;text-overflow:ellipsis;transition:all .2s;white-space:nowrap}.dashboard__mobile-tabs button:not(:last-child){border-right:1px solid #eee}.dashboard__mobile-tabs button.dashboard__mobile-tab--active{background-color:#ff45000d;color:#ff4500;font-weight:600}.dashboard__view-all-reports{margin-top:1rem;text-align:center}.dashboard__stats-tab{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:1.5rem}.dashboard__reports-tab{background-color:initial;padding:1rem}.dashboard__reports-tab h2,.dashboard__stats-tab h2{color:#333;font-size:1.5rem;margin-bottom:1.5rem;margin-top:0}.dashboard__message--success{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:4px;color:#155724;margin-bottom:1.5rem;padding:1rem;position:relative}.dashboard__tutorial-prompt p{font-weight:500;margin-bottom:.5rem;margin-top:0}.dashboard__tutorial-prompt ul{list-style:none;margin-bottom:0;padding-left:0}.dashboard__tutorial-prompt li{margin-bottom:.25rem}.dashboard__tutorial-prompt a{color:#0056b3;text-decoration:none}.dashboard__tutorial-prompt a:hover{text-decoration:underline}.dashboard__close-prompt-btn{background:none;border:none;color:#155724;cursor:pointer;font-size:1.5rem;line-height:1;padding:0;position:absolute;right:.75rem;top:.5rem}.dark-mode .dashboard-page{background-color:#1a1a1a}.dark-mode .dashboard__main-content{background-color:initial}.dark-mode .dashboard__reports-tab,.dark-mode .dashboard__stats-tab{background-color:#2a2a2a;box-shadow:0 2px 4px #0003}.dark-mode .dashboard__report-item{background-color:#3a3a3a;border-color:#444}.dark-mode .dashboard__report-item:hover{background-color:#404040;border-color:#555}.dark-mode .dashboard__report-header h3,.dark-mode .dashboard__reports-tab h2,.dark-mode .dashboard__stats-tab h2{color:#e0e0e0}.dark-mode .dashboard__report-date,.dark-mode .dashboard__report-meta{color:#aaa}.dark-mode .dashboard__report-visibility{background-color:#444;color:#e0e0e0}.dark-mode .dashboard__mobile-tabs{background-color:#2a2a2a;border-color:#444}.dark-mode .dashboard__mobile-tabs-row:not(:last-child){border-color:#444}.dark-mode .dashboard__mobile-tabs button{border-color:#444;color:#aaa}.dark-mode .dashboard__mobile-tabs button.dashboard__mobile-tab--active{background-color:#ff45001a;color:#ff4500}.dark-mode .dashboard__message--success{background-color:#1a3a2a;border-color:#2e7d32;color:#c3e6cb}.dark-mode .dashboard__close-prompt-btn{color:#c3e6cb}.dark-mode .dashboard__empty-state{color:#aaa}.dashboard__mobile-menu-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:1040}@media (max-width:768px){.dashboard__container{flex-direction:column;padding:0 10px}.dashboard__mobile-menu-overlay{display:block}.dashboard__sidebar-container{box-shadow:2px 0 8px #00000026;height:100vh;left:-280px;overflow-y:auto;padding-right:0;position:fixed;top:0;transition:left .3s ease;width:280px;z-index:1045}.dashboard__sidebar-container--mobile-open{left:0}.dashboard__sidebar-container .dashboard-sidebar{background-color:#333!important;color:#fff!important;height:100%;min-height:100vh;width:100%}.dashboard__sidebar-container .sidebar-nav li{color:#fff!important}.dashboard__sidebar-container .sidebar-nav li.active{background-color:#ff4500!important}.dashboard__mobile-tabs{display:flex}.dashboard__main-content{margin-top:0!important;max-width:100%;padding:10px!important}.dashboard__report-header{align-items:flex-start;flex-direction:column}.dashboard__report-date{margin-top:.25rem}.dashboard__report-meta{flex-direction:column;gap:.25rem}.dashboard__header{margin-top:.5rem;padding:1rem}.dashboard__header h1{font-size:1.5rem}.dashboard__header p{font-size:.9rem}.dashboard__reports-tab{padding:0}}@media (min-width:769px){.dashboard-page:not(.full-width){margin-left:auto;margin-right:auto;max-width:1200px}}.dark-mode .dashboard-page{background-color:#121212;color:#e0e0e0}.dark-mode .dashboard-container{background-color:#121212}.dark-mode .dashboard-main-content{background-color:#1e1e1e}.dark-mode .dashboard-reports-tab{background-color:#1e1e1e;color:#e0e0e0}.dark-mode .dashboard-header{background-color:#2a2a2a;box-shadow:0 2px 4px #0003}.dark-mode .dashboard-header h1{color:#f0f0f0}.dark-mode .dashboard-header p{color:#aaa}.dark-mode .dashboard-header button{background-color:#ff4500;border:none;color:#fff}.dark-mode .dashboard-header button:hover{background-color:#e63900}.dark-mode .tutorial-prompt{background-color:#2a3a2a;border-color:#2e7d32;color:#bff5c7}.dark-mode .tutorial-prompt a{color:#90caf9}.dark-mode .tutorial-prompt .close-prompt-btn{color:#bff5c7}.dark-mode .report-item{background-color:#3a3a3a;border:1px solid #444}.dark-mode .report-item:hover{background-color:#404040;border-color:#555}.dark-mode .report-header h3{color:#f0f0f0}.dark-mode .report-description{color:#ddd}.dark-mode .report-date,.dark-mode .report-meta{color:#bbb}.dark-mode .report-meta>span{background-color:#333;border:1px solid #444;border-radius:4px;padding:3px 8px}.dark-mode .empty-state{color:#bbb}.dark-mode .empty-state button{background-color:#ff4500;border:none;color:#fff}.dark-mode .empty-state button:hover{background-color:#e63900}.dark-mode .dashboard-mobile-tabs{background-color:#1e1e1e;border-color:#444}.dark-mode .dashboard-mobile-tabs button{color:#aaa}.dark-mode .dashboard-mobile-tabs button.active{border-bottom-color:#ff4500;color:#ff4500}.dark-mode .view-all-reports button{background-color:#333;border:1px solid #444;color:#ddd}.dark-mode .view-all-reports button:hover{background-color:#444;color:#fff}.dark-mode .dashboard-stats-tab{background-color:#1e1e1e;color:#e0e0e0}.dark-mode .dashboard-stats-tab h2{border-bottom:1px solid #444;color:#f0f0f0}:root{--pet-enhancement-bg:#f9f9f9;--pet-enhancement-border-radius:8px;--pet-enhancement-text-dark:#333;--pet-enhancement-text-medium:#555;--pet-enhancement-primary:#4a90e2;--pet-enhancement-primary-dark:#357abd;--pet-enhancement-border:#ddd;--pet-enhancement-hover-bg:#f0f0f0;--pet-enhancement-danger:#f44;--pet-enhancement-danger-dark:#c00;--pet-enhancement-info-bg:#e8f4f8;--pet-enhancement-info-border:#b8e0ea;--pet-enhancement-info-text:#2c7a8f;--pet-enhancement-white:#fff;--pet-enhancement-shadow:#0000001a}.pet-enhancement-module{background-color:#f9f9f9;background-color:var(--pet-enhancement-bg);border-radius:8px;border-radius:var(--pet-enhancement-border-radius);margin-top:20px;padding:20px}.pet-enhancement-module h3{border-bottom:2px solid #4a90e2;border-bottom:2px solid var(--pet-enhancement-primary);color:#333;color:var(--pet-enhancement-text-dark);font-size:1.4em;margin-bottom:20px;margin-top:0;padding-bottom:10px}.pet-enhancement__group{margin-bottom:20px}.pet-enhancement__group label{color:#555;color:var(--pet-enhancement-text-medium);display:block;font-weight:600;margin-bottom:8px}.pet-enhancement__group input[type=datetime-local],.pet-enhancement__group input[type=text],.pet-enhancement__group select,.pet-enhancement__group textarea{border:1px solid #ddd;border:1px solid var(--pet-enhancement-border);border-radius:4px;font-size:14px;padding:10px;transition:border-color .3s;width:100%}.pet-enhancement__group input:focus,.pet-enhancement__group select:focus,.pet-enhancement__group textarea:focus{border-color:#4a90e2;border-color:var(--pet-enhancement-primary);outline:none}.pet-enhancement__row{display:flex;gap:20px;margin-bottom:20px}.pet-enhancement__row .pet-enhancement__group{flex:1 1;margin-bottom:0}.pet-enhancement__radio-group{display:flex;flex-wrap:wrap;gap:20px}.pet-enhancement__radio-group label{align-items:center;cursor:pointer;display:flex;font-weight:400}.pet-enhancement__radio-group input[type=radio]{margin-right:8px}.pet-enhancement__checkbox-group{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.pet-enhancement__checkbox-label{align-items:center;cursor:pointer;display:flex;font-weight:400;padding:5px;transition:background-color .2s}.pet-enhancement__checkbox-label:hover{background-color:#f0f0f0;background-color:var(--pet-enhancement-hover-bg);border-radius:4px}.pet-enhancement__checkbox-label input[type=checkbox]{margin-right:8px}.pet-enhancement__breed-input-wrapper{position:relative}.pet-enhancement__breed-suggestions{background:#fff;background:var(--pet-enhancement-white);border:1px solid #ddd;border:1px solid var(--pet-enhancement-border);border-radius:0 0 4px 4px;border-top:none;box-shadow:0 2px 4px #0000001a;box-shadow:0 2px 4px var(--pet-enhancement-shadow);left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10}.pet-enhancement__breed-suggestion{cursor:pointer;padding:10px;transition:background-color .2s}.pet-enhancement__breed-suggestion:hover{background-color:#f0f0f0;background-color:var(--pet-enhancement-hover-bg)}.pet-enhancement__feature-list{display:flex;flex-direction:column;gap:10px}.pet-enhancement__feature-item{align-items:center;background:#fff;background:var(--pet-enhancement-white);border:1px solid #ddd;border:1px solid var(--pet-enhancement-border);border-radius:4px;display:flex;justify-content:space-between;padding:10px}.pet-enhancement__remove-btn{align-items:center;background:#f44;background:var(--pet-enhancement-danger);border:none;border-radius:50%;color:#fff;color:var(--pet-enhancement-white);cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;transition:background-color .2s;width:24px}.pet-enhancement__remove-btn:hover{background:#c00;background:var(--pet-enhancement-danger-dark)}.pet-enhancement__add-feature-btn{background:#4a90e2;background:var(--pet-enhancement-primary);border:none;border-radius:4px;color:#fff;color:var(--pet-enhancement-white);cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.pet-enhancement__add-feature-btn:hover{background:#357abd;background:var(--pet-enhancement-primary-dark)}.pet-enhancement__search-recommendations{background:#e8f4f8;background:var(--pet-enhancement-info-bg);border:1px solid #b8e0ea;border:1px solid var(--pet-enhancement-info-border);border-radius:4px;margin-top:20px;padding:15px}.pet-enhancement__search-recommendations h4{color:#2c7a8f;color:var(--pet-enhancement-info-text);margin-bottom:10px;margin-top:0}.pet-enhancement__search-recommendations ul{margin:0;padding-left:20px}.pet-enhancement__search-recommendations li{color:#555;color:var(--pet-enhancement-text-medium);margin-bottom:5px}.pet-enhancement__submit-btn{background:#4a90e2;background:var(--pet-enhancement-primary);border:none;border-radius:4px;color:#fff;color:var(--pet-enhancement-white);cursor:pointer;font-size:16px;font-weight:600;margin-top:20px;padding:12px 30px;transition:background-color .2s}.pet-enhancement__submit-btn:hover{background:#357abd;background:var(--pet-enhancement-primary-dark)}@media (max-width:768px){.pet-enhancement__row{flex-direction:column;gap:0}.pet-enhancement__checkbox-group{grid-template-columns:1fr}.pet-enhancement__radio-group{flex-direction:column;gap:10px}}.ssh-tooltip{display:inline-block;position:relative}.ssh-tooltip__content{animation:ssh-tooltip-fade-in .2s ease-in-out;background-color:#000c;border-radius:4px;bottom:100%;box-shadow:0 2px 8px #00000026;color:#fff;display:block;font-size:.875rem;line-height:1.4;margin-bottom:5px;padding:.5rem;white-space:normal;width:200px;z-index:100}.ssh-tooltip__content,.ssh-tooltip__content:after{left:50%;position:absolute;transform:translateX(-50%)}.ssh-tooltip__content:after{border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid #000c;content:"";height:0;top:100%;width:0}@keyframes ssh-tooltip-fade-in{0%{opacity:0;transform:translateX(-50%) translateY(5px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:480px){.ssh-tooltip__content{font-size:.75rem;padding:.4rem;width:150px}}.correction-feedback{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin:1rem 0;padding:1.5rem}.dark-mode .correction-feedback{background-color:#2a2b36;border-color:#3a3b45}.correction-feedback h4{color:#495057;font-size:1.2rem;margin-bottom:1rem;margin-top:0}.dark-mode .correction-feedback h4{color:#e9ecef}.correction-feedback p{color:#6c757d;margin-bottom:1.2rem}.dark-mode .correction-feedback p{color:#adb5bd}.feedback-form-group{margin-bottom:1.2rem}.feedback-form-group label{color:#495057;display:block;font-weight:500;margin-bottom:.5rem}.dark-mode .feedback-form-group label{color:#ced4da}.feedback-form-group textarea{background-color:#fff;border:1px solid #ced4da;border-radius:4px;color:#212529;padding:.75rem;resize:vertical;width:100%}.dark-mode .feedback-form-group textarea{background-color:#343a40;border-color:#495057;color:#e9ecef}.feedback-options{display:flex;flex-wrap:wrap;gap:.5rem}.feedback-option{background-color:#fff;border:1px solid #ced4da;border-radius:4px;color:#495057;cursor:pointer;padding:.5rem 1rem;transition:all .2s ease}.dark-mode .feedback-option{background-color:#343a40;border-color:#495057;color:#e9ecef}.feedback-option.selected{background-color:#e0f2ff;border-color:#4dabf7;color:#0d6efd}.dark-mode .feedback-option.selected{background-color:#1864ab;border-color:#339af0;color:#e7f5ff}.feedback-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.feedback-thanks{padding:2rem;text-align:center}.feedback-thanks h4{color:#2b8a3e;font-size:1.4rem}.dark-mode .feedback-thanks h4{color:#40c057}.rf-type-selector{margin-bottom:var(--space-lg)}.rf-type-selector__rows{display:flex;flex-direction:column;gap:var(--space-md)}.rf-type-selector__row{display:flex;flex-wrap:wrap;gap:var(--space-md)}.rf-type-option{align-items:center;background-color:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);cursor:pointer;display:flex;flex:1 1;flex-direction:column;min-width:150px;padding:var(--space-md);text-align:center;transition:all .2s ease}.rf-type-option:hover{background-color:var(--color-bg-hover);transform:translateY(-2px)}.rf-type-option--selected{background-color:var(--color-primary-light);border-color:var(--color-primary)}.rf-type-option--highlighted{animation:pulse 1.5s infinite;background-color:var(--color-warning-light);border-color:var(--color-warning)}.rf-type-option__icon{color:inherit;font-size:1.5rem;margin-bottom:var(--space-sm)}.rf-type-option__label{color:var(--color-text);font-size:1.1rem;font-weight:600;margin-bottom:var(--space-sm)}.rf-type-option__description{color:var(--color-text-secondary);font-size:.85rem}.rf-type-option[data-type=arson] .rf-type-option__icon,.rf-type-option[data-type=assault] .rf-type-option__icon,.rf-type-option[data-type=burglary] .rf-type-option__icon,.rf-type-option[data-type=crime] .rf-type-option__icon,.rf-type-option[data-type=fraud] .rf-type-option__icon,.rf-type-option[data-type=illegal-activity] .rf-type-option__icon,.rf-type-option[data-type=other-crime] .rf-type-option__icon,.rf-type-option[data-type=robbery] .rf-type-option__icon,.rf-type-option[data-type=stolen] .rf-type-option__icon,.rf-type-option[data-type=theft] .rf-type-option__icon,.rf-type-option[data-type=trespassing] .rf-type-option__icon,.rf-type-option[data-type=vandalism] .rf-type-option__icon,.rf-type-option[data-type=vehicle-theft] .rf-type-option__icon{color:var(--color-danger)}.rf-type-option[data-type=lost] .rf-type-option__icon{color:var(--color-warning)}.rf-type-option[data-type=found] .rf-type-option__icon{color:var(--color-success)}.rf-type-option[data-type=missing-person] .rf-type-option__icon{color:var(--color-info)}.rf-type-option[data-type=animal] .rf-type-option__icon{color:var(--color-pet)}.rf-type-option[data-type=beach-incident] .rf-type-option__icon,.rf-type-option[data-type=hit-and-run] .rf-type-option__icon,.rf-type-option[data-type=traffic] .rf-type-option__icon{color:var(--color-accent)}.rf-type-option[data-type=weather] .rf-type-option__icon{color:var(--color-info)}.rf-type-option[data-type=miscellaneous] .rf-type-option__icon{color:var(--color-text-muted)}.dark-mode .rf-type-option{background-color:var(--color-bg-secondary-dark);border-color:var(--color-border-dark)}.dark-mode .rf-type-option:hover{background-color:var(--color-bg-hover-dark)}.dark-mode .rf-type-option--selected{background-color:var(--color-primary-dark);border-color:var(--color-primary)}.dark-mode .rf-type-option--highlighted{background-color:var(--color-warning-dark);border-color:var(--color-warning)}@media (max-width:768px){.rf-type-selector__row{flex-direction:column}.rf-type-option{width:100%}}.report-type-selector{margin-bottom:var(--space-lg)}.report-type-rows{display:flex;flex-direction:column;gap:var(--space-md)}.report-type-row{display:flex;flex-wrap:wrap;gap:var(--space-md)}.report-type-option{align-items:center;background-color:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);cursor:pointer;display:flex;flex:1 1;flex-direction:column;min-width:150px;padding:var(--space-md);text-align:center;transition:all .2s ease}.report-type-icon{color:inherit;font-size:1.5rem;margin-bottom:var(--space-sm)}.report-type-label{color:var(--color-text);font-size:1.1rem;font-weight:600;margin-bottom:var(--space-sm)}.report-type-description{color:var(--color-text-secondary);font-size:.85rem}.ai-suggestions{background-color:#1e2a44;border-radius:8px;box-shadow:0 2px 4px #0003;color:#fff;margin:10px 0;padding:15px;transition:all .3s ease}.ai-suggestions.minimized{height:40px;overflow:hidden;padding-bottom:.5rem}.ai-suggestions.minimized .ai-feedback,.ai-suggestions.minimized .suggestion-section,.ai-suggestions.minimized .suggestions-disclaimer{display:none}.suggestion-header{align-items:center;border-bottom:1px solid #3b4a6b;display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:5px}.suggestion-header h4{align-items:center;color:#fff;display:flex;font-size:16px;margin:0}.ai-icon{font-size:18px;margin-right:6px}.header-controls{align-items:center;display:flex;gap:5px}.reset-suggestions-btn,.toggle-minimize-btn{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:4px}.toggle-minimize-btn{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.reset-suggestions-btn{background:#ff4d4f;padding:4px 8px}.reset-suggestions-btn:hover,.toggle-minimize-btn:hover{background-color:#3b4a6b}.analysis-error{background-color:#ff4d4f;border-radius:4px;margin-bottom:10px;padding:10px}.analysis-error p{align-items:center;display:flex;margin:0}.error-icon{margin-right:6px}.retry-button{background:#1890ff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:8px;padding:5px 10px}.retry-button:hover{background:#40a9ff}.suggestion-section{border:1px solid #2c3b5e;border-radius:6px;margin-bottom:12px;overflow:hidden}.section-header{background-color:#293854;cursor:pointer;padding:8px 12px}.section-header:hover{background-color:#334567}.section-header h5{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:600;margin:0}.section-icon{font-size:16px;margin-right:8px}.expand-icon{font-size:18px;font-weight:700}.section-content{background-color:#1a2340;padding:12px}.report-type-suggestion{background-color:#1a2340;border-left:3px solid #3949ab;border-radius:6px;padding:10px}.report-type-display{margin-bottom:10px}.report-type-name{color:#a5b4fc;display:block;font-size:16px;font-weight:600;margin-bottom:4px}.report-type-description{color:#b0bec5;font-size:13px}.category-suggestion{background-color:#1a2340;border-left:3px solid #3949ab;border-radius:6px;margin-bottom:.75rem;padding:.75rem}.suggestion-main-category{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.category-name{color:#a5b4fc;font-size:1.05rem;font-weight:600}.confidence-badge{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:600;margin-left:8px;padding:.2rem .5rem;white-space:nowrap}.high-confidence{background-color:#2e7d324d;color:#81c784}.medium-confidence{background-color:#f57f174d;color:#ffb74d}.low-confidence{background-color:#c628284d;color:#e57373}.subcategory-info{background-color:#192237;border-radius:4px;margin-bottom:1rem;padding:8px 12px}.subcategory-arrow{color:#7986cb;margin:0 8px}.detailed-category-name,.subcategory-name{color:#90caf9}.extracted-info{display:flex;flex-direction:column;gap:12px}.info-item{border-radius:6px}.info-item,.suggestion-item{background-color:#192237;border:1px solid #2c3b5e;padding:10px}.suggestion-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.info-label{align-items:center;color:#a5b4fc;display:flex;font-size:14px;font-weight:500;gap:6px}.confidence-indicator{border-radius:12px;font-size:12px;padding:2px 6px}.info-value,.suggestion-value{background-color:#1e2a44;border-radius:4px;margin-bottom:8px;padding:8px;word-break:break-word}.ai-suggestion-button,.suggestion-actions{display:flex;gap:.5rem}.apply-suggestion-btn,.suggestion-button{align-items:center;background-color:#ed8936;border:1px solid #ed8936;border-radius:4px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;height:36px;justify-content:center;padding:.5rem 1rem}.apply-suggestion-btn:hover,.suggestion-button:hover{background-color:#dd6b20}.decline-suggestion-btn{align-items:center;background-color:initial;border:1px solid #e53e3e;border-radius:4px;color:#e53e3e;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;height:36px;justify-content:center;padding:.5rem 1rem}.decline-suggestion-btn:hover{background-color:#e53e3e1a}.applied-button{background-color:#48bb78;border:1px solid #48bb78;border-radius:4px;color:#fff}.applied-button,.declined-button{align-items:center;display:flex;flex:1 1;font-size:.9rem;height:36px;justify-content:center;padding:.5rem 1rem}.declined-button{background-color:initial;border:1px solid #e53e3e;border-radius:4px;color:#e53e3e;cursor:pointer;font-weight:700}.apply-icon{margin-right:4px}.ai-feedback{background-color:#1a2340;border-radius:6px;margin-top:12px;padding:12px}.ai-feedback p{align-items:center;color:#fff;display:flex;font-weight:500;margin:0 0 8px}.feedback-icon{margin-right:8px}.feedback-buttons{display:flex;gap:8px;margin-bottom:8px}.feedback-btn{background-color:#2c3b5e;border:1px solid #3b4a6b;border-radius:20px;color:#fff;cursor:pointer;flex:1 1;font-size:13px;padding:6px 12px;text-align:center}.feedback-btn:hover{background-color:#3b4a6b}.feedback-btn.selected{background-color:#1890ff;border-color:#1890ff}.feedback-message{align-items:center;color:#b0bec5;display:flex;font-size:13px;justify-content:center}.thanks-icon{margin-right:5px}.suggestions-disclaimer{align-items:center;border-top:1px solid #2c3b5e;color:#b0bec5;display:flex;font-size:12px;justify-content:center;margin-top:12px;padding-top:8px;text-align:center}.suggestions-disclaimer svg{margin-right:5px}.pet-details-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.pet-detail-item{display:flex;flex-direction:column;gap:5px}.pet-detail-item.full-width{grid-column:1/-1}.detail-label{color:#555;font-size:.9em;font-weight:600}.detail-value{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;color:#333;font-size:1em;padding:8px 12px}.pet-suggestions-actions{display:flex;gap:10px;margin-bottom:15px;margin-top:20px}.pet-suggestions-actions .suggestion-button.primary{background-color:#4caf50;flex:1 1}.pet-suggestions-actions .suggestion-button.primary:hover{background-color:#45a049}.pet-info-note{align-items:center;background:#e3f2fd;border-radius:6px;color:#1976d2;display:flex;font-size:.9em;gap:8px;margin-top:10px;padding:10px}@media (max-width:768px){.ai-suggestion-button,.feedback-buttons,.suggestion-actions{flex-direction:column}}.category-selector{margin-bottom:1.5rem}.category-selector-loading{color:#666}.select-group label{color:#333;font-weight:500}.select-group select{padding:.75rem}.suggested-categories{background-color:#f0f8ff;border:1px solid #cce5ff;border-radius:6px;margin-bottom:1.5rem}.suggested-categories h4{color:#06c;font-size:1rem}.suggestion-container{gap:.75rem}.suggestion-item{gap:.5rem}.suggestion-label{font-size:.9rem;font-weight:500;min-width:120px}.suggestion-button{background-color:#e6f3ff;border:1px solid #99cbff;color:#06c;padding:.5rem .75rem}.suggestion-button:hover{background-color:#d1e8ff}.suggestion-confidence{color:#666;text-align:right}@media (min-width:768px){.category-selection{flex-direction:row;flex-wrap:wrap}.select-group{flex:1 1;min-width:200px}}.category-selector{width:100%}.suggested-categories{background-color:#f3f8ff;border:1px solid #c5deff;border-radius:8px;margin-bottom:1rem;padding:1rem}.suggested-categories h4{color:#2962ff;font-size:.95rem;font-weight:500;margin-bottom:.75rem;margin-top:0}.suggestion-container{display:flex;flex-direction:column;gap:.5rem}.suggestion-item{justify-content:space-between}.suggestion-label{color:#555;font-size:.85rem;width:120px}.suggestion-button{background-color:#e3f2fd;border:1px solid #bbdefb;border-radius:4px;color:#1565c0;cursor:pointer;flex:1 1;font-size:.9rem;padding:6px 12px;text-align:left;transition:all .2s}.suggestion-button:hover{background-color:#bbdefb}.suggestion-confidence{align-items:center;color:#616161;display:flex;font-size:.85rem;margin-top:.5rem}.category-selection{gap:1rem}.category-selection,.select-group{display:flex;flex-direction:column}.select-group{gap:.5rem}.select-group label{color:#424242;font-size:.9rem}.select-group select{background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:10px 12px;width:100%}.category-selector-loading{color:#757575;padding:1rem;text-align:center}.location-dropdown{position:relative;width:100%}.location-dropdown__input-wrapper{align-items:center;display:flex;position:relative}.location-dropdown__icon{color:var(--color-text-secondary);font-size:16px;height:16px;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:16px;z-index:1}.location-dropdown__input{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:var(--font-size-base);padding:8px;padding-left:40px!important;padding-right:40px!important;transition:border-color var(--transition-base),box-shadow var(--transition-base);width:100%}.location-dropdown__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #ff45001a;outline:none}.location-dropdown__input--error{border-color:var(--color-danger)}.location-dropdown__list{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:0 0 var(--radius-base) var(--radius-base);border-top:none;box-shadow:var(--shadow-md);left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.location-dropdown__item{align-items:center;cursor:pointer;display:flex;padding:var(--space-sm) var(--space-md);transition:background-color var(--transition-base)}.location-dropdown__item:hover{background-color:var(--color-bg-hover)}.location-dropdown__item-icon{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-right:var(--space-sm)}.location-dropdown__custom-entry{background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border-light);color:var(--color-text-secondary);font-style:italic;padding:var(--space-sm) var(--space-md)}.location-dropdown__gps-button{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--space-xs);position:absolute;right:var(--space-sm);top:50%;transform:translateY(-50%);transition:color var(--transition-base);z-index:2}.location-dropdown__gps-button:hover:not(:disabled){color:var(--color-primary)}.location-dropdown__gps-button:disabled{cursor:not-allowed;opacity:.5}.location-dropdown__gps-icon--loading{animation:spin 1s linear infinite}.dark-mode .location-dropdown__input{background-color:var(--color-bg);border-color:var(--color-border);color:var(--color-text)}.dark-mode .location-dropdown__input:focus{border-color:var(--color-primary)}.dark-mode .location-dropdown__list{background-color:var(--color-bg);border-color:var(--color-border)}.dark-mode .location-dropdown__item:hover{background-color:var(--color-bg-hover)}.dark-mode .location-dropdown__custom-entry{background-color:var(--color-bg-secondary);border-color:var(--color-border-light)}.google-places-autocomplete{position:relative;width:100%}.google-places-autocomplete__input-wrapper{align-items:center;display:flex;position:relative;width:100%}.google-places-autocomplete__icon{color:var(--color-text-secondary);font-size:16px;left:12px;pointer-events:none;position:absolute;z-index:1}.google-places-autocomplete__input,.google-places-autocomplete__input.pac-target-input{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:var(--font-size-md);padding:10px 44px 10px 45px!important;transition:all var(--transition-base);width:100%}.google-places-autocomplete__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.google-places-autocomplete__input--error{border-color:var(--color-danger)}.google-places-autocomplete__input--error:focus{box-shadow:0 0 0 3px #dc35451a}.google-places-autocomplete__gps-button{align-items:center;background-color:initial;border:none;border-radius:var(--radius-base);color:var(--color-primary);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;position:absolute;right:8px;transition:all var(--transition-base);width:32px}.google-places-autocomplete__gps-button:hover{background-color:var(--color-bg-hover)}.google-places-autocomplete__gps-button:disabled{color:var(--color-text-muted);cursor:not-allowed}.google-places-autocomplete__gps-icon--loading{animation:pulse 1.5s ease-in-out infinite}.google-places-autocomplete__fallback-note{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-style:italic;margin-top:4px}.pac-container{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);box-shadow:var(--shadow-lg);font-family:inherit;margin-top:2px}.pac-item{border-bottom:1px solid var(--color-border-light);color:var(--color-text);cursor:pointer;padding:10px 12px;transition:background-color var(--transition-base)}.pac-item:hover{background-color:var(--color-bg-hover)}.pac-item-selected,.pac-item:hover.pac-item-selected{background-color:var(--color-primary-light);color:var(--color-text)}.pac-icon{display:none}.pac-item-query{color:var(--color-text);font-weight:var(--font-weight-medium)}body.dark-mode .pac-container{background-color:var(--color-bg);border-color:var(--color-border)}body.dark-mode .pac-item{border-bottom-color:var(--color-border-light);color:var(--color-text)}body.dark-mode .pac-item:hover{background-color:var(--color-bg-hover)}body.dark-mode .pac-item-selected,body.dark-mode .pac-item:hover.pac-item-selected{background-color:var(--color-primary-dark)}@media (max-width:768px){.google-places-autocomplete__input{font-size:16px}.pac-container{max-width:calc(100vw - 20px)}}.fli{width:100%}.fli__type-selector{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-sm)}.fli__type-button{align-items:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:var(--font-size-sm);gap:var(--space-xs);justify-content:center;min-width:100px;padding:var(--space-xs) var(--space-sm);transition:all var(--transition-base)}.fli__type-button:hover{background:var(--color-bg-hover);color:var(--color-text)}.fli__type-button--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.fli__type-button svg{font-size:14px}.fli__input-container{position:relative}.fli__city-selector{position:relative;width:100%}.fli__city-input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:var(--font-size-base);padding:var(--space-sm);transition:border-color var(--transition-base);width:100%}.fli__city-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.fli__city-input--error{border-color:var(--color-danger)}.fli__city-dropdown{left:0;margin-top:var(--space-xs);position:absolute;right:0;top:100%;z-index:1000}.fli__city-select{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);box-shadow:var(--shadow-lg);color:var(--color-text);font-family:inherit;font-size:var(--font-size-base);max-height:300px;overflow-y:auto;padding:var(--space-xs);width:100%}.fli__city-select:focus{border-color:var(--color-primary);outline:none}.fli__city-select optgroup{background:var(--color-bg-secondary);color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--space-xs) 0}.fli__city-select option{background:var(--color-bg);color:var(--color-text);font-size:var(--font-size-base);padding:var(--space-xs) var(--space-sm)}.fli__city-select option:hover{background:var(--color-bg-hover)}.fli__gps{flex-direction:column}.fli__gps,.fli__gps-button{display:flex;gap:var(--space-sm)}.fli__gps-button{align-items:center;background:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-base);color:#fff;cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);justify-content:center;padding:var(--space-md);transition:all var(--transition-base);width:100%}.fli__gps-button:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.fli__gps-button:disabled{cursor:not-allowed;opacity:.7}.fli__gps-icon{font-size:18px}.fli__gps-icon--spinning{animation:fli__spin 1s linear infinite;font-size:18px}@keyframes fli__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fli__gps-location{background:var(--color-bg-tertiary);border-radius:var(--radius-base);color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:var(--space-xs) 0 0 0;padding:var(--space-xs) var(--space-sm)}.fli__map-container{border:1px solid var(--color-border);border-radius:var(--radius-base);margin-top:var(--space-sm);overflow:hidden}.fli__map-header{align-items:center;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;line-height:1;min-height:auto;padding:.25rem .5rem}.fli__map-title{color:var(--color-text);font-size:.8rem;font-weight:var(--font-weight-medium);line-height:1}.fli__map-close{align-items:center;background:#0000;border:none;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:1.2rem;line-height:1;padding:.125rem .25rem;transition:color var(--transition-base)}.fli__map-close:hover{color:var(--color-danger)}.fli__map-location{background:var(--color-bg-tertiary);border-top:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0;overflow:hidden;padding:var(--space-xs) var(--space-sm);text-overflow:ellipsis;white-space:nowrap}.fli__error{color:var(--color-danger);display:block;font-size:var(--font-size-sm);margin-top:var(--space-xs)}.fli__privacy-note{background:var(--color-bg-tertiary);border:1px solid var(--color-border-light);border-radius:var(--radius-base);margin-top:var(--space-sm);padding:var(--space-sm)}.fli__privacy-text{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-style:italic;margin:0}body.dark-mode .fli__type-button{background:var(--color-bg);border-color:var(--color-border);color:var(--color-text-secondary)}body.dark-mode .fli__type-button:hover{background:var(--color-bg-hover);color:var(--color-text)}body.dark-mode .fli__type-button--active{background:var(--color-primary);color:#fff}body.dark-mode .fli__city-input,body.dark-mode .fli__city-select{background:var(--color-bg);border-color:var(--color-border);color:var(--color-text)}body.dark-mode .fli__city-select optgroup{background:var(--color-bg-secondary);color:var(--color-text)}body.dark-mode .fli__city-select option{background:var(--color-bg);color:var(--color-text)}body.dark-mode .fli__city-select option:hover{background:var(--color-bg-hover)}body.dark-mode .fli__map-header{background:var(--color-bg-secondary);border-bottom-color:var(--color-border)}body.dark-mode .fli__gps-location,body.dark-mode .fli__map-location{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}body.dark-mode .fli__privacy-note{background:var(--color-bg-tertiary);border-color:var(--color-border-light)}@media (max-width:768px){.fli__type-selector{gap:var(--space-xs)}.fli__type-button{font-size:var(--font-size-xs);min-width:80px;padding:var(--space-xs)}.fli__type-button svg{font-size:12px}.fli__map-container{margin-top:var(--space-xs)}}.pet-basic-submit-section{background-color:#f8f9fa;background-color:var(--card-background,#f8f9fa);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;margin:2rem 0;padding:1.5rem}.basic-submit-container{text-align:center}.submit-button{border-radius:6px;font-size:16px;font-weight:600;min-width:200px;padding:12px 32px;transition:all .3s ease}.submit-button:disabled{cursor:not-allowed;opacity:.6}.basic-submit{background-color:#ff4500;color:#fff}.basic-submit:hover:not(:disabled){background-color:#e63900;box-shadow:0 4px 8px #ff45004d;transform:translateY(-1px)}.pet-details__legal-note{color:#666;font-size:.85em}.or-divider{margin-top:1.5rem;position:relative;text-align:center}.or-divider span{background-color:#f8f9fa;background-color:var(--card-background,#f8f9fa);color:#6c757d;color:var(--text-muted,#6c757d);font-size:14px;padding:0 1rem;position:relative;z-index:1}.or-divider:before{background-color:#e0e0e0;background-color:var(--border-color,#e0e0e0);content:"";height:1px;left:0;position:absolute;right:0;top:50%}.extended-pet-section{background-color:#fff;background-color:var(--section-background,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-top:2rem;padding:2rem}.extended-pet-section .form-section-title{align-items:center;border-bottom:2px solid #f0f0f0;border-bottom:2px solid var(--border-light,#f0f0f0);display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.extended-pet-section .form-section-title span:first-child{color:#333;color:var(--heading-color,#333);font-size:1.25rem;font-weight:600}.section-subtitle{color:#6c757d;color:var(--text-muted,#6c757d);font-size:.875rem;margin-left:1rem}.extended-submit-container{border-top:1px solid #f0f0f0;border-top:1px solid var(--border-light,#f0f0f0);margin-top:2rem;padding-top:2rem;text-align:center}.extended-submit{background-color:#ff4500;color:#fff}.extended-submit:hover:not(:disabled){background-color:#e63900;box-shadow:0 4px 8px #ff45004d;transform:translateY(-1px)}.dark .pet-basic-submit-section{border-color:#4a5568;border-color:var(--dark-border-color,#4a5568)}.dark .or-divider span,.dark .pet-basic-submit-section{background-color:#2d3748;background-color:var(--dark-card-background,#2d3748)}.dark .or-divider span{color:#a0aec0;color:var(--dark-text-muted,#a0aec0)}.dark .or-divider:before{background-color:#4a5568;background-color:var(--dark-border-color,#4a5568)}.dark .extended-pet-section{background-color:#1a202c;background-color:var(--dark-section-background,#1a202c);border-color:#4a5568;border-color:var(--dark-border-color,#4a5568)}.dark .extended-pet-section .form-section-title{border-bottom-color:#2d3748;border-bottom-color:var(--dark-border-light,#2d3748)}.dark .extended-pet-section .form-section-title span:first-child{color:#e2e8f0;color:var(--dark-heading-color,#e2e8f0)}.dark .section-subtitle{color:#a0aec0;color:var(--dark-text-muted,#a0aec0)}.dark .extended-submit-container{border-top-color:#2d3748;border-top-color:var(--dark-border-light,#2d3748)}@media (max-width:768px){.pet-basic-submit-section{margin:1rem 0;padding:1rem}.extended-pet-section{margin-top:1rem;padding:1rem}.submit-button{min-width:100%;padding:12px 24px}.section-subtitle{display:block;margin-left:0;margin-top:.5rem}}.pet-details-form{background-color:#f9f9f9;border-radius:8px;margin-top:20px;padding:20px}.pet-details-form h3{border-bottom:2px solid #48bb78;color:#333;font-size:1.4em;margin-bottom:20px;margin-top:0;padding-bottom:10px}.pet-details__form-group{margin-bottom:20px}.form-group label{color:#555}.form-group input[type=date],.form-group input[type=text],.form-group input[type=time],.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px;transition:border-color .3s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#48bb78}.required{color:#e53e3e}.form-row{display:flex;gap:20px;margin-bottom:20px}.form-row .pet-details__form-group{flex:1 1;margin-bottom:0}.radio-group{display:flex;flex-wrap:wrap;gap:20px}.radio-group label{align-items:center;cursor:pointer;display:flex;font-weight:400}.radio-group input[type=radio]{margin-right:8px}.checkbox-group{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.checkbox-group.checkbox-group--two-column{grid-gap:10px;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;display:grid;gap:10px;grid-template-columns:1fr;padding:15px}@media (min-width:480px){.checkbox-group.checkbox-group--two-column{column-gap:20px;grid-template-columns:repeat(2,1fr)!important;row-gap:10px}}@media (min-width:768px){.checkbox-group.checkbox-group--two-column{column-gap:40px;grid-template-columns:repeat(2,1fr)!important}}@media (min-width:1400px){.checkbox-group.checkbox-group--two-column{grid-template-columns:repeat(3,1fr)!important}}.checkbox-label{font-weight:400;min-width:-webkit-fit-content;min-width:fit-content;padding:5px;transition:background-color .2s}@media (min-width:768px){.checkbox-label{white-space:nowrap}}.checkbox-label:hover{background-color:#f0f0f0;border-radius:4px}.checkbox-label input[type=checkbox]{margin-right:8px}.breed-input-wrapper{position:relative}.breed-suggestions{background:#fff;border:1px solid #ddd;border-radius:0 0 4px 4px;border-top:none;box-shadow:0 2px 4px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10}.breed-suggestion{cursor:pointer;padding:10px;transition:background-color .2s}.breed-suggestion:hover{background-color:#f0f0f0}.feature-list{display:flex;flex-direction:column;gap:10px}.feature-item{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;display:flex;justify-content:space-between;padding:10px}.remove-btn{background:#f44;border-radius:50%;color:#fff;font-size:18px;height:24px;justify-content:center;transition:background-color .2s;width:24px}.remove-btn:hover{background:#c00}.add-feature-input{margin-top:10px}.add-feature-input input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px;width:100%}.dark .pet-details-form{background-color:#2d3748;color:#e2e8f0}.dark .pet-details-form h3{border-bottom-color:#48bb78;color:#e2e8f0}.dark .form-group label{color:#cbd5e0}.dark .form-group input,.dark .form-group select,.dark .form-group textarea{background-color:#4a5568;border-color:#4a5568;color:#e2e8f0}.dark .form-group input:focus,.dark .form-group select:focus,.dark .form-group textarea:focus{border-color:#48bb78}.dark .checkbox-label:hover{background-color:#4a5568}.dark .breed-suggestions{background-color:#4a5568;border-color:#5a6678}.dark .breed-suggestion:hover{background-color:#5a6678}.dark .feature-item{background-color:#4a5568;border-color:#5a6678}@media (max-width:768px){.form-row{flex-direction:column;gap:0}.checkbox-group{grid-template-columns:1fr}.radio-group{flex-direction:column;gap:10px}}.media-upload{margin:1rem 0}.upload-drop-zone{align-items:center;background-color:#f8f9fa;border:2px dashed #ddd;border-radius:8px;cursor:pointer;display:flex;justify-content:center;min-height:200px;position:relative;transition:all .3s ease}.upload-drop-zone:hover{background-color:#fff;border-color:#ff4500}.upload-drop-zone.dragging{background-color:#fff5f0;border-color:#ff4500;border-width:3px}.drop-zone-content{padding:2rem;text-align:center}.drop-zone-icon{font-size:3rem;margin-bottom:1rem;transition:transform .3s ease}.upload-drop-zone.dragging .drop-zone-icon{transform:scale(1.2)}.drop-zone-text{color:#666;font-size:1.1rem;font-weight:500;margin-bottom:.5rem}.upload-drop-zone.dragging .drop-zone-text{color:#ff4500;font-weight:600}.drop-zone-or{color:#999;font-size:.9rem;letter-spacing:1px;margin:1rem 0;text-transform:uppercase}.drop-zone-hint{color:#999;font-size:.85rem;margin-top:1rem}.file-upload-btn{align-items:center;background-color:#ff4500;border:none;border-radius:4px;box-shadow:0 2px 4px #ff450033;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;justify-content:center;padding:.75rem 1.5rem;transition:all .2s}.file-upload-btn,.file-upload-btn span{color:#fff!important}.file-upload-btn:hover{background-color:#e63900;box-shadow:0 4px 8px #ff45004d;transform:translateY(-1px)}.file-upload-btn:active{box-shadow:0 2px 4px #ff450033;transform:translateY(0)}.media-previews{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:1rem}.media-preview{background-color:#f8f9fa;border:1px solid #ddd;border-radius:8px;overflow:visible;position:relative;transition:box-shadow .2s}.media-preview:hover{box-shadow:0 4px 8px #0000001a}.media-preview img,.media-preview video{border-radius:8px;display:block;height:150px;object-fit:cover;width:100%}.remove-media{align-items:center;background-color:#ff0000e6;border:2px solid #fff;border-radius:50%;bottom:auto!important;color:#fff;cursor:pointer;display:flex;font-size:20px;height:30px;justify-content:center;left:auto!important;line-height:1;margin:0!important;padding:0!important;pointer-events:auto!important;position:absolute!important;right:5px!important;top:5px!important;touch-action:manipulation;transform:none!important;transition:none!important;width:30px;z-index:9999!important}.remove-media:hover{background-color:red!important;opacity:1!important}.remove-media:active{opacity:.8!important}.dark-mode .upload-drop-zone{background-color:#2a2a2a;border-color:#444}.dark-mode .upload-drop-zone:hover{background-color:#333;border-color:#ff4500}.dark-mode .upload-drop-zone.dragging{background-color:#3a2a2a;border-color:#ff4500}.dark-mode .drop-zone-text{color:#ccc}.dark-mode .drop-zone-hint,.dark-mode .drop-zone-or{color:#888}.dark-mode .media-preview{background-color:#2a2a2a;border-color:#444}@media (max-width:768px){.upload-drop-zone{min-height:150px}.drop-zone-content{padding:1.5rem}.drop-zone-icon{font-size:2.5rem}.drop-zone-or,.drop-zone-text{display:none}.drop-zone-hint{margin-top:.5rem}.media-previews{gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.media-preview img,.media-preview video{height:100px}}.ocr-modal-backdrop{align-items:center;background-color:#000000b3;display:flex;height:100vh;justify-content:center;left:0;overflow:hidden;padding:20px;position:fixed;top:0;width:100vw;z-index:10000}.ocr-modal-content{animation:ocr-modal-fade-in .2s ease;background-color:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:80vh;max-width:700px;overflow-y:auto;position:relative;width:100%}@keyframes ocr-modal-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ocr-modal-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:20px}.ocr-modal-header h3{color:var(--color-text);font-size:1.5rem;margin:0}.ocr-modal-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;padding:5px;transition:color .2s}.ocr-modal-close:hover{color:var(--color-primary)}.ocr-modal-body{padding:20px}.ocr-confidence-badge{align-items:center;background-color:#d4edda;background-color:var(--color-success-light,#d4edda);border-radius:var(--radius-base);color:#155724;color:var(--color-success-dark,#155724);display:flex;font-weight:500;gap:10px;margin-bottom:20px;padding:10px 15px}.ocr-success-icon{color:#28a745;color:var(--color-success,#28a745);font-size:1.2rem}.ocr-section{margin-bottom:20px}.ocr-section h4{color:var(--color-text);font-size:1.1rem;margin:0 0 10px}.ocr-text-box{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);max-height:200px;overflow-y:auto;padding:15px;position:relative}.ocr-text-box pre{color:var(--color-text);font-family:Courier New,monospace;font-size:.9rem;margin:0;white-space:pre-wrap;word-break:break-word}.ocr-copy-btn{background-color:var(--color-primary);border:none;border-radius:var(--radius-base);color:#fff;cursor:pointer;font-size:.9rem;padding:8px 12px;position:absolute;right:10px;top:10px;transition:background-color .2s}.ocr-copy-btn:hover{background-color:var(--color-primary-dark)}.ocr-data-group{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);margin-bottom:15px;padding:15px}.ocr-data-group label{color:var(--color-text);display:block;font-weight:600;margin-bottom:10px}.ocr-data-items{display:flex;flex-direction:column;gap:8px}.ocr-data-item{align-items:center;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex;justify-content:space-between;padding:10px}.ocr-data-value{color:var(--color-text);font-family:Courier New,monospace;font-weight:500}.ocr-apply-btn{background-color:#28a745;background-color:var(--color-success,#28a745);font-size:.85rem;gap:5px;padding:6px 12px;transition:background-color .2s;white-space:nowrap}.ocr-apply-all-btn,.ocr-apply-btn{align-items:center;border:none;border-radius:var(--radius-base);color:#fff;cursor:pointer;display:flex}.ocr-apply-all-btn{background-color:#007bff;background-color:var(--color-primary,#007bff);box-shadow:var(--shadow-md);font-size:1rem;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:background-color .2s,transform .1s;width:100%}.ocr-apply-all-btn:hover{background-color:#0056b3;background-color:var(--color-primary-dark,#0056b3);transform:translateY(-2px)}.ocr-apply-all-btn:active{transform:translateY(0)}.ocr-apply-btn:hover{background-color:#218838;background-color:var(--color-success-dark,#218838)}.ocr-no-data{border-radius:var(--radius-base);color:var(--color-text-secondary);font-style:italic;padding:15px;text-align:center}.ocr-details,.ocr-no-data{background-color:var(--color-bg-secondary)}.ocr-details{border:1px solid var(--color-border);border-radius:var(--radius-base);margin-top:15px;padding:10px}.ocr-details summary{color:var(--color-primary);cursor:pointer;font-weight:600;padding:5px}.ocr-details summary:hover{color:var(--color-primary-dark)}.ocr-text-lines{margin-top:10px;max-height:200px;overflow-y:auto}.ocr-text-line{border-bottom:1px solid var(--color-border);display:flex;gap:10px;padding:5px 0}.ocr-text-line:last-child{border-bottom:none}.ocr-line-number{color:var(--color-text-secondary);font-weight:600;min-width:30px}.ocr-line-text{color:var(--color-text);flex:1 1}.ocr-error{color:#dc3545;color:var(--color-danger,#dc3545);padding:30px;text-align:center}.ocr-error p{font-size:1.1rem;margin:10px 0}.ocr-error-message{color:var(--color-text-secondary);font-size:.9rem}.ocr-modal-footer{border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;padding:15px 20px}.ocr-btn-close{background-color:var(--color-text-secondary);border:none;border-radius:var(--radius-base);color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .2s}.ocr-btn-close:hover{background-color:var(--color-text)}@media (max-width:768px){.ocr-modal-content{max-height:90vh;max-width:95%}.ocr-modal-header h3{font-size:1.2rem}.ocr-data-item{align-items:flex-start;flex-direction:column;gap:10px}.ocr-apply-btn{justify-content:center;width:100%}}.rf-media-previews{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);margin-top:20px;padding:15px}.rf-media-previews h5{color:var(--color-text);font-size:1rem;margin:0 0 15px}.rf-media-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.rf-media-item{display:flex;flex-direction:column;gap:10px}.rf-media-preview{background-color:var(--color-bg);border:2px solid var(--color-border);transition:box-shadow .2s}.rf-media-preview:hover{box-shadow:var(--shadow-md)}.rf-media-preview img{display:block;height:200px;object-fit:cover;width:100%}.rf-media-placeholder{align-items:center;background-color:var(--color-bg-secondary);color:var(--color-text-secondary);display:flex;flex-direction:column;font-size:1.5rem;height:200px;justify-content:center;width:100%}.rf-media-placeholder span{font-size:.9rem;margin-top:10px}.rf-ocr-actions{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);display:flex;flex-direction:column;gap:8px;padding:12px}.rf-ocr-btn{align-items:center;border:none;border-radius:var(--radius-base);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;min-height:44px;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.rf-ocr-btn:disabled{cursor:not-allowed;opacity:.6}.rf-ocr-btn--general{background-color:var(--color-primary);color:#fff}.rf-ocr-btn--general:hover:not(:disabled){background-color:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.rf-ocr-btn--general:active:not(:disabled){transform:translateY(0)}.rf-ocr-btn--mixed{background-color:#17a2b8;color:#fff}.rf-ocr-btn--mixed:hover:not(:disabled){background-color:#138496;box-shadow:var(--shadow-md);transform:translateY(-2px)}.rf-ocr-btn--mixed:active:not(:disabled){transform:translateY(0)}.rf-ocr-btn--plate{background-color:#ffc107;color:#000}.rf-ocr-btn--plate:hover:not(:disabled){background-color:#e0a800;box-shadow:var(--shadow-md);transform:translateY(-2px)}.rf-ocr-btn--plate:active:not(:disabled){transform:translateY(0)}.rf-ocr-btn--premium{background:linear-gradient(135deg,gold,orange);border:2px solid gold;position:relative}.rf-ocr-btn--premium:hover:not(:disabled){background:linear-gradient(135deg,orange,gold);box-shadow:0 4px 12px #ffd70066;transform:translateY(-2px)}.rf-ocr-premium-icon{color:gold;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:1.1rem}.rf-ocr-basic-badge,.rf-ocr-premium-badge{border-radius:12px;display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.5px;margin-left:auto;padding:2px 8px;text-transform:uppercase}.rf-ocr-basic-badge{background-color:#ffffff4d;border:1px solid #fff6;color:#ffffffe6}.rf-ocr-premium-badge{background-color:#fffffff2;border:1px solid gold;box-shadow:0 2px 4px #0003;color:#ff8c00}.rf-ocr-locked{background:linear-gradient(135deg,#ffd7000d,#ffa5000d);border:2px solid gold;border-radius:var(--radius-base);display:flex;flex-direction:column;min-width:0;overflow:hidden;padding:44px 16px 16px!important;position:relative}.rf-ocr-locked--collapsed{min-height:auto;padding:0!important}.rf-ocr-locked--expanded{align-items:center;gap:16px;min-height:auto;text-align:center}.rf-ocr-locked__toggle{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;padding:12px 16px;transition:background-color .2s ease;width:100%}.rf-ocr-locked__toggle:hover{background-color:#ffd7001a}.rf-ocr-locked__toggle-content{align-items:center;display:flex;gap:10px;justify-content:space-between;width:100%}.rf-ocr-locked__toggle-icon{color:gold;flex-shrink:0;font-size:18px}.rf-ocr-locked__toggle-text{color:var(--color-text);flex:1 1;font-size:.95rem;font-weight:600;text-align:left}.rf-ocr-locked__chevron{color:gold;flex-shrink:0;font-size:14px;transition:transform .3s ease}.rf-ocr-locked__toggle:hover .rf-ocr-locked__chevron{transform:translateY(2px)}.rf-ocr-locked__collapse-btn{align-items:center;background:#ffd70033;border:1px solid gold;border-radius:50%;color:gold;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;margin:0;padding:0;position:absolute!important;right:8px!important;top:8px!important;transition:background .2s ease,transform .2s ease;width:32px;z-index:10}.rf-ocr-locked__collapse-btn:hover{background:#ffd7004d;transform:scale(1.1)}.rf-ocr-locked__icon{align-items:center;background:linear-gradient(135deg,gold,orange);border-radius:50%;box-shadow:0 4px 8px #ffd7004d;color:#fff;display:flex;flex-shrink:0;font-size:28px;height:56px;justify-content:center;width:56px}.rf-ocr-locked__content{display:flex;flex-direction:column;gap:12px;width:100%}.rf-ocr-locked__title{color:var(--color-text);font-size:1.1rem;font-weight:600}.rf-ocr-locked__description,.rf-ocr-locked__title{word-wrap:break-word;margin:0;overflow-wrap:break-word}.rf-ocr-locked__description{color:var(--color-text-secondary);font-size:.9rem;line-height:1.5}.rf-ocr-locked__upgrade-btn{align-items:center;background:linear-gradient(135deg,gold,orange);border-radius:var(--radius-base);box-shadow:0 2px 6px #ffd7004d;color:#000;display:inline-flex;font-size:.875rem;font-weight:700;justify-content:center;max-width:100%;min-height:44px;padding:12px 20px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.rf-ocr-locked__upgrade-btn:hover{background:linear-gradient(135deg,orange,gold);box-shadow:0 4px 12px #ffd70080;transform:translateY(-2px)}.rf-ocr-error{background-color:#f8d7da;background-color:var(--color-danger-light,#f8d7da);border:1px solid #dc3545;border:1px solid var(--color-danger,#dc3545);border-radius:var(--radius-base);color:#721c24;color:var(--color-danger-dark,#721c24);margin-top:15px;padding:15px}.rf-ocr-error p{font-size:.9rem;margin:0}@media (max-width:768px){.rf-media-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.rf-media-placeholder,.rf-media-preview img{height:150px}.rf-ocr-btn{font-size:.8rem;padding:8px 12px}.rf-ocr-locked{padding:42px 14px 14px}.rf-ocr-locked--expanded{gap:14px}.rf-ocr-locked__icon{font-size:24px;height:50px;width:50px}.rf-ocr-locked__title{font-size:1rem}.rf-ocr-locked__description{font-size:.85rem}.rf-ocr-locked__toggle{padding:10px 14px}.rf-ocr-locked__toggle-text{font-size:.9rem}.rf-ocr-locked__upgrade-btn{font-size:.85rem;min-height:44px;padding:10px 16px}}@media (max-width:480px){.rf-media-grid{grid-template-columns:1fr}.rf-ocr-btn{flex-wrap:wrap;font-size:.85rem;justify-content:center;padding:10px 12px}.rf-ocr-locked{padding:40px 12px 12px}.rf-ocr-locked--expanded{gap:12px}.rf-ocr-locked__icon{font-size:22px;height:44px;width:44px}.rf-ocr-locked__title{font-size:.95rem;line-height:1.3}.rf-ocr-locked__description{font-size:.8rem;line-height:1.4}.rf-ocr-locked__toggle{padding:10px 12px}.rf-ocr-locked__toggle-text{font-size:.85rem}.rf-ocr-locked__toggle-icon{font-size:16px}.rf-ocr-locked__upgrade-btn{font-size:.8rem;min-height:44px;padding:10px 14px;width:100%}}.pet-report-progress{background-color:#f8f9fa;background-color:var(--progress-bg,#f8f9fa);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;box-shadow:0 2px 4px #0000000d;margin:1.5rem 0;padding:1.5rem}.progress-section{margin-bottom:1.5rem}.progress-section:last-child{margin-bottom:0}.progress-header{margin-bottom:.5rem}.progress-title{color:#333;color:var(--text-primary,#333);font-size:.875rem;font-weight:600}.progress-count{color:#6c757d;color:var(--text-muted,#6c757d);font-size:.875rem}.progress-bar{background-color:var(--progress-track,#e0e0e0);position:relative}.progress-fill{border-radius:4px}.basic-fill{background-color:#007bff;background-color:var(--primary-color,#007bff)}.extended-fill{background-color:#28a745;background-color:var(--success-color,#28a745)}.progress-complete{align-items:center;color:#28a745;color:var(--success-color,#28a745);display:flex;font-size:.813rem;font-weight:500;gap:.25rem;margin-top:.5rem}.dark .pet-report-progress{background-color:#2d3748;background-color:var(--dark-progress-bg,#2d3748);border-color:#4a5568;border-color:var(--dark-border-color,#4a5568)}.dark .progress-title{color:#e2e8f0;color:var(--dark-text-primary,#e2e8f0)}.dark .progress-count{color:#a0aec0;color:var(--dark-text-muted,#a0aec0)}.dark .progress-bar{background-color:#4a5568;background-color:var(--dark-progress-track,#4a5568)}@media (max-width:768px){.pet-report-progress{margin:1rem 0;padding:1rem}.progress-section{margin-bottom:1rem}}.rf-header{align-items:center;background:#fff;border-bottom:1px solid #eee;display:flex;margin-bottom:1rem;padding:.5rem 1rem}.rf-header__back-btn{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:.9rem;font-weight:500;margin-right:.5rem;padding:.5rem 1rem;transition:background-color .2s}.rf-header__back-btn:hover{background-color:#e0e0e0}.rf-header__back-btn:disabled{cursor:not-allowed;opacity:.7}.rf-header__submit-label{background-color:#ff4500;border-radius:4px;color:#fff;flex:1 1;font-size:.9rem;font-weight:600;padding:.5rem 1rem;text-align:center;text-transform:uppercase}.rf-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:0 auto;max-width:600px;padding:1rem}.rf-form-group{margin-bottom:var(--space-md);text-align:left}.rf-form-group__label{color:var(--color-text);display:block;font-weight:var(--font-weight-medium);margin-bottom:var(--space-xs);text-align:left}.rf-form-group__required{color:var(--color-danger);margin-left:var(--space-xs)}.rf-form-group__input,.rf-form-group__select,.rf-form-group__textarea{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:var(--font-size-base);padding:var(--space-sm);transition:border-color var(--transition-base),box-shadow var(--transition-base);width:100%}.rf-date-field__input-wrapper .rf-form-group__input,.rf-date-field__input-wrapper .rf-form-group__select{padding-left:calc(var(--space-lg) + var(--space-md))}.rf-form-group__input:focus,.rf-form-group__select:focus,.rf-form-group__textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #ff45001a;outline:none}.rf-form-group__textarea{min-height:150px;resize:vertical}.rf-form-group [type=text]{text-align:left}.rf-form-row{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:flex-start}.rf-form-row--date-time .rf-date-field{flex:3 1}.rf-form-row--date-time .rf-time-field{flex:2 1}.rf-form-group--error .rf-form-group__input,.rf-form-group--error .rf-form-group__select,.rf-form-group--error .rf-form-group__textarea{border-color:var(--color-danger)}.rf-form-group__error-message{color:var(--color-danger);display:block;font-size:var(--font-size-sm);margin-bottom:var(--space-sm);margin-top:var(--space-xs)}.rf-media-previews{grid-gap:var(--space-sm);display:grid;gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin-top:var(--space-sm)}.rf-media-preview{aspect-ratio:1;border:1px solid var(--color-border-light);border-radius:var(--radius-base);box-shadow:var(--shadow-sm);overflow:hidden;position:relative}.rf-media-preview__image{height:100%;object-fit:cover;width:100%}.rf-media-preview__remove{align-items:center;background:#000000b3;border:none;border-radius:var(--radius-round);color:var(--color-text-inverse);cursor:pointer;display:flex;font-size:var(--font-size-sm);height:24px;justify-content:center;position:absolute;right:4px;top:4px;width:24px}.rf-section{background-color:var(--color-bg);border-bottom:1px solid var(--color-border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);margin-bottom:var(--space-lg);padding:var(--space-md);text-align:left}.rf-section:last-of-type,.rf-section:nth-of-type(4){margin-top:var(--space-lg)}.rf-section:last-of-type{background-color:initial;border-bottom:none;box-shadow:none;margin-bottom:var(--space-lg);padding:0}.rf-section__title{align-items:center;border-bottom:1px solid var(--color-border-light);color:var(--color-text);display:flex;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);gap:var(--space-sm);margin-bottom:var(--space-md);margin-left:calc(var(--space-md)*-1);margin-right:calc(var(--space-md)*-1);padding-bottom:var(--space-sm);padding-left:var(--space-md);padding-right:var(--space-md);text-align:left}.rf-section__title span{margin-left:var(--space-sm)}.rf-actions{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:var(--space-lg);padding:var(--space-md) 0}.rf-actions__cancel-btn,.rf-actions__submit-btn{border-radius:4px;cursor:pointer;font-size:1rem;font-weight:500;min-width:150px;padding:.75rem 2rem;transition:background-color .2s}.rf-actions__cancel-btn{background-color:#f5f5f5;border:1px solid #ddd;color:#333}.rf-actions__cancel-btn:hover{background-color:#e0e0e0}.rf-actions__submit-btn{align-items:center;background-color:#ff4500;border:none;color:#fff;display:flex;justify-content:center;min-width:140px}.rf-actions__submit-btn:hover{background-color:#e63900}.rf-actions__cancel-btn:disabled,.rf-actions__submit-btn:disabled{cursor:not-allowed;opacity:.7}.rf-actions__spinner{animation:rf-spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;margin-right:.5rem;width:16px}.rf-form-group__note{color:var(--color-text-muted);display:block;font-size:var(--font-size-sm);margin-bottom:var(--space-xs);margin-top:var(--space-xs)}.rf-visibility-options{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-base);padding:var(--space-sm)}.rf-visibility-option{align-items:flex-start;display:flex;margin-bottom:var(--space-sm)}.rf-visibility-option__checkbox{margin-right:var(--space-sm);margin-top:var(--space-xs);width:auto}.rf-visibility-option__label{color:var(--color-text);font-weight:var(--font-weight-medium)}.rf-visibility-option__description{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:var(--space-xs) 0 0 calc(var(--space-md) + var(--space-sm))}.rf-description-guide{background-color:var(--color-bg-secondary);border-radius:var(--radius-base);margin-top:var(--space-xs);padding:var(--space-sm)}.rf-description-guide__tip{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.rf-file-upload{align-items:center;display:flex;margin-bottom:var(--space-sm)}.rf-file-upload__hint{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-left:var(--space-md)}.rf-spinner{animation:rf-spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:var(--radius-round);border-top:2px solid var(--color-text-inverse);display:inline-block;height:16px;margin-right:var(--space-sm);width:16px}@keyframes rf-spin{to{transform:rotate(1turn)}}.rf-ai-toggle{margin:var(--space-xs) 0;width:100%}.rf-ai-toggle,.rf-ai-toggle__label{align-items:center;display:flex;justify-content:flex-start}.rf-ai-toggle__label{color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);margin:0;-webkit-user-select:none;user-select:none}.rf-ai-toggle__checkbox{accent-color:#3949ab;cursor:pointer;height:16px;margin-left:0;width:16px}.rf-ai-toggle__checkbox,.rf-ai-toggle__text{margin-right:var(--space-sm)}.rf-ai-toggle__info-icon{color:var(--color-text-muted);cursor:help;font-size:var(--font-size-base);margin-left:auto}.rf-analyzing-indicator{align-items:flex-start;animation:rf-fadeIn .3s ease-out;background-color:#e8eaf6;border-left:4px solid #3949ab;border-radius:var(--radius-md);box-shadow:var(--shadow-xs);color:#3949ab;display:flex;font-size:var(--font-size-sm);margin:var(--space-sm) 0;padding:var(--space-sm) var(--space-sm)}.rf-analyzing-indicator__text{flex:1 1}.rf-analyzing-indicator__title{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-xs)}.rf-analyzing-indicator__subtitle{color:#5c6bc0;font-size:var(--font-size-xs)}@keyframes rf-fadeIn{0%{opacity:0}to{opacity:1}}.rf-analyzing-indicator__pulse-dot{animation:rf-pulse 1.5s infinite;background-color:#3949ab;border-radius:var(--radius-round);display:inline-block;flex-shrink:0;height:12px;margin-right:var(--space-sm);margin-top:3px;width:12px}.rf-status{border-radius:var(--radius-pill);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:calc(var(--space-xs) + var(--space-xxs)) var(--space-sm);text-transform:uppercase}.rf-status--open{background-color:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text)}.rf-status--closed{background-color:var(--color-success);color:var(--color-text-inverse)}.rf-ai-suggestions{animation:rf-slideIn .3s ease-out;background-color:#f8f9ff;border:1px solid #d1d9ff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin:var(--space-md) 0 var(--space-lg);padding:var(--space-md);position:relative;transition:all var(--transition-slow)}.rf-ai-suggestions--minimized{padding-bottom:var(--space-sm)}.rf-ai-suggestions--minimized .rf-ai-feedback,.rf-ai-suggestions--minimized .rf-suggestion-section,.rf-ai-suggestions--minimized .rf-suggestions-disclaimer{display:none}@keyframes rf-slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.rf-ai-suggestions__header{align-items:center;border-bottom:1px solid #e1e6ff;display:flex;justify-content:space-between;margin-bottom:var(--space-md);padding-bottom:var(--space-sm)}.rf-ai-suggestions__title{color:#3949ab;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.rf-ai-suggestions__controls,.rf-ai-suggestions__title{align-items:center;display:flex}.rf-ai-suggestions__close-btn,.rf-ai-suggestions__minimize-btn{align-items:center;background:none;border:none;border-radius:var(--radius-round);color:var(--color-text-muted);cursor:pointer;display:flex;font-size:var(--font-size-base);height:24px;justify-content:center;margin-left:5px;padding:4px;transition:all var(--transition-base);width:24px}.rf-ai-suggestions__close-btn:hover,.rf-ai-suggestions__minimize-btn:hover{background-color:var(--color-bg-secondary);color:var(--color-text-secondary)}.rf-ai-suggestions__icon{font-size:var(--font-size-xl);margin-right:var(--space-sm)}.rf-ai-suggestions__reset-btn{background:none;border:none;border-radius:var(--radius-base);color:var(--color-text-muted);cursor:pointer;font-size:var(--font-size-sm);margin-left:5px;padding:4px 8px;transition:all var(--transition-base)}.rf-ai-suggestions__reset-btn:hover{background-color:var(--color-bg-secondary);color:var(--color-text-secondary)}.rf-ai-suggestions__error{align-items:center;background-color:var(--color-danger-light);border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:space-between;margin-bottom:var(--space-md);padding:var(--space-sm)}.rf-ai-suggestions__error-text{align-items:center;color:var(--color-danger);display:flex;font-size:var(--font-size-base);gap:var(--space-sm);margin:0}.rf-ai-suggestions__error-icon{font-size:var(--font-size-lg)}.rf-ai-suggestions__retry-btn{background-color:#ffcdd2;border:1px solid var(--color-danger-border);border-radius:var(--radius-base);color:var(--color-danger);cursor:pointer;font-size:var(--font-size-sm);padding:calc(var(--space-xs) + var(--space-xxs)) var(--space-sm)}.rf-ai-suggestions__retry-btn:hover{background-color:var(--color-danger-border)}.rf-suggestion-section{border:1px solid #e1e6ff;border-radius:var(--radius-md);margin-bottom:var(--space-md);overflow:hidden;transition:all var(--transition-slow)}.rf-suggestion-section__header{align-items:center;background-color:#f0f4ff;cursor:pointer;display:flex;justify-content:space-between;padding:var(--space-sm);transition:background-color var(--transition-base)}.rf-suggestion-section__header:hover{background-color:#e4eaff}.rf-suggestion-section__title{align-items:center;color:#3949ab;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0}.rf-suggestion-section__icon{font-size:var(--font-size-lg);margin-right:var(--space-sm)}.rf-suggestion-section__expand-icon{align-items:center;color:#8c9eff;display:flex;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);height:24px;justify-content:center;width:24px}.rf-suggestion-section__content{background-color:var(--color-bg);border-top:1px solid #e1e6ff;padding:var(--space-sm)}.rf-report-type-warning{color:var(--color-primary);font-size:.9rem;font-weight:600;letter-spacing:.3px;margin-bottom:16px;margin-top:8px}.rf-report-type-suggestion{background-color:#f5f8ff;border-left:3px solid #3949ab;border-radius:var(--radius-md);margin-bottom:var(--space-sm);padding:var(--space-sm)}.rf-report-type-suggestion__display{display:flex;flex-direction:column;margin-bottom:var(--space-sm)}.rf-report-type-suggestion__name{color:#303f9f;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-xs)}.rf-report-type-suggestion__description{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.rf-category-suggestion{background-color:#f5f8ff;border-left:3px solid #3949ab;border-radius:var(--radius-md);padding:var(--space-sm)}.rf-category-suggestion__main{align-items:center;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);justify-content:space-between;margin-bottom:var(--space-sm)}.rf-category-suggestion__name{color:#303f9f;font-weight:var(--font-weight-semibold)}.rf-confidence-badge{border-radius:var(--radius-pill);display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--space-xxs) var(--space-sm);white-space:nowrap}.rf-confidence-badge--high{background-color:var(--color-success-light);color:var(--color-success)}.rf-confidence-badge--medium{background-color:var(--color-warning-light);color:#f57f17}.rf-confidence-badge--low{background-color:var(--color-danger-light);color:var(--color-danger)}.rf-category-suggestion__subcategory{align-items:center;background-color:var(--color-bg);border-radius:var(--radius-base);display:flex;flex-wrap:wrap;font-size:var(--font-size-sm);gap:var(--space-sm);margin-bottom:var(--space-sm);padding:var(--space-sm)}.rf-category-suggestion__arrow{color:#9fa8da}.rf-category-suggestion__detailed-name,.rf-category-suggestion__subcategory-name{color:#5c6bc0}.rf-suggestion-actions{align-items:center;display:flex;gap:var(--space-sm);margin-top:var(--space-sm)}.rf-suggestion-actions__apply-btn{align-items:center;background-color:#ed8936;border:1px solid #ed8936;border-radius:var(--radius-base);color:var(--color-text-inverse);cursor:pointer;display:flex;flex:1 1;font-size:var(--font-size-sm);height:36px;justify-content:center;padding:var(--space-sm) var(--space-md);transition:background-color var(--transition-base)}.rf-suggestion-actions__apply-btn:hover{background-color:#e07b30;border-color:#e07b30}.rf-suggestion-actions__apply-btn:disabled{background-color:#ed8936;border-color:#ed8936;color:var(--color-text-inverse);cursor:not-allowed;opacity:.5}.rf-suggestion-actions__applied-btn{align-items:center;background-color:var(--color-success);border:1px solid var(--color-success);border-radius:var(--radius-base);color:var(--color-text-inverse);cursor:default;display:flex;flex:1 1;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);height:36px;justify-content:center;padding:var(--space-sm) var(--space-md)}.rf-suggestion-actions--report-number .rf-suggestion-actions__applied-btn{background-color:var(--color-info-light);border-color:var(--color-info-border);color:var(--color-info)}.rf-suggestion-actions__decline-btn{align-items:center;background-color:initial;border:1px solid var(--color-danger);border-radius:var(--radius-base);color:var(--color-danger);cursor:pointer;display:flex;font-size:var(--font-size-sm);height:36px;justify-content:center;padding:var(--space-sm) var(--space-md);transition:background-color var(--transition-base)}.rf-suggestion-actions__decline-btn:hover{background-color:var(--color-danger-light)}.rf-suggestion-actions__decline-btn:disabled{cursor:not-allowed;opacity:.5}.rf-suggestion-actions__declined-btn{align-items:center;background-color:initial;border:1px solid var(--color-danger);border-radius:var(--radius-base);color:var(--color-danger);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);height:36px;justify-content:center;padding:var(--space-sm) var(--space-md)}.rf-suggestion-actions__applied-message,.rf-suggestion-actions__declined-message{display:none}.rf-extracted-info{display:flex;flex-direction:column;gap:var(--space-sm)}.rf-suggestion-item{background-color:#f5f8ff;border:1px solid #e1e6ff;border-radius:var(--radius-md);padding:var(--space-sm);transition:all var(--transition-base)}.rf-suggestion-item:hover{border-color:#9fa8da;box-shadow:var(--shadow-xs)}.rf-suggestion-item__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-sm)}.rf-suggestion-item__label{align-items:center;color:#3949ab;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-sm)}.rf-suggestion-item__icon--date,.rf-suggestion-item__icon--island,.rf-suggestion-item__icon--location,.rf-suggestion-item__icon--pr{color:#303f9f}.rf-suggestion-item__confidence{border-radius:var(--radius-base);color:var(--color-text-muted);font-size:var(--font-size-xs);padding:calc(var(--space-xxs) + var(--space-xxs)) calc(var(--space-xs) + var(--space-xxs))}.rf-suggestion-item__value{background-color:var(--color-bg);border:1px solid #e1e6ff;border-radius:var(--radius-base);font-size:var(--font-size-base);margin-bottom:var(--space-sm);padding:var(--space-sm);word-break:break-word}.rf-suggestion-item__apply-icon{margin-right:var(--space-sm)}.rf-ai-feedback{background-color:var(--color-info-light);border-radius:var(--radius-md);margin-top:var(--space-sm);padding:var(--space-sm)}.rf-ai-feedback__text{align-items:center;color:var(--color-info);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0 0 var(--space-sm) 0}.rf-ai-feedback__icon{font-size:var(--font-size-lg);margin-right:var(--space-sm)}.rf-ai-feedback__buttons{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.rf-ai-feedback__btn{background-color:#bbdefb;border:1px solid #90caf9;border-radius:var(--radius-pill);color:#0d47a1;cursor:pointer;flex:1 1;font-size:var(--font-size-sm);min-width:80px;padding:calc(var(--space-xs) + var(--space-xxs)) var(--space-sm);text-align:center;transition:all var(--transition-base)}.rf-ai-feedback__btn:hover{background-color:#90caf9}.rf-ai-feedback__btn--selected{background-color:#2196f3;border-color:#1976d2;color:var(--color-text-inverse)}.rf-ai-feedback__message{align-items:center;color:#1976d2;display:flex;font-size:var(--font-size-sm);justify-content:center;margin-top:var(--space-sm);text-align:center}.rf-ai-feedback__thanks-icon{margin-right:var(--space-sm)}.rf-suggestions-disclaimer{border-top:1px solid #e1e6ff;color:#7986cb;display:flex;font-size:var(--font-size-xs);justify-content:center;margin-top:var(--space-sm);padding-top:var(--space-sm);text-align:center}.rf-selection-feedback{align-items:center;animation:rf-fadeInOut 2s forwards;background-color:#2196f3e6;border-radius:var(--radius-base);box-shadow:var(--shadow-lg);color:var(--color-text-inverse);display:flex;font-size:var(--font-size-sm);gap:var(--space-sm);left:50%;padding:var(--space-sm) var(--space-lg);position:fixed;top:50%;transform:translate(-50%,-50%);z-index:var(--z-tooltip)}.rf-selection-feedback--fade-out{opacity:0;transition:opacity .5s}@keyframes rf-fadeInOut{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}@keyframes rf-highlightField{0%{background-color:var(--color-bg);border-color:var(--color-border)}50%{background-color:var(--color-info-light);border-color:#2196f3}to{background-color:var(--color-bg);border-color:var(--color-border)}}.rf-highlight-field{animation:rf-highlightField 2s ease;background-color:#ff9;border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a;transition:background-color .5s ease}@media (max-width:768px){.rf-form-row{flex-direction:column;gap:var(--space-sm)}.rf-suggestion-item{align-items:flex-start;flex-direction:column}.rf-suggestion-actions{flex-direction:column;width:100%}.rf-suggestion-actions__applied-btn,.rf-suggestion-actions__apply-btn,.rf-suggestion-actions__decline-btn,.rf-suggestion-actions__declined-btn{width:100%}.rf-ai-feedback__buttons{flex-direction:column}.rf-ai-feedback__btn{text-align:center;width:100%}.rf-suggestion-actions__apply-btn{font-size:var(--font-size-sm);padding:var(--space-xs)}}@media (max-width:480px){.rf-ai-suggestions{margin:var(--space-sm) 0 var(--space-md);padding:var(--space-sm)}.rf-ai-suggestions__title{font-size:var(--font-size-base)}.rf-suggestion-section__title{font-size:var(--font-size-sm)}.rf-category-suggestion,.rf-report-type-suggestion{padding:var(--space-sm)}.rf-category-suggestion__subcategory{font-size:var(--font-size-sm)}}.rf-form-group__input--applied{background-color:var(--color-success-light);border:2px solid var(--color-success)}@keyframes rf-pulse{0%{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}to{opacity:.5;transform:scale(.8)}}.rf-ai-trigger-section{background-color:initial;border-bottom:none;box-shadow:none;margin-bottom:var(--space-lg);margin-top:var(--space-md);padding:0}.rf-ai-trigger-button{background-color:var(--color-primary);border:none;border-radius:var(--radius-base);color:var(--color-text-inverse);cursor:pointer;display:block;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-md);text-align:center;transition:background-color var(--transition-base);width:100%}.rf-ai-trigger-button:hover:not(:disabled){background-color:var(--color-primary-hover)}.rf-ai-trigger-button:disabled{background-color:var(--color-primary);border:none;color:var(--color-text-inverse);cursor:not-allowed;opacity:.6}.rf-ai-trigger-note{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-style:italic;margin-bottom:0;margin-top:var(--space-sm);text-align:center}.dark-mode .rf-header{background-color:var(--color-bg-secondary);border-bottom-color:var(--color-border)}.dark-mode .rf-header__back-btn{background-color:var(--color-bg-tertiary);border-color:var(--color-border-light);color:var(--color-text)}.dark-mode .rf-header__back-btn:hover{background-color:#e0e0e0}.dark-mode .rf-header__submit-label{background-color:var(--color-primary-hover)}.dark-mode .rf-container{background-color:var(--color-bg-tertiary);box-shadow:var(--shadow-base)}.dark-mode .rf-form-group__label{color:var(--color-text)}.dark-mode .rf-form-group__input,.dark-mode .rf-form-group__select,.dark-mode .rf-form-group__textarea{background-color:var(--color-bg-secondary);border-color:var(--color-border-light);color:var(--color-text)}.dark-mode .rf-form-group__input::placeholder,.dark-mode .rf-form-group__textarea::placeholder{color:var(--color-text-muted)}.dark-mode .rf-form-group__input:focus,.dark-mode .rf-form-group__select:focus,.dark-mode .rf-form-group__textarea:focus{background-color:#303030;border-color:var(--color-primary);box-shadow:0 0 0 2px #ff450033}.dark-mode .rf-section{background-color:#3a3a3a;border-bottom-color:var(--color-border-light);box-shadow:var(--shadow-xs)}.dark-mode .rf-section:last-of-type{background-color:initial;border-bottom:none;box-shadow:none}.dark-mode .rf-section__title{border-bottom-color:var(--color-border-light);color:var(--color-text)}.dark-mode .rf-section__title span,.dark-mode .rf-section__title svg{color:var(--color-text)}.dark-mode .rf-actions__cancel-btn{background-color:var(--color-bg-hover);border-color:#666;color:var(--color-text)}.dark-mode .rf-actions__cancel-btn:hover{background-color:var(--color-border-light)}.dark-mode .rf-actions__submit-btn{background-color:var(--color-primary-hover);border:none;color:var(--color-text-inverse)}.dark-mode .rf-actions__submit-btn:hover{background-color:var(--color-primary)}.dark-mode .rf-form-group__note{color:var(--color-text-muted)}.dark-mode .rf-visibility-options{background-color:var(--color-bg-hover);border-color:#666}.dark-mode .rf-visibility-option__label{color:var(--color-text)}.dark-mode .rf-visibility-option__description{color:var(--color-text-muted)}.dark-mode .rf-description-guide{background-color:var(--color-bg-hover)}.dark-mode .rf-description-guide__tip{color:var(--color-text-secondary)}.dark-mode .rf-file-upload__hint{color:var(--color-text-muted)}.dark-mode .rf-media-preview{border-color:var(--color-border-light);box-shadow:0 1px 3px #ffffff1a}.dark-mode .rf-media-preview__remove{background:#000000b3;color:var(--color-text)}.dark-mode .rf-status--open{background-color:#3a3a3a;border-color:var(--color-border-light);color:var(--color-text)}.dark-mode .rf-status--closed{background-color:#1a3a1a;color:#c3e6cb}.dark-mode .rf-ai-toggle__label{color:var(--color-text)}.dark-mode .rf-ai-toggle__info-icon{color:var(--color-text-muted)}.dark-mode .rf-analyzing-indicator{background-color:#1a2a42;border-left:4px solid #3949ab;color:#a5b4fc}.dark-mode .rf-analyzing-indicator__subtitle{color:#a5b4fc}.dark-mode .rf-ai-suggestions{background-color:#192237;border-color:#2c3b5e;box-shadow:var(--shadow-md)}.dark-mode .rf-ai-suggestions__header{border-bottom-color:#2c3b5e}.dark-mode .rf-ai-suggestions__title{color:#a5b4fc}.dark-mode .rf-ai-suggestions__close-btn:hover,.dark-mode .rf-ai-suggestions__minimize-btn:hover{background-color:#2c3b5e;color:var(--color-text)}.dark-mode .rf-ai-suggestions__close-btn,.dark-mode .rf-ai-suggestions__reset-btn{color:var(--color-text-secondary)}.dark-mode .rf-ai-suggestions__close-btn:hover,.dark-mode .rf-ai-suggestions__reset-btn:hover{background-color:#2c3b5e;color:var(--color-text)}.dark-mode .rf-ai-suggestions__error{background-color:#3a1a1a}.dark-mode .rf-ai-suggestions__error-text{color:#f5c6cb}.dark-mode .rf-ai-suggestions__retry-btn{background-color:#5a2a2a;border-color:#a55;color:#f5c6cb}.dark-mode .rf-ai-suggestions__retry-btn:hover{background-color:#a55}.dark-mode .rf-suggestion-section__header{background-color:#1a2340}.dark-mode .rf-suggestion-section__header:hover{background-color:#2c3b5e}.dark-mode .rf-suggestion-section__title{color:#a5b4fc}.dark-mode .rf-suggestion-section__expand-icon{color:#8c9eff}.dark-mode .rf-suggestion-section__content{background-color:#192237;border-top-color:#2c3b5e}.dark-mode .rf-category-suggestion,.dark-mode .rf-report-type-suggestion,.dark-mode .rf-suggestion-item{background-color:#1a2340;border-color:#2c3b5e}.dark-mode .rf-category-suggestion__name,.dark-mode .rf-report-type-suggestion__name{color:#a5b4fc}.dark-mode .rf-report-type-suggestion__description{color:#b0bec5}.dark-mode .rf-category-suggestion__subcategory{background-color:#192237;border-color:#2c3b5e}.dark-mode .rf-category-suggestion__arrow,.dark-mode .rf-category-suggestion__detailed-name,.dark-mode .rf-category-suggestion__subcategory-name{color:#8c9eff}.dark-mode .rf-confidence-badge--high{background-color:#1b4332;color:#b7ebde}.dark-mode .rf-confidence-badge--medium{background-color:#854d0e;color:#fef3c7}.dark-mode .rf-confidence-badge--low{background-color:#7f1d1d;color:#fecaca}.dark-mode .rf-suggestion-item:hover{border-color:#8c9eff;box-shadow:var(--shadow-sm)}.dark-mode .rf-suggestion-item__icon--date,.dark-mode .rf-suggestion-item__icon--island,.dark-mode .rf-suggestion-item__icon--location,.dark-mode .rf-suggestion-item__icon--pr,.dark-mode .rf-suggestion-item__label{color:#a5b4fc}.dark-mode .rf-suggestion-item__confidence{color:var(--color-text-muted)}.dark-mode .rf-suggestion-item__value{background-color:#192237;border-color:#2c3b5e;color:var(--color-text)}.dark-mode .rf-suggestion-actions__apply-btn{background-color:#c05621;border-color:#c05621}.dark-mode .rf-suggestion-actions__apply-btn:hover{background-color:#dd6b20;border-color:#dd6b20}.dark-mode .rf-suggestion-actions__applied-btn{background-color:#2f855a;border-color:#2f855a}.dark-mode .rf-suggestion-actions--report-number .rf-suggestion-actions__applied-btn{background-color:#1a365d;border-color:#2b6cb0;color:#90cdf4}.dark-mode .rf-suggestion-actions__decline-btn{border-color:#fc8181;color:#fc8181}.dark-mode .rf-suggestion-actions__decline-btn:hover{background-color:#3a1a1a}.dark-mode .rf-suggestion-actions__declined-btn{border-color:#fc8181;color:#fc8181}.dark-mode .rf-ai-feedback{background-color:#1a365d}.dark-mode .rf-ai-feedback__text{color:#90cdf4}.dark-mode .rf-ai-feedback__btn{background-color:#2c5282;border-color:#2b6cb0;color:#ebf8ff}.dark-mode .rf-ai-feedback__btn:hover{background-color:#2b6cb0}.dark-mode .rf-ai-feedback__btn--selected{background-color:#4299e1;border-color:#3182ce;color:var(--color-text-inverse)}.dark-mode .rf-ai-feedback__message{color:#90cdf4}.dark-mode .rf-suggestions-disclaimer{border-top-color:#2c3b5e;color:#8c9eff}.dark-mode .rf-selection-feedback{background-color:#1976d2e6;box-shadow:var(--shadow-lg)}@keyframes rf-darkHighlightField{0%{background-color:var(--color-bg);border-color:var(--color-border)}50%{background-color:#1a2a42;border-color:#2196f3}to{background-color:var(--color-bg);border-color:var(--color-border)}}.dark-mode .rf-highlight-field{animation:rf-darkHighlightField 2s ease;background-color:#4d4d00;border-color:#2196f3;box-shadow:0 0 0 3px #2196f333}.dark-mode .rf-ai-trigger-button{background-color:var(--color-primary);border:none;color:var(--color-text-inverse)}.dark-mode .rf-ai-trigger-button:hover:not(:disabled){background-color:var(--color-primary-hover)}.dark-mode .rf-ai-trigger-button:disabled{background-color:var(--color-primary);border:none;color:var(--color-text-inverse);cursor:not-allowed;opacity:.5}.dark-mode .rf-ai-trigger-note{color:var(--color-text-secondary)}.dark-mode .rf-form-group__input--applied{background-color:#1a3a1a;border-color:#2f855a}.dark-mode .rf-form-group--error .rf-form-group__input,.dark-mode .rf-form-group--error .rf-form-group__select,.dark-mode .rf-form-group--error .rf-form-group__textarea{border-color:#f77}.dark-mode .rf-form-group__error-message{color:#f77}.dark-mode .rf-spinner{border-color:#0000004d;border-top-color:var(--color-text)}.dark-mode .rf-existing-photos__title{color:var(--color-text)}.rf-date-time-container{display:flex;gap:var(--space-md);width:100%}.rf-date-field{flex:1.5 1}.rf-time-field{flex:1 1}.rf-date-field__label,.rf-time-field__label{color:var(--color-text);display:block;font-weight:var(--font-weight-medium);margin-bottom:var(--space-xs)}.rf-date-field__input-wrapper,.rf-time-field__input-wrapper{align-items:center;display:flex;position:relative}.rf-date-field__icon,.rf-time-field__icon{color:var(--color-text-secondary);font-size:var(--font-size-sm);left:var(--space-sm);position:absolute;z-index:1}.rf-date-field__input,.rf-time-field__input{border:1px solid var(--color-border);border-radius:var(--radius-base);box-sizing:border-box;font-size:var(--font-size-base);padding:var(--space-sm) var(--space-sm) var(--space-sm) calc(var(--space-lg) + var(--space-md));transition:border-color var(--transition-base),box-shadow var(--transition-base);width:100%}.rf-date-field__input:focus,.rf-time-field__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #ff45001a;outline:none}.rf-date-field__input--error{border-color:var(--color-danger)}.dark-mode .rf-date-field__label,.dark-mode .rf-time-field__label{color:var(--color-text)}.dark-mode .rf-date-field__icon,.dark-mode .rf-time-field__icon{color:var(--color-text-muted)}.dark-mode .rf-date-field__input,.dark-mode .rf-time-field__input{background-color:var(--color-bg-secondary);border-color:var(--color-border);color:var(--color-text)}.dark-mode .rf-date-field__input:focus,.dark-mode .rf-time-field__input:focus{border-color:#ff6a33;box-shadow:0 0 0 2px #ff6a331a}.dark-mode .rf-date-field__input--error{border-color:#f77}@media (max-width:768px){.rf-date-time-container{flex-direction:column;gap:var(--space-sm)}.rf-date-field,.rf-time-field{flex:1 1}}@media (min-width:769px){.rf-container{max-width:1200px}}.rf-date-field__input[type=date],.rf-time-field__input[type=time]{-webkit-appearance:textfield;appearance:textfield;padding-right:40px;position:relative}.rf-date-field__input[type=date]::-webkit-calendar-picker-indicator,.rf-time-field__input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6}.rf-date-field__input[type=date]:hover::-webkit-calendar-picker-indicator,.rf-time-field__input[type=time]:hover::-webkit-calendar-picker-indicator{opacity:1}.rf-date-field__input[type=date]::-moz-calendar-picker-indicator,.rf-time-field__input[type=time]::-moz-calendar-picker-indicator{cursor:pointer}.checkbox-label-inline{align-items:center;cursor:pointer;display:inline-flex;font-weight:400;gap:8px;margin:0;padding:0}.checkbox-label-inline input[type=checkbox]{cursor:pointer;flex-shrink:0;height:16px;margin:0;vertical-align:middle;width:16px}.checkbox-label-inline span{display:inline-block;line-height:1.2;-webkit-user-select:none;user-select:none;vertical-align:middle}.visibility-options{text-align:left}.visibility-option{margin-bottom:12px;text-align:left}.visibility-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:8px;text-align:left}.rf-basic-submit{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:var(--radius-base);margin-bottom:var(--space-md);padding:var(--space-md);text-align:center}.rf-basic-submit__text{color:var(--color-text-secondary);font-size:var(--font-size-base);margin:0 0 var(--space-sm) 0}.rf-basic-submit__btn{background-color:#ff4500;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1.5rem;transition:background-color .2s}.rf-basic-submit__btn:hover:not(:disabled){background-color:#e63e00}.rf-basic-submit__btn:disabled{cursor:not-allowed;opacity:.7}.rf-visibility-preview{margin-top:var(--space-sm)}.rf-visibility-preview__card{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:var(--radius-base);padding:var(--space-md)}.rf-visibility-preview__badges{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-md)}.rf-visibility-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:.875rem;font-weight:500;gap:4px;padding:4px 12px}.rf-visibility-badge--public{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.rf-visibility-badge--private{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.rf-visibility-preview__info{margin-top:var(--space-sm)}.rf-visibility-preview__title{color:var(--color-text);font-weight:600;margin:0 0 var(--space-xs) 0}.rf-visibility-preview__list{list-style:none;margin:0;padding:0}.rf-visibility-preview__list li{color:var(--color-text-secondary);font-size:.9rem;padding:4px 0}.dark-mode .rf-visibility-preview__card{background-color:var(--color-bg-secondary);border-color:var(--color-border)}.dark-mode .rf-visibility-badge--public{background-color:#1e4620;border-color:#2d5a30;color:#b8e7be}.dark-mode .rf-visibility-badge--private{background-color:#4a1f24;border-color:#5d2a30;color:#f5b7bd}.rf-additional-details{margin-bottom:var(--space-lg);margin-top:var(--space-lg)}.rf-additional-details__instruction{color:var(--color-text-secondary);font-size:.95rem;margin-bottom:var(--space-md)}.rf-detail-item{background-color:#f9f9f9;border:1px solid var(--color-border);border-radius:6px;margin-bottom:var(--space-md);padding:var(--space-md);transition:background-color .2s}.rf-detail-item:hover{background-color:#f0f0f0}.rf-detail-item__label{cursor:pointer;display:flex;flex-direction:column;gap:var(--space-sm)}.rf-detail-item__checkbox{align-self:flex-start;cursor:pointer;height:18px;margin-right:var(--space-sm);width:18px}.rf-detail-item__heading{align-items:center;color:var(--color-text);display:flex;font-weight:600;margin-bottom:var(--space-xs)}.rf-detail-item__content{color:var(--color-text-secondary);line-height:1.5;margin-left:26px}.rf-detail-item__meta{color:var(--color-text-muted);font-size:.85rem;font-style:italic;margin-left:26px}.rf-detail-item__ocr-preview{background-color:#fff;border:1px solid var(--color-border);border-radius:4px;color:var(--color-text);font-family:Courier New,monospace;font-size:.9rem;margin-left:26px;padding:var(--space-sm);white-space:pre-wrap}.rf-additional-details__append-button{align-items:center;background-color:#ff4500;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:var(--space-sm);justify-content:center;margin-top:var(--space-md);padding:var(--space-md) var(--space-lg);transition:background-color .2s;width:100%}.rf-additional-details__append-button:hover:not(:disabled){background-color:#e03e00}.rf-additional-details__append-button:disabled{background-color:#ccc;color:#666;cursor:not-allowed}.rf-additional-details__append-icon{font-size:1.1rem}.rf-additional-details__note{color:var(--color-text-muted);font-size:.85rem;font-style:italic;margin-top:var(--space-md);text-align:center}.dark-mode .rf-detail-item{background-color:var(--color-bg-secondary);border-color:var(--color-border)}.dark-mode .rf-detail-item:hover{background-color:#2a2a2a}.dark-mode .rf-detail-item__ocr-preview{background-color:#1a1a1a;border-color:var(--color-border);color:var(--color-text)}.dark-mode .rf-additional-details__append-button{background-color:#ff4500;color:#fff}.dark-mode .rf-additional-details__append-button:hover:not(:disabled){background-color:#e03e00}.dark-mode .rf-additional-details__append-button:disabled{background-color:#444;color:#888}.enhancement-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;height:100vh;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;width:100vw;z-index:9999}.enhancement-modal{animation:modal-appear .3s ease;background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0000004d;margin:auto;max-height:80vh;max-width:500px;overflow-y:auto;position:relative;width:100%}@keyframes modal-appear{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.enhancement-modal-header{border-bottom:1px solid #e0e0e0;padding:15px 20px;text-align:center}.enhancement-modal-header h2{color:#2d68c4;font-size:20px;margin:0}.enhancement-modal-content{padding:20px}.enhancement-icon{font-size:32px;margin-bottom:15px;text-align:center}.enhancement-modal-content p{line-height:1.5;margin-bottom:15px}.enhancement-modal__benefits{list-style:none;margin:20px 0;padding:0}.enhancement-modal__benefits li{align-items:center;display:flex;margin-bottom:10px}.enhancement-modal__benefit-icon{align-items:center;background-color:#4caf50;border-radius:50%;color:#fff;display:inline-flex;font-size:14px;height:24px;justify-content:center;margin-right:10px;width:24px}.enhancement-modal__note{color:#666;font-size:.9em;font-style:italic}.enhancement-modal-footer{border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:15px 20px}.enhancement-modal__button{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s ease}.enhancement-modal__button--accept{background-color:#2d68c4;color:#fff}.enhancement-modal__button--accept:hover{background-color:#245aa9}.enhancement-modal__button--decline{background-color:#f0f0f0;color:#666}.enhancement-modal__button--decline:hover{background-color:#e0e0e0}@media (prefers-color-scheme:dark){.enhancement-modal{background-color:#2a2a2a;color:#f0f0f0}.enhancement-modal-header{border-bottom-color:#444}.enhancement-modal-header h2{color:#5a9eff}.enhancement-modal__note{color:#aaa}.enhancement-modal-footer{border-top-color:#444}.enhancement-modal__button--accept{background-color:#5a9eff;color:#111}.enhancement-modal__button--accept:hover{background-color:#4a8ae9}.enhancement-modal__button--decline{background-color:#444;color:#f0f0f0}.enhancement-modal__button--decline:hover{background-color:#555}}@media (max-width:576px){.enhancement-modal{width:95%}.enhancement-modal-footer{flex-direction:column-reverse;gap:10px}.enhancement-modal__button{width:100%}}.report-form-page{background-color:var(--color-bg);border-radius:8px;color:var(--color-text);font-family:var(--font-family);line-height:var(--line-height-base);margin:0 auto;max-width:1200px;min-height:100vh;padding:0;position:relative;transition:var(--transition-colors);width:100%}.report-form-page--full-width{margin:0;max-width:none}body.has-profile-background .report-form-page{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1rem}body.dark-mode .report-form-page{background-color:#2a2a2a;color:var(--color-text)}body.dark-mode.has-profile-background .report-form-page{background-color:#2a2a2af2}.report-form-page.reduced-motion *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.report-form-page.high-contrast{--color-border:#000;--color-text:#000;--color-bg:#fff}.report-form-page__skip-links{left:6px;position:absolute;top:-40px;z-index:1000}.report-form-page__skip-link{background:var(--color-primary);border-radius:var(--radius-base);color:#fff;height:1px;left:-10000px;overflow:hidden;padding:var(--space-sm) var(--space-md);position:absolute;text-decoration:none;top:auto;width:1px}.report-form-page__skip-link:focus{height:auto;overflow:visible;position:static;width:auto}.report-form-page__offline-banner{align-items:center;background-color:var(--color-warning);color:var(--color-warning-text);display:flex;gap:var(--space-sm);justify-content:center;left:0;padding:var(--space-sm);position:fixed;right:0;text-align:center;top:0;z-index:1001}.report-form-page__breadcrumb-row{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:var(--space-lg);padding:var(--space-md) var(--space-md)}.report-form-page__breadcrumbs{flex:1 1}.report-form-page__breadcrumbs ol{list-style:none;margin:0;padding:0}.report-form-page__breadcrumbs li,.report-form-page__breadcrumbs ol{align-items:center;display:flex;gap:var(--space-sm)}.report-form-page__breadcrumbs a{align-items:center;color:var(--color-primary);display:flex;font-size:var(--font-size-sm);gap:var(--space-xs);text-decoration:none}.report-form-page__breadcrumbs a:hover{text-decoration:underline}.report-form-page__breadcrumb-separator{color:var(--color-text-muted);font-size:var(--font-size-xs)}.report-form-page__share-button{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;padding:var(--space-sm);transition:var(--transition-colors)}.report-form-page__share-button:hover{background:var(--color-surface-hover)}.report-form-page__container{padding:var(--space-lg) var(--space-md);width:100%}.report-form-page__header{border-bottom:2px solid var(--color-primary);margin-bottom:2rem;padding:.5rem 1rem 1rem;position:relative;text-align:center}.report-form-page__header-content{width:100%}.report-form-page__header h1{color:var(--color-primary);font-size:2.5rem;margin:0 0 .5rem}.report-form-page__header p{color:var(--color-text-secondary);font-size:1.1rem;margin:0}.report-form-page__content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.report-form-page__form-container{padding:var(--space-xl)}.report-form-page__messages{align-items:center;display:flex;flex-direction:column;gap:var(--space-sm);left:50%;max-width:400px;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);width:100%;z-index:9999}.report-form-page__message{animation:slideIn .3s ease-out;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-base);box-shadow:var(--shadow-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-sm);padding:var(--space-md);pointer-events:auto}.report-form-page__message--success{background-color:var(--color-success);border-color:var(--color-success-border);color:var(--color-success-text)}.report-form-page__message--error{background-color:var(--color-error);border-color:var(--color-error-border);color:var(--color-error-text)}.report-form-page__message--info{background-color:var(--color-info);border-color:var(--color-info-border);color:var(--color-info-text)}.report-form-page__message--warning{background-color:var(--color-warning);border-color:var(--color-warning-border);color:var(--color-warning-text)}.report-form-page__loading{padding:var(--space-xl);text-align:center}.report-form-page__skeleton{margin:0 auto;max-width:800px}.report-form-page__skeleton-header{height:32px;margin-bottom:var(--space-lg)}.report-form-page__skeleton-header,.report-form-page__skeleton-text{animation:skeleton-pulse 1.5s ease-in-out infinite alternate;background:var(--color-surface-hover);border-radius:var(--radius-base)}.report-form-page__skeleton-text{height:16px;margin-bottom:var(--space-md)}.report-form-page__skeleton-text--short{width:60%}.report-form-page__skeleton-cards{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:var(--space-xl)}.report-form-page__skeleton-card{animation:skeleton-pulse 1.5s ease-in-out infinite alternate;background:var(--color-surface-hover);border-radius:var(--radius-lg);height:200px}.report-form-page__toast{animation:toastSlideIn .3s ease-out;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-base);box-shadow:var(--shadow-lg);min-width:300px;position:fixed;right:var(--space-lg);top:var(--space-lg);z-index:1050}.report-form-page__toast-content{align-items:center;display:flex;gap:var(--space-sm);padding:var(--space-md)}.report-form-page__toast--success{border-left:4px solid var(--color-success)}.report-form-page__toast--error{border-left:4px solid var(--color-error)}.report-form-page__toast--warning{border-left:4px solid var(--color-warning)}.report-form-page__toast--info{border-left:4px solid var(--color-info)}.report-form-page__toast-close{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:var(--font-size-lg);padding:var(--space-xs);position:absolute;right:var(--space-sm);top:var(--space-sm)}.report-form-page__toast-close:hover{color:var(--color-text)}.report-form-page__error{padding:var(--space-xl);text-align:center}.report-form-page__error h2{color:var(--color-error);margin-bottom:var(--space-md)}.report-form-page__button{align-items:center;border:none;border-radius:var(--radius-base);cursor:pointer;display:inline-flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:var(--space-sm);padding:var(--space-md) var(--space-lg);text-decoration:none;transition:var(--transition-colors)}.report-form-page__button,.report-form-page__button--primary{background:var(--color-primary);color:#fff}.report-form-page__button:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.report-form-page__button:active{transform:translateY(0)}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes skeleton-pulse{0%{opacity:.6}to{opacity:1}}@media (max-width:768px){.report-form-page__breadcrumb-row{align-items:flex-start;flex-direction:column;gap:var(--space-sm)}.report-form-page__breadcrumb-row,.report-form-page__container{padding:var(--space-md) var(--space-sm)}.report-form-page__form-container{padding:var(--space-lg)}.report-form-page__messages{max-width:calc(100vw - 32px);padding:0 var(--space-md);width:calc(100% - 32px)}.report-form-page__toast{left:var(--space-sm);min-width:auto;right:var(--space-sm)}.report-form-page__skeleton-cards{grid-template-columns:1fr}}@media (max-width:400px){.report-form-page__container{padding:var(--space-sm)}.report-form-page__form-container{padding:var(--space-md)}}@media print{.report-form-page__breadcrumbs,.report-form-page__messages,.report-form-page__offline-banner,.report-form-page__share-button,.report-form-page__toast{display:none}}[data-low-battery=true] .report-form-page{animation:none}[data-low-battery=true] .report-form-page *{animation:none;transition:none}.save-data .report-form-page__message,.save-data .report-form-page__skeleton{animation:none}@media (prefers-contrast:high){.report-form-page__button{border:2px solid}.report-form-page__message,.report-form-page__toast{border-width:2px}}.focus-visible .report-form-page__button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.focus-visible .report-form-page__share-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.report-form-page__feature-banner{background-color:#4caf50;color:#fff;font-weight:700;left:0;padding:8px;position:fixed;right:0;text-align:center;top:0;z-index:1000}.report-form-page__title{color:#333;font-size:1.75rem;margin:0}.report-form-page__back-btn{align-items:center;display:flex;font-size:.9rem;padding:.5rem 1rem}.report-form-page__details{margin-bottom:1.5rem}.report-form-page__details label{color:#333;display:block;font-weight:500;margin-bottom:.5rem}.report-form-page__details input,.report-form-page__details select,.report-form-page__details textarea{background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem;width:100%}.report-form-page__details input:focus,.report-form-page__details select:focus,.report-form-page__details textarea:focus{border-color:#ff4500;box-shadow:0 0 0 2px #ff45001a;outline:none}.dark .report-form-page{background-color:#1a1a1a}.dark .report-form-page__title{color:#e0e0e0}.dark .report-form-page__form-container{background-color:#2a2a2a;box-shadow:0 2px 8px #ffffff1a;color:#e0e0e0}.dark .report-form-page__message{box-shadow:0 2px 5px #fff3}.dark .report-form-page__details{color:#e0e0e0}.dark .report-form-page__details label{color:#e0e0e0!important}.dark .report-form-page__details input,.dark .report-form-page__details select,.dark .report-form-page__details textarea{background-color:#1a1a1a!important;border-color:#444!important;color:#e0e0e0!important}.dark .report-form-page__details input:focus,.dark .report-form-page__details select:focus,.dark .report-form-page__details textarea:focus{border-color:#ff4500!important;box-shadow:0 0 0 2px #ff450033!important}@media (max-width:768px){.report-form-page__back-btn{align-self:flex-start}}.complete-profile-page{background-color:#f5f5f5;min-height:100vh}.complete-profile__container{margin:0 auto;max-width:600px;padding:2rem 1rem}.complete-profile__form-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:2rem}h1{color:#333;font-size:1.75rem;margin-bottom:.5rem;text-align:center}.complete-profile__subtitle{color:#666;margin-bottom:2rem;text-align:center}.complete-profile__error-message{background-color:#f8d7da;border-radius:4px;color:#721c24;margin-bottom:1.5rem;padding:.75rem}.complete-profile__form-group{margin-bottom:1.5rem}label{color:#333;display:block;font-weight:500;margin-bottom:.5rem}.complete-profile-form input[type=tel],.complete-profile-form input[type=text],.complete-profile-form select,.complete-profile-form textarea,.complete-profile__form input[type=tel],.complete-profile__form input[type=text],.complete-profile__form select,.complete-profile__form textarea{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem;transition:border-color .2s;width:100%}.complete-profile-form input[type=tel]:focus,.complete-profile-form input[type=text]:focus,.complete-profile-form select:focus,.complete-profile-form textarea:focus,.complete-profile__form input[type=tel]:focus,.complete-profile__form input[type=text]:focus,.complete-profile__form select:focus,.complete-profile__form textarea:focus{border-color:#ff4500;outline:none}.complete-profile__form-group--notification label{margin-bottom:10px}.complete-profile__notification-options{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr;width:120px}.complete-profile__notification-option{align-items:center;display:grid;grid-template-columns:auto 24px}.complete-profile__option-label{grid-column:1;margin:0;padding-right:5px}.complete-profile__notification-option input[type=radio]{grid-column:2;justify-self:start;margin:0}.complete-profile__form-actions{display:flex;gap:1rem;margin-top:2rem}.complete-profile__btn--primary{background-color:#ff4500;border:none;border-radius:4px;color:#fff;cursor:pointer;flex:2 1;font-size:1rem;font-weight:500;padding:.75rem}.complete-profile__btn--primary:hover{background-color:#e63900}.complete-profile__btn--secondary{background-color:#e0e0e0;border:none;border-radius:4px;color:#333;cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;padding:.75rem}.complete-profile__btn--secondary:hover{background-color:#d0d0d0}.btn-primary:disabled,.btn-secondary:disabled{opacity:.7}@media (max-width:480px){.complete-profile__form-container{padding:1.5rem}.complete-profile__form-actions{flex-direction:column}.btn-primary,.complete-profile__btn--secondary{width:100%}}.complete-profile__form-section{background-color:#fafafa;border:1px solid #e0e0e0;border-radius:6px;margin-bottom:2rem;padding:1.5rem}.form-section legend{color:#ff4500;font-size:1.2rem;font-weight:600;margin-left:-.5rem;padding:0 .5rem}.section-description{color:#555;font-size:.9rem;margin-bottom:1.5rem;margin-top:-.5rem}.field-description{color:#777;font-size:.85rem;margin-bottom:.5rem;margin-top:-.25rem}.field-description.warning{color:#b77a00;font-weight:500}.name-group{display:flex;gap:1rem}.complete-profile__name-field{flex:1 1}.complete-profile__name-field--middle-initial{flex:0 0 50px}.address-inline{display:flex;flex-wrap:wrap;gap:1rem}.complete-profile__address-field{flex:1 1}.complete-profile__address-field--city{flex-grow:2}.complete-profile__address-field--state{min-width:100px}.complete-profile__address-field--zip{min-width:120px}.complete-profile__checkbox-group{margin-top:1rem}.complete-profile__checkbox-group--crime-types{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));justify-items:start}.complete-profile__checkbox-group--contact-prefs{display:flex;flex-direction:column;gap:.75rem}.checkbox-item{align-items:center;display:flex;gap:.5rem;justify-content:flex-start;width:100%}.checkbox-item input[type=checkbox]{accent-color:#ff4500;height:18px;width:18px}.checkbox-item label{color:#444;font-weight:400;margin-bottom:0}.verify-email-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.verify-email-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;max-width:500px;padding:40px;text-align:center;width:100%}.dark .verify-email-container{background:var(--dark-bg-secondary);color:var(--dark-text)}.verify-email-icon{align-items:center;background:#ff4500;border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 30px;width:80px}.verify-email-icon svg{color:#fff;height:40px;width:40px}.verify-email-container h1{color:#333;font-size:28px;margin-bottom:20px}.dark .verify-email-container h1{color:var(--dark-text)}.verify-description{color:#666;font-size:16px;margin-bottom:10px}.dark .verify-description{color:var(--dark-text-secondary)}.verify-description strong{color:#333;font-weight:600}.dark .verify-description strong{color:var(--dark-text)}.verify-instructions{color:#666;font-size:14px;margin-bottom:30px}.dark .verify-instructions{color:var(--dark-text-secondary)}.alert{border-radius:8px;margin-bottom:20px}.alert-info{background:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.verify-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:30px}.btn-primary,.btn-secondary{padding:12px 24px;transition:all .3s ease;width:100%}.btn-primary:hover:not(:disabled){background:#e63e00}.btn-secondary{background:#0000;border:2px solid #ff4500;color:#ff4500}.btn-secondary:hover:not(:disabled){background:#ff4500;color:#fff}.verify-tips{background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:20px;text-align:left}.dark .verify-tips{background:var(--dark-bg-tertiary)}.verify-tips h3{color:#333;font-size:16px;margin-bottom:12px}.dark .verify-tips h3{color:var(--dark-text)}.verify-tips ul{color:#666;margin:0;padding-left:20px}.dark .verify-tips ul{color:var(--dark-text-secondary)}.verify-tips li{font-size:14px;margin-bottom:8px}.verify-footer{color:#666;font-size:14px}.dark .verify-footer{color:var(--dark-text-secondary)}.verify-footer a{color:#ff4500;font-weight:500;text-decoration:none}.verify-footer a:hover{text-decoration:underline}@media (max-width:600px){.verify-email-container{padding:30px 20px}.verify-email-container h1{font-size:24px}.verify-email-icon{height:60px;width:60px}.verify-email-icon svg{height:30px;width:30px}}.verify-email-page__skip-links{position:relative}.verify-email-page__skip-link{background:var(--color-primary);border-radius:var(--radius-base);color:#fff!important;font-weight:500;left:-9999px;padding:8px 16px;position:absolute;text-decoration:none;top:0;z-index:100}.verify-email-page__skip-link:focus{box-shadow:var(--shadow-lg);left:50%;top:10px;transform:translateX(-50%)}.verify-email-page__offline-banner{align-items:center;background-color:var(--color-warning);box-shadow:var(--shadow-md);color:#fff;display:flex;font-weight:500;gap:.5rem;justify-content:center;left:0;padding:.75rem;position:fixed;right:0;text-align:center;top:0;z-index:1100}.verify-email-page__toast{align-items:center;animation:slideIn .3s ease-out;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);bottom:2rem;box-shadow:var(--shadow-lg);display:flex;gap:1rem;max-width:400px;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:1200}.verify-email-page__toast-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.verify-email-page__toast-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s ease}.verify-email-page__toast-close:hover{color:var(--color-text)}.verify-email-page__toast--success{border-color:var(--color-success)}.verify-email-page__toast--success svg{color:var(--color-success)}.verify-email-page__toast--warning{border-color:var(--color-warning)}.verify-email-page__toast--warning svg{color:var(--color-warning)}.verify-email-page__toast--error{border-color:var(--color-danger)}.verify-email-page__toast--error svg{color:var(--color-danger)}.verify-email-page__toast--info{border-color:var(--color-info)}.verify-email-page__toast--info svg{color:var(--color-info)}.verify-email-page__loading{padding:2rem 1rem}.verify-email-page__skeleton{animation:skeleton-loading 1.5s ease-in-out infinite}.verify-email-page__skeleton-header,.verify-email-page__skeleton-text{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--radius-base)}.verify-email-page__skeleton-header{height:3rem;margin:0 auto 2rem;width:60%}.verify-email-page__skeleton-text{height:1rem;margin-bottom:1rem;margin-left:auto;margin-right:auto;width:80%}body.dark-mode .verify-email-page__skeleton-header,body.dark-mode .verify-email-page__skeleton-text{background:linear-gradient(90deg,#3a3a3a 25%,#4a4a4a 50%,#3a3a3a 75%)}.verify-email-page__error{margin:0 auto;max-width:600px;padding:3rem 1rem;text-align:center}.verify-email-page__error h2{color:var(--color-danger);margin-bottom:1rem}.verify-email-page__error p{color:var(--color-text-secondary);margin-bottom:2rem}.verify-footer__signout-button{background:none;border:none;color:#ff4500;cursor:pointer;font:inherit;padding:0;text-decoration:underline;transition:color .2s ease}.verify-footer__signout-button:hover{color:#e63e00}.verify-footer__signout-button:focus-visible{border-radius:2px;outline:2px solid #ff4500;outline-offset:2px}@media (max-width:600px){.verify-email-page__toast{bottom:1rem;left:1rem;max-width:none;right:1rem}}@media print{.verify-email-page__offline-banner,.verify-email-page__skip-link,.verify-email-page__toast{display:none}}.detail-card{background-color:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:20px;overflow:hidden}.detail-card__header{align-items:center;background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;padding:15px 20px}.detail-card__title{color:var(--color-text);font-size:1.2rem;font-weight:600;margin:0}.detail-card__content{padding:20px}.detail-card__field{background-color:var(--color-bg-tertiary);border:2px solid #0000;border-radius:var(--radius-base);margin-bottom:15px;padding:15px;transition:all .3s ease}.detail-card__field--confirmed{background-color:#2e7d320d;border-color:var(--color-success)}.detail-card__field-label{color:var(--color-text);font-size:.95rem;font-weight:600;margin-bottom:10px}.detail-card__field-content{display:flex;flex-direction:column;gap:10px}.detail-card__extracted-value{display:flex;flex-direction:column;gap:5px}.detail-card__extracted-value--high{border-left:4px solid var(--color-success);padding-left:10px}.detail-card__extracted-value--medium{border-left:4px solid var(--color-warning);padding-left:10px}.detail-card__extracted-value--low{border-left:4px solid var(--color-danger);padding-left:10px}.detail-card__extracted-label{color:var(--color-text-secondary);font-size:.85rem}.detail-card__extracted-text{color:var(--color-text);font-size:1rem;font-weight:500}.detail-card__confidence{background-color:var(--color-bg-secondary);border-radius:var(--radius-sm);height:4px;margin-top:5px;overflow:hidden;width:100%}.detail-card__confidence-bar{background-color:var(--color-primary);height:100%;transition:width .3s ease}.detail-card__actions{align-items:center;display:flex;gap:10px;margin-top:10px}.detail-card__button{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;font-size:.85rem;font-weight:500;padding:6px 14px;transition:all .2s ease}.detail-card__button--confirm{background-color:var(--color-success);border-color:var(--color-success);color:var(--color-text-inverse)}.detail-card__button--confirm:hover{background-color:#27ae60;transform:translateY(-1px)}.detail-card__button--confirm-all{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.detail-card__button--confirm-all:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}.detail-card__button--reject{background-color:var(--color-bg-secondary);color:var(--color-text-secondary)}.detail-card__button--reject:hover{background-color:var(--color-bg-hover)}.detail-card__button--edit{background-color:var(--color-bg);border-color:var(--color-primary);color:var(--color-primary)}.detail-card__button--edit:hover{background-color:var(--color-primary);color:var(--color-text-inverse)}.detail-card__input{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);flex:1 1;font-size:.9rem;padding:6px 10px}.detail-card__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #ff45001a;outline:none}.detail-card__confirmed{align-items:center;background-color:#2e7d321a;border-radius:var(--radius-base);display:flex;gap:10px;padding:8px 12px}.detail-card__confirmed-label{color:var(--color-text-secondary);font-size:.85rem;font-weight:500}.detail-card__confirmed-value{color:var(--color-text);flex:1 1;font-size:.95rem;font-weight:500}.detail-card__confirmed-na{color:var(--color-text-muted);flex:1 1;font-size:.95rem;font-style:italic}.detail-card__no-value{color:var(--color-text-secondary);font-size:.9rem}.detail-card__manual-entry{align-items:center;display:flex;gap:10px;margin-top:10px}.dark-mode .detail-card{background-color:var(--color-bg-secondary);box-shadow:var(--shadow-md)}.dark-mode .detail-card__header{background-color:var(--color-bg-tertiary)}.dark-mode .detail-card__field{background-color:var(--color-bg)}.dark-mode .detail-card__field--confirmed{background-color:#2e7d321a}.dark-mode .detail-card__confirmed{background-color:#2e7d3226}.detail-card--urgency-high{border-left:4px solid var(--color-danger)}.detail-card--urgency-medium{border-left:4px solid var(--color-warning)}.detail-card--urgency-normal{border-left:4px solid var(--color-primary)}.detail-card__badge{border-radius:var(--radius-full);font-size:.8rem;font-weight:600;padding:4px 12px;text-transform:uppercase}.detail-card__badge--lost{background-color:var(--color-type-lost);color:var(--color-text-inverse)}.detail-card__badge--found{background-color:var(--color-type-found);color:var(--color-text-inverse)}.detail-card__badge--stray{background-color:var(--color-type-injured);color:var(--color-text-inverse)}.detail-card__badge--injured{background-color:var(--color-danger);color:var(--color-text-inverse)}.detail-card__badge--default{background-color:var(--color-secondary);color:var(--color-text-inverse)}.detail-card__recommendations{background-color:var(--color-bg-tertiary);border-radius:var(--radius-base);margin-top:20px;padding:15px}.detail-card__recommendations-title{color:var(--color-text);font-size:1rem;font-weight:600;margin:0 0 10px}.detail-card__recommendations-list{margin:0;padding-left:20px}.detail-card__recommendations-item{color:var(--color-text-secondary);margin-bottom:5px}.detail-card__shelter-info{background-color:var(--color-info);background-color:#17a2b81a;border:1px solid var(--color-info);border-radius:var(--radius-base);margin-top:20px;padding:15px}.detail-card__shelter-title{color:var(--color-text);font-size:1rem;font-weight:600;margin:0 0 10px}.detail-card__shelter-details{display:flex;flex-direction:column;gap:5px}.detail-card__shelter-contact,.detail-card__shelter-name{color:var(--color-text-secondary);font-size:.9rem;margin:0}.detail-card__shelter-contact a{color:var(--color-primary);text-decoration:none}.detail-card__shelter-contact a:hover{text-decoration:underline}.detail-card__location-map{background-color:var(--color-bg-tertiary);border-radius:var(--radius-base);margin-top:20px;padding:15px;text-align:center}.detail-card__map-placeholder{align-items:center;display:flex;flex-direction:column;gap:10px}.detail-card__map-text{color:var(--color-text-secondary);margin:0}@media (max-width:768px){.detail-card{margin-bottom:15px}.detail-card__header{align-items:flex-start;flex-direction:column;gap:10px}.detail-card__content{padding:15px}.detail-card__field{padding:12px}.detail-card__actions{flex-wrap:wrap}.detail-card__button{font-size:.8rem;padding:5px 10px}.detail-card__manual-entry{align-items:stretch;flex-direction:column}.detail-card__input{width:100%}.detail-card__badge{font-size:.7rem;padding:3px 8px}}.extracted-details{margin:0 auto;max-width:1200px;width:100%}.extracted-details__header{margin-bottom:25px;text-align:center}.extracted-details__title{color:var(--color-text);font-size:1.8rem;margin-bottom:10px}.extracted-details__description{color:var(--color-text-secondary);font-size:1rem;margin:0 auto 15px;max-width:800px}.extracted-details__confidence-legend{display:flex;gap:20px;justify-content:center;margin:15px 0}.extracted-details__legend-item{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.9rem}.extracted-details__legend-color{border-radius:var(--radius-sm);height:15px;margin-right:5px;width:15px}.extracted-details__legend-color--high{background-color:var(--color-success)}.extracted-details__legend-color--medium{background-color:var(--color-warning)}.extracted-details__legend-color--low{background-color:var(--color-danger)}.extracted-details__progress{margin-top:15px;text-align:center}.extracted-details__progress-label{color:var(--color-text-secondary);display:block;font-size:.9rem;margin-bottom:5px}.extracted-details__progress-container{background-color:var(--color-bg-secondary);border-radius:var(--radius-sm);height:6px;margin:0 auto;max-width:300px;overflow:hidden;width:100%}.extracted-details__progress-bar{background-color:var(--color-primary);height:100%;transition:width .3s ease}.extracted-details__sections{display:flex;flex-direction:column;gap:20px}.extracted-details__section{background-color:var(--color-bg-tertiary);border-left:4px solid #0000;border-radius:var(--radius-base);box-shadow:var(--shadow-sm);padding:20px;transition:border-color .3s ease}.extracted-details__section--completed{border-left-color:var(--color-success)}.extracted-details__section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.extracted-details__section-title{color:var(--color-text);font-size:1.2rem;margin:0}.extracted-details__section-actions{display:flex;gap:10px}.extracted-details__button{border:none;border-radius:var(--radius-base);cursor:pointer;font-size:.85rem;font-weight:500;padding:var(--space-xs) var(--space-sm);transition:all .2s ease}.extracted-details__button--confirm-all{background-color:var(--color-primary);color:var(--color-text-inverse)}.extracted-details__button--confirm-all:hover{background-color:var(--color-primary-hover)}.extracted-details__button--complete{background-color:var(--color-success);color:var(--color-text-inverse)}.extracted-details__button--complete:hover{background-color:var(--color-success-hover)}.extracted-details__button--skip{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-secondary)}.extracted-details__button--skip:hover{background-color:var(--color-bg-hover)}.extracted-details__empty-state{color:var(--color-text-secondary);padding:40px 20px;text-align:center}.extracted-details__empty-icon{font-size:3rem;margin-bottom:15px;opacity:.5}.extracted-details__empty-text{font-size:1rem}.extracted-details__footer{align-items:center;border-top:1px solid var(--color-border-light);display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px}.extracted-details__footer-description{color:var(--color-text-secondary);font-size:14px;margin:0}.extracted-details__complete-button{background-color:var(--color-primary);border:none;border-radius:var(--radius-base);color:var(--color-text-inverse);cursor:pointer;font-size:1rem;font-weight:600;padding:var(--space-sm) var(--space-lg);transition:all .3s ease}.extracted-details__complete-button:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.extracted-details__complete-button:disabled{background-color:var(--color-bg-secondary);box-shadow:none;color:var(--color-text-muted);cursor:not-allowed;transform:none}.extracted-details__loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.extracted-details__loading-spinner{animation:extracted-details-spin 1s linear infinite;border:4px solid var(--color-border-light);border-radius:50%;border-top-color:var(--color-primary);height:40px;margin-bottom:20px;width:40px}@keyframes extracted-details-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.extracted-details__loading-text{color:var(--color-text-secondary);font-size:1rem}.dark-mode .extracted-details__section{background-color:var(--color-bg-secondary);box-shadow:var(--shadow-md)}@media (max-width:768px){.extracted-details__title{font-size:1.5rem}.extracted-details__description{font-size:.9rem}.extracted-details__confidence-legend{flex-wrap:wrap;gap:10px}.extracted-details__section{padding:15px}.extracted-details__section-header{align-items:flex-start;flex-direction:column;gap:10px}.extracted-details__section-actions{justify-content:flex-start;width:100%}.extracted-details__button{font-size:.8rem;padding:6px 12px}}.extracted-details__section-content{display:flex;flex-direction:column;gap:15px}.extracted-details__field{background-color:var(--color-bg-secondary);border:2px solid #0000;border-radius:var(--radius-base);padding:15px;transition:border-color .3s ease}.extracted-details__field--confirmed{border-color:var(--color-success)}.extracted-details__field--high-confidence{border-left:4px solid var(--color-success)}.extracted-details__field--medium-confidence{border-left:4px solid var(--color-warning)}.extracted-details__field--low-confidence{border-left:4px solid var(--color-danger)}.extracted-details__field-label{color:var(--color-text);font-weight:600;margin-bottom:10px}.extracted-details__field-content{display:flex;flex-direction:column;gap:10px}.extracted-details__extracted-value{color:var(--color-text-secondary);margin-bottom:10px}.extracted-details__extracted-value strong{color:var(--color-text);margin-left:5px}.extracted-details__confidence-indicator{background-color:var(--color-bg-tertiary);border-radius:var(--radius-sm);height:4px;margin-top:5px;overflow:hidden;width:100%}.extracted-details__confidence-bar{background-color:var(--color-primary);height:100%;transition:width .3s ease}.extracted-details__confirmation-actions{align-items:center;display:flex;gap:10px}.extracted-details__confirm-button,.extracted-details__edit-button,.extracted-details__not-applicable-button{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);cursor:pointer;font-size:.85rem;padding:6px 12px;transition:all .2s ease}.extracted-details__confirm-button{background-color:var(--color-success);border-color:var(--color-success);color:var(--color-text-inverse)}.extracted-details__confirm-button:hover{background-color:var(--color-success-hover)}.extracted-details__not-applicable-button:hover{background-color:var(--color-bg-hover)}.extracted-details__edit-button{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.extracted-details__edit-button:hover{background-color:var(--color-primary-hover)}.extracted-details__edit-input{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);flex:1 1;font-size:.9rem;padding:6px 10px}.extracted-details__confirmed-value{color:var(--color-text);font-size:.95rem}.extracted-details__na-value{color:var(--color-text-muted);font-style:italic}.extracted-details__no-value-detected{color:var(--color-text-secondary);font-size:.9rem}.extracted-details__add-manual{display:flex;gap:10px;margin-top:10px}.extracted-details__no-data-message{color:var(--color-text-secondary);padding:20px;text-align:center}.extracted-details__no-data-message p{margin:5px 0}.detail-form{margin-bottom:20px;width:100%}.detail-form__description{margin-bottom:15px}.detail-form__description-text{color:var(--color-text-secondary);font-size:.95rem;line-height:1.4;margin:0}.detail-form__content{display:flex;flex-direction:column;gap:20px}.detail-form__section{background-color:var(--color-bg-tertiary);border-radius:var(--radius-base);box-shadow:var(--shadow-sm);padding:15px}.detail-form__section-title{border-bottom:1px solid var(--color-border);color:var(--color-text);font-size:1.1rem;margin-bottom:15px;margin-top:0;padding-bottom:8px}.detail-form__row{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px}.detail-form__field{flex:1 1;min-width:250px}.detail-form__field--full-width{flex-basis:100%}.detail-form__label{color:var(--color-text);display:block;font-size:.9rem;font-weight:500;margin-bottom:5px}.detail-form__input,.detail-form__select,.detail-form__textarea{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:.95rem;padding:10px;transition:border-color .2s ease;width:100%}.detail-form__input:focus,.detail-form__select:focus,.detail-form__textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #ff45001a;outline:none}.detail-form__textarea{min-height:70px;resize:vertical}.detail-form__field-help{color:var(--color-text-secondary);font-size:.8rem;margin-bottom:0;margin-top:5px}.detail-form__additional-items{margin-bottom:20px}.detail-form__additional-items-title{color:var(--color-text-secondary);font-size:.9rem;margin-bottom:10px;margin-top:0}.detail-form__items-list{list-style-type:none;margin:0;padding:0}.detail-form__item{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-base);display:flex;justify-content:space-between;margin-bottom:8px;padding:8px 12px}.detail-form__item-details{color:var(--color-text);flex:1 1;font-size:.9rem}.detail-form__remove-button{background-color:var(--color-danger);border:none;border-radius:var(--radius-base);color:var(--color-text-inverse);cursor:pointer;font-size:.8rem;padding:4px 8px;transition:background-color .2s ease}.detail-form__remove-button:hover{background-color:#dc3545;opacity:.9}.detail-form__add-item{margin-top:15px}.detail-form__add-item-title{color:var(--color-text-secondary);font-size:.9rem;margin-bottom:10px;margin-top:0}.detail-form__add-actions{display:flex;justify-content:flex-end;margin-top:10px}.detail-form__add-button{background-color:var(--color-primary);border:none;border-radius:var(--radius-base);color:var(--color-text-inverse);cursor:pointer;font-size:.9rem;padding:8px 12px;transition:all .2s ease}.detail-form__add-button:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}.dark-mode .detail-form__section{background-color:var(--color-bg-secondary);box-shadow:var(--shadow-md)}.dark-mode .detail-form__item{background-color:var(--color-bg);border-color:var(--color-border)}.dark-mode .detail-form__input,.dark-mode .detail-form__select,.dark-mode .detail-form__textarea{background-color:var(--color-bg-tertiary);border-color:var(--color-border)}@media (max-width:768px){.detail-form__field{min-width:100%}.detail-form__row{flex-direction:column}.detail-form__section{padding:12px}.detail-form__item{align-items:stretch;flex-direction:column;gap:8px}.detail-form__remove-button{align-self:flex-end}}.detail-form__input--error{border-color:var(--color-danger)}.detail-form__error-message{color:var(--color-danger);font-size:.8rem;margin-top:5px}.detail-form__photo-upload{background-color:var(--color-bg-secondary);border:2px dashed var(--color-border);border-radius:var(--radius-base);margin-top:15px;padding:15px;text-align:center}.detail-form__photo-upload-label{color:var(--color-primary);cursor:pointer;display:block;font-weight:500;padding:10px}.detail-form__photo-upload-input{display:none}.detail-form__photo-preview{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.detail-form__photo-preview-item{border:1px solid var(--color-border);border-radius:var(--radius-base);height:100px;overflow:hidden;position:relative;width:100px}.detail-form__photo-preview-image{height:100%;object-fit:cover;width:100%}.detail-form__photo-remove{align-items:center;background-color:var(--color-danger);border:none;border-radius:50%;color:var(--color-text-inverse);cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;right:5px;top:5px;width:24px}.optional-details{background-color:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin:0 auto;max-width:1200px;padding:20px;width:100%}.optional-details__header{margin-bottom:20px;text-align:center}.optional-details__title{color:var(--color-text);font-size:1.8rem;margin-bottom:10px}.optional-details__description{color:var(--color-text-secondary);font-size:1rem;margin:0 auto;max-width:800px}.optional-details__content{margin-bottom:30px}.optional-details__tabs-container{display:flex;flex-direction:column;width:100%}.optional-details__tabs-navigation{border-bottom:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:5px;margin-bottom:20px;padding-bottom:10px}.optional-details__tab-button{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;padding:10px 15px;transition:all .2s ease;white-space:nowrap}.optional-details__tab-button--active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.optional-details__tab-button:hover{background-color:var(--color-bg-hover)}.optional-details__tab-button--active:hover{background-color:var(--color-primary-hover)}.optional-details__tab-icon{font-size:.9rem;margin-right:8px}.optional-details__tab-content{background-color:var(--color-bg-tertiary);border-radius:var(--radius-lg);min-height:300px;padding:20px}.optional-details__section{background-color:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);margin-bottom:15px;overflow:hidden}.optional-details__section-header{background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-light);cursor:pointer;display:flex;flex-direction:column;padding:15px}.optional-details__section-title{align-items:center;color:var(--color-text);display:flex;font-size:1.1rem;margin:0}.optional-details__toggle-icon{display:inline-block;font-weight:700;height:20px;line-height:20px;margin-right:10px;text-align:center;width:20px}.optional-details__section-description{color:var(--color-text-secondary);font-size:.9rem;margin:5px 0 0 30px}.optional-details__section-content{padding:20px}.optional-details__footer{align-items:center;border-top:1px solid var(--color-border-light);display:flex;justify-content:space-between;margin-top:20px;padding-top:20px}.optional-details__footer-description{color:var(--color-text-secondary);font-size:14px;margin:0}.optional-details__complete-button{background-color:var(--color-primary);border:none;border-radius:var(--radius-base);color:var(--color-text-inverse);cursor:pointer;font-size:1rem;font-weight:500;padding:var(--space-sm) var(--space-lg);transition:all .3s ease}.optional-details__complete-button:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.optional-details__field-placeholder{background-color:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:15px}.optional-details__field-title{color:var(--color-text);font-size:1.2rem;margin-bottom:10px;margin-top:0}.optional-details__field-description{color:var(--color-text-secondary);margin-bottom:15px}.optional-details__field-textarea{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:.95rem;min-height:100px;padding:10px;resize:vertical;width:100%}.optional-details__field-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light-bg);outline:none}.dark-mode .optional-details{background-color:var(--color-bg);box-shadow:var(--shadow-lg)}.dark-mode .optional-details__section,.dark-mode .optional-details__tab-content{background-color:var(--color-bg-secondary)}.dark-mode .optional-details__section-header{background-color:var(--color-bg-tertiary)}.dark-mode .optional-details__field-placeholder{background-color:var(--color-bg-secondary)}.dark-mode .optional-details__field-textarea{background-color:var(--color-bg-tertiary)}@media (max-width:768px){.optional-details{padding:15px}.optional-details__title{font-size:1.5rem}.optional-details__tabs-navigation{flex-direction:column;gap:8px}.optional-details__tab-button{justify-content:center;width:100%}.optional-details__tab-content{padding:15px}.optional-details__footer{flex-direction:column;gap:15px}.optional-details__guidance-message{margin-bottom:10px;text-align:center}.optional-details__complete-button{width:100%}}.community-alert-info{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-base);margin-bottom:20px;padding:20px}.community-alert-info__header{align-items:center;display:flex;gap:10px;margin-bottom:15px}.community-alert-info__icon{color:var(--color-info);font-size:20px}.community-alert-info__title{color:var(--color-text);font-size:18px;font-weight:600;margin:0}.community-alert-info__content{display:flex;flex-direction:column;gap:20px}.community-alert-info__section{display:flex;flex-direction:column;gap:10px}.community-alert-info__subtitle{align-items:center;color:var(--color-text);display:flex;font-size:16px;font-weight:500;gap:8px;margin:0}.community-alert-info__subtitle-icon{color:var(--color-primary);font-size:16px}.community-alert-info__text{color:var(--color-text-secondary);font-size:14px;line-height:1.5;margin:0}.community-alert-info__list{list-style-type:disc;margin:0;padding-left:25px}.community-alert-info__list li{color:var(--color-text-secondary);font-size:14px;line-height:1.6;margin-bottom:5px}.community-alert-info__note{align-items:flex-start;background-color:var(--color-bg);border:1px solid var(--color-info);border-left-width:3px;border-radius:var(--radius-base);display:flex;gap:10px;padding:15px}.community-alert-info__note-icon{color:var(--color-info);flex-shrink:0;font-size:18px;margin-top:2px}.community-alert-info__note-text{color:var(--color-text);font-size:14px;line-height:1.5;margin:0}.dark-mode .community-alert-info{background-color:var(--color-bg-secondary)}.dark-mode .community-alert-info__note{background-color:var(--color-bg-tertiary)}@media (max-width:768px){.community-alert-info{padding:15px}.community-alert-info__title{font-size:16px}.community-alert-info__subtitle{font-size:14px}.community-alert-info__list li,.community-alert-info__note-text,.community-alert-info__text{font-size:13px}}.community-alert{width:100%}.community-alert__header{margin-bottom:25px}.community-alert__title{color:var(--color-text);font-size:22px;font-weight:600;margin:0 0 10px}.community-alert__description{color:var(--color-text-secondary);font-size:15px;line-height:1.5;margin:0}.community-alert__form{margin-bottom:30px}.community-alert__section{background-color:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:20px;padding:20px}.dark-mode .community-alert__section{box-shadow:var(--shadow-md)}.community-alert__section-title{border-bottom:1px solid var(--color-border-light);color:var(--color-text);font-size:18px;font-weight:600;margin:0 0 20px;padding-bottom:10px}.community-alert__form-group{margin-bottom:20px}.community-alert__label{color:var(--color-text);display:block;font-size:15px;font-weight:500;margin-bottom:8px}.community-alert__input,.community-alert__select,.community-alert__textarea{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.community-alert__input:focus,.community-alert__select:focus,.community-alert__textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light-bg);outline:none}.community-alert__textarea{min-height:80px;resize:vertical}.community-alert__field-help{color:var(--color-text-secondary);font-size:13px;margin-top:5px}.community-alert__toggle-label{align-items:center;cursor:pointer;display:flex}.community-alert__checkbox{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:initial;border:2px solid var(--color-primary);border-radius:var(--radius-sm);cursor:pointer;height:20px;margin-right:10px;position:relative;width:20px}.community-alert__checkbox:checked{background-color:var(--color-primary)}.community-alert__checkbox:checked:after{color:var(--color-text-inverse);content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.community-alert__toggle-text{color:var(--color-text);font-size:15px}.community-alert__checkbox-group{display:flex;flex-direction:column;gap:10px}.community-alert__checkbox-label{align-items:center;cursor:pointer;display:flex}.community-alert__checkbox-label input[type=checkbox]{margin-right:10px}.community-alert__preview{background-color:var(--color-bg-tertiary);border-radius:var(--radius-lg);margin-top:20px;padding:15px}.community-alert__preview-title{color:var(--color-text);font-size:16px;font-weight:600;margin:0 0 15px}.community-alert__preview-card{background-color:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.community-alert__preview-header{align-items:center;background-color:var(--color-primary);color:var(--color-text-inverse);display:flex;padding:12px 15px}.community-alert__preview-icon{font-size:20px;margin-right:10px}.community-alert__preview-info{flex:1 1}.community-alert__preview-alert-title{font-size:16px;font-weight:700;margin-bottom:3px}.community-alert__preview-meta{display:flex;font-size:12px;gap:5px;opacity:.8}.community-alert__preview-content{color:var(--color-text);font-size:14px;line-height:1.5;padding:15px}.community-alert__preview-footer{background-color:var(--color-bg-tertiary);border-top:1px solid var(--color-border-light);color:var(--color-text-secondary);display:flex;font-size:12px;gap:10px;padding:10px 15px}.community-alert__document-tips{color:var(--color-text-secondary);font-size:13px;font-style:italic;margin-top:15px}.community-alert__footer{align-items:center;border-top:1px solid var(--color-border-light);display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px}.community-alert__footer-description{color:var(--color-text-secondary);font-size:14px;margin:0}.community-alert__complete-button{background-color:var(--color-primary);border:none;border-radius:var(--radius-base);color:var(--color-text-inverse);cursor:pointer;font-size:16px;font-weight:500;padding:var(--space-sm) var(--space-lg);transition:all .3s ease}.community-alert__complete-button:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}@media (max-width:767px){.community-alert__section{padding:15px}.community-alert__footer{flex-direction:column;gap:20px}.community-alert__guidance-message{text-align:center;width:100%}.community-alert__complete-button{width:100%}}.completeness-indicator{background-color:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:16px;transition:all .3s ease}.completeness-indicator.minimal{background-color:initial;box-shadow:none;margin-bottom:10px;padding:8px}.completeness-indicator.small{font-size:.8rem;padding:10px}.completeness-indicator.large{font-size:1.1rem;padding:20px}.completeness-header{margin-bottom:16px}.completeness-header h3{color:#333;font-size:1.1em;margin:0 0 10px}.completeness-gauge{align-items:center;display:flex;flex-direction:column;margin-bottom:10px}.gauge-label{font-size:1.2em;font-weight:700;margin-bottom:5px}.minimal .gauge-label{font-size:1em}.gauge-bar{background-color:#e0e0e0;border-radius:6px;height:12px;overflow:hidden;position:relative;width:100%}.gauge-fill{border-radius:6px;height:100%;transition:width .5s ease-out}.gauge-fill.poor{background-color:#ff4d4d}.gauge-fill.fair{background-color:#ffa64d}.gauge-fill.good{background-color:#6bb700}.gauge-fill.excellent{background-color:#00b248}.completeness-status{color:#666;font-size:.9em;margin-top:5px;text-align:center}.completeness-categories{margin-bottom:16px}.completeness-categories h4{color:#444;font-size:1em;margin:0 0 10px}.category-list{display:flex;flex-direction:column;gap:8px}.category-item{align-items:center;display:flex;justify-content:space-between}.category-label{color:#555;flex:1 1;font-size:.9em}.category-score{align-items:center;display:flex;gap:10px;width:60%}.category-bar{background-color:#e0e0e0;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.category-fill{border-radius:4px;height:100%;transition:width .3s ease}.category-fill.poor{background-color:#ff4d4d}.category-fill.fair{background-color:#ffa64d}.category-fill.good{background-color:#6bb700}.category-fill.excellent{background-color:#00b248}.category-percent{color:#777;font-size:.8em;text-align:right;width:40px}.dark .completeness-indicator{background-color:#2c2c2c;box-shadow:0 2px 8px #0000004d}.dark .completeness-indicator.minimal{background-color:initial;box-shadow:none}.dark .completeness-categories h4,.dark .completeness-header h3,.dark .improvement-suggestions h4{color:#e0e0e0}.dark .category-bar,.dark .gauge-bar{background-color:#444}.dark .completeness-status{color:#b0b0b0}.dark .category-label{color:silver}.dark .category-percent{color:#a0a0a0}@media (max-width:768px){.category-score{width:50%}.category-label,.suggestion-text{font-size:.85em}}@media (max-width:480px){.completeness-indicator{padding:12px}.category-item{align-items:flex-start;flex-direction:column;gap:4px}.category-score{width:100%}}.recovery-probability{background-color:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:16px;transition:all .3s ease}.recovery-probability.minimal{background-color:initial;box-shadow:none;margin-bottom:10px;padding:8px}.recovery-probability.small{font-size:.8rem;padding:10px}.recovery-probability.large{font-size:1.1rem;padding:20px}.probability-header{align-items:center;display:flex;flex-direction:column;margin-bottom:16px}.probability-header h3{align-self:flex-start;color:#333;font-size:1.1em;margin:0 0 15px}.probability-gauge{width:100%}.probability-circle,.probability-gauge{align-items:center;display:flex;flex-direction:column;margin-bottom:10px}.probability-circle{background:linear-gradient(135deg,#f5f7fa,#e3eeff);border:4px solid #fff;border-radius:50%;box-shadow:0 3px 10px #00000012;height:120px;justify-content:center;position:relative;transition:all .3s ease;width:120px}.recovery-probability.small .probability-circle{height:80px;width:80px}.recovery-probability.large .probability-circle{height:150px;width:150px}.probability-value{color:#4285f4;font-size:1.8em;font-weight:700}.recovery-probability.small .probability-value{font-size:1.3em}.recovery-probability.large .probability-value{font-size:2.2em}.probability-label{color:#555;font-size:.9em;margin-top:-5px}.historical-comparison{margin-top:5px;text-align:center}.historical-label{color:#666;font-size:.9em;margin-bottom:2px}.comparison-text{border-radius:10px;display:inline-block;font-size:.9em;font-weight:500;padding:3px 8px}.comparison-text.above-average{background-color:#e6f4ea;color:#137333}.comparison-text.below-average{background-color:#fce8e6;color:#c5221f}.comparison-text.average{background-color:#e8f0fe;color:#1a73e8}.probability-factors{margin-bottom:16px;margin-top:20px}.probability-factors h4{color:#444;font-size:1em;margin:0 0 10px}.factor-list{display:flex;flex-direction:column;gap:10px}.factor-item{align-items:center;display:flex;justify-content:space-between}.factor-label{color:#555;flex:1 1;font-size:.9em}.factor-score{align-items:center;display:flex;gap:10px;width:60%}.factor-bar{background-color:#e0e0e0;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.factor-fill{border-radius:4px;height:100%;transition:width .3s ease}.factor-fill.poor{background-color:#ff4d4d}.factor-fill.fair{background-color:#ffa64d}.factor-fill.good{background-color:#6bb700}.factor-fill.excellent{background-color:#00b248}.factor-impact{background-color:#f1f3f4;border-radius:8px;color:#5f6368;font-size:.8em;padding:2px 6px;text-align:right;width:80px}.improvement-suggestions{margin-top:15px}.improvement-suggestions h4{color:#444;font-size:1em;margin:0 0 10px}.suggestion-list{list-style:none;margin:0;padding:0}.suggestion-item{align-items:center;background-color:#f5f8ff;border-radius:6px;cursor:pointer;display:flex;margin-bottom:8px;padding:8px 10px;transition:background-color .2s,transform .1s}.suggestion-item:hover{background-color:#e8f0ff;transform:translateX(2px)}.suggestion-arrow{color:#4285f4;font-weight:700;margin-right:8px}.suggestion-text{color:#444;flex:1 1;font-size:.9em}.suggestion-impact{background-color:#e6f4ea;border-radius:10px;color:#137333;font-size:.85em;font-weight:500;min-width:40px;padding:2px 6px;text-align:center}.dark .recovery-probability{background-color:#2c2c2c;box-shadow:0 2px 8px #0000004d}.dark .recovery-probability.minimal{background-color:initial;box-shadow:none}.dark .improvement-suggestions h4,.dark .probability-factors h4,.dark .probability-header h3{color:#e0e0e0}.dark .probability-circle{background:linear-gradient(135deg,#303030,#3d3d3d);border-color:#2c2c2c;box-shadow:0 3px 10px #0003}.dark .probability-value{color:#8ab4f8}.dark .probability-label{color:silver}.dark .historical-label{color:#b0b0b0}.dark .comparison-text.above-average{background-color:#133929;color:#81c995}.dark .comparison-text.below-average{background-color:#5c1412;color:#f28b82}.dark .comparison-text.average{background-color:#174ea6;color:#aecbfa}.dark .factor-bar{background-color:#444}.dark .factor-label{color:silver}.dark .factor-impact{background-color:#3c4043;color:#c6c8ca}.dark .suggestion-item{background-color:#363636}.dark .suggestion-item:hover{background-color:#404040}.dark .suggestion-text{color:#d0d0d0}.dark .suggestion-impact{background-color:#133929;color:#81c995}@media (max-width:768px){.factor-score{width:50%}.factor-label,.suggestion-text{font-size:.85em}}@media (max-width:480px){.recovery-probability{padding:12px}.probability-circle{height:100px;width:100px}.factor-item{align-items:flex-start;flex-direction:column;gap:4px}.factor-score{width:100%}.factor-impact{align-self:flex-end}}.success-stories{background-color:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:16px;transition:all .3s ease}.success-stories__header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:10px}.success-stories__title{color:#333;font-size:1.1em;margin:0}.success-stories__share-button{background-color:#4285f4;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85em;padding:6px 12px;transition:background-color .2s}.success-stories__share-button:hover{background-color:#3367d6}.success-stories__container{min-height:200px;padding:0 20px;position:relative}.success-stories__slides{min-height:200px;overflow:hidden;position:relative}.success-stories__slide{height:100%;left:0;opacity:0;padding:10px;position:absolute;top:0;transition:opacity .5s ease-in-out;width:100%}.success-stories__slide--active{opacity:1;position:relative;z-index:1}.success-stories__nav{align-items:center;background-color:#ffffffb3;border:1px solid #e0e0e0;border-radius:50%;color:#555;cursor:pointer;display:flex;font-size:1.2em;height:30px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s;width:30px;z-index:2}.success-stories__nav:hover{background-color:#f5f5f5;color:#333}.success-stories__nav--prev{left:-5px}.success-stories__nav--next{right:-5px}.success-stories__indicators{display:flex;gap:8px;justify-content:center;margin-top:15px}.success-stories__indicator{background-color:#ccc;border-radius:50%;cursor:pointer;height:8px;transition:background-color .3s;width:8px}.success-stories__indicator--active{background-color:#4285f4;transform:scale(1.2)}.success-stories__content{display:flex;flex-direction:column;height:100%}.success-stories__story-title{color:#333;font-size:1.1em;margin:0 0 10px}.success-stories__story-description{color:#555;flex:1 1;font-size:.9em;line-height:1.5;margin-bottom:12px}.success-stories__story-meta{color:#777;display:flex;flex-wrap:wrap;font-size:.8em;gap:10px;margin-top:auto}.success-stories__story-tag{background-color:#e8f0fe;border-radius:12px;color:#1a73e8;font-weight:500;padding:2px 8px}.success-stories__recovery-time{align-items:center;display:flex;gap:4px}.success-stories__meta-label{color:#666;font-weight:500}.success-stories__story-date{color:#999;margin-left:auto}.success-stories__submission-form{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:16px;padding:16px}.success-stories__form-group{margin-bottom:12px}.success-stories__form-group--half{flex:1 1}.success-stories__label{color:#555;display:block;font-size:.9em;margin-bottom:4px}.success-stories__input,.success-stories__select,.success-stories__textarea{border:1px solid #d0d0d0;border-radius:4px;font-size:.9em;padding:8px 10px;width:100%}.success-stories__form-row{display:flex;gap:12px}.success-stories__form-actions{display:flex;justify-content:flex-end;margin-top:16px}.success-stories__submit-button{background-color:#4285f4;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9em;padding:8px 16px;transition:background-color .2s}.success-stories__submit-button:hover{background-color:#3367d6}.success-stories__submit-button:disabled{background-color:#ccc;cursor:not-allowed}.success-stories__submit-error{background-color:#ffebee;border-radius:4px;color:#d32f2f;font-size:.9em;margin-bottom:12px;padding:8px}.success-stories__submit-success{background-color:#e8f5e9;border-radius:4px;color:#388e3c;font-size:.9em;padding:12px;text-align:center}.success-stories__submit-success-text{margin:0}.success-stories__empty{color:#666;font-size:.9em;padding:20px;text-align:center}.success-stories__empty-text{margin:0}.success-stories__error{background-color:#ffebee;border-radius:6px;color:#d32f2f;font-size:.9em;padding:20px;text-align:center}.success-stories__error-text{margin:0}.success-stories__header--skeleton{animation:success-stories-pulse 1.5s infinite;background-color:#f0f0f0;border-radius:4px;height:24px;margin-bottom:16px;width:60%}.success-stories__slide--skeleton{display:flex;flex-direction:column;gap:10px;min-height:200px}.success-stories__skeleton-title{height:20px;width:70%}.success-stories__skeleton-description,.success-stories__skeleton-title{animation:success-stories-pulse 1.5s infinite;background-color:#f0f0f0;border-radius:4px}.success-stories__skeleton-description{height:100px;width:100%}.success-stories__skeleton-meta{animation:success-stories-pulse 1.5s infinite;background-color:#f0f0f0;border-radius:4px;height:16px;margin-top:auto;width:80%}@keyframes success-stories-pulse{0%{opacity:.6}50%{opacity:.8}to{opacity:.6}}.dark .success-stories{background-color:#2c2c2c;box-shadow:0 2px 8px #0000004d}.dark .success-stories__header{border-bottom-color:#3a3a3a}.dark .success-stories__story-title,.dark .success-stories__title{color:#e0e0e0}.dark .success-stories__story-description{color:#b0b0b0}.dark .success-stories__nav{background-color:#3c3c3cb3;border-color:#444;color:#ccc}.dark .success-stories__nav:hover{background-color:#444;color:#fff}.dark .success-stories__story-tag{background-color:#174ea6;color:#aecbfa}.dark .success-stories__meta-label{color:#aaa}.dark .success-stories__story-date{color:#888}.dark .success-stories__submission-form{background-color:#333;border-color:#444}.dark .success-stories__label{color:#ccc}.dark .success-stories__input,.dark .success-stories__select,.dark .success-stories__textarea{background-color:#444;border-color:#555;color:#eee}.dark .success-stories__header--skeleton,.dark .success-stories__skeleton-description,.dark .success-stories__skeleton-meta,.dark .success-stories__skeleton-title{background-color:#444}@media (max-width:768px){.success-stories__form-row{flex-direction:column;gap:12px}.success-stories__story-meta{align-items:flex-start;flex-direction:column;gap:5px}.success-stories__story-date{margin-left:0}}@media (max-width:480px){.success-stories__container{padding:0 15px}.success-stories__nav{font-size:1em;height:25px;width:25px}}.achievement-system{background-color:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:16px;transition:all .3s ease}.achievement-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:10px}.header-content{align-items:center;display:flex;gap:15px}.achievement-header h3{color:#333;font-size:1.1em;margin:0}.achievement-points{align-items:center;background-color:#f8f9fa;border-radius:8px;display:flex;flex-direction:column;padding:4px 10px}.points-value{color:#4285f4;font-size:1.2em}.points-label{color:#666;font-size:.8em}.show-all-button{background-color:initial;border:1px solid #4285f4;border-radius:4px;color:#4285f4;cursor:pointer;font-size:.85em;padding:6px 12px;transition:background-color .2s}.show-all-button:hover{background-color:#f0f7ff}.empty-achievements{background-color:#f8f9fa;border-radius:6px;color:#666;font-size:.9em;padding:20px;text-align:center}.achievement-category{margin-bottom:20px}.category-title{border-bottom:1px solid #f0f0f0;color:#444;font-size:1em;margin:0 0 10px;padding-bottom:5px}.category-achievements{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.achievement-badge{align-items:center;border-radius:8px;display:flex;padding:10px;transition:all .2s}.achievement-badge.earned{background-color:#f0f7ff;border:1px solid #e0ebfd}.achievement-badge.earned:hover{background-color:#e0ebfd;box-shadow:0 2px 6px #4285f41a}.achievement-badge.unearned{background-color:#f8f9fa;border:1px solid #e0e0e0;opacity:.8}.achievement-badge.unearned:hover{background-color:#f0f0f0}.badge-icon{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;display:flex;font-size:1.8em;height:40px;justify-content:center;margin-right:12px;width:40px}.badge-icon.greyed{filter:grayscale(.8);opacity:.5}.badge-details{flex:1 1}.badge-title{color:#333;font-size:.95em;font-weight:500;margin-bottom:3px}.badge-description{font-size:.85em;margin-bottom:5px}.badge-points{color:#4285f4;font-size:.8em;font-weight:500}.progress-container{align-items:center;display:flex;gap:8px;margin-top:5px}.progress-bar{background-color:#e0e0e0;border-radius:3px;height:6px}.progress-fill{background-color:#4285f4;border-radius:3px}.progress-text{color:#666;font-size:.75em;width:30px}.achievement-system.compact{padding:12px}.achievement-system.compact .achievement-showcase{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.achievement-badge.compact{background-color:initial;border:none;margin:5px;padding:0}.achievement-badge.compact .badge-icon{font-size:1.5em;margin-right:0}.more-achievements{background-color:#f0f0f0;border-radius:15px;color:#666;font-size:.85em;padding:5px 10px}.achievement-notification-container{bottom:20px;display:flex;flex-direction:column;gap:10px;max-width:300px;position:fixed;right:20px;z-index:1000}.achievement-notification{align-items:center;animation:slide-in .3s ease-out forwards,fade-out .3s ease-in 5s forwards;background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #00000026;display:flex;opacity:0;padding:12px;transform:translateX(100%)}@keyframes fade-out{to{opacity:0;transform:translateX(100%)}}.notification-icon{align-items:center;display:flex;font-size:2em;justify-content:center;margin-right:10px}.notification-title{color:#4285f4;font-size:.9em;font-weight:500;margin-bottom:2px}.notification-achievement{color:#333;font-size:.95em;font-weight:500;margin-bottom:3px}.notification-points{color:#388e3c;font-size:.8em}.skeleton-header{margin-bottom:16px;width:60%}.skeleton-achievement,.skeleton-header{animation:pulse 1.5s infinite;background-color:#f0f0f0}.skeleton-achievement{border-radius:8px;height:60px;margin-bottom:10px;width:100%}.error-message{background-color:#ffebee;border-radius:6px;color:#d32f2f;padding:20px;text-align:center}.dark .achievement-system{background-color:#2c2c2c;box-shadow:0 2px 8px #0000004d}.dark .achievement-header{border-bottom-color:#3a3a3a}.dark .achievement-header h3,.dark .badge-title{color:#e0e0e0}.dark .achievement-points{background-color:#3c4043}.dark .points-label{color:#b0b0b0}.dark .category-title{border-bottom-color:#3a3a3a;color:#e0e0e0}.dark .badge-description{color:#b0b0b0}.dark .achievement-badge.earned{background-color:#174ea6;border-color:#1a5aad}.dark .achievement-badge.earned:hover{background-color:#1a5fb7}.dark .achievement-badge.unearned{background-color:#3c4043;border-color:#444}.dark .achievement-badge.unearned:hover{background-color:#444}.dark .badge-icon{background-color:#2c2c2c;box-shadow:0 2px 4px #0003}.dark .progress-bar{background-color:#444}.dark .progress-text{color:#b0b0b0}.dark .empty-achievements{background-color:#3c4043;color:#b0b0b0}.dark .more-achievements{background-color:#444;color:#b0b0b0}.dark .achievement-notification{background-color:#2c2c2c;box-shadow:0 4px 12px #00000040}.dark .notification-achievement{color:#e0e0e0}.dark .notification-points{color:#81c995}.dark .skeleton-achievement,.dark .skeleton-header{background-color:#444}@media (max-width:768px){.category-achievements{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.achievement-header{align-items:flex-start;flex-direction:column;gap:10px}.header-actions{align-self:flex-end}}@media (max-width:480px){.category-achievements{grid-template-columns:1fr}.achievement-badge{flex-direction:column;padding:15px 10px;text-align:center}.badge-icon{margin-bottom:10px;margin-right:0}.achievement-notification{max-width:250px}}.enhance-report-page{background-color:var(--color-bg-tertiary);color:var(--color-text);min-height:calc(100vh - 60px);padding:20px;transition:background-color .3s ease,color .3s ease;width:100%}.enhance-report-page--dark{background-color:var(--color-bg);color:var(--color-text)}.enhance-report-page--offline{position:relative}.enhance-report-page__offline-indicator{align-items:center;animation:enhance-report-page-pulse 2s infinite;background-color:var(--color-warning);border-radius:var(--radius-base);color:var(--color-text-inverse);display:flex;gap:10px;margin-bottom:20px;padding:10px 15px}.enhance-report-page--dark .enhance-report-page__offline-indicator{background-color:var(--color-warning-dark)}.enhance-report-page__offline-icon{font-size:18px}.enhance-report-page__offline-text{font-size:14px;font-weight:500}@keyframes enhance-report-page-pulse{0%{opacity:1}50%{opacity:.8}to{opacity:1}}.enhance-report-page__container{margin:0 auto;max-width:1200px}.enhance-report-page__header{margin-bottom:30px}.enhance-report-page__header-top{margin-bottom:20px;text-align:center}.enhance-report-page__title{color:var(--color-text);font-size:28px;font-weight:600;margin:0 0 10px}.enhance-report-page__report-title{color:var(--color-text-secondary);font-size:18px;margin:0}.enhance-report-page__progress-container{background-color:var(--color-bg-secondary);border-radius:var(--radius-base);height:8px;margin-bottom:5px;overflow:hidden;position:relative;width:100%}.enhance-report-page__progress-bar{background-color:var(--color-primary);border-radius:var(--radius-base);height:100%;transition:width .3s ease}.enhance-report-page__progress-text{color:var(--color-text-secondary);font-size:14px;margin-bottom:20px;margin-top:5px;text-align:right}.enhance-report-page__step-indicators{display:flex;justify-content:space-between;margin:40px 0;position:relative}.enhance-report-page__step-indicators:before{background-color:var(--color-border);content:"";height:2px;left:0;position:absolute;right:0;top:25px;z-index:1}.enhance-report-page__step-indicator{align-items:center;display:flex;flex:1 1;flex-direction:column;max-width:150px;position:relative;z-index:2}.enhance-report-page__step-number{align-items:center;background-color:var(--color-bg-secondary);border:2px solid var(--color-bg);border-radius:50%;color:var(--color-text-secondary);display:flex;font-weight:700;height:50px;justify-content:center;margin-bottom:10px;transition:all .3s ease;width:50px}.enhance-report-page__step-indicator--active .enhance-report-page__step-number{background-color:var(--color-primary);color:var(--color-text-inverse)}.enhance-report-page__step-indicator--completed .enhance-report-page__step-number{background-color:var(--color-success);color:var(--color-text-inverse)}.enhance-report-page__step-info{text-align:center}.enhance-report-page__step-title{color:var(--color-text);font-size:14px;font-weight:700;margin-bottom:4px}.enhance-report-page__step-description{color:var(--color-text-secondary);font-size:12px}.enhance-report-page__layout{display:flex;gap:20px;position:relative}.enhance-report-page__content{background-color:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex:1 1;margin-bottom:30px;padding:30px}.enhance-report-page__sidebar{position:relative;transition:all .3s ease;width:350px}.enhance-report-page__sidebar--hidden{overflow:hidden;width:40px}.enhance-report-page__sidebar-controls{left:0;position:absolute;top:20px;z-index:10}.enhance-report-page__toggle-sidebar-button{align-items:center;background-color:var(--color-primary);border:none;border-radius:0 var(--radius-base) var(--radius-base) 0;box-shadow:var(--shadow-sm);color:var(--color-text-inverse);cursor:pointer;display:flex;font-size:14px;font-weight:700;height:40px;justify-content:center;transition:background-color .3s;width:24px}.enhance-report-page__toggle-sidebar-button:hover{background-color:var(--color-primary-hover)}.enhance-report-page__motivation-components{display:flex;flex-direction:column;gap:20px;padding-left:20px}.enhance-report-page__complete{padding:30px 20px;text-align:center}.enhance-report-page__complete-header{margin-bottom:30px}.enhance-report-page__complete-title{color:var(--color-success);font-size:24px;margin-bottom:15px}.enhance-report-page__complete-description{color:var(--color-text-secondary);font-size:16px;margin:0 auto;max-width:600px}.enhance-report-page__recovery-improved{align-items:center;background-color:var(--color-success-light);border-radius:var(--radius-base);display:flex;gap:15px;justify-content:center;margin:30px auto;max-width:500px;padding:15px}.enhance-report-page--dark .enhance-report-page__recovery-improved{background-color:var(--color-success-dark-bg)}.enhance-report-page__recovery-message{color:var(--color-success-dark);font-size:16px;margin:0}.enhance-report-page--dark .enhance-report-page__recovery-message{color:var(--color-success)}.enhance-report-page__complete-actions{display:flex;gap:15px;justify-content:center;margin-top:20px}.enhance-report-page__footer{align-items:center;border-top:1px solid var(--color-border-light);display:flex;gap:15px;justify-content:space-between;margin-top:40px;padding:30px 0 20px}.enhance-report-page__navigation--bottom{align-items:center;display:flex;gap:20px;justify-content:space-between;width:100%}.enhance-report-page__navigation{align-items:center;display:flex;gap:20px;justify-content:space-between;margin:20px 0}.enhance-report-page__navigation--top{margin-bottom:30px}.enhance-report-page__navigation-left,.enhance-report-page__navigation-right{align-items:center;display:flex;gap:10px}.enhance-report-page__navigation-center{flex:1 1;text-align:center}.enhance-report-page__navigation-center .enhance-report-page__title{font-size:24px;margin:0 0 5px}.enhance-report-page__navigation-center .enhance-report-page__report-title{font-size:16px;margin:0}.enhance-report-page__progress-info{margin-top:20px;width:100%}.enhance-report-page__continue-container{align-items:center;border-top:1px solid var(--color-border-light);display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px}.enhance-report-page__continue-description{color:var(--color-text-secondary);font-size:14px;margin:0}.enhance-report-page__button{align-items:center;border:none;border-radius:25px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-width:120px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.enhance-report-page__button--primary{background-color:var(--color-primary);box-shadow:var(--shadow-sm);color:var(--color-text-inverse)}.enhance-report-page__button--primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.enhance-report-page__button--secondary{background-color:initial;border:2px solid var(--color-primary);color:var(--color-primary)}.enhance-report-page__button--secondary:hover{background-color:var(--color-primary);box-shadow:var(--shadow-sm);color:var(--color-text-inverse);transform:translateY(-1px)}.enhance-report-page__button--outline{background-color:initial;border:2px solid var(--color-primary);color:var(--color-primary)}.enhance-report-page__button--outline:hover{background-color:var(--color-primary);color:var(--color-text-inverse);transform:translateY(-1px)}.enhance-report-page__button--tertiary{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.enhance-report-page__button--tertiary:hover{background-color:var(--color-bg-hover);border-color:var(--color-border-hover)}.enhance-report-page__error-container,.enhance-report-page__loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:50px;text-align:center}.enhance-report-page__loading-spinner{animation:enhance-report-page-spin 1s linear infinite;border:4px solid var(--color-border-light);border-radius:50%;border-top-color:var(--color-primary);height:40px;margin-bottom:20px;width:40px}@keyframes enhance-report-page-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.enhance-report-page__error-title{color:var(--color-danger);margin-bottom:10px}.enhance-report-page__error-message{color:var(--color-text-secondary);margin-bottom:20px}@media (max-width:1024px){.enhance-report-page__layout{flex-direction:column}.enhance-report-page__sidebar{order:2;width:100%}.enhance-report-page__sidebar--hidden{height:40px;width:100%}.enhance-report-page__sidebar-controls{left:50%;top:0;transform:translateX(-50%)}.enhance-report-page__toggle-sidebar-button{border-radius:0 0 var(--radius-base) var(--radius-base);height:24px;width:80px}.enhance-report-page__motivation-components{padding:30px 0 0}}@media (max-width:768px){.enhance-report-page{padding:10px}.enhance-report-page__content{padding:15px}.enhance-report-page__step-indicators{-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:15px}.enhance-report-page__step-description{display:none}.enhance-report-page__footer{flex-wrap:wrap;gap:10px}.enhance-report-page__button{flex:1 1;font-size:13px;min-width:100px;padding:10px 16px}.enhance-report-page__navigation{flex-wrap:wrap}.enhance-report-page__navigation-center{margin-bottom:15px;order:-1;width:100%}.enhance-report-page__continue-container{align-items:stretch;flex-direction:column;gap:10px}.enhance-report-page__continue-description{text-align:center}.enhance-report-page__recovery-improved{flex-direction:column;text-align:center}.enhance-report-page__complete-actions{flex-direction:column;width:100%}.enhance-report-page__complete-actions .enhance-report-page__button{width:100%}}.case-status-update-page{background-color:#fff;background-color:var(--color-bg,#fff);margin-left:auto;margin-right:auto;max-width:1200px;min-height:100vh;padding:20px;width:100%}.case-status-update-page.full-width{max-width:none}.case-status-update-page h1{border-bottom:2px solid #ff4500;color:#1a1a1a;margin-bottom:1.5rem;margin-top:0;padding-bottom:.5rem}.case-status-update-page>p{color:#4a4a4a;margin-bottom:1.5rem;text-align:center}body.dark-mode .case-status-update-page{background-color:#1a1a1a;background-color:var(--color-bg,#1a1a1a)}body.dark-mode .case-status-update-page h1{color:#f0f0f0}body.dark-mode .case-status-update-page>p{color:#d0d0d0}.case-status-update-page__report-context{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:24px;padding:20px}body.dark-mode .case-status-update-page__report-context{background-color:#2a2a2a;border-color:#444}.case-status-update-page__report-meta{margin:16px 0}.case-status-update-page__report-meta svg{color:#2196f3}body.dark-mode .case-status-update-page__report-meta svg{color:#64b5f6}@media (min-width:1024px){.case-status-update-page__report-context{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:auto 1fr}.case-status-update-page__status-badge{grid-column:1;grid-row:1;margin:0;white-space:nowrap}.case-status-update-page__report-meta{grid-gap:12px;display:grid;gap:12px;grid-column:2;grid-row:1;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0}.case-status-update-page__case-progress{grid-column:1/-1;grid-row:2;margin-top:16px}.case-status-update-page__mobile-tabs{grid-column:1/-1;grid-row:3}}.case-status-update-page__case-progress{background-color:#f5f5f5;border-radius:8px;margin-top:16px;padding:16px}body.dark-mode .case-status-update-page__case-progress{background-color:#333}.case-status-update-page__progress-container{background-color:#e0e0e0;border-radius:4px;height:8px;margin-top:12px;overflow:hidden}body.dark-mode .case-status-update-page__progress-container{background-color:#555}.case-status-update-page__progress-bar{background-color:#2196f3;height:100%;transition:width .3s ease}.case-status-update-page__progress-label{color:#666;font-size:14px;font-weight:500}body.dark-mode .case-status-update-page__progress-label{color:#aaa}.case-status-update-page__mobile-tabs{display:none}@media (max-width:767px){.case-status-update-page__mobile-tabs{-webkit-overflow-scrolling:touch;background-color:#f5f5f5;border-bottom:1px solid #e0e0e0;display:flex;margin:24px -20px 0;overflow-x:auto}body.dark-mode .case-status-update-page__mobile-tabs{background-color:#333;border-bottom-color:#555}.case-status-update-page__tab-button{background:none;border:none;color:#666;cursor:pointer;flex:1 1;font-size:13px;font-weight:500;min-width:120px;padding:18px 12px;position:relative;transition:all .2s;white-space:nowrap}body.dark-mode .case-status-update-page__tab-button{color:#aaa}.case-status-update-page__tab-button:hover{background-color:#2196f314}.case-status-update-page__tab-button--active{color:#2196f3}.case-status-update-page__tab-button--active:after{background-color:#2196f3;bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.case-status-update-page__tab-button svg{margin-right:8px}}@media (max-width:375px){.case-status-update-page__tab-label{display:none}.case-status-update-page__tab-button svg{margin-right:0}.case-status-update-page__tab-button{min-width:80px}}.case-status-update-page__status-badge{background-color:#ff4500;border-radius:8px;box-shadow:0 1px 3px #0003;color:#fff;display:inline-block;font-weight:500;margin:5px 0;padding:8px 12px}body.dark-mode .case-status-update-page__status-badge{background-color:#e63900}.case-status-update-page__status-badge span{border-radius:20px;display:inline-block;font-size:14px;font-weight:600;margin-left:8px;padding:8px 16px}.case-status-update-page__status--open{background-color:#e1f5fe;border-radius:20px;color:#0277bd;display:inline-block;padding:8px 16px}body.dark-mode .case-status-update-page__status--open{background-color:#01579b;color:#e1f5fe}.case-status-update-page__status--in-progress{background-color:#e8f5e9;border-radius:20px;color:#2e7d32;display:inline-block;padding:8px 16px}body.dark-mode .case-status-update-page__status--in-progress{background-color:#2e7d32;color:#e8f5e9}.case-status-update-page__status--leads{background-color:#fff8e1;border-radius:20px;color:#ff8f00;display:inline-block;padding:8px 16px}body.dark-mode .case-status-update-page__status--leads{background-color:#ff8f00;color:#fff8e1}.case-status-update-page__status--partial-recovery{background-color:#e0f7fa;border-radius:20px;color:#00838f;display:inline-block;padding:8px 16px}body.dark-mode .case-status-update-page__status--partial-recovery{background-color:#00838f;color:#e0f7fa}.case-status-update-page__status--full-recovery{background-color:#e8f5e9;border-radius:20px;color:#2e7d32;display:inline-block;padding:8px 16px}body.dark-mode .case-status-update-page__status--full-recovery{background-color:#2e7d32;color:#e8f5e9}.case-status-update-page__status--insurance-claim{background-color:#ede7f6;border-radius:20px;color:#5e35b1;display:inline-block;padding:8px 16px}body.dark-mode .case-status-update-page__status--insurance-claim{background-color:#5e35b1;color:#ede7f6}.case-status-update-page__status--insurance-paid{background-color:#f3e5f5;border-radius:20px;color:#8e24aa;display:inline-block;padding:8px 16px}body.dark-mode .case-status-update-page__status--insurance-paid{background-color:#8e24aa;color:#f3e5f5}.case-status-update-page__status--suspect-identified{background-color:#fff3e0;border-radius:20px;color:#ef6c00;display:inline-block;padding:8px 16px}body.dark-mode .case-status-update-page__status--suspect-identified{background-color:#ef6c00;color:#fff3e0}.case-status-update-page__status--arrest-made{background-color:#fbe9e7;border-radius:20px;color:#d84315;display:inline-block;padding:8px 16px}body.dark-mode .case-status-update-page__status--arrest-made{background-color:#d84315;color:#fbe9e7}.case-status-update-page__status--charges-filed{background-color:#ffebee;border-radius:20px;color:#c62828;display:inline-block;padding:8px 16px}body.dark-mode .case-status-update-page__status--charges-filed{background-color:#c62828;color:#ffebee}.case-status-update-page__status--pending-trial{background-color:#e8eaf6;border-radius:20px;color:#3949ab;display:inline-block;padding:8px 16px}body.dark-mode .case-status-update-page__status--pending-trial{background-color:#3949ab;color:#e8eaf6}.case-status-update-page__status--conviction{background-color:#e0f2f1;border-radius:20px;color:#00695c;display:inline-block;padding:8px 16px}body.dark-mode .case-status-update-page__status--conviction{background-color:#00695c;color:#e0f2f1}.case-status-update-page__status--closed{background-color:#f5f5f5;border-radius:20px;color:#757575;display:inline-block;padding:8px 16px}body.dark-mode .case-status-update-page__status--closed{background-color:#616161;color:#f5f5f5}.case-status-update-page__status--resolved{background-color:#dcedc8;border-radius:20px;color:#558b2f;display:inline-block;padding:8px 16px}body.dark-mode .case-status-update-page__status--resolved{background-color:#558b2f;color:#dcedc8}.case-status-update-page__status--pending{background-color:#f5f5f5;border-radius:20px;color:#757575;display:inline-block;padding:8px 16px}body.dark-mode .case-status-update-page__status--pending{background-color:#757575;color:#f5f5f5}.case-status-update-page__status--located-safe{background-color:#c8e6c9;border-radius:20px;color:#2e7d32;display:inline-block;padding:8px 16px}body.dark-mode .case-status-update-page__status--located-safe{background-color:#2e7d32;color:#c8e6c9}.case-status-update-page__status--located-deceased{background-color:#efebe9;border-radius:20px;color:#6d4c41;display:inline-block;padding:8px 16px}body.dark-mode .case-status-update-page__status--located-deceased{background-color:#6d4c41;color:#efebe9}.case-status-update-page__status--returned-home{background-color:#e0f2f1;border-radius:20px;color:#00695c;display:inline-block;padding:8px 16px}body.dark-mode .case-status-update-page__status--returned-home{background-color:#00695c;color:#e0f2f1}.case-status-update-page__report-meta{color:#666;display:flex;flex-wrap:wrap;font-size:14px;gap:16px;margin-top:8px}.case-status-update-page__report-meta span{align-items:center;display:flex;gap:4px}body.dark-mode .case-status-update-page__report-meta{color:#aaa}.case-status-update-page__report-meta svg{margin-right:4px}.case-status-update-page main{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr;padding:24px}@media (min-width:768px){.case-status-update-page main{grid-template-columns:1fr 1fr}}@media (max-width:767px){.case-status-update-page__recovery-section,.case-status-update-page__update-form-section,.case-status-update-page__update-history-section{display:none}.case-status-update-page__recovery-section--active,.case-status-update-page__update-form-section--active,.case-status-update-page__update-history-section--active{display:block}}.case-status-update-page section{background-color:#fafafa;border-radius:6px;box-shadow:0 1px 3px #0000000d;padding:20px}body.dark-mode .case-status-update-page section{background-color:#333;box-shadow:0 1px 3px #0003}.case-status-update-page section h3{align-items:center;border-bottom:1px solid #e0e0e0;color:#333;display:flex;font-size:18px;gap:8px;margin-bottom:16px;margin-top:0;padding-bottom:10px}body.dark-mode .case-status-update-page section h3{border-bottom:1px solid #444;color:#e0e0e0}.case-status-update-page section h3 svg{color:#2196f3}.case-status-update-page__section-header{align-items:center;background-color:initial;display:flex;justify-content:space-between;margin-bottom:16px}.case-status-update-page__section-header h3{border-bottom:none;margin-bottom:0;padding-bottom:0}.case-status-update-page__sort-button{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;align-items:center;-webkit-appearance:none;appearance:none;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;color:#666;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s;-webkit-user-select:none;user-select:none}body.dark-mode .case-status-update-page__sort-button{background-color:#3d3d3d;border-color:#555;color:#ccc}@media (hover:hover) and (pointer:fine){.case-status-update-page__sort-button:hover{background-color:#e0e0e0;border-color:#ccc}body.dark-mode .case-status-update-page__sort-button:hover{background-color:#444;border-color:#666}}.case-status-update-page__sort-button:active{background-color:#e0e0e0;transform:scale(.98)}body.dark-mode .case-status-update-page__sort-button:active{background-color:#444}.case-status-update-page__sort-button:focus,.case-status-update-page__sort-button:focus-visible{background-color:#f5f5f5;outline:2px solid #2196f3;outline-offset:2px}body.dark-mode .case-status-update-page__sort-button:focus,body.dark-mode .case-status-update-page__sort-button:focus-visible{background-color:#3d3d3d;outline-color:#64b5f6}.case-status-update-page__sort-button svg{color:#2196f3}body.dark-mode .case-status-update-page__sort-button svg{color:#64b5f6}.case-status-update-page__form-group{margin-bottom:20px}.case-status-update-page__form-group label{color:#555;display:block;font-weight:500;margin-bottom:6px}body.dark-mode .case-status-update-page__form-group label{color:#ccc}.case-status-update-page input[type=date],.case-status-update-page input[type=text],.case-status-update-page select,.case-status-update-page__status-select,.case-status-update-page__update-notes-textarea{background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#333;font-size:14px;padding:10px;transition:border-color .2s;width:100%}body.dark-mode .case-status-update-page input[type=date],body.dark-mode .case-status-update-page input[type=text],body.dark-mode .case-status-update-page select,body.dark-mode .case-status-update-page__status-select,body.dark-mode .case-status-update-page__update-notes-textarea{background-color:#3d3d3d;border-color:#555;color:#f0f0f0}.case-status-update-page input[type=date]:focus,.case-status-update-page input[type=text]:focus,.case-status-update-page select:focus,.case-status-update-page__status-select:focus,.case-status-update-page__update-notes-textarea:focus{border-color:#2196f3;outline:none}.case-status-update-page__update-notes-textarea{min-height:100px;resize:vertical}.case-status-update-page__file-input-wrapper{display:inline-block;overflow:hidden;position:relative}.case-status-update-page__file-input-button{align-items:center;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:inline-flex;font-size:14px;gap:8px;padding:8px 16px;transition:background-color .2s}body.dark-mode .case-status-update-page__file-input-button{background-color:#3d3d3d;border-color:#555;color:#f0f0f0}.case-status-update-page__file-input-button:hover{background-color:#e0e0e0}body.dark-mode .case-status-update-page__file-input-button:hover{background-color:#444}.case-status-update-page__file-input{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.case-status-update-page__selected-files{display:flex;flex-direction:column;gap:5px;margin-top:10px}.case-status-update-page__selected-file{align-items:center;background-color:#f0f0f0;border-radius:4px;display:flex;font-size:14px;justify-content:space-between;padding:8px 12px}body.dark-mode .case-status-update-page__selected-file{background-color:#444}.case-status-update-page__remove-file-button{background:none;border:none;color:#f44336;cursor:pointer;font-size:18px;padding:0 5px;transition:color .2s}.case-status-update-page__remove-file-button:hover{color:#d32f2f}.case-status-update-page__notification-preferences{background-color:#e3f2fd;border-radius:8px;margin-bottom:20px;margin-top:20px;padding:16px}body.dark-mode .case-status-update-page__notification-preferences{background-color:#1565c0}.case-status-update-page__checkbox-group{display:flex;flex-direction:column;gap:10px;margin-top:8px}.case-status-update-page__checkbox-label{align-items:center;cursor:pointer;display:flex}.case-status-update-page__checkbox-label input{margin-right:8px}.case-status-update-page__form-actions{display:flex;gap:10px;justify-content:flex-start;margin-top:20px}.case-status-update-page__submit-button{align-items:center;background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-weight:500;gap:8px;padding:10px 20px;transition:background-color .2s}.case-status-update-page__submit-button:hover{background-color:#1976d2}.case-status-update-page__submit-button:disabled{background-color:#b0bec5;cursor:not-allowed}.case-status-update-page__cancel-button{background-color:initial;border:1px solid #bdbdbd;border-radius:4px;color:#757575;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s}body.dark-mode .case-status-update-page__cancel-button{border-color:#666;color:#e0e0e0}.case-status-update-page__cancel-button:hover{background-color:#f5f5f5}body.dark-mode .case-status-update-page__cancel-button:hover{background-color:#444}.case-status-update-page__recovery-form{margin-top:16px}.case-status-update-page__recovery-form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}@media (max-width:480px){.case-status-update-page__recovery-form-grid{grid-template-columns:1fr}}.case-status-update-page__recovery-form-grid .case-status-update-page__form-group{margin-bottom:0}.case-status-update-page__add-item-button{align-items:center;background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:background-color .2s}.case-status-update-page__add-item-button:hover{background-color:#45a049}.case-status-update-page__recovered-items-list{margin-top:20px}.case-status-update-page__recovered-items-list h4{color:#333;font-size:16px;margin:0 0 12px}body.dark-mode .case-status-update-page__recovered-items-list h4{color:#e0e0e0}.case-status-update-page__recovered-item-card{background-color:#e8f5e9;border-left:4px solid #4caf50;border-radius:8px;margin-bottom:12px;padding:16px}body.dark-mode .case-status-update-page__recovered-item-card{background-color:#1b5e20;border-left-color:#81c784}.case-status-update-page__recovered-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.case-status-update-page__recovered-item-name{color:#2e7d32;font-weight:600}body.dark-mode .case-status-update-page__recovered-item-name{color:#a5d6a7}.case-status-update-page__recovered-item-details{grid-gap:8px;color:#555;display:grid;font-size:14px;gap:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}body.dark-mode .case-status-update-page__recovered-item-details{color:#ccc}.case-status-update-page__detail-item{display:flex;gap:4px}.case-status-update-page__detail-label{font-weight:500}.case-status-update-page__remove-item-button{background:none;border:none;color:#f44336;cursor:pointer;padding:4px;transition:color .2s}.case-status-update-page__remove-item-button:hover{color:#d32f2f}.case-status-update-page__updates-timeline{display:flex;flex-direction:column;gap:20px;margin-top:16px}.case-status-update-page__update-entry{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:16px;padding:20px;position:relative;transition:all .2s ease}body.dark-mode .case-status-update-page__update-entry{background-color:#3d3d3d;border-color:#555;box-shadow:0 2px 4px #0003}.case-status-update-page__update-entry:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}body.dark-mode .case-status-update-page__update-entry:hover{box-shadow:0 4px 8px #0000004d}.case-status-update-page__update-timestamp{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:24px;color:#666;display:inline-block;font-size:12px;font-weight:500;margin-bottom:16px;padding:8px 16px}body.dark-mode .case-status-update-page__update-timestamp{background-color:#444;border-color:#555;color:#aaa}.case-status-update-page__update-content{margin-top:12px}.case-status-update-page__status-change{align-items:center;background-color:#f8f9fa;border-left:4px solid #2196f3;border-radius:12px;display:flex;gap:12px;margin-bottom:16px;padding:16px 20px}body.dark-mode .case-status-update-page__status-change{background-color:#2a2a2a;border-left-color:#64b5f6}.case-status-update-page__status-change .arrow{color:#2196f3;font-size:18px;font-weight:700}body.dark-mode .case-status-update-page__status-change .arrow{color:#64b5f6}.case-status-update-page__update-notes{background-color:#fafafa;border:1px solid #e0e0e0;border-radius:12px;line-height:1.6;margin-bottom:16px;padding:20px}body.dark-mode .case-status-update-page__update-notes{background-color:#2a2a2a;border-color:#444}.case-status-update-page__update-notes p{color:#555;margin:0 0 8px}body.dark-mode .case-status-update-page__update-notes p{color:#ccc}.case-status-update-page__update-notes p:last-child{margin-bottom:0}.case-status-update-page__update-meta{border-top:1px solid #e0e0e0;color:#666;font-size:13px;font-style:italic;margin-top:16px;padding-top:12px}body.dark-mode .case-status-update-page__update-meta{border-top-color:#444;color:#aaa}.case-status-update-page__update-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:16px;transition:box-shadow .2s}body.dark-mode .case-status-update-page__update-card{background-color:#3d3d3d;border-color:#555}.case-status-update-page__update-card:hover{box-shadow:0 2px 8px #0000001a}body.dark-mode .case-status-update-page__update-card:hover{box-shadow:0 2px 8px #0000004d}.case-status-update-page__update-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.case-status-update-page__update-status{color:#333;font-weight:600}body.dark-mode .case-status-update-page__update-status{color:#e0e0e0}.case-status-update-page__update-date{color:#666;font-size:13px}body.dark-mode .case-status-update-page__update-date{color:#aaa}.case-status-update-page__update-content{color:#555;font-size:14px;line-height:1.6}body.dark-mode .case-status-update-page__update-content{color:#ccc}.case-status-update-page__update-author{color:#666;font-size:13px;font-style:italic;margin-top:12px}body.dark-mode .case-status-update-page__update-author{color:#aaa}.case-status-update-page__recovery-details{background-color:#e8f5e9;border:1px solid #c8e6c9;border-radius:12px;margin-top:16px;padding:20px}body.dark-mode .case-status-update-page__recovery-details{background-color:#1b5e20;border-color:#2e7d32}.case-status-update-page__recovery-details h4{align-items:center;color:#2e7d32;display:flex;font-size:16px;gap:8px;margin:0 0 12px}body.dark-mode .case-status-update-page__recovery-details h4{color:#a5d6a7}.case-status-update-page__recovery-notes,.case-status-update-page__recovery-status{background-color:#4caf501a;border-radius:8px;margin-bottom:12px;padding:12px 16px}body.dark-mode .case-status-update-page__recovery-notes,body.dark-mode .case-status-update-page__recovery-status{background-color:#a5d6a71a}.case-status-update-page__recovery-notes strong,.case-status-update-page__recovery-status strong{color:#2e7d32;font-weight:600}body.dark-mode .case-status-update-page__recovery-notes strong,body.dark-mode .case-status-update-page__recovery-status strong{color:#a5d6a7}.case-status-update-page__recovered-items-summary{margin-top:12px}.case-status-update-page__recovered-items-summary h5{color:#2e7d32;font-size:14px;font-weight:600;margin:0 0 8px}body.dark-mode .case-status-update-page__recovered-items-summary h5{color:#a5d6a7}.case-status-update-page__recovered-items-summary ul{list-style-type:none;margin:0;padding-left:16px}.case-status-update-page__recovered-items-summary li{background-color:#4caf500d;border-left:3px solid #4caf50;border-radius:8px;margin-bottom:12px;padding:12px 16px;position:relative}body.dark-mode .case-status-update-page__recovered-items-summary li{background-color:#a5d6a70d;border-left-color:#a5d6a7}.case-status-update-page__new-item{border-left-color:#ff9800}.case-status-update-page__new-item:before{background-color:#ff9800;border-radius:10px;color:#fff;content:"NEW";font-size:10px;font-weight:700;padding:2px 6px;position:absolute;right:8px;top:4px}.case-status-update-page__item-detail{color:#555;font-size:13px;margin-top:4px}body.dark-mode .case-status-update-page__item-detail{color:#ccc}.case-status-update-page__item-detail .case-status-update-page__detail-label{color:#2e7d32;font-weight:500;margin-right:4px}body.dark-mode .case-status-update-page__item-detail .case-status-update-page__detail-label{color:#a5d6a7}.case-status-update-page__item-status{color:#ff9800;font-size:12px;font-style:italic;font-weight:500;margin-top:6px}.case-status-update-page__update-media{background-color:#f0f4f8;border:1px solid #e1e8ed;border-radius:12px;margin-top:16px;padding:20px}body.dark-mode .case-status-update-page__update-media{background-color:#2a2a2a;border-color:#444}.case-status-update-page__update-media h4{align-items:center;color:#333;display:flex;font-size:15px;gap:8px;margin:0 0 12px}body.dark-mode .case-status-update-page__update-media h4{color:#e0e0e0}.case-status-update-page__media-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.case-status-update-page__media-item{align-items:center;background-color:#2196f3;border-radius:4px;color:#fff;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 12px;text-decoration:none;transition:background-color .2s}.case-status-update-page__media-item:hover{background-color:#1976d2;color:#fff}.case-status-update-page__no-updates{color:#666;font-style:italic;padding:40px 20px;text-align:center}body.dark-mode .case-status-update-page__no-updates{color:#aaa}.case-status-update-page__delete-update-button{align-items:center;background-color:initial;border:1px solid #dc3545;border-radius:8px;color:#dc3545;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:6px 12px;position:absolute;right:20px;top:20px;transition:all .2s ease}.case-status-update-page__delete-update-button:hover{background-color:#dc3545;box-shadow:0 2px 4px #dc35454d;color:#fff;transform:translateY(-1px)}body.dark-mode .case-status-update-page__delete-update-button{border-color:#f44336;color:#f44336}body.dark-mode .case-status-update-page__delete-update-button:hover{background-color:#f44336;box-shadow:0 2px 4px #f443364d;color:#fff}.case-status-update-page__page-footer{align-items:center;background-color:#f8f9fa;border-radius:6px;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-top:24px;padding:20px}body.dark-mode .case-status-update-page__page-footer{background-color:#2a2a2a;border-top:1px solid #444}.case-status-update-page__back-button,.case-status-update-page__timeline-button{align-items:center;border-radius:4px;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;text-decoration:none;transition:all .2s}.case-status-update-page__back-button{background-color:initial;border:1px solid #bdbdbd;color:#757575}body.dark-mode .case-status-update-page__back-button{border-color:#666;color:#e0e0e0}.case-status-update-page__back-button:hover{background-color:#f5f5f5}body.dark-mode .case-status-update-page__back-button:hover{background-color:#444}.case-status-update-page__timeline-button{background-color:#2196f3;color:#fff}.case-status-update-page__timeline-button:hover{background-color:#1976d2}.case-status-update-page__error-container,.case-status-update-page__loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:20px;text-align:center}.case-status-update-page__loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#2196f3;height:40px;margin-bottom:16px;width:40px}body.dark-mode .case-status-update-page__loading-spinner{border-color:#2196f3 #444 #444}.case-status-update-page__error-container h2{color:#f44336;margin-bottom:16px}.case-status-update-page__error-container p{color:#555;margin-bottom:20px;max-width:500px}body.dark-mode .case-status-update-page__error-container p{color:#ccc}@media (max-width:767px){.case-status-update-page{padding:16px}.case-status-update-page h1{font-size:24px;margin-bottom:2rem}.case-status-update-page>p{margin-bottom:2rem}.case-status-update-page__report-context{margin-bottom:32px}.case-status-update-page main{gap:20px;grid-template-columns:1fr;padding:0}.case-status-update-page section{border-radius:8px;padding:16px}.case-status-update-page__recovery-section,.case-status-update-page__update-form-section,.case-status-update-page__update-history-section{grid-column:1}.case-status-update-page__form-actions{flex-direction:column}.case-status-update-page__cancel-button,.case-status-update-page__submit-button{justify-content:center;width:100%}.case-status-update-page__page-footer{flex-direction:column;gap:10px;padding:16px}.case-status-update-page__back-button,.case-status-update-page__timeline-button{justify-content:center;width:100%}.case-status-update-page__report-meta{font-size:13px;gap:12px}.case-status-update-page__status-badge span{font-size:13px;padding:3px 8px}}@media (max-width:480px){.case-status-update-page h1{font-size:20px;margin-bottom:1.5rem}.case-status-update-page>p{margin-bottom:1.5rem}.case-status-update-page__report-context{margin-bottom:28px;padding:16px}.case-status-update-page section h3{font-size:16px}.case-status-update-page__tab-button{font-size:12px;min-width:100px;padding:16px 8px}.case-status-update-page main{gap:16px}.case-status-update-page__section-header{align-items:flex-start;flex-direction:column;gap:12px}.case-status-update-page__sort-button{align-self:flex-end;font-size:12px;padding:6px 10px}}.enhanced-timeline{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:1.5rem 0;overflow:hidden}.timeline-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:1.5rem}.timeline-title{align-items:center;display:flex;gap:1rem}.timeline-title h3{color:#333;font-size:1.25rem;font-weight:600;margin:0}.event-count{background:#007bff;border-radius:12px;color:#fff;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.timeline-controls{align-items:center;display:flex;gap:1rem}.search-box svg{color:#6c757d;font-size:.9rem;left:.75rem}.search-box input{border:2px solid #e9ecef;border-radius:8px;font-size:.9rem;min-width:200px;padding:.5rem .75rem .5rem 2.25rem;transition:border-color .2s ease}.search-box input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.sort-btn,.stats-btn{background:#fff;border:2px solid #e9ecef;border-radius:8px;color:#6c757d;cursor:pointer;padding:.5rem;transition:all .2s ease}.sort-btn:hover,.stats-btn:hover{border-color:#007bff;color:#007bff;transform:translateY(-1px)}.stats-btn.active{background:#007bff;border-color:#007bff;color:#fff}.sort-btn.desc svg{transform:rotate(180deg)}.timeline-stats{background:#f8f9fa;border-bottom:1px solid #e9ecef;padding:1.5rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.stat-item{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;padding:1rem}.stat-value{color:#007bff}.stat-label{font-size:.8rem}.category-breakdown{display:flex;flex-wrap:wrap;gap:.5rem}.category-stat{align-items:center;background:#fff;border-radius:6px;box-shadow:0 2px 4px #0000000d;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem .75rem}.category-name{color:#6c757d}.category-count{background:#e9ecef;border-radius:4px;color:#495057;font-size:.8rem;font-weight:500;padding:.125rem .5rem}.filter-pills{background:#fbfcfd;border-bottom:1px solid #e9ecef;display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem 1.5rem}.filter-pill{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:20px;color:#6c757d;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;padding:.375rem .75rem;transition:all .2s ease}.filter-pill:hover{border-color:var(--filter-color);color:var(--filter-color);transform:translateY(-1px)}.filter-pill.active{background:var(--filter-color);border-color:var(--filter-color);box-shadow:0 2px 8px #00000026;color:#fff}.pill-count{border-radius:8px;font-size:.75rem;font-weight:600;padding:.125rem .375rem}.filter-pill.active .pill-count,.pill-count{background:#ffffff4d}.timeline-events{padding:1.5rem;position:relative}.timeline-event{border-radius:8px;cursor:pointer;display:flex;gap:1rem;margin-bottom:1.5rem;padding:.75rem;position:relative;transition:all .3s ease}.timeline-event:hover{background:#007bff05;transform:translateX(4px)}.timeline-event.new-event{animation:slideInNew .5s ease;background:#28a7450d;border-left:4px solid #28a745}.timeline-event.projected{background:#ffc10708;border-left:4px solid #ffc107;opacity:.7}.timeline-event.auto-generated{background:#6f42c108;border-left:4px solid #6f42c1}@keyframes slideInNew{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.event-connector{margin-left:20px;position:relative;width:2px}.connector-line{background:linear-gradient(180deg,#e9ecef 0,#e9ecef 80%,#0000);height:calc(100% + 1.5rem);left:-1px;position:absolute;top:40px;width:2px}.event-icon{align-items:center;border-radius:50%;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;flex-shrink:0;font-size:1rem;height:42px;justify-content:center;position:relative;width:42px;z-index:2}.event-content{flex:1 1;min-width:0}.event-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.5rem}.event-title-group{align-items:center;display:flex;flex:1 1;gap:.5rem}.event-title{color:#333;font-size:1rem;font-weight:600;line-height:1.3;margin:0}.auto-badge,.projected-badge{border-radius:4px;font-size:.65rem;font-weight:600;letter-spacing:.5px;padding:.125rem .375rem;text-transform:uppercase}.auto-badge{background:#6f42c1;color:#fff}.projected-badge{background:#ffc107;color:#495057}.event-meta{align-items:center;display:flex;gap:.5rem}.event-time{color:#6c757d;font-size:.8rem;white-space:nowrap}.expand-btn{background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;padding:.25rem;transition:all .2s ease}.expand-btn:hover{background:#e9ecef;color:#495057}.event-actions{align-items:center;display:flex;gap:.5rem}.delete-event-btn{align-items:center;background-color:initial;border:1px solid #dc3545;border-radius:4px;color:#dc3545;cursor:pointer;display:flex;font-size:.8rem;gap:.25rem;padding:.25rem .5rem;transition:all .2s ease}.delete-event-btn:hover{background-color:#dc3545;box-shadow:0 2px 4px #dc35454d;color:#fff;transform:translateY(-1px)}.event-description{color:#6c757d;font-size:.9rem;line-height:1.4;margin:0 0 .5rem}.event-details{background:#f8f9fa;border-left:3px solid #007bff;border-radius:6px;margin-top:.75rem;padding:.75rem}.detail-item{font-size:.85rem;gap:.5rem;margin-bottom:.25rem}.detail-item:last-child{margin-bottom:0}.detail-key{color:#495057;font-weight:500;min-width:80px}.detail-value{color:#6c757d;word-break:break-word}.no-events{color:#6c757d;padding:3rem 1rem;text-align:center}.no-events svg{font-size:3rem;margin-bottom:1rem;opacity:.5}.no-events p{font-size:1.1rem;margin:0 0 1rem}.no-events button{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background-color .2s ease}.no-events button:hover{background:#0056b3}.timeline-footer{border-top:1px solid #e9ecef;padding:1rem;text-align:center}.load-more-btn{background:linear-gradient(135deg,#007bff,#0056b3);box-shadow:0 4px 12px #007bff4d;font-weight:500;padding:.75rem 2rem;transition:all .3s ease}.load-more-btn:hover{box-shadow:0 6px 20px #007bff66;transform:translateY(-2px)}.enhanced-timeline.loading{padding:1.5rem}.timeline-skeleton{display:flex;flex-direction:column;gap:1rem}.skeleton-event{align-items:flex-start;display:flex;gap:1rem}.skeleton-icon{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:50%;height:42px;width:42px}.skeleton-content{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.skeleton-title{height:1.2rem;width:60%}.skeleton-description,.skeleton-title{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px}.skeleton-description{height:1rem;width:80%}.enhanced-timeline.error{color:#dc3545;padding:3rem 1rem;text-align:center}.enhanced-timeline.error svg{font-size:3rem;margin-bottom:1rem}.enhanced-timeline.compact .timeline-events,.enhanced-timeline.compact .timeline-header{padding:1rem}.enhanced-timeline.compact .timeline-event{margin-bottom:1rem;padding:.5rem}.enhanced-timeline.compact .event-icon{font-size:.8rem;height:32px;width:32px}.enhanced-timeline.compact .event-title{font-size:.9rem}.enhanced-timeline.compact .event-description{font-size:.8rem}body.dark-mode .enhanced-timeline{background:#2a2a2a!important;color:#e0e0e0!important}body.dark-mode .enhanced-timeline .timeline-header{background:linear-gradient(135deg,#333,#2a2a2a)!important;border-bottom-color:#444!important}body.dark-mode .enhanced-timeline .timeline-title h3{color:#e0e0e0!important}body.dark-mode .enhanced-timeline .search-box input{background:#333!important;border-color:#555!important;color:#e0e0e0!important}body.dark-mode .enhanced-timeline .search-box input:focus{border-color:#007bff!important}body.dark-mode .enhanced-timeline .sort-btn,body.dark-mode .enhanced-timeline .stats-btn{background:#333!important;border-color:#555!important;color:#ccc!important}body.dark-mode .enhanced-timeline .timeline-stats{background:#333!important;border-bottom-color:#444!important}body.dark-mode .enhanced-timeline .category-stat,body.dark-mode .enhanced-timeline .stat-item{background:#2a2a2a!important;border:1px solid #444!important}body.dark-mode .enhanced-timeline .filter-pills{background:#333!important;border-bottom-color:#444!important}body.dark-mode .enhanced-timeline .filter-pill{background:#2a2a2a!important;border-color:#555!important;color:#ccc!important}body.dark-mode .enhanced-timeline .timeline-event:hover{background:#007bff1a!important}body.dark-mode .enhanced-timeline .event-title{color:#e0e0e0!important}body.dark-mode .enhanced-timeline .event-description{color:#bbb!important}body.dark-mode .enhanced-timeline .event-details{background:#333!important;border-left-color:#007bff!important}body.dark-mode .enhanced-timeline .expand-btn:hover{background:#444!important}body.dark-mode .enhanced-timeline .delete-event-btn{border-color:#f44336;color:#f44336}body.dark-mode .enhanced-timeline .delete-event-btn:hover{background-color:#f44336;box-shadow:0 2px 4px #f443364d;color:#fff}body.dark-mode .enhanced-timeline .connector-line{background:linear-gradient(180deg,#555 0,#555 80%,#0000)!important}@media (max-width:768px){.enhanced-timeline{border-radius:8px;margin:1rem 0}.timeline-header{align-items:flex-start;flex-direction:column;gap:1rem;padding:1rem}.timeline-controls{justify-content:space-between;width:100%}.search-box input{min-width:150px}.stats-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)}.filter-pills{padding:.75rem 1rem}.timeline-events{padding:1rem}.timeline-event{margin-bottom:1rem;padding:.5rem}.event-header{align-items:flex-start;flex-direction:column;gap:.5rem}.event-meta{align-self:flex-end}}@media (max-width:480px){.timeline-header{padding:.75rem}.timeline-controls{flex-direction:column;gap:.75rem}.search-box{width:100%}.search-box input{min-width:auto;width:100%}.stats-grid{grid-template-columns:1fr}.category-breakdown{justify-content:center}.timeline-event{gap:.75rem}.event-icon{font-size:.9rem;height:36px;width:36px}.connector-line{left:17px}}.touch-friendly-timeline{-webkit-overflow-scrolling:touch;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;max-width:100%;overscroll-behavior:contain;padding:16px;width:100%}body.dark-mode .touch-friendly-timeline{background-color:#2c3e50!important;box-shadow:0 2px 8px #0000004d!important;color:#ecf0f1!important}.touch-friendly-timeline.loading{align-items:center;display:flex;justify-content:center;min-height:300px}.touch-friendly-timeline .timeline-loading{text-align:center}.touch-friendly-timeline .loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#2196f3;display:inline-block;height:40px;margin-bottom:16px;width:40px}body.dark-mode .touch-friendly-timeline .loading-spinner{border-color:#3498db #34495e #34495e!important}.touch-friendly-timeline .timeline-header{margin-bottom:20px}.touch-friendly-timeline .header-content{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.touch-friendly-timeline .timeline-header h3{color:#333;font-size:1.5rem;margin:0}body.dark-mode .touch-friendly-timeline .timeline-header h3{color:#ecf0f1!important}.touch-friendly-timeline .legend-button{-webkit-tap-highlight-color:transparent;align-items:center;background-color:#2196f3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;min-height:44px;padding:8px 16px;transition:all .2s}.touch-friendly-timeline .legend-button:hover{background-color:#1976d2}.touch-friendly-timeline .legend-button:active{background-color:#1565c0;transform:scale(.98)}body.dark-mode .touch-friendly-timeline .legend-button{background-color:#64b5f6!important;color:#1a1a1a!important}body.dark-mode .touch-friendly-timeline .legend-button:hover{background-color:#42a5f5!important}.touch-friendly-timeline .timeline-filters{margin-bottom:16px;overflow:hidden;position:relative;width:100%}.touch-friendly-timeline .filters-scroll{-webkit-overflow-scrolling:touch;display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin}.touch-friendly-timeline .filters-scroll::-webkit-scrollbar{height:4px}.touch-friendly-timeline .filters-scroll::-webkit-scrollbar-track{background-color:#0000000d;border-radius:2px}.touch-friendly-timeline .filters-scroll::-webkit-scrollbar-thumb{background-color:#0003;border-radius:2px}body.dark-mode .touch-friendly-timeline .filters-scroll::-webkit-scrollbar-track{background-color:#ffffff0d!important}body.dark-mode .touch-friendly-timeline .filters-scroll::-webkit-scrollbar-thumb{background-color:#fff3!important}.touch-friendly-timeline .filter-button{align-items:center;background-color:#f0f0f0;border:none;border-radius:20px;color:#333;cursor:pointer;display:flex;font-size:.9rem;gap:6px;padding:8px 12px;transition:all .2s;white-space:nowrap}body.dark-mode .touch-friendly-timeline .filter-button{background-color:#34495e!important;color:#ecf0f1!important}.touch-friendly-timeline .filter-button.active{background-color:#3498db;color:#fff}.touch-friendly-timeline .filter-icon{font-size:1.1rem}.touch-friendly-timeline.mobile .filter-button{padding:12px 16px}.touch-friendly-timeline .timeline-events{position:relative}.touch-friendly-timeline .timeline-events:before{background-color:#e0e0e0;bottom:0;content:"";left:16px;position:absolute;top:0;width:2px;z-index:1}body.dark-mode .touch-friendly-timeline .timeline-events:before{background-color:#4a6283!important}.touch-friendly-timeline .timeline-event{-webkit-tap-highlight-color:transparent;cursor:pointer;display:flex;margin-bottom:16px;min-height:60px;padding-left:40px;position:relative;touch-action:pan-y;transition:all .3s}.touch-friendly-timeline.mobile .timeline-event{border-bottom:1px solid #f0f0f0;padding-bottom:12px}body.dark-mode .touch-friendly-timeline.mobile .timeline-event{border-bottom-color:#4a6283!important}.touch-friendly-timeline .event-connector{align-items:center;display:flex;flex-direction:column;left:0;position:absolute;top:0;z-index:2}.touch-friendly-timeline .event-icon{align-items:center;background-color:#e0e0e0;border-radius:50%;display:flex;font-size:1rem;height:32px;justify-content:center;width:32px}body.dark-mode .touch-friendly-timeline .event-icon{background-color:#4a6283!important}.touch-friendly-timeline .event-icon.status-change{background-color:#3498db}.touch-friendly-timeline .event-icon.enhancement{background-color:#9b59b6}.touch-friendly-timeline .event-icon.judicial{background-color:#e74c3c}.touch-friendly-timeline .event-icon.recovery{background-color:#2ecc71}.touch-friendly-timeline .event-icon.media-added{background-color:#f39c12}.touch-friendly-timeline .event-content{background-color:#f8f9fa;border-radius:8px;flex:1 1;padding:12px;transition:all .3s}body.dark-mode .touch-friendly-timeline .event-content{background-color:#34495e!important}.touch-friendly-timeline .timeline-event.expanded .event-content{box-shadow:0 2px 8px #0000001a}body.dark-mode .touch-friendly-timeline .timeline-event.expanded .event-content{box-shadow:0 2px 8px #0000004d!important}.touch-friendly-timeline .event-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.touch-friendly-timeline .event-title{color:#333;flex:1 1;font-weight:600}body.dark-mode .touch-friendly-timeline .event-title{color:#ecf0f1!important}.touch-friendly-timeline .event-timestamp{color:#777;font-size:.85rem;margin-left:8px;white-space:nowrap}body.dark-mode .touch-friendly-timeline .event-timestamp{color:#bdc3c7!important}.touch-friendly-timeline .expand-indicator{color:#777;font-size:.8rem;margin-left:8px}body.dark-mode .touch-friendly-timeline .expand-indicator{color:#bdc3c7!important}.touch-friendly-timeline .event-description{color:#555;font-size:.95rem;margin-bottom:12px}body.dark-mode .touch-friendly-timeline .event-description{color:#ecf0f1!important}.touch-friendly-timeline .event-details{background-color:#f0f0f0;border-radius:6px;margin-top:8px;max-height:0;overflow:hidden;transition:max-height .3s ease-out,padding .3s ease-out}body.dark-mode .touch-friendly-timeline .event-details{background-color:#2c3e50!important}.touch-friendly-timeline .timeline-event.expanded .event-details{max-height:500px;padding:12px}.touch-friendly-timeline .detail-item{display:flex;margin-bottom:8px}.touch-friendly-timeline .detail-label{color:#555;font-weight:600;padding-right:12px;width:40%}body.dark-mode .touch-friendly-timeline .detail-label{color:#bdc3c7!important}.touch-friendly-timeline .detail-value{color:#333;flex:1 1}body.dark-mode .touch-friendly-timeline .detail-value{color:#ecf0f1!important}.touch-friendly-timeline .media-link{background-color:#3498db1a;border-radius:4px;color:#3498db;display:inline-block;padding:6px 12px;text-decoration:none;transition:background-color .2s}.touch-friendly-timeline .media-link:hover{background-color:#3498db33}body.dark-mode .touch-friendly-timeline .media-link{background-color:#3498db33!important}body.dark-mode .touch-friendly-timeline .media-link:hover{background-color:#3498db4d!important}.touch-friendly-timeline .status-in-progress,.touch-friendly-timeline .status-leads,.touch-friendly-timeline .status-open{color:#3498db}.touch-friendly-timeline .status-partial-recovery,.touch-friendly-timeline .status-possible-sighting,.touch-friendly-timeline .status-vehicle-spotted{color:#f39c12}.touch-friendly-timeline .status-full-recovery,.touch-friendly-timeline .status-located-safe,.touch-friendly-timeline .status-resolved{color:#2ecc71}.touch-friendly-timeline .status-closed{color:#7f8c8d}.touch-friendly-timeline .swipe-hint{bottom:0;color:#777;display:none;font-size:.8rem;font-style:italic;opacity:.5;position:absolute;right:4px}.touch-friendly-timeline.mobile .timeline-event:first-child .swipe-hint{display:block}.touch-friendly-timeline .no-events{background-color:#f0f0f0;border-radius:8px;color:#777;padding:24px;text-align:center}body.dark-mode .touch-friendly-timeline .no-events{background-color:#34495e!important;color:#bdc3c7!important}.touch-friendly-timeline .load-more-button{background-color:#f0f0f0;border:none;border-radius:8px;color:#333;cursor:pointer;display:block;font-size:1rem;margin-top:16px;padding:12px;text-align:center;transition:background-color .2s;width:100%}body.dark-mode .touch-friendly-timeline .load-more-button{background-color:#34495e!important;color:#ecf0f1!important}.touch-friendly-timeline .load-more-button:hover{background-color:#e0e0e0}body.dark-mode .touch-friendly-timeline .load-more-button:hover{background-color:#2c3e50!important}.touch-friendly-timeline.mobile .event-content{padding:16px}.touch-friendly-timeline.mobile .event-icon{font-size:1.2rem;height:36px;width:36px}.touch-friendly-timeline.mobile .detail-item{flex-direction:column;margin-bottom:12px}.touch-friendly-timeline.mobile .detail-label{margin-bottom:4px;width:100%}.touch-friendly-timeline .timeline-legend{animation:slideDown .3s ease-out;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:16px;padding:16px}body.dark-mode .touch-friendly-timeline .timeline-legend{background-color:#34495e!important;border-color:#4a6283!important}.touch-friendly-timeline .legend-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.touch-friendly-timeline .legend-grid-item{align-items:center;background-color:#fff;border:1px solid #e9ecef;border-radius:6px;display:flex;gap:8px;padding:8px;transition:background-color .2s}body.dark-mode .touch-friendly-timeline .legend-grid-item{background-color:#2c3e50!important;border-color:#4a6283!important}.touch-friendly-timeline .legend-grid-item:hover{background-color:#f0f0f0}body.dark-mode .touch-friendly-timeline .legend-grid-item:hover{background-color:#4a6283!important}.touch-friendly-timeline .legend-grid-icon{flex-shrink:0;font-size:1.1rem;text-align:center;width:20px}.touch-friendly-timeline .legend-grid-label{color:#333;font-size:.9rem;font-weight:500;line-height:1.2}body.dark-mode .touch-friendly-timeline .legend-grid-label{color:#ecf0f1!important}@keyframes expandIn{0%{max-height:0;opacity:0}to{max-height:500px;opacity:1}}.touch-friendly-timeline.mobile .timeline-event.expanded .event-details{animation:expandIn .3s ease-out forwards}.timeline-page{background-color:#fff;margin-left:auto;margin-right:auto;max-width:1200px;min-height:100vh;padding:20px;transition:background-color .3s ease;width:100%}body.dark-mode .timeline-page{background-color:#1a1a1a!important;color:#e0e0e0}.timeline-page.full-width{max-width:none}.timeline-page h1{border-bottom:2px solid #ff4500;color:#1a1a1a;margin-bottom:1.5rem;margin-top:0;padding-bottom:.5rem}body.dark-mode .timeline-page h1{color:#f0f0f0!important}.timeline-page>p{color:#4a4a4a;margin-bottom:1.5rem;text-align:center}body.dark-mode .timeline-page>p{color:#e0e0e0!important}.timeline-page .timeline-page__report-context{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:24px;padding:20px}body.dark-mode .timeline-page .timeline-page__report-context{background-color:#2a2a2a!important;border-color:#444!important;box-shadow:0 2px 4px #0000004d!important}.timeline-page .timeline-page__report-meta{color:#666;display:flex;flex-wrap:wrap;font-size:14px;gap:16px;margin-bottom:16px}.timeline-page .timeline-page__report-meta span{align-items:center;display:flex;gap:4px}body.dark-mode .timeline-page .timeline-page__report-meta{color:#aaa!important}.timeline-page .timeline-page__report-meta svg{color:#2196f3;margin-right:4px}body.dark-mode .timeline-page .timeline-page__report-meta svg{color:#64b5f6!important}.timeline-page .timeline-page__status-badge{background-color:#ff4500;border-radius:6px;box-shadow:0 1px 3px #0003;color:#fff;display:inline-block;font-weight:500;padding:6px 10px}body.dark-mode .timeline-page .timeline-page__status-badge{background-color:#e63900!important}.timeline-page .timeline-page__status-badge span{font-weight:600;margin-left:6px}.timeline-page .timeline-page__status--open{background-color:#e1f5fe;border-radius:12px;color:#0277bd;font-weight:600;padding:3px 8px}body.dark-mode .timeline-page .timeline-page__status--open{background-color:#01579b!important;color:#e1f5fe!important}.timeline-page .timeline-page__status--in-progress{background-color:#e8f5e9;border-radius:12px;color:#2e7d32;font-weight:600;padding:3px 8px}body.dark-mode .timeline-page .timeline-page__status--in-progress{background-color:#2e7d32!important;color:#e8f5e9!important}.timeline-page .timeline-page__status--leads{background-color:#fff8e1;border-radius:12px;color:#ff8f00;font-weight:600;padding:3px 8px}body.dark-mode .timeline-page .timeline-page__status--leads{background-color:#ff8f00!important;color:#fff8e1!important}.timeline-page .timeline-page__status--partial-recovery{background-color:#e0f7fa;border-radius:12px;color:#00838f;font-weight:600;padding:3px 8px}body.dark-mode .timeline-page .timeline-page__status--partial-recovery{background-color:#00838f!important;color:#e0f7fa!important}.timeline-page .timeline-page__status--full-recovery{background-color:#e8f5e9;border-radius:12px;color:#2e7d32;font-weight:600;padding:3px 8px}body.dark-mode .timeline-page .timeline-page__status--full-recovery{background-color:#2e7d32!important;color:#e8f5e9!important}.timeline-page .timeline-page__status--resolved{background-color:#dcedc8;border-radius:12px;color:#558b2f;font-weight:600;padding:3px 8px}body.dark-mode .timeline-page .timeline-page__status--resolved{background-color:#558b2f!important;color:#dcedc8!important}.timeline-page .timeline-page__status--closed{background-color:#f5f5f5;border-radius:12px;color:#757575;font-weight:600;padding:3px 8px}body.dark-mode .timeline-page .timeline-page__status--closed{background-color:#616161!important;color:#f5f5f5!important}@media (min-width:1024px){.timeline-page .timeline-page__report-context{grid-gap:24px;align-items:center;display:grid;gap:24px;grid-template-columns:auto 1fr auto}.timeline-page .timeline-page__report-meta{grid-gap:12px;display:grid;gap:12px;grid-column:1;grid-row:1;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0}.timeline-page .timeline-page__status-badge{grid-column:2;grid-row:1;justify-self:center;margin:0;white-space:nowrap}.timeline-page .timeline-page__timeline-actions{gap:8px;grid-column:3;grid-row:1;margin:0}}.timeline-page .timeline-page__timeline-actions{display:flex;gap:12px;margin-top:16px}.timeline-page .timeline-page__back-button,.timeline-page .timeline-page__update-button{align-items:center;border-radius:4px;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;text-decoration:none;transition:all .2s}.timeline-page .timeline-page__back-button{background-color:initial;border:1px solid #bdbdbd;color:#757575}body.dark-mode .timeline-page .timeline-page__back-button{border-color:#444!important;color:#e0e0e0!important}.timeline-page .timeline-page__back-button:hover{background-color:#f5f5f5}body.dark-mode .timeline-page .timeline-page__back-button:hover{background-color:#3a3a3a!important}.timeline-page .timeline-page__update-button{background-color:#ff4500;border:none;color:#fff}.timeline-page .timeline-page__update-button:hover{background-color:#e63900}.timeline-page .timeline-page__timeline-content{background-color:#fff;border-radius:8px;margin-bottom:24px;padding:0}body.dark-mode .timeline-page .timeline-page__timeline-content{background-color:#2a2a2a!important}.timeline-page .timeline-page__timeline-footer{background-color:#f8f9fa;border-radius:6px;border-top:1px solid #e0e0e0;color:#757575;font-size:12px;padding:16px;text-align:center}body.dark-mode .timeline-page .timeline-page__timeline-footer{background-color:#2a2a2a!important;border-top-color:#444!important;color:#aaa!important}.timeline-page .timeline-page__error-container,.timeline-page .timeline-page__loading-container{align-items:center;background-color:#f8f9fa;border-radius:8px;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:40px 20px;text-align:center}body.dark-mode .timeline-page .timeline-page__error-container,body.dark-mode .timeline-page .timeline-page__loading-container{background-color:#2a2a2a!important}.timeline-page .timeline-page__loading-spinner{color:#2196f3;font-size:2.5rem;margin-bottom:20px}body.dark-mode .timeline-page .timeline-page__loading-spinner{color:#64b5f6!important}.timeline-page .timeline-page__error-container{margin:0 auto;max-width:600px}.timeline-page .timeline-page__error-icon{color:#f44336;font-size:3rem;margin-bottom:16px}.timeline-page .timeline-page__error-container h2{color:#f44336;font-size:24px;margin-bottom:8px}body.dark-mode .timeline-page .timeline-page__error-container h2{color:#f44336!important}.timeline-page .timeline-page__error-container p{color:#666;line-height:1.6;margin:0 auto 20px;max-width:600px}body.dark-mode .timeline-page .timeline-page__error-container p{color:#aaa!important}.timeline-page .timeline-page__error-container .timeline-page__button{align-items:center;background-color:#ff4500;border-radius:4px;color:#fff;display:inline-flex;font-weight:500;gap:8px;padding:10px 20px;text-decoration:none;transition:background-color .2s}.timeline-page .timeline-page__error-container .timeline-page__button:hover{background-color:#e63900}body.dark-mode .timeline-page .enhanced-timeline,body.dark-mode .timeline-page .touch-friendly-timeline{background-color:#2a2a2a!important;border:1px solid #444!important}body.dark-mode .timeline-page button:not(.timeline-page__back-button):not(.timeline-page__update-button),body.dark-mode .timeline-page input,body.dark-mode .timeline-page select,body.dark-mode .timeline-page textarea{background-color:#3a3a3a!important;border-color:#444!important;color:#e0e0e0!important}body.dark-mode .timeline-page input:focus,body.dark-mode .timeline-page select:focus,body.dark-mode .timeline-page textarea:focus{background-color:#444!important;border-color:#ff4500!important;box-shadow:0 0 0 2px #ff450040!important}body.dark-mode .timeline-page input::placeholder,body.dark-mode .timeline-page textarea::placeholder{color:#888!important}body.dark-mode .timeline-page .card,body.dark-mode .timeline-page .panel,body.dark-mode .timeline-page .section{background-color:#2a2a2a!important;border-color:#444!important;box-shadow:0 2px 4px #0000004d!important}body.dark-mode .timeline-page h2,body.dark-mode .timeline-page h3,body.dark-mode .timeline-page h4,body.dark-mode .timeline-page h5,body.dark-mode .timeline-page h6{color:#f0f0f0!important}body.dark-mode .timeline-page .note,body.dark-mode .timeline-page .small,body.dark-mode .timeline-page .text-muted{color:#aaa!important}body.dark-mode .timeline-page a:not(.button):not(.timeline-page__back-button):not(.timeline-page__update-button){color:#ff4500!important}body.dark-mode .timeline-page a:not(.button):not(.timeline-page__back-button):not(.timeline-page__update-button):hover{color:#e63900!important}@media (max-width:768px){.timeline-page{padding:16px}.timeline-page h1{font-size:24px}.timeline-page .timeline-page__timeline-actions{flex-direction:row;gap:8px}.timeline-page .timeline-page__back-button,.timeline-page .timeline-page__update-button{flex:1 1;justify-content:center;min-height:44px;padding:12px 8px}.timeline-page .timeline-page__report-meta{font-size:13px;gap:12px}}@media (max-width:480px){.timeline-page h1{font-size:20px}.timeline-page .timeline-page__timeline-actions{flex-direction:column;gap:8px}.timeline-page .timeline-page__back-button,.timeline-page .timeline-page__update-button{width:100%}.timeline-page .timeline-page__button-text{display:none}.timeline-page .timeline-page__back-button,.timeline-page .timeline-page__update-button{font-size:16px;justify-content:center}.timeline-page .timeline-page__report-meta{align-items:flex-start;flex-direction:column;gap:8px}}@media (min-width:481px) and (max-width:768px){.timeline-page .timeline-page__button-text{display:inline}}@media (prefers-reduced-motion:reduce){.timeline-page .timeline-page__loading-spinner{animation:none}.timeline-page,.timeline-page .timeline-page__back-button,.timeline-page .timeline-page__update-button{transition:none}}@media (prefers-contrast:high){.timeline-page{--primary-color:#00f;--error-color:red}.timeline-page .timeline-page__report-meta svg{color:var(--primary-color)}.timeline-page .timeline-page__error-icon{color:var(--error-color)}}.timeline-page__skip-link{background:var(--color-primary);border-radius:var(--radius-base);color:#fff;font-weight:500;left:-9999px;padding:8px 16px;position:absolute;text-decoration:none;top:0;z-index:100}.timeline-page__skip-link:focus{box-shadow:var(--shadow-lg);left:50%;top:10px;transform:translateX(-50%)}.timeline-page__offline-banner{align-items:center;background-color:#ffc107;box-shadow:0 2px 8px #00000026;color:#fff;display:flex;font-weight:500;gap:.5rem;justify-content:center;left:0;padding:.75rem;position:fixed;right:0;text-align:center;top:0;z-index:1100}.toast{border:1px solid #e0e0e0}body.dark-mode .toast{background-color:#2a2a2a;border-color:#444;color:#e0e0e0}.toast--success{border-color:#28a745}.toast--warning{border-color:#ffc107}.toast--error{border-color:#dc3545}.toast--info{border-color:#17a2b8}@media (prefers-contrast:high){.timeline-page__back-button,.timeline-page__update-button,.toast{border-width:2px}}.timeline-page__skeleton{animation:skeleton-loading 1.5s ease-in-out infinite}@media print{.timeline-page__offline-banner,.timeline-page__skip-link,.toast{display:none}.timeline-page{background:#fff;color:#000;max-width:none;padding:0}}.timeline-page__back-button:focus-visible,.timeline-page__update-button:focus-visible{outline:2px solid #ff4500;outline:2px solid var(--color-primary,#ff4500);outline-offset:2px}:root{--recovery-form-bg:#fff;--recovery-form-text:#333;--recovery-form-border:#e0e0e0;--recovery-form-shadow:#0000001a;--recovery-form-primary:#3498db;--recovery-form-primary-hover:#2980b9;--recovery-form-secondary-bg:#f8f9fa;--recovery-form-secondary-text:#7f8c8d;--recovery-form-secondary-hover:#e0e0e0;--recovery-form-success:#27ae60;--recovery-form-success-light:#2ecc71;--recovery-form-warning:#f39c12;--recovery-form-danger:#e74c3c;--recovery-form-danger-hover:#c0392b;--recovery-form-info:#3498db;--recovery-form-heading:#2c3e50;--recovery-form-label:#2c3e50;--recovery-form-muted:#7f8c8d;--recovery-form-light-text:#bdc3c7;--recovery-form-card-bg:#f8f9fa;--recovery-form-input-bg:#fff;--recovery-form-progress-bg:#ecf0f1;--recovery-form-divider:#eee;--recovery-form-overlay:#0000001a;--recovery-form-doc-link-bg:#e3f2fd;--recovery-form-doc-link-text:#0d47a1;--recovery-form-doc-link-hover-bg:#bbdefb;--recovery-form-button-secondary-bg:#95a5a6;--recovery-form-button-secondary-hover:#7f8c8d;--recovery-form-button-success-hover:#27ae60;--recovery-form-error-bg:#fff3f3;--recovery-form-status-pending-bg:#fff3cd;--recovery-form-status-pending-text:#856404;--recovery-form-status-approved-bg:#d4edda;--recovery-form-status-approved-text:#155724;--recovery-form-status-denied-bg:#f8d7da;--recovery-form-status-denied-text:#721c24;--recovery-form-status-paid-bg:#d1ecf1;--recovery-form-status-paid-text:#0c5460}.recovery-detail-form.dark{--recovery-form-bg:#1e272e;--recovery-form-text:#ecf0f1;--recovery-form-border:#34495e;--recovery-form-shadow:#0000004d;--recovery-form-secondary-bg:#2c3e50;--recovery-form-secondary-text:#bdc3c7;--recovery-form-secondary-hover:#34495e;--recovery-form-heading:#ecf0f1;--recovery-form-label:#ecf0f1;--recovery-form-muted:#bdc3c7;--recovery-form-light-text:#95a5a6;--recovery-form-card-bg:#2c3e50;--recovery-form-input-bg:#34495e;--recovery-form-progress-bg:#1e272e;--recovery-form-divider:#34495e;--recovery-form-overlay:#0000004d;--recovery-form-doc-link-bg:#0d47a1;--recovery-form-doc-link-text:#e3f2fd;--recovery-form-doc-link-hover-bg:#1565c0;--recovery-form-error-bg:#e74c3c33;--recovery-form-status-pending-bg:#7d6608;--recovery-form-status-pending-text:#fff3cd;--recovery-form-status-approved-bg:#1e7e34;--recovery-form-status-approved-text:#d4edda;--recovery-form-status-denied-bg:#8b2531;--recovery-form-status-denied-text:#f8d7da;--recovery-form-status-paid-bg:#0f697c;--recovery-form-status-paid-text:#d1ecf1;--recovery-form-status-not-filed-bg:#4d5e6b}.recovery-detail-form{background-color:#fff;background-color:var(--recovery-form-bg);border-radius:8px;box-shadow:0 2px 10px #0000001a;box-shadow:0 2px 10px var(--recovery-form-shadow);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:20px;width:100%}.recovery-form__header{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--recovery-form-border);margin-bottom:24px;padding-bottom:20px}.recovery-form__header h2{color:#2c3e50;color:var(--recovery-form-heading);font-size:24px;font-weight:600;margin:0 0 10px}.recovery-form__header p{color:#7f8c8d;color:var(--recovery-form-muted);font-size:15px;margin:0 0 20px}.recovery-form__stats{background-color:#f8f9fa;background-color:var(--recovery-form-secondary-bg);border-radius:8px;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding:15px}.recovery-form__stat-card{background-color:#fff;background-color:var(--recovery-form-bg);border-radius:6px;box-shadow:0 1px 3px #0000001a;box-shadow:0 1px 3px var(--recovery-form-overlay);flex:1 1;min-width:180px;padding:15px;text-align:center}.recovery-form__stat-label{color:#7f8c8d;color:var(--recovery-form-muted);font-size:13px;margin-bottom:5px}.recovery-form__stat-value{color:#2c3e50;color:var(--recovery-form-heading);font-size:22px;font-weight:600}.recovery-form__stat-value--none{color:#7f8c8d;color:var(--recovery-form-muted)}.recovery-form__stat-value--partial{color:#f39c12;color:var(--recovery-form-warning)}.recovery-form__stat-value--full{color:#27ae60;color:var(--recovery-form-success)}.recovery-form__progress-container{background-color:#ecf0f1;background-color:var(--recovery-form-progress-bg);border-radius:4px;height:8px;margin-top:10px;overflow:hidden;width:100%}.recovery-form__progress-bar{background-color:#3498db;background-color:var(--recovery-form-info);border-radius:4px;height:100%;transition:width .3s ease}.recovery-form__progress-bar--partial{background-color:#f39c12;background-color:var(--recovery-form-warning)}.recovery-form__progress-bar--full{background-color:#27ae60;background-color:var(--recovery-form-success)}.recovery-form__tabs{display:flex;gap:10px;margin-bottom:20px;overflow-x:auto;padding-bottom:5px}.recovery-form__tab-button{background-color:#f8f9fa;background-color:var(--recovery-form-secondary-bg);border:none;border-radius:6px;color:#333;color:var(--recovery-form-text);cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s;white-space:nowrap}.recovery-form__tab-button--active{background-color:#3498db;background-color:var(--recovery-form-primary);color:#fff}.recovery-form__tab-button:hover:not(.recovery-form__tab-button--active){background-color:#e0e0e0;background-color:var(--recovery-form-secondary-hover)}.recovery-form__content,.recovery-form__section{margin-bottom:30px}.recovery-form__section h3{border-bottom:1px solid #eee;border-bottom:1px solid var(--recovery-form-divider);color:#2c3e50;color:var(--recovery-form-heading);font-size:18px;font-weight:600;margin:0 0 15px;padding-bottom:10px}.recovery-form__recovered-items-list{margin-bottom:30px}.recovery-form__no-items{background-color:#f8f9fa;background-color:var(--recovery-form-secondary-bg);border-radius:8px;color:#7f8c8d;color:var(--recovery-form-muted);font-size:15px;margin-bottom:20px;padding:30px;text-align:center}.recovery-form__no-items p{margin:0 0 15px}.recovery-form__items-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:20px}.recovery-form__item-card{background-color:#fff;background-color:var(--recovery-form-bg);border-radius:8px;box-shadow:0 1px 3px #0000001a;box-shadow:0 1px 3px var(--recovery-form-overlay);margin-bottom:15px;overflow:hidden}.recovery-form__item-header{align-items:center;background-color:#f8f9fa;background-color:var(--recovery-form-secondary-bg);border-bottom:1px solid #eee;border-bottom:1px solid var(--recovery-form-divider);display:flex;justify-content:space-between;padding:15px}.recovery-form__item-header h4{color:#2c3e50;color:var(--recovery-form-heading);font-size:16px;margin:0}.recovery-form__item-details{padding:15px}.recovery-form__item-description{margin-bottom:10px}.recovery-form__item-description strong{color:#2c3e50;color:var(--recovery-form-heading)}.recovery-form__item-meta{margin-bottom:15px}.recovery-form__meta-row{align-items:center;display:flex;font-size:14px;justify-content:space-between;margin-bottom:8px}.recovery-form__meta-label{color:#7f8c8d;color:var(--recovery-form-muted);font-weight:500}.recovery-form__meta-value{color:#333;color:var(--recovery-form-text)}.recovery-form__item-photos{margin-top:15px}.recovery-form__item-photos h5{color:#2c3e50;color:var(--recovery-form-heading);font-size:14px;margin:0 0 10px}.recovery-form__photos-grid{display:flex;flex-wrap:wrap;gap:10px}.recovery-form__photo-thumbnail{border-radius:4px;display:block;height:100px;overflow:hidden;transition:transform .2s;width:100px}.recovery-form__photo-thumbnail:hover{transform:scale(1.05)}.recovery-form__photo-thumbnail img{height:100%;object-fit:cover;width:100%}.recovery-form__item-notes{background-color:#f8f9fa;background-color:var(--recovery-form-secondary-bg);border-radius:4px;margin-top:10px;padding:10px}.recovery-form__item-notes h5{color:#2c3e50;color:var(--recovery-form-heading);font-size:14px;margin:0 0 5px}.recovery-form__item-notes p{color:#333;color:var(--recovery-form-text);font-size:14px;margin:0}.recovery-form__add-item-form{background-color:#f8f9fa;background-color:var(--recovery-form-secondary-bg);border-radius:8px;margin-bottom:20px;padding:20px}.recovery-form__add-item-form h3{color:#2c3e50;color:var(--recovery-form-heading);font-size:18px;font-weight:600;margin:0 0 20px}.recovery-form__row{display:flex;gap:15px;margin-bottom:15px}.recovery-form__group{flex:1 1;margin-bottom:15px;min-width:0}.recovery-form__label{color:#2c3e50;color:var(--recovery-form-label);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.recovery-form__control{background-color:#fff;background-color:var(--recovery-form-input-bg);border:1px solid #e0e0e0;border:1px solid var(--recovery-form-border);border-radius:4px;color:#333;color:var(--recovery-form-text);font-size:14px;padding:10px 12px;width:100%}.recovery-form__control:focus{border-color:#3498db;border-color:var(--recovery-form-primary);outline:none}textarea.recovery-form__control{min-height:80px;resize:vertical}.recovery-form__control--file{cursor:pointer;padding:5px}.recovery-form__field-hint{color:#7f8c8d;color:var(--recovery-form-muted);font-size:12px;margin-top:5px}.recovery-form__checkbox-label{align-items:center;color:#333;color:var(--recovery-form-text);cursor:pointer;display:flex;font-size:14px;margin-top:10px}.recovery-form__checkbox-label input{margin-right:8px}.recovery-form__checkbox-label span{color:#333;color:var(--recovery-form-text)}.recovery-form__selected-files{margin-top:10px}.recovery-form__selected-file{align-items:center;background-color:#ecf0f1;background-color:var(--recovery-form-progress-bg);border-radius:4px;color:#333;color:var(--recovery-form-text);display:flex;font-size:13px;justify-content:space-between;margin-bottom:5px;padding:8px 12px}.recovery-form__remove-file-button{background:none;border:none;color:#e74c3c;color:var(--recovery-form-danger);cursor:pointer;font-size:16px;margin-left:10px;padding:0}.recovery-form__remove-file-button:hover{color:#c0392b;color:var(--recovery-form-danger-hover)}.recovery-form__upload-progress{margin-top:10px}.recovery-form__progress-text{color:#7f8c8d;color:var(--recovery-form-muted);font-size:12px;margin-top:5px;text-align:right}.recovery-form__existing-documents{margin-top:20px}.recovery-form__existing-documents h4{color:#2c3e50;color:var(--recovery-form-heading);font-size:16px;margin:0 0 10px}.recovery-form__document-list{display:flex;flex-wrap:wrap;gap:10px}.recovery-form__document-link{background-color:#e3f2fd;background-color:var(--recovery-form-doc-link-bg);border-radius:4px;color:#0d47a1;color:var(--recovery-form-doc-link-text);display:inline-block;font-size:13px;padding:8px 12px;text-decoration:none;transition:background-color .2s}.recovery-form__document-link:hover{background-color:#bbdefb;background-color:var(--recovery-form-doc-link-hover-bg);text-decoration:underline}.recovery-form__button{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s}.recovery-form__button--primary{background-color:#3498db;background-color:var(--recovery-form-primary);color:#fff}.recovery-form__button--primary:hover{background-color:#2980b9;background-color:var(--recovery-form-primary-hover)}.recovery-form__button--secondary{background-color:#95a5a6;background-color:var(--recovery-form-button-secondary-bg);color:#fff}.recovery-form__button--secondary:hover{background-color:#7f8c8d;background-color:var(--recovery-form-button-secondary-hover)}.recovery-form__button--cancel{background-color:#95a5a6;background-color:var(--recovery-form-button-secondary-bg);color:#fff}.recovery-form__button--cancel:hover{background-color:#7f8c8d;background-color:var(--recovery-form-button-secondary-hover)}.recovery-form__button--save{background-color:#27ae60;background-color:var(--recovery-form-success);color:#fff}.recovery-form__button--save:hover{background-color:#27ae60;background-color:var(--recovery-form-button-success-hover)}.recovery-form__button--delete{background-color:#e74c3c;background-color:var(--recovery-form-danger);color:#fff;font-size:13px;padding:6px 12px}.recovery-form__button--delete:hover{background-color:#c0392b;background-color:var(--recovery-form-danger-hover)}.recovery-form__button:disabled{cursor:not-allowed;opacity:.7}.recovery-form__actions{border-top:1px solid #e0e0e0;border-top:1px solid var(--recovery-form-border);display:flex;justify-content:space-between;margin-top:30px;padding-top:20px}.recovery-form__error-container,.recovery-form__loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px;text-align:center}.recovery-form__loading-spinner{animation:recovery-form-spin 1s linear infinite;border:3px solid #0000001a;border-radius:50%;border-top-color:#3498db;border:3px solid var(--recovery-form-overlay);border-top-color:var(--recovery-form-primary);height:40px;margin-bottom:20px;width:40px}@keyframes recovery-form-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.recovery-form__error-container{background-color:#fff3f3;background-color:var(--recovery-form-error-bg);border-radius:8px;padding:30px}.recovery-form__error-container h3{color:#e74c3c;color:var(--recovery-form-danger);margin-bottom:15px;margin-top:0}.recovery-detail-form.dark .recovery-form__error-container h3{color:#721c24;color:var(--recovery-form-status-denied-text)}.recovery-form__error-container p{color:#333;color:var(--recovery-form-text);margin-bottom:20px;max-width:500px}.recovery-form__claim-status{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:5px 10px}.recovery-form__claim-status--not-filed{background-color:#f8f9fa;background-color:var(--recovery-form-secondary-bg);color:#7f8c8d;color:var(--recovery-form-muted)}.recovery-form__claim-status--pending{background-color:#fff3cd;background-color:var(--recovery-form-status-pending-bg);color:#856404;color:var(--recovery-form-status-pending-text)}.recovery-form__claim-status--approved{background-color:#d4edda;background-color:var(--recovery-form-status-approved-bg);color:#155724;color:var(--recovery-form-status-approved-text)}.recovery-form__claim-status--denied{background-color:#f8d7da;background-color:var(--recovery-form-status-denied-bg);color:#721c24;color:var(--recovery-form-status-denied-text)}.recovery-form__claim-status--paid{background-color:#d1ecf1;background-color:var(--recovery-form-status-paid-bg);color:#0c5460;color:var(--recovery-form-status-paid-text)}.recovery-detail-form.dark .recovery-form__claim-status--not-filed{background-color:var(--recovery-form-status-not-filed-bg)}@media (max-width:768px){.recovery-form__row,.recovery-form__stats{flex-direction:column}.recovery-form__row{gap:15px}.recovery-form__items-grid{grid-template-columns:1fr}.recovery-form__actions{flex-direction:column-reverse;gap:15px}.recovery-form__button{width:100%}.recovery-form__tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:10px}.recovery-form__tab-button{flex-shrink:0}}.recovery-detail-page{margin:0 auto;max-width:1200px;padding:0;width:100%}.recovery-detail-page--full-width{margin:0;max-width:none}body.has-profile-background .recovery-detail-page{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1rem}body.dark-mode .recovery-detail-page{background-color:#2a2a2a;color:var(--color-text)}body.dark-mode.has-profile-background .recovery-detail-page{background-color:#2a2a2af2}.recovery-detail-page__skip-link{background:var(--color-primary);border-radius:var(--radius-base);color:#fff;font-weight:500;left:-9999px;padding:8px 16px;position:absolute;text-decoration:none;top:0;z-index:100}.recovery-detail-page__skip-link:focus{box-shadow:var(--shadow-lg);left:50%;top:10px;transform:translateX(-50%)}.recovery-detail-page__offline-banner{align-items:center;background-color:var(--color-warning);box-shadow:var(--shadow-md);color:#fff;display:flex;font-weight:500;gap:.5rem;justify-content:center;left:0;padding:.75rem;position:fixed;right:0;text-align:center;top:0;z-index:1100}.recovery-detail-page__loading{padding:2rem 1rem}.recovery-detail-page__skeleton{animation:skeleton-loading 1.5s ease-in-out infinite}.recovery-detail-page__skeleton-card,.recovery-detail-page__skeleton-header,.recovery-detail-page__skeleton-text{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--radius-base)}body.dark-mode .recovery-detail-page__skeleton-card,body.dark-mode .recovery-detail-page__skeleton-header,body.dark-mode .recovery-detail-page__skeleton-text{background:linear-gradient(90deg,#3a3a3a 25%,#4a4a4a 50%,#3a3a3a 75%)}.recovery-detail-page__button:focus-visible,.recovery-detail-page__input:focus-visible,.recovery-detail-page__select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-contrast:high){.recovery-detail-page__button,.recovery-detail-page__input,.recovery-detail-page__select,.toast{border-width:2px}}@media print{.recovery-detail-page__offline-banner,.recovery-detail-page__skip-link,.toast{display:none}.recovery-detail-page{background:#fff;color:#000;max-width:none;padding:0}}@media (max-width:768px){.recovery-detail-page{border-radius:0;padding:.5rem}.toast{bottom:1rem;left:1rem;max-width:none;right:1rem}}.recovery-detail-page{background-color:#f9f9f9;min-height:100vh;padding:20px}.recovery-detail-page.dark{background-color:#1e1e1e;color:#f0f0f1}.recovery-detail-page .recovery-detail-page__container{margin:0 auto;max-width:1200px}@media (max-width:768px){.recovery-detail-page{padding:10px}}.pdf-analyzer-container{display:flex;flex-direction:column;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0 auto;max-width:1200px;padding:20px;width:100%}.pdf-analyzer-header{margin-bottom:20px;text-align:center}.pdf-analyzer-header h2{color:#2c5282;margin-bottom:10px}.pdf-upload-section{align-items:center;display:flex;margin-bottom:20px}.pdf-file-input{height:.1px;opacity:0;overflow:hidden;position:absolute;width:.1px;z-index:-1}.pdf-upload-button{align-items:center;background-color:#2563eb;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;padding:10px 20px;transition:background-color .2s}.pdf-upload-button:hover{background-color:#1d4ed8}.filename{color:#4b5563;font-size:14px;margin-left:15px}.loading-indicator{align-items:center;display:flex;flex-direction:column;margin:40px 0}.spinner{border:4px solid #0000001a;border-left-color:#2563eb;height:40px;width:40px}.tabs-container{border:1px solid #e5e7eb;border-radius:6px;margin-bottom:30px;overflow:hidden;width:100%}.tabs-header{background-color:#f3f4f6;border-bottom:1px solid #e5e7eb;display:flex}.tab-button{color:#4b5563;padding:12px 20px;transition:all .2s}.tab-button:hover:not(:disabled){background-color:#e5e7eb}.tab-button.active{background-color:#fff;border-bottom:2px solid #2563eb;color:#2563eb}.tab-button:disabled{cursor:not-allowed;opacity:.5}.tab-content{background-color:#fff;min-height:400px}.pdf-viewer-tab{display:flex;flex-direction:column}.pdf-controls{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:10px}.page-navigation,.zoom-controls{align-items:center;display:flex;gap:10px}.pdf-controls button{background-color:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;font-size:14px;padding:6px 12px;transition:all .2s}.pdf-controls button:hover:not(:disabled){background-color:#f3f4f6;border-color:#9ca3af}.pdf-controls button:disabled{cursor:not-allowed;opacity:.5}.canvas-container{align-items:flex-start;background-color:#f3f4f6;display:flex;justify-content:center;max-height:800px;min-height:400px;overflow-x:auto;padding:20px;width:100%}canvas{background-color:#fff;border:1px solid #e5e7eb;box-shadow:0 2px 4px #0000001a;display:block;max-width:100%}.extracted-text-tab{display:flex;flex-direction:column;padding:20px}.text-actions{display:flex;justify-content:flex-end;margin-bottom:15px}.text-content{background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;max-height:600px;overflow-y:auto;padding:15px}.text-content pre{word-wrap:break-word;font-family:monospace;font-size:14px;line-height:1.5;margin:0;white-space:pre-wrap}.analyzed-data-tab{display:flex;flex-direction:column;padding:20px}.analyzed-actions{display:flex;justify-content:flex-end;margin-bottom:15px}.analyzed-content{overflow-y:auto}.analysis-section{border-bottom:1px solid #e5e7eb;margin-bottom:30px;padding-bottom:20px}.analysis-section:last-child{border-bottom:none}.analysis-section h3{border-bottom:1px solid #e5e7eb;color:#1f2937;margin-bottom:15px;padding-bottom:10px}.case-info-section{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:15px}.case-info-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.case-info-header h3{border-bottom:none;margin:0;padding-bottom:0}.case-info-id{background-color:#e5e7eb;border-radius:4px;color:#4b5563;font-size:14px;padding:5px 10px}.defendants-section{display:flex;flex-direction:column;gap:20px}.defendant-card{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:15px}.defendant-card h4{border-bottom:1px solid #e5e7eb;color:#1f2937;margin-bottom:15px;margin-top:0;padding-bottom:10px}.defendant-details{display:flex;flex-direction:column;gap:15px}.defendant-details h5{color:#4b5563;margin-bottom:10px;margin-top:10px}.charge-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:4px;margin-bottom:10px;padding:10px}.charge-header{align-items:center;display:flex;margin-bottom:10px}.count-number{background-color:#2563eb;border-radius:4px;color:#fff;font-size:12px;margin-right:10px;padding:3px 8px}.charge-description{color:#1f2937;font-weight:500}.charge-details{display:flex;flex-direction:column;gap:8px;margin-left:10px}.detail-label{color:#4b5563;font-weight:500;min-width:120px}.detail-value{color:#1f2937}.sub-section{margin-bottom:5px;margin-top:10px}.sub-section h6{color:#4b5563;font-size:14px;font-weight:500;margin-bottom:8px;margin-top:0}.sub-item{align-items:center;border-bottom:1px dashed #e5e7eb;display:flex;justify-content:space-between;padding:5px 0}.sub-item:last-child{border-bottom:none}.date-tag{background-color:#e5e7eb;border-radius:4px;color:#4b5563;font-size:12px;padding:2px 6px}.notes-section{border-top:1px solid #e5e7eb;margin-top:10px;padding-top:10px}.notes-section h6{color:#4b5563;font-size:14px;font-weight:500;margin-bottom:5px;margin-top:0}.notes-section p{color:#1f2937;font-size:14px;margin:0}.bail-section,.court-proceedings-section{overflow-x:auto}.bail-table,.court-proceedings-table{border-collapse:collapse;width:100%}.bail-table td,.bail-table th,.court-proceedings-table td,.court-proceedings-table th{border-bottom:1px solid #e5e7eb;padding:10px;text-align:left}.bail-table th,.court-proceedings-table th{background-color:#f3f4f6;color:#1f2937;font-weight:600}.bail-table tr:nth-child(2n),.court-proceedings-table tr:nth-child(2n){background-color:#f9fafb}.action-button{background-color:#2563eb;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 15px;transition:background-color .2s}.action-button:hover{background-color:#1d4ed8}.metadata-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.metadata-item{background-color:#f9fafb;border-radius:4px;padding:8px}.metadata-key{color:#4b5563;font-weight:600;margin-right:5px}.metadata-value{color:#1f2937}.advanced-options{border:1px solid #e5e7eb;border-radius:6px;margin-top:30px;overflow:hidden}.metadata-section,.tables-section{border-bottom:1px solid #e5e7eb;padding:20px}.metadata-section h4,.tables-section h4{color:#1f2937;margin-bottom:15px;margin-top:0}.tables-container{display:flex;flex-direction:column;gap:20px}.table-item{border:1px solid #e5e7eb;border-radius:4px;overflow:hidden}.table-item h5{background-color:#f3f4f6;border-bottom:1px solid #e5e7eb;font-size:16px;margin:0;padding:10px 15px}.table-preview{overflow-x:auto;padding:15px}.table-preview table{border-collapse:collapse;width:100%}.table-preview td,.table-preview th{border:1px solid #d1d5db;padding:8px 12px;text-align:left}.table-preview th{background-color:#f3f4f6;font-weight:600}.table-preview tr:nth-child(2n){background-color:#f9fafb}@media (max-width:768px){.pdf-analyzer-container{padding:10px}.pdf-upload-section{align-items:flex-start;flex-direction:column}.pdf-upload-button{font-size:16px;justify-content:center;padding:14px 20px;width:100%}.filename{margin-left:0;margin-top:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.tabs-header{flex-wrap:wrap}.tab-button{flex-grow:1;padding:10px;text-align:center}.pdf-controls{flex-direction:column;gap:10px}.page-navigation,.zoom-controls{justify-content:space-between;width:100%}.pdf-controls button{flex-grow:1;min-height:44px;padding:10px 15px}.canvas-container{padding:10px}.metadata-grid{grid-template-columns:1fr}.action-button{font-size:15px;min-height:44px;padding:12px 15px;width:100%}.case-info-header{align-items:flex-start;flex-direction:column;gap:10px}.case-info-id{align-self:flex-start}.detail-item{flex-direction:column}.detail-label{margin-bottom:3px;min-width:auto}.sub-item{align-items:flex-start;flex-direction:column;gap:5px}.date-tag{align-self:flex-end}.bail-section,.court-proceedings-section{max-width:100%;overflow-x:auto}.table-preview{padding:8px}.table-preview td,.table-preview th{font-size:14px;padding:8px}}.dp-processing-overlay,.dp-processing-spinner,.loading,.pdfjs-loading-bar,.processing-overlay,.processing-spinner,.progress{display:none!important}div[style*="position: fixed"][style*=z-index][style*=background-color]{display:none!important;opacity:0!important;pointer-events:none!important}.loading-spinner-container,.spinner-element{display:none!important}.pdf-analyzer-page{margin:0 auto;max-width:1200px;padding:20px}.page-header{margin-bottom:30px}.page-header h1{color:#1f2937;margin-bottom:8px}.page-header p{color:#4b5563;font-size:18px;margin:0}.tool-description{background-color:#f3f4f6;border-left:4px solid #2563eb;border-radius:6px;margin-bottom:30px;padding:15px 20px}.tool-description p{color:#1f2937;margin-bottom:15px;margin-top:0}.tool-description ul{margin-bottom:0;padding-left:20px}.tool-description li{color:#1f2937;line-height:1.5;margin-bottom:8px}.tool-notes{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;margin-top:50px;padding:15px 20px}.tool-notes h3{color:#1f2937;font-size:18px;margin-bottom:15px;margin-top:0}.tool-notes ul{margin-bottom:0;padding-left:20px}.tool-notes li{color:#4b5563;font-size:14px;line-height:1.5;margin-bottom:8px}@media (max-width:768px){.pdf-analyzer-page{padding:15px}.page-header{margin-bottom:20px}.page-header h1{font-size:24px}.page-header p{font-size:16px}.tool-description,.tool-notes{padding:12px 15px}}.not-found{align-items:center;background-color:var(--color-bg);display:flex;justify-content:center;min-height:80vh;padding:var(--space-lg)}.not-found__container{margin:0 auto;max-width:800px;text-align:center;width:100%}.not-found__icon{margin-bottom:var(--space-lg)}.not-found__warning-icon{color:var(--color-warning);font-size:4rem;opacity:.8}.not-found__title{color:var(--color-primary);font-size:6rem;font-weight:var(--font-weight-bold);line-height:1;margin:0}.not-found__subtitle{color:var(--color-text);font-size:2rem;font-weight:var(--font-weight-medium);margin:var(--space-md) 0 var(--space-lg)}.not-found__message{color:var(--color-text-secondary);font-size:1.1rem;line-height:1.6;margin:0 auto var(--space-xl);max-width:500px}.not-found__path{background-color:var(--color-bg-tertiary);border-radius:var(--radius-base);color:var(--color-text-muted);display:block;font-family:var(--font-mono);font-size:.9rem;margin-top:var(--space-sm);padding:var(--space-xs) var(--space-sm);word-break:break-all}.not-found__suggestions{margin-bottom:var(--space-xl)}.not-found__suggestions-title{color:var(--color-text);font-size:1.25rem;font-weight:var(--font-weight-medium);margin-bottom:var(--space-lg)}.not-found__links{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:600px}.not-found__link{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);display:flex;padding:var(--space-md);text-decoration:none;transition:all var(--transition-base)}.not-found__link:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.not-found__link:focus{outline:2px solid var(--color-primary);outline-offset:2px}.not-found__link-icon{color:var(--color-primary);flex-shrink:0;font-size:1.5rem;margin-right:var(--space-md)}.not-found__link-content{text-align:left}.not-found__link-label{color:var(--color-text);display:block;font-weight:var(--font-weight-medium);margin-bottom:var(--space-xs)}.not-found__link-description{color:var(--color-text-secondary);display:block;font-size:.9rem}.not-found__search{margin-top:var(--space-xl)}.not-found__search-text{color:var(--color-text-secondary);margin-bottom:var(--space-md)}.not-found__search-button{align-items:center;background-color:var(--color-primary);border-radius:var(--radius-base);color:#fff!important;display:inline-flex;font-weight:var(--font-weight-medium);gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);text-decoration:none;transition:all var(--transition-base)}.not-found__search-button:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.not-found--dark{background-color:var(--color-bg)}.not-found--dark .not-found__link{background-color:var(--color-bg-secondary);border-color:var(--color-border)}.not-found--dark .not-found__link:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-primary)}.toast{border-left:4px solid var(--color-primary)}.toast--success{border-left-color:var(--color-success)}.toast--error{border-left-color:var(--color-danger)}.toast--warning{border-left-color:var(--color-warning)}.toast--info{border-left-color:var(--color-info)}@media (max-width:768px){.not-found__title{font-size:4rem}.not-found__subtitle{font-size:1.5rem}.not-found__links{gap:var(--space-sm);grid-template-columns:1fr}.not-found__link{padding:var(--space-sm)}.not-found__warning-icon{font-size:3rem}.toast{left:10px;max-width:calc(100vw - 20px);right:10px}}.statistics-skeleton{padding:1rem;width:100%}.statistics-skeleton *{animation:pulse 1.5s ease-in-out infinite;background:#e0e0e0;border-radius:4px}.skeleton-header{margin-bottom:2rem}.skeleton-title{height:40px;margin-bottom:20px;width:300px}.skeleton-tabs{height:40px;margin:0 auto;max-width:500px;width:70%}.skeleton-filter-section{background:#f5f5f5;border-radius:8px;margin-bottom:2rem;padding:20px}.skeleton-filter-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:16px}.skeleton-filter{height:70px}.skeleton-filter-buttons{display:flex;gap:10px}.skeleton-button{height:40px;width:120px}.skeleton-summary-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.skeleton-summary-card{background:#f5f5f5;border-radius:8px;display:flex;height:140px;padding:20px}.skeleton-card-icon{border-radius:50%;height:50px;margin-right:15px;width:50px}.skeleton-card-content{flex:1 1}.skeleton-card-title{height:20px;margin-bottom:15px;width:100px}.skeleton-card-value{height:30px;margin-bottom:15px;width:70px}.skeleton-card-subtitle{height:15px;width:130px}.skeleton-chart-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:2rem}.skeleton-chart{background:#f5f5f5;border-radius:8px;padding:20px}.skeleton-chart-header{display:flex;justify-content:space-between;margin-bottom:15px}.skeleton-chart-title{height:25px;width:150px}.skeleton-chart-controls{height:25px;width:100px}.skeleton-chart-canvas{height:300px;width:100%}.skeleton-report-types-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.skeleton-report-type-card{background:#f5f5f5;border-radius:8px;padding:20px}.skeleton-report-type-header{display:flex;justify-content:space-between;margin-bottom:15px}.skeleton-report-type-title{height:25px;width:150px}.skeleton-report-type-count{height:25px;width:80px}.skeleton-report-type-details{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.skeleton-breakdown-column{background:#ebebeb;border-radius:6px;padding:15px}.skeleton-breakdown-title{height:20px;margin-bottom:10px;width:100px}.skeleton-breakdown-item{height:15px;margin-bottom:8px}.skeleton-breakdown-item:nth-child(2){width:90%}.skeleton-breakdown-item:nth-child(3){width:75%}.skeleton-breakdown-item:nth-child(4){width:85%}.dark .statistics-skeleton *{background:#444}.dark .skeleton-chart,.dark .skeleton-filter-section,.dark .skeleton-report-type-card,.dark .skeleton-summary-card{background:#333}.dark .skeleton-breakdown-column{background:#2a2a2a}@media (max-width:768px){.skeleton-chart-section,.skeleton-report-type-details,.skeleton-report-types-section,.skeleton-summary-section{grid-template-columns:1fr}.skeleton-summary-card{flex-direction:column;height:auto}.skeleton-card-icon{margin-bottom:15px;margin-right:0}}.statistics-summary{margin-bottom:2rem}.summary-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.summary-header h2{border-bottom:2px solid #ff4500;color:#333;font-size:1.8rem;margin:0;padding-bottom:.5rem}.last-updated{color:#666;font-size:.9rem}.summary-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.summary-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000000d;display:flex;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.summary-card:hover{box-shadow:0 6px 12px #0000001a;transform:translateY(-5px)}.card-icon{align-items:center;background-color:#ff45001a;border-radius:50%;color:#ff4500;display:flex;font-size:1.5rem;height:50px;justify-content:center;margin-right:1rem;width:50px}.card-content{flex:1 1}.card-content h3{color:#555;font-size:1.1rem;margin-bottom:.5rem;margin-top:0}.card-value{color:#333;font-size:2rem;font-weight:700;margin-bottom:.5rem}.card-breakdown{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.card-subtitle{background-color:#f5f5f5;border-radius:4px;color:#333;display:inline-block;font-size:.9rem;padding:.25rem .5rem}.progress-container{background-color:#f0f0f0;border-radius:.5rem;height:1rem;margin:.5rem 0;overflow:hidden}.progress-bar{background-color:#4caf50;border-radius:.5rem;color:#fff;font-size:.8rem;height:100%;line-height:1rem;text-align:center;transition:width .5s ease}.top-items{margin-top:.5rem}.top-item{align-items:center;border-bottom:1px solid #f0f0f0;color:#333;display:flex;padding:.4rem 0}.top-item:last-child{border-bottom:none}.rank{color:#555;font-weight:700;margin-right:.5rem;min-width:1.5rem}.name{flex:1 1}.count{color:#ff4500;font-weight:700}.no-data{color:#999;font-style:italic;padding:.5rem 0}.breakdown-item{color:#333!important}.breakdown-item span{color:inherit!important}.report-chart{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000000d;margin-bottom:1.5rem;padding:1.5rem}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.chart-title{color:#333;font-size:1.4rem;margin:0}.chart-controls{display:flex;gap:.5rem}.chart-container{height:300px;margin:1rem 0;position:relative}.chart-loading{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-radius:50%;border-top-color:#ff4500;height:40px;margin-bottom:1rem;width:40px}.filter-section{background-color:#f8f9fa;border-radius:8px;margin-bottom:1.5rem;max-height:500px;opacity:1;overflow:hidden;padding:1rem;transition:max-height .3s ease,padding .3s ease,margin .3s ease,opacity .3s ease}.filter-controls{align-items:center;flex-wrap:wrap;gap:1rem}.filter-control{flex:1 1;min-width:200px}.filter-label{display:block;margin-bottom:.5rem}.filter-select{background-color:#fff;border:1px solid #ddd;padding:.5rem;width:100%}.filter-actions{display:flex;gap:.5rem;margin-top:1rem}.filter-button{border:none;font-weight:500;padding:.5rem 1rem;transition:background-color .3s ease}.apply-filter{background-color:#ff4500;color:#fff}.apply-filter:hover{background-color:#e63900}.reset-filter{background-color:#f0f0f0;color:#555}.reset-filter:hover{background-color:#e0e0e0}.export-button{align-items:center;background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.5rem 1rem}.export-button:hover{background-color:#3e8e41}.export-button .fas{font-size:.9rem}.refresh-button{align-items:center;background-color:#007bff;border-radius:4px;display:flex;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:background-color .3s ease}.refresh-button:hover{background-color:#0069d9}.refresh-button .fas{font-size:.9rem}.dark .statistics-summary .summary-header h2{border-bottom-color:#ff4500;color:#f0f0f0}.dark .last-updated{color:#b0b0b0}.dark .summary-card{background-color:#2a2a2a;box-shadow:0 4px 6px #0003}.dark .card-icon{background-color:#ff450033}.dark .card-content h3{color:#d0d0d0}.dark .card-value{color:#f0f0f0}.dark .card-subtitle{background-color:#333;color:#b0b0b0}.dark .progress-container{background-color:#444}.dark .top-item{border-bottom-color:#444;color:#d0d0d0}.dark .top-item .name{color:inherit}.dark .breakdown-item{color:#d0d0d0!important}.dark .breakdown-item span{color:inherit!important}.dark .rank{color:#b0b0b0}.dark .count{color:tomato}.dark .no-data{color:#888}.dark .report-chart{background-color:#2a2a2a}.dark .chart-title{color:#f0f0f0}.dark .filter-section{background-color:#333}.dark .filter-label{color:#d0d0d0}.dark .filter-select{background-color:#444;border-color:#555;color:#f0f0f0}.dark .reset-filter{background-color:#555;color:#f0f0f0}.dark .reset-filter:hover{background-color:#666}@media (max-width:768px){.summary-cards{grid-template-columns:1fr}.summary-card{flex-direction:column}.card-icon{margin-bottom:1rem;margin-right:0}.filter-controls{flex-direction:column}.filter-control{width:100%}.chart-header,.filter-actions{flex-direction:column}.chart-header{align-items:flex-start}.chart-controls{justify-content:space-between;margin-top:1rem;width:100%}}.statistics-page{margin:0 auto;max-width:1200px;padding:0;width:100%}.statistics-page--full-width{margin:0;max-width:none}.statistics-page__breadcrumb-row{align-items:center;background-color:#fff;background-color:var(--color-bg,#fff);color:#333;color:var(--color-text,#333);display:flex;justify-content:space-between;margin-bottom:0;padding:1rem 1rem 0}.statistics-page__breadcrumbs{flex:1 1;margin:0;padding:0}.statistics-page__breadcrumbs ol{flex-wrap:wrap;list-style:none;margin:0;padding:0}.statistics-page__breadcrumbs li,.statistics-page__breadcrumbs ol{align-items:center;display:flex;gap:.5rem}.statistics-page__breadcrumbs a{align-items:center;color:var(--color-primary);display:flex;gap:.25rem;text-decoration:none;transition:color .2s ease}.statistics-page__breadcrumbs a:hover{color:var(--color-primary-hover);text-decoration:underline}.statistics-page__breadcrumb-separator{color:var(--color-text-secondary);font-size:.75rem;margin:0 .25rem}.statistics-page__breadcrumbs svg{fill:currentColor;height:1em;width:1em}.statistics-page__breadcrumbs li[aria-current=page]{color:#666;color:var(--color-text-secondary,#666);font-weight:500}.statistics-page__breadcrumbs span{align-items:center;display:inline-flex}.statistics-page__share-button{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;font-size:.875rem;height:auto;justify-content:center;margin-left:1rem;min-height:0;min-height:auto;padding:.25rem .5rem;position:static;transition:all .2s ease}.statistics-page__share-button:hover{background-color:var(--color-bg-tertiary);box-shadow:var(--shadow-md);color:var(--color-primary);transform:translateY(-1px)}.statistics-page__share-button:active{transform:translateY(0)}.statistics-page__share-button svg{fill:currentColor;height:1em;width:1em}body.has-profile-background .statistics-page{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #0000001a}body.has-profile-background .statistics-page__breadcrumb-row{background-color:initial}.statistics-page__skip-link{background:var(--color-primary);border-radius:var(--radius-base);color:#fff;font-weight:500;left:-9999px;padding:8px 16px;position:absolute;text-decoration:none;top:0;z-index:100}.statistics-page__skip-link:focus{box-shadow:var(--shadow-lg);left:50%;top:10px;transform:translateX(-50%)}.statistics-page__header{border-bottom:2px solid #ff4500;border-bottom:2px solid var(--color-primary,#ff4500);margin-bottom:2rem;padding:.5rem 1rem 1rem;position:relative;text-align:center}.statistics-page__header-content{width:100%}.statistics-page__header h1{color:#ff4500;color:var(--color-primary,#ff4500);font-size:2.5rem;margin:0 0 .5rem}.statistics-page__header p{color:#666;color:var(--color-text-secondary,#666);font-size:1.1rem;margin:0}.statistics-page__content{box-sizing:border-box;padding:0 1rem;width:100%}.statistics-page h1{color:#333;margin-bottom:1.5rem;margin-top:0;padding-bottom:.5rem}.statistics-page>p{color:#555;margin-bottom:1.5rem;text-align:center}@media (min-width:769px){.statistics-page:not(.full-width){max-width:1200px}}.statistics-header{margin-bottom:2rem}.header-actions{gap:1rem;margin-bottom:1rem}.view-toggle{flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.view-toggle button{background-color:#f8f9fa;border:2px solid #ddd;border-radius:5px;color:#666;cursor:pointer;font-weight:500;padding:.5rem 1.5rem;transition:all .3s ease}.view-toggle button.active{background-color:#ff4500;border-color:#ff4500;color:#fff}.view-toggle button:hover{background-color:#e9ecef}.view-toggle button.active:hover{background-color:#e63900}.error-message,.loading-spinner{color:#666;font-size:1.2rem;padding:2rem;text-align:center}.access-denied{background-color:#fff;box-shadow:0 4px 6px #0000001a;margin:2rem auto;max-width:500px;padding:2rem}.access-denied h1{color:#dc3545;margin-bottom:1rem}.filter-toggle-container{display:flex;justify-content:center;margin-bottom:1rem}.filter-toggle-button{background-color:#f8f9fa;border:2px solid #ddd;border-radius:5px;color:#666;cursor:pointer;font-weight:500;padding:.5rem 1.5rem;transition:all .3s ease}.filter-toggle-button:hover{background-color:#e9ecef}.filter-toggle-button.active{background-color:#ff4500;border-color:#ff4500;color:#fff}.refresh-button{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:.5rem 1.5rem;transition:all .3s ease}.refresh-button:hover{background-color:#218838}.export-container{display:inline-block}.debug-toggle{background-color:#6c757d;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:all .3s ease}.debug-toggle:hover{background-color:#5a6268}.data-empty-message{background-color:#f8f9fa;border:1px solid #ddd;border-radius:5px;margin:2rem 0;padding:2rem;text-align:center}.data-empty-message ul{list-style:none;margin-top:1rem;padding:0}.data-empty-message li{margin:.5rem 0}.debug-panel{background-color:#f8f9fa;border:1px solid #ddd;border-radius:5px;margin-bottom:2rem;padding:1.5rem}.debug-section{margin-bottom:1.5rem}.debug-section h3{color:#333;margin-bottom:1rem}.debug-info p{margin:.5rem 0}.sample-data{background-color:#fff;border-radius:3px;margin-top:1rem;padding:1rem}.sample-data pre{margin:0;overflow-x:auto}.collapsible-btn{background-color:#007bff;border:none;border-radius:3px;color:#fff;cursor:pointer;margin-top:1rem;padding:.5rem 1rem}.collapsible-content{max-height:0;overflow:hidden;transition:max-height .3s ease}.collapsible-content.expanded{max-height:500px;overflow-y:auto}@media (max-width:768px){.statistics-page{max-width:100%}.statistics-page h1,.statistics-page__header h1{font-size:2rem}.statistics-page__breadcrumb-row{padding:.5rem}.statistics-page__share-button{font-size:.75rem;margin-left:.5rem;padding:.25rem}.header-actions{align-items:stretch}.header-actions,.view-toggle{flex-direction:column}.view-toggle button{width:100%}}.statistics-page.dark:not(.has-profile-background),body.dark-mode:not(.has-profile-background) .statistics-page{background-color:#2a2a2a!important;color:#e0e0e0}body.dark-mode.has-profile-background .statistics-page{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#2a2a2af2!important;color:#f0f0f0}.statistics-page.dark:not(.has-profile-background) .report-chart .chart-container,body.dark-mode:not(.has-profile-background) .statistics-page .report-chart .chart-container{background-color:#2a2a2a!important;border-radius:4px;padding:10px}body.dark-mode.has-profile-background .statistics-page .report-chart .chart-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#2a2a2af2!important;border-radius:4px;padding:10px}.statistics-page.dark:not(.has-profile-background) .summary-charts,.statistics-page.dark:not(.has-profile-background) .trends-charts,body.dark-mode:not(.has-profile-background) .statistics-page .summary-charts,body.dark-mode:not(.has-profile-background) .statistics-page .trends-charts{background-color:#2a2a2a!important;border-radius:8px;box-shadow:0 4px 8px #0003;margin-bottom:20px;padding:20px}body.dark-mode.has-profile-background .statistics-page .summary-charts,body.dark-mode.has-profile-background .statistics-page .trends-charts{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#2a2a2af2!important;border-radius:8px;box-shadow:0 4px 8px #0003;margin-bottom:20px;padding:20px}.dark .statistics-page h1,.dark-mode .statistics-page h1{border-bottom-color:#ff6a33;color:#fff!important}body.dark-mode .statistics-page h1{color:#fff!important}.dark .statistics-page>p,.dark-mode .statistics-page>p{color:#b0b0b0}.dark .recharts-text,.dark-mode .recharts-text{fill:#e0e0e0}.dark .recharts-cartesian-axis-line,.dark .recharts-cartesian-axis-tick-line,.dark .recharts-reference-line line,.dark-mode .recharts-cartesian-axis-line,.dark-mode .recharts-cartesian-axis-tick-line,.dark-mode .recharts-reference-line line{stroke:#555}.dark .recharts-cartesian-grid line,.dark-mode .recharts-cartesian-grid line{stroke:#333}.dark .recharts-tooltip-wrapper,.dark-mode .recharts-tooltip-wrapper{background-color:#2a2a2a!important;border-color:#444!important;color:#e0e0e0!important}.dark .recharts-default-tooltip,.dark-mode .recharts-default-tooltip{background-color:#2a2a2a!important;border-color:#444!important}.dark .recharts-tooltip-item,.dark-mode .recharts-tooltip-item{color:#e0e0e0!important}.dark .ai-analytics-section,.dark .category-analysis,.dark .detailed-category-item,.dark .main-category-card,.dark .report-type-card,.dark .subcategory-card,.dark-mode .ai-analytics-section,.dark-mode .category-analysis,.dark-mode .detailed-category-item,.dark-mode .main-category-card,.dark-mode .report-type-card,.dark-mode .subcategory-card{background-color:#2a2a2a;border-color:#444;box-shadow:0 4px 8px #0000004d;color:#e0e0e0}.dark .main-category-card:hover,.dark .report-type-card:hover,.dark-mode .main-category-card:hover,.dark-mode .report-type-card:hover{box-shadow:0 6px 12px #0006}.dark .detailed-category-header,.dark .main-category-header,.dark .report-type-header,.dark .subcategory-header,.dark-mode .detailed-category-header,.dark-mode .main-category-header,.dark-mode .report-type-header,.dark-mode .subcategory-header{border-bottom-color:#ff4500}.dark .main-category-header h2,.dark .report-type-header h2,.dark .subcategory-header h3,.dark-mode .main-category-header h2,.dark-mode .report-type-header h2,.dark-mode .subcategory-header h3{color:#f0f0f0}.dark .ai-metric-card,.dark .category-breakdown,.dark .island-breakdown,.dark .status-breakdown,.dark-mode .ai-metric-card,.dark-mode .category-breakdown,.dark-mode .island-breakdown,.dark-mode .status-breakdown{background-color:#333;border-color:#444;color:#e0e0e0}.dark .category-breakdown h3,.dark .island-breakdown h3,.dark .status-breakdown h3,.dark-mode .category-breakdown h3,.dark-mode .island-breakdown h3,.dark-mode .status-breakdown h3{border-bottom-color:#444;color:#f0f0f0}.dark .breakdown-item,.dark-mode .breakdown-item{border-bottom-color:#444}.dark .breakdown-item span:first-child,.dark-mode .breakdown-item span:first-child{color:#e0e0e0}.dark .breakdown-item span:last-child,.dark .metric-value,.dark-mode .breakdown-item span:last-child,.dark-mode .metric-value{color:tomato}.dark .filter-toggle-button,.dark .tab-button,.dark .view-toggle button,.dark-mode .filter-toggle-button,.dark-mode .tab-button,.dark-mode .view-toggle button{background-color:#333;border-color:#444;color:#e0e0e0}.dark .filter-toggle-button:hover,.dark .tab-button:hover,.dark .view-toggle button:hover,.dark-mode .filter-toggle-button:hover,.dark-mode .tab-button:hover,.dark-mode .view-toggle button:hover{background-color:#444}.dark .tab-button.active,.dark .view-toggle button.active,.dark-mode .tab-button.active,.dark-mode .view-toggle button.active{background-color:#ff4500;border-color:#ff4500;color:#fff}.dark .debug-toggle,.dark .refresh-button,.dark .retry-button,.dark-mode .debug-toggle,.dark-mode .refresh-button,.dark-mode .retry-button{background-color:#333;border:1px solid #444;color:#e0e0e0}.dark .debug-toggle:hover,.dark .refresh-button:hover,.dark .retry-button:hover,.dark-mode .debug-toggle:hover,.dark-mode .refresh-button:hover,.dark-mode .retry-button:hover{background-color:#444;color:#fff}.dark .debug-panel,.dark-mode .debug-panel{background-color:#2a2a2a;border-color:#444;box-shadow:0 4px 8px #0000004d;color:#e0e0e0}.dark .debug-panel h2,.dark .debug-section h3,.dark-mode .debug-panel h2,.dark-mode .debug-section h3{border-bottom-color:#444;color:#f0f0f0}.dark .collapsible-content,.dark .debug-info,.dark .generation-summary,.dark .sample-data pre,.dark-mode .collapsible-content,.dark-mode .debug-info,.dark-mode .generation-summary,.dark-mode .sample-data pre{background-color:#333;border-color:#444;box-shadow:0 2px 4px #0003;color:#e0e0e0}.dark .access-denied,.dark .data-empty-message,.dark .error-message,.dark-mode .access-denied,.dark-mode .data-empty-message,.dark-mode .error-message{background-color:#2a2a2a;border-color:#444;color:#e0e0e0}.dark .access-denied,.dark-mode .access-denied{box-shadow:0 4px 8px #0000004d}.dark .access-denied h1,.dark-mode .access-denied h1{color:#ff4500}.dark .metric-value,.dark .percentage,.dark-mode .metric-value,.dark-mode .percentage{color:#e0e0e0}.dark .ai-metric-card .metric-value,.dark-mode .ai-metric-card .metric-value{color:tomato}.dark .percentage,.dark-mode .percentage{color:#bbb}.dark table,.dark td,.dark th,.dark-mode table,.dark-mode td,.dark-mode th{border-color:#444}.dark th,.dark-mode th{background-color:#333;color:#f0f0f0}.dark .category-analysis-component,.dark td,.dark-mode .category-analysis-component,.dark-mode td{background-color:#2a2a2a;color:#e0e0e0}.dark .category-analysis-component h3,.dark-mode .category-analysis-component h3{border-bottom-color:#444;color:#f0f0f0}.dark .category-analysis-section,.dark-mode .category-analysis-section{background-color:#333;border-color:#444}.dark .summary-charts,.dark .trends-charts,.dark-mode .summary-charts,.dark-mode .trends-charts{background-color:#2a2a2a;border-radius:8px;box-shadow:0 4px 8px #0003;margin-bottom:20px;padding:20px}.dark .recharts-surface,.dark-mode .recharts-surface{background-color:initial}.dark-mode .report-chart .chart-container{background-color:#2a2a2a;border-radius:4px;padding:10px}.dark-mode .report-chart .chart-header .chart-title{color:#f0f0f0}.dark-mode .report-chart .timeframe-select{background-color:#333;border-color:#555;color:#e0e0e0}.category-hierarchy-section{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.main-category-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000000d;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.main-category-card:hover{box-shadow:0 6px 10px #0000001a;transform:translateY(-5px)}.main-category-header{align-items:flex-start;border-bottom:2px solid #ff4500;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem}.main-category-header h2{color:#ff4500;flex-grow:1;margin:0;padding-right:1rem;text-align:left}.total-category-reports{color:#666;flex-shrink:0;font-weight:700;margin-left:12px;white-space:nowrap}.subcategories-section{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}.subcategory-card{background-color:#f8f9fa;border-radius:6px;margin-bottom:1rem;padding:1rem}.subcategory-header{align-items:center;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;margin-bottom:.5rem;padding-bottom:.25rem}.subcategory-header h3{color:#555;font-size:1.1rem;margin:0}.subcategory-header .subcategory-count{color:#666;font-weight:700;margin-left:8px}.detailed-category-item{background-color:#fff;border-radius:4px;margin-bottom:.5rem;padding:.5rem;transition:background-color .3s ease}.detailed-category-item:hover{background-color:#f0f0f0}.detailed-category-header{align-items:center;display:flex;gap:10px;justify-content:space-between;padding:.25rem 0}.detailed-category-header span{display:block;line-height:1.3}.detailed-category-header .detailed-name{flex:1 1;font-weight:500;margin-right:10px}.detailed-category-header .detailed-count{color:#ff4500;font-weight:700;margin-left:8px;text-align:right;white-space:nowrap}.dark .main-category-card{background-color:#1e1e1e;box-shadow:0 4px 6px #0000004d}.dark .main-category-header h2{color:#f0f0f0}.dark .total-category-reports{color:#b0b0b0}.dark .subcategory-card{background-color:#2a2a2a}.dark .subcategory-header{border-bottom-color:#444}.dark .subcategory-header h3{color:#e0e0e0}.dark .subcategory-header .subcategory-count{color:#b0b0b0}.dark .detailed-category-item{background-color:#1e1e1e}.dark .detailed-category-item:hover{background-color:#333}.dark .detailed-category-header .detailed-name{color:#e0e0e0}.dark .detailed-category-header .detailed-count{color:tomato}@media (max-width:768px){.category-hierarchy-section{grid-template-columns:1fr}.main-category-header{align-items:flex-start;flex-direction:column}.total-category-reports{margin-left:0;margin-top:.5rem}.subcategory-header{align-items:flex-start;flex-direction:column}.subcategory-header .subcategory-count{margin-left:0;margin-top:.25rem}.detailed-category-header{align-items:flex-start;flex-direction:column}.detailed-category-header .detailed-count{margin-left:0;margin-top:.25rem}}.detective-page{background-color:var(--color-bg);margin:0 auto;max-width:1200px;min-height:100vh;padding:var(--space-lg)}.detective-page__header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-md);margin-bottom:var(--space-xl);padding-bottom:var(--space-md)}.detective-page__back-button{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;font-size:14px;font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-md);transition:all var(--transition-base);white-space:nowrap}.detective-page__back-button:hover{background:var(--color-bg-hover);color:var(--color-text);transform:translateX(-2px)}.detective-page__title{align-items:center;color:var(--color-text);display:flex;font-size:var(--font-size-2xl);gap:var(--space-sm);margin:0}.detective-page__icon{font-size:var(--font-size-3xl)}.detective-page__content{display:flex;flex-direction:column;flex-grow:1;gap:20px;width:100%}.detective-page__error{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:5px;color:#dc3545;font-size:1.2em;padding:40px;text-align:center}.detective-page__viewer-container{position:relative}.detective-viewer{-webkit-touch-callout:none;background-color:#fff;border-radius:8px;box-shadow:0 1px 5px #0000000d;display:flex;flex-direction:column;overflow-y:auto;padding:15px;touch-action:none;-webkit-user-select:none;user-select:none;width:100%}.detective-viewer video{touch-action:auto}.detective-viewer h2{color:#555;font-size:1.2em;margin-bottom:15px;margin-top:0}.detective-viewer img{display:block;height:auto;max-width:100%;transition:filter .3s ease}.detective-controls{background-color:#fff;border-radius:8px;box-shadow:0 1px 5px #0000000d;overflow-y:auto;padding:15px;width:100%}.detective-controls h2{border-bottom:1px solid var(--color-border-light);color:var(--color-text);font-size:1.4em;font-weight:var(--font-weight-semibold);margin-bottom:20px;margin-top:0;padding-bottom:15px}.detective-controls__button-bar{align-items:center;border-bottom:1px solid #eee;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding-bottom:15px}.detective-controls__action-group,.detective-controls__tool-group{align-items:center;display:flex;gap:8px}.detective-controls__group-label{align-items:center;color:var(--color-text-secondary);display:flex;font-size:14px;font-weight:var(--font-weight-semibold);margin-right:10px}.detective-controls__tool-btn{align-items:center;background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:inline-flex;font-size:14px;font-weight:var(--font-weight-medium);gap:8px;height:36px;justify-content:center;min-width:44px;padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.detective-controls__tool-btn svg{flex-shrink:0;height:16px;width:16px}.detective-controls__tool-btn:hover:not(:disabled){background-color:var(--color-bg-hover);border-color:var(--color-border-dark);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.detective-controls__tool-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.detective-controls__tool-btn--active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)!important}.detective-controls__tool-btn--active:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.detective-controls__tool-btn--color-picker{height:36px!important;min-width:36px!important;overflow:visible;padding:2px!important;position:relative;width:36px!important}.detective-controls__tool-btn--color-picker:hover{box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.detective-controls__size-control{align-items:center;border-left:1px solid var(--color-border-light);display:flex;gap:8px;margin-left:15px;padding-left:15px}.detective-controls__size-label{color:var(--color-text-secondary);font-size:14px;font-weight:var(--font-weight-semibold)}.detective-controls__size-slider{-webkit-appearance:none;appearance:none;background:var(--color-bg-tertiary);border-radius:2px;cursor:pointer;height:4px;outline:none;width:100px}.detective-controls__size-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--color-primary);border-radius:50%;cursor:pointer;height:16px;-webkit-transition:all .2s;transition:all .2s;width:16px}.detective-controls__size-slider::-webkit-slider-thumb:hover{background:var(--color-primary-hover);transform:scale(1.2)}.detective-controls__size-slider::-moz-range-thumb{background:var(--color-primary);border:none;border-radius:50%;cursor:pointer;height:16px;-moz-transition:all .2s;transition:all .2s;width:16px}.detective-controls__size-slider::-moz-range-thumb:hover{background:var(--color-primary-hover);transform:scale(1.2)}.detective-controls__size-value{color:var(--color-text);font-family:monospace;font-size:14px;font-weight:var(--font-weight-semibold);min-width:20px;text-align:center}.detective-controls__btn{align-items:center;background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:inline-flex;font-size:14px;font-weight:var(--font-weight-medium);gap:8px;height:36px;justify-content:center;min-width:44px;padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.detective-controls__btn svg{flex-shrink:0;height:16px;width:16px}.detective-controls__btn:hover:not(:disabled){background-color:var(--color-bg-hover);border-color:var(--color-border-dark);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.detective-controls__btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.detective-controls__btn--reset{background-color:#495057;border:2px solid #343a40;box-shadow:0 1px 3px #0000001a;color:#fff!important;overflow:visible;position:relative}.detective-controls__btn--reset:hover:not(:disabled){background-color:#343a40;border-color:#23272b;box-shadow:0 2px 4px #00000026;color:#fff!important}.detective-controls__btn--reset svg{transition:transform .3s ease}.detective-controls__btn--reset:hover svg{transform:rotate(-180deg)}.detective-controls__btn--capture{background-color:var(--color-primary)!important;border-color:var(--color-primary)!important;color:#fff!important}.detective-controls__btn--capture:hover:not(:disabled){background-color:var(--color-primary-hover)!important;border-color:var(--color-primary-hover)!important;box-shadow:var(--shadow-sm);color:#fff!important;transform:translateY(-1px)}.detective-controls__btn--capture:disabled{background-color:#ccc!important;border-color:#ccc!important;cursor:not-allowed;opacity:.5;transform:none}.detective-controls__btn--clear{background-color:var(--color-danger)!important;border-color:var(--color-danger)!important;color:#fff!important}.detective-controls__btn--clear:hover:not(:disabled){background-color:#c82333!important;border-color:#c82333!important;box-shadow:var(--shadow-sm);color:#fff!important;transform:translateY(-1px)}.detective-controls__btn--clear:disabled{background-color:#ccc!important;border-color:#ccc!important;cursor:not-allowed;opacity:.5;transform:none}.detective-filters{grid-gap:15px 25px;display:grid;gap:15px 25px;grid-template-columns:1fr}@media (min-width:600px){.detective-filters{grid-template-columns:repeat(2,1fr)}}@media (min-width:993px){.detective-filters{grid-template-columns:repeat(3,1fr)}}.detective-filters label{color:#666;display:flex;flex-direction:column;font-weight:700;margin-bottom:0}.detective-filters label span:first-of-type{margin-bottom:5px}.detective-filters input[type=range]{margin-top:0;width:100%}.detective-filters span:last-of-type{font-family:monospace;margin-left:0;margin-top:3px;min-width:30px;text-align:right}.detective-filters__toggle-label{align-items:center;display:flex;justify-content:space-between;margin-bottom:0}.detective-filters__toggle-label>span:first-child{color:#666;font-weight:700;margin-bottom:0}.detective-filters__toggle-wrapper{align-items:center;display:flex;gap:10px}.detective-filters__toggle-input{display:none}.detective-filters__toggle-switch{background-color:#ccc;border-radius:24px;cursor:pointer;display:inline-block;height:24px;position:relative;transition:background-color .3s;width:50px}.detective-filters__toggle-slider{background-color:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;height:20px;left:2px;position:absolute;top:2px;transition:transform .3s;width:20px}.detective-filters__toggle-input:checked+.detective-filters__toggle-switch{background-color:var(--color-primary)}.detective-filters__toggle-input:checked+.detective-filters__toggle-switch .detective-filters__toggle-slider{transform:translateX(26px)}.detective-filters__toggle-status{font-family:monospace;font-weight:700;min-width:30px;text-align:left}.detective-toggle-switch{display:inline-block;height:22px;margin-left:auto;position:relative;width:40px}.detective-toggle-switch input{height:0;opacity:0;width:0}.detective-toggle-slider{background-color:#ccc;background-color:var(--color-border,#ccc);border-radius:22px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.detective-toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 1px 3px #0003;content:"";height:16px;left:3px;position:absolute;transition:.3s;width:16px}input:checked+.detective-toggle-slider{background-color:#ff6b35;background-color:var(--color-primary,#ff6b35)}input:checked+.detective-toggle-slider:before{transform:translateX(18px)}.detective-filters__label{margin-bottom:0}.detective-controls__toggle-group,.detective-filters__label{align-items:center;display:flex;justify-content:space-between}.detective-controls__toggle-group{margin:var(--space-sm) 0;padding:var(--space-sm) 0}.detective-controls__toggle-label{color:var(--color-text);cursor:pointer;font-weight:500}.detective-controls__toggle-input{display:none}.detective-controls__toggle-switch{background-color:#ccc;border-radius:12px;cursor:pointer;display:inline-block;height:24px;position:relative;transition:background-color .3s;width:48px}.detective-controls__toggle-slider{background-color:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;height:20px;left:2px;position:absolute;top:2px;transition:transform .3s;width:20px}.detective-controls__toggle-input:checked+.detective-controls__toggle-slider{transform:translateX(24px)}.detective-controls__toggle-switch:has(.detective-controls__toggle-input:checked){background-color:var(--color-primary)}.detective-controls__toggle-input:checked~.detective-controls__toggle-slider{transform:translateX(24px)}.detective-screenshot{border-top:1px solid #eee;margin-top:20px;padding-top:15px}.detective-screenshot__preview{background-color:#f9f9f9;border:1px dashed #ccc;margin-top:20px;padding:10px}.detective-screenshot__preview h3{color:#555;font-size:1.1em;margin-bottom:10px;margin-top:0}.detective-screenshot__preview img{border:1px solid #eee;display:block;height:auto;margin-top:10px;max-width:100%}.detective-screenshot__save-btn{align-items:center;background-color:var(--color-success)!important;border:1px solid var(--color-success)!important;border-radius:var(--radius-base);color:#fff!important;cursor:pointer;display:inline-flex;font-size:14px;font-weight:var(--font-weight-medium);gap:8px;justify-content:center;padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.detective-screenshot__save-btn:hover:not(:disabled){background-color:#218838!important;border-color:#218838!important;box-shadow:var(--shadow-sm);color:#fff!important;transform:translateY(-1px)}.detective-screenshot__save-btn:disabled{cursor:not-allowed;opacity:.5}.detective-screenshot__save-btn--loading{color:#0000!important;position:relative}.detective-screenshot__save-btn--loading:after{animation:spin 1s linear infinite;border:2px solid #ffffff80;border-radius:50%;border-top-color:#fff;content:"";height:16px;left:50%;margin-left:-8px;margin-top:-8px;position:absolute;top:50%;width:16px}@media (max-width:768px){.detective-page{margin:10px;padding:10px}.detective-controls__button-bar{gap:10px;justify-content:space-between}.detective-controls__tool-group{flex-wrap:wrap;width:100%}.detective-controls__action-group{justify-content:flex-start;margin-top:10px;width:100%}.detective-controls__btn,.detective-controls__tool-btn{min-height:44px;min-width:44px;padding:var(--space-sm)}.detective-controls__size-control{border-left:none;border-top:1px solid var(--color-border-light);margin-left:0;margin-top:10px;padding-left:0;padding-top:10px;width:100%}.detective-controls__size-slider{flex:1 1;max-width:200px}.detective-controls__tool-group>div:last-child{position:static}.detective-controls__tool-group div[style*="position: absolute"]{bottom:60px!important;left:50%!important;max-width:90vw;position:fixed!important;top:auto!important;transform:translateX(-50%);width:auto!important}.detective-filters{gap:15px;grid-template-columns:1fr}.detective-filters input[type=range]{-webkit-appearance:none;height:30px}.detective-filters input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:24px;width:24px}.detective-filters input[type=range]::-moz-range-thumb{height:24px;width:24px}.detective-page__header{flex-wrap:wrap}.detective-page__back-button{font-size:13px;padding:8px 12px}.detective-page__title{flex:1 1;font-size:1.3rem}.detective-page__icon{font-size:1.5rem}.detective-controls h2,.detective-viewer h2{font-size:1.1em;margin-bottom:15px}.detective-viewer{padding:10px}.konvajs-content{touch-action:none!important}}@media (max-width:480px){.detective-page__header{gap:10px}.detective-page__title{font-size:1.1rem;width:100%}.detective-controls__group-label{display:none}.detective-controls__btn svg,.detective-controls__tool-btn svg{height:18px;width:18px}.detective-controls__button-bar{align-items:stretch;flex-direction:column}.detective-controls__action-group,.detective-controls__tool-group{justify-content:space-around}.detective-filters label{font-size:14px}.detective-screenshot__preview{padding:8px}.detective-screenshot__preview img{max-height:200px;object-fit:contain}}.dark-mode .detective-page{background-color:var(--color-bg)}.dark-mode .detective-page__header{border-bottom-color:var(--color-border)}.dark-mode .detective-page__back-button{background:var(--color-bg-secondary);border-color:var(--color-border);color:var(--color-text)}.dark-mode .detective-page__back-button:hover{background:var(--color-bg-hover);color:var(--color-text)}.dark-mode .detective-page__title{color:var(--color-text)}.dark-mode .detective-controls,.dark-mode .detective-viewer{background-color:#3a3f4a;border-color:#555;box-shadow:0 1px 5px #0003}.dark-mode .detective-controls h2,.dark-mode .detective-viewer h2{border-bottom-color:var(--color-border);color:#e0e0e0}.dark-mode .detective-filters label{color:#ccc}.dark-mode .detective-filters span{color:#e0e0e0}.dark-mode .detective-filters__toggle-label>span:first-child{color:#ccc}.dark-mode .detective-filters__toggle-switch{background-color:#555}.dark-mode .detective-filters__toggle-status{color:#e0e0e0}.dark-mode .detective-toggle-slider{background-color:var(--color-border)}.dark-mode .detective-controls__toggle-label{color:var(--color-text)}.dark-mode .detective-controls__toggle-switch{background-color:#555}.dark-mode .detective-controls__toggle-input:checked~.detective-controls__toggle-switch,.dark-mode .detective-controls__toggle-switch:has(.detective-controls__toggle-input:checked){background-color:var(--color-primary)}.dark-mode .detective-screenshot__preview{background-color:#444;border-color:#666}.dark-mode .detective-screenshot__preview h3{color:#ccc}.dark-mode .detective-screenshot__preview img{border-color:#555}.dark-mode .detective-page__error{background-color:#5a2d32;border-color:#8a3d44;color:#f5c6cb}.dark-mode p{color:#ccc}.dark-mode .detective-controls__size-control{border-left-color:var(--color-border);border-top-color:var(--color-border)}.dark-mode .detective-controls__size-slider{background:#555}.dark-mode .detective-controls__size-slider::-webkit-slider-thumb{background:var(--color-primary)}.dark-mode .detective-controls__size-slider::-moz-range-thumb{background:var(--color-primary)}.template-preview{margin:0 auto;max-width:1200px;padding:0;width:100%}.template-preview--full-width{margin:0;max-width:none}body.has-profile-background .template-preview{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1rem}body.dark-mode .template-preview{background-color:#2a2a2a;color:var(--color-text)}body.dark-mode.has-profile-background .template-preview{background-color:#2a2a2af2}.template-preview__header{border-bottom:2px solid var(--color-primary);margin-bottom:2rem;padding:2rem 1rem 1rem;text-align:center}.template-preview__header h1{color:var(--color-primary);font-size:2.5rem;margin:0 0 .5rem}.template-preview__header p{color:var(--color-text-secondary);font-size:1.1rem;margin:0}.template-preview__status{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem;padding:0 1rem}.template-preview__status-item{align-items:center;border-radius:var(--radius-lg);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.template-preview__status-item--success{background-color:#28a7451a;border:1px solid #28a7454d;color:#28a745}.template-preview__status-item--info{background-color:#17a2b81a;border:1px solid #17a2b84d;color:#17a2b8}.template-preview__status-item--warning{background-color:#ffc1071a;border:1px solid #ffc1074d;color:#ffc107}body.dark-mode .template-preview__status-item--success{background-color:#28a74533}body.dark-mode .template-preview__status-item--info{background-color:#17a2b833}body.dark-mode .template-preview__status-item--warning{background-color:#ffc10733}.template-preview__content{box-sizing:border-box;padding:0 1rem;width:100%}.template-preview__section{margin-bottom:3rem}.template-preview__section h2{border-bottom:1px solid var(--color-border);color:var(--color-text);margin-bottom:1rem;padding-bottom:.5rem}.template-preview__cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.template-preview__card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:1.5rem;transition:all .3s ease}.template-preview__card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.template-preview__card h3{color:var(--color-primary);margin:0 0 .5rem}.template-preview__card p{color:var(--color-text-secondary);margin:0}.template-preview__features{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));list-style:none;margin:0;padding:0}.template-preview__features li{background-color:var(--color-bg-tertiary);border-left:3px solid var(--color-primary);border-radius:var(--radius-base);padding:.5rem}.template-preview__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.template-preview__button{border:none;border-radius:var(--radius-base);cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.template-preview__button--primary{background-color:var(--color-primary);color:#fff}.template-preview__button--primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.template-preview__button--secondary{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.template-preview__button--secondary:hover{background-color:var(--color-bg-tertiary);transform:translateY(-1px)}.template-preview__notice{background-color:#ffc1071a;border:1px solid #ffc1074d;border-radius:var(--radius-lg);margin-top:3rem;padding:1.5rem;text-align:center}.template-preview__notice p{font-weight:500;margin:0}@media (max-width:768px){.template-preview{border-radius:0;padding:.5rem}.template-preview__header h1{font-size:2rem}.template-preview__status{align-items:stretch;flex-direction:column}.template-preview__content{padding:0 .5rem}.template-preview__cards,.template-preview__features{grid-template-columns:1fr}.template-preview__actions{flex-direction:column}.template-preview__button{width:100%}}.template-preview__skip-link{background:var(--color-primary);border-radius:var(--radius-base);color:#fff;font-weight:500;left:-9999px;padding:8px 16px;position:absolute;text-decoration:none;top:0;z-index:100}.template-preview__skip-link:focus{box-shadow:var(--shadow-lg);left:50%;top:10px;transform:translateX(-50%)}.template-preview__breadcrumbs{margin-bottom:1rem;padding:1rem}.template-preview__breadcrumbs ol{flex-wrap:wrap;list-style:none;margin:0;padding:0}.template-preview__breadcrumbs li,.template-preview__breadcrumbs ol{align-items:center;display:flex;gap:.5rem}.template-preview__breadcrumbs a{align-items:center;color:var(--color-primary);display:flex;gap:.25rem;text-decoration:none;transition:color .2s ease}.template-preview__breadcrumbs a:hover{color:var(--color-primary-hover);text-decoration:underline}.template-preview__breadcrumb-separator{color:var(--color-text-secondary);font-size:.75rem}.template-preview__error{margin:0 auto;max-width:600px;padding:3rem 1rem;text-align:center}.template-preview__error h2{color:var(--color-danger);margin-bottom:1rem}.template-preview__error p{color:var(--color-text-secondary);margin-bottom:2rem}.template-preview__loading{padding:2rem 1rem}.template-preview__skeleton{animation:skeleton-loading 1.5s ease-in-out infinite}.template-preview__skeleton-card,.template-preview__skeleton-header,.template-preview__skeleton-text{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--radius-base)}.template-preview__skeleton-header{height:3rem;margin:0 auto 2rem;width:60%}.template-preview__skeleton-text{height:1rem;margin-bottom:1rem}.template-preview__skeleton-text--short{width:70%}.template-preview__skeleton-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.template-preview__skeleton-card{height:150px}.template-preview__form{max-width:600px}.template-preview__form-group{margin-bottom:1.5rem}.template-preview__form-group label{color:var(--color-text);display:block;font-weight:500;margin-bottom:.5rem}.template-preview__required{color:var(--color-danger);margin-left:.25rem}.template-preview__input,.template-preview__select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:1rem;min-height:44px;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.template-preview__input:focus,.template-preview__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.template-preview__help-text{color:var(--color-text-secondary);display:block;font-size:.875rem;margin-top:.5rem}body.dark-mode .template-preview__skeleton-card,body.dark-mode .template-preview__skeleton-header,body.dark-mode .template-preview__skeleton-text{background:linear-gradient(90deg,#3a3a3a 25%,#4a4a4a 50%,#3a3a3a 75%)}body.dark-mode .template-preview__input,body.dark-mode .template-preview__select{background-color:var(--color-bg-secondary)}.template-preview__button:focus-visible,.template-preview__card:focus-visible,.template-preview__input:focus-visible,.template-preview__select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media print{.template-preview__actions,.template-preview__notice,.template-preview__offline-banner,.template-preview__skip-link,.template-preview__toast{display:none}.template-preview{background:#fff;color:#000;max-width:none;padding:0}}.template-preview__offline-banner{align-items:center;background-color:var(--color-warning);box-shadow:var(--shadow-md);color:#fff;display:flex;font-weight:500;gap:.5rem;justify-content:center;left:0;padding:.75rem;position:fixed;right:0;text-align:center;top:0;z-index:1100}.template-preview__toast{align-items:center;animation:slideIn .3s ease-out;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);bottom:2rem;box-shadow:var(--shadow-lg);display:flex;gap:1rem;max-width:400px;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:1200}.template-preview__toast-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.template-preview__toast-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s ease}.template-preview__toast-close:hover{color:var(--color-text)}.template-preview__toast--success{border-color:var(--color-success)}.template-preview__toast--success svg{color:var(--color-success)}.template-preview__toast--warning{border-color:var(--color-warning)}.template-preview__toast--warning svg{color:var(--color-warning)}.template-preview__toast--error{border-color:var(--color-danger)}.template-preview__toast--error svg{color:var(--color-danger)}.template-preview__toast--info{border-color:var(--color-info)}.template-preview__toast--info svg{color:var(--color-info)}.template-preview__unsaved-indicator{color:var(--color-warning);font-size:.875rem;font-weight:400;margin-left:.5rem}.template-preview__form-actions{display:flex;gap:1rem;margin-top:1.5rem}.template-preview__image-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1rem}.template-preview__image-container{aspect-ratio:16/9;background-color:var(--color-bg-secondary);border-radius:var(--radius-base);overflow:hidden;position:relative}.template-preview__image{height:100%;object-fit:cover;transition:opacity .3s ease;width:100%}.template-preview__image[data-src]{background-color:var(--color-bg-tertiary);opacity:0}.template-preview__image:not([data-src]){opacity:1}@media (prefers-contrast:high){.template-preview__button,.template-preview__input,.template-preview__select,.template-preview__toast{border-width:2px}}@media (max-width:768px){.template-preview__toast{bottom:1rem;left:1rem;max-width:none;right:1rem}.template-preview__form-actions{flex-direction:column}.template-preview__form-actions button{width:100%}.template-preview__image-grid{grid-template-columns:1fr}}.template-preview1{margin:0 auto;max-width:1200px;padding:0;width:100%}.template-preview1--full-width{margin:0;max-width:none}body.has-profile-background .template-preview1{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1rem}body.dark-mode .template-preview1{background-color:#2a2a2a;color:var(--color-text)}body.dark-mode.has-profile-background .template-preview1{background-color:#2a2a2af2}.template-preview1__header{border-bottom:2px solid var(--color-primary);margin-bottom:2rem;padding:.5rem 1rem 1rem;position:relative;text-align:center}.template-preview1__header-content{width:100%}.template-preview1__header h1{color:var(--color-primary);font-size:2.5rem;margin:0 0 .5rem}.template-preview1__header p{color:var(--color-text-secondary);font-size:1.1rem;margin:0}.template-preview1__share-button{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;font-size:.875rem;height:auto;justify-content:center;margin-left:1rem;min-height:0;min-height:auto;padding:.25rem .5rem;position:static;transition:all .2s ease}.template-preview1__share-button:hover{background-color:var(--color-bg-tertiary);box-shadow:var(--shadow-md);color:var(--color-primary);transform:translateY(-1px)}.template-preview1__share-button:active{transform:translateY(0)}.template-preview1__share-button svg{fill:currentColor;height:1em;width:1em}.template-preview1__status{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem;padding:0 1rem}.template-preview1__status-item{align-items:center;border-radius:var(--radius-lg);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.template-preview1__status-item--success{background-color:#28a7451a;border:1px solid #28a7454d;color:#28a745}.template-preview1__status-item--info{background-color:#17a2b81a;border:1px solid #17a2b84d;color:#17a2b8}.template-preview1__status-item--warning{background-color:#ffc1071a;border:1px solid #ffc1074d;color:#ffc107}body.dark-mode .template-preview1__status-item--success{background-color:#28a74533}body.dark-mode .template-preview1__status-item--info{background-color:#17a2b833}body.dark-mode .template-preview1__status-item--warning{background-color:#ffc10733}.template-preview1__content{box-sizing:border-box;padding:0 1rem;width:100%}.template-preview1__section{margin-bottom:3rem}.template-preview1__section h2{border-bottom:1px solid var(--color-border);color:var(--color-text);margin-bottom:1rem;padding-bottom:.5rem}.template-preview1__cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.template-preview1__card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:1.5rem;transition:all .3s ease}.template-preview1__card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.template-preview1__card h3{color:var(--color-primary);margin:0 0 .5rem}.template-preview1__card p{color:var(--color-text-secondary);margin:0}.template-preview1__features{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));list-style:none;margin:0;padding:0}.template-preview1__features li{background-color:var(--color-bg-tertiary);border-left:3px solid var(--color-primary);border-radius:var(--radius-base);padding:.5rem}.template-preview1__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.template-preview1__button{border:none;border-radius:var(--radius-base);cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.template-preview1__button--primary{background-color:var(--color-primary);color:#fff}.template-preview1__button--primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.template-preview1__button--secondary{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.template-preview1__button--secondary:hover{background-color:var(--color-bg-tertiary);transform:translateY(-1px)}.template-preview1__notice{background-color:#ffc1071a;border:1px solid #ffc1074d;border-radius:var(--radius-lg);margin-top:3rem;padding:1.5rem;text-align:center}.template-preview1__notice p{font-weight:500;margin:0}@media (max-width:768px){.template-preview1{border-radius:0;padding:.5rem}.template-preview1__header h1{font-size:2rem}.template-preview1__breadcrumb-row{padding:.5rem}.template-preview1__share-button{font-size:.75rem;margin-left:.5rem;padding:.25rem}.template-preview1__status{align-items:stretch;flex-direction:column}.template-preview1__content{padding:0 .5rem}.template-preview1__cards,.template-preview1__features{grid-template-columns:1fr}.template-preview1__actions{flex-direction:column}.template-preview1__button{width:100%}}.template-preview1__skip-link{background:var(--color-primary);border-radius:var(--radius-base);color:#fff;font-weight:500;left:-9999px;padding:8px 16px;position:absolute;text-decoration:none;top:0;z-index:100}.template-preview1__skip-link:focus{box-shadow:var(--shadow-lg);left:50%;top:10px;transform:translateX(-50%)}.template-preview1__breadcrumb-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;padding:1rem 1rem 0}.template-preview1__breadcrumbs{flex:1 1;margin:0;padding:0}.template-preview1__breadcrumbs ol{flex-wrap:wrap;list-style:none;margin:0;padding:0}.template-preview1__breadcrumbs li,.template-preview1__breadcrumbs ol{align-items:center;display:flex;gap:.5rem}.template-preview1__breadcrumbs a{align-items:center;color:var(--color-primary);display:flex;gap:.25rem;text-decoration:none;transition:color .2s ease}.template-preview1__breadcrumbs a:hover{color:var(--color-primary-hover);text-decoration:underline}.template-preview1__breadcrumb-separator{color:var(--color-text-secondary);font-size:.75rem}.template-preview1__error{margin:0 auto;max-width:600px;padding:3rem 1rem;text-align:center}.template-preview1__error h2{color:var(--color-danger);margin-bottom:1rem}.template-preview1__error p{color:var(--color-text-secondary);margin-bottom:2rem}.template-preview1__loading{padding:2rem 1rem}.template-preview1__skeleton{animation:skeleton-loading 1.5s ease-in-out infinite}.template-preview1__skeleton-card,.template-preview1__skeleton-header,.template-preview1__skeleton-text{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--radius-base)}.template-preview1__skeleton-header{height:3rem;margin:0 auto 2rem;width:60%}.template-preview1__skeleton-text{height:1rem;margin-bottom:1rem}.template-preview1__skeleton-text--short{width:70%}.template-preview1__skeleton-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.template-preview1__skeleton-card{height:150px}.template-preview1__form{max-width:600px}.template-preview1__form-group{margin-bottom:1.5rem}.template-preview1__form-group label{color:var(--color-text);display:block;font-weight:500;margin-bottom:.5rem}.template-preview1__required{color:var(--color-danger);margin-left:.25rem}.template-preview1__input,.template-preview1__select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:1rem;min-height:44px;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.template-preview1__input:focus,.template-preview1__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.template-preview1__help-text{color:var(--color-text-secondary);display:block;font-size:.875rem;margin-top:.5rem}body.dark-mode .template-preview1__skeleton-card,body.dark-mode .template-preview1__skeleton-header,body.dark-mode .template-preview1__skeleton-text{background:linear-gradient(90deg,#3a3a3a 25%,#4a4a4a 50%,#3a3a3a 75%)}body.dark-mode .template-preview1__input,body.dark-mode .template-preview1__select{background-color:var(--color-bg-secondary)}.template-preview1__button:focus-visible,.template-preview1__card:focus-visible,.template-preview1__input:focus-visible,.template-preview1__select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media print{.template-preview1__actions,.template-preview1__notice,.template-preview1__offline-banner,.template-preview1__skip-link,.template-preview1__toast{display:none}.template-preview1{background:#fff;color:#000;max-width:none;padding:0}}.template-preview1__offline-banner{align-items:center;background-color:var(--color-warning);box-shadow:var(--shadow-md);color:#fff;display:flex;font-weight:500;gap:.5rem;justify-content:center;left:0;padding:.75rem;position:fixed;right:0;text-align:center;top:0;z-index:1100}.template-preview1__toast{align-items:center;animation:slideIn .3s ease-out;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);bottom:2rem;box-shadow:var(--shadow-lg);display:flex;gap:1rem;max-width:400px;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:1200}.template-preview1__toast-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.template-preview1__toast-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s ease}.template-preview1__toast-close:hover{color:var(--color-text)}.template-preview1__toast--success{border-color:var(--color-success)}.template-preview1__toast--success svg{color:var(--color-success)}.template-preview1__toast--warning{border-color:var(--color-warning)}.template-preview1__toast--warning svg{color:var(--color-warning)}.template-preview1__toast--error{border-color:var(--color-danger)}.template-preview1__toast--error svg{color:var(--color-danger)}.template-preview1__toast--info{border-color:var(--color-info)}.template-preview1__toast--info svg{color:var(--color-info)}.template-preview1__unsaved-indicator{color:var(--color-warning);font-size:.875rem;font-weight:400;margin-left:.5rem}.template-preview1__form-actions{display:flex;gap:1rem;margin-top:1.5rem}.template-preview1__image-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1rem}.template-preview1__image-container{aspect-ratio:16/9;background-color:var(--color-bg-secondary);border-radius:var(--radius-base);overflow:hidden;position:relative}.template-preview1__image{height:100%;object-fit:cover;transition:opacity .3s ease;width:100%}.template-preview1__image[data-src]{background-color:var(--color-bg-tertiary);opacity:0}.template-preview1__image:not([data-src]){opacity:1}@media (prefers-contrast:high){.template-preview1__button,.template-preview1__input,.template-preview1__select,.template-preview1__toast{border-width:2px}}@media (max-width:768px){.template-preview1__toast{bottom:1rem;left:1rem;max-width:none;right:1rem}.template-preview1__form-actions{flex-direction:column}.template-preview1__form-actions button{width:100%}.template-preview1__image-grid{grid-template-columns:1fr}}.style-guide{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-family-base);line-height:var(--line-height-base);margin:0 auto;max-width:1100px;padding:var(--space-lg) var(--space-md)}.style-guide__hero{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);margin-bottom:var(--space-xl);padding:var(--space-xl) var(--space-lg)}.style-guide__hero-title{color:var(--color-text);font-size:var(--font-size-xxxl);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-sm) 0}.style-guide__hero-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin:0 0 var(--space-sm) 0}.style-guide__hero-meta{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--space-xs);margin:0}.style-guide__brand-dot{background-color:var(--color-primary);border-radius:var(--radius-round);display:inline-block;height:12px;width:12px}.style-guide__code{background-color:var(--color-bg-tertiary);border-radius:var(--radius-base);color:var(--color-text);font-family:var(--font-family-mono);font-size:.95em;padding:2px var(--space-xs)}.style-guide__section{background-color:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-base);margin-bottom:var(--space-xxl);padding:var(--space-lg)}.style-guide__section-title{color:var(--color-text);font-size:var(--font-size-xxl);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-sm) 0}.style-guide__section-desc{color:var(--color-text-secondary);font-size:var(--font-size-base);margin:0 0 var(--space-lg) 0}.style-guide__subsection-title{color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin:var(--space-lg) 0 var(--space-sm) 0}.style-guide__token-group{margin-bottom:var(--space-lg)}.style-guide__token-group-title{color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);letter-spacing:.05em;margin:0 0 var(--space-sm) 0;text-transform:uppercase}.style-guide__swatch-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.style-guide__swatch{align-items:stretch;background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-sm)}.style-guide__swatch-color{border:1px solid var(--color-border-light);border-radius:var(--radius-base);height:60px}.style-guide__swatch-name{color:var(--color-text);font-family:var(--font-family-mono);font-size:var(--font-size-xs);word-break:break-all}.style-guide__swatch-value{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.style-guide__spacing-list{display:flex;flex-direction:column;gap:var(--space-sm)}.style-guide__spacing-row{grid-gap:var(--space-md);align-items:center;display:grid;gap:var(--space-md);grid-template-columns:160px 60px 1fr}.style-guide__spacing-name{color:var(--color-text);font-family:var(--font-family-mono);font-size:var(--font-size-sm)}.style-guide__spacing-value{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.style-guide__spacing-bar{background-color:var(--color-primary);border-radius:var(--radius-base);height:16px;min-width:2px}.style-guide__type-stack{display:flex;flex-direction:column;gap:var(--space-md)}.style-guide__type-sample{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-md)}.style-guide__type-h1{font-size:var(--font-size-xxxl)}.style-guide__type-h1,.style-guide__type-h2{color:var(--color-text);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0 0 var(--space-xs) 0}.style-guide__type-h2{font-size:var(--font-size-xxl)}.style-guide__type-h3{font-size:var(--font-size-xl)}.style-guide__type-h3,.style-guide__type-h4{color:var(--color-text);font-weight:var(--font-weight-medium);margin:0 0 var(--space-xs) 0}.style-guide__type-h4{font-size:var(--font-size-lg)}.style-guide__type-lead{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}.style-guide__type-body,.style-guide__type-lead{color:var(--color-text);margin:0 0 var(--space-xs) 0}.style-guide__type-body{font-size:var(--font-size-base);line-height:var(--line-height-base)}.style-guide__type-caption{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--space-xs) 0}.style-guide__type-mono{color:var(--color-text);font-size:var(--font-size-sm);margin-bottom:var(--space-xs)}.style-guide__type-mono,.style-guide__type-token{display:block;font-family:var(--font-family-mono)}.style-guide__type-token{color:var(--color-text-muted);font-size:var(--font-size-xs)}.style-guide__link{border-bottom:1px solid #0000;color:var(--color-primary);text-decoration:none;transition:border-color var(--transition-base)}.style-guide__link:hover{border-bottom-color:initial;color:var(--color-primary-hover)}.style-guide__radius-row{display:flex;flex-wrap:wrap;gap:var(--space-md)}.style-guide__radius-item{align-items:center;display:flex;flex-direction:column;gap:var(--space-xs);width:110px}.style-guide__radius-box{background-color:var(--color-primary);height:80px;width:80px}.style-guide__radius-box--sm{border-radius:var(--radius-sm)}.style-guide__radius-box--base{border-radius:var(--radius-base)}.style-guide__radius-box--md{border-radius:var(--radius-md)}.style-guide__radius-box--lg{border-radius:var(--radius-lg)}.style-guide__radius-box--xl{border-radius:var(--radius-xl)}.style-guide__radius-box--xxl{border-radius:var(--radius-xxl)}.style-guide__radius-box--round{border-radius:var(--radius-round)}.style-guide__radius-box--pill{border-radius:var(--radius-pill);width:120px}.style-guide__radius-name{color:var(--color-text);font-family:var(--font-family-mono);font-size:var(--font-size-xs)}.style-guide__radius-value{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.style-guide__shadow-row{display:flex;flex-wrap:wrap;gap:var(--space-xl);padding:var(--space-md)}.style-guide__shadow-item{align-items:center;display:flex;flex-direction:column;gap:var(--space-sm)}.style-guide__shadow-box{background-color:var(--color-bg);border-radius:var(--radius-lg);height:100px;width:100px}.style-guide__shadow-box--xs{box-shadow:var(--shadow-xs)}.style-guide__shadow-box--sm{box-shadow:var(--shadow-sm)}.style-guide__shadow-box--base{box-shadow:var(--shadow-base)}.style-guide__shadow-box--md{box-shadow:var(--shadow-md)}.style-guide__shadow-box--lg{box-shadow:var(--shadow-lg)}.style-guide__shadow-box--xl{box-shadow:var(--shadow-xl)}.style-guide__shadow-name{color:var(--color-text);font-family:var(--font-family-mono);font-size:var(--font-size-xs)}.style-guide__btn-row{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-md)}.style-guide__btn{align-items:center;border:none;border-radius:var(--radius-base);cursor:pointer;display:inline-flex;font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:var(--space-xs);justify-content:center;min-height:44px;min-width:140px;padding:.75rem var(--space-xl);transition:background-color var(--transition-base)}.style-guide__btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.style-guide__btn--primary{background-color:var(--color-primary);color:var(--color-text-inverse)}.style-guide__btn--primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.style-guide__btn--secondary{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.style-guide__btn--secondary:hover:not(:disabled){background-color:var(--color-bg-tertiary)}.style-guide__btn--danger{background-color:var(--color-danger);color:var(--color-text-inverse)}.style-guide__btn--danger:hover:not(:disabled){background-color:var(--color-danger-hover)}.style-guide__btn:disabled,.style-guide__btn:disabled:hover{background-color:var(--color-bg-disabled);border-color:var(--color-border-light);color:var(--color-text-disabled);cursor:not-allowed;opacity:1}.style-guide__btn--compact{min-width:0;padding:var(--space-sm) var(--space-md)}.dark-mode .style-guide__btn--primary{background-color:var(--color-primary-hover);color:var(--color-text-inverse)}.dark-mode .style-guide__btn--primary:hover:not(:disabled){background-color:var(--color-primary)}.dark-mode .style-guide__btn--secondary{background-color:var(--color-bg-hover);border-color:var(--color-border);color:var(--color-text)}.dark-mode .style-guide__btn--secondary:hover:not(:disabled){background-color:var(--color-border-light)}.dark-mode .style-guide__card{background-color:var(--color-bg-secondary);border-color:var(--color-border)}.dark-mode .style-guide__modal-backdrop{background-color:#000000b3}.dark-mode .style-guide__modal{background-color:var(--color-bg-secondary)}.dark-mode .style-guide__modal-footer{background-color:var(--color-bg)}.dark-mode .style-guide__skeleton-card{background-color:var(--color-bg-secondary);border-color:var(--color-border)}.dark-mode .style-guide__skeleton-line{background-color:var(--color-bg-hover)}.dark-mode .style-guide__section{background-color:var(--color-bg-secondary);border-color:var(--color-border)}.dark-mode .style-guide__empty,.dark-mode .style-guide__hero,.dark-mode .style-guide__skeleton-card,.dark-mode .style-guide__swatch,.dark-mode .style-guide__tab-panel,.dark-mode .style-guide__type-sample{background-color:var(--color-bg-tertiary);border-color:var(--color-border)}.style-guide__icon-btn{align-items:center;background-color:initial;border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:inline-flex;height:44px;justify-content:center;padding:0;transition:background-color var(--transition-base),border-color var(--transition-base);width:44px}.style-guide__icon-btn:hover{background-color:var(--color-bg-secondary);border-color:var(--color-border-dark)}.style-guide__icon-btn--circle{border-radius:var(--radius-round)}.style-guide__icon-btn--danger{border-color:var(--color-danger-border);color:var(--color-danger)}.style-guide__icon-btn--danger:hover{background-color:var(--color-danger-light)}.style-guide__btn-group{display:flex;flex-wrap:wrap;gap:var(--space-md)}@media (max-width:480px){.style-guide__btn-group{flex-direction:column}.style-guide__btn-group .style-guide__btn{width:100%}}.style-guide__form-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(2,1fr)}.style-guide__field{display:flex;flex-direction:column;gap:var(--space-xs)}.style-guide__field--span-2{grid-column:span 2}@media (max-width:640px){.style-guide__form-grid{grid-template-columns:1fr}.style-guide__field--span-2{grid-column:auto}}.style-guide__label{color:var(--color-text);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.style-guide__label--required:after{color:var(--color-danger);content:" *"}.style-guide__input,.style-guide__select,.style-guide__textarea{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-sizing:border-box;color:var(--color-text);font-family:var(--font-family-base);font-size:var(--font-size-base);min-height:44px;padding:var(--space-sm) var(--space-md);transition:border-color var(--transition-base),box-shadow var(--transition-base);width:100%}.style-guide__textarea{font-family:var(--font-family-base);min-height:120px;resize:vertical}.style-guide__input:focus,.style-guide__select:focus,.style-guide__textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light-bg);outline:none}.style-guide__input:disabled,.style-guide__select:disabled,.style-guide__textarea:disabled{background-color:var(--color-bg-secondary);cursor:not-allowed;opacity:.6}.style-guide__input--error{border-color:var(--color-danger)}.style-guide__input--error:focus{box-shadow:0 0 0 3px var(--color-danger-light)}.style-guide__input-wrap{position:relative}.style-guide__input-icon{color:var(--color-text-muted);left:var(--space-md);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.style-guide__input--with-icon{padding-left:40px}.style-guide__helper{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.style-guide__error{color:var(--color-danger);font-size:var(--font-size-xs)}.style-guide__check-row{align-items:center;color:var(--color-text);cursor:pointer;display:flex;font-size:var(--font-size-base);gap:var(--space-sm);padding:var(--space-xs) 0}.style-guide__check-row input[type=checkbox],.style-guide__check-row input[type=radio]{accent-color:var(--color-primary);cursor:pointer;height:18px;width:18px}.style-guide__toggle{background-color:var(--color-border);border:none;border-radius:var(--radius-pill);cursor:pointer;height:28px;padding:0;position:relative;transition:background-color var(--transition-base);width:48px}.style-guide__toggle--on{background-color:var(--color-primary)}.style-guide__toggle-knob{background-color:var(--color-bg);border-radius:var(--radius-round);box-shadow:var(--shadow-sm);height:24px;left:2px;position:absolute;top:2px;transition:transform var(--transition-base);width:24px}.style-guide__toggle--on .style-guide__toggle-knob{transform:translateX(20px)}.style-guide__card-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.style-guide__card{background-color:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-base);padding:var(--space-md);transition:box-shadow var(--transition-base),transform var(--transition-base)}.style-guide__card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.style-guide__card-title{color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-sm) 0}.style-guide__card-body{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-base);margin:0 0 var(--space-md) 0}.style-guide__card--accent{background-color:var(--color-primary-light-bg);border-color:var(--color-primary-light)}.style-guide__card--stat{display:flex;flex-direction:column;gap:var(--space-xs)}.style-guide__stat-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);letter-spacing:.05em;text-transform:uppercase}.style-guide__stat-value{color:var(--color-text);font-size:var(--font-size-xxxl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.style-guide__stat-trend{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.style-guide__stat-trend--up{color:var(--color-success)}.style-guide__stat-trend--down{color:var(--color-danger)}.style-guide__modal-backdrop{align-items:center;animation:sg-fade-in var(--transition-fast) ease;background-color:#00000080;display:flex;inset:0;justify-content:center;padding:var(--space-md);position:fixed;z-index:9999}.style-guide__modal{animation:sg-slide-up var(--transition-slow) ease;background-color:var(--color-bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:calc(100vh - var(--space-xl));max-width:500px;overflow:hidden;width:100%}.style-guide__modal--small{max-width:400px}.style-guide__modal-header{align-items:center;border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;padding:var(--space-md) var(--space-lg)}.style-guide__modal-title{color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.style-guide__modal-body{color:var(--color-text);font-size:var(--font-size-base);overflow-y:auto;padding:var(--space-lg)}.style-guide__modal-body p{margin:0 0 var(--space-sm) 0}.style-guide__modal-footer{background-color:var(--color-bg-tertiary);border-top:1px solid var(--color-border-light);display:flex;gap:var(--space-md);justify-content:flex-end;padding:var(--space-md) var(--space-lg)}@keyframes sg-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sg-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.style-guide__modal,.style-guide__modal-backdrop{animation:none}}.style-guide__alert-stack{display:flex;flex-direction:column;gap:var(--space-sm)}.style-guide__alert{align-items:flex-start;border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;font-size:var(--font-size-base);gap:var(--space-sm);line-height:var(--line-height-base);padding:var(--space-md)}.style-guide__alert svg{flex-shrink:0;margin-top:2px}.style-guide__alert--info{background-color:var(--color-info-light);border-color:var(--color-info-border);color:var(--color-info-dark)}.style-guide__alert--success{background-color:var(--color-success-light);border-color:var(--color-success-border);color:var(--color-success-dark)}.style-guide__alert--warning{background-color:var(--color-warning-light);border-color:var(--color-warning-border);color:var(--color-warning-dark)}.style-guide__alert--danger{background-color:var(--color-danger-light);border-color:var(--color-danger-border);color:var(--color-danger)}.style-guide__toast{align-items:center;animation:sg-slide-in-right var(--transition-base) ease;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);bottom:var(--space-lg);box-shadow:var(--shadow-lg);display:flex;gap:var(--space-sm);max-width:400px;min-width:280px;padding:var(--space-md);position:fixed;right:var(--space-lg);z-index:9999}.style-guide__toast--info{border-left:4px solid var(--color-info)}.style-guide__toast--success{border-left:4px solid var(--color-success)}.style-guide__toast--warning{border-left:4px solid var(--color-warning)}.style-guide__toast--danger{border-left:4px solid var(--color-danger)}.style-guide__toast--info svg{color:var(--color-info)}.style-guide__toast--success svg{color:var(--color-success)}.style-guide__toast--warning svg{color:var(--color-warning)}.style-guide__toast--danger svg{color:var(--color-danger)}.style-guide__toast>span{color:var(--color-text);flex:1 1;font-size:var(--font-size-sm)}@keyframes sg-slide-in-right{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.style-guide__badge-row{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-sm)}.style-guide__badge{background-color:var(--color-bg-secondary);border-radius:var(--radius-pill);color:var(--color-text);display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-xs) var(--space-sm);white-space:nowrap}.style-guide__badge--success{background-color:var(--color-success-light);color:var(--color-success-dark)}.style-guide__badge--warning{background-color:var(--color-warning-light);color:var(--color-warning-dark)}.style-guide__badge--danger{background-color:var(--color-danger-light);color:var(--color-danger)}.style-guide__badge--info{background-color:var(--color-info-light);color:var(--color-info-dark)}.style-guide__badge--neutral{background-color:var(--color-bg-secondary);color:var(--color-text)}.style-guide__tier{align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-pill);display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-xs);padding:var(--space-xs) var(--space-md)}.style-guide__tier--free{background-color:var(--color-bg-secondary);color:var(--color-text-secondary)}.style-guide__tier--bronze{background-color:#f9e8d8;border-color:#d8a76a;color:#8b5a2b}.style-guide__tier--silver{background-color:#e5e7eb;border-color:#9ca3af;color:#4b5563}.style-guide__tier--gold{background-color:#fff4d6;border-color:#f59e0b;color:#92400e}.style-guide__type-pill{border-radius:var(--radius-pill);color:var(--color-text-inverse);display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.03em;padding:var(--space-xs) var(--space-sm);text-transform:uppercase}.style-guide__type-pill--stolen{background-color:var(--color-type-stolen)}.style-guide__type-pill--lost{background-color:var(--color-type-lost)}.style-guide__type-pill--found{background-color:var(--color-type-found)}.style-guide__type-pill--missing{background-color:var(--color-type-missing)}.style-guide__type-pill--injured{background-color:var(--color-type-injured)}.style-guide__cat-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.style-guide__cat-tile{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-sm)}.style-guide__cat-badge{align-items:center;border:1px solid #0000;border-radius:var(--radius-base);color:#fff;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-sm);padding:var(--space-sm) var(--space-md);transition:transform var(--transition-base),box-shadow var(--transition-base)}.style-guide__cat-badge:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.style-guide__cat-icon{font-size:var(--font-size-lg);line-height:1}.style-guide__cat-label{white-space:nowrap}.style-guide__cat-token{color:var(--color-text-muted);font-family:var(--font-family-mono);font-size:var(--font-size-xs);word-break:break-all}.style-guide__cat-badge--stolen{background:linear-gradient(135deg,var(--color-cat-stolen-from),var(--color-cat-stolen-to));border-color:var(--color-cat-stolen-to)}.style-guide__cat-badge--lost{background:linear-gradient(135deg,var(--color-cat-lost-from),var(--color-cat-lost-to));border-color:var(--color-cat-lost-to)}.style-guide__cat-badge--found{background:linear-gradient(135deg,var(--color-cat-found-from),var(--color-cat-found-to));border-color:var(--color-cat-found-to)}.style-guide__cat-badge--missing{background:linear-gradient(135deg,var(--color-cat-missing-from),var(--color-cat-missing-to));border-color:var(--color-cat-missing-to)}.style-guide__cat-badge--crime{background:linear-gradient(135deg,var(--color-cat-crime-from),var(--color-cat-crime-to));border-color:var(--color-cat-crime-to)}.style-guide__cat-badge--misc{background:linear-gradient(135deg,var(--color-cat-misc-from),var(--color-cat-misc-to));border-color:var(--color-cat-misc-to)}.style-guide__cat-badge--burglary{background:linear-gradient(135deg,var(--color-cat-burglary-from),var(--color-cat-burglary-to));border-color:var(--color-cat-burglary-to)}.style-guide__cat-badge--robbery{background:linear-gradient(135deg,var(--color-cat-robbery-from),var(--color-cat-robbery-to));border-color:var(--color-cat-robbery-to)}.style-guide__cat-badge--assault{background:linear-gradient(135deg,var(--color-cat-assault-from),var(--color-cat-assault-to));border-color:var(--color-cat-assault-to)}.style-guide__cat-badge--arson{background:linear-gradient(135deg,var(--color-cat-arson-from),var(--color-cat-arson-to));border-color:var(--color-cat-arson-to)}.style-guide__cat-badge--fraud{background:linear-gradient(135deg,var(--color-cat-fraud-from),var(--color-cat-fraud-to));border-color:var(--color-cat-fraud-to)}.style-guide__cat-badge--trespassing{background:linear-gradient(135deg,var(--color-cat-trespassing-from),var(--color-cat-trespassing-to));border-color:var(--color-cat-trespassing-to)}.style-guide__cat-badge--animal{background:linear-gradient(135deg,var(--color-cat-animal-from),var(--color-cat-animal-to));border-color:var(--color-cat-animal-to)}.style-guide__cat-badge--vandalism{background:linear-gradient(135deg,var(--color-cat-vandalism-from),var(--color-cat-vandalism-to));border-color:var(--color-cat-vandalism-to)}.style-guide__cat-badge--vehicle{background:linear-gradient(135deg,var(--color-cat-vehicle-from),var(--color-cat-vehicle-to));border-color:var(--color-cat-vehicle-to)}.style-guide__cat-badge--beach{background:linear-gradient(135deg,var(--color-cat-beach-from),var(--color-cat-beach-to));border-color:var(--color-cat-beach-to)}.style-guide__cat-badge--illegal{background:linear-gradient(135deg,var(--color-cat-illegal-from),var(--color-cat-illegal-to));border-color:var(--color-cat-illegal-to)}.style-guide__cat-badge--drug{background:linear-gradient(135deg,var(--color-cat-drug-from),var(--color-cat-drug-to));border-color:var(--color-cat-drug-to)}.style-guide__cat-badge--hit-run{background:linear-gradient(135deg,var(--color-cat-hit-run-from),var(--color-cat-hit-run-to));border-color:var(--color-cat-hit-run-to)}.style-guide__cat-badge--traffic{background:linear-gradient(135deg,var(--color-cat-traffic-from),var(--color-cat-traffic-to));border-color:var(--color-cat-traffic-to)}.style-guide__cat-badge--weather{background:linear-gradient(135deg,var(--color-cat-weather-from),var(--color-cat-weather-to));border-color:var(--color-cat-weather-to)}.dark-mode .style-guide__cat-tile{background-color:var(--color-bg-secondary);border-color:var(--color-border)}.style-guide__avatar-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-md)}.style-guide__avatar{align-items:center;background-color:var(--color-primary);border-radius:var(--radius-round);color:var(--color-text-inverse);display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);height:40px;justify-content:center;text-transform:uppercase;width:40px}.style-guide__avatar--sm{font-size:var(--font-size-xs);height:28px;width:28px}.style-guide__avatar--lg{font-size:var(--font-size-lg);height:64px;width:64px}.style-guide__avatar--purple{background-color:var(--color-type-injured)}.style-guide__avatar--blue{background-color:var(--color-type-missing)}.style-guide__avatar--icon{background-color:var(--color-bg-secondary);color:var(--color-text-secondary)}.style-guide__tabs{border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-xs);margin-bottom:var(--space-md);overflow-x:auto}.style-guide__tab{background:#0000;border:none;border-bottom:2px solid #0000;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-md);transition:color var(--transition-base),border-color var(--transition-base);white-space:nowrap}.style-guide__tab:hover{color:var(--color-text)}.style-guide__tab--active{border-bottom-color:var(--color-primary);color:var(--color-primary)}.style-guide__tab-panel{background-color:var(--color-bg-tertiary);border-radius:var(--radius-md);padding:var(--space-md)}.style-guide__pagination{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-xs)}.style-guide__page-btn{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);height:40px;min-width:40px;padding:0 var(--space-sm);transition:all var(--transition-base)}.style-guide__page-btn:hover:not(:disabled){background-color:var(--color-bg-secondary);border-color:var(--color-border-dark)}.style-guide__page-btn--active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.style-guide__page-btn--active:hover{background-color:var(--color-primary-hover)}.style-guide__page-btn:disabled{cursor:not-allowed;opacity:.4}.style-guide__tooltip-demo{display:flex;justify-content:center;padding:var(--space-xl)}.style-guide__tooltip-trigger{position:relative}.style-guide__tooltip{background-color:var(--color-text);border-radius:var(--radius-base);bottom:calc(100% + var(--space-xs));color:var(--color-text-inverse);font-size:var(--font-size-xs);left:50%;opacity:0;padding:var(--space-xs) var(--space-sm);pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity var(--transition-base);white-space:nowrap;z-index:700}.style-guide__tooltip-trigger:focus-visible .style-guide__tooltip,.style-guide__tooltip-trigger:hover .style-guide__tooltip{opacity:1}.style-guide__empty{align-items:center;background-color:var(--color-bg-tertiary);border:1px dashed var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;padding:var(--space-xxl) var(--space-lg);text-align:center}.style-guide__empty-icon{color:var(--color-text-muted);font-size:48px;margin-bottom:var(--space-md)}.style-guide__empty-title{color:var(--color-text);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-sm) 0}.style-guide__empty-body{color:var(--color-text-secondary);font-size:var(--font-size-base);margin:0 0 var(--space-lg) 0;max-width:360px}.style-guide__skeleton-card{background-color:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-md)}.style-guide__skeleton-line{background-color:var(--color-bg-tertiary);border-radius:var(--radius-base);height:12px;margin-bottom:var(--space-sm)}.style-guide__skeleton-line--title{height:18px;width:60%}.style-guide__skeleton-line--short{margin-bottom:0;width:40%}.style-guide__table-wrap{border:1px solid var(--color-border-light);border-radius:var(--radius-md);overflow-x:auto}.style-guide__table{border-collapse:collapse;font-size:var(--font-size-sm);width:100%}.style-guide__table thead{background-color:var(--color-bg-tertiary)}.style-guide__table td,.style-guide__table th{border-bottom:1px solid var(--color-border-light);padding:var(--space-sm) var(--space-md);text-align:left}.style-guide__table th{color:var(--color-text);font-weight:var(--font-weight-semibold)}.style-guide__table td{color:var(--color-text-secondary)}.style-guide__table tbody tr:hover{background-color:var(--color-bg-secondary)}.style-guide__table tbody tr:last-child td{border-bottom:none}.style-guide__list{border:1px solid var(--color-border-light);border-radius:var(--radius-md);list-style:none;margin:0;overflow:hidden;padding:0}.style-guide__list-row{align-items:center;border-bottom:1px solid var(--color-border-light);display:flex;gap:var(--space-md);padding:var(--space-md);transition:background-color var(--transition-base)}.style-guide__list-row:last-child{border-bottom:none}.style-guide__list-row:hover{background-color:var(--color-bg-secondary)}.style-guide__list-row-body{flex:1 1;min-width:0}.style-guide__list-row-title{color:var(--color-text);font-size:var(--font-size-base);margin-bottom:2px}.style-guide__list-row-meta{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.style-guide__footer{border-top:1px solid var(--color-border-light);color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:var(--space-xl);padding:var(--space-lg);text-align:center}@media (max-width:768px){.style-guide{padding:var(--space-md) var(--space-sm)}.style-guide__hero{padding:var(--space-lg) var(--space-md)}.style-guide__section{padding:var(--space-md)}.style-guide__section-title{font-size:var(--font-size-xl)}}.pull-to-refresh-container{min-height:100vh;overflow:hidden;position:relative;width:100%}.ptr-indicator{height:80px;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:-80px;will-change:transform;z-index:100}.ptr-content,.ptr-indicator{align-items:center;display:flex;flex-direction:column}.ptr-content{gap:8px}.ptr-icon{color:var(--color-primary);font-size:24px;transition:transform .2s ease-out,color .2s ease-out}.ptr-icon.activated{color:var(--color-success);transform:rotate(180deg)}.ptr-icon.refreshing{animation:spin 1s linear infinite}.ptr-message{color:var(--color-text-secondary);font-size:14px;font-weight:500;text-align:center;white-space:nowrap}.ptr-progress{background:var(--color-bg-secondary);border-radius:3px;height:3px;margin-top:8px;overflow:hidden;width:100px}.ptr-progress-bar{background:var(--color-primary);border-radius:3px;height:100%;transition:width .2s ease-out,background-color .2s ease-out}.ptr-content-wrapper{background:var(--color-bg);min-height:100vh;position:relative;width:100%;will-change:transform}@media (max-width:768px){.pull-to-refresh-container{touch-action:pan-x pan-down}}@media (min-width:769px){.ptr-indicator{display:none}.ptr-content-wrapper{transform:none!important}}@supports (-webkit-touch-callout:none){.pull-to-refresh-container{-webkit-overflow-scrolling:touch}}[data-theme=dark] .ptr-indicator{background:linear-gradient(180deg,#000c,#0000)}[data-theme=dark] .ptr-progress{background:#ffffff1a}.ptr-indicator.releasing{transition:transform .3s cubic-bezier(.4,0,.2,1)}.ptr-indicator.can-refresh .ptr-icon{animation:pulse .5s ease-in-out}.ptr-loading-dots{display:inline-flex;gap:4px}.ptr-loading-dots span{animation:loading-bounce 1.4s ease-in-out infinite;background:var(--color-primary);border-radius:50%;height:6px;width:6px}.ptr-loading-dots span:first-child{animation-delay:-.32s}.ptr-loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes loading-bounce{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.ptr-icon.refreshing{animation:none}.ptr-content-wrapper,.ptr-indicator{transition:none!important}@keyframes pulse{0%,to{transform:none}}}.ptr-indicator.touching{background:radial-gradient(circle at center,#3498db1a,#0000)}.category-list-item{align-items:flex-start;cursor:pointer;display:flex;gap:var(--forum-space-lg);justify-content:space-between;position:relative;transition:all var(--forum-transition-base)}.category-list-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.category-list-item.forum-card{margin-bottom:var(--forum-space-md)}.category-icon{display:inline-block;font-size:1.25rem;margin-right:var(--forum-space-xs);transition:transform var(--forum-transition-fast)}.category-list-item:hover .category-icon{transform:scale(1.1) rotate(5deg)}.category-info{flex:1 1;min-width:0;padding:var(--forum-space-sm) 0}.category-info .forum-title{font-size:1.25rem;line-height:1.4;margin:0 0 var(--forum-space-sm) 0}.category-info .forum-title a{color:var(--forum-gradient-start);text-decoration:none;transition:color var(--forum-transition-fast)}.category-info .forum-title a:hover{color:var(--forum-gradient-end)}.category-description{color:var(--forum-text-secondary);font-size:.95rem;line-height:1.6;margin:0}.category-activity{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:var(--forum-space-sm);min-width:200px}.category-stats.forum-stats{gap:var(--forum-space-md);margin-top:0}.category-stats .forum-stat{flex-direction:row;font-size:.875rem;gap:var(--forum-space-xs)}.category-stats .forum-stat__icon{font-size:1rem}.category-stats .forum-stat__value{font-size:.875rem}.category-last-post{max-width:250px;text-align:right}.category-last-post p{line-height:1.3;margin:0 0 var(--forum-space-xs) 0}.category-last-post .forum-link{color:var(--forum-text-primary);font-weight:500;text-decoration:none;transition:color var(--forum-transition-fast)}.category-last-post .forum-link:hover{color:var(--forum-gradient-start);text-decoration:underline}.sub-category.forum-card{background-color:var(--forum-bg-secondary);border-left:3px solid var(--forum-gradient-start);margin-left:0}.sub-category .category-icon{font-size:1rem}.sub-category .forum-title{font-size:1.125rem}.category-list-item[data-hot=true] .forum-title:after{animation:flame 2s ease-in-out infinite;content:"🔥";font-size:1rem;margin-left:var(--forum-space-xs)}@keyframes flame{0%,to{transform:scale(1) rotate(0deg)}25%{transform:scale(1.1) rotate(-5deg)}75%{transform:scale(1.1) rotate(5deg)}}.category-list-item[data-activity=high]{border-color:var(--forum-gradient-start);box-shadow:0 0 0 1px #ff45001a}@media (max-width:768px){.category-list-item{flex-direction:column;gap:var(--forum-space-md)}.category-list-item:before{font-size:1.25rem;right:var(--forum-space-sm);top:var(--forum-space-sm)}.category-activity{align-items:flex-start;width:100%}.category-stats.forum-stats{justify-content:flex-start}.category-last-post{border-top:1px solid var(--forum-border-color);max-width:100%;padding-top:var(--forum-space-sm);text-align:left;width:100%}.sub-category.forum-card{margin-left:0;padding-left:var(--forum-space-lg)}}.category-list-item--loading{pointer-events:none}.category-list-item--loading .category-last-post p,.category-list-item--loading .forum-stat__value,.category-list-item--loading .forum-subtitle,.category-list-item--loading .forum-title{animation:shimmer 1.5s infinite;background-color:var(--forum-border-color);border-radius:var(--forum-radius-sm);color:#0000}.forum-leaderboard--loading{align-items:center;display:flex;justify-content:center;min-height:400px}.forum-leaderboard--compact.forum-leaderboard--loading{min-height:200px}.forum-leaderboard--empty,.forum-leaderboard--error{padding:var(--forum-space-xl);text-align:center}.forum-leaderboard{background-color:var(--forum-card-bg);border:1px solid var(--forum-border-color);border-radius:var(--forum-radius-lg);margin-bottom:var(--forum-space-lg);padding:var(--forum-space-lg)}.forum-leaderboard--compact{padding:var(--forum-space-md)}.leaderboard-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--forum-space-md);justify-content:space-between;margin-bottom:var(--forum-space-xl)}.leaderboard-title{align-items:center;color:var(--forum-text-primary);display:flex;font-size:1.5rem;font-weight:700;gap:var(--forum-space-sm);margin:0}.forum-leaderboard--compact .leaderboard-title{font-size:1.125rem;margin-bottom:var(--forum-space-md)}.leaderboard-title svg{color:var(--forum-gradient-start)}.leaderboard-podium{align-items:flex-end;display:flex;gap:var(--forum-space-sm);justify-content:center;margin-bottom:var(--forum-space-xl);padding:var(--forum-space-xl) 0}.podium-place{animation:fadeInUp .5s ease-out;flex:1 1;max-width:150px;text-align:center}.podium-place--first{animation-delay:.1s}.podium-place--second{animation-delay:.2s}.podium-place--third{animation-delay:.3s}.podium-user{padding:var(--forum-space-md);position:relative}.podium-user h4{color:var(--forum-text-primary);font-size:.875rem;margin:var(--forum-space-sm) 0 var(--forum-space-xs) 0}.podium-points{color:var(--forum-gradient-start);font-size:.875rem;font-weight:600;margin:0}.podium-medal{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:1rem;position:absolute;right:50%;top:-5px;transform:translateX(50%)}.podium-medal--gold{color:gold}.podium-medal--silver{color:silver}.podium-medal--bronze{color:#cd7f32}.podium-stand{align-items:center;background:linear-gradient(135deg,var(--forum-gradient-start),var(--forum-gradient-end));border-radius:var(--forum-radius-base) var(--forum-radius-base) 0 0;color:#fff;display:flex;font-size:2rem;font-weight:700;height:100px;justify-content:center;overflow:hidden;position:relative}.podium-stand:before{background:#ffffff1a;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:skewY(-3deg)}.podium-stand--first{height:120px}.podium-stand--second{height:100px;opacity:.9}.podium-stand--third{height:80px;opacity:.8}.leaderboard-list{display:flex;flex-direction:column;gap:var(--forum-space-sm)}.leaderboard-item{align-items:center;background-color:var(--forum-bg-secondary);border-radius:var(--forum-radius-base);display:flex;gap:var(--forum-space-md);padding:var(--forum-space-md);transition:all var(--forum-transition-fast)}.leaderboard-item:hover{background-color:var(--forum-card-hover-bg);transform:translateX(4px)}.leaderboard-item--compact{gap:var(--forum-space-sm);padding:var(--forum-space-sm)}.leaderboard-item--current{background-color:#ff45000d;border:2px solid var(--forum-gradient-start)}.leaderboard-rank{color:var(--forum-text-secondary);font-size:1.125rem;font-weight:700;text-align:center;width:30px}.leaderboard-info{flex:1 1;flex-direction:column;gap:2px}.leaderboard-name{color:var(--forum-text-primary);font-size:1rem;font-weight:600;margin:0}.leaderboard-item--compact .leaderboard-name{font-size:.875rem}.leaderboard-points{color:var(--forum-text-secondary);font-size:.75rem}.leaderboard-stats{align-items:center;color:var(--forum-text-secondary);display:flex;font-size:.875rem;gap:var(--forum-space-xs);margin-top:2px}.stat-separator{opacity:.5}.forum-leaderboard .badge-icon{font-size:.75rem!important;height:.75rem!important;width:.75rem!important}.forum-leaderboard .badge-icon--crown,.forum-leaderboard .badge-icon--gold{color:gold;font-size:.75rem!important}.forum-leaderboard .badge-icon--silver{color:silver;font-size:.75rem!important}.forum-leaderboard .badge-icon--star{color:var(--forum-gradient-start);font-size:.75rem!important}.leaderboard-footer{border-top:1px solid var(--forum-border-color);color:var(--forum-text-muted);font-size:.875rem;margin-top:var(--forum-space-lg);padding-top:var(--forum-space-md);text-align:center}.dark-mode .forum-leaderboard{background-color:var(--forum-card-bg);border-color:var(--forum-border-color)}.dark-mode .leaderboard-item{background-color:var(--forum-card-hover-bg)}.leaderboard-load-more{background-color:var(--forum-bg-secondary);border:1px solid var(--forum-gradient-start);border-radius:var(--forum-radius-base);color:var(--forum-gradient-start);cursor:pointer;font-weight:500;margin-top:var(--forum-space-md);padding:var(--forum-space-sm) var(--forum-space-md);transition:all var(--forum-transition-fast);width:100%}.leaderboard-load-more:hover{background-color:var(--forum-gradient-start);box-shadow:var(--forum-shadow-sm);color:#fff;transform:translateY(-1px)}@media (max-width:768px){.leaderboard-header{align-items:stretch;flex-direction:column}.period-selector{justify-content:center}.leaderboard-podium{gap:4px;padding:var(--forum-space-md) 0}.podium-place{max-width:100px}.podium-user h4{font-size:.75rem}.podium-stand{font-size:1.5rem}.podium-stand--first{height:100px}.podium-stand--second{height:80px}.podium-stand--third{height:60px}.leaderboard-stats{flex-wrap:wrap}}.forum-stats--loading{align-items:center;display:flex;justify-content:center;min-height:500px}.forum-stats--compact.forum-stats--loading{min-height:150px}.loading-spinner{color:var(--forum-text-secondary)}.spinner-icon{animation:spin 1s linear infinite;color:var(--forum-gradient-start);font-size:2rem;margin-bottom:var(--forum-space-md)}.forum-stats--error{padding:var(--forum-space-xl);text-align:center}.error-message{color:var(--forum-danger);font-size:1rem}.forum-stats--empty{padding:var(--forum-space-xl);text-align:center}.empty-message{font-size:1rem}.forum-stats{background-color:var(--forum-card-bg);border:1px solid var(--forum-border-color);border-radius:var(--forum-radius-lg);margin-bottom:var(--forum-space-lg);padding:var(--forum-space-xl)}.forum-stats--compact{box-sizing:border-box;display:block!important;padding:var(--forum-space-md);width:100%}.stats-header{flex-wrap:wrap;gap:var(--forum-space-md);justify-content:space-between;margin-bottom:var(--forum-space-xl)}.stats-header,.stats-title{align-items:center;display:flex}.stats-title{color:var(--forum-text-primary);font-size:1.5rem;font-weight:700;gap:var(--forum-space-sm);margin:0}.forum-stats--compact .stats-title{font-size:1.125rem}.stats-title svg{color:var(--forum-gradient-start)}.period-selector{background-color:var(--forum-bg-secondary);border-radius:var(--forum-radius-base);gap:2px;padding:2px}.period-btn{background-color:initial;border:none;border-radius:var(--forum-radius-sm);color:var(--forum-text-secondary);cursor:pointer;font-weight:500;padding:var(--forum-space-xs) var(--forum-space-md);transition:all var(--forum-transition-fast)}.period-btn:hover{color:var(--forum-text-primary)}.period-btn.active{background-color:var(--forum-card-bg);box-shadow:var(--forum-shadow-sm);color:var(--forum-gradient-start)}.stats-overview{margin-bottom:var(--forum-space-xl)}.overview-grid{grid-gap:var(--forum-space-md);display:grid;gap:var(--forum-space-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.overview-card{background-color:var(--forum-bg-secondary);border:1px solid var(--forum-border-color);border-radius:var(--forum-radius-base);overflow:hidden;padding:var(--forum-space-lg);position:relative;text-align:center;transition:all var(--forum-transition-base)}.overview-card:before{background:linear-gradient(135deg,var(--forum-gradient-start),var(--forum-gradient-end));content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform var(--forum-transition-base)}.overview-card:hover:before{transform:scaleX(1)}.overview-card:hover{box-shadow:var(--forum-shadow-md);transform:translateY(-2px)}.overview-icon{color:var(--forum-gradient-start);font-size:2rem;margin-bottom:var(--forum-space-sm);opacity:.8}.overview-icon--hot{animation:pulse 2s infinite;color:#ff6b35}.overview-card h3{animation:countUp 1s ease-out;color:var(--forum-text-primary);font-size:2rem;font-weight:700;margin:0}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.overview-card p{color:var(--forum-text-secondary);font-size:.875rem;margin:var(--forum-space-xs) 0}.overview-change{color:var(--forum-text-muted);display:inline-block;font-size:.75rem;font-weight:600}.overview-change.positive{color:#10b981}.overview-change.negative{color:#ef4444}.stats-grid--compact{display:flex;flex-direction:column;gap:var(--forum-space-md);width:100%}.forum-stats__item{align-items:center;display:flex;gap:var(--forum-space-sm)}.stats-grid--compact .forum-stats__item{align-items:center;background-color:var(--forum-bg-secondary);border:1px solid var(--forum-border-color);border-radius:var(--forum-radius-base);box-sizing:border-box;display:flex;flex-direction:row;justify-content:flex-start;padding:var(--forum-space-md);width:100%}.forum-stats__icon{color:var(--forum-gradient-start);flex-shrink:0;font-size:1.5rem;opacity:.8}.forum-stats__content{align-items:flex-start;display:flex;flex-direction:column;gap:var(--forum-space-xs)}.forum-stats__value{color:var(--forum-text-primary);display:block;font-size:1.25rem;font-weight:700;line-height:1}.forum-stats__label{color:var(--forum-text-muted);display:block;font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.stats-section{margin-bottom:var(--forum-space-xl)}.stats-section:last-child{margin-bottom:0}.section-title{align-items:center;color:var(--forum-text-primary);display:flex;font-size:1.25rem;font-weight:600;gap:var(--forum-space-sm);margin:0 0 var(--forum-space-lg) 0}.section-title svg{color:var(--forum-gradient-start);opacity:.8}.charts-container{grid-gap:var(--forum-space-lg);display:grid;gap:var(--forum-space-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.chart-card{background-color:var(--forum-bg-secondary);border-radius:var(--forum-radius-base);padding:var(--forum-space-lg)}.chart-card h4{color:var(--forum-text-primary);font-size:1rem;font-weight:600;margin:0 0 var(--forum-space-lg) 0}.activity-chart{align-items:flex-end;display:flex;gap:8px;height:150px;justify-content:space-between}.chart-bar-container{align-items:center;display:flex;flex:1 1;flex-direction:column;position:relative}.chart-bar{animation:growUp .5s ease-out forwards;background:linear-gradient(to top,var(--forum-gradient-start),var(--forum-gradient-end));border-radius:var(--forum-radius-sm) var(--forum-radius-sm) 0 0;opacity:0;position:relative;transform-origin:bottom;width:100%}@keyframes growUp{to{opacity:1}}.chart-value{animation:fadeIn .3s ease-out .5s forwards;color:var(--forum-text-secondary);font-size:.75rem;font-weight:600;left:50%;opacity:0;position:absolute;top:-20px;transform:translateX(-50%);white-space:nowrap}.chart-label{color:var(--forum-text-muted);font-size:.75rem;margin-top:var(--forum-space-xs);text-align:center}.category-stats{display:flex;flex-direction:column;gap:var(--forum-space-sm)}.category-stat-item{align-items:center;background-color:var(--forum-bg-secondary);border-radius:var(--forum-radius-base);display:flex;justify-content:space-between;padding:var(--forum-space-md);transition:all var(--forum-transition-fast)}.category-stat-item:hover{background-color:var(--forum-card-hover-bg);transform:translateX(4px)}.category-info h4{color:var(--forum-text-primary);font-size:1rem;font-weight:600;margin:0 0 var(--forum-space-xs) 0}.category-metrics{color:var(--forum-text-secondary);font-size:.875rem}.metric-separator{margin:0 var(--forum-space-xs);opacity:.5}.category-growth{background-color:var(--forum-card-bg);border-radius:var(--forum-radius-sm);font-size:.875rem;font-weight:700;padding:var(--forum-space-xs) var(--forum-space-sm)}.category-growth.positive{color:#10b981}.category-growth.negative{color:#ef4444}.trending-grid{grid-gap:var(--forum-space-md);display:grid;gap:var(--forum-space-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.trending-card{background-color:var(--forum-bg-secondary);border-radius:var(--forum-radius-base);padding:var(--forum-space-lg);text-align:center;transition:all var(--forum-transition-base)}.trending-card:hover{box-shadow:var(--forum-shadow-md);transform:translateY(-2px)}.trending-icon{color:var(--forum-gradient-start);font-size:2rem;margin-bottom:var(--forum-space-sm);opacity:.8}.trending-icon--hot{animation:pulse 2s infinite;color:#ff6b35}.trending-card h4{color:var(--forum-text-secondary);font-size:.875rem;letter-spacing:.5px;margin:0 0 var(--forum-space-sm) 0;text-transform:uppercase}.trending-value{color:var(--forum-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 var(--forum-space-xs) 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trending-detail{color:var(--forum-text-muted);font-size:.75rem}body.dark-mode .forum-stats,body.dark-mode .forum-stats.forum-stats--compact{background-color:var(--forum-card-bg)!important;border-color:var(--forum-border-color)!important}body.dark-mode .forum-stats--compact .stats-title{color:var(--forum-text-primary)!important}body.dark-mode .category-stat-item,body.dark-mode .chart-card,body.dark-mode .overview-card,body.dark-mode .trending-card{background-color:var(--forum-card-hover-bg)!important;border-color:var(--forum-border-color)!important;color:var(--forum-text-primary)!important}body.dark-mode .overview-card h3{color:var(--forum-text-primary)!important}body.dark-mode .overview-card p,body.dark-mode .overview-change{color:var(--forum-text-secondary)!important}body.dark-mode .forum-stats__content .forum-stats__value,body.dark-mode .stats-grid--compact .forum-stats__value{color:var(--forum-text-primary)!important}body.dark-mode .forum-stats__content .forum-stats__label,body.dark-mode .stats-grid--compact .forum-stats__label{color:var(--forum-text-secondary)!important;text-transform:uppercase}body.dark-mode .stats-grid--compact .forum-stats__item{background-color:var(--forum-card-hover-bg)!important;border:1px solid var(--forum-border-color)!important;border-radius:var(--forum-radius-base)!important;color:var(--forum-text-primary)!important;padding:var(--forum-space-md)!important}body.dark-mode .forum-stats__item{background-color:initial!important;color:var(--forum-text-primary)!important}body.dark-mode .forum-stats__icon{color:var(--forum-gradient-start)!important;opacity:.9}.dark-mode .period-selector{background-color:var(--forum-card-hover-bg)}.dark-mode .period-btn.active{background-color:var(--forum-card-bg)}@media (max-width:768px){.forum-stats{padding:var(--forum-space-md)}.stats-header{align-items:stretch;flex-direction:column}.period-selector{justify-content:center}.overview-grid{gap:var(--forum-space-sm);grid-template-columns:repeat(2,1fr)}.overview-card{padding:var(--forum-space-md)}.overview-card h3,.overview-icon{font-size:1.5rem}.charts-container{grid-template-columns:1fr}.activity-chart{height:120px}.trending-grid{grid-template-columns:1fr}}.forum-milestones{background-color:var(--forum-card-bg);border:1px solid var(--forum-border-color);border-radius:var(--forum-radius-lg);box-sizing:border-box;margin-bottom:var(--forum-space-lg);overflow:hidden;padding:var(--forum-space-lg);width:100%}.forum-milestones--compact{padding:var(--forum-space-lg) var(--forum-space-md)}.forum-sidebar .forum-milestones{max-width:100%}.forum-sidebar .progress-header{font-size:.8125rem}.forum-sidebar .progress-label{flex:1 1 55%}.forum-sidebar .progress-text{flex:0 1 45%;font-size:.8125rem}.milestones-title{align-items:center;color:var(--forum-text-primary);display:flex;font-size:1.125rem;font-weight:700;gap:var(--forum-space-sm);margin:0 0 var(--forum-space-lg) 0}.milestones-title svg{color:var(--forum-gradient-start)}.milestones-login-prompt{color:var(--forum-text-secondary);font-size:.875rem;margin:var(--forum-space-md) 0;text-align:center}.current-milestone{align-items:center;background-color:var(--forum-bg-secondary);border-radius:var(--forum-radius-base);display:flex;gap:var(--forum-space-md);margin-bottom:var(--forum-space-lg);padding:var(--forum-space-md)}.milestone-badge{align-items:center;border-radius:50%;box-shadow:var(--forum-shadow-md);color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;height:48px;justify-content:center;width:48px}.milestone-info{display:flex;flex-direction:column;gap:2px}.milestone-label{color:var(--forum-text-muted);font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.milestone-name{color:var(--forum-text-primary);font-size:1rem;font-weight:600}.next-milestone{margin-bottom:var(--forum-space-lg)}.milestone-progress{background-color:var(--forum-bg-secondary);border-radius:var(--forum-radius-base);box-sizing:border-box;overflow:hidden;padding:var(--forum-space-md);width:100%}.progress-header{align-items:center;color:var(--forum-text-primary);display:flex;font-size:.875rem;gap:var(--forum-space-sm);justify-content:space-between;margin-bottom:var(--forum-space-md);width:100%}.progress-label{flex:1 1 60%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-text{align-items:center;display:flex;flex:0 1 40%;font-weight:600;justify-content:flex-end;min-width:0}.progress-current{color:var(--forum-gradient-start)}.progress-separator{color:var(--forum-text-secondary);margin:0 2px}.progress-total{color:var(--forum-gradient-start);white-space:nowrap}.progress-bar{background-color:var(--forum-bg-tertiary);border-radius:5px;box-shadow:inset 0 1px 3px #0000001a;height:10px;margin-bottom:var(--forum-space-md)}.progress-fill{border-radius:5px;box-shadow:0 1px 3px #0003;overflow:hidden;position:relative;transition:width var(--forum-transition-base)}.progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#fff0,#fff3 50%,#fff0);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.progress-encouragement{background-color:var(--forum-bg-tertiary);border-radius:var(--forum-radius-sm);color:var(--forum-text-secondary);font-size:.8125rem;font-style:italic;margin:0;padding:var(--forum-space-xs);text-align:center}.upcoming-milestones{margin-bottom:var(--forum-space-lg)}.upcoming-milestones h4{color:var(--forum-text-secondary);font-size:.875rem;letter-spacing:.5px;margin:0 0 var(--forum-space-sm) 0;text-transform:uppercase}.milestone-list{display:flex;flex-direction:column;gap:var(--forum-space-xs)}.milestone-item{align-items:center;display:flex;gap:var(--forum-space-sm);padding:var(--forum-space-xs) 0}.milestone-icon{font-size:1rem;text-align:center;width:24px}.milestone-item .milestone-name{flex:1 1;font-size:.875rem;font-weight:500}.milestone-requirement{color:var(--forum-text-muted);font-size:.75rem}.milestone-stats{grid-gap:var(--forum-space-sm);border-top:1px solid var(--forum-border-color);display:grid;gap:var(--forum-space-sm);grid-template-columns:repeat(3,1fr);margin-top:var(--forum-space-md);padding-top:var(--forum-space-md)}.stat-item{background-color:var(--forum-bg-tertiary);border-radius:var(--forum-radius-sm);flex-direction:column;gap:4px;justify-content:center;min-height:60px;padding:var(--forum-space-sm);text-align:center}.stat-value{color:var(--forum-gradient-start);display:block;font-size:1.125rem;line-height:1.2}.stat-label{color:var(--forum-text-muted);line-height:1.2;word-break:break-word}.dark-mode .forum-milestones{background-color:var(--forum-card-bg);border-color:var(--forum-border-color)}.dark-mode .current-milestone,.dark-mode .milestone-progress{background-color:var(--forum-card-hover-bg)}.dark-mode .progress-bar{background-color:#ffffff1a}.dark-mode .stat-item{background-color:#ffffff0d}@media (max-width:768px){.milestone-stats{gap:var(--forum-space-xs);grid-template-columns:repeat(3,1fr)}.stat-value{font-size:1rem}.stat-label{font-size:.5625rem}.progress-header{font-size:.8125rem}}@media (max-width:400px){.progress-header,.progress-text{font-size:.75rem}.progress-label{flex:1 1 50%}.progress-text{flex:0 1 50%}}@media (max-width:350px){.progress-header{flex-wrap:wrap}.progress-label{flex:1 1 100%;margin-bottom:var(--forum-space-xs)}.progress-text{flex:1 1 100%;justify-content:center}}.forum-activity{background-color:var(--forum-card-bg);border:1px solid var(--forum-border-color);border-radius:var(--forum-radius-lg);margin-bottom:var(--forum-space-lg);padding:var(--forum-space-lg)}.forum-activity--compact{padding:var(--forum-space-md)}.forum-activity--empty{padding:var(--forum-space-xl);text-align:center}.activity-title{align-items:center;color:var(--forum-text-primary);display:flex;font-size:1.125rem;font-weight:700;gap:var(--forum-space-sm);margin:0 0 var(--forum-space-md) 0}.activity-title svg{color:var(--forum-gradient-start)}.activity-list{gap:var(--forum-space-xs)}.activity-item{align-items:flex-start;border-radius:var(--forum-radius-base);cursor:pointer;gap:var(--forum-space-sm);padding:var(--forum-space-sm);transition:all var(--forum-transition-fast)}.activity-item:hover{background-color:var(--forum-bg-secondary)}.activity-item--hot{background-color:#ff45000d;border-left:3px solid var(--forum-gradient-start);padding-left:calc(var(--forum-space-sm) - 3px)}.activity-icon{font-size:1rem;margin-top:2px;width:24px}.activity-icon--new{color:var(--forum-success)}.activity-icon--reply{color:var(--forum-info)}.activity-icon--hot{animation:pulse 2s infinite;color:var(--forum-gradient-start)}.activity-header{gap:var(--forum-space-xs);margin-bottom:2px}.activity-user{color:var(--forum-text-primary);font-size:.875rem;font-weight:600}.activity-time{color:var(--forum-text-muted);font-size:.75rem;margin-left:auto}.activity-body{color:var(--forum-text-secondary);font-size:.875rem}.activity-text strong{color:var(--forum-text-primary);font-weight:500}.empty-message{color:var(--forum-text-secondary);font-size:.875rem;margin:var(--forum-space-md) 0}.activity-footer{margin-top:var(--forum-space-md);text-align:center}.activity-view-all{background-color:var(--forum-bg-secondary);border:1px solid var(--forum-gradient-start);border-radius:var(--forum-radius-base);color:var(--forum-gradient-start);cursor:pointer;font-weight:500;padding:var(--forum-space-sm) var(--forum-space-md);transition:all var(--forum-transition-fast);width:100%}.activity-view-all:hover{background-color:var(--forum-gradient-start);box-shadow:var(--forum-shadow-sm);color:#fff;transform:translateY(-1px)}.dark-mode .forum-activity{background-color:var(--forum-card-bg);border-color:var(--forum-border-color)}.dark-mode .activity-item:hover{background-color:var(--forum-card-hover-bg)}.dark-mode .activity-item--hot{background-color:#ff45001a}@media (max-width:768px){.activity-header{flex-wrap:wrap}.activity-time{margin-left:0;margin-top:2px;width:100%}}.thread-of-week-container{margin-bottom:24px;width:100%}.thread-of-week-loading{background:var(--color-bg-elevated);border-radius:12px;padding:20px}.skeleton-card{animation:pulse 1.5s ease-in-out infinite}.skeleton-header{height:24px;margin-bottom:12px;width:40%}.skeleton-header,.skeleton-text{background:var(--color-bg-secondary);border-radius:4px}.skeleton-text{height:16px;margin-bottom:8px}.skeleton-text.short{width:60%}.thread-of-week-empty{background:var(--color-bg-elevated);border:2px dashed var(--color-border);border-radius:12px;padding:32px;text-align:center}.empty-content{margin:0 auto;max-width:300px}.empty-icon{color:var(--color-warning);font-size:48px;margin-bottom:16px;opacity:.5}.empty-content h3{color:var(--color-text);font-size:18px;margin-bottom:8px}.empty-content p{color:var(--color-text-secondary);font-size:14px;margin:0}.next-selection{color:var(--color-primary)!important;font-weight:600;margin-top:12px!important}.thread-of-week-current{background:linear-gradient(135deg,var(--color-bg-elevated) 0,#ffd7000d 100%);border:2px solid var(--color-warning);border-radius:12px;box-shadow:0 4px 12px #ffd7001a;padding:20px;transition:all .3s ease}.thread-of-week-current:hover{box-shadow:0 6px 20px #ffd70026;transform:translateY(-2px)}.totw-header{justify-content:space-between;margin-bottom:16px}.totw-badge,.totw-header{align-items:center;display:flex}.totw-badge{background:var(--color-warning);border-radius:20px;color:var(--color-bg);font-size:13px;font-weight:600;gap:8px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.crown-icon{animation:shimmer 2s ease-in-out infinite;font-size:16px}.totw-date{align-items:center;color:var(--color-text-secondary);display:flex;font-size:13px;gap:6px}.totw-date svg{font-size:12px}.totw-content{color:inherit;display:block;text-decoration:none}.totw-title{color:var(--color-text);font-size:20px;font-weight:600;line-height:1.4;margin-bottom:12px;transition:color .2s ease}.totw-content:hover .totw-title{color:var(--color-primary)}.totw-reason{align-items:center;background:var(--color-bg-secondary);border-left:3px solid var(--color-warning);border-radius:8px;color:var(--color-text-secondary);display:flex;font-size:14px;font-style:italic;gap:8px;margin-bottom:16px;padding:12px}.reason-icon{color:var(--color-warning);flex-shrink:0}.totw-stats{border-top:1px solid var(--color-border-light);display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px;padding-top:16px}.stat-item{color:var(--color-text-secondary);font-size:13px;gap:6px}.stat-item svg{font-size:12px;opacity:.7}.stat-item.highlight{color:var(--color-accent);font-weight:600}.stat-item.highlight svg{color:var(--color-accent);opacity:1}.totw-cta{align-items:center;background:var(--color-primary);border-radius:8px;color:#fff;display:flex;font-size:14px;font-weight:600;justify-content:space-between;padding:12px 16px;transition:all .2s ease}.totw-content:hover .totw-cta{background:var(--color-primary-dark);padding-right:12px}.totw-cta svg{transition:transform .2s ease}.totw-content:hover .totw-cta svg{transform:translateX(4px)}.thread-of-week-history{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:12px;margin-top:24px;padding:20px}.history-header{border-bottom:1px solid var(--color-border);gap:8px;margin-bottom:16px;padding-bottom:12px}.history-header svg{color:var(--color-text-secondary);font-size:16px}.history-header h3{color:var(--color-text);font-size:16px;font-weight:600;margin:0}.history-list{gap:8px}.history-item{align-items:center;background:var(--color-bg);border-radius:8px;display:flex;gap:12px;padding:12px;text-decoration:none;transition:all .2s ease}.history-item:hover{background:var(--color-bg-hover);transform:translateX(4px)}.history-rank{align-items:center;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.history-rank svg{font-size:20px}.history-rank .gold{color:gold}.history-rank .silver{color:silver}.history-rank .bronze{color:#cd7f32}.history-rank .star{color:var(--color-text-tertiary)}.history-content{flex:1 1;min-width:0}.history-content h4{color:var(--color-text);font-size:14px;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-meta{color:var(--color-text-tertiary);display:flex;font-size:12px;gap:12px}.history-author{align-items:center;display:flex;gap:4px}.history-author svg{font-size:10px}.history-stats{background:var(--color-bg-secondary);border-radius:12px;color:var(--color-text-secondary);flex-shrink:0;font-size:12px;font-weight:600;padding:4px 8px}.view-all-winners{align-items:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;color:var(--color-primary);display:flex;font-size:14px;font-weight:600;gap:6px;justify-content:center;margin-top:16px;padding:10px;text-decoration:none;transition:all .2s ease}.view-all-winners:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.view-all-winners svg{font-size:12px;transition:transform .2s ease}.view-all-winners:hover svg{transform:translateX(4px)}@media (max-width:768px){.thread-of-week-current{padding:16px}.totw-header{align-items:flex-start;flex-direction:column;gap:8px}.totw-title{font-size:18px}.totw-stats{gap:12px}.stat-item{font-size:12px}.history-item{padding:10px}.history-content h4{font-size:13px}}[data-theme=dark] .thread-of-week-current{background:linear-gradient(135deg,#ffffff0d,#ffd70014);border-color:#ffd70080}[data-theme=dark] .totw-badge{background:#ffd700e6;color:#1a1a1a}[data-theme=dark] .totw-reason{background:#ffffff0d;border-left-color:#ffd700b3}[data-theme=dark] .thread-of-week-history{background:#ffffff08;border-color:#ffffff1a}[data-theme=dark] .history-item{background:#ffffff0d}[data-theme=dark] .history-item:hover{background:#ffffff14}.forum-index{margin:0 auto;max-width:1200px;padding:0;width:100%}.forum-index--full-width{margin:0;max-width:none}body.has-profile-background .forum-index{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1rem}body.dark-mode .forum-index{background-color:#2a2a2a;color:var(--color-text)}body.dark-mode.has-profile-background .forum-index{background-color:#2a2a2af2}.forum-index__header{margin-bottom:2rem;padding:2rem 1rem 0;position:relative;text-align:center}.forum-index__header-content{margin-bottom:2rem;width:100%}.forum-index__header h1{color:var(--color-primary);font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.forum-index__header p{color:var(--color-text-secondary);font-size:1.1rem;margin:0}.forum-index__separator{background:linear-gradient(90deg,#0000,var(--color-primary) 20%,var(--color-primary) 80%,#0000);height:2px;margin:0 auto;max-width:600px;width:100%}.forum-index__share-button{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;font-size:.875rem;height:auto;justify-content:center;margin-left:1rem;min-height:0;min-height:auto;padding:.25rem .5rem;position:static;transition:all .2s ease}.forum-index__share-button:hover{background-color:var(--color-bg-tertiary);box-shadow:var(--shadow-md);color:var(--color-primary);transform:translateY(-1px)}.forum-index__share-button:active{transform:translateY(0)}.forum-index__share-button svg{fill:currentColor;height:1em;width:1em}.forum-index__status{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem;padding:0 1rem}.forum-index__status-item{align-items:center;border-radius:var(--radius-lg);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.forum-index__status-item--success{background-color:#28a7451a;border:1px solid #28a7454d;color:#28a745}.forum-index__status-item--info{background-color:#17a2b81a;border:1px solid #17a2b84d;color:#17a2b8}.forum-index__status-item--warning{background-color:#ffc1071a;border:1px solid #ffc1074d;color:#ffc107}body.dark-mode .forum-index__status-item--success{background-color:#28a74533}body.dark-mode .forum-index__status-item--info{background-color:#17a2b833}body.dark-mode .forum-index__status-item--warning{background-color:#ffc10733}.forum-index__content{box-sizing:border-box;padding:0 1rem;width:100%}.forum-index__section{margin-bottom:3rem}.forum-index__section h2{border-bottom:1px solid var(--color-border);color:var(--color-text);margin-bottom:1rem;padding-bottom:.5rem}.forum-index__cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.forum-index__card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:1.5rem;transition:all .3s ease}.forum-index__card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.forum-index__card h3{color:var(--color-primary);margin:0 0 .5rem}.forum-index__card p{color:var(--color-text-secondary);margin:0}.forum-index__features{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));list-style:none;margin:0;padding:0}.forum-index__features li{background-color:var(--color-bg-tertiary);border-left:3px solid var(--color-primary);border-radius:var(--radius-base);padding:.5rem}.forum-index__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.forum-index__button{border:none;border-radius:var(--radius-base);cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.forum-index__button--primary{background-color:var(--color-primary);color:#fff}.forum-index__button--primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.forum-index__button--secondary{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.forum-index__button--secondary:hover{background-color:var(--color-bg-tertiary);transform:translateY(-1px)}.forum-index__notice{background-color:#ffc1071a;border:1px solid #ffc1074d;border-radius:var(--radius-lg);margin-top:3rem;padding:1.5rem;text-align:center}.forum-index__notice p{font-weight:500;margin:0}@media (max-width:768px){.forum-index{border-radius:0;padding:.5rem}.forum-index__header{margin-bottom:1.5rem;padding:1rem .5rem 0}.forum-index__header h1{font-size:2rem}.forum-index__header p{font-size:1rem}.forum-index__separator{max-width:90%}.forum-index__breadcrumb-row{padding:.5rem}.forum-index__share-button{font-size:.75rem;margin-left:.5rem;padding:.25rem}.forum-index__status{align-items:stretch;flex-direction:column}.forum-index__content{padding:0 .5rem}.forum-index__cards,.forum-index__features{grid-template-columns:1fr}.forum-index__actions{flex-direction:column}.forum-index__button{width:100%}}.forum-index__skip-link{background:var(--color-primary);border-radius:var(--radius-base);color:#fff;font-weight:500;left:-9999px;padding:8px 16px;position:absolute;text-decoration:none;top:0;z-index:100}.forum-index__skip-link:focus{box-shadow:var(--shadow-lg);left:50%;top:10px;transform:translateX(-50%)}.forum-index__breadcrumb-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;padding:1rem 1rem 0}.forum-index__breadcrumbs{flex:1 1;margin:0;padding:0}.forum-index__breadcrumbs ol{flex-wrap:wrap;list-style:none;margin:0;padding:0}.forum-index__breadcrumbs li,.forum-index__breadcrumbs ol{align-items:center;display:flex;gap:.5rem}.forum-index__breadcrumbs a{align-items:center;color:var(--color-primary);display:flex;gap:.25rem;text-decoration:none;transition:color .2s ease}.forum-index__breadcrumbs a:hover{color:var(--color-primary-hover);text-decoration:underline}.forum-index__breadcrumb-separator{color:var(--color-text-secondary);font-size:.75rem}.forum-index__error{margin:0 auto;max-width:600px;padding:3rem 1rem;text-align:center}.forum-index__error h2{color:var(--color-danger);margin-bottom:1rem}.forum-index__error p{color:var(--color-text-secondary);margin-bottom:2rem}.forum-index__loading{padding:2rem 1rem}.forum-index__skeleton{animation:skeleton-loading 1.5s ease-in-out infinite}.forum-index__skeleton-card,.forum-index__skeleton-header,.forum-index__skeleton-text{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--radius-base)}.forum-index__skeleton-header{height:3rem;margin:0 auto 2rem;width:60%}.forum-index__skeleton-text{height:1rem;margin-bottom:1rem}.forum-index__skeleton-text--short{width:70%}.forum-index__skeleton-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.forum-index__skeleton-card{height:150px}.forum-index__form{max-width:600px}.forum-index__form-group{margin-bottom:1.5rem}.forum-index__form-group label{color:var(--color-text);display:block;font-weight:500;margin-bottom:.5rem}.forum-index__required{color:var(--color-danger);margin-left:.25rem}.forum-index__input,.forum-index__select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:1rem;min-height:44px;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.forum-index__input:focus,.forum-index__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.forum-index__help-text{color:var(--color-text-secondary);display:block;font-size:.875rem;margin-top:.5rem}body.dark-mode .forum-index__skeleton-card,body.dark-mode .forum-index__skeleton-header,body.dark-mode .forum-index__skeleton-text{background:linear-gradient(90deg,#3a3a3a 25%,#4a4a4a 50%,#3a3a3a 75%)}body.dark-mode .forum-index__input,body.dark-mode .forum-index__select{background-color:var(--color-bg-secondary)}.forum-index__button:focus-visible,.forum-index__card:focus-visible,.forum-index__input:focus-visible,.forum-index__select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media print{.forum-index__actions,.forum-index__notice,.forum-index__offline-banner,.forum-index__skip-link,.forum-index__toast{display:none}.forum-index{background:#fff;color:#000;max-width:none;padding:0}}.forum-index__offline-banner{align-items:center;background-color:var(--color-warning);box-shadow:var(--shadow-md);color:#fff;display:flex;font-weight:500;gap:.5rem;justify-content:center;left:0;padding:.75rem;position:fixed;right:0;text-align:center;top:0;z-index:1100}.forum-index__toast{align-items:center;animation:slideIn .3s ease-out;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);bottom:2rem;box-shadow:var(--shadow-lg);display:flex;gap:1rem;max-width:400px;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:1200}.forum-index__toast-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.forum-index__toast-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s ease}.forum-index__toast-close:hover{color:var(--color-text)}.forum-index__toast--success{border-color:var(--color-success)}.forum-index__toast--success svg{color:var(--color-success)}.forum-index__toast--warning{border-color:var(--color-warning)}.forum-index__toast--warning svg{color:var(--color-warning)}.forum-index__toast--error{border-color:var(--color-danger)}.forum-index__toast--error svg{color:var(--color-danger)}.forum-index__toast--info{border-color:var(--color-info)}.forum-index__toast--info svg{color:var(--color-info)}.forum-index__unsaved-indicator{color:var(--color-warning);font-size:.875rem;font-weight:400;margin-left:.5rem}.forum-index__form-actions{display:flex;gap:1rem;margin-top:1.5rem}.forum-index__image-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1rem}.forum-index__image-container{aspect-ratio:16/9;background-color:var(--color-bg-secondary);border-radius:var(--radius-base);overflow:hidden;position:relative}.forum-index__image{height:100%;object-fit:cover;transition:opacity .3s ease;width:100%}.forum-index__image[data-src]{background-color:var(--color-bg-tertiary);opacity:0}.forum-index__image:not([data-src]){opacity:1}@media (prefers-contrast:high){.forum-index__button,.forum-index__input,.forum-index__select,.forum-index__toast{border-width:2px}}@media (max-width:768px){.forum-index__toast{bottom:1rem;left:1rem;max-width:none;right:1rem}.forum-index__form-actions{flex-direction:column}.forum-index__form-actions button{width:100%}.forum-index__image-grid{grid-template-columns:1fr}}.forum-search-section{margin-bottom:.75rem;padding:.5rem 0;width:100%}.forum-search-form{width:100%}.forum-search-wrapper{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;overflow:hidden;transition:all .2s ease;width:100%}.forum-search-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a}.forum-search-input{background:#0000;border:none;color:var(--color-text);flex:1 1;font-size:1rem;outline:none;padding:.75rem 1rem}.forum-search-input::placeholder{color:var(--color-text-secondary)}.forum-search-button{align-items:center;background-color:var(--color-primary);border:none;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.75rem 1.25rem;transition:background-color .2s ease}.forum-search-button:hover{background-color:#e03e00}.forum-search-button svg{fill:currentColor;height:1.25rem;width:1.25rem}body.dark-mode .forum-search-wrapper{background-color:#333;border-color:#444}body.dark-mode .forum-search-wrapper:focus-within{border-color:var(--color-primary)}body.dark-mode .forum-search-input{color:#e0e0e0}body.dark-mode .forum-search-input::placeholder{color:#999}@media (max-width:768px){.forum-search-section{margin-bottom:.75rem;padding:.5rem 0}.forum-search-input{font-size:.9375rem;padding:.625rem .875rem}.forum-search-button{padding:.625rem 1rem}.forum-search-button svg{height:1.125rem;width:1.125rem}}.forum-index-wrapper{padding:0 1rem;width:100%}.forum-index-wrapper--constrained{margin:0 auto;max-width:1200px}.forum-index-wrapper--full-width{margin:0;max-width:none}.forum-index-page{padding:1rem 0;width:100%}.forum-content-container{align-items:flex-start;display:flex;gap:2rem;width:100%}.forum-main-content{flex:1 1;min-width:0}.forum-index-page__category-list{display:flex;flex-direction:column;gap:1rem}.forum-index-page__category-group{width:100%}.forum-sidebar{display:flex;flex-direction:column;flex-shrink:0;gap:1.5rem;width:350px}.forum-index-page__sub-category-list{border-left:2px solid var(--color-border);margin-left:2rem;margin-top:.5rem;padding-left:1rem}@media (max-width:768px){.forum-index-page__sub-category-list{margin-left:1rem;padding-left:.75rem}.forum-content-container{flex-direction:column;gap:1.5rem}.forum-sidebar{width:100%}}@media (max-width:1024px){.forum-sidebar{width:300px}.forum-content-container{gap:1.5rem}}.forum-search-container{align-items:center;background-color:#ffffff1a;border-radius:24px;display:flex;padding:2px;position:relative;transition:all .2s ease-in-out}.forum-search-container:hover{background-color:#ffffff26}.forum-search-container__toggle-button{align-items:center;background-color:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.2em;height:36px;justify-content:center;order:2;transition:all .2s ease-in-out;width:36px}.forum-search-container__toggle-button:hover{background-color:#ffffff4d;transform:scale(1.05)}.forum-search-container__input{background:#0000;border:none;box-sizing:border-box;color:#fff;font-size:14px;opacity:0;order:1;padding:0;transition:all .2s ease-in-out;width:0;z-index:1}.forum-search-container__input::placeholder{color:#ffffffb3}.forum-search-container--expanded .forum-search-container__input{margin-right:4px;opacity:1;padding:8px 16px;width:200px}.forum-index-page--dark .forum-search-container{background-color:#0003}.forum-index-page--dark .forum-search-container:hover,.forum-index-page--dark .forum-search-container__toggle-button{background-color:#0000004d}.forum-index-page--dark .forum-search-container__toggle-button:hover{background-color:#0006}@media (max-width:768px){.forum-search-container{align-items:center;background-color:#fff;background-color:var(--color-bg,#fff);border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:4px;border-radius:var(--radius-base,4px);box-shadow:0 1px 2px #0000000d;display:flex;height:40px;padding:0;transition:none;width:100%}.forum-search-container__toggle-button{align-items:center;border:none;border-radius:0;color:#666;color:var(--color-text-secondary,#666);display:flex;font-size:14px;height:auto;justify-content:center;order:1;padding:0 12px;position:static;width:auto}.forum-search-container__toggle-button,.forum-search-container__toggle-button:hover{background-color:initial;transform:none}.forum-search-container__input{background-color:initial;border:none;border-radius:0;color:#333;color:var(--color-text,#333);flex:1 1;font-size:14px;margin:0;opacity:1;order:2;padding:8px 12px;transition:none;width:100%}.forum-search-container__input::placeholder{color:#999;color:var(--color-text-secondary,#999)}.forum-search-container__input:focus{outline:none}.forum-index-page--dark .forum-search-container{background-color:#2a2a2a;background-color:var(--color-bg,#2a2a2a);border-color:#444;border-color:var(--color-border,#444)}.forum-index-page--dark .forum-search-container__toggle-button{color:#aaa;color:var(--color-text-secondary,#aaa)}.forum-index-page--dark .forum-search-container__input{color:#e0e0e0;color:var(--color-text,#e0e0e0)}.forum-index-page--dark .forum-search-container__input::placeholder{color:#888;color:var(--color-text-secondary,#888)}}.forum-category-page{margin:0 auto;max-width:1200px;padding:0;width:100%}.forum-category-page--full-width{margin:0;max-width:none!important;width:100%}.forum-category-page--full-width .forum-card{max-width:none!important}.forum-category-wrapper{margin:0 auto;max-width:1200px;width:100%}.forum-category-wrapper--full-width{margin:0;max-width:none!important;width:100%}.forum-category-wrapper--full-width .forum-card,.forum-category-wrapper--full-width .forum-category-page{max-width:none!important}body.has-profile-background .forum-category-page{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1rem}body.dark-mode .forum-category-page{background-color:#2a2a2a;color:var(--color-text)}body.dark-mode.has-profile-background .forum-category-page{background-color:#2a2a2af2}.forum-category-page__header{border-bottom:2px solid var(--color-primary);margin-bottom:2rem;padding:.5rem 1rem 1rem;position:relative;text-align:center}.forum-category-page__header-content{width:100%}.forum-category-page__header h1{color:var(--color-text);font-size:2.5rem;margin:0 0 .5rem}.forum-category-page__header p{color:var(--color-text-secondary);font-size:1.1rem;margin:0}.forum-category-page__title{align-items:center;color:var(--color-text);display:flex;font-size:2rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.forum-category-page__title-icon{align-items:center;display:inline-flex;font-size:1.5rem}.forum-category-page__description{color:var(--color-text-secondary);font-size:1rem;line-height:1.5;margin:0 0 1.5rem}.forum-category-page__share-button{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;font-size:.875rem;height:auto;justify-content:center;margin-left:1rem;min-height:0;min-height:auto;padding:.25rem .5rem;position:static;transition:all .2s ease}.forum-category-page__share-button:hover{background-color:var(--color-bg-tertiary);box-shadow:var(--shadow-md);color:var(--color-primary);transform:translateY(-1px)}.forum-category-page__share-button:active{transform:translateY(0)}.forum-category-page__share-button svg{fill:currentColor;height:1em;width:1em}.forum-category-page__status{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem;padding:0 1rem}.forum-category-page__status-item{align-items:center;border-radius:var(--radius-lg);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.forum-category-page__status-item--success{background-color:#28a7451a;border:1px solid #28a7454d;color:#28a745}.forum-category-page__status-item--info{background-color:#17a2b81a;border:1px solid #17a2b84d;color:#17a2b8}.forum-category-page__status-item--warning{background-color:#ffc1071a;border:1px solid #ffc1074d;color:#ffc107}body.dark-mode .forum-category-page__status-item--success{background-color:#28a74533}body.dark-mode .forum-category-page__status-item--info{background-color:#17a2b833}body.dark-mode .forum-category-page__status-item--warning{background-color:#ffc10733}.forum-category-page__content{box-sizing:border-box;padding:0 1rem;width:100%}.forum-category-page__section{margin-bottom:3rem}.forum-category-page__section h2{border-bottom:1px solid var(--color-border);color:var(--color-text);margin-bottom:1rem;padding-bottom:.5rem}.forum-category-page__cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.forum-category-page__card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:1.5rem;transition:all .3s ease}.forum-category-page__card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.forum-category-page__card h3{color:var(--color-primary);margin:0 0 .5rem}.forum-category-page__card p{color:var(--color-text-secondary);margin:0}.forum-category-page__features{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));list-style:none;margin:0;padding:0}.forum-category-page__features li{background-color:var(--color-bg-tertiary);border-left:3px solid var(--color-primary);border-radius:var(--radius-base);padding:.5rem}.forum-category-page__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.forum-category-page__button{border:none;border-radius:var(--radius-base);cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.forum-category-page__button--primary{background-color:var(--color-primary);color:#fff}.forum-category-page__button--primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.forum-category-page__button--secondary{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.forum-category-page__button--secondary:hover{background-color:var(--color-bg-tertiary);transform:translateY(-1px)}.forum-category-page__notice{background-color:#ffc1071a;border:1px solid #ffc1074d;border-radius:var(--radius-lg);margin-top:3rem;padding:1.5rem;text-align:center}.forum-category-page__notice p{font-weight:500;margin:0}@media (max-width:768px){.forum-category-page{border-radius:0;padding:.5rem}.forum-category-page__header h1{font-size:2rem}.forum-category-page__breadcrumb-row{padding:.5rem}.forum-category-page__share-button{font-size:.75rem;margin-left:.5rem;padding:.25rem}.forum-category-page__status{align-items:stretch;flex-direction:column}.forum-category-page__content{padding:0 .5rem}.forum-category-page__cards,.forum-category-page__features{grid-template-columns:1fr}.forum-category-page__actions{flex-direction:column}.forum-category-page__button{width:100%}}.forum-category-page__skip-link{background:var(--color-primary);border-radius:var(--radius-base);color:#fff;font-weight:500;left:-9999px;padding:8px 16px;position:absolute;text-decoration:none;top:0;z-index:100}.forum-category-page__skip-link:focus{box-shadow:var(--shadow-lg);left:50%;top:10px;transform:translateX(-50%)}.forum-category-page__breadcrumb-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;padding:1rem 1rem 0}.forum-category-page__breadcrumbs{flex:1 1;margin:0;padding:0}.forum-category-page__breadcrumbs ol{flex-wrap:wrap;list-style:none;margin:0;padding:0}.forum-category-page__breadcrumbs li,.forum-category-page__breadcrumbs ol{align-items:center;display:flex;gap:.5rem}.forum-category-page__breadcrumbs a{align-items:center;color:var(--color-primary);display:flex;gap:.25rem;text-decoration:none;transition:color .2s ease}.forum-category-page__breadcrumbs a:hover{color:var(--color-primary-hover);text-decoration:underline}.forum-category-page__breadcrumb-separator{color:var(--color-text-secondary);font-size:.75rem}.forum-category-page__error{margin:0 auto;max-width:600px;padding:3rem 1rem;text-align:center}.forum-category-page__error h2{color:var(--color-danger);margin-bottom:1rem}.forum-category-page__error p{color:var(--color-text-secondary);margin-bottom:2rem}.forum-category-page__loading{padding:2rem 1rem}.forum-category-page__skeleton{animation:skeleton-loading 1.5s ease-in-out infinite}.forum-category-page__skeleton-card,.forum-category-page__skeleton-header,.forum-category-page__skeleton-text{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--radius-base)}.forum-category-page__skeleton-header{height:3rem;margin:0 auto 2rem;width:60%}.forum-category-page__skeleton-text{height:1rem;margin-bottom:1rem}.forum-category-page__skeleton-text--short{width:70%}.forum-category-page__skeleton-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.forum-category-page__skeleton-card{height:150px}.forum-category-page__form{max-width:600px}.forum-category-page__form-group{margin-bottom:1.5rem}.forum-category-page__form-group label{color:var(--color-text);display:block;font-weight:500;margin-bottom:.5rem}.forum-category-page__required{color:var(--color-danger);margin-left:.25rem}.forum-category-page__input,.forum-category-page__select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:1rem;min-height:44px;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.forum-category-page__input:focus,.forum-category-page__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.forum-category-page__help-text{color:var(--color-text-secondary);display:block;font-size:.875rem;margin-top:.5rem}body.dark-mode .forum-category-page__skeleton-card,body.dark-mode .forum-category-page__skeleton-header,body.dark-mode .forum-category-page__skeleton-text{background:linear-gradient(90deg,#3a3a3a 25%,#4a4a4a 50%,#3a3a3a 75%)}body.dark-mode .forum-category-page__input,body.dark-mode .forum-category-page__select{background-color:var(--color-bg-secondary)}.forum-category-page__button:focus-visible,.forum-category-page__card:focus-visible,.forum-category-page__input:focus-visible,.forum-category-page__select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media print{.forum-category-page__actions,.forum-category-page__notice,.forum-category-page__offline-banner,.forum-category-page__skip-link,.forum-category-page__toast{display:none}.forum-category-page{background:#fff;color:#000;max-width:none;padding:0}}.forum-category-page__offline-banner{align-items:center;background-color:var(--color-warning);box-shadow:var(--shadow-md);color:#fff;display:flex;font-weight:500;gap:.5rem;justify-content:center;left:0;padding:.75rem;position:fixed;right:0;text-align:center;top:0;z-index:1100}.forum-category-page__toast{align-items:center;animation:slideIn .3s ease-out;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);bottom:2rem;box-shadow:var(--shadow-lg);display:flex;gap:1rem;max-width:400px;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:1200}.forum-category-page__toast-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.forum-category-page__toast-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s ease}.forum-category-page__toast-close:hover{color:var(--color-text)}.forum-category-page__toast--success{border-color:var(--color-success)}.forum-category-page__toast--success svg{color:var(--color-success)}.forum-category-page__toast--warning{border-color:var(--color-warning)}.forum-category-page__toast--warning svg{color:var(--color-warning)}.forum-category-page__toast--error{border-color:var(--color-danger)}.forum-category-page__toast--error svg{color:var(--color-danger)}.forum-category-page__toast--info{border-color:var(--color-info)}.forum-category-page__toast--info svg{color:var(--color-info)}.forum-category-page__unsaved-indicator{color:var(--color-warning);font-size:.875rem;font-weight:400;margin-left:.5rem}.forum-category-page__form-actions{display:flex;gap:1rem;margin-top:1.5rem}.forum-category-page__image-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1rem}.forum-category-page__image-container{aspect-ratio:16/9;background-color:var(--color-bg-secondary);border-radius:var(--radius-base);overflow:hidden;position:relative}.forum-category-page__image{height:100%;object-fit:cover;transition:opacity .3s ease;width:100%}.forum-category-page__image[data-src]{background-color:var(--color-bg-tertiary);opacity:0}.forum-category-page__image:not([data-src]){opacity:1}@media (prefers-contrast:high){.forum-category-page__button,.forum-category-page__input,.forum-category-page__select,.forum-category-page__toast{border-width:2px}}@media (max-width:768px){.forum-category-page__toast{bottom:1rem;left:1rem;max-width:none;right:1rem}.forum-category-page__form-actions{flex-direction:column}.forum-category-page__form-actions button{width:100%}.forum-category-page__image-grid{grid-template-columns:1fr}}.forum-category-page__controls-bar{align-items:center;background:linear-gradient(135deg,#f6f8fb,#fff);border:1px solid #e1e4e8;border-radius:12px;box-shadow:0 2px 4px #0000000a;display:flex;justify-content:space-between;margin:1.5rem 0;padding:1rem}.forum-category-page__controls-left{align-items:center;display:flex;gap:1rem}.controls-right{align-items:center;display:flex;gap:1.5rem}.forum-category-page__new-thread-btn{align-items:center;background:linear-gradient(135deg,#ff4500,#ff6b35);border:none;border-radius:8px;box-shadow:0 3px 10px #ff450033;color:#fff;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;gap:.5rem;overflow:hidden;padding:.625rem 1.25rem;position:relative;text-decoration:none;transition:all .2s ease}.forum-category-page__new-thread-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.forum-category-page__new-thread-btn:hover{box-shadow:0 5px 15px #ff45004d;color:#fff;text-decoration:none;transform:translateY(-2px)}.forum-category-page__new-thread-btn:hover:before{left:100%}.forum-category-page__new-thread-btn:active{transform:translateY(0)}.forum-category-page__new-thread-btn svg{fill:#fff!important;color:#fff!important;display:inline-block;font-size:.875rem;height:.875rem;margin-right:.25rem;vertical-align:middle;width:.875rem}.select-all-control{align-items:center;border-radius:6px;color:#586069;cursor:pointer;display:inline-flex;font-size:.9375rem;gap:.5rem;padding:.5rem .75rem;transition:all .15s ease;-webkit-user-select:none;user-select:none}.select-all-control:hover{background-color:#f6f8fa;color:#24292e}.select-checkbox{accent-color:#ff4500;cursor:pointer;height:18px;width:18px}.select-all-control span{font-weight:500}.btn-delete-selected{align-items:center;background-color:#fff;border:2px solid #dc3545;border-radius:8px;color:#dc3545;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s ease}.btn-delete-selected:hover:not(:disabled){background-color:#dc3545;border-color:#dc3545;box-shadow:0 5px 15px #dc35454d;color:#fff!important;transform:translateY(-2px)}.btn-delete-selected:hover:not(:disabled) *{color:#fff!important}.btn-delete-selected:active:not(:disabled){transform:translateY(0)}.btn-delete-selected:disabled{border-color:#d1d5db;color:#9ca3af;cursor:not-allowed;opacity:.4}.btn-delete-selected svg{fill:#dc3545;color:#dc3545;display:inline-block;font-size:.875rem;height:.875rem;margin-right:.25rem;vertical-align:middle;width:.875rem}.btn-delete-selected:hover:not(:disabled) svg{fill:#fff!important;color:#fff!important}.forum-category-page__thread-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.load-more-button{background-color:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#1f2937;cursor:pointer;font-size:1rem;font-weight:500;overflow:hidden;padding:.5rem 2rem;position:relative;transition:all .15s ease-in-out}.load-more-button:before{background:linear-gradient(90deg,#0000,#ff45001a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.load-more-button:hover:not(:disabled){border-color:#ff4500;box-shadow:0 1px 2px 0 #0000000d;color:#ff4500;transform:translateY(-1px)}.load-more-button:hover:not(:disabled):before{left:100%}.load-more-button:disabled{cursor:not-allowed;opacity:.6}.dark-mode .forum-category-page__controls-bar,body.dark-mode .forum-category-page__controls-bar{background:linear-gradient(135deg,#2a2d3a,#1a1d2a);border-color:#3a3d4a}.dark-mode .forum-category-page__new-thread-btn,body.dark-mode .forum-category-page__new-thread-btn{color:#fff!important}.dark-mode .forum-category-page__new-thread-btn svg,body.dark-mode .forum-category-page__new-thread-btn svg{fill:#fff!important;color:#fff!important}.dark-mode .forum-category-page__new-thread-btn:hover,body.dark-mode .forum-category-page__new-thread-btn:hover{color:#fff!important}.dark-mode .select-all-control,body.dark-mode .select-all-control{color:#b8bfc6}.dark-mode .select-all-control:hover,body.dark-mode .select-all-control:hover{background-color:#3a3d4a;color:#e1e4e8}.dark-mode .btn-delete-selected,body.dark-mode .btn-delete-selected{background-color:#1a1d2a;border-color:#ff6b6b;color:#ff6b6b}.dark-mode .btn-delete-selected svg,body.dark-mode .btn-delete-selected svg{fill:#ff6b6b!important;color:#ff6b6b!important}.dark-mode .btn-delete-selected:hover:not(:disabled),body.dark-mode .btn-delete-selected:hover:not(:disabled){background-color:#ff6b6b;color:#fff}.dark-mode .btn-delete-selected:hover:not(:disabled) svg,body.dark-mode .btn-delete-selected:hover:not(:disabled) svg{fill:#fff!important;color:#fff!important}.dark-mode .load-more-button{background-color:#2a2a2a;border-color:#444;color:#e5e7eb}.dark-mode .load-more-button:hover:not(:disabled){border-color:#ff4500;color:#ff4500}@media (max-width:768px){.forum-category-page__controls-bar{flex-direction:column;gap:1rem;padding:.75rem}.controls-right,.forum-category-page__controls-left{width:100%}.controls-right{flex-direction:column;gap:.75rem}.btn-delete-selected,.forum-category-page__new-thread-btn{font-size:.875rem;justify-content:center;padding:.75rem 1rem;width:100%}.select-all-control{background-color:#f6f8fa;justify-content:center;padding:.75rem;width:100%}.dark-mode .select-all-control,body.dark-mode .select-all-control{background-color:#2a2d3a}.forum-category-page__thread-list{gap:.5rem}}.forum-thread-page{margin:0 auto;max-width:1200px;padding:0;width:100%}.forum-thread-page--full-width{margin:0;max-width:none!important;width:100%}.forum-thread-wrapper{margin:0 auto;max-width:1200px;width:100%}.forum-thread-wrapper--full-width{margin:0;max-width:none!important;width:100%}.forum-thread-wrapper--full-width .forum-card,.forum-thread-wrapper--full-width .forum-thread-page{max-width:none!important}body.has-profile-background .forum-thread-page{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1rem}body.dark-mode .forum-thread-page{background-color:#2a2a2a;color:var(--color-text)}body.dark-mode.has-profile-background .forum-thread-page{background-color:#2a2a2af2}.forum-thread-page__header{border-bottom:2px solid var(--color-primary);margin-bottom:2rem;padding:.5rem 1rem 1rem;position:relative;text-align:center}.forum-thread-page__header-content{width:100%}.forum-thread-page__header h1{color:var(--color-primary);font-size:2.5rem;margin:0 0 .5rem}.forum-thread-page__header p{color:var(--color-text-secondary);font-size:1.1rem;margin:0}.forum-thread-page__share-button{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;font-size:.875rem;height:auto;justify-content:center;margin-left:1rem;min-height:0;min-height:auto;padding:.25rem .5rem;position:static;transition:all .2s ease}.forum-thread-page__share-button:hover{background-color:var(--color-bg-tertiary);box-shadow:var(--shadow-md);color:var(--color-primary);transform:translateY(-1px)}.forum-thread-page__share-button:active{transform:translateY(0)}.forum-thread-page__share-button svg{fill:currentColor;height:1em;width:1em}.forum-thread-page__status{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem;padding:0 1rem}.forum-thread-page__status-item{align-items:center;border-radius:var(--radius-lg);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.forum-thread-page__status-item--success{background-color:#28a7451a;border:1px solid #28a7454d;color:#28a745}.forum-thread-page__status-item--info{background-color:#17a2b81a;border:1px solid #17a2b84d;color:#17a2b8}.forum-thread-page__status-item--warning{background-color:#ffc1071a;border:1px solid #ffc1074d;color:#ffc107}body.dark-mode .forum-thread-page__status-item--success{background-color:#28a74533}body.dark-mode .forum-thread-page__status-item--info{background-color:#17a2b833}body.dark-mode .forum-thread-page__status-item--warning{background-color:#ffc10733}.forum-thread-page__content{box-sizing:border-box;padding:0 1rem;width:100%}.forum-thread-page__section{margin-bottom:3rem}.forum-thread-page__section h2{border-bottom:1px solid var(--color-border);color:var(--color-text);margin-bottom:1rem;padding-bottom:.5rem}.forum-thread-page__cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.forum-thread-page__card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:1.5rem;transition:all .3s ease}.forum-thread-page__card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.forum-thread-page__card h3{color:var(--color-primary);margin:0 0 .5rem}.forum-thread-page__card p{color:var(--color-text-secondary);margin:0}.forum-thread-page__features{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));list-style:none;margin:0;padding:0}.forum-thread-page__features li{background-color:var(--color-bg-tertiary);border-left:3px solid var(--color-primary);border-radius:var(--radius-base);padding:.5rem}.forum-thread-page__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.forum-thread-page__button{border:none;border-radius:var(--radius-base);cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.forum-thread-page__button--primary{background-color:var(--color-primary);color:#fff}.forum-thread-page__button--primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.forum-thread-page__button--secondary{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.forum-thread-page__button--secondary:hover{background-color:var(--color-bg-tertiary);transform:translateY(-1px)}.forum-thread-page__notice{background-color:#ffc1071a;border:1px solid #ffc1074d;border-radius:var(--radius-lg);margin-top:3rem;padding:1.5rem;text-align:center}.forum-thread-page__notice p{font-weight:500;margin:0}@media (max-width:768px){.forum-thread-page{border-radius:0;padding:.5rem}.forum-thread-page__header h1{font-size:2rem}.forum-thread-page__breadcrumb-row{padding:.5rem}.forum-thread-page__share-button{font-size:.75rem;margin-left:.5rem;padding:.25rem}.forum-thread-page__status{align-items:stretch;flex-direction:column}.forum-thread-page__content{padding:0 .5rem}.forum-thread-page__cards,.forum-thread-page__features{grid-template-columns:1fr}.forum-thread-page__actions{flex-direction:column}.forum-thread-page__button{width:100%}}.forum-thread-page__skip-link{background:var(--color-primary);border-radius:var(--radius-base);color:#fff;font-weight:500;left:-9999px;padding:8px 16px;position:absolute;text-decoration:none;top:0;z-index:100}.forum-thread-page__skip-link:focus{box-shadow:var(--shadow-lg);left:50%;top:10px;transform:translateX(-50%)}.forum-thread-page__breadcrumb-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px;padding:1rem 1rem 0}.forum-thread-page__breadcrumbs{flex:1 1;margin:0;padding:0}.forum-thread-page__breadcrumbs ol{flex-wrap:wrap;list-style:none;margin:0;padding:0}.forum-thread-page__breadcrumbs li,.forum-thread-page__breadcrumbs ol{align-items:center;display:flex;gap:.5rem}.forum-thread-page__breadcrumbs a{align-items:center;color:var(--color-primary);display:flex;gap:.25rem;text-decoration:none;transition:color .2s ease}.forum-thread-page__breadcrumbs a:hover{color:var(--color-primary-hover);text-decoration:underline}.forum-thread-page__breadcrumb-separator{color:var(--color-text-secondary);font-size:.75rem}.forum-thread-page__error{margin:0 auto;max-width:600px;padding:3rem 1rem;text-align:center}.forum-thread-page__error h2{color:var(--color-danger);margin-bottom:1rem}.forum-thread-page__error p{color:var(--color-text-secondary);margin-bottom:2rem}.forum-thread-page__loading{padding:2rem 1rem}.forum-thread-page__skeleton{animation:skeleton-loading 1.5s ease-in-out infinite}.forum-thread-page__skeleton-card,.forum-thread-page__skeleton-header,.forum-thread-page__skeleton-text{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--radius-base)}.forum-thread-page__skeleton-header{height:3rem;margin:0 auto 2rem;width:60%}.forum-thread-page__skeleton-text{height:1rem;margin-bottom:1rem}.forum-thread-page__skeleton-text--short{width:70%}.forum-thread-page__skeleton-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.forum-thread-page__skeleton-card{height:150px}.forum-thread-page__form{max-width:600px}.forum-thread-page__form-group{margin-bottom:1.5rem}.forum-thread-page__form-group label{color:var(--color-text);display:block;font-weight:500;margin-bottom:.5rem}.forum-thread-page__required{color:var(--color-danger);margin-left:.25rem}.forum-thread-page__input,.forum-thread-page__select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:1rem;min-height:44px;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.forum-thread-page__input:focus,.forum-thread-page__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.forum-thread-page__help-text{color:var(--color-text-secondary);display:block;font-size:.875rem;margin-top:.5rem}body.dark-mode .forum-thread-page__skeleton-card,body.dark-mode .forum-thread-page__skeleton-header,body.dark-mode .forum-thread-page__skeleton-text{background:linear-gradient(90deg,#3a3a3a 25%,#4a4a4a 50%,#3a3a3a 75%)}body.dark-mode .forum-thread-page__input,body.dark-mode .forum-thread-page__select{background-color:var(--color-bg-secondary)}.forum-thread-page__button:focus-visible,.forum-thread-page__card:focus-visible,.forum-thread-page__input:focus-visible,.forum-thread-page__select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media print{.forum-thread-page__actions,.forum-thread-page__notice,.forum-thread-page__offline-banner,.forum-thread-page__skip-link,.forum-thread-page__toast{display:none}.forum-thread-page{background:#fff;color:#000;max-width:none;padding:0}}.forum-thread-page__offline-banner{align-items:center;background-color:var(--color-warning);box-shadow:var(--shadow-md);color:#fff;display:flex;font-weight:500;gap:.5rem;justify-content:center;left:0;padding:.75rem;position:fixed;right:0;text-align:center;top:0;z-index:1100}.forum-thread-page__toast{align-items:center;animation:slideIn .3s ease-out;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);bottom:2rem;box-shadow:var(--shadow-lg);display:flex;gap:1rem;max-width:400px;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:1200}.forum-thread-page__toast-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.forum-thread-page__toast-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s ease}.forum-thread-page__toast-close:hover{color:var(--color-text)}.forum-thread-page__toast--success{border-color:var(--color-success)}.forum-thread-page__toast--success svg{color:var(--color-success)}.forum-thread-page__toast--warning{border-color:var(--color-warning)}.forum-thread-page__toast--warning svg{color:var(--color-warning)}.forum-thread-page__toast--error{border-color:var(--color-danger)}.forum-thread-page__toast--error svg{color:var(--color-danger)}.forum-thread-page__toast--info{border-color:var(--color-info)}.forum-thread-page__toast--info svg{color:var(--color-info)}.forum-thread-page__unsaved-indicator{color:var(--color-warning);font-size:.875rem;font-weight:400;margin-left:.5rem}.forum-thread-page__form-actions{display:flex;gap:1rem;margin-top:1.5rem}.forum-thread-page__image-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1rem}.forum-thread-page__image-container{aspect-ratio:16/9;background-color:var(--color-bg-secondary);border-radius:var(--radius-base);overflow:hidden;position:relative}.forum-thread-page__image{height:100%;object-fit:cover;transition:opacity .3s ease;width:100%}.forum-thread-page__image[data-src]{background-color:var(--color-bg-tertiary);opacity:0}.forum-thread-page__image:not([data-src]){opacity:1}@media (prefers-contrast:high){.forum-thread-page__button,.forum-thread-page__input,.forum-thread-page__select,.forum-thread-page__toast{border-width:2px}}@media (max-width:768px){.forum-thread-page__toast{bottom:1rem;left:1rem;max-width:none;right:1rem}.forum-thread-page__form-actions{flex-direction:column}.forum-thread-page__form-actions button{width:100%}.forum-thread-page__image-grid{grid-template-columns:1fr}}.forum-thread-page__boost-btn{align-items:center;background:linear-gradient(135deg,#ff4500,#ff6b35);border:none;border-radius:8px;box-shadow:0 1px 2px 0 #0000000d;color:#fff;cursor:pointer;display:inline-flex;font-weight:500;gap:.25rem;padding:.5rem 1rem;transition:all .15s ease-in-out}.forum-thread-page__boost-btn:hover:not(:disabled){background:linear-gradient(135deg,#ff6b35,#ff4500);box-shadow:0 2px 8px #00000014;transform:translateY(-2px)}.forum-thread-page__boost-btn:disabled{cursor:not-allowed;opacity:.6}.forum-thread-page__boost-btn--cancel{background:linear-gradient(135deg,#6b7280,#9ca3af)}.forum-thread-page__boost-btn--cancel:hover:not(:disabled){background:linear-gradient(135deg,#9ca3af,#6b7280)}.forum-thread-page__boost-btn--buy{align-items:center;background:linear-gradient(135deg,#10b981,#34d399);border-radius:4px;border-radius:var(--radius-base,4px);box-shadow:0 1px 3px #0000000d;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.25rem;line-height:1.2;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.forum-thread-page__boost-btn--buy:hover{background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 2px 8px #00000014;color:#fff;text-decoration:none;transform:translateY(-2px)}.forum-thread-page__admin-btn--unboost{background-color:#fee2e2;border-color:#fca5a5}.forum-thread-page__admin-btn--unboost:hover:not(:disabled){background-color:#fecaca;border-color:#f87171}.forum-thread-page__admin-controls{align-items:center;display:flex;gap:.5rem;margin-left:auto}.forum-thread-page__admin-btn{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:inline-flex;font-size:16px;height:36px;justify-content:center;padding:0;transition:all .15s ease-in-out;width:36px}.forum-thread-page__admin-btn:hover:not(:disabled){background-color:#f3f4f6;border-color:#9ca3af;color:#1f2937;transform:translateY(-1px)}.forum-thread-page__admin-btn:disabled{cursor:not-allowed;opacity:.5}.forum-thread-page__share-btn{color:#3b82f6}.forum-thread-page__share-btn:hover:not(:disabled){border-color:#3b82f6;color:#2563eb}.forum-thread-page__lock-btn{color:#f59e0b}.forum-thread-page__lock-btn:hover:not(:disabled){border-color:#f59e0b;color:#d97706}.forum-thread-page__delete-btn:hover:not(:disabled){border-color:#dc3545;color:#dc3545}.forum-thread-page__status-indicator{border-radius:4px;display:inline-block;font-size:.875rem;font-weight:600;margin-right:.25rem;padding:2px 8px}.forum-thread-page__status-indicator--sticky{background-color:#f59e0b;color:#fff}.forum-thread-page__status-indicator--locked{background-color:#dc3545;color:#fff}.forum-thread-page__header-wrapper{margin-bottom:.75rem;padding-bottom:.5rem}.forum-thread-page__title{align-items:center;color:var(--color-text);display:flex;font-size:1.75rem;font-weight:600;gap:.5rem;margin:0 0 .25rem;position:relative;text-align:left}.forum-thread-page__title-edit-btn{align-items:center;background:#0000;border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:.75rem;height:28px;justify-content:center;margin-left:.5rem;padding:0;transition:all .2s;width:28px}.forum-thread-page__title-edit-btn:hover{background:var(--color-bg-secondary);border-color:var(--color-primary);color:var(--color-primary)}.forum-thread-page__title-edit{align-items:center;display:flex;flex:1 1;gap:.5rem}.forum-thread-page__title-input{background:var(--color-bg);border:2px solid var(--color-primary);border-radius:4px;color:var(--color-text);flex:1 1;font-size:1.5rem;font-weight:600;outline:none;padding:.375rem .5rem}.forum-thread-page__title-input:focus{border-color:var(--color-primary-hover);box-shadow:0 0 0 3px #ff45001a}.forum-thread-page__title-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.forum-thread-page__title-btn--save{background:#10b981;color:#fff}.forum-thread-page__title-btn--save:hover:not(:disabled){background:#059669;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.forum-thread-page__title-btn--cancel{background:#ef4444;color:#fff}.forum-thread-page__title-btn--cancel:hover:not(:disabled){background:#dc2626;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.forum-thread-page__title-btn:disabled{cursor:not-allowed;opacity:.5}.forum-thread-page__title-error{color:#ef4444;font-size:.875rem;font-weight:400;left:0;margin-top:.25rem;position:absolute;top:100%}.forum-thread-page__author-info{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.875rem;gap:.25rem;text-align:left}.forum-thread-page__author-link{color:var(--color-primary);font-weight:500;text-decoration:none;transition:color .2s ease}.forum-thread-page__author-link:hover{color:var(--color-primary-hover);text-decoration:underline}.forum-thread-page__controls{align-items:center;background-color:#f3f4f6;border-radius:8px;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:1rem}.forum-thread-page__controls-left{align-items:center;display:flex;flex:1 1;gap:.75rem}.forum-thread-page__action-error{color:#dc3545;font-size:.875rem;margin-left:.5rem}.forum-thread-page__boosted-icon{animation:pulse 2s infinite;color:#ff4500;font-size:1.25rem}.forum-thread-page__original-post{background:linear-gradient(180deg,#ff450008,#ff450003);border:1px solid #ff450026;border-radius:12px;box-shadow:0 2px 4px #ff45000d;margin-bottom:2rem;padding:1.5rem;position:relative}.forum-thread-page__user-info{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:.75rem;margin-bottom:1rem}.forum-thread-page__user-avatar{align-items:center;background-color:#e5e7eb;border-radius:50%;color:#1f2937;display:flex;font-weight:600;height:40px;justify-content:center;width:40px}.forum-thread-page__user-name{color:#1f2937;font-weight:500}.forum-thread-page--dark .forum-thread-page__title{color:var(--color-text)}.forum-thread-page--dark .forum-thread-page__title-edit-btn{background:#0000;border-color:var(--color-border);color:var(--color-text-secondary)}.forum-thread-page--dark .forum-thread-page__title-edit-btn:hover{background:var(--color-bg-secondary);border-color:var(--color-primary);color:var(--color-primary)}.forum-thread-page--dark .forum-thread-page__title-input{background:var(--color-bg);border-color:var(--color-primary);color:var(--color-text)}.forum-thread-page--dark .forum-thread-page__author-info{color:var(--color-text-secondary)}.forum-thread-page--dark .forum-thread-page__author-link{color:var(--color-primary)}.forum-thread-page--dark .forum-thread-page__controls{background-color:#1f1f1f}.forum-thread-page--dark .forum-thread-page__admin-btn{background-color:#2a2a2a;border-color:#444;color:#9ca3af}.forum-thread-page--dark .forum-thread-page__admin-btn:hover:not(:disabled){background-color:#333;border-color:#6b7280;color:#e5e7eb}.forum-thread-page--dark .forum-thread-page__boost-btn--cancel{background:linear-gradient(135deg,#4b5563,#6b7280)}.forum-thread-page--dark .forum-thread-page__boost-btn--cancel:hover:not(:disabled){background:linear-gradient(135deg,#6b7280,#4b5563)}.forum-thread-page--dark .forum-thread-page__boost-btn--buy{background:linear-gradient(135deg,#059669,#10b981)}.forum-thread-page--dark .forum-thread-page__boost-btn--buy:hover{background:linear-gradient(135deg,#10b981,#059669)}.forum-thread-page--dark .forum-thread-page__admin-btn--unboost{background-color:#7f1d1d;border-color:#991b1b}.forum-thread-page--dark .forum-thread-page__admin-btn--unboost:hover:not(:disabled){background-color:#991b1b;border-color:#dc2626}.forum-thread-page--dark .forum-thread-page__original-post{background:linear-gradient(180deg,#ff45000d,#ff450005);border-color:#ff450033}.forum-thread-page--dark .forum-thread-page__user-info{color:#9ca3af}.forum-thread-page--dark .forum-thread-page__user-name{color:#e5e7eb}.search-highlight,mark.search-highlight{background-color:#ffeb3b;border-radius:3px;box-shadow:0 1px 2px #0000001a;color:#333;font-weight:600;padding:2px 4px}body.dark-mode .search-highlight,body.dark-mode mark.search-highlight{background-color:#ffc107;color:#000}.highlighted-post{animation:highlightPulse 1s ease-in-out 2;box-shadow:0 0 20px #ff450066!important;outline:2px solid var(--color-primary)!important;outline-offset:-2px}@keyframes highlightPulse{0%{box-shadow:0 0 20px #ff450066;outline-color:var(--color-primary)}50%{box-shadow:0 0 30px #ff450099;outline-color:#ff4500cc}to{box-shadow:0 0 20px #ff450066;outline-color:var(--color-primary)}}@media (max-width:768px){.forum-thread-page__header-wrapper{margin-bottom:.5rem;padding-bottom:.25rem}.forum-thread-page__title{font-size:1.5rem;line-height:1.3}.forum-thread-page__author-info{font-size:.813rem}.forum-thread-page__controls{align-items:stretch;flex-direction:column;gap:.75rem;margin-bottom:1rem;padding:.75rem}.forum-thread-page__boost-btn,.forum-thread-page__controls-left{justify-content:center;width:100%}.forum-thread-page__admin-controls{justify-content:center;margin-left:0;width:100%}.forum-thread-page__original-post{padding:1rem}}.forum-share{display:inline-block;position:relative}.forum-share__trigger{align-items:center;background-color:var(--forum-card-bg);border:1px solid var(--forum-border-color);border-radius:var(--forum-radius-base);color:var(--forum-text-primary);cursor:pointer;display:inline-flex;font-weight:500;gap:var(--forum-space-xs);padding:var(--forum-space-sm) var(--forum-space-md);transition:all var(--forum-transition-fast)}.forum-share__trigger:hover{border-color:var(--forum-gradient-start);box-shadow:var(--forum-shadow-sm);color:var(--forum-gradient-start);transform:translateY(-1px)}.forum-share__trigger svg{height:14px;width:14px}.forum-share__backdrop{bottom:0;left:0;position:fixed;right:0;top:0;z-index:199}.forum-share__menu{animation:slideDown .2s ease-out;background-color:var(--forum-card-bg);border:1px solid var(--forum-border-color);border-radius:var(--forum-radius-lg);box-shadow:var(--forum-shadow-lg);margin-top:var(--forum-space-sm);min-width:280px;padding:var(--forum-space-md);position:absolute;right:0;top:100%;z-index:200}.forum-share__menu h4{color:var(--forum-text-primary);font-size:1rem;font-weight:600;margin:0 0 var(--forum-space-md) 0}.forum-share__options{grid-gap:var(--forum-space-sm);display:grid;gap:var(--forum-space-sm);grid-template-columns:repeat(3,1fr)}.forum-share__option{align-items:center;background-color:var(--forum-bg-secondary);border:1px solid var(--forum-border-color);border-radius:var(--forum-radius-base);color:var(--forum-text-primary);cursor:pointer;display:flex;flex-direction:column;font-size:.875rem;gap:var(--forum-space-xs);padding:var(--forum-space-sm);transition:all var(--forum-transition-fast)}.forum-share__option:hover{box-shadow:var(--forum-shadow-base);transform:translateY(-2px)}.forum-share__option svg{height:24px;width:24px}.forum-share__option span{font-size:.75rem}.forum-share__option--twitter:hover{background-color:#1da1f2;border-color:#1da1f2;color:#fff}.forum-share__option--facebook:hover{background-color:#1877f2;border-color:#1877f2;color:#fff}.forum-share__option--linkedin:hover{background-color:#0077b5;border-color:#0077b5;color:#fff}.forum-share__option--whatsapp:hover{background-color:#25d366;border-color:#25d366;color:#fff}.forum-share__option--email:hover{background-color:var(--forum-gradient-start);border-color:var(--forum-gradient-start);color:#fff}.forum-share__option--copy:hover{background-color:var(--forum-text-primary);border-color:var(--forum-text-primary);color:var(--forum-card-bg)}.dark-mode .forum-share__trigger{background-color:var(--forum-card-bg);color:var(--forum-text-primary)}.dark-mode .forum-share__menu{background-color:var(--forum-card-bg);border-color:var(--forum-border-color)}.dark-mode .forum-share__option{background-color:var(--forum-card-hover-bg);border-color:var(--forum-border-color)}@media (max-width:768px){.forum-share__menu{animation:slideUp .2s ease-out;border-radius:var(--forum-radius-lg) var(--forum-radius-lg) 0 0;bottom:0;left:0;margin:0;position:fixed;right:0;top:auto}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.forum-share__options{grid-template-columns:repeat(2,1fr)}}.forum-search-page{margin:0 auto;max-width:1200px;padding:0;width:100%}.forum-search-page--full-width{margin:0;max-width:none}body.has-profile-background .forum-search-page{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1rem}body.dark-mode .forum-search-page{background-color:#2a2a2a;color:var(--color-text)}body.dark-mode.has-profile-background .forum-search-page{background-color:#2a2a2af2}.forum-search-page__header{border-bottom:2px solid var(--color-primary);margin-bottom:2rem;padding:.5rem 1rem 1rem;position:relative;text-align:center}.forum-search-page__header-content{width:100%}.forum-search-page__header h1{color:var(--color-primary);font-size:2.5rem;margin:0 0 .5rem}.forum-search-page__header p{color:var(--color-text-secondary);font-size:1.1rem;margin:0}.forum-search-page__share-button{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;font-size:.875rem;height:auto;justify-content:center;margin-left:1rem;min-height:0;min-height:auto;padding:.25rem .5rem;position:static;transition:all .2s ease}.forum-search-page__share-button:hover{background-color:var(--color-bg-tertiary);box-shadow:var(--shadow-md);color:var(--color-primary);transform:translateY(-1px)}.forum-search-page__share-button:active{transform:translateY(0)}.forum-search-page__share-button svg{fill:currentColor;height:1em;width:1em}.forum-search-page__status{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem;padding:0 1rem}.forum-search-page__status-item{align-items:center;border-radius:var(--radius-lg);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.forum-search-page__status-item--success{background-color:#28a7451a;border:1px solid #28a7454d;color:#28a745}.forum-search-page__status-item--info{background-color:#17a2b81a;border:1px solid #17a2b84d;color:#17a2b8}.forum-search-page__status-item--warning{background-color:#ffc1071a;border:1px solid #ffc1074d;color:#ffc107}body.dark-mode .forum-search-page__status-item--success{background-color:#28a74533}body.dark-mode .forum-search-page__status-item--info{background-color:#17a2b833}body.dark-mode .forum-search-page__status-item--warning{background-color:#ffc10733}.forum-search-page__content{box-sizing:border-box;padding:0 1rem;width:100%}.forum-search-page__section{margin-bottom:3rem}.forum-search-page__section h2{border-bottom:1px solid var(--color-border);color:var(--color-text);margin-bottom:1rem;padding-bottom:.5rem}.forum-search-page__cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.forum-search-page__card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:1.5rem;transition:all .3s ease}.forum-search-page__card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.forum-search-page__card h3{color:var(--color-primary);margin:0 0 .5rem}.forum-search-page__card p{color:var(--color-text-secondary);margin:0}.forum-search-page__features{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));list-style:none;margin:0;padding:0}.forum-search-page__features li{background-color:var(--color-bg-tertiary);border-left:3px solid var(--color-primary);border-radius:var(--radius-base);padding:.5rem}.forum-search-page__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.forum-search-page__button{border:none;border-radius:var(--radius-base);cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.forum-search-page__button--primary{background-color:var(--color-primary);color:#fff}.forum-search-page__button--primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.forum-search-page__button--secondary{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.forum-search-page__button--secondary:hover{background-color:var(--color-bg-tertiary);transform:translateY(-1px)}.forum-search-page__notice{background-color:#ffc1071a;border:1px solid #ffc1074d;border-radius:var(--radius-lg);margin-top:3rem;padding:1.5rem;text-align:center}.forum-search-page__notice p{font-weight:500;margin:0}@media (max-width:768px){.forum-search-page{border-radius:0;padding:.5rem}.forum-search-page__header h1{font-size:2rem}.forum-search-page__breadcrumb-row{padding:.5rem}.forum-search-page__share-button{font-size:.75rem;margin-left:.5rem;padding:.25rem}.forum-search-page__status{align-items:stretch;flex-direction:column}.forum-search-page__content{padding:0 .5rem}.forum-search-page__cards,.forum-search-page__features{grid-template-columns:1fr}.forum-search-page__actions{flex-direction:column}.forum-search-page__button{width:100%}}.forum-search-page__skip-link{background:var(--color-primary);border-radius:var(--radius-base);color:#fff;font-weight:500;left:-9999px;padding:8px 16px;position:absolute;text-decoration:none;top:0;z-index:100}.forum-search-page__skip-link:focus{box-shadow:var(--shadow-lg);left:50%;top:10px;transform:translateX(-50%)}.forum-search-page__breadcrumb-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;padding:1rem 1rem 0}.forum-search-page__breadcrumbs{flex:1 1;margin:0;padding:0}.forum-search-page__breadcrumbs ol{flex-wrap:wrap;list-style:none;margin:0;padding:0}.forum-search-page__breadcrumbs li,.forum-search-page__breadcrumbs ol{align-items:center;display:flex;gap:.5rem}.forum-search-page__breadcrumbs a{align-items:center;color:var(--color-primary);display:flex;gap:.25rem;text-decoration:none;transition:color .2s ease}.forum-search-page__breadcrumbs a:hover{color:var(--color-primary-hover);text-decoration:underline}.forum-search-page__breadcrumb-separator{color:var(--color-text-secondary);font-size:.75rem}.forum-search-page__error{margin:0 auto;max-width:600px;padding:3rem 1rem;text-align:center}.forum-search-page__error h2{color:var(--color-danger);margin-bottom:1rem}.forum-search-page__error p{color:var(--color-text-secondary);margin-bottom:2rem}.forum-search-page__loading{padding:2rem 1rem}.forum-search-page__skeleton{animation:skeleton-loading 1.5s ease-in-out infinite}.forum-search-page__skeleton-card,.forum-search-page__skeleton-header,.forum-search-page__skeleton-text{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--radius-base)}.forum-search-page__skeleton-header{height:3rem;margin:0 auto 2rem;width:60%}.forum-search-page__skeleton-text{height:1rem;margin-bottom:1rem}.forum-search-page__skeleton-text--short{width:70%}.forum-search-page__skeleton-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.forum-search-page__skeleton-card{height:150px}.forum-search-page__form{max-width:600px}.forum-search-page__form-group{margin-bottom:1.5rem}.forum-search-page__form-group label{color:var(--color-text);display:block;font-weight:500;margin-bottom:.5rem}.forum-search-page__required{color:var(--color-danger);margin-left:.25rem}.forum-search-page__input,.forum-search-page__select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:1rem;min-height:44px;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.forum-search-page__input:focus,.forum-search-page__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.forum-search-page__help-text{color:var(--color-text-secondary);display:block;font-size:.875rem;margin-top:.5rem}body.dark-mode .forum-search-page__skeleton-card,body.dark-mode .forum-search-page__skeleton-header,body.dark-mode .forum-search-page__skeleton-text{background:linear-gradient(90deg,#3a3a3a 25%,#4a4a4a 50%,#3a3a3a 75%)}body.dark-mode .forum-search-page__input,body.dark-mode .forum-search-page__select{background-color:var(--color-bg-secondary)}.forum-search-page__button:focus-visible,.forum-search-page__card:focus-visible,.forum-search-page__input:focus-visible,.forum-search-page__select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media print{.forum-search-page__actions,.forum-search-page__notice,.forum-search-page__offline-banner,.forum-search-page__skip-link,.forum-search-page__toast{display:none}.forum-search-page{background:#fff;color:#000;max-width:none;padding:0}}.forum-search-page__offline-banner{align-items:center;background-color:var(--color-warning);box-shadow:var(--shadow-md);color:#fff;display:flex;font-weight:500;gap:.5rem;justify-content:center;left:0;padding:.75rem;position:fixed;right:0;text-align:center;top:0;z-index:1100}.forum-search-page__toast{align-items:center;animation:slideIn .3s ease-out;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);bottom:2rem;box-shadow:var(--shadow-lg);display:flex;gap:1rem;max-width:400px;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:1200}.forum-search-page__toast-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.forum-search-page__toast-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s ease}.forum-search-page__toast-close:hover{color:var(--color-text)}.forum-search-page__toast--success{border-color:var(--color-success)}.forum-search-page__toast--success svg{color:var(--color-success)}.forum-search-page__toast--warning{border-color:var(--color-warning)}.forum-search-page__toast--warning svg{color:var(--color-warning)}.forum-search-page__toast--error{border-color:var(--color-danger)}.forum-search-page__toast--error svg{color:var(--color-danger)}.forum-search-page__toast--info{border-color:var(--color-info)}.forum-search-page__toast--info svg{color:var(--color-info)}.forum-search-page__unsaved-indicator{color:var(--color-warning);font-size:.875rem;font-weight:400;margin-left:.5rem}.forum-search-page__form-actions{display:flex;gap:1rem;margin-top:1.5rem}.forum-search-page__image-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1rem}.forum-search-page__image-container{aspect-ratio:16/9;background-color:var(--color-bg-secondary);border-radius:var(--radius-base);overflow:hidden;position:relative}.forum-search-page__image{height:100%;object-fit:cover;transition:opacity .3s ease;width:100%}.forum-search-page__image[data-src]{background-color:var(--color-bg-tertiary);opacity:0}.forum-search-page__image:not([data-src]){opacity:1}@media (prefers-contrast:high){.forum-search-page__button,.forum-search-page__input,.forum-search-page__select,.forum-search-page__toast{border-width:2px}}@media (max-width:768px){.forum-search-page__toast{bottom:1rem;left:1rem;max-width:none;right:1rem}.forum-search-page__form-actions{flex-direction:column}.forum-search-page__form-actions button{width:100%}.forum-search-page__image-grid{grid-template-columns:1fr}}.search-results-container{margin:0 auto;max-width:1000px}.search-results-count{color:var(--color-text-secondary);font-size:.9rem;margin-bottom:1.5rem}.search-result-item{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);margin-bottom:1rem;padding:1.25rem;transition:all .2s ease}.search-result-item:hover{background:var(--color-bg-tertiary);box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.search-result-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.75rem}.search-result-title{color:var(--color-primary);cursor:pointer;flex:1 1;font-size:1.125rem;font-weight:600}.match-type-badge{border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;padding:.25rem .5rem;white-space:nowrap}.match-type-badge.title{background:#4caf501a;border:1px solid #4caf504d;color:#4caf50}.match-type-badge.content{background:#2196f31a;border:1px solid #2196f34d;color:#2196f3}.search-result-snippet{background:var(--color-bg);border-left:3px solid var(--color-primary);border-radius:var(--radius-sm);margin:.75rem 0;padding:.75rem}.search-result-snippet p{color:var(--color-text-secondary);line-height:1.6;margin:0}.search-result-snippet mark,.search-result-title mark{background:#ffeb3b;border-radius:2px;color:#333;font-weight:600;padding:0 2px}body.dark-mode .search-result-snippet mark,body.dark-mode .search-result-title mark{background:#ffc107;color:#000}.search-result-post-info{font-style:italic;margin:.5rem 0}.search-result-meta,.search-result-post-info{color:var(--color-text-secondary);font-size:.875rem}.search-result-meta{align-items:center;border-top:1px solid var(--color-border);display:flex;justify-content:space-between;margin-top:1rem;padding-top:.75rem}.thread-stats{display:flex;gap:.5rem}body.dark-mode .search-result-item{background:#2a2a2a;border-color:#444}body.dark-mode .search-result-item:hover{box-shadow:0 2px 8px #0000004d}body.dark-mode .search-result-snippet{background:#1f1f1f;border-left-color:var(--color-primary)}@media (max-width:768px){.search-result-header{flex-direction:column;gap:.5rem}.match-type-badge{align-self:flex-start}.search-result-meta{align-items:flex-start;flex-direction:column;gap:.25rem}.search-result-snippet{font-size:.9rem;padding:.5rem}}.ntf-container{margin:0 auto;max-width:1200px;min-height:calc(100vh - 100px);padding:var(--space-xl)}.ntf-container.full-width{max-width:none}.ntf-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin:0 auto;max-width:900px;overflow:hidden}.ntf-card,.ntf-header{background:var(--color-bg)}.ntf-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--space-lg)}.ntf-title{color:var(--color-text);font-size:1.75rem;font-weight:var(--font-weight-semibold);margin:0}.ntf-cancel-btn{background:#0000;border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.ntf-cancel-btn:hover{background:var(--color-bg-hover);border-color:var(--color-border-dark);color:var(--color-text)}.ntf-error{align-items:center;background:#dc35451a;border:1px solid #dc35454d;border-radius:var(--radius-base);color:var(--color-danger);display:flex;font-size:var(--font-size-sm);gap:var(--space-sm);margin:var(--space-md);padding:var(--space-md)}.ntf-error-icon{font-size:1.25rem}.ntf-form{padding:var(--space-lg)}.ntf-form-group{margin-bottom:var(--space-lg)}.ntf-label{align-items:baseline;color:var(--color-text);display:flex;font-weight:var(--font-weight-medium);justify-content:space-between;margin-bottom:var(--space-sm)}.ntf-label-hint{color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal)}.ntf-input,.ntf-textarea{background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-family:inherit;font-size:var(--font-size-base);padding:var(--space-sm) var(--space-md);transition:all var(--transition-base);width:100%}.ntf-input:focus,.ntf-textarea:focus{background:var(--color-bg);border-color:var(--color-primary);outline:none}.ntf-input::placeholder,.ntf-textarea::placeholder{color:var(--color-text-muted)}.ntf-textarea{line-height:1.5;min-height:200px;resize:vertical}.ntf-tabs{background:var(--color-bg-secondary);border-radius:var(--radius-base);display:flex;gap:2px;margin-bottom:var(--space-md);padding:2px}.ntf-tab{background:#0000;border:none;border-radius:calc(var(--radius-base) - 2px);color:var(--color-text-secondary);cursor:pointer;flex:1 1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.ntf-tab:hover{color:var(--color-text)}.ntf-tab.active{background:var(--color-bg);box-shadow:var(--shadow-sm);color:var(--color-primary)}.ntf-preview{word-wrap:break-word;border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);line-height:1.6;min-height:200px;padding:var(--space-md)}.ntf-dropzone,.ntf-preview{background:var(--color-bg-tertiary)}.ntf-dropzone{border:2px dashed var(--color-border);border-radius:var(--radius-base);cursor:pointer;padding:var(--space-xl);position:relative;text-align:center;transition:all var(--transition-base)}.ntf-dropzone:hover{background:var(--color-bg-secondary);border-color:var(--color-primary)}.ntf-dropzone.dragging{background:#ff45000d;border-color:var(--color-primary);border-style:solid}.ntf-dropzone-content{pointer-events:none}.ntf-upload-icon{fill:var(--color-text-muted);margin-bottom:var(--space-sm)}.ntf-dropzone-text{color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin:0 0 var(--space-xs)}.ntf-dropzone-hint{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.ntf-file-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:var(--space-md)}.ntf-file-item{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);overflow:hidden;position:relative;transition:all var(--transition-base)}.ntf-file-item:hover{border-color:var(--color-border-dark);box-shadow:var(--shadow-sm)}.ntf-file-preview{align-items:center;aspect-ratio:1;background:var(--color-bg-tertiary);display:flex;justify-content:center;overflow:hidden}.ntf-file-preview img{height:100%;object-fit:cover;width:100%}.ntf-video-wrapper{height:100%;overflow:hidden;position:relative;width:100%}.ntf-video-preview{height:100%;object-fit:cover;width:100%}.ntf-video-overlay{align-items:center;background:#000000b3;border-radius:50%;box-shadow:0 2px 8px #0000004d;display:flex;height:48px;justify-content:center;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:48px}.ntf-video-overlay svg{margin-left:3px}.ntf-video-placeholder{align-items:center;background:var(--color-bg-tertiary);display:flex;height:100%;justify-content:center;width:100%}.ntf-video-placeholder svg{fill:var(--color-text-muted)}.ntf-file-info{background:var(--color-bg);padding:var(--space-sm)}.ntf-file-name{color:var(--color-text);display:block;font-size:var(--font-size-sm);margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ntf-file-size{color:var(--color-text-muted);display:block;font-size:var(--font-size-xs)}.ntf-file-remove{align-items:center;background:#dc3545e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;line-height:1;opacity:0;position:absolute;right:var(--space-xs);top:var(--space-xs);transition:all var(--transition-base);width:24px}.ntf-file-item:hover .ntf-file-remove{opacity:1}.ntf-file-remove:hover{background:var(--color-danger);transform:scale(1.1)}.ntf-actions{display:flex;gap:var(--space-md);justify-content:flex-end}.ntf-submit-btn{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-base);color:var(--color-text-inverse);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.ntf-submit-btn:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.ntf-submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.ntf-spinner{animation:ntf-spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes ntf-spin{to{transform:rotate(1turn)}}@media (max-width:768px){.ntf-container{padding:var(--space-md) var(--space-sm)}.ntf-card{border-radius:var(--radius-md)}.ntf-header{padding:var(--space-md)}.ntf-title{font-size:1.5rem}.ntf-form{padding:var(--space-md)}.ntf-file-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.ntf-dropzone{padding:var(--space-lg)}}.dark-mode .ntf-dropzone{background:#3a3b3c80}.dark-mode .ntf-dropzone.dragging{background:#ff45001a}.dark-mode .ntf-file-item,.dark-mode .ntf-preview{background:var(--color-bg-secondary)}.dark-mode .ntf-video-placeholder{background:var(--color-bg-tertiary)}.ntf-form .forum-emoji-picker{margin-bottom:var(--space-sm)}.binder-selector-container{background-color:#f9f9f9;border:1px solid #eee;border-radius:8px;margin-bottom:5px;padding:15px}.binder-selection{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.binder-selection label{color:#1a1a1a;font-weight:700;margin-bottom:0}.select-wrapper{min-width:200px}.binder-selection select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23FF4500%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");background-position:right 10px top 50%;background-repeat:no-repeat;background-size:.65em auto;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:1rem;padding:10px 30px 10px 10px;width:100%}.binder-selection select,.binder-selection select option{background-color:#fff;color:#333}.binder-selection select:disabled{background-color:#e9ecef;cursor:not-allowed}.create-new-option{color:#007bff;font-style:italic}.loading-message,.no-binders-message{color:#4a4a4a;font-size:.9rem;margin-top:5px}.create-binder-form{background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:20px}.create-binder-form h3{border-bottom:1px solid #eee;color:#1a1a1a;margin-bottom:15px;margin-top:0;padding-bottom:10px}.binder-selector__form-group{margin-bottom:15px}.form-group label{color:#2a2a2a;font-size:.9rem;font-weight:700;margin-bottom:5px}.form-group input[type=text],.form-group textarea{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:1rem;padding:10px;width:100%}.form-group textarea{min-height:60px;resize:vertical}.form-group input:disabled,.form-group textarea:disabled{background-color:#e9ecef}.form-actions{gap:10px;margin-top:20px}.form-actions button{border-radius:4px;font-size:.9rem;padding:10px 15px;transition:background-color .2s}.form-actions .create-btn{background-color:#ff4500;color:#fff}.form-actions .create-btn:hover{background-color:#e63900}.form-actions .cancel-btn{background-color:#6c757d;color:#fff}.form-actions .cancel-btn:hover{background-color:#5a6268}.form-actions button:disabled{background-color:#ccc;cursor:not-allowed}.error-message{font-size:.9rem;margin-bottom:15px;padding:10px}.create-binder-form .error-message{margin-bottom:0;margin-top:10px}.binder-selector-container.dark{background-color:#2a2a2a;border-color:#444}.binder-selector-container.dark .binder-selection label{color:#f0f0f0}.binder-selector-container.dark .loading-message,.binder-selector-container.dark .no-binders-message{color:#d0d0d0}.binder-selector-container.dark .binder-selection select{background-color:#333;border-color:#555;color:#f0f0f0}.binder-selector-container.dark .binder-selection select option{background-color:#333;color:#f0f0f0}.binder-selector-container.dark .binder-selection select:disabled{background-color:#444;color:#999}.binder-selector-container.dark .create-binder-form{background-color:#333;border-color:#555}.binder-selector-container.dark .create-binder-form h3{border-bottom-color:#555;color:#f0f0f0}.binder-selector-container.dark .form-group label{color:#e0e0e0}.binder-selector-container.dark .form-group input[type=text],.binder-selector-container.dark .form-group textarea{background-color:#444;border-color:#666;color:#f0f0f0}.binder-selector-container.dark .form-group input:disabled,.binder-selector-container.dark .form-group textarea:disabled{background-color:#555;color:#999}.binder-selector-container.dark .error-message{background-color:#5a2a2a;border-color:#8a4444;color:#f99}.view-binder-btn{background-color:#17a2b8;border-radius:4px;font-size:.9rem;margin-top:12px;padding:8px 16px;transition:background-color .2s}.view-binder-btn:hover{background-color:#138496}body.dark-mode .binder-selector-container{background-color:#3a3a3a!important}body.dark-mode .binder-selection select{border-color:#555!important}body.dark-mode .binder-selection select,body.dark-mode .binder-selection select option{background-color:#333!important;color:#e0e0e0!important}body.dark-mode .create-binder-form{background-color:#333!important;border-color:#555!important}body.dark-mode .form-group input[type=text],body.dark-mode .form-group textarea{background-color:#444!important;border-color:#666!important;color:#f0f0f0!important}body.dark-mode .view-binder-btn{background-color:#138496!important}body.dark-mode .view-binder-btn:hover{background-color:#0f6674!important}.split-screen-container{background-color:initial;border-radius:0;display:flex;margin-top:0;min-height:0;overflow:visible;position:relative;width:100%}@media (min-width:769px){.split-screen-container{height:calc(100vh - 200px)!important}}.split-screen-container.horizontal{flex-direction:row}.split-screen-container.vertical{flex-direction:column;height:auto}.left-pane,.right-pane{background-color:initial;box-shadow:none;display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden;padding:0;transition:width .3s ease}.split-screen-container.horizontal .left-pane,.split-screen-container.horizontal .right-pane{height:100%}.split-screen-container.vertical .left-pane,.split-screen-container.vertical .right-pane{height:auto;min-height:0;width:100%}.divider{align-items:center;background-color:initial;cursor:col-resize;display:flex;flex-shrink:0;height:auto;justify-content:center;transition:background-color .2s;width:10px}.divider:active,.divider:hover{background-color:#f0f0f0}.divider:after{color:#0000;content:""}.layout-toggle-btn{background-color:#ff4500;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 12px;position:absolute;right:0;top:-38px;transition:background-color .2s;z-index:10}.layout-toggle-btn:hover{background-color:#e63900}@media (max-width:768px){.split-screen-container{flex-direction:column!important;height:auto}.split-screen-container .left-pane,.split-screen-container .right-pane{height:auto;min-height:0;padding:0;width:100%!important}.divider,.layout-toggle-btn{display:none}}.report-gallery{display:flex;flex-direction:column;height:100%;min-height:100%}.gallery-header{align-items:center;background-color:#f1f1f1;border-bottom:1px solid #ddd;display:flex;flex-shrink:0;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:10px 15px}.gallery-header.sticky-header{position:-webkit-sticky;position:sticky;top:0;z-index:5}.gallery-header h2{color:#333;font-size:1.1rem;margin:0}.report-gallery .report-card .binder-action-btn{display:none!important}.search-container{align-items:center;display:flex;flex-grow:1;max-width:400px;position:relative}.search-container input[type=text]{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:.9rem;padding:8px 30px 8px 10px;width:100%}.clear-search{background:none;border:none;color:#999;cursor:pointer;font-size:1.2rem;line-height:1;padding:0 5px;position:absolute;right:5px;top:50%;transform:translateY(-50%)}.clear-search:hover{color:#333}.gallery-content{grid-gap:1.5rem!important;align-content:start;background-color:#fff;display:grid!important;flex-grow:1;gap:1.5rem!important;grid-auto-rows:-webkit-max-content;grid-auto-rows:max-content;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;min-height:calc(100% - 60px);overflow-y:auto;padding:15px;transition:background-color .2s ease;width:100%}@media (min-width:769px){.gallery-content{gap:1rem!important;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;height:0;min-height:0}}.gallery-content.dragging-over{background-color:#e6f7ff}.error-message,.loading-message,.no-reports-message{color:#666;font-style:italic;grid-column:1/-1;padding:20px;text-align:center}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;font-style:normal}.no-reports-message p{margin-bottom:5px}.gallery-content .report-card{height:auto;margin-bottom:0;min-width:0;width:100%}@media (min-width:769px){.gallery-content .report-card .cardSummary,.gallery-content .report-card .rc-summary,.gallery-content .report-card [class*=cardSummary],.gallery-content [class*=reportCard] [class*=cardSummary],.gallery-content p[class*=cardSummary]{-webkit-line-clamp:2!important;color:#666!important;font-family:inherit!important;font-size:13px!important;height:40px!important;margin:5px 0!important;max-height:40px!important;min-height:40px!important}}@media (max-width:768px){.gallery-header{padding:8px 10px}.gallery-header h2{font-size:1rem}.search-container input[type=text]{font-size:.85rem}.gallery-content{gap:10px!important;grid-template-columns:repeat(auto-fit,minmax(min(280px,calc(100vw - 40px)),1fr))!important;justify-content:center;padding:10px;place-items:center}.gallery-content .report-card{max-width:min(350px,calc(100vw - 40px));width:100%}.gallery-content .report-card .cardSummary,.gallery-content .report-card .rc-summary,.gallery-content .report-card [class*=cardSummary],.gallery-content [class*=reportCard] [class*=cardSummary],.gallery-content p[class*=cardSummary]{-webkit-line-clamp:3!important;color:#666!important;font-family:inherit!important;font-size:13px!important;height:60px!important;line-height:1.5!important;margin:5px 0!important;max-height:60px!important;min-height:60px!important}}.report-gallery.dark .gallery-header{background-color:#2a2a2a;border-bottom-color:#444}.report-gallery.dark .gallery-header h2{color:#f0f0f0}.report-gallery.dark .gallery-content{background-color:#1a1a1a}.report-gallery.dark .gallery-content.dragging-over{background-color:#2a3a4a}.report-gallery.dark .search-container input[type=text]{background-color:#333;border-color:#555;color:#f0f0f0}.report-gallery.dark .clear-search{color:#999}.report-gallery.dark .clear-search:hover{color:#ddd}.report-gallery.dark .loading-message,.report-gallery.dark .no-reports-message{color:#d0d0d0}.report-gallery.dark .error-message{background-color:#5a2a2a;border-color:#8a4444;color:#f99}body.dark-mode .report-gallery{background-color:#1a1a1a!important}body.dark-mode .gallery-header{background-color:#2d2d2d!important;border-bottom-color:#444!important}body.dark-mode .gallery-content{background-color:#1a1a1a!important}body.dark-mode .gallery-content [class*=ReportCard_reportCard]{background-color:#2a2a2a!important;border-color:#444!important}.binder-contents{display:flex;flex-direction:column;height:100%;min-height:100%}.binder-contents__header{align-items:center;background-color:#f1f1f1;border-bottom:1px solid #ddd;display:flex;flex-shrink:0;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:10px 15px}.binder-contents__header--sticky{position:-webkit-sticky;position:sticky;top:0;z-index:5}.binder-contents__header h2{color:#1a1a1a;flex-grow:1;font-size:1.1rem;margin:0 10px 0 0}.binder-contents__name-input{border:1px solid #ccc;border-radius:4px;flex-grow:1;font-size:1.1rem;font-weight:700;margin-right:10px;padding:5px 8px}.binder-contents__actions{align-items:center;display:flex;gap:8px;vertical-align:middle}.binder-contents__btn{align-items:center;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:.8rem;height:30px;justify-content:center;padding:0 10px;transition:background-color .2s}.binder-contents__btn--edit{background-color:#ffc107;color:#212529}.binder-contents__btn--edit:hover{background-color:#e0a800}.binder-contents__btn--delete{background-color:#dc3545}.binder-contents__btn--delete:hover{background-color:#c82333}.binder-contents__btn--save{background-color:#28a745}.binder-contents__btn--save:hover{background-color:#218838}.binder-contents__btn--cancel{background-color:#6c757d}.binder-contents__btn--cancel:hover{background-color:#5a6268}.binder-contents__search{flex-grow:1;margin:10px 15px 0;position:relative}.binder-contents__search input[type=text]{background-color:#fff;border:1px solid #ddd;border-radius:20px;font-size:.9rem;padding:8px 35px 8px 12px;transition:border-color .2s;width:100%}.binder-contents__search input[type=text]:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff1a;outline:none}.binder-contents__search-clear{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:4px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.binder-contents__search-clear:hover{color:#666}.binder-contents__sorting{align-items:center;display:flex;font-size:.85rem;gap:8px;margin:10px 15px 0}.binder-contents__sorting label{color:#666}.binder-contents__sorting select{background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:.85rem;padding:4px 8px}.binder-contents__sorting button{background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:.85rem;padding:4px 10px;transition:background-color .2s}.binder-contents__sorting button:hover{background-color:#e9ecef}.binder-contents__description-display,.binder-contents__description-edit{background-color:#f8f9fa;border-bottom:1px solid #ddd;flex-shrink:0;padding:10px 15px}.binder-contents__description-display h3,.binder-contents__description-edit h3{color:#555;font-size:.95rem;margin:0 0 8px}.binder-contents__description-display p{color:#666;font-size:.9rem;line-height:1.4;margin:0}.binder-contents__description-edit textarea{border:1px solid #ddd;border-radius:4px;font-size:.9rem;min-height:60px;padding:8px;resize:vertical;width:100%}.binder-contents__drop-zone{background-color:#f8f9fa;flex-grow:1;min-height:200px;overflow-y:auto;padding:10px;transition:background-color .3s,border .3s}.binder-contents__drop-zone--dragging-over{background-color:#e7f3ff;border:2px dashed #007bff}.binder-contents__empty-message,.binder-contents__error-message,.binder-contents__loading-message,.binder-contents__no-selection{color:#666;font-style:italic;padding:20px;text-align:center}.binder-contents__error-message{color:#dc3545;font-style:normal}.binder-contents__empty-message{color:#999;padding:40px 20px}@media (max-width:768px){.binder-contents__header{align-items:stretch;flex-direction:column}.binder-contents__header h2{margin-bottom:10px}.binder-contents__actions{justify-content:flex-end}.binder-contents__search{margin:10px 0 0}.binder-contents__sorting{flex-wrap:wrap;margin:10px 0 0}}.binder-contents.dark,.dark .binder-contents{background-color:#1a1a1a;color:#e0e0e0}.binder-contents.dark .binder-contents__header,.dark .binder-contents__header{background-color:#2a2a2a;border-bottom-color:#444}.binder-contents.dark .binder-contents__header h2,.dark .binder-contents__header h2{color:#e0e0e0}.binder-contents.dark .binder-contents__name-input,.binder-contents.dark .binder-contents__search input[type=text],.dark .binder-contents__name-input,.dark .binder-contents__search input[type=text]{background-color:#333;border-color:#555;color:#e0e0e0}.binder-contents.dark .binder-contents__search input[type=text]:focus,.dark .binder-contents__search input[type=text]:focus{border-color:#06c;box-shadow:0 0 0 2px #06c3}.binder-contents.dark .binder-contents__search-clear,.dark .binder-contents__search-clear{color:#777}.binder-contents.dark .binder-contents__search-clear:hover,.dark .binder-contents__search-clear:hover{color:#999}.binder-contents.dark .binder-contents__sorting button,.binder-contents.dark .binder-contents__sorting select,.dark .binder-contents__sorting button,.dark .binder-contents__sorting select{background-color:#333;border-color:#555;color:#e0e0e0}.binder-contents.dark .binder-contents__sorting button:hover,.dark .binder-contents__sorting button:hover{background-color:#444}.binder-contents.dark .binder-contents__description-display,.binder-contents.dark .binder-contents__description-edit,.dark .binder-contents__description-display,.dark .binder-contents__description-edit{background-color:#2a2a2a;border-bottom-color:#444}.binder-contents.dark .binder-contents__description-display h3,.binder-contents.dark .binder-contents__description-edit h3,.dark .binder-contents__description-display h3,.dark .binder-contents__description-edit h3{color:#bbb}.binder-contents.dark .binder-contents__description-display p,.dark .binder-contents__description-display p{color:#999}.binder-contents.dark .binder-contents__description-edit textarea,.dark .binder-contents__description-edit textarea{background-color:#333;border-color:#555;color:#e0e0e0}.binder-contents.dark .binder-contents__drop-zone,.dark .binder-contents__drop-zone{background-color:#1a1a1a}.binder-contents.dark .binder-contents__drop-zone--dragging-over,.dark .binder-contents__drop-zone--dragging-over{background-color:#1a3a52;border-color:#06c}.binder-contents.dark .binder-contents__empty-message,.binder-contents.dark .binder-contents__loading-message,.binder-contents.dark .binder-contents__no-selection,.dark .binder-contents__empty-message,.dark .binder-contents__loading-message,.dark .binder-contents__no-selection{color:#999}.binder-contents.dark .binder-contents__error-message,.dark .binder-contents__error-message{color:#ff6b6b}.binder-contents.dark .binder-contents__btn--edit,.dark .binder-contents__btn--edit{background-color:#5c4a1d;color:#ffc53d}.binder-contents.dark .binder-contents__btn--edit:hover,.dark .binder-contents__btn--edit:hover{background-color:#856404}.binder-contents.dark .binder-contents__btn--delete,.dark .binder-contents__btn--delete{background-color:#a61d24;color:#ff7875}.binder-contents.dark .binder-contents__btn--delete:hover,.dark .binder-contents__btn--delete:hover{background-color:#8b181f}.binder-contents.dark .binder-contents__btn--save,.dark .binder-contents__btn--save{background-color:#237341;color:#73d13d}.binder-contents.dark .binder-contents__btn--save:hover,.dark .binder-contents__btn--save:hover{background-color:#1a5a2f}.binder-contents.dark .binder-contents__btn--cancel,.dark .binder-contents__btn--cancel{background-color:#4a4a4a;color:#b8b8b8}.binder-contents.dark .binder-contents__btn--cancel:hover,.dark .binder-contents__btn--cancel:hover{background-color:#3a3a3a}.mobile-section-fab{align-items:center;background:linear-gradient(135deg,#ff4500,#e63900);border:none;border-radius:28px;bottom:20px;box-shadow:0 4px 12px #ff450066;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;height:56px;justify-content:center;min-width:56px;padding:0 16px;position:fixed;right:20px;transition:all .3s ease;-webkit-user-select:none;user-select:none;width:auto;z-index:1000}.mobile-section-fab:hover{background:linear-gradient(135deg,#e63900,#cc3700);box-shadow:0 6px 16px #ff450080;transform:translateY(-2px)}.mobile-section-fab:active{box-shadow:0 2px 8px #ff45004d;transform:translateY(0)}.fab-icon{font-size:18px}.fab-icon,.fab-label{flex-shrink:0;line-height:1}.fab-label{font-size:14px;white-space:nowrap}.mobile-section-fab .fab-icon,.mobile-section-fab .fab-label{transition:all .2s ease}@media (max-width:480px){.mobile-section-fab{bottom:16px;font-size:13px;padding:0 12px;right:16px}.fab-icon{font-size:16px}.fab-label{font-size:13px}}@media (min-width:769px){.mobile-section-fab{display:none}}@media (max-width:768px){.binder-header h2,.gallery-header h2,.le-contents-header h4,.le-gallery-controls{scroll-margin-top:120px}}.dark-mode .mobile-section-fab{background:linear-gradient(135deg,#e63900,#cc3700);box-shadow:0 4px 12px #e6390066}.dark-mode .mobile-section-fab:hover{background:linear-gradient(135deg,#cc3700,#b33200);box-shadow:0 6px 16px #e6390080}.binder-manager{display:flex;flex-direction:column;gap:5px;height:auto;margin:0 auto;width:100%}.binder-manager-page h1{margin-bottom:5px}.binder-manager-page p{color:#4a4a4a;font-size:1rem;margin-bottom:20px}.binder-manager-page.dark p{color:#d0d0d0}.binder-manager-wrapper{background:#0000;display:flex;flex-direction:column;min-height:calc(100vh - 60px)}.binder-manager-wrapper--constrained{padding:20px}.binder-manager-wrapper--full-width{padding:0}.binder-manager-page{background-color:#fff;display:flex;flex:1 0 auto;flex-direction:column;margin-left:auto;margin-right:auto;max-width:1200px;min-height:100%;padding:20px;width:100%}.binder-manager-page.full-width{max-width:none}.binder-manager-page h1{border-bottom:2px solid #ff4500;color:#1a1a1a;margin-bottom:1.5rem;margin-top:0;padding-bottom:.5rem}.binder-manager-page>p{color:#4a4a4a;margin-bottom:1.5rem;text-align:center}.binder-manager-page.dark{background-color:#2a2a2a}.binder-manager-page.dark h1{border-bottom-color:#ff4500;color:#f0f0f0}.binder-manager-page.dark>p{color:#d0d0d0}body.dark-mode .binder-manager-page{background-color:#2a2a2a!important}body.dark-mode .binder-manager-page h1{border-bottom-color:#ff4500!important;color:#f0f0f0!important}body.dark-mode .binder-manager-page>p{color:#d0d0d0!important}.binder-page-header{margin-bottom:30px;text-align:center}.binder-page-header h1{border-bottom:2px solid #ff4500;color:#333;display:inline-block;margin-bottom:1.5rem;margin-top:0;padding-bottom:.5rem}.binder-page-header p{color:#555;margin-bottom:1.5rem}.header-actions{justify-content:center;margin-top:20px}.admin-view-btn,.layout-toggle-btn{background-color:var(--color-primary);border:none;border-radius:4px;color:#fff!important;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;text-decoration:none;transition:all .2s;white-space:nowrap}.admin-view-btn:hover,.layout-toggle-btn:hover{background-color:var(--color-primary-hover);box-shadow:0 2px 4px #0003;color:#fff!important;transform:translateY(-1px)}.layout-toggle-btn{background-color:#6c757d}.layout-toggle-btn:hover{background-color:#5a6268}@media (max-width:768px){.binder-page-header{flex-direction:column;gap:15px}.admin-view-btn{text-align:center;width:100%}.layout-toggle-btn{display:none}}.view-binder-page{background-color:#f5f5f5;min-height:100vh;padding:20px}.view-binder-header{margin:0 auto 30px;max-width:1200px}.back-button{background-color:#ff4500;border:none;border-radius:4px;color:#fff;font-size:1rem;font-weight:500;margin-bottom:15px;transition:background-color .2s,transform .1s}.back-button:hover{background-color:#e63900;box-shadow:0 2px 4px #0003}.view-binder-header h1{border-bottom:2px solid #ff4500;color:#1a1a1a;font-size:2rem;margin:0 0 10px;padding-bottom:10px}.binder-description{color:#555;font-size:1.1rem;margin:15px 0}.view-mode-toggle{background-color:#f9fafb;background-color:var(--color-background-secondary,#f9fafb);border-radius:.5rem;border-radius:var(--radius-base,.5rem);display:flex;gap:.5rem;margin-top:1rem;padding:.5rem;width:-webkit-fit-content;width:fit-content}.view-mode-btn{align-items:center;background-color:initial;border:1px solid #0000;border-radius:.5rem;border-radius:var(--radius-base,.5rem);color:#6b7280;color:var(--color-text-secondary,#6b7280);display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.view-mode-btn:hover{background-color:#fff;background-color:var(--color-background,#fff);color:#111827;color:var(--color-text-primary,#111827)}.view-mode-btn.active{background-color:#ff4500;background-color:var(--color-primary,#ff4500);border-color:#ff4500;border-color:var(--color-primary,#ff4500)}.view-mode-btn svg{height:20px;width:20px}.admin-viewing-notice{align-items:center;background-color:#fff3cd;border:1px solid #ffc107;border-radius:4px;display:flex;gap:15px;margin:15px 0;padding:10px 15px}.admin-badge{background-color:#ffc107;border-radius:3px;color:#333;font-size:.85rem;font-weight:600;padding:4px 10px;text-transform:uppercase}.admin-viewing-notice p{color:#333;font-size:.95rem;margin:0}.view-binder-content{margin:0 auto;max-width:1200px}.error-container,.loading-container{padding:50px 20px;text-align:center}.error-message{color:#dc3545;font-size:1.1rem;margin-bottom:20px}.add-reports-button,.error-container button{background-color:#ff4500;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .2s}.add-reports-button:hover,.error-container button:hover{background-color:#e63900}.empty-binder{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:60px 20px;text-align:center}.empty-binder p{color:#666;font-size:1.2rem;margin-bottom:20px}.reports-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:20px 0}.report-wrapper{display:flex;flex-direction:column;gap:10px}.report-notes{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:15px}.report-notes h4{color:#333;font-size:.9rem;font-weight:600;margin:0 0 8px}.report-notes p{color:#555;font-size:.85rem;line-height:1.4;margin:0;white-space:pre-wrap}.view-binder-page.dark{background-color:#1a1a1a;color:#e0e0e0}.view-binder-page.dark .back-button{background-color:#ff4500;color:#fff}.view-binder-page.dark .back-button:hover{background-color:#ff6b35;box-shadow:0 2px 4px #0006}.view-binder-page.dark .view-binder-header h1{border-bottom-color:#ff4500;color:#f0f0f0}.view-binder-page.dark .binder-description{color:#ccc}.view-binder-page.dark .empty-binder{background-color:#2a2a2a;color:#e0e0e0}.view-binder-page.dark .empty-binder p{color:#bbb}.view-binder-page.dark .report-notes{background-color:#252525;border-color:#444}.view-binder-page.dark .report-notes h4{color:#f0f0f0}.view-binder-page.dark .report-notes p{color:#ccc}.view-binder-page.dark .error-container,.view-binder-page.dark .loading-container{color:#e0e0e0}.reports-list{display:flex;flex-direction:column;gap:.75rem;margin:0 auto;max-width:1200px}.report-list-item{align-items:center;background-color:#fff;background-color:var(--color-background,#fff);border:1px solid #d1d5db;border:1px solid var(--color-border,#d1d5db);border-radius:.5rem;border-radius:var(--radius-base,.5rem);cursor:pointer;display:flex;gap:1rem;padding:1rem;transition:all .2s ease}.report-list-item:hover{background-color:#f9fafb;background-color:var(--color-background-secondary,#f9fafb);border-color:#ff4500;border-color:var(--color-primary,#ff4500);box-shadow:0 2px 8px #0000001a}.report-list-thumbnail{align-items:center;background-color:#e5e7eb;background-color:var(--color-background-tertiary,#e5e7eb);border-radius:.5rem;border-radius:var(--radius-base,.5rem);display:flex;flex-shrink:0;height:60px;justify-content:center;overflow:hidden;width:60px}.report-list-thumbnail img{height:100%;object-fit:cover;width:100%}.report-list-no-image{align-items:center;display:flex;font-size:1.5rem;height:100%;justify-content:center;width:100%}.report-list-content{flex:1 1;min-width:0}.report-list-title{color:#111827;color:var(--color-text-primary,#111827);font-size:1rem;font-weight:600;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-list-date{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.875rem;margin:0 0 .5rem}.report-list-category{background-color:#fff5f0;background-color:var(--color-primary-light,#fff5f0);border-radius:.25rem;border-radius:var(--radius-sm,.25rem);color:#ff4500;color:var(--color-primary,#ff4500);display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.report-list-notes-indicator{color:#6b7280;color:var(--color-text-secondary,#6b7280);flex-shrink:0;font-size:1.25rem;margin-left:.5rem}.view-binder-page.dark .report-list-item{background-color:#2a2a2a;background-color:var(--color-background-dark,#2a2a2a);border-color:#374151;border-color:var(--color-border-dark,#374151)}.view-binder-page.dark .report-list-item:hover{background-color:#1f1f1f;background-color:var(--color-background-secondary-dark,#1f1f1f)}.view-binder-page.dark .report-list-title{color:#f3f4f6;color:var(--color-text-primary-dark,#f3f4f6)}.view-binder-page.dark .report-list-date{color:#9ca3af;color:var(--color-text-secondary-dark,#9ca3af)}@media (max-width:768px){.view-binder-page{padding:15px}.view-binder-header h1{font-size:1.5rem}.reports-grid{gap:1.5rem;grid-template-columns:1fr}.view-mode-toggle{justify-content:center;width:100%}.report-list-thumbnail{height:50px;width:50px}.report-list-title{font-size:.875rem}.report-list-date{font-size:.75rem}}.map-troubleshooting-guide{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin:20px 0;padding:20px}.map-troubleshooting-guide h3{color:#dc3545;margin-bottom:15px;margin-top:0}.map-troubleshooting-guide h4{color:#495057;margin-bottom:10px;margin-top:15px}.error-details{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;margin-bottom:15px;padding:10px}.troubleshooting-section{margin-top:20px}.solution-item{background-color:#fff;border:1px solid #e9ecef;border-radius:4px;margin-bottom:15px;padding:15px}.solution-item strong{color:#007bff;display:block;margin-bottom:8px}.solution-item ol,.solution-item ul{margin:10px 0;padding-left:25px}.solution-item li{margin-bottom:5px}.solution-item code{background-color:#f8f9fa;border-radius:3px;color:#e83e8c;font-family:monospace;font-size:.9em;padding:2px 4px}.solution-item a{color:#007bff;text-decoration:underline}.help-footer{border-top:1px solid #dee2e6;color:#6c757d;font-size:.9em;margin-top:20px;padding-top:15px}.dark-mode .map-troubleshooting-guide{background-color:#2c2c2c;border-color:#444}.dark-mode .map-troubleshooting-guide h3{color:#ff6b6b}.dark-mode .map-troubleshooting-guide h4{color:#e0e0e0}.dark-mode .error-details{background-color:#5a2a2a;border-color:#7a3a3a;color:#fcc}.dark-mode .solution-item{background-color:#3a3a3a;border-color:#555}.dark-mode .solution-item strong{color:#66bfff}.dark-mode .solution-item code{background-color:#555;color:#ff79c6}.dark-mode .help-footer{border-top-color:#555;color:#aaa}.le-dashboard-wrapper{background-color:#f5f7fa;min-height:calc(100vh - 64px)}.le-dashboard-header{margin:0 auto;padding:20px}.le-dashboard-page{box-sizing:border-box;margin:0 auto;max-width:1200px;padding:0 20px 20px}@media (max-width:767px){.le-dashboard-page{margin:0;max-width:100%;overflow-x:hidden;padding:.25rem;width:100%}.le-dashboard-page *{box-sizing:border-box;max-width:100vw}.le-card{margin-bottom:.3rem;padding:.5rem}.App,.App.full-width,.card-header,.case-filter-bar,.case-list,.case-list-header,.case-list-row,.container,.le-card,.le-dashboard-grid,.le-dashboard-page,.map-filters,.summary-grid,main{box-sizing:border-box;margin-left:0;margin-right:0;max-width:100%;overflow-x:hidden;width:100%}.case-list-cell{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary-grid{gap:.3rem;grid-template-columns:repeat(2,1fr);margin-bottom:.5rem;padding:0}.case-list-header,.case-list-row{font-size:.85rem;grid-template-columns:2fr 1fr 1fr;padding:.5rem .25rem}.case-actions-cell{min-width:30px}.delete-button{font-size:.9rem;min-height:20px;min-width:20px;padding:.1rem .2rem}}@media (max-width:359px){.le-dashboard-page{padding:.125rem}.le-card{margin-bottom:.2rem;padding:.375rem}.le-dashboard-title{font-size:1.1rem;margin-bottom:.5rem}.card-title{font-size:1rem;margin-bottom:.5rem}.filter-option{font-size:.7rem;padding:.2rem .4rem}.case-list-header,.case-list-row{font-size:.7rem;padding:.375rem .25rem}}.le-dashboard-page.full-width{margin:0 auto;max-width:1800px;padding-left:2rem;padding-right:2rem}@media (max-width:767px){.le-dashboard-page.full-width{padding-left:.5rem;padding-right:.5rem}}.le-dashboard-title{border-bottom:2px solid #ff4500;color:#333;margin-bottom:1.5rem;margin-top:0;padding-bottom:.5rem}.le-dashboard-subtitle{color:#555;margin-bottom:1.5rem;text-align:center}@media (max-width:767px){.le-dashboard-title{font-size:1.4rem;margin-bottom:1rem}}.le-dashboard-grid{grid-gap:.3rem;display:grid;gap:.3rem;grid-template-columns:1fr;width:100%}@media (min-width:768px) and (max-width:991px){.le-dashboard-grid{gap:1.25rem;grid-template-columns:1fr}.le-main-column,.le-sidebar-column{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:1fr}.summary-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:992px){.le-dashboard-grid{gap:1.25rem;grid-template-columns:2.5fr 1fr;margin:0 auto;max-width:1600px}.le-main-column,.le-sidebar-column{display:flex;flex-direction:column}.map-full-width{grid-column:1/-1;width:100%}}.full-width .le-dashboard-grid{margin:0 auto;max-width:1600px}@media (min-width:1400px){.full-width .le-dashboard-grid{grid-template-columns:2.5fr 1fr}.full-width .le-card{max-width:none}}@media (min-width:1200px){.map-full-width{max-width:none;width:100%}.map-container.expanded{height:650px!important}}@media (min-width:1600px){.le-card:not(.map-full-width){margin-left:auto;margin-right:auto;max-width:1200px}.map-full-width{margin-left:auto;margin-right:auto;max-width:1800px}}.le-card{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem;padding:1.5rem;width:100%}@media (max-width:767px){.le-card{margin-bottom:.3rem;padding:1rem}}@media (max-width:479px){.le-card{margin-bottom:.2rem;padding:.5rem}}.card-title{color:#333;font-size:1.25rem;margin-top:0}.card-header,.card-title{border-bottom:1px solid #eee;margin-bottom:1rem;padding-bottom:.5rem;width:100%}.card-header{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between}.card-header .card-title{border-bottom:none;margin:0;padding-bottom:0}.summary-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem;width:100%}@media (max-width:479px){.summary-grid{gap:.2rem;grid-template-columns:repeat(2,1fr)}}@media (min-width:480px) and (max-width:767px){.summary-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.summary-grid{grid-template-columns:repeat(4,1fr)}}.full-width .summary-grid{gap:1.25rem;grid-template-columns:repeat(4,1fr);margin-left:auto;margin-right:auto;max-width:1400px}@media (min-width:1600px){.full-width .summary-grid{margin-left:auto;margin-right:auto;max-width:1400px}}.summary-item{border-left-style:solid;border-left-width:3px;border-radius:8px;cursor:pointer;padding:.4rem .3rem;text-align:center;transition:transform .2s,box-shadow .2s}.summary-item:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-3px)}.summary-item .count{display:block;font-size:1.4rem;font-weight:700;margin-bottom:.1rem}.summary-item .label{color:#555;font-size:.75rem;line-height:1.1;white-space:normal}.summary-new{background-color:#e6f7ff;border-left-color:#1890ff}.summary-new .count{color:#1890ff}.summary-active{background-color:#e6fffb;border-left-color:#13c2c2}.summary-active .count{color:#13c2c2}.summary-urgent{background-color:#fff2e8;border-left-color:#fa541c}.summary-urgent .count{color:#fa541c}.summary-assigned{background-color:#f6ffed;border-left-color:#52c41a}.summary-assigned .count{color:#52c41a}.summary-actions{border-top:1px solid #eee;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1rem;padding-top:1rem}@media (max-width:479px){.summary-actions{flex-direction:column}.le-button{text-align:center;width:100%}}.le-button{border-radius:4px;cursor:pointer;display:inline-block;font-weight:500;padding:.6rem 1.2rem;text-align:center;text-decoration:none;transition:background-color .2s,color .2s}.le-button-primary{background-color:#ff4500;border:none;color:#fff}.le-button-primary:hover{background-color:#e03e00;color:#fff}.le-button-secondary{background-color:#f0f0f0;border:1px solid #ddd;color:#333}.le-button-secondary:hover{background-color:#e0e0e0;color:#222}.clear-filter-btn{background-color:#fff2e8;border-color:#fa541c;color:#fa541c}.clear-filter-btn:hover{background-color:#ffebe0;border-color:#e03e00;color:#e03e00}.le-tabs{border-bottom:1px solid #eee;display:flex;flex-wrap:wrap;margin-bottom:1rem}.le-tab,.le-tabs{position:relative}.le-tab{background:none;border:none;color:#555;cursor:pointer;font-weight:500;padding:.75rem 1.25rem;transition:color .2s}@media (max-width:479px){.le-tab{font-size:.85rem;padding:.5rem .75rem}}.le-tab.active{color:#ff4500}.le-tab.active:after{background-color:#ff4500;bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.le-tab:hover:not(.active){color:#333}.case-filter-bar{align-items:center;background-color:#f9f9f9;border-radius:4px;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;padding:.75rem .5rem;position:relative;transition:all .3s ease}.filter-label{color:#555;flex-shrink:0;font-weight:500;margin-right:.5rem}.filter-options{display:flex;flex-grow:1;flex-wrap:wrap;gap:.5rem}.filter-option{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;color:#555;cursor:pointer;font-size:.85rem;padding:.3rem .75rem;transition:all .2s}@media (max-width:479px){.filter-option{font-size:.75rem;padding:.25rem .5rem}}.filter-option:hover{background-color:#e6e6e6}.filter-option.active{background-color:#ff4500;border-color:#ff4500;color:#fff}.sort-controls{align-items:center;display:flex;flex-wrap:wrap;font-size:.85rem;margin-left:auto}.sort-controls span{color:#666;margin-right:.5rem}.sort-button{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:.85rem;padding:.25rem .5rem}@media (max-width:767px){.le-tabs{align-items:flex-start;flex-direction:column;padding-bottom:.5rem}.sort-controls{border-top:1px solid #eee;justify-content:space-between;margin-left:0;margin-top:.5rem;padding-top:.5rem;width:100%}.sort-controls span{display:none}.case-filter-bar{align-items:flex-start;flex-direction:column}.filter-options{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));width:100%}}.sort-button:hover{background-color:#f0f0f0;color:#333}.sort-button.active{color:#ff4500;font-weight:500}.case-list-header{background-color:#f9f9f9;border-radius:4px 4px 0 0;color:#555;display:grid;font-size:.9rem;font-weight:500;grid-template-columns:3fr 1.5fr 1fr 1.5fr 40px;max-width:100%;padding:.5rem 1rem;width:100%}.case-list{border:1px solid #eee;border-radius:0 0 4px 4px;margin-top:-1px;max-height:400px;overflow:hidden;overflow-y:auto;width:100%}.full-width .case-list,.full-width .case-list-header{max-width:100%;width:100%}@media (min-width:1200px){.case-list{max-height:450px}}@media (min-width:1600px){.full-width .case-list{max-height:550px}}.case-list-row{align-items:center;border-bottom:1px solid #eee;color:inherit;display:grid;grid-template-columns:3fr 1.5fr 1fr 1.5fr 40px;padding:.75rem 1rem;text-decoration:none;transition:background-color .2s}.case-list-row:last-child{border-bottom:none}.case-list-link{display:contents}@media (max-width:767px){.case-list-header{grid-template-columns:2fr 1fr 1fr 40px}.case-list-header .case-date-cell{display:none}.case-list-header .case-priority-cell{display:flex!important;justify-content:center}.case-list-row{grid-template-columns:2fr 1fr 1fr 40px}.case-list-row .case-priority-cell{display:flex!important;justify-content:center}.case-list-row .case-date-cell{display:none}}@media (min-width:768px) and (max-width:991px){.case-list-header{grid-template-columns:2fr 1fr 1fr 40px}.case-list-header .case-date-cell{display:none}.case-list-row{grid-template-columns:2fr 1fr 1fr 40px}.case-list-row .case-date-cell{display:none}}.case-list-row:hover{background-color:#f5f5f5}.case-list-cell{align-items:center;display:flex}.case-name-cell{color:#333;font-weight:500}@media (max-width:479px){.case-list-header,.case-list-row{font-size:.8rem}.case-list-cell{padding:.1rem}}.case-list-row .status-badge{cursor:pointer;transition:filter .1s ease-in-out;-webkit-user-select:none;user-select:none}.case-list-row .status-badge:hover{filter:brightness(1.1)}.status-new-awaiting-classification{background-color:#1890ff!important}.status-active-investigation{background-color:#28a745!important}.status-pending-review{background-color:#ffc107!important}.status-suspended{background-color:#a9a9a9!important}.status-reopened{background-color:#d9534f!important}.status-referred{background-color:#20b2aa!important}.status-closed-solved{background-color:#4682b4!important}.status-closed-unsolved{background-color:#6a5acd!important}.status-cold-case{background-color:#696969!important}.status-aole-poina{background-color:purple!important}.status-default{background-color:#d9d9d9!important}.case-list-row .priority{border-radius:3px;cursor:pointer;padding:.1rem .3rem;transition:background-color .1s ease-in-out;-webkit-user-select:none;user-select:none}.case-list-row .priority:hover{background-color:#0000000d}.case-list-cell .priority,.case-priority-cell .priority,.law-enforcement-dashboard .priority,.le-dashboard-page .priority{align-items:center;background-color:initial!important;border-radius:0!important;display:inline-flex!important;font-size:inherit!important;height:auto!important;margin-right:0!important;width:auto!important}.law-enforcement-dashboard .priority:before,.le-dashboard-page .priority:before{content:none}.case-list-footer{display:flex;font-size:.9rem;justify-content:flex-end;padding:.75rem 0 0}.view-all-link{color:#ff4500;font-weight:500;text-decoration:none;transition:color .2s}.view-all-link:hover{color:#e03e00;text-decoration:underline}.delete-button{align-items:center;background-color:#fff5ec!important;border:1px solid #ffd4b3;border-radius:4px;box-sizing:border-box;color:#ff4500;cursor:pointer;display:flex;font-size:1rem;justify-content:center;line-height:1;min-height:32px;min-width:32px;opacity:1;padding:.35rem;transition:all .2s;visibility:visible;z-index:10}@media (max-width:479px){.delete-button{font-size:.9rem;min-height:24px;min-width:24px;padding:.25rem}}.delete-button:hover{background-color:#ff4500;border-color:#ff4500;color:#fff}.delete-button:disabled{background-color:#f5f5f5;border-color:#d9d9d9;color:#d9d9d9;cursor:not-allowed;opacity:.5}.case-actions-cell{align-items:center;display:flex;justify-content:center;min-width:40px;opacity:1;visibility:visible}.activity-filters{border-bottom:1px solid #f0f0f0;margin-bottom:1rem;padding-bottom:.5rem}.activity-filter-select{background-color:#fff;border:1px solid #d9d9d9;border-radius:4px;font-size:.9rem;padding:.5rem;width:100%}.activity-list{margin-top:1rem;max-height:none;overflow-y:auto}.activity-item{position:relative}.activity-marker{background-color:#ff4500;border-radius:50%;flex-shrink:0;height:10px;margin-right:12px;margin-top:6px;width:10px}.le-sidebar-column .le-card{display:flex;flex-direction:column;flex-grow:1}.le-sidebar-column .activity-list{flex-grow:1;max-height:none;min-height:250px;overflow-y:auto}@media (min-width:768px){.le-sidebar-column .activity-list{min-height:400px}}@media (min-width:992px){.le-sidebar-column{display:flex;flex-direction:column}}.activity-condensed .activity-list{flex-grow:0!important;max-height:350px;min-height:150px;overflow-y:auto}@media (min-width:768px) and (max-width:991px){.activity-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));max-height:none}.activity-item{margin-bottom:0}}.activity-content{flex-grow:1}.activity-action{color:#333;font-weight:500;margin:0 0 .25rem}.activity-details{font-size:.85rem;margin:0}.activity-details a{color:#1890ff;text-decoration:none}.activity-details a:hover{text-decoration:underline}.activity-footer{border-top:1px solid #eee;margin-top:1rem;padding-top:.75rem;text-align:right}.map-full-width{grid-column:1/-1;margin-left:auto;margin-right:auto;margin-top:.5rem;max-width:1600px;padding-bottom:1rem;padding-top:1rem;position:relative;width:100%;z-index:1}.map-container{background-color:#f0f0f0;min-height:400px}.map-container>div{position:relative!important}@media (max-width:767px){.map-container{backface-visibility:hidden;-webkit-backface-visibility:hidden;height:300px;min-height:300px;transform:translateZ(0);-webkit-transform:translateZ(0)}.map-container .gm-style{overflow:visible!important;position:relative!important}.map-container .gm-style>div{touch-action:pan-x pan-y}}.le-dashboard-page .le-card.map-full-width .card-header h3.card-title{color:#333!important}.full-width .map-full-width{margin-left:auto;margin-right:auto;max-width:1600px;width:100%}.full-width .map-container.expanded,.map-full-width .map-container.expanded{border-radius:0!important;bottom:0;height:600px!important;left:0;margin:0!important;max-width:none!important;padding:0!important;position:fixed!important;right:0;top:0;width:100%!important;z-index:1000}.map-container.expanded div[style*=height],.map-container.expanded div[style*=width],.map-container.expanded>div{height:100%!important;width:100%!important}.map-expanded-toggle{background-color:#ffffffe6!important;border-radius:4px!important;box-shadow:0 2px 4px #0000001a!important;color:#ff4500!important;font-weight:700!important;padding:8px 15px!important;position:fixed!important;right:20px!important;top:20px!important;z-index:1010!important}.map-toggle-button{background:none;border:none;margin-left:auto;padding:.25rem .5rem;transition:background-color .2s}.map-toggle-button.expanded-state{background-color:#ff4500d9!important;border:1px solid #ffffff80!important;border-radius:4px!important;box-shadow:0 2px 5px #0003!important;color:#fff!important;font-weight:700;padding:8px 15px!important;position:fixed!important;right:15px!important;top:15px!important;z-index:1010!important}.map-toggle-button.expanded-state:hover{background-color:#e03e00!important}@media (max-width:767px){.card-header{align-items:flex-start;flex-direction:column}.card-header .card-title{margin-bottom:.5rem}.map-toggle-button{align-self:flex-end;margin-left:0}}.map-filters{align-items:center;display:flex;flex-wrap:nowrap;gap:1rem;margin-bottom:1rem;width:100%}@media (max-width:991px){.map-filters{flex-wrap:wrap}}@media (max-width:767px){.map-filters{gap:.5rem}}.full-width .map-filters{display:flex;justify-content:flex-start;max-width:100%}.map-filter-select{background-color:#fff;border:1px solid #d9d9d9;border-radius:4px;color:#333;flex-basis:0;flex-grow:1;font-size:.85rem;min-width:150px;padding:.5rem}@media (max-width:479px){.map-filter-select{font-size:.8rem;min-width:100px;padding:.4rem}}.map-count{align-items:center;background-color:#f0f7ff;border:1px solid #d6e4ff;border-radius:4px;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;margin-left:auto;padding:.25rem .75rem}.map-count-number{color:#1890ff;font-size:1.5rem;font-weight:700}.map-count-label{color:#666;font-size:.8rem}@media (max-width:479px){.map-filters{flex-direction:column}.map-filter-select{width:100%}.map-count{flex-direction:row;gap:.5rem;justify-content:center;padding:.5rem;width:100%}.map-count-number{font-size:1.25rem}}.map-container{border:1px solid #e8e8e8;margin-bottom:2.5rem}@media (max-width:767px){.map-container:not(.expanded){height:300px!important}}.map-container.expanded{position:relative;width:100%;z-index:10}.full-width .map-container{width:100%}.map-container.expanded+.map-toggle-button{background-color:#ffffffe6;border-radius:4px;box-shadow:0 2px 4px #0000001a;padding:5px 10px;position:absolute;right:10px;top:10px;z-index:20}.map-info-window{padding:5px}.map-info-window .info-window-link{color:#1890ff;display:inline-block;font-weight:500;margin-top:8px;text-decoration:none}.map-info-window .info-window-link:hover{text-decoration:underline}@media (max-width:479px){.map-info-window{max-width:200px;padding:3px}.map-info-window h4{font-size:.9rem;margin-bottom:5px}.map-info-window p{font-size:.8rem;margin:3px 0}}.map-container{border:1px solid #eee;border-radius:4px;overflow:visible;z-index:2}.map-legend{background-color:#ffffffe6;border:1px solid #eee;border-radius:4px;color:#000;font-size:.9rem;gap:1.5rem;margin-top:2rem;padding:.75rem 1rem;z-index:1}@media (max-width:479px){.map-legend{font-size:.8rem;gap:.75rem;padding:.5rem}}.legend-item{padding:.25rem 0}.legend-new{background-color:#1890ff}.legend-active{background-color:#13c2c2}.legend-urgent{background-color:#fa541c}.legend-public{background-color:#52c41a}.map-container.expanded~.map-legend{background-color:#fffffff2!important;bottom:20px!important;box-shadow:0 2px 8px #00000026!important;max-width:320px!important;padding:10px!important;position:fixed!important;right:20px!important;z-index:1005!important}@media (max-width:767px){.map-container.expanded~.map-legend{bottom:10px!important;font-size:.8rem!important;max-width:280px!important;right:10px!important}}@media (min-width:768px){.map-legend{justify-content:center}}.empty-list-message,.empty-map-message,.error-message,.loading-message{color:#666;font-style:italic;padding:1rem;text-align:center}.empty-map-message{margin-top:1rem}.map-warning-message{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;color:#856404;margin:10px 0;padding:12px 20px;text-align:center}.map-warning-message p{font-size:.9rem;margin:5px 0}.map-warning-message strong{font-weight:600}.map-info-message{background-color:#e6f7ff;border:1px solid #91d5ff;border-radius:4px;color:#0050b3;margin:10px 0;padding:12px 20px;text-align:center}.map-info-message p{font-size:.9rem;margin:5px 0}.map-info-message strong{color:#0050b3;font-weight:600}.error-message{color:#f5222d}.legend-button{background-color:#e8e8e8;border:1px solid #ccc;color:#333;padding:.3rem .75rem;transition:background-color .2s}.legend-button:hover{background-color:#ddd}.legend-modal-overlay{background-color:#0009;display:flex;opacity:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:1050}.legend-modal-overlay.visible{opacity:1;visibility:visible}.legend-modal-content{border-radius:8px;box-shadow:0 5px 15px #0003;max-height:80vh;padding:1.5rem 2rem;position:relative}@media (max-width:767px){.legend-modal-content{padding:1rem;width:95%}}.legend-modal-close{color:#aaa;font-size:1.75rem;line-height:1;position:absolute;right:15px;top:10px}.legend-modal-close:hover{color:#333}.legend-modal-title{border-bottom:1px solid #eee;color:#333;font-size:1.4rem;margin-bottom:1.5rem;margin-top:0;padding-bottom:.75rem}@media (max-width:767px){.legend-modal-title{font-size:1.2rem;margin-bottom:1rem}}.legend-modal-section{margin-bottom:1.5rem}.legend-modal-section h4{color:#555;font-size:1.1rem;margin-bottom:.75rem;margin-top:0}.legend-modal-item{font-size:.9rem;margin-bottom:.6rem}.legend-modal-color-swatch{border:1px solid #0000001a;flex-shrink:0;height:18px;margin-right:12px;width:18px}.legend-modal-priority-indicator{flex-shrink:0;font-weight:700;margin-right:12px;min-width:60px}.legend-modal-status-name{color:#333;font-weight:500}.legend-modal-priority-explanation{border-top:1px solid #eee;color:#666;font-size:.9rem;margin-top:1rem;padding-top:1rem}@media (max-width:767px){.legend-modal-section h4{font-size:1rem}.legend-modal-item{font-size:.85rem;margin-bottom:.4rem}.legend-modal-color-swatch{height:15px;margin-right:8px;width:15px}.legend-modal-priority-indicator{margin-right:8px;min-width:50px}.legend-modal-priority-explanation{font-size:.8rem}}.show-case-binders-bar{align-items:center;background-color:#e9ecef;border:1px solid #dee2e6;border-radius:4px;color:#495057;cursor:pointer;display:flex;font-weight:500;gap:8px;justify-content:center;margin-bottom:.3rem;padding:6px 8px;transition:background-color .2s;width:100%}.show-case-binders-bar:hover{background-color:#ced4da}.hide-case-binders-link{align-items:center;background:none;border:none;color:#007bff;cursor:pointer;display:flex;font-size:.9rem;gap:4px;justify-content:center;margin:5px auto 0;padding:5px 0;text-decoration:underline}.case-binders-section{transition:all .3s ease}.show-filter-bar-button{align-items:center;background-color:#f9f9f9;border:1px solid #eee;border-radius:4px;color:#555;cursor:pointer;display:flex;font-weight:500;gap:8px;justify-content:center;margin-bottom:1rem;padding:10px;transition:background-color .2s;width:100%}.show-filter-bar-button:hover{background-color:#f0f0f0}.hide-filter-bar-button{align-items:center;background:none;border:none;border-radius:4px;color:#ff4500;cursor:pointer;display:flex;font-size:.9rem;gap:4px;justify-content:center;line-height:1;margin:.3rem auto 1rem;padding:5px 0;transition:background-color .2s;width:-webkit-fit-content;width:fit-content}.hide-filter-bar-button:hover{background-color:#f0f0f0;text-decoration:underline}.show-summary-button{align-items:center;background-color:#e9ecef;border:1px solid #dee2e6;border-radius:4px;color:#495057;cursor:pointer;display:flex;font-weight:500;gap:8px;justify-content:center;margin-bottom:.3rem;padding:6px 8px;transition:background-color .2s;width:100%}.show-summary-button:hover{background-color:#ced4da}.hide-summary-button{align-items:center;background:none;border:none;border-radius:4px;color:#ff4500;cursor:pointer;display:flex;font-size:.9rem;gap:4px;justify-content:center;line-height:1;margin:5px auto 0;padding:5px 0;transition:background-color .2s;width:-webkit-fit-content;width:fit-content}.hide-summary-button:hover{background-color:#f0f0f0;text-decoration:underline}.show-activity-button{align-items:center;background-color:#e9ecef;border:1px solid #dee2e6;border-radius:4px;color:#495057;cursor:pointer;display:flex;font-weight:500;gap:8px;justify-content:center;margin-bottom:.3rem;padding:6px 8px;transition:background-color .2s;width:100%}.show-activity-button:hover{background-color:#ced4da}.hide-activity-button{align-items:center;background:none;border:none;border-radius:4px;color:#ff4500;cursor:pointer;display:flex;font-size:.9rem;gap:4px;justify-content:center;line-height:1;margin:10px auto 0;padding:5px 0;transition:background-color .2s;width:-webkit-fit-content;width:fit-content}.hide-activity-button:hover{background-color:#f0f0f0;text-decoration:underline}:global(.dark-mode) .le-dashboard-page{background-color:#1a1a1a;color:#e0e0e0}:global(.dark-mode) .le-dashboard-title{border-bottom-color:#ff6a33;color:#f5f5f5}:global(.dark-mode) .le-card{background-color:#2c2c2c;border:1px solid #444;box-shadow:0 1px 3px #0006;color:#dcdcdc}:global(.dark-mode) .card-title{border-bottom-color:#444;color:#f0f0f0}:global(.dark-mode) .summary-item .label{color:#b0b0b0}:global(.dark-mode) .summary-new{background-color:#2a3a4a;border-left-color:#40a9ff}:global(.dark-mode) .summary-new .count{color:#40a9ff}:global(.dark-mode) .summary-active{background-color:#2a4a4a;border-left-color:#36cfc9}:global(.dark-mode) .summary-active .count{color:#36cfc9}:global(.dark-mode) .summary-urgent{background-color:#4a3a2a;border-left-color:#ff7a45}:global(.dark-mode) .summary-urgent .count{color:#ff7a45}:global(.dark-mode) .summary-assigned{background-color:#3a4a2a;border-left-color:#73d13d}:global(.dark-mode) .summary-assigned .count{color:#73d13d}:global(.dark-mode) .le-button-secondary{background-color:#444;border-color:#666;color:#e0e0e0}:global(.dark-mode) .le-button-secondary:hover{background-color:#555;color:#f5f5f5}:global(.dark-mode) .clear-filter-btn{background-color:#4a3a2a;border-color:#ff7a45;color:#ff7a45}:global(.dark-mode) .clear-filter-btn:hover{background-color:#5a4a3a;border-color:#ffa940;color:#ffa940}:global(.dark-mode) .le-tabs{border-bottom-color:#444}:global(.dark-mode) .le-tab{color:#aaa}:global(.dark-mode) .le-tab.active{color:#ff6a33}:global(.dark-mode) .le-tab.active:after{background-color:#ff6a33}:global(.dark-mode) .le-tab:hover:not(.active){color:#e0e0e0}:global(.dark-mode) .sort-button,:global(.dark-mode) .sort-controls span{color:#aaa}:global(.dark-mode) .sort-button:hover{background-color:#3a3a3a;color:#e0e0e0}:global(.dark-mode) .sort-button.active{color:#ff6a33}:global(.dark-mode) .case-filter-bar{background-color:#252525;border-color:#444}:global(.dark-mode) .filter-label{color:#ccc}:global(.dark-mode) .filter-option{background-color:#444;border-color:#666;color:#ccc}:global(.dark-mode) .filter-option:hover{background-color:#555}:global(.dark-mode) .filter-option.active{background-color:#ff6a33;border-color:#ff6a33;color:#1a1a1a}:global(.dark-mode) .case-list-header{background-color:#333;color:#ccc}:global(.dark-mode) .case-list{border-color:#444}:global(.dark-mode) .case-list-row{border-bottom-color:#444}:global(.dark-mode) .case-list-row:hover{background-color:#383838}:global(.dark-mode) .case-name-cell{color:#e0e0e0}:global(.dark-mode) .case-name-cell a{color:#66bfff}:global(.dark-mode) .case-name-cell a:hover{color:#99d6ff}:global(.dark-mode) .status-new-awaiting-classification{background-color:#1d3953!important;border-color:#69c0ff;color:#69c0ff}:global(.dark-mode) .status-active-investigation{background-color:#135200!important;border-color:#a0d911;color:#a0d911}:global(.dark-mode) .status-pending-review{background-color:#5c4a1d!important;border-color:#ffc53d;color:#ffc53d}:global(.dark-mode) .status-suspended{background-color:#434343!important;border-color:#bfbfbf;color:#bfbfbf}:global(.dark-mode) .status-reopened{background-color:#5c1917!important;border-color:#ff7875;color:#ff7875}:global(.dark-mode) .status-referred{background-color:#134d4f!important;border-color:#5cdbd3;color:#5cdbd3}:global(.dark-mode) .status-closed-solved{background-color:#102c4c!important;border-color:#597ef7;color:#597ef7}:global(.dark-mode) .status-closed-unsolved{background-color:#22075e!important;border-color:#9254de;color:#9254de}:global(.dark-mode) .status-cold-case{background-color:#262626!important;border-color:#8c8c8c;color:#8c8c8c}:global(.dark-mode) .status-aole-poina{background-color:#391085!important;border-color:#d3adf7;color:#d3adf7}:global(.dark-mode) .status-default{background-color:#434343!important;border-color:#bfbfbf;color:#bfbfbf}:global(.dark-mode) .priority-urgent{color:#ff4d4f}:global(.dark-mode) .priority-high{color:#ffa940}:global(.dark-mode) .priority-medium{color:#ffc53d}:global(.dark-mode) .priority-low{color:#73d13d}:global(.dark-mode) .priority-none{color:#888}:global(.dark-mode) .delete-button{background-color:#4d2121!important;border-color:#a61d24;color:#ff7875}:global(.dark-mode) .delete-button:hover{background-color:#ff4d4f;border-color:#ff4d4f;color:#fff}:global(.dark-mode) .view-all-link{color:#ff8a5c}:global(.dark-mode) .view-all-link:hover{color:#ff6a33}:global(.dark-mode) .activity-action{color:#e0e0e0}:global(.dark-mode) .activity-details{color:#aaa}:global(.dark-mode) .activity-details a{color:#66bfff}:global(.dark-mode) .activity-details a:hover{color:#99d6ff}:global(.dark-mode) .activity-marker{background-color:#ff8a5c}:global(.dark-mode) .activity-filter-select{background-color:#333;border-color:#555;color:#e0e0e0}:global(.dark-mode) .map-filter-select{background-color:#333;border-color:#555;color:#e0e0e0}:global(.dark-mode) .map-count{background-color:#2a3a4a;border-color:#40a9ff}:global(.dark-mode) .map-count-number{color:#69c0ff}:global(.dark-mode) .map-count-label{color:#aaa}:global(.dark-mode) .map-legend{background-color:#2c2c2ce6;border-color:#555;color:#e0e0e0}:global(.dark-mode) .legend-modal-content{background-color:#2c2c2c}:global(.dark-mode) .legend-modal-title{border-bottom-color:#444;color:#f0f0f0}:global(.dark-mode) .legend-modal-section h4{color:#ccc}:global(.dark-mode) .legend-modal-priority-explanation{border-top-color:#444}:global(.dark-mode) .show-activity-button,:global(.dark-mode) .show-case-binders-bar,:global(.dark-mode) .show-filter-bar-button,:global(.dark-mode) .show-summary-button{background-color:#3a3a3a;border-color:#555;color:#ccc}:global(.dark-mode) .show-activity-button:hover,:global(.dark-mode) .show-case-binders-bar:hover,:global(.dark-mode) .show-filter-bar-button:hover,:global(.dark-mode) .show-summary-button:hover{background-color:#4a4a4a}:global(.dark-mode) .hide-activity-button,:global(.dark-mode) .hide-case-binders-link,:global(.dark-mode) .hide-filter-bar-button,:global(.dark-mode) .hide-summary-button{color:#ff8a5c}:global(.dark-mode) .hide-activity-button:hover,:global(.dark-mode) .hide-case-binders-link:hover,:global(.dark-mode) .hide-filter-bar-button:hover,:global(.dark-mode) .hide-summary-button:hover{background-color:#3a3a3a}:global(.dark-mode) .empty-list-message,:global(.dark-mode) .empty-map-message,:global(.dark-mode) .error-message,:global(.dark-mode) .loading-message{color:#aaa}:global(.dark-mode) .error-message{color:#ff7875}:global(.dark-mode) .map-warning-message{background-color:#5a4a00;border-color:#7a6500;color:#ffeaa7}:global(.dark-mode) .map-info-message{background-color:#003a75;border-color:#0050b3;color:#91d5ff}:global(.dark-mode) .map-info-message strong{color:#91d5ff}.dark-mode .le-dashboard-header,.dark-mode .le-dashboard-wrapper{background-color:#1a1a1a;color:#e0e0e0}.dark-mode .le-dashboard-title{border-bottom-color:#ff6a33;color:#fff!important}body.dark-mode .le-dashboard-title{color:#fff!important}.dark-mode .le-dashboard-subtitle{color:#b0b0b0}.dark-mode .le-card{background-color:#2c2c2c;border:1px solid #444;box-shadow:0 1px 3px #0006;color:#dcdcdc}.dark-mode .card-title{border-bottom-color:#444;color:#f0f0f0}.dark-mode .summary-item .label{color:#b0b0b0}.dark-mode .summary-new{background-color:#2a3a4a;border-left-color:#40a9ff}.dark-mode .summary-new .count{color:#40a9ff}.dark-mode .summary-active{background-color:#2a4a4a;border-left-color:#36cfc9}.dark-mode .summary-active .count{color:#36cfc9}.dark-mode .summary-urgent{background-color:#4a3a2a;border-left-color:#ff7a45}.dark-mode .summary-urgent .count{color:#ff7a45}.dark-mode .summary-assigned{background-color:#3a4a2a;border-left-color:#73d13d}.dark-mode .summary-assigned .count{color:#73d13d}.dark-mode .le-button-primary{background-color:#ff6a33;border:none;color:#fff}.dark-mode .le-button-primary:hover{background-color:#ff8a5c}.dark-mode .le-button-secondary{background-color:#444;border-color:#666;color:#e0e0e0}.dark-mode .le-button-secondary:hover{background-color:#555;color:#f5f5f5}.dark-mode .clear-filter-btn{background-color:#4a3a2a;border-color:#ff7a45;color:#ff7a45}.dark-mode .clear-filter-btn:hover{background-color:#5a4a3a;border-color:#ffa940;color:#ffa940}.dark-mode .le-tabs{border-bottom-color:#444}.dark-mode .le-tab{color:#aaa}.dark-mode .le-tab.active{color:#ff6a33}.dark-mode .le-tab.active:after{background-color:#ff6a33}.dark-mode .le-tab:hover:not(.active){color:#e0e0e0}.dark-mode .sort-button,.dark-mode .sort-controls span{color:#aaa}.dark-mode .sort-button:hover{background-color:#3a3a3a;color:#e0e0e0}.dark-mode .sort-button.active{color:#ff6a33}.dark-mode .case-filter-bar{background-color:#252525;border-color:#444}.dark-mode .filter-label{color:#ccc}.dark-mode .filter-option{background-color:#444;border-color:#666;color:#ccc}.dark-mode .filter-option:hover{background-color:#555}.dark-mode .filter-option.active{background-color:#ff6a33;border-color:#ff6a33;color:#1a1a1a}.dark-mode .case-list-header{background-color:#333;color:#ccc}.dark-mode .case-list{border-color:#444}.dark-mode .case-list-row{border-bottom-color:#444}.dark-mode .case-list-row:hover{background-color:#383838}.dark-mode .case-name-cell{color:#e0e0e0}.dark-mode .case-name-cell a{color:#66bfff}.dark-mode .case-name-cell a:hover{color:#99d6ff}.dark-mode .status-badge{border:1px solid #ffffff1a}.dark-mode .status-new-awaiting-classification{background-color:#1d3953!important;border-color:#69c0ff;color:#69c0ff}.dark-mode .status-active-investigation{background-color:#135200!important;border-color:#a0d911;color:#a0d911}.dark-mode .status-pending-review{background-color:#5c4a1d!important;border-color:#ffc53d;color:#ffc53d}.dark-mode .status-suspended{background-color:#434343!important;border-color:#bfbfbf;color:#bfbfbf}.dark-mode .status-reopened{background-color:#5c1917!important;border-color:#ff7875;color:#ff7875}.dark-mode .status-referred{background-color:#134d4f!important;border-color:#5cdbd3;color:#5cdbd3}.dark-mode .status-closed-solved{background-color:#102c4c!important;border-color:#597ef7;color:#597ef7}.dark-mode .status-closed-unsolved{background-color:#22075e!important;border-color:#9254de;color:#9254de}.dark-mode .status-cold-case{background-color:#262626!important;border-color:#8c8c8c;color:#8c8c8c}.dark-mode .status-aole-poina{background-color:#391085!important;border-color:#d3adf7;color:#d3adf7}.dark-mode .status-default{background-color:#434343!important;border-color:#bfbfbf;color:#bfbfbf}.dark-mode .priority-urgent{color:#ff4d4f}.dark-mode .priority-high{color:#ffa940}.dark-mode .priority-medium{color:#ffc53d}.dark-mode .priority-low{color:#73d13d}.dark-mode .priority-none{color:#888}.dark-mode .delete-button{background-color:#4d2121!important;border-color:#a61d24;color:#ff7875}.dark-mode .delete-button:hover{background-color:#ff4d4f;border-color:#ff4d4f;color:#fff}.dark-mode .view-all-link{color:#ff8a5c}.dark-mode .view-all-link:hover{color:#ff6a33}.dark-mode .activity-action{color:#e0e0e0}.dark-mode .activity-details{color:#aaa}.dark-mode .activity-details a{color:#66bfff}.dark-mode .activity-details a:hover{color:#99d6ff}.dark-mode .activity-marker{background-color:#ff8a5c}.dark-mode .activity-filter-select,.dark-mode .map-filter-select{background-color:#333;border-color:#555;color:#e0e0e0}.dark-mode .map-count{background-color:#2a3a4a;border-color:#40a9ff}.dark-mode .map-count-number{color:#69c0ff}.dark-mode .map-count-label{color:#aaa}.dark-mode .map-legend{background-color:#2c2c2ce6;border-color:#555;color:#e0e0e0}.dark-mode .map-info-window{background-color:#3a3a3a!important;color:#e0e0e0!important}.dark-mode .map-info-window h4{color:#ff8a5c!important}.dark-mode .map-info-window p{color:#dcdcdc!important}.dark-mode .map-info-window .info-window-link{color:#66bfff!important}.dark-mode .map-info-window .info-window-link:hover{color:#99d6ff!important}.dark-mode .legend-modal-content{background-color:#2c2c2c;color:#e0e0e0}.dark-mode .legend-modal-close{color:#aaa}.dark-mode .legend-modal-close:hover{color:#fff}.dark-mode .legend-modal-title{border-bottom-color:#444;color:#f0f0f0}.dark-mode .legend-modal-section h4{color:#ccc}.dark-mode .legend-modal-status-name{color:#e0e0e0}.dark-mode .legend-modal-priority-explanation{border-top-color:#444;color:#aaa}.dark-mode .show-activity-button,.dark-mode .show-case-binders-bar,.dark-mode .show-filter-bar-button,.dark-mode .show-summary-button{background-color:#3a3a3a;border-color:#555;color:#ccc}.dark-mode .show-activity-button:hover,.dark-mode .show-case-binders-bar:hover,.dark-mode .show-filter-bar-button:hover,.dark-mode .show-summary-button:hover{background-color:#4a4a4a}.dark-mode .hide-activity-button,.dark-mode .hide-case-binders-link,.dark-mode .hide-filter-bar-button,.dark-mode .hide-summary-button{color:#ff8a5c}.dark-mode .hide-activity-button:hover,.dark-mode .hide-case-binders-link:hover,.dark-mode .hide-filter-bar-button:hover,.dark-mode .hide-summary-button:hover{background-color:#3a3a3a}.dark-mode .empty-list-message,.dark-mode .empty-map-message,.dark-mode .error-message,.dark-mode .loading-message{color:#aaa}.dark-mode .error-message{color:#ff7875}.dark-mode .gm-style{background-color:#242424!important}.dark-mode .gm-style .gm-style-iw,.dark-mode .gm-style .gm-style-iw-d{background-color:#333!important;color:#e0e0e0!important}.dark-mode .gm-style .gm-style-iw-t:after{background-color:#333!important}.dark-mode .map-toggle-button{color:#66bfff}.dark-mode .map-toggle-button:hover{background-color:#3a3a3a}.dark-mode .map-toggle-button.expanded-state{background-color:#ff6a33d9!important;border-color:#ffffff80!important;color:#fff!important}.le-dashboard-page-wrapper{background:#0000;display:flex;flex-direction:column;min-height:calc(100vh - 60px);min-height:calc(100vh - var(--nav-height, 60px))}.le-dashboard-page-wrapper--constrained{padding:0}.le-dashboard-page-wrapper--constrained .le-dashboard-page-container{background:var(--color-bg);border-radius:0;box-shadow:none;margin:0 auto;max-width:100%;padding:var(--space-xl)}.le-dashboard-page-wrapper--full-width .le-dashboard-page-container{background:var(--color-bg);padding:var(--space-xl);width:100%}.le-dashboard-main{width:100%}.dark-mode .le-dashboard-page-wrapper--constrained .le-dashboard-page-container{background:var(--color-bg-secondary);box-shadow:none}.dark-mode .le-dashboard-page-wrapper--full-width .le-dashboard-page-container{background:var(--color-bg)}@media (max-width:1024px){.le-dashboard-page-wrapper--constrained{padding:0}.le-dashboard-page-wrapper--constrained .le-dashboard-page-container{padding:var(--space-lg)}}@media (max-width:768px){.le-dashboard-page-wrapper{min-height:calc(100vh - 50px);min-height:calc(100vh - var(--nav-height-mobile, 50px))}.le-dashboard-page-wrapper--constrained{padding:0}.le-dashboard-page-wrapper--constrained .le-dashboard-page-container,.le-dashboard-page-wrapper--full-width .le-dashboard-page-container{border-radius:0;box-shadow:none;padding:var(--space-md)}}@media (max-width:400px){.le-dashboard-page-wrapper--constrained .le-dashboard-page-container,.le-dashboard-page-wrapper--full-width .le-dashboard-page-container{padding:var(--space-sm)}}.le-case-binder-selector{align-items:center;background-color:#e9ecef;display:flex;flex-wrap:wrap;gap:15px;padding:12px 20px}.le-case-binder-selector label{color:#333;font-weight:700;margin-bottom:0}.select-wrapper{flex-grow:1;min-width:250px;position:relative}.le-case-binder-selector select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%236c757d%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");background-position:right 12px top 50%;background-repeat:no-repeat;background-size:.7em auto;border:1px solid #ced4da;border-radius:4px;cursor:pointer;font-size:1rem;padding:10px 35px 10px 12px;width:100%}.le-case-binder-selector select,.le-case-binder-selector select option{background-color:#fff;color:#333}.le-case-binder-selector select:disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.7}.le-case-binder-selector button{border:none;border-radius:4px;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 18px;transition:background-color .2s;white-space:nowrap}.le-case-binder-selector button:disabled{cursor:not-allowed;opacity:.6}.le-case-binder-selector>button:first-of-type{background-color:#198754;color:#fff}.le-case-binder-selector>button:first-of-type:hover:not(:disabled){background-color:#157347}.create-binder-input{align-items:center;display:flex;flex-grow:1;gap:10px}.create-binder-input input[type=text]{border:1px solid #ced4da;border-radius:4px;flex-grow:1;font-size:1rem;padding:10px 12px}.create-binder-input button{padding:10px 18px}.create-binder-input button:first-of-type{background-color:#198754;color:#fff}.create-binder-input button:first-of-type:hover:not(:disabled){background-color:#157347}.create-binder-input button:nth-of-type(2){background-color:#6c757d;color:#fff}.create-binder-input button:nth-of-type(2):hover:not(:disabled){background-color:#5a6268}.le-case-binder-selector .error-message,.le-case-binder-selector span{color:#dc3545;font-size:.9rem;margin-left:10px;white-space:nowrap}.le-case-binder-selector span{color:#6c757d;font-style:italic}:global(.dark-mode) .le-case-binder-selector{background-color:#3a3a3a;border-bottom-color:#555}:global(.dark-mode) .le-case-binder-selector label{color:#ccc}:global(.dark-mode) .le-case-binder-selector select{background-color:#333;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23cccccc%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");border-color:#555;color:#e0e0e0}:global(.dark-mode) .le-case-binder-selector select option{background-color:#333;color:#e0e0e0}:global(.dark-mode) .le-case-binder-selector select:disabled{background-color:#444;opacity:.7}:global(.dark-mode) .le-case-binder-selector>button:first-of-type{background-color:#1e7e34}:global(.dark-mode) .le-case-binder-selector>button:first-of-type:hover:not(:disabled){background-color:#155d27}:global(.dark-mode) .create-binder-input input[type=text]{background-color:#333;border-color:#555;color:#e0e0e0}:global(.dark-mode) .create-binder-input button:first-of-type{background-color:#1e7e34}:global(.dark-mode) .create-binder-input button:first-of-type:hover:not(:disabled){background-color:#155d27}:global(.dark-mode) .create-binder-input button:nth-of-type(2){background-color:#555}:global(.dark-mode) .create-binder-input button:nth-of-type(2):hover:not(:disabled){background-color:#666}:global(.dark-mode) .le-case-binder-selector .error-message{color:#ff7875}:global(.dark-mode) .le-case-binder-selector span{color:#aaa}body.dark-mode .le-case-binder-selector{background-color:#3a3a3a!important;border-bottom-color:#555!important}body.dark-mode .le-case-binder-selector select{border-color:#555!important}body.dark-mode .le-case-binder-selector select,body.dark-mode .le-case-binder-selector select option{background-color:#333!important;color:#e0e0e0!important}.le-case-report-gallery{background-color:#f8f9fa;border-right:1px solid #dee2e6;display:flex;flex-direction:column;height:100%}@media (min-width:769px){.le-case-report-gallery{height:100%!important;overflow:hidden!important}}.le-case-report-gallery .le-gallery-controls{background-color:#f1f3f5;border-bottom:1px solid #ddd;flex-shrink:0}.gallery-drop-zone{grid-gap:1.5rem!important;align-content:start;background-color:#fff;display:grid!important;flex-grow:1;gap:1.5rem!important;grid-auto-rows:-webkit-max-content;grid-auto-rows:max-content;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;min-height:calc(100% - 60px);padding:15px;transition:background-color .2s ease;width:100%}@media (min-width:769px){.gallery-drop-zone{gap:1rem!important;height:auto!important;max-height:calc(100vh - 300px)!important;min-height:500px!important;overflow-y:auto!important}}.gallery-drop-zone.dragging-over{background-color:#e9f5ff;border-radius:4px}.draggable-gallery-item{background-color:#fff;border:1px solid #eee;border-radius:4px;box-shadow:0 1px 2px #0000000d}.gallery-drop-zone>.error-message,.gallery-drop-zone>.loading-message,.gallery-drop-zone>p{color:#6c757d;font-size:1rem;font-style:italic;padding:30px 20px;text-align:center}.le-case-report-gallery .error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#dc3545;font-style:normal;margin:15px;padding:15px}@media (min-width:769px){.gallery-drop-zone{gap:1rem}}:global(.dark-mode) .le-case-report-gallery{background-color:#252525;border-right-color:#444}:global(.dark-mode) .le-case-report-gallery .le-gallery-controls{background-color:#3a3a3a;border-bottom-color:#444}:global(.dark-mode) .gallery-drop-zone{background-color:#1a1a1a}:global(.dark-mode) .gallery-drop-zone.dragging-over{background-color:#4a4a2a}:global(.dark-mode) .draggable-gallery-item{background-color:#2a2a2a;border-color:#444;box-shadow:0 1px 2px #0000004d}:global(.dark-mode) .gallery-drop-zone>.error-message,:global(.dark-mode) .gallery-drop-zone>.loading-message,:global(.dark-mode) .gallery-drop-zone>p{color:#aaa}:global(.dark-mode) .le-case-report-gallery .error-message{background-color:#4d2121;border-color:#a61d24;color:#ff7875}body.dark-mode .le-case-report-gallery{background-color:#252525!important;border-right-color:#444!important}body.dark-mode .gallery-drop-zone{background-color:#1a1a1a!important}body.dark-mode .draggable-gallery-item{background-color:#2a2a2a!important;border-color:#444!important;box-shadow:0 1px 2px #0000004d!important}.le-case-contents{background-color:#f8f9fa;display:flex;flex-direction:column;height:100%;position:relative}@media (min-width:769px){.le-case-contents{height:100%!important;overflow:hidden!important}}.le-case-contents__header{background-color:#f1f3f5;border-bottom:1px solid #ddd;display:flex;flex-direction:column;flex-shrink:0;gap:8px;padding:8px 15px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.le-case-contents__header h4{color:#333;font-size:1.1rem;margin:0}.le-case-contents__name-input{background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:1.1rem;padding:4px 8px;width:100%}.le-case-contents__controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.le-case-contents__actions{align-items:center;display:flex;gap:8px}.le-case-contents__btn{border:1px solid #0000;border-radius:4px;cursor:pointer;font-size:.9em;padding:5px 10px;transition:background-color .2s,border-color .2s}.le-case-contents__btn--edit{background-color:#ffc107;border-color:#ffc107;color:#333}.le-case-contents__btn--edit:hover{background-color:#e0a800}.le-case-contents__btn--delete{background-color:#dc3545;border-color:#dc3545;color:#fff}.le-case-contents__btn--delete:hover{background-color:#c82333}.le-case-contents__btn--save{background-color:#28a745;border-color:#28a745;color:#fff}.le-case-contents__btn--save:hover{background-color:#218838}.le-case-contents__btn--cancel{background-color:#6c757d;border-color:#6c757d;color:#fff}.le-case-contents__btn--cancel:hover{background-color:#5a6268}.le-case-contents__btn:disabled{cursor:not-allowed;opacity:.6}.le-case-contents__search{flex:1 1;max-width:250px;position:relative}.le-case-contents__search input[type=text]{background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:.9em;padding:6px 30px 6px 10px;width:100%}.le-case-contents__search input[type=text]:focus{border-color:#007bff;box-shadow:0 0 3px #007bff4d;outline:none}.le-case-contents__search-clear{background:none;border:none;color:#999;cursor:pointer;font-size:1.2em;padding:2px 6px;position:absolute;right:5px;top:50%;transform:translateY(-50%)}.le-case-contents__search-clear:hover{color:#666}.le-case-contents__sorting{align-items:center;display:flex;gap:5px}.le-case-contents__sorting select{background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:.85em;padding:5px 8px}.le-case-contents__sorting button{background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:.85em;padding:5px 10px;transition:background-color .2s}.le-case-contents__sorting button:hover{background-color:#e9ecef}.le-case-contents__description-section{background-color:#fff;border-bottom:1px solid #ddd;flex-shrink:0;padding:10px 15px}.le-case-contents__description-section h5{color:#555;font-size:.95rem;margin:0 0 8px}.le-case-contents__description-input{border:1px solid #ddd;border-radius:4px;font-size:.9em;min-height:50px;padding:8px;resize:vertical;width:100%}.le-case-contents__description-display{color:#666;font-size:.9em;line-height:1.4;margin:0}.le-case-contents__drop-zone{background-color:#f8f9fa;flex:1 1;min-height:200px;overflow-y:auto;padding:10px;transition:background-color .3s}.le-case-contents__drop-zone--dragging-over{background-color:#e7f3ff;border:2px dashed #007bff}.le-case-contents__empty-message,.le-case-contents__error-message,.le-case-contents__loading-message{color:#666;padding:20px;text-align:center}.le-case-contents__error-message{color:#dc3545}.le-case-contents__empty-message{color:#999;font-style:italic}@media (max-width:768px){.le-case-contents__header{padding:10px}.le-case-contents__controls{align-items:stretch;flex-direction:column}.le-case-contents__search{margin-bottom:8px;max-width:none}.le-case-contents__btn{font-size:.8em;padding:4px 8px}.le-case-contents__search input[type=text]{font-size:.85em;padding:5px 22px 5px 8px}.le-case-contents__search-clear{font-size:1em;right:3px}.le-case-contents__sorting{justify-content:flex-end}}:global(.dark-mode) .le-case-contents{background-color:#2a2a2a}:global(.dark-mode) .le-case-contents__header{background-color:#1f1f1f;border-bottom-color:#444}:global(.dark-mode) .le-case-contents__header h4{color:#e0e0e0}:global(.dark-mode) .le-case-contents__description-input,:global(.dark-mode) .le-case-contents__name-input,:global(.dark-mode) .le-case-contents__search input[type=text],:global(.dark-mode) .le-case-contents__sorting select{background-color:#333;border-color:#555;color:#e0e0e0}:global(.dark-mode) .le-case-contents__search input[type=text]:focus{border-color:#06c;box-shadow:0 0 3px #0066cc80}:global(.dark-mode) .le-case-contents__search-clear{color:#777}:global(.dark-mode) .le-case-contents__search-clear:hover{color:#999}:global(.dark-mode) .le-case-contents__sorting button{background-color:#333;border-color:#555;color:#e0e0e0}:global(.dark-mode) .le-case-contents__sorting button:hover{background-color:#444}:global(.dark-mode) .le-case-contents__description-section{background-color:#2a2a2a;border-bottom-color:#444}:global(.dark-mode) .le-case-contents__description-section h5{color:#bbb}:global(.dark-mode) .le-case-contents__description-display{color:#999}:global(.dark-mode) .le-case-contents__drop-zone{background-color:#2a2a2a}:global(.dark-mode) .le-case-contents__drop-zone--dragging-over{background-color:#1a3a52;border-color:#06c}:global(.dark-mode) .le-case-contents__empty-message,:global(.dark-mode) .le-case-contents__loading-message{color:#999}:global(.dark-mode) .le-case-contents__error-message{color:#ff6b6b}:global(.dark-mode) .le-case-contents__btn--edit{background-color:#5c4a1d;border-color:#5c4a1d;color:#ffc53d}:global(.dark-mode) .le-case-contents__btn--edit:hover{background-color:#856404}:global(.dark-mode) .le-case-contents__btn--delete{background-color:#a61d24;border-color:#a61d24;color:#ff7875}:global(.dark-mode) .le-case-contents__btn--delete:hover{background-color:#8b181f}:global(.dark-mode) .le-case-contents__btn--save{background-color:#237341;border-color:#237341;color:#73d13d}:global(.dark-mode) .le-case-contents__btn--save:hover{background-color:#1a5a2f}:global(.dark-mode) .le-case-contents__btn--cancel{background-color:#4a4a4a;border-color:#4a4a4a;color:#b8b8b8}:global(.dark-mode) .le-case-contents__btn--cancel:hover{background-color:#3a3a3a}.le-case-binder-manager{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 5px #0000001a;display:flex;flex-direction:column;gap:5px;margin:0 auto;min-height:500px;width:100%}@media (min-width:769px){.le-case-binder-manager{height:calc(100vh - 200px)!important;overflow:hidden!important}}.le-case-binder-manager>.le-case-binder-selector{border-bottom:1px solid #ccc;flex-shrink:0}.le-case-binder-manager>.split-screen-container{border-top:none;flex-grow:1;min-height:0}@media (min-width:769px){.le-case-binder-manager>.split-screen-container{height:100%!important;overflow:hidden!important}.le-case-binder-manager .split-screen-container{height:calc(100vh - 250px)!important}.le-case-binder-manager .left-pane,.le-case-binder-manager .right-pane{height:100%!important;overflow:hidden!important}}.error-message.context-error{background-color:#ffebee;border-radius:4px;color:#d32f2f;font-size:.9rem;margin:8px;padding:10px}.no-case-selected{align-items:center;background-color:#f9f9f9;border-radius:0 0 4px 4px;display:flex;flex-direction:column;flex-grow:1;justify-content:center;padding:2rem;text-align:center}.no-case-selected p{color:#666;font-size:1.1rem;margin-bottom:1.5rem}body.dark-mode .le-case-binder-manager{background-color:#1a1a1a;border-color:#444;box-shadow:0 2px 5px #0000004d}body.dark-mode .le-case-binder-manager>.le-case-binder-selector{border-bottom-color:#444}body.dark-mode .error-message.context-error{background-color:#4d2121;border:1px solid #a61d24;color:#ff7875}body.dark-mode .no-case-selected{background-color:#1a1a1a}body.dark-mode .no-case-selected p{color:#aaa}body.dark-mode .le-case-binder-manager{background-color:#1a1a1a!important}body.dark-mode .le-case-binder-manager>.le-case-binder-selector{background-color:#3a3a3a!important;border-bottom-color:#444!important}.le-case-binder-manager-page{margin:0 auto;padding:20px}.le-case-binder-manager-page h1{border-bottom:2px solid #ff4500;color:#333;margin-bottom:1.5rem;margin-top:0;padding-bottom:.5rem}.le-case-binder-manager-page p{color:#555;margin-bottom:1.5rem;text-align:center}.le-case-binder-manager-page p i{color:#888}@media (min-width:769px){.le-case-binder-manager-page:not(.full-width){max-width:1200px}}:global(.dark-mode) .le-case-binder-manager-page{background-color:#1a1a1a;color:#e0e0e0}:global(.dark-mode) .le-case-binder-manager-page h1{border-bottom-color:#ff6a33;color:#fff!important}body.dark-mode .le-case-binder-manager-page h1{color:#fff!important}:global(.dark-mode) .le-case-binder-manager-page p{color:#b0b0b0}:global(.dark-mode) .le-case-binder-manager-page p i{color:#888}.dark-mode .le-binder-manager-page{background-color:#1a1a1a;color:#e0e0e0}.dark-mode .le-binder-manager-header{background-color:#2c2c2c;border-color:#444}.dark-mode .le-binder-manager-title{color:#f0f0f0}.dark-mode .le-binder-container{background-color:#2c2c2c;border-color:#444}.dark-mode .le-binder-tabs{border-bottom-color:#444}.dark-mode .le-binder-tab{color:#aaa}.dark-mode .le-binder-tab:hover{background-color:#3a3a3a;color:#e0e0e0}.dark-mode .le-binder-tab.active{border-bottom-color:#ff6a33;color:#ff6a33}.dark-mode .le-binder-grid{background-color:#2c2c2c}.dark-mode .le-binder-item{background-color:#333;border-color:#444}.dark-mode .le-binder-item:hover{border-color:#555;box-shadow:0 4px 8px #0000004d}.dark-mode .le-binder-item-title{color:#e0e0e0}.dark-mode .le-binder-item-subtitle{color:#aaa}.dark-mode .le-binder-item-description{color:#ccc}.dark-mode .le-binder-item-meta{border-top-color:#444;color:#aaa}.dark-mode .le-binder-status-badge{border-color:#ffffff1a}.dark-mode .le-create-binder-item{background-color:#333;border-color:#444;border-style:dashed}.dark-mode .le-create-binder-item:hover{background-color:#383838;border-color:#ff6a33}.dark-mode .le-create-binder-icon{color:#ff6a33}.dark-mode .le-create-binder-text{color:#ccc}.dark-mode .le-binder-form input,.dark-mode .le-binder-form select,.dark-mode .le-binder-form textarea{background-color:#333;border-color:#555;color:#e0e0e0}.dark-mode .le-binder-form input:focus,.dark-mode .le-binder-form select:focus,.dark-mode .le-binder-form textarea:focus{border-color:#ff6a33;box-shadow:0 0 0 2px #ff6a3333}.dark-mode .le-binder-form label{color:#ccc}.dark-mode .le-form-help-text{color:#aaa}.dark-mode .le-form-error{color:#ff7875}.dark-mode .le-binder-form-actions .le-button,.dark-mode .le-binder-form-actions button{background-color:#444;border-color:#555;color:#e0e0e0}.dark-mode .le-binder-form-actions .le-button:hover,.dark-mode .le-binder-form-actions button:hover{background-color:#555}.dark-mode .le-binder-form-actions .le-button-primary{background-color:#ff6a33;border-color:#ff6a33;color:#fff}.dark-mode .le-binder-form-actions .le-button-primary:hover{background-color:#ff8a5c}.dark-mode .le-binder-form-actions .le-button-danger{background-color:#5c1917;border-color:#ff7875;color:#ff7875}.dark-mode .le-binder-form-actions .le-button-danger:hover{background-color:#ff4d4f;border-color:#ff4d4f;color:#fff}.dark-mode .le-binder-empty{background-color:#333;border-color:#444;color:#aaa}.dark-mode .le-binder-loading{color:#aaa}.dark-mode .le-binder-error{background-color:#ff4d4f1a;border-color:#ff4d4f33;color:#ff7875}.dark-mode .le-binder-filter-bar{background-color:#252525;border-color:#444}.dark-mode .le-filter-select,.dark-mode .le-sort-select{background-color:#333;border-color:#555;color:#e0e0e0}.dark-mode .le-filter-label,.dark-mode .le-sort-label{color:#ccc}.dark-mode .le-binder-modal-overlay{background-color:#000000b3}.dark-mode .le-binder-modal-content{background-color:#2c2c2c;border-color:#444;box-shadow:0 5px 15px #00000080}.dark-mode .le-binder-modal-header{border-bottom-color:#444}.dark-mode .le-binder-modal-title{color:#f0f0f0}.dark-mode .le-binder-modal-close{color:#aaa}.dark-mode .le-binder-modal-body,.dark-mode .le-binder-modal-close:hover{color:#e0e0e0}.dark-mode .le-binder-modal-footer{border-top-color:#444}.le-case-list-page{margin:0 auto;max-width:1200px;padding:20px}.le-case-list-page h1{border-bottom:2px solid #ff4500;color:#333;margin-bottom:1.5rem;margin-top:0;padding-bottom:.5rem}.view-toggle{justify-content:flex-end;margin-bottom:1rem}.view-toggle-btn{background:#f8f9fa;border:1px solid #dee2e6;padding:8px 15px}.view-toggle-btn:first-child{border-radius:4px 0 0 4px}.view-toggle-btn:last-child{border-radius:0 4px 4px 0}.view-toggle-btn.active{background-color:#ff4500;border-color:#ff4500}.enhanced-case-card{background-color:#fff;border:1px solid #dee2e6;border-radius:6px;box-shadow:0 2px 5px #0000000d;margin-bottom:1rem;padding:1.25rem;position:relative;transition:transform .2s,box-shadow .2s}.enhanced-case-card:hover{box-shadow:0 4px 10px #0000001a;transform:translateY(-2px)}.case-header{align-items:center;justify-content:space-between}.case-header,.case-meta{display:flex;margin-bottom:.75rem}.case-meta{font-size:.85rem;gap:1rem}.case-age{color:#6c757d}.status-badge{color:#fff}.status-new{background-color:#007bff}.status-active{background-color:#28a745}.status-under-investigation{background-color:#6f42c1}.status-pending-review{background-color:#fd7e14}.status-cold-case{background-color:#17a2b8}.status-closed-solved{background-color:#6c757d}.status-closed-unsolved{background-color:#343a40}.status-archived{background-color:#20c997}.case-desc{color:#495057;margin-bottom:1rem}.case-details{color:#6c757d;font-size:.85rem}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.tag{background-color:#e9ecef;border-radius:3px;color:#495057;font-size:.75rem;padding:.2rem .5rem}.quick-actions{gap:.5rem;position:absolute;right:1rem;top:1rem}.quick-actions a,.quick-actions button{align-items:center;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;color:#495057;cursor:pointer;display:inline-flex;justify-content:center;padding:.4rem .6rem;text-decoration:none}.quick-actions a:hover,.quick-actions button:hover{background-color:#e9ecef}.case-card-row{margin-bottom:.5rem}.case-card-row:last-child{margin-bottom:0}.case-card-title-row h3{font-size:1.1rem;margin:0;overflow-wrap:break-word;white-space:normal}.case-card-title-row h3 a{color:#333;text-decoration:none}.case-card-title-row h3 a:hover{text-decoration:underline}.case-card-meta-row{align-items:center;display:flex;flex-wrap:wrap;font-size:.85rem;gap:.5rem 1rem}.case-card-meta-row>*{align-items:center;display:inline-flex}.case-card-meta-row .priority,.case-card-meta-row .status-badge{margin-right:.5rem}.case-card-desc-row .case-desc{margin:0}.case-card-details-row p{margin:0 0 .5rem}.case-card-details-row .tags-list{margin-top:0}.case-table-container{background-color:#fff;border:1px solid #dee2e6;border-radius:6px;overflow-x:auto}.case-table{border-collapse:collapse;width:100%}.case-table td,.case-table th{border-bottom:1px solid #dee2e6;padding:.75rem 1rem;text-align:left}.case-table th{background-color:#f8f9fa;cursor:pointer;font-weight:600}.case-table th.sorted-asc:after{content:" ▲"}.case-table th.sorted-desc:after{content:" ▼"}.case-table tr:hover{background-color:#f8f9fa}.case-table .action-buttons,.quick-filters{display:flex;gap:.5rem}.quick-filters{flex-wrap:wrap;margin-bottom:1rem}.quick-filters button{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:20px;cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:all .2s}.quick-filters button:hover{background-color:#e9ecef}.quick-filters button.active{background-color:#ff4500;border-color:#ff4500;color:#fff}.cases-dashboard{background-color:#fff;border:1px solid #dee2e6;border-radius:6px;padding:1.5rem}.cases-dashboard,.dashboard-section{margin-bottom:1.5rem}.dashboard-section:last-child{margin-bottom:0}.dashboard-section h3{color:#343a40;font-size:1.1rem;margin-bottom:1rem;margin-top:0}.stat-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.stat-card{background-color:#f8f9fa;border-radius:6px}.stat-number{color:#ff4500;display:block;font-size:1.8rem}.stat-label{color:#6c757d;display:block;font-size:.85rem;margin-top:.5rem}.status-bars{display:flex;flex-direction:column;gap:.75rem}.status-bar-item{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:150px 1fr 50px}.status-label{font-size:.85rem}.status-bar-container{background-color:#e9ecef;border-radius:5px;height:10px;overflow:hidden}.status-bar{height:100%;transition:width .3s ease}.status-count{font-size:.85rem;text-align:right}.status-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:.75rem;font-weight:500;gap:.3rem}.status-badge-abbr{display:none;font-weight:700;text-transform:uppercase}.status-badge-name{display:inline-block}@media (max-width:767px){.status-badge-name{display:none!important}.status-badge-abbr{display:inline-block!important}.status-badge{font-size:.7rem;gap:0;justify-content:center;line-height:1.2;min-width:40px;padding:.3rem .5rem}}.le-case-list-page.dark{background-color:#1a1a1a;color:#e0e0e0}.le-case-list-page.dark h1{border-bottom-color:#ff6a33;color:#f5f5f5}.le-case-list-page.dark .view-toggle-btn{background:#3a3a3a;border-color:#555;color:#ccc}.le-case-list-page.dark .view-toggle-btn.active{background-color:#ff6a33;border-color:#ff6a33;color:#1a1a1a}.le-case-list-page.dark .enhanced-case-card{background-color:#2c2c2c;border-color:#444;box-shadow:0 2px 5px #0000004d}.le-case-list-page.dark .enhanced-case-card:hover{box-shadow:0 4px 10px #00000080}.le-case-list-page.dark .case-card-title-row h3 a{color:#e0e0e0}.le-case-list-page.dark .case-card-title-row h3 a:hover{color:#fff}.le-case-list-page.dark .case-age{color:#aaa}.le-case-list-page.dark .case-desc{color:#ccc}.le-case-list-page.dark .case-details{color:#aaa}.le-case-list-page.dark .tags-list .tag{background-color:#444;color:#ccc}.le-case-list-page.dark .quick-actions a,.le-case-list-page.dark .quick-actions button{background-color:#3a3a3a;border-color:#555;color:#ccc}.le-case-list-page.dark .quick-actions a:hover,.le-case-list-page.dark .quick-actions button:hover{background-color:#4a4a4a}.le-case-list-page.dark .case-table-container{background-color:#2c2c2c;border-color:#444}.le-case-list-page.dark .case-table th{background-color:#333;color:#ccc}.le-case-list-page.dark .case-table td{border-bottom-color:#444}.le-case-list-page.dark .case-table tr:hover{background-color:#383838}.le-case-list-page.dark .case-table a{color:#66bfff}.le-case-list-page.dark .case-table a:hover{color:#99d6ff}.le-case-list-page.dark .quick-filters button{background-color:#444;border-color:#666;color:#ccc}.le-case-list-page.dark .quick-filters button:hover{background-color:#555}.le-case-list-page.dark .quick-filters button.active{background-color:#ff6a33;border-color:#ff6a33;color:#1a1a1a}.le-case-list-page.dark .cases-dashboard{background-color:#2c2c2c;border-color:#444}.le-case-list-page.dark .dashboard-section h3{color:#f0f0f0}.le-case-list-page.dark .stat-card{background-color:#3a3a3a}.le-case-list-page.dark .stat-label{color:#aaa}.le-case-list-page.dark .cases-dashboard .stat-card:first-child{background-color:#3a4a2a;border-left-color:#73d13d}.le-case-list-page.dark .cases-dashboard .stat-card:first-child .stat-number{color:#73d13d}.le-case-list-page.dark .cases-dashboard .stat-card:nth-child(2){background-color:#2a3a4a;border-left-color:#40a9ff}.le-case-list-page.dark .cases-dashboard .stat-card:nth-child(2) .stat-number{color:#40a9ff}.le-case-list-page.dark .cases-dashboard .stat-card:nth-child(3){background-color:#4a3a2a;border-left-color:#ff7a45}.le-case-list-page.dark .cases-dashboard .stat-card:nth-child(3) .stat-number{color:#ff7a45}.le-case-list-page.dark .cases-dashboard .stat-card:nth-child(4){background-color:#2a4a4a;border-left-color:#36cfc9}.le-case-list-page.dark .cases-dashboard .stat-card:nth-child(4) .stat-number{color:#36cfc9}.le-case-list-page.dark .status-bar-container{background-color:#444}.le-case-list-page.dark .status-count,.le-case-list-page.dark .status-label{color:#ccc}.le-case-list-page.dark .priority-urgent{color:#ff4d4f}.le-case-list-page.dark .priority-high{color:#ffa940}.le-case-list-page.dark .priority-medium{color:#ffc53d}.le-case-list-page.dark .priority-low{color:#73d13d}.le-case-list-page.dark .priority-none{color:#888}.le-case-list-page.dark .filter-toggle{background-color:#3a3a3a;border-color:#555;color:#ccc}.le-case-list-page.dark .filter-toggle:hover{background-color:#4a4a4a}.le-case-list-page.dark .le-filters{background-color:#252525;border-color:#444}.le-case-list-page.dark .le-filters label{color:#ccc}.le-case-list-page.dark .le-filters input[type=text],.le-case-list-page.dark .le-filters select{background-color:#333;border-color:#555;color:#e0e0e0}.le-case-list-page.dark .le-filters input[type=text]:disabled,.le-case-list-page.dark .le-filters select:disabled{background-color:#444}.le-case-list-page.dark .clear-filters-btn{background-color:#555;color:#ccc}.le-case-list-page.dark .clear-filters-btn:hover{background-color:#666}.le-case-list-page.dark .le-create-button{background-color:#ff6a33}.le-case-list-page.dark .le-create-button:hover{background-color:#ff8a5c}.le-case-list-page.dark .le-create-form{background-color:#3a3a3a;border-color:#555}.le-case-list-page.dark .le-create-form h3{color:#f0f0f0}.le-case-list-page.dark .le-form-group label{color:#ccc}.le-case-list-page.dark .le-form-group input[type=text],.le-case-list-page.dark .le-form-group textarea{background-color:#333;border-color:#555;color:#e0e0e0}.le-case-list-page.dark .le-form-actions button[type=submit]{background-color:#1e7e34;border-color:#1e7e34}.le-case-list-page.dark .le-form-actions button[type=button],.le-case-list-page.dark .le-form-actions button[type=submit]:disabled{background-color:#555;border-color:#555}.le-case-list-page.dark .le-loading,.le-case-list-page.dark .le-no-cases{color:#aaa}.le-case-list-page.dark .le-error{background-color:#4d2121;border-color:#a61d24;color:#ff7875}.le-case-list-page.dark .modal-content{background-color:#3a3a3a;color:#e0e0e0}.le-case-list-page.dark .modal-content h3{color:#f0f0f0}.le-case-list-page.dark .modal-content input,.le-case-list-page.dark .modal-content select{background-color:#333;border-color:#555;color:#e0e0e0}.le-case-list-page.dark .modal-actions button:first-child{background-color:#ff6a33;border-color:#ff6a33}.le-case-list-page.dark .modal-actions button:last-child{background-color:#555;border-color:#555;color:#ccc}.le-case-list-page.dark .status-badge{border:1px solid #ffffff1a}.le-case-list-page.dark .status-new-awaiting-classification{background-color:#1d3953!important;border-color:#69c0ff;color:#69c0ff}.le-case-list-page.dark .status-active-investigation{background-color:#135200!important;border-color:#a0d911;color:#a0d911}.le-case-list-page.dark .status-pending-review{background-color:#5c4a1d!important;border-color:#ffc53d;color:#ffc53d}.le-case-list-page.dark .status-suspended{background-color:#434343!important;border-color:#bfbfbf;color:#bfbfbf}.le-case-list-page.dark .status-reopened{background-color:#5c1917!important;border-color:#ff7875;color:#ff7875}.le-case-list-page.dark .status-referred{background-color:#134d4f!important;border-color:#5cdbd3;color:#5cdbd3}.le-case-list-page.dark .status-closed-solved{background-color:#102c4c!important;border-color:#597ef7;color:#597ef7}.le-case-list-page.dark .status-closed-unsolved{background-color:#22075e!important;border-color:#9254de;color:#9254de}.le-case-list-page.dark .status-cold-case{background-color:#262626!important;border-color:#8c8c8c;color:#8c8c8c}.le-case-list-page.dark .status-aole-poina{background-color:#391085!important;border-color:#d3adf7;color:#d3adf7}.le-case-list-page.dark .status-default{background-color:#434343!important;border-color:#bfbfbf;color:#bfbfbf}@media (min-width:768px){.status-badge-abbr{display:none!important}.status-badge-name{display:inline-block!important}.status-badge{gap:.3rem}}.status-new-awaiting-classification{background-color:#1890ff;color:#fff}.status-active-investigation{background-color:#28a745;color:#fff}.status-pending-review{background-color:#ffc107;color:#333}.status-suspended{background-color:#a9a9a9;color:#fff}.status-reopened{background-color:#d9534f;color:#fff}.status-referred{background-color:#20b2aa;color:#fff}.status-closed-solved{background-color:#4682b4;color:#fff}.status-closed-unsolved{background-color:#6a5acd;color:#fff}.status-cold-case{background-color:#696969;color:#fff}.status-aole-poina{background-color:purple;color:#fff}.status-default{background-color:#d9d9d9;color:#555}.priority{align-items:center;background-color:initial!important;border-radius:0!important;display:inline-flex!important;font-size:inherit!important;font-weight:700;height:auto!important;margin-right:0!important;padding:0!important;width:auto!important}.priority-urgent{color:#f5222d}.priority-high{color:#fa8c16}.priority-medium{color:#faad14}.priority-low{color:#52c41a}.priority-none{color:#bfbfbf}.priority:before{content:none}.filter-toggle{align-items:center;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;display:flex;font-weight:500;justify-content:space-between;margin-bottom:1rem;padding:.75rem 1rem}.filter-toggle:hover{background-color:#e9ecef}.le-filters{align-items:center;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:1.5rem;padding:1rem}.le-filters label{font-size:.9em;font-weight:500;margin-right:5px}.le-filters input[type=text],.le-filters select{border:1px solid #ced4da;border-radius:4px;font-size:.95em;min-width:150px;padding:8px 10px}.le-filters input[type=text]:disabled,.le-filters select:disabled{background-color:#e9ecef;cursor:not-allowed}.clear-filters-btn{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-left:auto;padding:8px 15px}.clear-filters-btn:hover{background-color:#5a6268}.le-create-section{margin-bottom:1.5rem}.le-create-button{background-color:#ff4500;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:10px 18px;transition:background-color .2s ease}.le-create-button:hover{background-color:#e03e00}.le-create-form{background-color:#f9f9f9;border:1px solid #ccc;border-radius:6px;margin-bottom:1.5rem;margin-top:1rem;padding:1.5rem}.le-create-form h3{margin-bottom:1rem;margin-top:0}.le-form-group{margin-bottom:1rem}.le-form-group label{display:block;font-weight:500;margin-bottom:.3rem}.le-form-group input[type=text],.le-form-group textarea{border:1px solid #ced4da;border-radius:4px;box-sizing:border-box;padding:8px 10px;width:100%}.le-form-actions{display:flex;gap:10px;margin-top:1rem}.le-form-actions button{border:1px solid #0000;border-radius:4px;cursor:pointer;padding:8px 15px}.le-form-actions button[type=submit]{background-color:#28a745;border-color:#28a745;color:#fff}.le-form-actions button[type=submit]:disabled{background-color:#6c757d;border-color:#6c757d;cursor:not-allowed}.le-form-actions button[type=button]{background-color:#6c757d;border-color:#6c757d;color:#fff}.case-cards-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.le-loading,.le-no-cases{color:#6c757d;font-style:italic;padding:1rem;text-align:center}.le-error{font-weight:700;margin-bottom:1rem;padding:.5rem}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{border-radius:6px;box-shadow:0 4px 20px #00000026;width:100%}.modal-content input,.modal-content select{border:1px solid #ced4da;border-radius:4px;margin-bottom:1.5rem;padding:.75rem;width:100%}.modal-actions{gap:1rem}.modal-actions button{border-radius:4px;cursor:pointer;padding:.5rem 1.5rem}.modal-actions button:first-child{background-color:#ff4500;border:1px solid #ff4500;color:#fff}.modal-actions button:last-child{background-color:#fff;border:1px solid #6c757d;color:#6c757d}@media (max-width:768px){.case-cards-container{grid-template-columns:1fr}.status-bar-item{grid-template-columns:100px 1fr 40px}.stat-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.cases-dashboard{padding:1rem}.dashboard-section h3{font-size:1rem}.stat-cards{display:flex;gap:.25rem;padding-bottom:0}.stat-card{background-color:#f8f9fa;border-left:2px solid #6c757d;flex-basis:0;flex-grow:1;padding:.3rem .15rem}.cases-dashboard .stat-card:first-child{background-color:#f6ffed;border-left-color:#52c41a}.cases-dashboard .stat-card:first-child .stat-number{border-left-width:2px;color:#52c41a}.cases-dashboard .stat-card:nth-child(2){background-color:#e6f7ff;border-left-color:#1890ff;border-left-width:2px}.cases-dashboard .stat-card:nth-child(2) .stat-number{color:#1890ff}.cases-dashboard .stat-card:nth-child(3){background-color:#fff2e8;border-left-color:#fa541c;border-left-width:2px}.cases-dashboard .stat-card:nth-child(3) .stat-number{color:#fa541c}.cases-dashboard .stat-card:nth-child(4){background-color:#e6fffb;border-left-color:#13c2c2;border-left-width:2px}.cases-dashboard .stat-card:nth-child(4) .stat-number{color:#13c2c2}.stat-number{font-size:1.2rem;margin-bottom:0}.stat-label{font-size:.65rem;line-height:1.1;margin-top:.1rem;white-space:normal}.status-bar-item{gap:.5rem;grid-template-columns:100px 1fr 40px}.status-count,.status-label{font-size:.8rem}}@media (max-width:479px){.stat-card{padding:.4rem .3rem}.stat-number{font-size:1.3rem}.stat-label{font-size:.7rem}}@media (max-width:576px){.stat-cards{grid-template-columns:1fr}.le-filters input[type=text],.le-filters select{width:100%}}.dark-mode .le-case-list-page{background-color:#1a1a1a;color:#e0e0e0}.dark-mode .le-case-list-header{background-color:#2c2c2c;border-color:#444}.dark-mode .le-case-list-title{color:#f0f0f0}.dark-mode .le-case-list-actions{background-color:#2c2c2c;border-color:#444}.dark-mode .le-case-filter-bar{background-color:#252525;border-color:#444}.dark-mode .le-filter-label{color:#ccc}.dark-mode .le-filter-option,.dark-mode .le-sort-button{background-color:#444;border-color:#666;color:#ccc}.dark-mode .le-filter-option:hover,.dark-mode .le-sort-button:hover{background-color:#555}.dark-mode .le-filter-option.active,.dark-mode .le-sort-button.active{background-color:#ff6a33;border-color:#ff6a33;color:#1a1a1a}.dark-mode .le-case-list-table{border-color:#444}.dark-mode .le-case-list-table th{background-color:#333;border-color:#444;color:#ccc}.dark-mode .le-case-list-table td{border-color:#444;color:#e0e0e0}.dark-mode .le-case-list-table tr:nth-child(2n){background-color:#2a2a2a}.dark-mode .le-case-list-table tr:hover{background-color:#383838}.dark-mode .le-case-list-link{color:#66bfff}.dark-mode .le-case-list-link:hover{color:#99d6ff}.dark-mode .le-case-list-status{border-color:#ffffff1a}.dark-mode .le-case-list-priority{background-color:initial}.dark-mode .priority-urgent{color:#ff4d4f!important}.dark-mode .priority-high{color:#ffa940!important}.dark-mode .priority-medium{color:#ffc53d!important}.dark-mode .priority-low{color:#73d13d!important}.dark-mode .priority-none{color:#888!important}.dark-mode .le-case-list-action{background-color:#444;border-color:#555;color:#e0e0e0}.dark-mode .le-case-list-action:hover{background-color:#555}.dark-mode .le-case-list-action.primary{background-color:#ff6a33;border-color:#ff6a33;color:#fff}.dark-mode .le-case-list-action.primary:hover{background-color:#ff8a5c}.dark-mode .le-case-list-action.danger{background-color:#5c1917;border-color:#ff7875;color:#ff7875}.dark-mode .le-case-list-action.danger:hover{background-color:#ff4d4f;border-color:#ff4d4f;color:#fff}.dark-mode .le-pagination{color:#ccc}.dark-mode .le-pagination button{background-color:#333;border-color:#555;color:#ccc}.dark-mode .le-pagination button:hover:not(:disabled){background-color:#444}.dark-mode .le-pagination button:disabled{background-color:#222;border-color:#444;color:#666}.dark-mode .le-pagination button.active{background-color:#ff6a33;border-color:#ff6a33;color:#fff}.dark-mode .le-case-list-empty{background-color:#333;border-color:#444;color:#aaa}.dark-mode .le-case-list-loading{color:#aaa}.dark-mode .le-case-list-error{background-color:#ff4d4f1a;border-color:#ff4d4f33;color:#ff7875}.le-case-list-page-wrapper{background:#0000;display:flex;flex-direction:column;min-height:calc(100vh - 60px);min-height:calc(100vh - var(--nav-height, 60px))}.skip-link{background:var(--color-primary);border-radius:var(--radius-base);color:#fff;font-weight:500;left:-9999px;padding:8px 16px;position:absolute;text-decoration:none;top:0;z-index:100}.skip-link:focus{box-shadow:var(--shadow-lg);left:50%;top:10px;transform:translateX(-50%)}.le-case-list-page-wrapper--constrained{padding:0}.le-case-list-page-wrapper--constrained .le-case-list-page-container{background:var(--color-bg);border-radius:0;box-shadow:none;margin:0 auto;max-width:100%;padding:var(--space-xl)}.le-case-list-page-wrapper--full-width .le-case-list-page-container{background:var(--color-bg);padding:var(--space-xl);width:100%}.le-case-list-header{margin-bottom:var(--space-xl)}.le-case-list-header h1{color:var(--color-text);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0}.le-case-list-main{width:100%}.dark-mode .le-case-list-page-wrapper--constrained .le-case-list-page-container{background:var(--color-bg-secondary);box-shadow:none}.dark-mode .le-case-list-page-wrapper--full-width .le-case-list-page-container{background:var(--color-bg)}@media (max-width:1024px){.le-case-list-page-wrapper--constrained{padding:0}.le-case-list-page-wrapper--constrained .le-case-list-page-container{padding:var(--space-lg)}.le-case-list-header h1{font-size:var(--font-size-2xl)}}@media (max-width:768px){.le-case-list-page-wrapper{min-height:calc(100vh - 50px);min-height:calc(100vh - var(--nav-height-mobile, 50px))}.le-case-list-page-wrapper--constrained{padding:0}.le-case-list-page-wrapper--constrained .le-case-list-page-container,.le-case-list-page-wrapper--full-width .le-case-list-page-container{border-radius:0;box-shadow:none;padding:var(--space-md)}.le-case-list-header h1{font-size:var(--font-size-xl)}}@media (max-width:400px){.le-case-list-page-wrapper--constrained .le-case-list-page-container,.le-case-list-page-wrapper--full-width .le-case-list-page-container{padding:var(--space-sm)}.le-case-list-header h1{font-size:var(--font-size-lg)}}.le-case-evidence{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;width:100%}.evidence-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.evidence-header h2{font-size:1.4rem;margin:0}.view-mode-btn{background-color:#f8f9fa;border:none;border-right:1px solid #ced4da;cursor:pointer;font-size:.9rem;padding:.4rem .75rem}.view-mode-btn:last-child{border-right:none}.view-mode-btn.active{background-color:#007bff;color:#fff}.evidence-upload-section{align-items:center;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem}.file-input-container{align-items:center;display:flex;flex:1 1;gap:1rem}.evidence-file-input{display:none}.evidence-file-label{align-items:center;background-color:#e9ecef;border:1px solid #ced4da;border-radius:4px;cursor:pointer;display:inline-flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:background-color .2s}.evidence-file-label:hover{background-color:#dee2e6}.selected-files-count{color:#6c757d;font-size:.9rem}.upload-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background-color .2s}.upload-button:hover{background-color:#0069d9}.upload-button:disabled{background-color:#adb5bd;cursor:not-allowed}.upload-progress{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.progress-bar{background-color:#e9ecef;flex:1 1;height:8px}.progress-bar-fill{background-color:#007bff;height:100%;transition:width .3s ease}.progress-text{color:#6c757d;font-size:.9rem;min-width:45px;text-align:right}.evidence-error{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;margin-bottom:1.5rem;padding:.75rem 1rem}.evidence-loading,.no-files-message{color:#6c757d;font-style:italic;padding:2rem;text-align:center}.no-files-message{background-color:#f8f9fa;border:1px dashed #ced4da;border-radius:4px}.evidence-files.grid .evidence-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.evidence-card{border:1px solid #e9ecef;border-radius:6px;padding:1rem;transition:box-shadow .2s}.evidence-card:hover{box-shadow:0 4px 12px #0000001a}.evidence-card-icon{align-items:center;color:#6c757d;display:flex;font-size:2.5rem;justify-content:center;margin-bottom:1rem}.evidence-card-details{flex:1 1;margin-bottom:1rem}.evidence-card-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-weight:500;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.evidence-card-meta{color:#6c757d;display:flex;font-size:.8rem;justify-content:space-between}.evidence-card-actions{border-top:1px solid #e9ecef;display:flex;justify-content:space-around;padding-top:.75rem}.evidence-action-btn{background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;font-size:1rem;padding:.5rem;transition:background-color .2s,color .2s}.evidence-action-btn:hover{background-color:#f8f9fa}.download-btn:hover{color:#007bff}.delete-btn:hover{color:#dc3545}.evidence-table{border-collapse:collapse;font-size:.9rem;width:100%}.evidence-table th{background-color:#f8f9fa;border-bottom:2px solid #dee2e6;font-weight:600;padding:.75rem;text-align:left}.evidence-table td{border-bottom:1px solid #e9ecef;padding:.75rem;vertical-align:middle}.evidence-row:hover{background-color:#007bff0d}.file-icon{align-items:center;color:#6c757d;display:flex;font-size:1.25rem;justify-content:center}.td-type,.th-type{text-align:center;width:50px}.td-size,.th-size{width:100px}.td-date,.th-date{width:180px}.td-uploader,.th-uploader{width:150px}.td-actions,.th-actions{width:120px}.evidence-actions{display:flex;gap:.5rem;justify-content:center}.evidence-notes-section{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-top:2rem;padding:1.5rem}.evidence-notes-section h3{font-size:1.1rem;margin-bottom:1rem;margin-top:0}.evidence-notes-textarea{border:1px solid #ced4da;border-radius:4px;font-family:inherit;font-size:.95rem;margin-bottom:1rem;padding:.75rem;resize:vertical;width:100%}.save-notes-button{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background-color .2s}.save-notes-button:hover{background-color:#218838}.save-notes-button:disabled{background-color:#adb5bd;cursor:not-allowed}@media (max-width:992px){.evidence-upload-section{align-items:stretch;flex-direction:column}.file-input-container{margin-bottom:1rem}}@media (max-width:768px){.evidence-header{align-items:flex-start;flex-direction:column;gap:1rem}.evidence-card-meta{flex-direction:column;gap:.25rem}.evidence-files.grid .evidence-grid{grid-template-columns:1fr}.evidence-table{display:block;overflow-x:auto}}:global(.dark-mode) .evidence-header h2{color:#f0f0f0}:global(.dark-mode) .view-mode-btn{background-color:#3a3a3a;border-color:#555;color:#ccc}:global(.dark-mode) .view-mode-btn.active{background-color:#005cbf;border-color:#005cbf;color:#fff}:global(.dark-mode) .evidence-upload-section{background-color:#252525;border-color:#444}:global(.dark-mode) .evidence-file-label{background-color:#444;border-color:#666;color:#ccc}:global(.dark-mode) .evidence-file-label:hover{background-color:#555}:global(.dark-mode) .selected-files-count{color:#aaa}:global(.dark-mode) .upload-button{background-color:#005cbf}:global(.dark-mode) .upload-button:hover{background-color:#004c9a}:global(.dark-mode) .upload-button:disabled{background-color:#555}:global(.dark-mode) .progress-bar{background-color:#444}:global(.dark-mode) .progress-bar-fill{background-color:#005cbf}:global(.dark-mode) .progress-text{color:#aaa}:global(.dark-mode) .evidence-error{background-color:#4d2121;border-color:#a61d24;color:#ff7875}:global(.dark-mode) .evidence-loading{color:#aaa}:global(.dark-mode) .no-files-message{background-color:#252525;border-color:#555;color:#aaa}:global(.dark-mode) .evidence-card{background-color:#3a3a3a;border-color:#555}:global(.dark-mode) .evidence-card:hover{box-shadow:0 4px 12px #0000004d}:global(.dark-mode) .evidence-card-icon{color:#aaa}:global(.dark-mode) .evidence-card-name{color:#e0e0e0}:global(.dark-mode) .evidence-card-meta{color:#aaa}:global(.dark-mode) .evidence-card-actions{border-top-color:#555}:global(.dark-mode) .evidence-action-btn{color:#aaa}:global(.dark-mode) .evidence-action-btn:hover{background-color:#4a4a4a}:global(.dark-mode) .download-btn:hover{color:#66bfff}:global(.dark-mode) .delete-btn:hover{color:#ff7875}:global(.dark-mode) .evidence-table th{background-color:#333;border-bottom-color:#555;color:#ccc}:global(.dark-mode) .evidence-table td{border-bottom-color:#444}:global(.dark-mode) .evidence-row:hover{background-color:#383838}:global(.dark-mode) .file-icon{color:#aaa}:global(.dark-mode) .td-name{color:#e0e0e0}:global(.dark-mode) .td-size{color:#ccc}:global(.dark-mode) .td-date{color:#ccc}:global(.dark-mode) .td-uploader{color:#ccc}:global(.dark-mode) .evidence-notes-section{background-color:#252525;border-color:#444}:global(.dark-mode) .evidence-notes-section h3{color:#f0f0f0}:global(.dark-mode) .evidence-notes-textarea{background-color:#333;border-color:#555;color:#e0e0e0}:global(.dark-mode) .save-notes-button{background-color:#1e7e34;border-color:#1e7e34}:global(.dark-mode) .save-notes-button:hover{background-color:#155d27}:global(.dark-mode) .save-notes-button:disabled{background-color:#555}.le-case-tasks{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;width:100%}.tasks-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.tasks-header h2{font-size:1.4rem;margin:0}.tasks-controls{align-items:center;display:flex;gap:1rem}.tasks-filter{position:relative}.filter-select{-webkit-appearance:none;appearance:none;background-color:#f8f9fa;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='4'%3E%3Cpath fill='%23343a40' d='m0 0 4 4 4-4z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:8px 4px;border:1px solid #ced4da;border-radius:4px;font-size:.9rem;padding:.4rem 2rem .4rem .75rem}.add-task-button{align-items:center;background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.4rem .75rem;transition:background-color .2s}.add-task-button:hover{background-color:#0069d9}.task-error{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;margin-bottom:1.5rem;padding:.75rem 1rem}.no-tasks-message,.tasks-loading{color:#6c757d;font-style:italic;padding:2rem;text-align:center}.no-tasks-message{background-color:#f8f9fa;border:1px dashed #ced4da;border-radius:4px}.task-form-container{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-bottom:2rem;padding:1.5rem}.task-form h3{border-bottom:1px solid #e9ecef;font-size:1.1rem;margin-bottom:1.25rem;margin-top:0;padding-bottom:.5rem}.form-row{margin-bottom:1rem}.form-row label{display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.form-row input,.form-row textarea{border:1px solid #ced4da;border-radius:4px;font-family:inherit;font-size:.95rem;padding:.5rem .75rem;width:100%}.form-row textarea{resize:vertical}.form-grid{grid-gap:1rem;gap:1rem;grid-template-columns:1fr 1fr}.form-col label{display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.form-col input,.form-col select{border:1px solid #ced4da;border-radius:4px;font-size:.95rem;padding:.5rem .75rem;width:100%}.form-actions{margin-top:1.5rem}.cancel-button{background-color:#f8f9fa;border:1px solid #ced4da;border-radius:4px;cursor:pointer;font-size:.9rem;padding:.5rem 1rem}.cancel-button:hover{background-color:#e9ecef}.submit-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem}.submit-button:hover{background-color:#0069d9}.tasks-table-container{border:1px solid #e9ecef;border-radius:6px;overflow-x:auto}.tasks-table{border-collapse:collapse;font-size:.9rem;width:100%}.tasks-table th{background-color:#f8f9fa;border-bottom:2px solid #dee2e6;font-weight:600;padding:.75rem;text-align:left;white-space:nowrap}.tasks-table th.th-due-date,.tasks-table th.th-priority,.tasks-table th.th-title{cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.tasks-table td{border-bottom:1px solid #e9ecef;padding:.75rem;vertical-align:middle}.sort-icon{color:#6c757d}.sort-icon.asc{transform:rotate(0deg)}.sort-icon.desc{transform:rotate(180deg)}.task-row:hover{background-color:#007bff0d}.task-row.status-completed{background-color:#28a7450d}.task-row.status-cancelled{background-color:#6c757d0d}.td-status{width:120px}.td-priority{text-align:center;width:100px}.td-assigned,.td-due-date{width:120px}.td-actions{text-align:center;width:150px}.task-title{font-weight:500;margin-bottom:.25rem}.task-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6c757d;display:-webkit-box;font-size:.85rem;overflow:hidden;text-overflow:ellipsis}.status-badge{font-size:.8rem;padding:.2rem .5rem;text-align:center}.status-completed{background-color:#d4edda;color:#155724}.status-in-progress{background-color:#cce5ff;color:#004085}.status-pending{background-color:#fff3cd;color:#856404}.status-cancelled{background-color:#e2e3e5;color:#383d41}.priority-badge{border:1px solid;border-radius:12px;font-size:.8rem;padding:.2rem .5rem;text-align:center}.assigned-user{align-items:center;display:flex;gap:.5rem}.assigned-icon{color:#6c757d;font-size:.9rem}.assigned-id{color:#212529;font-size:.85rem}.unassigned{color:#6c757d;font-size:.85rem;font-style:italic}.due-date{align-items:center;display:flex;gap:.5rem}.calendar-icon{color:#6c757d;font-size:.9rem}.no-date{color:#6c757d;font-size:.85rem;font-style:italic}.task-actions{display:flex;gap:.5rem;justify-content:center}.action-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:.85rem;padding:.25rem .5rem;transition:background-color .2s,color .2s}.action-btn:hover{background-color:#f8f9fa}.complete-btn{color:#28a745}.complete-btn:hover{color:#218838}.edit-btn{color:#007bff}.edit-btn:hover{color:#0056b3}.delete-btn{color:#dc3545}.delete-btn:hover{color:#c82333}@media (max-width:992px){.form-grid{grid-template-columns:1fr}.tasks-controls{align-items:flex-start;flex-direction:column;gap:.75rem}.filter-select,.tasks-filter{width:100%}.add-task-button{justify-content:center;width:100%}}@media (max-width:768px){.tasks-header{align-items:flex-start;flex-direction:column;gap:1rem}.tasks-table-container{overflow-x:auto}.tasks-table{min-width:700px}.task-form-container{padding:1rem}}:global(.dark-mode) .tasks-header h2{color:#f0f0f0}:global(.dark-mode) .filter-select{background-color:#333;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='4'%3E%3Cpath fill='%23ccc' d='m0 0 4 4 4-4z'/%3E%3C/svg%3E");border-color:#555;color:#e0e0e0}:global(.dark-mode) .add-task-button{background-color:#005cbf}:global(.dark-mode) .add-task-button:hover{background-color:#004c9a}:global(.dark-mode) .task-error{background-color:#4d2121;border-color:#a61d24;color:#ff7875}:global(.dark-mode) .tasks-loading{color:#aaa}:global(.dark-mode) .no-tasks-message{background-color:#252525;border-color:#555;color:#aaa}:global(.dark-mode) .task-form-container{background-color:#3a3a3a;border-color:#555}:global(.dark-mode) .task-form h3{border-bottom-color:#555;color:#f0f0f0}:global(.dark-mode) .form-col label,:global(.dark-mode) .form-row label{color:#ccc}:global(.dark-mode) .form-col input,:global(.dark-mode) .form-col select,:global(.dark-mode) .form-row input,:global(.dark-mode) .form-row textarea{background-color:#333;border-color:#555;color:#e0e0e0}:global(.dark-mode) .cancel-button{background-color:#444;border-color:#666;color:#ccc}:global(.dark-mode) .cancel-button:hover{background-color:#555}:global(.dark-mode) .submit-button{background-color:#005cbf}:global(.dark-mode) .submit-button:hover{background-color:#004c9a}:global(.dark-mode) .tasks-table th{background-color:#333;border-bottom-color:#555;color:#ccc}:global(.dark-mode) .tasks-table td{border-bottom-color:#444}:global(.dark-mode) .task-row:hover{background-color:#383838}:global(.dark-mode) .task-row.status-completed{background-color:#1e7e3433}:global(.dark-mode) .task-row.status-cancelled{background-color:#5553}:global(.dark-mode) .sort-icon{color:#aaa}:global(.dark-mode) .task-title{color:#e0e0e0}:global(.dark-mode) .task-description{color:#aaa}:global(.dark-mode) .status-completed{background-color:#1e7e34;color:#c3e6cb}:global(.dark-mode) .status-in-progress{background-color:#004085;color:#b8daff}:global(.dark-mode) .status-pending{background-color:#856404;color:#ffeeba}:global(.dark-mode) .status-cancelled{background-color:#383d41;color:#d6d8db}:global(.dark-mode) .assigned-icon{color:#aaa}:global(.dark-mode) .assigned-id{color:#e0e0e0}:global(.dark-mode) .unassigned{color:#aaa}:global(.dark-mode) .calendar-icon{color:#aaa}:global(.dark-mode) .due-date span{color:#ccc}:global(.dark-mode) .no-date{color:#aaa}:global(.dark-mode) .action-btn:hover{background-color:#4a4a4a}:global(.dark-mode) .complete-btn{color:#73d13d}:global(.dark-mode) .complete-btn:hover{color:#a0d911}:global(.dark-mode) .edit-btn{color:#66bfff}:global(.dark-mode) .edit-btn:hover{color:#99d6ff}:global(.dark-mode) .delete-btn{color:#ff7875}:global(.dark-mode) .delete-btn:hover{color:#ffa39e}.le-case-timeline{margin-top:20px}.timeline-list{border-left:2px solid #ccc;list-style:none;margin-top:10px;padding:0 0 0 20px}.timeline-item{border-bottom:1px dashed #eee;margin-bottom:15px;padding-bottom:10px;position:relative}.timeline-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.timeline-item:before{background-color:#ccc;border:2px solid #fff;border-radius:50%;content:"";height:12px;left:-26px;position:absolute;top:5px;width:12px}.timeline-type-caseevent:before{background-color:#007bff}.timeline-type-reportevent:before{background-color:#28a745}.timeline-type-noteevent:before{background-color:#ffc107}.timeline-type-evidenceevent:before{background-color:#dc3545}.timeline-timestamp{color:#666;font-size:.85em;margin-bottom:3px}.timeline-description{font-size:.95em}.timeline-details{color:#888;font-size:.8em;margin-top:4px;white-space:pre-wrap;word-break:break-word}body.dark-mode .le-case-timeline h3{color:#f0f0f0!important}body.dark-mode .timeline-list{border-left-color:#555!important}body.dark-mode .timeline-item{border-bottom-color:#444!important}body.dark-mode .timeline-item:before{background-color:#555!important;border-color:#2c2c2c!important}body.dark-mode .timeline-type-caseevent:before{background-color:#66bfff!important}body.dark-mode .timeline-type-reportevent:before{background-color:#73d13d!important}body.dark-mode .timeline-type-noteevent:before{background-color:#ffc53d!important}body.dark-mode .timeline-type-evidenceevent:before{background-color:#ff7875!important}body.dark-mode .timeline-timestamp{color:#aaa!important}body.dark-mode .timeline-description{color:#dcdcdc!important}body.dark-mode .timeline-details{color:#999!important}.le-case-map-container{background-color:#fff;border:1px solid #e8e8e8;border-radius:6px;margin-bottom:1.5rem;overflow:hidden;width:100%}.map-header{align-items:center;border-bottom:1px solid #e8e8e8;display:flex;justify-content:space-between;padding:12px 16px}.map-header h4{color:#333;font-size:1.1rem;margin:0}.map-container{height:400px;position:relative;transition:height .3s ease;width:100%}.map-container.expanded{height:600px}.map-container .gm-style,.map-container>div{height:100%!important;width:100%!important}.map-toggle-button{background:#f0f0f0;border:1px solid #d9d9d9;border-radius:4px;color:#1890ff;cursor:pointer;font-size:.85rem;font-weight:500;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.map-toggle-button:hover{background-color:#e6f7ff;border-color:#1890ff}.map-toggle-button.active{background-color:#ff4500;border-color:#ff4500;color:#fff}.map-toggle-button.active:hover{background-color:#e03e00}.map-empty-message,.map-error,.map-loading{color:#666;font-style:italic;padding:20px;text-align:center}.map-error{color:#f5222d}.map-legend{background-color:#f9f9f9;border-top:1px solid #e8e8e8;display:flex;flex-wrap:wrap;gap:20px;padding:12px 16px}.legend-marker{border-radius:50%;height:12px;margin-right:8px;width:12px}.legend-public{background-color:#1890ff}.legend-private{background-color:#f5222d}.map-info-window{max-width:250px;padding:8px}.map-info-window h4{color:#ff4500;font-size:1rem;margin:0 0 8px}.map-info-window p{color:#555;font-size:.9rem;margin:4px 0}.info-window-link{color:#1890ff;display:inline-block;font-weight:500;margin-top:8px;text-decoration:none}.info-window-link:hover{text-decoration:underline}@media (max-width:767px){.map-container{height:300px;min-height:300px;position:relative;z-index:1}.map-container.expanded{height:450px;height:calc(100vh - 200px);max-height:600px}.map-legend{flex-direction:column;gap:10px}.map-container>div>div{position:relative!important}.gm-style{touch-action:pan-x pan-y}.gm-style-iw{max-width:200px!important}.map-info-window{font-size:.85rem}.map-toggle-button{font-size:.9rem;padding:10px 16px}}:global(.dark-mode) .le-case-map-container{background-color:#2c2c2c;border-color:#444}:global(.dark-mode) .map-header{border-bottom-color:#444}:global(.dark-mode) .map-header h4{color:#f0f0f0}:global(.dark-mode) .map-toggle-button{background:#444;border-color:#666;color:#ccc}:global(.dark-mode) .map-toggle-button:hover{background-color:#555;border-color:#777}:global(.dark-mode) .map-toggle-button.active{background-color:#ff6a33;border-color:#ff6a33;color:#1a1a1a}:global(.dark-mode) .map-toggle-button.active:hover{background-color:#ff8a5c}:global(.dark-mode) .map-empty-message,:global(.dark-mode) .map-error,:global(.dark-mode) .map-loading{color:#aaa}:global(.dark-mode) .map-error{color:#ff7875}:global(.dark-mode) .map-legend{background-color:#3a3a3a;border-top-color:#444;color:#ccc}:global(.dark-mode) .map-info-window{background-color:#3a3a3a!important;border-radius:4px;color:#e0e0e0!important;padding:8px}:global(.dark-mode) .map-info-window h4{color:#ff8a5c!important}:global(.dark-mode) .map-info-window p{color:#dcdcdc!important}:global(.dark-mode) .map-info-window .info-window-link{color:#66bfff!important}:global(.dark-mode) .map-info-window .info-window-link:hover{color:#99d6ff!important}.le-case-report-list{overflow:hidden;width:100%}.list-controls{display:flex;justify-content:flex-end;margin-bottom:1rem}.toggle-all-button{background-color:#f8f9fa;border:1px solid #ced4da;border-radius:4px;cursor:pointer;font-size:.9rem;padding:.35rem .75rem}.toggle-all-button:hover{background-color:#e9ecef}.toggle-all-button:disabled{cursor:not-allowed;opacity:.6}.report-table-container{background-color:#fff;border:1px solid #e9ecef;border-radius:6px;overflow-x:auto;width:100%}.report-table{border-collapse:collapse;font-size:.9rem;width:100%}.report-table thead{background-color:#f8f9fa;border-bottom:2px solid #dee2e6}.report-table th{background-color:#f8f9fa;cursor:pointer;font-weight:600;padding:.75rem;position:-webkit-sticky;position:sticky;text-align:left;top:0;white-space:nowrap;z-index:1}.report-table th:hover{background-color:#e9ecef}.sort-icon{color:#007bff;font-size:.8rem;margin-left:.35rem}.report-table td{border-bottom:1px solid #e9ecef;padding:.75rem;vertical-align:middle}.report-table tbody tr:hover{background-color:#007bff0d}.expanded-row{background-color:#f8f9fa!important}.expanded-row td{border-bottom:none}.detail-row{background-color:#f8f9fa}.detail-cell{border-bottom:1px solid #dee2e6;padding:0}.report-details{padding:1rem 2rem}.detail-header{margin-bottom:.75rem}.detail-title{color:#333;font-size:1.1rem;font-weight:600;margin:0}.detail-content{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:2fr 1fr}.detail-description{grid-column:1;line-height:1.5}.detail-description p{margin:0;white-space:pre-line}.detail-meta{gap:.5rem;grid-column:2}.detail-meta,.meta-item{display:flex;flex-direction:column}.meta-item{gap:.25rem}.meta-label{color:#6c757d;font-size:.85rem;font-weight:600}.meta-value{font-size:.9rem}.category-value{background-color:#f0f0f0;border-radius:12px;display:inline-block;padding:.2rem .5rem}.notes-value{font-style:italic;white-space:pre-line}.meta-tags{display:flex;flex-wrap:wrap;gap:.25rem}.meta-tag{background-color:#e9ecef;border-radius:12px;font-size:.8rem;padding:.15rem .5rem}.td-expand,.th-expand{padding:.5rem;text-align:center;width:40px}.th-expand{cursor:default}.td-id,.th-id{width:120px}.td-pr,.th-pr{width:100px}.td-date,.th-date{width:150px}.td-views,.th-views{text-align:center;width:80px}.td-actions,.th-actions{text-align:center;width:140px}.cell-content{display:flex;flex-direction:column;gap:.25rem}.date-display{font-weight:500}.time-display{color:#6c757d;font-size:.85rem}.report-type-badge{align-items:center;background-color:#f0f0f0;border-radius:12px;display:inline-flex;font-size:.85rem;gap:.35rem;padding:.25rem .5rem}.type-icon{font-size:1rem}.status-badge{background-color:#f0f0f0;border-radius:12px;padding:.25rem .5rem}.status-open{background-color:#d4edda;color:#155724}.status-closed{background-color:#f8d7da;color:#721c24}.status-active{background-color:#cce5ff;color:#004085}.status-unsolved{background-color:#fff3cd;color:#856404}.amber-alert{background-color:#ffecb5;color:#8a5d00}.silver-alert{background-color:#e2e3e5;color:#383d41}.expand-button{align-items:center;background:none;background-color:#e9ecef;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:.85rem;height:24px;justify-content:center;width:24px}.expand-button:hover{background-color:#dee2e6;color:#495057}.action-buttons{gap:.5rem;justify-content:center}.remove-button,.view-button{border:none;border-radius:4px;cursor:pointer;font-size:.85rem;padding:.25rem .5rem;text-decoration:none}.view-button{background-color:#007bff;color:#fff}.view-button:hover{background-color:#0069d9}.remove-button{background-color:#dc3545;color:#fff}.remove-button:hover{background-color:#c82333}.remove-button:disabled{background-color:#adb5bd;cursor:not-allowed}.no-reports-row{color:#6c757d;font-style:italic;padding:2rem;text-align:center}@media (max-width:992px){.detail-content{grid-template-columns:1fr}.detail-description,.detail-meta{grid-column:1}.detail-description{margin-bottom:1rem}}@media (max-width:576px){.report-details{padding:1rem}}.placeholder-row{background-color:#f8f9fa;color:#6c757d;font-style:italic}.placeholder-row td{padding-bottom:.5rem;padding-top:.5rem}.placeholder-row.access-denied{background-color:#f8d7da;color:#dc3545}.placeholder-row.missing{background-color:#fff3cd;color:#ffc107}.placeholder-row.error{background-color:#f8d7da;color:#dc3545}.td-placeholder-message{font-weight:500;text-align:left}.placeholder-icon{margin-right:.5rem;vertical-align:middle}:global(.dark-mode) .toggle-all-button{background-color:#444;border-color:#666;color:#ccc}:global(.dark-mode) .toggle-all-button:hover{background-color:#555}:global(.dark-mode) .report-table-container{background-color:#2c2c2c;border-color:#444}:global(.dark-mode) .report-table thead{background-color:#333}:global(.dark-mode) .report-table th{background-color:#333;border-bottom-color:#555;color:#ccc}:global(.dark-mode) .report-table th:hover{background-color:#444}:global(.dark-mode) .sort-icon{color:#66bfff}:global(.dark-mode) .report-table td{border-bottom-color:#444}:global(.dark-mode) .report-table tbody tr:hover{background-color:#383838}:global(.dark-mode) .expanded-row{background-color:#3a3a3a!important}:global(.dark-mode) .expanded-row td{border-bottom-color:#555}:global(.dark-mode) .detail-title{color:#f0f0f0}:global(.dark-mode) .detail-description p{color:#dcdcdc}:global(.dark-mode) .meta-label{color:#aaa}:global(.dark-mode) .meta-value{color:#dcdcdc}:global(.dark-mode) .category-value{background-color:#444;color:#ccc}:global(.dark-mode) .notes-value{color:#ccc}:global(.dark-mode) .meta-tag{background-color:#555;color:#ccc}:global(.dark-mode) .date-display{color:#e0e0e0}:global(.dark-mode) .time-display{color:#aaa}:global(.dark-mode) .report-type-badge{background-color:#444;color:#ccc}:global(.dark-mode) .status-badge{border:1px solid #ffffff1a}:global(.dark-mode) .status-open{background-color:#1e7e34;color:#c3e6cb}:global(.dark-mode) .status-closed{background-color:#721c24;color:#f5c6cb}:global(.dark-mode) .status-active{background-color:#004085;color:#b8daff}:global(.dark-mode) .status-unsolved{background-color:#856404;color:#ffeeba}:global(.dark-mode) .amber-alert{background-color:#856404;color:#ffeeba}:global(.dark-mode) .silver-alert{background-color:#383d41;color:#d6d8db}:global(.dark-mode) .expand-button{background-color:#444;color:#aaa}:global(.dark-mode) .expand-button:hover{background-color:#555;color:#ccc}:global(.dark-mode) .view-button{background-color:#005cbf}:global(.dark-mode) .view-button:hover{background-color:#004c9a}:global(.dark-mode) .remove-button{background-color:#a61d24}:global(.dark-mode) .remove-button:hover{background-color:#8b181f}:global(.dark-mode) .remove-button:disabled{background-color:#555}:global(.dark-mode) .no-reports-row{color:#aaa}:global(.dark-mode) .placeholder-row{background-color:#3a3a3a;color:#aaa}:global(.dark-mode) .placeholder-row.access-denied{background-color:#4d2121;color:#ff7875}:global(.dark-mode) .placeholder-row.missing{background-color:#5c4a1d;color:#ffc53d}:global(.dark-mode) .placeholder-row.error{background-color:#4d2121;color:#ff7875}.le-case-detail-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0 auto;max-width:1600px;padding:0;width:100%}.top-navigation{align-items:center;background-color:#fff;border-bottom:1px solid #ddd;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.5rem 1rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.navigation-links{gap:1rem}.back-link,.navigation-links{align-items:center;display:flex}.back-link{color:#007bff;font-weight:500;text-decoration:none}.back-link:hover{text-decoration:underline}.original-view-link{align-items:center;background-color:#f8f9fa;border:1px solid #ced4da;border-radius:4px;color:#6c757d;display:flex;font-size:.9rem;font-weight:500;padding:.35rem .75rem;text-decoration:none}.original-view-link:hover{background-color:#e9ecef;text-decoration:none}.command-bar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.command-bar-section{align-items:center;display:flex;gap:.5rem}.command-bar-section label{font-size:.9rem;font-weight:600;white-space:nowrap}.command-bar-section select{border:1px solid #ccc;border-radius:4px;font-size:.9rem;min-width:140px;padding:.35rem .5rem}.command-bar-actions{display:flex;gap:.5rem}.command-btn{align-items:center;background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:.35rem;padding:.35rem .75rem}.command-btn:hover{background-color:#0069d9}.case-title{border-bottom:2px solid #ff4500;color:#333;font-size:1.75rem;margin:.5rem 0 1.5rem;padding:0 1rem .5rem}.case-content-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr;margin-bottom:1.5rem;padding:0 1rem}.panel{background-color:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.panel-title{background-color:#f8f9fa;border-bottom:1px solid #eee;color:#333;font-size:1.2rem;font-weight:600;margin:0;padding:.75rem 1rem}.panel-content{padding:1rem}.case-details-panel{grid-column:1}.case-metadata{margin-bottom:1rem}.case-id{background-color:#f8f9fa;border-radius:3px;font-family:monospace;font-size:.9rem;margin-bottom:.5rem;padding:.25rem .5rem}.case-status-display{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.case-priority,.case-status{align-items:center;background-color:#f8f9fa;border-radius:4px;display:flex;justify-content:space-between;padding:.5rem}.case-status{border-left:4px solid #ccc}.priority-label,.status-label{font-size:.9rem;font-weight:600}.priority-value,.status-value{background-color:#0000000d;border-radius:12px;font-weight:500;padding:.25rem .75rem}.case-status.status-new{border-color:#28a745}.case-status.status-active{border-color:#007bff}.case-status.status-under-investigation{border-color:#17a2b8}.case-status.status-pending-review{border-color:#ffc107}.case-status.status-cold-case{border-color:#6c757d}.case-status.status-closed-solved{border-color:#dc3545}.case-status.status-closed-unsolved{border-color:#6c757d}.case-status.status-archived{border-color:#343a40}.case-priority{align-items:center;background:none;border-left:4px solid #ccc;display:flex;justify-content:flex-end;padding-right:1rem}.priority-dot{background:none!important;display:inline-block;margin-left:auto;margin-right:0;min-width:1.5em;padding:0;text-align:right}.case-priority.priority-low{border-color:#28a745}.case-priority.priority-medium{border-color:#ffc107}.case-priority.priority-high{border-color:#fd7e14}.case-priority.priority-urgent{border-color:#dc3545}.case-priority.priority-none{border-color:#6c757d}.description-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:.5rem;padding-bottom:.25rem}.description-header h3{font-size:1rem;margin:0}.legend-button{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;color:#495057;cursor:pointer;font-size:.85rem;padding:.25rem .5rem}.legend-button:hover{background-color:#e9ecef}.legend-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:none;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:99999}.legend-modal-overlay.visible{display:flex!important;opacity:1!important}.legend-modal-content{background-color:#fff;border-radius:6px;box-shadow:0 4px 6px #0000001a;color:#222;max-height:90vh;max-width:600px;overflow-y:auto;padding:1.5rem;width:90%;z-index:100000}.legend-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.legend-modal-header h3{font-size:1.25rem;margin:0}.legend-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;width:30px}.legend-modal-close:hover{background-color:#f8f9fa;color:#343a40}.legend-columns{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.legend-column h4{border-bottom:1px solid #eee;font-size:1rem;margin-bottom:.75rem;margin-top:0;padding-bottom:.25rem}.legend-modal-item{align-items:center;display:flex;margin-bottom:.5rem}.legend-modal-color-swatch{border-radius:4px;box-shadow:0 1px 3px #0000001a;height:20px;margin-right:.75rem;width:20px}.legend-modal-priority-indicator{font-size:1.25rem;margin-right:.75rem;text-align:center;width:20px}@media (max-width:576px){.legend-columns{gap:1rem;grid-template-columns:1fr}.legend-column:not(:last-child){border-bottom:1px solid #eee;padding-bottom:1rem}}.case-timeline-panel{grid-column:2}.case-management-panel{display:flex;flex-direction:column;gap:1.5rem;grid-column:3}.section-title{border-bottom:1px solid #eee;font-size:1rem;margin:0 0 .75rem;padding-bottom:.25rem}.case-number-list,.officer-list,.tag-list{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}.case-number-item,.officer-item,.tag-item{align-items:center;background-color:#f0f0f0;border-radius:16px;display:flex;font-size:.9rem;gap:.35rem;padding:.35rem .75rem}.remove-item-button{align-items:center;background:none;border:none;color:#777;cursor:pointer;display:flex;font-size:1.1rem;height:18px;justify-content:center;line-height:1;padding:0;width:18px}.remove-item-button:hover{color:#dc3545}.add-item-form{display:flex;gap:.5rem;margin-top:.75rem}.add-item-input{border:1px solid #ccc;border-radius:4px;flex:1 1}.add-item-button,.add-item-input{font-size:.9rem;padding:.4rem .75rem}.add-item-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer}.add-item-button:hover{background-color:#0069d9}.add-item-button:disabled{background-color:#adb5bd;cursor:not-allowed}.no-items-message{color:#6c757d;font-size:.9rem;font-style:italic}.tabbed-content{background-color:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a;margin:1rem;overflow:hidden}.tabs-navigation{background-color:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;overflow-x:auto}.tab-button{color:#495057;font-size:.95rem;font-weight:500;padding:.75rem 1.25rem;white-space:nowrap}.tab-button:hover{background-color:#007bff0d;color:#007bff}.tab-button.active{background-color:#007bff;border-bottom-color:#007bff;color:#fff}.tab-content{max-height:none!important;overflow-y:visible!important;padding:1.5rem}.reports-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.reports-header h2{font-size:1.4rem;margin:0}.reports-tools{gap:1rem}.reports-tools,.search-filter{align-items:center;display:flex}.search-filter{gap:.5rem}.search-icon{color:#6c757d;left:.75rem}.search-input{padding:.4rem .75rem .4rem 2.25rem;width:250px}.filter-button,.search-input{border:1px solid #ced4da;border-radius:4px;font-size:.9rem}.filter-button{align-items:center;background-color:#f8f9fa;cursor:pointer;display:flex;gap:.5rem;padding:.4rem .75rem}.view-toggle{border:1px solid #ced4da;border-radius:4px;overflow:hidden}.view-toggle-btn{align-items:center;background-color:#f8f9fa;border:none;border-right:1px solid #ced4da;cursor:pointer;display:flex;justify-content:center;padding:.4rem .75rem}.view-toggle-btn:last-child{border-right:none}.view-toggle-btn.active{background-color:#007bff;color:#fff}.reports-card-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));max-height:none!important;overflow-y:visible!important}.report-grid-item{position:relative}.remove-report-button{background-color:#dc3545e6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:.25rem .5rem;position:absolute;right:8px;top:8px;transition:background-color .2s;z-index:10}.remove-report-button:hover{background-color:#c82333}.no-reports-message{background-color:#f8f9fa;border-radius:4px;color:#6c757d;font-style:italic;padding:2rem;text-align:center}.notes-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.notes-header h2{font-size:1.4rem;margin:0}.notes-search{align-items:center;display:flex;position:relative}.notes-search-input{border:1px solid #ced4da;border-radius:4px;font-size:.9rem;padding:.4rem .75rem .4rem 2.25rem;width:300px}.notes-list{list-style:none;margin:0 0 1.5rem;padding:0}.note-item{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;margin-bottom:1rem;padding:1rem}.note-meta{color:#6c757d;display:flex;flex-wrap:wrap;font-size:.85rem;gap:1rem;margin-bottom:.5rem}.note-text{line-height:1.5;margin:0;white-space:pre-wrap}.note-visibility{color:#dc3545;font-style:italic}.empty-note{color:#6c757d;font-style:italic;padding:2rem;text-align:center}.add-note-form,.empty-note{background-color:#f8f9fa;border-radius:4px}.add-note-form{border:1px solid #e9ecef;padding:1rem}.note-textarea{border:1px solid #ced4da;border-radius:4px;font-family:inherit;font-size:.95rem;margin-bottom:1rem;padding:.75rem;resize:vertical;width:100%}.note-form-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.add-note-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.95rem;padding:.5rem 1rem}.add-note-button:hover{background-color:#0069d9}.add-note-button:disabled{background-color:#adb5bd;cursor:not-allowed}.visibility-toggle{align-items:center;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem}.le-loading{color:#6c757d;font-style:italic}.le-error,.le-loading{padding:1rem;text-align:center}.le-error{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#dc3545;margin:1rem 0}@media (max-width:1200px){.case-content-grid{grid-template-columns:1fr 1fr}.case-details-panel{grid-column:1}.case-timeline-panel{grid-column:2}.case-management-panel{grid-column:1/span 2;margin-top:1rem}.reports-card-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width:768px){.case-content-grid{grid-template-columns:1fr}.case-details-panel,.case-management-panel,.case-timeline-panel{grid-column:1}.command-bar{align-items:flex-start;flex-direction:column}.command-bar-section,.command-bar-section select{width:100%}.command-bar-actions{justify-content:space-between;width:100%}.reports-header{gap:1rem}.reports-header,.reports-tools{align-items:flex-start;flex-direction:column}.reports-tools,.search-filter,.search-input{width:100%}.reports-card-grid{grid-template-columns:1fr}}.placeholder-card{background-color:#f8f9fa;border:1px dashed #ced4da;border-radius:6px;color:#6c757d;justify-content:center;min-height:200px;padding:1rem;text-align:center}.placeholder-card,.placeholder-content{align-items:center;display:flex;flex-direction:column}.placeholder-content{gap:.5rem;margin-bottom:1rem}.placeholder-content svg{font-size:2rem;margin-bottom:.5rem}.placeholder-content p{font-weight:500;margin:0}.placeholder-content small{font-family:monospace;font-size:.8rem}.report-grid-item.placeholder-card{display:flex;flex-direction:column;justify-content:space-between;position:relative}.report-grid-item.placeholder-card .remove-report-button{align-self:center;margin-top:auto;position:static}:global(.dark-mode) .le-case-detail-page{background-color:#1a1a1a;color:#e0e0e0}:global(.dark-mode) .top-navigation{background-color:#2c2c2c;border-bottom-color:#444;box-shadow:0 2px 4px #0003}:global(.dark-mode) .back-link{color:#66bfff}:global(.dark-mode) .back-link:hover{color:#99d6ff}:global(.dark-mode) .original-view-link{background-color:#3a3a3a;border-color:#555;color:#ccc}:global(.dark-mode) .original-view-link:hover{background-color:#4a4a4a}:global(.dark-mode) .command-bar-section label{color:#ccc}:global(.dark-mode) .command-bar-section select{background-color:#333;border-color:#555;color:#e0e0e0}:global(.dark-mode) .command-btn{background-color:#005cbf}:global(.dark-mode) .command-btn:hover{background-color:#004c9a}:global(.dark-mode) .case-title{border-bottom-color:#ff6a33;color:#f5f5f5}:global(.dark-mode) .panel{background-color:#2c2c2c;border:1px solid #444;box-shadow:0 1px 3px #0006}:global(.dark-mode) .panel-title{background-color:#333;border-bottom-color:#444;color:#f0f0f0}:global(.dark-mode) .case-id{background-color:#3a3a3a;color:#ccc}:global(.dark-mode) .case-priority,:global(.dark-mode) .case-status{background-color:#3a3a3a}:global(.dark-mode) .priority-label,:global(.dark-mode) .status-label{color:#ccc}:global(.dark-mode) .priority-value,:global(.dark-mode) .status-value{background-color:#ffffff1a;color:#e0e0e0}:global(.dark-mode) .case-status.status-new{border-color:#40a9ff}:global(.dark-mode) .case-status.status-active{border-color:#69c0ff}:global(.dark-mode) .case-status.status-under-investigation{border-color:#5cdbd3}:global(.dark-mode) .case-status.status-pending-review{border-color:#ffc53d}:global(.dark-mode) .case-status.status-cold-case{border-color:#8c8c8c}:global(.dark-mode) .case-status.status-closed-solved{border-color:#ff7875}:global(.dark-mode) .case-status.status-closed-unsolved{border-color:#8c8c8c}:global(.dark-mode) .case-status.status-archived{border-color:#595959}:global(.dark-mode) .case-priority.priority-low{border-color:#73d13d}:global(.dark-mode) .case-priority.priority-medium{border-color:#ffc53d}:global(.dark-mode) .case-priority.priority-high{border-color:#ffa940}:global(.dark-mode) .case-priority.priority-urgent{border-color:#ff4d4f}:global(.dark-mode) .case-priority.priority-none{border-color:#888}:global(.dark-mode) .description-header{border-bottom-color:#444}:global(.dark-mode) .description-header h3{color:#f0f0f0}:global(.dark-mode) .legend-button{background-color:#444;border-color:#666;color:#ccc}:global(.dark-mode) .legend-button:hover{background-color:#555}:global(.dark-mode) .legend-modal-content{background-color:#3a3a3a;color:#e0e0e0}:global(.dark-mode) .legend-modal-close{color:#aaa}:global(.dark-mode) .legend-modal-close:hover{color:#fff}:global(.dark-mode) .legend-modal-header h3{color:#f0f0f0}:global(.dark-mode) .legend-column h4{border-bottom-color:#555;color:#ccc}:global(.dark-mode) .legend-modal-color-swatch{border-color:#fff3}:global(.dark-mode) .legend-modal-status-name{color:#e0e0e0}:global(.dark-mode) .legend-modal-priority-explanation{border-top-color:#555;color:#aaa}:global(.dark-mode) .section-title{border-bottom-color:#444;color:#f0f0f0}:global(.dark-mode) .case-number-item,:global(.dark-mode) .officer-item,:global(.dark-mode) .tag-item{background-color:#444;color:#ccc}:global(.dark-mode) .remove-item-button{color:#aaa}:global(.dark-mode) .remove-item-button:hover{color:#ff7875}:global(.dark-mode) .add-item-input{background-color:#333;border-color:#555;color:#e0e0e0}:global(.dark-mode) .add-item-button{background-color:#005cbf}:global(.dark-mode) .add-item-button:hover{background-color:#004c9a}:global(.dark-mode) .add-item-button:disabled{background-color:#555}:global(.dark-mode) .no-items-message{color:#aaa}:global(.dark-mode) .tabbed-content{background-color:#2c2c2c;border:1px solid #444}:global(.dark-mode) .tabs-navigation{background-color:#333;border-bottom-color:#444}:global(.dark-mode) .tab-button{color:#aaa}:global(.dark-mode) .tab-button:hover{background-color:#66bfff1a;color:#66bfff}:global(.dark-mode) .tab-button.active{background-color:#005cbf;border-bottom-color:#005cbf;color:#fff}:global(.dark-mode) .reports-header h2{color:#f0f0f0}:global(.dark-mode) .search-icon{color:#aaa}:global(.dark-mode) .search-input{background-color:#333;border-color:#555;color:#e0e0e0}:global(.dark-mode) .filter-button{background-color:#444;border-color:#666;color:#ccc}:global(.dark-mode) .view-toggle{border-color:#666}:global(.dark-mode) .view-toggle-btn{background-color:#444;border-right-color:#666;color:#ccc}:global(.dark-mode) .view-toggle-btn.active{background-color:#005cbf;color:#fff}:global(.dark-mode) .remove-report-button{background-color:#a61d24e6}:global(.dark-mode) .remove-report-button:hover{background-color:#a61d24}:global(.dark-mode) .no-reports-message{background-color:#3a3a3a;color:#aaa}:global(.dark-mode) .notes-header h2{color:#f0f0f0}:global(.dark-mode) .notes-search-input{background-color:#333;border-color:#555;color:#e0e0e0}:global(.dark-mode) .note-item{background-color:#3a3a3a;border-color:#555}:global(.dark-mode) .note-meta{color:#aaa}:global(.dark-mode) .note-text{color:#dcdcdc}:global(.dark-mode) .note-visibility{color:#ff7875}:global(.dark-mode) .empty-note{background-color:#3a3a3a;color:#aaa}:global(.dark-mode) .add-note-form{background-color:#3a3a3a;border-color:#555}:global(.dark-mode) .note-textarea{background-color:#333;border-color:#555;color:#e0e0e0}:global(.dark-mode) .add-note-button{background-color:#005cbf}:global(.dark-mode) .add-note-button:hover{background-color:#004c9a}:global(.dark-mode) .add-note-button:disabled{background-color:#555}:global(.dark-mode) .visibility-toggle{color:#ccc}:global(.dark-mode) .le-loading{color:#aaa}:global(.dark-mode) .le-error{background-color:#4d2121;border-color:#a61d24;color:#ff7875}:global(.dark-mode) .placeholder-card{background-color:#3a3a3a;border-color:#555;color:#aaa}.dark-mode .le-case-detail-page{background-color:#1a1a1a;color:#e0e0e0}.dark-mode .le-case-detail-header{background-color:#2c2c2c;border-color:#444}.dark-mode .le-case-detail-title{color:#f0f0f0}.dark-mode .le-case-detail-subtitle{color:#b0b0b0}.dark-mode .le-case-status{border-color:#ffffff1a}.dark-mode .le-case-detail-actions .action-button,.dark-mode .le-case-detail-actions button{background-color:#444;border-color:#555;color:#e0e0e0}.dark-mode .le-case-detail-actions .action-button:hover,.dark-mode .le-case-detail-actions button:hover{background-color:#555}.dark-mode .le-case-detail-actions .primary-action{background-color:#ff6a33;color:#fff}.dark-mode .le-case-detail-actions .primary-action:hover{background-color:#ff8a5c}.dark-mode .le-case-detail-tabs{border-bottom-color:#444}.dark-mode .le-case-tab{color:#aaa}.dark-mode .le-case-tab:hover{background-color:#3a3a3a;color:#e0e0e0}.dark-mode .le-case-tab.active{border-bottom-color:#ff6a33;color:#ff6a33}.dark-mode .le-case-detail-content{background-color:#2c2c2c;border-color:#444}.dark-mode .le-case-section-title{border-bottom-color:#444;color:#f0f0f0}.dark-mode .le-case-comment,.dark-mode .le-case-note{background-color:#333;border-color:#444}.dark-mode .le-case-comment-header,.dark-mode .le-case-note-header{border-bottom-color:#444}.dark-mode .le-case-comment-author,.dark-mode .le-case-note-author{color:#e0e0e0}.dark-mode .le-case-comment-timestamp,.dark-mode .le-case-note-timestamp{color:#aaa}.dark-mode .le-case-comment-content,.dark-mode .le-case-note-content{color:#dcdcdc}.dark-mode .le-case-form input,.dark-mode .le-case-form select,.dark-mode .le-case-form textarea{background-color:#333;border-color:#555;color:#e0e0e0}.dark-mode .le-case-form input:focus,.dark-mode .le-case-form select:focus,.dark-mode .le-case-form textarea:focus{border-color:#ff6a33;box-shadow:0 0 0 2px #ff6a3333}.dark-mode .le-case-form label{color:#ccc}.dark-mode .le-evidence-item{background-color:#333;border-color:#444}.dark-mode .le-evidence-item-header{border-bottom-color:#444}.dark-mode .le-evidence-item-title{color:#e0e0e0}.dark-mode .le-evidence-item-meta{color:#aaa}.dark-mode .le-timeline-item{border-left-color:#444}.dark-mode .le-timeline-item:before{background-color:#ff6a33;border-color:#2c2c2c}.dark-mode .le-timeline-date{color:#aaa}.dark-mode .le-timeline-content{background-color:#333;border-color:#444}.dark-mode .le-timeline-title{color:#e0e0e0}.dark-mode .le-task-item{background-color:#333;border-color:#444}.dark-mode .le-task-item.completed{background-color:#2a3a2a;border-left-color:#52c41a}.dark-mode .le-task-item.overdue{background-color:#3a2a2a;border-left-color:#f5222d}.dark-mode .le-task-checkbox{border-color:#666}.dark-mode .le-task-checkbox.checked{background-color:#52c41a;border-color:#52c41a}.dark-mode .le-task-title{color:#e0e0e0}.dark-mode .le-task-title.completed{color:#aaa;text-decoration:line-through}.dark-mode .le-task-due-date{color:#aaa}.dark-mode .le-task-due-date.overdue{color:#ff7875}.dark-mode .le-case-map-container{border-color:#444}.dark-mode .le-map-legend{background-color:#2c2c2ce6;border-color:#555;color:#e0e0e0}.dark-mode .le-case-loading{color:#aaa}.dark-mode .le-case-error{background-color:#ff4d4f1a;border-color:#ff4d4f33;color:#ff7875}.dark-mode .le-case-empty{background-color:#333;border-color:#444;color:#aaa}.admin-dashboard{background-color:#f5f7fb;display:flex;min-height:100vh}.admin-dashboard__sidebar{background-color:#2c3e50;color:#fff;display:flex;flex-direction:column;height:100vh;position:fixed;width:280px;z-index:10}.admin-dashboard__sidebar-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1.5rem}.admin-dashboard__sidebar-header h2{font-size:1.5rem;font-weight:600;margin:0}.admin-dashboard__mobile-menu-toggle{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:1.25rem}.admin-dashboard__navigation{flex:1 1;overflow-y:auto;padding:1rem 0}.admin-dashboard__navigation ul{list-style:none;margin:0;padding:0}.admin-dashboard__navigation li{margin-bottom:.5rem}.admin-dashboard__menu-button{background:none;border:none;color:#ffffffb3;cursor:pointer;display:block;font-size:1rem;padding:.75rem 1.5rem;position:relative;text-align:left;transition:all .2s;width:100%}.admin-dashboard__menu-button:hover:not(:disabled){background-color:#ffffff1a;color:#fff}.admin-dashboard__menu-button--active{background-color:#ffffff26;border-left:3px solid #ff4500;color:#fff}.admin-dashboard__menu-item--disabled .admin-dashboard__menu-button{cursor:not-allowed;opacity:.5}.admin-dashboard__coming-soon{background-color:#fff3;border-radius:3px;font-size:.7rem;padding:.2rem .5rem;position:absolute;right:1rem}.admin-dashboard__sidebar-footer{border-top:1px solid #ffffff1a;padding:1.5rem}.admin-dashboard__back-button{background:#ffffff1a;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.75rem;transition:background-color .2s;width:100%}.admin-dashboard__back-button:hover{background-color:#fff3}.admin-dashboard__content{flex:1 1;margin-left:280px;padding:2rem}.admin-dashboard__content-wrapper{margin:0 auto;max-width:1200px}@media (max-width:768px){.admin-dashboard__sidebar{width:75px}.admin-dashboard__sidebar-header h2{display:none}.admin-dashboard__mobile-menu-toggle{display:block}.admin-dashboard__navigation{display:none}.admin-dashboard__navigation--open{background-color:#2c3e50;box-shadow:5px 0 15px #0003;display:block;height:100vh;left:75px;position:absolute;top:0;width:250px}.admin-dashboard__content{margin-left:75px;padding:1rem}.admin-dashboard__sidebar-footer{display:none}}@media (max-width:480px){.admin-dashboard__sidebar{width:60px}.admin-dashboard__navigation--open{left:60px}.admin-dashboard__content{margin-left:60px;padding:.75rem}}@media (max-width:768px){.admin-dashboard{position:relative}.admin-dashboard__sidebar{height:100vh;left:-280px;position:fixed;transition:left .3s ease;width:280px;z-index:1000}.admin-dashboard__sidebar--open{left:0}.admin-dashboard__mobile-menu-btn{align-items:center;background:#2c3e50;border:none;border-radius:4px;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;display:flex;gap:.5rem;left:1rem;padding:.75rem;position:fixed;top:1rem;z-index:1001}.admin-dashboard__overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}.admin-dashboard__overlay--visible{display:block}.admin-dashboard__content{margin-left:0!important;min-height:100vh;padding:4rem 1rem 1rem;width:100%}.admin-dashboard__navigation,.admin-dashboard__sidebar-footer{display:block!important}.admin-dashboard__sidebar-header{padding:1rem}.admin-dashboard__sidebar-header h2{display:block!important;font-size:1.25rem}.admin-dashboard__close-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:1.5rem;padding:.5rem}.admin-dashboard__content-wrapper{max-width:100%;overflow-x:auto}.admin-table{-webkit-overflow-scrolling:touch;display:block;font-size:.875rem;overflow-x:auto}.admin-table td,.admin-table th{padding:.5rem;white-space:nowrap}.admin-stats-grid{gap:1rem;grid-template-columns:1fr!important}.admin-modal{margin:1rem;max-height:calc(100vh - 2rem);overflow-y:auto}.admin-form input,.admin-form select,.admin-form textarea{font-size:16px;width:100%}.admin-button-group{flex-wrap:wrap;gap:.5rem}.admin-button-group button{flex:1 1;min-width:100px}}@media (max-width:480px){.admin-dashboard__mobile-menu-btn{font-size:.875rem;left:.5rem;padding:.5rem;top:.5rem}.admin-dashboard__content{padding:3.5rem .5rem 1rem}.admin-dashboard__nav-item{font-size:.875rem}.admin-table{font-size:.75rem}.admin-table td,.admin-table th{padding:.25rem}.admin-modal{margin:.5rem;max-height:calc(100vh - 1rem)}.admin-stat-card{padding:1rem}.admin-stat-card h3{font-size:.875rem}.admin-stat-card .stat-value{font-size:1.5rem}}.admin-component-container{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}.analytics-container,.moderation-queue-container,.reports-management-container,.user-management-table-container{overflow-x:auto;width:100%}.admin-hide-mobile{display:none!important}@media (min-width:769px){.admin-hide-mobile{display:inline!important;display:initial!important}.admin-dashboard__mobile-menu-btn{display:none!important}}.locked-accounts-manager{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);padding:var(--space-lg)}.locked-accounts-manager__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-lg)}.locked-accounts-manager__title{align-items:center;color:var(--color-text);display:flex;font-size:1.25rem;gap:var(--space-sm);margin:0}.locked-accounts-manager__title svg{color:var(--color-danger)}.locked-accounts-manager__refresh-btn{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.locked-accounts-manager__refresh-btn:hover{background:var(--color-bg-tertiary)}.locked-accounts-manager__error,.locked-accounts-manager__success{align-items:center;border-radius:var(--radius-base);display:flex;gap:var(--space-sm);margin-bottom:var(--space-md);padding:var(--space-md)}.locked-accounts-manager__error{background:#dc35451a;border:1px solid #dc354533;color:var(--color-danger)}.locked-accounts-manager__success{background:#28a7451a;border:1px solid #28a74533;color:var(--color-success)}.locked-accounts-manager__empty{color:var(--color-text-secondary);padding:var(--space-xl);text-align:center}.locked-accounts-manager__table{border-collapse:collapse;width:100%}.locked-accounts-manager__table td,.locked-accounts-manager__table th{border-bottom:1px solid var(--color-border);padding:var(--space-md);text-align:left}.locked-accounts-manager__table th{background:var(--color-bg-secondary);color:var(--color-text);font-weight:var(--font-weight-medium)}.locked-accounts-manager__table td{color:var(--color-text)}.locked-accounts-manager__table tr:hover{background:var(--color-bg-hover)}.locked-accounts-manager__unlock-btn{align-items:center;background:var(--color-success);border:none;border-radius:var(--radius-base);color:var(--color-text-inverse)!important;cursor:pointer;display:flex;font-size:.9rem;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);transition:all var(--transition-base)}.locked-accounts-manager__unlock-btn:hover{background:#218838}.locked-accounts-manager__unlock-btn:disabled{cursor:not-allowed;opacity:.6}.locked-accounts-manager__info{border-radius:var(--radius-base);color:var(--color-text-secondary);font-size:.9rem;margin-top:var(--space-lg);padding:var(--space-md)}.locked-accounts-manager__info,body.dark-mode .locked-accounts-manager{background:var(--color-bg-secondary)}@media (max-width:768px){.locked-accounts-manager__table{font-size:.85rem}.locked-accounts-manager__table td,.locked-accounts-manager__table th{padding:var(--space-sm)}.locked-accounts-manager__header{align-items:stretch;flex-direction:column;gap:var(--space-md)}}.admin-overview h1{color:#333;margin-bottom:1.5rem;margin-top:0}.admin-welcome{margin-bottom:2rem}.admin-welcome-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;padding:1.5rem}.admin-welcome-card h2{color:#2c3e50;margin-top:0}.admin-welcome-card p{color:#555;line-height:1.6}.admin-quick-links h3{color:#333;margin-bottom:1rem}.admin-links-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.admin-link-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;padding:1.5rem;position:relative}.admin-link-card h4{color:#2c3e50;margin-top:0}.admin-link-card p{color:#555;margin-bottom:1.5rem;min-height:3em}.admin-link-card a{color:#ff4500;display:inline-block;font-weight:500;text-decoration:none}.admin-link-card a:hover{text-decoration:underline}.admin-link-card.active{border-top:3px solid #ff4500}.admin-link-card.disabled{opacity:.7}.coming-soon-label{bottom:1.5rem;color:#888;font-style:italic;position:absolute}@media (max-width:768px){.admin-links-grid{grid-template-columns:1fr}}.admin-security-section{margin-top:2rem}.admin-security-section h3{color:#333;font-size:1.5rem;margin-bottom:1rem}body.dark-mode .admin-security-section h3{color:var(--color-text)}.ai-analytics-dashboard{width:100%}.ai-analytics-dashboard h1{color:#333;margin-bottom:1.5rem;margin-top:0}.analytics-overview{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;margin-bottom:1.5rem;padding:1.5rem}.analytics-description{color:#555;line-height:1.6;margin:0}.analytics-summary{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.analytics-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;padding:1.5rem;text-align:center}.analytics-card h3{color:#555;font-size:1rem;font-weight:500;margin-bottom:1rem;margin-top:0}.analytics-number{color:#2c3e50;font-size:2.5rem;font-weight:700;margin:0}.analytics-label{color:#888;font-size:.8rem;margin:.5rem 0 0}.analytics-percent{font-size:1.2rem;font-weight:600;margin:.5rem 0 0}.analytics-percent.positive{color:#4caf50}.analytics-percent.neutral{color:#ff9800}.analytics-percent.negative{color:#f44336}.analytics-chart-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;margin-bottom:1.5rem;padding:1.5rem}.analytics-chart-container h3{color:#333;margin-bottom:1rem;margin-top:0}.analytics-chart{background-color:#f5f5f5;border-radius:4px;display:flex;height:30px;margin-bottom:1rem;overflow:hidden}.chart-bar{align-items:center;color:#fff;display:flex;font-size:.9rem;font-weight:500;height:100%;justify-content:center;transition:width .5s ease-out}.chart-bar.helpful{background-color:#4caf50}.chart-bar.partial{background-color:#ff9800}.chart-bar.not-helpful{background-color:#f44336}.chart-legend{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:1rem}.legend-item{align-items:center;display:flex}.legend-color{border-radius:3px;height:16px;margin-right:.5rem;width:16px}.legend-color.helpful{background-color:#4caf50}.legend-color.partial{background-color:#ff9800}.legend-color.not-helpful{background-color:#f44336}.legend-label{color:#555;font-size:.9rem}.analytics-updated{color:#888;font-size:.8rem;text-align:right}.analytics-updated p{margin:0}.analytics-empty,.analytics-error,.analytics-loading{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;padding:3rem;text-align:center}.analytics-error{background-color:#ffebee;color:#f44336}.analytics-empty{color:#607d8b}@media (max-width:768px){.analytics-summary{grid-template-columns:1fr}}.health-check{margin:0 auto;max-width:800px;padding:20px}.health-check h1{color:#333;margin-bottom:15px}.health-check__actions{margin:30px 0}.health-check__run-button{background-color:#2c6ecf;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:12px 20px;transition:background-color .3s}.health-check__run-button:hover:not(:disabled){background-color:#1e5bb0}.health-check__run-button:disabled{background-color:#8eaddb;cursor:not-allowed}.health-check__loading-indicator{align-items:center;display:flex;flex-direction:column;margin:30px 0}.health-check__spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-radius:50%;border-top-color:#2c6ecf;height:40px;margin-bottom:15px;width:40px}.health-check__error{background-color:#fceded;border-left:4px solid #d73a49;border-radius:4px;margin:20px 0;padding:15px}.health-check__results{background-color:#f9f9f9;border-radius:8px;margin:20px 0;padding:20px}.health-check__result-item{border-bottom:1px solid #eee;display:flex;margin-bottom:20px;padding-bottom:20px}.health-check__result-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.health-check__status-indicator{border-radius:50%;height:20px;margin-right:15px;margin-top:3px;width:20px}.health-check__status-indicator--success{background-color:#28a745}.health-check__status-indicator--failure{background-color:#dc3545}.health-check__result-details{flex:1 1}.health-check__result-details h4{color:#333;margin:0 0 10px}.health-check__result-details pre{background-color:#f1f1f1;border-radius:4px;font-size:13px;margin-top:10px;overflow-x:auto;padding:10px}@media (max-width:600px){.health-check{padding:15px}.health-check__result-item{flex-direction:column}.health-check__status-indicator{margin-bottom:10px}}.fix-reports{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:0 auto;max-width:800px;padding:20px}.fix-reports h2{color:#333;font-size:24px;margin-bottom:10px}.fix-reports p{color:#666;margin-bottom:20px}.fix-reports p code{background:#f0f0f0;border-radius:4px;padding:2px 4px}.fix-reports__button{background:#4285f4;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:opacity .2s}.fix-reports__button:disabled{cursor:not-allowed;opacity:.7}.fix-reports__status{background:#e8f5e9;border:1px solid #c8e6c9;border-radius:4px;color:#2e7d32;font-family:monospace;margin-top:20px;padding:15px;white-space:pre-wrap}.fix-reports__error{background:#ffebee;border:1px solid #ffcdd2;border-radius:4px;color:#d32f2f;margin-top:20px;padding:15px}.deleted-reports{padding:2rem}.deleted-reports h2{color:#333;font-size:1.8rem;margin-bottom:1.5rem}.deleted-reports__grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.deleted-reports__card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.deleted-reports__image{background-color:#f5f5f5;height:200px;width:100%}.deleted-reports__image img{height:100%;object-fit:cover;width:100%}.deleted-reports__no-image{align-items:center;color:#777;display:flex;height:100%;justify-content:center;width:100%}.deleted-reports__info{padding:1rem}.deleted-reports__info h3{color:#333;font-size:1.2rem;margin-bottom:.5rem}.deleted-reports__info p{color:#555;font-size:.9rem;margin-bottom:.5rem}.deleted-reports__delete-btn{align-items:center;background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;gap:.5rem;margin-top:.5rem;padding:.5rem 1rem;transition:background-color .2s}.deleted-reports__delete-btn:hover{background-color:#c82333}.deleted-reports__loading-spinner{align-items:center;color:#666;display:flex;font-size:1.1rem;height:200px;justify-content:center}.deleted-reports__error-message{background-color:#ffebee;border-radius:8px;color:#c62828;padding:2rem;text-align:center}.deleted-reports__status{border-radius:20px;display:inline-block;font-size:.85rem;font-weight:500;padding:.35rem .75rem;text-transform:uppercase}.deleted-reports__status--open{background-color:#fff;border:1px solid #ddd;color:#000}.deleted-reports__status--closed{background-color:#28a745;color:#fff}.flagged-content-page{margin:0 auto;max-width:900px;padding:20px}.flagged-content-page h1{color:#333;margin-bottom:30px;text-align:center}.loading-spinner{color:#666;font-size:1.2em;padding:40px}.action-error-message,.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#dc3545;margin-bottom:20px;padding:10px 15px;text-align:center}.flagged-item-list{list-style:none;margin:0;padding:0}.flagged-item{background-color:#fff;border:1px solid #e0e0e0;border-radius:5px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;padding:15px 20px}.flagged-item hr{background-color:#eee;border:0;height:1px;margin:15px 0}.flagged-item-meta{color:#666;display:flex;flex-wrap:wrap;font-size:.9em;gap:10px;justify-content:space-between}.flagged-item-meta p{margin:0}.flagged-comment-details strong{color:#333}.flagged-comment-text-container{margin-bottom:10px;margin-top:10px}.flagged-comment-text{word-wrap:break-word;background-color:#f8f9fa;border:1px solid #eee;border-radius:4px;font-family:monospace;font-size:.95em;line-height:1.4;max-height:200px;overflow-y:auto;padding:10px;white-space:pre-wrap}.flagged-item-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.admin-action-button{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9em;padding:8px 15px;transition:background-color .2s ease}.dismiss-button{background-color:#28a745}.dismiss-button:hover{background-color:#218838}.delete-comment-button{background-color:#dc3545}.delete-comment-button:hover{background-color:#c82333}@media (max-width:768px){.flagged-content-page{padding:15px}.flagged-content-page h1{font-size:1.5rem;margin-bottom:20px}.flagged-item{margin-bottom:15px;padding:12px 15px}.flagged-item-meta{flex-direction:column;font-size:.85em;gap:5px}.flagged-comment-text{font-size:.9em;max-height:150px;padding:8px}.flagged-item-actions{flex-direction:column;gap:8px;margin-top:12px}.admin-action-button{font-size:.95em;padding:10px 15px;width:100%}.loading-spinner{font-size:1.1em;padding:30px}.action-error-message,.error-message{font-size:.9em;margin-bottom:15px;padding:8px 12px}}@media (max-width:480px){.flagged-content-page{padding:10px}.flagged-content-page h1{font-size:1.25rem;margin-bottom:15px}.flagged-item{margin-bottom:12px;padding:10px 12px}.flagged-item hr{margin:10px 0}.flagged-comment-text{font-size:.85em;max-height:120px;padding:6px}.flagged-comment-text-container{margin-bottom:8px;margin-top:8px}.flagged-item-actions{margin-top:10px}.admin-action-button{font-size:.9em;padding:8px 12px}}.admin-categories-page{padding:1rem}.admin-categories-page .error-message,.admin-categories-page h2{margin-bottom:1rem}.admin-categories-page>button{background-color:#007bff;background-color:var(--primary-color,#007bff);border:none;border-radius:4px;color:#fff;cursor:pointer;margin-bottom:1rem;padding:.5rem 1rem}.admin-categories-page>button:hover{opacity:.9}.categories-table{border-collapse:collapse;margin-top:1rem;width:100%}.categories-table td,.categories-table th{border:1px solid #ddd;padding:8px;text-align:left}.categories-table th{background-color:#f2f2f2}.categories-table tr:nth-child(2n){background-color:#f9f9f9}.categories-table tr:hover{background-color:#f1f1f1}.categories-table td button{border:1px solid #ccc;border-radius:3px;cursor:pointer;font-size:.85em;padding:3px 8px}.categories-table td button.delete-category-btn{background-color:#d9534f;border-color:#d43f3a;color:#fff}.categories-table td button.delete-category-btn:hover{background-color:#c9302c;border-color:#ac2925}.dark-mode .admin-categories-page h2{color:#e4e6eb}.dark-mode .admin-categories-page>button{background-color:#4dabf7;background-color:var(--primary-color-dark,#4dabf7)}.dark-mode .categories-table{color:#e4e6eb}.dark-mode .categories-table td,.dark-mode .categories-table th{border-color:#4a4d50}.dark-mode .categories-table th{background-color:#2a2d34}.dark-mode .categories-table tr:nth-child(2n){background-color:#3a3b3c}.dark-mode .categories-table tr:hover{background-color:#4a4d50}.dark-mode .categories-table td button{background-color:#555;border-color:#666;color:#e4e6eb}.dark-mode .categories-table td button:hover{background-color:#666}.modal-backdrop{background-color:#00000080}.modal-content{border-radius:5px;max-width:90%;min-width:400px;padding:2rem}.modal-content h3{margin-bottom:1.5rem;margin-top:0}.admin-categories__form-group{margin-bottom:1rem}.admin-categories__form-group label{display:block;font-weight:700;margin-bottom:.5rem}.admin-categories__form-group input[type=number],.admin-categories__form-group input[type=text],.admin-categories__form-group select,.admin-categories__form-group textarea{border:1px solid #ccc;border-radius:4px;padding:.5rem;width:100%}.admin-categories__form-group textarea{min-height:80px;resize:vertical}.modal-actions{gap:.5rem;margin-top:1.5rem}.modal-actions button{padding:.5rem 1rem}.dark-mode .modal-content{background-color:#2a2d34;border:1px solid #4a4d50;color:#e4e6eb}.dark-mode .admin-categories__form-group label{color:#e4e6eb}.dark-mode .admin-categories__form-group input[type=number],.dark-mode .admin-categories__form-group input[type=text],.dark-mode .admin-categories__form-group select,.dark-mode .admin-categories__form-group textarea{background-color:#3a3b3c;border-color:#4a4d50;color:#e4e6eb}.dark-mode .modal-actions button[type=button]{background-color:#555;border-color:#666;color:#e4e6eb}.dark-mode .modal-actions button[type=button]:hover{background-color:#666}.dark-mode .modal-actions button[type=submit]{background-color:#4dabf7;background-color:var(--primary-color-dark,#4dabf7);border:none;color:#fff}.dark-mode .modal-actions button[type=submit]:hover{opacity:.9}.dark-mode .categories-table td button.delete-category-btn{background-color:#d9534f;border-color:#d43f3a;color:#fff}.dark-mode .categories-table td button.delete-category-btn:hover{background-color:#c9302c;border-color:#ac2925}@media (max-width:768px){.admin-categories-page{padding:.5rem}.admin-categories-page h2{font-size:1.5rem;margin-bottom:.75rem}.categories-table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto;white-space:nowrap}.categories-table td,.categories-table th{font-size:.875rem;padding:6px}.categories-table td button{font-size:.8em;padding:2px 6px}.modal-content{margin:.5rem;min-width:0;min-width:auto;padding:1rem;width:95%}.modal-content h3{font-size:1.25rem;margin-bottom:1rem}.admin-categories__form-group{margin-bottom:.75rem}.admin-categories__form-group label{font-size:.9rem;margin-bottom:.25rem}.admin-categories__form-group input[type=number],.admin-categories__form-group input[type=text],.admin-categories__form-group select,.admin-categories__form-group textarea{font-size:16px;padding:.375rem}.admin-categories__form-group textarea{min-height:60px}.modal-actions{flex-direction:column;gap:.75rem;margin-top:1rem}.modal-actions button{padding:.625rem 1rem;width:100%}}@media (max-width:480px){.admin-categories-page h2{font-size:1.25rem}.categories-table{font-size:.75rem}.categories-table td,.categories-table th{padding:4px}.modal-content{padding:.75rem}.modal-content h3{font-size:1.125rem}}.global-alert-manager{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px auto;max-width:600px;padding:20px}.global-alert-manager h2{color:#333;margin-bottom:20px;margin-top:0;text-align:center}.global-alert-manager__form-group{margin-bottom:15px}.global-alert-manager label{color:#555;display:block;font-weight:700;margin-bottom:5px}.global-alert-manager input[type=text],.global-alert-manager input[type=url]{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;padding:10px;width:100%}.global-alert-manager input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.global-alert-manager small{color:#666;display:block;font-size:.85em;margin-top:5px}.global-alert-manager__button-group{display:flex;justify-content:space-between;margin-top:20px}.global-alert-manager button{border:none;border-radius:4px;cursor:pointer;font-size:1em;padding:10px 20px;transition:background-color .2s ease}.global-alert-manager button[type=submit]{background-color:#28a745;color:#fff}.global-alert-manager button[type=submit]:hover{background-color:#218838}.global-alert-manager button[type=button]{background-color:#dc3545;color:#fff}.global-alert-manager button[type=button]:hover{background-color:#c82333}.global-alert-manager button:disabled{background-color:#ccc;cursor:not-allowed}.global-alert-manager__message{border-radius:4px;margin-bottom:15px;padding:10px;text-align:center}.global-alert-manager__message--success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.global-alert-manager__message--error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.admin-user-management-page{background-color:var(--color-bg-secondary);min-height:calc(100vh - 60px);padding:0}.admin-page-header{align-items:center;background-color:var(--color-bg);border-bottom:1px solid var(--color-border);box-shadow:0 1px 3px #0000000d;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1.5rem 2rem}.admin-page-header h1{color:var(--color-text);font-size:1.75rem;font-weight:600;margin:0}.header-actions{gap:.75rem}.view-toggle{align-items:center;background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all var(--transition-base)}.view-toggle:hover{background-color:var(--color-bg-hover);color:var(--color-text)}.view-toggle.active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.admin-controls{background-color:var(--color-bg);border-bottom:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:1.5rem;padding:1.5rem 2rem}.search-box{flex:1 1;min-width:300px}.search-icon{color:var(--color-text-muted);left:1rem;top:50%;transform:translateY(-50%)}.search-box input{font-size:.95rem;padding:.75rem 1rem .75rem 2.75rem;transition:all var(--transition-base)}.search-box input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.filter-group{gap:1rem}.filter-item{position:relative}.filter-icon{color:var(--color-text-muted);font-size:1rem;left:.875rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.filter-item select{-webkit-appearance:none;appearance:none;background-color:var(--color-bg);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23666' d='M10.293 3.293 6 7.586 1.707 3.293A1 1 0 0 0 .293 4.707l5 5a1 1 0 0 0 1.414 0l5-5a1 1 0 1 0-1.414-1.414z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:12px 12px;border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;font-size:.95rem;line-height:1.4;min-height:42px;padding:.75rem 2.5rem .75rem 2.75rem;transition:all var(--transition-base)}.filter-item select::-ms-expand{display:none}.filter-item select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.filter-item select option{font-size:.95rem;line-height:1.5;padding:.5rem}.admin-user-management-page .filter-item select{font-size:.95rem!important;line-height:1.4!important;min-height:42px!important;padding:.75rem 2.5rem .75rem 2.75rem!important}.users-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin:0 auto;max-width:1400px;padding:1rem}.admin-user-card{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);box-shadow:0 1px 2px #0000000d;cursor:pointer;display:flex;flex-direction:column;min-height:280px;overflow:hidden;transition:all var(--transition-base)}.admin-user-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.admin-user-card__header{align-items:center;background-color:var(--color-bg-tertiary);display:flex;gap:.5rem;padding:.75rem}.admin-user-card__avatar{border:2px solid var(--color-bg);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);flex-shrink:0;height:40px;object-fit:cover;width:40px}.admin-user-card__badges{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:.25rem}.admin-user-card__body{display:flex;flex:1 1;flex-direction:column;gap:.5rem;padding:.75rem}.admin-user-card__name{color:var(--color-text);font-size:.875rem;font-weight:600}.admin-user-card__email,.admin-user-card__name{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-user-card__email{color:var(--color-text-secondary);font-size:.75rem}.admin-user-card__stats{border-top:1px solid var(--color-border-light);display:flex;flex-direction:column;gap:.25rem;padding-top:.5rem}.stat-item{font-size:.6875rem}.stat-label{color:var(--color-text-muted);font-size:.625rem;letter-spacing:.3px}.stat-value{font-size:.6875rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-user-card__counts{grid-gap:.375rem;display:grid;gap:.375rem;grid-template-columns:repeat(3,1fr);padding-top:.5rem;text-align:center}.count-item{display:flex;flex-direction:column;gap:.25rem}.count-value{color:var(--color-text);font-size:.875rem;font-weight:600}.count-label{color:var(--color-text-muted);font-size:.625rem;letter-spacing:.3px;text-transform:uppercase}.admin-user-card__actions{background-color:var(--color-bg-tertiary);border-top:1px solid var(--color-border-light);display:flex;gap:.375rem;margin-top:auto;padding:.5rem .75rem}.role-badge,.status-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:.625rem;font-weight:500;gap:.25rem;letter-spacing:.5px;padding:.25rem .5rem;text-transform:uppercase;transition:all var(--transition-base)}.role-badge--admin{background-color:var(--color-danger);color:var(--color-text-inverse)}.role-badge--moderator{background-color:var(--color-secondary);color:var(--color-text-inverse)}.role-badge--le{background-color:var(--color-success);color:var(--color-text-inverse)}.role-badge--seller{background-color:var(--color-info);color:var(--color-text-inverse)}.role-badge--user{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)!important}.role-badge svg,.status-badge svg{height:10px;width:10px}.users-table .role-badge,.users-table .status-badge{align-items:center;display:inline-flex;gap:.25rem}.status-badge--active{background-color:var(--color-success);color:var(--color-text-inverse)}.status-badge--inactive{background-color:var(--color-warning);color:var(--color-text)}.status-badge--suspended{background-color:var(--color-danger);color:var(--color-text-inverse)}.status-badge--waitlist{background-color:var(--color-info);color:var(--color-text-inverse)}.status-badge--deleted{background-color:var(--color-secondary);color:var(--color-text-inverse)}.btn-primary,.btn-success{align-items:center;border:none;border-radius:var(--radius-base);cursor:pointer;display:inline-flex;font-size:.6875rem;font-weight:500;gap:.25rem;padding:.375rem .625rem;text-decoration:none;transition:all var(--transition-base);white-space:nowrap}.btn-sm{font-size:.8125rem;padding:.375rem .75rem}.users-table-container{overflow-x:auto;padding:2rem}.users-table{background-color:var(--color-bg);border:1px solid var(--color-border);border-collapse:initial;border-radius:var(--radius-lg);border-spacing:0;overflow:hidden}.users-table thead{background-color:var(--color-bg-tertiary)}.users-table th{border-bottom:2px solid var(--color-border);font-size:.75rem;font-weight:600;letter-spacing:.3px;padding:.75rem 1rem;text-transform:uppercase}.users-table td{font-size:.875rem;padding:.75rem 1rem;vertical-align:middle}.users-table tbody tr{cursor:pointer}.users-table tbody tr:last-child td{border-bottom:none}.table-actions{display:flex;gap:.375rem;justify-content:flex-start}.empty-cell{color:var(--color-text-secondary);padding:3rem!important;text-align:center}.loading-state{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:5rem 2rem}.empty-state p,.error-state p,.loading-state p{color:var(--color-text-secondary);font-size:1rem;margin:0}.error-state{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:5rem 2rem}.error-state button{background-color:var(--color-primary);border:none;border-radius:var(--radius-base);color:#fff;cursor:pointer;font-weight:500;margin-top:1rem;padding:.75rem 1.5rem;transition:all var(--transition-base)}.error-state button:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.empty-state{grid-column:1/-1;padding:5rem 2rem}.pagination-controls{align-items:center;background-color:var(--color-bg);border-top:1px solid var(--color-border);display:flex;gap:1.5rem;justify-content:center;padding:2rem}.pagination-btn{align-items:center;background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:inline-flex;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:all var(--transition-base)}.pagination-btn:hover:not(:disabled){background-color:var(--color-primary);border-color:var(--color-primary);box-shadow:var(--shadow-sm);color:#fff;transform:translateY(-1px)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.page-info{color:var(--color-text);font-weight:500}.dark-mode .admin-user-management-page{background-color:var(--color-bg-secondary)}.dark-mode .admin-controls,.dark-mode .admin-page-header{background-color:var(--color-bg);border-bottom-color:var(--color-border)}.dark-mode .admin-user-card{background-color:var(--color-bg);border-color:var(--color-border);box-shadow:0 1px 3px #0003}.dark-mode .admin-user-card:hover{box-shadow:0 4px 8px #0000004d}.dark-mode .admin-user-card__actions,.dark-mode .admin-user-card__header{background-color:var(--color-bg-secondary)}.dark-mode .admin-user-card__actions,.dark-mode .admin-user-card__stats{border-top-color:var(--color-border)}.dark-mode .users-table{background-color:var(--color-bg);border-color:var(--color-border)}.dark-mode .users-table thead{background-color:var(--color-bg-secondary)}.dark-mode .users-table tbody tr:hover{background-color:var(--color-bg-hover)}.dark-mode .users-table td{border-bottom-color:var(--color-border)}.dark-mode .role-badge--user{background-color:#3a3a3a;border-color:#4a4a4a;color:#e0e0e0!important}.dark-mode .view-toggle{background-color:var(--color-bg-secondary);border-color:var(--color-border)}.dark-mode .view-toggle:hover{background-color:var(--color-bg-hover)}.dark-mode .view-toggle.active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.dark-mode .filter-item select,.dark-mode .search-box input{background-color:var(--color-bg);border-color:var(--color-border);color:var(--color-text)}.dark-mode .filter-item select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23bbb' d='M10.293 3.293 6 7.586 1.707 3.293A1 1 0 0 0 .293 4.707l5 5a1 1 0 0 0 1.414 0l5-5a1 1 0 1 0-1.414-1.414z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:12px 12px}.dark-mode .pagination-controls{background-color:var(--color-bg);border-top-color:var(--color-border)}.dark-mode .pagination-btn{background-color:var(--color-bg-secondary);border-color:var(--color-border);color:var(--color-text)}.dark-mode .pagination-btn:hover:not(:disabled){background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}@media (max-width:768px){.admin-page-header{padding:1rem}.admin-controls{flex-direction:column;padding:1rem}.search-box{min-width:100%}.filter-group{flex-direction:column;width:100%}.filter-item{width:100%}.filter-item select{font-size:1rem;padding:.875rem 2.5rem .875rem 2.75rem;width:100%}.users-grid{grid-template-columns:1fr;padding:1rem}.header-actions{justify-content:space-between;width:100%}.admin-user-card__body,.admin-user-card__header{padding:1rem}.admin-user-card__actions{padding:.75rem 1rem}.users-table-container{padding:1rem}.users-table{font-size:.875rem}.users-table td,.users-table th{padding:.75rem}}.admin-deletion-requests{background:#fff4e5;border:1px solid #ff9800;border-radius:8px;margin:1rem 0;padding:1.5rem}.admin-deletion-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.admin-deletion-header .warning-icon{color:#ff9800;font-size:1.5rem}.admin-deletion-header h3{color:#e65100;font-size:1.25rem;margin:0}.admin-deletion-list{display:flex;flex-direction:column;gap:1rem}.admin-deletion-item{grid-gap:1rem;align-items:start;background:#fff;border:1px solid #ffcc80;border-radius:6px;display:grid;gap:1rem;grid-template-columns:1fr auto;padding:1rem}.admin-deletion-user{display:flex;flex-direction:column;gap:.25rem}.admin-deletion-user strong{color:#333;font-size:1rem}.admin-deletion-email{color:#666;font-size:.875rem}.admin-deletion-info{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.admin-deletion-date,.admin-deletion-scheduled{color:#666;font-size:.875rem}.admin-deletion-scheduled{color:#e65100;font-weight:500}.admin-deletion-reason{color:#666;font-size:.875rem;font-style:italic;margin-top:.25rem}.admin-deletion-actions{align-items:center;display:flex}.dark-mode .admin-deletion-requests{background:#3d2814;border-color:#ff9800}.dark-mode .admin-deletion-item{background:#2a2a2a;border-color:#ff9800}.dark-mode .admin-deletion-user strong{color:#e0e0e0}.dark-mode .admin-deletion-date,.dark-mode .admin-deletion-email,.dark-mode .admin-deletion-reason{color:#bbb}.user-profile-editor__backdrop{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:10000}.user-profile-editor{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:900px;width:100%}.dark .user-profile-editor{background:var(--dark-bg-secondary);color:var(--dark-text)}.user-profile-editor__header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.dark .user-profile-editor__header{border-bottom-color:var(--dark-border)}.user-profile-editor__header h2{color:#333;font-size:24px;margin:0}.dark .user-profile-editor__header h2{color:var(--dark-text)}.user-profile-editor__close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:28px;height:40px;justify-content:center;padding:0;transition:all .2s;width:40px}.user-profile-editor__close-btn:hover{background:#f0f0f0;color:#333}.dark .user-profile-editor__close-btn{color:var(--dark-text-secondary)}.dark .user-profile-editor__close-btn:hover{background:var(--dark-bg-tertiary);color:var(--dark-text)}.user-profile-editor__content{flex:1 1;overflow-y:auto;padding:20px}.user-profile-editor__section{background:#f8f9fa;border-radius:8px;margin-bottom:30px;padding:20px}.dark .user-profile-editor__section{background:var(--dark-bg-tertiary)}.user-profile-editor__section h3{color:#ff4500;font-size:18px;margin:0 0 20px}.dark .user-profile-editor__section h3{color:#ff6500}.user-profile-editor__form-row{display:flex;gap:15px;margin-bottom:15px}.user-profile-editor__form-group{display:flex;flex:1 1;flex-direction:column}.user-profile-editor__form-group--flex-1{flex:1 1}.user-profile-editor__form-group--flex-2{flex:2 1}.user-profile-editor__form-group--flex-3{flex:3 1}.user-profile-editor__form-group label{color:#555;font-size:14px;font-weight:500;margin-bottom:5px}.dark .user-profile-editor__form-group label{color:var(--dark-text-secondary)}.user-profile-editor__form-group input,.user-profile-editor__form-group select,.user-profile-editor__form-group textarea{background:#fff;border:1px solid #ddd;border-radius:6px;color:#333;font-size:14px;padding:8px 12px;transition:border-color .2s}.dark .user-profile-editor__form-group input,.dark .user-profile-editor__form-group select,.dark .user-profile-editor__form-group textarea{background:var(--dark-bg-secondary);border-color:var(--dark-border);color:var(--dark-text)}.user-profile-editor__form-group input:focus,.user-profile-editor__form-group select:focus,.user-profile-editor__form-group textarea:focus{border-color:#ff4500;outline:none}.user-profile-editor__form-group input.user-profile-editor__input--readonly{background:#f0f0f0;cursor:not-allowed}.dark .user-profile-editor__form-group input.user-profile-editor__input--readonly{background:var(--dark-bg-primary)}.user-profile-editor__input-with-button{align-items:center;display:flex;gap:10px}.user-profile-editor__input-with-button input{flex:1 1}.upe-verify-btn{align-items:center;background:#fff;border:1px solid #ff4500;border-radius:6px;color:#ff4500;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:38px;justify-content:center;min-width:120px;padding:8px 16px;transition:all .2s;white-space:nowrap}.upe-verify-btn:hover:not(:disabled){background:#ff4500;color:#fff}.upe-verify-btn:disabled{cursor:not-allowed;opacity:.6}.upe-verify-btn.upe-verified{background:#28a745;border-color:#28a745;color:#fff}.user-profile-editor__checkbox-label,.user-profile-editor__form-group .user-profile-editor__checkbox-label,.user-profile-editor__form-group--checkbox .user-profile-editor__checkbox-label{align-items:center!important;background:none!important;border:none!important;border-radius:0!important;box-shadow:none!important;color:var(--color-text)!important;cursor:pointer!important;display:flex!important;font-size:14px!important;font-weight:400!important;height:auto!important;justify-content:flex-start!important;margin:8px 0!important;min-height:auto!important;min-width:auto!important;padding:0!important;text-align:left!important;transform:none!important;width:auto!important}.user-profile-editor__checkbox-label input[type=checkbox],.user-profile-editor__form-group .user-profile-editor__checkbox-label input[type=checkbox],.user-profile-editor__form-group--checkbox .user-profile-editor__checkbox-label input[type=checkbox]{accent-color:#ff4500!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background:var(--color-bg)!important;border:2px solid var(--color-border)!important;border-radius:3px!important;cursor:pointer!important;flex-shrink:0!important;height:18px!important;margin:0 8px 0 0!important;position:relative!important;width:18px!important}.user-profile-editor__checkbox-label input[type=checkbox]:checked,.user-profile-editor__form-group .user-profile-editor__checkbox-label input[type=checkbox]:checked,.user-profile-editor__form-group--checkbox .user-profile-editor__checkbox-label input[type=checkbox]:checked{background:#ff4500!important;border-color:#ff4500!important}.user-profile-editor__checkbox-label input[type=checkbox]:checked:before,.user-profile-editor__form-group .user-profile-editor__checkbox-label input[type=checkbox]:checked:before,.user-profile-editor__form-group--checkbox .user-profile-editor__checkbox-label input[type=checkbox]:checked:before{color:#fff!important;content:"✓"!important;font-size:12px!important;font-weight:700!important;left:50%!important;line-height:1!important;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important}.user-profile-editor__checkbox-label input[type=checkbox]:hover,.user-profile-editor__form-group .user-profile-editor__checkbox-label input[type=checkbox]:hover,.user-profile-editor__form-group--checkbox .user-profile-editor__checkbox-label input[type=checkbox]:hover{border-color:#ff4500!important}.user-profile-editor__checkbox-label span,.user-profile-editor__form-group .user-profile-editor__checkbox-label span,.user-profile-editor__form-group--checkbox .user-profile-editor__checkbox-label span{background:none!important;border:none!important;color:var(--color-text)!important;font-weight:400!important;letter-spacing:normal!important;line-height:1!important;padding:0!important;text-transform:none!important}.user-profile-editor__checkbox-label:hover,.user-profile-editor__form-group .user-profile-editor__checkbox-label:hover,.user-profile-editor__form-group--checkbox .user-profile-editor__checkbox-label:hover{background:none!important;box-shadow:none!important;color:var(--color-text)!important;transform:none!important}.user-profile-editor__checkbox-label:hover span,.user-profile-editor__form-group .user-profile-editor__checkbox-label:hover span,.user-profile-editor__form-group--checkbox .user-profile-editor__checkbox-label:hover span{color:#ff4500!important}.user-profile-editor__form-group--checkbox{margin:10px 0!important;text-align:left!important}.user-profile-editor__form-group--checkbox,.user-profile-editor__form-group.user-profile-editor__form-group--checkbox{align-items:flex-start!important;display:flex!important;justify-content:flex-start!important}.user-profile-editor__form-row.user-profile-editor__form-row--checkboxes{margin-bottom:15px!important}.user-profile-editor__form-row--checkboxes,.user-profile-editor__form-row.user-profile-editor__form-row--checkboxes{align-items:flex-start!important;display:flex!important;flex-direction:column!important;gap:8px!important}.upe-editor-footer{align-items:center;background:#f8f9fa;border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top:1px solid #e0e0e0;display:flex;flex-shrink:0;justify-content:space-between;padding:20px}.dark .upe-editor-footer{background:var(--dark-bg-tertiary);border-top-color:var(--dark-border)}.upe-footer-left,.upe-footer-right{align-items:center;display:flex;gap:12px}.upe-btn-delete-hard,.upe-btn-delete-soft,.upe-btn-primary,.upe-btn-secondary{align-items:center!important;border:none!important;border-radius:8px!important;box-shadow:0 2px 4px #0000001a!important;cursor:pointer!important;display:flex!important;font-size:14px!important;font-weight:600!important;height:44px!important;justify-content:center!important;letter-spacing:.5px!important;margin:0!important;min-width:120px!important;padding:12px 24px!important;text-transform:uppercase!important;transition:all .2s ease!important}.upe-btn-primary{background:linear-gradient(135deg,#ff4500,#e63e00)!important;border:1px solid #ff4500!important;color:#fff!important}.upe-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#e63e00,#cc3400)!important;box-shadow:0 4px 12px #ff45004d!important;transform:translateY(-2px)!important}.upe-btn-secondary{background:linear-gradient(135deg,#6c757d,#5a6268)!important;border:1px solid #6c757d!important;color:#fff!important}.upe-btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,#5a6268,#545b62)!important;box-shadow:0 4px 12px #6c757d4d!important;transform:translateY(-2px)!important}.upe-btn-delete-soft{background:linear-gradient(135deg,#ffc107,#e0a800)!important;border:1px solid #ffc107!important;color:#333!important}.upe-btn-delete-soft:hover:not(:disabled){background:linear-gradient(135deg,#e0a800,#d39e00)!important;box-shadow:0 4px 12px #ffc10766!important;color:#000!important;transform:translateY(-2px)!important}.upe-btn-delete-hard{background:linear-gradient(135deg,#dc3545,#c82333)!important;border:1px solid #dc3545!important;color:#fff!important}.upe-btn-delete-hard:hover:not(:disabled){background:linear-gradient(135deg,#c82333,#bd2130)!important;box-shadow:0 4px 12px #dc354566!important;transform:translateY(-2px)!important}.upe-btn-delete-hard:disabled,.upe-btn-delete-soft:disabled,.upe-btn-primary:disabled,.upe-btn-secondary:disabled{box-shadow:0 2px 4px #0000001a!important;cursor:not-allowed!important;opacity:.6!important;transform:none!important}@media (max-width:768px){.user-profile-editor{border-radius:0;max-height:100vh}.user-profile-editor__content{padding:15px}.user-profile-editor__section{margin-bottom:20px;padding:15px}.user-profile-editor__form-row{flex-direction:column;gap:10px}.user-profile-editor__form-group--flex-1,.user-profile-editor__form-group--flex-2,.user-profile-editor__form-group--flex-3{flex:1 1}.user-profile-editor__input-with-button{align-items:stretch;flex-direction:column;gap:8px}.upe-verify-btn{min-width:auto;width:100%}.upe-editor-footer{align-items:stretch;flex-direction:column;gap:15px;padding:15px}.upe-footer-left,.upe-footer-right{gap:8px;justify-content:center;width:100%}.upe-footer-left{order:2}.upe-footer-right{order:1}.upe-btn-delete-hard,.upe-btn-delete-soft,.upe-btn-primary,.upe-btn-secondary{flex:1 1!important;font-size:13px!important;height:40px!important;min-width:auto!important;padding:12px 16px!important}.user-profile-editor__checkbox-label{font-size:13px}.user-profile-editor__checkbox-label input[type=checkbox]{height:14px;width:14px}}.upe-btn-delete-hard:focus,.upe-btn-delete-soft:focus,.upe-btn-primary:focus,.upe-btn-secondary:focus,.upe-verify-btn:focus{outline:2px solid #ff4500!important;outline-offset:2px!important}.delete-confirm-button{background:#dc3545!important}.delete-confirm-button:hover{background:#c82333!important}.modal-backdrop{animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000bf;bottom:0;padding:1rem;right:0;z-index:9999}.modal-loading{align-items:center;display:flex;justify-content:center;padding:3rem}.user-detail-modal{animation:slideUp .3s ease-out;background-color:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:85vh;max-width:800px;overflow:hidden;width:100%}.modal-header{background-color:var(--color-bg);border-bottom:1px solid var(--color-border);padding:.75rem 1rem}.modal-header-left{align-items:center;display:flex;gap:1rem}.modal-avatar{border:2px solid var(--color-bg);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);height:48px;object-fit:cover;width:48px}.modal-header h2{color:var(--color-text);font-size:1.25rem;font-weight:600}.modal-subtitle{font-size:.875rem;margin:.25rem 0 0}.modal-close,.modal-subtitle{color:var(--color-text-secondary)}.modal-close{border-radius:var(--radius-base);padding:.375rem;transition:all var(--transition-base)}.modal-close:hover{background-color:var(--color-bg-hover);color:var(--color-danger)}.modal-close svg{height:16px;width:16px}.modal-tabs{-webkit-overflow-scrolling:touch;background-color:initial;border-bottom:1px solid var(--color-border);overflow-x:auto;padding:0 1rem}.modal-tab,.modal-tabs{display:flex;gap:.25rem}.modal-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:var(--color-text-secondary);cursor:pointer;font-size:.75rem;font-weight:500;margin-bottom:-1px;padding:.5rem .75rem;position:relative;transition:all var(--transition-base);white-space:nowrap}.modal-tab:hover{background-color:#0000000d;border-radius:var(--radius-base) var(--radius-base) 0 0;color:var(--color-text)}.modal-tab.active{background-color:initial;border-bottom-color:var(--color-primary);color:var(--color-primary);font-weight:600}.modal-tab svg{height:14px;width:14px}.modal-content{background-color:var(--color-bg);flex:1 1}.tab-content{padding:1rem}.content-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.content-header h3{color:var(--color-text);font-size:1rem;font-weight:600;margin:0}.form-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);margin-bottom:1rem}.form-group{gap:.375rem}.form-group.full-width{grid-column:1/-1}.form-group label{color:var(--color-text-secondary);font-size:.75rem;letter-spacing:.3px;text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:.8125rem;padding:.5rem .75rem;transition:all var(--transition-base)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 3px #ff45001a}.form-group p{color:var(--color-text);font-size:.8125rem;margin:0;padding:.5rem 0}.info-grid{grid-gap:1rem;background-color:var(--color-bg-tertiary);border-radius:var(--radius-base);display:grid;font-size:.875rem;gap:1rem;grid-template-columns:repeat(2,1fr);padding:1rem}.info-item{flex-direction:column;gap:.25rem}.info-item label{color:var(--color-text-muted);font-size:.625rem;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.info-item p{color:var(--color-text);font-size:.75rem;margin:0}.monospace{font-family:monospace;font-size:.8125rem}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-danger,.btn-danger-hard,.btn-edit,.btn-primary,.btn-secondary,.btn-success,.btn-warning{align-items:center;border:none;border-radius:var(--radius-base);cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:500;gap:.375rem;padding:.5rem 1rem;transition:all var(--transition-base)}.btn-edit{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text)}.btn-edit:hover{background-color:var(--color-bg-hover);border-color:var(--color-primary)}.btn-primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background-color:var(--color-bg-hover)}.btn-success{background-color:#28a745;color:#fff}.btn-success:hover{background-color:#218838;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-warning{background-color:var(--color-warning);color:var(--color-text)}.btn-warning:hover{background-color:#e0a800;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-danger{background-color:var(--color-danger);color:var(--color-text-inverse)}.btn-danger:hover{background-color:#c82333;box-shadow:var(--shadow-sm)}.btn-danger-hard{background-color:#721c24;color:var(--color-text-inverse)}.btn-danger-hard:hover{background-color:#5a1419;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.form-actions{border-top:1px solid var(--color-border-light);margin-top:2rem;padding-top:2rem}.security-section{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-light);border-radius:var(--radius-base);margin-bottom:1rem;padding:.75rem}.security-section h4{color:var(--color-text);font-size:.8125rem;font-weight:600;letter-spacing:.3px;margin:0 0 .5rem;text-transform:uppercase}.status-display{align-items:center;display:flex;gap:.75rem}.status-icon{font-size:1rem}.status-icon--active{color:#28a745}.status-icon--inactive{color:#ffc107}.status-icon--suspended{color:#dc3545}.status-icon--waitlist{color:#17a2b8}.status-icon--deleted{color:#6c757d}.role-select,.status-select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;font-size:.8125rem;min-width:180px;padding:.5rem .75rem}.checkbox-group{display:flex;flex-direction:column;gap:.5rem}.checkbox-label{align-items:center;color:var(--color-text);cursor:pointer;display:flex;font-size:.8125rem;gap:.5rem}.checkbox-label input[type=checkbox]{cursor:pointer;height:16px;width:16px}.checkbox-label span{-webkit-user-select:none;user-select:none}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}.stat-card{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-light);padding:1rem}.stat-value{color:var(--color-primary);font-size:1.5rem;margin-bottom:.25rem}.activity-section{margin-top:1rem}.activity-section h4{color:var(--color-text);font-size:.875rem;font-weight:600;letter-spacing:.3px;margin:0 0 .75rem;text-transform:uppercase}.history-list{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto}.history-item{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-light);border-radius:var(--radius-base);font-size:.8125rem;padding:.75rem}.history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.375rem}.action-type{border-radius:var(--radius-full);color:#fff;font-size:.625rem;font-weight:500;padding:.125rem .5rem;text-transform:uppercase}.action-type--warn{background-color:#ffc107;color:#333}.action-type--mute{background-color:#6c757d}.action-type--suspend{background-color:#fd7e14}.action-type--ban{background-color:#dc3545}.history-date{color:var(--color-text-muted);font-size:.6875rem}.history-reason{color:var(--color-text);margin:.5rem 0}.history-moderator{color:var(--color-text-secondary);font-size:.8125rem;margin:0}.empty-message{background-color:var(--color-bg-tertiary);border-radius:var(--radius-base);color:var(--color-text-secondary);padding:2rem;text-align:center}.points-summary{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem}.points-card{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-light);border-radius:var(--radius-base);padding:1rem;text-align:center}.points-value{font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.points-label{color:var(--color-text-secondary);font-size:.875rem;letter-spacing:.5px;text-transform:uppercase}.points-section{margin-top:1rem}.points-section h4{color:var(--color-text);font-size:.875rem;font-weight:600;letter-spacing:.3px;margin:0 0 .75rem;text-transform:uppercase}.transactions-list{display:flex;flex-direction:column;gap:.5rem;max-height:250px;overflow-y:auto}.transaction-item{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-light);border-radius:var(--radius-base);padding:.5rem .75rem}.transaction-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.transaction-amount{font-size:.875rem;font-weight:600}.transaction-amount.positive{color:#28a745}.transaction-amount.negative{color:#dc3545}.transaction-date{color:var(--color-text-muted);font-size:.6875rem}.transaction-description{color:var(--color-text);font-size:.75rem;margin:0}.admin-section{background-color:var(--color-bg-tertiary);border-radius:var(--radius-base);margin-bottom:1.5rem;padding:1rem}.admin-section h4{align-items:center;color:var(--color-text);display:flex;font-size:.875rem;font-weight:600;gap:.375rem;margin:0 0 .75rem}.admin-actions{display:flex;flex-wrap:wrap;gap:1rem}.danger-zone{background-color:#dc35450d;border:2px solid #dc3545}.danger-zone h4{color:var(--color-danger)}.danger-warning{color:#721c24;font-size:.875rem;margin:0 0 1rem}.danger-actions{display:flex;flex-wrap:wrap;gap:1rem}.dark-mode .user-detail-modal{background-color:var(--color-bg);border:1px solid var(--color-border)}.dark-mode .modal-header{background-color:var(--color-bg-secondary)}.dark-mode .modal-tabs{background-color:initial;border-bottom-color:var(--color-border)}.dark-mode .modal-tab:hover{background-color:#ffffff0d}.dark-mode .modal-tab.active{border-bottom-color:var(--color-primary);color:var(--color-primary)}.dark-mode .admin-section,.dark-mode .history-item,.dark-mode .info-grid,.dark-mode .points-card,.dark-mode .security-section,.dark-mode .stat-card,.dark-mode .transaction-item{background-color:var(--color-bg-secondary)}.dark-mode .danger-zone{background-color:#dc35451a}.admin-section .info-grid{background-color:initial;gap:.75rem;padding:0}.admin-section .info-item{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:1rem}.dark-mode .admin-section .info-item{background-color:#2a3142;border-color:#3a4152}@media (max-width:768px){.modal-backdrop{padding:1rem}.user-detail-modal{max-height:100vh;max-width:100%}.modal-header{padding:1rem}.modal-header h2{font-size:1.25rem}.modal-tabs{overflow-x:auto}.modal-tab{font-size:.875rem;padding:.75rem 1rem}.tab-content{padding:1rem}.form-grid,.info-grid,.points-summary,.stats-grid{grid-template-columns:1fr}.admin-actions,.danger-actions,.form-actions{flex-direction:column}.admin-actions button,.danger-actions button,.form-actions button{width:100%}}.delete-confirm-button{background-color:#dc3545!important;color:#fff!important}.delete-confirm-button:hover{background-color:#c82333!important}.spinner{animation:spin .8s linear infinite;height:48px;width:48px}.password-form{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);margin-top:1rem;padding:1rem}.password-input-group{align-items:stretch;display:flex;gap:.75rem;margin-bottom:1rem}.password-input-wrapper{flex:1 1;position:relative}.password-input{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-family:Courier New,monospace;font-size:.95rem;padding:.75rem 2.5rem .75rem .75rem;transition:border-color .2s ease;width:100%}.password-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #ff45001a;outline:none}.toggle-password-btn{align-items:center;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.25rem;position:absolute;right:.5rem;top:50%;transform:translateY(-50%);transition:color .2s ease}.generate-password-btn,.toggle-password-btn:hover{color:var(--color-text)}.generate-password-btn{background-color:var(--color-border);border:1px solid var(--color-border);border-radius:var(--radius-base);cursor:pointer;font-weight:500;padding:.75rem 1rem;transition:all .2s ease;white-space:nowrap}.generate-password-btn:hover{background-color:var(--color-text-secondary);border-color:var(--color-text-secondary);color:var(--color-bg)}.password-actions{display:flex;flex-wrap:wrap;gap:.75rem}.password-actions .btn-primary{background-color:var(--color-success);border-color:var(--color-success)}.password-actions .btn-primary:hover:not(:disabled){background-color:var(--color-success);box-shadow:0 2px 8px #28a7454d;filter:brightness(.9);transform:translateY(-1px)}.password-actions .btn-primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.help-text{color:var(--color-text-secondary);font-size:.875rem;line-height:1.4;margin-top:1rem}.dark-mode .password-form{background-color:var(--color-bg-tertiary);border-color:var(--color-border-dark)}.dark-mode .password-input{background-color:var(--color-bg-secondary);border-color:var(--color-border-dark);color:var(--color-text)}.dark-mode .toggle-password-btn{color:var(--color-text-muted)}.dark-mode .toggle-password-btn:hover{color:var(--color-text)}.dark-mode .generate-password-btn{background-color:var(--color-bg-tertiary);border-color:var(--color-border-dark);color:var(--color-text)}.dark-mode .generate-password-btn:hover{background-color:var(--color-text-secondary);color:var(--color-bg)}.create-test-user__backdrop{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.create-test-user{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:600px;width:100%}.dark .create-test-user{background:var(--dark-bg-secondary);color:var(--dark-text)}.create-test-user__header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.dark .create-test-user__header{border-bottom-color:var(--dark-border)}.create-test-user__header h2{color:#333;font-size:24px;margin:0}.dark .create-test-user__header h2{color:var(--dark-text)}.create-test-user__close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:28px;height:40px;justify-content:center;padding:0;transition:all .2s;width:40px}.create-test-user__close-btn:hover{background:#f0f0f0;color:#333}.dark .create-test-user__close-btn{color:var(--dark-text-secondary)}.dark .create-test-user__close-btn:hover{background:var(--dark-bg-tertiary);color:var(--dark-text)}.create-test-user__content{flex:1 1;overflow-y:auto;padding:20px}.create-test-user__section{margin-bottom:25px}.create-test-user__section h3{color:#666;font-size:16px;margin:0 0 15px}.dark .create-test-user__section h3{color:var(--dark-text-secondary)}.create-test-user__generate-btn{background:#ff4500;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:12px;transition:all .2s;width:100%}.create-test-user__generate-btn:hover{background:#e63e00;transform:translateY(-1px)}.create-test-user__form-group{margin-bottom:15px}.create-test-user__form-group label{color:#555;display:block;font-size:14px;font-weight:500;margin-bottom:5px}.dark .create-test-user__form-group label{color:var(--dark-text-secondary)}.create-test-user__form-group input,.create-test-user__form-group select{background:#fff;border:1px solid #ddd;border-radius:6px;color:#333;font-size:14px;padding:8px 12px;transition:border-color .2s;width:100%}.dark .create-test-user__form-group input,.dark .create-test-user__form-group select{background:var(--dark-bg-primary);border-color:var(--dark-border);color:var(--dark-text)}.create-test-user__form-group input:focus,.create-test-user__form-group select:focus{border-color:#ff4500;outline:none}.create-test-user__form-row{display:flex;gap:15px}.create-test-user__form-group--flex-1{flex:1 1}.create-test-user__form-group--flex-3{flex:3 1}.create-test-user__checkboxes{display:flex;flex-direction:column;gap:12px}.create-test-user__checkbox-label{align-items:center;color:#555;cursor:pointer;display:flex;font-size:14px;gap:8px}.dark .create-test-user__checkbox-label{color:var(--dark-text-secondary)}.create-test-user__checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.alert{border-radius:6px;font-size:14px;margin:0 20px 20px;padding:12px 16px}.alert-success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.alert-error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.create-test-user__footer{border-top:1px solid #e0e0e0;display:flex;gap:10px;justify-content:flex-end;padding:20px}.dark .create-test-user__footer{border-top-color:var(--dark-border)}.create-test-user__btn-primary,.create-test-user__btn-secondary{border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:500;padding:10px 24px;transition:all .2s}.create-test-user__btn-primary{background:#ff4500;color:#fff}.create-test-user__btn-primary:hover:not(:disabled){background:#e63e00;transform:translateY(-1px)}.create-test-user__btn-secondary{background:#0000;border:1px solid #ddd;color:#666}.dark .create-test-user__btn-secondary{border-color:var(--dark-border);color:var(--dark-text-secondary)}.create-test-user__btn-secondary:hover{background:#f0f0f0;color:#333}.dark .create-test-user__btn-secondary:hover{background:var(--dark-bg-tertiary);color:var(--dark-text)}.create-test-user__btn-primary:disabled,.create-test-user__btn-secondary:disabled{cursor:not-allowed;opacity:.6}@media (max-width:600px){.create-test-user{border-radius:0;max-height:100vh}.create-test-user__form-row{flex-direction:column;gap:0}.create-test-user__form-group--flex-1,.create-test-user__form-group--flex-3{flex:1 1}}.report-detail-modal__backdrop{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.report-detail-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:90vh;max-width:800px;overflow-y:auto;padding:2rem;width:100%}.report-detail-modal h2{color:#333;font-size:24px;margin-bottom:1rem;margin-top:0}.report-detail-modal a{color:#ff4500;text-decoration:none}.report-detail-modal a:hover{text-decoration:underline}.report-detail-modal__section{margin-bottom:1rem;padding:.5rem 0}.report-detail-modal__section strong{color:#555;display:inline-block;font-weight:600;width:140px}.report-detail-modal__section select{background-color:#fff;border:1px solid #ddd;border-radius:4px;margin-left:.5rem;padding:.25rem .5rem}.report-detail-modal__section textarea{border:1px solid #ccc;border-radius:4px;font-family:inherit;padding:8px;resize:vertical;width:100%}.report-detail-modal__section ul{margin:.5rem 0 0 140px;padding-left:1.5rem}.report-detail-modal__section li{color:#666;margin-bottom:.25rem}.report-detail-modal details{background-color:#f8f9fa;border-radius:4px;margin-top:1.5rem;padding:1rem}.report-detail-modal summary{color:#666;cursor:pointer;font-weight:600}.report-detail-modal pre{background-color:#f5f5f5;border-radius:4px;font-size:12px;margin-top:1rem;overflow-x:auto;padding:1rem}.report-detail-modal__actions{border-top:1px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem;padding-top:1.5rem}.report-detail-modal__actions button{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s}.report-detail-modal__actions button:first-child{background-color:#28a745;color:#fff}.report-detail-modal__actions button:first-child:hover:not(:disabled){background-color:#218838}.report-detail-modal__actions button:first-child:disabled{background-color:#6c757d;cursor:not-allowed}.report-detail-modal__button{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s}.report-detail-modal__button--delete-soft{background-color:#ffc107;color:#333}.report-detail-modal__button--delete-soft:hover{background-color:#e0a800}.report-detail-modal__button--delete-hard{background-color:#dc3545;color:#fff}.report-detail-modal__button--delete-hard:hover{background-color:#c82333}.report-detail-modal__actions button:last-child{background-color:#6c757d;color:#fff}.report-detail-modal__actions button:last-child:hover{background-color:#5a6268}.dark-mode .report-detail-modal__backdrop{background-color:#000000b3}.dark-mode .report-detail-modal{background-color:#2a2a2a;box-shadow:0 4px 20px #00000080;color:#e0e0e0}.dark-mode .report-detail-modal h2{color:#f0f0f0}.dark-mode .report-detail-modal__section strong{color:#bbb}.dark-mode .report-detail-modal__section select,.dark-mode .report-detail-modal__section textarea{background-color:#3a3a3a;border-color:#555;color:#e0e0e0}.dark-mode .report-detail-modal__section li{color:#aaa}.dark-mode .report-detail-modal details{background-color:#333}.dark-mode .report-detail-modal pre{background-color:#2a2a2a;color:#e0e0e0}.dark-mode .report-detail-modal__actions{border-top-color:#444}@media (max-width:600px){.report-detail-modal__backdrop{padding:10px}.report-detail-modal{padding:1.5rem}.report-detail-modal__section strong{display:block;margin-bottom:.25rem;width:auto}.report-detail-modal__section ul{margin-left:0}.report-detail-modal__actions{flex-direction:column}.report-detail-modal__actions button{width:100%}}.reports-management-page{padding:20px}.reports-management-page h1{margin-bottom:20px;text-align:center}.reports-management-page .controls{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.reports-management-page .controls input[type=text],.reports-management-page .controls select{border:1px solid #ccc;border-radius:4px;font-size:1em;padding:8px 12px}.reports-management-page .reports-table{border-collapse:collapse;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;width:100%}.reports-management-page .reports-table td,.reports-management-page .reports-table th{border:1px solid #ddd;padding:10px 12px;text-align:left;vertical-align:middle}.reports-management-page .reports-table th{background-color:#f2f2f2;font-weight:700}.reports-management-page .reports-table tbody tr:nth-child(2n){background-color:#f9f9f9}.reports-management-page .reports-table tbody tr:hover{background-color:#f1f1f1}.reports-management-page .reports-table a,.reports-management-page .reports-table button{background-color:#007bff;border:none;border-radius:3px;color:#fff!important;cursor:pointer;display:inline-block;font-size:.9em;margin-right:5px;padding:5px 10px;text-decoration:none;transition:background-color .2s ease}.reports-management-page .reports-table a:hover,.reports-management-page .reports-table button:hover{background-color:#0056b3;color:#fff!important}.reports-management-page .error-message{color:#dc3545;margin:20px 0;text-align:center}.reports-management-page .pagination-controls{align-items:center;display:flex;gap:15px;justify-content:center;margin-top:20px}.reports-management-page .pagination-controls button{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 15px}.reports-management-page .pagination-controls button:disabled{background-color:#ccc;cursor:not-allowed}.reports-management-page .pagination-controls span{font-weight:700}.report-detail-modal .modal-content{min-width:500px}.admin-deleted-threads{margin:0 auto;max-width:100%;padding:20px}.bulk-actions{flex-wrap:wrap}.select-all-checkbox{align-items:center;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:.875rem;gap:8px}.select-all-checkbox input[type=checkbox]{cursor:pointer}.bulk-delete-btn,.bulk-restore-btn{align-items:center;border:none;border-radius:var(--radius-base);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s}.bulk-restore-btn{background-color:var(--color-success);color:#fff}.bulk-restore-btn:hover:not(:disabled){background-color:#218838;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.bulk-delete-btn{background-color:var(--color-danger);color:#fff}.bulk-delete-btn:hover:not(:disabled){background-color:#b02a37;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.bulk-delete-btn:disabled,.bulk-restore-btn:disabled{cursor:not-allowed;opacity:.6}.deleted-threads-list{display:flex;flex-direction:column;gap:15px}.deleted-thread-item{align-items:flex-start;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);display:flex;gap:15px;padding:20px;transition:all .2s}.deleted-thread-item:hover{box-shadow:0 2px 8px #0000001a}.thread-checkbox{flex-shrink:0;padding-top:2px}.thread-checkbox input[type=checkbox]{cursor:pointer;height:18px;width:18px}.thread-info{flex:1 1;min-width:0}.thread-info h3{color:var(--color-text);font-size:1.125rem;font-weight:600;margin:0 0 10px;word-break:break-word}.thread-meta{color:var(--color-text-secondary);display:flex;flex-wrap:wrap;font-size:.875rem;gap:15px;margin-bottom:10px}.thread-meta span{align-items:center;display:flex;white-space:nowrap}.thread-preview{color:var(--color-text-secondary);font-size:.875rem;line-height:1.5;margin:10px 0 0;word-break:break-word}.thread-actions{align-items:flex-start;display:flex;flex-direction:column;flex-shrink:0;gap:8px}.permanent-delete-button,.restore-button{align-items:center;border:none;border-radius:var(--radius-base);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:120px;padding:8px 16px;transition:all .2s;width:100%}.restore-button{background-color:var(--color-success);color:#fff}.restore-button:hover:not(:disabled){background-color:#218838;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.permanent-delete-button{background-color:var(--color-danger);color:#fff}.permanent-delete-button:hover:not(:disabled){background-color:#b02a37;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.permanent-delete-button:disabled,.restore-button:disabled{cursor:not-allowed;opacity:.6}.dark-mode .deleted-thread-item{background-color:var(--color-bg);border-color:var(--color-border)}.dark-mode .deleted-thread-item:hover{box-shadow:0 2px 8px #0000004d}@media (max-width:768px){.admin-section-header{align-items:flex-start;flex-direction:column}.bulk-actions{justify-content:flex-start;width:100%}.deleted-thread-item{flex-direction:column;gap:10px}.thread-checkbox{align-self:flex-start}.thread-meta{font-size:.75rem;gap:10px}.thread-actions{flex-direction:row;gap:10px;width:100%}.permanent-delete-button,.restore-button{flex:1 1;min-width:auto}}.admin-forum-leaderboard{margin:0 auto;max-width:100%;padding:20px;position:relative}.admin-section-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:30px}.admin-section-header h2{color:var(--color-text);font-size:1.75rem;margin:0}.header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.period-selector{align-items:center;display:flex;gap:10px}.period-select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);padding:8px 12px}.period-select,.reset-button{cursor:pointer;font-size:14px}.reset-button{align-items:center;border:none;border-radius:var(--radius-base);color:#fff;display:inline-flex;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s}.reset-button--warning{background-color:var(--color-warning)}.reset-button--warning:hover:not(:disabled){background-color:#e0a800;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.reset-button--danger{background-color:var(--color-danger)}.reset-button--danger:hover:not(:disabled){background-color:#b02a37;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.reset-button:disabled{cursor:not-allowed;opacity:.6}.leaderboard-info{background-color:var(--color-bg-secondary);border-radius:var(--radius-base);color:var(--color-text-secondary);display:flex;font-size:.875rem;gap:30px;margin-bottom:20px;padding:15px}.leaderboard-info p{margin:0}.admin-error,.admin-loading,.empty-message{color:var(--color-text-secondary);font-size:1rem;padding:40px;text-align:center}.leaderboard-table{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);overflow:hidden}.table-header{background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);display:grid;font-size:.875rem;font-weight:600;grid-template-columns:80px 1fr 120px 80px 120px;padding:15px 20px}.table-body{max-height:600px;overflow-y:auto}.leaderboard-row{border-bottom:1px solid var(--color-border-light);display:grid;grid-template-columns:80px 1fr 120px 80px 120px;padding:15px 20px;transition:background-color .2s}.leaderboard-row:hover{background-color:var(--color-bg-hover)}.leaderboard-row.top-three{background-color:#ffd7000d}.leaderboard-row.top-three:hover{background-color:#ffd7001a}.col-rank{align-items:center;display:flex;gap:8px}.rank-number{color:var(--color-text);font-weight:600}.badge-icon{font-size:1.25rem}.badge-icon--crown{color:gold}.badge-icon--gold{color:orange}.badge-icon--silver{color:silver}.badge-icon--star{color:var(--color-text-secondary)}.col-user{align-items:center;display:flex;gap:10px}.user-name{color:var(--color-text);font-weight:500}.col-points{align-items:center;display:flex}.points-value{color:var(--color-primary);font-size:1rem;font-weight:600}.col-posts,.col-streak{align-items:center;color:var(--color-text-secondary);display:flex}.resetting-overlay{align-items:center;background-color:#00000080;border-radius:var(--radius-base);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:100}.resetting-message{background-color:var(--color-bg);border-radius:var(--radius-base);box-shadow:0 4px 12px #0003;color:var(--color-text);font-weight:500;padding:20px 40px}.dark-mode .period-select{background-color:var(--color-bg-secondary);border-color:var(--color-border)}.dark-mode .leaderboard-row.top-three{background-color:#ffd7001a}.dark-mode .leaderboard-row.top-three:hover{background-color:#ffd70026}@media (max-width:768px){.admin-section-header{align-items:flex-start;flex-direction:column}.header-actions{justify-content:flex-start;width:100%}.leaderboard-row,.table-header{grid-template-columns:60px 1fr 80px 60px}.col-streak,.table-header .col-streak{display:none}.leaderboard-info{flex-direction:column;gap:5px}}.system-settings-page{background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-base);margin:var(--space-lg) auto;max-width:800px;padding:var(--space-lg)}.system-settings-page h1{color:var(--color-text);margin-bottom:25px;text-align:center}.system-settings__form-group{border-bottom:1px solid var(--color-border);margin-bottom:var(--space-lg);padding-bottom:var(--space-lg)}.system-settings__form-group:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.system-settings__form-label{color:var(--color-text-secondary);display:block;font-weight:var(--font-weight-bold);margin-bottom:var(--space-sm)}.system-settings__form-control{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);box-sizing:border-box;color:var(--color-text);padding:var(--space-sm);width:100%}.system-settings__form-control--textarea{min-height:80px;resize:vertical}.system-settings__checkbox{margin-right:var(--space-sm);vertical-align:middle}.system-settings__checkbox-label{align-items:center;cursor:pointer;display:inline-flex;font-weight:var(--font-weight-normal)}.system-settings__submit-btn{background-color:var(--color-primary);border:none;border-radius:var(--radius-base);color:var(--color-text-inverse);cursor:pointer;display:block;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin-top:30px;padding:12px var(--space-lg);transition:background-color var(--transition-base);width:100%}.system-settings__submit-btn:hover{background-color:var(--color-primary-hover)}.system-settings__submit-btn:disabled{background-color:var(--color-border);cursor:not-allowed}.system-settings__error-message{color:var(--color-danger);margin-bottom:15px;text-align:center}.system-settings__form-control--textarea:disabled{background-color:var(--color-bg-secondary);cursor:not-allowed;opacity:.7}.dark-mode .system-settings__form-control--textarea:disabled,.system-settings__cache-section{background-color:var(--color-bg-tertiary)}.system-settings__cache-section{border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-top:var(--space-xl);padding:var(--space-lg)}.system-settings__cache-section h2{color:var(--color-text);font-size:1.25rem;margin-bottom:var(--space-md);margin-top:0}.system-settings__cache-description{color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-md)}.system-settings__cache-warning{background-color:var(--color-warning-light);border:1px solid var(--color-warning-border);border-radius:var(--radius-base);color:#856404;margin-bottom:var(--space-lg);padding:.75rem var(--space-md)}.dark .system-settings__cache-warning{background-color:#664d03;border-color:#997404;color:#ffecb5}.system-settings__cache-clear-btn{align-items:center;background-color:var(--color-danger);border:none;border-radius:var(--radius-base);color:var(--color-text-inverse);cursor:pointer;display:inline-flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:var(--space-sm);padding:.75rem var(--space-lg);transition:all var(--transition-base)}.system-settings__cache-clear-btn:hover{background-color:var(--color-danger-hover);box-shadow:0 4px 8px #dc35454d;transform:translateY(-1px)}.system-settings__cache-clear-btn:active{box-shadow:0 2px 4px #dc35454d;transform:translateY(0)}.system-settings__cache-icon{font-size:1.1rem}.dark .system-settings__cache-section{background-color:var(--color-bg-secondary);border-color:var(--color-border)}.dark .system-settings__cache-clear-btn{background-color:var(--color-danger)}.dark .system-settings__cache-clear-btn:hover{background-color:var(--color-danger-hover)}@media (max-width:768px){.system-settings-page{border-radius:var(--radius-base);margin:var(--space-md);padding:var(--space-md)}.system-settings-page h1{font-size:1.5rem;margin-bottom:var(--space-lg)}.system-settings__form-group{margin-bottom:var(--space-md);padding-bottom:var(--space-md)}.system-settings__form-label{font-size:.9rem;margin-bottom:var(--space-xs)}.system-settings__form-control{font-size:16px;padding:var(--space-sm)}.system-settings__form-control--textarea{min-height:60px}.system-settings__submit-btn{font-size:.95rem;margin-top:var(--space-lg);padding:.75rem var(--space-md)}.system-settings__cache-section{margin-top:var(--space-lg);padding:var(--space-md)}.system-settings__cache-section h2{font-size:1.125rem;margin-bottom:var(--space-sm)}.system-settings__cache-description{font-size:.9rem;margin-bottom:var(--space-sm)}.system-settings__cache-warning{font-size:.875rem;margin-bottom:var(--space-md);padding:var(--space-sm)}.system-settings__cache-clear-btn{font-size:.9rem;justify-content:center;padding:.625rem var(--space-md);width:100%}.system-settings__cache-icon{font-size:1rem}}@media (max-width:480px){.system-settings-page{margin:var(--space-sm);padding:var(--space-sm)}.system-settings-page h1{font-size:1.25rem;margin-bottom:var(--space-md)}.system-settings__form-group{margin-bottom:var(--space-sm);padding-bottom:var(--space-sm)}.system-settings__checkbox-label,.system-settings__form-label{font-size:.875rem}.system-settings__submit-btn{font-size:.9rem;margin-top:var(--space-md);padding:.625rem var(--space-sm)}.system-settings__cache-section{margin-top:var(--space-md);padding:var(--space-sm)}.system-settings__cache-section h2{font-size:1rem}.system-settings__cache-description{font-size:.85rem}.system-settings__cache-warning{font-size:.8rem}.system-settings__cache-clear-btn{font-size:.875rem;padding:.5rem var(--space-sm)}}.system-settings__section{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);margin-top:var(--space-lg);padding:var(--space-md)}.system-settings__section h3{color:var(--color-primary);margin-bottom:var(--space-sm)}.system-settings__section-description{color:var(--color-text-secondary);font-size:.9rem;margin-bottom:var(--space-md)}.system-settings__help-text{color:var(--color-text-muted);display:block;font-size:.85rem;margin-left:var(--space-lg);margin-top:var(--space-xs)}.system-settings__warning{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:var(--radius-base);color:#856404;font-size:.9rem;margin-top:var(--space-md);padding:var(--space-sm)}.system-settings-page.dark .system-settings__section{background-color:var(--color-bg-secondary);border-color:var(--color-border)}.system-settings-page.dark .system-settings__warning{background-color:#640;border-color:#970;color:#fc0}.admin-store-management{padding:1rem}.admin-store-management__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.admin-store-management__header h2{color:#333;margin:0}.admin-store-management__add-item-btn{align-items:center;background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem}.admin-store-management__add-item-btn:hover{background-color:#218838}.admin-store-management__new-item-form{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem;padding:2rem}.admin-store-management__new-item-form h3{color:#333;margin:0 0 1.5rem}.admin-store-management__form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.admin-store-management__form-group{display:flex;flex-direction:column}.admin-store-management__form-group--full-width{grid-column:span 2}.admin-store-management__form-group label{color:#555;font-weight:500;margin-bottom:.5rem}.admin-store-management__form-group input,.admin-store-management__form-group select,.admin-store-management__form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:.95rem;padding:.5rem}.admin-store-management__form-group textarea{resize:vertical}.admin-store-management__form-actions{display:flex;gap:1rem}.admin-store-management__cancel-btn,.admin-store-management__save-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem}.admin-store-management__save-btn{background-color:#28a745;color:#fff}.admin-store-management__save-btn:hover{background-color:#218838}.admin-store-management__cancel-btn{background-color:#6c757d;color:#fff}.admin-store-management__cancel-btn:hover{background-color:#5a6268}.admin-store-management__items-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.admin-store-management__item-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;position:relative;transition:transform .2s,box-shadow .2s}.admin-store-management__item-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.admin-store-management__item-card--inactive{opacity:.6}.admin-store-management__item-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.admin-store-management__item-icon{font-size:2rem}.admin-store-management__item-header h3{color:#333;font-size:1.25rem;margin:0}.admin-store-management__item-description{color:#666;font-size:.95rem;margin-bottom:1rem}.admin-store-management__item-details{display:flex;justify-content:space-between;margin-bottom:1rem}.admin-store-management__item-cost{color:#007bff;font-size:1.1rem;font-weight:600}.admin-store-management__item-category{background-color:#f0f0f0;border-radius:4px;color:#555;font-size:.85rem;padding:.25rem .75rem}.admin-store-management__item-meta{color:#666;display:flex;flex-wrap:wrap;font-size:.85rem;gap:1rem;margin-bottom:1rem}.admin-store-management__item-actions{display:flex;gap:.5rem}.admin-store-management__delete-btn,.admin-store-management__edit-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;gap:.5rem;justify-content:center;padding:.5rem}.admin-store-management__edit-btn{background-color:#007bff;color:#fff}.admin-store-management__edit-btn:hover{background-color:#0056b3}.admin-store-management__delete-btn{background-color:#dc3545;color:#fff}.admin-store-management__delete-btn:hover{background-color:#c82333}.admin-store-management__inactive-badge{background-color:#dc3545;border-radius:4px;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .5rem;position:absolute;right:1rem;top:1rem}.admin-store-management__edit-form{display:flex;flex-direction:column;gap:.75rem}.admin-store-management__edit-form input,.admin-store-management__edit-form select,.admin-store-management__edit-form textarea{border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:.5rem;width:100%}.admin-store-management__edit-form textarea{resize:vertical}.admin-store-management__edit-row{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr}.admin-store-management__active-toggle{align-items:center;cursor:pointer;display:flex;gap:.5rem}.admin-store-management__active-toggle input{width:auto}.admin-store-management__edit-actions{display:flex;gap:.5rem;margin-top:.5rem}.admin-store-management__edit-actions button{flex:1 1}.admin-store-management__loading{color:#666;padding:3rem;text-align:center}.dark-mode .admin-store-management h2,.dark-mode .admin-store-management__item-header h3,.dark-mode .admin-store-management__new-item-form h3{color:#e0e0e0}.dark-mode .admin-store-management__item-card,.dark-mode .admin-store-management__new-item-form{background-color:#2a2a2a;color:#e0e0e0}.dark-mode .admin-store-management__edit-form input,.dark-mode .admin-store-management__edit-form select,.dark-mode .admin-store-management__edit-form textarea,.dark-mode .admin-store-management__form-group input,.dark-mode .admin-store-management__form-group select,.dark-mode .admin-store-management__form-group textarea{background-color:#3a3a3a;border-color:#555;color:#e0e0e0}.dark-mode .admin-store-management__item-description{color:#aaa}.dark-mode .admin-store-management__item-category{background-color:#3a3a3a;color:#ccc}.dark-mode .admin-store-management__item-meta{color:#999}@media (max-width:768px){.admin-store-management__header{align-items:stretch;flex-direction:column;gap:1rem}.admin-store-management__form-grid{grid-template-columns:1fr}.admin-store-management__form-group--full-width{grid-column:span 1}.admin-store-management__edit-row,.admin-store-management__items-grid{grid-template-columns:1fr}}.admin-user-management{padding:1rem}.admin-user-management__search{display:flex;gap:1rem;margin-bottom:2rem}.admin-user-management__search input{border:1px solid #ddd;border-radius:6px;flex:1 1;font-size:1rem;padding:.75rem}.admin-user-management__search button{align-items:center;background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem}.admin-user-management__search button:hover{background-color:#0056b3}.admin-user-management__layout{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;height:600px}.admin-user-management__users-list{background:#fff;border-radius:8px;display:flex;flex-direction:column;overflow:hidden;padding:1rem}.admin-user-management__users-list h3{border-bottom:1px solid #eee;margin:0 0 1rem;padding-bottom:.5rem}.admin-user-management__users-table{flex:1 1;overflow-y:auto}.admin-user-management__user-row{align-items:center;border:1px solid #eee;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem;transition:all .2s}.admin-user-management__user-row:hover{background-color:#f8f9fa;border-color:#007bff}.admin-user-management__user-row.selected{background-color:#e7f3ff;border-color:#007bff}.admin-user-management__user-info{flex:1 1}.admin-user-management__user-name{color:#333;font-weight:600}.admin-user-management__user-email{color:#666;font-size:.85rem}.admin-user-management__user-badges{display:flex;gap:.5rem}.admin-user-management__badge--admin{background-color:#dc3545;color:#fff}.admin-user-management__badge--vip{background-color:gold;color:#333}.admin-user-management__badge--le{background-color:#28a745;color:#fff}.admin-user-management__badge{border-radius:4px;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.admin-user-management__user-details{background:#fff;border-radius:8px;overflow-y:auto;padding:1.5rem}.admin-user-management__user-details h3{border-bottom:1px solid #eee;margin:0 0 1rem;padding-bottom:.5rem}.admin-user-management__user-view p{margin:.5rem 0}.admin-user-management__user-view strong{color:#555;margin-right:.5rem}.admin-user-management__edit-btn{align-items:center;background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;gap:.5rem;margin-top:1rem;padding:.5rem 1rem}.admin-user-management__edit-btn:hover{background-color:#5a6268}.admin-user-management__edit-form{margin-bottom:2rem}.admin-user-management__form-group{margin-bottom:1rem}.admin-user-management__form-group label{color:#555;display:block;font-weight:500;margin-bottom:.5rem}.admin-user-management__form-group input,.admin-user-management__form-group select{border:1px solid #ddd;border-radius:4px;font-size:.95rem;padding:.5rem;width:100%}.admin-user-management__form-group.checkboxes label{align-items:center;cursor:pointer;display:flex;font-weight:400;margin-bottom:.5rem}.admin-user-management__form-group.checkboxes input{margin-right:.5rem;width:auto}.admin-user-management__edit-actions{display:flex;gap:1rem;margin-top:1rem}.admin-user-management__edit-actions button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem}.admin-user-management__edit-actions button:first-child{background-color:#28a745;color:#fff}.admin-user-management__edit-actions button:first-child:hover{background-color:#218838}.admin-user-management__edit-actions button:last-child{background-color:#dc3545;color:#fff}.admin-user-management__edit-actions button:last-child:hover{background-color:#c82333}.admin-user-management__badge-management,.admin-user-management__points-management{border-top:1px solid #eee;margin-top:2rem;padding-top:1.5rem}.admin-user-management__badge-management h4,.admin-user-management__points-management h4{color:#333;margin:0 0 1rem}.admin-user-management__points-controls{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 2fr}.admin-user-management__points-controls input{border:1px solid #ddd;border-radius:4px;grid-column:span 1;padding:.5rem}.admin-user-management__points-controls input[type=text]{grid-column:span 2}.admin-user-management__points-controls button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-weight:500;gap:.5rem;justify-content:center;padding:.5rem 1rem}.admin-user-management__points-controls .admin-user-management__add-points{background-color:#28a745;color:#fff}.admin-user-management__points-controls .admin-user-management__add-points:hover{background-color:#218838}.admin-user-management__points-controls .admin-user-management__remove-points{background-color:#dc3545;color:#fff}.admin-user-management__points-controls .admin-user-management__remove-points:hover{background-color:#c82333}.admin-user-management__badge-toggles{display:flex;flex-wrap:wrap;gap:.5rem}.admin-user-management__badge-toggles button{background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:.5rem 1rem;transition:all .2s}.admin-user-management__badge-toggles button:hover{background-color:#e9ecef;border-color:#adb5bd}.admin-user-management__badge-toggles button.active{background-color:#007bff;border-color:#007bff;color:#fff}.admin-user-management__badge-toggles button:disabled{cursor:not-allowed;opacity:.6}.dark-mode .admin-user-management__user-details,.dark-mode .admin-user-management__users-list{background-color:#2a2a2a;color:#e0e0e0}.dark-mode .admin-user-management__user-row{border-color:#444}.dark-mode .admin-user-management__user-row:hover{background-color:#3a3a3a;border-color:#007bff}.dark-mode .admin-user-management__user-row.selected{background-color:#1a3a52;border-color:#007bff}.dark-mode .admin-user-management__user-name{color:#e0e0e0}.dark-mode .admin-user-management__user-email{color:#aaa}.dark-mode .admin-user-management__badge-toggles button,.dark-mode .admin-user-management__form-group input,.dark-mode .admin-user-management__form-group select,.dark-mode .admin-user-management__points-controls input,.dark-mode .admin-user-management__search input{background-color:#3a3a3a;border-color:#555;color:#e0e0e0}.dark-mode .admin-user-management__badge-toggles button:hover{background-color:#4a4a4a;border-color:#666}.admin-user-management__password-section{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;margin-bottom:2rem;padding:1rem}.admin-user-management__password-section h5{color:#333;font-size:1rem;font-weight:600;margin:0 0 1rem}.admin-user-management__show-password-form-btn{align-items:center;background-color:#17a2b8;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.admin-user-management__show-password-form-btn:hover:not(:disabled){background-color:#138496;box-shadow:0 2px 8px #17a2b84d;transform:translateY(-1px)}.admin-user-management__password-form{display:flex;flex-direction:column;gap:1rem}.admin-user-management__password-input-group{align-items:stretch;display:flex;gap:.5rem}.admin-user-management__password-input-wrapper{flex:1 1;position:relative}.admin-user-management__password-input{border:1px solid #ddd;border-radius:4px;font-family:Courier New,monospace;font-size:.95rem;padding:.75rem 2.5rem .75rem .75rem;width:100%}.admin-user-management__toggle-password-btn{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;justify-content:center;padding:.25rem;position:absolute;right:.5rem;top:50%;transform:translateY(-50%)}.admin-user-management__toggle-password-btn:hover{color:#333}.admin-user-management__generate-password-btn{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1rem;white-space:nowrap}.admin-user-management__generate-password-btn:hover{background-color:#5a6268}.admin-user-management__password-actions{display:flex;gap:.5rem}.admin-user-management__change-password-btn{align-items:center;background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.admin-user-management__change-password-btn:hover:not(:disabled){background-color:#218838;box-shadow:0 2px 8px #28a7454d;transform:translateY(-1px)}.admin-user-management__change-password-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.admin-user-management__cancel-password-btn{align-items:center;background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1rem}.admin-user-management__cancel-password-btn:hover:not(:disabled){background-color:#5a6268}.admin-user-management__other-tools{margin-bottom:1rem}.admin-user-management__other-tools h5{color:#333;font-size:1rem;font-weight:600;margin:0 0 1rem}.dark-mode .admin-user-management__password-section{background-color:#2a2a2a;border-color:#444}.dark-mode .admin-user-management__other-tools h5,.dark-mode .admin-user-management__password-section h5{color:#e0e0e0}.dark-mode .admin-user-management__password-input{background-color:#3a3a3a;border-color:#555;color:#e0e0e0}.dark-mode .admin-user-management__toggle-password-btn{color:#aaa}.dark-mode .admin-user-management__toggle-password-btn:hover{color:#e0e0e0}.admin-user-management__user-tools{border-top:1px solid #eee;margin-top:2rem;padding-top:1.5rem}.admin-user-management__user-tools h4{color:#333;margin:0 0 1rem}.admin-user-management__fix-purchases-btn{align-items:center;background-color:#ff9800;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.admin-user-management__fix-purchases-btn:hover:not(:disabled){background-color:#f57c00;box-shadow:0 2px 8px #ff98004d;transform:translateY(-1px)}.admin-user-management__fix-purchases-btn:disabled{cursor:not-allowed;opacity:.6}.admin-user-management__tool-description{color:#666;font-size:.9rem;line-height:1.5;margin-top:.75rem}.dark-mode .admin-user-management__user-tools{border-top-color:#444}.dark-mode .admin-user-management__user-tools h4{color:#e0e0e0}.dark-mode .admin-user-management__tool-description{color:#aaa}@media (max-width:768px){.admin-user-management__layout{grid-template-columns:1fr;height:auto}.admin-user-management__users-list{max-height:400px}.admin-user-management__points-controls{grid-template-columns:1fr}.admin-user-management__points-controls input[type=text]{grid-column:span 1}}.admin-user-management__deletion-requests{background:#fff4e5;border:1px solid #ff9800;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.admin-user-management__deletion-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.admin-user-management__warning-icon{color:#ff9800;font-size:1.5rem}.admin-user-management__deletion-header h3{color:#e65100;margin:0}.admin-user-management__deletion-list{display:flex;flex-direction:column;gap:1rem}.admin-user-management__deletion-item{grid-gap:1rem;align-items:start;background:#fff;border:1px solid #ffcc80;border-radius:6px;display:grid;gap:1rem;grid-template-columns:1fr auto;padding:1rem}.admin-user-management__deletion-user{display:flex;flex-direction:column;gap:.25rem}.admin-user-management__deletion-user strong{color:#333;font-size:1rem}.admin-user-management__deletion-email{color:#666;font-size:.875rem}.admin-user-management__deletion-info{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.admin-user-management__deletion-date,.admin-user-management__deletion-scheduled{color:#666;font-size:.875rem}.admin-user-management__deletion-scheduled{color:#e65100;font-weight:500}.admin-user-management__deletion-reason{color:#666;font-size:.875rem;font-style:italic;margin-top:.25rem}.admin-user-management__deletion-actions{align-items:center;display:flex}.admin-user-management__view-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s}.admin-user-management__view-button:hover{background-color:#0056b3}.dark-mode .admin-user-management__deletion-requests{background:#3d2814;border-color:#ff9800}.dark-mode .admin-user-management__deletion-item{background:#2a2a2a;border-color:#ff9800}.dark-mode .admin-user-management__deletion-user strong{color:#e0e0e0}.dark-mode .admin-user-management__deletion-date,.dark-mode .admin-user-management__deletion-email,.dark-mode .admin-user-management__deletion-reason{color:#bbb}.admin-badge-management{padding:1rem}.badge-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.badge-header h2{color:#333;margin:0}.add-badge-btn{align-items:center;background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem}.add-badge-btn:hover{background-color:#218838}.new-badge-form{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem;padding:2rem}.new-badge-form h3{color:#333;margin:0 0 1.5rem}.templates-section{margin-bottom:2rem}.templates-section h4{color:#555;margin:0 0 1rem}.template-grid{grid-gap:.75rem;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.template-btn{align-items:center;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:.75rem;transition:transform .2s}.template-btn:hover{transform:translateY(-2px)}.template-icon{font-size:1.5rem}.template-name{font-size:.85rem;font-weight:500}.badge-form-fields{gap:1rem}.admin-badge__form-group,.badge-form-fields{display:flex;flex-direction:column}.admin-badge__form-group label{color:#555;font-weight:500;margin-bottom:.5rem}.admin-badge__form-group input,.admin-badge__form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:.95rem;padding:.5rem}.admin-badge__form-group textarea{resize:vertical}.form-row{grid-gap:1rem;gap:1rem;grid-template-columns:1fr 1fr}.badge-preview{background-color:#f8f9fa;border-radius:6px;margin:1.5rem 0;padding:1rem}.badge-preview h4{color:#555;margin:0 0 1rem}.preview-badge{align-items:center;border-radius:20px;color:#fff;display:inline-flex;font-weight:500;gap:.5rem;padding:.5rem 1rem}.preview-icon{font-size:1.2rem}.preview-name{font-size:.95rem}.form-actions{gap:1rem}.cancel-btn,.save-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem}.save-btn{background-color:#28a745}.save-btn:hover{background-color:#218838}.cancel-btn{background-color:#6c757d;color:#fff}.cancel-btn:hover{background-color:#5a6268}.existing-badges{margin-bottom:2rem}.existing-badges h3{color:#333;margin:0 0 1.5rem}.no-badges{background-color:#f8f9fa;border-radius:8px;color:#666;padding:3rem;text-align:center}.badges-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.badge-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;position:relative}.badge-display{align-items:center;border-radius:25px;color:#fff;display:inline-flex;font-weight:500;gap:.5rem;margin-bottom:1rem;padding:.75rem 1.25rem}.badge-icon{font-size:1.3rem}.badge-name{font-size:1rem}.badge-details{margin-bottom:1rem}.badge-description{color:#666;margin:0 0 .5rem}.badge-requirements{color:#555;font-size:.9rem;margin:0}.badge-requirements strong{color:#333}.badge-actions,.delete-btn,.edit-btn{display:flex;gap:.5rem}.delete-btn,.edit-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;flex:1 1;font-size:.9rem;justify-content:center;padding:.5rem}.edit-btn{background-color:#007bff;color:#fff}.edit-btn:hover{background-color:#0056b3}.delete-btn,.inactive-badge{background-color:#dc3545}.inactive-badge{border-radius:4px;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .5rem;position:absolute;right:1rem;top:1rem}.edit-form{display:flex;flex-direction:column;gap:.75rem}.edit-form input,.edit-form textarea{border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:.5rem;width:100%}.edit-form textarea{resize:vertical}.edit-row{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr auto}.edit-actions{display:flex;gap:.5rem;margin-top:.5rem}.edit-actions button{flex:1 1}.badge-assignment-info{background-color:#f8f9fa;border-radius:8px;padding:2rem}.badge-assignment-info h3{color:#333;margin:0 0 1rem}.badge-assignment-info p{color:#666;line-height:1.6;margin:0 0 .5rem}.badge-assignment-info strong{color:#333}.dark-mode .badge-assignment-info h3,.dark-mode .badge-header h2,.dark-mode .existing-badges h3,.dark-mode .new-badge-form h3{color:#e0e0e0}.dark-mode .badge-assignment-info,.dark-mode .badge-card,.dark-mode .new-badge-form{background-color:#2a2a2a;color:#e0e0e0}.dark-mode .badge-preview,.dark-mode .no-badges{background-color:#3a3a3a;color:#e0e0e0}.dark-mode .admin-badge__form-group input,.dark-mode .admin-badge__form-group textarea,.dark-mode .edit-form input,.dark-mode .edit-form textarea{background-color:#3a3a3a;border-color:#555;color:#e0e0e0}.dark-mode .badge-assignment-info p,.dark-mode .badge-description{color:#aaa}.dark-mode .badge-preview h4,.dark-mode .badge-requirements,.dark-mode .templates-section h4{color:#ccc}@media (max-width:768px){.badge-header{align-items:stretch;flex-direction:column;gap:1rem}.template-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.badges-grid,.form-row{grid-template-columns:1fr}}.facebook-tester-manager{margin:0 auto;max-width:1200px;padding:var(--space-lg)}.manager-header{margin-bottom:var(--space-xl)}.manager-header h2{color:var(--color-text);margin-bottom:var(--space-sm)}.manager-header p{color:var(--color-text-secondary);font-size:1.1rem}.auth-stats{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:var(--space-lg)}.auth-stat{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);display:flex;gap:var(--space-md);padding:var(--space-md)}.auth-icon{font-size:2rem}.auth-stat div{display:flex;flex-direction:column}.auth-stat strong{color:var(--color-primary);font-size:1.5rem}.auth-stat span{color:var(--color-text-secondary);font-size:.85rem}.instructions-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);margin-bottom:var(--space-xl);padding:var(--space-lg)}.instructions-card h3{color:var(--color-primary);margin-bottom:var(--space-md)}.instructions-card ol{color:var(--color-text);line-height:1.8;margin-left:var(--space-lg)}.instructions-card li{margin-bottom:var(--space-sm)}.instructions-card a{color:var(--color-primary);text-decoration:none}.instructions-card a:hover{text-decoration:underline}.warning-note{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:var(--radius-base);color:#856404;margin-top:var(--space-md);padding:var(--space-md)}.dark-mode .warning-note{background-color:#664d03;border-color:#997404;color:#ffecb5}.filter-section{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);gap:var(--space-md);margin-bottom:var(--space-lg);padding:var(--space-md)}.filter-section label{color:var(--color-text);font-weight:var(--font-weight-medium)}.auth-filter-select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;font-size:1rem;padding:var(--space-xs) var(--space-sm)}.auth-filter-select:focus{border-color:var(--color-primary);outline:none}.tester-actions{gap:var(--space-md);justify-content:space-between;margin-bottom:var(--space-lg)}.select-all-btn{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text);padding:var(--space-sm) var(--space-md)}.select-all-btn:hover{background-color:var(--color-bg-secondary);border-color:var(--color-border-dark)}.export-actions{display:flex;gap:var(--space-sm)}.copy-btn,.export-btn{background-color:var(--color-primary);border:none;border-radius:var(--radius-base);color:var(--color-text-inverse);cursor:pointer;font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.copy-btn:hover:not(:disabled),.export-btn:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.copy-btn:disabled,.export-btn:disabled{cursor:not-allowed;opacity:.5}.testers-table{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);margin-bottom:var(--space-xl);overflow:hidden}.testers-table table{border-collapse:collapse;width:100%}.testers-table th{background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);font-weight:var(--font-weight-medium);text-align:left}.testers-table td,.testers-table th{color:var(--color-text);padding:var(--space-md)}.testers-table td{border-bottom:1px solid var(--color-border-light)}.testers-table tr:last-child td{border-bottom:none}.testers-table tr:hover{background-color:var(--color-bg-hover)}.status-badge{font-size:.85rem}.status-active{background-color:#d4edda;color:#155724}.dark-mode .status-active{background-color:#155724;color:#d4edda}.status-revoked{background-color:#f8d7da;color:#721c24}.dark-mode .status-revoked{background-color:#721c24;color:#f8d7da}.signup-badge{border-radius:var(--radius-sm);display:inline-block;font-size:.85rem;font-weight:var(--font-weight-medium);padding:var(--space-xs) var(--space-sm)}.signup-badge.yes{background-color:#cce5ff;color:#004085}.dark-mode .signup-badge.yes{background-color:#004085;color:#cce5ff}.signup-badge.no{background-color:#f5f5f5;color:#666}.dark-mode .signup-badge.no{background-color:#444;color:#bbb}.auth-badge{border-radius:var(--radius-sm);display:inline-block;font-size:.85rem;font-weight:var(--font-weight-medium);padding:var(--space-xs) var(--space-sm)}.auth-google{background-color:#4285f4;color:#fff}.auth-facebook{background-color:#1877f2;color:#fff}.auth-email{background-color:#ea4335;color:#fff}.auth-unknown{background-color:#f5f5f5;border:1px solid var(--color-border);color:#666}.dark-mode .auth-unknown{background-color:#444;border-color:#555;color:#bbb}.auth-pending{background-color:#ffc107;color:#000}.facebook-notes{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:var(--space-lg)}.facebook-notes h3{color:var(--color-text);margin-bottom:var(--space-md)}.facebook-notes ul{color:var(--color-text-secondary);line-height:1.8;margin-left:var(--space-lg)}.facebook-notes li{margin-bottom:var(--space-sm)}@media (max-width:768px){.facebook-tester-manager{padding:var(--space-md)}.tester-actions{align-items:stretch}.export-actions,.tester-actions{flex-direction:column}.testers-table{overflow-x:auto}.testers-table table{min-width:600px}}.alpha-tester-management{margin:0 auto;max-width:1400px;padding:20px}.alpha-tester-management h1{color:var(--color-primary);margin-bottom:30px}.alpha-loading{color:var(--color-text);padding:50px;text-align:center}.alpha-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:40px}.stat-card h3{font-size:.9em;margin-bottom:10px}.stat-card p{font-size:2em;font-weight:700}.alpha-tabs{border-bottom:2px solid var(--color-border);display:flex;gap:var(--space-sm);margin-bottom:var(--space-xl)}.tab-button{background:none;border:none;border-bottom:3px solid #0000;color:var(--color-text-secondary);cursor:pointer;font-size:1rem;font-weight:var(--font-weight-medium);margin-bottom:-2px;padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.tab-button:hover{background-color:var(--color-bg-hover);color:var(--color-text)}.tab-button.active{background-color:var(--color-bg);border-bottom-color:var(--color-primary);color:var(--color-primary)}.alpha-sections{display:flex;flex-direction:column;gap:30px}.alpha-section{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px}.alpha-section h2{color:var(--color-text);font-size:1.3em;margin-bottom:10px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-header p{color:var(--color-text-secondary);margin:0}.batch-actions{align-items:center;display:flex;gap:10px}.select-all-container{background:var(--color-bg-tertiary);border-radius:var(--radius-base);margin-bottom:15px;padding:10px}.select-all-label{align-items:center;color:var(--color-text);cursor:pointer;display:flex;font-weight:500;gap:8px}.select-all-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.user-search-section{background:var(--color-bg-tertiary);border-radius:var(--radius-base);padding:20px}.user-search-section>p{color:var(--color-text-secondary);margin:0 0 15px}.search-controls{display:flex;gap:10px;margin:15px 0}.user-search-input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);flex:1 1;font-size:14px;padding:10px}.search-btn{background:var(--color-info);border:none;border-radius:var(--radius-base);color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:all var(--transition-base)}.search-btn:hover:not(:disabled){background:#0056b3;transform:translateY(-1px)}.search-btn:disabled{cursor:not-allowed;opacity:.6}.search-results{border:1px solid var(--color-border);border-radius:var(--radius-base);margin-top:20px;padding:15px}.search-results h4{color:var(--color-text);margin:0 0 15px}.user-result{align-items:center;border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;padding:10px}.user-result:last-child{border-bottom:none}.user-result.is-tester{background:var(--color-bg-secondary);opacity:.7}.user-info{flex-direction:column;gap:5px}.user-info strong{color:var(--color-text)}.user-info span{color:var(--color-text-secondary);font-size:14px}.user-role{background:var(--color-secondary);border-radius:var(--radius-pill);color:#fff;display:inline-block;font-size:12px;padding:2px 8px;text-transform:capitalize}.add-user-btn{background:var(--color-success);border:none;border-radius:var(--radius-base);color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:6px 15px;transition:all var(--transition-base)}.add-user-btn:hover:not(:disabled){background:#218838;transform:translateY(-1px)}.add-user-btn:disabled{cursor:not-allowed;opacity:.6}.no-results{color:var(--color-text-secondary);font-style:italic}.tester-controls{align-items:center;background:var(--color-bg-tertiary);border-radius:var(--radius-base);display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:20px;padding:20px}.tester-search-input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);flex:1 1;font-size:14px;min-width:300px;padding:10px 15px;transition:all var(--transition-base)}.tester-search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff6b351a;outline:none}.tester-search-input::placeholder{color:var(--color-text-muted)}.tester-controls select{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;font-size:14px;padding:8px 12px;transition:all var(--transition-base)}.tester-controls select:hover{border-color:var(--color-border-dark)}.tester-controls select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff6b351a;outline:none}.tester-controls button{align-items:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;font-size:14px;gap:4px;padding:8px 14px;transition:all var(--transition-base);white-space:nowrap}.tester-controls button:hover{background:var(--color-bg-hover);border-color:var(--color-border-dark);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.tester-controls label{color:var(--color-text);font-size:14px;font-weight:500}.add-testers-btn{background:var(--color-primary);border:none;border-radius:var(--radius-base);color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all var(--transition-base)}.add-testers-btn:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.add-testers-btn:disabled{cursor:not-allowed;opacity:.6}.delete-selected-btn{background:var(--color-danger);border:none;border-radius:var(--radius-base);color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all var(--transition-base)}.delete-selected-btn:hover{background:var(--color-danger-hover);transform:translateY(-1px)}.delete-selected-btn:disabled{cursor:not-allowed;opacity:.6}.signups-list,.testers-list{display:flex;flex-direction:column;gap:15px;max-height:600px;min-width:0;overflow-y:auto}.signup-card,.tester-card{align-items:flex-start;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);display:flex;gap:15px;padding:15px;position:relative}.signup-card input[type=checkbox]{flex-shrink:0;height:18px;margin-top:2px;width:18px}.signup-card.is-tester{background:var(--color-bg-tertiary);opacity:.7}.signup-info,.tester-info{flex:1 1;min-width:0}.signup-info h4,.tester-info h4{color:var(--color-text);font-size:1.1em;margin:0 0 5px}.tester-name-link{color:var(--color-primary);display:inline-block;position:relative;text-decoration:none;transition:all var(--transition-base)}.tester-name-link:hover{color:var(--color-primary-hover);text-decoration:underline}.tester-name-link:after{content:"→";display:inline-block;font-size:.9em;margin-left:5px;transition:transform var(--transition-base)}.tester-name-link:hover:after{transform:translateX(3px)}.tester-name-no-link{color:var(--color-text);cursor:not-allowed;opacity:.8}.signup-info p,.tester-info p{color:var(--color-text-secondary);font-size:.9em;margin:3px 0}.signup-details,.tester-details{background:var(--color-bg-secondary);border-radius:var(--radius-small);font-size:.85em;margin:8px 0;padding:8px 12px}.signup-details p{display:flex;gap:8px;margin:4px 0!important}.signup-details strong{color:var(--color-text);min-width:90px}.tester-details{display:flex;flex-wrap:wrap;gap:15px}.tester-details span{color:var(--color-text-secondary)}.signup-email{font-weight:500}.signup-location{color:var(--color-text-secondary)!important}.why-test{color:var(--color-text-muted);font-style:italic;margin-top:8px!important}.signup-date,.tester-date{color:var(--color-text-muted)!important;font-size:.85em!important;margin-top:8px!important}.tester-badge{background:var(--color-info);border-radius:var(--radius-pill);color:#fff;display:inline-block;font-size:.8em;margin-top:5px;padding:3px 10px}.tester-meta{display:flex;gap:10px;margin:8px 0}.online-status-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:.85em;font-weight:500;padding:2px 8px}.online-status-badge.online{background-color:#28a7451a;border:1px solid #28a7454d;color:#28a745}.online-status-badge.offline{background-color:#6c757d1a;border:1px solid #6c757d4d;color:#6c757d}body.dark-mode .online-status-badge.online{background-color:#28a74533;border-color:#28a74566;color:#5cb85c}body.dark-mode .online-status-badge.offline{background-color:#6c757d33;border-color:#6c757d66;color:#999}.status-badge{border-radius:var(--radius-pill);font-size:.8em;font-weight:600;padding:3px 10px}.status-badge.active{background:#28a74533}.status-badge.revoked{background:#dc354533;color:var(--color-danger)}.logged-in-badge{background:var(--color-success);border-radius:var(--radius-pill);color:#fff;display:inline-block;font-size:.8em;padding:3px 10px}.status-toggle-btn{border:1px solid;border-radius:var(--radius-base);cursor:pointer;font-size:.9em;font-weight:500;padding:8px 16px;transition:all var(--transition-base);white-space:nowrap}.status-toggle-btn.revoke{background:#0000;border-color:var(--color-danger);color:var(--color-danger)}.status-toggle-btn.revoke:hover{background:var(--color-danger);color:#fff}.status-toggle-btn.activate{background:#0000;border-color:var(--color-success);color:var(--color-success)}.status-toggle-btn.activate:hover{background:var(--color-success);color:#fff}.tester-card.revoked{opacity:.6}.tester-card.recent-login{background:linear-gradient(to right,#27ae600d 0,var(--color-bg) 100%);border-color:#27ae60;box-shadow:0 1px 3px #27ae6033}.tester-card .tester-info h4 .tester-name-link{padding-left:20px;position:relative}.tester-card .tester-info h4 .tester-name-link:before{content:"👤";font-size:.9em;left:0;opacity:.7;position:absolute}.tester-actions{align-items:center;display:flex;gap:8px}.set-password-btn{background:var(--color-primary);border:none;border-radius:var(--radius-base);color:#fff;cursor:pointer;font-size:.9em;font-weight:500;padding:8px 16px;transition:all var(--transition-base);white-space:nowrap}.set-password-btn:hover{background:#0056b3;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.reset-password-btn{background:var(--color-warning);border:none;border-radius:var(--radius-base);color:#fff;cursor:pointer;font-size:.9em;font-weight:500;padding:8px 16px;transition:all var(--transition-base);white-space:nowrap}.reset-password-btn:hover{background:#e67e22;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.resend-email-btn{background:var(--color-info);border:none;border-radius:var(--radius-base);color:#fff;cursor:pointer;font-size:.9em;font-weight:500;padding:8px 16px;transition:all var(--transition-base);white-space:nowrap}.resend-email-btn:hover{background:#138496;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.delete-tester-btn{background:#0000;border:1px solid var(--color-danger);border-radius:var(--radius-base);color:var(--color-danger);cursor:pointer;font-size:.9em;font-weight:500;padding:8px 16px;transition:all var(--transition-base);white-space:nowrap}.delete-tester-btn:hover{background:var(--color-danger);box-shadow:var(--shadow-sm);color:#fff;transform:translateY(-1px)}.signup-actions{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.quick-approve-btn{background:var(--color-success);border:none;border-radius:var(--radius-base);color:#fff;cursor:pointer;font-size:.9em;font-weight:600;padding:8px 16px;transition:all var(--transition-base);white-space:nowrap}.quick-approve-btn:hover{background:var(--color-success-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.delete-signup-btn{background:#0000;border:1px solid var(--color-danger);border-radius:var(--radius-base);color:var(--color-danger);cursor:pointer;font-size:.85em;font-weight:500;padding:6px 14px;transition:all var(--transition-base);white-space:nowrap}.delete-signup-btn:hover{background:var(--color-danger);box-shadow:var(--shadow-sm);color:#fff;transform:translateY(-1px)}@media (max-width:1024px){.alpha-sections{grid-template-columns:1fr}}@media (max-width:600px){.alpha-tester-management{padding:10px}.section-header,.signup-card,.tester-card{flex-direction:column}.section-header{align-items:stretch;gap:10px}.add-testers-btn{width:100%}.search-controls{flex-direction:column}.user-search-input{width:100%}.user-result{align-items:flex-start;flex-direction:column;gap:10px}.add-user-btn{width:100%}.tester-controls{align-items:stretch;flex-direction:column}.tester-search-input{min-width:100%}.tester-controls>div{flex-direction:column;gap:.5rem;width:100%}.tester-controls button,.tester-controls select{width:100%}}.tester-email-section{margin:8px 0}.tester-email{align-items:center;display:flex;gap:8px;margin:0}.edit-email-btn{background:#0000;border:none;border-radius:var(--radius-base);cursor:pointer;font-size:.9em;padding:2px 8px;transition:all var(--transition-base)}.edit-email-btn:hover{background:var(--color-bg-tertiary);transform:scale(1.1)}.email-edit-form{align-items:center;display:flex;gap:8px;margin:8px 0}.email-edit-input{background:var(--color-bg);border:1px solid var(--color-primary);border-radius:var(--radius-base);color:var(--color-text);flex:1 1;font-size:.9em;padding:6px 12px}.email-edit-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff6b351a;outline:none}.save-email-btn{background:var(--color-success);border:none;border-radius:var(--radius-base);color:#fff;cursor:pointer;font-size:.85em;font-weight:500;padding:6px 14px;transition:all var(--transition-base)}.save-email-btn:hover{background:var(--color-success-hover);transform:translateY(-1px)}.cancel-edit-btn{background:#0000;border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text-secondary);cursor:pointer;font-size:.85em;font-weight:500;padding:6px 14px;transition:all var(--transition-base)}.cancel-edit-btn:hover{background:var(--color-bg-tertiary);border-color:var(--color-text-secondary)}.password-change-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.password-change-dialog{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:500px;padding:30px;width:100%}.password-change-dialog h2{color:var(--color-primary);margin-bottom:10px}.dialog-email{color:var(--color-text-secondary);font-size:.95em}.dialog-email,.password-form{margin-bottom:30px}.form-group{margin-bottom:20px}.form-group label{font-weight:500;margin-bottom:8px}.password-input-wrapper input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:1em;padding:10px;transition:all var(--transition-base);width:100%}.password-input-wrapper input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff6b351a;outline:none}.checkbox-group label{align-items:center;cursor:pointer;display:flex;font-weight:400}.checkbox-group input[type=checkbox]{cursor:pointer;margin-right:8px}.error-message{color:var(--color-danger);font-size:.9em;margin-top:10px}.dialog-actions{display:flex;gap:12px;justify-content:flex-end}.save-password-btn{background:var(--color-primary);border:none;border-radius:var(--radius-base);color:#fff;cursor:pointer;font-size:1em;font-weight:500;padding:10px 24px;transition:all var(--transition-base)}.save-password-btn:hover:not(:disabled){background:#0056b3;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.save-password-btn:disabled{cursor:not-allowed;opacity:.6}.dialog-actions .cancel-btn{background:#0000;border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;font-size:1em;font-weight:500;padding:10px 24px;transition:all var(--transition-base)}.dialog-actions .cancel-btn:hover{background:var(--color-bg-secondary);border-color:var(--color-text-secondary)}.admin-management-page{margin:0 auto;max-width:1200px;padding:2rem}.access-denied{background-color:#f8f9fa;margin-top:3rem;padding:4rem}.access-denied p{color:#666;font-size:1.1rem}.admin-header{margin-bottom:3rem;text-align:center}.admin-header h1{color:#333;font-size:2.5rem;margin:0 0 .5rem}.admin-header p{color:#666;font-size:1.1rem;margin:0}.admin-tabs{-webkit-overflow-scrolling:touch;border-bottom:2px solid #e9ecef;display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;overflow-x:auto;padding-bottom:1rem}.admin-tab{align-items:center;background-color:initial;border:1px solid #dee2e6;border-radius:6px 6px 0 0;color:#666;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.admin-tab:hover{background-color:#f8f9fa;color:#333}.admin-tab.active{background-color:#007bff;border-color:#007bff;color:#fff;transform:translateY(2px)}.admin-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow-x:hidden;padding:2rem}.admin-treasury{margin:0 auto;max-width:600px;text-align:center}.admin-treasury h2{color:#333;margin-bottom:.5rem}.admin-treasury>p{color:#666;margin-bottom:2rem}.treasury-controls{background-color:#f8f9fa;border-radius:8px;padding:2rem}.points-input-group{margin-bottom:1.5rem}.points-input-group label{color:#555;display:block;font-weight:500;margin-bottom:.5rem}.points-input-group input{border:2px solid #ddd;border-radius:6px;font-size:1.25rem;max-width:300px;padding:.75rem;text-align:center;transition:border-color .3s;width:100%}.points-input-group input:focus{border-color:#007bff;outline:none}.quick-amounts{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:2rem}.quick-amounts button{background-color:#e9ecef;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s}.quick-amounts button:hover{background-color:#007bff;border-color:#007bff;color:#fff}.add-points-btn{background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-bottom:1.5rem;padding:1rem 2rem;transition:background-color .3s}.add-points-btn:hover:not(:disabled){background-color:#218838}.add-points-btn:disabled{cursor:not-allowed;opacity:.6}.treasury-note{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;margin-top:1rem;padding:1rem}.treasury-note p{color:#856404;font-size:.95rem;line-height:1.5;margin:0}.treasury-note strong{color:#533f03}.dark-mode .admin-management-page{background-color:#1a1a1a}.dark-mode .admin-header h1{color:#e0e0e0}.dark-mode .admin-header p{color:#aaa}.dark-mode .admin-tab{border-color:#555;color:#aaa}.dark-mode .admin-tab:hover{background-color:#2a2a2a;color:#e0e0e0}.dark-mode .admin-tab.active{background-color:#007bff;border-color:#007bff;color:#fff}.dark-mode .admin-content{background-color:#2a2a2a}.dark-mode .admin-treasury h2{color:#e0e0e0}.dark-mode .admin-treasury>p{color:#aaa}.dark-mode .treasury-controls{background-color:#3a3a3a}.dark-mode .points-input-group label{color:#ccc}.dark-mode .points-input-group input,.dark-mode .quick-amounts button{background-color:#3a3a3a;border-color:#555;color:#e0e0e0}.dark-mode .quick-amounts button:hover{background-color:#007bff;border-color:#007bff;color:#fff}.dark-mode .treasury-note{background-color:#3a3a2a;border-color:#555}.dark-mode .treasury-note p{color:#ccc}.dark-mode .treasury-note strong{color:#e0e0e0}.dark-mode .access-denied{background-color:#2a2a2a}.dark-mode .access-denied h2{color:#ff6b6b}.dark-mode .access-denied p{color:#aaa}@media (max-width:768px){.admin-management-page{padding:1rem}.admin-header h1{font-size:2rem}.admin-tabs{gap:.5rem;padding-bottom:.5rem}.admin-tab{flex-shrink:0;font-size:.9rem;padding:.5rem 1rem}.admin-content{padding:1rem}.treasury-controls{padding:1.5rem}.quick-amounts{gap:.25rem}.quick-amounts button{font-size:.9rem;padding:.4rem .8rem}.add-points-btn{font-size:1rem;padding:.75rem 1.5rem}}.admin-bandwidth-analytics{margin:0 auto;max-width:1200px;padding:0;width:100%}.admin-bandwidth-analytics--full-width{margin:0;max-width:none}body.has-profile-background .admin-bandwidth-analytics{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1rem}body.dark-mode .admin-bandwidth-analytics{background-color:#2a2a2a;color:var(--color-text)}body.dark-mode.has-profile-background .admin-bandwidth-analytics{background-color:#2a2a2af2}.admin-bandwidth-analytics__header{border-bottom:2px solid var(--color-primary);margin-bottom:2rem;padding:.5rem 1rem 1rem;position:relative;text-align:center}.admin-bandwidth-analytics__header-content{width:100%}.admin-bandwidth-analytics__header h1{color:var(--color-primary);font-size:2.5rem;margin:0 0 .5rem}.admin-bandwidth-analytics__header p{color:var(--color-text-secondary);font-size:1.1rem;margin:0}.admin-bandwidth-analytics__share-button{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;font-size:.875rem;height:auto;justify-content:center;margin-left:1rem;min-height:0;min-height:auto;padding:.25rem .5rem;position:static;transition:all .2s ease}.admin-bandwidth-analytics__share-button:hover{background-color:var(--color-bg-tertiary);box-shadow:var(--shadow-md);color:var(--color-primary);transform:translateY(-1px)}.admin-bandwidth-analytics__share-button:active{transform:translateY(0)}.admin-bandwidth-analytics__share-button svg{fill:currentColor;height:1em;width:1em}.admin-bandwidth-analytics__status{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem;padding:0 1rem}.admin-bandwidth-analytics__status-item{align-items:center;border-radius:var(--radius-lg);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.admin-bandwidth-analytics__status-item--success{background-color:#28a7451a;border:1px solid #28a7454d;color:#28a745}.admin-bandwidth-analytics__status-item--info{background-color:#17a2b81a;border:1px solid #17a2b84d;color:#17a2b8}.admin-bandwidth-analytics__status-item--warning{background-color:#ffc1071a;border:1px solid #ffc1074d;color:#ffc107}body.dark-mode .admin-bandwidth-analytics__status-item--success{background-color:#28a74533}body.dark-mode .admin-bandwidth-analytics__status-item--info{background-color:#17a2b833}body.dark-mode .admin-bandwidth-analytics__status-item--warning{background-color:#ffc10733}.admin-bandwidth-analytics__content{box-sizing:border-box;padding:0 1rem;width:100%}.admin-bandwidth-analytics__section{margin-bottom:3rem}.admin-bandwidth-analytics__section h2{border-bottom:1px solid var(--color-border);color:var(--color-text);margin-bottom:1rem;padding-bottom:.5rem}.admin-bandwidth-analytics__cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.admin-bandwidth-analytics__card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:1.5rem;transition:all .3s ease}.admin-bandwidth-analytics__card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.admin-bandwidth-analytics__card h3{color:var(--color-primary);margin:0 0 .5rem}.admin-bandwidth-analytics__card p{color:var(--color-text-secondary);margin:0}.admin-bandwidth-analytics__features{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));list-style:none;margin:0;padding:0}.admin-bandwidth-analytics__features li{background-color:var(--color-bg-tertiary);border-left:3px solid var(--color-primary);border-radius:var(--radius-base);padding:.5rem}.admin-bandwidth-analytics__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.admin-bandwidth-analytics__button{border:none;border-radius:var(--radius-base);cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.admin-bandwidth-analytics__button--primary{background-color:var(--color-primary);color:#fff}.admin-bandwidth-analytics__button--primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.admin-bandwidth-analytics__button--secondary{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.admin-bandwidth-analytics__button--secondary:hover{background-color:var(--color-bg-tertiary);transform:translateY(-1px)}.admin-bandwidth-analytics__notice{background-color:#ffc1071a;border:1px solid #ffc1074d;border-radius:var(--radius-lg);margin-top:3rem;padding:1.5rem;text-align:center}.admin-bandwidth-analytics__notice p{font-weight:500;margin:0}@media (max-width:768px){.admin-bandwidth-analytics{border-radius:0;padding:.5rem}.admin-bandwidth-analytics__header h1{font-size:2rem}.admin-bandwidth-analytics__breadcrumb-row{padding:.5rem}.admin-bandwidth-analytics__share-button{font-size:.75rem;margin-left:.5rem;padding:.25rem}.admin-bandwidth-analytics__status{align-items:stretch;flex-direction:column}.admin-bandwidth-analytics__content{padding:0 .5rem}.admin-bandwidth-analytics__cards,.admin-bandwidth-analytics__features{grid-template-columns:1fr}.admin-bandwidth-analytics__actions{flex-direction:column}.admin-bandwidth-analytics__button{width:100%}}.admin-bandwidth-analytics__skip-link{background:var(--color-primary);border-radius:var(--radius-base);color:#fff;font-weight:500;left:-9999px;padding:8px 16px;position:absolute;text-decoration:none;top:0;z-index:100}.admin-bandwidth-analytics__skip-link:focus{box-shadow:var(--shadow-lg);left:50%;top:10px;transform:translateX(-50%)}.admin-bandwidth-analytics__breadcrumb-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;padding:1rem 1rem 0}.admin-bandwidth-analytics__breadcrumbs{flex:1 1;margin:0;padding:0}.admin-bandwidth-analytics__breadcrumbs ol{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}.admin-bandwidth-analytics__breadcrumbs li{align-items:center;display:flex;gap:.5rem}.admin-bandwidth-analytics__breadcrumbs a{align-items:center;color:var(--color-primary);display:flex;gap:.25rem;text-decoration:none;transition:color .2s ease}.admin-bandwidth-analytics__breadcrumbs a:hover{color:var(--color-primary-hover);text-decoration:underline}.admin-bandwidth-analytics__breadcrumb-separator{color:var(--color-text-secondary);font-size:.75rem}.admin-bandwidth-analytics__error{margin:0 auto;max-width:600px;padding:3rem 1rem;text-align:center}.admin-bandwidth-analytics__error h2{color:var(--color-danger);margin-bottom:1rem}.admin-bandwidth-analytics__error p{color:var(--color-text-secondary);margin-bottom:2rem}.admin-bandwidth-analytics__loading{padding:2rem 1rem}.admin-bandwidth-analytics__skeleton{animation:skeleton-loading 1.5s ease-in-out infinite}.admin-bandwidth-analytics__skeleton-card,.admin-bandwidth-analytics__skeleton-header,.admin-bandwidth-analytics__skeleton-text{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--radius-base)}.admin-bandwidth-analytics__skeleton-header{height:3rem;margin:0 auto 2rem;width:60%}.admin-bandwidth-analytics__skeleton-text{height:1rem;margin-bottom:1rem}.admin-bandwidth-analytics__skeleton-text--short{width:70%}.admin-bandwidth-analytics__skeleton-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.admin-bandwidth-analytics__skeleton-card{height:150px}.admin-bandwidth-analytics__form{max-width:600px}.admin-bandwidth-analytics__form-group{margin-bottom:1.5rem}.admin-bandwidth-analytics__form-group label{color:var(--color-text);display:block;font-weight:500;margin-bottom:.5rem}.admin-bandwidth-analytics__required{color:var(--color-danger);margin-left:.25rem}.admin-bandwidth-analytics__input,.admin-bandwidth-analytics__select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:1rem;min-height:44px;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.admin-bandwidth-analytics__input:focus,.admin-bandwidth-analytics__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.admin-bandwidth-analytics__help-text{color:var(--color-text-secondary);display:block;font-size:.875rem;margin-top:.5rem}body.dark-mode .admin-bandwidth-analytics__skeleton-card,body.dark-mode .admin-bandwidth-analytics__skeleton-header,body.dark-mode .admin-bandwidth-analytics__skeleton-text{background:linear-gradient(90deg,#3a3a3a 25%,#4a4a4a 50%,#3a3a3a 75%)}body.dark-mode .admin-bandwidth-analytics__input,body.dark-mode .admin-bandwidth-analytics__select{background-color:var(--color-bg-secondary)}.admin-bandwidth-analytics__button:focus-visible,.admin-bandwidth-analytics__card:focus-visible,.admin-bandwidth-analytics__input:focus-visible,.admin-bandwidth-analytics__select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media print{.admin-bandwidth-analytics__actions,.admin-bandwidth-analytics__notice,.admin-bandwidth-analytics__offline-banner,.admin-bandwidth-analytics__skip-link,.admin-bandwidth-analytics__toast{display:none}.admin-bandwidth-analytics{background:#fff;color:#000;max-width:none;padding:0}}.admin-bandwidth-analytics__offline-banner{align-items:center;background-color:var(--color-warning);box-shadow:var(--shadow-md);color:#fff;display:flex;font-weight:500;gap:.5rem;justify-content:center;left:0;padding:.75rem;position:fixed;right:0;text-align:center;top:0;z-index:1100}.admin-bandwidth-analytics__toast{align-items:center;animation:slideIn .3s ease-out;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);bottom:2rem;box-shadow:var(--shadow-lg);display:flex;gap:1rem;max-width:400px;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:1200}.admin-bandwidth-analytics__toast-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.admin-bandwidth-analytics__toast-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s ease}.admin-bandwidth-analytics__toast-close:hover{color:var(--color-text)}.admin-bandwidth-analytics__toast--success{border-color:var(--color-success)}.admin-bandwidth-analytics__toast--success svg{color:var(--color-success)}.admin-bandwidth-analytics__toast--warning{border-color:var(--color-warning)}.admin-bandwidth-analytics__toast--warning svg{color:var(--color-warning)}.admin-bandwidth-analytics__toast--error{border-color:var(--color-danger)}.admin-bandwidth-analytics__toast--error svg{color:var(--color-danger)}.admin-bandwidth-analytics__toast--info{border-color:var(--color-info)}.admin-bandwidth-analytics__toast--info svg{color:var(--color-info)}.admin-bandwidth-analytics__unsaved-indicator{color:var(--color-warning);font-size:.875rem;font-weight:400;margin-left:.5rem}.admin-bandwidth-analytics__form-actions{display:flex;gap:1rem;margin-top:1.5rem}.admin-bandwidth-analytics__image-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1rem}.admin-bandwidth-analytics__image-container{aspect-ratio:16/9;background-color:var(--color-bg-secondary);border-radius:var(--radius-base);overflow:hidden;position:relative}.admin-bandwidth-analytics__image{height:100%;object-fit:cover;transition:opacity .3s ease;width:100%}.admin-bandwidth-analytics__image[data-src]{background-color:var(--color-bg-tertiary);opacity:0}.admin-bandwidth-analytics__image:not([data-src]){opacity:1}@media (prefers-contrast:high){.admin-bandwidth-analytics__button,.admin-bandwidth-analytics__input,.admin-bandwidth-analytics__select,.admin-bandwidth-analytics__toast{border-width:2px}}@media (max-width:768px){.admin-bandwidth-analytics__toast{bottom:1rem;left:1rem;max-width:none;right:1rem}.admin-bandwidth-analytics__form-actions{flex-direction:column}.admin-bandwidth-analytics__form-actions button{width:100%}.admin-bandwidth-analytics__image-grid{grid-template-columns:1fr}}.admin-bandwidth-analytics__header-actions{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.admin-bandwidth-analytics__export-btn,.admin-bandwidth-analytics__refresh-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.6rem 1.2rem;transition:all .2s ease}.admin-bandwidth-analytics__refresh-btn{background-color:var(--color-primary);color:#fff}.admin-bandwidth-analytics__refresh-btn:hover:not(:disabled){background-color:var(--color-primary-hover);transform:translateY(-1px)}.admin-bandwidth-analytics__export-btn{background-color:#28a745;color:#fff}.admin-bandwidth-analytics__export-btn:hover:not(:disabled){background-color:#218838;transform:translateY(-1px)}.admin-bandwidth-analytics__export-btn:disabled,.admin-bandwidth-analytics__refresh-btn:disabled{cursor:not-allowed;opacity:.6}.admin-bandwidth-analytics__stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.admin-bandwidth-analytics__stat-card{align-items:flex-start;background:var(--color-background);border-left:4px solid #0000;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;gap:1rem;padding:1.5rem;transition:transform .2s ease}.admin-bandwidth-analytics__stat-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.admin-bandwidth-analytics__stat-card--blue{border-left-color:#007bff}.admin-bandwidth-analytics__stat-card--green{border-left-color:#28a745}.admin-bandwidth-analytics__stat-card--purple{border-left-color:#6f42c1}.admin-bandwidth-analytics__stat-card--orange{border-left-color:#fd7e14}.admin-bandwidth-analytics__stat-icon{font-size:2rem;opacity:.8}.admin-bandwidth-analytics__stat-card--blue .admin-bandwidth-analytics__stat-icon{color:#007bff}.admin-bandwidth-analytics__stat-card--green .admin-bandwidth-analytics__stat-icon{color:#28a745}.admin-bandwidth-analytics__stat-card--purple .admin-bandwidth-analytics__stat-icon{color:#6f42c1}.admin-bandwidth-analytics__stat-card--orange .admin-bandwidth-analytics__stat-icon{color:#fd7e14}.admin-bandwidth-analytics__stat-content{flex:1 1}.admin-bandwidth-analytics__stat-title{color:var(--color-text-secondary);font-size:.9rem;font-weight:600;margin-bottom:.5rem}.admin-bandwidth-analytics__stat-value{color:var(--color-text);font-size:1.8rem;font-weight:700;margin-bottom:.25rem}.admin-bandwidth-analytics__stat-subtitle{color:var(--color-text-secondary);font-size:.85rem;margin-top:.25rem}.admin-bandwidth-analytics__section{background:var(--color-background);border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:1.5rem}.admin-bandwidth-analytics__section-title{align-items:center;color:var(--color-text);display:flex;font-size:1.3rem;font-weight:700;gap:.5rem;margin-bottom:1.5rem}.admin-bandwidth-analytics__table-wrapper{overflow-x:auto}.admin-bandwidth-analytics__table{border-collapse:collapse;font-size:.9rem;width:100%}.admin-bandwidth-analytics__table thead{background-color:var(--color-background-secondary);border-bottom:2px solid var(--color-border)}.admin-bandwidth-analytics__table td,.admin-bandwidth-analytics__table th{padding:.75rem 1rem;text-align:left}.admin-bandwidth-analytics__table th{color:var(--color-text);font-weight:600;white-space:nowrap}.admin-bandwidth-analytics__table tbody tr{border-bottom:1px solid var(--color-border);transition:background-color .2s ease}.admin-bandwidth-analytics__table tbody tr:hover{background-color:var(--color-background-secondary)}.admin-bandwidth-analytics__user-id{font-family:monospace;font-size:.85rem}.admin-bandwidth-analytics__tier-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.25rem .6rem;text-transform:uppercase}.admin-bandwidth-analytics__tier-badge--free{background-color:#6c757d;color:#fff}.admin-bandwidth-analytics__tier-badge--bronze{background-color:#cd7f32;color:#fff}.admin-bandwidth-analytics__tier-badge--silver{background-color:silver;color:#333}.admin-bandwidth-analytics__tier-badge--gold{background-color:gold;color:#333}.admin-bandwidth-analytics__tier-badge--le{background-color:#007bff;color:#fff}.admin-bandwidth-analytics__progress-cell{display:flex;flex-direction:column;gap:.25rem;min-width:120px}.admin-bandwidth-analytics__progress-bar{background-color:var(--color-background-secondary);border-radius:4px;height:8px;overflow:hidden;width:100%}.admin-bandwidth-analytics__progress-fill{border-radius:4px;height:100%;transition:width .3s ease}.admin-bandwidth-analytics__progress-fill--green{background-color:#28a745}.admin-bandwidth-analytics__progress-fill--orange{background-color:#fd7e14}.admin-bandwidth-analytics__progress-fill--red{background-color:#dc3545}.admin-bandwidth-analytics__status{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .6rem}.admin-bandwidth-analytics__status--normal{background-color:#d4edda;color:#155724}.admin-bandwidth-analytics__status--caution{background-color:#fff3cd;color:#856404}.admin-bandwidth-analytics__status--warning{background-color:#f8d7da;color:#721c24}.admin-bandwidth-analytics__status--critical{background-color:#dc3545;color:#fff}.admin-bandwidth-analytics__viral-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.admin-bandwidth-analytics__viral-card{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:8px;padding:1rem;transition:transform .2s ease}.admin-bandwidth-analytics__viral-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.admin-bandwidth-analytics__viral-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.75rem}.admin-bandwidth-analytics__viral-views{color:var(--color-text);font-size:.9rem;font-weight:700}.admin-bandwidth-analytics__viral-status{border-radius:12px;font-size:.7rem;font-weight:700;padding:.25rem .5rem;text-transform:uppercase}.admin-bandwidth-analytics__viral-status--normal{background-color:#28a745;color:#fff}.admin-bandwidth-analytics__viral-status--trending{background-color:#fd7e14;color:#fff}.admin-bandwidth-analytics__viral-status--throttled{background-color:#dc3545;color:#fff}.admin-bandwidth-analytics__viral-info p{color:var(--color-text-secondary);font-size:.85rem;margin:.4rem 0}.admin-bandwidth-analytics__viral-info strong{color:var(--color-text)}.admin-bandwidth-analytics__usage-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.admin-bandwidth-analytics__usage-card{align-items:center;background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:transform .2s ease}.admin-bandwidth-analytics__usage-card:hover{box-shadow:0 2px 6px #0000001a;transform:translateY(-2px)}.admin-bandwidth-analytics__usage-icon{color:var(--color-primary);font-size:2rem;opacity:.8}.admin-bandwidth-analytics__usage-info{flex:1 1}.admin-bandwidth-analytics__usage-type{color:var(--color-text-secondary);font-size:.85rem;font-weight:600;margin-bottom:.25rem;text-transform:capitalize}.admin-bandwidth-analytics__usage-bytes{color:var(--color-text);font-size:1.1rem;font-weight:700}.admin-bandwidth-analytics__tier-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.admin-bandwidth-analytics__tier-card{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:8px;padding:1rem;text-align:center}.admin-bandwidth-analytics__tier-count{color:var(--color-text);display:block;font-size:1.5rem;font-weight:700;margin-top:.75rem}.admin-bandwidth-analytics__error{align-items:center;background-color:#f8d7da;border-radius:6px;color:#721c24;display:flex;font-weight:600;gap:.5rem;margin-bottom:1.5rem;padding:1rem}body.dark-mode .admin-bandwidth-analytics__section,body.dark-mode .admin-bandwidth-analytics__stat-card{background-color:#1e1e1e;box-shadow:0 2px 8px #0000004d}body.dark-mode .admin-bandwidth-analytics__table tbody tr:hover,body.dark-mode .admin-bandwidth-analytics__table thead{background-color:#2a2a2a}body.dark-mode .admin-bandwidth-analytics__tier-card,body.dark-mode .admin-bandwidth-analytics__usage-card,body.dark-mode .admin-bandwidth-analytics__viral-card{background-color:#2a2a2a;border-color:#444}body.dark-mode .admin-bandwidth-analytics__status--normal{background-color:#1e4620;color:#a8d5ac}body.dark-mode .admin-bandwidth-analytics__status--caution{background-color:#4a3f1e;color:#f0d69c}body.dark-mode .admin-bandwidth-analytics__error,body.dark-mode .admin-bandwidth-analytics__status--warning{background-color:#4a1e1e;color:#f0a8ac}@media (max-width:768px){.admin-bandwidth-analytics__stats-grid{grid-template-columns:1fr}.admin-bandwidth-analytics__header-actions{flex-direction:column}.admin-bandwidth-analytics__table{font-size:.8rem}.admin-bandwidth-analytics__table td,.admin-bandwidth-analytics__table th{padding:.5rem}.admin-bandwidth-analytics__usage-grid,.admin-bandwidth-analytics__viral-grid{grid-template-columns:1fr}}.admin-bandwidth-analytics__access-denied{padding:3rem 1rem;text-align:center}.admin-bandwidth-analytics__access-denied h2{color:var(--color-text);margin-bottom:1rem}.admin-bandwidth-analytics__access-denied p{color:var(--color-text-secondary)}.admin-activity-log{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:2rem}.activity-log-header{align-items:center;background:#fffffff2;border-radius:12px;box-shadow:0 4px 6px #0000001a;display:flex;justify-content:space-between;margin-bottom:2rem;padding:2rem}.header-content h1{align-items:center;color:#333;display:flex;font-size:2rem;gap:.5rem;margin:0}.page-icon{color:#667eea}.header-subtitle{color:#666;margin:.5rem 0 0}.export-btn{align-items:center;background:#28a745;border-radius:8px;display:flex;font-size:1rem;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.export-btn:hover{background:#218838;transform:translateY(-2px)}.activity-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{box-shadow:0 2px 4px #0000001a;transition:transform .3s}.stat-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-4px)}.stat-icon{color:#667eea}.stat-value{color:#333;font-size:1.75rem}.stat-label{color:#666;font-size:.9rem;letter-spacing:.5px;text-transform:uppercase}.activity-filters{grid-gap:1rem;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem;padding:1.5rem}.filter-group{flex-direction:column;gap:.5rem}.filter-group label{align-items:center;color:#555;display:flex;font-size:.9rem;font-weight:500;gap:.5rem}.filter-group input,.filter-group select{background:#fff;border:1px solid #ddd;border-radius:6px;font-size:.95rem;padding:.5rem;transition:border-color .3s}.filter-group input:focus,.filter-group select:focus{border-color:#667eea;outline:none}.search-group{grid-column:span 2}.search-group input{width:100%}.activity-list{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.empty-message,.loading-message{align-items:center;color:#666;display:flex;flex-direction:column;font-size:1.1rem;gap:1rem;justify-content:center;padding:4rem}.empty-message svg,.loading-message svg{color:#667eea;font-size:3rem;opacity:.5}.activity-item{background:#f8f9fa;border-left:4px solid #0000;margin-bottom:1rem;transition:all .3s}.activity-item:hover{background:#e9ecef;border-left-color:#667eea;transform:translateX(4px)}.activity-icon{align-items:center;border-radius:50%;color:#fff;display:flex;height:40px;justify-content:center;width:40px}.activity-content{flex:1 1;min-width:0}.activity-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.activity-type{color:#333;font-size:.95rem;font-weight:600}.activity-time{color:#999;font-size:.85rem}.activity-details{color:#666;font-size:.9rem;line-height:1.4}.activity-details strong{color:#333;font-weight:600}.activity-description{color:#555}.activity-target{color:#777;font-size:.85rem;margin-top:.5rem}.activity-target code{background:#e9ecef;border-radius:3px;font-family:Courier New,monospace;font-size:.85rem;padding:2px 6px}.load-more-btn{background:#667eea;border-radius:8px;font-size:1rem;margin:2rem auto 0;padding:.75rem 1.5rem;transition:all .3s;width:200px}.load-more-btn:hover:not(:disabled){background:#5a67d8;transform:translateY(-2px)}@media (prefers-color-scheme:dark){.admin-activity-log{background:linear-gradient(135deg,#1a202c,#2d3748)}.activity-filters,.activity-list,.activity-log-header,.stat-card{background:#2d3748f2}.header-content h1,.stat-value{color:#e2e8f0}.activity-target,.activity-time,.filter-group label,.header-subtitle,.stat-label{color:#a0aec0}.filter-group input,.filter-group select{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.activity-item{background:#2d3748}.activity-item:hover{background:#374151}.activity-details strong,.activity-type{color:#e2e8f0}.activity-description,.activity-details{color:#cbd5e0}.activity-target code{background:#1a202c;color:#90cdf4}}@media (max-width:768px){.admin-activity-log{padding:1rem}.activity-log-header{flex-direction:column;gap:1rem;text-align:center}.export-btn{width:100%}.activity-filters,.activity-stats{grid-template-columns:1fr}.search-group{grid-column:span 1}.activity-header{align-items:flex-start;flex-direction:column;gap:.25rem}}.migration-page{margin:0 auto;max-width:800px;padding:20px}.migration-page--access-denied{padding:40px;text-align:center}.migration-page__title{color:var(--color-text);font-size:2rem;font-weight:700;margin-bottom:2rem}.migration-page__section{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;margin-bottom:2rem;padding:1.5rem}.migration-page__section-title{color:var(--color-text);font-size:1.5rem;font-weight:600;margin-bottom:1rem}.migration-page__description{color:var(--color-text-secondary);line-height:1.6;margin-bottom:1.5rem}.migration-page__description code{background:var(--color-bg-tertiary);border-radius:3px;color:var(--color-primary);font-family:Courier New,monospace;font-size:.9em;padding:2px 6px}.migration-page__button{background-color:var(--color-primary);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:10px 20px;transition:all .2s ease}.migration-page__button:hover:not(.migration-page__button--disabled){background-color:var(--color-primary-dark);box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.migration-page__button--disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}.migration-page__status{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text);font-family:Courier New,monospace;font-size:.9rem;margin-top:20px;padding:15px;white-space:pre-wrap}body[data-theme=dark] .migration-page__section{background:#ffffff0d}body[data-theme=dark] .migration-page__status{background:#ffffff14}body[data-theme=dark] .migration-page__description code{background:#ffffff1a}@media (max-width:768px){.migration-page{padding:15px}.migration-page__title{font-size:1.5rem}.migration-page__section-title{font-size:1.2rem}.migration-page__section{padding:1rem}}.fix-private-reports{margin:0 auto;max-width:1200px;padding:2rem}.fix-private-reports__container{background:#fff;background:var(--color-card-bg,#fff);border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md,0 4px 6px #0000001a);padding:2rem}.fix-private-reports__title{color:#1a1a1a;color:var(--color-text-primary,#1a1a1a);font-size:2rem;margin-bottom:1.5rem}.fix-private-reports__warning{background:#fff3cd;border:2px solid #ffc107;border-radius:8px;border-radius:var(--radius-base,8px);margin-bottom:2rem;padding:1.5rem}.fix-private-reports__warning h2{color:#856404;margin-bottom:1rem;margin-top:0}.fix-private-reports__warning p{color:#856404;margin-bottom:.5rem}.fix-private-reports__warning p:last-child{margin-bottom:0}.fix-private-reports__warning code{background:#0000001a;border-radius:4px;font-family:Courier New,monospace;padding:2px 6px}.fix-private-reports__info{background:#e7f3ff;border:2px solid #2196f3;border-radius:8px;border-radius:var(--radius-base,8px);margin-bottom:2rem;padding:1.5rem}.fix-private-reports__info h3{color:#0d47a1;margin-bottom:1rem;margin-top:0}.fix-private-reports__info ul{color:#0d47a1;margin-bottom:0;padding-left:1.5rem}.fix-private-reports__info li{margin-bottom:.5rem}.fix-private-reports__info code{background:#0000001a;border-radius:4px;font-family:Courier New,monospace;padding:2px 6px}.fix-private-reports__actions{margin-bottom:2rem;text-align:center}.fix-private-reports__button{background:#2196f3;background:var(--color-primary,#2196f3);border:none;border-radius:8px;border-radius:var(--radius-base,8px);color:#fff;cursor:pointer;font-size:1.125rem;font-weight:600;min-width:200px;padding:1rem 2rem;transition:all .2s ease}.fix-private-reports__button:hover:not(:disabled){background:#1976d2;background:var(--color-primary-dark,#1976d2);box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.fix-private-reports__button:disabled{cursor:not-allowed;opacity:.6}.fix-private-reports__result{border-radius:8px;border-radius:var(--radius-base,8px);margin-bottom:2rem;padding:1.5rem}.fix-private-reports__result--success{background:#d4edda;border:2px solid #28a745}.fix-private-reports__result--success h3{color:#155724;margin-bottom:1rem;margin-top:0}.fix-private-reports__result--success p{color:#155724;margin-bottom:.5rem}.fix-private-reports__result--error{background:#f8d7da;border:2px solid #dc3545}.fix-private-reports__result--error h3{color:#721c24;margin-bottom:1rem;margin-top:0}.fix-private-reports__result--error p{color:#721c24;margin-bottom:0}.fix-private-reports__count{font-size:1.25rem;margin-top:1rem}.fix-private-reports__note{background:#f8f9fa;border:2px solid #6c757d;border-radius:8px;border-radius:var(--radius-base,8px);padding:1.5rem}.fix-private-reports__note h3{color:#343a40;margin-bottom:1rem;margin-top:0}.fix-private-reports__note p{color:#495057;margin-bottom:.5rem}.fix-private-reports__note p:last-child{margin-bottom:0}.fix-private-reports__note code{background:#0000001a;border-radius:4px;font-family:Courier New,monospace;padding:2px 6px}@media (prefers-color-scheme:dark){.fix-private-reports__container{background:#2a2a2a;background:var(--color-card-bg-dark,#2a2a2a)}.fix-private-reports__title{color:#fff;color:var(--color-text-primary-dark,#fff)}}.diagnose-reports{margin:0 auto;max-width:1200px;padding:2rem}.diagnose-reports__container{background:#fff;background:var(--color-card-bg,#fff);border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md,0 4px 6px #0000001a);padding:2rem}.diagnose-reports__title{color:#1a1a1a;color:var(--color-text-primary,#1a1a1a);font-size:2rem;margin-bottom:1.5rem}.diagnose-reports__info{background:#e7f3ff;border:2px solid #2196f3;border-radius:8px;border-radius:var(--radius-base,8px);margin-bottom:2rem;padding:1.5rem}.diagnose-reports__info p{color:#0d47a1;margin-bottom:.5rem}.diagnose-reports__info p:last-child{margin-bottom:0}.diagnose-reports__info code{background:#0000001a;border-radius:4px;font-family:Courier New,monospace;padding:2px 6px}.diagnose-reports__actions{margin-bottom:2rem;text-align:center}.diagnose-reports__button{background:#2196f3;background:var(--color-primary,#2196f3);border:none;border-radius:8px;border-radius:var(--radius-base,8px);color:#fff;cursor:pointer;font-size:1.125rem;font-weight:600;min-width:200px;padding:1rem 2rem;transition:all .2s ease}.diagnose-reports__button:hover:not(:disabled){background:#1976d2;background:var(--color-primary-dark,#1976d2);box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.diagnose-reports__button:disabled{cursor:not-allowed;opacity:.6}.diagnose-reports__results{margin-top:2rem}.diagnose-reports__results h2{color:#1a1a1a;color:var(--color-text-primary,#1a1a1a);margin-bottom:1.5rem}.diagnose-reports__summary{background:#f8f9fa;border-radius:8px;border-radius:var(--radius-base,8px);margin-bottom:2rem;padding:1.5rem}.diagnose-reports__stat{background:#fff;border-left:4px solid #6c757d;border-radius:4px;margin-bottom:.5rem;padding:.75rem}.diagnose-reports__stat:last-child{margin-bottom:0}.diagnose-reports__stat strong{margin-right:.5rem}.diagnose-reports__stat--success{background:#d4edda;border-left-color:#28a745}.diagnose-reports__stat--error{background:#f8d7da;border-left-color:#dc3545}.diagnose-reports__stat--warning{background:#fff3cd;border-left-color:#ffc107}.diagnose-reports__alert{background:#fff3cd;border:2px solid #ffc107;border-radius:8px;border-radius:var(--radius-base,8px);margin-bottom:2rem;padding:1.5rem}.diagnose-reports__alert h3{color:#856404;margin-bottom:1rem;margin-top:0}.diagnose-reports__alert p{color:#856404;margin-bottom:.5rem}.diagnose-reports__alert a{color:#0056b3;font-weight:600}.diagnose-reports__samples h3{color:#1a1a1a;color:var(--color-text-primary,#1a1a1a);margin-bottom:1rem}.diagnose-reports__sample-group{background:#f8f9fa;border-radius:8px;border-radius:var(--radius-base,8px);margin-bottom:1.5rem;padding:1rem}.diagnose-reports__sample-group h4{color:#495057;margin-bottom:.75rem;margin-top:0}.diagnose-reports__sample-group ul{list-style:none;margin:0;padding:0}.diagnose-reports__sample-group li{background:#fff;border-radius:4px;font-family:monospace;margin-bottom:.25rem;padding:.5rem}.diagnose-reports__sample-group code{background:#e9ecef;border-radius:4px;margin-right:.5rem;padding:2px 6px}.diagnose-reports__success{background:#d4edda;border:2px solid #28a745;border-radius:8px;border-radius:var(--radius-base,8px);padding:1.5rem;text-align:center}.diagnose-reports__success h4{color:#155724;margin-bottom:.75rem;margin-top:0}.diagnose-reports__success p{color:#155724;margin-bottom:0}.diagnose-reports__success code{background:#0000001a;border-radius:4px;font-family:Courier New,monospace;padding:2px 6px}.user-search-select{position:relative;width:100%}.search-input-container{align-items:center;display:flex;position:relative}.search-icon{color:#666;left:12px;pointer-events:none;position:absolute}.search-input{border:1px solid #ddd;border-radius:8px;font-size:14px;padding:10px 40px;transition:border-color .2s;width:100%}.search-input:focus{border-color:#ff6b00;outline:none}.search-spinner{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#ff6b00;height:16px;position:absolute;right:12px;width:16px}.search-dropdown{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 6px #0000001a;left:0;margin-top:4px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.search-result-item{border-bottom:1px solid #f5f5f5;cursor:pointer;padding:12px;transition:background-color .2s}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background-color:#f8f8f8}.user-info{gap:12px}.user-avatar{flex-shrink:0;overflow:hidden}.user-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background:#ff6b00;color:#fff;display:flex;font-size:16px;font-weight:700;height:100%;justify-content:center;width:100%}.user-details{flex:1 1;min-width:0}.username{color:#333;font-weight:600;margin-bottom:2px}.email{color:#666;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-badge{border-radius:12px;font-size:10px;margin-top:4px}.role-badge.role-admin{background:#e3f2fd;color:#1976d2}.role-badge.role-super_admin{background:#f3e5f5;color:#7b1fa2}.role-badge.role-law_enforcement{background:#e8f5e9;color:#388e3c}.role-badge.role-moderator{background:#fff3e0;color:#f57c00}.selected-users{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.selected-user-chip{align-items:center;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:20px;display:inline-flex;font-size:14px;gap:8px;padding:4px 12px 4px 4px}.chip-avatar{align-items:center;background:#ff6b00;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;overflow:hidden;width:24px}.chip-avatar img{height:100%;object-fit:cover;width:100%}.chip-name{color:#333;font-weight:500}.remove-btn{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;padding:0;transition:color .2s}.remove-btn:hover{color:#ff6b00}@media (max-width:768px){.search-input{font-size:16px}.search-dropdown{max-height:250px}.user-avatar{height:36px;width:36px}.username{font-size:14px}.email{font-size:11px}.selected-user-chip{font-size:13px;padding:3px 10px 3px 3px}.chip-avatar{font-size:10px;height:20px;width:20px}}@media (max-width:480px){.search-dropdown{max-height:200px}.search-result-item{padding:10px}.user-info{gap:10px}}.admin-notification-dashboard{all:unset!important;background:var(--color-bg)!important;box-sizing:border-box!important;color:var(--color-text)!important;display:block!important;font-family:var(--font-family-base)!important;margin:0!important;padding:0!important;width:100%!important}.header-quick-actions{display:flex!important;gap:1rem!important;justify-content:center!important;margin:2rem 0 3rem!important;padding:0!important}.header-quick-actions button{align-items:center!important;background:var(--color-bg-secondary)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-lg)!important;color:var(--color-text)!important;cursor:pointer!important;display:flex!important;font-family:var(--font-family-base)!important;font-size:1rem!important;font-weight:var(--font-weight-medium)!important;gap:.5rem!important;padding:.75rem 1.5rem!important;transition:var(--transition-base)!important}.header-quick-actions button:hover{background:var(--color-primary)!important;border-color:var(--color-primary)!important;box-shadow:var(--shadow-md)!important;color:#fff!important;transform:translateY(-2px)!important}.admin-notification-dashboard .stats-grid{grid-gap:1.5rem;box-sizing:border-box!important;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem;margin-left:-280px!important;padding-left:280px!important;width:calc(100% + 280px)!important}.stat-card{background:var(--color-surface);border-radius:12px;box-shadow:0 2px 8px #0000001a;gap:1.5rem}.stat-card:hover{box-shadow:0 4px 12px #00000026}.stat-content h3{color:var(--color-text);font-size:2rem;margin:0}.stat-content p{color:var(--color-text-secondary);font-size:.9rem;margin:0}.admin-notification-dashboard .admin-content{grid-gap:2rem!important;display:grid!important;gap:2rem!important;grid-template-columns:1fr 1fr!important;left:0!important;margin:0!important;max-width:none!important;padding:0!important;position:relative!important;width:100%!important}.compose-section{background:var(--color-surface);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem}.compose-section h2{color:var(--color-text);margin-bottom:1.5rem}.compose-tabs{border-bottom:2px solid var(--color-border);display:flex;gap:.5rem;margin-bottom:2rem}.compose-tabs button{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;position:relative;transition:color .2s}.compose-tabs button:hover{color:var(--color-text)}.compose-tabs button.active{color:var(--color-primary)}.compose-tabs button.active:after{background:var(--color-primary);bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.user-group-selection{margin-bottom:1.5rem}.user-group-selection label{color:var(--color-text);display:block;font-weight:500;margin-bottom:.5rem}.user-group-selection select{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:1rem;padding:.75rem;width:100%}.template-selection{margin-bottom:1.5rem}.template-selection label{color:var(--color-text);display:block;font-weight:500;margin-bottom:1rem}.template-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.template-card{background:var(--color-bg);border:2px solid var(--color-border);border-radius:8px;cursor:pointer;padding:1rem}.template-card.selected,.template-card:hover{border-color:var(--color-primary)}.template-card.selected{background:var(--color-primary-light)}.template-card h4{color:var(--color-text);font-size:1rem;margin:0 0 .5rem}.template-card p{color:var(--color-text-secondary);font-size:.85rem;margin:0}.notification-form{gap:1.5rem!important}.admin-notifications__form-group,.notification-form{display:flex!important;flex-direction:column!important}.admin-notifications__form-group{gap:.75rem!important}.admin-notifications__form-group label,.user-group-selection label,.user-selection label{color:var(--color-text)!important;font-size:1rem!important;font-weight:var(--font-weight-medium)!important;margin-bottom:.5rem!important}.admin-notifications__form-group input,.admin-notifications__form-group select,.admin-notifications__form-group textarea{background:var(--color-bg)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-lg)!important;color:var(--color-text)!important;font-family:var(--font-family-base)!important;font-size:1rem!important;padding:.75rem!important;transition:var(--transition-base)!important;width:100%!important}.admin-notifications__form-group input:focus,.admin-notifications__form-group select:focus,.admin-notifications__form-group textarea:focus{border-color:var(--color-primary)!important;box-shadow:0 0 0 3px #ff45001a!important;outline:none!important}.admin-notifications__form-group textarea{min-height:100px!important;resize:vertical!important}.admin-notifications__form-row{grid-gap:1rem!important;display:grid!important;gap:1rem!important;grid-template-columns:1fr 1fr!important}.user-group-selection,.user-selection{margin-bottom:1.5rem!important}.user-group-selection label,.user-selection label{color:var(--color-text)!important;display:block!important;font-size:1rem!important;font-weight:var(--font-weight-medium)!important;margin-bottom:.75rem!important}.user-selection input[placeholder*=Search],.user-selection input[type=text]{background:var(--color-bg)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-lg)!important;color:var(--color-text)!important;font-family:var(--font-family-base)!important;font-size:1rem!important;padding-left:2.5rem!important;padding-right:.75rem!important;transition:var(--transition-base)!important;width:100%!important}.admin-notifications__form-group textarea{min-height:100px;resize:vertical}.admin-notifications__form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.schedule-options{display:flex;gap:2rem}.schedule-options label{align-items:center;color:var(--color-text);cursor:pointer;display:flex;gap:.5rem}.schedule-options input[type=radio]{width:auto}.schedule-details{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;padding:1rem}.recurring-checkbox{align-items:center;color:var(--color-text);cursor:pointer;display:flex;gap:.5rem;margin:1rem 0}.recurring-checkbox input[type=checkbox]{width:auto}.ab-test-section{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;padding:1.5rem}.ab-test-toggle{align-items:center;color:var(--color-text);cursor:pointer;display:flex;font-weight:500;gap:.75rem}.ab-test-toggle input[type=checkbox]{width:auto}.ab-test-toggle svg{color:var(--color-primary)}.ab-variants{grid-gap:1.5rem;display:grid;gap:1.5rem;margin-top:1.5rem}.variant-config{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:1rem}.variant-config h4{color:var(--color-primary);margin:0 0 1rem}.send-button{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:var(--font-weight-medium);gap:.75rem;justify-content:center;padding:1rem 2rem;transition:var(--transition-base)}.send-button:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.send-button:active{transform:translateY(0)}.recent-section{background:var(--color-surface);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem}.recent-section h2{color:var(--color-text)}.notification-filters,.recent-section h2{margin-bottom:1.5rem}.notification-filters select{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:.9rem;padding:.5rem 1rem}.recent-notifications-list{display:flex!important;flex-direction:column!important;gap:1rem!important;margin-right:.5rem!important;max-height:600px!important;overflow-y:auto!important;padding-right:1rem!important}.recent-notification-item{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;padding:1rem;transition:all .2s}.recent-notification-item:hover{border-color:var(--color-primary);transform:translateX(4px)}.notification-meta{font-size:.85rem;gap:.75rem;margin-bottom:.75rem}.priority-badge{font-size:.75rem;padding:.25rem .5rem}.priority-badge.urgent{background:#e74c3c33;color:#e74c3c}.priority-badge.high{background:#f1c40f33;color:#f39c12}.priority-badge.normal{background:#3498db33;color:#3498db}.priority-badge.low{background:#9b9b9b33;color:#7f8c8d}.notification-time,.notification-type{color:var(--color-text-secondary);font-size:.85rem}.notification-time{margin-left:auto}.recent-notification-item h4{color:var(--color-text);font-size:1.1rem;margin:0 0 .5rem}.recent-notification-item p{color:var(--color-text-secondary);line-height:1.5;margin:0 0 .75rem}.notification-stats{color:var(--color-text-secondary);display:flex;font-size:.85rem;gap:1rem}.read-indicator{color:var(--color-success)}.admin-loading{color:var(--color-text-secondary)}.admin-error,.admin-loading{align-items:center;display:flex;font-size:1.2rem;justify-content:center;min-height:100vh}.admin-error{color:var(--color-danger)}[data-theme=dark] .compose-section,[data-theme=dark] .recent-section,[data-theme=dark] .stat-card{background:var(--color-surface-dark);box-shadow:0 2px 8px #0000004d}[data-theme=dark] .notification-form input,[data-theme=dark] .notification-form select,[data-theme=dark] .notification-form textarea,[data-theme=dark] .recent-notification-item,[data-theme=dark] .template-card{background:var(--color-bg-dark);border-color:var(--color-border-dark)}@media (max-width:1024px){.admin-content,.admin-notifications__form-row{grid-template-columns:1fr}}@media (max-width:768px){.admin-notification-dashboard{padding:1rem!important}.admin-header h1{font-size:1.8rem!important}.admin-header p{font-size:1rem!important}.admin-notification-dashboard .stats-grid{gap:1rem;grid-template-columns:1fr;margin-left:0!important;padding-left:0!important;width:100%!important}.stat-card{padding:1.2rem}.stat-icon{font-size:2rem}.stat-content h3{font-size:.9rem}.stat-content p{font-size:1.5rem}.compose-section,.history-section,.templates-section{padding:1.5rem}.compose-tabs{-webkit-overflow-scrolling:touch;gap:.5rem;overflow-x:auto}.compose-tabs button{font-size:.9rem;padding:.5rem 1rem;white-space:nowrap}.form-group label{font-size:.9rem}.admin-notifications__form-row{gap:1rem}.channel-selector,.recipient-selector{flex-direction:column;gap:.8rem}.channel-option,.recipient-option{padding:.6rem}.schedule-options{flex-direction:column;gap:1rem}.datetime-inputs{flex-direction:column;gap:.5rem}.save-template-btn,.send-button{font-size:.95rem;padding:.8rem 1.5rem}.template-card{padding:1rem}.template-actions{flex-direction:column;gap:.5rem;width:100%}.template-actions button{justify-content:center;width:100%}.history-filters{flex-direction:column;gap:.8rem}.history-table{font-size:.85rem}.history-table td,.history-table th{padding:.5rem}.header-quick-actions{align-items:stretch!important;flex-direction:column!important;margin:1.5rem 0 2rem!important}.header-quick-actions button{font-size:.9rem!important;justify-content:center!important;padding:.6rem 1rem!important;width:100%!important}}@media (max-width:480px){.admin-notification-dashboard{padding:.5rem!important}.admin-header h1{font-size:1.5rem!important}.admin-header p{font-size:.9rem!important}.compose-section,.history-section,.templates-section{padding:1rem}.compose-tabs button{font-size:.85rem;padding:.4rem .8rem}.channel-option label,.recipient-option label{font-size:.85rem}.history-table .recipients-column,.history-table .status-column{display:none}}.notification-templates-page{background:#fff!important;background:var(--color-bg,#fff)!important;color:#333!important;color:var(--color-text,#333)!important;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.templates-header-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:30px}.new-template-btn{align-items:center;background:#ff4500!important;background:var(--color-primary,#ff4500)!important;border:none;border-radius:8px;color:#fff!important;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 20px;transition:all .2s}.new-template-btn:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.templates-filters{margin-bottom:30px}.category-tabs{border-bottom:2px solid var(--color-border-light);gap:10px;overflow-x:auto;padding-bottom:10px}.category-tabs button{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s;white-space:nowrap}.category-tabs button:hover{color:var(--color-primary)}.category-tabs button.active{border-bottom:2px solid var(--color-primary);color:var(--color-primary);font-weight:600;margin-bottom:-12px}.templates-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.template-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:20px;transition:all .2s}.template-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.template-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.template-header h3{color:#333;font-size:18px;margin:0}.default-badge{background:#e3f2fd;border-radius:4px;color:#1976d2;font-size:11px;font-weight:600;padding:4px 8px;text-transform:uppercase}.template-meta{display:flex;gap:10px;margin-bottom:15px}.template-meta .category{background:#f5f5f5;color:var(--color-text-secondary)}.template-meta .category,.template-meta .priority{border-radius:16px;font-size:12px;padding:4px 12px}.template-meta .priority{font-weight:500;text-transform:capitalize}.priority-urgent{background:#ffebee;color:#c62828}.priority-high{background:#fff3e0;color:#e65100}.priority-medium{background:#fff8e1;color:#f57f17}.priority-normal{background:#f3f4f6;color:var(--color-text-secondary)}.template-description{color:var(--color-text-secondary);font-size:13px;line-height:1.5;margin-bottom:15px}.template-content{background:var(--color-bg-tertiary);border-radius:8px;margin-bottom:15px;padding:15px}.template-field{margin-bottom:12px}.template-field:last-child{margin-bottom:0}.template-field strong{color:var(--color-text-secondary);display:block;font-size:12px;margin-bottom:4px}.template-field code{background:#e8e8e8;border-radius:4px;display:block;font-family:Consolas,Monaco,monospace;font-size:13px;overflow-x:auto;padding:6px 10px;white-space:pre-wrap;word-break:break-word}.template-variables{margin-top:12px}.variable-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.variable-tag{background:#e3f2fd;border-radius:4px;color:#1565c0;font-family:Consolas,Monaco,monospace;font-size:11px;padding:3px 8px}.template-actions{display:flex;gap:8px;justify-content:flex-end}.template-actions button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:6px 14px;transition:all .2s}.preview-btn{background:#e3f2fd;color:#1976d2}.preview-btn:hover{background:#bbdefb}.edit-btn{background:#f3e5f5;color:#7b1fa2}.edit-btn:hover{background:#e1bee7}.delete-btn{background:#ffebee;color:#c62828}.delete-btn:hover{background:#ffcdd2}.template-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.template-modal{background:#fff;border-radius:12px;display:flex;flex-direction:column;max-height:90vh;max-width:800px;width:100%}.modal-header{border-bottom:1px solid #eee}.modal-header button{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:20px;padding:5px;transition:color .2s}.modal-header button:hover{color:#333}.modal-body{padding:20px}.template-form{display:flex;flex-direction:column;gap:20px}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-group label{color:#333;font-size:14px;font-weight:600;margin-bottom:6px}.form-group input,.form-group select,.notification-templates__form-group textarea{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary);outline:none}.notification-templates__form-group textarea{font-family:inherit;resize:vertical}.form-group small{color:var(--color-text-secondary);font-size:12px;margin-top:4px}.variable-help{background:var(--color-bg-tertiary);border-radius:8px;padding:15px}.variable-help h4{align-items:center;color:#333;display:flex;font-size:14px;gap:8px;margin:0 0 10px}.variable-examples{display:flex;flex-wrap:wrap;gap:8px}.variable-examples code{background:#e3f2fd;border-radius:4px;color:#1565c0;font-size:12px;padding:4px 8px}.form-actions{border-top:1px solid #eee;padding-top:10px}.save-btn{align-items:center;background:#ff6b00;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 24px;transition:all .2s}.save-btn:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.save-btn:disabled{cursor:not-allowed;opacity:.6}.preview-modal .modal-body{display:flex;flex-direction:column;gap:30px}.preview-section h3{color:#333;font-size:16px;margin:0 0 15px}.preview-field{margin-bottom:10px}.preview-field strong{color:var(--color-text-secondary);display:inline-block;font-size:13px;width:80px}.preview-field code{background:#f0f0f0;border-radius:4px;font-family:Consolas,Monaco,monospace;font-size:13px;padding:4px 8px}.preview-notification{background:var(--color-bg-tertiary);border:1px solid #e0e0e0;border-radius:8px;padding:15px}.preview-title{color:#333;font-size:16px;font-weight:600;margin-bottom:8px}.preview-message{color:var(--color-text-secondary);font-size:14px;line-height:1.5;margin-bottom:10px}.preview-priority{border-radius:16px;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px}@media (max-width:768px){.templates-header{align-items:stretch;flex-direction:column;text-align:center}.templates-header h1{margin-bottom:15px;order:-1}.back-button,.new-template-btn{justify-content:center}.templates-grid{grid-template-columns:1fr}.category-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.template-modal{border-radius:0;max-height:100vh}.form-row{grid-template-columns:1fr}.template-actions{flex-wrap:wrap}.template-actions button{flex:1 1;justify-content:center;min-width:100px}}.notification-analytics-page{background:#fff!important;background:var(--color-bg,#fff)!important;color:#333!important;color:var(--color-text,#333)!important;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.analytics-loading{align-items:center;color:#666;color:var(--color-text-secondary,#666);display:flex;font-size:16px;justify-content:center;min-height:400px}.analytics-header-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:30px}.time-range-selector{background:#f5f5f5!important;background:var(--color-bg-secondary,#f5f5f5)!important;border-radius:8px;display:flex;gap:5px;padding:4px}.time-range-selector button{background:none;border:none;border-radius:6px;color:#666!important;color:var(--color-text-secondary,#666)!important;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.time-range-selector button:hover{background:#e8e8e8!important;background:var(--color-bg-hover,#e8e8e8)!important}.time-range-selector button.active{background:#ff4500!important;background:var(--color-primary,#ff4500)!important;box-shadow:0 2px 4px #0000001a;color:#fff!important;font-weight:600}.metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:40px}.metric-card{align-items:center;background:#fff!important;background:var(--color-bg,#fff)!important;border:1px solid #e0e0e0!important;border:1px solid var(--color-border,#e0e0e0)!important;border-radius:12px;display:flex;gap:15px;padding:20px;transition:all .2s}.metric-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.metric-icon{align-items:center;background:#ff45001a!important;border-radius:12px;color:#ff4500!important;color:var(--color-primary,#ff4500)!important;display:flex;font-size:24px;height:50px;justify-content:center;width:50px}.metric-content h3{color:#333!important;color:var(--color-text,#333)!important;font-size:28px;font-weight:700;margin:0}.metric-content p{color:#666!important;color:var(--color-text-secondary,#666)!important;font-size:14px;margin:4px 0 0}.metric-content small{color:#999!important;color:var(--color-text-muted,#999)!important;display:block;font-size:12px;margin-top:4px}.analytics-content{display:flex;flex-direction:column;gap:30px}.analytics-section{background:#fff!important;background:var(--color-bg,#fff)!important;border:1px solid #e0e0e0!important;border:1px solid var(--color-border,#e0e0e0)!important;border-radius:12px;padding:25px}.analytics-section h2{color:#333!important;color:var(--color-text,#333)!important;font-size:18px;margin:0 0 20px}.analytics-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.analytics-section.half{flex:1 1}.type-breakdown{display:flex;flex-direction:column;gap:12px}.type-item{background:#f8f9fa!important;background:var(--color-bg-tertiary,#f8f9fa)!important;border-radius:8px;padding:12px}.type-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.type-name{color:#333!important;color:var(--color-text,#333)!important;font-size:14px;font-weight:600;text-transform:capitalize}.type-count{color:#666;font-size:12px}.type-stats{display:flex;flex-direction:column;gap:6px}.type-bar{background:#e8e8e8;border-radius:10px;height:20px;overflow:hidden;position:relative}.type-bar-fill{height:100%;left:0;position:absolute;top:0;transition:width .3s ease}.type-bar-fill.opened{background:#4caf50;z-index:1}.type-bar-fill.clicked{background:#2196f3;z-index:2}.type-rates{color:#666;display:flex;font-size:11px;justify-content:space-between}.priority-chart{display:flex;flex-direction:column;gap:12px}.priority-item{gap:12px}.priority-item,.priority-label{align-items:center;display:flex}.priority-label{gap:8px;min-width:120px}.priority-badge{border-radius:16px;padding:4px 12px}.priority-count{color:#666;font-size:12px}.priority-bar{background:#e8e8e8;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.priority-bar-fill{height:100%;transition:width .3s ease}.priority-bar-fill.priority-urgent{background:#f44336}.priority-bar-fill.priority-high{background:#ff9800}.priority-bar-fill.priority-medium{background:#ffc107}.priority-bar-fill.priority-normal{background:#9e9e9e}.top-performers{display:flex;flex-direction:column;gap:12px}.performer-item{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;gap:12px;padding:12px}.performer-rank{color:#ff6b00;font-size:18px;font-weight:700;min-width:30px}.performer-info{flex:1 1}.performer-type{color:#333;font-size:14px;font-weight:600;margin-bottom:4px}.performer-stats{color:#666;display:flex;font-size:12px;gap:12px}.performer-engagement{text-align:center}.engagement-score{font-size:24px;font-weight:700}.engagement-label{color:#666;font-size:11px;text-transform:uppercase}.hourly-chart{padding:20px 0}.hourly-bars{align-items:flex-end;display:flex;gap:2px;height:200px;justify-content:space-between}.hourly-bar-container{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%;position:relative}.hourly-bar{background:#ff6b00;border-radius:4px 4px 0 0;bottom:30px;cursor:pointer;position:absolute;transition:all .2s;width:100%}.hourly-bar:hover{background:#e55a00}.hourly-label{bottom:0;color:#666;font-size:10px;margin-top:5px;position:absolute;text-align:center;width:100%}.ab-tests-list{display:flex;flex-direction:column;gap:16px}.ab-test-item{background:#f8f9fa;border-radius:8px;padding:16px}.ab-test-header{align-items:center;color:#666;display:flex;font-size:12px;justify-content:space-between;margin-bottom:12px}.ab-test-variants{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.ab-variant{background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:12px}.variant-label{color:#ff6b00;font-size:12px;font-weight:600;margin-bottom:8px}.variant-title{color:#333;font-size:13px;margin-bottom:6px}.variant-stats{color:#666;display:flex;font-size:11px;justify-content:space-between}@media (max-width:968px){.analytics-row{grid-template-columns:1fr}}@media (max-width:768px){.analytics-header{align-items:stretch;flex-direction:column;text-align:center}.analytics-header h1{margin-bottom:15px;order:-1}.back-button,.time-range-selector{justify-content:center}.metrics-grid{grid-template-columns:1fr}.hourly-label{bottom:-5px;font-size:8px;transform:rotate(-45deg)}.ab-test-variants{grid-template-columns:1fr}}.scheduled-notifications-page{background:#fff!important;background:var(--color-bg,#fff)!important;color:#333!important;color:var(--color-text,#333)!important;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.scheduled-loading{align-items:center;color:#666!important;color:var(--color-text-secondary,#666)!important;display:flex;font-size:16px;justify-content:center;min-height:400px}.scheduled-header-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:30px}.back-button{align-items:center;background:#f5f5f5!important;background:var(--color-bg-secondary,#f5f5f5)!important;border:1px solid #ddd!important;border:1px solid var(--color-border,#ddd)!important;border-radius:8px;color:#333!important;color:var(--color-text,#333)!important;display:flex;font-size:14px;gap:8px;padding:10px 20px;transition:all .2s}.back-button:hover{background:#ff4500!important;background:var(--color-primary,#ff4500)!important;border-color:#ff4500!important;border-color:var(--color-primary,#ff4500)!important;color:#fff!important;transform:translateX(-2px)}.header-stats{color:#666;display:flex;font-size:14px;gap:20px}.header-stats span{align-items:center;display:flex;gap:5px}.scheduled-controls{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px}.filter-controls{display:flex;flex:1 1;gap:10px}.filter-select,.sort-select{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 12px;transition:border-color .2s}.filter-select:focus,.sort-select:focus{border-color:#ff6b00;outline:none}.bulk-actions{align-items:center;background:#f5f5f5;border-radius:8px;gap:15px;padding:8px 16px}.bulk-actions span{color:#666;font-size:14px}.bulk-cancel-btn{align-items:center;background:#f44;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:6px 14px;transition:all .2s}.bulk-cancel-btn:hover{background:#c00}.empty-state{align-items:center;color:#999;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.empty-state svg{font-size:48px;margin-bottom:20px;opacity:.3}.empty-state h3{color:#666;font-size:20px;margin:0 0 10px}.empty-state p{font-size:14px;margin:0}.notifications-list{display:flex;flex-direction:column;gap:15px}.notification-item{background:#fff;border:1px solid #e0e0e0;border-radius:12px;display:flex;gap:15px;padding:20px;transition:all .2s}.notification-item:hover{box-shadow:0 4px 12px #00000014}.notification-item.overdue{background:#fff8f0;border-color:#ff9800}.notification-item.paused{background:#f5f5f5;opacity:.7}.notification-select{align-items:flex-start;display:flex;padding-top:2px}.notification-select input[type=checkbox]{cursor:pointer;height:18px;width:18px}.notification-content{flex:1 1;min-width:0}.notification-header{align-items:flex-start;gap:15px;margin-bottom:10px}.notification-title{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.notification-title h3{color:#333;font-size:16px;margin:0}.recurring-badge{background:#e3f2fd;color:#1976d2}.paused-badge,.recurring-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:3px 10px}.paused-badge{background:#fff3e0;color:#f57c00}.overdue-badge{align-items:center;background:#ffebee;border-radius:12px;color:#c62828;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:3px 10px}.notification-meta{align-items:center;display:flex;gap:8px}.type-badge{background:#f0f0f0;color:#666;font-weight:500}.priority-badge,.type-badge{border-radius:6px;font-size:11px;padding:4px 10px;text-transform:capitalize}.priority-badge.priority-urgent{background:#ffebee;color:#c62828}.priority-badge.priority-high{background:#fff3e0;color:#e65100}.priority-badge.priority-medium{background:#fff8e1;color:#f57f17}.priority-badge.priority-normal{background:#f3f4f6;color:#666}.notification-message{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:14px;line-height:1.5;margin-bottom:12px;overflow:hidden;text-overflow:ellipsis}.notification-details{color:#999;display:flex;flex-wrap:wrap;font-size:13px;gap:20px}.detail-item{align-items:center;display:flex;gap:6px}.detail-item svg{font-size:14px}.notification-actions{align-items:flex-start}.scheduled-notifications__btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;transition:all .2s;width:36px}.scheduled-notifications__btn--pause{background:#e3f2fd;color:#1976d2}.scheduled-notifications__btn--pause:hover{background:#bbdefb}.scheduled-notifications__btn--cancel{background:#ffebee;color:#c62828}.scheduled-notifications__btn--cancel:hover{background:#ffcdd2}@media (max-width:768px){.scheduled-header{align-items:stretch;flex-direction:column;text-align:center}.scheduled-header h1{margin-bottom:15px;order:-1}.back-button,.header-stats{justify-content:center}.scheduled-controls{align-items:stretch}.filter-controls,.scheduled-controls{flex-direction:column}.filter-select,.sort-select{width:100%}.notification-item{flex-direction:column}.notification-select{align-self:flex-start}.notification-header{flex-direction:column;gap:10px}.notification-actions{align-self:flex-end}}.test-achievements-page__skip-link{background:var(--color-primary);border-radius:var(--radius-base);color:#fff;font-weight:500;left:-9999px;padding:8px 16px;position:absolute;text-decoration:none;top:0;z-index:100}.test-achievements-page__skip-link:focus{box-shadow:var(--shadow-lg);left:50%;top:10px;transform:translateX(-50%)}.test-achievements-page__offline-banner{align-items:center;background-color:var(--color-warning);box-shadow:var(--shadow-md);color:#fff;display:flex;font-weight:500;gap:.5rem;justify-content:center;left:0;padding:.75rem;position:fixed;right:0;text-align:center;top:0;z-index:1100}.test-achievements-page__breadcrumb-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;padding:1rem 1rem 0}.test-achievements-page__breadcrumbs{flex:1 1;margin:0;padding:0}.test-achievements-page__breadcrumbs ol{flex-wrap:wrap;list-style:none;margin:0;padding:0}.test-achievements-page__breadcrumbs li,.test-achievements-page__breadcrumbs ol{align-items:center;display:flex;gap:.5rem}.test-achievements-page__breadcrumbs a{align-items:center;color:var(--color-primary);display:flex;gap:.25rem;text-decoration:none;transition:color .2s ease}.test-achievements-page__breadcrumbs a:hover{color:var(--color-primary-hover);text-decoration:underline}.test-achievements-page__breadcrumb-separator{color:var(--color-text-secondary);font-size:.75rem}.test-achievements-page__share-button{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;font-size:.875rem;height:auto;justify-content:center;margin-left:1rem;min-height:0;min-height:auto;padding:.25rem .5rem;position:static;transition:all .2s ease}.test-achievements-page__share-button:hover{background-color:var(--color-bg-tertiary);box-shadow:var(--shadow-md);color:var(--color-primary);transform:translateY(-1px)}.test-achievements-page__share-button:active{transform:translateY(0)}.test-achievements-page__loading{padding:2rem 1rem}.test-achievements-page__skeleton{animation:skeleton-loading 1.5s ease-in-out infinite}.test-achievements-page__skeleton-card,.test-achievements-page__skeleton-header,.test-achievements-page__skeleton-text{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--radius-base)}.test-achievements-page__skeleton-header{height:3rem;margin:0 auto 2rem;width:60%}.test-achievements-page__skeleton-text{height:1rem;margin-bottom:1rem}.test-achievements-page__skeleton-text--short{width:70%}.test-achievements-page__skeleton-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.test-achievements-page__skeleton-card{height:150px}body.dark-mode .test-achievements-page__skeleton-card,body.dark-mode .test-achievements-page__skeleton-header,body.dark-mode .test-achievements-page__skeleton-text{background:linear-gradient(90deg,#3a3a3a 25%,#4a4a4a 50%,#3a3a3a 75%)}.test-achievements-page__toast{align-items:center;animation:slideIn .3s ease-out;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);bottom:2rem;box-shadow:var(--shadow-lg);display:flex;gap:1rem;max-width:400px;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:1200}.test-achievements-page__toast-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.test-achievements-page__toast-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s ease}.test-achievements-page__toast-close:hover{color:var(--color-text)}.test-achievements-page__toast--success{border-color:var(--color-success)}.test-achievements-page__toast--success svg{color:var(--color-success)}.test-achievements-page__toast--warning{border-color:var(--color-warning)}.test-achievements-page__toast--warning svg{color:var(--color-warning)}.test-achievements-page__toast--error{border-color:var(--color-danger)}.test-achievements-page__toast--error svg{color:var(--color-danger)}.test-achievements-page__toast--info{border-color:var(--color-info)}.test-achievements-page__toast--info svg{color:var(--color-info)}@media (max-width:768px){.test-achievements-page__breadcrumb-row{padding:.5rem}.test-achievements-page__share-button{font-size:.75rem;margin-left:.5rem;padding:.25rem}.test-achievements-page__toast{bottom:1rem;left:1rem;max-width:none;right:1rem}}.test-achievements-page__error{margin:0 auto;max-width:600px;padding:3rem 1rem;text-align:center}.test-achievements-page__error h2{color:var(--color-danger);margin-bottom:1rem}.test-achievements-page__error p{color:var(--color-text-secondary);margin-bottom:2rem}.test-achievements-page{margin:0 auto;max-width:1200px;padding:20px}.page-header{margin-bottom:20px;text-align:center}.page-header h1{color:var(--color-primary);font-size:1.8rem;margin-bottom:5px}.page-header p{color:var(--color-text-secondary);font-size:.9rem}.current-status{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;display:flex;gap:20px;justify-content:center;margin-bottom:25px;padding:15px}.current-status p{font-size:1.1rem;margin:0}.refresh-btn{background:var(--color-primary);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:6px 16px}.refresh-btn:hover{background:var(--color-primary-dark)}.category-tabs{display:flex;flex-wrap:wrap;gap:10px 8px;justify-content:center;margin-bottom:20px}.category-tab{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:20px;cursor:pointer;display:flex;font-size:.85rem;gap:6px;padding:8px 16px;transition:all .2s}.category-tab:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.category-tab.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.category-tab span:first-child{font-size:1.1rem}.badges-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:30px}.badge-test-btn{align-items:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:15px 10px;text-align:center;transition:all .2s}.badge-test-btn:hover{background:var(--color-bg-secondary);border-color:var(--color-primary);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.badge-test-btn:disabled{cursor:not-allowed;opacity:.5}.badge-icon{font-size:2rem}.badge-name{color:var(--color-text);font-size:.85rem;font-weight:500;line-height:1.2}.badge-value{background:var(--color-bg-secondary);border-radius:12px;color:var(--color-text-secondary);font-size:.75rem;margin-top:4px;padding:2px 8px}.test-message{background:var(--color-success-bg);border:1px solid var(--color-success);border-radius:6px;color:var(--color-success);font-size:.9rem;font-weight:500;margin:20px 0;padding:12px;text-align:center}.quick-actions{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;gap:10px;justify-content:center;margin-bottom:25px;padding:15px}.quick-actions button{background:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;cursor:pointer;font-size:.85rem;padding:8px 16px;transition:all .2s}.quick-actions button:hover{background:var(--color-danger-bg);border-color:var(--color-danger);color:var(--color-danger)}.remove-all-badges-btn{background-color:#dc3545!important;color:#fff!important}.remove-all-badges-btn:hover{background-color:#c82333!important}.dark-mode .badge-test-btn{background:var(--color-bg-secondary)}.dark-mode .badge-test-btn:hover{background:var(--color-bg)}.dark-mode .category-tab.active{background:var(--color-primary);color:#fff}@media (max-width:768px){.badges-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.badge-test-btn{padding:12px 8px}.badge-icon{font-size:1.5rem}.badge-name{font-size:.8rem}.category-tabs{justify-content:center}.category-tab{font-size:.8rem;padding:6px 12px}.quick-actions{flex-wrap:wrap}.quick-actions button{font-size:.8rem;padding:6px 12px}}@media (min-width:1400px){.badges-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}.test-live-update{margin:0 auto;max-width:1200px;padding:2rem}.test-live-update__header{margin-bottom:2rem}.test-live-update__title{color:#ff4500;font-size:2rem;margin-bottom:.5rem}.test-live-update__description{color:var(--color-text-muted);font-size:1rem}.test-live-update__content{display:flex;flex-direction:column;gap:2rem}.test-live-update__instructions{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;padding:1.5rem}.test-live-update__instructions h2{color:var(--color-text-heading);font-size:1.25rem;margin-bottom:1rem}.test-live-update__instructions ol{color:var(--color-text);line-height:1.8;margin-left:1.5rem}.test-live-update__actions{display:flex;flex-wrap:wrap;gap:1rem}.test-live-update__btn{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.test-live-update__btn:disabled{cursor:not-allowed;opacity:.5}.test-live-update__btn--find{background:#667eea}.test-live-update__btn--find:hover:not(:disabled){background:#5568d3;box-shadow:0 4px 8px #667eea4d;transform:translateY(-2px)}.test-live-update__btn--test{background:#ff4500}.test-live-update__btn--test:hover:not(:disabled){background:#e63e00;box-shadow:0 4px 8px #ff45004d;transform:translateY(-2px)}.test-live-update__article-info{background:#f0f7ff;border:2px solid #667eea;border-radius:8px;padding:1.5rem}.test-live-update__article-info h3{color:#667eea;font-size:1.125rem;margin-bottom:1rem}.test-live-update__article-info p{color:#333;margin:.5rem 0}.test-live-update__link{background:#667eea;border-radius:6px;color:#fff;display:inline-block;font-weight:600;margin-top:1rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.test-live-update__link:hover{background:#5568d3;transform:translateY(-2px)}.test-live-update__result{border:2px solid;border-radius:8px;padding:1.5rem}.test-live-update__result--success{background:#f0fdf4;border-color:#22c55e}.test-live-update__result--success h3{color:#22c55e;margin-bottom:1rem}.test-live-update__result--error{background:#fef2f2;border-color:#ef4444}.test-live-update__result--error h3{color:#ef4444;margin-bottom:1rem}.test-live-update__result p{color:#333;margin:.5rem 0}.test-live-update__what-next{border-top:1px solid #0000001a;margin-top:1rem;padding-top:1rem}.test-live-update__what-next h4{color:#22c55e;margin-bottom:.5rem}.test-live-update__what-next ul{line-height:1.8;margin-left:1.5rem}.test-live-update__info{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;padding:1.5rem}.test-live-update__info h3{color:var(--color-text-heading);font-size:1.125rem;margin-bottom:1rem}.test-live-update__info ul{color:var(--color-text);line-height:1.8;margin-left:1.5rem}@media (prefers-color-scheme:dark){.test-live-update__article-info{background:#1a1f3a;border-color:#667eea}.test-live-update__article-info p,.test-live-update__result p{color:#e5e7eb}}@media (max-width:768px){.test-live-update{padding:1rem}.test-live-update__title{font-size:1.5rem}.test-live-update__actions{flex-direction:column}.test-live-update__btn{width:100%}}.admin-bug-reports{margin:0 auto;max-width:1400px;padding:20px}.admin-bug-reports h1{color:#333;color:var(--color-text,#333);margin-bottom:30px}.admin-bug-reports-loading{align-items:center;color:#666;color:var(--color-text-secondary,#666);display:flex;font-size:18px;justify-content:center;min-height:400px}.bug-report-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.stat-card{background:#fff;background:var(--color-bg,#fff);border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);box-shadow:0 2px 4px #0000000d;padding:20px}.stat-card h3{color:#666;color:var(--color-text-secondary,#666);font-size:16px;margin:0 0 15px}.stat-number{color:#06c;color:var(--color-primary,#06c);font-size:36px}.stat-breakdown{display:flex;flex-direction:column;gap:8px}.stat-item{align-items:center;font-size:14px}.stat-item span:first-child{font-weight:500}.bug-report-filters{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.bug-report-filters select{background-color:#fff;background-color:var(--color-bg,#fff);border:1px solid #ddd;border:1px solid var(--color-border,#ddd);border-radius:4px;color:#333;color:var(--color-text,#333);cursor:pointer;font-size:14px;padding:8px 12px}.bug-report-filters select:focus{border-color:#06c;border-color:var(--color-primary,#06c);outline:none}.bug-reports-table{background:#fff;background:var(--color-bg,#fff);border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:8px;box-shadow:0 2px 4px #0000000d;overflow:hidden}.bug-reports-table table{border-collapse:collapse;width:100%}.bug-reports-table th{background-color:#f8f9fa;background-color:var(--color-bg-secondary,#f8f9fa);border-bottom:2px solid #e0e0e0;border-bottom:2px solid var(--color-border,#e0e0e0);font-weight:600;text-align:left}.bug-reports-table td,.bug-reports-table th{color:#333;color:var(--color-text,#333);padding:12px 16px}.bug-reports-table td{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--color-border,#e0e0e0)}.bug-reports-table tr{cursor:pointer;transition:background-color .2s}.bug-reports-table tr:hover{background-color:#f8f9fa;background-color:var(--color-bg-hover,#f8f9fa)}.report-title{font-weight:500;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.priority-badge{border-radius:4px;color:#fff;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px;text-transform:uppercase}.status-select{background-color:#fff;background-color:var(--color-bg,#fff);border:2px solid;color:#333;color:var(--color-text,#333);padding:4px 8px}.status-select,.view-btn{border-radius:4px;cursor:pointer;font-size:13px}.view-btn{background-color:#06c;background-color:var(--color-primary,#06c);color:#fff;margin-right:8px;padding:6px 12px;transition:background-color .2s}.view-btn:hover{background-color:#0052a3;background-color:var(--color-primary-dark,#0052a3)}.export-btn{background-color:#6c757d;background-color:var(--color-secondary,#6c757d);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:6px 12px;transition:background-color .2s}.export-btn:hover{background-color:#5a6268;background-color:var(--color-secondary-dark,#5a6268)}.no-reports{color:#666;color:var(--color-text-secondary,#666);padding:40px;text-align:center}.load-more-btn{background-color:#06c;background-color:var(--color-primary,#06c);border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;font-size:16px;margin:20px auto;padding:10px 24px;transition:background-color .2s}.load-more-btn:hover:not(:disabled){background-color:#0052a3;background-color:var(--color-primary-dark,#0052a3)}.load-more-btn:disabled{cursor:not-allowed;opacity:.6}.bug-report-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.bug-report-detail{background-color:#fff;background-color:var(--color-bg,#fff);border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.modal-header{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--color-border,#e0e0e0);padding:20px}.modal-header h2{color:#333;color:var(--color-text,#333);font-size:24px;margin:0}.modal-header-actions{align-items:center;display:flex;gap:12px}.close-btn{background:none;border:none;color:#666;color:var(--color-text-secondary,#666);cursor:pointer;font-size:32px;height:32px;line-height:1;padding:0;width:32px}.close-btn:hover{color:#333;color:var(--color-text,#333)}.modal-content{padding:20px}.report-info{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.info-item{align-items:center;display:flex;gap:8px}.info-item strong{color:#666;color:var(--color-text-secondary,#666)}.report-description{margin-bottom:30px}.report-description h3{color:#333;color:var(--color-text,#333);margin:0 0 10px}.report-description p{color:#333;color:var(--color-text,#333);line-height:1.6;margin:0;white-space:pre-wrap}.report-screenshot{margin-bottom:30px}.report-screenshot h3{color:#333;color:var(--color-text,#333);margin:0 0 10px}.report-screenshot img{border:1px solid #ddd;border:1px solid var(--color-border,#ddd);border-radius:4px;height:auto;max-width:100%}.report-context{background-color:#f8f9fa;background-color:var(--color-bg-secondary,#f8f9fa);border-radius:4px;padding:20px}.report-context h3{margin:0 0 15px}.context-item,.report-context h3{color:#333;color:var(--color-text,#333)}.context-item{font-size:14px;margin-bottom:10px}.context-item strong{color:#666;color:var(--color-text-secondary,#666);margin-right:8px}.console-logs{margin-top:20px}.console-logs h4{color:#333;color:var(--color-text,#333);margin:0 0 10px}.logs-container{background-color:#1e1e1e;background-color:var(--color-bg,#1e1e1e);border:1px solid #333;border:1px solid var(--color-border,#333);border-radius:4px;font-family:Consolas,Monaco,monospace;font-size:12px;max-height:200px;overflow-y:auto;padding:10px}.log-entry{display:flex;gap:8px;margin-bottom:4px}.log-time{color:#888}.log-level{font-weight:700}.log-log .log-level{color:#888}.log-info .log-level{color:#06c}.log-warn .log-level{color:#ffc107}.log-error .log-level{color:#dc3545}.log-debug .log-level{color:#6c757d}.log-message{color:#e0e0e0;flex:1 1;word-break:break-word}[data-theme=dark] .bug-report-stats .stat-card,[data-theme=dark] .bug-reports-table{background-color:#1e1e1e;border-color:#333}[data-theme=dark] .bug-reports-table th{background-color:#2a2a2a;border-color:#444}[data-theme=dark] .bug-reports-table td{border-color:#333}[data-theme=dark] .bug-reports-table tr:hover{background-color:#2a2a2a}[data-theme=dark] .bug-report-detail{background-color:#1e1e1e}[data-theme=dark] .modal-header{border-color:#333}[data-theme=dark] .report-context{background-color:#2a2a2a}[data-theme=dark] .logs-container{background-color:#0d0d0d;border-color:#333}.status-label{color:inherit;font-weight:500}.status-label--new{color:#007bff}.status-label--in_progress{color:#17a2b8}.status-label--resolved{color:#28a745}.status-label--wont_fix{color:#6c757d}.priority-label{font-weight:500}.priority-label--low{color:#28a745}.priority-label--medium{color:#ffc107}.priority-label--high{color:#fd7e14}.priority-label--critical{color:#dc3545}.priority-badge--low{background-color:#28a745}.priority-badge--medium{background-color:#ffc107}.priority-badge--high{background-color:#fd7e14}.priority-badge--critical{background-color:#dc3545}.status-select--new{border-color:#007bff}.status-select--in_progress{border-color:#17a2b8}.status-select--resolved{border-color:#28a745}.status-select--wont_fix{border-color:#6c757d}.bug-report-row{cursor:pointer}.sr-only--focusable:active,.sr-only--focusable:focus{background-color:#06c;background-color:var(--color-primary,#06c);padding:8px 16px}.toast{background-color:#fff;background-color:var(--color-bg,#fff);border-left:4px solid;bottom:24px;color:#333;color:var(--color-text,#333);padding:16px 20px;right:24px;z-index:10000}.toast--success{border-left-color:#28a745}.toast--error{border-left-color:#dc3545}.toast--warning{border-left-color:#ffc107}.toast--info{border-left-color:#06c}.toast svg{font-size:20px}.toast--info svg{color:#06c}[data-theme=dark] .toast{background-color:#2a2a2a;box-shadow:0 4px 12px #0000004d;color:#e0e0e0}@media (max-width:768px){.admin-bug-reports{padding:10px}.bug-report-stats{grid-template-columns:1fr}.bug-report-filters{flex-direction:column}.bug-report-filters select{width:100%}.bug-reports-table{overflow-x:auto}.bug-reports-table table{min-width:600px}.bug-report-modal-overlay{padding:0}.bug-report-detail{border-radius:0;max-height:100vh}.toast{bottom:16px;left:16px;max-width:none;right:16px}}.admin-forum-management{margin:0 auto;max-width:1200px;padding:2rem}.admin-forum-management h1{color:var(--color-text);font-size:2rem;margin-bottom:2rem}.forum-stats-overview{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:3rem}.stat-card{transition:transform .2s}.stat-card:hover{box-shadow:0 4px 8px #0000001a}.stat-card h3{font-size:.875rem;font-weight:600;margin-bottom:.5rem}.stat-number{color:var(--color-primary);font-size:2.5rem;font-weight:700}.maintenance-operations{margin-bottom:2rem}.maintenance-operations h2{color:var(--color-text);font-size:1.5rem;margin-bottom:1.5rem}.operation-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.operation-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;padding:1.5rem;transition:all .2s}.operation-card:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #ff45001a}.operation-card h3{color:var(--color-text);font-size:1.125rem;margin-bottom:.75rem}.operation-card p{color:var(--color-text-secondary);font-size:.875rem;line-height:1.5;margin-bottom:1rem}.operation-btn{background-color:var(--color-primary);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s;width:100%}.operation-btn:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.operation-btn:disabled{cursor:not-allowed;opacity:.6}.operation-btn.secondary{background-color:var(--color-secondary)}.operation-btn.secondary:hover:not(:disabled){background-color:#5a6268}.success-text{color:var(--color-success);font-size:.875rem;margin-bottom:0;margin-top:.5rem}.operation-results{animation:slideIn .3s ease-out;border:1px solid;border-radius:8px;margin-top:2rem;padding:1.5rem}.operation-results.success{background-color:#28a7451a;border-color:var(--color-success);color:var(--color-success)}.operation-results.error{background-color:#dc35451a;border-color:var(--color-danger);color:var(--color-danger)}.operation-results.info{background-color:#17a2b81a;border-color:var(--color-info);color:var(--color-info)}.operation-results h3{font-size:1.125rem;margin-bottom:.5rem;margin-top:0}.operation-results p{margin-bottom:1rem}.operation-results button{background-color:initial;border:1px solid;border-radius:4px;color:inherit;cursor:pointer;padding:.5rem 1rem;transition:all .2s}.operation-results button:hover{background-color:currentColor;color:#fff}.loading-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.loading-spinner{background:var(--color-bg);border-radius:8px;box-shadow:0 4px 20px #0000004d;padding:2rem;text-align:center}.spinner{border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);height:50px;margin:0 auto 1rem;width:50px}.loading-spinner p{color:var(--color-text);font-size:1.125rem;margin:0}.dark-mode .operation-card,.dark-mode .stat-card{background:var(--color-bg-secondary);border-color:var(--color-border)}.dark-mode .operation-btn{color:#fff}.dark-mode .loading-overlay{background-color:#000c}@media (max-width:768px){.admin-forum-management{padding:1rem}.forum-stats-overview{grid-template-columns:repeat(2,1fr)}.operation-grid{grid-template-columns:1fr}.stat-number{font-size:2rem}}.alpha-tester-signup-testing{margin:0 auto;max-width:1200px;padding:var(--space-xl)}.alpha-tester-signup-testing h1{color:var(--color-primary);margin-bottom:var(--space-md)}.test-controls{align-items:center;display:flex;gap:var(--space-md);margin:var(--space-xl) 0}.test-email-input{border:1px solid var(--color-border);border-radius:var(--radius-base);flex:1 1;font-size:var(--font-size-base);max-width:400px;padding:var(--space-sm) var(--space-md)}.test-button{background-color:var(--color-primary);border:none;border-radius:var(--radius-base);color:var(--color-text-inverse);cursor:pointer;font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.test-button:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.test-button:disabled{cursor:not-allowed;opacity:.6}.current-step{background-color:var(--color-bg-tertiary);border-radius:var(--radius-base);font-style:italic;margin-bottom:var(--space-lg);padding:var(--space-md)}.test-results{margin-top:var(--space-xl)}.test-results h2{color:var(--color-text);margin-bottom:var(--space-md)}.test-result{border:1px solid var(--color-border);border-radius:var(--radius-base);margin-bottom:var(--space-md);overflow:hidden}.test-result.success{border-color:var(--color-success)}.test-result.failure{border-color:var(--color-danger)}.result-header{background-color:var(--color-bg-secondary);gap:var(--space-sm);padding:var(--space-md)}.result-header,.result-icon{align-items:center;display:flex}.result-icon{border-radius:50%;color:#fff;font-weight:700;height:24px;justify-content:center;width:24px}.result-icon.success{background-color:var(--color-success)}.result-icon.failure{background-color:var(--color-danger)}.timestamp{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-left:auto}.result-message{color:var(--color-text-secondary);padding:var(--space-sm) var(--space-md)}.result-details{background-color:var(--color-bg-tertiary);border-top:1px solid var(--color-border);padding:var(--space-md)}.result-details pre{color:var(--color-text);font-size:var(--font-size-sm);margin:0;overflow-x:auto}.troubleshooting-guide{background-color:var(--color-bg-secondary);border-radius:var(--radius-base);margin-top:var(--space-xxl);padding:var(--space-xl)}.troubleshooting-guide h2{color:var(--color-primary);margin-bottom:var(--space-lg)}.issue-item{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);margin-bottom:var(--space-xl);padding:var(--space-lg)}.issue-item h3{color:var(--color-text);margin-bottom:var(--space-md)}.issue-item ul{margin:var(--space-sm) 0;padding-left:var(--space-lg)}.issue-item li{color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.issue-item p{color:var(--color-text);font-weight:var(--font-weight-medium);margin:var(--space-md) 0}.toast{bottom:var(--space-lg);padding:var(--space-md) var(--space-lg);right:var(--space-lg)}.toast--success{background-color:#22c55e1a;background-color:var(--color-success-bg,#22c55e1a)}.toast--error{background-color:#ef44441a;background-color:var(--color-danger-bg,#ef44441a)}.toast--warning{background-color:#fbbf241a;background-color:var(--color-warning-bg,#fbbf241a)}.toast--info{background-color:#3b82f61a;background-color:var(--color-info-bg,#3b82f61a)}.toast svg{height:20px;width:20px}.dark-mode .alpha-tester-signup-testing{background-color:var(--color-bg);color:var(--color-text)}.dark-mode .test-email-input{background-color:var(--color-bg-secondary);border-color:var(--color-border);color:var(--color-text)}.dark-mode .result-details pre,.dark-mode .toast{color:var(--color-text)}.dark-mode .toast{background-color:var(--color-bg-secondary);border-color:var(--color-border)}.admin-email-blast{margin:0 auto;max-width:1200px;padding:var(--space-xl)}.admin-email-blast__header{margin-bottom:var(--space-xl)}.admin-email-blast__header h1{align-items:center;color:var(--color-primary);display:flex;gap:var(--space-sm);margin-bottom:var(--space-sm)}.admin-email-blast__header p{color:var(--color-text-secondary);font-size:var(--font-size-lg)}.admin-email-blast__stats{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--space-xl)}.stat-card{background:var(--color-bg-secondary);border-radius:var(--radius-base);gap:var(--space-md)}.stat-icon{color:var(--color-primary);font-size:2rem}.stat-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.stat-label{font-size:var(--font-size-sm)}.admin-email-blast__form{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:var(--space-xl)}.form-section{margin-bottom:var(--space-xl)}.form-section:last-child{margin-bottom:0}.form-section h2{color:var(--color-text);font-size:var(--font-size-lg);margin-bottom:var(--space-lg)}.recipient-options{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md)}.radio-option{align-items:center;border-radius:var(--radius-base);cursor:pointer;display:flex;gap:var(--space-sm);padding:var(--space-sm);transition:background-color var(--transition-base)}.radio-option:hover{background-color:var(--color-bg-secondary)}.radio-option input[type=radio]{margin:0}.radio-option span{color:var(--color-text)}.specific-emails{margin-top:var(--space-md)}.specific-emails label{color:var(--color-text);display:block;font-weight:var(--font-weight-medium);margin-bottom:var(--space-sm)}.specific-emails textarea{background-color:var(--color-bg);border:1px solid var(--color-border);font-family:inherit;font-size:var(--font-size-base);padding:var(--space-sm);resize:vertical;width:100%}.recipient-count,.specific-emails textarea{border-radius:var(--radius-base);color:var(--color-text)}.recipient-count{background-color:var(--color-bg-tertiary);padding:var(--space-md)}.form-group{margin-bottom:var(--space-lg)}.form-group label{display:block;margin-bottom:var(--space-sm)}.form-input,.form-textarea{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-family:inherit;font-size:var(--font-size-base);padding:var(--space-sm) var(--space-md);width:100%}.form-textarea{min-height:200px;resize:vertical}.form-help{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-top:var(--space-xs)}.email-preview{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);margin:var(--space-xl) 0;padding:var(--space-lg)}.email-preview h3{color:var(--color-text);margin-bottom:var(--space-md)}.preview-content{background-color:var(--color-bg);border-radius:var(--radius-base);font-family:monospace;font-size:var(--font-size-sm);padding:var(--space-lg)}.preview-header{border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);padding-bottom:var(--space-md)}.preview-body{color:var(--color-text);white-space:pre-wrap}.status-message{align-items:center;border-radius:var(--radius-base);display:flex;font-weight:var(--font-weight-medium);gap:var(--space-sm);margin-bottom:var(--space-lg);padding:var(--space-md)}.status-message.sending{background-color:#17a2b81a;border:1px solid #17a2b84d;color:var(--color-info)}.status-message.success{background-color:#28a7451a;border:1px solid #28a7454d;color:var(--color-success)}.status-message.error{background-color:#dc35451a;border:1px solid #dc35454d;color:var(--color-danger)}.form-actions{justify-content:flex-end;margin-top:var(--space-xl)}.btn-primary,.btn-secondary{align-items:center;border-radius:var(--radius-base);display:flex;font-weight:var(--font-weight-medium);gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.btn-primary{background-color:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-secondary{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text)}.btn-secondary:hover:not(:disabled){background-color:var(--color-bg-secondary)}.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.6}.admin-email-blast__warning{background-color:#ffc1071a;border:1px solid #ffc1074d;border-radius:var(--radius-base);color:var(--color-warning);display:flex;gap:var(--space-md);margin-top:var(--space-xl);padding:var(--space-lg)}.admin-email-blast__warning>svg{flex-shrink:0;font-size:var(--font-size-lg)}@media (max-width:768px){.admin-email-blast{padding:var(--space-md)}.admin-email-blast__stats{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{justify-content:center;width:100%}}.dark-mode .admin-email-blast__form{background-color:var(--color-bg-secondary)}.dark-mode .preview-content{background-color:var(--color-bg)}.user-email-export{margin:0 auto;max-width:1400px;padding:var(--space-xl)}.user-email-export__header{margin-bottom:var(--space-xl)}.user-email-export__header h1{align-items:center;color:var(--color-primary);display:flex;gap:var(--space-sm);margin-bottom:var(--space-sm)}.user-email-export__header p{color:var(--color-text-secondary);font-size:var(--font-size-lg)}.user-email-export__controls{background:var(--color-bg-secondary);border-radius:var(--radius-base);margin-bottom:var(--space-lg);padding:var(--space-lg)}.search-section{margin-bottom:var(--space-md)}.search-box{align-items:center;display:flex;max-width:500px;position:relative}.search-box svg{color:var(--color-text-muted);left:var(--space-md);position:absolute}.search-box input{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:var(--font-size-base);padding:var(--space-sm) var(--space-md) var(--space-sm) calc(var(--space-md)*2.5);width:100%}.filter-section{display:flex;flex-wrap:wrap;gap:var(--space-lg)}.filter-group select{font-size:var(--font-size-base)}.user-email-export__stats{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-xl);margin-bottom:var(--space-lg);padding:var(--space-md) 0}.stat{align-items:center;color:var(--color-text-secondary);display:flex;gap:var(--space-xs)}.select-all-btn,.stat{font-weight:var(--font-weight-medium)}.select-all-btn{background-color:var(--color-primary);border:none;border-radius:var(--radius-base);color:var(--color-text-inverse);cursor:pointer;margin-left:auto;padding:var(--space-xs) var(--space-md);transition:all var(--transition-base)}.select-all-btn:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}.user-email-export__list{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);margin-bottom:var(--space-xl);overflow:hidden}.users-table{border-collapse:collapse;width:100%}.users-table th{background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);color:var(--color-text);font-weight:var(--font-weight-bold);padding:var(--space-md);text-align:left}.users-table td{border-bottom:1px solid var(--color-border-light);padding:var(--space-md)}.users-table tbody tr{transition:background-color var(--transition-base)}.users-table tbody tr:hover{background-color:var(--color-bg-hover)}.users-table tbody tr.selected{background-color:#ff45000d}.user-name{align-items:center;display:flex;gap:var(--space-sm)}.user-avatar{height:24px;width:24px}.email-cell{color:var(--color-text-secondary);font-family:monospace;font-size:var(--font-size-sm)}.role-badge{border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:2px 8px}.role-user{background-color:#6c757d1a;color:var(--color-secondary)}.role-admin{background-color:#dc35451a;color:var(--color-danger)}.role-moderator{background-color:#17a2b81a;color:var(--color-info)}.role-le{background-color:#343a401a;color:#343a40}.alpha-badge{background-color:#ffc1071a;color:var(--color-warning);display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin-left:var(--space-xs);text-transform:uppercase}.alpha-badge,.status-badge{border-radius:var(--radius-sm);padding:2px 8px}.status-badge.inactive{background-color:#6c757d1a;color:var(--color-text-muted)}.status-badge.not-signed-up{background-color:#ff45001a;color:var(--color-primary)}.unverified-badge{background-color:#ffc1071a;border-radius:var(--radius-sm);color:var(--color-warning);display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin-left:var(--space-xs);padding:2px 8px}.date-cell{color:var(--color-text-muted);font-size:var(--font-size-sm)}.user-email-export__export{background:var(--color-bg);border:2px solid var(--color-primary);border-radius:var(--radius-base);padding:var(--space-xl)}.user-email-export__export h2{color:var(--color-primary);margin-bottom:var(--space-lg)}.export-preview{background-color:var(--color-bg-secondary);border-radius:var(--radius-base);margin-bottom:var(--space-xl);padding:var(--space-lg)}.preview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-md)}.preview-header h3{color:var(--color-text);margin:0}.email-count{font-weight:var(--font-weight-medium)}.email-count,.email-list{color:var(--color-text-secondary)}.email-list{background-color:var(--color-bg);border-radius:var(--radius-sm);font-family:monospace;font-size:var(--font-size-sm);max-height:100px;overflow-y:auto;padding:var(--space-md);word-break:break-all}.export-actions h3{color:var(--color-text);font-size:var(--font-size-base);margin-bottom:var(--space-md)}.copy-buttons{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--space-xl)}.copy-btn{align-items:center;background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;font-weight:var(--font-weight-medium);gap:var(--space-sm);justify-content:center;padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.copy-btn:hover{background-color:var(--color-bg-secondary);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px)}.download-section{border-top:1px solid var(--color-border);padding-top:var(--space-lg)}.download-btn{align-items:center;background-color:var(--color-primary);border:none;border-radius:var(--radius-base);color:var(--color-text-inverse);cursor:pointer;display:flex;font-weight:var(--font-weight-medium);gap:var(--space-sm);padding:var(--space-md) var(--space-lg);transition:all var(--transition-base)}.download-btn:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.copy-success{animation:fadeIn .3s ease-in-out;background-color:#28a7451a;border-radius:var(--radius-base);color:var(--color-success);font-weight:var(--font-weight-medium);margin-top:var(--space-md);padding:var(--space-md);text-align:center}.loading-state{color:var(--color-text-secondary);font-size:var(--font-size-lg);padding:var(--space-xxl);text-align:center}@media (max-width:768px){.user-email-export{padding:var(--space-md)}.filter-section{flex-direction:column;gap:var(--space-md)}.filter-group{width:100%}.filter-group select{flex:1 1}.user-email-export__stats{flex-wrap:wrap}.select-all-btn{margin-left:0;margin-top:var(--space-sm);width:100%}.users-table{font-size:var(--font-size-sm)}.users-table td,.users-table th{padding:var(--space-sm)}.copy-buttons{grid-template-columns:1fr}}.dark-mode .user-email-export__list{background-color:var(--color-bg-secondary)}.dark-mode .users-table tbody tr.selected{background-color:#ff45001a}.dark-mode .email-list{background-color:var(--color-bg-tertiary)}.admin-binders-page{margin:0 auto;max-width:1200px;padding:var(--space-lg)}.admin-binders-header{margin-bottom:var(--space-xl)}.admin-binders-header h1{color:var(--color-text);margin-bottom:var(--space-sm)}.admin-binders-header p{color:var(--color-text-secondary)}.admin-binders-controls{background:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);padding:var(--space-lg)}.admin-binders-filters{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-md)}.binder-search-input,.user-filter-select{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:var(--font-size-base);padding:var(--space-sm) var(--space-md)}.user-filter-select{min-width:200px}.binder-search-input{flex:1 1;min-width:200px}.admin-binders-stats{color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--space-lg)}.admin-binders-stats span{align-items:center;display:flex;gap:var(--space-xs)}.admin-binders-list{display:flex;flex-direction:column;gap:var(--space-md)}.admin-binder-card{grid-gap:var(--space-lg);align-items:start;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:grid;gap:var(--space-lg);grid-template-columns:auto 1fr auto;padding:var(--space-lg);transition:all var(--transition-base)}.admin-binder-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.binder-user-info{align-items:center;display:flex;gap:var(--space-md);min-width:200px}.user-avatar{border:2px solid var(--color-border);border-radius:50%;height:48px;width:48px}.user-details h3{color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin:0 0 var(--space-xs) 0}.user-details p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.binder-info{flex:1 1}.binder-info h4{color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin:0 0 var(--space-sm) 0}.binder-description{color:var(--color-text-secondary);line-height:1.5;margin-bottom:var(--space-sm)}.binder-meta{color:var(--color-text-muted);display:flex;font-size:var(--font-size-sm);gap:var(--space-lg)}.binder-actions{align-items:center;display:flex}.view-binder-btn{background:var(--color-primary);border:none;border-radius:var(--radius-base);color:#fff;cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.view-binder-btn:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.admin-binders-error,.admin-binders-loading{color:var(--color-text-secondary);padding:var(--space-xl);text-align:center}.admin-binders-error{color:var(--color-danger)}.no-binders-message{background:var(--color-bg-secondary);border-radius:var(--radius-lg);color:var(--color-text-secondary);padding:var(--space-xl);text-align:center}@media (max-width:768px){.admin-binders-page{padding:var(--space-md)}.admin-binder-card{gap:var(--space-md);grid-template-columns:1fr}.binder-user-info{min-width:auto}.admin-binders-filters{flex-direction:column}.binder-search-input,.user-filter-select{width:100%}.binder-meta{flex-wrap:wrap;gap:var(--space-sm)}}.dark-mode .admin-binder-card{background:var(--color-bg-secondary)}.dark-mode .admin-binders-controls{background:var(--color-bg-tertiary)}.dark-mode .binder-search-input,.dark-mode .user-filter-select{background:var(--color-bg-secondary);border-color:var(--color-border-dark)}.email-logs{margin:0 auto;max-width:1600px;padding:var(--space-xl)}.email-logs__header{margin-bottom:var(--space-xl);text-align:center}.email-logs__title{align-items:center;color:var(--color-text);display:flex;font-size:2rem;gap:var(--space-sm);justify-content:center;margin:0 0 var(--space-sm) 0}.email-logs__subtitle{color:var(--color-text-secondary);font-size:var(--font-size-base);margin:0 0 var(--space-xs) 0}.email-logs__count{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.email-logs__filters{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);display:flex;flex-wrap:wrap;gap:var(--space-lg);margin-bottom:var(--space-xl);padding:var(--space-lg)}.email-logs__filter-group{align-items:center;display:flex;gap:var(--space-sm)}.email-logs__filter-label{font-weight:var(--font-weight-medium)}.email-logs__filter-label,.email-logs__filter-select{color:var(--color-text);font-size:var(--font-size-base)}.email-logs__filter-select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);cursor:pointer;min-width:150px;padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.email-logs__filter-select:focus,.email-logs__filter-select:hover{border-color:var(--color-primary)}.email-logs__filter-select:focus{box-shadow:0 0 0 2px #ff450033;outline:none}.email-logs__search-group{flex:1 1;min-width:300px;position:relative}.email-logs__search-icon{color:var(--color-text-muted);left:var(--space-md);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.email-logs__search-input{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:var(--font-size-base);padding:var(--space-sm) var(--space-sm) var(--space-sm) var(--space-xl);transition:all var(--transition-base);width:100%}.email-logs__search-input:focus,.email-logs__search-input:hover{border-color:var(--color-primary)}.email-logs__search-input:focus{box-shadow:0 0 0 2px #ff450033;outline:none}.email-logs__table-container{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.email-logs__table{border-collapse:collapse;table-layout:fixed;width:100%}.email-logs__table-head{background-color:var(--color-bg-secondary);border-bottom:2px solid var(--color-border)}.email-logs__table-header{color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.5px;padding:var(--space-md) var(--space-md);text-align:left;text-transform:uppercase;white-space:nowrap}.email-logs__table-header--status{width:120px}.email-logs__table-header--source{width:100px}.email-logs__table-header--date{width:180px}.email-logs__table-header--recipient{width:250px}.email-logs__table-header--subject{min-width:300px;width:auto}.email-logs__table-header--attempts{text-align:center;width:80px}.email-logs__table-header--actions{text-align:center;width:120px}.email-logs__table-body{background-color:var(--color-bg)}.email-logs__table-row{border-bottom:1px solid var(--color-border-light);transition:background-color var(--transition-base)}.email-logs__table-row:last-child{border-bottom:none}.email-logs__table-row:hover{background-color:var(--color-bg-hover)}.email-logs__table-cell{color:var(--color-text);font-size:var(--font-size-base);padding:var(--space-md);vertical-align:middle}.email-logs__table-cell--empty{color:var(--color-text-muted);font-style:italic;padding:var(--space-xl)!important;text-align:center}.email-logs__table-cell--status{white-space:nowrap}.email-logs__status{align-items:center;display:flex;gap:var(--space-xs)}.email-logs__status-icon{flex-shrink:0;font-size:var(--font-size-lg)}.email-logs__status-icon--success{color:var(--color-success)}.email-logs__status-icon--error{color:var(--color-danger)}.email-logs__status-icon--processing{animation:spin 1s linear infinite;color:var(--color-info)}.email-logs__status-icon--retry{color:var(--color-warning)}.email-logs__status-icon--default{color:var(--color-text-muted)}.email-logs__status-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.5px;text-transform:uppercase}.email-logs__status-text--success{color:var(--color-success)}.email-logs__status-text--error,.email-logs__status-text--failed{color:var(--color-danger)}.email-logs__status-text--pending,.email-logs__status-text--processing{color:var(--color-info)}.email-logs__status-text--retry{color:var(--color-warning)}.email-logs__status-text--unknown{color:var(--color-text-muted)}.email-logs__table-cell--source{text-align:center}.email-logs__source-badge{border-radius:var(--radius-full);display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.5px;padding:var(--space-xs) var(--space-sm);text-transform:uppercase}.email-logs__source-badge--mail_sent{background-color:var(--color-info);color:#fff}.email-logs__source-badge--mail{background-color:var(--color-secondary);color:#fff}.email-logs__table-cell--date{color:var(--color-text-secondary);font-size:var(--font-size-sm);white-space:nowrap}.email-logs__table-cell--recipient{max-width:250px}.email-logs__recipient{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-logs__table-cell--subject{max-width:400px}.email-logs__subject{display:block;font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-logs__table-cell--attempts{font-weight:var(--font-weight-medium);text-align:center}.email-logs__table-cell--actions{text-align:center}.email-logs__action-button{background-color:var(--color-primary);border:none;border-radius:var(--radius-base);color:var(--color-text-inverse)!important;cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-xs) var(--space-md);transition:all var(--transition-base);white-space:nowrap}.email-logs__action-button:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.email-logs__loading{padding:var(--space-xxl);text-align:center}.email-logs__loading-spinner{animation:spin 1s linear infinite;color:var(--color-primary);font-size:2rem;margin-bottom:var(--space-md)}.email-logs__loading-text{color:var(--color-text-secondary);font-size:var(--font-size-base)}.email-logs__load-more{margin-top:var(--space-xl);padding:var(--space-lg);text-align:center}.email-logs__load-more-button{background-color:var(--color-bg-tertiary);border:2px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--space-md) var(--space-xl);transition:all var(--transition-base)}.email-logs__load-more-button:hover{background-color:var(--color-bg-hover);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px)}.email-logs__modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-lg);position:fixed;right:0;top:0;z-index:1000}.email-logs__modal{background-color:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:100%}.email-logs__modal-header{align-items:center;background-color:var(--color-bg-secondary);border-bottom:2px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--space-lg)}.email-logs__modal-title{color:var(--color-text);font-size:var(--font-size-xl);margin:0}.email-logs__modal-close{align-items:center;background:none;border:none;border-radius:var(--radius-base);color:var(--color-text-muted);cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;padding:0;transition:all var(--transition-base);width:40px}.email-logs__modal-close:hover{background-color:var(--color-bg-hover);color:var(--color-text)}.email-logs__modal-content{flex:1 1;overflow-y:auto;padding:var(--space-lg)}.email-logs__detail-row{align-items:flex-start;border-bottom:1px solid var(--color-border-light);display:flex;gap:var(--space-md);margin-bottom:var(--space-md);padding-bottom:var(--space-md)}.email-logs__detail-row--error{background-color:#dc35450d;border:1px solid #dc354533;border-radius:var(--radius-base);padding:var(--space-sm)}.email-logs__detail-label{color:var(--color-text);flex-shrink:0;font-weight:var(--font-weight-semibold);min-width:120px}.email-logs__detail-value{color:var(--color-text-secondary);flex:1 1;word-break:break-word}.email-logs__detail-value--monospace{background-color:var(--color-bg-tertiary);border-radius:var(--radius-base);font-family:monospace;font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-sm)}.email-logs__detail-value--error{color:var(--color-danger);font-weight:var(--font-weight-medium)}.email-logs__detail-value--status-success{color:var(--color-success);font-weight:var(--font-weight-semibold)}.email-logs__detail-value--status-error,.email-logs__detail-value--status-failed{color:var(--color-danger);font-weight:var(--font-weight-semibold)}.email-logs__detail-value--status-pending,.email-logs__detail-value--status-processing{color:var(--color-info);font-weight:var(--font-weight-semibold)}.email-logs__detail-value--status-retry{color:var(--color-warning);font-weight:var(--font-weight-semibold)}.email-logs__content-section{border-top:2px solid var(--color-border);margin-top:var(--space-xl);padding-top:var(--space-lg)}.email-logs__content-label{color:var(--color-text);display:block;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-md)}.email-logs__content-html,.email-logs__content-text{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);max-height:500px;overflow-y:auto;padding:var(--space-lg)}.email-logs__content-text{color:var(--color-text);font-family:monospace;font-size:var(--font-size-sm);margin:0;white-space:pre-wrap;word-break:break-word}@media (max-width:1200px){.email-logs__table-container{overflow-x:auto}.email-logs__table{min-width:900px}}@media (max-width:768px){.email-logs,.email-logs__filters{padding:var(--space-md)}.email-logs__filters{align-items:stretch;flex-direction:column}.email-logs__filter-group,.email-logs__filter-select{width:100%}.email-logs__search-group{min-width:auto;width:100%}.email-logs__table{min-width:800px}.email-logs__modal{margin:var(--space-sm);max-height:95vh}.email-logs__modal-content,.email-logs__modal-header{padding:var(--space-md)}.email-logs__detail-row{flex-direction:column;gap:var(--space-xs)}.email-logs__detail-label{min-width:auto}}.dark-mode .email-logs__table-container{box-shadow:0 4px 6px #0000004d}.dark-mode .email-logs__modal{box-shadow:0 10px 25px #00000080}.dark-mode .email-logs__source-badge{opacity:.9}.dark-mode .email-logs__content-html,.dark-mode .email-logs__content-text{background-color:var(--color-bg-tertiary)}.test-data-generator{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);width:100%;z-index:9999}.test-data-container{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-height:80vh;max-width:600px;overflow-y:auto;padding:2rem;width:90%}.test-data-generator h2{border-bottom:2px solid #ff4500;color:#333;margin:0 0 1rem;padding-bottom:.5rem}.test-data-generator .warning{background:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;color:#856404;margin-bottom:1rem;padding:.75rem}.info-section{background:#f8f9fa;border-radius:4px;margin-bottom:1.5rem;padding:1rem}.info-section h3{color:#333;font-size:1.1rem;margin:0 0 .5rem}.info-section ul{margin:0;padding-left:1.5rem}.info-section li{color:#666;margin:.25rem 0}.button-section{display:flex;gap:1rem;margin-bottom:1rem}.delete-btn,.generate-btn{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.generate-btn{background:#28a745;color:#fff}.generate-btn:hover:not(:disabled){background:#218838;box-shadow:0 2px 8px #28a7454d;transform:translateY(-1px)}.delete-btn{background:#dc3545;color:#fff}.delete-btn:hover:not(:disabled){background:#c82333;box-shadow:0 2px 8px #dc35454d;transform:translateY(-1px)}.delete-btn:disabled,.generate-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.progress-section{margin:1rem 0}.progress-bar{background:#e9ecef;border-radius:4px;height:20px;margin-bottom:.5rem;overflow:hidden;width:100%}.progress-fill{background:#ff4500;height:100%;transition:width .3s ease}.progress-section p{color:#666;font-size:.9rem;margin:0;text-align:center}.message{border-radius:4px;margin-top:1rem;padding:.75rem;text-align:center}.message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.dark-mode .test-data-container{background:#2a2a2a;color:#e0e0e0}.dark-mode .test-data-generator h2{color:#e0e0e0}.dark-mode .info-section{background:#333}.dark-mode .info-section h3{color:#e0e0e0}.dark-mode .info-section li{color:#bbb}.dark-mode .progress-bar{background:#444}.test-data-page{background:#f8f9fa;min-height:100vh;padding:2rem}.access-denied{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:4rem auto;max-width:600px;padding:3rem;text-align:center}.access-denied h2{color:#dc3545;margin-bottom:1rem}.access-denied button{background:#ff4500;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .2s}.access-denied button:hover{background:#e63900;box-shadow:0 2px 8px #ff45004d;transform:translateY(-1px)}.test-data-header{align-items:center;display:flex;justify-content:space-between;margin:0 auto 2rem;max-width:1200px}.test-data-header h1{color:#333;margin:0}.back-btn{background:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1.5rem;transition:all .2s}.back-btn:hover{background:#5a6268;transform:translateY(-1px)}.test-data-content{margin:0 auto;max-width:1200px}.action-card,.info-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem;padding:2rem}.info-card h2{border-bottom:2px solid #ff4500;color:#333;margin:0 0 1rem;padding-bottom:.5rem}.info-card ul{margin:1rem 0;padding-left:1.5rem}.info-card li{color:#666;margin:.5rem 0}.action-card h3{color:#333;margin:0 0 1rem}.action-card ol{margin:1rem 0 2rem;padding-left:1.5rem}.action-card li{color:#666;margin:.5rem 0}.open-generator-btn{background:#ff4500;border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;font-size:1.1rem;font-weight:600;margin:0 auto;padding:1rem 2rem;transition:all .2s}.open-generator-btn:hover{background:#e63900;box-shadow:0 2px 8px #ff45004d;transform:translateY(-1px)}.testing-checklist{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:2rem}.testing-checklist h3{border-bottom:2px solid #ff4500;color:#333;margin:0 0 1.5rem;padding-bottom:.5rem}.checklist-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.checklist-section h4{color:#555;font-size:1rem;margin:0 0 .75rem}.checklist-section ul{list-style:none;margin:0;padding:0}.checklist-section li{color:#666;font-size:.95rem;padding:.25rem 0}.generator-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9998}.close-generator{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.5rem 1.5rem;position:absolute;right:2rem;top:2rem;transition:all .2s;z-index:10000}.close-generator:hover{background:#c82333;transform:translateY(-1px)}.dark-mode .test-data-page{background:#1a1a1a}.dark-mode .test-data-header h1{color:#e0e0e0}.dark-mode .action-card,.dark-mode .info-card,.dark-mode .testing-checklist{background:#2a2a2a;color:#e0e0e0}.dark-mode .action-card h3,.dark-mode .info-card h2,.dark-mode .testing-checklist h3{color:#e0e0e0}.dark-mode .action-card li,.dark-mode .checklist-section li,.dark-mode .info-card li{color:#bbb}.dark-mode .checklist-section h4{color:#ccc}.toast{background:#333;box-shadow:0 4px 12px #0000004d;color:#fff;font-size:1rem;gap:.75rem;z-index:10001}.toast--success{background:#28a745}.toast--error{background:#dc3545}.toast--warning{background:#ffc107;color:#333}.toast--info{background:#17a2b8}.toast svg{font-size:1.25rem}.pending-verifications{margin:0 auto;max-width:1400px;padding:var(--space-lg)}.pending-verifications__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-xl)}.pending-verifications__header h1{color:var(--color-text);margin:0}.pending-verifications__stats{display:flex;gap:var(--space-md)}.stat-badge{background-color:var(--color-primary);border-radius:var(--radius-full);color:var(--color-text-inverse);font-weight:var(--font-weight-bold);padding:var(--space-xs) var(--space-md)}.pending-verifications__controls{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:space-between;margin-bottom:var(--space-lg)}.filter-group{align-items:center;display:flex;gap:var(--space-sm)}.filter-group label{color:var(--color-text);font-weight:var(--font-weight-medium)}.filter-group select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);padding:var(--space-xs) var(--space-sm)}.bulk-actions{display:flex;gap:var(--space-sm)}.btn-approve-bulk,.btn-reject-bulk{align-items:center;border:none;border-radius:var(--radius-base);cursor:pointer;display:flex;font-weight:var(--font-weight-medium);gap:var(--space-xs);padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.btn-approve-bulk{background-color:var(--color-success);color:#fff}.btn-approve-bulk:hover:not(:disabled){background-color:#229a3e;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-reject-bulk{background-color:var(--color-danger);color:#fff}.btn-reject-bulk:hover:not(:disabled){background-color:#c82333;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-approve-bulk:disabled,.btn-reject-bulk:disabled{cursor:not-allowed;opacity:.6}.no-pending{color:var(--color-text-secondary);padding:var(--space-xxl);text-align:center}.verifications-table{background-color:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-base);overflow:hidden}.verifications-table table{border-collapse:collapse;width:100%}.verifications-table th{background-color:var(--color-bg-secondary);border-bottom:2px solid var(--color-border);color:var(--color-text);font-weight:var(--font-weight-bold);padding:var(--space-md);text-align:left}.verifications-table td{border-bottom:1px solid var(--color-border);color:var(--color-text);padding:var(--space-md)}.verifications-table tr:hover:not(.processing){background-color:var(--color-bg-hover)}.verifications-table tr.processing{opacity:.6;pointer-events:none}.user-cell{min-width:200px}.user-info{align-items:center;display:flex;gap:var(--space-sm)}.user-avatar,.user-avatar-placeholder{border-radius:var(--radius-full)}.user-avatar-placeholder{color:var(--color-text-inverse);font-weight:var(--font-weight-bold)}.user-details{display:flex;flex-direction:column}.user-name{font-weight:var(--font-weight-medium)}.user-email{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.service-badge{align-items:center;display:flex;gap:var(--space-xs)}.service-icon{font-size:1.2rem}.service-icon.police{color:#3b5998}.service-icon.fire{color:#dc3545}.service-icon.ems{color:#17a2b8}.service-icon.military{color:#6c757d}.status-badge{font-size:var(--font-size-sm);text-transform:capitalize}.status-badge.active{background-color:#28a7451a;color:var(--color-success)}.status-badge.retired{background-color:#6c757d1a;color:#6c757d}.status-badge.veteran{background-color:#3b59981a;color:#3b5998}.report-count{color:var(--color-text);font-weight:var(--font-weight-medium)}.actions-cell{white-space:nowrap}.btn-icon{background:none;border:none;border-radius:var(--radius-base);cursor:pointer;font-size:1.2rem;margin:0 2px;padding:var(--space-xs);transition:all var(--transition-base)}.btn-icon:hover:not(:disabled){transform:scale(1.1)}.btn-icon:disabled{cursor:not-allowed;opacity:.5}.btn-approve{color:var(--color-success)}.btn-approve:hover:not(:disabled){background-color:#28a7451a}.btn-reject{color:var(--color-danger)}.btn-reject:hover:not(:disabled){background-color:#dc35451a}.btn-view{color:var(--color-primary)}.btn-view:hover:not(:disabled){background-color:#ff45001a}@media (max-width:768px){.pending-verifications{padding:var(--space-md)}.pending-verifications__header{flex-direction:column;gap:var(--space-md);text-align:center}.filter-group,.pending-verifications__controls{align-items:stretch;flex-direction:column}.filter-group select{width:100%}.bulk-actions{flex-direction:column}.verifications-table{overflow-x:auto}.verifications-table table{min-width:800px}}.admin-pet-management{margin:0 auto;max-width:1400px;padding:var(--space-xl)}.admin-pet-management__header{margin-bottom:var(--space-xl)}.admin-pet-management__header h1{color:var(--color-text);font-size:var(--font-size-2xl);margin-bottom:var(--space-sm)}.admin-pet-management__header p{color:var(--color-text-secondary);font-size:var(--font-size-base)}.admin-pet-management__filters{background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-xl);padding:var(--space-lg)}.admin-pet-management__search{margin-bottom:var(--space-md)}.admin-pet-management__search input{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:var(--font-size-base);padding:var(--space-sm) var(--space-md);width:100%}.admin-pet-management__filter-buttons{display:flex;gap:var(--space-sm)}.admin-pet-management__filter-buttons button{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.admin-pet-management__filter-buttons button:hover{background-color:var(--color-bg-hover)}.admin-pet-management__filter-buttons button.active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.admin-pet-management__stats{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--space-xl)}.stat-card{border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center}.stat-card h3{color:var(--color-text-secondary);font-size:var(--font-size-sm);letter-spacing:.05em;margin-bottom:var(--space-sm);text-transform:uppercase}.stat-card p{color:var(--color-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0}.admin-pet-management__table-container{background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-xl);overflow:hidden}.admin-pet-management__table{border-collapse:collapse;width:100%}.admin-pet-management__table th{background-color:var(--color-bg-tertiary);border-bottom:2px solid var(--color-border);color:var(--color-text);font-weight:var(--font-weight-medium);padding:var(--space-md);text-align:left}.admin-pet-management__table td{border-bottom:1px solid var(--color-border);padding:var(--space-md);vertical-align:middle}.admin-pet-management__table tr:hover{background-color:var(--color-bg-hover)}.admin-pet-management__table tr.deleted-row{background-color:#dc35451a;opacity:.7}.pet-thumbnail{object-fit:cover}.no-photo,.pet-thumbnail{border-radius:var(--radius-base);height:50px;width:50px}.no-photo{align-items:center;background-color:var(--color-bg-tertiary);display:flex;font-size:var(--font-size-xs);justify-content:center}.no-photo,.pet-id{color:var(--color-text-secondary)}.pet-id{font-family:monospace}.status-badge{border-radius:var(--radius-base);display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-xs) var(--space-sm);text-transform:uppercase}.status-safe{background-color:#28a7451a;color:#28a745}.status-missing{background-color:#dc35451a;color:#dc3545}.status-found{background-color:#17a2b81a;color:#17a2b8}.status-deleted{background-color:#6c757d1a;color:#6c757d}.action-buttons{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.delete-btn,.view-btn{border-radius:var(--radius-base);cursor:pointer;display:inline-block;font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-sm);text-decoration:none;transition:all var(--transition-base)}.view-btn{background-color:var(--color-info);border:none}.view-btn,.view-btn:hover{color:var(--color-text-inverse)}.view-btn:hover{background-color:#138496}.delete-btn{background-color:var(--color-danger);border:none;color:var(--color-text-inverse)}.delete-btn:hover{background-color:#c82333}.admin-pet-management__load-more{margin-bottom:var(--space-xl);text-align:center}.admin-pet-management__load-more button{background-color:var(--color-primary);border:none;border-radius:var(--radius-base);color:var(--color-text-inverse);cursor:pointer;font-size:var(--font-size-base);padding:var(--space-sm) var(--space-xl);transition:all var(--transition-base)}.admin-pet-management__load-more button:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.admin-pet-management__empty,.admin-pet-management__error,.admin-pet-management__loading{background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);color:var(--color-text-secondary);padding:var(--space-2xl);text-align:center}.admin-pet-management__error{color:var(--color-danger)}.admin-pet-management__modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-lg);position:fixed;right:0;top:0;z-index:1000}.admin-pet-management__modal{background-color:var(--color-bg);border-radius:var(--radius-lg);max-height:90vh;max-width:500px;overflow-y:auto;padding:var(--space-xl);width:100%}.admin-pet-management__modal h3{color:var(--color-text);font-size:var(--font-size-lg);margin-bottom:var(--space-lg)}.pet-info{background-color:var(--color-bg-secondary);border-radius:var(--radius-base);margin-bottom:var(--space-lg);padding:var(--space-md)}.pet-info p{color:var(--color-text);margin:var(--space-xs) 0}.warning-message{background-color:#dc35451a;border:1px solid #dc35454d;border-radius:var(--radius-base);color:var(--color-danger);margin-bottom:var(--space-lg);padding:var(--space-md)}.warning-message p{font-weight:var(--font-weight-medium);margin:0 0 var(--space-sm) 0}.warning-message ul{margin:0;padding-left:var(--space-lg)}.warning-message li{margin-bottom:var(--space-xs)}.modal-actions{gap:var(--space-md)}.cancel-btn,.confirm-delete-btn{border:none;border-radius:var(--radius-base);cursor:pointer;font-size:var(--font-size-base);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.cancel-btn{background-color:var(--color-bg-tertiary);color:var(--color-text)}.cancel-btn:hover{background-color:var(--color-bg-hover)}.confirm-delete-btn{background-color:var(--color-danger);color:var(--color-text-inverse)}.confirm-delete-btn:hover{background-color:#c82333}.cancel-btn:disabled,.confirm-delete-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.admin-pet-management{padding:var(--space-md)}.admin-pet-management__table-container{overflow-x:auto}.admin-pet-management__table{min-width:700px}.admin-pet-management__filter-buttons{flex-wrap:wrap}.admin-pet-management__filter-buttons button{flex:1 1;min-width:100px}.modal-actions{flex-direction:column}.cancel-btn,.confirm-delete-btn{width:100%}}.sitter-verification{margin:0 auto;max-width:800px;padding:var(--space-lg)}.sitter-verification__header{margin-bottom:var(--space-xl);text-align:center}.sitter-verification__header h2{color:var(--color-text);margin-bottom:var(--space-sm)}.sitter-verification__header p{color:var(--color-text-secondary)}.sitter-verification__message{border-radius:var(--radius-base);margin-bottom:var(--space-lg);padding:var(--space-md);text-align:center}.sitter-verification__message--success{background-color:var(--color-success-light);border:1px solid var(--color-success);color:var(--color-success)}.sitter-verification__message--error{background-color:var(--color-danger-light);border:1px solid var(--color-danger);color:var(--color-danger)}.sitter-verification__items{display:flex;flex-direction:column;gap:var(--space-lg)}.sitter-verification__item{background-color:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-base);padding:var(--space-lg);position:relative}.sitter-verification__item--required{border-color:var(--color-error);border-width:2px}.sitter-verification__item--required:before{background-color:var(--color-error);border-radius:12px;color:#fff;content:"REQUIRED";font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:2px 12px;position:absolute;right:20px;top:-12px}.sitter-verification__item--optional{border-color:var(--color-success);opacity:.95}.sitter-verification__item-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-md)}.sitter-verification__item-info h3{align-items:center;color:var(--color-text);display:flex;gap:var(--space-xs);margin-bottom:var(--space-xs);position:relative}.sitter-verification__required{color:var(--color-danger);font-size:1.2em;font-weight:700;margin-left:4px}.sitter-verification__tooltip-container{align-items:center;display:inline-flex;margin-left:var(--space-xs);position:relative}.sitter-verification__tooltip-trigger{align-items:center;background:none;border:none;color:var(--color-primary);cursor:pointer;display:flex;font-size:1.1rem;padding:0;transition:all var(--transition-base)}.sitter-verification__tooltip-trigger:hover{color:var(--color-primary-hover);transform:scale(1.1)}.sitter-verification__tooltip{animation:tooltipFadeIn .2s ease-in-out;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);box-shadow:var(--shadow-lg);left:50%;margin-top:var(--space-sm);padding:var(--space-md);position:absolute;top:100%;transform:translateX(-50%);width:300px;z-index:100}.sitter-verification__tooltip:before{border-bottom:8px solid var(--color-border);top:-8px}.sitter-verification__tooltip:after,.sitter-verification__tooltip:before{border-left:8px solid #0000;border-right:8px solid #0000;content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.sitter-verification__tooltip:after{border-bottom:8px solid var(--color-bg);top:-7px}.sitter-verification__tooltip h4{color:var(--color-primary);font-size:.95rem;margin:0 0 var(--space-xs) 0}.sitter-verification__tooltip p{color:var(--color-text);font-size:.875rem;line-height:1.5;margin:0}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(-5px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.sitter-verification__item-info p{color:var(--color-text-secondary);font-size:.9rem}.sitter-verification__status{align-items:center;border-radius:var(--radius-base);display:flex;font-size:.875rem;font-weight:var(--font-weight-medium);gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);text-transform:uppercase}.sitter-verification__status--verified{background-color:var(--color-success-light);color:var(--color-success)}.sitter-verification__status--pending{background-color:var(--color-warning-light);color:var(--color-warning-dark)}.sitter-verification__status--rejected{background-color:var(--color-danger-light);color:var(--color-danger)}.sitter-verification__icon{font-size:1rem}.sitter-verification__icon--verified{color:var(--color-success)}.sitter-verification__icon--pending{color:var(--color-warning)}.sitter-verification__icon--rejected{color:var(--color-danger)}.sitter-verification__document{align-items:center;display:flex;gap:var(--space-md);margin-bottom:var(--space-sm)}.sitter-verification__document-link{color:var(--color-primary);font-weight:var(--font-weight-medium);text-decoration:none}.sitter-verification__document-link:hover{text-decoration:underline}.sitter-verification__document-date{color:var(--color-text-secondary);font-size:.875rem}.sitter-verification__upload{margin-top:var(--space-sm)}.sitter-verification__upload-description{background-color:var(--color-bg-tertiary);border-left:3px solid var(--color-primary);border-radius:var(--radius-base);color:var(--color-text-secondary);font-size:.9rem;line-height:1.6;margin-bottom:var(--space-md);padding:var(--space-md)}.sitter-verification__file-input{display:none}.sitter-verification__upload-button{align-items:center;background-color:var(--color-primary);border:none;border-radius:var(--radius-base);color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:var(--font-weight-medium);gap:var(--space-xs);padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.sitter-verification__upload-button:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.sitter-verification__rejection{background-color:var(--color-danger-light);border-radius:var(--radius-base);color:var(--color-danger);font-size:.875rem;margin-top:var(--space-sm);padding:var(--space-sm)}.sitter-verification__admin-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-md)}.sitter-verification__button{border:none;border-radius:var(--radius-base);cursor:pointer;font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.sitter-verification__button--approve{background-color:var(--color-success);color:#fff}.sitter-verification__button--approve:hover{background-color:var(--color-success-dark)}.sitter-verification__button--reject{background-color:var(--color-danger);color:#fff}.sitter-verification__button--reject:hover{background-color:var(--color-danger-dark)}.sitter-verification__button:disabled{cursor:not-allowed;opacity:.6}.sitter-verification__verified-info{color:var(--color-text-secondary);font-size:.875rem;margin-top:var(--space-xs)}.sitter-verification__summary{margin-top:var(--space-xl);text-align:center}.sitter-verification__complete,.sitter-verification__incomplete{align-items:center;border-radius:var(--radius-base);display:inline-flex;font-weight:var(--font-weight-medium);gap:var(--space-sm);padding:var(--space-md) var(--space-lg)}.sitter-verification__complete{background-color:var(--color-success-light);border:1px solid var(--color-success);color:var(--color-success)}.sitter-verification__incomplete{background-color:var(--color-warning-light);border:1px solid var(--color-warning);color:var(--color-warning-dark)}.sitter-verification__submit-button{background-color:var(--color-primary);border:none;border-radius:var(--radius-base);color:#fff!important;cursor:pointer;display:block;font-size:1rem;font-weight:var(--font-weight-medium);margin-left:auto;margin-right:auto;margin-top:var(--space-lg);padding:var(--space-md) var(--space-xl);transition:all var(--transition-base)}.sitter-verification__submit-button:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.sitter-verification__submit-button:disabled{cursor:not-allowed;opacity:.6}body.dark-mode .sitter-verification__item{background-color:var(--color-bg-secondary);border-color:var(--color-border)}body.dark-mode .sitter-verification__upload-description{background-color:var(--color-bg-tertiary);border-left-color:var(--color-primary);color:var(--color-text-secondary)}body.dark-mode .sitter-verification__tooltip{background:var(--color-bg-secondary);border-color:var(--color-border);box-shadow:var(--shadow-lg)}body.dark-mode .sitter-verification__tooltip:after{border-bottom-color:var(--color-bg-secondary)}body.dark-mode .sitter-verification__upload-button{background-color:var(--color-primary);color:#fff}body.dark-mode .sitter-verification__upload-button:hover{background-color:var(--color-primary-hover)}@media (max-width:768px){.sitter-verification{padding:var(--space-md)}.sitter-verification__item-header{flex-direction:column;gap:var(--space-sm)}.sitter-verification__status{align-self:flex-start}.sitter-verification__document{align-items:flex-start;flex-direction:column;gap:var(--space-xs)}.sitter-verification__admin-actions{flex-direction:column}.sitter-verification__button{width:100%}.sitter-verification__tooltip{left:auto;right:0;transform:none;width:250px}.sitter-verification__tooltip:after,.sitter-verification__tooltip:before{left:auto;right:10px;transform:none}}.admin-sitter-management{margin:0 auto;max-width:1400px;padding:var(--space-xl)}.admin-sitter-management__header{align-items:center;border-bottom:2px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:var(--space-xl);padding-bottom:var(--space-lg)}.admin-sitter-management__title{color:var(--color-text);font-size:var(--font-size-2xl);margin:0}.admin-sitter-management__stats{display:flex;gap:var(--space-xl)}.admin-sitter-management__stat{background:var(--color-bg-secondary);border-radius:var(--radius-base);min-width:100px;padding:var(--space-md) var(--space-lg);text-align:center}.admin-sitter-management__stat-value{color:var(--color-primary);display:block;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-xs)}.admin-sitter-management__stat-label{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.admin-sitter-management__filters{margin-bottom:var(--space-xl)}.admin-sitter-management__filter-select{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:var(--font-size-base);min-width:200px;padding:var(--space-sm) var(--space-md)}.admin-sitter-management__empty,.admin-sitter-management__loading{color:var(--color-text-secondary);font-size:var(--font-size-lg);padding:var(--space-3xl);text-align:center}.admin-sitter-management__grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.admin-sitter-management__card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-base)}.admin-sitter-management__card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.admin-sitter-management__card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-md)}.admin-sitter-management__sitter-name{color:var(--color-text);font-size:var(--font-size-lg);margin:0}.admin-sitter-management__status-badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-xs) var(--space-sm);text-transform:uppercase}.admin-sitter-management__status-badge--pending{background:var(--color-warning);color:#000}.admin-sitter-management__status-badge--active{background:var(--color-success);color:#fff}.admin-sitter-management__status-badge--inactive{background:var(--color-secondary);color:#fff}.admin-sitter-management__status-badge--rejected{background:var(--color-danger);color:#fff}.admin-sitter-management__card-body{margin-bottom:var(--space-lg)}.admin-sitter-management__info-row{border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;padding:var(--space-xs) 0}.admin-sitter-management__info-row:last-child{border-bottom:none}.admin-sitter-management__label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.admin-sitter-management__value{color:var(--color-text);font-size:var(--font-size-sm)}.admin-sitter-management__card-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.admin-sitter-management__action-button{border:none;border-radius:var(--radius-base);cursor:pointer;flex:1 1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);min-width:80px;padding:var(--space-xs) var(--space-sm);transition:all var(--transition-base)}.admin-sitter-management__action-button:disabled{cursor:not-allowed;opacity:.5}.admin-sitter-management__action-button--view{background:var(--color-info);color:#fff}.admin-sitter-management__action-button--view:hover:not(:disabled){background:#1491a5}.admin-sitter-management__action-button--approve{background:var(--color-success);color:#fff}.admin-sitter-management__action-button--approve:hover:not(:disabled){background:#229a3e}.admin-sitter-management__action-button--reject{background:var(--color-danger);color:#fff}.admin-sitter-management__action-button--reject:hover:not(:disabled){background:#c32e3b}.admin-sitter-management__action-button--deactivate{background:var(--color-warning);color:#000}.admin-sitter-management__action-button--deactivate:hover:not(:disabled){background:#e6ad06}.admin-sitter-management__action-button--reactivate{background:var(--color-primary);color:#fff}.admin-sitter-management__action-button--reactivate:hover:not(:disabled){background:var(--color-primary-hover)}.admin-sitter-management__modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-lg);position:fixed;right:0;top:0;z-index:500}.admin-sitter-management__modal{background:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:90vh;max-width:700px;overflow-y:auto;padding:var(--space-xl);position:relative;width:100%}.admin-sitter-management__modal-close{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:50%;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-xl);height:32px;justify-content:center;position:absolute;right:var(--space-md);top:var(--space-md);transition:all var(--transition-base);width:32px}.admin-sitter-management__modal-close:hover{background:var(--color-bg-hover);color:var(--color-text);transform:rotate(90deg)}.admin-sitter-management__modal-title{color:var(--color-text);margin:0 0 var(--space-xl) 0}.admin-sitter-management__detail-section{margin-bottom:var(--space-xl)}.admin-sitter-management__detail-section h3{color:var(--color-text);font-size:var(--font-size-lg);margin:0 0 var(--space-md) 0}.admin-sitter-management__detail-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(2,1fr)}.admin-sitter-management__detail-item{display:flex;flex-direction:column;gap:var(--space-xs)}.admin-sitter-management__detail-item--full{grid-column:1/-1}.admin-sitter-management__detail-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.admin-sitter-management__detail-value{color:var(--color-text)}.admin-sitter-management__detail-value p{line-height:1.6;margin:0}.admin-sitter-management__specialties{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.admin-sitter-management__specialty-tag{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text);font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-sm)}.admin-sitter-management__modal-actions{border-top:1px solid var(--color-border);display:flex;gap:var(--space-md);margin-top:var(--space-xl);padding-top:var(--space-xl)}.admin-sitter-management__modal-button{border:none;border-radius:var(--radius-base);cursor:pointer;flex:1 1;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.admin-sitter-management__modal-button:disabled{cursor:not-allowed;opacity:.5}.admin-sitter-management__modal-button--approve{background:var(--color-success);color:#fff}.admin-sitter-management__modal-button--approve:hover:not(:disabled){background:#229a3e;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.admin-sitter-management__modal-button--reject{background:var(--color-danger);color:#fff}.admin-sitter-management__modal-button--reject:hover:not(:disabled){background:#c32e3b;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.admin-sitter-management__modal-button--deactivate{background:var(--color-warning);color:#000}.admin-sitter-management__modal-button--deactivate:hover:not(:disabled){background:#e6ad06;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.admin-sitter-management__modal-button--reactivate{background:var(--color-primary);color:#fff}.admin-sitter-management__modal-button--reactivate:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.admin-sitter-management__modal-button--cancel{background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.admin-sitter-management__modal-button--cancel:hover{background:var(--color-bg-hover)}.admin-sitter-management__verification-button{background:var(--color-primary);border:none;border-radius:var(--radius-base);color:#fff;cursor:pointer;font-weight:var(--font-weight-medium);margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.admin-sitter-management__verification-button:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.admin-sitter-management__modal--large{max-height:90vh;max-width:900px;overflow-y:auto;width:90%}.admin-sitter-management__verification-container{margin:var(--space-lg) 0}body.dark-mode .admin-sitter-management__filter-select,body.dark-mode .admin-sitter-management__modal{background:var(--color-bg-secondary)}body.dark-mode .admin-sitter-management__specialty-tag{background:var(--color-bg-tertiary)}@media (max-width:768px){.admin-sitter-management{padding:var(--space-md)}.admin-sitter-management__header{flex-direction:column;gap:var(--space-lg)}.admin-sitter-management__stats{justify-content:space-between;width:100%}.admin-sitter-management__stat{flex:1 1;min-width:auto}.admin-sitter-management__detail-grid,.admin-sitter-management__grid{grid-template-columns:1fr}.admin-sitter-management__modal{padding:var(--space-lg)}.admin-sitter-management__modal-actions{flex-direction:column}}.admin-frame-manager{background-color:var(--color-bg);margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.admin-frame-manager__header{align-items:center;border-bottom:2px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.admin-frame-manager__header h1{color:var(--color-text);font-size:2rem;margin:0}.admin-frame-manager__new-btn{align-items:center;background-color:var(--color-primary);border:none;border-radius:var(--radius-base);color:var(--color-text-inverse);cursor:pointer;display:flex;font-size:1rem;gap:.5rem;padding:.75rem 1.5rem;transition:all var(--transition-base)}.admin-frame-manager__new-btn:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.admin-frame-manager__new-form{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:2rem;padding:2rem}.admin-frame-manager__new-form h2{color:var(--color-text);font-size:1.5rem;margin:0 0 1.5rem}.admin-frame-manager__form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.admin-frame-manager__form-group{display:flex;flex-direction:column}.admin-frame-manager__form-group label{color:var(--color-text);font-size:.9rem;font-weight:600;margin-bottom:.5rem}.admin-frame-manager__form-group input,.admin-frame-manager__form-group select,.admin-frame-manager__form-group textarea{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:1rem;padding:.75rem;transition:border-color var(--transition-base)}.admin-frame-manager__form-group input:focus,.admin-frame-manager__form-group select:focus,.admin-frame-manager__form-group textarea:focus{border-color:var(--color-primary);outline:none}.admin-frame-manager__checkboxes{display:flex;flex-direction:column;gap:.75rem}.admin-frame-manager__checkboxes label{align-items:center;cursor:pointer;display:flex;font-weight:400;gap:.5rem}.admin-frame-manager__checkboxes input[type=checkbox]{margin:0;width:auto}.admin-frame-manager__upload-section{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.admin-frame-manager__upload-group{display:flex;flex-direction:column}.admin-frame-manager__upload-group label{color:var(--color-text);font-size:.9rem;font-weight:600;margin-bottom:.5rem}.admin-frame-manager__upload-group input[type=file]{background-color:var(--color-bg);border:2px dashed var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;padding:1rem}.admin-frame-manager__file-info{color:var(--color-success);font-size:.9rem;margin-top:.5rem}.admin-frame-manager__preview{margin-bottom:2rem;text-align:center}.admin-frame-manager__preview h3{color:var(--color-text);margin-bottom:1rem}.admin-frame-manager__preview-container{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);display:inline-block;padding:2rem}.admin-frame-manager__preview-avatar{height:100px;margin:0 auto 1rem;position:relative;width:100px}.admin-frame-manager__preview-avatar img{border-radius:4px;height:100%;object-fit:cover;width:100%}.admin-frame-manager__preview-frame{background-position:50%;background-repeat:no-repeat;background-size:contain;height:120px;left:-10px;pointer-events:none;position:absolute;top:-10px;width:120px}.admin-frame-manager__preview-container p{color:var(--color-text-secondary);font-size:.9rem;margin:0}.admin-frame-manager__progress{margin-bottom:1.5rem}.admin-frame-manager__progress-bar{background-color:var(--color-bg-tertiary);border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden;width:100%}.admin-frame-manager__progress-fill{background-color:var(--color-primary);height:100%;transition:width .3s ease}.admin-frame-manager__progress p{color:var(--color-text-secondary);font-size:.9rem;text-align:center}.admin-frame-manager__form-actions{display:flex;gap:1rem;justify-content:center}.admin-frame-manager__cancel-btn,.admin-frame-manager__save-btn{align-items:center;border:none;border-radius:var(--radius-base);cursor:pointer;display:flex;font-size:1rem;gap:.5rem;padding:.75rem 2rem;transition:all var(--transition-base)}.admin-frame-manager__save-btn{background-color:var(--color-success);color:#fff}.admin-frame-manager__save-btn:hover:not(:disabled){background-color:#22a03d;transform:translateY(-2px)}.admin-frame-manager__save-btn:disabled{cursor:not-allowed;opacity:.5}.admin-frame-manager__cancel-btn{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text)}.admin-frame-manager__cancel-btn:hover{background-color:var(--color-bg-hover)}.admin-frame-manager__grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.admin-frame-manager__frame-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:1.5rem;transition:all var(--transition-base)}.admin-frame-manager__frame-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.admin-frame-manager__frame-preview{height:100px;margin:0 auto 1rem;position:relative;width:100px}.admin-frame-manager__frame-avatar{border-radius:4px;height:100%;object-fit:cover;width:100%}.admin-frame-manager__frame-overlay{background-position:50%;background-repeat:no-repeat;background-size:contain;height:120px;left:50%;pointer-events:none;position:absolute;top:-10px;transform:translateX(-50%);width:120px}.admin-frame-manager__frame-info{text-align:center}.admin-frame-manager__frame-info h3{color:var(--color-text);font-size:1.1rem;margin:0 0 .25rem}.admin-frame-manager__frame-id{color:var(--color-text-secondary);font-family:monospace;font-size:.8rem;margin:0 0 .5rem}.admin-frame-manager__frame-price{color:var(--color-primary);font-weight:600;margin:0 0 .75rem}.admin-frame-manager__frame-badges{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1rem}.admin-frame-manager__frame-badges span{border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase}.badge-animated{background-color:#e3f2fd;color:#1976d2}.badge-limited{background-color:#fff3e0;color:#f57c00}.badge-inactive{background-color:#ffebee;color:#c62828}.admin-frame-manager__frame-actions{display:flex;gap:.5rem;justify-content:center}.admin-frame-manager__action-btn{align-items:center;background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all var(--transition-base)}.admin-frame-manager__action-btn:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.admin-frame-manager__action-btn--delete:hover{background-color:var(--color-danger);border-color:var(--color-danger)}.admin-frame-manager__action-btn--save{background-color:var(--color-success);border-color:var(--color-success);color:#fff}.admin-frame-manager__action-btn--cancel{background-color:var(--color-bg-tertiary)}.admin-frame-manager__frame-edit{display:flex;flex-direction:column;gap:.5rem}.admin-frame-manager__frame-edit input{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);padding:.5rem;text-align:center}.admin-frame-manager__loading{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;justify-content:center;min-height:400px}.admin-frame-manager__spinner{color:var(--color-primary);font-size:2rem;margin-bottom:1rem}.admin-frame-manager__spinner,.spinning{animation:spin 1s linear infinite}.admin-frame-manager__empty{color:var(--color-text-secondary);padding:4rem 2rem;text-align:center}.admin-frame-manager__empty svg{font-size:4rem;margin-bottom:1rem;opacity:.5}.admin-frame-manager__empty p{font-size:1.1rem;margin-bottom:1.5rem}.admin-frame-manager__empty button{background-color:var(--color-primary);border:none;border-radius:var(--radius-base);color:var(--color-text-inverse);cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all var(--transition-base)}.admin-frame-manager__empty button:hover{background-color:var(--color-primary-hover);transform:translateY(-2px)}.dark-mode .admin-frame-manager{background-color:var(--color-bg)}.dark-mode .badge-animated{background-color:#1565c0;color:#90caf9}.dark-mode .badge-limited{background-color:#e65100;color:#ffb74d}.dark-mode .badge-inactive{background-color:#b71c1c;color:#ef9a9a}@media (max-width:768px){.admin-frame-manager{padding:1rem}.admin-frame-manager__header{flex-direction:column;gap:1rem;text-align:center}.admin-frame-manager__form-grid,.admin-frame-manager__upload-section{grid-template-columns:1fr}.admin-frame-manager__grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.admin-frame-manager__form-actions{flex-direction:column}.admin-frame-manager__cancel-btn,.admin-frame-manager__save-btn{justify-content:center;width:100%}}.moderation-dashboard{background-color:var(--color-bg);color:var(--color-text)}.moderation-header{align-items:center;background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);box-sizing:border-box;display:flex;flex-wrap:nowrap;justify-content:space-between;margin-top:0;padding:1rem 2rem;position:relative;width:100%;z-index:10}.moderation-header h1{color:var(--color-text);flex-shrink:0;font-size:1.75rem;line-height:1.2;margin:0}.moderation-header-actions{align-items:center;display:flex;flex-shrink:0;gap:1rem;margin-left:auto}.mod-center-role-badge,.role-badge{border-radius:1rem;color:#fff;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .75rem;text-transform:uppercase;white-space:nowrap}.mod-center-role-badge{flex-shrink:0}.back-button{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;padding:.5rem 1rem;transition:all .2s ease}.back-button:hover{background-color:var(--color-bg-hover);transform:translateY(-1px)}.mod-center-back-button{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;flex-shrink:0;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.mod-center-back-button:hover{background-color:var(--color-bg-hover);transform:translateY(-1px)}.moderation-content{display:flex;flex:1 1;min-height:0;overflow:hidden;position:relative}.moderation-sidebar{background-color:var(--color-bg-secondary);border-right:1px solid var(--color-border);flex-shrink:0;overflow-x:hidden;overflow-y:auto;padding:1.5rem 0;width:250px}.moderation-nav{list-style:none;margin:0;padding:0}.nav-item{align-items:center;border-left:3px solid #0000;color:var(--color-text-secondary);display:flex;gap:.75rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.nav-item:hover{color:var(--color-text)}.nav-item.active,.nav-item:hover{background-color:var(--color-bg-hover)}.nav-item.active{border-left-color:var(--color-primary);color:var(--color-primary)}.nav-icon{font-size:1.25rem;text-align:center;width:1.5rem}.nav-label{font-size:.9375rem;font-weight:500}.moderation-quick-stats{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-base);margin:2rem 1.5rem 0;padding:1rem}.moderation-quick-stats h3{color:var(--color-text-secondary);font-size:.875rem;margin:0 0 1rem;text-transform:uppercase}.stat-item{display:flex;font-size:.875rem;justify-content:space-between;padding:.5rem 0}.stat-label{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-value{font-weight:600}.moderation-main{background-color:initial;flex:1 1;min-width:0;overflow-x:hidden;overflow-y:auto;padding:0}.moderation-main>*{box-sizing:border-box;overflow-x:hidden;padding:0 2rem}.dark .moderation-header{background-color:var(--color-bg-secondary);border-bottom-color:var(--color-border)}.dark .moderation-sidebar{background-color:var(--color-bg-secondary);border-right-color:var(--color-border)}.dark .nav-item.active,.dark .nav-item:hover{background-color:var(--color-bg-hover)}.mod-stat-card{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;display:flex;gap:1rem;padding:1.5rem;transition:all .2s ease}.mod-stat-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.mod-stat-icon{flex-shrink:0;font-size:2.5rem;text-align:center;width:3rem}.mod-stat-content{flex:1 1;min-width:0}.mod-stat-value{color:var(--color-text);font-size:2rem;font-weight:700;margin-bottom:.25rem}.mod-stat-label{color:var(--color-text-secondary);display:block;font-size:.875rem;-webkit-hyphens:auto;hyphens:auto;max-width:100%;overflow-wrap:break-word;word-break:break-word}.mod-recent-actions-list{flex-direction:column;padding:0 2rem}.mod-action-item,.mod-recent-actions-list{box-sizing:border-box;display:flex;gap:1rem;width:100%}.mod-action-item{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;overflow:hidden;padding:1rem;transition:all .2s ease}.mod-action-item:hover{background-color:var(--color-bg-tertiary);box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.mod-action-icon{flex-shrink:0;font-size:1.5rem;text-align:center;width:2rem}.mod-action-details{flex:1 1;max-width:calc(100% - 3rem);min-width:0;overflow:hidden}.mod-action-description{color:var(--color-text);display:block;margin-bottom:.5rem}.mod-action-description,.mod-action-description strong{max-width:100%;overflow-wrap:break-word!important;word-break:break-word!important}.mod-action-description strong{color:var(--color-primary);display:inline;font-weight:600}.mod-action-reason{color:var(--color-text-secondary);font-size:.9rem;font-style:italic;margin-bottom:.5rem}.mod-action-timestamp{color:var(--color-text-muted);font-size:.85rem}.mod-activity-list{display:flex;flex-direction:column;gap:1rem}.mod-activity-item{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .2s ease}.mod-activity-item:hover{background-color:var(--color-bg-tertiary);box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.mod-activity-avatar{flex-shrink:0}.mod-user-avatar{display:block;object-fit:cover}.mod-user-avatar,.mod-user-avatar-placeholder{border:1px solid var(--color-border);border-radius:4px!important;height:40px;width:40px}.mod-user-avatar-placeholder{align-items:center;background-color:var(--color-primary);color:#fff;display:flex;font-size:1.2rem;font-weight:700;justify-content:center}.mod-activity-details{flex:1 1;min-width:0}.mod-activity-description{color:var(--color-text);margin-bottom:.5rem;overflow-wrap:break-word;word-break:break-word}.mod-activity-description strong{color:var(--color-primary);font-weight:600}.mod-activity-preview{color:var(--color-text-secondary);font-size:.9rem;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mod-activity-timestamp{color:var(--color-text-muted);font-size:.85rem}.moderation-mobile-menu-btn{display:none}@media (max-width:768px){.moderation-mobile-menu-btn{display:flex}.moderation-content{flex-direction:column}.moderation-sidebar{border-bottom:1px solid var(--color-border);border-right:none;height:auto;padding:1rem 0;width:100%}.moderation-nav{-webkit-overflow-scrolling:touch;display:flex;gap:.5rem;overflow-x:auto;padding:0 1rem}.nav-item{border-bottom:3px solid #0000;border-left:none;padding:.5rem 1rem;white-space:nowrap}.nav-item.active{border-bottom-color:var(--color-primary);border-left-color:#0000}.moderation-quick-stats{display:none}.moderation-main{padding:0}.moderation-main>*{padding:0 1rem}.moderation-header{flex-wrap:wrap;padding:1rem}.moderation-header h1{font-size:1.25rem;margin-bottom:.5rem}.moderation-header-actions{gap:.5rem}.moderation-main .mod-overview-stats{grid-template-columns:1fr;padding:0 1rem}.mod-recent-actions-list{padding:0 1rem}.mod-action-description,.mod-action-description strong{overflow-wrap:break-word;word-break:break-word}}.moderation-main .moderation-section{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;box-sizing:border-box;margin:0 0 1.5rem;padding:1.5rem;width:100%}.moderation-section h2{color:var(--color-text);font-size:1.25rem;margin:0 0 1rem}.moderation-section h3{color:var(--color-text);font-size:1rem;margin:1.5rem 0 .75rem}.moderation-actions{display:flex;flex-wrap:wrap;gap:.5rem}.mod-button{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;font-size:.875rem;padding:.375rem .75rem;transition:all .2s ease}.mod-button:hover{background-color:var(--color-bg-hover);transform:translateY(-1px)}.mod-button--primary{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.mod-button--primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.mod-button--danger{background-color:var(--color-danger);border-color:var(--color-danger);color:#fff}.mod-button--danger:hover{background-color:#c82333;border-color:#bd2130}.mod-button--warning{background-color:var(--color-warning);border-color:var(--color-warning);color:#212529}.mod-button--warning:hover{background-color:#e0a800;border-color:#d39e00}.moderation-table{border-collapse:collapse;margin-top:1rem;width:100%}.moderation-table td,.moderation-table th{border-bottom:1px solid var(--color-border);padding:.75rem;text-align:left}.moderation-table th{background-color:var(--color-bg-tertiary);color:var(--color-text-secondary);font-weight:600}.moderation-table tr:hover{background-color:var(--color-bg-hover)}.status-indicator{border-radius:50%;display:inline-block;height:8px;margin-right:.5rem;width:8px}.status-indicator--active{background-color:var(--color-success)}.status-indicator--warning{background-color:var(--color-warning)}.status-indicator--banned{background-color:var(--color-danger)}.status-indicator--muted{background-color:var(--color-secondary)}.moderation-loading{align-items:center;color:var(--color-text-secondary);display:flex;justify-content:center;min-height:200px}.moderation-empty{color:var(--color-text-secondary);padding:3rem;text-align:center}.moderation-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.moderation-controls{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.moderation-search{flex:1 1;min-width:200px}.moderation-filter,.moderation-search{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);padding:.5rem 1rem}.moderation-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.moderation-modal{background-color:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:90vh;max-width:500px;overflow-y:auto;padding:2rem;width:90%}.moderation-modal h3{font-size:1.25rem;margin:0 0 1.5rem}.moderation-main .moderation-overview{margin:0!important;overflow-x:hidden;padding:0!important;width:100%}.moderation-main .moderation-overview>h2{background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);box-sizing:border-box;color:var(--color-text);font-size:1.5rem;margin:0 0 2rem!important;padding:2rem!important;width:100%}.moderation-main .mod-overview-stats{grid-gap:1rem;box-sizing:border-box;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 0 2rem;padding:0 2rem;width:100%}.stat-card{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;display:flex;gap:1rem;padding:1.5rem;transition:all .2s ease}.stat-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.stat-icon{font-size:2.5rem;opacity:.8}.stat-content{flex:1 1}.stat-value{color:var(--color-text);font-size:2rem;font-weight:700}.stat-label{color:var(--color-text-secondary);font-size:.875rem;margin-top:.25rem}.recent-actions-list{display:flex;flex-direction:column;gap:1rem}.action-item{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .2s ease}.action-item:hover{background-color:var(--color-bg-tertiary);box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.action-icon{flex-shrink:0;font-size:1.5rem;text-align:center;width:2rem}.action-details{flex:1 1;min-width:0}.action-description{color:var(--color-text);margin-bottom:.5rem}.action-description strong{color:var(--color-primary);font-weight:600}.action-reason{font-size:.9rem;margin-bottom:.5rem}.action-timestamp{font-size:.85rem}.action-reason{color:var(--color-text-secondary);font-size:.875rem;font-style:italic;margin-bottom:.25rem}.action-timestamp{color:var(--color-text-muted);font-size:.75rem}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .2s ease}.activity-item:hover{background-color:var(--color-bg-tertiary);box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.activity-avatar{flex-shrink:0}.user-avatar{display:block;object-fit:cover}.user-avatar,.user-avatar-placeholder{border:1px solid var(--color-border);border-radius:4px!important;height:40px;width:40px}.user-avatar-placeholder{align-items:center;background-color:var(--color-primary);color:#fff;display:flex;font-size:1.2rem;font-weight:700;justify-content:center}.activity-icon{flex-shrink:0;font-size:1.5rem;text-align:center;width:2rem}.activity-details{flex:1 1;min-width:0}.activity-description{color:var(--color-text);margin-bottom:.5rem}.activity-description strong{color:var(--color-primary);font-weight:600}.activity-preview{font-size:.9rem;margin-bottom:.5rem}.activity-timestamp{font-size:.85rem;margin-bottom:.25rem}.activity-preview{color:var(--color-text-secondary);font-size:.875rem;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-timestamp{color:var(--color-text-muted);font-size:.75rem}.quick-actions{display:flex;flex-wrap:wrap;gap:1rem}.toast{animation:slideInToast .3s ease-out}@keyframes slideInToast{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.pet-feature-placeholder__offline-banner{align-items:center;background-color:var(--color-warning);box-shadow:var(--shadow-md);color:#fff;display:flex;font-weight:500;gap:.5rem;justify-content:center;left:0;padding:.75rem;position:fixed;right:0;text-align:center;top:0;z-index:1100}@media (max-width:768px){.moderation-header{flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem}.moderation-header h1{font-size:1.25rem;margin-bottom:.5rem;width:100%}.moderation-header-actions{flex-wrap:wrap;gap:.5rem;justify-content:space-between;width:100%}.moderation-sidebar{background-color:var(--color-bg);box-shadow:2px 0 10px #0000001a;height:100vh;left:-100%;max-width:300px;overflow-y:auto;position:fixed;top:0;transition:left .3s ease;width:80%;z-index:1000}.moderation-sidebar--open{left:0}.moderation-mobile-menu-btn{align-items:center;background:var(--color-primary);border:none;border-radius:50%;bottom:1rem;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:56px;justify-content:center;position:fixed;right:1rem;width:56px;z-index:50}.moderation-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}.moderation-overlay--visible{display:block}.moderation-sidebar-close{background:none;border:none;color:var(--color-text);cursor:pointer;font-size:1.5rem;position:absolute;right:1rem;top:1rem;z-index:1}.moderation-nav{flex-direction:column;gap:.5rem;padding:1rem;width:100%}.nav-item{justify-content:flex-start;padding:.75rem 1rem;white-space:normal;width:100%}.moderation-main{margin-top:0;padding:1rem;width:100%}.moderation-stats{gap:1rem;grid-template-columns:1fr;margin-bottom:1.5rem}.stat-card{padding:1rem}.stat-value{font-size:1.5rem}.moderation-queue{padding:1rem}.queue-header h2{font-size:1.25rem}.filter-controls{flex-wrap:wrap;gap:.5rem}.filter-controls button{flex:1 1;font-size:.875rem;min-width:100px;padding:.5rem}.moderation-table-container{-webkit-overflow-scrolling:touch;margin:-1rem;overflow-x:auto;padding:1rem}.moderation-table{font-size:.875rem;min-width:600px}.moderation-table td,.moderation-table th{padding:.5rem}.hide-on-mobile{display:none}.action-buttons{flex-direction:column;gap:.25rem}.action-buttons button{font-size:.75rem;padding:.375rem .5rem;width:100%}.moderation-modal{margin:1rem;max-height:calc(100vh - 2rem);overflow-y:auto}.modal-content{padding:1rem}.moderation-form input,.moderation-form select,.moderation-form textarea{font-size:16px}.mod-center-role-badge,.role-badge{font-size:.625rem;padding:.2rem .5rem}.mod-center-back-button{font-size:.875rem;padding:.5rem 1rem}}@media (max-width:480px){.moderation-header{padding:.5rem}.moderation-header h1{font-size:1.125rem}.moderation-main,.moderation-queue{padding:.5rem}.stat-card{padding:.75rem}.stat-value{font-size:1.25rem}.queue-header h2{font-size:1.125rem}.filter-controls{flex-direction:column}.filter-controls button{width:100%}.moderation-mobile-menu-btn{font-size:1.25rem;height:48px;width:48px}}@media (max-width:768px){.desktop-only{display:none!important}.mobile-compact{font-size:.875rem!important;padding:.5rem!important}.mobile-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.moderation-header{left:auto;position:relative;right:auto;top:auto;z-index:100}}.moderation-history-page{background-color:var(--color-bg);margin:0 auto;max-width:1200px;min-height:calc(100vh - 100px);padding:2rem}.moderation-history-page__header{margin-bottom:2rem;position:relative}.moderation-history-page__header h1{color:var(--color-text);margin-bottom:.5rem}.moderation-history-page__header p{color:var(--color-text-secondary);margin:0}.moderation-history-page__back-button{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text);cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;position:absolute;right:0;text-decoration:none;top:0;transition:all .2s ease}.moderation-history-page__back-button:hover{background-color:var(--color-bg-hover);transform:translateX(-2px)}.moderation-history-page__target-user-info{align-items:center;background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:8px;display:flex;font-size:1rem;gap:.75rem;margin:1rem 0;padding:.75rem 1rem}.moderation-history-page__target-user-info svg{color:var(--color-primary);font-size:1.25rem}.moderation-history-page__target-user-info strong{color:var(--color-text)}.moderation-history-page__user-id{color:var(--color-text-muted);font-family:monospace;font-size:.875rem;margin-left:auto}.moderation-history-page__tabs{border-bottom:2px solid var(--color-border);display:flex;gap:1rem;margin-bottom:2rem}.moderation-history-page__tab{background:none;border:none;border-bottom:3px solid #0000;color:var(--color-text-secondary);cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.moderation-history-page__tab:hover{color:var(--color-text)}.moderation-history-page__tab--active{border-bottom-color:var(--color-primary);color:var(--color-primary)}.moderation-history-page__tab-content{background-color:var(--color-bg);border-radius:8px;min-height:400px;padding:1.5rem}.moderation-history-page__empty-state,.moderation-history-page__loading{color:var(--color-text-secondary);padding:3rem;text-align:center}.moderation-history-page__empty-icon{color:var(--color-success);font-size:3rem;margin-bottom:1rem}.moderation-history-page__sanctions-list{display:flex;flex-direction:column;gap:1rem}.moderation-history-page__sanction-item{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;padding:1.5rem;transition:all .2s ease}.moderation-history-page__sanction-item--inactive{opacity:.6}.moderation-history-page__sanction-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.moderation-history-page__sanction-type{align-items:center;color:var(--color-text);display:flex;font-weight:600;gap:.5rem;text-transform:capitalize}.moderation-history-page__sanction-type svg{font-size:1.25rem}.moderation-history-page__sanction-status{border-radius:4px;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.moderation-history-page__sanction-status--active{background-color:#dc35451a;color:var(--color-danger)}.moderation-history-page__sanction-status--expired{background-color:#6c757d1a;color:var(--color-text-muted)}.moderation-history-page__sanction-reason{color:var(--color-text);font-size:1rem;margin-bottom:1rem}.moderation-history-page__sanction-meta{color:var(--color-text-secondary);display:flex;font-size:.875rem;gap:1.5rem}.moderation-history-page__appeal-btn{background-color:var(--color-primary);border:none;border-radius:4px;color:var(--color-text-inverse);cursor:pointer;margin-top:1rem;padding:.5rem 1rem;transition:all .2s ease}.moderation-history-page__appeal-btn:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}.moderation-history-page__warning-summary{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:8px;margin-bottom:1.5rem;padding:1rem}.moderation-history-page__warning-summary p{color:var(--color-text);margin:.25rem 0}.moderation-history-page__warning-note{color:var(--color-text-secondary);font-size:.875rem}.moderation-history-page__warnings-list{display:flex;flex-direction:column;gap:1rem}.moderation-history-page__warning-item{background-color:var(--color-bg-secondary);border:1px solid var(--color-warning);border-radius:8px;padding:1rem}.moderation-history-page__warning-item--expired{border-color:var(--color-border);opacity:.6}.moderation-history-page__warning-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.moderation-history-page__warning-points{color:var(--color-warning);font-weight:600}.moderation-history-page__warning-date{color:var(--color-text-secondary);font-size:.875rem}.moderation-history-page__warning-reason{color:var(--color-text);margin-bottom:.5rem}.moderation-history-page__warning-moderator{color:var(--color-text-secondary);font-size:.875rem;margin:0}.moderation-history-page__appeals-list{display:flex;flex-direction:column;gap:1rem}.moderation-history-page__appeal-item{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;padding:1.5rem}.moderation-history-page__appeal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.moderation-history-page__appeal-status{align-items:center;border-radius:4px;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.25rem .75rem}.badge-pending{background-color:#ffc1071a;color:var(--color-warning)}.badge-approved{background-color:#28a7451a;color:var(--color-success)}.badge-denied{background-color:#dc35451a;color:var(--color-danger)}.moderation-history-page__appeal-date{color:var(--color-text-secondary);font-size:.875rem}.moderation-history-page__appeal-text{color:var(--color-text);line-height:1.5;margin-bottom:1rem}.moderation-history-page__moderator-response{background-color:var(--color-bg-tertiary);border-left:3px solid var(--color-primary);border-radius:4px;padding:1rem}.moderation-history-page__moderator-response strong{color:var(--color-text);display:block;margin-bottom:.5rem}.moderation-history-page__moderator-response p{color:var(--color-text);margin:.5rem 0}.moderation-history-page__response-meta{color:var(--color-text-secondary);font-size:.875rem;font-style:italic}.moderation-history-page__logs-list{display:flex;flex-direction:column;gap:1rem}.moderation-history-page__log-item{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;padding:1rem}.moderation-history-page__log-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.moderation-history-page__log-action{color:var(--color-text);font-weight:600}.moderation-history-page__log-date{color:var(--color-text-secondary);font-size:.875rem}.moderation-history-page__log-reason{color:var(--color-text);margin-bottom:.5rem}.moderation-history-page__log-content-type,.moderation-history-page__log-moderator{color:var(--color-text-secondary);font-size:.875rem;margin:.25rem 0}.appeal-modal{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.appeal-modal-backdrop{background-color:#00000080;bottom:0;left:0;position:absolute;right:0;top:0}.appeal-modal-content{background-color:var(--color-bg);border-radius:8px;box-shadow:0 4px 20px #0003;max-height:90vh;max-width:600px;overflow-y:auto;padding:2rem;position:relative;width:90%;z-index:1}.dark .moderation-history-page__tab-content{background-color:var(--color-bg-secondary)}.dark .moderation-history-page__appeal-item,.dark .moderation-history-page__log-item,.dark .moderation-history-page__sanction-item,.dark .moderation-history-page__warning-item{background-color:var(--color-bg-tertiary)}.dark .appeal-modal-backdrop{background-color:#000000b3}@media (max-width:768px){.moderation-history-page{padding:1rem}.moderation-history-page__tabs{-webkit-overflow-scrolling:touch;gap:.5rem;overflow-x:auto}.moderation-history-page__tab{font-size:.875rem;padding:.5rem 1rem;white-space:nowrap}.moderation-history-page__tab-content{padding:1rem}.moderation-history-page__sanction-meta,.moderation-history-page__warning-header{flex-direction:column;gap:.5rem}.appeal-modal-content{padding:1.5rem}}.sr-only{left:-10000px}.moderation-history-page__skip-link,.moderation-history-page__skip-links{left:-9999px;position:absolute;top:0;z-index:10000}.moderation-history-page__skip-link{background:var(--color-primary);border-radius:4px;color:#fff;font-weight:500;padding:8px 16px;text-decoration:none}.moderation-history-page__skip-link:focus{box-shadow:0 4px 20px #0003;left:50%;top:10px;transform:translateX(-50%)}.moderation-history-page__offline-banner{align-items:center;background-color:#ffc1071a;border:1px solid #ffc1074d;border-radius:4px;color:var(--color-warning);display:flex;gap:.75rem;margin-bottom:1rem;padding:.75rem 1rem}.moderation-history-page__breadcrumb-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem 1rem 0}.moderation-history-page__breadcrumbs{flex:1 1;margin:0;padding:0}.moderation-history-page__breadcrumbs ol{flex-wrap:wrap;list-style:none;margin:0;padding:0}.moderation-history-page__breadcrumbs li,.moderation-history-page__breadcrumbs ol{align-items:center;display:flex;gap:.5rem}.moderation-history-page__breadcrumbs a{align-items:center;color:var(--color-primary);display:flex;gap:.25rem;text-decoration:none;transition:color .2s ease}.moderation-history-page__breadcrumbs a:hover{color:var(--color-primary-hover);text-decoration:underline}.moderation-history-page__breadcrumb-separator{color:var(--color-text-secondary);font-size:.75rem}.moderation-history-page__share-button{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text);cursor:pointer;display:flex;font-size:.875rem;height:auto;justify-content:center;margin-left:1rem;min-height:0;min-height:auto;padding:.25rem .5rem;position:static;transition:all .2s ease}.moderation-history-page__share-button:hover{background-color:var(--color-bg-tertiary);box-shadow:0 2px 8px #0000001a;color:var(--color-primary);transform:translateY(-1px)}.moderation-history-page__share-button svg{fill:currentColor;height:1em;width:1em}.moderation-history-page__toast{align-items:center;animation:slideIn .3s ease-out;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;bottom:2rem;box-shadow:0 4px 20px #00000026;display:flex;gap:.75rem;max-width:500px;min-width:300px;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:10000}.moderation-history-page__toast-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.moderation-history-page__toast-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s ease}.moderation-history-page__toast-close:hover{color:var(--color-text)}.moderation-history-page__toast--success{border-left:4px solid var(--color-success)}.moderation-history-page__toast--warning{border-left:4px solid var(--color-warning)}.moderation-history-page__toast--error{border-left:4px solid var(--color-danger)}.moderation-history-page__toast--info{border-left:4px solid var(--color-primary)}.moderation-history-page__error{margin:0 auto;max-width:600px;padding:3rem 1rem;text-align:center}.moderation-history-page__error h2{color:var(--color-danger);margin-bottom:1rem}.moderation-history-page__error p{color:var(--color-text-secondary);margin-bottom:2rem}.moderation-history-page__button{border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.moderation-history-page__button--primary{background-color:var(--color-primary);color:#fff}.moderation-history-page__button--primary:hover{background-color:var(--color-primary-hover);box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}@media (max-width:768px){.moderation-history-page__toast{bottom:1rem;left:1rem;min-width:0;min-width:auto;right:1rem}.moderation-history-page__share-button{font-size:.75rem;margin-left:.5rem;padding:.25rem}.moderation-history-page__breadcrumb-row{padding:.5rem}}.create-binder-modal__backdrop{align-items:center;background-color:#00000080;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:0;position:fixed;z-index:10000}.create-binder-modal__content{background-color:#fff;border-radius:.75rem;border-radius:var(--radius-lg,.75rem);box-shadow:0 20px 25px #00000026;box-shadow:var(--shadow-xl,0 20px 25px #00000026);margin:auto;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:90%}.create-binder-modal__header{align-items:center;border-bottom:1px solid #d1d5db;border-bottom:1px solid var(--color-border,#d1d5db);display:flex;justify-content:space-between;padding:2rem;padding:var(--spacing-lg,2rem)}.create-binder-modal__title{align-items:center;color:#111827;color:var(--color-text-primary,#111827);display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;gap:var(--spacing-sm,.75rem);margin:0}.create-binder-modal__title-icon{color:#2563eb;color:var(--color-primary,#2563eb);font-size:1.25rem}.create-binder-modal__close-btn{align-items:center;background-color:initial;border:none;border-radius:.5rem;border-radius:var(--radius-base,.5rem);color:#6b7280;color:var(--color-text-secondary,#6b7280);cursor:pointer;display:flex;font-size:1.25rem;height:40px;justify-content:center;transition:all .2s ease;width:40px}.create-binder-modal__close-btn:hover{background-color:#f3f4f6;background-color:var(--color-background-secondary,#f3f4f6);color:#111827;color:var(--color-text-primary,#111827)}.create-binder-modal__tier-info{background-color:#dbeafe;border-bottom:1px solid #93c5fd;padding:1.5rem 2rem;padding:var(--spacing-md,1.5rem) var(--spacing-lg,2rem)}.create-binder-modal__tier-info p{color:#1e40af;font-size:.875rem;margin:0}.create-binder-modal__tier-info strong{font-weight:700}.create-binder-modal__tier-warning{background-color:#fef3c7!important;border-radius:.5rem;border-radius:var(--radius-base,.5rem);color:#92400e!important;padding:.75rem;padding:var(--spacing-sm,.75rem)}.create-binder-modal__form{display:flex;flex-direction:column;gap:2rem;gap:var(--spacing-lg,2rem);padding:2rem;padding:var(--spacing-lg,2rem)}.create-binder-modal__field{display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-xs,.5rem)}.create-binder-modal__label{color:#111827;color:var(--color-text-primary,#111827);font-size:.875rem;font-weight:600}.create-binder-modal__required{color:#dc2626}.create-binder-modal__input,.create-binder-modal__textarea{border:1px solid #d1d5db;border:1px solid var(--color-border,#d1d5db);border-radius:.5rem;border-radius:var(--radius-base,.5rem);font-family:inherit;font-size:1rem;padding:.75rem;padding:var(--spacing-sm,.75rem);transition:all .2s ease;width:100%}.create-binder-modal__input:focus,.create-binder-modal__textarea:focus{border-color:#2563eb;border-color:var(--color-primary,#2563eb);box-shadow:0 0 0 3px #2563eb1a;outline:none}.create-binder-modal__input--error,.create-binder-modal__textarea--error{border-color:#dc2626}.create-binder-modal__input--error:focus,.create-binder-modal__textarea--error:focus{box-shadow:0 0 0 3px #dc26261a}.create-binder-modal__input:disabled,.create-binder-modal__textarea:disabled{background-color:#f3f4f6;background-color:var(--color-background-secondary,#f3f4f6);cursor:not-allowed;opacity:.6}.create-binder-modal__textarea{min-height:100px;resize:vertical}.create-binder-modal__char-count{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.75rem;text-align:right}.create-binder-modal__error{align-items:center;color:#dc2626;display:flex;font-size:.875rem;gap:.5rem;gap:var(--spacing-xs,.5rem)}.create-binder-modal__submit-error{background-color:#fee2e2;border:1px solid #dc2626;border-radius:.5rem;border-radius:var(--radius-base,.5rem);color:#dc2626;font-size:.875rem;padding:1.5rem;padding:var(--spacing-md,1.5rem)}.create-binder-modal__actions{border-top:1px solid #d1d5db;border-top:1px solid var(--color-border,#d1d5db);display:flex;gap:.75rem;gap:var(--spacing-sm,.75rem);justify-content:flex-end;padding-top:1.5rem;padding-top:var(--spacing-md,1.5rem)}.create-binder-modal__cancel-btn,.create-binder-modal__submit-btn{align-items:center;border:none;border-radius:.5rem;border-radius:var(--radius-base,.5rem);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;gap:var(--spacing-xs,.5rem);padding:.75rem 2rem;padding:var(--spacing-sm,.75rem) var(--spacing-lg,2rem);transition:all .2s ease}.create-binder-modal__cancel-btn{background-color:initial;border:1px solid #d1d5db;border:1px solid var(--color-border,#d1d5db);color:#6b7280;color:var(--color-text-secondary,#6b7280)}.create-binder-modal__cancel-btn:hover:not(:disabled){background-color:#f3f4f6;background-color:var(--color-background-secondary,#f3f4f6);border-color:#6b7280;border-color:var(--color-text-secondary,#6b7280)}.create-binder-modal__submit-btn{background-color:#2563eb;background-color:var(--color-primary,#2563eb);color:#fff}.create-binder-modal__submit-btn:hover:not(:disabled){background-color:#1d4ed8;background-color:var(--color-primary-dark,#1d4ed8);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md,0 4px 6px #0000001a);transform:translateY(-1px)}.create-binder-modal__submit-btn:active:not(:disabled){transform:translateY(0)}.create-binder-modal__cancel-btn:disabled,.create-binder-modal__submit-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.create-binder-modal__backdrop{padding:.75rem;padding:var(--spacing-sm,.75rem)}.create-binder-modal__content{max-height:90vh}.create-binder-modal__header{padding:1.5rem;padding:var(--spacing-md,1.5rem)}.create-binder-modal__title{font-size:1.25rem}.create-binder-modal__form{padding:1.5rem;padding:var(--spacing-md,1.5rem)}.create-binder-modal__actions{flex-direction:column-reverse}.create-binder-modal__cancel-btn,.create-binder-modal__submit-btn{justify-content:center;width:100%}}.advanced-analytics{background-color:#fff;background-color:var(--color-background,#fff);border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 10px 30px #0000001a;box-shadow:var(--shadow-lg,0 10px 30px #0000001a);margin:0 auto;max-width:1400px;padding:2rem;width:100%}.advanced-analytics__header{align-items:center;border-bottom:2px solid gold;border-bottom:2px solid var(--color-gold,gold);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.advanced-analytics__header-left{align-items:center;display:flex;gap:1rem}.advanced-analytics__title{align-items:center;color:#1a1a1a;color:var(--color-text-primary,#1a1a1a);display:flex;font-size:2rem;font-weight:700;gap:.75rem;margin:0}.advanced-analytics__title svg{color:gold;color:var(--color-gold,gold)}.advanced-analytics__tier-badge{background:linear-gradient(135deg,gold,orange);background:linear-gradient(135deg,var(--color-gold,gold),orange);border-radius:8px;border-radius:var(--radius-base,8px);color:#000;font-size:.875rem;font-weight:600;padding:.5rem 1rem}.advanced-analytics__close-btn{background:none;border:none;border-radius:8px;border-radius:var(--radius-base,8px);color:#666;color:var(--color-text-secondary,#666);cursor:pointer;font-size:1.5rem;padding:.5rem;transition:all .2s ease}.advanced-analytics__close-btn:hover{background-color:#f5f5f5;background-color:var(--color-background-secondary,#f5f5f5);color:#1a1a1a;color:var(--color-text-primary,#1a1a1a)}.advanced-analytics__filters{align-items:center;background-color:#f9f9f9;background-color:var(--color-background-secondary,#f9f9f9);border-radius:8px;border-radius:var(--radius-base,8px);display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem;padding:1.5rem}.advanced-analytics__filter-group{align-items:center;display:flex;gap:.75rem}.advanced-analytics__filter-group label{align-items:center;color:#1a1a1a;color:var(--color-text-primary,#1a1a1a);display:flex;font-weight:600;gap:.5rem}.advanced-analytics__filter-group select{background-color:#fff;background-color:var(--color-background,#fff);border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:8px;border-radius:var(--radius-base,8px);color:#1a1a1a;color:var(--color-text-primary,#1a1a1a);cursor:pointer;font-size:.875rem;padding:.625rem 1rem;transition:all .2s ease}.advanced-analytics__filter-group select:hover{border-color:gold;border-color:var(--color-gold,gold)}.advanced-analytics__filter-group select:focus{outline:2px solid gold;outline:2px solid var(--color-gold,gold);outline-offset:2px}.advanced-analytics__custom-dates{align-items:center;display:flex;gap:.75rem}.advanced-analytics__custom-dates input[type=date]{background-color:#fff;background-color:var(--color-background,#fff);border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:8px;border-radius:var(--radius-base,8px);color:#1a1a1a;color:var(--color-text-primary,#1a1a1a);font-size:.875rem;padding:.625rem 1rem}.advanced-analytics__custom-dates span{color:#666;color:var(--color-text-secondary,#666);font-weight:500}.advanced-analytics__export-btns{display:flex;gap:.75rem;margin-left:auto}.advanced-analytics__export-btn{align-items:center;background:linear-gradient(135deg,gold,orange);background:linear-gradient(135deg,var(--color-gold,gold),orange);border:none;border-radius:8px;border-radius:var(--radius-base,8px);color:#000;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s ease}.advanced-analytics__export-btn:hover{box-shadow:0 4px 12px #ffd7004d;transform:translateY(-2px)}.advanced-analytics__export-btn--pdf{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.advanced-analytics__export-btn--pdf:hover{box-shadow:0 4px 12px #dc35454d}.advanced-analytics__export-btn--excel{background:linear-gradient(135deg,#28a745,#218838);color:#fff}.advanced-analytics__export-btn--excel:hover{box-shadow:0 4px 12px #28a7454d}.advanced-analytics__export-btn--csv{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.advanced-analytics__export-btn--csv:hover{box-shadow:0 4px 12px #007bff4d}.advanced-analytics__export-btn--json{background:linear-gradient(135deg,#6f42c1,#5a32a3);color:#fff}.advanced-analytics__export-btn--json:hover{box-shadow:0 4px 12px #6f42c14d}.advanced-analytics__stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:2rem}.advanced-analytics__stat-card{background:linear-gradient(135deg,#fff,#f9f9f9);background:linear-gradient(135deg,var(--color-background,#fff),var(--color-background-secondary,#f9f9f9));border:2px solid gold;border:2px solid var(--color-gold,gold);border-radius:8px;border-radius:var(--radius-base,8px);padding:1.5rem;text-align:center;transition:all .3s ease}.advanced-analytics__stat-card:hover{box-shadow:0 8px 20px #ffd70033;transform:translateY(-4px)}.advanced-analytics__stat-value{color:gold;color:var(--color-gold,gold);font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.advanced-analytics__stat-label{color:#666;color:var(--color-text-secondary,#666);font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.advanced-analytics__charts{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin-bottom:2rem}.advanced-analytics__chart-container{background-color:#fff;background-color:var(--color-background,#fff);border:2px solid #e0e0e0;border-left:4px solid gold;border:2px solid var(--color-border,#e0e0e0);border-left:4px solid var(--color-gold,gold);border-radius:8px;border-radius:var(--radius-base,8px);box-shadow:0 4px 12px #0000000d;box-shadow:var(--shadow-md,0 4px 12px #0000000d);padding:1.5rem}.advanced-analytics__chart-container h3{border-bottom:2px solid gold;border-bottom:2px solid var(--color-gold,gold);color:#1a1a1a;color:var(--color-text-primary,#1a1a1a);font-size:1.25rem;font-weight:600;margin-bottom:1rem;padding-bottom:.75rem}.advanced-analytics__patterns{background-color:#f9f9f9;background-color:var(--color-background-secondary,#f9f9f9);border-left:4px solid gold;border-left:4px solid var(--color-gold,gold);border-radius:8px;border-radius:var(--radius-base,8px);margin-top:2rem;padding:1.5rem}.advanced-analytics__patterns h3{align-items:center;color:#1a1a1a;color:var(--color-text-primary,#1a1a1a);display:flex;font-size:1.5rem;font-weight:600;gap:.75rem;margin-bottom:1rem}.advanced-analytics__patterns h3 svg{color:gold;color:var(--color-gold,gold)}.advanced-analytics__patterns-list{display:flex;flex-direction:column;gap:1rem}.advanced-analytics__pattern{align-items:center;background-color:#fff;background-color:var(--color-background,#fff);border-left:4px solid;border-radius:8px;border-radius:var(--radius-base,8px);display:flex;gap:1rem;padding:1rem 1.25rem;transition:all .2s ease}.advanced-analytics__pattern:hover{box-shadow:0 4px 12px #0000000d;box-shadow:var(--shadow-md,0 4px 12px #0000000d);transform:translateX(4px)}.advanced-analytics__pattern svg{flex-shrink:0;font-size:1.25rem}.advanced-analytics__pattern span:first-of-type{color:#1a1a1a;color:var(--color-text-primary,#1a1a1a);flex:1 1;font-weight:500}.advanced-analytics__pattern-badge{background-color:#f0f0f0;background-color:var(--color-background-secondary,#f0f0f0);border-radius:4px;border-radius:var(--radius-sm,4px);color:#666;color:var(--color-text-secondary,#666);font-size:.75rem;font-weight:600;padding:.375rem .75rem;text-transform:uppercase}.advanced-analytics__pattern--high{border-left-color:#dc3545}.advanced-analytics__pattern--high svg{color:#dc3545}.advanced-analytics__pattern--medium{border-left-color:#ffc107}.advanced-analytics__pattern--medium svg{color:#ffc107}.advanced-analytics__pattern--low{border-left-color:#28a745}.advanced-analytics__pattern--low svg{color:#28a745}.advanced-analytics__loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.advanced-analytics__spinner{animation:spin 1s linear infinite;border:4px solid #f0f0f0;border-top-color:gold;border:4px solid var(--color-background-secondary,#f0f0f0);border-radius:50%;border-top-color:var(--color-gold,gold);height:60px;width:60px}.advanced-analytics__loading p{color:#666;color:var(--color-text-secondary,#666);font-size:1.125rem;font-weight:500}.dark-mode .advanced-analytics{background-color:#1a1a1a;background-color:var(--color-background-dark,#1a1a1a)}.dark-mode .advanced-analytics__title{color:#fff;color:var(--color-text-primary-dark,#fff)}.dark-mode .advanced-analytics__close-btn{color:#b0b0b0;color:var(--color-text-secondary-dark,#b0b0b0)}.dark-mode .advanced-analytics__close-btn:hover{color:#fff;color:var(--color-text-primary-dark,#fff)}.dark-mode .advanced-analytics__close-btn:hover,.dark-mode .advanced-analytics__filters{background-color:#2a2a2a;background-color:var(--color-background-secondary-dark,#2a2a2a)}.dark-mode .advanced-analytics__filter-group label{color:#fff;color:var(--color-text-primary-dark,#fff)}.dark-mode .advanced-analytics__custom-dates input[type=date],.dark-mode .advanced-analytics__filter-group select{background-color:#1a1a1a;background-color:var(--color-background-dark,#1a1a1a);border-color:#404040;border-color:var(--color-border-dark,#404040);color:#fff;color:var(--color-text-primary-dark,#fff)}.dark-mode .advanced-analytics__stat-card{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);background:linear-gradient(135deg,var(--color-background-dark,#1a1a1a),var(--color-background-secondary-dark,#2a2a2a))}.dark-mode .advanced-analytics__chart-container{background-color:#1a1a1a;background-color:var(--color-background-dark,#1a1a1a);border-color:#404040;border-color:var(--color-border-dark,#404040)}.dark-mode .advanced-analytics__chart-container h3{color:#fff;color:var(--color-text-primary-dark,#fff)}.dark-mode .advanced-analytics__patterns{background-color:#2a2a2a;background-color:var(--color-background-secondary-dark,#2a2a2a)}.dark-mode .advanced-analytics__patterns h3{color:#fff;color:var(--color-text-primary-dark,#fff)}.dark-mode .advanced-analytics__pattern{background-color:#1a1a1a;background-color:var(--color-background-dark,#1a1a1a)}.dark-mode .advanced-analytics__pattern span:first-of-type{color:#fff;color:var(--color-text-primary-dark,#fff)}.dark-mode .advanced-analytics__pattern-badge{background-color:#2a2a2a;background-color:var(--color-background-secondary-dark,#2a2a2a);color:#b0b0b0;color:var(--color-text-secondary-dark,#b0b0b0)}@media (max-width:1024px){.advanced-analytics__charts{grid-template-columns:1fr}}@media (max-width:768px){.advanced-analytics{padding:1rem}.advanced-analytics__title{font-size:1.5rem}.advanced-analytics__filter-group,.advanced-analytics__filters{align-items:stretch;flex-direction:column}.advanced-analytics__export-btns{margin-left:0;width:100%}.advanced-analytics__export-btn{flex:1 1;justify-content:center}.advanced-analytics__stats{grid-template-columns:repeat(2,1fr)}.advanced-analytics__stat-value{font-size:2rem}.advanced-analytics__charts{grid-template-columns:1fr}}@media (max-width:480px){.advanced-analytics__stats{grid-template-columns:1fr}.advanced-analytics__header{align-items:flex-start;flex-direction:column;gap:1rem}.advanced-analytics__close-btn{align-self:flex-end}}.advanced-analytics--inline{background:#0000;padding:0}.advanced-analytics--inline .advanced-analytics__charts,.advanced-analytics--inline .advanced-analytics__filters,.advanced-analytics--inline .advanced-analytics__patterns,.advanced-analytics--inline .advanced-analytics__stats{margin-top:1rem}.my-binders{margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem 1.5rem;padding:var(--spacing-lg,2rem) var(--spacing-md,1.5rem)}body.has-profile-background .my-binders{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #0000001a}body.has-profile-background.dark-mode .my-binders{background-color:#1a1a1af2}.my-binders--full-width{max-width:100%;padding-left:3rem;padding-left:var(--spacing-xl,3rem);padding-right:3rem;padding-right:var(--spacing-xl,3rem)}.my-binders--dark{background-color:#1a1a1a;background-color:var(--color-background-dark,#1a1a1a);color:#e0e0e0;color:var(--color-text-dark,#e0e0e0)}.my-binders__breadcrumbs{align-items:center;color:#6b7280;color:var(--color-text-secondary,#6b7280);display:flex;font-size:.875rem;gap:.75rem;gap:var(--spacing-sm,.75rem);margin-bottom:2rem;margin-bottom:var(--spacing-lg,2rem)}.my-binders__breadcrumb-link{align-items:center;color:#2563eb;color:var(--color-primary,#2563eb);display:flex;gap:.5rem;gap:var(--spacing-xs,.5rem);text-decoration:none;transition:color .2s ease}.my-binders__breadcrumb-link:hover{color:#1d4ed8;color:var(--color-primary-dark,#1d4ed8);text-decoration:underline}.my-binders__breadcrumb-icon{font-size:1rem}.my-binders__breadcrumb-separator{color:#d1d5db;color:var(--color-border,#d1d5db);font-size:.75rem}.my-binders__breadcrumb-current{color:#111827;color:var(--color-text-primary,#111827);font-weight:500}.my-binders__header{border-bottom:2px solid #ff4500;border-bottom:2px solid var(--color-primary,#ff4500);margin-bottom:2rem;padding:.5rem 1rem 1rem;position:relative;text-align:center}.my-binders__header-content{width:100%}.my-binders__title{color:#ff4500;color:var(--color-primary,#ff4500);font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.my-binders__description{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:1.1rem;margin:0}.my-binders__tier-badge{align-items:center;background-color:#dbeafe;background-color:var(--color-primary-light,#dbeafe);border-radius:.75rem;border-radius:var(--radius-lg,.75rem);color:#1e40af;color:var(--color-primary-dark,#1e40af);display:flex;font-size:.875rem;font-weight:600;gap:.5rem;gap:var(--spacing-xs,.5rem);padding:.75rem 1.5rem;padding:var(--spacing-sm,.75rem) var(--spacing-md,1.5rem);position:absolute;right:1rem;top:.5rem}.my-binders__tier-icon{font-size:1.25rem}.my-binders__tier-name{white-space:nowrap}.my-binders__separator{background-color:#d1d5db;background-color:var(--color-border,#d1d5db);height:1px;margin-bottom:2rem;margin-bottom:var(--spacing-lg,2rem)}.my-binders__main{display:flex;flex-direction:column;gap:2rem;gap:var(--spacing-lg,2rem)}.my-binders__offline-banner{align-items:center;background-color:#fef3c7;border:1px solid #fbbf24;border-radius:.5rem;border-radius:var(--radius-base,.5rem);color:#92400e;display:flex;gap:.75rem;gap:var(--spacing-sm,.75rem);padding:1.5rem;padding:var(--spacing-md,1.5rem)}.my-binders__offline-icon{flex-shrink:0;font-size:1.25rem}.my-binders__usage-card{background-color:#f9fafb;background-color:var(--color-background-secondary,#f9fafb);border:1px solid #d1d5db;border:1px solid var(--color-border,#d1d5db);border-radius:.75rem;border-radius:var(--radius-lg,.75rem);padding:2rem;padding:var(--spacing-lg,2rem)}.my-binders--dark .my-binders__usage-card{background-color:#2d2d2d;border-color:#404040}.my-binders__usage-title{color:#111827;color:var(--color-text-primary,#111827);font-size:1.25rem;font-weight:600;margin:0 0 1.5rem;margin:0 0 var(--spacing-md,1.5rem) 0}.my-binders__usage-stats{grid-gap:1.5rem;grid-gap:var(--spacing-md,1.5rem);display:grid;gap:1.5rem;gap:var(--spacing-md,1.5rem);grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem;margin-bottom:var(--spacing-md,1.5rem)}.my-binders__usage-stat{align-items:center;display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-xs,.5rem)}.my-binders__usage-label{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.875rem;letter-spacing:.05em;text-transform:uppercase}.my-binders__usage-value{color:#2563eb;color:var(--color-primary,#2563eb);font-size:2rem;font-weight:700}.my-binders__usage-bar{background-color:#d1d5db;background-color:var(--color-border,#d1d5db);border-radius:9999px;border-radius:var(--radius-full,9999px);height:8px;overflow:hidden;width:100%}.my-binders__usage-bar-fill{background:linear-gradient(90deg,#3b82f6,#2563eb);height:100%;transition:width .3s ease}.my-binders__actions{display:flex;flex-direction:column;gap:1.5rem;gap:var(--spacing-md,1.5rem)}.my-binders__create-btn{align-items:center;align-self:flex-start;background-color:#2563eb;background-color:var(--color-primary,#2563eb);border:none;border-radius:.5rem;border-radius:var(--radius-base,.5rem);color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.75rem;gap:var(--spacing-sm,.75rem);padding:1.5rem 2rem;padding:var(--spacing-md,1.5rem) var(--spacing-lg,2rem);transition:all .2s ease}.my-binders__create-btn:hover:not(:disabled){background-color:#1d4ed8;background-color:var(--color-primary-dark,#1d4ed8);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md,0 4px 6px #0000001a);transform:translateY(-1px)}.my-binders__create-btn:active:not(:disabled){transform:translateY(0)}.my-binders__create-btn--disabled,.my-binders__create-btn:disabled{background-color:#d1d5db;background-color:var(--color-border,#d1d5db);color:#6b7280;color:var(--color-text-secondary,#6b7280);cursor:not-allowed;opacity:.6}.my-binders__create-icon{font-size:1.25rem}.my-binders__limit-message{align-items:center;background-color:#fef3c7;border:1px solid #fbbf24;border-radius:.5rem;border-radius:var(--radius-base,.5rem);color:#92400e;display:flex;gap:.75rem;gap:var(--spacing-sm,.75rem);padding:1.5rem;padding:var(--spacing-md,1.5rem)}.my-binders__limit-icon{flex-shrink:0;font-size:1.25rem}.my-binders__upgrade-link{color:#2563eb;color:var(--color-primary,#2563eb);font-weight:600;text-decoration:underline}.my-binders__upgrade-link:hover{color:#1d4ed8;color:var(--color-primary-dark,#1d4ed8)}.my-binders__grid{grid-gap:2rem;grid-gap:var(--spacing-lg,2rem);display:grid;gap:2rem;gap:var(--spacing-lg,2rem);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.my-binders__card{background-color:#fff;border:1px solid #d1d5db;border:1px solid var(--color-border,#d1d5db);border-radius:.75rem;border-radius:var(--radius-lg,.75rem);cursor:pointer;padding:2rem;padding:var(--spacing-lg,2rem);transition:all .2s ease}.my-binders--dark .my-binders__card{background-color:#2d2d2d;border-color:#404040}.my-binders__card:hover{border-color:#2563eb;border-color:var(--color-primary,#2563eb);box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg,0 10px 15px #0000001a);transform:translateY(-2px)}.my-binders__card-header{align-items:center;display:flex;gap:.75rem;gap:var(--spacing-sm,.75rem);margin-bottom:1.5rem;margin-bottom:var(--spacing-md,1.5rem)}.my-binders__card-icon{color:#2563eb;color:var(--color-primary,#2563eb);flex-shrink:0;font-size:1.5rem}.my-binders__card-title{color:#111827;color:var(--color-text-primary,#111827);flex:1 1;font-size:1.125rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.my-binders__card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;color:var(--color-text-secondary,#6b7280);display:-webkit-box;font-size:.875rem;line-height:1.5;margin:0 0 1.5rem;margin:0 0 var(--spacing-md,1.5rem) 0;overflow:hidden}.my-binders__card-meta{align-items:center;border-top:1px solid #d1d5db;border-top:1px solid var(--color-border,#d1d5db);display:flex;justify-content:space-between;padding-top:1.5rem;padding-top:var(--spacing-md,1.5rem)}.my-binders__card-reports{align-items:center;color:#6b7280;color:var(--color-text-secondary,#6b7280);display:flex;font-size:.875rem;gap:.5rem;gap:var(--spacing-xs,.5rem)}.my-binders__card-meta-icon{font-size:1rem}.my-binders__card-delete{background-color:initial;border:1px solid #dc2626;border-radius:.5rem;border-radius:var(--radius-base,.5rem);color:#dc2626;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1.5rem;padding:var(--spacing-xs,.5rem) var(--spacing-md,1.5rem);transition:all .2s ease}.my-binders__card-delete:hover:not(:disabled){background-color:#dc2626;color:#fff}.my-binders__card-delete:disabled{cursor:not-allowed;opacity:.6}.my-binders__empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem;padding:var(--spacing-xl,3rem);text-align:center}.my-binders__empty-icon{color:#d1d5db;color:var(--color-border,#d1d5db);font-size:4rem;margin-bottom:2rem;margin-bottom:var(--spacing-lg,2rem)}.my-binders__empty-title{color:#111827;color:var(--color-text-primary,#111827);font-size:1.5rem;font-weight:600;margin:0 0 .75rem;margin:0 0 var(--spacing-sm,.75rem) 0}.my-binders__empty-description{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:1rem;margin:0;max-width:500px}.my-binders__upgrade-prompt{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:.75rem;border-radius:var(--radius-lg,.75rem);color:#fff;padding:3rem;padding:var(--spacing-xl,3rem);text-align:center}.my-binders__upgrade-title{align-items:center;display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;gap:var(--spacing-sm,.75rem);justify-content:center;margin:0 0 1.5rem;margin:0 0 var(--spacing-md,1.5rem) 0}.my-binders__upgrade-icon{font-size:1.75rem}.my-binders__upgrade-description{font-size:1rem;margin:0 0 2rem;margin:0 0 var(--spacing-lg,2rem) 0;opacity:.9}.my-binders__upgrade-btn{align-items:center;background-color:#fff;border:none;border-radius:.5rem;border-radius:var(--radius-base,.5rem);color:#667eea;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;gap:.75rem;gap:var(--spacing-sm,.75rem);padding:1.5rem 3rem;padding:var(--spacing-md,1.5rem) var(--spacing-xl,3rem);text-decoration:none;transition:all .2s ease}.my-binders__upgrade-btn:hover{box-shadow:0 20px 25px #00000026;box-shadow:var(--shadow-xl,0 20px 25px #00000026);transform:translateY(-2px)}.my-binders__loading{align-items:center;color:#6b7280;color:var(--color-text-secondary,#6b7280);display:flex;font-size:1.25rem;gap:1.5rem;gap:var(--spacing-md,1.5rem);justify-content:center;padding:3rem;padding:var(--spacing-xl,3rem)}.my-binders__skeleton{grid-gap:2rem;grid-gap:var(--spacing-lg,2rem);display:grid;gap:2rem;gap:var(--spacing-lg,2rem);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.my-binders__skeleton-card{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:.75rem;border-radius:var(--radius-lg,.75rem);height:200px}.my-binders__toast{align-items:center;animation:toast-slide-in .3s ease;background-color:#fff;border-radius:.5rem;border-radius:var(--radius-base,.5rem);bottom:2rem;bottom:var(--spacing-lg,2rem);box-shadow:0 20px 25px #00000026;box-shadow:var(--shadow-xl,0 20px 25px #00000026);display:flex;gap:.75rem;gap:var(--spacing-sm,.75rem);max-width:400px;padding:1.5rem 2rem;padding:var(--spacing-md,1.5rem) var(--spacing-lg,2rem);position:fixed;right:2rem;right:var(--spacing-lg,2rem);z-index:9999}.my-binders__toast--success{border-left:4px solid #10b981}.my-binders__toast--error{border-left:4px solid #ef4444}.my-binders__toast--warning{border-left:4px solid #f59e0b}.my-binders__toast--info{border-left:4px solid #3b82f6}.my-binders__toast-icon{flex-shrink:0;font-size:1.25rem}.my-binders__toast--success .my-binders__toast-icon{color:#10b981}.my-binders__toast--error .my-binders__toast-icon{color:#ef4444}.my-binders__toast--warning .my-binders__toast-icon{color:#f59e0b}.my-binders__toast--info .my-binders__toast-icon{color:#3b82f6}.my-binders__toast-message{color:#111827;color:var(--color-text-primary,#111827);flex:1 1;font-size:.875rem}@media (max-width:768px){.my-binders{padding:1.5rem .75rem;padding:var(--spacing-md,1.5rem) var(--spacing-sm,.75rem)}.my-binders__title{font-size:2rem}.my-binders__tier-badge{margin:1rem auto 0;position:static;width:-webkit-fit-content;width:fit-content}.my-binders__usage-stats{gap:.75rem;gap:var(--spacing-sm,.75rem);grid-template-columns:repeat(3,1fr)}.my-binders__usage-value{font-size:1.5rem}.my-binders__grid{grid-template-columns:1fr}.my-binders__toast{bottom:.75rem;bottom:var(--spacing-sm,.75rem);left:.75rem;left:var(--spacing-sm,.75rem);max-width:none;right:.75rem;right:var(--spacing-sm,.75rem)}}@media (max-width:400px){.my-binders__create-btn{justify-content:center;width:100%}.my-binders__usage-label{font-size:.75rem}.my-binders__usage-value{font-size:1.25rem}}.my-binders__analytics-btn{align-items:center;background:linear-gradient(135deg,gold,orange);background:linear-gradient(135deg,var(--color-gold,gold),orange);border:none;border-radius:8px;border-radius:var(--radius-base,8px);box-shadow:0 2px 8px #ffd7004d;color:#000;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;padding:.75rem 1.5rem;transition:all .2s ease}.my-binders__analytics-btn:hover{background:linear-gradient(135deg,orange,gold);background:linear-gradient(135deg,orange,var(--color-gold,gold));box-shadow:0 4px 12px #ffd70066;transform:translateY(-2px)}.my-binders__analytics-btn:active{transform:translateY(0)}.my-binders__analytics-icon{font-size:1.125rem}.my-binders__analytics-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:2rem;position:fixed;right:0;top:0;z-index:9999}.my-binders__analytics-container{border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:1600px;overflow-y:auto;width:100%}.my-binders--dark .my-binders__analytics-overlay{background-color:#000c}@media (max-width:768px){.my-binders__analytics-btn{justify-content:center;margin-top:.75rem;width:100%}.my-binders__analytics-overlay{padding:1rem}.my-binders__analytics-container{max-height:95vh}}@media (max-width:400px){.my-binders__analytics-overlay{padding:.5rem}}.summary-stats{background-color:#fff;border:1px solid #d1d5db;border:1px solid var(--color-border,#d1d5db);border-radius:.75rem;border-radius:var(--radius-lg,.75rem);margin-bottom:2rem;margin-bottom:var(--spacing-lg,2rem);padding:2rem;padding:var(--spacing-lg,2rem)}.binder-detail--dark .summary-stats{background-color:#2d2d2d;border-color:#404040}.summary-stats__title{align-items:center;color:#111827;color:var(--color-text-primary,#111827);display:flex;font-size:1.25rem;font-weight:600;gap:.75rem;gap:var(--spacing-sm,.75rem);margin:0 0 2rem;margin:0 0 var(--spacing-lg,2rem) 0}.summary-stats__title-icon{color:#ff4500;color:var(--color-primary,#ff4500);font-size:1.5rem}.summary-stats__grid{grid-gap:1.5rem;grid-gap:var(--spacing-md,1.5rem);display:grid;gap:1.5rem;gap:var(--spacing-md,1.5rem);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.collapsible-section .summary-stats{background:#0000;border:none;margin-bottom:0;padding:0}.summary-stats__card{background-color:#f9fafb;background-color:var(--color-background-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:.5rem;border-radius:var(--radius-base,.5rem);padding:1.5rem;padding:var(--spacing-md,1.5rem);transition:all .2s ease}.summary-stats__card:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.binder-detail--dark .summary-stats__card{background-color:#1f1f1f;border-color:#404040}.summary-stats__card-header{align-items:center;border-bottom:2px solid #ff4500;border-bottom:2px solid var(--color-primary,#ff4500);display:flex;gap:.75rem;gap:var(--spacing-sm,.75rem);margin-bottom:1.5rem;margin-bottom:var(--spacing-md,1.5rem);padding-bottom:.75rem;padding-bottom:var(--spacing-sm,.75rem)}.summary-stats__card-icon{color:#ff4500;color:var(--color-primary,#ff4500);font-size:1.25rem}.summary-stats__card-title{color:#111827;color:var(--color-text-primary,#111827);font-size:1rem;font-weight:600;margin:0}.summary-stats__card-content{color:#111827;color:var(--color-text-primary,#111827);font-size:.875rem}.summary-stats__category-list{display:flex;flex-direction:column;gap:.75rem;gap:var(--spacing-sm,.75rem);list-style:none;margin:0;padding:0}.summary-stats__category-item{align-items:center;background-color:#fff;background-color:var(--color-background,#fff);border-radius:.25rem;border-radius:var(--radius-sm,.25rem);display:flex;justify-content:space-between;padding:.5rem;padding:var(--spacing-xs,.5rem);transition:background-color .2s ease}.summary-stats__category-item:hover{background-color:#fff5f0;background-color:var(--color-primary-light,#fff5f0)}.binder-detail--dark .summary-stats__category-item{background-color:#2a2a2a}.binder-detail--dark .summary-stats__category-item:hover{background-color:#333}.summary-stats__category-name{color:#111827;color:var(--color-text-primary,#111827);font-weight:500}.summary-stats__category-count{background-color:#fff5f0;background-color:var(--color-primary-light,#fff5f0);border-radius:.25rem;border-radius:var(--radius-sm,.25rem);color:#ff4500;color:var(--color-primary,#ff4500);font-size:.75rem;font-weight:700;padding:.25rem .5rem}.summary-stats__date-line{align-items:center;display:flex;justify-content:space-between;margin:0 0 .5rem;margin:0 0 var(--spacing-xs,.5rem) 0}.summary-stats__date-label{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-weight:500}.summary-stats__date-value{color:#111827;color:var(--color-text-primary,#111827);font-weight:600}.summary-stats__date-span{border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border,#e5e7eb);color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.875rem;margin:.75rem 0 0;margin:var(--spacing-sm,.75rem) 0 0 0;padding-top:.75rem;padding-top:var(--spacing-sm,.75rem);text-align:center}.summary-stats__date-span strong{color:#ff4500;color:var(--color-primary,#ff4500)}.summary-stats__geo-line{color:#111827;color:var(--color-text-primary,#111827);margin:0 0 .75rem;margin:0 0 var(--spacing-sm,.75rem) 0}.summary-stats__geo-line strong{color:#ff4500;color:var(--color-primary,#ff4500)}.summary-stats__geo-islands{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.75rem;font-style:italic;margin:.5rem 0;margin:var(--spacing-xs,.5rem) 0}.summary-stats__geo-locations{border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border,#e5e7eb);color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.875rem;margin:.75rem 0 0;margin:var(--spacing-sm,.75rem) 0 0 0;padding-top:.75rem;padding-top:var(--spacing-sm,.75rem);text-align:center}.summary-stats__evidence-total{color:#111827;color:var(--color-text-primary,#111827);font-size:1.25rem;margin:0 0 .75rem;margin:0 0 var(--spacing-sm,.75rem) 0;text-align:center}.summary-stats__evidence-total strong{color:#ff4500;color:var(--color-primary,#ff4500);font-size:1.5rem}.summary-stats__evidence-storage{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.875rem;margin:0 0 .75rem;margin:0 0 var(--spacing-sm,.75rem) 0;text-align:center}.summary-stats__evidence-storage strong{color:#111827;color:var(--color-text-primary,#111827)}.summary-stats__evidence-types{border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border,#e5e7eb);display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--spacing-xs,.5rem);justify-content:center;padding-top:.75rem;padding-top:var(--spacing-sm,.75rem)}.summary-stats__evidence-type{background-color:#f9fafb;background-color:var(--color-background-secondary,#f9fafb);border-radius:.5rem;border-radius:var(--radius-base,.5rem);padding:.25rem .75rem;white-space:nowrap}.summary-stats__evidence-latest,.summary-stats__evidence-type{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.75rem}.summary-stats__evidence-latest{border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border,#e5e7eb);margin:.75rem 0 0;margin:var(--spacing-sm,.75rem) 0 0 0;padding-top:.75rem;padding-top:var(--spacing-sm,.75rem);text-align:center}.summary-stats__empty{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-style:italic;margin:0;padding:1.5rem 0;padding:var(--spacing-md,1.5rem) 0;text-align:center}@media (max-width:768px){.summary-stats{padding:1.5rem;padding:var(--spacing-md,1.5rem)}.summary-stats__grid{gap:.75rem;gap:var(--spacing-sm,.75rem);grid-template-columns:repeat(2,1fr)}.summary-stats__card{padding:.75rem;padding:var(--spacing-sm,.75rem)}.summary-stats__title{font-size:1.1rem}.summary-stats__card-title{font-size:.875rem}}@media (max-width:400px){.summary-stats__grid{grid-template-columns:1fr}}.binder-detail--dark .summary-stats__card-title,.binder-detail--dark .summary-stats__category-name,.binder-detail--dark .summary-stats__date-value,.binder-detail--dark .summary-stats__evidence-total,.binder-detail--dark .summary-stats__geo-line,.binder-detail--dark .summary-stats__title{color:#f3f4f6}.binder-detail--dark .summary-stats__date-label,.binder-detail--dark .summary-stats__empty,.binder-detail--dark .summary-stats__evidence-latest,.binder-detail--dark .summary-stats__evidence-storage,.binder-detail--dark .summary-stats__evidence-type,.binder-detail--dark .summary-stats__geo-islands,.binder-detail--dark .summary-stats__geo-locations{color:#9ca3af}.binder-detail--dark .summary-stats__evidence-storage strong{color:#f3f4f6}.binder-detail--dark .summary-stats__evidence-type{background-color:#1f1f1f}.binder-detail--dark .summary-stats__date-span{border-color:#404040;color:#9ca3af}.timeline-view{padding:2rem 0;padding:var(--spacing-lg,2rem) 0;position:relative}.timeline-view__line{background:linear-gradient(180deg,#ff4500 0,#ff4500 50%,#d1d5db);background:linear-gradient(to bottom,var(--color-primary,#ff4500) 0,var(--color-primary,#ff4500) 50%,var(--color-border,#d1d5db) 100%);border-radius:2px;bottom:0;left:20px;position:absolute;top:0;width:3px}.timeline-view__group{margin-bottom:3rem;margin-bottom:var(--spacing-xl,3rem);position:relative}.timeline-view__group-header{align-items:center;background-color:initial;border:none;cursor:pointer;display:flex;gap:1.5rem;gap:var(--spacing-md,1.5rem);margin-bottom:1.5rem;margin-bottom:var(--spacing-md,1.5rem);padding:.75rem 0;padding:var(--spacing-sm,.75rem) 0;position:relative;text-align:left;transition:all .2s ease;width:100%}.timeline-view__group-header:hover{background-color:#f9fafb;background-color:var(--color-background-secondary,#f9fafb);border-radius:.5rem;border-radius:var(--radius-base,.5rem);padding-left:.75rem;padding-left:var(--spacing-sm,.75rem);padding-right:.75rem;padding-right:var(--spacing-sm,.75rem)}.timeline-view__group-marker{background-color:#ff4500;background-color:var(--color-primary,#ff4500);border:4px solid #fff;border-radius:50%;box-shadow:0 2px 8px #ff45004d;height:22px;left:10px;position:absolute;width:22px;z-index:10}.binder-detail--dark .timeline-view__group-marker{border-color:#1a1a1a}.timeline-view__group-info{flex:1 1;margin-left:50px}.timeline-view__group-title{align-items:center;color:#111827;color:var(--color-text-primary,#111827);display:flex;font-size:1.25rem;font-weight:700;gap:.75rem;gap:var(--spacing-sm,.75rem);margin:0 0 .5rem;margin:0 0 var(--spacing-xs,.5rem) 0}.timeline-view__group-title svg{color:#ff4500;color:var(--color-primary,#ff4500);font-size:1rem}.timeline-view__group-count{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.875rem;font-weight:500}.timeline-view__group-content{margin-left:50px;padding-left:1.5rem;padding-left:var(--spacing-md,1.5rem)}.timeline-view__item{background-color:#fff;border:1px solid #d1d5db;border:1px solid var(--color-border,#d1d5db);border-radius:.5rem;border-radius:var(--radius-base,.5rem);cursor:pointer;margin-bottom:1.5rem;margin-bottom:var(--spacing-md,1.5rem);padding:1.5rem;padding:var(--spacing-md,1.5rem);position:relative;transition:all .2s ease}.timeline-view__item:hover{border-color:#ff4500;border-color:var(--color-primary,#ff4500);box-shadow:0 4px 12px #0000001a;transform:translateX(4px)}.binder-detail--dark .timeline-view__item{background-color:#2d2d2d;border-color:#404040}.binder-detail--dark .timeline-view__item:hover{background-color:#333}.timeline-view__item-marker{background-color:#fff;background-color:var(--color-background,#fff);border:3px solid #ff4500;border:3px solid var(--color-primary,#ff4500);border-radius:50%;height:12px;left:-28px;position:absolute;top:24px;width:12px}.binder-detail--dark .timeline-view__item-marker{background-color:#2d2d2d}.timeline-view__item-header{align-items:flex-start;display:flex;gap:1.5rem;gap:var(--spacing-md,1.5rem);justify-content:space-between;margin-bottom:.75rem;margin-bottom:var(--spacing-sm,.75rem)}.timeline-view__item-title{color:#111827;color:var(--color-text-primary,#111827);flex:1 1;font-size:1.1rem;font-weight:600;margin:0}.timeline-view__item-category{background-color:#fff5f0;background-color:var(--color-primary-light,#fff5f0);border-radius:.25rem;border-radius:var(--radius-sm,.25rem);color:#ff4500;color:var(--color-primary,#ff4500);display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem;white-space:nowrap}.timeline-view__item-date,.timeline-view__item-location{align-items:center;color:#6b7280;color:var(--color-text-secondary,#6b7280);display:flex;font-size:.875rem;gap:.5rem;gap:var(--spacing-xs,.5rem);margin:0 0 .5rem;margin:0 0 var(--spacing-xs,.5rem) 0}.timeline-view__item-icon{color:#ff4500;color:var(--color-primary,#ff4500);flex-shrink:0;font-size:.875rem}.timeline-view__item-description{border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border,#e5e7eb);color:#111827;color:var(--color-text-primary,#111827);font-size:.875rem;line-height:1.6;margin:.75rem 0 0;margin:var(--spacing-sm,.75rem) 0 0 0;padding-top:.75rem;padding-top:var(--spacing-sm,.75rem)}.timeline-view__empty{color:#6b7280;color:var(--color-text-secondary,#6b7280);padding:3rem 2rem;padding:var(--spacing-xl,3rem) var(--spacing-lg,2rem);text-align:center}.timeline-view__empty-icon{color:#d1d5db;color:var(--color-border,#d1d5db);font-size:3rem;margin-bottom:1.5rem;margin-bottom:var(--spacing-md,1.5rem)}.timeline-view__empty p{font-size:1rem;margin:0}@media (max-width:768px){.timeline-view{padding:1.5rem 0;padding:var(--spacing-md,1.5rem) 0}.timeline-view__line{left:15px}.timeline-view__group-marker{height:18px;left:7px;width:18px}.timeline-view__group-info{margin-left:40px}.timeline-view__group-title{font-size:1.1rem}.timeline-view__group-content{margin-left:40px;padding-left:.75rem;padding-left:var(--spacing-sm,.75rem)}.timeline-view__item{padding:.75rem;padding:var(--spacing-sm,.75rem)}.timeline-view__item-marker{height:10px;left:-23px;width:10px}.timeline-view__item-header{flex-direction:column;gap:.5rem;gap:var(--spacing-xs,.5rem)}.timeline-view__item-category{align-self:flex-start}}.binder-detail--dark .timeline-view__group-header:hover{background-color:#1f1f1f}.binder-detail--dark .timeline-view__group-title,.binder-detail--dark .timeline-view__item-title{color:#f3f4f6}.binder-detail--dark .timeline-view__group-count,.binder-detail--dark .timeline-view__item-date,.binder-detail--dark .timeline-view__item-location{color:#9ca3af}.binder-detail--dark .timeline-view__item-description{border-color:#404040;color:#d1d5db}.binder-detail--dark .timeline-view__empty{color:#9ca3af}.binder-map-view{display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-md,1rem);height:600px;width:100%}.binder-map-view__upgrade-banner{align-items:center;background:linear-gradient(135deg,orange,#ff6b00);border-radius:6px;border-radius:var(--radius-base,6px);color:#fff;display:flex;font-size:.875rem;gap:.75rem;gap:var(--spacing-sm,.75rem);padding:.75rem 1rem;padding:var(--spacing-sm,.75rem) var(--spacing-md,1rem)}.binder-map-view__upgrade-icon{color:gold;font-size:1.25rem}.binder-map-view__upgrade-text{flex:1 1}.binder-map-view__upgrade-link{background:#fff;border-radius:6px;border-radius:var(--radius-base,6px);color:#ff6b00;font-weight:600;padding:.375rem .875rem;text-decoration:none;transition:all .2s ease}.binder-map-view__upgrade-link:hover{background:#f5f5f5;transform:translateY(-1px)}.binder-map-view__container{border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:8px;border-radius:var(--radius-lg,8px);flex:1 1;min-height:500px;overflow:hidden;position:relative}.binder-map-view__map{height:100%;width:100%}.binder-map-view__info-window{min-width:200px;padding:.75rem;padding:var(--spacing-sm,.75rem);pointer-events:auto!important}.binder-map-view__info-title{margin:0 0 .5rem;margin:0 0 var(--spacing-xs,.5rem) 0;pointer-events:auto}.binder-map-view__info-title,.binder-map-view__info-title-link{color:#1f2937;color:var(--color-text-primary,#1f2937);font-size:1rem;font-weight:600}.binder-map-view__info-title-link{cursor:pointer;display:block;margin:0;pointer-events:auto!important;text-decoration:none;touch-action:manipulation}.binder-map-view__info-title-link:hover{color:#ff4500;color:var(--color-primary,#ff4500);text-decoration:underline}.binder-map-view__info-category{color:#ff4500;color:var(--color-primary,#ff4500);font-size:.875rem;font-weight:500;margin:0 0 .25rem;margin:0 0 var(--spacing-xs,.25rem) 0;pointer-events:auto}.binder-map-view__info-date{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.875rem;margin:0 0 .75rem;margin:0 0 var(--spacing-sm,.75rem) 0;pointer-events:auto}.binder-map-view__info-link{background:#ff4500;background:var(--color-primary,#ff4500);border:none;border-radius:6px;border-radius:var(--radius-base,6px);color:#fff!important;cursor:pointer;display:block;font-weight:600;padding:.5rem 1rem;pointer-events:auto!important;text-align:center;text-decoration:none;touch-action:manipulation;width:100%}.binder-map-view__info-link:hover{color:#fff!important;text-decoration:none}.binder-map-view__info-link:active,.binder-map-view__info-link:hover{background:#cc3700;background:var(--color-primary-dark,#cc3700)}.binder-map-view__footer{background:#fff;background:var(--color-background-secondary,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:6px;border-radius:var(--radius-base,6px);display:flex;justify-content:center;padding:.75rem;padding:var(--spacing-sm,.75rem)}.binder-map-view__count{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.875rem;font-weight:500}.binder-map-view__loading{background:#fff;background:var(--color-background-secondary,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:8px;border-radius:var(--radius-lg,8px);color:#6b7280;color:var(--color-text-secondary,#6b7280)}.binder-map-view__error,.binder-map-view__loading{align-items:center;display:flex;font-size:1rem;height:500px;justify-content:center}.binder-map-view__error{background:#fee2e2;border:1px solid #f87171;border-radius:8px;border-radius:var(--radius-lg,8px);color:#991b1b}.binder-map-view__empty,.binder-map-view__error{padding:1.5rem;padding:var(--spacing-lg,1.5rem);text-align:center}.binder-map-view__empty{align-items:center;background:#fff;background:var(--color-background-secondary,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:8px;border-radius:var(--radius-lg,8px);display:flex;flex-direction:column;height:500px;justify-content:center}.binder-map-view__empty-icon{color:#9ca3af;color:var(--color-text-tertiary,#9ca3af);font-size:4rem;margin-bottom:1rem;margin-bottom:var(--spacing-md,1rem)}.binder-map-view__empty-text{color:#1f2937;color:var(--color-text-primary,#1f2937);font-size:1.125rem;font-weight:600;margin:0 0 .75rem;margin:0 0 var(--spacing-sm,.75rem) 0}.binder-map-view__empty-hint{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.875rem;margin:0}.dark-mode .binder-map-view__container{border-color:#374151;border-color:var(--color-border-dark,#374151)}.dark-mode .binder-map-view__empty,.dark-mode .binder-map-view__footer,.dark-mode .binder-map-view__loading{background:#1f2937;background:var(--color-background-secondary-dark,#1f2937);border-color:#374151;border-color:var(--color-border-dark,#374151)}.dark-mode .binder-map-view__empty-icon{color:#6b7280;color:var(--color-text-tertiary-dark,#6b7280)}.dark-mode .binder-map-view__empty-text{color:#f9fafb;color:var(--color-text-primary-dark,#f9fafb)}.dark-mode .binder-map-view__empty-hint{color:#9ca3af;color:var(--color-text-secondary-dark,#9ca3af)}.binder-map-view__marker-label{background:#fff;border-radius:4px;box-shadow:0 2px 4px #0003;max-width:200px;overflow:hidden;padding:2px 6px;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.binder-map-view{height:450px}.binder-map-view__container{min-height:350px}.binder-map-view__upgrade-banner{flex-direction:column;text-align:center}.binder-map-view__upgrade-text{order:2}.binder-map-view__upgrade-link{order:3;width:100%}}@media (max-width:400px){.binder-map-view{height:400px}.binder-map-view__container{min-height:300px}.binder-map-view__upgrade-banner{font-size:.8125rem;padding:.5rem .75rem;padding:var(--spacing-xs,.5rem) var(--spacing-sm,.75rem)}}.status-tracker{background-color:#fff;border:1px solid #d1d5db;border:1px solid var(--color-border,#d1d5db);border-radius:.75rem;border-radius:var(--radius-lg,.75rem);margin-bottom:2rem;margin-bottom:var(--spacing-lg,2rem);padding:2rem;padding:var(--spacing-lg,2rem)}.collapsible-section .status-tracker{background:#0000;border:none;margin-bottom:0;padding:0}.binder-detail--dark .status-tracker{background-color:#2d2d2d;border-color:#404040}.binder-detail--dark .collapsible-section .status-tracker{background-color:initial;border:none}.status-tracker__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--spacing-md,1.5rem)}.status-tracker__title{align-items:center;color:#111827;color:var(--color-text-primary,#111827);display:flex;font-size:1.25rem;font-weight:600;gap:.75rem;gap:var(--spacing-sm,.75rem);margin:0}.status-tracker__title-icon{font-size:1.5rem}.status-tracker__title-icon--active{color:#ff4500}.status-tracker__title-icon--pending{color:orange}.status-tracker__title-icon--solved{color:#10b981}.status-tracker__title-icon--cold{color:#3b82f6}.status-tracker__title-icon--archived{color:#6b7280}.status-tracker__title-icon--urgent{color:#dc2626}.status-tracker__legend-btn-container{display:flex;justify-content:flex-end;margin-bottom:1rem;margin-bottom:var(--spacing-md,1rem)}.status-tracker__legend-btn{align-items:center;background-color:initial;border:1px solid #d1d5db;border:1px solid var(--color-border,#d1d5db);border-radius:.5rem;border-radius:var(--radius-base,.5rem);color:#6b7280;color:var(--color-text-secondary,#6b7280);cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.status-tracker__legend-btn--standalone{font-size:.875rem;gap:.5rem;gap:var(--spacing-xs,.5rem);padding:.5rem .75rem;padding:var(--spacing-xs,.5rem) var(--spacing-sm,.75rem);width:auto}.status-tracker__legend-btn:hover{background-color:#f9fafb;background-color:var(--color-background-secondary,#f9fafb);border-color:#ff4500;border-color:var(--color-primary,#ff4500);color:#ff4500;color:var(--color-primary,#ff4500)}.binder-detail--dark .status-tracker__legend-btn{border-color:#404040}.binder-detail--dark .status-tracker__legend-btn:hover{background-color:#1f1f1f}.status-tracker__current{background-color:#f9fafb;background-color:var(--color-background-secondary,#f9fafb);border-left:4px solid;border-radius:.5rem;border-radius:var(--radius-base,.5rem);padding:1.5rem;padding:var(--spacing-md,1.5rem)}.binder-detail--dark .status-tracker__current{background-color:#1f1f1f}.status-tracker__current-content{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;gap:var(--spacing-md,1.5rem);justify-content:space-between}.status-tracker__current-info{align-items:flex-start;display:flex;flex:1 1;gap:1.5rem;gap:var(--spacing-md,1.5rem);min-width:250px}.status-tracker__current-icon{flex-shrink:0;font-size:2rem;margin-top:.25rem}.status-tracker__current-icon--active{color:#ff4500}.status-tracker__current-icon--pending{color:orange}.status-tracker__current-icon--solved{color:#10b981}.status-tracker__current-icon--cold{color:#3b82f6}.status-tracker__current-icon--archived{color:#6b7280}.status-tracker__current-icon--urgent{color:#dc2626}.status-tracker__current--active{border-left-color:#ff4500}.status-tracker__current--pending{border-left-color:orange}.status-tracker__current--solved{border-left-color:#10b981}.status-tracker__current--cold{border-left-color:#3b82f6}.status-tracker__current--archived{border-left-color:#6b7280}.status-tracker__current--urgent{border-left-color:#dc2626}.status-tracker__current-label{color:#111827;color:var(--color-text-primary,#111827);font-size:1.1rem;font-weight:600;margin:0 0 .5rem;margin:0 0 var(--spacing-xs,.5rem) 0}.status-tracker__current-description{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.875rem;margin:0}.status-tracker__dropdown{background-color:#fff;border:1px solid #d1d5db;border:1px solid var(--color-border,#d1d5db);border-radius:.5rem;border-radius:var(--radius-base,.5rem);color:#111827;color:var(--color-text-primary,#111827);cursor:pointer;font-size:.875rem;font-weight:500;min-width:180px;padding:.5rem .75rem;padding:var(--spacing-xs,.5rem) var(--spacing-sm,.75rem);transition:all .2s ease}.status-tracker__dropdown:focus,.status-tracker__dropdown:hover{border-color:#ff4500;border-color:var(--color-primary,#ff4500)}.status-tracker__dropdown:focus{box-shadow:0 0 0 3px #ff45001a;outline:none}.binder-detail--dark .status-tracker__dropdown{background-color:#1f1f1f;border-color:#404040;color:#e0e0e0}.status-tracker__legend-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;height:100vh;justify-content:center;left:0;overflow-y:auto;padding:1.5rem;padding:var(--spacing-md,1.5rem);position:fixed;right:0;top:0;width:100vw;z-index:9999}.status-tracker__legend-modal{background-color:#fff;border-radius:.75rem;border-radius:var(--radius-lg,.75rem);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;margin:auto;max-height:80vh;max-width:600px;overflow-y:auto;position:relative;width:100%}.binder-detail--dark .status-tracker__legend-modal{background-color:#2d2d2d}.status-tracker__legend-header{align-items:center;border-bottom:1px solid #d1d5db;border-bottom:1px solid var(--color-border,#d1d5db);display:flex;justify-content:space-between;padding:2rem;padding:var(--spacing-lg,2rem)}.binder-detail--dark .status-tracker__legend-header{border-color:#404040}.status-tracker__legend-title{color:#111827;color:var(--color-text-primary,#111827);font-size:1.5rem;font-weight:600;margin:0}.binder-detail--dark .status-tracker__legend-title{color:#f3f4f6}.status-tracker__legend-close{align-items:center;background-color:initial;border:none;border-radius:.5rem;border-radius:var(--radius-base,.5rem);color:#6b7280;color:var(--color-text-secondary,#6b7280);cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.status-tracker__legend-close:hover{background-color:#f9fafb;background-color:var(--color-background-secondary,#f9fafb);color:#111827;color:var(--color-text-primary,#111827)}.binder-detail--dark .status-tracker__legend-close:hover{background-color:#1f1f1f;color:#f3f4f6}.status-tracker__legend-content{display:flex;flex-direction:column;gap:1.5rem;gap:var(--spacing-md,1.5rem);padding:2rem;padding:var(--spacing-lg,2rem)}.status-tracker__legend-item{align-items:flex-start;background-color:#f9fafb;background-color:var(--color-background-secondary,#f9fafb);border-left:4px solid;border-radius:.5rem;border-radius:var(--radius-base,.5rem);display:flex;gap:1.5rem;gap:var(--spacing-md,1.5rem);padding:1.5rem;padding:var(--spacing-md,1.5rem)}.binder-detail--dark .status-tracker__legend-item{background-color:#1f1f1f}.status-tracker__legend-icon{flex-shrink:0;font-size:1.5rem;margin-top:.25rem}.status-tracker__legend-icon--active{color:#ff4500}.status-tracker__legend-icon--pending{color:orange}.status-tracker__legend-icon--solved{color:#10b981}.status-tracker__legend-icon--cold{color:#3b82f6}.status-tracker__legend-icon--archived{color:#6b7280}.status-tracker__legend-icon--urgent{color:#dc2626}.status-tracker__legend-item--active{border-left-color:#ff4500}.status-tracker__legend-item--pending{border-left-color:orange}.status-tracker__legend-item--solved{border-left-color:#10b981}.status-tracker__legend-item--cold{border-left-color:#3b82f6}.status-tracker__legend-item--archived{border-left-color:#6b7280}.status-tracker__legend-item--urgent{border-left-color:#dc2626}.status-tracker__legend-info{flex:1 1}.status-tracker__legend-label{color:#111827;color:var(--color-text-primary,#111827);font-size:1rem;font-weight:600;margin:0 0 .5rem;margin:0 0 var(--spacing-xs,.5rem) 0}.binder-detail--dark .status-tracker__legend-label{color:#f3f4f6}.status-tracker__legend-description{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.875rem;margin:0}.binder-detail--dark .status-tracker__legend-description{color:#9ca3af}@media (max-width:768px){.status-tracker{padding:1.5rem;padding:var(--spacing-md,1.5rem)}.status-tracker__current-content{align-items:stretch;flex-direction:column}.status-tracker__dropdown{width:100%}.status-tracker__legend-modal{max-height:90vh}.status-tracker__title{font-size:1.1rem}.status-tracker__current-icon{font-size:1.5rem}}.binder-detail--dark .status-tracker__current-label,.binder-detail--dark .status-tracker__title{color:#f3f4f6}.binder-detail--dark .status-tracker__current-description{color:#9ca3af}.evidence-manager{background-color:#fff;border:1px solid #d1d5db;border:1px solid var(--color-border,#d1d5db);border-radius:.75rem;border-radius:var(--radius-lg,.75rem);margin-bottom:2rem;margin-bottom:var(--spacing-lg,2rem);padding:2rem;padding:var(--spacing-lg,2rem)}.collapsible-section .evidence-manager{background:#0000;border:none;margin-bottom:0;padding:0}.binder-detail--dark .evidence-manager{background-color:#2d2d2d;border-color:#404040}.binder-detail--dark .collapsible-section .evidence-manager{background-color:initial;border:none}.evidence-manager__header{align-items:center;border-bottom:1px solid #d1d5db;border-bottom:1px solid var(--color-border,#d1d5db);display:flex;flex-wrap:wrap;gap:1.5rem;gap:var(--spacing-md,1.5rem);justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--spacing-lg,2rem);padding-bottom:1.5rem;padding-bottom:var(--spacing-md,1.5rem)}.binder-detail--dark .evidence-manager__header{border-bottom-color:#404040}.evidence-manager__title,.evidence-manager__title-section{align-items:center;display:flex;gap:.75rem;gap:var(--spacing-sm,.75rem)}.evidence-manager__title{color:#111827;color:var(--color-text-primary,#111827);font-size:1.25rem;font-weight:600;margin:0}.binder-detail--dark .evidence-manager__title{color:#f3f4f6}.evidence-manager__title-icon{color:#ff4500;color:var(--color-primary,#ff4500);font-size:1.5rem}.evidence-manager__count{background-color:#f9fafb;background-color:var(--color-background-secondary,#f9fafb);border-radius:.5rem;border-radius:var(--radius-base,.5rem);color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.875rem;font-weight:500;padding:.25rem .75rem}.binder-detail--dark .evidence-manager__count{background-color:#1f1f1f;color:#9ca3af}.evidence-manager__actions,.evidence-manager__compact-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;gap:var(--spacing-md,1.5rem)}.evidence-manager__compact-actions{background-color:#f9fafb;background-color:var(--color-background-secondary,#f9fafb);border-radius:.5rem;border-radius:var(--radius-base,.5rem);justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--spacing-lg,2rem);padding:1.5rem;padding:var(--spacing-md,1.5rem)}.binder-detail--dark .evidence-manager__compact-actions{background-color:#1f1f1f}.evidence-manager__storage{display:flex;flex-direction:column;gap:.25rem;min-width:150px}.evidence-manager__storage-bar{background-color:#f9fafb;background-color:var(--color-background-secondary,#f9fafb);border-radius:4px;height:8px;overflow:hidden}.binder-detail--dark .evidence-manager__storage-bar{background-color:#1f1f1f}.evidence-manager__storage-fill{background-color:#ff4500;background-color:var(--color-primary,#ff4500);border-radius:4px;height:100%;transition:width .3s ease;width:0;width:var(--storage-percent,0)}.evidence-manager__storage-text{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.75rem;text-align:center}.binder-detail--dark .evidence-manager__storage-text{color:#9ca3af}.evidence-manager__view-toggle{background-color:#f9fafb;background-color:var(--color-background-secondary,#f9fafb);border-radius:.5rem;border-radius:var(--radius-base,.5rem);display:flex;gap:.5rem;padding:.25rem}.binder-detail--dark .evidence-manager__view-toggle{background-color:#1f1f1f}.evidence-manager__view-btn{align-items:center;background-color:initial;border:none;border-radius:.5rem;border-radius:var(--radius-base,.5rem);color:#6b7280;color:var(--color-text-secondary,#6b7280);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.evidence-manager__view-btn:hover{background-color:#fff;color:#ff4500;color:var(--color-primary,#ff4500)}.binder-detail--dark .evidence-manager__view-btn:hover{background-color:#2d2d2d}.evidence-manager__view-btn--active{background-color:#fff;color:#ff4500;color:var(--color-primary,#ff4500)}.binder-detail--dark .evidence-manager__view-btn--active{background-color:#2d2d2d}.evidence-manager__upload-btn{align-items:center;background-color:#ff4500;background-color:var(--color-primary,#ff4500);border:none;border-radius:.5rem;border-radius:var(--radius-base,.5rem);color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease;white-space:nowrap}.evidence-manager__upload-btn:hover:not(:disabled){background-color:#e03e00;box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.evidence-manager__upload-btn:disabled{cursor:not-allowed;opacity:.5}.evidence-manager__file-input{display:none}.evidence-manager__files{grid-gap:1.5rem;grid-gap:var(--spacing-md,1.5rem);display:grid;gap:1.5rem;gap:var(--spacing-md,1.5rem);min-height:200px}.evidence-manager__files--grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.evidence-manager__files--list{grid-template-columns:1fr}.evidence-manager__file-card{background-color:#f9fafb;background-color:var(--color-background-secondary,#f9fafb);border:1px solid #d1d5db;border:1px solid var(--color-border,#d1d5db);border-radius:.5rem;border-radius:var(--radius-base,.5rem);display:flex;flex-direction:column;overflow:hidden;transition:all .2s ease}.binder-detail--dark .evidence-manager__file-card{background-color:#1f1f1f;border-color:#404040}.evidence-manager__file-card:hover{box-shadow:0 4px 6px #0000001a}.evidence-manager__files--list .evidence-manager__file-card{align-items:center;flex-direction:row}.evidence-manager__file-preview{align-items:center;background-color:#fff;border-bottom:1px solid #d1d5db;border-bottom:1px solid var(--color-border,#d1d5db);display:flex;height:150px;justify-content:center;overflow:hidden;width:100%}.binder-detail--dark .evidence-manager__file-preview{background-color:#2d2d2d;border-bottom-color:#404040}.evidence-manager__files--list .evidence-manager__file-preview{border-bottom:none;border-right:1px solid #d1d5db;border-right:1px solid var(--color-border,#d1d5db);flex-shrink:0;height:80px;width:80px}.binder-detail--dark .evidence-manager__files--list .evidence-manager__file-preview{border-right-color:#404040}.evidence-manager__file-thumbnail{height:100%;object-fit:cover;width:100%}.evidence-manager__file-icon{font-size:3rem}.evidence-manager__file-icon--image{color:#10b981}.evidence-manager__file-icon--video{color:#3b82f6}.evidence-manager__file-icon--pdf{color:#dc2626}.evidence-manager__file-icon--document{color:#2563eb}.evidence-manager__file-icon--spreadsheet{color:#059669}.evidence-manager__files--list .evidence-manager__file-icon{font-size:2rem}.evidence-manager__file-info{flex:1 1;min-width:0;padding:1.5rem;padding:var(--spacing-md,1.5rem)}.evidence-manager__file-name{color:#111827;color:var(--color-text-primary,#111827);font-size:.875rem;font-weight:600;margin:0 0 .5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.binder-detail--dark .evidence-manager__file-name{color:#f3f4f6}.evidence-manager__file-meta{color:#6b7280;color:var(--color-text-secondary,#6b7280);display:flex;flex-wrap:wrap;font-size:.75rem;gap:.75rem;gap:var(--spacing-sm,.75rem)}.binder-detail--dark .evidence-manager__file-meta{color:#9ca3af}.evidence-manager__file-date,.evidence-manager__file-size{display:inline-block}.evidence-manager__file-actions{background-color:#fff;border-top:1px solid #d1d5db;border-top:1px solid var(--color-border,#d1d5db);display:flex;gap:.5rem;padding:.75rem;padding:var(--spacing-sm,.75rem)}.binder-detail--dark .evidence-manager__file-actions{background-color:#2d2d2d;border-top-color:#404040}.evidence-manager__files--list .evidence-manager__file-actions{border-left:1px solid #d1d5db;border-left:1px solid var(--color-border,#d1d5db);border-top:none;padding:1.5rem;padding:var(--spacing-md,1.5rem)}.binder-detail--dark .evidence-manager__files--list .evidence-manager__file-actions{border-left-color:#404040}.evidence-manager__file-action-btn{align-items:center;background-color:initial;border:1px solid #d1d5db;border:1px solid var(--color-border,#d1d5db);border-radius:.5rem;border-radius:var(--radius-base,.5rem);color:#6b7280;color:var(--color-text-secondary,#6b7280);cursor:pointer;display:flex;height:32px;justify-content:center;text-decoration:none;transition:all .2s ease;width:32px}.binder-detail--dark .evidence-manager__file-action-btn{border-color:#404040}.evidence-manager__file-action-btn:hover{background-color:#f9fafb;background-color:var(--color-background-secondary,#f9fafb);border-color:#ff4500;border-color:var(--color-primary,#ff4500);color:#ff4500;color:var(--color-primary,#ff4500)}.binder-detail--dark .evidence-manager__file-action-btn:hover{background-color:#1f1f1f}.evidence-manager__file-action-btn--delete:hover{border-color:#dc2626;color:#dc2626}.evidence-manager__empty{align-items:center;color:#6b7280;color:var(--color-text-secondary,#6b7280);display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:3rem 2rem;padding:var(--spacing-xl,3rem) var(--spacing-lg,2rem);text-align:center}.binder-detail--dark .evidence-manager__empty{color:#9ca3af}.evidence-manager__empty-icon{color:#d1d5db;color:var(--color-border,#d1d5db);font-size:4rem;margin-bottom:1.5rem;margin-bottom:var(--spacing-md,1.5rem)}.binder-detail--dark .evidence-manager__empty-icon{color:#404040}.evidence-manager__empty-text{font-size:1.125rem;font-weight:500;margin:0 0 .75rem;margin:0 0 var(--spacing-sm,.75rem) 0}.evidence-manager__empty-hint{font-size:.875rem;margin:0}.evidence-manager__preview-overlay{align-items:center;background-color:#000000e6;bottom:0;display:flex;height:100vh;justify-content:center;left:0;overflow-y:auto;padding:1.5rem;padding:var(--spacing-md,1.5rem);position:fixed;right:0;top:0;width:100vw;z-index:9999}.evidence-manager__preview-modal{background-color:#fff;border-radius:.75rem;border-radius:var(--radius-lg,.75rem);display:flex;flex-direction:column;margin:auto;max-height:90vh;max-width:1200px;overflow:hidden;position:relative;width:100%}.binder-detail--dark .evidence-manager__preview-modal{background-color:#2d2d2d}.evidence-manager__preview-header{align-items:center;border-bottom:1px solid #d1d5db;border-bottom:1px solid var(--color-border,#d1d5db);display:flex;justify-content:space-between;padding:2rem;padding:var(--spacing-lg,2rem)}.binder-detail--dark .evidence-manager__preview-header{border-bottom-color:#404040}.evidence-manager__preview-title{color:#111827;color:var(--color-text-primary,#111827);font-size:1.25rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.binder-detail--dark .evidence-manager__preview-title{color:#f3f4f6}.evidence-manager__preview-close{align-items:center;background-color:initial;border:none;border-radius:.5rem;border-radius:var(--radius-base,.5rem);color:#6b7280;color:var(--color-text-secondary,#6b7280);cursor:pointer;display:flex;flex-shrink:0;font-size:1.25rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.evidence-manager__preview-close:hover{background-color:#f9fafb;background-color:var(--color-background-secondary,#f9fafb);color:#111827;color:var(--color-text-primary,#111827)}.binder-detail--dark .evidence-manager__preview-close:hover{background-color:#1f1f1f;color:#f3f4f6}.evidence-manager__preview-content{align-items:center;background-color:#f9fafb;background-color:var(--color-background-secondary,#f9fafb);display:flex;flex:1 1;justify-content:center;overflow:auto;padding:2rem;padding:var(--spacing-lg,2rem)}.binder-detail--dark .evidence-manager__preview-content{background-color:#1f1f1f}.evidence-manager__preview-image{max-height:100%;max-width:100%;object-fit:contain}.evidence-manager__preview-video{max-height:100%;max-width:100%}.evidence-manager__preview-pdf{border:none;height:70vh;width:100%}.evidence-manager__preview-unavailable{align-items:center;color:#6b7280;color:var(--color-text-secondary,#6b7280);display:flex;flex-direction:column;gap:1.5rem;gap:var(--spacing-md,1.5rem);padding:3rem;padding:var(--spacing-xl,3rem);text-align:center}.binder-detail--dark .evidence-manager__preview-unavailable{color:#9ca3af}.evidence-manager__preview-unavailable-icon{color:#d1d5db;color:var(--color-border,#d1d5db);font-size:4rem}.binder-detail--dark .evidence-manager__preview-unavailable-icon{color:#404040}.evidence-manager__preview-download-btn{align-items:center;background-color:#ff4500;background-color:var(--color-primary,#ff4500);border:none;border-radius:.5rem;border-radius:var(--radius-base,.5rem);color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.evidence-manager__preview-download-btn:hover{background-color:#e03e00}@media (max-width:768px){.evidence-manager{padding:1.5rem;padding:var(--spacing-md,1.5rem)}.evidence-manager__actions,.evidence-manager__header{align-items:stretch;flex-direction:column}.evidence-manager__storage{min-width:100%}.evidence-manager__view-toggle{justify-content:center}.evidence-manager__upload-btn{justify-content:center;width:100%}.evidence-manager__files--grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.evidence-manager__preview-modal{max-height:95vh}.evidence-manager__preview-content,.evidence-manager__preview-header{padding:1.5rem;padding:var(--spacing-md,1.5rem)}}.collapsible-section{background:#fff;background:var(--color-background-secondary,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:8px;border-radius:var(--radius-lg,8px);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg,1.5rem);overflow:visible;transition:all .3s ease}.collapsible-section--collapsed{background:#f9fafb;background:var(--color-background-tertiary,#f9fafb)}.collapsible-section__header{align-items:center;background:#fff;background:var(--color-background-secondary,#fff);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border,#e5e7eb);cursor:pointer;display:flex;justify-content:space-between;padding:1rem 1.5rem;padding:var(--spacing-md,1rem) var(--spacing-lg,1.5rem);-webkit-user-select:none;user-select:none}.collapsible-section--collapsed .collapsible-section__header{border-bottom:none}.collapsible-section__title-section{align-items:center;display:flex;flex:1 1;gap:.75rem;gap:var(--spacing-sm,.75rem)}.collapsible-section__icon{color:#ff4500;color:var(--color-primary,#ff4500);font-size:1.25rem}.collapsible-section__title{color:#1f2937;color:var(--color-text-primary,#1f2937);font-size:1.125rem;font-weight:600;margin:0}.collapsible-section__status-badge{align-items:center;background:#f9fafb;background:var(--color-background-tertiary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:6px;border-radius:var(--radius-base,6px);display:inline-flex;font-size:.875rem;font-weight:600;gap:.25rem;margin-left:.75rem;margin-left:var(--spacing-sm,.75rem);padding:.25rem .75rem}.collapsible-section__status-badge,.collapsible-section__status-badge svg{color:#6b7280;color:var(--status-color,var(--color-text-secondary,#6b7280))}.collapsible-section__controls{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-xs,.5rem)}.collapsible-section__control-btn,.collapsible-section__toggle-btn{align-items:center;background:#f9fafb;background:var(--color-background-tertiary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:6px;border-radius:var(--radius-base,6px);color:#6b7280;color:var(--color-text-secondary,#6b7280);cursor:pointer;display:flex;font-size:.875rem;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.collapsible-section__control-btn:hover:not(:disabled),.collapsible-section__toggle-btn:hover{background:#f3f4f6;background:var(--color-background-hover,#f3f4f6);border-color:#d1d5db;border-color:var(--color-border-hover,#d1d5db);color:#1f2937;color:var(--color-text-primary,#1f2937);transform:translateY(-1px)}.collapsible-section__control-btn:active:not(:disabled),.collapsible-section__toggle-btn:active{transform:translateY(0)}.collapsible-section__control-btn:disabled{background:#f9fafb;background:var(--color-background-disabled,#f9fafb);cursor:not-allowed;opacity:.4}.collapsible-section__toggle-btn{background:#ff4500;background:var(--color-primary,#ff4500);border-color:#ff4500;border-color:var(--color-primary,#ff4500);color:#fff}.collapsible-section__toggle-btn:hover{background:#cc3700;background:var(--color-primary-dark,#cc3700);border-color:#cc3700;border-color:var(--color-primary-dark,#cc3700);color:#fff}.collapsible-section__content{animation:slideDown .3s ease;padding:1.5rem;padding:var(--spacing-lg,1.5rem)}.dark-mode .collapsible-section{background:#1f2937;background:var(--color-background-secondary-dark,#1f2937);border-color:#374151;border-color:var(--color-border-dark,#374151)}.dark-mode .collapsible-section--collapsed{background:#111827;background:var(--color-background-tertiary-dark,#111827)}.dark-mode .collapsible-section__header{background:#1f2937;background:var(--color-background-secondary-dark,#1f2937);border-color:#374151;border-color:var(--color-border-dark,#374151)}.dark-mode .collapsible-section__title{color:#f9fafb;color:var(--color-text-primary-dark,#f9fafb)}.dark-mode .collapsible-section__status-badge{background:#111827;background:var(--color-background-tertiary-dark,#111827);border-color:#374151;border-color:var(--color-border-dark,#374151)}.dark-mode .collapsible-section__status-badge,.dark-mode .collapsible-section__status-badge svg{color:#9ca3af;color:var(--status-color,var(--color-text-secondary-dark,#9ca3af))}.dark-mode .collapsible-section__control-btn,.dark-mode .collapsible-section__toggle-btn{background:#111827;background:var(--color-background-tertiary-dark,#111827);border-color:#374151;border-color:var(--color-border-dark,#374151);color:#9ca3af;color:var(--color-text-secondary-dark,#9ca3af)}.dark-mode .collapsible-section__control-btn:hover:not(:disabled),.dark-mode .collapsible-section__toggle-btn:hover{background:#374151;background:var(--color-background-hover-dark,#374151);border-color:#4b5563;border-color:var(--color-border-hover-dark,#4b5563);color:#f9fafb;color:var(--color-text-primary-dark,#f9fafb)}.dark-mode .collapsible-section__toggle-btn{background:#ff4500;background:var(--color-primary,#ff4500);border-color:#ff4500;border-color:var(--color-primary,#ff4500);color:#fff}.dark-mode .collapsible-section__toggle-btn:hover{background:#cc3700;background:var(--color-primary-dark,#cc3700);border-color:#cc3700;border-color:var(--color-primary-dark,#cc3700)}@media (max-width:768px){.collapsible-section__header{padding:.75rem 1rem;padding:var(--spacing-sm,.75rem) var(--spacing-md,1rem)}.collapsible-section__title{font-size:1rem}.collapsible-section__control-btn,.collapsible-section__toggle-btn{font-size:1rem;height:36px;width:36px}.collapsible-section__content{padding:1rem;padding:var(--spacing-md,1rem)}}.analytics-dashboard{background-color:var(--color-background);color:var(--color-text);margin:0 auto;max-width:1400px;padding:20px;width:100%}.analytics-dashboard--empty{align-items:center;color:var(--color-text-muted);display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.analytics-dashboard__skip-link{background-color:var(--color-primary);border-radius:var(--radius-base);color:#fff;left:-9999px;padding:10px 20px;position:absolute;text-decoration:none;z-index:999}.analytics-dashboard__skip-link:focus{left:10px;top:10px}.analytics-dashboard__offline-banner{align-items:center;background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:var(--radius-base);color:#856404;display:flex;gap:10px;margin-bottom:20px;padding:12px 16px}body.dark-mode .analytics-dashboard__offline-banner{background-color:#4a3f1e;border-color:#5a4f2e;color:#f0d69c}.analytics-dashboard__header{margin-bottom:24px}.analytics-dashboard__header-content{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.analytics-dashboard__title{align-items:center;color:var(--color-text);display:flex;font-size:1.75rem;font-weight:600;gap:12px;margin:0}.analytics-dashboard__title svg{color:var(--color-primary);font-size:1.5rem}.analytics-dashboard__actions{display:flex;flex-wrap:wrap;gap:12px}.analytics-dashboard__button{align-items:center;background-color:var(--color-primary);border:none;border-radius:var(--radius-base);color:#fff;cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:8px;padding:10px 16px;transition:background-color .2s ease,transform .1s ease}.analytics-dashboard__button:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}.analytics-dashboard__button:active{transform:translateY(0)}.analytics-dashboard__button--pdf{background-color:#dc3545}.analytics-dashboard__button--pdf:hover{background-color:#c82333}.analytics-dashboard__button--csv{background-color:#28a745}.analytics-dashboard__button--csv:hover{background-color:#218838}.analytics-dashboard__stat-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.analytics-dashboard__stat-card{align-items:center;background-color:var(--color-card-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:16px;padding:24px;transition:transform .2s ease,box-shadow .2s ease}.analytics-dashboard__stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.analytics-dashboard__stat-icon{font-size:2.5rem;opacity:.9}.analytics-dashboard__stat-content{flex:1 1}.analytics-dashboard__stat-label{color:var(--color-text-muted);font-size:.875rem;font-weight:500;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.analytics-dashboard__stat-value{color:var(--color-text);font-size:2rem;font-weight:700;line-height:1;margin:0}.analytics-dashboard__stat-card--blue .analytics-dashboard__stat-icon{color:#0088fe}.analytics-dashboard__stat-card--green .analytics-dashboard__stat-icon{color:#00c49f}.analytics-dashboard__stat-card--purple .analytics-dashboard__stat-icon{color:#8884d8}.analytics-dashboard__stat-card--orange .analytics-dashboard__stat-icon{color:#ff8042}body.dark-mode .analytics-dashboard__stat-card{background-color:#1e1e1e;box-shadow:0 2px 8px #0000004d}body.dark-mode .analytics-dashboard__stat-card:hover{box-shadow:0 4px 12px #0006}.analytics-dashboard__charts{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:32px}.analytics-dashboard__chart-container{background-color:var(--color-card-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px}.analytics-dashboard__chart-title{align-items:center;color:var(--color-text);display:flex;font-size:1.125rem;font-weight:600;gap:10px;margin:0 0 20px}.analytics-dashboard__chart-title svg{color:var(--color-primary)}body.dark-mode .analytics-dashboard__chart-container{background-color:#1e1e1e;box-shadow:0 2px 8px #0000004d}.analytics-dashboard__no-data{align-items:center;background-color:var(--color-card-background);border-radius:var(--radius-lg);color:var(--color-text-muted);display:flex;flex-direction:column;justify-content:center;margin-bottom:32px;min-height:300px;padding:40px;text-align:center}.analytics-dashboard__no-data-icon{font-size:4rem;margin-bottom:16px;opacity:.3}body.dark-mode .analytics-dashboard__no-data{background-color:#1e1e1e}.analytics-dashboard__insights{background-color:var(--color-card-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:32px;padding:24px}.analytics-dashboard__insights-title{color:var(--color-text);font-size:1.25rem;font-weight:600;margin:0 0 20px}.analytics-dashboard__insights-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.analytics-dashboard__insight-card{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:20px;text-align:center}.analytics-dashboard__insight-label{color:var(--color-text-muted);font-size:.875rem;font-weight:500;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.analytics-dashboard__insight-value{color:var(--color-primary);font-size:1.5rem;font-weight:700;margin:0 0 4px}.analytics-dashboard__insight-detail{color:var(--color-text-muted);font-size:.75rem;margin:0}body.dark-mode .analytics-dashboard__insights{background-color:#1e1e1e;box-shadow:0 2px 8px #0000004d}body.dark-mode .analytics-dashboard__insight-card{background-color:#2a2a2a;border-color:#444}.analytics-dashboard__upgrade{background:linear-gradient(135deg,gold,orange);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:32px;padding:32px}.analytics-dashboard__upgrade-content{align-items:center;display:flex;flex-wrap:wrap;gap:24px}.analytics-dashboard__upgrade-icon{color:#fff;font-size:3rem;opacity:.9}.analytics-dashboard__upgrade-text{flex:1 1;min-width:300px}.analytics-dashboard__upgrade-title{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 12px}.analytics-dashboard__upgrade-features{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));list-style:none;margin:0;padding:0}.analytics-dashboard__upgrade-features li{color:#fff;font-size:.9375rem;padding-left:24px;position:relative}.analytics-dashboard__upgrade-features li:before{color:#fff;content:"✓";font-weight:700;left:0;position:absolute}.analytics-dashboard__upgrade-button{align-items:center;background-color:#fff;border:none;border-radius:var(--radius-base);box-shadow:0 2px 8px #0003;color:orange;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:14px 24px;transition:transform .2s ease,box-shadow .2s ease}.analytics-dashboard__upgrade-button:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.analytics-dashboard__upgrade-button:active{transform:translateY(0)}body.dark-mode .analytics-dashboard__upgrade{background:linear-gradient(135deg,#c9a227,#c80)}.analytics-dashboard__empty-icon{color:var(--color-text-muted);font-size:4rem;margin-bottom:16px;opacity:.3}.analytics-dashboard--empty p{font-size:1.125rem;margin:0}.analytics-dashboard__toast{align-items:center;animation:slideInUp .3s ease;background-color:#fff;border-radius:var(--radius-base);bottom:24px;box-shadow:var(--shadow-lg);color:var(--color-text);display:flex;gap:12px;max-width:400px;padding:16px 20px;position:fixed;right:24px;z-index:10000}.analytics-dashboard__toast svg{flex-shrink:0;font-size:1.25rem}.analytics-dashboard__toast--success{border-left:4px solid #28a745}.analytics-dashboard__toast--success svg{color:#28a745}.analytics-dashboard__toast--error{border-left:4px solid #dc3545}.analytics-dashboard__toast--error svg{color:#dc3545}.analytics-dashboard__toast--warning{border-left:4px solid #ffc107}.analytics-dashboard__toast--warning svg{color:#ffc107}.analytics-dashboard__toast--info{border-left:4px solid #17a2b8}.analytics-dashboard__toast--info svg{color:#17a2b8}body.dark-mode .analytics-dashboard__toast{background-color:#2a2a2a;box-shadow:0 4px 16px #00000080}@media (max-width:768px){.analytics-dashboard{padding:16px}.analytics-dashboard__title{font-size:1.5rem}.analytics-dashboard__header-content{align-items:flex-start;flex-direction:column}.analytics-dashboard__actions{width:100%}.analytics-dashboard__button{flex:1 1;justify-content:center}.analytics-dashboard__charts,.analytics-dashboard__insights-grid,.analytics-dashboard__stat-cards{grid-template-columns:1fr}.analytics-dashboard__upgrade-content{flex-direction:column;text-align:center}.analytics-dashboard__upgrade-features{grid-template-columns:1fr}.analytics-dashboard__toast{left:16px;max-width:none;right:16px}}@media (max-width:400px){.analytics-dashboard{padding:12px}.analytics-dashboard__title{font-size:1.25rem}.analytics-dashboard__stat-card{padding:16px}.analytics-dashboard__stat-icon{font-size:2rem}.analytics-dashboard__stat-value{font-size:1.5rem}.analytics-dashboard__chart-container{padding:16px}.analytics-dashboard__upgrade{padding:20px}.analytics-dashboard__upgrade-icon{font-size:2rem}.analytics-dashboard__upgrade-title{font-size:1.25rem}}@media print{.analytics-dashboard__actions,.analytics-dashboard__toast,.analytics-dashboard__upgrade{display:none}.analytics-dashboard__chart-container,.analytics-dashboard__stat-card{break-inside:avoid;page-break-inside:avoid}}@media (prefers-contrast:high){.analytics-dashboard__chart-container,.analytics-dashboard__insight-card,.analytics-dashboard__insights,.analytics-dashboard__stat-card{border:2px solid var(--color-text)}.analytics-dashboard__button{border:2px solid #fff}}@media (prefers-reduced-motion:reduce){.analytics-dashboard__button,.analytics-dashboard__stat-card,.analytics-dashboard__upgrade-button{transition:none}.analytics-dashboard__toast{animation:none}}.analytics-dashboard__button:focus-visible,.analytics-dashboard__upgrade-button:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.share-binder-modal__overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:9999}.share-binder-modal__container{background-color:#fff;background-color:var(--background-color,#fff);border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 10px 40px #00000026;box-shadow:var(--shadow-lg,0 10px 40px #00000026);max-height:90vh;max-width:600px;overflow-y:auto;padding:24px;width:100%}.share-binder-modal__header{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.share-binder-modal__title{align-items:center;color:#333;color:var(--text-color,#333);display:flex;font-size:24px;font-weight:600;gap:10px;margin:0}.share-binder-modal__title-icon{color:#06c;color:var(--primary-color,#06c);font-size:22px}.share-binder-modal__close-btn{align-items:center;background:none;border:none;border-radius:6px;border-radius:var(--radius-base,6px);color:#666;color:var(--text-light,#666);cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:4px;transition:all .2s ease}.share-binder-modal__close-btn:hover{background-color:#0000000d;background-color:var(--hover-background,#0000000d);color:#333;color:var(--text-color,#333)}.share-binder-modal__binder-info{background-color:#f5f5f5;background-color:var(--surface-color,#f5f5f5);border-radius:6px;border-radius:var(--radius-base,6px);margin-bottom:24px;padding:16px}.share-binder-modal__binder-title{color:#333;color:var(--text-color,#333);font-size:18px;font-weight:600;margin:0 0 8px}.share-binder-modal__binder-description{color:#666;color:var(--text-light,#666);font-size:14px;margin:0}.share-binder-modal__create-section{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);margin-bottom:24px;padding-bottom:24px}.share-binder-modal__section-title{align-items:center;color:#333;color:var(--text-color,#333);display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 16px}.share-binder-modal__success-icon{color:#28a745;color:var(--success-color,#28a745)}.share-binder-modal__option{margin-bottom:16px}.share-binder-modal__checkbox-label{align-items:center;color:#333;color:var(--text-color,#333);cursor:pointer;display:flex;font-size:14px;gap:8px;-webkit-user-select:none;user-select:none}.share-binder-modal__checkbox{cursor:pointer;height:18px;width:18px}.share-binder-modal__option-icon{color:#06c;color:var(--primary-color,#06c);font-size:14px}.share-binder-modal__label{align-items:center;color:#333;color:var(--text-color,#333);display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:8px}.share-binder-modal__number-input,.share-binder-modal__password-input,.share-binder-modal__select{background-color:#fff;background-color:var(--input-background,#fff);border:1px solid #ccc;border:1px solid var(--border-color,#ccc);border-radius:6px;border-radius:var(--radius-base,6px);color:#333;color:var(--text-color,#333);font-size:14px;margin-top:8px;padding:10px 12px;transition:border-color .2s ease;width:100%}.share-binder-modal__number-input:focus,.share-binder-modal__password-input:focus,.share-binder-modal__select:focus{border-color:#06c;border-color:var(--primary-color,#06c);box-shadow:0 0 0 3px #0066cc1a;box-shadow:0 0 0 3px var(--focus-ring,#0066cc1a);outline:none}.share-binder-modal__create-btn{background-color:#06c;background-color:var(--primary-color,#06c);border:none;border-radius:6px;border-radius:var(--radius-base,6px);color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:16px;padding:12px 20px;transition:all .2s ease;width:100%}.share-binder-modal__create-btn:hover:not(:disabled){background-color:#0052a3;background-color:var(--primary-hover,#0052a3);box-shadow:0 4px 12px #06c3;box-shadow:var(--shadow-md,0 4px 12px #06c3);transform:translateY(-1px)}.share-binder-modal__create-btn:disabled{cursor:not-allowed;opacity:.5}.share-binder-modal__link-section{background-color:#28a7451a;background-color:var(--success-light,#28a7451a);border-radius:6px;border-radius:var(--radius-base,6px);margin-bottom:24px;padding:16px}.share-binder-modal__link-container{display:flex;gap:8px;margin-top:12px}.share-binder-modal__link-input{background-color:#fff;background-color:var(--input-background,#fff);border:1px solid #ccc;border:1px solid var(--border-color,#ccc);border-radius:6px;border-radius:var(--radius-base,6px);color:#333;color:var(--text-color,#333);flex:1 1;font-family:Courier New,monospace;font-size:14px;padding:10px 12px}.share-binder-modal__copy-btn{align-items:center;background-color:#28a745;background-color:var(--success-color,#28a745);border:none;border-radius:6px;border-radius:var(--radius-base,6px);color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.share-binder-modal__copy-btn:hover{background-color:#218838;background-color:var(--success-hover,#218838)}.share-binder-modal__password-note{align-items:center;background-color:#ffc1071a;background-color:var(--warning-light,#ffc1071a);border-left:3px solid #ffc107;border-left:3px solid var(--warning-color,#ffc107);border-radius:6px;border-radius:var(--radius-base,6px);color:#333;color:var(--text-color,#333);display:flex;font-size:14px;gap:8px;margin-top:12px;padding:12px}.share-binder-modal__existing-section{margin-bottom:16px}.share-binder-modal__shares-list{display:flex;flex-direction:column;gap:12px;margin-top:12px}.share-binder-modal__share-item{align-items:center;background-color:#f5f5f5;background-color:var(--surface-color,#f5f5f5);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:6px;border-radius:var(--radius-base,6px);display:flex;justify-content:space-between;padding:12px;transition:all .2s ease}.share-binder-modal__share-item--expired{background-color:#dc35450d;background-color:var(--error-light,#dc35450d);border-color:#dc3545;border-color:var(--error-color,#dc3545);opacity:.5}.share-binder-modal__share-info{flex:1 1}.share-binder-modal__share-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px}.share-binder-modal__share-date,.share-binder-modal__share-expiry{color:#666;color:var(--text-light,#666);font-size:13px}.share-binder-modal__share-stats{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.share-binder-modal__share-protected,.share-binder-modal__share-views{align-items:center;color:#333;color:var(--text-color,#333);display:flex;font-size:13px;gap:4px}.share-binder-modal__share-protected{color:#ffc107;color:var(--warning-color,#ffc107)}.share-binder-modal__revoke-btn{align-items:center;background-color:initial;border:1px solid #dc3545;border:1px solid var(--error-color,#dc3545);border-radius:6px;border-radius:var(--radius-base,6px);color:#dc3545;color:var(--error-color,#dc3545);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.share-binder-modal__revoke-btn:hover{background-color:#dc3545;background-color:var(--error-color,#dc3545);color:#fff}.share-binder-modal__footer{border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color,#e0e0e0);padding-top:16px;text-align:center}.share-binder-modal__tier-info{color:#666;color:var(--text-light,#666);font-size:14px;margin:0 0 8px}.share-binder-modal__upgrade-hint{color:#666;color:var(--text-light,#666);font-size:13px;margin:0}.share-binder-modal__upgrade-hint strong{color:gold;color:var(--gold-color,gold);font-weight:600}.dark-mode .share-binder-modal__overlay{background-color:#000000b3}.dark-mode .share-binder-modal__container{background-color:#2a2a2a;background-color:var(--dark-surface,#2a2a2a)}.dark-mode .share-binder-modal__binder-title,.dark-mode .share-binder-modal__checkbox-label,.dark-mode .share-binder-modal__label,.dark-mode .share-binder-modal__section-title,.dark-mode .share-binder-modal__title{color:#e0e0e0;color:var(--dark-text,#e0e0e0)}.dark-mode .share-binder-modal__binder-description,.dark-mode .share-binder-modal__share-date,.dark-mode .share-binder-modal__share-expiry,.dark-mode .share-binder-modal__tier-info,.dark-mode .share-binder-modal__upgrade-hint{color:#b0b0b0;color:var(--dark-text-light,#b0b0b0)}.dark-mode .share-binder-modal__binder-info,.dark-mode .share-binder-modal__share-item{background-color:#1a1a1a;background-color:var(--dark-background,#1a1a1a);border-color:#404040;border-color:var(--dark-border,#404040)}.dark-mode .share-binder-modal__link-input,.dark-mode .share-binder-modal__number-input,.dark-mode .share-binder-modal__password-input,.dark-mode .share-binder-modal__select{background-color:#1a1a1a;background-color:var(--dark-background,#1a1a1a);border-color:#404040;border-color:var(--dark-border,#404040);color:#e0e0e0;color:var(--dark-text,#e0e0e0)}.dark-mode .share-binder-modal__link-section{background-color:#28a74526;background-color:var(--dark-success-light,#28a74526)}.dark-mode .share-binder-modal__password-note{background-color:#ffc10726;background-color:var(--dark-warning-light,#ffc10726);border-left-color:#ffc107;border-left-color:var(--warning-color,#ffc107);color:#e0e0e0;color:var(--dark-text,#e0e0e0)}@media (max-width:768px){.share-binder-modal__container{padding:20px}.share-binder-modal__title{font-size:20px}.share-binder-modal__link-container{flex-direction:column}.share-binder-modal__copy-btn{justify-content:center;width:100%}.share-binder-modal__share-item{align-items:flex-start;flex-direction:column;gap:12px}.share-binder-modal__revoke-btn{justify-content:center;width:100%}}@media (max-width:400px){.share-binder-modal__share-meta,.share-binder-modal__share-stats{align-items:flex-start;flex-direction:column;gap:4px}}.binder-detail{margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem 1.5rem;padding:var(--spacing-lg,2rem) var(--spacing-md,1.5rem)}body.has-profile-background .binder-detail{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #0000001a}body.has-profile-background.dark-mode .binder-detail{background-color:#1a1a1af2}.binder-detail--full-width{max-width:100%;padding-left:3rem;padding-left:var(--spacing-xl,3rem);padding-right:3rem;padding-right:var(--spacing-xl,3rem)}.binder-detail--dark{background-color:#1a1a1a;background-color:var(--color-background-dark,#1a1a1a);color:#e0e0e0;color:var(--color-text-dark,#e0e0e0)}.sr-only--focusable:active,.sr-only--focusable:focus{clip:auto;background-color:#2563eb;background-color:var(--color-primary,#2563eb);border-radius:.5rem;border-radius:var(--radius-base,.5rem);color:#fff;height:auto;margin:0;overflow:visible;padding:.75rem 1.5rem;padding:var(--spacing-sm,.75rem) var(--spacing-md,1.5rem);position:static;text-decoration:none;white-space:normal;width:auto;z-index:10000}.binder-detail__breadcrumbs{align-items:center;color:#6b7280;color:var(--color-text-secondary,#6b7280);display:flex;font-size:.875rem;gap:.75rem;gap:var(--spacing-sm,.75rem);margin-bottom:2rem;margin-bottom:var(--spacing-lg,2rem)}.binder-detail__breadcrumb-link{align-items:center;color:#2563eb;color:var(--color-primary,#2563eb);display:flex;gap:.5rem;gap:var(--spacing-xs,.5rem);text-decoration:none;transition:color .2s ease}.binder-detail__breadcrumb-link:hover{color:#1d4ed8;color:var(--color-primary-dark,#1d4ed8);text-decoration:underline}.binder-detail__breadcrumb-icon{font-size:1rem}.binder-detail__breadcrumb-separator{color:#d1d5db;color:var(--color-border,#d1d5db);font-size:.75rem}.binder-detail__breadcrumb-current{color:#111827;color:var(--color-text-primary,#111827);font-weight:500}.binder-detail__header{align-items:flex-start;display:flex;gap:1.5rem;gap:var(--spacing-md,1.5rem);justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--spacing-md,1.5rem)}.binder-detail__header-content{flex:1 1}.binder-detail__title{align-items:center;color:#111827;color:var(--color-text-primary,#111827);display:flex;font-size:2rem;font-weight:700;gap:.75rem;gap:var(--spacing-sm,.75rem);margin:0 0 .75rem;margin:0 0 var(--spacing-sm,.75rem) 0}.binder-detail__title-icon{color:#2563eb;color:var(--color-primary,#2563eb);font-size:1.75rem}.binder-detail__title-input{border:2px solid #2563eb;border:2px solid var(--color-primary,#2563eb);border-radius:.5rem;border-radius:var(--radius-base,.5rem);font-size:2rem;font-weight:700;margin-bottom:.5rem;margin-bottom:var(--spacing-xs,.5rem);padding:.5rem;padding:var(--spacing-xs,.5rem);width:100%}.binder-detail__description{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:1rem;margin:0}.binder-detail__description-input{border:2px solid #2563eb;border:2px solid var(--color-primary,#2563eb);border-radius:.5rem;border-radius:var(--radius-base,.5rem);font-size:1rem;padding:.75rem;padding:var(--spacing-sm,.75rem);resize:vertical;width:100%}.binder-detail__le-toggle-btn{align-items:center;background:#f3f4f6;background:var(--color-background-tertiary,#f3f4f6);border:1px solid #d1d5db;border:1px solid var(--color-border,#d1d5db);border-radius:.5rem;border-radius:var(--radius-base,.5rem);color:#6b7280;color:var(--color-text-secondary,#6b7280);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;gap:var(--spacing-xs,.5rem);padding:.75rem 1.5rem;padding:var(--spacing-sm,.75rem) var(--spacing-md,1.5rem);transition:all .2s ease;white-space:nowrap}.dark-mode .binder-detail__le-toggle-btn{background:#374151;background:var(--color-background-tertiary-dark,#374151);border-color:#4b5563;border-color:var(--color-border-dark,#4b5563);color:#9ca3af;color:var(--color-text-secondary-dark,#9ca3af)}.binder-detail__le-toggle-btn:hover{background:#e5e7eb;background:var(--color-background-hover,#e5e7eb);border-color:#2563eb;border-color:var(--color-primary,#2563eb);box-shadow:0 2px 4px #0000001a;color:#1f2937;color:var(--color-text-primary,#1f2937);transform:translateY(-1px)}.dark-mode .binder-detail__le-toggle-btn:hover{background:#4b5563;background:var(--color-background-hover-dark,#4b5563);border-color:#2563eb;border-color:var(--color-primary,#2563eb);box-shadow:0 2px 4px #0000004d;color:#f9fafb;color:var(--color-text-primary-dark,#f9fafb)}.binder-detail__le-toggle-btn:active{transform:translateY(0)}.binder-detail__le-toggle-btn.active{background:#1e40af;border-color:#1e40af;color:#fff}.dark-mode .binder-detail__le-toggle-btn.active{background:#2563eb;border-color:#2563eb;color:#fff}.binder-detail__le-toggle-btn.active:hover{background:#1e3a8a;border-color:#1e3a8a}.dark-mode .binder-detail__le-toggle-btn.active:hover{background:#1d4ed8;border-color:#1d4ed8}.binder-detail__actions{display:flex;gap:.75rem;gap:var(--spacing-sm,.75rem)}.binder-detail__cancel-btn,.binder-detail__edit-btn,.binder-detail__reset-order-btn,.binder-detail__save-btn,.binder-detail__share-btn{align-items:center;border:none;border-radius:.5rem;border-radius:var(--radius-base,.5rem);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;gap:var(--spacing-xs,.5rem);padding:.75rem 1.5rem;padding:var(--spacing-sm,.75rem) var(--spacing-md,1.5rem);transition:all .2s ease;white-space:nowrap}.binder-detail__share-btn{background-color:silver;background-color:var(--color-silver,silver);color:#fff}.binder-detail__share-btn:hover{background-color:#a9a9a9;box-shadow:0 4px 8px #c0c0c04d;transform:translateY(-1px)}.binder-detail__edit-btn{background-color:#2563eb;background-color:var(--color-primary,#2563eb);color:#fff}.binder-detail__edit-btn:hover{background-color:#1d4ed8;background-color:var(--color-primary-dark,#1d4ed8)}.binder-detail__reset-order-btn{background-color:#ff4500;background-color:var(--color-primary,#ff4500);border:none;border-radius:.5rem;border-radius:var(--radius-base,.5rem);color:#fff;font-weight:600}.binder-detail__reset-order-btn:hover{background-color:#cc3700;background-color:var(--color-primary-dark,#cc3700);color:#fff}.binder-detail__save-btn{background-color:#10b981;color:#fff}.binder-detail__save-btn:hover:not(:disabled){background-color:#059669}.binder-detail__save-btn:disabled{cursor:not-allowed;opacity:.6}.binder-detail__cancel-btn{background-color:initial;border:1px solid #d1d5db;color:#6b7280}.binder-detail__cancel-btn:hover:not(:disabled){background-color:#f3f4f6}.binder-detail__separator{background-color:#d1d5db;background-color:var(--color-border,#d1d5db);height:1px;margin-bottom:2rem;margin-bottom:var(--spacing-lg,2rem)}.binder-detail__main{display:flex;flex-direction:column;gap:2rem;gap:var(--spacing-lg,2rem)}.binder-detail__offline-banner{align-items:center;background-color:#fef3c7;border:1px solid #fbbf24;border-radius:.5rem;border-radius:var(--radius-base,.5rem);color:#92400e;display:flex;gap:.75rem;gap:var(--spacing-sm,.75rem);padding:1.5rem;padding:var(--spacing-md,1.5rem)}.binder-detail__offline-icon{flex-shrink:0;font-size:1.25rem}.binder-detail__limit-card{background-color:#f9fafb;background-color:var(--color-background-secondary,#f9fafb);border:1px solid #d1d5db;border:1px solid var(--color-border,#d1d5db);border-radius:.75rem;border-radius:var(--radius-lg,.75rem);padding:2rem;padding:var(--spacing-lg,2rem)}.binder-detail--dark .binder-detail__limit-card{background-color:#2d2d2d;border-color:#404040}.binder-detail__limit-title{color:#111827;color:var(--color-text-primary,#111827);font-size:1.25rem;font-weight:600;margin:0 0 1.5rem;margin:0 0 var(--spacing-md,1.5rem) 0}.binder-detail__limit-stats{grid-gap:1.5rem;grid-gap:var(--spacing-md,1.5rem);display:grid;gap:1.5rem;gap:var(--spacing-md,1.5rem);grid-template-columns:repeat(3,1fr)}.binder-detail__limit-stat{align-items:center;display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-xs,.5rem)}.binder-detail__limit-label{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.875rem;letter-spacing:.05em;text-transform:uppercase}.binder-detail__limit-value{color:#2563eb;color:var(--color-primary,#2563eb);font-size:2rem;font-weight:700}.binder-detail__limit-warning{align-items:center;background-color:#fef3c7;border:1px solid #fbbf24;border-radius:.5rem;border-radius:var(--radius-base,.5rem);color:#92400e;display:flex;gap:.75rem;gap:var(--spacing-sm,.75rem);margin-top:1.5rem;margin-top:var(--spacing-md,1.5rem);padding:1.5rem;padding:var(--spacing-md,1.5rem)}.binder-detail__limit-icon{flex-shrink:0;font-size:1.25rem}.binder-detail__upgrade-link{color:#2563eb;color:var(--color-primary,#2563eb);font-weight:600;text-decoration:underline}.binder-detail__upgrade-link:hover{color:#1d4ed8;color:var(--color-primary-dark,#1d4ed8)}.binder-detail__summary-card{background-color:#fff;border:1px solid #d1d5db;border:1px solid var(--color-border,#d1d5db);border-radius:.75rem;border-radius:var(--radius-lg,.75rem);margin-bottom:2rem;margin-bottom:var(--spacing-lg,2rem);padding:2rem;padding:var(--spacing-lg,2rem)}.binder-detail--dark .binder-detail__summary-card{background-color:#2d2d2d;border-color:#404040}.binder-detail__summary-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--spacing-md,1.5rem)}.binder-detail__summary-title{align-items:center;color:#111827;color:var(--color-text-primary,#111827);display:flex;font-size:1.25rem;font-weight:600;gap:.75rem;gap:var(--spacing-sm,.75rem);margin:0}.binder-detail--dark .binder-detail__summary-title{color:#f3f4f6}.binder-detail__summary-icon{color:#ff4500;color:var(--color-primary,#ff4500);font-size:1.5rem}.binder-detail__summary-edit-btn{align-items:center;background-color:initial;border:1px solid #d1d5db;border:1px solid var(--color-border,#d1d5db);border-radius:.5rem;border-radius:var(--radius-base,.5rem);color:#6b7280;color:var(--color-text-secondary,#6b7280);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;gap:var(--spacing-xs,.5rem);padding:.5rem .75rem;padding:var(--spacing-xs,.5rem) var(--spacing-sm,.75rem);transition:all .2s ease}.binder-detail__summary-edit-btn:hover{background-color:#f9fafb;background-color:var(--color-background-secondary,#f9fafb);border-color:#ff4500;border-color:var(--color-primary,#ff4500);color:#ff4500;color:var(--color-primary,#ff4500)}.binder-detail__summary-text{color:#111827;color:var(--color-text-primary,#111827);font-size:1rem;line-height:1.6;margin:0;white-space:pre-wrap}.binder-detail--dark .binder-detail__summary-text{color:#e0e0e0}.binder-detail__summary-placeholder{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-style:italic}.binder-detail--dark .binder-detail__summary-placeholder{color:#9ca3af}.binder-detail__summary-textarea{background-color:#fff;border:1px solid #d1d5db;border:1px solid var(--color-border,#d1d5db);border-radius:.5rem;border-radius:var(--radius-base,.5rem);color:#111827;color:var(--color-text-primary,#111827);font-family:inherit;font-size:1rem;line-height:1.6;min-height:100px;padding:.75rem;padding:var(--spacing-sm,.75rem);resize:vertical;width:100%}.binder-detail__summary-textarea:focus{border-color:#ff4500;border-color:var(--color-primary,#ff4500);box-shadow:0 0 0 3px #ff45001a;outline:none}.binder-detail--dark .binder-detail__summary-textarea{background-color:#1f1f1f;border-color:#404040;color:#e0e0e0}.binder-detail__summary-actions{display:flex;gap:.75rem;gap:var(--spacing-sm,.75rem);margin-top:.75rem;margin-top:var(--spacing-sm,.75rem)}.binder-detail__summary-cancel-btn,.binder-detail__summary-save-btn{align-items:center;border:none;border-radius:.5rem;border-radius:var(--radius-base,.5rem);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;gap:var(--spacing-xs,.5rem);padding:.5rem 1.5rem;padding:var(--spacing-xs,.5rem) var(--spacing-md,1.5rem);transition:all .2s ease}.binder-detail__summary-save-btn{background-color:#ff4500;background-color:var(--color-primary,#ff4500);color:#fff}.binder-detail__summary-save-btn:hover{background-color:#e03e00}.binder-detail__summary-cancel-btn{background-color:#f9fafb;background-color:var(--color-background-secondary,#f9fafb);color:#6b7280;color:var(--color-text-secondary,#6b7280)}.binder-detail__summary-cancel-btn:hover{background-color:#e5e7eb;color:#111827;color:var(--color-text-primary,#111827)}.binder-detail--dark .binder-detail__summary-cancel-btn{background-color:#1f1f1f;color:#9ca3af}.binder-detail--dark .binder-detail__summary-cancel-btn:hover{background-color:#2a2a2a;color:#f3f4f6}.binder-detail__notes-card{background-color:#fff;border:1px solid #d1d5db;border:1px solid var(--color-border,#d1d5db);border-radius:.75rem;border-radius:var(--radius-lg,.75rem);margin-bottom:2rem;margin-bottom:var(--spacing-lg,2rem);padding:2rem;padding:var(--spacing-lg,2rem)}.binder-detail--dark .binder-detail__notes-card{background-color:#2d2d2d;border-color:#404040}.binder-detail__notes-header{flex-wrap:wrap;gap:1.5rem;gap:var(--spacing-md,1.5rem);margin-bottom:2rem;margin-bottom:var(--spacing-lg,2rem)}.binder-detail__notes-title{align-items:center;color:#111827;color:var(--color-text-primary,#111827);display:flex;font-size:1.25rem;font-weight:600;gap:.75rem;gap:var(--spacing-sm,.75rem);margin:0}.binder-detail__notes-icon{color:#ff4500;color:var(--color-primary,#ff4500);font-size:1.5rem}.binder-detail__notes-controls{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--spacing-sm,.75rem)}.binder-detail__sort-btn{align-items:center;background-color:#f9fafb;background-color:var(--color-background-secondary,#f9fafb);border:1px solid #d1d5db;border:1px solid var(--color-border,#d1d5db);border-radius:.5rem;border-radius:var(--radius-base,.5rem);color:#6b7280;color:var(--color-text-secondary,#6b7280);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;gap:var(--spacing-xs,.5rem);padding:.5rem .75rem;padding:var(--spacing-xs,.5rem) var(--spacing-sm,.75rem);transition:all .2s ease}.binder-detail__sort-btn:hover{background-color:#e5e7eb;background-color:var(--color-background-tertiary,#e5e7eb);border-color:#ff4500;border-color:var(--color-primary,#ff4500)}.binder-detail__sort-btn.active{border-color:#ff4500;border-color:var(--color-primary,#ff4500)}.binder-detail__add-note-btn,.binder-detail__sort-btn.active{background-color:#ff4500;background-color:var(--color-primary,#ff4500);color:#fff}.binder-detail__add-note-btn{align-items:center;border:none;border-radius:.5rem;border-radius:var(--radius-base,.5rem);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;gap:var(--spacing-xs,.5rem);padding:.5rem 1.5rem;padding:var(--spacing-xs,.5rem) var(--spacing-md,1.5rem);transition:all .2s ease}.binder-detail__add-note-btn:hover{background-color:#e63900;box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.binder-detail__note-form{background-color:#f9fafb;background-color:var(--color-background-secondary,#f9fafb);border-radius:.5rem;border-radius:var(--radius-base,.5rem);margin-bottom:1.5rem;margin-bottom:var(--spacing-md,1.5rem);padding:1.5rem;padding:var(--spacing-md,1.5rem)}.binder-detail__note-title-input{border:2px solid #d1d5db;border:2px solid var(--color-border,#d1d5db);border-radius:.5rem;border-radius:var(--radius-base,.5rem);font-size:1rem;font-weight:600;margin-bottom:.75rem;margin-bottom:var(--spacing-sm,.75rem);padding:.75rem;padding:var(--spacing-sm,.75rem);transition:border-color .2s ease;width:100%}.binder-detail__note-title-input:focus{border-color:#ff4500;border-color:var(--color-primary,#ff4500);outline:none}.binder-detail__note-content-input{border:2px solid #d1d5db;border:2px solid var(--color-border,#d1d5db);border-radius:.5rem;border-radius:var(--radius-base,.5rem);font-size:.875rem;line-height:1.6;margin-bottom:.75rem;margin-bottom:var(--spacing-sm,.75rem);padding:.75rem;padding:var(--spacing-sm,.75rem);resize:vertical;transition:border-color .2s ease;width:100%}.binder-detail__note-content-input:focus{border-color:#ff4500;border-color:var(--color-primary,#ff4500);outline:none}.binder-detail__note-form-actions{display:flex;gap:.75rem;gap:var(--spacing-sm,.75rem);justify-content:flex-end}.binder-detail__save-note-btn{align-items:center;background-color:#10b981;border:none;border-radius:.5rem;border-radius:var(--radius-base,.5rem);color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;gap:var(--spacing-xs,.5rem);padding:.5rem 1.5rem;padding:var(--spacing-xs,.5rem) var(--spacing-md,1.5rem);transition:all .2s ease}.binder-detail__save-note-btn:hover{background-color:#059669}.binder-detail__cancel-note-btn{align-items:center;background-color:#f3f4f6;background-color:var(--color-background-secondary,#f3f4f6);border:1px solid #d1d5db;border:1px solid var(--color-border,#d1d5db);border-radius:.5rem;border-radius:var(--radius-base,.5rem);color:#111827;color:var(--color-text-primary,#111827);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;gap:var(--spacing-xs,.5rem);padding:.5rem 1.5rem;padding:var(--spacing-xs,.5rem) var(--spacing-md,1.5rem);transition:all .2s ease}.binder-detail__cancel-note-btn:hover{background-color:#e5e7eb;background-color:var(--color-background-tertiary,#e5e7eb)}.binder-detail__empty-notes{color:#6b7280;color:var(--color-text-secondary,#6b7280);padding:3rem 2rem;padding:var(--spacing-xl,3rem) var(--spacing-lg,2rem);text-align:center}.binder-detail__empty-notes-icon{color:#d1d5db;color:var(--color-border,#d1d5db);font-size:3rem;margin-bottom:1.5rem;margin-bottom:var(--spacing-md,1.5rem)}.binder-detail__empty-notes p{font-size:1rem;margin:0}.binder-detail__notes-list{display:flex;flex-direction:column;gap:1.5rem;gap:var(--spacing-md,1.5rem)}.binder-detail__note-item{background-color:#fff;background-color:var(--color-background,#fff);border:1px solid #d1d5db;border:1px solid var(--color-border,#d1d5db);border-radius:.5rem;border-radius:var(--radius-base,.5rem);padding:1.5rem;padding:var(--spacing-md,1.5rem);transition:all .2s ease}.binder-detail__note-item:hover{box-shadow:0 2px 8px #0000001a}.binder-detail--dark .binder-detail__note-item{background-color:#1f1f1f;border-color:#404040}.binder-detail__note-header-row{align-items:flex-start;display:flex;gap:1.5rem;gap:var(--spacing-md,1.5rem);justify-content:space-between;margin-bottom:.75rem;margin-bottom:var(--spacing-sm,.75rem)}.binder-detail__note-title{color:#111827;color:var(--color-text-primary,#111827);flex:1 1;font-size:1.1rem;font-weight:600;margin:0}.binder-detail__note-actions{display:flex;flex-shrink:0;gap:.5rem;gap:var(--spacing-xs,.5rem)}.binder-detail__delete-note-btn,.binder-detail__edit-note-btn{background-color:initial;border:none;border-radius:.25rem;border-radius:var(--radius-sm,.25rem);color:#6b7280;color:var(--color-text-secondary,#6b7280);cursor:pointer;padding:.5rem;padding:var(--spacing-xs,.5rem);transition:all .2s ease}.binder-detail__edit-note-btn:hover{background-color:#fff5f0;background-color:var(--color-primary-light,#fff5f0);color:#ff4500;color:var(--color-primary,#ff4500)}.binder-detail__delete-note-btn:hover{background-color:#fee2e2;color:#dc2626}.binder-detail__note-content{color:#111827;color:var(--color-text-primary,#111827);line-height:1.6;margin:0 0 .75rem;margin:0 0 var(--spacing-sm,.75rem) 0;white-space:pre-wrap}.binder-detail__note-meta{border-top:1px solid #d1d5db;border-top:1px solid var(--color-border,#d1d5db);color:#6b7280;color:var(--color-text-secondary,#6b7280);display:flex;flex-wrap:wrap;font-size:.75rem;gap:1.5rem;gap:var(--spacing-md,1.5rem);padding-top:.75rem;padding-top:var(--spacing-sm,.75rem)}.binder-detail__note-date,.binder-detail__note-updated{align-items:center;display:flex}.binder-detail__notes-pagination{align-items:center;border-top:1px solid #d1d5db;border-top:1px solid var(--color-border,#d1d5db);display:flex;gap:1.5rem;gap:var(--spacing-md,1.5rem);justify-content:center;margin-top:2rem;margin-top:var(--spacing-lg,2rem);padding-top:1.5rem;padding-top:var(--spacing-md,1.5rem)}.binder-detail__page-btn{align-items:center;background-color:#f9fafb;background-color:var(--color-background-secondary,#f9fafb);border:1px solid #d1d5db;border:1px solid var(--color-border,#d1d5db);border-radius:.5rem;border-radius:var(--radius-base,.5rem);color:#111827;color:var(--color-text-primary,#111827);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.binder-detail__page-btn:hover:not(:disabled){background-color:#ff4500;background-color:var(--color-primary,#ff4500);border-color:#ff4500;border-color:var(--color-primary,#ff4500);color:#fff}.binder-detail__page-btn:disabled{cursor:not-allowed;opacity:.5}.binder-detail__page-info{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.875rem;font-weight:500}.binder-detail__reports-section{background-color:#fff;border:1px solid #d1d5db;border:1px solid var(--color-border,#d1d5db);border-radius:.75rem;border-radius:var(--radius-lg,.75rem);padding:2rem;padding:var(--spacing-lg,2rem)}.binder-detail--dark .binder-detail__reports-section{background-color:#2d2d2d;border-color:#404040}.binder-detail__reports-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--spacing-lg,2rem)}.binder-detail__reports-title{align-items:center;color:#111827;color:var(--color-text-primary,#111827);display:flex;font-size:1.25rem;font-weight:600;gap:.75rem;gap:var(--spacing-sm,.75rem);margin:0}.binder-detail__reports-icon{color:#2563eb;color:var(--color-primary,#2563eb)}.binder-detail__add-report-btn{align-items:center;background-color:#2563eb;background-color:var(--color-primary,#2563eb);border:none;border-radius:.5rem;border-radius:var(--radius-base,.5rem);color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;gap:var(--spacing-xs,.5rem);padding:.75rem 1.5rem;padding:var(--spacing-sm,.75rem) var(--spacing-md,1.5rem);transition:all .2s ease}.binder-detail__add-report-btn:hover:not(:disabled){background-color:#1d4ed8;background-color:var(--color-primary-dark,#1d4ed8)}.binder-detail__add-report-btn:disabled{background-color:#d1d5db;background-color:var(--color-border,#d1d5db);cursor:not-allowed;opacity:.6}.binder-detail__add-report-btn--gold{background:linear-gradient(135deg,gold,orange);box-shadow:0 4px 6px #ffd7004d;color:#1f2937;position:relative}.binder-detail__add-report-btn--gold:hover:not(:disabled){background:linear-gradient(135deg,orange,gold);box-shadow:0 6px 10px #ffd70066;transform:translateY(-2px)}.binder-detail__tier-badge{align-items:center;background-color:#0003;border-radius:9999px;border-radius:var(--radius-full,9999px);display:inline-flex;font-size:.75rem;font-weight:700;letter-spacing:.05em;margin-left:.5rem;margin-left:var(--spacing-xs,.5rem);padding:.125rem .5rem;text-transform:uppercase}.binder-detail__reports-list{display:flex;flex-direction:column;gap:.75rem;gap:var(--spacing-sm,.75rem)}.binder-detail__report-item{align-items:center;background-color:#f9fafb;background-color:var(--color-background-secondary,#f9fafb);border:1px solid #d1d5db;border:1px solid var(--color-border,#d1d5db);border-radius:.5rem;border-radius:var(--radius-base,.5rem);cursor:move;display:flex;gap:1.5rem;gap:var(--spacing-md,1.5rem);padding:1.5rem;padding:var(--spacing-md,1.5rem);transition:all .2s ease}.binder-detail__report-item:hover{border-color:#2563eb;border-color:var(--color-primary,#2563eb);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm,0 1px 2px #0000000d)}.binder-detail__report-item--dragging{border-style:dashed;opacity:.5}.binder-detail__drag-handle{color:#6b7280;color:var(--color-text-secondary,#6b7280);cursor:grab;font-size:1.25rem}.binder-detail__drag-handle:active{cursor:grabbing}.binder-detail__report-info{align-items:center;display:flex;flex:1 1;gap:1.5rem;gap:var(--spacing-md,1.5rem)}.binder-detail__report-number{color:#2563eb;color:var(--color-primary,#2563eb);font-size:1.125rem;font-weight:700}.binder-detail__report-id{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.875rem}.binder-detail__remove-btn{align-items:center;background-color:initial;border:1px solid #dc2626;border-radius:.5rem;border-radius:var(--radius-base,.5rem);color:#dc2626;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;gap:var(--spacing-xs,.5rem);padding:.5rem .75rem;padding:var(--spacing-xs,.5rem) var(--spacing-sm,.75rem);transition:all .2s ease}.binder-detail__remove-btn:hover{background-color:#dc2626;color:#fff}.binder-detail__empty-reports{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem;padding:var(--spacing-xl,3rem);text-align:center}.binder-detail__empty-icon{color:#d1d5db;color:var(--color-border,#d1d5db);font-size:3rem;margin-bottom:2rem;margin-bottom:var(--spacing-lg,2rem)}.binder-detail__empty-reports h3{color:#111827;color:var(--color-text-primary,#111827);font-size:1.25rem;font-weight:600;margin:0 0 .75rem;margin:0 0 var(--spacing-sm,.75rem) 0}.binder-detail__empty-reports p{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:1rem;margin:0}.binder-detail__upgrade-prompt{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:.75rem;border-radius:var(--radius-lg,.75rem);color:#fff;padding:3rem;padding:var(--spacing-xl,3rem)}.binder-detail__upgrade-title{align-items:center;display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;gap:var(--spacing-sm,.75rem);justify-content:center;margin:0 0 2rem;margin:0 0 var(--spacing-lg,2rem) 0}.binder-detail__upgrade-icon{font-size:1.75rem}.binder-detail__upgrade-features{list-style:none;margin:0 0 2rem;margin:0 0 var(--spacing-lg,2rem) 0;padding:0}.binder-detail__upgrade-features li{font-size:1rem;opacity:.9;padding:.75rem 0;padding:var(--spacing-sm,.75rem) 0}.binder-detail__upgrade-features li:before{content:"✓ ";font-weight:700;margin-right:.75rem;margin-right:var(--spacing-sm,.75rem)}.binder-detail__upgrade-btn{align-items:center;background-color:#fff;border:none;border-radius:.5rem;border-radius:var(--radius-base,.5rem);color:#667eea;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;gap:.75rem;gap:var(--spacing-sm,.75rem);padding:1.5rem 3rem;padding:var(--spacing-md,1.5rem) var(--spacing-xl,3rem);text-decoration:none;transition:all .2s ease}.binder-detail__upgrade-btn:hover{box-shadow:0 20px 25px #00000026;box-shadow:var(--shadow-xl,0 20px 25px #00000026);transform:translateY(-2px)}.binder-detail__error{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:50vh;padding:3rem;padding:var(--spacing-xl,3rem);text-align:center}.binder-detail__error-icon{color:#dc2626;font-size:4rem;margin-bottom:2rem;margin-bottom:var(--spacing-lg,2rem)}.binder-detail__error h2{color:#111827;color:var(--color-text-primary,#111827);font-size:1.5rem;font-weight:600;margin:0 0 .75rem;margin:0 0 var(--spacing-sm,.75rem) 0}.binder-detail__error p{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:1rem;margin:0 0 2rem;margin:0 0 var(--spacing-lg,2rem) 0}.binder-detail__error-link{color:#2563eb;color:var(--color-primary,#2563eb);font-weight:600;text-decoration:underline}.binder-detail__error-link:hover{color:#1d4ed8;color:var(--color-primary-dark,#1d4ed8)}.binder-detail__loading{align-items:center;color:#6b7280;color:var(--color-text-secondary,#6b7280);display:flex;font-size:1.25rem;gap:1.5rem;gap:var(--spacing-md,1.5rem);justify-content:center;padding:3rem;padding:var(--spacing-xl,3rem)}.binder-detail__skeleton{display:flex;flex-direction:column;gap:.75rem;gap:var(--spacing-sm,.75rem)}.binder-detail__skeleton-item{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;height:80px}.binder-detail__skeleton-item,.binder-detail__toast{border-radius:.5rem;border-radius:var(--radius-base,.5rem)}.binder-detail__toast{align-items:center;animation:toast-slide-in .3s ease;background-color:#fff;bottom:2rem;bottom:var(--spacing-lg,2rem);box-shadow:0 20px 25px #00000026;box-shadow:var(--shadow-xl,0 20px 25px #00000026);display:flex;gap:.75rem;gap:var(--spacing-sm,.75rem);max-width:400px;padding:1.5rem 2rem;padding:var(--spacing-md,1.5rem) var(--spacing-lg,2rem);position:fixed;right:2rem;right:var(--spacing-lg,2rem);z-index:9999}@keyframes toast-slide-in{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.binder-detail__toast--success{border-left:4px solid #10b981}.binder-detail__toast--error{border-left:4px solid #ef4444}.binder-detail__toast--warning{border-left:4px solid #f59e0b}.binder-detail__toast--info{border-left:4px solid #3b82f6}.binder-detail__toast-icon{flex-shrink:0;font-size:1.25rem}.binder-detail__toast--success .binder-detail__toast-icon{color:#10b981}.binder-detail__toast--error .binder-detail__toast-icon{color:#ef4444}.binder-detail__toast--warning .binder-detail__toast-icon{color:#f59e0b}.binder-detail__toast--info .binder-detail__toast-icon{color:#3b82f6}.binder-detail__toast-message{color:#111827;color:var(--color-text-primary,#111827);flex:1 1;font-size:.875rem}.spinner{animation:spin 1s linear infinite}.focus-visible :focus{outline:2px solid #2563eb;outline:2px solid var(--color-primary,#2563eb);outline-offset:2px}@media (max-width:768px){.binder-detail{padding:1.5rem .75rem;padding:var(--spacing-md,1.5rem) var(--spacing-sm,.75rem)}.binder-detail__header{flex-direction:column}.binder-detail__title,.binder-detail__title-input{font-size:1.5rem}.binder-detail__actions{width:100%}.binder-detail__cancel-btn,.binder-detail__edit-btn,.binder-detail__le-toggle-btn,.binder-detail__save-btn{flex:1 1;font-size:.8125rem;padding:.75rem;padding:var(--spacing-sm,.75rem)}.binder-detail__limit-stats{gap:.75rem;gap:var(--spacing-sm,.75rem);grid-template-columns:repeat(3,1fr)}.binder-detail__limit-value{font-size:1.5rem}.binder-detail__reports-header{align-items:flex-start;flex-direction:column;gap:1.5rem;gap:var(--spacing-md,1.5rem)}.binder-detail__add-report-btn{justify-content:center;width:100%}.binder-detail__toast{bottom:.75rem;bottom:var(--spacing-sm,.75rem);left:.75rem;left:var(--spacing-sm,.75rem);max-width:none;right:.75rem;right:var(--spacing-sm,.75rem)}}@media (max-width:400px){.binder-detail__report-info{align-items:flex-start;flex-direction:column;gap:.5rem;gap:var(--spacing-xs,.5rem)}.binder-detail__limit-label{font-size:.75rem}.binder-detail__limit-value{font-size:1.25rem}}.binder-detail__header-actions{align-items:center;display:flex;gap:.75rem}.binder-detail__view-toggle{background-color:#f9fafb;background-color:var(--color-background-secondary,#f9fafb);border-radius:.5rem;border-radius:var(--radius-base,.5rem);display:flex;gap:.25rem;padding:.25rem}.binder-detail__view-btn{align-items:center;background-color:initial;border:none;border-radius:.25rem;border-radius:var(--radius-sm,.25rem);color:#6b7280;color:var(--color-text-secondary,#6b7280);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.binder-detail__view-btn:hover{background-color:#fff;background-color:var(--color-background,#fff);color:#111827;color:var(--color-text-primary,#111827)}.binder-detail__view-btn.active{background-color:#ff4500;background-color:var(--color-primary,#ff4500);color:#fff}.binder-detail__reports-grid-view{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:1rem 0}.binder-detail__reports-list-view{display:flex;flex-direction:column;gap:.75rem}.binder-detail__list-item{align-items:center;background-color:#fff;background-color:var(--color-background,#fff);border:1px solid #d1d5db;border:1px solid var(--color-border,#d1d5db);border-radius:.5rem;border-radius:var(--radius-base,.5rem);cursor:pointer;display:flex;gap:1rem;padding:1rem;transition:all .2s ease}.binder-detail__list-item:hover{background-color:#f9fafb;background-color:var(--color-background-secondary,#f9fafb);border-color:#ff4500;border-color:var(--color-primary,#ff4500);box-shadow:0 2px 8px #0000001a}.binder-detail__list-thumbnail{align-items:center;background-color:#e5e7eb;background-color:var(--color-background-tertiary,#e5e7eb);border-radius:.5rem;border-radius:var(--radius-base,.5rem);display:flex;flex-shrink:0;height:60px;justify-content:center;overflow:hidden;width:60px}.binder-detail__list-thumbnail img{height:100%;object-fit:cover;width:100%}.binder-detail__list-no-image{font-size:1.5rem}.binder-detail__list-content{display:flex;flex:1 1;flex-direction:column;gap:.5rem;min-width:0}.binder-detail__list-header{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.binder-detail__list-title{color:#111827;color:var(--color-text-primary,#111827);flex:1 1;font-size:1rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.binder-detail__list-badges{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.binder-detail__list-status,.binder-detail__list-type{border-radius:.25rem;border-radius:var(--radius-sm,.25rem);display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .5rem;text-transform:capitalize;white-space:nowrap}.binder-detail__list-type--burglary,.binder-detail__list-type--robbery,.binder-detail__list-type--stolen{background-color:#fee2e2;color:#dc2626}.binder-detail__list-type--arson,.binder-detail__list-type--vandalism{background-color:#fed7aa;color:#ea580c}.binder-detail__list-type--assault,.binder-detail__list-type--crime{background-color:#e9d5ff;color:#9333ea}.binder-detail__list-type--lost{background-color:#fef3c7;color:#ca8a04}.binder-detail__list-type--found{background-color:#d1fae5;color:#059669}.binder-detail__list-type--missing{background-color:#dbeafe;color:#2563eb}.binder-detail__list-type--report{background-color:#f3f4f6;color:#6b7280}.binder-detail__list-status--open{background-color:#dbeafe;color:#2563eb}.binder-detail__list-status--active{background-color:#fee2e2;color:#dc2626}.binder-detail__list-status--closed{background-color:#f3f4f6;color:#6b7280}.binder-detail__list-status--resolved{background-color:#d1fae5;color:#059669}.binder-detail__list-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.binder-detail__list-date,.binder-detail__list-meta{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.875rem}.binder-detail__list-date{margin:0}.binder-detail__list-location{align-items:center;color:#6b7280;color:var(--color-text-secondary,#6b7280);display:flex;gap:.25rem}.binder-detail__list-pr{color:#ff4500;color:var(--color-primary,#ff4500);font-weight:600}.binder-detail__list-category{background-color:#fff5f0;background-color:var(--color-primary-light,#fff5f0);border-radius:.25rem;border-radius:var(--radius-sm,.25rem);color:#ff4500;color:var(--color-primary,#ff4500);display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.binder-detail__list-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;color:var(--color-text-secondary,#6b7280);display:-webkit-box;font-size:.875rem;line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis}.binder-detail__list-remove-btn{background-color:initial;border:1px solid #d1d5db;border:1px solid var(--color-border,#d1d5db);border-radius:.5rem;border-radius:var(--radius-base,.5rem);color:#dc2626;color:var(--color-error,#dc2626);cursor:pointer;flex-shrink:0;padding:.5rem;transition:all .2s ease}.binder-detail__list-remove-btn:hover{background-color:#fee2e2;background-color:var(--color-error-light,#fee2e2);border-color:#dc2626;border-color:var(--color-error,#dc2626)}.binder-detail.dark .binder-detail__list-item{background-color:#2a2a2a;background-color:var(--color-background-dark,#2a2a2a);border-color:#374151;border-color:var(--color-border-dark,#374151)}.binder-detail.dark .binder-detail__list-item:hover{background-color:#1f1f1f;background-color:var(--color-background-secondary-dark,#1f1f1f)}.binder-detail.dark .binder-detail__list-title{color:#f3f4f6;color:var(--color-text-primary-dark,#f3f4f6)}.binder-detail.dark .binder-detail__list-date,.binder-detail.dark .binder-detail__list-description,.binder-detail.dark .binder-detail__list-location,.binder-detail.dark .binder-detail__list-meta{color:#9ca3af;color:var(--color-text-secondary-dark,#9ca3af)}.binder-detail__notes-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.binder-detail__edit-notes-btn{align-items:center;background-color:#ff4500;background-color:var(--color-primary,#ff4500);border:none;border-radius:.5rem;border-radius:var(--radius-base,.5rem);color:#fff;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.binder-detail__edit-notes-btn:hover{background-color:#e63900;background-color:var(--color-primary-dark,#e63900);box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.binder-detail__notes-actions{display:flex;gap:.5rem;margin-top:.75rem}.binder-detail__cancel-notes-btn,.binder-detail__save-notes-btn{align-items:center;border:none;border-radius:.5rem;border-radius:var(--radius-base,.5rem);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.binder-detail__save-notes-btn{background-color:#10b981;background-color:var(--color-success,#10b981);color:#fff}.binder-detail__save-notes-btn:hover{background-color:#059669;background-color:var(--color-success-dark,#059669)}.binder-detail__cancel-notes-btn{background-color:#f3f4f6;background-color:var(--color-background-secondary,#f3f4f6);border:1px solid #d1d5db;border:1px solid var(--color-border,#d1d5db);color:#111827;color:var(--color-text-primary,#111827)}.binder-detail__cancel-notes-btn:hover{background-color:#e5e7eb;background-color:var(--color-background-tertiary,#e5e7eb)}.binder-detail__analytics-gold{padding:1.5rem;text-align:center}.binder-detail__analytics-description{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.875rem;margin-bottom:1rem}.binder-detail__analytics-button{align-items:center;background-color:#ff5a1f;background-color:var(--color-primary,#ff5a1f);border:none;border-radius:.5rem;border-radius:var(--radius-base,.5rem);color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.binder-detail__analytics-button:hover{background-color:#e63900;background-color:var(--color-primary-dark,#e63900);box-shadow:0 4px 8px #ff5a1f4d;transform:translateY(-1px)}.binder-detail__analytics-overlay{align-items:center;background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:9999}.binder-detail__analytics-container{background-color:#fff;background-color:var(--color-background-primary,#fff);border-radius:1rem;border-radius:var(--radius-lg,1rem);box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:1400px;overflow:auto;width:100%}.investigation-workspace{background-color:#fff;background-color:var(--color-background,#fff);color:#111827;color:var(--color-text-primary,#111827);display:flex;flex-direction:column;min-height:100vh}.investigation-workspace.dark-mode{background-color:#1a1a1a;background-color:var(--color-background-dark,#1a1a1a);color:#f3f4f6;color:var(--color-text-primary-dark,#f3f4f6)}.investigation-workspace--constrained{margin:0 auto;max-width:1200px;padding:0 20px}.investigation-workspace__header{align-items:center;background-color:#f9fafb;background-color:var(--color-background-secondary,#f9fafb);border-bottom:1px solid #d1d5db;border-bottom:1px solid var(--color-border,#d1d5db);display:flex;gap:1rem;padding:1.5rem 2rem}.investigation-workspace.dark-mode .investigation-workspace__header{background-color:#2a2a2a;background-color:var(--color-background-secondary-dark,#2a2a2a);border-bottom-color:#374151;border-bottom-color:var(--color-border-dark,#374151)}.investigation-workspace__save-back-btn{align-items:center;background-color:#ff4500;background-color:var(--color-primary,#ff4500);border:none;border-radius:.5rem;border-radius:var(--radius-base,.5rem);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease;white-space:nowrap}.investigation-workspace__save-back-btn:hover{background-color:#e03e00;box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.investigation-workspace__save-back-btn:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.investigation-workspace__title{flex:1 1;font-size:1.5rem;font-weight:700;margin:0;text-align:left}.investigation-workspace.dark-mode .investigation-workspace__title,.investigation-workspace__title{color:#ff4500;color:var(--color-primary,#ff4500)}.investigation-workspace__layout{grid-gap:0;display:grid;flex:1 1;gap:0;grid-template-columns:1fr 1fr;height:calc(100vh - 100px);overflow:hidden}.investigation-workspace__binder,.investigation-workspace__gallery{background-color:#fff;background-color:var(--color-background,#fff);display:flex;flex-direction:column;overflow:hidden}.investigation-workspace.dark-mode .investigation-workspace__binder,.investigation-workspace.dark-mode .investigation-workspace__gallery{background-color:#2a2a2a;background-color:var(--color-background-secondary-dark,#2a2a2a)}.investigation-workspace__gallery{border-right:1px solid #d1d5db;border-right:1px solid var(--color-border,#d1d5db)}.investigation-workspace.dark-mode .investigation-workspace__gallery{border-right-color:#374151;border-right-color:var(--color-border-dark,#374151)}.investigation-workspace__panel-header{background-color:#f9fafb;background-color:var(--color-background-secondary,#f9fafb);border-bottom:1px solid #d1d5db;border-bottom:1px solid var(--color-border,#d1d5db);padding:1rem}.investigation-workspace.dark-mode .investigation-workspace__panel-header{background-color:#1f1f1f;background-color:var(--color-background-tertiary-dark,#1f1f1f);border-bottom-color:#374151;border-bottom-color:var(--color-border-dark,#374151)}.investigation-workspace__panel-header h2{color:#111827;color:var(--color-text-primary,#111827);font-size:1.125rem;font-weight:600;margin:0 0 .25rem}.investigation-workspace.dark-mode .investigation-workspace__panel-header h2{color:#f3f4f6;color:var(--color-text-primary-dark,#f3f4f6)}.investigation-workspace__panel-subtitle{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.875rem;margin:0}.investigation-workspace.dark-mode .investigation-workspace__panel-subtitle{color:#9ca3af;color:var(--color-text-secondary-dark,#9ca3af)}.investigation-workspace__binder-grid,.investigation-workspace__gallery-grid{grid-gap:1rem;align-content:start;display:grid;flex:1 1;gap:1rem;grid-template-columns:repeat(2,minmax(280px,320px));justify-content:start;overflow-y:auto;padding:1rem}.investigation-workspace__binder-grid [class*=ReportCard]:hover,.investigation-workspace__binder-grid [class*=reportCard]:hover,.investigation-workspace__gallery-grid [class*=ReportCard]:hover,.investigation-workspace__gallery-grid [class*=reportCard]:hover{transform:none!important}.investigation-workspace__binder-grid.dragging-over,.investigation-workspace__gallery-grid.dragging-over{background-color:#2563eb1a}.investigation-workspace.dark-mode .investigation-workspace__binder-grid.dragging-over,.investigation-workspace.dark-mode .investigation-workspace__gallery-grid.dragging-over{background-color:#2563eb33}.investigation-workspace__empty{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-style:italic;grid-column:1/-1;padding:3rem 1rem;text-align:center}.investigation-workspace.dark-mode .investigation-workspace__empty{color:#9ca3af;color:var(--color-text-secondary-dark,#9ca3af)}.investigation-workspace__error,.investigation-workspace__loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:50vh;padding:2rem;text-align:center}.investigation-workspace__loading .spinner{animation:spin 1s linear infinite;color:#2563eb;color:var(--color-primary,#2563eb);font-size:2rem}.investigation-workspace__error h2{color:#dc2626;color:var(--color-error,#dc2626);margin-bottom:1rem}.investigation-workspace__error p{color:#6b7280;color:var(--color-text-secondary,#6b7280);margin-bottom:2rem}@media (max-width:1024px){.investigation-workspace__layout{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:auto}.investigation-workspace__gallery{border-bottom:1px solid #d1d5db;border-bottom:1px solid var(--color-border,#d1d5db);border-right:none;max-height:50vh}.investigation-workspace.dark-mode .investigation-workspace__gallery{border-bottom-color:#374151;border-bottom-color:var(--color-border-dark,#374151)}}@media (max-width:768px){.investigation-workspace__header{align-items:flex-start;flex-direction:column;padding:1rem}.investigation-workspace__title{font-size:1.25rem}.investigation-workspace__binder-grid,.investigation-workspace__gallery-grid{grid-template-columns:1fr;padding:.5rem}.investigation-workspace__panel-header{padding:.75rem}.investigation-workspace__panel-header h2{font-size:1rem}}.draggable-report-card{max-width:350px;pointer-events:auto;position:absolute;-webkit-user-select:none;user-select:none;width:350px;will-change:transform,left,top}.draggable-report-card:not(.dragging){transition:left .1s ease-out,top .1s ease-out,transform .15s cubic-bezier(.4,0,.2,1)}.draggable-report-card.dragging{box-shadow:0 15px 40px #00000040;opacity:.95;transition:none!important;z-index:9999}.draggable-report-card.dragging,.draggable-report-card.dragging *{transition:none!important}.draggable-report-card *{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.draggable-report-card a,.draggable-report-card button,.draggable-report-card input,.draggable-report-card select{cursor:pointer;pointer-events:auto}.connection-anchor{background-color:#3b82f6;background-color:var(--color-primary,#3b82f6);box-shadow:0 2px 4px #0003;pointer-events:auto!important}.draggable-report-card.show-anchors .connection-anchor{opacity:1}.connection-anchor:hover{box-shadow:0 0 0 4px #3b82f64d}.dark-mode .connection-anchor{background-color:#60a5fa;background-color:var(--color-primary,#60a5fa)}.evidence-card{background-color:#fff;border:2px solid #e5e7eb;border:2px solid var(--color-border,#e5e7eb);border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;height:400px;overflow:visible;pointer-events:auto;transition:box-shadow .2s,transform .2s;-webkit-user-select:none;user-select:none;width:350px}.evidence-card:hover{box-shadow:0 8px 12px #00000026}.evidence-card--dragging{box-shadow:0 12px 24px #0003;opacity:.9}.evidence-card--image{border-color:#3b82f6}.evidence-card--video{border-color:#9333ea}.evidence-card--pdf{border-color:#dc2626}.evidence-card--document{border-color:#6b7280}.evidence-card__header{align-items:center;background-color:#f9fafb;background-color:var(--color-bg-secondary,#f9fafb);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border,#e5e7eb);border-radius:12px 12px 0 0;border-radius:var(--radius-lg,12px) var(--radius-lg,12px) 0 0;display:flex;flex-shrink:0;justify-content:space-between;padding:.75rem}.evidence-card__title{color:#1f2937;color:var(--color-text-primary,#1f2937);flex:1 1;font-size:.875rem;font-weight:600;margin-right:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.evidence-card__actions{display:flex;gap:.25rem}.evidence-card__action{align-items:center;background-color:initial;border:none;border-radius:4px;border-radius:var(--radius-sm,4px);color:#6b7280;color:var(--color-text-secondary,#6b7280);cursor:pointer;display:flex;font-size:.875rem;justify-content:center;padding:.375rem;transition:all .2s}.evidence-card__action:hover{background-color:#e5e7eb;background-color:var(--color-bg-tertiary,#e5e7eb);color:#1f2937;color:var(--color-text-primary,#1f2937)}.evidence-card__action--delete:hover{background-color:#fee2e2;color:#dc2626}.evidence-card__content{align-items:center;background-color:#f3f4f6;background-color:var(--color-bg-tertiary,#f3f4f6);display:flex;flex:1 1;justify-content:center;min-height:260px;overflow:hidden;position:relative}.evidence-card__image-container{cursor:pointer;height:100%;position:relative;width:100%}.evidence-card__image{height:100%;object-fit:cover;width:100%}.evidence-card__image-overlay{align-items:center;background-color:#00000080;bottom:0;color:#fff;display:flex;font-size:2rem;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s}.evidence-card__image-container:hover .evidence-card__image-overlay{opacity:1}.evidence-card__video-container{cursor:pointer;height:100%;position:relative;width:100%}.evidence-card__video{height:100%;object-fit:cover;width:100%}.evidence-card__video-overlay{align-items:center;background-color:#0009;bottom:0;color:#fff;display:flex;flex-direction:column;gap:.5rem;justify-content:center;left:0;position:absolute;right:0;top:0}.evidence-card__video-overlay svg{font-size:3rem}.evidence-card__video-overlay span{font-size:.875rem;font-weight:500}.evidence-card__placeholder{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;height:100%;justify-content:center;padding:1rem;transition:background-color .2s;width:100%}.evidence-card__placeholder:hover{background-color:#e5e7eb;background-color:var(--color-bg-quaternary,#e5e7eb)}.evidence-card__placeholder-icon{font-size:3rem}.evidence-card__placeholder--pdf .evidence-card__placeholder-icon{color:#dc2626}.evidence-card__placeholder--document .evidence-card__placeholder-icon{color:#6b7280}.evidence-card__placeholder-text{color:#1f2937;color:var(--color-text-primary,#1f2937);font-size:.875rem;font-weight:600;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis}.evidence-card__placeholder-meta{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.75rem}.evidence-card__placeholder-btn{background-color:#dc2626;background-color:var(--color-primary,#dc2626);border:none;border-radius:6px;border-radius:var(--radius-sm,6px);color:#fff;cursor:pointer;font-size:.75rem;font-weight:600;margin-top:.5rem;padding:.5rem 1rem;transition:background-color .2s}.evidence-card__placeholder-btn:hover{background-color:#b91c1c;background-color:var(--color-primary-dark,#b91c1c)}.evidence-card__footer{background-color:#fff;border-radius:0 0 12px 12px;border-radius:0 0 var(--radius-lg,12px) var(--radius-lg,12px);flex-shrink:0;padding:.75rem}.evidence-card__description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;color:var(--color-text-secondary,#6b7280);display:-webkit-box;font-size:.75rem;line-height:1.4;margin-bottom:.5rem;overflow:hidden}.evidence-card__metadata{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.evidence-card__type-badge{border-radius:4px;border-radius:var(--radius-sm,4px);font-size:.625rem;font-weight:700;letter-spacing:.05em;padding:.125rem .5rem;text-transform:uppercase}.evidence-card__type-badge--image{background-color:#3b82f61a;color:#2563eb}.evidence-card__type-badge--video{background-color:#9333ea1a;color:#7c3aed}.evidence-card__type-badge--pdf{background-color:#dc26261a;color:#dc2626}.evidence-card__type-badge--document{background-color:#6b72801a;color:#4b5563}.evidence-card__date{color:#9ca3af;color:var(--color-text-tertiary,#9ca3af);font-size:.625rem}.evidence-card.show-anchors .connection-anchor{opacity:1}.dark-mode .evidence-card{background-color:#1f2937;background-color:var(--color-bg-secondary,#1f2937);border-color:#4b5563;border-color:var(--color-border,#4b5563)}.dark-mode .evidence-card__header{background-color:#374151;background-color:var(--color-bg-tertiary,#374151);border-bottom-color:#4b5563;border-bottom-color:var(--color-border,#4b5563)}.dark-mode .evidence-card__title{color:#f9fafb;color:var(--color-text-primary,#f9fafb)}.dark-mode .evidence-card__action{color:#9ca3af;color:var(--color-text-secondary,#9ca3af)}.dark-mode .evidence-card__action:hover{background-color:#4b5563;background-color:var(--color-bg-quaternary,#4b5563);color:#f9fafb;color:var(--color-text-primary,#f9fafb)}.dark-mode .evidence-card__action--delete:hover{background-color:#dc262633;color:#f87171}.dark-mode .evidence-card__content,.dark-mode .evidence-card__placeholder{background-color:#4b5563;background-color:var(--color-bg-quaternary,#4b5563)}.dark-mode .evidence-card__placeholder:hover{background-color:#6b7280;background-color:var(--color-bg-quinary,#6b7280)}.dark-mode .evidence-card__placeholder-text{color:#f9fafb;color:var(--color-text-primary,#f9fafb)}.dark-mode .evidence-card__footer{background-color:#1f2937;background-color:var(--color-bg-secondary,#1f2937)}.dark-mode .evidence-card__description{color:#9ca3af;color:var(--color-text-secondary,#9ca3af)}.dark-mode .evidence-card__date{color:#6b7280;color:var(--color-text-tertiary,#6b7280)}.person-card{background-color:#fff;border:2px solid #e5e7eb;border:2px solid var(--color-border,#e5e7eb);border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;height:400px;overflow:visible;pointer-events:auto;transition:box-shadow .2s,transform .2s;-webkit-user-select:none;user-select:none;width:350px}.person-card:hover{box-shadow:0 8px 12px #00000026}.person-card--dragging{box-shadow:0 12px 24px #0003;opacity:.9}.person-card--suspect{border-color:#dc2626}.person-card--witness{border-color:#2563eb}.person-card--victim{border-color:#9333ea}.person-card--poi{border-color:#ea580c}.person-card--associate{border-color:#6b7280}.person-card--unknown{border-color:#9ca3af}.person-card__header{align-items:center;background-color:#f9fafb;background-color:var(--color-bg-secondary,#f9fafb);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--color-border,#e5e7eb);border-radius:12px 12px 0 0;border-radius:var(--radius-lg,12px) var(--radius-lg,12px) 0 0;display:flex;flex-shrink:0;justify-content:space-between;padding:.75rem}.person-card__title{color:#1f2937;color:var(--color-text-primary,#1f2937);flex:1 1;font-size:.875rem;font-weight:600;margin-right:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person-card__actions{display:flex;gap:.25rem}.person-card__action{align-items:center;background-color:initial;border:none;border-radius:4px;border-radius:var(--radius-sm,4px);color:#6b7280;color:var(--color-text-secondary,#6b7280);cursor:pointer;display:flex;font-size:.875rem;justify-content:center;padding:.375rem;transition:all .2s}.person-card__action:hover{background-color:#e5e7eb;background-color:var(--color-bg-tertiary,#e5e7eb);color:#1f2937;color:var(--color-text-primary,#1f2937)}.person-card__action--edit:hover{background-color:#3b82f61a;color:#2563eb}.person-card__action--delete:hover{background-color:#fee2e2;color:#dc2626}.person-card__content{align-items:center;background-color:#f3f4f6;background-color:var(--color-bg-tertiary,#f3f4f6);cursor:pointer;display:flex;flex:1 1;justify-content:center;min-height:260px;overflow:hidden;position:relative}.person-card__photo{height:100%;object-fit:cover;width:100%}.person-card__photo-placeholder{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.person-card__initials{color:#fff;font-size:5rem;font-weight:700;text-transform:uppercase;-webkit-user-select:none;user-select:none}.person-card__footer{background-color:#fff;border-radius:0 0 12px 12px;border-radius:0 0 var(--radius-lg,12px) var(--radius-lg,12px);flex-shrink:0;padding:.75rem}.person-card__description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;color:var(--color-text-secondary,#6b7280);display:-webkit-box;font-size:.75rem;line-height:1.4;margin-bottom:.5rem;overflow:hidden}.person-card__metadata{align-items:center;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.5rem}.person-card__role-badge{align-items:center;border:1px solid;border-radius:4px;border-radius:var(--radius-sm,4px);display:flex;font-size:.625rem;font-weight:700;gap:.25rem;letter-spacing:.05em;padding:.125rem .5rem;text-transform:uppercase}.person-card__role-badge--suspect{background-color:#dc26261a;border-color:#dc2626;color:#dc2626}.person-card__role-badge--witness{background-color:#2563eb1a;border-color:#2563eb;color:#2563eb}.person-card__role-badge--victim{background-color:#9333ea1a;border-color:#9333ea;color:#9333ea}.person-card__role-badge--poi{background-color:#ea580c1a;border-color:#ea580c;color:#ea580c}.person-card__role-badge--associate{background-color:#6b72801a;border-color:#6b7280;color:#6b7280}.person-card__role-badge--unknown{background-color:#9ca3af1a;border-color:#9ca3af;color:#9ca3af}.person-card__age{color:#9ca3af;color:var(--color-text-tertiary,#9ca3af);font-size:.625rem;font-weight:500}.person-card__details{color:#6b7280;color:var(--color-text-secondary,#6b7280);display:flex;font-size:.625rem;gap:.5rem}.person-card__details span:not(:last-child):after{color:#9ca3af;color:var(--color-text-tertiary,#9ca3af);content:"•";margin-left:.5rem}.connection-anchor{background-color:#dc2626;background-color:var(--color-primary,#dc2626);border:2px solid #fff;border-radius:50%;cursor:crosshair;height:16px;opacity:0;position:absolute;transform:translate(-50%,-50%);transition:opacity .2s,transform .2s;width:16px;z-index:1000!important}.person-card.show-anchors .connection-anchor{opacity:1}.connection-anchor:hover{box-shadow:0 0 0 4px #dc26264d;transform:translate(-50%,-50%) scale(1.3)}.connection-anchor--drop-target{animation:pulse-green .6s ease-in-out infinite;background-color:#10b981!important;border-color:#fff!important;box-shadow:0 0 0 6px #10b98166!important;transform:translate(-50%,-50%) scale(1.5)!important}@keyframes pulse-green{0%,to{box-shadow:0 0 0 6px #10b98166}50%{box-shadow:0 0 0 8px #10b98133}}.dark-mode .connection-anchor{background-color:#ef4444;background-color:var(--color-primary,#ef4444);border-color:#ffffffe6}.dark-mode .person-card{background-color:#1f2937;background-color:var(--color-bg-secondary,#1f2937);border-color:#4b5563;border-color:var(--color-border,#4b5563)}.dark-mode .person-card__header{background-color:#374151;background-color:var(--color-bg-tertiary,#374151);border-bottom-color:#4b5563;border-bottom-color:var(--color-border,#4b5563)}.dark-mode .person-card__title{color:#f9fafb;color:var(--color-text-primary,#f9fafb)}.dark-mode .person-card__action{color:#9ca3af;color:var(--color-text-secondary,#9ca3af)}.dark-mode .person-card__action:hover{background-color:#4b5563;background-color:var(--color-bg-quaternary,#4b5563);color:#f9fafb;color:var(--color-text-primary,#f9fafb)}.dark-mode .person-card__action--edit:hover{background-color:#3b82f633;color:#60a5fa}.dark-mode .person-card__action--delete:hover{background-color:#dc262633;color:#f87171}.dark-mode .person-card__content{background-color:#4b5563;background-color:var(--color-bg-quaternary,#4b5563)}.dark-mode .person-card__footer{background-color:#1f2937;background-color:var(--color-bg-secondary,#1f2937)}.dark-mode .person-card__description{color:#9ca3af;color:var(--color-text-secondary,#9ca3af)}.dark-mode .person-card__age{color:#6b7280;color:var(--color-text-tertiary,#6b7280)}.dark-mode .person-card__details{color:#9ca3af;color:var(--color-text-secondary,#9ca3af)}.visual-board-canvas{cursor:default;height:100%;position:relative;width:100%}.visual-board-canvas__cards-overlay{will-change:transform}.visual-board-canvas:not(.dragging) .visual-board-canvas__cards-overlay{transition:transform .1s ease-out}.visual-board-canvas__instructions{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000c;border-radius:8px;border-radius:var(--radius-base,8px);bottom:1rem;color:#fff;font-size:.875rem;left:50%;padding:.75rem 1.5rem;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:1000}.visual-board-canvas__instructions p{margin:0}.visual-board-canvas__instructions strong{color:gold}.dark-mode .visual-board-canvas__instructions{background-color:#000000e6}.connection-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.connection-modal{background-color:#fff;border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;padding:2rem;width:90%}.connection-modal__title{color:#1f2937;color:var(--color-text-primary,#1f2937);font-size:1.5rem;font-weight:600;margin:0 0 1.5rem}.connection-modal__preview{align-items:center;background-color:#f9fafb;background-color:var(--color-bg-secondary,#f9fafb);border-radius:8px;border-radius:var(--radius-base,8px);display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem}.connection-modal__card-name{color:#1f2937;color:var(--color-text-primary,#1f2937);flex:1 1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connection-modal__arrow{color:#3b82f6;color:var(--color-primary,#3b82f6);flex-shrink:0;font-size:1.25rem}.connection-modal__section{margin-bottom:1.5rem}.connection-modal__label{color:#1f2937;color:var(--color-text-primary,#1f2937);display:block;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:.75rem;text-transform:uppercase}.connection-modal__optional{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-weight:400;letter-spacing:0;text-transform:none}.connection-modal__types{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.connection-type-btn{align-items:center;background-color:initial;border:2px solid #e5e7eb;border-radius:8px;border-radius:var(--radius-base,8px);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;padding:1rem;transition:all .2s}.connection-type-btn,.connection-type-btn span{color:#1f2937;color:var(--color-text-primary,#1f2937)}.connection-type-btn svg{flex-shrink:0;font-size:1.25rem}.connection-type-btn:hover{border-color:#3b82f6;border-color:var(--color-primary,#3b82f6);box-shadow:0 2px 8px #3b82f61a}.connection-type-btn.active{border-width:3px;box-shadow:0 4px 12px #0000001a}.connection-type-btn--suspect{background-color:initial;border-color:#e5e7eb}.connection-type-btn--suspect.active{background-color:rgba(220,38,38,.125);border-color:#dc2626}.connection-type-btn--suspect svg{color:#dc2626}.connection-type-btn--evidence{background-color:initial;border-color:#e5e7eb}.connection-type-btn--evidence.active{background-color:rgba(37,99,235,.125);border-color:#2563eb}.connection-type-btn--evidence svg{color:#2563eb}.connection-type-btn--location{background-color:initial;border-color:#e5e7eb}.connection-type-btn--location.active{background-color:rgba(22,163,74,.125);border-color:#16a34a}.connection-type-btn--location svg{color:#16a34a}.connection-type-btn--timeline{background-color:initial;border-color:#e5e7eb}.connection-type-btn--timeline.active{background-color:rgba(147,51,234,.125);border-color:#9333ea}.connection-type-btn--timeline svg{color:#9333ea}.connection-type-btn--witness{background-color:initial;border-color:#e5e7eb}.connection-type-btn--witness.active{background-color:rgba(234,88,12,.125);border-color:#ea580c}.connection-type-btn--witness svg{color:#ea580c}.connection-type-btn--custom{background-color:initial;border-color:#e5e7eb}.connection-type-btn--custom.active{background-color:hsla(220,9%,46%,.125);border-color:#6b7280}.connection-type-btn--custom svg{color:#6b7280}.connection-modal__textarea{border:2px solid #d1d5db;border:2px solid var(--color-border,#d1d5db);border-radius:8px;border-radius:var(--radius-base,8px);font-family:inherit;font-size:.875rem;padding:.75rem;resize:vertical;transition:border-color .2s;width:100%}.connection-modal__textarea:focus{border-color:#3b82f6;border-color:var(--color-primary,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.connection-modal__char-count{color:#6b7280;color:var(--color-text-secondary,#6b7280);display:block;font-size:.75rem;margin-top:.5rem;text-align:right}.connection-modal__actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:2rem}.connection-modal__btn{border:none;border-radius:8px;border-radius:var(--radius-base,8px);cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.connection-modal__btn--secondary{background-color:#f3f4f6;background-color:var(--color-bg-secondary,#f3f4f6);color:#1f2937;color:var(--color-text-primary,#1f2937)}.connection-modal__btn--secondary:hover{background-color:#e5e7eb;background-color:var(--color-bg-tertiary,#e5e7eb)}.connection-modal__btn--primary{background-color:#3b82f6;background-color:var(--color-primary,#3b82f6);color:#fff}.connection-modal__btn--primary:hover{background-color:#2563eb;background-color:var(--color-primary-dark,#2563eb);box-shadow:0 4px 12px #3b82f64d}.dark-mode .connection-modal{background-color:#1f2937;background-color:var(--color-bg-primary,#1f2937)}.dark-mode .connection-modal__title{color:#f9fafb;color:var(--color-text-primary,#f9fafb)}.dark-mode .connection-modal__preview{background-color:#374151;background-color:var(--color-bg-secondary,#374151)}.dark-mode .connection-modal__card-name,.dark-mode .connection-modal__label,.dark-mode .connection-type-btn{color:#f9fafb;color:var(--color-text-primary,#f9fafb)}.dark-mode .connection-type-btn{border-color:#4b5563;border-color:var(--color-border,#4b5563)}.dark-mode .connection-type-btn:hover{border-color:#60a5fa;border-color:var(--color-primary,#60a5fa)}.dark-mode .connection-modal__textarea{background-color:#374151;background-color:var(--color-bg-secondary,#374151);border-color:#4b5563;border-color:var(--color-border,#4b5563);color:#f9fafb;color:var(--color-text-primary,#f9fafb)}.dark-mode .connection-modal__textarea::placeholder{color:#9ca3af;color:var(--color-text-tertiary,#9ca3af)}.dark-mode .connection-modal__btn--secondary{background-color:#374151;background-color:var(--color-bg-secondary,#374151);color:#f9fafb;color:var(--color-text-primary,#f9fafb)}.dark-mode .connection-modal__btn--secondary:hover{background-color:#4b5563;background-color:var(--color-bg-tertiary,#4b5563)}.connection-context-menu{animation:contextMenuFadeIn .15s ease-out;background-color:#fff;background-color:var(--color-bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:8px;border-radius:var(--radius-base,8px);box-shadow:0 10px 40px #00000026,0 4px 12px #0000001a;min-width:200px;padding:.5rem 0}@keyframes contextMenuFadeIn{0%{opacity:0;transform:scale(.95) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.connection-context-menu__item{align-items:center;color:#1f2937;color:var(--color-text-primary,#1f2937);cursor:pointer;display:flex;font-size:.875rem;gap:.75rem;padding:.625rem 1rem;position:relative;transition:background-color .15s;-webkit-user-select:none;user-select:none}.connection-context-menu__item--has-submenu{position:relative}.connection-context-menu__item:hover{background-color:#f9fafb;background-color:var(--color-bg-secondary,#f9fafb)}.connection-context-menu__item:active{background-color:#f3f4f6;background-color:var(--color-bg-tertiary,#f3f4f6)}.connection-context-menu__item--danger{color:#dc2626}.connection-context-menu__item--danger:hover{background-color:#fee2e2;color:#b91c1c}.connection-context-menu__icon{flex-shrink:0;font-size:1rem}.connection-context-menu__icon--suspect{color:#dc2626}.connection-context-menu__icon--evidence{color:#2563eb}.connection-context-menu__icon--location{color:#16a34a}.connection-context-menu__icon--timeline{color:#9333ea}.connection-context-menu__icon--witness{color:#ea580c}.connection-context-menu__icon--custom{color:#6b7280}.connection-context-menu__separator{background-color:#e5e7eb;background-color:var(--color-border,#e5e7eb);height:1px;margin:.5rem 0}.dark-mode .connection-context-menu{background-color:#1f2937;background-color:var(--color-bg-secondary,#1f2937);border-color:#374151;border-color:var(--color-border,#374151)}.dark-mode .connection-context-menu__item{color:#f9fafb;color:var(--color-text-primary,#f9fafb)}.dark-mode .connection-context-menu__item:hover{background-color:#374151;background-color:var(--color-bg-tertiary,#374151)}.dark-mode .connection-context-menu__item:active{background-color:#4b5563;background-color:var(--color-bg-quaternary,#4b5563)}.dark-mode .connection-context-menu__item--danger{color:#f87171}.dark-mode .connection-context-menu__item--danger:hover{background-color:#dc262633;color:#fca5a5}.dark-mode .connection-context-menu__separator{background-color:#4b5563;background-color:var(--color-border,#4b5563)}.connection-context-menu__submenu{animation:submenuSlideIn .15s ease-out;background-color:#fff;background-color:var(--color-bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:8px;border-radius:var(--radius-base,8px);box-shadow:0 10px 40px #00000026,0 4px 12px #0000001a;left:100%;margin-left:.25rem;min-width:180px;padding:.5rem 0;position:absolute;top:0;z-index:10002}@keyframes submenuSlideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.connection-context-menu__submenu-item{align-items:center;color:#1f2937;color:var(--color-text-primary,#1f2937);cursor:pointer;display:flex;font-size:.875rem;gap:.75rem;padding:.625rem 1rem;transition:background-color .15s;-webkit-user-select:none;user-select:none}.connection-context-menu__submenu-item:hover{background-color:#f9fafb;background-color:var(--color-bg-secondary,#f9fafb)}.connection-context-menu__submenu-item--active{background-color:#f3f4f6;background-color:var(--color-bg-tertiary,#f3f4f6);font-weight:500}.dark-mode .connection-context-menu__submenu{background-color:#1f2937;background-color:var(--color-bg-secondary,#1f2937);border-color:#374151;border-color:var(--color-border,#374151)}.dark-mode .connection-context-menu__submenu-item{color:#f9fafb;color:var(--color-text-primary,#f9fafb)}.dark-mode .connection-context-menu__submenu-item:hover{background-color:#374151;background-color:var(--color-bg-tertiary,#374151)}.dark-mode .connection-context-menu__submenu-item--active{background-color:#4b5563;background-color:var(--color-bg-quaternary,#4b5563)}.connection-legend{background-color:#fff;background-color:var(--color-bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:8px;border-radius:var(--radius-base,8px);padding:1rem}.connection-legend__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.connection-legend__title{color:#1f2937;color:var(--color-text-primary,#1f2937);font-size:1rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connection-legend__header-actions{align-items:center;display:flex;gap:.5rem}.connection-legend__toggle-all{align-items:center;background-color:#f3f4f6;background-color:var(--color-bg-secondary,#f3f4f6);border:none;border-radius:6px;border-radius:var(--radius-sm,6px);color:#6b7280;color:var(--color-text-secondary,#6b7280);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s}.connection-legend__toggle-all:hover{background-color:#e5e7eb;background-color:var(--color-bg-tertiary,#e5e7eb);color:#1f2937;color:var(--color-text-primary,#1f2937)}.connection-legend__collapse-toggle{align-items:center;background-color:#f3f4f6;background-color:var(--color-bg-secondary,#f3f4f6);border:none;border-radius:6px;border-radius:var(--radius-sm,6px);color:#6b7280;color:var(--color-text-secondary,#6b7280);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s}.connection-legend__collapse-toggle:hover{background-color:#e5e7eb;background-color:var(--color-bg-tertiary,#e5e7eb);color:#1f2937;color:var(--color-text-primary,#1f2937)}.connection-legend__items{display:flex;flex-direction:column;gap:.5rem}.connection-legend-item{align-items:center;background-color:initial;border:2px solid #0000;border-radius:8px;border-radius:var(--radius-base,8px);cursor:pointer;display:flex;gap:.75rem;padding:.75rem;text-align:left;transition:all .2s;width:100%}.connection-legend-item:hover{background-color:#f9fafb;background-color:var(--color-bg-secondary,#f9fafb);border-color:#e5e7eb;border-color:var(--color-border,#e5e7eb)}.connection-legend-item.inactive{opacity:.4}.connection-legend-item__icon{align-items:center;display:flex;flex-shrink:0;font-size:1.25rem;justify-content:center}.connection-legend-item__icon--suspect{color:#dc2626}.connection-legend-item__icon--evidence{color:#2563eb}.connection-legend-item__icon--location{color:#16a34a}.connection-legend-item__icon--timeline{color:#9333ea}.connection-legend-item__icon--witness{color:#ea580c}.connection-legend-item__icon--custom{color:#6b7280}.connection-item__icon--suspect{color:#dc2626}.connection-item__icon--evidence{color:#2563eb}.connection-item__icon--location{color:#16a34a}.connection-item__icon--timeline{color:#9333ea}.connection-item__icon--witness{color:#ea580c}.connection-item__icon--custom{color:#6b7280}.connection-legend-item__content{align-items:center;display:flex;flex:1 1;gap:.5rem;justify-content:space-between}.connection-legend-item__label{color:#1f2937;color:var(--color-text-primary,#1f2937);font-size:.875rem;font-weight:500}.connection-legend-item__count{align-items:center;background-color:#e5e7eb;background-color:var(--color-bg-tertiary,#e5e7eb);border-radius:9999px;border-radius:var(--radius-full,9999px);color:#6b7280;color:var(--color-text-secondary,#6b7280);display:inline-flex;font-size:.75rem;font-weight:600;height:1.5rem;justify-content:center;min-width:1.5rem;padding:0 .5rem}.connection-legend-item__indicator{border:2px solid;border-radius:50%;flex-shrink:0;height:12px;transition:all .2s;width:12px}.connection-legend-item.active .connection-legend-item__indicator--suspect{background-color:#dc2626;border-color:#dc2626}.connection-legend-item.active .connection-legend-item__indicator--evidence{background-color:#2563eb;border-color:#2563eb}.connection-legend-item.active .connection-legend-item__indicator--location{background-color:#16a34a;border-color:#16a34a}.connection-legend-item.active .connection-legend-item__indicator--timeline{background-color:#9333ea;border-color:#9333ea}.connection-legend-item.active .connection-legend-item__indicator--witness{background-color:#ea580c;border-color:#ea580c}.connection-legend-item.active .connection-legend-item__indicator--custom{background-color:#6b7280;border-color:#6b7280}.connection-legend-item.inactive .connection-legend-item__indicator--suspect{background-color:initial;border-color:#dc2626}.connection-legend-item.inactive .connection-legend-item__indicator--evidence{background-color:initial;border-color:#2563eb}.connection-legend-item.inactive .connection-legend-item__indicator--location{background-color:initial;border-color:#16a34a}.connection-legend-item.inactive .connection-legend-item__indicator--timeline{background-color:initial;border-color:#9333ea}.connection-legend-item.inactive .connection-legend-item__indicator--witness{background-color:initial;border-color:#ea580c}.connection-legend-item.inactive .connection-legend-item__indicator--custom{background-color:initial;border-color:#6b7280}.connection-legend__empty{color:#6b7280;color:var(--color-text-secondary,#6b7280);padding:1.5rem;text-align:center}.connection-legend__empty p{font-size:.875rem;margin:0}.connection-legend__empty-hint{color:#9ca3af;color:var(--color-text-tertiary,#9ca3af);font-size:.75rem;margin-top:.5rem!important}.dark-mode .connection-legend{background-color:#1f2937;background-color:var(--color-bg-secondary,#1f2937);border-color:#374151;border-color:var(--color-border,#374151)}.dark-mode .connection-legend__title{color:#f9fafb;color:var(--color-text-primary,#f9fafb)}.dark-mode .connection-legend__toggle-all{background-color:#374151;background-color:var(--color-bg-tertiary,#374151);color:#9ca3af;color:var(--color-text-secondary,#9ca3af)}.dark-mode .connection-legend__toggle-all:hover{background-color:#4b5563;background-color:var(--color-bg-quaternary,#4b5563);color:#f9fafb;color:var(--color-text-primary,#f9fafb)}.dark-mode .connection-legend__collapse-toggle{background-color:#374151;background-color:var(--color-bg-tertiary,#374151);color:#9ca3af;color:var(--color-text-secondary,#9ca3af)}.dark-mode .connection-legend__collapse-toggle:hover{background-color:#4b5563;background-color:var(--color-bg-quaternary,#4b5563);color:#f9fafb;color:var(--color-text-primary,#f9fafb)}.dark-mode .connection-legend-item:hover{background-color:#374151;background-color:var(--color-bg-tertiary,#374151);border-color:#4b5563;border-color:var(--color-border,#4b5563)}.dark-mode .connection-legend-item__label{color:#f9fafb;color:var(--color-text-primary,#f9fafb)}.dark-mode .connection-legend-item__count{background-color:#4b5563;background-color:var(--color-bg-quaternary,#4b5563);color:#d1d5db;color:var(--color-text-secondary,#d1d5db)}.dark-mode .connection-legend__empty{color:#9ca3af;color:var(--color-text-secondary,#9ca3af)}.connection-legend__list{border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border,#e5e7eb);margin-top:1.5rem;padding-top:1.5rem}.connection-legend__list-title{color:#1f2937;color:var(--color-text-primary,#1f2937);font-size:.875rem;font-weight:600;letter-spacing:.05em;margin:0 0 1rem;text-transform:uppercase}.connection-legend__list-items{display:flex;flex-direction:column;gap:.5rem}.connection-item{align-items:center;background-color:#f9fafb;background-color:var(--color-bg-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:8px;border-radius:var(--radius-base,8px);display:flex;gap:.75rem;padding:.75rem;transition:all .2s}.connection-item:hover{background-color:#f3f4f6;background-color:var(--color-bg-tertiary,#f3f4f6);border-color:#3b82f6;border-color:var(--color-primary,#3b82f6)}.connection-item__icon{align-items:center;display:flex;flex-shrink:0;font-size:1rem;justify-content:center}.connection-item__content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.connection-item__type{color:#1f2937;color:var(--color-text-primary,#1f2937);font-size:.875rem;font-weight:600}.connection-item__label{font-size:.75rem;font-style:italic}.connection-item__delete,.connection-item__label{color:#6b7280;color:var(--color-text-secondary,#6b7280)}.connection-item__delete{align-items:center;background-color:initial;border:none;border-radius:6px;border-radius:var(--radius-sm,6px);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:.5rem;transition:all .2s}.connection-item__delete:hover{background-color:#fee2e2;color:#dc2626}.dark-mode .connection-legend__list{border-top-color:#4b5563;border-top-color:var(--color-border,#4b5563)}.dark-mode .connection-legend__list-title{color:#f9fafb;color:var(--color-text-primary,#f9fafb)}.dark-mode .connection-item{background-color:#374151;background-color:var(--color-bg-tertiary,#374151);border-color:#4b5563;border-color:var(--color-border,#4b5563)}.dark-mode .connection-item:hover{background-color:#4b5563;background-color:var(--color-bg-quaternary,#4b5563);border-color:#60a5fa;border-color:var(--color-primary,#60a5fa)}.dark-mode .connection-item__type{color:#f9fafb;color:var(--color-text-primary,#f9fafb)}.dark-mode .connection-item__delete,.dark-mode .connection-item__label{color:#d1d5db;color:var(--color-text-secondary,#d1d5db)}.dark-mode .connection-item__delete:hover{background-color:#dc262633;color:#f87171}.visual-board__pinboards--narrow .connection-legend__title{font-size:0!important}.visual-board__pinboards--narrow .connection-legend__title:before{content:"Types";font-size:1rem}.visual-board__pinboards--narrow .connection-legend-item{justify-content:center;padding:.5rem;position:relative}.visual-board__pinboards--narrow .connection-legend-item__content,.visual-board__pinboards--narrow .connection-legend-item__count,.visual-board__pinboards--narrow .connection-legend-item__label{display:none!important}.visual-board__pinboards--narrow .connection-legend-item__indicator{bottom:6px;height:10px;position:absolute;right:6px;width:10px}.visual-board__pinboards--narrow .connection-legend-item__icon{font-size:1.5rem;position:relative}.visual-board__pinboards--narrow .connection-legend__list-title{font-size:0!important}.visual-board__pinboards--narrow .connection-legend__list-title:before{content:"Active";font-size:.875rem}.visual-board__pinboards--narrow .connection-item{align-items:center;flex-direction:row;gap:.5rem;justify-content:space-between;padding:.5rem;position:relative}.visual-board__pinboards--narrow .connection-item__content,.visual-board__pinboards--narrow .connection-item__label,.visual-board__pinboards--narrow .connection-item__type{display:none!important}.visual-board__pinboards--narrow .connection-item__delete{margin:0;padding:.25rem}.visual-board__pinboards--narrow .connection-item:before{color:#6b7280;color:var(--color-text-secondary,#6b7280);content:"#" attr(data-connection-number);font-size:.75rem;font-weight:600;margin-right:.25rem}.dark-mode .visual-board__pinboards--narrow .connection-item:before{color:#9ca3af;color:var(--color-text-secondary,#9ca3af)}.analytics-panel{background-color:#fff;background-color:var(--color-background,#fff);height:100%;overflow-y:auto;padding:1rem}.analytics__overview{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}.analytics__stat-card{background-color:#fff;background-color:var(--color-background,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:8px;border-radius:var(--radius-base,8px);padding:1rem;text-align:center;transition:all .2s}.analytics__stat-card:hover{box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md,0 4px 6px #0000001a);transform:translateY(-2px)}.analytics__stat-icon{display:block;font-size:2rem;margin-bottom:.5rem}.analytics__stat-icon--reports{color:#3b82f6}.analytics__stat-icon--evidence{color:#10b981}.analytics__stat-icon--people{color:#f59e0b}.analytics__stat-icon--connections{color:#8b5cf6}.analytics__stat-value{color:#1f2937;color:var(--color-text-primary,#1f2937);font-size:1.75rem;font-weight:700;line-height:1;margin-bottom:.25rem}.analytics__stat-label{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.875rem;font-weight:500}.analytics__section{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border,#e5e7eb);margin-bottom:1.5rem;padding-bottom:1.5rem}.analytics__section--last{border-bottom:none;margin-bottom:0;padding-bottom:0}.analytics__section-title{color:#1f2937;color:var(--color-text-primary,#1f2937);font-size:1rem;gap:.5rem;justify-content:space-between;margin-bottom:1rem}.analytics__section-title,.analytics__sort-btn{align-items:center;display:flex;font-weight:600}.analytics__sort-btn{background-color:#f9fafb;background-color:var(--color-background-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:4px;border-radius:var(--radius-sm,4px);color:#6b7280;color:var(--color-text-secondary,#6b7280);cursor:pointer;font-size:.75rem;gap:.375rem;padding:.375rem .75rem;transition:all .2s}.analytics__sort-btn:hover{background-color:#3b82f6;background-color:var(--color-primary,#3b82f6);border-color:#3b82f6;border-color:var(--color-primary,#3b82f6);color:#fff}.analytics__connection-types{display:flex;flex-direction:column;gap:.75rem}.analytics__connection-type{margin-bottom:0}.analytics__connection-type-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.375rem}.analytics__connection-type-name{align-items:center;color:#1f2937;color:var(--color-text-primary,#1f2937);display:flex;font-size:.875rem;font-weight:600;gap:.5rem}.analytics__connection-type-color{border-radius:50%;flex-shrink:0;height:12px;width:12px}.analytics__connection-type-count{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.875rem;font-weight:700}.analytics__connection-type-bar{background-color:#f3f4f6;background-color:var(--color-background-secondary,#f3f4f6);border-radius:4px;height:8px;overflow:hidden}.analytics__connection-type-bar-fill{border-radius:4px;height:100%;transition:width .5s ease}.analytics__key-figures{display:flex;flex-direction:column;gap:.5rem}.analytics__key-figure{align-items:center;background-color:#fff;background-color:var(--color-background,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:8px;border-radius:var(--radius-base,8px);cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition:all .2s}.analytics__key-figure:hover{background-color:#f9fafb;background-color:var(--color-background-secondary,#f9fafb);border-color:#3b82f6;border-color:var(--color-primary,#3b82f6);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm,0 1px 2px #0000000d)}.analytics__key-figure-rank{color:#3b82f6;color:var(--color-primary,#3b82f6);font-size:1.125rem;font-weight:700;min-width:2.5rem;text-align:center}.analytics__key-figure-info{flex:1 1;min-width:0}.analytics__key-figure-name{word-wrap:break-word;color:#1f2937;color:var(--color-text-primary,#1f2937);font-size:.875rem;font-weight:600;overflow-wrap:break-word;word-break:break-word}.analytics__key-figure-type{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.75rem;margin-top:.125rem}.analytics__key-figure-connections{align-items:center;color:#3b82f6;color:var(--color-primary,#3b82f6);display:flex;flex-shrink:0;font-size:.875rem;font-weight:700;gap:.375rem}.analytics__isolated-cards{display:flex;flex-direction:column;gap:.5rem}.analytics__isolated-card{align-items:center;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;border-radius:var(--radius-base,8px);cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition:all .2s}.analytics__isolated-card:hover{background-color:#fee2e2;border-color:#fca5a5;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm,0 1px 2px #0000000d)}.analytics__isolated-card-icon{color:#ef4444;flex-shrink:0;font-size:1.125rem}.analytics__isolated-card-name{word-wrap:break-word;color:#991b1b;flex:1 1;font-size:.875rem;font-weight:600;overflow-wrap:break-word;word-break:break-word}.analytics__isolated-card-type{color:#dc2626;flex-shrink:0;font-size:.75rem;font-weight:500}.analytics__empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem 1rem;text-align:center}.analytics__empty-state-icon{font-size:3rem;margin-bottom:.5rem;opacity:.5}.analytics__empty-state-icon--success{color:#10b981;opacity:.7}.analytics__empty-state p{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.875rem;margin:0}.analytics__timeline-stats{display:flex;flex-direction:column;gap:.75rem}.analytics__timeline-stat{align-items:center;background-color:#f9fafb;background-color:var(--color-background-secondary,#f9fafb);border-radius:8px;border-radius:var(--radius-base,8px);display:flex;justify-content:space-between;padding:.75rem}.analytics__timeline-stat-label{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.875rem;font-weight:600}.analytics__timeline-stat-value{color:#1f2937;color:var(--color-text-primary,#1f2937);font-size:.875rem;font-weight:700}.analytics__health{align-items:center;display:flex;gap:2rem}.analytics__health-score{align-items:center;display:flex;flex-shrink:0;justify-content:center;position:relative}.analytics__health-ring{display:block}.analytics__health-percentage{color:#1f2937;color:var(--color-text-primary,#1f2937);font-size:1.5rem;font-weight:700;position:absolute}.analytics__health-factors{flex:1 1}.analytics__health-factor{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.875rem;font-weight:500;margin-bottom:.5rem}.analytics__health-factor:last-child{margin-bottom:0}.dark-mode.analytics-panel{background-color:#1a1a1a;background-color:var(--color-background-dark,#1a1a1a)}.dark-mode .analytics__key-figure,.dark-mode .analytics__stat-card,.dark-mode .analytics__timeline-stat{background-color:#1f2937;background-color:var(--color-background-dark,#1f2937);border-color:#374151;border-color:var(--color-border-dark,#374151)}.dark-mode .analytics__key-figure:hover,.dark-mode .analytics__stat-card:hover{background-color:#374151}.dark-mode .analytics__connection-type-name,.dark-mode .analytics__health-percentage,.dark-mode .analytics__key-figure-name,.dark-mode .analytics__section-title,.dark-mode .analytics__stat-value,.dark-mode .analytics__timeline-stat-value{color:#f9fafb;color:var(--color-text-dark,#f9fafb)}.dark-mode .analytics__connection-type-count,.dark-mode .analytics__empty-state p,.dark-mode .analytics__health-factor,.dark-mode .analytics__key-figure-type,.dark-mode .analytics__stat-label,.dark-mode .analytics__timeline-stat-label{color:#9ca3af;color:var(--color-text-secondary-dark,#9ca3af)}.dark-mode .analytics__connection-type-bar{background-color:#374151}.dark-mode .analytics__sort-btn{background-color:#374151;border-color:#4b5563;color:#9ca3af;color:var(--color-text-secondary-dark,#9ca3af)}.dark-mode .analytics__sort-btn:hover{background-color:#3b82f6;background-color:var(--color-primary,#3b82f6);border-color:#3b82f6;border-color:var(--color-primary,#3b82f6);color:#fff}.dark-mode .analytics__isolated-card{background-color:#450a0a;border-color:#7f1d1d}.dark-mode .analytics__isolated-card:hover{background-color:#7f1d1d;border-color:#991b1b}.dark-mode .analytics__isolated-card-name{color:#fca5a5}.dark-mode .analytics__isolated-card-type{color:#fecaca}.dark-mode .analytics__section{border-bottom-color:#374151;border-bottom-color:var(--color-border-dark,#374151)}@media (max-width:400px){.analytics__overview{grid-template-columns:1fr}.analytics__health{align-items:flex-start;flex-direction:column;gap:1rem}.analytics__health-score{align-self:center}}.timeline-panel{background-color:#fff;background-color:var(--color-background,#fff);display:flex;flex-direction:column;gap:1rem;height:100%;overflow:hidden;padding:1rem}.timeline-panel__header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border,#e5e7eb);display:flex;flex-shrink:0;justify-content:space-between;padding-bottom:1rem}.timeline-panel__info{align-items:center;color:#6b7280;color:var(--color-text-secondary,#6b7280);display:flex;font-size:.875rem;gap:.5rem}.timeline-panel__gap-count{align-items:center;color:#dc2626;display:flex;gap:.25rem}.timeline-panel__zoom{display:flex;gap:.25rem}.timeline-panel__zoom-btn{background-color:#f9fafb;background-color:var(--color-background-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:4px;border-radius:var(--radius-sm,4px);color:#6b7280;color:var(--color-text-secondary,#6b7280);cursor:pointer;font-size:.75rem;font-weight:600;padding:.375rem .75rem;transition:all .2s}.timeline-panel__zoom-btn.active,.timeline-panel__zoom-btn:hover{background-color:#3b82f6;background-color:var(--color-primary,#3b82f6);border-color:#3b82f6;border-color:var(--color-primary,#3b82f6);color:#fff}.timeline-panel__timeline{flex:1 1;isolation:isolate;min-height:200px;overflow-x:auto;overflow-y:visible;padding:2rem 1rem 1rem;position:relative}.timeline-panel__axis{height:2rem;margin-bottom:1rem;margin-left:200px;margin-right:300px;position:relative;width:100%}.timeline-panel__date-marker{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.75rem;font-weight:600;position:absolute;transform:translateX(-50%);white-space:nowrap}.timeline-panel__track{border-top:2px solid #e5e7eb;border-top:2px solid var(--color-border,#e5e7eb);margin-left:200px;margin-right:300px;min-height:14rem;padding-top:1rem;position:relative;width:100%}.timeline-panel__drop-indicator{bottom:0;pointer-events:none;position:absolute;top:-1rem;transform:translateX(-50%);z-index:50}.timeline-panel__drop-indicator-line{animation:pulse-line 1s ease-in-out infinite;background:linear-gradient(180deg,#3b82f6,#60a5fa);box-shadow:0 0 8px #3b82f699;height:100%;width:3px}.timeline-panel__drop-indicator-dot{animation:pulse-dot 1s ease-in-out infinite;background-color:#3b82f6;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 4px #3b82f64d;height:12px;left:50%;position:absolute;top:-1rem;transform:translateX(-50%);width:12px}@keyframes pulse-line{0%,to{opacity:1}50%{opacity:.6}}@keyframes pulse-dot{0%,to{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.2)}}.timeline-panel__gap{align-items:flex-start;background-color:#ef44440d;border-left:2px dashed #ef444480;border-right:2px dashed #ef444480;bottom:0;display:flex;justify-content:center;padding-top:.5rem;pointer-events:none;position:absolute;top:0;z-index:1}.timeline-panel__gap-label{background-color:#fef2f2;border:1px solid #ef44444d;border-radius:4px;border-radius:var(--radius-sm,4px);color:#dc2626;font-size:.625rem;font-weight:700;padding:.25rem .5rem}.timeline-panel__report-card{background-color:#fff;background-color:var(--color-background,#fff);border:2px solid #3b82f6;border:2px solid var(--color-primary,#3b82f6);border-radius:8px;border-radius:var(--radius-base,8px);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm,0 1px 2px #0000000d);cursor:pointer;position:absolute;top:2rem;transform:translateX(-50%);transition:all .2s;width:140px;z-index:10}.timeline-panel__report-card:hover{border-color:#3b82f6;border-color:var(--color-primary,#3b82f6);box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg,0 10px 15px #0000001a);transform:translateX(-50%) translateY(-4px);z-index:20}.timeline-panel__report-card--draggable{cursor:grab}.timeline-panel__report-card--draggable:active{cursor:grabbing}.timeline-panel__report-card--dragging{cursor:grabbing;opacity:.5;z-index:30}.timeline-panel__report-card--dragging *,.timeline-panel__track--dragging .timeline-panel__drop-indicator,.timeline-panel__track--dragging .timeline-panel__gap,.timeline-panel__track--dragging .timeline-panel__report-card:not(.timeline-panel__report-card--dragging){pointer-events:none!important}.timeline-panel__report-card--not-on-canvas{border-color:#9ca3af;opacity:.7}.timeline-panel__report-card--not-on-canvas:hover{border-color:#6b7280;opacity:.9}.timeline-panel__report-card-dot{background-color:#3b82f6;background-color:var(--color-primary,#3b82f6);border:2px solid #fff;border:2px solid var(--color-background,#fff);border-radius:50%;box-shadow:0 0 0 2px #3b82f6;box-shadow:0 0 0 2px var(--color-primary,#3b82f6);height:12px;left:50%;position:absolute;top:-1rem;transform:translateX(-50%);width:12px}.timeline-panel__report-card--not-on-canvas .timeline-panel__report-card-dot{background-color:#9ca3af;box-shadow:0 0 0 2px #9ca3af}.timeline-panel__report-card-content{padding:.75rem}.timeline-panel__report-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1f2937;color:var(--color-text-primary,#1f2937);display:-webkit-box;font-size:.8125rem;font-weight:600;line-height:1.3;margin-bottom:.375rem;overflow:hidden;text-overflow:ellipsis}.timeline-panel__report-date{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.6875rem;font-weight:500}.timeline-panel__report-type{color:#9ca3af;font-size:.625rem;margin-top:.125rem}.timeline-panel__report-status{color:#9ca3af;font-size:.625rem;font-style:italic;margin-top:.25rem}.timeline-panel__footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border,#e5e7eb);flex-shrink:0;padding-top:1rem}.timeline-panel__date-range{align-items:center;color:#6b7280;color:var(--color-text-secondary,#6b7280);display:flex;font-size:.875rem;gap:1rem;justify-content:center;margin-bottom:.5rem}.timeline-panel__date-arrow{color:#9ca3af;color:var(--color-text-secondary,#9ca3af)}.timeline-panel__gaps-summary{color:#dc2626;font-size:.8125rem;gap:.5rem;margin-top:.5rem}.timeline-panel__empty,.timeline-panel__gaps-summary{align-items:center;display:flex;justify-content:center}.timeline-panel__empty{color:#6b7280;color:var(--color-text-secondary,#6b7280);flex-direction:column;height:100%;padding:2rem;text-align:center}.timeline-panel__empty-icon{color:#3b82f6;color:var(--color-primary,#3b82f6);font-size:3rem;margin-bottom:1rem;opacity:.3}.timeline-panel__empty h3{color:#1f2937;color:var(--color-text-primary,#1f2937);font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.timeline-panel__empty p{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.875rem;margin:0 0 .5rem}.timeline-panel__empty-hint{color:#9ca3af;color:var(--color-text-secondary,#9ca3af);font-size:.8125rem;font-style:italic}.dark-mode.timeline-panel{background-color:#1a1a1a;background-color:var(--color-background-dark,#1a1a1a)}.dark-mode .timeline-panel__footer,.dark-mode .timeline-panel__header{border-color:#374151;border-color:var(--color-border-dark,#374151)}.dark-mode .timeline-panel__track{border-top-color:#374151;border-top-color:var(--color-border-dark,#374151)}.dark-mode .timeline-panel__report-card{background-color:#1f2937;background-color:var(--color-background-dark,#1f2937);border-color:#3b82f6;border-color:var(--color-primary,#3b82f6)}.dark-mode .timeline-panel__report-card--not-on-canvas{border-color:#6b7280}.dark-mode .timeline-panel__report-title{color:#f9fafb;color:var(--color-text-dark,#f9fafb)}.dark-mode .timeline-panel__date-marker,.dark-mode .timeline-panel__date-range,.dark-mode .timeline-panel__info,.dark-mode .timeline-panel__report-date{color:#9ca3af;color:var(--color-text-secondary-dark,#9ca3af)}.dark-mode .timeline-panel__report-card-dot{border-color:#1f2937;border-color:var(--color-background-dark,#1f2937)}.dark-mode .timeline-panel__gap{background-color:#ef44441a}.dark-mode .timeline-panel__gap-label{background-color:#7f1d1d80;border-color:#ef444480}.dark-mode .timeline-panel__empty h3{color:#f9fafb;color:var(--color-text-dark,#f9fafb)}.dark-mode .timeline-panel__zoom-btn{background-color:#374151;border-color:#4b5563;color:#9ca3af;color:var(--color-text-secondary-dark,#9ca3af)}.dark-mode .timeline-panel__zoom-btn.active,.dark-mode .timeline-panel__zoom-btn:hover{background-color:#3b82f6;background-color:var(--color-primary,#3b82f6);border-color:#3b82f6;border-color:var(--color-primary,#3b82f6);color:#fff}@media (max-width:768px){.timeline-panel__report-card{width:120px}.timeline-panel__date-range{flex-direction:column;gap:.25rem}.timeline-panel__date-arrow{display:none}}.zones-panel{background-color:#fff;background-color:var(--color-background,#fff);color:#1f2937;color:var(--color-text,#1f2937);gap:1.5rem;height:100%;overflow-y:auto;padding:1.5rem}.zones-panel,.zones-panel__header{display:flex;flex-direction:column}.zones-panel__header{gap:.5rem}.zones-panel__title{align-items:center;color:#1f2937;color:var(--color-text,#1f2937);display:flex;font-size:1.25rem;font-weight:600;gap:.75rem;margin:0}.zones-panel__icon{color:#3b82f6;color:var(--color-primary,#3b82f6);font-size:1.125rem}.zones-panel__subtitle{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.875rem;margin:0}.zones-panel__section-title{color:#1f2937;color:var(--color-text,#1f2937);font-size:1rem;font-weight:600;margin:0 0 .75rem}.zones-panel__create-section{background-color:#f9fafb;background-color:var(--color-surface,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:.5rem;padding:1rem}.zones-panel__create-form{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.zones-panel__input{background-color:#fff;background-color:var(--color-background,#fff);border:1px solid #d1d5db;border:1px solid var(--color-border,#d1d5db);border-radius:.375rem;color:#1f2937;color:var(--color-text,#1f2937);flex:1 1;font-size:.875rem;min-width:200px;padding:.625rem .875rem;transition:border-color .2s}.zones-panel__input:focus{border-color:#3b82f6;border-color:var(--color-primary,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.zones-panel__input::placeholder{color:#9ca3af;color:var(--color-text-tertiary,#9ca3af)}.zones-panel__color-picker-wrapper{position:relative}.zones-panel__color-picker-wrapper--inline{display:inline-block}.zones-panel__color-preview{align-items:center;border:2px solid #d1d5db;border:2px solid var(--color-border,#d1d5db);border-radius:.375rem;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:2.5rem;justify-content:center;padding:0;transition:transform .2s,box-shadow .2s;width:2.5rem}.zones-panel__color-preview:hover{box-shadow:0 2px 8px #00000026;transform:scale(1.05)}.zones-panel__color-picker-dropdown{background-color:#fff;background-color:var(--color-background,#fff);border:1px solid #d1d5db;border:1px solid var(--color-border,#d1d5db);border-radius:.5rem;box-shadow:0 4px 12px #00000026;left:0;min-width:200px;padding:1rem;position:absolute;top:calc(100% + .5rem);z-index:100}.zones-panel__color-picker-dropdown--inline{display:none;left:auto;right:0}.zones-panel__color-picker-dropdown--inline.zones-panel__color-picker-dropdown--visible{display:block}.zones-panel__preset-colors{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(5,1fr);margin-bottom:.75rem}.zones-panel__preset-color{border:2px solid #0000;border-radius:.25rem;cursor:pointer;height:2rem;padding:0;transition:transform .2s,border-color .2s;width:2rem}.zones-panel__preset-color:hover{border-color:#1f2937;border-color:var(--color-text,#1f2937);transform:scale(1.1)}.zones-panel__preset-color--active{border-color:#1f2937;border-color:var(--color-text,#1f2937);box-shadow:0 0 0 2px #fff;box-shadow:0 0 0 2px var(--color-background,#fff)}.zones-panel__custom-color{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border,#e5e7eb);display:flex;gap:.5rem;padding-top:.75rem}.zones-panel__custom-color-label{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.875rem}.zones-panel__custom-color-input{border:1px solid #d1d5db;border:1px solid var(--color-border,#d1d5db);border-radius:.25rem;cursor:pointer;height:2rem;width:3rem}.zones-panel__create-button{align-items:center;background-color:#3b82f6;background-color:var(--color-primary,#3b82f6);border:none;border-radius:.375rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1rem;transition:background-color .2s,transform .2s}.zones-panel__create-button:hover:not(:disabled){background-color:#2563eb;background-color:var(--color-primary-dark,#2563eb)}.zones-panel__create-button:active:not(:disabled){transform:scale(.98)}.zones-panel__create-button:disabled{cursor:not-allowed;opacity:.5}.zones-panel__zones-list{flex:1 1}.zones-panel__zones,.zones-panel__zones-list{display:flex;flex-direction:column;gap:.75rem}.zones-panel__empty-state{align-items:center;color:#6b7280;color:var(--color-text-secondary,#6b7280);display:flex;flex-direction:column;justify-content:center;padding:2rem 1rem;text-align:center}.zones-panel__empty-icon{color:#9ca3af;color:var(--color-text-tertiary,#9ca3af);font-size:3rem;margin-bottom:1rem}.zones-panel__empty-text{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:1rem;font-weight:500;margin:0 0 .5rem}.zones-panel__empty-hint{color:#9ca3af;color:var(--color-text-tertiary,#9ca3af);font-size:.875rem;margin:0}.zones-panel__zone-card{background-color:#f9fafb;background-color:var(--color-surface,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:.5rem;display:flex;flex-direction:column;gap:.75rem;padding:1rem;transition:box-shadow .2s}.zones-panel__zone-card:hover{box-shadow:0 2px 8px #0000001a}.zones-panel__zone-card--hidden{opacity:.6}.zones-panel__zone-header{align-items:center;display:flex;gap:.75rem}.zones-panel__zone-color-indicator{border:1px solid #0000001a;border-radius:.25rem;flex-shrink:0;height:1rem;width:1rem}.zones-panel__zone-name{margin:0}.zones-panel__zone-name,.zones-panel__zone-name-input{color:#1f2937;color:var(--color-text,#1f2937);flex:1 1;font-size:1rem;font-weight:600}.zones-panel__zone-name-input{background-color:#fff;background-color:var(--color-background,#fff);border:1px solid #3b82f6;border:1px solid var(--color-primary,#3b82f6);border-radius:.25rem;padding:.375rem .5rem}.zones-panel__zone-name-input:focus{box-shadow:0 0 0 3px #3b82f61a;outline:none}.zones-panel__zone-stats{color:#6b7280;color:var(--color-text-secondary,#6b7280);display:flex;font-size:.75rem;gap:1rem}.zones-panel__zone-stat{align-items:center;display:flex;gap:.25rem}.zones-panel__zone-actions{align-items:center;display:flex;gap:.5rem}.zones-panel__zone-action-button{align-items:center;background-color:#fff;background-color:var(--color-background,#fff);border:1px solid #d1d5db;border:1px solid var(--color-border,#d1d5db);border-radius:.375rem;color:#6b7280;color:var(--color-text-secondary,#6b7280);cursor:pointer;display:flex;height:2rem;justify-content:center;padding:0;transition:background-color .2s,color .2s,border-color .2s;width:2rem}.zones-panel__zone-action-button:hover{background-color:#f3f4f6;background-color:var(--color-surface,#f3f4f6);border-color:#9ca3af;border-color:var(--color-border-dark,#9ca3af);color:#1f2937;color:var(--color-text,#1f2937)}.zones-panel__zone-action-button--color{font-size:1.125rem}.zones-panel__zone-action-button--delete{color:#ef4444}.zones-panel__zone-action-button--delete:hover{background-color:#fee2e2;border-color:#ef4444;color:#dc2626}.zones-panel__instructions{background-color:#eff6ff;background-color:var(--color-info-background,#eff6ff);border:1px solid #bfdbfe;border:1px solid var(--color-info-border,#bfdbfe);border-radius:.5rem;margin-top:1rem;padding:1rem}.zones-panel__instructions-list{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.875rem;line-height:1.6;margin:0;padding-left:1.5rem}.zones-panel__instructions-list li{margin-bottom:.375rem}.zones-panel__instructions-list strong{color:#1f2937;color:var(--color-text,#1f2937);font-weight:600}.zones-panel--dark{background-color:#1f2937;background-color:var(--color-background-dark,#1f2937)}.zones-panel--dark,.zones-panel--dark .zones-panel__section-title,.zones-panel--dark .zones-panel__title,.zones-panel--dark .zones-panel__zone-name{color:#f9fafb;color:var(--color-text-dark,#f9fafb)}.zones-panel--dark .zones-panel__empty-text,.zones-panel--dark .zones-panel__subtitle,.zones-panel--dark .zones-panel__zone-stat{color:#9ca3af;color:var(--color-text-secondary-dark,#9ca3af)}.zones-panel--dark .zones-panel__custom-color-label,.zones-panel--dark .zones-panel__empty-hint,.zones-panel--dark .zones-panel__instructions-list{color:#6b7280;color:var(--color-text-tertiary-dark,#6b7280)}.zones-panel--dark .zones-panel__create-section,.zones-panel--dark .zones-panel__zone-card{background-color:#374151;background-color:var(--color-surface-dark,#374151);border-color:#4b5563;border-color:var(--color-border-dark,#4b5563)}.zones-panel--dark .zones-panel__input,.zones-panel--dark .zones-panel__zone-name-input{background-color:#1f2937;background-color:var(--color-background-dark,#1f2937);border-color:#4b5563;border-color:var(--color-border-dark,#4b5563);color:#f9fafb;color:var(--color-text-dark,#f9fafb)}.zones-panel--dark .zones-panel__input::placeholder{color:#6b7280;color:var(--color-text-tertiary-dark,#6b7280)}.zones-panel--dark .zones-panel__color-picker-dropdown,.zones-panel--dark .zones-panel__color-preview,.zones-panel--dark .zones-panel__preset-color{border-color:#4b5563;border-color:var(--color-border-dark,#4b5563)}.zones-panel--dark .zones-panel__color-picker-dropdown{background-color:#374151;background-color:var(--color-surface-dark,#374151)}.zones-panel--dark .zones-panel__custom-color{border-top-color:#4b5563;border-top-color:var(--color-border-dark,#4b5563)}.zones-panel--dark .zones-panel__zone-action-button{background-color:#1f2937;background-color:var(--color-background-dark,#1f2937);border-color:#4b5563;border-color:var(--color-border-dark,#4b5563);color:#9ca3af;color:var(--color-text-secondary-dark,#9ca3af)}.zones-panel--dark .zones-panel__zone-action-button:hover{background-color:#4b5563;background-color:var(--color-surface-dark,#4b5563);border-color:#6b7280;border-color:var(--color-text-tertiary-dark,#6b7280);color:#f9fafb;color:var(--color-text-dark,#f9fafb)}.zones-panel--dark .zones-panel__instructions{background-color:#3b82f61a;border-color:#3b82f64d}.zones-panel--dark .zones-panel__instructions-list strong{color:#f9fafb;color:var(--color-text-dark,#f9fafb)}.evidence-container{bottom:0;display:flex;flex-direction:column;left:0;position:absolute;top:0;transition:width .3s ease,top .3s ease;z-index:25}.visual-board__content:has(.people-container--expanded) .evidence-container{top:230px}.visual-board__content:has(.people-container--collapsed) .evidence-container{top:40px}.evidence-container--collapsed{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-right:1px solid #e5e7eb;border-right:1px solid var(--color-border,#e5e7eb);width:40px}.evidence-container__toggle--collapsed{align-items:center;background-color:#f3f4f6;background-color:var(--color-bg-secondary,#f3f4f6);border:none;border-radius:6px;border-radius:var(--radius-sm,6px);color:#6b7280;color:var(--color-text-secondary,#6b7280);cursor:pointer;display:flex;font-size:1.25rem;justify-content:center;left:50%;padding:.75rem;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .2s}.evidence-container__toggle--collapsed:hover{background-color:#dc2626;background-color:var(--color-primary,#dc2626);color:#fff;transform:translate(-50%,-50%) scale(1.1)}.evidence-container--expanded{background-color:#fff;background-color:var(--color-bg-primary,#fff);border-right:2px solid #e5e7eb;border-right:2px solid var(--color-border,#e5e7eb);box-shadow:2px 0 8px #0000001a;width:300px}.evidence-container__header{align-items:center;background-color:#f9fafb;background-color:var(--color-bg-secondary,#f9fafb);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border,#e5e7eb);display:flex;justify-content:space-between;padding:1rem}.evidence-container__title{color:#1f2937;color:var(--color-text-primary,#1f2937);font-size:1.125rem;font-weight:600;margin:0}.evidence-container__header-actions{align-items:center;display:flex;gap:.5rem}.evidence-container__add-btn{align-items:center;background-color:#dc2626;background-color:var(--color-primary,#dc2626);border:none;border-radius:6px;border-radius:var(--radius-sm,6px);color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s}.evidence-container__add-btn:hover{background-color:#b91c1c;background-color:var(--color-primary-dark,#b91c1c);transform:scale(1.05)}.evidence-container__toggle{align-items:center;background-color:#e5e7eb;background-color:var(--color-bg-tertiary,#e5e7eb);border:none;border-radius:6px;border-radius:var(--radius-sm,6px);color:#6b7280;color:var(--color-text-secondary,#6b7280);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s}.evidence-container__toggle:hover{background-color:#d1d5db;background-color:var(--color-bg-quaternary,#d1d5db);color:#1f2937;color:var(--color-text-primary,#1f2937)}.evidence-container__content{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:1rem}.evidence-list{display:flex;flex-direction:column;gap:.75rem}.evidence-item{background-color:#f9fafb;background-color:var(--color-bg-secondary,#f9fafb);border:2px solid #e5e7eb;border:2px solid var(--color-border,#e5e7eb);border-radius:8px;border-radius:var(--radius-base,8px);display:flex;position:relative;transition:all .2s}.evidence-item__draggable{cursor:grab;display:flex;flex:1 1;gap:.75rem;padding:.75rem}.evidence-item__draggable:active{cursor:grabbing}.evidence-item:hover{background-color:#f3f4f6;background-color:var(--color-bg-tertiary,#f3f4f6);border-color:#dc2626;border-color:var(--color-primary,#dc2626);box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.evidence-item__delete-btn{align-items:center;background-color:#dc2626;background-color:var(--color-danger,#dc2626);border:none;border-radius:4px;border-radius:var(--radius-sm,4px);color:#fff;cursor:pointer;display:flex;font-size:.75rem;justify-content:center;opacity:0;padding:.375rem;position:absolute;right:.5rem;top:.5rem;transition:all .2s;z-index:10}.evidence-item:hover .evidence-item__delete-btn{opacity:1}.evidence-item__delete-btn:hover{background-color:#b91c1c;background-color:var(--color-danger-dark,#b91c1c);transform:scale(1.1)}.evidence-item__thumbnail{align-items:center;background-color:#e5e7eb;background-color:var(--color-bg-tertiary,#e5e7eb);border-radius:6px;border-radius:var(--radius-sm,6px);display:flex;flex-shrink:0;height:60px;justify-content:center;overflow:hidden;width:60px}.evidence-item__thumbnail-img,.evidence-item__thumbnail-video{height:100%;object-fit:cover;width:100%}.evidence-item__thumbnail-video{pointer-events:none}.evidence-item__icon{align-items:center;display:flex;font-size:2rem;justify-content:center}.evidence-item__icon--image{color:#3b82f6}.evidence-item__icon--video{color:#9333ea}.evidence-item__icon--pdf{color:#dc2626}.evidence-item__icon--document{color:#6b7280}.evidence-item__info{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.evidence-item__name{word-wrap:break-word;color:#1f2937;color:var(--color-text-primary,#1f2937);font-size:.875rem;font-weight:600;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;word-break:break-word}.evidence-item__meta{align-items:center;display:flex;font-size:.75rem;gap:.5rem}.evidence-item__type{border-radius:4px;border-radius:var(--radius-sm,4px);font-weight:600;letter-spacing:.025em;padding:.125rem .375rem;text-transform:uppercase}.evidence-item__type--image{background-color:#3b82f61a;color:#2563eb}.evidence-item__type--video{background-color:#9333ea1a;color:#7c3aed}.evidence-item__type--pdf{background-color:#dc26261a;color:#dc2626}.evidence-item__type--document{background-color:#6b72801a;color:#4b5563}.evidence-container__empty,.evidence-item__size{color:#6b7280;color:var(--color-text-secondary,#6b7280)}.evidence-container__empty{padding:2rem 1rem;text-align:center}.evidence-container__empty p{font-size:.875rem;margin:0 0 .5rem}.evidence-container__empty-hint{align-items:center;color:#9ca3af;color:var(--color-text-tertiary,#9ca3af);display:flex;font-size:.75rem;gap:.25rem;justify-content:center}.dark-mode .evidence-container--collapsed{background:#1f2937f2;border-right-color:#4b5563;border-right-color:var(--color-border,#4b5563)}.dark-mode .evidence-container__toggle--collapsed{background-color:#374151;background-color:var(--color-bg-tertiary,#374151);color:#9ca3af;color:var(--color-text-secondary,#9ca3af)}.dark-mode .evidence-container__toggle--collapsed:hover{background-color:#dc2626;background-color:var(--color-primary,#dc2626);color:#fff}.dark-mode .evidence-container--expanded{background-color:#1f2937;background-color:var(--color-bg-secondary,#1f2937);border-right-color:#4b5563;border-right-color:var(--color-border,#4b5563)}.dark-mode .evidence-container__header{background-color:#374151;background-color:var(--color-bg-tertiary,#374151);border-bottom-color:#4b5563;border-bottom-color:var(--color-border,#4b5563)}.dark-mode .evidence-container__title{color:#f9fafb;color:var(--color-text-primary,#f9fafb)}.dark-mode .evidence-container__toggle{background-color:#4b5563;background-color:var(--color-bg-quaternary,#4b5563);color:#d1d5db;color:var(--color-text-secondary,#d1d5db)}.dark-mode .evidence-container__toggle:hover{background-color:#6b7280;background-color:var(--color-bg-quinary,#6b7280);color:#f9fafb;color:var(--color-text-primary,#f9fafb)}.dark-mode .evidence-item{background-color:#374151;background-color:var(--color-bg-tertiary,#374151);border-color:#4b5563;border-color:var(--color-border,#4b5563)}.dark-mode .evidence-item:hover{border-color:#dc2626;border-color:var(--color-primary,#dc2626)}.dark-mode .evidence-item:hover,.dark-mode .evidence-item__thumbnail{background-color:#4b5563;background-color:var(--color-bg-quaternary,#4b5563)}.dark-mode .evidence-item__name{color:#f9fafb;color:var(--color-text-primary,#f9fafb)}.dark-mode .evidence-container__empty,.dark-mode .evidence-item__size{color:#9ca3af;color:var(--color-text-secondary,#9ca3af)}.dark-mode .evidence-container__empty-hint{color:#6b7280;color:var(--color-text-tertiary,#6b7280)}.dark-mode .evidence-item__delete-btn{background-color:#dc2626;background-color:var(--color-danger,#dc2626)}.dark-mode .evidence-item__delete-btn:hover{background-color:#b91c1c;background-color:var(--color-danger-dark,#b91c1c)}.evidence-viewer-modal{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.evidence-viewer-modal__overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000000e6;bottom:0;left:0;position:absolute;right:0;top:0}.evidence-viewer-modal__container{background-color:#fff;border-radius:12px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;height:95vh;overflow:hidden;position:relative;width:95vw}.evidence-viewer-modal__header{align-items:center;background-color:#f9fafb;background-color:var(--color-bg-secondary,#f9fafb);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--color-border,#e5e7eb);display:flex;flex-shrink:0;justify-content:space-between;padding:1rem 1.5rem}.evidence-viewer-modal__title-section{flex:1 1;min-width:0}.evidence-viewer-modal__title{color:#1f2937;color:var(--color-text-primary,#1f2937);font-size:1.25rem;font-weight:600;margin:0 0 .5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.evidence-viewer-modal__metadata{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.evidence-viewer-modal__type-badge{border-radius:4px;font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:.25rem .625rem;text-transform:uppercase}.evidence-viewer-modal__type-badge--image{background-color:#3b82f61a;color:#2563eb}.evidence-viewer-modal__type-badge--video{background-color:#9333ea1a;color:#7c3aed}.evidence-viewer-modal__type-badge--pdf{background-color:#dc26261a;color:#dc2626}.evidence-viewer-modal__type-badge--document{background-color:#6b72801a;color:#4b5563}.evidence-viewer-modal__file-size,.evidence-viewer-modal__upload-date{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.875rem}.evidence-viewer-modal__actions{align-items:center;display:flex;gap:.5rem}.evidence-viewer-modal__action-btn{align-items:center;background-color:#f3f4f6;background-color:var(--color-bg-tertiary,#f3f4f6);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:6px;color:#1f2937;color:var(--color-text-primary,#1f2937);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.375rem;padding:.5rem .75rem;transition:all .2s}.evidence-viewer-modal__action-btn:hover:not(:disabled){background-color:#e5e7eb;background-color:var(--color-bg-quaternary,#e5e7eb);border-color:#d1d5db;border-color:var(--color-border-dark,#d1d5db)}.evidence-viewer-modal__action-btn:disabled{cursor:not-allowed;opacity:.4}.evidence-viewer-modal__zoom-level{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.875rem;font-weight:600;min-width:50px;text-align:center}.evidence-viewer-modal__close-btn{background-color:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem .75rem;transition:background-color .2s}.evidence-viewer-modal__close-btn:hover{background-color:#b91c1c}.evidence-viewer-modal__content{align-items:center;background-color:#f3f4f6;background-color:var(--color-bg-tertiary,#f3f4f6);display:flex;flex:1 1;justify-content:center;overflow:hidden;position:relative}.evidence-viewer-modal__image-container{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}.evidence-viewer-modal__image{max-height:100%;max-width:100%;object-fit:contain;transition:transform .2s;-webkit-user-select:none;user-select:none}.evidence-viewer-modal__video-container{align-items:center;background-color:#000;display:flex;height:100%;justify-content:center;width:100%}.evidence-viewer-modal__video{max-height:100%;max-width:100%;outline:none}.evidence-viewer-modal__pdf-container{background-color:#fff;height:100%;width:100%}.evidence-viewer-modal__pdf{border:none;height:100%;width:100%}.evidence-viewer-modal__document-container{align-items:center;display:flex;height:100%;justify-content:center;padding:2rem;width:100%}.evidence-viewer-modal__document-info{max-width:500px;text-align:center}.evidence-viewer-modal__document-info h3{color:#1f2937;color:var(--color-text-primary,#1f2937);font-size:1.5rem;font-weight:600;margin:0 0 1rem;word-break:break-word}.evidence-viewer-modal__document-info p{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:1rem;margin:0 0 2rem}.evidence-viewer-modal__download-btn{align-items:center;background-color:#dc2626;background-color:var(--color-primary,#dc2626);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:background-color .2s}.evidence-viewer-modal__download-btn:hover{background-color:#b91c1c;background-color:var(--color-primary-dark,#b91c1c)}.evidence-viewer-modal__footer{background-color:#f9fafb;background-color:var(--color-bg-secondary,#f9fafb);border-top:2px solid #e5e7eb;border-top:2px solid var(--color-border,#e5e7eb);flex-shrink:0;padding:1rem 1.5rem}.evidence-viewer-modal__description{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.875rem;line-height:1.6;margin:0}.dark-mode .evidence-viewer-modal__container{background-color:#111827;background-color:var(--color-bg-primary,#111827)}.dark-mode .evidence-viewer-modal__header{background-color:#1f2937;background-color:var(--color-bg-secondary,#1f2937);border-bottom-color:#4b5563;border-bottom-color:var(--color-border,#4b5563)}.dark-mode .evidence-viewer-modal__title{color:#f9fafb;color:var(--color-text-primary,#f9fafb)}.dark-mode .evidence-viewer-modal__file-size,.dark-mode .evidence-viewer-modal__upload-date{color:#9ca3af;color:var(--color-text-secondary,#9ca3af)}.dark-mode .evidence-viewer-modal__action-btn{background-color:#374151;background-color:var(--color-bg-tertiary,#374151);border-color:#4b5563;border-color:var(--color-border,#4b5563);color:#f9fafb;color:var(--color-text-primary,#f9fafb)}.dark-mode .evidence-viewer-modal__action-btn:hover:not(:disabled){background-color:#4b5563;background-color:var(--color-bg-quaternary,#4b5563);border-color:#6b7280;border-color:var(--color-border-dark,#6b7280)}.dark-mode .evidence-viewer-modal__zoom-level{color:#9ca3af;color:var(--color-text-secondary,#9ca3af)}.dark-mode .evidence-viewer-modal__content{background-color:#1f2937;background-color:var(--color-bg-secondary,#1f2937)}.dark-mode .evidence-viewer-modal__document-info h3{color:#f9fafb;color:var(--color-text-primary,#f9fafb)}.dark-mode .evidence-viewer-modal__document-info p{color:#9ca3af;color:var(--color-text-secondary,#9ca3af)}.dark-mode .evidence-viewer-modal__footer{background-color:#1f2937;background-color:var(--color-bg-secondary,#1f2937);border-top-color:#4b5563;border-top-color:var(--color-border,#4b5563)}.dark-mode .evidence-viewer-modal__description{color:#9ca3af;color:var(--color-text-secondary,#9ca3af)}@media (max-width:768px){.evidence-viewer-modal__container{border-radius:0;height:100vh;width:100vw}.evidence-viewer-modal__header{align-items:flex-start;flex-direction:column;gap:1rem}.evidence-viewer-modal__actions{justify-content:space-between;width:100%}.evidence-viewer-modal__zoom-level{min-width:40px}}.add-evidence-modal{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.add-evidence-modal__overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;bottom:0;left:0;position:absolute;right:0;top:0}.add-evidence-modal__container{background-color:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:700px;overflow:hidden;position:relative;width:90%}.add-evidence-modal__header{align-items:center;background-color:#f9fafb;background-color:var(--color-bg-secondary,#f9fafb);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--color-border,#e5e7eb);display:flex;flex-shrink:0;justify-content:space-between;padding:1.25rem 1.5rem}.add-evidence-modal__title{color:#1f2937;color:var(--color-text-primary,#1f2937);font-size:1.25rem;font-weight:600;margin:0}.add-evidence-modal__close-btn{align-items:center;background-color:initial;border:none;border-radius:6px;color:#6b7280;color:var(--color-text-secondary,#6b7280);cursor:pointer;display:flex;font-size:1.25rem;justify-content:center;padding:.5rem;transition:all .2s}.add-evidence-modal__close-btn:hover{background-color:#e5e7eb;background-color:var(--color-bg-tertiary,#e5e7eb);color:#1f2937;color:var(--color-text-primary,#1f2937)}.add-evidence-modal__tabs{background-color:#f9fafb;background-color:var(--color-bg-secondary,#f9fafb);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--color-border,#e5e7eb);display:flex;flex-shrink:0}.add-evidence-modal__tab{align-items:center;background-color:initial;border:none;border-bottom:3px solid #0000;color:#6b7280;color:var(--color-text-secondary,#6b7280);cursor:pointer;display:flex;flex:1 1;font-size:.9375rem;font-weight:500;gap:.5rem;justify-content:center;padding:.875rem 1rem;transition:all .2s}.add-evidence-modal__tab:hover{background-color:#f3f4f6;background-color:var(--color-bg-tertiary,#f3f4f6);color:#1f2937;color:var(--color-text-primary,#1f2937)}.add-evidence-modal__tab--active{background-color:#fff;border-bottom-color:#dc2626;border-bottom-color:var(--color-primary,#dc2626);color:#dc2626;color:var(--color-primary,#dc2626)}.add-evidence-modal__content{display:flex;flex:1 1;flex-direction:column;gap:1.5rem;overflow-y:auto;padding:1.5rem}.add-evidence-modal__evidence-list{display:flex;flex-direction:column;gap:.75rem;max-height:300px;overflow-y:auto;padding-right:.5rem}.add-evidence-modal__evidence-item{align-items:center;background-color:#f9fafb;background-color:var(--color-bg-secondary,#f9fafb);border:2px solid #e5e7eb;border:2px solid var(--color-border,#e5e7eb);border-radius:8px;cursor:pointer;display:flex;gap:1rem;padding:.875rem;transition:all .2s}.add-evidence-modal__evidence-item:hover{background-color:#f3f4f6;background-color:var(--color-bg-tertiary,#f3f4f6);border-color:#d1d5db;border-color:var(--color-border-dark,#d1d5db)}.add-evidence-modal__evidence-item--selected{background-color:#dc26260d;border-color:#dc2626;border-color:var(--color-primary,#dc2626)}.add-evidence-modal__evidence-thumbnail{align-items:center;background-color:#f3f4f6;background-color:var(--color-bg-tertiary,#f3f4f6);border-radius:6px;display:flex;flex-shrink:0;height:60px;justify-content:center;overflow:hidden;width:60px}.add-evidence-modal__evidence-thumbnail img{height:100%;object-fit:cover;width:100%}.add-evidence-modal__evidence-icon{font-size:1.75rem}.add-evidence-modal__evidence-icon--image{color:#3b82f6}.add-evidence-modal__evidence-icon--video{color:#9333ea}.add-evidence-modal__evidence-icon--pdf{color:#dc2626}.add-evidence-modal__evidence-icon--document{color:#6b7280}.add-evidence-modal__evidence-info{flex:1 1;min-width:0}.add-evidence-modal__evidence-name{color:#1f2937;color:var(--color-text-primary,#1f2937);font-size:.9375rem;font-weight:600;margin-bottom:.375rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.add-evidence-modal__evidence-meta{align-items:center;display:flex;gap:.75rem}.add-evidence-modal__type-badge{border-radius:4px;font-size:.625rem;font-weight:700;letter-spacing:.05em;padding:.125rem .5rem;text-transform:uppercase}.add-evidence-modal__type-badge--image{background-color:#3b82f61a;color:#2563eb}.add-evidence-modal__type-badge--video{background-color:#9333ea1a;color:#7c3aed}.add-evidence-modal__type-badge--pdf{background-color:#dc26261a;color:#dc2626}.add-evidence-modal__type-badge--document{background-color:#6b72801a;color:#4b5563}.add-evidence-modal__file-size{color:#9ca3af;color:var(--color-text-tertiary,#9ca3af);font-size:.75rem}.add-evidence-modal__empty{color:#6b7280;color:var(--color-text-secondary,#6b7280);padding:3rem 1rem;text-align:center}.add-evidence-modal__empty p{font-size:.9375rem;margin:.5rem 0}.add-evidence-modal__upload-area{display:flex;flex-direction:column;gap:1rem}.add-evidence-modal__file-input{display:none}.add-evidence-modal__upload-btn{align-items:center;background-color:#f9fafb;background-color:var(--color-bg-secondary,#f9fafb);border:2px dashed #e5e7eb;border:2px dashed var(--color-border,#e5e7eb);border-radius:8px;color:#6b7280;color:var(--color-text-secondary,#6b7280);cursor:pointer;display:flex;flex-direction:column;gap:.75rem;padding:2rem;transition:all .2s}.add-evidence-modal__upload-btn:hover{background-color:#f3f4f6;background-color:var(--color-bg-tertiary,#f3f4f6);border-color:#dc2626;border-color:var(--color-primary,#dc2626);color:#1f2937;color:var(--color-text-primary,#1f2937)}.add-evidence-modal__upload-btn svg{font-size:2rem}.add-evidence-modal__upload-btn span{font-size:1rem;font-weight:600}.add-evidence-modal__upload-btn small{color:#9ca3af;color:var(--color-text-tertiary,#9ca3af);font-size:.8125rem}.add-evidence-modal__file-preview{align-items:center;background-color:#f9fafb;background-color:var(--color-bg-secondary,#f9fafb);border:2px solid #e5e7eb;border:2px solid var(--color-border,#e5e7eb);border-radius:8px;display:flex;gap:1rem;padding:1rem}.add-evidence-modal__file-icon{align-items:center;background-color:#dc2626;background-color:var(--color-primary,#dc2626);border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;height:50px;justify-content:center;width:50px}.add-evidence-modal__file-info{flex:1 1;min-width:0}.add-evidence-modal__file-name{color:#1f2937;color:var(--color-text-primary,#1f2937);font-size:.9375rem;font-weight:600;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.add-evidence-modal__remove-file-btn{background-color:initial;border:none;border-radius:6px;color:#6b7280;color:var(--color-text-secondary,#6b7280);cursor:pointer;flex-shrink:0;padding:.5rem;transition:all .2s}.add-evidence-modal__remove-file-btn:hover{background-color:#fee2e2;color:#dc2626}.add-evidence-modal__progress{display:flex;flex-direction:column;gap:.5rem}.add-evidence-modal__progress-bar{background-color:#e5e7eb;background-color:var(--color-bg-tertiary,#e5e7eb);border-radius:4px;height:8px;overflow:hidden;width:100%}.add-evidence-modal__progress-fill{background-color:#dc2626;background-color:var(--color-primary,#dc2626);height:100%;transition:width .3s}.add-evidence-modal__progress-text{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.875rem;font-weight:500;text-align:center}.add-evidence-modal__error{background-color:#fee2e2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:.875rem;font-weight:500;padding:.75rem}.add-evidence-modal__form{display:flex;flex-direction:column;gap:1rem}.add-evidence-modal__form-group{display:flex;flex-direction:column;gap:.5rem}.add-evidence-modal__label{color:#1f2937;color:var(--color-text-primary,#1f2937);font-size:.875rem;font-weight:600}.add-evidence-modal__input,.add-evidence-modal__textarea{background-color:#fff;border:2px solid #e5e7eb;border:2px solid var(--color-border,#e5e7eb);border-radius:6px;color:#1f2937;color:var(--color-text-primary,#1f2937);font-family:inherit;font-size:.9375rem;padding:.75rem;transition:all .2s}.add-evidence-modal__input:focus,.add-evidence-modal__textarea:focus{border-color:#dc2626;border-color:var(--color-primary,#dc2626);box-shadow:0 0 0 3px #dc26261a;outline:none}.add-evidence-modal__textarea{min-height:80px;resize:vertical}.add-evidence-modal__footer{align-items:center;background-color:#f9fafb;background-color:var(--color-bg-secondary,#f9fafb);border-top:2px solid #e5e7eb;border-top:2px solid var(--color-border,#e5e7eb);display:flex;flex-shrink:0;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.add-evidence-modal__cancel-btn{background-color:initial;border:2px solid #e5e7eb;border:2px solid var(--color-border,#e5e7eb);border-radius:6px;color:#1f2937;color:var(--color-text-primary,#1f2937);cursor:pointer;font-size:.9375rem;font-weight:600;padding:.625rem 1.25rem;transition:all .2s}.add-evidence-modal__cancel-btn:hover{background-color:#f3f4f6;background-color:var(--color-bg-tertiary,#f3f4f6);border-color:#d1d5db;border-color:var(--color-border-dark,#d1d5db)}.add-evidence-modal__add-btn{align-items:center;background-color:#dc2626;background-color:var(--color-primary,#dc2626);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:.5rem;padding:.625rem 1.5rem;transition:background-color .2s}.add-evidence-modal__add-btn:hover:not(:disabled){background-color:#b91c1c;background-color:var(--color-primary-dark,#b91c1c)}.add-evidence-modal__add-btn:disabled{cursor:not-allowed;opacity:.5}.dark-mode .add-evidence-modal__container{background-color:#111827;background-color:var(--color-bg-primary,#111827)}.dark-mode .add-evidence-modal__header{background-color:#1f2937;background-color:var(--color-bg-secondary,#1f2937);border-bottom-color:#4b5563;border-bottom-color:var(--color-border,#4b5563)}.dark-mode .add-evidence-modal__title{color:#f9fafb;color:var(--color-text-primary,#f9fafb)}.dark-mode .add-evidence-modal__close-btn{color:#9ca3af;color:var(--color-text-secondary,#9ca3af)}.dark-mode .add-evidence-modal__close-btn:hover{background-color:#374151;background-color:var(--color-bg-tertiary,#374151);color:#f9fafb;color:var(--color-text-primary,#f9fafb)}.dark-mode .add-evidence-modal__tabs{background-color:#1f2937;background-color:var(--color-bg-secondary,#1f2937);border-bottom-color:#4b5563;border-bottom-color:var(--color-border,#4b5563)}.dark-mode .add-evidence-modal__tab{color:#9ca3af;color:var(--color-text-secondary,#9ca3af)}.dark-mode .add-evidence-modal__tab:hover{background-color:#374151;background-color:var(--color-bg-tertiary,#374151);color:#f9fafb;color:var(--color-text-primary,#f9fafb)}.dark-mode .add-evidence-modal__tab--active{background-color:#111827;background-color:var(--color-bg-primary,#111827)}.dark-mode .add-evidence-modal__evidence-item{background-color:#1f2937;background-color:var(--color-bg-secondary,#1f2937);border-color:#4b5563;border-color:var(--color-border,#4b5563)}.dark-mode .add-evidence-modal__evidence-item:hover{background-color:#374151;background-color:var(--color-bg-tertiary,#374151);border-color:#6b7280;border-color:var(--color-border-dark,#6b7280)}.dark-mode .add-evidence-modal__evidence-name{color:#f9fafb;color:var(--color-text-primary,#f9fafb)}.dark-mode .add-evidence-modal__upload-btn{background-color:#1f2937;background-color:var(--color-bg-secondary,#1f2937);border-color:#4b5563;border-color:var(--color-border,#4b5563);color:#9ca3af;color:var(--color-text-secondary,#9ca3af)}.dark-mode .add-evidence-modal__upload-btn:hover{background-color:#374151;background-color:var(--color-bg-tertiary,#374151);color:#f9fafb;color:var(--color-text-primary,#f9fafb)}.dark-mode .add-evidence-modal__file-preview{background-color:#1f2937;background-color:var(--color-bg-secondary,#1f2937);border-color:#4b5563;border-color:var(--color-border,#4b5563)}.dark-mode .add-evidence-modal__file-name{color:#f9fafb;color:var(--color-text-primary,#f9fafb)}.dark-mode .add-evidence-modal__input,.dark-mode .add-evidence-modal__textarea{background-color:#1f2937;background-color:var(--color-bg-secondary,#1f2937);border-color:#4b5563;border-color:var(--color-border,#4b5563);color:#f9fafb;color:var(--color-text-primary,#f9fafb)}.dark-mode .add-evidence-modal__label{color:#f9fafb;color:var(--color-text-primary,#f9fafb)}.dark-mode .add-evidence-modal__footer{background-color:#1f2937;background-color:var(--color-bg-secondary,#1f2937);border-top-color:#4b5563;border-top-color:var(--color-border,#4b5563)}.dark-mode .add-evidence-modal__cancel-btn{border-color:#4b5563;border-color:var(--color-border,#4b5563);color:#f9fafb;color:var(--color-text-primary,#f9fafb)}.dark-mode .add-evidence-modal__cancel-btn:hover{background-color:#374151;background-color:var(--color-bg-tertiary,#374151);border-color:#6b7280;border-color:var(--color-border-dark,#6b7280)}@media (max-width:768px){.add-evidence-modal__container{max-height:90vh;width:95%}.add-evidence-modal__evidence-list{max-height:250px}}.people-container{display:flex;flex-direction:column;left:0;position:absolute;right:0;top:0;transition:height .3s ease;z-index:30}.people-container--collapsed{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border,#e5e7eb);height:40px}.people-container__toggle--collapsed{align-items:center;background-color:#f3f4f6;background-color:var(--color-bg-secondary,#f3f4f6);border:none;border-radius:6px;border-radius:var(--radius-sm,6px);color:#6b7280;color:var(--color-text-secondary,#6b7280);cursor:pointer;display:flex;font-size:1.25rem;justify-content:center;left:50%;padding:.75rem;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .2s}.people-container__toggle--collapsed:hover{background-color:#dc2626;background-color:var(--color-primary,#dc2626);color:#fff;transform:translate(-50%,-50%) scale(1.1)}.people-container--expanded{background-color:#fff;background-color:var(--color-bg-primary,#fff);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--color-border,#e5e7eb);box-shadow:0 2px 8px #0000001a;height:230px}.people-container__header{align-items:center;background-color:#f9fafb;background-color:var(--color-bg-secondary,#f9fafb);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border,#e5e7eb);display:flex;justify-content:space-between;padding:1rem}.people-container__title{color:#1f2937;color:var(--color-text-primary,#1f2937);font-size:1.125rem;font-weight:600;margin:0}.people-container__header-actions{align-items:center;display:flex;gap:.5rem}.people-container__add-btn{align-items:center;background-color:#dc2626;background-color:var(--color-primary,#dc2626);border:none;border-radius:6px;border-radius:var(--radius-sm,6px);color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s}.people-container__add-btn:hover{background-color:#b91c1c;background-color:var(--color-primary-dark,#b91c1c);transform:scale(1.05)}.people-container__toggle{align-items:center;background-color:#e5e7eb;background-color:var(--color-bg-tertiary,#e5e7eb);border:none;border-radius:6px;border-radius:var(--radius-sm,6px);color:#6b7280;color:var(--color-text-secondary,#6b7280);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s}.people-container__toggle:hover{background-color:#d1d5db;background-color:var(--color-bg-quaternary,#d1d5db);color:#1f2937;color:var(--color-text-primary,#1f2937)}.people-container__content{flex:1 1;overflow-x:auto;overflow-y:hidden;padding:1rem}.people-list{align-items:center;display:flex;flex-direction:row;gap:.75rem;height:100%}.person-item{background-color:#f9fafb;background-color:var(--color-bg-secondary,#f9fafb);border:2px solid #e5e7eb;border:2px solid var(--color-border,#e5e7eb);border-radius:8px;border-radius:var(--radius-base,8px);display:flex;flex-direction:column;flex-shrink:0;min-width:120px;position:relative;transition:all .2s}.person-item__draggable{align-items:center;cursor:grab;display:flex;flex:1 1;flex-direction:column;gap:.5rem;padding:.75rem}.person-item__draggable:active{cursor:grabbing}.person-item:hover{background-color:#f3f4f6;background-color:var(--color-bg-tertiary,#f3f4f6);border-color:#dc2626;border-color:var(--color-primary,#dc2626);box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.person-item__delete-btn{align-items:center;background-color:#dc2626;background-color:var(--color-danger,#dc2626);border:none;border-radius:4px;border-radius:var(--radius-sm,4px);color:#fff;cursor:pointer;display:flex;font-size:.75rem;justify-content:center;opacity:0;padding:.375rem;position:absolute;right:.5rem;top:.5rem;transition:all .2s;z-index:10}.person-item:hover .person-item__delete-btn{opacity:1}.person-item__delete-btn:hover{background-color:#b91c1c;background-color:var(--color-danger-dark,#b91c1c);transform:scale(1.1)}.person-item__photo-container{align-items:center;background-color:#e5e7eb;background-color:var(--color-bg-tertiary,#e5e7eb);border-radius:8px;display:flex;flex-shrink:0;height:60px;justify-content:center;overflow:hidden;width:60px}.person-item__photo{height:100%;object-fit:cover;width:100%}.person-item__photo-placeholder{align-items:center;color:#fff;display:flex;font-size:1.25rem;font-weight:700;height:100%;justify-content:center;width:100%}.person-item__initials{text-transform:uppercase}.person-item__info{align-items:center;display:flex;flex-direction:column;gap:.25rem;width:100%}.person-item__name{color:#1f2937;color:var(--color-text-primary,#1f2937);font-size:.875rem;font-weight:600;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.person-item__meta{flex-direction:column;font-size:.75rem}.person-item__meta,.person-item__role{align-items:center;display:flex;gap:.25rem}.person-item__role{border:1px solid;border-radius:4px;border-radius:var(--radius-sm,4px);font-weight:600;letter-spacing:.025em;padding:.125rem .375rem;text-transform:uppercase}.people-container__empty,.person-item__age{color:#6b7280;color:var(--color-text-secondary,#6b7280)}.people-container__empty{padding:2rem 1rem;text-align:center}.people-container__empty p{font-size:.875rem;margin:0 0 .5rem}.people-container__empty-hint{align-items:center;color:#9ca3af;color:var(--color-text-tertiary,#9ca3af);display:flex;font-size:.75rem;gap:.25rem;justify-content:center}.dark-mode .people-container--collapsed{background:#1f2937f2;border-right-color:#4b5563;border-right-color:var(--color-border,#4b5563)}.dark-mode .people-container__toggle--collapsed{background-color:#374151;background-color:var(--color-bg-tertiary,#374151);color:#9ca3af;color:var(--color-text-secondary,#9ca3af)}.dark-mode .people-container__toggle--collapsed:hover{background-color:#dc2626;background-color:var(--color-primary,#dc2626);color:#fff}.dark-mode .people-container--expanded{background-color:#1f2937;background-color:var(--color-bg-secondary,#1f2937);border-right-color:#4b5563;border-right-color:var(--color-border,#4b5563)}.dark-mode .people-container__header{background-color:#374151;background-color:var(--color-bg-tertiary,#374151);border-bottom-color:#4b5563;border-bottom-color:var(--color-border,#4b5563)}.dark-mode .people-container__title{color:#f9fafb;color:var(--color-text-primary,#f9fafb)}.dark-mode .people-container__toggle{background-color:#4b5563;background-color:var(--color-bg-quaternary,#4b5563);color:#d1d5db;color:var(--color-text-secondary,#d1d5db)}.dark-mode .people-container__toggle:hover{background-color:#6b7280;background-color:var(--color-bg-quinary,#6b7280);color:#f9fafb;color:var(--color-text-primary,#f9fafb)}.dark-mode .person-item{background-color:#374151;background-color:var(--color-bg-tertiary,#374151);border-color:#4b5563;border-color:var(--color-border,#4b5563)}.dark-mode .person-item:hover{border-color:#dc2626;border-color:var(--color-primary,#dc2626)}.dark-mode .person-item:hover,.dark-mode .person-item__photo-container{background-color:#4b5563;background-color:var(--color-bg-quaternary,#4b5563)}.dark-mode .person-item__name{color:#f9fafb;color:var(--color-text-primary,#f9fafb)}.dark-mode .people-container__empty,.dark-mode .person-item__age{color:#9ca3af;color:var(--color-text-secondary,#9ca3af)}.dark-mode .people-container__empty-hint{color:#6b7280;color:var(--color-text-tertiary,#6b7280)}.dark-mode .person-item__delete-btn{background-color:#dc2626;background-color:var(--color-danger,#dc2626)}.dark-mode .person-item__delete-btn:hover{background-color:#b91c1c;background-color:var(--color-danger-dark,#b91c1c)}.person-detail-modal{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.person-detail-modal__overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000c;bottom:0;left:0;position:absolute;right:0;top:0}.person-detail-modal__container{background-color:#fff;border-radius:12px;box-shadow:0 20px 60px #0006;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;position:relative;width:90%}.person-detail-modal__header{align-items:center;background-color:#f9fafb;background-color:var(--color-bg-secondary,#f9fafb);border-bottom:3px solid #e5e7eb;border-bottom:3px solid var(--color-border,#e5e7eb);display:flex;flex-shrink:0;justify-content:space-between;padding:1.5rem 2rem}.person-detail-modal__header-content{display:flex;flex-direction:column;gap:.5rem}.person-detail-modal__role-badge{align-items:center;border:2px solid;border-radius:6px;border-radius:var(--radius-sm,6px);display:inline-flex;font-size:.75rem;font-weight:700;gap:.375rem;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.person-detail-modal__title{color:#1f2937;color:var(--color-text-primary,#1f2937);font-size:1.75rem;font-weight:700;margin:0}.person-detail-modal__close-btn{align-items:center;background-color:initial;border:none;border-radius:8px;color:#6b7280;color:var(--color-text-secondary,#6b7280);cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;padding:.75rem;transition:all .2s}.person-detail-modal__close-btn:hover{background-color:#e5e7eb;background-color:var(--color-bg-tertiary,#e5e7eb);color:#1f2937;color:var(--color-text-primary,#1f2937)}.person-detail-modal__content{grid-gap:2rem;display:grid;flex:1 1;gap:2rem;grid-template-columns:350px 1fr;overflow-y:auto;padding:2rem}.person-detail-modal__photo-section{display:flex;flex-direction:column;gap:1.5rem}.person-detail-modal__photo{object-fit:cover}.person-detail-modal__photo,.person-detail-modal__photo-placeholder{aspect-ratio:1;border:3px solid #e5e7eb;border:3px solid var(--color-border,#e5e7eb);border-radius:12px;width:100%}.person-detail-modal__photo-placeholder{align-items:center;display:flex;justify-content:center}.person-detail-modal__initials{color:#fff;font-size:6rem;font-weight:700;text-transform:uppercase;-webkit-user-select:none;user-select:none}.person-detail-modal__photo-gallery{display:flex;flex-direction:column;gap:.75rem}.person-detail-modal__photo-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.person-detail-modal__photo-thumb{aspect-ratio:1;border:2px solid #e5e7eb;border:2px solid var(--color-border,#e5e7eb);border-radius:8px;cursor:pointer;object-fit:cover;transition:all .2s;width:100%}.person-detail-modal__photo-thumb:hover{border-color:#dc2626;border-color:var(--color-primary,#dc2626);transform:scale(1.05)}.person-detail-modal__info-section{display:flex;flex-direction:column;gap:1.5rem}.person-detail-modal__info-group{display:flex;flex-direction:column;gap:1rem}.person-detail-modal__section-title{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--color-border,#e5e7eb);color:#1f2937;color:var(--color-text-primary,#1f2937);font-size:1.125rem;font-weight:600;margin:0;padding-bottom:.5rem}.person-detail-modal__info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.person-detail-modal__info-item{display:flex;flex-direction:column;gap:.25rem}.person-detail-modal__info-label{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.person-detail-modal__info-value{color:#1f2937;color:var(--color-text-primary,#1f2937);font-size:1rem;font-weight:500}.person-detail-modal__notes{border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:8px;color:#1f2937;color:var(--color-text-primary,#1f2937);font-size:.9375rem;line-height:1.6;margin:0;padding:1rem;white-space:pre-wrap}.person-detail-modal__footer,.person-detail-modal__notes{background-color:#f9fafb;background-color:var(--color-bg-secondary,#f9fafb)}.person-detail-modal__footer{align-items:center;border-top:2px solid #e5e7eb;border-top:2px solid var(--color-border,#e5e7eb);display:flex;flex-shrink:0;justify-content:flex-end;padding:1rem 2rem}.person-detail-modal__close-footer-btn{background-color:#dc2626;background-color:var(--color-primary,#dc2626);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:background-color .2s}.person-detail-modal__close-footer-btn:hover{background-color:#b91c1c;background-color:var(--color-primary-dark,#b91c1c)}.dark-mode .person-detail-modal__container{background-color:#111827;background-color:var(--color-bg-primary,#111827)}.dark-mode .person-detail-modal__header{background-color:#1f2937;background-color:var(--color-bg-secondary,#1f2937);border-bottom-color:#4b5563;border-bottom-color:var(--color-border,#4b5563)}.dark-mode .person-detail-modal__title{color:#f9fafb;color:var(--color-text-primary,#f9fafb)}.dark-mode .person-detail-modal__close-btn{color:#9ca3af;color:var(--color-text-secondary,#9ca3af)}.dark-mode .person-detail-modal__close-btn:hover{background-color:#374151;background-color:var(--color-bg-tertiary,#374151);color:#f9fafb;color:var(--color-text-primary,#f9fafb)}.dark-mode .person-detail-modal__photo,.dark-mode .person-detail-modal__photo-placeholder,.dark-mode .person-detail-modal__photo-thumb{border-color:#4b5563;border-color:var(--color-border,#4b5563)}.dark-mode .person-detail-modal__section-title{border-bottom-color:#4b5563;border-bottom-color:var(--color-border,#4b5563);color:#f9fafb;color:var(--color-text-primary,#f9fafb)}.dark-mode .person-detail-modal__info-label{color:#9ca3af;color:var(--color-text-secondary,#9ca3af)}.dark-mode .person-detail-modal__info-value,.dark-mode .person-detail-modal__notes{color:#f9fafb;color:var(--color-text-primary,#f9fafb)}.dark-mode .person-detail-modal__notes{background-color:#1f2937;background-color:var(--color-bg-secondary,#1f2937);border-color:#4b5563;border-color:var(--color-border,#4b5563)}.dark-mode .person-detail-modal__footer{background-color:#1f2937;background-color:var(--color-bg-secondary,#1f2937);border-top-color:#4b5563;border-top-color:var(--color-border,#4b5563)}@media (max-width:768px){.person-detail-modal__container{max-height:95vh;width:95%}.person-detail-modal__content{gap:1.5rem;grid-template-columns:1fr;padding:1.5rem}.person-detail-modal__photo-section{margin:0 auto;max-width:300px}.person-detail-modal__title{font-size:1.5rem}.person-detail-modal__info-grid{grid-template-columns:1fr}}.add-person-modal{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.add-person-modal__overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;bottom:0;left:0;position:absolute;right:0;top:0}.add-person-modal__container{background-color:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:700px;overflow:hidden;position:relative;width:90%}.add-person-modal__header{align-items:center;background-color:#f9fafb;background-color:var(--color-bg-secondary,#f9fafb);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--color-border,#e5e7eb);display:flex;flex-shrink:0;justify-content:space-between;padding:1.25rem 1.5rem}.add-person-modal__title{color:#1f2937;color:var(--color-text-primary,#1f2937);font-size:1.25rem;font-weight:600;margin:0}.add-person-modal__close-btn{align-items:center;background-color:initial;border:none;border-radius:6px;color:#6b7280;color:var(--color-text-secondary,#6b7280);cursor:pointer;display:flex;font-size:1.25rem;justify-content:center;padding:.5rem;transition:all .2s}.add-person-modal__close-btn:hover{background-color:#e5e7eb;background-color:var(--color-bg-tertiary,#e5e7eb);color:#1f2937;color:var(--color-text-primary,#1f2937)}.add-person-modal__tabs{background-color:#f9fafb;background-color:var(--color-bg-secondary,#f9fafb);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--color-border,#e5e7eb);display:flex;flex-shrink:0}.add-person-modal__tab{align-items:center;background-color:initial;border:none;border-bottom:3px solid #0000;color:#6b7280;color:var(--color-text-secondary,#6b7280);cursor:pointer;display:flex;flex:1 1;font-size:.9375rem;font-weight:500;gap:.5rem;justify-content:center;padding:.875rem 1rem;transition:all .2s}.add-person-modal__tab:hover{background-color:#f3f4f6;background-color:var(--color-bg-tertiary,#f3f4f6);color:#1f2937;color:var(--color-text-primary,#1f2937)}.add-person-modal__tab--active{background-color:#fff;border-bottom-color:#dc2626;border-bottom-color:var(--color-primary,#dc2626);color:#dc2626;color:var(--color-primary,#dc2626)}.add-person-modal__content{display:flex;flex:1 1;flex-direction:column;gap:1.5rem;overflow-y:auto;padding:1.5rem}.add-person-modal__people-list{display:flex;flex-direction:column;gap:.75rem;max-height:300px;overflow-y:auto;padding-right:.5rem}.add-person-modal__person-item{align-items:center;background-color:#f9fafb;background-color:var(--color-bg-secondary,#f9fafb);border:2px solid #e5e7eb;border:2px solid var(--color-border,#e5e7eb);border-radius:8px;cursor:pointer;display:flex;gap:1rem;padding:.875rem;transition:all .2s}.add-person-modal__person-item:hover{background-color:#f3f4f6;background-color:var(--color-bg-tertiary,#f3f4f6);border-color:#d1d5db;border-color:var(--color-border-dark,#d1d5db)}.add-person-modal__person-item--selected{background-color:#dc26260d;border-color:#dc2626;border-color:var(--color-primary,#dc2626)}.add-person-modal__person-photo{align-items:center;background-color:#f3f4f6;background-color:var(--color-bg-tertiary,#f3f4f6);border-radius:8px;display:flex;flex-shrink:0;height:60px;justify-content:center;overflow:hidden;width:60px}.add-person-modal__person-photo img{height:100%;object-fit:cover;width:100%}.add-person-modal__person-placeholder{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.add-person-modal__person-initials{color:#fff;font-size:1.25rem;font-weight:700;text-transform:uppercase}.add-person-modal__person-info{flex:1 1;min-width:0}.add-person-modal__person-name{color:#1f2937;color:var(--color-text-primary,#1f2937);font-size:.9375rem;font-weight:600;margin-bottom:.375rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.add-person-modal__person-meta{align-items:center;display:flex;gap:.75rem}.add-person-modal__role-badge{align-items:center;border:1px solid;border-radius:4px;display:flex;font-size:.625rem;font-weight:700;gap:.25rem;letter-spacing:.05em;padding:.125rem .5rem;text-transform:uppercase}.add-person-modal__person-age{color:#9ca3af;color:var(--color-text-tertiary,#9ca3af);font-size:.75rem}.add-person-modal__empty{color:#6b7280;color:var(--color-text-secondary,#6b7280);padding:3rem 1rem;text-align:center}.add-person-modal__empty p{font-size:.9375rem;margin:.5rem 0}.add-person-modal__photo-upload{display:flex;justify-content:center;margin-bottom:1rem}.add-person-modal__file-input{display:none}.add-person-modal__upload-photo-btn{align-items:center;border:2px dashed #ffffff80;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1.5rem 2rem;transition:all .2s}.add-person-modal__upload-photo-btn:hover{border-style:solid;transform:scale(1.02)}.add-person-modal__upload-photo-btn svg{font-size:1.5rem}.add-person-modal__upload-photo-btn span{font-size:.875rem;font-weight:600}.add-person-modal__photo-upload--dragging .add-person-modal__upload-photo-btn{border-style:solid;box-shadow:0 0 20px #ffffff4d;transform:scale(1.05)}.add-person-modal__photo-preview{border:4px solid #e5e7eb;border:4px solid var(--color-border,#e5e7eb);border-radius:8px;height:150px;overflow:hidden;position:relative;width:150px}.add-person-modal__photo-preview img{height:100%;object-fit:cover;width:100%}.add-person-modal__remove-photo-btn{background-color:#dc2626e6;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:.5rem;position:absolute;right:.5rem;top:.5rem;transition:all .2s;z-index:10}.add-person-modal__remove-photo-btn:hover{background-color:#dc2626;transform:scale(1.1)}.add-person-modal__form{display:flex;flex-direction:column;gap:1rem}.add-person-modal__form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.add-person-modal__form-group{display:flex;flex-direction:column;gap:.5rem}.add-person-modal__label{align-items:center;color:#1f2937;color:var(--color-text-primary,#1f2937);display:flex;font-size:.875rem;font-weight:600}.add-person-modal__input,.add-person-modal__select,.add-person-modal__textarea{background-color:#fff;border:2px solid #e5e7eb;border:2px solid var(--color-border,#e5e7eb);border-radius:6px;color:#1f2937;color:var(--color-text-primary,#1f2937);font-family:inherit;font-size:.9375rem;padding:.75rem;transition:all .2s}.add-person-modal__input:focus,.add-person-modal__select:focus,.add-person-modal__textarea:focus{border-color:#dc2626;border-color:var(--color-primary,#dc2626);box-shadow:0 0 0 3px #dc26261a;outline:none}.add-person-modal__textarea{min-height:80px;resize:vertical}.add-person-modal__select{cursor:pointer}.add-person-modal__progress{display:flex;flex-direction:column;gap:.5rem}.add-person-modal__progress-bar{background-color:#e5e7eb;background-color:var(--color-bg-tertiary,#e5e7eb);border-radius:4px;height:8px;overflow:hidden;width:100%}.add-person-modal__progress-fill{background-color:#dc2626;background-color:var(--color-primary,#dc2626);height:100%;transition:width .3s}.add-person-modal__progress-text{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.875rem;font-weight:500;text-align:center}.add-person-modal__error{background-color:#fee2e2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:.875rem;font-weight:500;padding:.75rem}.add-person-modal__footer{align-items:center;background-color:#f9fafb;background-color:var(--color-bg-secondary,#f9fafb);border-top:2px solid #e5e7eb;border-top:2px solid var(--color-border,#e5e7eb);display:flex;flex-shrink:0;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.add-person-modal__cancel-btn{background-color:initial;border:2px solid #e5e7eb;border:2px solid var(--color-border,#e5e7eb);border-radius:6px;color:#1f2937;color:var(--color-text-primary,#1f2937);cursor:pointer;font-size:.9375rem;font-weight:600;padding:.625rem 1.25rem;transition:all .2s}.add-person-modal__cancel-btn:hover{background-color:#f3f4f6;background-color:var(--color-bg-tertiary,#f3f4f6);border-color:#d1d5db;border-color:var(--color-border-dark,#d1d5db)}.add-person-modal__add-btn{align-items:center;background-color:#dc2626;background-color:var(--color-primary,#dc2626);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:.5rem;padding:.625rem 1.5rem;transition:background-color .2s}.add-person-modal__add-btn:hover:not(:disabled){background-color:#b91c1c;background-color:var(--color-primary-dark,#b91c1c)}.add-person-modal__add-btn:disabled{cursor:not-allowed;opacity:.5}.dark-mode .add-person-modal__container{background-color:#111827;background-color:var(--color-bg-primary,#111827)}.dark-mode .add-person-modal__header{background-color:#1f2937;background-color:var(--color-bg-secondary,#1f2937);border-bottom-color:#4b5563;border-bottom-color:var(--color-border,#4b5563)}.dark-mode .add-person-modal__title{color:#f9fafb;color:var(--color-text-primary,#f9fafb)}.dark-mode .add-person-modal__close-btn{color:#9ca3af;color:var(--color-text-secondary,#9ca3af)}.dark-mode .add-person-modal__close-btn:hover{background-color:#374151;background-color:var(--color-bg-tertiary,#374151);color:#f9fafb;color:var(--color-text-primary,#f9fafb)}.dark-mode .add-person-modal__tabs{background-color:#1f2937;background-color:var(--color-bg-secondary,#1f2937);border-bottom-color:#4b5563;border-bottom-color:var(--color-border,#4b5563)}.dark-mode .add-person-modal__tab{color:#9ca3af;color:var(--color-text-secondary,#9ca3af)}.dark-mode .add-person-modal__tab:hover{background-color:#374151;background-color:var(--color-bg-tertiary,#374151);color:#f9fafb;color:var(--color-text-primary,#f9fafb)}.dark-mode .add-person-modal__tab--active{background-color:#111827;background-color:var(--color-bg-primary,#111827)}.dark-person .add-person-modal__person-item{background-color:#1f2937;background-color:var(--color-bg-secondary,#1f2937);border-color:#4b5563;border-color:var(--color-border,#4b5563)}.dark-mode .add-person-modal__person-item:hover{background-color:#374151;background-color:var(--color-bg-tertiary,#374151);border-color:#6b7280;border-color:var(--color-border-dark,#6b7280)}.dark-mode .add-person-modal__person-name{color:#f9fafb;color:var(--color-text-primary,#f9fafb)}.dark-mode .add-person-modal__upload-photo-btn{border-color:#ffffff4d}.dark-mode .add-person-modal__input,.dark-mode .add-person-modal__select,.dark-mode .add-person-modal__textarea{background-color:#1f2937;background-color:var(--color-bg-secondary,#1f2937);border-color:#4b5563;border-color:var(--color-border,#4b5563);color:#f9fafb;color:var(--color-text-primary,#f9fafb)}.dark-mode .add-person-modal__label{color:#f9fafb;color:var(--color-text-primary,#f9fafb)}.dark-mode .add-person-modal__footer{background-color:#1f2937;background-color:var(--color-bg-secondary,#1f2937);border-top-color:#4b5563;border-top-color:var(--color-border,#4b5563)}.dark-mode .add-person-modal__cancel-btn{border-color:#4b5563;border-color:var(--color-border,#4b5563);color:#f9fafb;color:var(--color-text-primary,#f9fafb)}.dark-mode .add-person-modal__cancel-btn:hover{background-color:#374151;background-color:var(--color-bg-tertiary,#374151);border-color:#6b7280;border-color:var(--color-border-dark,#6b7280)}.dark-mode .add-person-modal__photo-preview{border-color:#4b5563;border-color:var(--color-border,#4b5563)}@media (max-width:768px){.add-person-modal__container{max-height:90vh;width:95%}.add-person-modal__people-list{max-height:250px}.add-person-modal__form-row{grid-template-columns:1fr}}.visual-board{background-color:#fff;background-color:var(--color-background,#fff);border:none!important;color:#1f2937;color:var(--color-text,#1f2937);display:flex;flex-direction:column;height:100vh;outline:none!important;overflow:hidden}body:has(.visual-board) .app-footer,body:has(.visual-board) .footer,body:has(.visual-board) footer{display:none!important}body:has(.visual-board){border:none!important;margin:0;outline:none!important;padding:0}.visual-board__error,.visual-board__loading{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:2rem;text-align:center}.visual-board__loading .spinner{animation:spin 1s linear infinite;color:#dc2626;color:var(--color-primary,#dc2626);font-size:3rem}.visual-board__error h2{color:#1f2937;color:var(--color-text,#1f2937);margin-bottom:1rem}.visual-board__error p{color:#6b7280;color:var(--color-text-secondary,#6b7280);margin-bottom:1.5rem}.visual-board__back-btn,.visual-board__upgrade-btn{background-color:#dc2626;background-color:var(--color-primary,#dc2626);border:none;border-radius:8px;border-radius:var(--radius-base,8px);color:#fff;cursor:pointer;font-size:1rem;margin:.5rem;padding:.75rem 1.5rem;transition:background-color .2s}.visual-board__upgrade-btn:hover{background-color:#b91c1c;background-color:var(--color-primary-hover,#b91c1c)}.visual-board__back-btn{background-color:#e0e0e0;background-color:var(--color-border,#e0e0e0);color:#1f2937;color:var(--color-text,#1f2937)}.visual-board__back-btn:hover{background-color:#d4d4d4;background-color:var(--color-border-hover,#d4d4d4)}.visual-board__header{align-items:center;background-color:#fff;background-color:var(--color-background,#fff);border-bottom:2px solid #e0e0e0;border-bottom:2px solid var(--color-border,#e0e0e0);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm,0 1px 2px #0000000d);display:flex;justify-content:space-between;padding:1rem 1.5rem;z-index:100}.visual-board__header-left{align-items:center;display:flex;gap:1rem}.visual-board__back-button{background-color:initial;border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:8px;border-radius:var(--radius-base,8px);color:#6b7280;color:var(--color-text-secondary,#6b7280);cursor:pointer;font-size:1rem;padding:.5rem .75rem;transition:all .2s}.visual-board__back-button:hover{background-color:#f9fafb;background-color:var(--color-background-hover,#f9fafb);color:#1f2937;color:var(--color-text,#1f2937)}.visual-board__title{color:#1f2937;color:var(--color-text,#1f2937);font-size:1.5rem;font-weight:600;margin:0}.visual-board__badge{background-color:#dc2626;background-color:var(--color-primary,#dc2626);color:#fff;font-weight:500}.visual-board__badge,.visual-board__tier-badge{border-radius:8px;border-radius:var(--radius-base,8px);font-size:.875rem;padding:.25rem .75rem}.visual-board__tier-badge{background-color:gold;color:#1f2937;font-weight:600}.visual-board__header-right{align-items:center;display:flex;gap:1rem}.visual-board__stats{display:flex;gap:1.5rem}.visual-board__stat{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.875rem}.visual-board__toolbar{align-items:center;background-color:#f9fafb;background-color:var(--color-background-secondary,#f9fafb);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--color-border,#e0e0e0);display:flex;gap:1rem;padding:.75rem 1.5rem;z-index:99}.visual-board__toolbar-group{align-items:center;display:flex;gap:.5rem}.visual-board__toolbar-label{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.875rem;font-weight:500}.visual-board__tool-btn{align-items:center;background-color:#fff;background-color:var(--color-background,#fff);border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:8px;border-radius:var(--radius-base,8px);color:#1f2937;color:var(--color-text,#1f2937);cursor:pointer;display:flex;font-size:.875rem;gap:.25rem;padding:.5rem .75rem;transition:all .2s}.visual-board__tool-btn:hover{background-color:#f3f4f6;background-color:var(--color-background-hover,#f3f4f6)}.visual-board__tool-btn.active,.visual-board__tool-btn:hover{border-color:#dc2626;border-color:var(--color-primary,#dc2626)}.visual-board__tool-btn.active{background-color:#dc2626;background-color:var(--color-primary,#dc2626);color:#fff}.visual-board__toolbar-separator{background-color:#e0e0e0;background-color:var(--color-border,#e0e0e0);height:24px;margin:0 .5rem;width:1px}.visual-board__zoom-level{color:#1f2937;color:var(--color-text,#1f2937);font-size:.875rem;font-weight:500;min-width:50px;text-align:center}.visual-board__save-status{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.875rem}.visual-board__save-indicator{color:#10b981;font-weight:600}.visual-board__content{display:flex;flex:1 1;flex-direction:column;position:relative}.visual-board__content,.visual-board__workspace{background-color:#f9fafb;background-color:var(--color-background-secondary,#f9fafb);border:none;box-shadow:none;overflow:hidden}.visual-board__workspace{bottom:0;left:0;position:absolute;right:0;top:230px;transition:top .3s ease,left .3s ease,bottom .3s ease,right .3s ease;z-index:10}.visual-board__content:has(.people-container--collapsed) .visual-board__workspace{top:40px}.visual-board__content:has(.evidence-container--expanded) .visual-board__workspace{left:300px}.visual-board__content:has(.evidence-container--collapsed) .visual-board__workspace{left:40px}.visual-board__empty{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:2rem;text-align:center}.visual-board__empty h3{color:#1f2937;color:var(--color-text,#1f2937);margin-bottom:.5rem}.visual-board__empty p{color:#6b7280;color:var(--color-text-secondary,#6b7280);margin-bottom:1.5rem}.visual-board__goto-workspace-btn{background-color:#dc2626;background-color:var(--color-primary,#dc2626);border:none;border-radius:8px;border-radius:var(--radius-base,8px);color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .2s}.visual-board__goto-workspace-btn:hover{background-color:#b91c1c;background-color:var(--color-primary-hover,#b91c1c)}.visual-board__pinboards{background-color:#fff;background-color:var(--color-background,#fff);display:flex;flex-direction:column;position:relative;transition:width .2s,height .2s}.visual-board__pinboards--hidden{display:none!important}.visual-board__pinboards--bottom{border-top:2px solid #e0e0e0;border-top:2px solid var(--color-border,#e0e0e0);bottom:0;left:0;position:absolute;right:0;width:100%;z-index:50}.visual-board__pinboards--right{border-left:none;bottom:0;position:absolute;right:0;top:0;transition:top .3s ease;z-index:50}.visual-board__content:has(.people-container--expanded) .visual-board__pinboards--right{top:230px}.visual-board__content:has(.people-container--collapsed) .visual-board__pinboards--right{top:40px}.visual-board__resize-handle{background-color:initial;position:absolute;transition:background-color .2s;z-index:1000}.visual-board__resize-handle:hover{background-color:#dc2626;background-color:var(--color-primary,#dc2626)}.visual-board__resize-handle--horizontal,.visual-board__resize-handle--right{bottom:0;cursor:ew-resize!important;left:0;top:0;width:4px}.visual-board__resize-handle--bottom,.visual-board__resize-handle--vertical{cursor:ns-resize!important;height:4px;left:0;right:0;top:0}.visual-board__pinboards-tabs-container{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--color-border,#e0e0e0);display:flex;justify-content:space-between;position:relative}.visual-board__pinboards--right .visual-board__pinboards-tabs-container{border-bottom:none}.visual-board__pinboards-tabs{display:flex;gap:.5rem;overflow-x:auto;overflow-y:hidden;padding:1rem 1.5rem 0;scroll-behavior:smooth;scrollbar-color:#e0e0e0 #0000;scrollbar-color:var(--color-border,#e0e0e0) #0000;scrollbar-width:thin}.visual-board__pinboards-tabs::-webkit-scrollbar{height:6px}.visual-board__pinboards-tabs::-webkit-scrollbar-track{background:#f3f4f6;background:var(--color-bg-secondary,#f3f4f6);border-radius:3px}.visual-board__pinboards-tabs::-webkit-scrollbar-thumb{background-color:#d1d5db;background-color:var(--color-border,#d1d5db);border-radius:3px}.visual-board__pinboards-tabs::-webkit-scrollbar-thumb:hover{background-color:#dc2626;background-color:var(--color-primary,#dc2626)}.visual-board__tabs-scroll-btn{align-items:center;background-color:#fff;background-color:var(--color-bg-primary,#fff);border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:8px;border-radius:var(--radius-base,8px);box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;height:32px;justify-content:center;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s;width:32px;z-index:10}.visual-board__pinboards-tabs-container:hover .visual-board__tabs-scroll-btn{opacity:1;pointer-events:auto}.visual-board__tabs-scroll-btn:hover{background-color:#f9fafb;background-color:var(--color-bg-secondary,#f9fafb);border-color:#dc2626;border-color:var(--color-primary,#dc2626);color:#dc2626;color:var(--color-primary,#dc2626)}.visual-board__tabs-scroll-btn--left{left:.5rem}.visual-board__tabs-scroll-btn--right{right:.5rem}.visual-board__pinboard-tab{align-items:center;background-color:initial;border:none;border-bottom:2px solid #0000;color:#6b7280;color:var(--color-text-secondary,#6b7280);cursor:pointer;display:flex;flex-shrink:0;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s;white-space:nowrap}.visual-board__pinboard-tab:hover{background-color:#f9fafb;background-color:var(--color-background-hover,#f9fafb);color:#1f2937;color:var(--color-text,#1f2937)}.visual-board__pinboard-tab.active{border-bottom-color:#dc2626;border-bottom-color:var(--color-primary,#dc2626);color:#dc2626;color:var(--color-primary,#dc2626)}.visual-board__pinboards--narrow .visual-board__pinboard-tab{justify-content:center;min-width:40px;padding:.5rem}.visual-board__pinboards--narrow .visual-board__pinboard-tab__label{display:none}.visual-board__pinboard-tab__icon{flex-shrink:0;font-size:1rem}.visual-board__pinboards-content{flex:1 1;overflow-y:auto;padding:1.5rem}.visual-board__pinboard-placeholder{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.visual-board__pinboard-placeholder p{color:#6b7280;color:var(--color-text-secondary,#6b7280);margin:.5rem 0}.visual-board__pinboard-description{font-size:.875rem}.dark-mode.visual-board{color:#e0e0e0;color:var(--color-text-dark,#e0e0e0)}.dark-mode .visual-board__header,.dark-mode.visual-board{background-color:#1a1a1a;background-color:var(--color-background-dark,#1a1a1a)}.dark-mode .visual-board__header{border-bottom-color:#404040;border-bottom-color:var(--color-border-dark,#404040)}.dark-mode .visual-board__title{color:#e0e0e0;color:var(--color-text-dark,#e0e0e0)}.dark-mode .visual-board__stat{color:#a0a0a0;color:var(--color-text-secondary-dark,#a0a0a0)}.dark-mode .visual-board__toolbar{background-color:#2d2d2d;background-color:var(--color-background-secondary-dark,#2d2d2d);border-bottom-color:#404040;border-bottom-color:var(--color-border-dark,#404040)}.dark-mode .visual-board__tool-btn{background-color:#1a1a1a;background-color:var(--color-background-dark,#1a1a1a);border-color:#404040;border-color:var(--color-border-dark,#404040);color:#e0e0e0;color:var(--color-text-dark,#e0e0e0)}.dark-mode .visual-board__tool-btn:hover{background-color:#3d3d3d;background-color:var(--color-background-hover-dark,#3d3d3d)}.dark-mode .visual-board__tool-btn.active{background-color:#dc2626;background-color:var(--color-primary,#dc2626);color:#fff}.dark-mode .visual-board__workspace{background-color:#2d2d2d;background-color:var(--color-background-secondary-dark,#2d2d2d)}.dark-mode .visual-board__pinboards{background-color:#1a1a1a;background-color:var(--color-background-dark,#1a1a1a)}.dark-mode .visual-board__pinboards--bottom{border-top-color:#404040;border-top-color:var(--color-border-dark,#404040)}.dark-mode .visual-board__pinboards--right{border-left:none}.dark-mode .visual-board__resize-handle:hover{background-color:#ef4444;background-color:var(--color-primary-dark,#ef4444)}.dark-mode .visual-board__pinboards-tabs{border-bottom-color:#404040;border-bottom-color:var(--color-border-dark,#404040)}.dark-mode .visual-board__pinboard-tab{color:#a0a0a0;color:var(--color-text-secondary-dark,#a0a0a0)}.dark-mode .visual-board__pinboard-tab:hover{background-color:#3d3d3d;background-color:var(--color-background-hover-dark,#3d3d3d);color:#e0e0e0;color:var(--color-text-dark,#e0e0e0)}.dark-mode .visual-board__pinboard-tab.active{border-bottom-color:gold;color:gold}.dark-mode .visual-board__header,.visual-board__tier-badge{border-left:4px solid gold}.dark-mode .visual-board__pinboards-tabs::-webkit-scrollbar-track{background:#374151;background:var(--color-bg-tertiary,#374151)}.dark-mode .visual-board__pinboards-tabs::-webkit-scrollbar-thumb{background-color:#6b7280;background-color:var(--color-border-dark,#6b7280)}.dark-mode .visual-board__pinboards-tabs::-webkit-scrollbar-thumb:hover{background-color:#ef4444;background-color:var(--color-primary,#ef4444)}.dark-mode .visual-board__tabs-scroll-btn{background-color:#1f2937;background-color:var(--color-bg-secondary,#1f2937);border-color:#374151;border-color:var(--color-border-dark,#374151);color:#e0e0e0;color:var(--color-text-dark,#e0e0e0)}.dark-mode .visual-board__tabs-scroll-btn:hover{background-color:#374151;background-color:var(--color-bg-tertiary,#374151);border-color:#ef4444;border-color:var(--color-primary,#ef4444);color:#ef4444;color:var(--color-primary,#ef4444)}.dark-mode .visual-board__pinboards-tabs-container{border-bottom-color:#374151;border-bottom-color:var(--color-border-dark,#374151)}.visual-board__maximize-btn{align-items:center;background-color:initial;border:none;color:#6b7280;color:var(--color-text-secondary,#6b7280);cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;justify-content:center;margin-right:1rem;padding:.5rem 1rem;transition:all .2s}.visual-board__maximize-btn:hover{color:#3b82f6;color:var(--color-primary,#3b82f6)}.dark-mode .visual-board__maximize-btn{color:#9ca3af;color:var(--color-text-secondary-dark,#9ca3af)}.dark-mode .visual-board__maximize-btn:hover{color:#3b82f6;color:var(--color-primary,#3b82f6)}.visual-board__pinboards--maximized{background-color:#fff;background-color:var(--color-background,#fff);bottom:0!important;height:calc(100vh - 80px)!important;left:0!important;position:fixed!important;right:0!important;top:80px!important;width:100%!important;z-index:200!important}.dark-mode .visual-board__pinboards--maximized{background-color:#1a1a1a;background-color:var(--color-background-dark,#1a1a1a)}.visual-board__pinboards--maximized .visual-board__resize-handle{display:none}.visual-board__pinboards--maximized .visual-board__pinboards-content{height:calc(100% - 60px);overflow-y:auto}.visual-board__placeholder{align-items:center;color:#6b7280;color:var(--color-text-secondary,#6b7280);display:flex;flex-direction:column;height:100%;justify-content:center;padding:3rem 2rem;text-align:center}.visual-board__placeholder h3{color:#1f2937;color:var(--color-text-primary,#1f2937);font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.visual-board__placeholder p{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.875rem;margin:0}.dark-mode .visual-board__placeholder h3{color:#f9fafb;color:var(--color-text-dark,#f9fafb)}.dark-mode .visual-board__placeholder p{color:#9ca3af;color:var(--color-text-secondary-dark,#9ca3af)}.message-center-wrapper{background:#0000}.message-center-wrapper--constrained{padding:20px}.message-center-wrapper--constrained .message-center-container{background:#fff;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000001a;margin:0 auto;max-width:1200px;overflow:hidden}.dark-mode .message-center-wrapper--constrained .message-center-container{background:var(--color-bg-secondary);box-shadow:0 2px 8px #0000004d}.message-center-wrapper--full-width .message-center-container{background:#0000;width:100%}.message-center-wrapper--full-width .message-sidebar{background:#fff}.dark-mode .message-center-wrapper--full-width .message-sidebar{background:var(--color-bg-secondary)}.message-center-wrapper--full-width .message-main{background:#fff}.dark-mode .message-center-wrapper--full-width .message-main{background:var(--color-bg-secondary)}.message-center-container{display:flex;overflow:hidden}.message-center-wrapper--constrained .message-center-container{height:calc(100vh - 100px);max-height:calc(100vh - 100px)}.message-center-wrapper--full-width .message-center-container{height:calc(100vh - 60px);max-height:calc(100vh - 60px)}.message-sidebar{background:#fafafa;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;overflow:hidden;width:350px}.dark-mode .message-sidebar{background:var(--color-bg-secondary);border-right-color:var(--color-border)}.message-sidebar-header{border-bottom:1px solid #e5e7eb;padding:20px}.dark-mode .message-sidebar-header{border-bottom-color:var(--color-border)}.message-sidebar-title{color:#111827;font-size:24px;font-weight:700;margin:0 0 16px}.dark-mode .message-sidebar-title{color:var(--color-text)}.message-search-container{margin-bottom:12px;position:relative}.message-center__filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.message-center__filter-btn{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#4b5563;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .2s}.dark-mode .message-center__filter-btn{background:var(--color-bg-tertiary);border-color:var(--color-border);color:var(--color-text-muted)}.message-center__filter-btn:hover{border-color:#ff4500;color:#ff4500}.message-center__filter-btn--active{background:#ff4500;border-color:#ff4500;color:#fff}.message-conversation-list{background:#0000;flex:1 1;overflow-y:auto;padding:12px}.message-conversation-list::-webkit-scrollbar{width:6px}.message-conversation-list::-webkit-scrollbar-track{background:#0000}.message-conversation-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.message-conversation-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.message-conversation-item{align-items:center;background:#fff;border:1px solid #0000;border-radius:12px;cursor:pointer;display:flex;margin-bottom:8px;padding:12px 16px;position:relative;transition:all .2s ease}.message-conversation-item:hover{background:#f9fafb;border-color:#e5e7eb;transform:translateX(2px)}.dark-mode .message-conversation-item{background:var(--color-bg-secondary);border-color:#0000}.dark-mode .message-conversation-item:hover{background:var(--color-bg-tertiary);border-color:var(--color-border)}.message-conversation-item--active{box-shadow:0 2px 8px #ff45001a}.message-conversation-item--active,.message-conversation-item--active:hover{background:#fff5f0;border-color:#ff4500}.dark-mode .message-conversation-item--active{background:#ff450026;border-color:#ff450080}.message-conversation-item--unread{font-weight:600}.message-conversation-item--pinned{background:linear-gradient(135deg,#fff5f0,#fff);border-left:3px solid #ff4500;padding-left:13px}.dark-mode .message-conversation-item--pinned{background:linear-gradient(135deg,#ff45001a 0,var(--color-bg-secondary) 100%);border-left-color:#ff4500}.message-avatar-wrapper{flex-shrink:0;height:56px;margin-right:16px;position:relative;width:56px}.message-avatar{border-radius:8px;display:block;height:56px;width:56px}.message-avatar--group{align-items:center;background:#ff6b35;display:flex;justify-content:center}.message-avatar-group-icon{color:#fff;font-size:20px}.message-avatar-placeholder{align-items:center;background:#ff4500;border-radius:8px;color:#fff;display:flex;font-size:20px;font-weight:700;height:56px;justify-content:center;line-height:1;text-align:center;width:56px}.message-avatar-placeholder.message-chat-avatar{align-items:center;border-radius:8px;display:flex;font-size:16px;font-weight:600;height:44px;justify-content:center;margin-right:16px;width:44px}.message-avatar-placeholder.message-item-avatar{align-items:center;display:flex;font-size:14px;font-weight:600;height:36px;justify-content:center;margin-right:0;width:36px}.message-conversation-info{flex:1 1;min-width:0}.message-conversation-details{flex:1 1;min-width:0;overflow:hidden}.message-conversation-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.message-conversation-name{color:#111827;flex:1 1;font-weight:600;margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark-mode .message-conversation-name{color:var(--color-text)}.message-conversation-preview{color:#6b7280;display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.dark-mode .message-conversation-preview{color:var(--color-text-muted)}.message-conversation-actions{flex-shrink:0;margin-left:8px}.message-action-btn{padding:8px}.message-action-btn:hover{color:#111827}.dark-mode .message-action-btn:hover{color:var(--color-text)}.message-pin-icon{transition:transform .2s,opacity .2s}.message-pin-icon--rotated{transform:rotate(-45deg)}.message-action-btn--active{color:#ff4500}.message-action-btn--active svg{stroke:#ff4500}.message-pinned-indicator{display:inline-block;height:12px;margin-right:6px;transform:rotate(-45deg);vertical-align:middle;width:12px}.message-pinned-indicator path{stroke:#ff4500;stroke-width:3}.message-conversation-meta{align-items:flex-end;display:flex;flex-direction:column;margin-left:8px}.message-conversation-time{color:#6b7280;font-size:12px;margin-bottom:6px;white-space:nowrap}.message-unread-badge{align-items:center;background:#ff4500;border-radius:10px;box-shadow:0 2px 4px #ff450040;color:#fff;display:flex;font-size:11px;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 6px}.message-main{background:#fff;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;position:relative}.dark-mode .message-main{background:var(--color-bg-secondary)}.message-empty{align-items:center;color:#9ca3af;display:flex;flex:1 1;flex-direction:column;justify-content:center}.message-empty-icon{color:#e5e7eb;height:120px;margin-bottom:24px;width:120px}.message-empty-title{color:#4b5563;font-size:20px;font-weight:600;margin-bottom:8px}.dark-mode .message-empty-title{color:var(--color-text-muted)}.message-empty-text{color:#9ca3af}.message-chat-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:20px}.dark-mode .message-chat-header{background:var(--color-bg-secondary);border-bottom-color:var(--color-border)}.message-chat-avatar{border-radius:8px;height:44px;margin-right:16px;width:44px}.message-chat-avatar--hidden,.message-chat-avatar--placeholder-hidden{display:none!important}.message-chat-info{flex:1 1}.message-chat-name{color:#111827;font-size:18px;margin-bottom:4px}.dark-mode .message-chat-name{color:var(--color-text)}.message-chat-status{color:#10b981;font-size:14px}.message-chat-status.offline{color:#6b7280}.message-chat-actions{gap:12px}.message-actions-divider{background:#e5e7eb;height:20px;margin:0 4px;width:1px}.message-action-button{background:#fff;border:1px solid #e5e7eb;height:40px;transition:all .2s;width:40px}.dark-mode .message-action-button{background:var(--color-bg-tertiary);border-color:var(--color-border);color:var(--color-text-muted)}.dark-mode .message-actions-divider{background:var(--color-border)}.message-action-button:hover{border-color:#ff4500}.message-chat-messages{display:flex;flex:1 1;flex-direction:column;gap:0;overflow-y:auto;padding:0!important}.message-chat-messages>div,.message-chat-messages>div>div,.message-chat-messages>div>div>div{margin:0!important;padding:0!important;width:100%!important}.message-item{align-items:flex-end;display:flex;gap:12px;margin-bottom:12px;max-width:100%;padding:0 8px}.message-item.own{align-self:flex-end;flex-direction:row-reverse}.message-bubble-wrapper__avatar-container{cursor:pointer}.message-bubble-wrapper__avatar--hidden{display:none!important}.message-item-avatar{border-radius:6px;flex-shrink:0;height:36px;object-fit:cover;width:36px}.message-chat-avatar--hidden,.message-info-avatar--hidden,.message-item-avatar--hidden{display:none!important}.message-header-avatar-container--clickable,.message-info-avatar-wrapper--clickable{cursor:pointer}.message-chat-avatar--group{align-items:center;display:flex;justify-content:center}.message-chat-avatar-group-icon{color:#fff;font-size:20px}.message-item-content{display:flex;flex-direction:column;gap:4px}.message-item-bubble{word-wrap:break-word;background:#f3f4f6;border-radius:16px;max-width:100%;padding:12px 16px}.dark-mode .message-item-bubble{background:var(--color-bg-tertiary)}.message-item.own .message-item-bubble{background:#ff4500;color:#fff}.message-item-text{font-size:15px;line-height:1.5;margin:0}.message-item-meta{align-items:center;color:#9ca3af;display:flex;font-size:12px;gap:8px;padding:0 4px}.message-item.own .message-item-meta{flex-direction:row-reverse}.message-date-separator{align-items:center;color:#9ca3af;display:flex;font-size:13px;gap:16px;margin:16px 0;text-align:center}.message-date-separator:after,.message-date-separator:before{background:#e5e7eb;content:"";flex:1 1;height:1px}.dark-mode .message-date-separator:after,.dark-mode .message-date-separator:before{background:var(--color-border)}.message-input-container.dragging-over{background:#ff45000d;min-height:150px;transition:background-color .2s,min-height .2s}.dark-mode .message-input-container.dragging-over{background:#ff45001a}.message-drag-overlay{align-items:center;background:#fffffffa;border:2px dashed #ff4500;border-radius:12px;bottom:8px;display:flex;justify-content:center;left:8px;pointer-events:none;position:absolute;right:8px;top:8px;z-index:100}.dark-mode .message-drag-overlay{background:#1f2937fa}.message-drag-overlay__content{color:#ff4500;padding:16px;text-align:center}.message-drag-overlay__icon{color:#ff4500;height:48px;margin-bottom:8px;width:48px}.message-drag-overlay__text{color:#ff4500;font-size:16px;font-weight:600;margin:4px 0}.message-input-container{background:#fff;border-top:1px solid #e5e7eb;flex-shrink:0;padding:20px;z-index:10}.dark-mode .message-input-container{background:var(--color-bg-secondary);border-top-color:var(--color-border)}.message-input-field{transition:border-color .2s}.message-input-button{background:none;height:44px;width:44px}.message-input-button:hover{background:#f3f4f6;color:#111827}.dark-mode .message-input-button:hover{background:var(--color-bg-tertiary);color:var(--color-text)}.message-input-button.send:hover{background:#e63900;transform:scale(1.05)}.message-info-panel{display:flex;flex-direction:column}.dark-mode .message-info-panel{background:var(--color-bg-secondary);border-left-color:var(--color-border)}.message-info-header{padding:20px}.dark-mode .message-info-header{border-bottom-color:var(--color-border)}.message-info-header h3{color:#111827}.dark-mode .message-info-header h3{color:var(--color-text)}.message-info-close{background:none;border-radius:6px;color:#6b7280}.message-info-close:hover{color:#111827}.dark-mode .message-info-close:hover{background:var(--color-bg-tertiary);color:var(--color-text)}.dark-mode .message-info-section{border-bottom-color:var(--color-border)}.message-info-section-title{color:#6b7280;letter-spacing:.05em;margin-bottom:16px}.message-info-participant{gap:16px}.message-info-avatar{border-radius:8px;flex-shrink:0;height:64px;width:64px}.message-avatar-placeholder.message-info-avatar{font-size:24px;height:64px;margin-right:0;width:64px}.message-info-name{color:#111827}.dark-mode .message-info-name{color:var(--color-text)}.message-info-email{margin-bottom:8px}.message-info-status{color:#6b7280}.message-info-stat{align-items:center}.message-info-stat-label{font-size:14px}.message-info-stat-value{color:#111827;font-size:14px}.dark-mode .message-info-stat-value{color:var(--color-text)}.message-info-action-btn{color:#374151}.dark-mode .message-info-action-btn{background:var(--color-bg-tertiary)}.message-info-action-btn:hover{border-color:#d1d5db}.dark-mode .message-info-action-btn:hover{background:var(--color-bg-hover);border-color:var(--color-border-dark)}.message-info-action-btn.danger:hover{background:#fee2e2;border-color:#fecaca}.dark-mode .message-info-action-btn.danger:hover{background:#dc26261a;border-color:#dc2626}.message-info-action-btn.restore:hover{background:#d1fae5;border-color:#a7f3d0}.dark-mode .message-info-action-btn.restore:hover{background:#10b9811a;border-color:#10b981}.message-info-action-btn svg{flex-shrink:0}@media (max-width:768px){.message-center-container{flex-direction:column}.message-sidebar{height:100%;width:100%}.message-main{bottom:0;left:0;position:absolute;right:0;top:0;transform:translateX(100%);transition:transform .3s ease}.message-main.active{transform:translateX(0)}.message-info-panel{bottom:0;position:absolute;right:0;top:0;transform:translateX(100%);transition:transform .3s ease}.message-info-panel.active{transform:translateX(0)}.message-mobile-back{align-items:center;color:#ff4500;cursor:pointer;display:flex;font-weight:600;gap:8px;margin:-8px -8px 8px;padding:8px}}@media (min-width:769px){.message-mobile-back{display:none}}.message-loading{align-items:center;color:#6b7280;display:flex;justify-content:center;padding:40px}.message-spinner{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#ff4500;height:40px;width:40px}.create-group-button,.new-conversation-button{align-items:center;background:#ff4500;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;justify-content:center;margin:16px;padding:12px 20px;text-align:center;transition:all .2s;width:calc(100% - 32px)}.create-group-button:hover,.new-conversation-button:hover{background:#e63900;box-shadow:0 4px 8px #ff450033;transform:translateY(-1px)}.modal-backdrop{background-color:#0009;height:100%;width:100%}.modal-content{background-color:#fff;box-shadow:0 5px 25px #00000026;overflow:hidden;padding:0;z-index:10001}.modal-header h3{color:#111827;font-size:20px}.modal-close{background:none;border-radius:6px;font-size:28px;padding:0}.modal-close:hover{color:#111827}.modal-body{max-height:calc(80vh - 140px);overflow-y:auto}.user-search-section{margin-bottom:20px}.user-search-section label{color:#374151;display:block;font-weight:500;margin-bottom:8px}.user-search-input{border:1px solid #d1d5db;border-radius:8px;font-size:16px;padding:10px 14px;transition:all .2s;width:100%}.user-search-input:focus{border-color:#ff4500;box-shadow:0 0 0 3px #ff45001a;outline:none}.search-loading{color:#6b7280;padding:20px;text-align:center}.search-results{margin-top:16px}.user-result-item{align-items:center;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;margin-bottom:8px;padding:12px 16px;transition:all .2s}.user-result-item:hover{background:#f9fafb;border-color:#ff4500}.user-result-avatar{background:#e5e7eb;border-radius:8px;height:40px;margin-right:12px;object-fit:cover;width:40px}.user-result-info{flex:1 1}.user-result-name{color:#111827;font-weight:500;margin-bottom:2px}.user-result-email{color:#6b7280;font-size:14px}.selected-user-section{margin-bottom:20px}.selected-user-card{align-items:center;background:#f9fafb;border-radius:8px;display:flex;margin-bottom:12px;padding:16px}.message-input-section label{color:#374151;display:block;font-weight:500;margin-bottom:8px}.message-textarea{border:1px solid #d1d5db;border-radius:8px;font-size:16px;min-height:100px;padding:10px 14px;resize:vertical;transition:all .2s;width:100%}.message-textarea:focus{border-color:#ff4500;box-shadow:0 0 0 3px #ff45001a;outline:none}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-primary{flex:1 1}.btn-primary:hover:not(:disabled){background:#e63900}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-secondary:hover{color:#111827}.no-results{color:#6b7280;padding:20px;text-align:center}.dark-mode .modal-content{background-color:var(--color-bg-secondary)}.dark-mode .modal-header{border-bottom-color:var(--color-border)}.dark-mode .modal-header h3{color:var(--color-text)}.dark-mode .modal-close{color:var(--color-text-muted)}.dark-mode .message-textarea,.dark-mode .user-search-input{background:var(--color-bg-tertiary);border-color:var(--color-border);color:var(--color-text)}.dark-mode .user-result-item{border-color:var(--color-border)}.dark-mode .btn-secondary,.dark-mode .selected-user-card,.dark-mode .user-result-item:hover{background:var(--color-bg-tertiary)}.dark-mode .btn-secondary{color:var(--color-text)}.dark-mode .btn-secondary:hover{background:var(--color-bg-hover);color:var(--color-text)}.message-conversation-actions{gap:8px;margin-right:12px}.message-action-btn{background:#fff;border:1px solid #e5e7eb;gap:6px;height:40px;min-width:40px;padding:0 12px;transition:all .2s}.message-action-btn--with-text{min-width:auto}.message-action-btn--with-text span{font-size:14px;font-weight:500}.message-action-btn svg{height:20px!important;width:20px!important}.message-action-btn:hover{border-color:#ff4500;color:#ff4500}.message-action-btn-archive:hover{border-color:#8b5cf6;color:#8b5cf6}.message-action-btn-trash-archive:hover,.message-action-btn-trash:hover{border-color:#ef4444;color:#ef4444}.message-action-btn-restore:hover,.message-action-btn-unarchive:hover{border-color:#10b981;color:#10b981}.message-action-btn-delete:hover{border-color:#ef4444;color:#ef4444}.message-action-mute-wrapper{position:relative}.message-action-btn-mute.active{opacity:.7}.message-action-btn-mute.active svg{stroke:#6b7280}.message-action-btn-pin.active{background:#fbbf24;border-color:#fbbf24;color:#fff}.message-action-mute-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;left:50%;min-width:150px;overflow:hidden;position:absolute;top:calc(100% + 8px);transform:translateX(-50%);z-index:1000}.message-action-mute-dropdown button{background:none;border:none;color:#374151;cursor:pointer;display:block;font-size:14px;padding:10px 16px;text-align:left;transition:background-color .2s;white-space:nowrap;width:100%}.message-action-mute-dropdown button:hover{background:#f3f4f6;color:#8b5cf6}.dark-mode .message-action-mute-dropdown{background:var(--color-bg-secondary);border-color:var(--color-border)}.dark-mode .message-action-mute-dropdown button{color:var(--color-text)}.dark-mode .message-action-mute-dropdown button:hover{background:var(--color-bg-tertiary)}.confirm-delete-modal{height:100%;width:100%;z-index:10000}.confirm-delete-content{box-shadow:0 10px 25px #0003}.confirm-delete-content h3{color:#111827;font-size:20px}.confirm-delete-content p{line-height:1.5;margin:0 0 24px}.btn-danger{flex:1 1}.dark-mode .message-action-btn{background:var(--color-bg-tertiary);border-color:var(--color-border);color:var(--color-text-muted)}.dark-mode .message-action-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.dark-mode .confirm-delete-content{background:var(--color-bg-secondary)}.dark-mode .confirm-delete-content h3{color:var(--color-text)}.dark-mode .confirm-delete-content p{color:var(--color-text-muted)}.message-conversation-item--trashed{opacity:.7}.message-conversation-item--trashed .message-conversation-name{text-decoration:line-through}.trash-info{color:#ef4444;font-size:12px;margin-top:4px}.trash-info svg{display:inline-block;height:12px;margin-right:4px;vertical-align:middle;width:12px}.message-center{margin:0 auto;max-width:1200px;padding:0;width:100%}.message-center--full-width{margin:0;max-width:none}body.has-profile-background .message-center{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1rem}body.dark-mode .message-center{background-color:#2a2a2a;color:var(--color-text)}body.dark-mode.has-profile-background .message-center{background-color:#2a2a2af2}.message-center__header{border-bottom:2px solid var(--color-primary);margin-bottom:2rem;padding:.5rem 1rem 1rem;position:relative;text-align:center}.message-center__header-content{width:100%}.message-center__header h1{color:var(--color-primary);font-size:2.5rem;margin:0 0 .5rem}.message-center__header p{color:var(--color-text-secondary);font-size:1.1rem;margin:0}.message-center__share-button{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;font-size:.875rem;height:auto;justify-content:center;margin-left:1rem;min-height:0;min-height:auto;padding:.25rem .5rem;position:static;transition:all .2s ease}.message-center__share-button:hover{background-color:var(--color-bg-tertiary);box-shadow:var(--shadow-md);color:var(--color-primary);transform:translateY(-1px)}.message-center__share-button:active{transform:translateY(0)}.message-center__share-button svg{fill:currentColor;height:1em;width:1em}.message-center__status{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem;padding:0 1rem}.message-center__status-item{align-items:center;border-radius:var(--radius-lg);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.message-center__status-item--success{background-color:#28a7451a;border:1px solid #28a7454d;color:#28a745}.message-center__status-item--info{background-color:#17a2b81a;border:1px solid #17a2b84d;color:#17a2b8}.message-center__status-item--warning{background-color:#ffc1071a;border:1px solid #ffc1074d;color:#ffc107}body.dark-mode .message-center__status-item--success{background-color:#28a74533}body.dark-mode .message-center__status-item--info{background-color:#17a2b833}body.dark-mode .message-center__status-item--warning{background-color:#ffc10733}.message-center__content{box-sizing:border-box;padding:0 1rem;width:100%}.message-center__section{margin-bottom:3rem}.message-center__section h2{border-bottom:1px solid var(--color-border);color:var(--color-text);margin-bottom:1rem;padding-bottom:.5rem}.message-center__cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.message-center__card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:1.5rem;transition:all .3s ease}.message-center__card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.message-center__card h3{color:var(--color-primary);margin:0 0 .5rem}.message-center__card p{color:var(--color-text-secondary);margin:0}.message-center__features{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));list-style:none;margin:0;padding:0}.message-center__features li{background-color:var(--color-bg-tertiary);border-left:3px solid var(--color-primary);border-radius:var(--radius-base);padding:.5rem}.message-center__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.message-center__button{border:none;border-radius:var(--radius-base);cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.message-center__button--primary{background-color:var(--color-primary);color:#fff}.message-center__button--primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.message-center__button--secondary{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.message-center__button--secondary:hover{background-color:var(--color-bg-tertiary);transform:translateY(-1px)}.message-center__notice{background-color:#ffc1071a;border:1px solid #ffc1074d;border-radius:var(--radius-lg);margin-top:3rem;padding:1.5rem;text-align:center}.message-center__notice p{font-weight:500;margin:0}.message-center__breadcrumb-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;padding:1rem 1rem 0}.message-center__breadcrumbs{flex:1 1;margin:0;padding:0}.message-center__breadcrumbs ol{flex-wrap:wrap;list-style:none;margin:0;padding:0}.message-center__breadcrumbs li,.message-center__breadcrumbs ol{align-items:center;display:flex;gap:.5rem}.message-center__breadcrumbs a{align-items:center;color:var(--color-primary);display:flex;gap:.25rem;text-decoration:none;transition:color .2s ease}.message-center__breadcrumbs a:hover{color:var(--color-primary-hover);text-decoration:underline}.message-center__breadcrumb-separator{color:var(--color-text-secondary);font-size:.75rem}@media (max-width:768px){.message-center{margin:0!important;max-width:100%!important}.message-center,body.has-profile-background .message-center{border-radius:0!important;padding:0!important}.message-chat-messages{padding:.5rem .25rem}.message-main{height:100vh;max-height:100vh;overflow:hidden}.message-input-container{padding:.5rem .25rem}.message-item{margin-bottom:.5rem;padding-left:.25rem}.message-item,.message-item.own{padding-right:.25rem}.message-item-bubble{max-width:90%}.message-chat-header{align-items:stretch;background:var(--color-bg);border-bottom:1px solid var(--color-border);box-shadow:0 2px 4px #0000000d;flex-direction:column;flex-shrink:0;gap:.5rem;padding:.5rem .25rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.dark-mode .message-chat-header{background:var(--color-bg);box-shadow:0 2px 4px #0003}.message-chat-user{flex-wrap:nowrap;gap:8px;width:100%}.message-mobile-back{flex-shrink:0;margin-right:8px;min-width:auto;padding:6px 10px}.message-chat-info{flex:1 1;min-width:0}.message-chat-actions{border-top:1px solid var(--color-border);justify-content:center;padding-top:.5rem;width:100%}.message-action-btn,.message-action-button{height:44px;min-height:44px;min-width:44px;width:44px}.message-action-btn--with-text{font-size:15px;min-height:44px;padding:10px 16px}.message-action-btn--with-text svg{height:18px;width:18px}.message-center__header h1{font-size:2rem}.message-center__breadcrumb-row,.message-center__breadcrumbs{display:none!important}.message-center__share-button{font-size:.75rem;margin-left:.5rem;padding:.25rem}.message-center__status{align-items:stretch;flex-direction:column}.message-center__content{padding:0 .5rem}.message-center__cards,.message-center__features{grid-template-columns:1fr}.message-center__actions{flex-direction:column}.message-center__button{width:100%}}.message-center__skip-link{background:var(--color-primary);border-radius:var(--radius-base);color:#fff;font-weight:500;left:-9999px;padding:8px 16px;position:absolute;text-decoration:none;top:0;z-index:100}.message-center__skip-link:focus{box-shadow:var(--shadow-lg);left:50%;top:10px;transform:translateX(-50%)}.message-center__error{margin:0 auto;max-width:600px;padding:3rem 1rem;text-align:center}.message-center__error h2{color:var(--color-danger);margin-bottom:1rem}.message-center__error p{color:var(--color-text-secondary);margin-bottom:2rem}.message-center__loading{padding:2rem 1rem}.message-center__skeleton{animation:skeleton-loading 1.5s ease-in-out infinite}.message-center__skeleton-card,.message-center__skeleton-header,.message-center__skeleton-text{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--radius-base)}.message-center__skeleton-header{height:3rem;margin:0 auto 2rem;width:60%}.message-center__skeleton-text{height:1rem;margin-bottom:1rem}.message-center__skeleton-text--short{width:70%}.message-center__skeleton-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.message-center__skeleton-card{height:150px}.message-center__form{max-width:600px}.message-center__form-group{margin-bottom:1.5rem}.message-center__form-group label{color:var(--color-text);display:block;font-weight:500;margin-bottom:.5rem}.message-center__required{color:var(--color-danger);margin-left:.25rem}.message-center__input,.message-center__select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:1rem;min-height:44px;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.message-center__input:focus,.message-center__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.message-center__help-text{color:var(--color-text-secondary);display:block;font-size:.875rem;margin-top:.5rem}body.dark-mode .message-center__skeleton-card,body.dark-mode .message-center__skeleton-header,body.dark-mode .message-center__skeleton-text{background:linear-gradient(90deg,#3a3a3a 25%,#4a4a4a 50%,#3a3a3a 75%)}body.dark-mode .message-center__input,body.dark-mode .message-center__select{background-color:var(--color-bg-secondary)}.message-center__button:focus-visible,.message-center__card:focus-visible,.message-center__input:focus-visible,.message-center__select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media print{.message-center__actions,.message-center__notice,.message-center__offline-banner,.message-center__skip-link,.message-center__toast{display:none}.message-center{background:#fff;color:#000;max-width:none;padding:0}}.message-center__offline-banner{align-items:center;background-color:var(--color-warning);box-shadow:var(--shadow-md);color:#fff;display:flex;font-weight:500;gap:.5rem;justify-content:center;left:0;padding:.75rem;position:fixed;right:0;text-align:center;top:0;z-index:1100}.message-center__toast{align-items:center;animation:slideIn .3s ease-out;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);bottom:2rem;box-shadow:var(--shadow-lg);display:flex;gap:1rem;max-width:400px;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:1200}.message-center__toast-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.message-center__toast-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s ease}.message-center__toast-close:hover{color:var(--color-text)}.message-input-container{background:var(--color-bg);border-top:1px solid var(--color-border);bottom:0;padding:0;position:-webkit-sticky;position:sticky;z-index:100}.message-input-wrapper{align-items:flex-end;display:flex;gap:12px;padding:12px 20px}.message-input-field{-ms-overflow-style:none;background:#f9fafb;border:1px solid #e5e7eb;border-radius:24px;flex:1 1;font-size:15px;line-height:1.5;max-height:120px;min-height:44px;outline:none;overflow-x:hidden;overflow-y:auto;padding:10px 16px;resize:none;scrollbar-width:none}.message-input-field::-webkit-scrollbar{display:none}.conversation-actions{align-items:stretch;border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border,#e5e7eb);display:flex;gap:10px;padding:10px}.conversation-actions .create-group-button,.conversation-actions .new-conversation-button{align-items:center;background:#ff4500;background:var(--color-primary,#ff4500);border:none;border-radius:8px;box-shadow:none;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;height:44px;justify-content:center;margin:0;min-height:44px;padding:12px 16px;text-align:center;transform:none;transition:background .2s;white-space:nowrap;width:auto}.conversation-actions .create-group-button:hover,.conversation-actions .new-conversation-button:hover{background:#e63900;background:var(--color-primary-dark,#e63900);box-shadow:0 2px 4px #0000001a;transform:none}.conversation-actions .button-icon{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;margin-right:8px;width:20px}.conversation-actions button span{align-items:center;display:flex}.message-tabs{border-bottom:1px solid #e5e7eb;display:flex;gap:8px;margin-bottom:16px;padding:0 16px}.message-tab{background:#0000;border:none;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:12px 16px;position:relative;transition:color .2s;white-space:nowrap}.message-tab:hover{color:#374151}.message-tab--active{color:#ff4500;font-weight:600}.message-tab--active:after{background:#ff4500;bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.message-tab-badge{align-items:center;background:#ff4500;border-radius:10px;color:#fff;display:inline-flex;font-size:12px;font-weight:600;height:20px;justify-content:center;margin-left:6px;min-width:20px;padding:0 6px}.dark-mode .message-tabs{border-bottom-color:#374151}.dark-mode .message-tab{color:#9ca3af}.dark-mode .message-tab:hover{color:#d1d5db}.dark-mode .message-tab--active{color:#ff4500}.conversation-list__search-wrapper{margin:16px;position:relative}.conversation-list .conversation-list__search-wrapper input.conversation-list__search-input,input.conversation-list__search-input[type=text]{-webkit-appearance:none;appearance:none;background:#fff;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-sizing:border-box;color:#333;font-size:14px;padding:10px 16px 10px 40px;transition:border-color .2s;width:100%}.conversation-list .conversation-list__search-wrapper .conversation-list__search-input:focus,.conversation-list__search-input:focus{border-color:#ff4500;outline:none}.conversation-list .conversation-list__search-wrapper .conversation-list__search-input::placeholder,.conversation-list__search-input::placeholder{color:#9ca3af;opacity:1}.conversation-list__search-icon{color:#9ca3af;font-size:14px;height:14px;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:14px}.dark-mode .conversation-list__search-input{background:#1f2937;border-color:#374151;color:#e5e7eb}.dark-mode .conversation-list__search-input:focus{border-color:#ff4500}.modal-backdrop{z-index:10000}.modal-content{background:var(--color-bg,#fff);box-shadow:0 10px 40px #0003;max-width:600px;overflow:auto}.message-input-field:focus{background:#fff;border-color:#ff4500}.message-input-field:disabled{background:#f3f4f6;cursor:not-allowed}.message-input-actions{align-items:center;display:flex;gap:8px}.message-input-button{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.message-input-button:hover:not(:disabled){background:#f3f4f6;color:#ff4500}.message-input-button:disabled{cursor:not-allowed;opacity:.5}.message-input-button.send{background:#ff4500;color:#fff}.message-input-button.send:hover:not(:disabled){background:#e03e00;transform:scale(1.05)}.message-input-button.send.active{background:#ff4500}.message-input-button.send:disabled{background:#e5e7eb}.dark-mode .message-input-container{background:var(--color-bg);border-color:var(--color-border)}.dark-mode .message-input-field{background:var(--color-bg-tertiary);border-color:var(--color-border);color:var(--color-text)}.dark-mode .message-input-field:focus{background:var(--color-bg-secondary)}.dark-mode .message-input-button:hover:not(:disabled){background:var(--color-bg-tertiary)}.message-archive-banner{background:#eff6ff;border:1px solid #bfdbfe}.dark-mode .message-archive-banner{background:#3b82f61a;border-color:#3b82f64d}.message-archive-banner{align-items:center;background:#dbeafe;border:1px solid #93c5fd;color:#1e3a8a;display:flex;flex-shrink:0;font-size:14px;gap:12px;padding:12px 16px}.dark-mode .message-archive-banner{background:#2563eb1a;border-color:#2563eb4d;color:#93c5fd}.message-trash-warning{align-items:center;background:#fef2f2;border:1px solid #fecaca;color:#991b1b;display:flex;flex-shrink:0;font-size:14px;gap:12px;padding:12px 16px}.dark-mode .message-trash-warning{background:#dc26261a;border-color:#dc26264d;color:#fca5a5}.message-chat-header{align-items:center;background:var(--color-bg);border-bottom:1px solid var(--color-border);display:flex;flex-shrink:0;justify-content:space-between;min-height:60px;padding:1rem}.message-chat-user{align-items:center;display:flex;flex:1 1;gap:12px}.message-mobile-back{align-items:center;background:#0000;border:none;color:var(--color-primary);cursor:pointer;display:flex;font-size:14px;gap:4px;margin-right:12px;padding:8px 12px;transition:opacity .2s}.message-mobile-back:hover{opacity:.8}.message-chat-avatar{border-radius:4px;flex-shrink:0;height:40px;object-fit:cover;width:40px}.message-chat-info{display:flex;flex-direction:column;justify-content:center}.message-chat-name{color:var(--color-text);font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-chat-status{color:var(--color-text-secondary);font-size:12px}.message-chat-status.online{color:#10b981}.message-chat-status.offline{color:var(--color-text-secondary)}.message-status-indicator{align-items:center;display:inline-flex;margin-left:6px;vertical-align:middle}.message-status-indicator svg{display:block;height:16px;transition:all .2s ease;width:16px}.message-status-icon{display:inline-block}.message-chat-actions{align-items:center;display:flex;gap:8px}.message-action-button{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:36px;justify-content:center;position:relative;transition:all .2s ease;width:36px}.message-action-button:hover{background:#f3f4f6;color:#ff4500}.message-action-button:active{transform:scale(.95)}.message-conversation-actions{display:flex;gap:4px}.message-action-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.message-action-btn--with-text{background:#f3f4f6;border-radius:20px;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;width:auto}.message-action-btn--with-text span{display:inline-block}.message-action-btn:hover{background:#f3f4f6}.message-action-btn-archive:hover{color:#10b981}.message-action-btn-unarchive{color:#3b82f6}.message-action-btn-unarchive:hover{color:#2563eb}.message-action-btn-trash.message-action-btn--with-text{background:#fed7aa;color:#ea580c}.message-action-btn-trash.message-action-btn--with-text:hover{background:#fdba74;color:#c2410c}.message-action-btn-trash:hover{color:#ef4444}.message-action-btn-restore{background:#d1fae5;color:#10b981}.message-action-btn-restore:hover{background:#a7f3d0;color:#059669}.message-action-btn-delete{background:#fee2e2;color:#dc2626}.message-action-btn-delete:hover{background:#fecaca;color:#b91c1c}.message-action-btn-unarchive{background:#dbeafe;color:#2563eb}.message-action-btn-unarchive:hover{background:#bfdbfe;color:#1d4ed8}.message-action-btn-trash-archive{background:#fed7aa;color:#ea580c}.message-action-btn-trash-archive:hover{background:#fdba74;color:#c2410c}.dark-mode .message-action-button{color:var(--color-text-secondary)}.dark-mode .message-action-button:hover{background:var(--color-bg-tertiary);color:#ff4500}.dark-mode .message-action-btn{color:var(--color-text-secondary)}.dark-mode .message-action-btn--with-text,.dark-mode .message-action-btn:hover{background:var(--color-bg-tertiary)}.dark-mode .message-action-btn-unarchive{background:#3b82f61a}.dark-mode .message-action-btn-unarchive:hover{background:#3b82f633}.dark-mode .message-action-btn-trash.message-action-btn--with-text{background:#ea580c1a;color:#fb923c}.message-unread-divider{align-items:center;display:flex;margin:20px 0;padding:0 20px;position:relative}.message-unread-divider:before{background:#ff4500;content:"";height:1px;left:20px;opacity:.3;position:absolute;right:20px}.message-unread-divider-text{background:var(--color-bg);color:#ff4500;font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 auto;padding:0 12px;position:relative;text-transform:uppercase;z-index:1}.dark-mode .message-unread-divider-text{background:var(--color-bg)}.dark-mode .message-action-btn-trash.message-action-btn--with-text:hover{background:#ea580c33;color:#fdba74}.dark-mode .message-action-btn-restore{background:#10b9811a;color:#34d399}.dark-mode .message-action-btn-restore:hover{background:#10b98133;color:#6ee7b7}.dark-mode .message-action-btn-delete{background:#dc26261a;color:#f87171}.dark-mode .message-action-btn-delete:hover{background:#dc262633;color:#fca5a5}.dark-mode .message-action-btn-unarchive{background:#2563eb1a;color:#60a5fa}.dark-mode .message-action-btn-unarchive:hover{background:#2563eb33;color:#93c5fd}.dark-mode .message-action-btn-trash-archive{background:#ea580c1a;color:#fb923c}.dark-mode .message-action-btn-trash-archive:hover{background:#ea580c33;color:#fdba74}.confirm-delete-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.confirm-delete-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:400px;padding:24px;width:90%}.confirm-delete-content h3{font-size:18px;font-weight:600;margin:0 0 12px}.confirm-delete-content p{color:#6b7280;font-size:14px;margin:0 0 20px}.confirm-delete-actions{display:flex;gap:12px;justify-content:flex-end}.btn-danger,.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.btn-secondary{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-weight:500;min-width:80px;padding:10px 20px;transition:all .2s}.btn-secondary:hover{background:#e5e7eb;border-color:#d1d5db}.btn-danger{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;min-width:120px;padding:10px 20px;transition:all .2s}.btn-danger:hover{background:#dc2626;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.btn-primary{background:#ff4500;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;min-width:80px;padding:10px 20px;transition:all .2s}.btn-primary:hover{background:#e03e00;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.dark-mode .confirm-delete-content{background:var(--color-bg);color:var(--color-text)}.dark-mode .confirm-delete-content p{color:var(--color-text-secondary)}.dark-mode .btn-secondary{background:#3a3a3a;background:var(--color-bg-tertiary,#3a3a3a);border-color:#4a4a4a;border-color:var(--color-border,#4a4a4a);color:#e5e7eb;color:var(--color-text,#e5e7eb)}.dark-mode .btn-secondary:hover{background:#4a4a4a;background:var(--color-bg-secondary,#4a4a4a);border-color:#5a5a5a;border-color:var(--color-border,#5a5a5a)}.dark-mode .btn-primary{background:#ff4500}.dark-mode .btn-primary:hover{background:#e03e00}.message-info-panel{animation:slideInRight .3s ease;background:#fff;border-left:1px solid #e5e7eb;bottom:0;box-shadow:-2px 0 8px #0000000d;overflow-y:auto;position:fixed;right:0;top:60px;width:320px;z-index:100}.message-info-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 20px}.message-info-header h3{font-size:18px;font-weight:600;margin:0}.message-info-close{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.message-info-close:hover{background:#f3f4f6}.message-info-section{border-bottom:1px solid #e5e7eb;padding:20px}.message-info-section:last-child{border-bottom:none}.message-info-section-title{color:#9ca3af;font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.message-info-participant{align-items:flex-start;display:flex;gap:12px}.message-avatar,.message-info-avatar{border-radius:4px;height:48px;object-fit:cover;width:48px}.message-avatar{flex-shrink:0}.message-info-participant-details{flex:1 1}.message-info-name{font-size:16px;font-weight:600;margin-bottom:4px}.message-info-email{color:#6b7280;font-size:14px;margin-bottom:4px}.message-info-status{align-items:center;display:flex;font-size:14px;gap:4px}.message-info-status.online{color:#10b981}.message-info-status.offline{color:#9ca3af}.message-info-stats{display:flex;flex-direction:column;gap:12px}.message-info-stat{display:flex;font-size:14px;justify-content:space-between}.message-info-stat-label{color:#6b7280}.message-info-stat-value{color:#1f2937;font-weight:500}.message-info-actions{display:flex;flex-direction:column;gap:8px}.message-info-action-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;text-align:left;transition:all .2s;width:100%}.message-info-action-btn:hover{background:#f9fafb;border-color:#ff4500;color:#ff4500}.message-info-action-btn.danger{color:#dc2626}.message-info-action-btn.danger:hover{background:#fef2f2;border-color:#dc2626}.message-info-action-btn.restore{color:#10b981}.message-info-action-btn.restore:hover{background:#f0fdf4;border-color:#10b981}.modal-backdrop{align-items:center;animation:fadeIn .2s ease;background:#00000080;display:flex;height:100vh;justify-content:center;left:0;overflow-y:auto;position:fixed;top:0;width:100vw;z-index:1000}.modal-content{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;margin:auto;max-height:80vh;max-width:500px;overflow-y:auto;position:relative;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h3{font-size:18px;font-weight:600;margin:0}.modal-close{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;transition:all .2s;width:32px}.modal-close:hover{background:#f3f4f6;color:#1f2937}.modal-body{padding:24px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.dark-mode .message-info-panel{background:var(--color-bg)}.dark-mode .message-info-header,.dark-mode .message-info-panel,.dark-mode .message-info-section{border-color:var(--color-border)}.dark-mode .message-info-email,.dark-mode .message-info-section-title,.dark-mode .message-info-stat-label{color:var(--color-text-secondary)}.dark-mode .message-info-name,.dark-mode .message-info-stat-value{color:var(--color-text)}.dark-mode .message-info-action-btn{background:var(--color-bg);border-color:var(--color-border);color:var(--color-text)}.dark-mode .message-info-action-btn:hover{background:var(--color-bg-tertiary)}.dark-mode .modal-content{background:var(--color-bg);color:var(--color-text)}.dark-mode .modal-header{border-color:var(--color-border)}.dark-mode .modal-close{color:var(--color-text-secondary)}.dark-mode .modal-close:hover{background:var(--color-bg-tertiary);color:var(--color-text)}@media (max-width:768px){.message-info-panel{width:100%}}.message-center__toast--success{border-color:var(--color-success)}.message-center__toast--success svg{color:var(--color-success)}.message-center__toast--warning{border-color:var(--color-warning)}.message-center__toast--warning svg{color:var(--color-warning)}.message-center__toast--error{border-color:var(--color-danger)}.message-center__toast--error svg{color:var(--color-danger)}.message-center__toast--info{border-color:var(--color-info)}.message-center__toast--info svg{color:var(--color-info)}.message-center__unsaved-indicator{color:var(--color-warning);font-size:.875rem;font-weight:400;margin-left:.5rem}.message-center__form-actions{display:flex;gap:1rem;margin-top:1.5rem}.message-center__image-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1rem}.message-center__image-container{aspect-ratio:16/9;background-color:var(--color-bg-secondary);border-radius:var(--radius-base);overflow:hidden;position:relative}.message-center__image{height:100%;object-fit:cover;transition:opacity .3s ease;width:100%}.message-center__image[data-src]{background-color:var(--color-bg-tertiary);opacity:0}.message-center__image:not([data-src]){opacity:1}@media (prefers-contrast:high){.message-center__button,.message-center__input,.message-center__select,.message-center__toast{border-width:2px}}@media (max-width:768px){.message-center__toast{bottom:1rem;left:1rem;max-width:none;right:1rem}.message-center__form-actions{flex-direction:column}.message-center__form-actions button{width:100%}.message-center__image-grid{grid-template-columns:1fr}}.message-reaction-container{display:inline-block;position:relative}.reaction-picker-trigger{align-items:center;color:var(--color-text-secondary);display:inline-flex;font-size:18px;justify-content:center;padding:4px 8px}.reaction-picker-trigger:hover{background:var(--color-bg-secondary);color:var(--color-primary)}.reaction-picker-popup{animation:fadeInUp .2s ease;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;bottom:100%;box-shadow:var(--shadow-lg);display:flex;gap:4px;left:50%;margin-bottom:8px;padding:8px;position:absolute;transform:translateX(-50%);z-index:1000}.reaction-picker-popup button{align-items:center;background:#0000;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:20px;justify-content:center;min-height:36px;min-width:36px;padding:8px;transition:all .2s ease}.reaction-picker-popup button:hover{background:var(--color-bg-secondary);transform:scale(1.2)}.message-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px;padding-left:48px}.message-reaction-pill{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;display:inline-flex;font-size:12px;gap:4px;min-height:24px;padding:2px 8px;transition:all .2s ease}.message-reaction-pill:hover{background:#e5e7eb;border-color:#d1d5db;transform:scale(1.05)}.message-reaction-pill--active{background:#fef3c7;border-color:#fbbf24}.message-reaction-pill--active:hover{background:#fde68a;border-color:#f59e0b}.message-reaction-pill__count{color:#6b7280;font-size:11px;font-weight:600}.message-reaction-pill--active .message-reaction-pill__count{color:#92400e}.dark-mode .message-reaction-pill{background:var(--color-bg-tertiary);border-color:var(--color-border)}.dark-mode .message-reaction-pill:hover{background:var(--color-bg-hover);border-color:var(--color-border-hover)}.dark-mode .message-reaction-pill--active{background:#fbbf2433;border-color:#fbbf24}.dark-mode .message-reaction-pill__count{color:var(--color-text-secondary)}.dark-mode .message-reaction-pill--active .message-reaction-pill__count{color:#fbbf24}.message-reactions-display{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px;padding-left:48px}.message-reaction-badge{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;cursor:pointer;display:inline-flex;font-size:12px;gap:4px;padding:2px 8px;transition:all .2s ease}.message-reaction-badge:hover{background:var(--color-bg-hover);border-color:var(--color-primary)}.message-reaction-badge.active{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.message-reaction-emoji{font-size:14px}.message-reaction-count{color:var(--color-text-secondary);font-weight:600}.message-reaction-badge.active .message-reaction-count{color:var(--color-primary)}@keyframes fadeInUp{0%{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.message-content-wrapper{position:relative}.message-action-buttons{align-items:center;display:flex;gap:8px;margin-top:4px;opacity:0;transition:opacity .2s ease}.message-item:hover .message-action-buttons{opacity:1}.message-action-text-btn{background:#0000;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:13px;font-weight:500;padding:2px 6px;transition:all .2s ease;white-space:nowrap}.message-action-text-btn:hover{background:#0000000d;color:#374151}.message-action-text-btn--copy:hover{background:#2563eb1a;color:#2563eb}.message-action-text-btn--edit:hover{background:#d977061a;color:#d97706}.message-action-text-btn--delete:hover{background:#dc26261a;color:#dc2626}.dark-mode .message-action-text-btn{color:#9ca3af}.dark-mode .message-action-text-btn:hover{background:#ffffff1a;color:#e5e7eb}.dark-mode .message-action-text-btn--copy:hover{background:#60a5fa33;color:#60a5fa}.dark-mode .message-action-text-btn--edit:hover{background:#fbbf2433;color:#fbbf24}.dark-mode .message-action-text-btn--delete:hover{background:#f8717133;color:#f87171}.reaction-picker-trigger{background:#0000;border:none;border-radius:4px;cursor:pointer;font-size:16px;line-height:1;opacity:.7;padding:2px 6px;transition:all .2s ease}.reaction-picker-trigger:hover{background:#0000000d;opacity:1;transform:scale(1.15)}.dark-mode .reaction-picker-trigger:hover{background:#ffffff1a}@media (max-width:768px){.reaction-picker-popup{bottom:auto;margin-bottom:0;margin-top:8px;top:100%}.message-action-buttons{background:#0000;gap:6px;opacity:1;padding:0}.message-action-text-btn{font-size:12px;padding:4px 8px}}.message-jump-to-unread{align-items:center;animation:slideDown .3s ease;background:#ff4500;border:none;border-radius:20px;box-shadow:0 2px 8px #ff45004d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;left:50%;padding:8px 16px;position:absolute;top:10px;transform:translateX(-50%);transition:all .3s ease;z-index:10}.message-jump-to-unread:hover{background:#ff5722;box-shadow:0 4px 12px #ff450066;transform:translateX(-50%) translateY(-2px)}.message-jump-to-unread svg{height:16px;width:16px}.message-item.message-highlight{animation:highlightMessage 2s ease}@keyframes highlightMessage{0%{background-color:#ff450000}20%{background-color:#ff450033}80%{background-color:#ff450033}to{background-color:#ff450000}}.messaging-emoji-picker{grid-gap:4px;background:#fff;background:var(--color-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:8px;box-shadow:0 4px 6px #0000001a;display:grid;gap:4px;grid-template-columns:repeat(8,1fr);max-height:300px;overflow-y:auto;padding:8px;position:absolute;width:320px;z-index:1000}.dark-mode .messaging-emoji-picker{background:#1f2937;background:var(--color-bg-tertiary,#1f2937);border-color:#374151;border-color:var(--color-border,#374151)}.messaging-emoji-picker--top{bottom:100%;margin-bottom:8px}.messaging-emoji-picker--bottom{margin-top:8px;top:100%}.messaging-emoji-picker--right{right:0}.messaging-emoji-picker--left{left:0}.messaging-emoji-picker__button{align-items:center;aspect-ratio:1;background:#0000;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:20px;justify-content:center;line-height:1;padding:0;transition:background-color .2s,transform .1s;width:100%}.messaging-emoji-picker__button:hover{background:#f3f4f6;background:var(--color-bg-hover,#f3f4f6);transform:scale(1.1)}.dark-mode .messaging-emoji-picker__button:hover{background:#374151;background:var(--color-bg-secondary,#374151)}.messaging-emoji-picker__button:active{transform:scale(.95)}.messaging-emoji-picker::-webkit-scrollbar{width:6px}.messaging-emoji-picker::-webkit-scrollbar-track{background:#f3f4f6;background:var(--color-bg-secondary,#f3f4f6);border-radius:3px}.messaging-emoji-picker::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--color-border,#d1d5db);border-radius:3px}.messaging-emoji-picker::-webkit-scrollbar-thumb:hover{background:#9ca3af;background:var(--color-text-secondary,#9ca3af)}@media (max-width:768px){.messaging-emoji-picker{grid-template-columns:repeat(7,1fr);max-height:250px;width:280px}}.messaging-emoji-picker{animation:fadeIn .2s ease-out}.messaging-emoji-picker__button:focus{outline:2px solid #ff4500;outline:2px solid var(--color-primary,#ff4500);outline-offset:-2px}.messaging-emoji-picker__button[aria-label],.messaging-emoji-picker__button[title]{position:relative}.media-lightbox-overlay{animation:fadeIn .3s ease-in-out;background-color:#000000e6;bottom:0;cursor:pointer;left:0;position:fixed;right:0;top:0;z-index:10000}.media-lightbox-container,.media-lightbox-overlay{align-items:center;display:flex;justify-content:center}.media-lightbox-container{max-height:95vh;max-width:95vw;position:relative}.media-lightbox-close-hint{animation:fadeIn .5s ease-in-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border-radius:4px;color:#ffffffe6;font-size:14px;padding:8px 16px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:10001}.media-lightbox-content{align-items:center;display:flex;justify-content:center;max-height:100%;max-width:100%}.media-lightbox-image{cursor:pointer;object-fit:contain}.media-lightbox-image,.media-lightbox-video{animation:scaleIn .3s ease-in-out;max-height:95vh;max-width:95vw}.media-lightbox-video{outline:none}.media-lightbox-overlay.fade-out{animation:fadeOut .3s ease-in-out forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media (max-width:768px){.media-lightbox-close-hint{background:#000c;font-size:12px;left:50%;padding:6px 12px;right:auto;top:10px;transform:translateX(-50%)}.media-lightbox-container{max-height:100vh;max-width:100vw}.media-lightbox-image{max-height:85vh;max-width:100vw}.media-lightbox-video{max-height:70vh;max-width:100vw}}body.lightbox-open{overflow:hidden}.simple-modal__backdrop{align-items:center;animation:fadeIn .2s ease;background-color:#00000080;box-sizing:border-box;display:flex;height:100%!important;justify-content:center;left:0!important;overflow-y:auto;padding:20px;position:fixed!important;top:0!important;width:100%!important;z-index:99999!important}.simple-modal__content{animation:slideUp .3s ease;background-color:#fff;background-color:var(--color-bg,#fff);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;margin:auto;max-height:calc(100vh - 40px);max-width:500px;position:relative;width:90%}.simple-modal__header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border,#e5e7eb);display:flex;justify-content:space-between;padding:20px 24px}.simple-modal__title{color:#1f2937;color:var(--color-text,#1f2937);font-size:18px;font-weight:600;margin:0}.simple-modal__close{align-items:center;background:#0000;border:none;border-radius:50%;color:#6b7280;color:var(--color-text-secondary,#6b7280);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;transition:all .2s;width:32px}.simple-modal__close:hover{background:#f3f4f6;background:var(--color-bg-tertiary,#f3f4f6);color:#1f2937;color:var(--color-text,#1f2937)}.simple-modal__body{color:#1f2937;color:var(--color-text,#1f2937);flex:1 1;overflow-y:auto;padding:24px}.dark-mode .simple-modal__content{background-color:#2a2a2a;background-color:var(--color-bg,#2a2a2a);color:#e5e7eb;color:var(--color-text,#e5e7eb)}.dark-mode .simple-modal__header{border-bottom-color:#4a4a4a;border-bottom-color:var(--color-border,#4a4a4a)}.dark-mode .simple-modal__title{color:#e5e7eb;color:var(--color-text,#e5e7eb)}.dark-mode .simple-modal__close{color:#9ca3af;color:var(--color-text-secondary,#9ca3af)}.dark-mode .simple-modal__close:hover{background:#3a3a3a;background:var(--color-bg-tertiary,#3a3a3a);color:#e5e7eb;color:var(--color-text,#e5e7eb)}@media (max-width:768px){.simple-modal__backdrop{padding:10px}.simple-modal__content{max-height:90vh;max-width:100%}.simple-modal__header{padding:16px 20px}.simple-modal__body{padding:20px}}@media (prefers-reduced-motion:reduce){.simple-modal__backdrop,.simple-modal__content{animation:none}}.video-embed{background:var(--color-bg-tertiary);border-radius:8px;margin:8px 0;max-width:100%;min-width:200px;overflow:hidden;width:100%}.video-embed__iframe{aspect-ratio:16/9;border:none;display:block;min-height:150px;width:100%}.video-embed__iframe--vertical{aspect-ratio:9/16;margin:0 auto;max-height:400px}.video-embed--youtube{background:#000}.video-embed--x{background:var(--color-bg);border:1px solid var(--color-border);padding:12px}.video-embed--facebook{background:#fff}.video-embed--tiktok{background:#000;display:flex;justify-content:center}.video-embed--rumble{background:#85c742}.video-embed--vimeo{background:#1ab7ea}.video-embed--link{background:var(--color-bg-tertiary);border:1px solid var(--color-border);padding:12px}.video-embed__external-link{align-items:center;background:var(--color-bg);border-radius:6px;color:var(--color-primary);display:inline-flex;font-size:14px;gap:8px;padding:8px 12px;text-decoration:none;transition:background .2s}.video-embed__external-link:hover{background:var(--color-bg-hover)}.video-embed__icon{height:16px;width:16px}@media (max-width:768px){.video-embed__iframe--vertical{max-height:300px}}.dark-mode .video-embed--link{background:var(--color-bg-tertiary);border-color:var(--color-border)}.dark-mode .video-embed__external-link{background:var(--color-bg-secondary)}.virtual-message-list{background:#fff;background:var(--color-bg,#fff);height:100%;position:relative;width:100%}.virtual-message-list__container{padding:0;scroll-behavior:smooth}.virtual-message-list__row{padding:4px 0;padding:var(--space-xs,4px) 0;transition:background-color .2s ease}.virtual-message-list__row:hover{background-color:#00000005;background-color:var(--color-hover,#00000005)}.virtual-message-list__row--own{display:flex;justify-content:flex-end}.virtual-message-list__separator-container{padding:16px 0;padding:var(--space-md,16px) 0}.virtual-message-list__typing-container{padding:8px 16px;padding:var(--space-sm,8px) var(--space-md,16px)}.virtual-message-list__scroll-bottom{align-items:center;background:#007bff;background:var(--color-primary,#007bff);border:none;border-radius:50%;bottom:24px;bottom:var(--space-lg,24px);box-shadow:0 2px 8px #00000026;box-shadow:var(--shadow-md,0 2px 8px #00000026);color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;position:absolute;right:24px;right:var(--space-lg,24px);transition:all .3s ease;width:48px;z-index:10}.virtual-message-list__scroll-bottom:hover{box-shadow:0 4px 12px #0003;box-shadow:var(--shadow-lg,0 4px 12px #0003);transform:translateY(-2px)}.virtual-message-list__scroll-bottom:active{transform:translateY(0)}.virtual-message-list__loading{align-items:center;background:#f5f5f5;background:var(--color-bg-secondary,#f5f5f5);border-radius:20px;border-radius:var(--radius-lg,20px);box-shadow:0 1px 4px #0000001a;box-shadow:var(--shadow-sm,0 1px 4px #0000001a);color:#666;color:var(--color-text-secondary,#666);display:flex;font-size:14px;font-size:var(--font-size-sm,14px);gap:8px;gap:var(--space-sm,8px);left:50%;padding:8px 16px;padding:var(--space-sm,8px) var(--space-md,16px);position:absolute;top:16px;top:var(--space-md,16px);transform:translateX(-50%);z-index:10}.virtual-message-list__loading-spinner{animation:spin .8s linear infinite;border:2px solid #ddd;border-top-color:#007bff;border:2px solid var(--color-border,#ddd);border-radius:50%;border-top-color:var(--color-primary,#007bff);height:16px;width:16px}[data-theme=dark] .virtual-message-list{background:#1a1a1a;background:var(--color-bg-dark,#1a1a1a)}[data-theme=dark] .virtual-message-list__row:hover{background-color:#ffffff05}[data-theme=dark] .virtual-message-list__loading{background:#2a2a2a;background:var(--color-bg-secondary-dark,#2a2a2a);color:#999;color:var(--color-text-secondary-dark,#999)}@media (max-width:768px){.virtual-message-list__container{padding:8px;padding:var(--space-sm,8px)}.virtual-message-list__scroll-bottom{bottom:16px;bottom:var(--space-md,16px);height:40px;right:16px;right:var(--space-md,16px);width:40px}}@media (prefers-reduced-motion:reduce){.virtual-message-list__row,.virtual-message-list__scroll-bottom{transition:none}.virtual-message-list__loading-spinner{animation:none;opacity:.6}}.message-thread{display:flex;flex-direction:column;height:100%}.message-thread__messages-container{flex:1 1;height:100%;min-height:200px;overflow:hidden;position:relative}.message-thread__avatar--hidden{display:none!important}.message-thread__avatar--visible{display:flex!important}.message-action-button.message-thread__action-btn--upcoming{opacity:.6}.message-thread__edit-group{align-items:center;display:flex;gap:8px}.message-thread__edit-input{border:1px solid #e5e7eb;border-radius:4px;flex:1 1;outline:none;padding:4px 8px}.message-thread__edit-save{background:#667eea;color:#fff}.message-thread__edit-cancel,.message-thread__edit-save{border:none;border-radius:4px;cursor:pointer;padding:4px 8px}.message-thread__edit-cancel{background:#e5e7eb}.message-thread__deleted-text{font-style:italic;opacity:.6}.message-thread__attachments{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;max-width:200px!important}.message-thread__attachment-item{border-radius:8px;cursor:pointer;max-width:200px;overflow:hidden}.message-item .message-item-content .message-thread__attachments .message-thread__attachment-item .message-thread__attachment-image,.message-item .message-item-content .message-thread__attachments .message-thread__attachment-item .message-thread__attachment-video,.message-thread__attachments .message-thread__attachment-item .message-thread__attachment-image,.message-thread__attachments .message-thread__attachment-item .message-thread__attachment-video,img.message-thread__attachment-image,video.message-thread__attachment-video{cursor:pointer!important;display:block!important;height:auto!important;max-height:150px!important;max-width:200px!important;object-fit:contain!important;width:auto!important}.message-thread__attachment-file{align-items:center;background:#f3f4f6;border-radius:8px;display:flex;gap:8px;padding:12px}.message-thread__attachment-file--own{background:#fff3}.message-thread__attachment-name{font-size:14px}.chat-message-attachment__video-wrapper{max-width:200px!important}.chat-message-attachment__file{max-width:200px}.message-thread__edited-label{opacity:.6}.message-thread__actions{display:flex;gap:8px}.message-thread__action-delete,.message-thread__action-edit{background:none;border:none;cursor:pointer;font-size:12px}.message-thread__action-edit{color:#667eea}.message-thread__action-delete{color:#ef4444}.message-thread__typing-bubble{padding:12px 16px}.message-thread__typing-content{align-items:center;display:flex;gap:4px}.message-thread__typing-text{margin-right:8px}.message-thread__typing-dots{display:flex;gap:2px}.message-attachments-preview,.message-thread__attachment-preview{border-bottom:1px solid #e5e7eb;display:flex;gap:8px;overflow-x:auto;padding:12px 20px}.message-media-preview{border-radius:8px;isolation:isolate;max-height:80px;max-width:80px;overflow:hidden;position:relative}.message-media-preview__image{border-radius:8px;display:block!important;height:auto!important;max-height:80px!important;max-width:80px!important;object-fit:cover!important;pointer-events:none;width:auto!important}.message-media-preview__remove{-webkit-tap-highlight-color:transparent!important;align-items:center!important;background:#000c!important;border:none!important;border-radius:50%!important;color:#fff!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;font-size:18px!important;height:24px!important;justify-content:center!important;line-height:1!important;pointer-events:auto!important;position:absolute!important;right:4px!important;top:4px!important;touch-action:manipulation!important;transition:none!important;-webkit-user-select:none!important;user-select:none!important;width:24px!important;z-index:999!important}.message-media-preview__remove:hover{background:#000000e6!important;transform:none!important}.message-media-preview__remove:active{background:#000!important;transform:none!important}.message-media-preview__filename{font-size:10px;margin-top:4px;text-align:center}.message-thread__preview-item{background:#f3f4f6;border-radius:8px;flex-shrink:0;height:80px;overflow:hidden;position:relative;width:80px}.message-thread__preview-image{height:100%;object-fit:cover;width:100%}.message-thread__preview-file{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:8px}.message-thread__preview-filename{font-size:10px;margin-top:4px;text-align:center;word-break:break-word}.message-thread__preview-remove{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:20px;justify-content:center;position:absolute;right:4px;top:4px;width:20px}.message-thread__blocked-banner{background:#fef2f2;border-bottom:1px solid #fecaca;color:#dc2626;font-size:14px;padding:12px 20px;text-align:center}.message-thread__unblock-btn{background:none;border:none;color:#10b981;cursor:pointer;margin-left:4px;text-decoration:underline}.message-thread__input-actions{align-items:center;display:flex;gap:8px;position:relative}.message-thread__info-nickname{color:#6b7280;font-size:14px;margin-left:8px}.message-thread__modal-label{display:block;font-weight:500;margin-bottom:8px}.message-thread__modal-input{border:1px solid #e5e7eb;border-radius:8px;font-size:16px;padding:10px;width:100%}.message-thread__modal-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;margin-top:20px}.message-thread__modal-actions button{min-width:70px}.message-thread__search-container{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.message-thread__search-input{border:1px solid #e5e7eb;border-radius:8px;font-size:16px;min-height:48px;padding:14px;width:100%}.message-thread__search-container .btn-primary{width:100%}.message-thread__search-results{max-height:400px;overflow-y:auto}.message-thread__search-title{color:#6b7280;margin-bottom:12px}.message-thread__search-item{border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;margin-bottom:8px;padding:12px}.message-thread__search-sender{font-weight:500;margin-bottom:4px}.message-thread__search-text{color:#6b7280}.message-thread__search-time{color:#9ca3af;font-size:12px;margin-top:4px}.message-thread__no-media{color:#6b7280;padding:40px;text-align:center}.message-thread__media-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.message-thread__media-item{background:#f3f4f6;border-radius:8px;cursor:pointer;overflow:hidden;padding-bottom:100%;position:relative}.message-thread__media-image{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.message-thread__media-file{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;padding:8px;position:absolute;top:0;width:100%}.message-thread__media-filename{font-size:10px;margin-top:4px;text-align:center;word-break:break-word}.message-thread__video-overlay{align-items:center;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;top:0;width:100%}.message-thread__play-icon{align-items:center;background:#0009;border-radius:50%;color:#fff;display:flex;height:48px;justify-content:center;transition:background .2s;width:48px}.message-thread__media-item:hover .message-thread__play-icon{background:#000c}.message-thread__block-message{color:#6b7280;margin-bottom:20px}.message-thread__confirm-actions{display:flex;gap:12px;justify-content:flex-end}.dark-mode .message-thread__edit-input{background:var(--color-bg-secondary);border-color:var(--color-border);color:var(--color-text)}.dark-mode .chat-message-attachment__file,.dark-mode .message-thread__attachment-file{background:var(--color-bg-tertiary)}.dark-mode .message-thread__modal-input,.dark-mode .message-thread__search-input{background:var(--color-bg-secondary);border-color:var(--color-border);color:var(--color-text)}.dark-mode .message-thread__search-item{background:var(--color-bg-secondary);border-color:var(--color-border)}.dark-mode .message-thread__search-text,.dark-mode .message-thread__search-time{color:var(--color-text-secondary)}.dark-mode .message-thread__media-item{background:var(--color-bg-tertiary)}@media (max-width:768px){.message-thread__attachments{flex-direction:column}.message-thread__attachment-item{max-width:180px!important}.message-thread__attachment-image,.message-thread__attachment-video{max-height:135px!important;max-width:180px!important}.chat-message-attachment,.chat-message-attachments{max-width:180px!important}.chat-message-attachment__image{max-height:135px!important;max-width:180px!important}.chat-message-attachment__video-wrapper{max-width:180px!important}.chat-message-attachment__video{max-height:135px!important;max-width:180px!important}.message-thread__modal-actions{flex-direction:column;gap:10px}.message-thread__modal-actions button{font-size:16px;min-height:44px;width:100%}.message-thread__search-container{flex-direction:column}.message-thread__search-input{font-size:16px;min-height:44px}.message-thread__button{min-height:44px;min-width:44px;padding:8px}.message-thread__media-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.message-thread__media-item{min-height:80px}.message-thread__header-actions button{min-height:44px;min-width:44px}.message-thread__modal-body input{font-size:16px;min-height:44px;padding:12px}}.message-item-avatar--placeholder{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:700;justify-content:center}.message-thread__deleted-actions{display:flex;gap:8px;margin-top:8px}.message-thread__deleted-permanent,.message-thread__deleted-restore{align-items:center;background:#0000;border:1px solid #ffffff4d;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:12px;gap:4px;padding:4px 8px;transition:all .2s}.message-thread__deleted-permanent svg,.message-thread__deleted-restore svg{flex-shrink:0}.message-thread__deleted-restore:hover{background:#fff3;border-color:#ffffff80;color:#fff}.message-thread__deleted-permanent:hover{background:#ef44444d;border-color:#ef4444;color:#fff}.dark-mode .message-thread__deleted-permanent,.dark-mode .message-thread__deleted-restore{border-color:var(--color-border);color:var(--color-text-secondary)}.dark-mode .message-thread__deleted-restore:hover{background:#22c55e33}.dark-mode .message-thread__deleted-permanent:hover{background:#ef444433}.toast{gap:var(--space-sm);min-width:250px;padding:var(--space-md)}.new-conversation-modal-backdrop{align-items:center;background:#00000080;display:flex;height:100vh;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100vw;z-index:10001}.new-conversation-modal-content{background:#fff;background:var(--color-bg,#fff);border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;margin:auto;max-height:80vh;max-width:500px;position:relative;width:90%}.new-conversation-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border,#e5e7eb);display:flex;flex-shrink:0;justify-content:space-between;padding:20px}.new-conversation-modal-header h3{color:#111827;color:var(--color-text,#111827);font-size:20px;font-weight:600;margin:0}.new-conversation-modal-close{align-items:center;background:none;border:none;color:#6b7280;color:var(--color-text-secondary,#6b7280);cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:color .2s;width:32px}.new-conversation-modal-close:hover{color:#111827;color:var(--color-text,#111827)}.new-conversation-modal-body{flex:1 1;overflow-y:auto;padding:20px}.new-conversation-message-section label,.new-conversation-user-search label{color:#374151;color:var(--color-text-secondary,#374151);display:block;font-weight:500;margin-bottom:8px}.new-conversation-message-input,.new-conversation-search-input{background:#fff;background:var(--color-bg,#fff);border:1px solid #d1d5db;border:1px solid var(--color-border,#d1d5db);border-radius:8px;color:#111827;color:var(--color-text,#111827);font-size:16px;outline:none;padding:10px 12px;transition:border-color .2s;width:100%}.new-conversation-message-input:focus,.new-conversation-search-input:focus{border-color:#ff4500;border-color:var(--color-primary,#ff4500)}.new-conversation-message-input{min-height:100px;resize:vertical}.new-conversation-no-results,.new-conversation-search-loading{color:#6b7280;color:var(--color-text-secondary,#6b7280);padding:20px;text-align:center}.new-conversation-search-results{border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:8px;margin-top:12px;overflow:hidden}.new-conversation-user-item{align-items:center;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--color-border-light,#f3f4f6);cursor:pointer;display:flex;padding:12px;transition:background-color .2s}.new-conversation-user-item:last-child{border-bottom:none}.new-conversation-user-item:hover{background-color:#f9fafb;background-color:var(--color-bg-hover,#f9fafb)}.new-conversation-user-avatar{border-radius:50%;height:40px;margin-right:12px;object-fit:cover;width:40px}.new-conversation-avatar-placeholder{align-items:center;background:#ff4500;background:var(--color-primary,#ff4500);border-radius:50%;color:#fff;display:flex;font-weight:600;height:40px;justify-content:center;margin-right:12px;width:40px}.new-conversation-user-info{flex:1 1}.new-conversation-user-name{color:#111827;color:var(--color-text,#111827);font-weight:500}.new-conversation-user-bio{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:14px;margin-top:2px}.new-conversation-selected-user{align-items:center;color:#111827;color:var(--color-text,#111827);display:flex;font-weight:500;margin-bottom:20px}.new-conversation-user-chip{align-items:center;background:#f3f4f6;background:var(--color-bg-secondary,#f3f4f6);border-radius:20px;display:flex;margin-left:8px;padding:4px 12px 4px 4px}.new-conversation-chip-avatar,.new-conversation-user-chip img{border-radius:50%;height:24px;margin-right:8px;width:24px}.new-conversation-chip-avatar{align-items:center;background:#ff4500;background:var(--color-primary,#ff4500);color:#fff;display:flex;font-size:12px;font-weight:600;justify-content:center}.new-conversation-user-chip button{background:none;border:none;color:#6b7280;color:var(--color-text-secondary,#6b7280);cursor:pointer;font-size:18px;margin-left:8px;padding:0}.new-conversation-user-chip button:hover{color:#111827;color:var(--color-text,#111827)}.new-conversation-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.new-conversation-btn-cancel,.new-conversation-btn-send{border:none;border-radius:8px;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s}.new-conversation-btn-cancel{background:#f3f4f6;background:var(--color-bg-secondary,#f3f4f6);color:#374151;color:var(--color-text-secondary,#374151)}.new-conversation-btn-cancel:hover{background:#e5e7eb;background:var(--color-border,#e5e7eb)}.new-conversation-btn-send{background:#ff4500;background:var(--color-primary,#ff4500);color:#fff}.new-conversation-btn-send:hover:not(:disabled){background:#e63900;background:var(--color-primary-dark,#e63900)}.new-conversation-btn-send:disabled{cursor:not-allowed;opacity:.5}.dark-mode .new-conversation-modal-content,[data-theme=dark] .new-conversation-modal-content{background:#1f2937;background:var(--color-bg-dark,#1f2937);color:#fff}.dark-mode .new-conversation-modal-header,[data-theme=dark] .new-conversation-modal-header{border-bottom-color:#374151;border-bottom-color:var(--color-border-dark,#374151)}.dark-mode .new-conversation-modal-close,[data-theme=dark] .new-conversation-modal-close{color:#9ca3af;color:var(--color-text-secondary-dark,#9ca3af)}.dark-mode .new-conversation-modal-close:hover,[data-theme=dark] .new-conversation-modal-close:hover{color:#fff}.dark-mode .new-conversation-message-input,.dark-mode .new-conversation-search-input,[data-theme=dark] .new-conversation-message-input,[data-theme=dark] .new-conversation-search-input{background:#374151;background:var(--color-bg-secondary-dark,#374151);border-color:#4b5563;border-color:var(--color-border-dark,#4b5563);color:#fff}.dark-mode .new-conversation-search-results,[data-theme=dark] .new-conversation-search-results{border-color:#374151;border-color:var(--color-border-dark,#374151)}.dark-mode .new-conversation-user-item,[data-theme=dark] .new-conversation-user-item{border-bottom-color:#374151;border-bottom-color:var(--color-border-dark,#374151)}.dark-mode .new-conversation-user-item:hover,[data-theme=dark] .new-conversation-user-item:hover{background-color:#374151;background-color:var(--color-bg-secondary-dark,#374151)}.dark-mode .new-conversation-user-name,[data-theme=dark] .new-conversation-user-name{color:#fff}.dark-mode .new-conversation-user-chip,[data-theme=dark] .new-conversation-user-chip{background:#374151;background:var(--color-bg-secondary-dark,#374151)}.dark-mode .new-conversation-btn-cancel,[data-theme=dark] .new-conversation-btn-cancel{background:#374151;background:var(--color-bg-secondary-dark,#374151);color:#fff}.dark-mode .new-conversation-btn-cancel:hover,[data-theme=dark] .new-conversation-btn-cancel:hover{background:#4b5563;background:var(--color-border-dark,#4b5563)}@media (max-width:768px){.new-conversation-modal-content{border-radius:0;height:100%;max-height:none;max-width:none;width:100%}}@media (max-width:600px){.new-conversation-modal-backdrop{padding:0}.new-conversation-modal-content{border-radius:0;height:100vh;max-height:100vh;width:100%}}.create-group-chat-backdrop{align-items:center;background:#00000080;display:flex;height:100vh;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100vw;z-index:10001}.create-group-chat{background:#fff;background:var(--color-bg,#fff);border-radius:12px;display:flex;flex-direction:column;margin:auto;max-height:80vh;max-width:600px;position:relative;width:100%}.create-group-chat__header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border,#e5e7eb);display:flex;justify-content:space-between;padding:20px}.create-group-chat__header h2{color:#111827;color:var(--color-text,#111827);font-size:20px;font-weight:600;margin:0}.create-group-chat__close{align-items:center;background:#0000;border:none;border-radius:50%;color:#6b7280;color:var(--color-text-secondary,#6b7280);cursor:pointer;display:flex;height:32px;justify-content:center;transition:background .2s;width:32px}.create-group-chat__close:hover{background:#f3f4f6;background:var(--color-bg-secondary,#f3f4f6)}.create-group-chat__error{background:#fee2e2;background:var(--color-error-light,#fee2e2);border-radius:8px;color:#dc2626;color:var(--color-error,#dc2626);font-size:14px;margin:16px 20px 0;padding:12px}.create-group-chat__form{flex:1 1;overflow-y:auto;padding:20px}.create-group-chat__field{margin-bottom:20px}.create-group-chat__field label{display:block;font-weight:500;margin-bottom:8px}.create-group-chat__field label,.create-group-chat__input{color:#111827;color:var(--color-text,#111827);font-size:14px}.create-group-chat__input{background:#fff;background:var(--color-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:8px;padding:10px 12px;transition:border-color .2s;width:100%}.create-group-chat__input:focus{border-color:#3b82f6;border-color:var(--color-primary,#3b82f6);outline:none}.create-group-chat__selected{margin-bottom:20px}.create-group-chat__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.create-group-chat__chip{align-items:center;background:#dbeafe;background:var(--color-primary-light,#dbeafe);border-radius:20px;display:flex;font-size:13px;gap:6px;padding:4px 8px}.create-group-chat__chip-avatar{border-radius:50%;height:20px;object-fit:cover;width:20px}.create-group-chat__chip-remove{align-items:center;background:#3b82f6;background:var(--color-primary,#3b82f6);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:18px;justify-content:center;line-height:1;padding:0;width:18px}.create-group-chat__chip-remove:hover{background:#2563eb;background:var(--color-primary-dark,#2563eb)}.create-group-chat__users{border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:8px;max-height:300px;overflow-y:auto}.create-group-chat__user{align-items:center;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--color-border,#f3f4f6);cursor:pointer;display:flex;gap:12px;padding:12px;transition:background .2s}.create-group-chat__user:last-child{border-bottom:none}.create-group-chat__user:hover{background:#f9fafb;background:var(--color-bg-secondary,#f9fafb)}.create-group-chat__user.selected{background:#dbeafe;background:var(--color-primary-light,#dbeafe)}.create-group-chat__checkbox{cursor:pointer;height:18px;width:18px}.create-group-chat__user-avatar{border-radius:50%;height:40px;object-fit:cover;width:40px}.create-group-chat__user-info{flex:1 1}.create-group-chat__user-name{color:#111827;color:var(--color-text,#111827);font-size:14px;font-weight:500}.create-group-chat__user-email{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:12px;margin-top:2px}.create-group-chat__footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border,#e5e7eb);display:flex;gap:12px;padding:20px}.create-group-chat__button{border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.create-group-chat__button--cancel{background:#f3f4f6;background:var(--color-bg-secondary,#f3f4f6);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);color:#111827;color:var(--color-text,#111827)}.create-group-chat__button--cancel:hover:not(:disabled){background:#e5e7eb;background:var(--color-bg-hover,#e5e7eb)}.create-group-chat__button--create{background:#3b82f6;background:var(--color-primary,#3b82f6);border:none;color:#fff}.create-group-chat__button--create:hover:not(:disabled){background:#2563eb;background:var(--color-primary-dark,#2563eb)}.create-group-chat__button:disabled{cursor:not-allowed;opacity:.5}.dark-mode .create-group-chat{background:#1f2937;background:var(--color-bg-dark,#1f2937)}.dark-mode .create-group-chat__input{background:#374151;background:var(--color-bg-secondary-dark,#374151)}.dark-mode .create-group-chat__input,.dark-mode .create-group-chat__users{border-color:#4b5563;border-color:var(--color-border-dark,#4b5563)}.dark-mode .create-group-chat__user:hover{background:#374151;background:var(--color-bg-secondary-dark,#374151)}@media (max-width:768px){.create-group-chat{border-radius:0;height:100%;max-height:100%;max-width:100%}.create-group-chat__users{max-height:200px}}.pagination{border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:1rem;margin-top:2rem;padding:1.5rem 0}.pagination__info{color:var(--color-text-muted);font-size:.875rem;text-align:center}.pagination__controls{align-items:center;display:flex;gap:.5rem;justify-content:center}.pagination__button{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;min-height:44px;padding:.5rem 1rem;transition:all .2s ease}.pagination__button:hover:not(:disabled){background:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:translateY(-1px)}.pagination__button:disabled{background:var(--color-bg-secondary);color:var(--color-text-muted);cursor:not-allowed;opacity:.5}.pagination__button--next,.pagination__button--prev{font-weight:600}.pagination__pages{align-items:center;display:flex;gap:.25rem}.pagination__page{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;height:44px;justify-content:center;min-width:44px;padding:.5rem;transition:all .2s ease}.pagination__page:hover{transform:translateY(-1px)}.pagination__page--active,.pagination__page:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.pagination__page--active{font-weight:700}.pagination__ellipsis{color:var(--color-text-muted);font-size:.875rem;padding:.5rem;-webkit-user-select:none;user-select:none}@media (max-width:768px){.pagination__controls{flex-wrap:wrap}.pagination__button-text{display:none}.pagination__button{min-width:44px;padding:.5rem}.pagination__page{font-size:.8125rem;height:40px;min-width:40px}}@media (max-width:400px){.pagination__pages{gap:.125rem}.pagination__page{font-size:.75rem}.pagination__button,.pagination__page{height:36px;min-width:36px}}.dark-mode .pagination__button,.dark-mode .pagination__page{background:#1f2937;border-color:#374151}.dark-mode .pagination__button:hover:not(:disabled),.dark-mode .pagination__page:hover{background:var(--color-primary);border-color:var(--color-primary)}.dark-mode .pagination__button:disabled{background:#111827}.pagination__button:focus-visible,.pagination__page:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}@media (prefers-contrast:high){.pagination__button,.pagination__page{border-width:2px}}@media (prefers-reduced-motion:reduce){.pagination__button,.pagination__page{transition:none}}.news-gallery{margin:0 auto;max-width:1200px;padding:0;width:100%}.news-gallery--full-width{margin:0;max-width:none}body.has-profile-background .news-gallery{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1rem}body.dark-mode .news-gallery{background-color:#2a2a2a;color:var(--color-text)}body.dark-mode.has-profile-background .news-gallery{background-color:#2a2a2af2}.news-gallery__header{border-bottom:2px solid var(--color-primary);margin-bottom:2rem;padding:.5rem 1rem 1rem;position:relative;text-align:center}.news-gallery__header-content{width:100%}.news-gallery__header h1{color:var(--color-primary);font-size:2.5rem;margin:0 0 .5rem}.news-gallery__header p{color:var(--color-text-secondary);font-size:1.1rem;margin:0 0 1.5rem}.news-gallery__header-action{display:flex;justify-content:center;margin-top:1rem}.news-gallery__search-form{align-items:center;display:flex;gap:.5rem;margin:0 auto 1rem;max-width:600px}.news-gallery__search-input-wrapper{align-items:center;display:flex;flex:1 1;position:relative}.news-gallery__search-icon{color:var(--color-text-secondary);font-size:1rem;left:1rem;pointer-events:none;position:absolute}.news-gallery__search-input{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:1rem;min-height:44px;padding:.75rem 1rem .75rem 2.75rem;transition:all .2s ease;width:100%}.news-gallery__search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.news-gallery__search-input::placeholder{color:var(--color-text-secondary)}.news-gallery__search-button{background-color:var(--color-primary);border:none;border-radius:var(--radius-base);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;min-height:44px;padding:.75rem 1.5rem;transition:all .2s ease;white-space:nowrap}.news-gallery__search-button:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.news-gallery__search-button:disabled{cursor:not-allowed;opacity:.6}body.dark-mode .news-gallery__search-input{background-color:var(--color-bg-secondary);border-color:var(--color-border)}.news-gallery__share-button{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;font-size:.875rem;height:auto;justify-content:center;margin-left:1rem;min-height:0;min-height:auto;padding:.25rem .5rem;position:static;transition:all .2s ease}.news-gallery__share-button:hover{background-color:var(--color-bg-tertiary);box-shadow:var(--shadow-md);color:var(--color-primary);transform:translateY(-1px)}.news-gallery__share-button:active{transform:translateY(0)}.news-gallery__share-button svg{fill:currentColor;height:1em;width:1em}.news-gallery__status{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem;padding:0 1rem}.news-gallery__status-item{align-items:center;border-radius:var(--radius-lg);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.news-gallery__status-item--success{background-color:#28a7451a;border:1px solid #28a7454d;color:#28a745}.news-gallery__status-item--info{background-color:#17a2b81a;border:1px solid #17a2b84d;color:#17a2b8}.news-gallery__status-item--warning{background-color:#ffc1071a;border:1px solid #ffc1074d;color:#ffc107}body.dark-mode .news-gallery__status-item--success{background-color:#28a74533}body.dark-mode .news-gallery__status-item--info{background-color:#17a2b833}body.dark-mode .news-gallery__status-item--warning{background-color:#ffc10733}.news-gallery__content{box-sizing:border-box;padding:0 1rem;width:100%}.news-gallery__section{margin-bottom:3rem}.news-gallery__section h2{border-bottom:1px solid var(--color-border);color:var(--color-text);margin-bottom:1rem;padding-bottom:.5rem}.news-gallery__cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.news-gallery__card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:1.5rem;transition:all .3s ease}.news-gallery__card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.news-gallery__card h3{color:var(--color-primary);margin:0 0 .5rem}.news-gallery__card p{color:var(--color-text-secondary);margin:0}.news-gallery__features{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));list-style:none;margin:0;padding:0}.news-gallery__features li{background-color:var(--color-bg-tertiary);border-left:3px solid var(--color-primary);border-radius:var(--radius-base);padding:.5rem}.news-gallery__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.news-gallery__button{border:none;border-radius:var(--radius-base);cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.news-gallery__button--primary{background-color:var(--color-primary);color:#fff}.news-gallery__button--primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.news-gallery__button--secondary{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.news-gallery__button--secondary:hover{background-color:var(--color-bg-tertiary);transform:translateY(-1px)}.news-gallery__notice{background-color:#ffc1071a;border:1px solid #ffc1074d;border-radius:var(--radius-lg);margin-top:3rem;padding:1.5rem;text-align:center}.news-gallery__notice p{font-weight:500;margin:0}@media (max-width:768px){.news-gallery{border-radius:0;padding:.5rem}.news-gallery__header h1{font-size:2rem}.news-gallery__breadcrumb-row{padding:.5rem}.news-gallery__share-button{font-size:.75rem;margin-left:.5rem;padding:.25rem}.news-gallery__status{align-items:stretch;flex-direction:column}.news-gallery__content{padding:0 .5rem}.news-gallery__cards,.news-gallery__features{grid-template-columns:1fr}.news-gallery__actions{flex-direction:column}.news-gallery__button{width:100%}}.news-gallery__skip-link{background:var(--color-primary);border-radius:var(--radius-base);color:#fff;font-weight:500;left:-9999px;padding:8px 16px;position:absolute;text-decoration:none;top:0;z-index:100}.news-gallery__skip-link:focus{box-shadow:var(--shadow-lg);left:50%;top:10px;transform:translateX(-50%)}.news-gallery__breadcrumb-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;padding:1rem 1rem 0}.news-gallery__breadcrumbs{flex:1 1;margin:0;padding:0}.news-gallery__breadcrumbs ol{flex-wrap:wrap;list-style:none;margin:0;padding:0}.news-gallery__breadcrumbs li,.news-gallery__breadcrumbs ol{align-items:center;display:flex;gap:.5rem}.news-gallery__breadcrumbs a{align-items:center;color:var(--color-primary);display:flex;gap:.25rem;text-decoration:none;transition:color .2s ease}.news-gallery__breadcrumbs a:hover{color:var(--color-primary-hover);text-decoration:underline}.news-gallery__breadcrumb-separator{color:var(--color-text-secondary);font-size:.75rem}.news-gallery__error{margin:0 auto;max-width:600px;padding:3rem 1rem;text-align:center}.news-gallery__error h2{color:var(--color-danger);margin-bottom:1rem}.news-gallery__error p{color:var(--color-text-secondary);margin-bottom:2rem}.news-gallery__loading{padding:2rem 1rem}.news-gallery__skeleton{animation:skeleton-loading 1.5s ease-in-out infinite}.news-gallery__skeleton-card,.news-gallery__skeleton-header,.news-gallery__skeleton-text{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--radius-base)}.news-gallery__skeleton-header{height:3rem;margin:0 auto 2rem;width:60%}.news-gallery__skeleton-text{height:1rem;margin-bottom:1rem}.news-gallery__skeleton-text--short{width:70%}.news-gallery__skeleton-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.news-gallery__skeleton-card{height:150px}.news-gallery__form{max-width:600px}.news-gallery__form-group{margin-bottom:1.5rem}.news-gallery__form-group label{color:var(--color-text);display:block;font-weight:500;margin-bottom:.5rem}.news-gallery__required{color:var(--color-danger);margin-left:.25rem}.news-gallery__input,.news-gallery__select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:1rem;min-height:44px;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.news-gallery__input:focus,.news-gallery__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.news-gallery__help-text{color:var(--color-text-secondary);display:block;font-size:.875rem;margin-top:.5rem}body.dark-mode .news-gallery__skeleton-card,body.dark-mode .news-gallery__skeleton-header,body.dark-mode .news-gallery__skeleton-text{background:linear-gradient(90deg,#3a3a3a 25%,#4a4a4a 50%,#3a3a3a 75%)}body.dark-mode .news-gallery__input,body.dark-mode .news-gallery__select{background-color:var(--color-bg-secondary)}.news-gallery__button:focus-visible,.news-gallery__card:focus-visible,.news-gallery__input:focus-visible,.news-gallery__select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media print{.news-gallery__actions,.news-gallery__notice,.news-gallery__offline-banner,.news-gallery__skip-link,.news-gallery__toast{display:none}.news-gallery{background:#fff;color:#000;max-width:none;padding:0}}.news-gallery__offline-banner{align-items:center;background-color:var(--color-warning);box-shadow:var(--shadow-md);color:#fff;display:flex;font-weight:500;gap:.5rem;justify-content:center;left:0;padding:.75rem;position:fixed;right:0;text-align:center;top:0;z-index:1100}.news-gallery__toast{align-items:center;animation:slideIn .3s ease-out;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);bottom:2rem;box-shadow:var(--shadow-lg);display:flex;gap:1rem;max-width:400px;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:1200}.news-gallery__toast-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.news-gallery__toast-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s ease}.news-gallery__toast-close:hover{color:var(--color-text)}.news-gallery__toast--success{border-color:var(--color-success)}.news-gallery__toast--success svg{color:var(--color-success)}.news-gallery__toast--warning{border-color:var(--color-warning)}.news-gallery__toast--warning svg{color:var(--color-warning)}.news-gallery__toast--error{border-color:var(--color-danger)}.news-gallery__toast--error svg{color:var(--color-danger)}.news-gallery__toast--info{border-color:var(--color-info)}.news-gallery__toast--info svg{color:var(--color-info)}.news-gallery__unsaved-indicator{color:var(--color-warning);font-size:.875rem;font-weight:400;margin-left:.5rem}.news-gallery__form-actions{display:flex;gap:1rem;margin-top:1.5rem}.news-gallery__image-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1rem}.news-gallery__image-container{aspect-ratio:16/9;background-color:var(--color-bg-secondary);border-radius:var(--radius-base);overflow:hidden;position:relative}.news-gallery__image{height:100%;object-fit:cover;transition:opacity .3s ease;width:100%}.news-gallery__image[data-src]{background-color:var(--color-bg-tertiary);opacity:0}.news-gallery__image:not([data-src]){opacity:1}@media (prefers-contrast:high){.news-gallery__button,.news-gallery__input,.news-gallery__select,.news-gallery__toast{border-width:2px}}@media (max-width:768px){.news-gallery__toast{bottom:1rem;left:1rem;max-width:none;right:1rem}.news-gallery__form-actions{flex-direction:column}.news-gallery__form-actions button{width:100%}.news-gallery__image-grid{grid-template-columns:1fr}}.news-gallery__header-icon{margin-right:.5rem;vertical-align:middle}.news-gallery__filters{align-items:center;background:var(--color-bg-secondary);border-radius:8px;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding:1rem}.news-gallery__filter-label{align-items:center;color:var(--color-text);display:flex;font-weight:600;gap:.5rem;white-space:nowrap}.news-gallery__filter-buttons{display:flex;flex:1 1;flex-wrap:wrap;gap:.5rem}.news-gallery__filter-button{background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);cursor:pointer;font-size:.875rem;font-weight:500;min-height:44px;padding:.5rem 1rem;transition:all .2s ease}.news-gallery__filter-button:hover{background:var(--color-bg-tertiary);border-color:var(--color-primary);transform:translateY(-1px)}.news-gallery__filter-button--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.news-gallery__filter-button--active:hover{background:var(--color-primary-hover)}.news-gallery__grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:1.5rem}.news-gallery__empty{color:var(--color-text-secondary);padding:4rem 1rem;text-align:center}.news-gallery__empty-icon{color:var(--color-text-tertiary);font-size:4rem;margin-bottom:1rem}.news-gallery__empty h2{color:var(--color-text);margin-bottom:.5rem}.news-gallery__empty p{font-size:1rem}.news-gallery__load-more{margin:2rem 0;text-align:center}.news-gallery__load-more-button{align-items:center;background:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;min-height:44px;padding:.75rem 2rem;transition:all .2s ease}.news-gallery__load-more-button:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.news-gallery__load-more-button:disabled{cursor:not-allowed;opacity:.6}.news-gallery__spinner{animation:spin 1s linear infinite}@media (max-width:768px){.news-gallery__filters{align-items:stretch;flex-direction:column}.news-gallery__filter-buttons,.news-gallery__filter-label{justify-content:center}.news-gallery__grid{gap:1rem;grid-template-columns:1fr}.news-gallery__header h1{font-size:1.75rem}.news-gallery__header-icon{font-size:1.5rem}.news-gallery__search-form{align-items:stretch;flex-direction:column}.news-gallery__search-button{width:100%}}@media (max-width:400px){.news-gallery__filter-button{flex-basis:calc(50% - 0.25rem);flex-grow:1;flex-shrink:1;font-size:.8125rem;min-width:0;padding:.5rem .75rem}.news-gallery__load-more-button{width:100%}.news-gallery__search-input{font-size:.9375rem;padding-left:2.5rem}.news-gallery__search-icon{font-size:.875rem;left:.75rem}.news-gallery__search-button{font-size:.9375rem;padding:.75rem 1rem}}.newsletter-subscribe{display:block;margin-bottom:1rem;position:relative;width:100%}.newsletter-subscribe__button{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-md);box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.25rem;transition:all .2s ease;width:100%}.newsletter-subscribe__button:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:0 4px 12px #2196f34d;transform:translateY(-1px)}.newsletter-subscribe__button:disabled{cursor:not-allowed;opacity:.6}.newsletter-subscribe__button--subscribed{background:var(--color-success)}.newsletter-subscribe__button--subscribed:hover:not(:disabled){background:var(--color-success-dark)}.newsletter-subscribe__icon{font-size:1.1rem}.newsletter-subscribe__spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;width:14px}.newsletter-subscribe__message{animation:slideIn .3s ease;border-radius:var(--radius-sm);box-sizing:border-box;font-size:.875rem;margin-top:.75rem;padding:.75rem 1rem;width:100%}.newsletter-subscribe__message--success{background:var(--color-success);color:#fff}.newsletter-subscribe__message--error{background:var(--color-danger);color:#fff}.newsletter-subscribe__info{color:var(--color-text-secondary);font-size:.875rem;margin-top:.5rem}.newsletter-subscribe__frequency,.newsletter-subscribe__info{align-items:center;display:flex;gap:.25rem}.newsletter-modal{align-items:center;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:9999}.newsletter-modal__backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;left:0;position:absolute;right:0;top:0}.newsletter-modal__content{animation:modalSlideIn .3s ease;background:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;margin:0;max-height:calc(100vh - 2rem);max-width:500px;position:relative;width:calc(100% - 2rem);z-index:1}.newsletter-modal__header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.newsletter-modal__title{align-items:center;color:var(--color-text);display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;margin:0}.newsletter-modal__close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.25rem;padding:.25rem;transition:color .2s ease}.newsletter-modal__close:hover{color:var(--color-text)}.newsletter-modal__body{flex:1 1;min-height:0;overflow-y:auto;padding:1.5rem}.newsletter-modal__description{color:var(--color-text-secondary);line-height:1.6;margin-bottom:1.5rem}.newsletter-modal__field{margin-bottom:1.5rem}.newsletter-modal__label{color:var(--color-text);display:block;font-weight:600;margin-bottom:.5rem}.newsletter-modal__radio-group{display:flex;flex-direction:column;gap:.75rem}.newsletter-modal__radio{align-items:flex-start;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;display:flex;padding:.75rem;transition:all .2s ease}.newsletter-modal__radio:hover{background:var(--color-bg-secondary);border-color:var(--color-primary)}.newsletter-modal__radio input[type=radio]{cursor:pointer;margin-right:.75rem;margin-top:.125rem}.newsletter-modal__radio span{color:var(--color-text-secondary);flex:1 1;line-height:1.5}.newsletter-modal__radio input[type=radio]:checked+span{color:var(--color-text);font-weight:500}.newsletter-modal__select{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;font-size:.95rem;padding:.75rem;transition:border-color .2s ease;width:100%}.newsletter-modal__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2196f31a;outline:none}.newsletter-modal__checkbox{align-items:center;cursor:pointer;display:flex;padding:.5rem 0}.newsletter-modal__checkbox input[type=checkbox]{cursor:pointer;margin-right:.75rem}.newsletter-modal__checkbox span{color:var(--color-text-secondary);line-height:1.4}.newsletter-modal__checkbox-group{display:flex;flex-direction:column;gap:.5rem}.newsletter-modal__footer{align-items:center;border-top:1px solid var(--color-border);display:flex;gap:1rem;justify-content:flex-end;padding:1.25rem 1.5rem}.newsletter-modal__button{border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.newsletter-modal__button--primary{background:var(--color-primary);color:#fff}.newsletter-modal__button--primary:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-1px)}.newsletter-modal__button--primary:disabled{cursor:not-allowed;opacity:.6}.newsletter-modal__button--cancel{background:#0000;border:1px solid var(--color-border);color:var(--color-text-secondary)}.newsletter-modal__button--cancel:hover{background:var(--color-bg-secondary);border-color:var(--color-text-secondary)}.newsletter-modal__help-text{color:var(--color-text-tertiary);font-size:.8125rem;line-height:1.5;margin-top:.75rem}.newsletter-modal__help-text strong{color:var(--color-text);font-weight:600}.newsletter-modal__message{border-radius:var(--radius-sm);font-size:.875rem;margin-top:1rem;padding:.75rem}.newsletter-modal__message--success{background:#4caf501a;border:1px solid var(--color-success);color:var(--color-success)}.newsletter-modal__message--error{background:#f443361a;border:1px solid var(--color-danger);color:var(--color-danger)}body.dark-mode .newsletter-modal__content{background:#2a2a2a}body.dark-mode .newsletter-modal__radio:hover{background:#333}body.dark-mode .newsletter-modal__select{background:#333;border-color:#444}body.dark-mode .newsletter-modal__button--cancel{border-color:#444}body.dark-mode .newsletter-modal__button--cancel:hover{background:#333;border-color:#666}@media (max-width:768px){.newsletter-subscribe__button{font-size:.875rem;padding:.625rem 1rem}.newsletter-modal{padding:.5rem}.newsletter-modal__content{max-height:calc(100vh - 1rem);width:calc(100% - 1rem)}.newsletter-modal__body{padding:1rem}.newsletter-modal__footer{flex-direction:column;gap:.5rem}.newsletter-modal__button{width:100%}.newsletter-subscribe__message{white-space:normal}}@media (max-width:400px){.newsletter-modal__title{font-size:1.125rem}.newsletter-modal__radio{padding:.625rem}.newsletter-modal__radio span{font-size:.875rem}}.live-update{margin:1rem 0;position:relative}.live-update__badge{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.live-update__status{align-items:center;background:#ccc;border:2px solid #999;border-radius:6px;display:inline-flex;font-size:.875rem;font-weight:700;gap:.5rem;letter-spacing:.5px;padding:.5rem 1rem;transition:all .3s ease}.live-update__status--active{animation:live-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#dc2626,#ef4444);border-color:#dc2626;box-shadow:0 0 20px #dc262666;color:#fff}.live-update__icon{animation:bolt-flash 1.5s ease-in-out infinite;font-size:1rem}.live-update__status--active .live-update__icon{color:#fbbf24;filter:drop-shadow(0 0 4px rgba(251,191,36,.8))}.live-update__text{font-weight:800;text-transform:uppercase}.live-update__count{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text);display:inline-flex;font-size:.8125rem;font-weight:600;padding:.375rem .75rem}.live-update__notification{align-items:center;animation:slide-in .3s ease-out;background:linear-gradient(135deg,#10b981,#059669);border-radius:8px;box-shadow:0 4px 12px #10b9814d;color:#fff;display:flex;justify-content:space-between;margin-top:1rem;padding:1rem 1.5rem;position:relative}.live-update__notification-content{align-items:center;display:flex;flex:1 1;gap:1rem}.live-update__notification-icon{color:#fff;flex-shrink:0;font-size:1.5rem}.live-update__notification-text{flex:1 1;font-size:.9375rem;font-weight:600}.live-update__notification-btn{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:4px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.live-update__notification-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px)}.live-update__notification-btn:active{transform:translateY(0)}.live-update__notification-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:28px;justify-content:center;position:absolute;right:.5rem;top:.5rem;transition:all .2s ease;width:28px}.live-update__notification-close:hover{background:#ffffff4d;transform:rotate(90deg)}.live-update__timestamp{margin-top:.5rem}.live-update__timestamp-text{color:var(--color-text-muted);font-size:.8125rem;font-style:italic}@keyframes live-pulse{0%,to{box-shadow:0 0 20px #dc262666}50%{box-shadow:0 0 30px #dc2626b3}}@keyframes bolt-flash{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes slide-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.dark .live-update__count{background:var(--color-bg-dark-secondary);border-color:var(--color-border-dark);color:var(--color-text-dark)}.dark .live-update__timestamp-text{color:var(--color-text-dark-muted)}@media (max-width:768px){.live-update__badge{gap:.75rem}.live-update__status{font-size:.8125rem;padding:.375rem .875rem}.live-update__icon{font-size:.875rem}.live-update__count{font-size:.75rem;padding:.25rem .5rem}.live-update__notification{align-items:flex-start;flex-direction:column;gap:.75rem;padding:1rem}.live-update__notification-content{align-items:flex-start;flex-direction:column;gap:.75rem;width:100%}.live-update__notification-btn{justify-content:center;width:100%}.live-update__notification-close{right:.75rem;top:.75rem}}@media (max-width:400px){.live-update__status{font-size:.75rem;padding:.3rem .75rem}.live-update__notification{padding:.875rem}.live-update__notification-text{font-size:.875rem}}@media (prefers-reduced-motion:reduce){.live-update__icon,.live-update__notification,.live-update__status--active{animation:none}.live-update__notification-close:hover{transform:none}}@media print{.live-update__notification{display:none}.live-update__status{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.news-detail{margin:0 auto;max-width:1200px;padding:2rem 1rem;width:100%}.news-detail--full-width{margin:0;max-width:none}body.has-profile-background .news-detail{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:2rem}body.dark-mode .news-detail{background-color:#2a2a2a;color:var(--color-text)}body.dark-mode.has-profile-background .news-detail{background-color:#2a2a2af2}.news-detail__skip-link{background:var(--color-primary);color:#fff;left:0;padding:.5rem 1rem;position:absolute;text-decoration:none;top:-40px;z-index:100}.news-detail__skip-link:focus{top:0}.news-detail__breadcrumb{font-size:.875rem;gap:.5rem;margin-bottom:1.5rem}.news-detail__breadcrumb,.news-detail__breadcrumb-link{align-items:center;color:var(--color-text-secondary);display:flex}.news-detail__breadcrumb-link{gap:.25rem;text-decoration:none;transition:color .2s ease}.news-detail__breadcrumb-link:hover{color:var(--color-primary)}.news-detail__breadcrumb-separator{color:var(--color-border);font-size:.75rem}.news-detail__breadcrumb-current{color:var(--color-text);font-weight:500;text-transform:capitalize}.news-detail__loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 1rem;text-align:center}.news-detail__spinner{animation:spin 1s linear infinite;color:var(--color-primary);font-size:2rem}.news-detail__loading p{color:var(--color-text-secondary);font-size:1.1rem;margin-top:1rem}.news-detail__error{padding:3rem 1rem;text-align:center}.news-detail__error-icon{color:#dc3545;font-size:3rem;margin-bottom:1rem}.news-detail__error h2{color:var(--color-text);margin-bottom:.5rem}.news-detail__error p{color:var(--color-text-secondary);margin-bottom:1.5rem}.news-detail__back-button{background-color:var(--color-primary);border-radius:6px;color:#fff;display:inline-block;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.news-detail__back-button:hover{background-color:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.news-detail__main{background-color:var(--color-bg);border-radius:8px;overflow:hidden}body.dark-mode .news-detail__main{background-color:#333}.news-detail__header{border-bottom:1px solid var(--color-border);padding:2rem}.news-detail__title{color:var(--color-text);font-size:2.5rem;line-height:1.2;margin:0 0 1.5rem}.news-detail__meta{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem}.news-detail__meta-item{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.95rem;gap:.5rem}.news-detail__meta-item svg{color:var(--color-primary)}.news-detail__category{background-color:var(--color-bg-secondary);border-radius:4px;font-weight:500;padding:.25rem .75rem;text-transform:capitalize}.news-detail__actions{display:flex;flex-wrap:wrap;gap:.75rem}.news-detail__action-button{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);cursor:pointer;display:flex;font-size:.95rem;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.news-detail__action-button:hover{background-color:var(--color-bg-tertiary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.news-detail__action-button:active{transform:translateY(0)}.news-detail__action-button--edit{background-color:#28a7451a;border-color:#28a7454d;color:#28a745}.news-detail__action-button--edit:hover{background-color:#28a74533;color:#28a745}.news-detail__action-button--delete{background-color:#dc35451a;border-color:#dc35454d;color:#dc3545}.news-detail__action-button--delete:hover{background-color:#dc354533;color:#dc3545}.news-detail__action-button:disabled{cursor:not-allowed;opacity:.5}.news-detail__image-container{background-color:var(--color-bg-secondary);margin:0;max-height:500px;overflow:hidden;padding:0;width:100%}.news-detail__image{display:block;height:auto;object-fit:cover;width:100%}.news-detail__content{color:var(--color-text);font-size:1.1rem;line-height:1.8;padding:2rem}.news-detail__content p{margin-bottom:1.5rem}.news-detail__content h1,.news-detail__content h2,.news-detail__content h3,.news-detail__content h4,.news-detail__content h5,.news-detail__content h6{color:var(--color-text);margin-bottom:1rem;margin-top:2rem}.news-detail__content h2{border-bottom:2px solid var(--color-border);font-size:1.8rem;padding-bottom:.5rem}.news-detail__content h3{font-size:1.5rem}.news-detail__content ol,.news-detail__content ul{margin-bottom:1.5rem;padding-left:2rem}.news-detail__content li{margin-bottom:.5rem}.news-detail__content blockquote{background-color:var(--color-bg-secondary);border-left:4px solid var(--color-primary);font-style:italic;margin:1.5rem 0;padding:1rem 1.5rem}.news-detail__content img{border-radius:8px;height:auto;margin:1.5rem 0;max-width:100%}.news-detail__content a{color:var(--color-primary);text-decoration:underline}.news-detail__content a:hover{color:var(--color-primary-dark)}.news-detail__content code{background-color:var(--color-bg-secondary);border-radius:3px;font-family:Courier New,Courier,monospace;font-size:.9em;padding:.2rem .4rem}.news-detail__content pre{background-color:var(--color-bg-secondary);border-radius:6px;margin:1.5rem 0;overflow-x:auto;padding:1rem}.news-detail__content pre code{background-color:initial;padding:0}.news-detail__series-nav{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin:2rem 0;padding:1.5rem}.news-detail__series-title{align-items:center;color:var(--color-primary);display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.news-detail__series-description{color:var(--color-text-secondary);font-size:.95rem;margin-bottom:1rem}.news-detail__series-articles{display:flex;flex-direction:column;gap:.5rem}.news-detail__series-article{align-items:center;background-color:var(--color-bg);border:1px solid #0000;border-radius:var(--radius-base);color:var(--color-text);display:flex;padding:.75rem 1rem;text-decoration:none;transition:all .2s ease}.news-detail__series-article:hover{background-color:var(--color-bg-tertiary);transform:translateX(4px)}.news-detail__series-article--current{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:600}.news-detail__series-article--current:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.news-detail__series-number{align-items:center;background-color:#0000001a;border-radius:50%;display:inline-flex;font-size:.9rem;font-weight:600;height:28px;justify-content:center;margin-right:.75rem;min-width:28px}.news-detail__series-article--current .news-detail__series-number{background-color:#fff3}.news-detail__series-article-title{flex:1 1}.news-detail__series-current{font-size:.85rem;font-style:italic;margin-left:.5rem;opacity:.9}.news-detail__series{color:var(--color-primary);font-weight:500}body.dark-mode .news-detail__series-nav{background-color:#ffffff0d;border-color:#ffffff1a}body.dark-mode .news-detail__series-article{background-color:#ffffff08}body.dark-mode .news-detail__series-article:hover{background-color:#ffffff14}body.dark-mode .news-detail__series-article--current{background-color:var(--color-primary);color:#fff}body.dark-mode .news-detail__series-number{background-color:#ffffff1a}.news-detail__footer{background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:2rem}.news-detail__outlet{align-items:center;display:flex;gap:1rem}.news-detail__outlet-logo{background-color:#fff;border-radius:8px;height:60px;object-fit:contain;padding:.5rem;width:60px}.news-detail__outlet-info{flex:1 1}.news-detail__outlet-name{color:var(--color-text);font-size:1.2rem;margin:0 0 .5rem}.news-detail__outlet-link{color:var(--color-primary);font-size:.95rem;text-decoration:none;transition:color .2s ease}.news-detail__outlet-link:hover{color:var(--color-primary-dark);text-decoration:underline}.news-detail__related{border-top:1px solid var(--color-border);padding:2rem}.news-detail__related-title{color:var(--color-text);font-size:1.8rem;margin:0 0 1.5rem}.news-detail__related-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.news-detail__toast{align-items:center;animation:slideInUp .3s ease-out;background-color:var(--color-bg);border-radius:6px;bottom:2rem;box-shadow:var(--shadow-lg);display:flex;gap:.75rem;max-width:400px;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:1000}.news-detail__toast svg{flex-shrink:0;font-size:1.5rem}.news-detail__toast--success{border-left:4px solid #28a745}.news-detail__toast--success svg{color:#28a745}.news-detail__toast--error{border-left:4px solid #dc3545}.news-detail__toast--error svg{color:#dc3545}.news-detail__toast--info{border-left:4px solid #17a2b8}.news-detail__toast--info svg{color:#17a2b8}.news-detail__toast--warning{border-left:4px solid #ffc107}.news-detail__toast--warning svg{color:#ffc107}.news-detail__offline-banner{align-items:center;background-color:#ffc107;color:#000;display:flex;font-weight:500;gap:.5rem;justify-content:center;left:0;padding:.75rem;position:fixed;right:0;top:0;z-index:1000}@media (max-width:768px){.news-detail{padding:1rem .5rem}.news-detail__header{padding:1.5rem 1rem}.news-detail__title{font-size:2rem}.news-detail__content{font-size:1rem;padding:1.5rem 1rem}.news-detail__footer,.news-detail__related{padding:1.5rem 1rem}.news-detail__related-grid{grid-template-columns:1fr}.news-detail__meta{gap:1rem}.news-detail__toast{bottom:1rem;left:1rem;right:1rem}}@media (max-width:400px){.news-detail__title{font-size:1.5rem}.news-detail__meta{gap:.75rem}.news-detail__actions,.news-detail__meta{flex-direction:column}.news-detail__action-button{justify-content:center;width:100%}}@media print{.news-detail__actions,.news-detail__breadcrumb,.news-detail__offline-banner,.news-detail__related,.news-detail__toast{display:none}.news-detail{max-width:100%;padding:0}.news-detail__content{font-size:12pt;line-height:1.6}}@media (prefers-contrast:high){.news-detail__action-button,.news-detail__breadcrumb-link,.news-detail__outlet-link{border:2px solid}}@media (prefers-reduced-motion:reduce){.news-detail__action-button,.news-detail__back-button,.news-detail__toast{animation:none;transition:none}.news-detail__spinner{animation:none}}body.dark-mode .news-detail__toast{background-color:#333;color:#fff}body.dark-mode .news-detail__offline-banner{background-color:#856404;color:#fff}.news-detail a:focus-visible,.news-detail button:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.news-detail__video-container{border-radius:var(--radius-md);box-shadow:0 2px 8px #0000001a;margin:var(--space-lg) 0;max-width:100%;overflow:hidden}.news-detail__video-container--in-content{margin-bottom:var(--space-xl)}body.dark-mode .news-detail__video-container{box-shadow:0 2px 8px #0000004d}@media (max-width:768px){.news-detail__video-container{margin:var(--space-md) 0}.news-detail__video-container--in-content{margin-bottom:var(--space-lg)}}.news-detail__newsletter{border-top:1px solid var(--color-border);margin-top:var(--space-md);padding-top:var(--space-md)}.news-detail__draft-notice{align-items:center;background-color:#fff3cd;border:2px solid #ffc107;border-radius:var(--radius-base);box-shadow:0 2px 8px #ffc10733;color:#856404;display:flex;font-weight:600;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.news-detail__draft-notice svg{color:#ffc107;flex-shrink:0;font-size:1.25rem}.dark-mode .news-detail__draft-notice{background-color:#3a3200;border-color:#ffc107;color:#ffd54f}.dark-mode .news-detail__draft-notice svg{color:#ffd54f}@media (max-width:768px){.news-detail__draft-notice{font-size:.9rem;padding:.75rem 1rem}.news-detail__draft-notice svg{font-size:1rem}}.search-results{background:var(--color-bg);color:var(--color-text);margin:0 auto;max-width:1200px;min-height:100vh;padding:var(--space-lg)}.search-results--full-width{max-width:100%;padding-left:var(--space-xl);padding-right:var(--space-xl)}.search-results--dark{background:var(--color-bg-dark)}.search-results__skip-link{background:var(--color-primary);border-radius:0 0 4px 0;color:#fff;left:0;padding:8px 16px;position:absolute;text-decoration:none;top:-40px;z-index:100}.search-results__skip-link:focus{top:0}.search-results__offline-banner{background-color:#ffc107;color:#000;left:0;padding:.75rem;position:fixed;right:0;text-align:center;top:0;z-index:1001}.search-results__toast{animation:slideInRight .3s ease-out;border-radius:var(--radius-base);box-shadow:var(--shadow-lg);min-width:300px;padding:1rem 1.5rem;position:fixed;right:20px;top:20px;z-index:10000}.search-results__toast--success{background-color:#28a745f2;color:#fff}.search-results__toast--error{background-color:#dc3545f2;color:#fff}.search-results__main{width:100%}.search-results__breadcrumb{background:var(--color-bg-secondary);border-radius:var(--radius-base);margin-bottom:0;padding:1rem 1rem 0}.search-results__breadcrumb nav ol{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}.search-results__breadcrumb nav li{align-items:center;display:flex;font-size:.9rem;gap:.5rem}.search-results__breadcrumb nav a{align-items:center;color:var(--color-primary);display:flex;gap:.25rem;text-decoration:none;transition:color .2s ease}.search-results__breadcrumb nav a:hover{color:var(--color-primary-hover);text-decoration:underline}.search-results__breadcrumb-separator{color:var(--color-text-muted);font-size:.75rem}.search-results__header{margin:var(--space-lg) 0}.search-results__title{align-items:center;color:#ff4500;display:flex;font-size:2rem;gap:.75rem;margin:0}.search-results__search-form{margin-bottom:var(--space-lg)}.search-results__search-input-wrapper{align-items:center;background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-base);display:flex;gap:var(--space-sm);padding:var(--space-sm);transition:border-color .3s ease}.search-results__search-input-wrapper:focus-within{border-color:var(--color-primary)}.search-results__search-icon{color:var(--color-text-muted);font-size:1.25rem}.search-results__search-input{background:#0000;border:none;color:var(--color-text);flex:1 1;font-size:1rem;outline:none;padding:var(--space-sm)}.search-results__search-button{background-color:#ff4500;border:none;border-radius:var(--radius-base);color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.search-results__search-button:hover{background-color:#ff5722;box-shadow:var(--shadow-md);transform:translateY(-2px)}.search-results__controls{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-lg)}.search-results__clear-filters,.search-results__filter-toggle{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 1rem;transition:all .3s ease}.search-results__clear-filters:hover,.search-results__filter-toggle:hover{background:var(--color-bg);box-shadow:var(--shadow-sm)}.search-results__filters{grid-gap:var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--space-lg);padding:var(--space-lg)}.search-results__filter-group{display:flex;flex-direction:column;gap:.5rem}.search-results__filter-group label{color:var(--color-text);font-weight:600}.search-results__filter-select{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;font-size:1rem;padding:.75rem}.search-results__info{font-size:1.125rem;margin-bottom:var(--space-lg)}.search-results__grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:var(--space-xl)}.search-results__empty{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center}.search-results__browse-link{background-color:#ff4500;border-radius:var(--radius-base);color:#fff;display:inline-block;font-weight:600;margin-top:var(--space-md);padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.search-results__browse-link:hover{background-color:#ff5722;box-shadow:var(--shadow-md);transform:translateY(-2px)}.search-results__loading{align-items:center;display:flex;flex-direction:column;gap:var(--space-md);justify-content:center;min-height:60vh}.search-results__spinner{animation:spin 1s linear infinite;color:var(--color-primary);font-size:3rem}@media (max-width:768px){.search-results{padding:var(--space-md)}.search-results__title{font-size:1.5rem}.search-results__grid{grid-template-columns:1fr}.search-results__controls{flex-direction:column}.search-results__clear-filters,.search-results__filter-toggle{justify-content:center;width:100%}}.tier-comparison{margin:0 auto;max-width:1200px;padding:0;width:100%}.tier-comparison--full-width{margin:0;max-width:none}body.has-profile-background .tier-comparison{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1rem}body.dark-mode .tier-comparison{background-color:#2a2a2a;color:var(--color-text)}body.dark-mode.has-profile-background .tier-comparison{background-color:#2a2a2af2}.tier-comparison__header{margin-bottom:2rem;padding:2rem 1rem;text-align:center}.tier-comparison__header h1{color:var(--color-primary);font-size:2.5rem;margin:0 0 1rem}.tier-comparison__header p{color:var(--color-text-secondary);font-size:1.1rem;margin:0}.tier-comparison__current-tier{background-color:#ff45001a;border:1px solid #ff45004d;border-radius:var(--radius-base);display:inline-block;font-size:.9rem;margin-top:1rem;padding:.75rem 1.5rem}.tier-comparison__current-tier strong{color:var(--color-primary);font-weight:600;text-transform:capitalize}.tier-comparison__grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:0 1rem 3rem}.tier-comparison__card{background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;padding:0;position:relative;transition:all .3s ease}.tier-comparison__card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.tier-comparison__card--current{border-color:#28a745;border-width:3px}.tier-comparison__card--popular{border-color:var(--color-primary);border-width:3px}.tier-comparison__popular-badge{background:var(--color-primary);box-shadow:var(--shadow-md);color:#fff;font-size:.75rem;font-weight:700;padding:.25rem 3rem;position:absolute;right:-2.5rem;text-transform:uppercase;top:1rem;transform:rotate(45deg)}.tier-comparison__card-header{background:linear-gradient(135deg,var(--color-bg-tertiary) 0,var(--color-bg-secondary) 100%);border-bottom:1px solid var(--color-border);padding:2rem;text-align:center}.tier-comparison__tier-icon{color:var(--color-primary);font-size:3rem;margin-bottom:1rem}.tier-comparison__card--current .tier-comparison__tier-icon{color:#28a745}.tier-comparison__tier-name{color:var(--color-text);font-size:1.75rem;margin:0 0 1rem}.tier-comparison__tier-price{color:var(--color-primary);font-size:2.5rem;font-weight:700}.tier-comparison__price-free{color:#28a745}.tier-comparison__price-amount{color:var(--color-primary)}.tier-comparison__price-period{color:var(--color-text-secondary);font-size:1rem;font-weight:400}.tier-comparison__card-body{flex:1 1;padding:2rem}.tier-comparison__features{list-style:none;margin:0;padding:0}.tier-comparison__feature{align-items:flex-start;border-bottom:1px solid var(--color-border);display:flex;gap:.75rem;padding:.75rem 0}.tier-comparison__feature:last-child{border-bottom:none}.tier-comparison__feature-icon{flex-shrink:0;margin-top:.25rem}.tier-comparison__feature--included .tier-comparison__feature-icon{color:#28a745}.tier-comparison__feature--disabled{opacity:.5}.tier-comparison__feature--disabled .tier-comparison__feature-icon{color:#dc3545}.tier-comparison__feature span{flex:1 1;line-height:1.5}.tier-comparison__card-footer{border-top:1px solid var(--color-border);padding:2rem}.tier-comparison__button{border:none;border-radius:var(--radius-base);cursor:pointer;font-size:1rem;font-weight:600;min-height:44px;padding:1rem;transition:all .3s ease;width:100%}.tier-comparison__button--primary{background-color:var(--color-primary);color:#fff}.tier-comparison__button--primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.tier-comparison__button--current{background-color:#28a745;color:#fff;cursor:default}.tier-comparison__notice{align-items:center;background-color:#17a2b81a;border:1px solid #17a2b84d;border-radius:var(--radius-lg);display:flex;gap:1rem;justify-content:center;margin:2rem 1rem;padding:1.5rem;text-align:center}.tier-comparison__notice svg{color:#17a2b8;flex-shrink:0;font-size:1.5rem}.tier-comparison__notice p{color:var(--color-text);margin:0}.tier-comparison__notice a{color:var(--color-primary);font-weight:600;text-decoration:none}.tier-comparison__notice a:hover{text-decoration:underline}.tier-comparison__breadcrumb-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;padding:1rem 1rem 0}.tier-comparison__breadcrumbs{flex:1 1;margin:0;padding:0}.tier-comparison__breadcrumbs ol{flex-wrap:wrap;list-style:none;margin:0;padding:0}.tier-comparison__breadcrumbs li,.tier-comparison__breadcrumbs ol{align-items:center;display:flex;gap:.5rem}.tier-comparison__breadcrumbs a{align-items:center;color:var(--color-primary);display:flex;gap:.25rem;text-decoration:none;transition:color .2s ease}.tier-comparison__breadcrumbs a:hover{color:var(--color-primary-hover);text-decoration:underline}.tier-comparison__breadcrumb-separator{color:var(--color-text-secondary);font-size:.75rem}.tier-comparison__skip-link{background:var(--color-primary);border-radius:var(--radius-base);color:#fff;font-weight:500;left:-9999px;padding:8px 16px;position:absolute;text-decoration:none;top:0;z-index:100}.tier-comparison__skip-link:focus{box-shadow:var(--shadow-lg);left:50%;top:10px;transform:translateX(-50%)}.tier-comparison__offline-banner{align-items:center;background-color:var(--color-warning);box-shadow:var(--shadow-md);color:#fff;display:flex;font-weight:500;gap:.5rem;justify-content:center;left:0;padding:.75rem;position:fixed;right:0;text-align:center;top:0;z-index:1100}.tier-comparison__toast{align-items:center;animation:slideIn .3s ease-out;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);bottom:2rem;box-shadow:var(--shadow-lg);display:flex;gap:1rem;max-width:400px;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:1200}.tier-comparison__toast-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.tier-comparison__toast-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s ease}.tier-comparison__toast-close:hover{color:var(--color-text)}.tier-comparison__toast--success{border-color:var(--color-success)}.tier-comparison__toast--success svg{color:var(--color-success)}.tier-comparison__toast--warning{border-color:var(--color-warning)}.tier-comparison__toast--warning svg{color:var(--color-warning)}.tier-comparison__toast--error{border-color:var(--color-danger)}.tier-comparison__toast--error svg{color:var(--color-danger)}.tier-comparison__toast--info{border-color:var(--color-info)}.tier-comparison__toast--info svg{color:var(--color-info)}.tier-comparison__error{margin:0 auto;max-width:600px;padding:3rem 1rem;text-align:center}.tier-comparison__error h2{color:var(--color-danger);margin-bottom:1rem}.tier-comparison__error p{color:var(--color-text-secondary);margin-bottom:2rem}.tier-comparison__loading{padding:2rem 1rem}.tier-comparison__skeleton-header{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--radius-base);height:3rem;margin:0 auto 2rem;width:60%}.tier-comparison__skeleton-cards{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.tier-comparison__skeleton-card{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--radius-lg);height:500px}body.dark-mode .tier-comparison__skeleton-card,body.dark-mode .tier-comparison__skeleton-header{background:linear-gradient(90deg,#3a3a3a 25%,#4a4a4a 50%,#3a3a3a 75%);background-size:200% 100%}@media (max-width:768px){.tier-comparison{border-radius:0;padding:.5rem}.tier-comparison__header h1{font-size:2rem}.tier-comparison__grid{gap:1.5rem;grid-template-columns:1fr}.tier-comparison__popular-badge{font-size:.65rem;padding:.2rem 2.5rem}.tier-comparison__tier-price{font-size:2rem}.tier-comparison__toast{bottom:1rem;left:1rem;max-width:none;right:1rem}.tier-comparison__notice{flex-direction:column;text-align:center}}@media (max-width:400px){.tier-comparison__header h1{font-size:1.5rem}.tier-comparison__card-body,.tier-comparison__card-footer,.tier-comparison__card-header{padding:1.5rem}.tier-comparison__tier-icon{font-size:2.5rem}.tier-comparison__tier-name{font-size:1.5rem}}@media (prefers-contrast:high){.tier-comparison__button{border-width:2px}.tier-comparison__card{border-width:3px}}@media print{.tier-comparison__offline-banner,.tier-comparison__skip-link,.tier-comparison__toast{display:none}.tier-comparison{background:#fff;color:#000;max-width:none;padding:0}.tier-comparison__card{page-break-inside:avoid}}.billing-dashboard{margin:0 auto;max-width:1200px;padding:0;width:100%}.billing-dashboard--full-width{margin:0;max-width:none}body.has-profile-background .billing-dashboard{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1rem}body.dark-mode .billing-dashboard{background-color:#2a2a2a;color:var(--color-text)}body.dark-mode.has-profile-background .billing-dashboard{background-color:#2a2a2af2}.billing-dashboard__header{margin-bottom:2rem;padding:2rem 1rem;text-align:center}.billing-dashboard__header h1{color:var(--color-primary);font-size:2.5rem;margin:0 0 .5rem}.billing-dashboard__header p{color:var(--color-text-secondary);font-size:1.1rem;margin:0}.billing-dashboard__tabs{border-bottom:2px solid var(--color-border);display:flex;gap:1rem;margin:0 1rem 2rem;padding:0}.billing-dashboard__tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:-2px;min-height:44px;padding:1rem 1.5rem;transition:all .3s ease}.billing-dashboard__tab:hover{background-color:var(--color-bg-tertiary);color:var(--color-primary)}.billing-dashboard__tab--active{border-bottom-color:var(--color-primary);color:var(--color-primary)}.billing-dashboard__content{padding:0 1rem 2rem}.billing-dashboard__overview{grid-gap:2rem;display:grid;gap:2rem}.billing-dashboard__current-plan h2,.billing-dashboard__features h2,.billing-dashboard__usage h2{color:var(--color-text);font-size:1.5rem;margin:0 0 1rem}.billing-dashboard__plan-card{background:linear-gradient(135deg,var(--color-primary) 0,tomato 100%);border-radius:var(--radius-lg);color:#fff;padding:2rem;text-align:center}.billing-dashboard__plan-card h3{font-size:2rem;margin:0 0 1rem}.billing-dashboard__plan-price{font-size:2.5rem;font-weight:700}.billing-dashboard__price-free{color:#90ee90}.billing-dashboard__price-amount{color:#fff}.billing-dashboard__price-period{font-size:1.2rem;font-weight:400;opacity:.9}.billing-dashboard__usage-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.billing-dashboard__usage-stat{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);display:flex;flex-direction:column;gap:.5rem;padding:1.5rem}.billing-dashboard__usage-label{color:var(--color-text-secondary);font-size:.9rem;font-weight:500}.billing-dashboard__usage-value{color:var(--color-primary);font-size:2rem;font-weight:700}.billing-dashboard__usage-limit{color:var(--color-text-secondary);font-size:1.2rem;font-weight:400}.billing-dashboard__feature-list{grid-gap:.75rem;display:grid;gap:.75rem;list-style:none;margin:0;padding:0}.billing-dashboard__feature{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);display:flex;gap:.75rem;padding:.75rem}.billing-dashboard__feature-icon{color:#28a745;flex-shrink:0}.billing-dashboard__change-plan h2{color:var(--color-text);font-size:1.5rem;margin:0 0 1rem}.billing-dashboard__notice-text{align-items:center;background-color:#17a2b81a;border:1px solid #17a2b84d;border-radius:var(--radius-base);color:var(--color-text);display:flex;gap:.5rem;margin-bottom:2rem;padding:1rem}.billing-dashboard__notice-text svg{color:#17a2b8;flex-shrink:0}.billing-dashboard__tier-options{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.billing-dashboard__tier-option{background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:2rem;text-align:center;transition:all .3s ease}.billing-dashboard__tier-option:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.billing-dashboard__tier-option--current{border-color:#28a745;border-width:3px}.billing-dashboard__tier-option h3{color:var(--color-text);font-size:1.5rem;margin:0 0 1rem}.billing-dashboard__tier-price{color:var(--color-primary);font-size:2rem;font-weight:700;margin-bottom:1.5rem}.billing-dashboard__tier-features{list-style:none;margin:0 0 1.5rem;padding:0;text-align:left}.billing-dashboard__tier-features li{align-items:center;color:var(--color-text);display:flex;gap:.5rem;padding:.5rem 0}.billing-dashboard__tier-features svg{color:#28a745;flex-shrink:0}.billing-dashboard__history h2{color:var(--color-text);font-size:1.5rem;margin:0 0 1.5rem}.billing-dashboard__history-table{overflow-x:auto}.billing-dashboard__history-table table{background:var(--color-bg-secondary);border-collapse:collapse;border-radius:var(--radius-base);overflow:hidden;width:100%}.billing-dashboard__history-table td,.billing-dashboard__history-table th{border-bottom:1px solid var(--color-border);padding:1rem;text-align:left}.billing-dashboard__history-table th{background:var(--color-bg-tertiary);color:var(--color-text);font-weight:600}.billing-dashboard__history-table tbody tr:hover{background:var(--color-bg-tertiary)}.billing-dashboard__history-table tbody tr:last-child td{border-bottom:none}.billing-dashboard__status{border-radius:var(--radius-sm);display:inline-block;font-size:.875rem;font-weight:600;padding:.25rem .75rem;text-transform:capitalize}.billing-dashboard__status--completed{background-color:#28a74533;color:#28a745}.billing-dashboard__status--pending{background-color:#ffc10733;color:#ffc107}.billing-dashboard__status--failed{background-color:#dc354533;color:#dc3545}.billing-dashboard__empty{color:var(--color-text-secondary);padding:3rem 1rem;text-align:center}.billing-dashboard__empty-icon{color:var(--color-text-tertiary);font-size:4rem;margin-bottom:1rem}.billing-dashboard__button{border:none;border-radius:var(--radius-base);cursor:pointer;font-size:1rem;font-weight:600;min-height:44px;padding:.75rem 1.5rem;transition:all .3s ease;width:100%}.billing-dashboard__button--primary{background-color:var(--color-primary);color:#fff}.billing-dashboard__button--primary:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.billing-dashboard__button--primary:disabled{cursor:not-allowed;opacity:.6}.billing-dashboard__button--current{background-color:#28a745;color:#fff;cursor:default}.billing-dashboard__breadcrumb-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;padding:1rem 1rem 0}.billing-dashboard__breadcrumbs{flex:1 1;margin:0;padding:0}.billing-dashboard__breadcrumbs ol{flex-wrap:wrap;list-style:none;margin:0;padding:0}.billing-dashboard__breadcrumbs li,.billing-dashboard__breadcrumbs ol{align-items:center;display:flex;gap:.5rem}.billing-dashboard__breadcrumbs a{align-items:center;color:var(--color-primary);display:flex;gap:.25rem;text-decoration:none;transition:color .2s ease}.billing-dashboard__breadcrumbs a:hover{color:var(--color-primary-hover);text-decoration:underline}.billing-dashboard__breadcrumb-separator{color:var(--color-text-secondary);font-size:.75rem}.billing-dashboard__skip-link{background:var(--color-primary);border-radius:var(--radius-base);color:#fff;font-weight:500;left:-9999px;padding:8px 16px;position:absolute;text-decoration:none;top:0;z-index:100}.billing-dashboard__skip-link:focus{box-shadow:var(--shadow-lg);left:50%;top:10px;transform:translateX(-50%)}.billing-dashboard__offline-banner{align-items:center;background-color:var(--color-warning);box-shadow:var(--shadow-md);color:#fff;display:flex;font-weight:500;gap:.5rem;justify-content:center;left:0;padding:.75rem;position:fixed;right:0;text-align:center;top:0;z-index:1100}.billing-dashboard__toast{align-items:center;animation:slideIn .3s ease-out;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);bottom:2rem;box-shadow:var(--shadow-lg);display:flex;gap:1rem;max-width:400px;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:1200}.billing-dashboard__toast-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.billing-dashboard__toast-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s ease}.billing-dashboard__toast-close:hover{color:var(--color-text)}.billing-dashboard__toast--success{border-color:var(--color-success)}.billing-dashboard__toast--success svg{color:var(--color-success)}.billing-dashboard__toast--warning{border-color:var(--color-warning)}.billing-dashboard__toast--warning svg{color:var(--color-warning)}.billing-dashboard__toast--error{border-color:var(--color-danger)}.billing-dashboard__toast--error svg{color:var(--color-danger)}.billing-dashboard__toast--info{border-color:var(--color-info)}.billing-dashboard__toast--info svg{color:var(--color-info)}.billing-dashboard__error{margin:0 auto;max-width:600px;padding:3rem 1rem;text-align:center}.billing-dashboard__error h2{color:var(--color-danger);margin-bottom:1rem}.billing-dashboard__error p{color:var(--color-text-secondary);margin-bottom:2rem}.billing-dashboard__loading{padding:2rem 1rem}.billing-dashboard__skeleton-header{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--radius-base);height:3rem;margin:0 auto 2rem;width:60%}.billing-dashboard__skeleton-cards{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.billing-dashboard__skeleton-card{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--radius-lg);height:300px}body.dark-mode .billing-dashboard__skeleton-card,body.dark-mode .billing-dashboard__skeleton-header{background:linear-gradient(90deg,#3a3a3a 25%,#4a4a4a 50%,#3a3a3a 75%);background-size:200% 100%}@media (max-width:768px){.billing-dashboard{border-radius:0;padding:.5rem}.billing-dashboard__header h1{font-size:2rem}.billing-dashboard__tabs{border-bottom:none;flex-direction:column;gap:0;margin-bottom:1rem}.billing-dashboard__tab{border-bottom:1px solid var(--color-border);border-left:3px solid #0000;justify-content:flex-start;margin-bottom:0;margin-left:-2px}.billing-dashboard__tab--active{border-bottom-color:var(--color-border);border-left-color:var(--color-primary)}.billing-dashboard__tier-options{grid-template-columns:1fr}.billing-dashboard__history-table{font-size:.875rem}.billing-dashboard__history-table td,.billing-dashboard__history-table th{padding:.75rem .5rem}.billing-dashboard__toast{bottom:1rem;left:1rem;max-width:none;right:1rem}}@media (max-width:400px){.billing-dashboard__header h1{font-size:1.5rem}.billing-dashboard__plan-card{padding:1.5rem}.billing-dashboard__plan-card h3{font-size:1.5rem}.billing-dashboard__plan-price{font-size:2rem}}@media (prefers-contrast:high){.billing-dashboard__button{border-width:2px}.billing-dashboard__tier-option{border-width:3px}}@media print{.billing-dashboard__offline-banner,.billing-dashboard__skip-link,.billing-dashboard__tabs,.billing-dashboard__toast{display:none}.billing-dashboard{background:#fff;color:#000;max-width:none;padding:0}}.editor-toolbar{align-items:center;background:#ff6b35;border:1px solid #ff6b35;border-bottom:none;border-radius:8px 8px 0 0;border-radius:var(--radius-base,8px) var(--radius-base,8px) 0 0;display:flex;flex-wrap:nowrap;gap:.5rem;gap:var(--space-sm,.5rem);overflow-x:auto;padding:1rem;padding:var(--space-md,1rem)}.editor-toolbar__group{border-right:1px solid #ddd;border-right:1px solid var(--color-border,#ddd);display:flex;gap:.25rem;gap:var(--space-xs,.25rem);padding:0 .5rem;padding:0 var(--space-sm,.5rem)}.editor-toolbar__group:last-child{border-right:none}.editor-toolbar__button{align-items:center;background:#0000;border:1px solid #0000;border-radius:4px;border-radius:var(--radius-sm,4px);color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;transition:all .2s ease;width:36px}.editor-toolbar__button:hover{background:#fff3;border-color:#ffffff4d}.editor-toolbar__button:active{transform:scale(.95)}.editor-toolbar__button--active{background:#ffffffe6;color:#ff6b35}.editor-toolbar__button--active:hover{background:#fff;color:#ff6b35}.editor-toolbar__select{background:#fff;background:var(--color-bg,#fff);border:1px solid #ddd;border:1px solid var(--color-border,#ddd);border-radius:4px;border-radius:var(--radius-sm,4px);color:#333;color:var(--color-text,#333);cursor:pointer;font-size:14px;height:36px;padding:0 1rem;padding:0 var(--space-md,1rem)}.editor-toolbar__select:hover{background:#f0f0f0;background:var(--color-hover,#f0f0f0)}.editor-toolbar__select:focus{outline:2px solid #2563eb;outline:2px solid var(--color-primary,#2563eb);outline-offset:2px}@media (prefers-color-scheme:dark){.editor-toolbar{background:#ff6b35;border-color:#ff6b35}.editor-toolbar__group{border-color:#fff3}.editor-toolbar__button{color:#fff}.editor-toolbar__button:hover{background:#fff3;border-color:#ffffff4d}.editor-toolbar__button--active{background:#ffffffe6;color:#ff6b35}.editor-toolbar__button--active:hover{background:#fff;color:#ff6b35}.editor-toolbar__select{background:#ffffffe6;border-color:#0000;color:#333}.editor-toolbar__select:hover{background:#fff}}body.dark-mode .editor-toolbar{background:#ff6b35;border-color:#ff6b35}body.dark-mode .editor-toolbar__group{border-color:#fff3}body.dark-mode .editor-toolbar__button{color:#fff}body.dark-mode .editor-toolbar__button:hover{background:#fff3;border-color:#ffffff4d}body.dark-mode .editor-toolbar__button--active{background:#ffffffe6;color:#ff6b35}body.dark-mode .editor-toolbar__button--active:hover{background:#fff;color:#ff6b35}body.dark-mode .editor-toolbar__select{background:#ffffffe6;border-color:#0000;color:#333}body.dark-mode .editor-toolbar__select:hover{background:#fff}@media (max-width:768px){.editor-toolbar{padding:.5rem;padding:var(--space-sm,.5rem)}.editor-toolbar__group{padding:0 .25rem;padding:0 var(--space-xs,.25rem)}.editor-toolbar__button{height:32px;width:32px}.editor-toolbar__select{font-size:12px;height:32px}}.image-host{line-height:0}.image-host img{border-radius:4px;border-radius:var(--radius-sm,4px);box-shadow:0 2px 8px #0000001a;height:auto;transition:box-shadow .2s ease}.image-host.image-float-left{clear:left;display:block;float:left;margin:0 1.5rem 1rem 0;max-width:min(50%,420px);width:auto}.image-host.image-float-left img{display:block;height:auto;width:100%}.image-host.image-float-right{clear:right;display:block;float:right;margin:0 0 1rem 1.5rem;max-width:min(50%,420px);width:auto}.image-host.image-float-right img{display:block;height:auto;width:100%}.image-host.image-float-none{clear:both;display:block;margin:1rem auto;max-width:min(80%,600px);text-align:center;width:-webkit-fit-content;width:fit-content}.image-host.image-float-none img{display:block;height:auto;max-width:100%;width:auto}.image-host .image-bubble{background:#000000d9;border-radius:8px;box-shadow:0 2px 12px #0003;display:none;gap:6px;padding:8px 10px;pointer-events:none;position:absolute;right:0;top:-50px;transition:opacity .2s ease,visibility .2s ease;white-space:nowrap;z-index:1000}.image-host .image-bubble:before{content:"";height:60px;left:-10px;pointer-events:auto;position:absolute;right:-10px;top:100%;z-index:-1}.image-host:focus-within .image-bubble,.image-host:hover .image-bubble{animation:fadeIn .2s ease;display:inline-flex;pointer-events:auto}.image-bubble:hover{display:inline-flex!important;pointer-events:auto!important}.image-host{display:inline-block;margin:.5rem 0;outline:none;position:relative}.image-host:focus .image-bubble{display:inline-flex;pointer-events:auto}.image-bubble button{background:#0000;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:4px 10px;transition:background-color .2s ease}.image-bubble button:hover{background:#fff3}.image-bubble button:active{background:#ffffff4d}.create-article__lexical-editor:after,.editor-input:after{clear:both;content:"";display:table}.editor-input p{display:block;line-height:1.6;margin-bottom:1em}.editor-input{min-height:200px;overflow:visible}.image-host:hover img{box-shadow:0 4px 12px #00000026}.dark-mode .image-host img{box-shadow:0 2px 8px #0000004d}.dark-mode .image-host:hover img{box-shadow:0 4px 12px #0006}.dark-mode .image-bubble{background:#1e1e1ef2}@media (max-width:768px){.image-float-left img,.image-float-right img{max-width:40%}.image-bubble{padding:4px 6px;top:-34px}.image-bubble button{font-size:12px;padding:3px 8px}}@media (max-width:480px){.image-float-left img,.image-float-right img{float:none;margin:.5rem 0;max-width:100%}}.create-article{margin:0 auto;max-width:1200px;padding:2rem 1rem;width:100%}.create-article--full-width{margin:0;max-width:none}body.has-profile-background .create-article{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:2rem}body.dark-mode .create-article{background-color:#2a2a2a;color:var(--color-text)}body.dark-mode.has-profile-background .create-article{background-color:#2a2a2af2}.create-article__skip-link{background:var(--color-primary);color:#fff;left:0;padding:.5rem 1rem;position:absolute;text-decoration:none;top:-40px;z-index:100}.create-article__skip-link:focus{top:0}.create-article__breadcrumb{font-size:.875rem;gap:.5rem;margin-bottom:1.5rem}.create-article__breadcrumb,.create-article__breadcrumb-link{align-items:center;color:var(--color-text-secondary);display:flex}.create-article__breadcrumb-link{gap:.25rem;text-decoration:none;transition:color .2s ease}.create-article__breadcrumb-link:hover{color:var(--color-primary)}.create-article__breadcrumb-separator{color:var(--color-border);font-size:.75rem}.create-article__breadcrumb-current{color:var(--color-text);font-weight:500}.create-article__loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 1rem;text-align:center}.create-article__spinner{animation:spin 1s linear infinite;color:var(--color-primary);font-size:2rem}.create-article__loading p{color:var(--color-text-secondary);font-size:1.1rem;margin-top:1rem}.create-article__error{padding:3rem 1rem;text-align:center}.create-article__error-icon{color:#dc3545;font-size:3rem;margin-bottom:1rem}.create-article__error h2{color:var(--color-text);margin-bottom:.5rem}.create-article__error p{color:var(--color-text-secondary);margin-bottom:1.5rem}.create-article__back-button{background-color:var(--color-primary);border-radius:6px;color:#fff;display:inline-block;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.create-article__back-button:hover{background-color:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.create-article__main{background-color:var(--color-bg);border-radius:8px;padding:2rem}body.dark-mode .create-article__main{background-color:#333}.create-article__header{border-bottom:2px solid var(--color-primary);margin-bottom:2rem;padding-bottom:1rem;text-align:center}.create-article__title{color:var(--color-primary);font-size:2rem;margin:0 0 .5rem}.create-article__subtitle{color:var(--color-text-secondary);font-size:.95rem;margin:0}.create-article__form{margin:0 auto;max-width:800px}.create-article__field{margin-bottom:1.5rem;position:relative}.create-article__label{color:var(--color-text);display:block;font-size:.95rem;font-weight:500;margin-bottom:.5rem}.create-article__required{color:#dc3545}.create-article__input{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);font-size:1rem;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.create-article__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #007bff1a;outline:none}.create-article__input--error{border-color:#dc3545}.create-article__input--error:focus{box-shadow:0 0 0 3px #dc35451a}.create-article__textarea{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);font-family:inherit;font-size:1rem;padding:.75rem;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.create-article__textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #007bff1a;outline:none}.create-article__textarea--error{border-color:#dc3545}.create-article__textarea--large{min-height:300px}.create-article__select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);cursor:pointer;font-size:1rem;padding:.75rem;transition:border-color .2s ease;width:100%}.create-article__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #007bff1a;outline:none}.create-article__file-input{background-color:var(--color-bg-secondary);border:2px dashed var(--color-border);border-radius:6px;cursor:pointer;padding:.5rem;transition:border-color .2s ease;width:100%}.create-article__file-input:hover{border-color:var(--color-primary)}.create-article__error-message{color:#dc3545;display:block;font-size:.875rem;margin-top:.25rem}.create-article__char-count{display:block;text-align:right}.create-article__char-count,.create-article__help-text{color:var(--color-text-secondary);font-size:.875rem;margin-top:.25rem}.create-article__tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.create-article__tag{align-items:center;background-color:var(--color-primary);border-radius:20px;color:#fff;display:inline-flex;font-size:.875rem;gap:.5rem;padding:.375rem .75rem}.create-article__tag-remove{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;height:16px;justify-content:center;padding:0;transition:opacity .2s ease;width:16px}.create-article__tag-remove:hover{opacity:.7}.create-article__image-preview{border-radius:8px;margin-top:1rem;max-width:600px;overflow:hidden;position:relative}.create-article__preview-image{display:block;height:auto;width:100%}.create-article__remove-image{align-items:center;background-color:#dc3545e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:.5rem;top:.5rem;transition:background-color .2s ease;width:32px}.create-article__remove-image:hover{background-color:#dc3545}.create-article__checkbox-label{align-items:center;color:var(--color-text);cursor:pointer;display:flex;gap:.75rem}.create-article__checkbox{cursor:pointer;height:20px;width:20px}.create-article__actions{border-top:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem;padding-top:2rem}.create-article__button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.create-article__button:disabled{cursor:not-allowed;opacity:.5}.create-article__button--primary{background-color:var(--color-primary);color:#fff}.create-article__button--primary:hover:not(:disabled){background-color:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.create-article__button--secondary{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.create-article__button--secondary:hover:not(:disabled){background-color:var(--color-bg-tertiary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.create-article__preview{border-top:2px solid var(--color-border);margin-top:3rem;padding-top:2rem}.create-article__preview-title{color:var(--color-text);font-size:1.5rem;margin:0 0 1.5rem}.create-article__preview-content{background-color:var(--color-bg-secondary);border-radius:8px;padding:2rem}.create-article__preview-image-full{border-radius:8px;height:auto;margin-bottom:1.5rem;width:100%}.create-article__preview-content h1{color:var(--color-text);font-size:2rem;line-height:1.2;margin:0 0 1rem}.create-article__preview-excerpt{border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);font-size:1.1rem;font-style:italic;margin:0 0 1.5rem;padding-bottom:1.5rem}.create-article__preview-article{color:var(--color-text);line-height:1.8}.create-article__preview-article p{margin-bottom:1.5rem}.create-article__preview-article h2{font-size:1.5rem;margin-bottom:1rem;margin-top:2rem}.create-article__preview-article ol,.create-article__preview-article ul{margin-bottom:1.5rem;padding-left:2rem}.create-article__preview-article blockquote{background-color:var(--color-bg);border-left:4px solid var(--color-primary);font-style:italic;margin:1.5rem 0;padding:1rem 1.5rem}.create-article__toast{align-items:center;animation:slideInUp .3s ease-out;background-color:var(--color-bg);border-radius:6px;bottom:2rem;box-shadow:var(--shadow-lg);display:flex;gap:.75rem;max-width:400px;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:1000}.create-article__toast svg{flex-shrink:0;font-size:1.5rem}.create-article__toast--success{border-left:4px solid #28a745}.create-article__toast--success svg{color:#28a745}.create-article__toast--error{border-left:4px solid #dc3545}.create-article__toast--error svg{color:#dc3545}.create-article__toast--info{border-left:4px solid #17a2b8}.create-article__toast--info svg{color:#17a2b8}.create-article__toast--warning{border-left:4px solid #ffc107}.create-article__toast--warning svg{color:#ffc107}.create-article__offline-banner{align-items:center;background-color:#ffc107;color:#000;display:flex;font-weight:500;gap:.5rem;justify-content:center;left:0;padding:.75rem;position:fixed;right:0;top:0;z-index:1000}@media (max-width:768px){.create-article{padding:1rem .5rem}.create-article__main{padding:1.5rem 1rem}.create-article__title{font-size:1.75rem}.create-article__actions{flex-direction:column}.create-article__button{justify-content:center;width:100%}.create-article__toast{bottom:1rem;left:1rem;right:1rem}.create-article__preview-content{padding:1.5rem 1rem}}@media (max-width:400px){.create-article__title{font-size:1.5rem}.create-article__field{margin-bottom:1rem}.create-article__preview-content h1{font-size:1.5rem}}@media print{.create-article__actions,.create-article__breadcrumb,.create-article__offline-banner,.create-article__remove-image,.create-article__tag-remove,.create-article__toast{display:none}.create-article{max-width:100%;padding:0}}@media (prefers-contrast:high){.create-article__button,.create-article__input,.create-article__select,.create-article__textarea{border:2px solid}}@media (prefers-reduced-motion:reduce){.create-article__back-button,.create-article__button,.create-article__remove-image,.create-article__tag-remove,.create-article__toast{animation:none;transition:none}.create-article__spinner{animation:none}}body.dark-mode .create-article__toast{background-color:#333;color:#fff}body.dark-mode .create-article__offline-banner{background-color:#856404;color:#fff}body.dark-mode .create-article__input,body.dark-mode .create-article__select,body.dark-mode .create-article__textarea{background-color:#1a1a1a;border-color:#444;color:#fff}body.dark-mode .create-article__file-input{background-color:#222;border-color:#444}body.dark-mode .create-article__preview-content{background-color:#222}.create-article a:focus-visible,.create-article button:focus-visible,.create-article input:focus-visible,.create-article select:focus-visible,.create-article textarea:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.create-article__schedule-container{display:flex;gap:var(--space-md);width:100%}.create-article__schedule-date{flex:1.5 1}.create-article__schedule-time{flex:1 1}.create-article__schedule-label{color:var(--color-text);display:block;font-weight:var(--font-weight-medium);margin-bottom:var(--space-xs)}.create-article__schedule-input-wrapper{align-items:center;display:flex;position:relative}.create-article__schedule-icon{color:var(--color-text-secondary);font-size:var(--font-size-sm);left:var(--space-sm);position:absolute;z-index:1}.create-article__schedule-input{border:1px solid var(--color-border);border-radius:var(--radius-base);box-sizing:border-box;font-size:var(--font-size-base);padding:var(--space-sm) var(--space-sm) var(--space-sm) calc(var(--space-lg) + var(--space-md));transition:border-color var(--transition-base),box-shadow var(--transition-base);width:100%}.create-article__schedule-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #ff45001a;outline:none}.create-article__schedule-input--error{border-color:var(--color-danger)}.create-article__schedule-input[type=date],.create-article__schedule-input[type=time]{-webkit-appearance:textfield;appearance:textfield;padding-right:40px;position:relative}.create-article__schedule-input[type=date]::-webkit-calendar-picker-indicator,.create-article__schedule-input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6}.create-article__schedule-input[type=date]:hover::-webkit-calendar-picker-indicator,.create-article__schedule-input[type=time]:hover::-webkit-calendar-picker-indicator{opacity:1}.create-article__schedule-input[type=date]::-moz-calendar-picker-indicator,.create-article__schedule-input[type=time]::-moz-calendar-picker-indicator{cursor:pointer}.dark-mode .create-article__schedule-label{color:var(--color-text)}.dark-mode .create-article__schedule-icon{color:var(--color-text-muted)}.dark-mode .create-article__schedule-input{background-color:var(--color-bg-secondary);border-color:var(--color-border);color:var(--color-text)}.dark-mode .create-article__schedule-input:focus{border-color:#ff6a33;box-shadow:0 0 0 2px #ff6a331a}.dark-mode .create-article__schedule-input--error{border-color:#f77}@media (max-width:768px){.create-article__schedule-container{flex-direction:column;gap:var(--space-sm)}.create-article__schedule-date,.create-article__schedule-time{flex:1 1}}.create-article__upload-zone{align-items:center;background-color:#f8f9fa;border:2px dashed #ddd;border-radius:8px;cursor:pointer;display:flex;justify-content:center;margin-bottom:var(--space-sm);min-height:200px;position:relative;transition:all .3s ease}.create-article__upload-zone:hover{background-color:#fff;border-color:var(--color-primary)}.create-article__upload-zone--dragging{background-color:#fff5f0;border-color:var(--color-primary);border-width:3px}.create-article__upload-content{padding:2rem;text-align:center}.create-article__upload-icon{font-size:3rem;margin-bottom:1rem;transition:transform .3s ease}.create-article__upload-zone--dragging .create-article__upload-icon{transform:scale(1.2)}.create-article__upload-text{color:#666;font-size:1.1rem;font-weight:500;margin-bottom:.5rem}.create-article__upload-zone--dragging .create-article__upload-text{color:var(--color-primary);font-weight:600}.create-article__upload-or{color:#999;font-size:.9rem;letter-spacing:1px;margin:1rem 0;text-transform:uppercase}.create-article__upload-hint{color:#999;font-size:.85rem;margin-top:1rem}.create-article__upload-btn{align-items:center;background-color:var(--color-primary);border:none;border-radius:4px;box-shadow:0 2px 4px #ff450033;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;justify-content:center;padding:.75rem 1.5rem;transition:all .2s}.create-article__upload-btn span{color:#fff}.create-article__upload-btn:hover{background-color:var(--color-primary-hover);box-shadow:0 4px 8px #ff45004d;transform:translateY(-1px)}.create-article__upload-btn:active{box-shadow:0 2px 4px #ff450033;transform:translateY(0)}.create-article__file-input-hidden{display:none}.dark-mode .create-article__upload-zone{background-color:#2a2a2a;border-color:#444}.dark-mode .create-article__upload-zone:hover{background-color:#333;border-color:var(--color-primary)}.dark-mode .create-article__upload-zone--dragging{background-color:#3a2a2a;border-color:var(--color-primary)}.dark-mode .create-article__upload-text{color:#ccc}.dark-mode .create-article__upload-hint,.dark-mode .create-article__upload-or{color:#888}@media (max-width:768px){.create-article__upload-zone{min-height:150px}.create-article__upload-content{padding:1.5rem}.create-article__upload-icon{font-size:2.5rem}.create-article__upload-or,.create-article__upload-text{display:none}.create-article__upload-hint{margin-top:.5rem}}.create-article__lexical-container{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);margin-top:var(--space-sm);overflow:hidden;transition:border-color var(--transition-base)}.create-article__lexical-container:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.create-article__lexical-container--error{border-color:var(--color-danger)}.create-article__lexical-container--error:focus-within{box-shadow:0 0 0 3px #dc26261a}.create-article__lexical-editor{background:var(--color-bg);border:none;color:var(--color-text);font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:1.6;max-height:600px;outline:none;overflow-y:auto;padding:var(--space-md);position:relative}.create-article__lexical-editor:focus{outline:none}.create-article__lexical-placeholder{color:var(--color-text-secondary);left:var(--space-md);pointer-events:none;position:absolute;top:var(--space-md);-webkit-user-select:none;user-select:none}.lexical-heading-h1{color:var(--color-text);font-size:2em;font-weight:700;margin:.67em 0}.lexical-heading-h2{color:var(--color-text);font-size:1.5em;font-weight:600;margin:.75em 0}.lexical-heading-h3{color:var(--color-text);font-size:1.25em;font-weight:600;margin:.83em 0}.lexical-list-ol,.lexical-list-ul{margin:1em 0;padding-left:2em}.lexical-listitem{margin:.5em 0}.lexical-nested-listitem{list-style-type:none}.lexical-link{color:var(--color-primary);cursor:pointer;text-decoration:underline}.lexical-link:hover{text-decoration:none}.lexical-text-bold{font-weight:700}.lexical-text-italic{font-style:italic}.lexical-text-underline{text-decoration:underline}.lexical-text-strikethrough{text-decoration:line-through}.lexical-inline-image{display:inline-block;line-height:0;vertical-align:initial}.lexical-inline-image-element{border-radius:var(--radius-sm);box-shadow:0 2px 8px #0000001a;cursor:grab;display:inline-block;height:auto;max-width:100%;transition:opacity .2s ease,box-shadow .3s ease,transform .3s ease;-webkit-user-select:none;user-select:none;vertical-align:middle}.lexical-inline-image-element[data-float=left]{clear:left;float:left;margin:0 1.5em 1em 0;max-width:45%}.lexical-inline-image-element[data-float=right]{clear:right;float:right;margin:0 0 1em 1.5em;max-width:45%}.lexical-inline-image-element[data-float=none]{display:inline-block;margin:0 .5em;max-width:100%;vertical-align:middle}.lexical-inline-image-element:hover{box-shadow:0 4px 12px #00000026;cursor:grab;transform:translateY(-2px)}.lexical-inline-image-element:active{cursor:grabbing;opacity:.8}.lexical-drop-indicator{animation:blink 1s infinite;background:#2563eb;height:20px;pointer-events:none;position:absolute;width:2px;z-index:10000}@keyframes blink{0%,50%,to{opacity:1}25%,75%{opacity:.5}}.lexical-paragraph{color:var(--color-text);line-height:1.6;margin:0 0 1em;overflow:auto}.create-article__lexical-editor:after,.lexical-paragraph:after{clear:both;content:"";display:table}.create-article__lexical-editor{min-height:400px;overflow:auto}.dark-mode .create-article__lexical-editor{background:var(--color-bg);color:var(--color-text)}.dark-mode .create-article__lexical-placeholder{color:var(--color-text-secondary)}.dark-mode .lexical-heading-h1,.dark-mode .lexical-heading-h2,.dark-mode .lexical-heading-h3,.dark-mode .lexical-paragraph{color:var(--color-text)}.dark-mode .lexical-image{box-shadow:0 2px 8px #0000004d}.dark-mode .lexical-image:hover{box-shadow:0 4px 12px #0006}.create-article__video-input-group{align-items:center;display:flex;gap:var(--space-sm)}.create-article__video-input-group input{flex:1 1}.create-article__video-position-select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;font-size:.875rem;padding:.75rem 1rem;transition:border-color .2s ease}.create-article__video-position-select:hover{border-color:var(--color-primary)}.create-article__video-position-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2196f31a;outline:none}.create-article__video-preview{margin-top:var(--space-md);max-width:600px}.dark-mode .create-article__video-position-select{background-color:#333;border-color:#444;color:#e0e0e0}.dark-mode .create-article__video-position-select:hover{border-color:var(--color-primary)}@media (max-width:768px){.create-article__lexical-editor{min-height:300px;padding:var(--space-sm)}.create-article__video-input-group{flex-direction:column;gap:var(--space-xs)}.create-article__video-input-group input,.create-article__video-position-select{width:100%}.lexical-image-wrapper--left,.lexical-image-wrapper--right{max-width:40%}@media (max-width:480px){.lexical-image-wrapper--left,.lexical-image-wrapper--right{display:block;float:none;margin:1em auto;max-width:100%}}}.create-article__field--location{background:var(--color-bg-secondary);border:2px dashed var(--color-border);border-radius:8px;margin-top:2rem;padding:1.5rem}.create-article__section-heading{align-items:center;color:var(--color-text-heading);display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;margin:0 0 .5rem}.create-article__location-inputs{display:flex;flex-direction:column;gap:1.5rem}.create-article__location-address{display:flex;flex-direction:column;gap:.5rem}.create-article__location-coords{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr}.create-article__location-lat,.create-article__location-lng,.create-article__location-zoom{display:flex;flex-direction:column;gap:.5rem}.create-article__hint{color:var(--color-text-muted);font-size:.875rem;font-style:italic;margin:0}.create-article__hint--info{background:#667eea1a;border-left:3px solid #667eea;border-radius:4px;font-style:normal;padding:.75rem 1rem}body.dark-mode .create-article__field--location{background:var(--color-bg-dark-secondary);border-color:var(--color-border-dark)}body.dark-mode .create-article__hint--info{background:#667eea33}@media (max-width:768px){.create-article__location-coords{grid-template-columns:1fr}.create-article__field--location{padding:1rem}}.create-article__checkbox-label--breaking{align-items:center;color:var(--color-text-heading);display:flex;font-weight:600;gap:.5rem}.create-article__breaking-icon{animation:pulse 2s ease-in-out infinite;color:#ff4500;font-size:1.125rem}.create-article__live-update-info{background:linear-gradient(135deg,#fff8f0,#fff0e5);border:2px solid #ff8c42;border-radius:8px;box-shadow:0 4px 12px #ff8c4226;margin-top:1rem;padding:1.5rem}.create-article__live-update-header{align-items:center;border-bottom:2px solid #ff8c42;display:flex;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem}.create-article__info-icon{color:#ff8c42;flex-shrink:0;font-size:1.5rem}.create-article__live-update-header h4{color:#ff4500;font-size:1.25rem;font-weight:700;margin:0}.create-article__live-update-content{color:#333;line-height:1.6}.create-article__live-update-intro{font-size:1rem;font-weight:500;margin:0 0 1.5rem}.create-article__live-update-section{margin:1.5rem 0}.create-article__live-update-section h5{color:#ff4500;font-size:1.0625rem;font-weight:600;margin:0 0 .75rem}.create-article__live-update-section ol,.create-article__live-update-section ul{margin:0;padding-left:1.5rem}.create-article__live-update-section li{line-height:1.6;margin:.5rem 0}.create-article__live-update-example{background:#0000000d;border:1px solid #0000001a;border-radius:6px;margin:1.5rem 0;padding:1rem}.create-article__live-update-example h5{color:#ff4500;font-size:1.0625rem;font-weight:600;margin:0 0 .75rem}.create-article__code-example{background:#1e1e1e;border-radius:6px;color:#d4d4d4;font-family:Courier New,Courier,monospace;font-size:.875rem;line-height:1.5;margin:0;overflow-x:auto;padding:1rem;white-space:pre}.create-article__live-update-note{background:#ff8c421a;border-left:4px solid #ff8c42;border-radius:4px;font-size:.9375rem;line-height:1.6;margin:1.5rem 0 0;padding:1rem}.create-article__live-update-note strong{color:#ff4500;font-weight:600}body.dark-mode .create-article__live-update-info{background:linear-gradient(135deg,#2d2416,#3d2f1a);border-color:#ff8c42}body.dark-mode .create-article__live-update-content,body.dark-mode .create-article__live-update-intro,body.dark-mode .create-article__live-update-section li{color:#e5e7eb}body.dark-mode .create-article__live-update-example{background:#0000004d;border-color:#ffffff1a}body.dark-mode .create-article__live-update-note{background:#ff8c4233;color:#e5e7eb}@media (max-width:768px){.create-article__live-update-info{padding:1rem}.create-article__live-update-header h4{font-size:1.125rem}.create-article__live-update-section h5{font-size:1rem}.create-article__code-example{font-size:.8125rem;padding:.75rem}}@media (max-width:400px){.create-article__live-update-header{align-items:flex-start;flex-direction:column}}.edit-article{margin:0 auto;max-width:1200px;padding:2rem 1rem;width:100%}.edit-article--full-width{margin:0;max-width:none}body.has-profile-background .edit-article{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:2rem}body.dark-mode .edit-article{background-color:#2a2a2a;color:var(--color-text)}body.dark-mode.has-profile-background .edit-article{background-color:#2a2a2af2}.edit-article__skip-link{background:var(--color-primary);color:#fff;left:0;padding:.5rem 1rem;position:absolute;text-decoration:none;top:-40px;z-index:100}.edit-article__skip-link:focus{top:0}.edit-article__breadcrumb{font-size:.875rem;gap:.5rem;margin-bottom:1.5rem}.edit-article__breadcrumb,.edit-article__breadcrumb-link{align-items:center;color:var(--color-text-secondary);display:flex}.edit-article__breadcrumb-link{gap:.25rem;text-decoration:none;transition:color .2s ease}.edit-article__breadcrumb-link:hover{color:var(--color-primary)}.edit-article__breadcrumb-separator{color:var(--color-border);font-size:.75rem}.edit-article__breadcrumb-current{color:var(--color-text);font-weight:500}.edit-article__loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 1rem;text-align:center}.edit-article__spinner{animation:spin 1s linear infinite;color:var(--color-primary);font-size:2rem}.edit-article__loading p{color:var(--color-text-secondary);font-size:1.1rem;margin-top:1rem}.edit-article__error{padding:3rem 1rem;text-align:center}.edit-article__error-icon{color:#dc3545;font-size:3rem;margin-bottom:1rem}.edit-article__error h2{color:var(--color-text);margin-bottom:.5rem}.edit-article__error p{color:var(--color-text-secondary);margin-bottom:1.5rem}.edit-article__back-button{background-color:var(--color-primary);border-radius:6px;color:#fff;display:inline-block;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.edit-article__back-button:hover{background-color:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.edit-article__main{background-color:var(--color-bg);border-radius:8px;padding:2rem}body.dark-mode .edit-article__main{background-color:#333}.edit-article__header{border-bottom:2px solid var(--color-primary);margin-bottom:2rem;padding-bottom:1rem;text-align:center}.edit-article__title{color:var(--color-primary);font-size:2rem;margin:0 0 .5rem}.edit-article__subtitle{color:var(--color-text-secondary);font-size:.95rem;margin:0}.edit-article__form{margin:0 auto;max-width:800px}.edit-article__field{margin-bottom:1.5rem;position:relative}.edit-article__label{color:var(--color-text);display:block;font-size:.95rem;font-weight:500;margin-bottom:.5rem}.edit-article__label-icon{margin-right:.5rem}.edit-article__required{color:#dc3545}.edit-article__input{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);font-size:1rem;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.edit-article__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #007bff1a;outline:none}.edit-article__input--error{border-color:#dc3545}.edit-article__input--error:focus{box-shadow:0 0 0 3px #dc35451a}.edit-article__textarea{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);font-family:inherit;font-size:1rem;padding:.75rem;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.edit-article__textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #007bff1a;outline:none}.edit-article__textarea--error{border-color:#dc3545}.edit-article__textarea--large{min-height:300px}.edit-article__select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);cursor:pointer;font-size:1rem;padding:.75rem;transition:border-color .2s ease;width:100%}.edit-article__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #007bff1a;outline:none}.edit-article__file-input{background-color:var(--color-bg-secondary);border:2px dashed var(--color-border);border-radius:6px;cursor:pointer;padding:.5rem;transition:border-color .2s ease;width:100%}.edit-article__file-input:hover{border-color:var(--color-primary)}.edit-article__error-message{color:#dc3545;display:block;font-size:.875rem;margin-top:.25rem}.edit-article__char-count{display:block;text-align:right}.edit-article__char-count,.edit-article__help-text{color:var(--color-text-secondary);font-size:.875rem;margin-top:.25rem}.edit-article__tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.edit-article__tag{align-items:center;background-color:var(--color-primary);border-radius:20px;color:#fff;display:inline-flex;font-size:.875rem;gap:.5rem;padding:.375rem .75rem}.edit-article__tag-remove{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;height:16px;justify-content:center;padding:0;transition:opacity .2s ease;width:16px}.edit-article__tag-remove:hover{opacity:.7}.edit-article__image-preview{border-radius:8px;margin-top:1rem;max-width:600px;overflow:hidden;position:relative}.edit-article__preview-image{display:block;height:auto;width:100%}.edit-article__remove-image{align-items:center;background-color:#dc3545e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:.5rem;top:.5rem;transition:background-color .2s ease;width:32px}.edit-article__remove-image:hover{background-color:#dc3545}.edit-article__checkbox-label{align-items:center;color:var(--color-text);cursor:pointer;display:flex;gap:.75rem}.edit-article__checkbox{cursor:pointer;height:20px;width:20px}.edit-article__actions{border-top:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem;padding-top:2rem}.edit-article__button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.edit-article__button:disabled{cursor:not-allowed;opacity:.5}.edit-article__button--primary{background-color:var(--color-primary);color:#fff}.edit-article__button--primary:hover:not(:disabled){background-color:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.edit-article__button--secondary{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.edit-article__button--secondary:hover:not(:disabled){background-color:var(--color-bg-tertiary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.edit-article__preview{border-top:2px solid var(--color-border);margin-top:3rem;padding-top:2rem}.edit-article__preview-title{color:var(--color-text);font-size:1.5rem;margin:0 0 1.5rem}.edit-article__preview-content{background-color:var(--color-bg-secondary);border-radius:8px;padding:2rem}.edit-article__preview-image-full{border-radius:8px;height:auto;margin-bottom:1.5rem;width:100%}.edit-article__preview-content h1{color:var(--color-text);font-size:2rem;line-height:1.2;margin:0 0 1rem}.edit-article__preview-excerpt{border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);font-size:1.1rem;font-style:italic;margin:0 0 1.5rem;padding-bottom:1.5rem}.edit-article__preview-article{color:var(--color-text);line-height:1.8}.edit-article__preview-article p{margin-bottom:1.5rem}.edit-article__preview-article h2{font-size:1.5rem;margin-bottom:1rem;margin-top:2rem}.edit-article__preview-article ol,.edit-article__preview-article ul{margin-bottom:1.5rem;padding-left:2rem}.edit-article__preview-article blockquote{background-color:var(--color-bg);border-left:4px solid var(--color-primary);font-style:italic;margin:1.5rem 0;padding:1rem 1.5rem}.edit-article__toast{align-items:center;animation:slideInUp .3s ease-out;background-color:var(--color-bg);border-radius:6px;bottom:2rem;box-shadow:var(--shadow-lg);display:flex;gap:.75rem;max-width:400px;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:1000}@keyframes slideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.edit-article__toast svg{flex-shrink:0;font-size:1.5rem}.edit-article__toast--success{border-left:4px solid #28a745}.edit-article__toast--success svg{color:#28a745}.edit-article__toast--error{border-left:4px solid #dc3545}.edit-article__toast--error svg{color:#dc3545}.edit-article__toast--info{border-left:4px solid #17a2b8}.edit-article__toast--info svg{color:#17a2b8}.edit-article__toast--warning{border-left:4px solid #ffc107}.edit-article__toast--warning svg{color:#ffc107}.edit-article__offline-banner{align-items:center;background-color:#ffc107;color:#000;display:flex;font-weight:500;gap:.5rem;justify-content:center;left:0;padding:.75rem;position:fixed;right:0;top:0;z-index:1000}@media (max-width:768px){.edit-article{padding:1rem .5rem}.edit-article__main{padding:1.5rem 1rem}.edit-article__title{font-size:1.75rem}.edit-article__actions{flex-direction:column}.edit-article__button{justify-content:center;width:100%}.edit-article__toast{bottom:1rem;left:1rem;right:1rem}.edit-article__preview-content{padding:1.5rem 1rem}}@media (max-width:400px){.edit-article__title{font-size:1.5rem}.edit-article__field{margin-bottom:1rem}.edit-article__preview-content h1{font-size:1.5rem}}@media print{.edit-article__actions,.edit-article__breadcrumb,.edit-article__offline-banner,.edit-article__remove-image,.edit-article__tag-remove,.edit-article__toast{display:none}.edit-article{max-width:100%;padding:0}}@media (prefers-contrast:high){.edit-article__button,.edit-article__input,.edit-article__select,.edit-article__textarea{border:2px solid}}@media (prefers-reduced-motion:reduce){.edit-article__back-button,.edit-article__button,.edit-article__remove-image,.edit-article__tag-remove,.edit-article__toast{animation:none;transition:none}.edit-article__spinner{animation:none}}body.dark-mode .edit-article__toast{background-color:#333;color:#fff}body.dark-mode .edit-article__offline-banner{background-color:#856404;color:#fff}body.dark-mode .edit-article__input,body.dark-mode .edit-article__select,body.dark-mode .edit-article__textarea{background-color:#1a1a1a;border-color:#444;color:#fff}body.dark-mode .edit-article__file-input{background-color:#222;border-color:#444}body.dark-mode .edit-article__preview-content{background-color:#222}.edit-article a:focus-visible,.edit-article button:focus-visible,.edit-article input:focus-visible,.edit-article select:focus-visible,.edit-article textarea:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.edit-article__video-input-group{align-items:center;display:flex;gap:var(--space-sm)}.edit-article__video-input-group input{flex:1 1}.edit-article__video-position-select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;font-size:.875rem;padding:.75rem 1rem;transition:border-color .2s ease}.edit-article__video-position-select:hover{border-color:var(--color-primary)}.edit-article__video-position-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2196f31a;outline:none}.edit-article__video-preview{margin-top:var(--space-md);max-width:600px}.dark-mode .edit-article__video-position-select{background-color:#333;border-color:#444;color:#e0e0e0}.dark-mode .edit-article__video-position-select:hover{border-color:var(--color-primary)}@media (max-width:768px){.edit-article__video-input-group{flex-direction:column;gap:var(--space-xs)}.edit-article__video-input-group input,.edit-article__video-position-select{width:100%}}.edit-article__field--location{background:var(--color-bg-secondary);border:2px dashed var(--color-border);border-radius:8px;margin-top:2rem;padding:1.5rem}.edit-article__section-heading{align-items:center;color:var(--color-text-heading);display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;margin:0 0 .5rem}.edit-article__location-inputs{display:flex;flex-direction:column;gap:1.5rem}.edit-article__location-address{display:flex;flex-direction:column;gap:.5rem}.edit-article__location-coords{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr}.edit-article__location-lat,.edit-article__location-lng,.edit-article__location-zoom{display:flex;flex-direction:column;gap:.5rem}.edit-article__hint{color:var(--color-text-muted);font-size:.875rem;font-style:italic;margin:0}.edit-article__hint--info{background:#667eea1a;border-left:3px solid #667eea;border-radius:4px;font-style:normal;padding:.75rem 1rem}body.dark-mode .edit-article__field--location{background:var(--color-bg-dark-secondary);border-color:var(--color-border-dark)}body.dark-mode .edit-article__hint--info{background:#667eea33}@media (max-width:768px){.edit-article__location-coords{grid-template-columns:1fr}.edit-article__field--location{padding:1rem}}.edit-article__checkbox-label--breaking{align-items:center;background:linear-gradient(135deg,#fff5f0,#ffe8dc);border:2px solid #ff6b35;border-radius:8px;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem;transition:all .3s ease}.edit-article__checkbox-label--breaking:hover{background:linear-gradient(135deg,#ffe8dc,#ffd4c0);border-color:#ff4500;box-shadow:0 4px 12px #ff6b3533;transform:translateY(-2px)}@media (prefers-color-scheme:dark){.edit-article__checkbox-label--breaking{background:linear-gradient(135deg,#2d1a0f,#3d2515);border-color:#ff6b35;color:#fff}.edit-article__checkbox-label--breaking:hover{background:linear-gradient(135deg,#3d2515,#4d3020);border-color:#ff8c42}}.edit-article__breaking-icon{animation:pulse 2s ease-in-out infinite;color:#ff4500;font-size:1.125rem}.edit-article__live-update-info{background:linear-gradient(135deg,#fff8f0,#fff0e5);border:2px solid #ff8c42;border-radius:8px;box-shadow:0 4px 12px #ff8c4226;margin-top:1rem;padding:1.5rem}@media (prefers-color-scheme:dark){.edit-article__live-update-info{background:linear-gradient(135deg,#2a1f15,#352616);border-color:#ff8c42}}.edit-article__live-update-header{align-items:center;border-bottom:2px solid #ffc894;display:flex;gap:.75rem;margin-bottom:1.25rem;padding-bottom:1rem}.edit-article__live-update-header h3{color:#ff4500;font-size:1.25rem;font-weight:700;margin:0}.edit-article__info-icon{color:#ff8c42;font-size:1.5rem}@media (prefers-color-scheme:dark){.edit-article__live-update-header{border-bottom-color:#4d3020}.edit-article__live-update-header h3{color:#ff8c42}.edit-article__info-icon{color:#ffc894}}.edit-article__live-update-section{margin-bottom:1.5rem}.edit-article__live-update-section h4{color:#d94000;font-size:1rem;font-weight:600;margin:0 0 .75rem}@media (prefers-color-scheme:dark){.edit-article__live-update-section h4{color:#ff8c42}}.edit-article__live-update-list{color:#333;line-height:1.8;list-style-type:disc;margin:0;padding-left:1.5rem}.edit-article__live-update-list li{margin-bottom:.5rem}.edit-article__live-update-list--tips li{list-style-type:none;padding-left:0}@media (prefers-color-scheme:dark){.edit-article__live-update-list{color:#e5e7eb}}.edit-article__code-example{background:#1e1e1e;border:1px solid #3a3a3a;border-radius:6px;color:#d4d4d4;font-family:Courier New,Courier,monospace;font-size:.875rem;line-height:1.6;overflow-x:auto;padding:1rem}.edit-article__code-example code{display:block;white-space:pre-wrap;word-break:break-word}.edit-article__live-update-note{background:#fff;border-left:4px solid #ff8c42;border-radius:4px;box-shadow:0 2px 6px #0000000d;color:#555;font-size:.9rem;margin-top:1.5rem;padding:1rem}.edit-article__live-update-note strong{color:#ff4500;font-weight:600}@media (prefers-color-scheme:dark){.edit-article__live-update-note{background:#1a1a1a;border-left-color:#ff8c42;color:#d1d5db}.edit-article__live-update-note strong{color:#ff8c42}}@media (max-width:768px){.edit-article__live-update-info{padding:1rem}.edit-article__live-update-header{align-items:flex-start;flex-direction:column;gap:.5rem}.edit-article__live-update-header h3{font-size:1.125rem}.edit-article__code-example{font-size:.75rem;padding:.75rem}.edit-article__live-update-list{padding-left:1.25rem}}@media (max-width:400px){.edit-article__checkbox-label--breaking{font-size:.9rem;padding:.5rem}.edit-article__breaking-icon,.edit-article__live-update-header h3{font-size:1rem}.edit-article__code-example{font-size:.7rem;padding:.5rem}}.edit-article__lexical-container{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);margin-top:var(--space-sm);overflow:hidden;transition:border-color var(--transition-base)}.edit-article__lexical-container:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.edit-article__lexical-container--error{border-color:var(--color-danger)}.edit-article__lexical-container--error:focus-within{box-shadow:0 0 0 3px #dc26261a}.edit-article__lexical-editor{background:var(--color-bg);border:none;color:var(--color-text);font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:1.6;max-height:600px;min-height:400px;outline:none;overflow-y:auto;padding:var(--space-md);position:relative}.edit-article__lexical-editor:focus{outline:none}.edit-article__lexical-editor:after{clear:both;content:"";display:table}.dark-mode .edit-article__lexical-editor{background:var(--color-bg);color:var(--color-text)}@media (max-width:768px){.edit-article__lexical-editor{max-height:500px;min-height:300px;padding:var(--space-sm)}}.edit-article__schedule-container{display:flex;gap:var(--space-md);width:100%}.edit-article__schedule-date{flex:1.5 1}.edit-article__schedule-time{flex:1 1}.edit-article__schedule-label{color:var(--color-text);display:block;font-weight:var(--font-weight-medium);margin-bottom:var(--space-xs)}.edit-article__schedule-input-wrapper{align-items:center;display:flex;position:relative}.edit-article__schedule-icon{color:var(--color-text-secondary);font-size:var(--font-size-sm);left:var(--space-sm);position:absolute;z-index:1}.edit-article__schedule-input{border:1px solid var(--color-border);border-radius:var(--radius-base);box-sizing:border-box;font-size:var(--font-size-base);padding:var(--space-sm) var(--space-sm) var(--space-sm) calc(var(--space-lg) + var(--space-md));transition:border-color var(--transition-base),box-shadow var(--transition-base);width:100%}.edit-article__schedule-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #ff45001a;outline:none}.edit-article__schedule-input--error{border-color:var(--color-danger)}.edit-article__schedule-input[type=date],.edit-article__schedule-input[type=time]{-webkit-appearance:textfield;appearance:textfield;padding-right:40px;position:relative}.edit-article__schedule-input[type=date]::-webkit-calendar-picker-indicator,.edit-article__schedule-input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6}.edit-article__schedule-input[type=date]:hover::-webkit-calendar-picker-indicator,.edit-article__schedule-input[type=time]:hover::-webkit-calendar-picker-indicator{opacity:1}.edit-article__schedule-input[type=date]::-moz-calendar-picker-indicator,.edit-article__schedule-input[type=time]::-moz-calendar-picker-indicator{cursor:pointer}.dark-mode .edit-article__schedule-label{color:var(--color-text)}.dark-mode .edit-article__schedule-icon{color:var(--color-text-muted)}.dark-mode .edit-article__schedule-input{background-color:var(--color-bg-secondary);border-color:var(--color-border);color:var(--color-text)}.dark-mode .edit-article__schedule-input:focus{border-color:#ff6a33;box-shadow:0 0 0 2px #ff6a331a}.dark-mode .edit-article__schedule-input--error{border-color:#f77}@media (max-width:768px){.edit-article__schedule-container{flex-direction:column;gap:var(--space-sm)}.edit-article__schedule-date,.edit-article__schedule-time{flex:1 1}}.register-outlet{background-color:var(--color-bg);border-radius:8px;color:var(--color-text);margin:0 auto;max-width:1200px;min-height:100vh;padding:0;width:100%}.register-outlet--full-width{margin:0;max-width:none}.register-outlet__skip-link{background:var(--color-primary);border-radius:0 0 4px 0;color:#fff;left:0;padding:8px 16px;position:absolute;text-decoration:none;top:-40px;z-index:100}.register-outlet__skip-link:focus{top:0}.register-outlet__toast{align-items:center;animation:slideInRight .3s ease-out;border-radius:var(--radius-base);box-shadow:var(--shadow-lg);display:flex;gap:.75rem;min-width:300px;padding:1rem 1.5rem;position:fixed;right:20px;top:20px;z-index:10000}.register-outlet__toast--success{background-color:#28a745f2;border:1px solid #28a745;color:#fff}.register-outlet__toast--error{background-color:#dc3545f2;border:1px solid #dc3545;color:#fff}.register-outlet__toast--info{background-color:#007bfff2;border:1px solid #007bff;color:#fff}.register-outlet__offline-banner{align-items:center;background-color:#ffc107;color:#000;display:flex;gap:.5rem;justify-content:center;left:0;padding:.75rem;position:fixed;right:0;text-align:center;top:0;z-index:1001}.register-outlet__main{padding:2rem;width:100%}.register-outlet__breadcrumb{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;padding:1rem 1rem 0}.register-outlet__breadcrumb nav{flex:1 1;margin:0;padding:0}.register-outlet__breadcrumb ol{flex-wrap:wrap;list-style:none;margin:0;padding:0}.register-outlet__breadcrumb li,.register-outlet__breadcrumb ol{align-items:center;display:flex;gap:.5rem}.register-outlet__breadcrumb a{align-items:center;color:var(--color-primary);display:flex;gap:.25rem;text-decoration:none;transition:color .2s ease}.register-outlet__breadcrumb a:hover{color:var(--color-primary-hover);text-decoration:underline}.register-outlet__breadcrumb-separator{color:var(--color-text-secondary);font-size:.75rem}.register-outlet__header{border-bottom:2px solid var(--color-primary);margin-bottom:3rem;padding:1rem 1rem 1.5rem;position:relative;text-align:center}.register-outlet__header h1{align-items:center;color:var(--color-primary);display:flex;font-size:2.5rem;gap:.75rem;justify-content:center;margin:0 0 .5rem}.register-outlet__header p{color:var(--color-text-secondary);font-size:1.1rem;margin:0}.register-outlet__form{margin:0 auto;max-width:900px}.register-outlet__section{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:2rem;padding:2rem}.register-outlet__section h2{border-bottom:2px solid var(--color-primary);color:var(--color-text);font-size:1.5rem;font-weight:600;margin:0 0 1.5rem;padding-bottom:.75rem}.register-outlet__field{margin-bottom:1.5rem}.register-outlet__field:last-child{margin-bottom:0}.register-outlet__field label{color:var(--color-text);display:block;font-size:1rem;font-weight:500;margin-bottom:.5rem}.register-outlet__field input,.register-outlet__field textarea{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-family:inherit;font-size:1rem;padding:.875rem;transition:all .2s ease;width:100%}.register-outlet__field input:focus,.register-outlet__field textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.register-outlet__field small{color:var(--color-text-secondary);display:block;font-size:.875rem;margin-top:.5rem}.register-outlet__field textarea{min-height:150px;resize:vertical}.register-outlet__upload-zone{background:var(--color-bg-tertiary);border:2px dashed var(--color-border);border-radius:var(--radius-base);cursor:pointer;padding:3rem 2rem;text-align:center;transition:all .3s ease}.register-outlet__upload-zone:hover{background:var(--color-bg-secondary);border-color:var(--color-primary)}.register-outlet__upload-zone--dragging{background:#ff45001a;border-color:var(--color-primary);transform:scale(1.02)}.register-outlet__file-input{display:none}.register-outlet__upload-icon{color:var(--color-text-secondary);font-size:3rem;margin-bottom:1rem}.register-outlet__upload-text{color:var(--color-text);font-size:1.125rem;margin:.5rem 0}.register-outlet__upload-text strong{color:var(--color-primary)}.register-outlet__upload-hint{color:var(--color-text-secondary);font-size:.875rem;margin:.25rem 0}.register-outlet__upload-loading{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:1rem}.register-outlet__logo-preview{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);display:flex;gap:2rem;padding:1.5rem}.register-outlet__logo-image{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);height:150px;object-fit:contain;width:150px}.register-outlet__logo-info{display:flex;flex:1 1;flex-direction:column;gap:1rem}.register-outlet__logo-filename{color:var(--color-text);font-size:1rem;font-weight:500;margin:0}.register-outlet__remove-logo{align-items:center;background:#0000;border:1px solid #dc3545;border-radius:var(--radius-base);color:#dc3545;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease;width:-webkit-fit-content;width:fit-content}.register-outlet__remove-logo:hover{background:#dc3545;color:#fff}.register-outlet__actions{border-top:2px solid var(--color-border);display:flex;gap:1rem;justify-content:center;margin-top:3rem;padding-top:2rem}.register-outlet__button{align-items:center;border:none;border-radius:var(--radius-base);cursor:pointer;display:inline-flex;font-size:1.125rem;font-weight:600;gap:.5rem;padding:.875rem 2rem;text-decoration:none;transition:all .3s ease}.register-outlet__button--primary{background-color:var(--color-primary);color:#fff}.register-outlet__button--primary:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.register-outlet__button--primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.register-outlet__button--secondary{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text)}.register-outlet__button--secondary:hover{background-color:var(--color-bg-secondary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.register-outlet__spinner{animation:spin 1s linear infinite}.register-outlet__loading{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.register-outlet__loading p{font-size:1.125rem}.register-outlet__info{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;justify-content:center;margin:4rem auto;max-width:600px;padding:3rem 2rem;text-align:center}.register-outlet__info-icon{animation:pulse 2s ease-in-out infinite;color:var(--color-primary);font-size:4rem;margin-bottom:1.5rem}.register-outlet__info h2{color:var(--color-text);font-size:2rem;font-weight:700;margin:0 0 1rem}.register-outlet__info p{color:var(--color-text-secondary);font-size:1.125rem;line-height:1.6;margin:0 0 2rem}body.dark-mode .register-outlet{background-color:#1a1a1a}body.dark-mode .register-outlet__section{background-color:#2a2a2a;border-color:#444}body.dark-mode .register-outlet__field input,body.dark-mode .register-outlet__field textarea{background-color:#1a1a1a;border-color:#444;color:#e0e0e0}body.dark-mode .register-outlet__field input:focus,body.dark-mode .register-outlet__field textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff450033}body.dark-mode .register-outlet__upload-zone{background-color:#1a1a1a;border-color:#444}body.dark-mode .register-outlet__upload-zone:hover{background-color:#2a2a2a}body.dark-mode .register-outlet__logo-preview{background-color:#2a2a2a;border-color:#444}body.dark-mode .register-outlet__logo-image{background-color:#1a1a1a;border-color:#444}body.dark-mode .register-outlet__info{background-color:#2a2a2a;border-color:#444}@media (max-width:768px){.register-outlet__main{padding:1rem}.register-outlet__header h1{font-size:1.75rem}.register-outlet__section{padding:1.5rem}.register-outlet__logo-preview{align-items:flex-start;flex-direction:column}.register-outlet__logo-image{max-width:200px;width:100%}.register-outlet__actions{flex-direction:column}.register-outlet__button{justify-content:center;width:100%}.register-outlet__toast{left:10px;min-width:auto;right:10px}}@media (max-width:400px){.register-outlet__header h1{flex-direction:column;font-size:1.5rem;gap:.5rem}.register-outlet__section h2{font-size:1.25rem}.register-outlet__upload-zone{padding:2rem 1rem}.register-outlet__info{margin:2rem auto;padding:2rem 1.5rem}.register-outlet__info-icon{font-size:3rem}.register-outlet__info h2{font-size:1.5rem}.register-outlet__info p{font-size:1rem}}.edit-outlet-settings{background-color:var(--color-bg);border-radius:8px;color:var(--color-text);margin:0 auto;max-width:1200px;min-height:100vh;padding:0;width:100%}.edit-outlet-settings--full-width{margin:0;max-width:none}.edit-outlet-settings__skip-link{background:var(--color-primary);border-radius:0 0 4px 0;color:#fff;left:0;padding:8px 16px;position:absolute;text-decoration:none;top:-40px;z-index:100}.edit-outlet-settings__skip-link:focus{top:0}.edit-outlet-settings__toast{align-items:center;animation:slideInRight .3s ease-out;border-radius:var(--radius-base);box-shadow:var(--shadow-lg);display:flex;gap:.75rem;min-width:300px;padding:1rem 1.5rem;position:fixed;right:20px;top:20px;z-index:10000}.edit-outlet-settings__toast--success{background-color:#28a745f2;border:1px solid #28a745;color:#fff}.edit-outlet-settings__toast--error{background-color:#dc3545f2;border:1px solid #dc3545;color:#fff}.edit-outlet-settings__toast--info{background-color:#007bfff2;border:1px solid #007bff;color:#fff}.edit-outlet-settings__offline-banner{align-items:center;background-color:#ffc107;color:#000;display:flex;gap:.5rem;justify-content:center;left:0;padding:.75rem;position:fixed;right:0;text-align:center;top:0;z-index:1001}.edit-outlet-settings__main{padding:2rem;width:100%}.edit-outlet-settings__breadcrumb{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;padding:1rem 1rem 0}.edit-outlet-settings__breadcrumb nav{flex:1 1;margin:0;padding:0}.edit-outlet-settings__breadcrumb ol{flex-wrap:wrap;list-style:none;margin:0;padding:0}.edit-outlet-settings__breadcrumb li,.edit-outlet-settings__breadcrumb ol{align-items:center;display:flex;gap:.5rem}.edit-outlet-settings__breadcrumb a{align-items:center;color:var(--color-primary);display:flex;gap:.25rem;text-decoration:none;transition:color .2s ease}.edit-outlet-settings__breadcrumb a:hover{color:var(--color-primary-hover);text-decoration:underline}.edit-outlet-settings__breadcrumb-separator{color:var(--color-text-secondary);font-size:.75rem}.edit-outlet-settings__header{border-bottom:2px solid var(--color-primary);margin-bottom:3rem;padding:1rem 1rem 1.5rem;position:relative;text-align:center}.edit-outlet-settings__header h1{align-items:center;color:var(--color-primary);display:flex;font-size:2.5rem;gap:.75rem;justify-content:center;margin:0 0 .5rem}.edit-outlet-settings__header p{color:var(--color-text-secondary);font-size:1.1rem;margin:0}.edit-outlet-settings__form{margin:0 auto;max-width:900px}.edit-outlet-settings__section{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:2rem;padding:2rem}.edit-outlet-settings__section h2{border-bottom:2px solid var(--color-primary);color:var(--color-text);font-size:1.5rem;font-weight:600;margin:0 0 1.5rem;padding-bottom:.75rem}.edit-outlet-settings__field{margin-bottom:1.5rem}.edit-outlet-settings__field:last-child{margin-bottom:0}.edit-outlet-settings__field label{color:var(--color-text);display:block;font-size:1rem;font-weight:500;margin-bottom:.5rem}.edit-outlet-settings__field input,.edit-outlet-settings__field textarea{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-family:inherit;font-size:1rem;padding:.875rem;transition:all .2s ease;width:100%}.edit-outlet-settings__field input:focus,.edit-outlet-settings__field textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.edit-outlet-settings__field small{color:var(--color-text-secondary);display:block;font-size:.875rem;margin-top:.5rem}.edit-outlet-settings__field textarea{min-height:150px;resize:vertical}.edit-outlet-settings__upload-zone{background:var(--color-bg-tertiary);border:2px dashed var(--color-border);border-radius:var(--radius-base);cursor:pointer;padding:3rem 2rem;text-align:center;transition:all .3s ease}.edit-outlet-settings__upload-zone:hover{background:var(--color-bg-secondary);border-color:var(--color-primary)}.edit-outlet-settings__upload-zone--dragging{background:#ff45001a;border-color:var(--color-primary);transform:scale(1.02)}.edit-outlet-settings__file-input{display:none}.edit-outlet-settings__upload-icon{color:var(--color-text-secondary);font-size:3rem;margin-bottom:1rem}.edit-outlet-settings__upload-text{color:var(--color-text);font-size:1.125rem;margin:.5rem 0}.edit-outlet-settings__upload-text strong{color:var(--color-primary)}.edit-outlet-settings__upload-hint{color:var(--color-text-secondary);font-size:.875rem;margin:.25rem 0}.edit-outlet-settings__upload-loading{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:1rem}.edit-outlet-settings__logo-preview{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);display:flex;gap:2rem;padding:1.5rem}.edit-outlet-settings__logo-image{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);height:150px;object-fit:contain;width:150px}.edit-outlet-settings__logo-info{display:flex;flex:1 1;flex-direction:column;gap:1rem}.edit-outlet-settings__logo-filename{color:var(--color-text);font-size:1rem;font-weight:500;margin:0}.edit-outlet-settings__remove-logo{align-items:center;background:#0000;border:1px solid #dc3545;border-radius:var(--radius-base);color:#dc3545;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease;width:-webkit-fit-content;width:fit-content}.edit-outlet-settings__remove-logo:hover{background:#dc3545;color:#fff}.edit-outlet-settings__actions{border-top:2px solid var(--color-border);display:flex;gap:1rem;justify-content:center;margin-top:3rem;padding-top:2rem}.edit-outlet-settings__button{align-items:center;border:none;border-radius:var(--radius-base);cursor:pointer;display:inline-flex;font-size:1.125rem;font-weight:600;gap:.5rem;padding:.875rem 2rem;text-decoration:none;transition:all .3s ease}.edit-outlet-settings__button--primary{background-color:var(--color-primary);color:#fff}.edit-outlet-settings__button--primary:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.edit-outlet-settings__button--primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.edit-outlet-settings__button--secondary{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text)}.edit-outlet-settings__button--secondary:hover{background-color:var(--color-bg-secondary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.edit-outlet-settings__spinner{animation:spin 1s linear infinite}.edit-outlet-settings__loading{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.edit-outlet-settings__loading p{font-size:1.125rem}body.dark-mode .edit-outlet-settings{background-color:#1a1a1a}body.dark-mode .edit-outlet-settings__section{background-color:#2a2a2a;border-color:#444}body.dark-mode .edit-outlet-settings__field input,body.dark-mode .edit-outlet-settings__field textarea{background-color:#1a1a1a;border-color:#444;color:#e0e0e0}body.dark-mode .edit-outlet-settings__field input:focus,body.dark-mode .edit-outlet-settings__field textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff450033}body.dark-mode .edit-outlet-settings__upload-zone{background-color:#1a1a1a;border-color:#444}body.dark-mode .edit-outlet-settings__upload-zone:hover{background-color:#2a2a2a}body.dark-mode .edit-outlet-settings__logo-preview{background-color:#2a2a2a;border-color:#444}body.dark-mode .edit-outlet-settings__logo-image{background-color:#1a1a1a;border-color:#444}@media (max-width:768px){.edit-outlet-settings__main{padding:1rem}.edit-outlet-settings__header h1{font-size:1.75rem}.edit-outlet-settings__section{padding:1.5rem}.edit-outlet-settings__logo-preview{align-items:flex-start;flex-direction:column}.edit-outlet-settings__logo-image{max-width:200px;width:100%}.edit-outlet-settings__actions{flex-direction:column}.edit-outlet-settings__button{justify-content:center;width:100%}.edit-outlet-settings__toast{left:10px;min-width:auto;right:10px}}@media (max-width:400px){.edit-outlet-settings__header h1{flex-direction:column;font-size:1.5rem;gap:.5rem}.edit-outlet-settings__section h2{font-size:1.25rem}.edit-outlet-settings__upload-zone{padding:2rem 1rem}}.news-outlet-setup{margin:0 auto;max-width:800px;padding:32px;padding:var(--space-lg,32px)}.news-outlet-setup__header{margin-bottom:48px;margin-bottom:var(--space-xl,48px);text-align:center}.news-outlet-setup__title{color:#1a1a1a;color:var(--color-text,#1a1a1a);font-size:2rem;font-weight:700;margin-bottom:8px;margin-bottom:var(--space-sm,8px)}.news-outlet-setup__subtitle{color:#666;color:var(--color-text-secondary,#666);font-size:1rem;margin:0}.news-outlet-setup__loading{color:#666;color:var(--color-text-secondary,#666);padding:48px;padding:var(--space-xl,48px);text-align:center}.news-outlet-setup__content{background:#fff;background:var(--color-bg,#fff);border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:12px;border-radius:var(--radius-lg,12px);margin-bottom:32px;margin-bottom:var(--space-lg,32px);padding:48px;padding:var(--space-xl,48px)}.news-outlet-setup__section-title{color:#1a1a1a;color:var(--color-text,#1a1a1a);font-size:1.5rem;font-weight:600;margin-bottom:32px;margin-bottom:var(--space-lg,32px)}.news-outlet-setup__outlet-card{background:#f5f5f5;background:var(--color-bg-secondary,#f5f5f5);border-radius:8px;border-radius:var(--radius-md,8px);margin-bottom:32px;margin-bottom:var(--space-lg,32px);padding:32px;padding:var(--space-lg,32px)}.news-outlet-setup__field{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--color-border,#e0e0e0);display:flex;justify-content:space-between;padding:16px 0;padding:var(--space-md,16px) 0}.news-outlet-setup__field:last-child{border-bottom:none}.news-outlet-setup__label{color:#1a1a1a;color:var(--color-text,#1a1a1a);font-weight:600;margin-right:16px;margin-right:var(--space-md,16px)}.news-outlet-setup__value{color:#666;color:var(--color-text-secondary,#666);flex:1 1;text-align:right}.news-outlet-setup__tier{color:#4a90e2;color:var(--color-primary,#4a90e2);font-weight:600;text-transform:capitalize}.news-outlet-setup__create{text-align:center}.news-outlet-setup__description{color:#666;color:var(--color-text-secondary,#666);font-size:1rem;margin-bottom:48px;margin-bottom:var(--space-xl,48px)}.news-outlet-setup__preview{background:#f5f5f5;background:var(--color-bg-secondary,#f5f5f5);border-radius:8px;border-radius:var(--radius-md,8px);margin-bottom:48px;margin-bottom:var(--space-xl,48px);padding:32px;padding:var(--space-lg,32px);text-align:left}.news-outlet-setup__preview-title{color:#1a1a1a;color:var(--color-text,#1a1a1a);font-size:1.125rem;font-weight:600;margin-bottom:16px;margin-bottom:var(--space-md,16px)}.news-outlet-setup__preview-list{list-style:none;margin:0;padding:0}.news-outlet-setup__preview-list li{color:#666;color:var(--color-text-secondary,#666);padding:8px 0;padding:var(--space-sm,8px) 0}.news-outlet-setup__preview-list strong{color:#1a1a1a;color:var(--color-text,#1a1a1a);margin-right:8px;margin-right:var(--space-sm,8px)}.news-outlet-setup__form{background:#f5f5f5;background:var(--color-bg-secondary,#f5f5f5);border-radius:8px;border-radius:var(--radius-md,8px);padding:32px;padding:var(--space-lg,32px)}.news-outlet-setup__form,.news-outlet-setup__form-group{margin-bottom:32px;margin-bottom:var(--space-lg,32px)}.news-outlet-setup__form-group:last-child{margin-bottom:0}.news-outlet-setup__form-label{color:#1a1a1a;color:var(--color-text,#1a1a1a);display:block;font-size:.9rem;font-weight:600;margin-bottom:8px;margin-bottom:var(--space-sm,8px)}.news-outlet-setup__form-input,.news-outlet-setup__form-select,.news-outlet-setup__form-textarea{background:#fff;background:var(--color-bg,#fff);border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:8px;border-radius:var(--radius-md,8px);color:#1a1a1a;color:var(--color-text,#1a1a1a);font-size:1rem;padding:12px;transition:border-color .2s ease;width:100%}.news-outlet-setup__form-input:focus,.news-outlet-setup__form-select:focus,.news-outlet-setup__form-textarea:focus{border-color:#4a90e2;border-color:var(--color-primary,#4a90e2);box-shadow:0 0 0 3px #4a90e21a;outline:none}.news-outlet-setup__form-textarea{min-height:80px;resize:vertical}.news-outlet-setup__form-group--checkbox{margin-bottom:16px;margin-bottom:var(--space-md,16px)}.news-outlet-setup__form-checkbox-label{align-items:center;color:#1a1a1a;color:var(--color-text,#1a1a1a);cursor:pointer;display:flex;font-weight:500}.news-outlet-setup__form-checkbox{cursor:pointer;height:20px;margin-right:8px;margin-right:var(--space-sm,8px);width:20px}.news-outlet-setup__form-section{border-top:1px solid #e0e0e0;border-top:1px solid var(--color-border,#e0e0e0);margin-top:48px;margin-top:var(--space-xl,48px);padding-top:32px;padding-top:var(--space-lg,32px)}.news-outlet-setup__form-section-title{color:#1a1a1a;color:var(--color-text,#1a1a1a);font-size:1.125rem;font-weight:600;margin-bottom:32px;margin-bottom:var(--space-lg,32px)}.news-outlet-setup__form-actions{border-top:1px solid #e0e0e0;border-top:1px solid var(--color-border,#e0e0e0);display:flex;gap:16px;gap:var(--space-md,16px);margin-top:48px;margin-top:var(--space-xl,48px);padding-top:32px;padding-top:var(--space-lg,32px)}.news-outlet-setup__button{border:none;border-radius:8px;border-radius:var(--radius-md,8px);cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;min-width:160px;padding:12px 24px;text-align:center;text-decoration:none;transition:all .2s ease}.news-outlet-setup__button:disabled{cursor:not-allowed;opacity:.6}.news-outlet-setup__button--create{background:#4a90e2;background:var(--color-primary,#4a90e2);color:#fff}.news-outlet-setup__button--create:hover:not(:disabled){background:#357abd;box-shadow:0 4px 12px #4a90e24d;transform:translateY(-2px)}.news-outlet-setup__button--primary{background:#4a90e2;background:var(--color-primary,#4a90e2);color:#fff;margin-right:16px;margin-right:var(--space-md,16px)}.news-outlet-setup__button--primary:hover{background:#357abd;box-shadow:0 4px 12px #4a90e24d;transform:translateY(-2px)}.news-outlet-setup__button--secondary{background:#f5f5f5;background:var(--color-bg-secondary,#f5f5f5);border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);color:#1a1a1a;color:var(--color-text,#1a1a1a)}.news-outlet-setup__button--secondary:hover{background:#e0e0e0;background:var(--color-border,#e0e0e0);transform:translateY(-2px)}.news-outlet-setup__button--edit{background:#f59e0b;color:#fff;margin-right:16px;margin-right:var(--space-md,16px)}.news-outlet-setup__button--edit:hover{background:#d97706;box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-2px)}.news-outlet-setup__actions{display:flex;flex-wrap:wrap;gap:16px;gap:var(--space-md,16px);justify-content:center}.news-outlet-setup__message{border-radius:8px;border-radius:var(--radius-md,8px);font-weight:500;margin-top:32px;margin-top:var(--space-lg,32px);padding:16px;padding:var(--space-md,16px);text-align:center}.news-outlet-setup__message--success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.news-outlet-setup__message--error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.news-outlet-setup__dummy-data{background:#fff9e6;border:2px solid gold;border-radius:8px;border-radius:var(--radius-md,8px);margin-bottom:32px;margin-bottom:var(--space-lg,32px);padding:32px;padding:var(--space-lg,32px)}.news-outlet-setup__dummy-title{color:#1a1a1a;font-size:1.25rem;font-weight:600;margin-bottom:16px;margin-bottom:var(--space-md,16px)}.news-outlet-setup__dummy-description{color:#666;line-height:1.6;margin-bottom:32px;margin-bottom:var(--space-lg,32px)}.news-outlet-setup__dummy-stats{background:#fff;border-radius:8px;border-radius:var(--radius-md,8px);margin-bottom:32px;margin-bottom:var(--space-lg,32px);padding:16px;padding:var(--space-md,16px)}.news-outlet-setup__dummy-stat{align-items:center;display:flex;justify-content:space-between}.news-outlet-setup__dummy-stat-label{color:#1a1a1a;font-weight:600}.news-outlet-setup__dummy-stat-value{color:#4a90e2;font-size:1.5rem;font-weight:700}.news-outlet-setup__dummy-actions{display:flex;flex-wrap:wrap;gap:16px;gap:var(--space-md,16px);margin-bottom:32px;margin-bottom:var(--space-lg,32px)}.news-outlet-setup__button--dummy-create{background:#10b981;color:#fff;flex:1 1;min-width:200px}.news-outlet-setup__button--dummy-create:hover:not(:disabled){background:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.news-outlet-setup__button--dummy-update{background:#3b82f6;color:#fff;flex:1 1;min-width:200px}.news-outlet-setup__button--dummy-update:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.news-outlet-setup__button--dummy-delete{background:#ef4444;color:#fff;flex:1 1;min-width:200px}.news-outlet-setup__button--dummy-delete:hover:not(:disabled){background:#dc2626;box-shadow:0 4px 12px #ef44444d;transform:translateY(-2px)}.news-outlet-setup__dummy-info{background:#fff;border-radius:8px;border-radius:var(--radius-md,8px);padding:16px;padding:var(--space-md,16px)}.news-outlet-setup__dummy-info-title{color:#1a1a1a;font-size:1rem;font-weight:600;margin-bottom:8px;margin-bottom:var(--space-sm,8px)}.news-outlet-setup__dummy-info-list{list-style:disc;margin:0;padding-left:32px;padding-left:var(--space-lg,32px)}.news-outlet-setup__dummy-info-list li{color:#666;font-size:.9rem;padding:4px 0;padding:var(--space-xs,4px) 0}.news-outlet-setup__info{background:#f5f5f5;background:var(--color-bg-secondary,#f5f5f5);border-radius:8px;border-radius:var(--radius-md,8px);padding:32px;padding:var(--space-lg,32px)}.news-outlet-setup__info-title{color:#1a1a1a;color:var(--color-text,#1a1a1a);font-size:1.125rem;font-weight:600;margin-bottom:16px;margin-bottom:var(--space-md,16px)}.news-outlet-setup__info-list{list-style:disc;margin:0;padding-left:32px;padding-left:var(--space-lg,32px)}.news-outlet-setup__info-list li{color:#666;color:var(--color-text-secondary,#666);padding:4px 0;padding:var(--space-xs,4px) 0}@media (prefers-color-scheme:dark){.news-outlet-setup__title{color:#e0e0e0;color:var(--color-text,#e0e0e0)}.news-outlet-setup__description,.news-outlet-setup__loading,.news-outlet-setup__subtitle{color:#b0b0b0;color:var(--color-text-secondary,#b0b0b0)}.news-outlet-setup__content{background:#1a1a1a;background:var(--color-bg,#1a1a1a);border-color:#333;border-color:var(--color-border,#333)}.news-outlet-setup__info-title,.news-outlet-setup__label,.news-outlet-setup__preview-title,.news-outlet-setup__section-title{color:#e0e0e0;color:var(--color-text,#e0e0e0)}.news-outlet-setup__info,.news-outlet-setup__outlet-card,.news-outlet-setup__preview{background:#2a2a2a;background:var(--color-bg-secondary,#2a2a2a)}.news-outlet-setup__field{border-bottom-color:#333;border-bottom-color:var(--color-border,#333)}.news-outlet-setup__info-list li,.news-outlet-setup__preview-list li,.news-outlet-setup__value{color:#b0b0b0;color:var(--color-text-secondary,#b0b0b0)}.news-outlet-setup__button--secondary,.news-outlet-setup__preview-list strong{color:#e0e0e0;color:var(--color-text,#e0e0e0)}.news-outlet-setup__button--secondary{background:#2a2a2a;background:var(--color-bg-secondary,#2a2a2a);border-color:#333;border-color:var(--color-border,#333)}.news-outlet-setup__button--secondary:hover{background:#333;background:var(--color-border,#333)}.news-outlet-setup__message--success{background:#1e4620;border-color:#2d5f2e;color:#a3d9a5}.news-outlet-setup__message--error{background:#4a1e1e;border-color:#5f2d2d;color:#f5a5a5}.news-outlet-setup__form{background:#2a2a2a;background:var(--color-bg-secondary,#2a2a2a)}.news-outlet-setup__form-checkbox-label,.news-outlet-setup__form-label,.news-outlet-setup__form-section-title{color:#e0e0e0;color:var(--color-text,#e0e0e0)}.news-outlet-setup__form-input,.news-outlet-setup__form-select,.news-outlet-setup__form-textarea{background:#1a1a1a;background:var(--color-bg,#1a1a1a);border-color:#333;border-color:var(--color-border,#333);color:#e0e0e0;color:var(--color-text,#e0e0e0)}.news-outlet-setup__form-actions,.news-outlet-setup__form-section{border-top-color:#333;border-top-color:var(--color-border,#333)}.news-outlet-setup__dummy-data{background:#2a2412;border-color:#b8860b}.news-outlet-setup__dummy-info-title,.news-outlet-setup__dummy-stat-label,.news-outlet-setup__dummy-title{color:#e0e0e0}.news-outlet-setup__dummy-description,.news-outlet-setup__dummy-info-list li{color:#b0b0b0}.news-outlet-setup__dummy-info,.news-outlet-setup__dummy-stats{background:#1a1a1a}}@media (max-width:768px){.news-outlet-setup{padding:16px;padding:var(--space-md,16px)}.news-outlet-setup__title{font-size:1.5rem}.news-outlet-setup__content{padding:32px 16px;padding:var(--space-lg,32px) var(--space-md,16px)}.news-outlet-setup__field{align-items:flex-start;flex-direction:column}.news-outlet-setup__value{margin-top:4px;margin-top:var(--space-xs,4px);text-align:left}.news-outlet-setup__actions{flex-direction:column}.news-outlet-setup__button{margin-bottom:8px;margin-bottom:var(--space-sm,8px);margin-right:0;width:100%}.news-outlet-setup__button--primary{margin-right:0}}.admin-news-management{margin:0 auto;max-width:1200px;padding:24px;padding:var(--space-lg,24px)}.admin-news-management__header{margin-bottom:32px;margin-bottom:var(--space-xl,32px);text-align:center}.admin-news-management__title{color:#ff4500;color:var(--color-primary,#ff4500);font-size:2rem;font-weight:700;margin:0 0 8px;margin:0 0 var(--space-sm,8px) 0}.admin-news-management__subtitle{color:#666;color:var(--color-text-secondary,#666);font-size:1rem;margin:0}.admin-news-management__loading{color:#666;color:var(--color-text-secondary,#666);font-size:1.125rem;padding:48px;padding:var(--space-xxl,48px);text-align:center}.admin-news-management__message{border-radius:4px;border-radius:var(--radius-base,4px);font-weight:500;margin-bottom:24px;margin-bottom:var(--space-lg,24px);padding:16px;padding:var(--space-md,16px);text-align:center}.admin-news-management__message--success{background:#d4edda;background:var(--color-success-light,#d4edda);border:1px solid #c3e6cb;border:1px solid var(--color-success-border,#c3e6cb);color:#1e7e34;color:var(--color-success-dark,#1e7e34)}.admin-news-management__message--error{background:#f8d7da;background:var(--color-danger-light,#f8d7da);border:1px solid #f5c6cb;border:1px solid var(--color-danger-border,#f5c6cb);color:#dc3545;color:var(--color-danger,#dc3545)}.admin-news-management__tabs{border-bottom:2px solid #ddd;border-bottom:2px solid var(--color-border,#ddd);display:flex;gap:8px;gap:var(--space-sm,8px);margin-bottom:24px;margin-bottom:var(--space-lg,24px)}.admin-news-management__tab{background:none;border:none;border-bottom:3px solid #0000;color:#666;color:var(--color-text-secondary,#666);cursor:pointer;font-size:1rem;font-weight:500;margin-bottom:-2px;padding:16px 24px;padding:var(--space-md,16px) var(--space-lg,24px);transition:all .2s ease}.admin-news-management__tab:hover{background:#f0f0f0;background:var(--color-bg-hover,#f0f0f0);color:#ff4500;color:var(--color-primary,#ff4500)}.admin-news-management__tab--active{border-bottom-color:#ff4500;border-bottom-color:var(--color-primary,#ff4500);color:#ff4500;color:var(--color-primary,#ff4500);font-weight:600}.admin-news-management__content{background:#fff;background:var(--color-bg,#fff);border-radius:8px;border-radius:var(--radius-lg,8px);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-base,0 2px 4px #0000001a);padding:24px;padding:var(--space-lg,24px)}.admin-news-management__empty{color:#666;color:var(--color-text-secondary,#666);font-size:1.125rem;padding:48px;padding:var(--space-xxl,48px);text-align:center}.admin-news-management__table{overflow-x:auto}.admin-news-management__table table{border-collapse:collapse;width:100%}.admin-news-management__table th{background:#f5f5f5;border-bottom:2px solid #ddd;border-bottom:2px solid var(--color-border,#ddd);color:#333!important;font-weight:600;padding:16px;padding:var(--space-md,16px);text-align:left;white-space:nowrap}.admin-news-management__table td{border-bottom:1px solid #eee;border-bottom:1px solid var(--color-border-light,#eee);padding:16px;padding:var(--space-md,16px)}.admin-news-management__table tr:hover{background:#f0f0f0;background:var(--color-bg-hover,#f0f0f0)}.admin-news-management__outlet-name{word-wrap:break-word;align-items:center;display:flex;font-size:.9rem;font-weight:500;gap:8px;gap:var(--space-sm,8px);line-height:1.3}.admin-news-management__outlet-logo{border-radius:50%;height:32px;object-fit:cover;width:32px}.admin-news-management__article-title{align-items:center;display:flex;gap:8px;gap:var(--space-sm,8px);max-width:400px}.admin-news-management__featured-icon{color:#ffc107;color:var(--color-warning,#ffc107);flex-shrink:0}.admin-news-management__tier{border-radius:9999px;border-radius:var(--radius-pill,9999px);display:inline-block;font-size:.875rem;font-weight:600;padding:4px 12px;text-transform:capitalize}.admin-news-management__tier--free{background:#e0e0e0;color:#333}.admin-news-management__tier--professional{background:#e3f2fd;color:#0d47a1}.admin-news-management__tier--premium{background:#fff3e0;color:#e65100}.admin-news-management__status{align-items:center;border-radius:9999px;border-radius:var(--radius-pill,9999px);display:inline-flex;font-weight:600;gap:4px;padding:4px 12px}.admin-news-management__status--verified{background:#d4edda;background:var(--color-success-light,#d4edda);color:#1e7e34;color:var(--color-success-dark,#1e7e34)}.admin-news-management__status--unverified{background:#fff3cd;color:#856404}.admin-news-management__status--published{background:#d4edda;background:var(--color-success-light,#d4edda);color:#1e7e34;color:var(--color-success-dark,#1e7e34)}.admin-news-management__status--draft{background:#e0e0e0;color:#333}.admin-news-management__actions{display:flex;flex-wrap:wrap;gap:4px;gap:var(--space-xs,4px)}.admin-news-management__button{align-items:center;border:none;border-radius:4px;border-radius:var(--radius-base,4px);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:4px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.admin-news-management__button:hover{box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm,0 1px 3px #0000001a);transform:translateY(-1px)}.admin-news-management__button--verify{background:#28a745;background:var(--color-success,#28a745);color:#fff}.admin-news-management__button--verify:hover{background:#218838;background:var(--color-success-hover,#218838)}.admin-news-management__button--unverify{background:#ffc107;background:var(--color-warning,#ffc107);color:#333}.admin-news-management__button--unverify:hover{background:#e0a800;background:var(--color-warning-hover,#e0a800)}.admin-news-management__button--view{background:#17a2b8;background:var(--color-info,#17a2b8);color:#fff}.admin-news-management__button--view:hover{background:#138496;background:var(--color-info-hover,#138496)}.admin-news-management__button--edit{background:#ff4500;background:var(--color-primary,#ff4500);color:#fff}.admin-news-management__button--edit:hover{background:#e63900;background:var(--color-primary-hover,#e63900)}.admin-news-management__button--delete{background:#dc3545;background:var(--color-danger,#dc3545);color:#fff}.admin-news-management__button--delete:hover{background:#c82333;background:var(--color-danger-hover,#c82333)}.admin-news-management__button--featured{background:#ffc107;background:var(--color-warning,#ffc107);color:#333}.admin-news-management__button--featured:hover{background:#e0a800;background:var(--color-warning-hover,#e0a800)}.admin-news-management__button--publish{background:#28a745;background:var(--color-success,#28a745);color:#fff}.admin-news-management__button--publish:hover{background:#218838;background:var(--color-success-hover,#218838)}.admin-news-management__button--unpublish{background:#ffc107;background:var(--color-warning,#ffc107);color:#333}.admin-news-management__button--unpublish:hover{background:#e0a800;background:var(--color-warning-hover,#e0a800)}@media (prefers-color-scheme:dark){.admin-news-management__content{background:#2a2a2a;background:var(--color-bg-secondary,#2a2a2a)}.admin-news-management__table th{background:#1a1a1a!important;color:#e0e0e0!important}.admin-news-management__table tr:hover{background:#333;background:var(--color-bg,#333)}}@media (max-width:768px){.admin-news-management{padding:16px;padding:var(--space-md,16px)}.admin-news-management__title{font-size:1.5rem}.admin-news-management__tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.admin-news-management__tab{font-size:.875rem;padding:8px 16px;padding:var(--space-sm,8px) var(--space-md,16px)}.admin-news-management__table{font-size:.875rem}.admin-news-management__table td,.admin-news-management__table th{padding:8px;padding:var(--space-sm,8px)}.admin-news-management__actions{flex-direction:column}.admin-news-management__button{justify-content:center;width:100%}}.admin-news-management__applicant{display:flex;flex-direction:column;gap:.25rem}.admin-news-management__table td strong{word-wrap:break-word;display:block;font-size:.9rem;font-weight:600;line-height:1.3}.admin-news-management__applicant-name{color:#333;color:var(--color-text,#333);font-weight:500}.admin-news-management__applicant-email{color:#666;color:var(--color-text-secondary,#666);font-size:.875rem}.admin-news-management__outlet-website{align-items:center;color:#666;color:var(--color-text-secondary,#666);display:flex;font-size:.8rem;gap:.25rem;line-height:1.3;margin-top:.25rem;word-break:break-all}.admin-news-management__status{border-radius:4px;border-radius:var(--radius-base,4px);display:inline-block;font-size:.875rem;font-weight:500;padding:.25rem .75rem;text-transform:capitalize}.admin-news-management__status--pending{background-color:#ffc1071a;border:1px solid #ffc1074d;color:#ffc107}.admin-news-management__status--approved{background-color:#28a7451a;border:1px solid #28a7454d;color:#28a745}.admin-news-management__status--rejected{background-color:#dc35451a;border:1px solid #dc35454d;color:#dc3545}.admin-news-management__button--approve{background-color:#28a745;color:#fff}.admin-news-management__button--approve:hover{background-color:#218838}.admin-news-management__button--reject{background-color:#dc3545;color:#fff}.admin-news-management__button--reject:hover{background-color:#c82333}.admin-news-management__rejection-reason{color:#666;color:var(--color-text-secondary,#666);font-size:.875rem;font-style:italic}.admin-news-management__approved-text{color:#28a745;font-weight:500}body.dark-mode .admin-news-management__status--pending{background-color:#ffc10733}body.dark-mode .admin-news-management__status--approved{background-color:#28a74533}body.dark-mode .admin-news-management__status--rejected{background-color:#dc354533}.admin-news-management__modal-backdrop{align-items:center;background:#000000b3;display:flex;height:100vh;justify-content:center;left:0;overflow-y:auto;padding:2rem;position:fixed;top:0;width:100vw;z-index:1000}.admin-news-management__modal{background:#fff;background:var(--color-bg,#fff);border-radius:8px;border-radius:var(--radius-lg,8px);box-shadow:0 10px 40px #0000004d;box-shadow:var(--shadow-lg,0 10px 40px #0000004d);display:flex;flex-direction:column;max-height:90vh;max-width:800px;width:100%}.admin-news-management__modal-header{align-items:center;border-bottom:2px solid #e0e0e0;border-bottom:2px solid var(--color-border,#e0e0e0);display:flex;justify-content:space-between;padding:1.5rem}.admin-news-management__modal-header h2{color:var(--color-primary);margin:0}.admin-news-management__modal-close{background:none;border:none;color:#666;color:var(--color-text-secondary,#666);cursor:pointer;font-size:1.5rem;padding:.5rem;transition:color .2s ease}.admin-news-management__modal-close:hover{color:#dc3545;color:var(--color-danger,#dc3545)}.admin-news-management__modal-content{flex:1 1;overflow-y:auto;padding:1.5rem}.admin-news-management__modal-section{margin-bottom:2rem}.admin-news-management__modal-section:last-child{margin-bottom:0}.admin-news-management__modal-section h3{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--color-border,#e0e0e0);color:#333;color:var(--color-text,#333);margin-bottom:1rem;padding-bottom:.5rem}.admin-news-management__detail-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.admin-news-management__detail-item{display:flex;flex-direction:column;gap:.25rem}.admin-news-management__detail-item--full{grid-column:1/-1}.admin-news-management__detail-item label{align-items:center;color:#666;color:var(--color-text-secondary,#666);display:flex;font-size:.875rem;font-weight:500;gap:.25rem}.admin-news-management__detail-item p,.admin-news-management__detail-item span{color:#333;color:var(--color-text,#333)}.admin-news-management__modal .admin-news-management__outlet-name{color:var(--color-primary);font-size:1.25rem;font-weight:600}.admin-news-management__description{line-height:1.6;margin:0}.admin-news-management__link{align-items:center;color:var(--color-primary);display:flex;gap:.25rem;text-decoration:none}.admin-news-management__link:hover{text-decoration:underline}.admin-news-management__monospace{background:#f5f5f5;background:var(--color-bg-tertiary,#f5f5f5);border-radius:4px;border-radius:var(--radius-base,4px);font-family:monospace;font-size:.875rem;padding:.25rem .5rem}.admin-news-management__logo-preview{align-items:center;display:flex;gap:1rem}.admin-news-management__logo-preview img{background:#f9f9f9;background:var(--color-bg-secondary,#f9f9f9);border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:4px;border-radius:var(--radius-base,4px);height:100px;object-fit:contain;width:100px}.admin-news-management__notes{background:#f5f5f5;background:var(--color-bg-tertiary,#f5f5f5);border-left:3px solid var(--color-primary);border-radius:4px;border-radius:var(--radius-base,4px);line-height:1.6;margin:0;padding:1rem}.admin-news-management__modal-footer{border-top:2px solid #e0e0e0;border-top:2px solid var(--color-border,#e0e0e0);display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}body.dark-mode .admin-news-management__modal{background:#2a2a2a;background:var(--color-bg-secondary,#2a2a2a)}body.dark-mode .admin-news-management__logo-preview img,body.dark-mode .admin-news-management__monospace,body.dark-mode .admin-news-management__notes{background:#1a1a1a;background:var(--color-bg,#1a1a1a)}@media (max-width:768px){.admin-news-management__modal-backdrop{padding:1rem}.admin-news-management__modal{max-height:95vh}.admin-news-management__detail-grid{grid-template-columns:1fr}.admin-news-management__modal-footer{flex-direction:column}.admin-news-management__modal-footer button{width:100%}.admin-news-management__logo-preview{align-items:flex-start;flex-direction:column}}.admin-news-analytics{background:var(--color-bg);color:var(--color-text);margin:0 auto;max-width:1200px;min-height:100vh;padding:var(--space-lg)}.admin-news-analytics--full-width{max-width:100%;padding-left:var(--space-xl);padding-right:var(--space-xl)}.admin-news-analytics--dark{background:var(--color-bg-dark)}.admin-news-analytics__skip-link{background:var(--color-primary);border-radius:0 0 4px 0;color:#fff;left:0;padding:8px 16px;position:absolute;text-decoration:none;top:-40px;z-index:100}.admin-news-analytics__skip-link:focus{top:0}.admin-news-analytics__offline-banner{background-color:#ffc107;color:#000;left:0;padding:.75rem;position:fixed;right:0;text-align:center;top:0;z-index:1001}.admin-news-analytics__toast{align-items:center;animation:slideInRight .3s ease-out;border-radius:var(--radius-base);box-shadow:var(--shadow-lg);display:flex;gap:.75rem;min-width:300px;padding:1rem 1.5rem;position:fixed;right:20px;top:20px;z-index:10000}.admin-news-analytics__toast--success{background-color:#28a745f2;color:#fff}.admin-news-analytics__toast--error{background-color:#dc3545f2;color:#fff}.admin-news-analytics__toast--info{background-color:#007bfff2;color:#fff}.admin-news-analytics__main{width:100%}.admin-news-analytics__breadcrumb{background:var(--color-bg-secondary);border-radius:var(--radius-base);margin-bottom:0;padding:1rem 1rem 0}.admin-news-analytics__breadcrumb nav ol{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}.admin-news-analytics__breadcrumb nav li{align-items:center;display:flex;font-size:.9rem;gap:.5rem}.admin-news-analytics__breadcrumb nav a{align-items:center;color:var(--color-primary);display:flex;gap:.25rem;text-decoration:none;transition:color .2s ease}.admin-news-analytics__breadcrumb nav a:hover{color:var(--color-primary-hover);text-decoration:underline}.admin-news-analytics__breadcrumb-separator{color:var(--color-text-muted);font-size:.75rem}.admin-news-analytics__header{align-items:center;border-bottom:2px solid var(--color-border);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:var(--space-lg);padding:var(--space-md) 0}.admin-news-analytics__header-content{flex:1 1;min-width:250px}.admin-news-analytics__title{align-items:center;color:#ff4500;display:flex;font-size:2rem;gap:.75rem;margin:0 0 .5rem}.admin-news-analytics__subtitle{color:var(--color-text-muted);font-size:1rem;margin:0}.admin-news-analytics__export-button{align-items:center;background-color:#28a745;border:none;border-radius:var(--radius-base);color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.admin-news-analytics__export-button:hover:not(:disabled){background-color:#218838;box-shadow:var(--shadow-md);transform:translateY(-2px)}.admin-news-analytics__export-button:disabled{cursor:not-allowed;opacity:.6}.admin-news-analytics__stats{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--space-xl)}.admin-news-analytics__stat-card{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;gap:var(--space-md);padding:var(--space-lg);transition:all .3s ease}.admin-news-analytics__stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.admin-news-analytics__stat-icon{align-items:center;border-radius:var(--radius-base);color:#fff;display:flex;flex-shrink:0;font-size:1.75rem;height:60px;justify-content:center;width:60px}.admin-news-analytics__stat-icon--outlets{background:linear-gradient(135deg,#667eea,#764ba2)}.admin-news-analytics__stat-icon--views{background:linear-gradient(135deg,#3b82f6,#2563eb)}.admin-news-analytics__stat-icon--shares{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.admin-news-analytics__stat-icon--articles{background:linear-gradient(135deg,#10b981,#059669)}.admin-news-analytics__stat-content{flex:1 1}.admin-news-analytics__stat-label{color:var(--color-text-muted);font-size:.875rem;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.admin-news-analytics__stat-value{color:var(--color-text);font-size:2rem;font-weight:700;margin-bottom:.25rem}.admin-news-analytics__stat-detail{color:var(--color-text-muted);font-size:.875rem}.admin-news-analytics__section{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);padding:var(--space-lg)}.admin-news-analytics__section-title{align-items:center;color:#ff4500;display:flex;font-size:1.5rem;gap:.75rem;margin:0 0 var(--space-md) 0}.admin-news-analytics__table-container{margin-top:var(--space-md);overflow-x:auto}.admin-news-analytics__table{border-collapse:collapse;font-size:.9rem;width:100%}.admin-news-analytics__table thead{background:var(--color-bg);border-bottom:2px solid var(--color-border)}.admin-news-analytics__table th{color:#333;font-weight:600;padding:var(--space-md);text-align:left;white-space:nowrap}.admin-news-analytics--dark .admin-news-analytics__table th{color:var(--color-text)}.admin-news-analytics__table td{border-bottom:1px solid var(--color-border);padding:var(--space-md)}.admin-news-analytics__table tbody tr:hover{background:var(--color-bg)}.admin-news-analytics__rank{color:#ff4500;font-weight:700}.admin-news-analytics__outlet-link{color:var(--color-primary);font-weight:600;text-decoration:none;transition:color .2s ease}.admin-news-analytics__outlet-link:hover{color:var(--color-primary-hover);text-decoration:underline}.admin-news-analytics__article-title{max-width:400px}.admin-news-analytics__article-title a{color:var(--color-primary);display:block;overflow:hidden;text-decoration:none;text-overflow:ellipsis;transition:color .2s ease;white-space:nowrap}.admin-news-analytics__article-title a:hover{color:var(--color-primary-hover);text-decoration:underline}.admin-news-analytics__tier-badge{border-radius:var(--radius-sm);display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.admin-news-analytics__tier-badge--free{background-color:#6c757d33;color:#6c757d}.admin-news-analytics__tier-badge--professional{background-color:#007bff33;color:#007bff}.admin-news-analytics__tier-badge--premium{background-color:#ffc10733;color:#ffc107}.admin-news-analytics__category-badge{border-radius:var(--radius-sm);display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:capitalize}.admin-news-analytics__category-badge--crime{background-color:#dc354533;color:#dc3545}.admin-news-analytics__category-badge--safety{background-color:#007bff33;color:#007bff}.admin-news-analytics__category-badge--community{background-color:#28a74533;color:#28a745}.admin-news-analytics__category-badge--alerts{background-color:#ffc10733;color:#ffc107}.admin-news-analytics__category-badge--updates{background-color:#6c757d33;color:#6c757d}.admin-news-analytics__categories{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:var(--space-md)}.admin-news-analytics__category-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:var(--space-md);transition:all .3s ease}.admin-news-analytics__category-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.admin-news-analytics__category-name{color:#ff4500;font-size:1.125rem;font-weight:600;margin:0 0 var(--space-sm) 0;text-transform:capitalize}.admin-news-analytics__category-stat{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:.5rem 0}.admin-news-analytics__category-stat:last-child{border-bottom:none}.admin-news-analytics__category-label{color:var(--color-text-muted);font-size:.875rem}.admin-news-analytics__category-value{color:var(--color-text);font-size:1rem;font-weight:600}.admin-news-analytics__loading{align-items:center;display:flex;flex-direction:column;gap:var(--space-md);justify-content:center;min-height:60vh}.admin-news-analytics__spinner{animation:spin 1s linear infinite;color:var(--color-primary);font-size:3rem}.admin-news-analytics__error{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:var(--space-xl);text-align:center}.admin-news-analytics__error h2{color:#dc3545;margin-bottom:var(--space-md)}.admin-news-analytics__back-button{align-items:center;background-color:var(--color-primary);border-radius:var(--radius-base);color:#fff;display:inline-flex;font-weight:600;gap:.5rem;margin-top:var(--space-md);padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.admin-news-analytics__back-button:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}@media (max-width:768px){.admin-news-analytics{padding:var(--space-md)}.admin-news-analytics__header{align-items:flex-start;flex-direction:column}.admin-news-analytics__title{font-size:1.5rem}.admin-news-analytics__stats{grid-template-columns:1fr}.admin-news-analytics__article-title{max-width:200px}.admin-news-analytics__table{font-size:.8rem}.admin-news-analytics__table td,.admin-news-analytics__table th{padding:var(--space-sm)}.admin-news-analytics__categories{grid-template-columns:1fr}}@media (max-width:400px){.admin-news-analytics__title{font-size:1.25rem}.admin-news-analytics__stat-value{font-size:1.5rem}}.test-applications{margin:0 auto;max-width:1200px;padding:2rem}.test-applications__header{margin-bottom:3rem;text-align:center}.test-applications__header h1{align-items:center;color:var(--color-primary);display:flex;gap:.5rem;justify-content:center;margin-bottom:.5rem}.test-applications__header p{color:var(--color-text-secondary);font-size:1.1rem}.test-applications__message{border-radius:var(--radius-base);font-weight:500;margin-bottom:2rem;padding:1rem}.test-applications__message--success{background-color:#28a7451a;border:1px solid #28a7454d;color:#28a745}.test-applications__message--error{background-color:#dc35451a;border:1px solid #dc35454d;color:#dc3545}.test-applications__section{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:2rem;padding:2rem}.test-applications__section h2{border-bottom:2px solid var(--color-primary);padding-bottom:.5rem}.test-applications__section h2,.test-applications__section h3{color:var(--color-text);margin-bottom:1rem}.test-applications__section p{color:var(--color-text-secondary);margin-bottom:1rem}.test-applications__buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.test-applications__button{align-items:center;border:none;border-radius:var(--radius-base);cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.test-applications__button:disabled{cursor:not-allowed;opacity:.6}.test-applications__button--primary{background-color:var(--color-primary);color:#fff}.test-applications__button--primary:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.test-applications__button--secondary{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text)}.test-applications__button--secondary:hover:not(:disabled){background-color:var(--color-bg);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.test-applications__list{list-style:none;padding:0}.test-applications__list li{background:var(--color-bg-tertiary);border-left:3px solid var(--color-primary);border-radius:var(--radius-base);color:var(--color-text);font-family:monospace;margin-bottom:.5rem;padding:.75rem}.test-applications__steps{color:var(--color-text);padding-left:1.5rem}.test-applications__steps li{line-height:1.6;margin-bottom:.75rem}.test-applications__steps a{color:var(--color-primary);font-weight:500;text-decoration:none}.test-applications__steps a:hover{text-decoration:underline}.test-applications__info{background:var(--color-bg-tertiary);border-left:4px solid var(--color-primary);border-radius:var(--radius-base);padding:1.5rem}.test-applications__info ul{color:var(--color-text);padding-left:1.5rem}.test-applications__info li{margin-bottom:.5rem}.spin{animation:spin 1s linear infinite}body.dark-mode .test-applications__message--success{background-color:#28a74533}body.dark-mode .test-applications__message--error{background-color:#dc354533}.test-applications__section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.test-applications__section-header h2{border-bottom:none;margin-bottom:0;padding-bottom:0}.test-applications__button--danger{background-color:#dc3545;color:#fff}.test-applications__button--danger:hover:not(:disabled){background-color:#c82333;box-shadow:var(--shadow-md);transform:translateY(-2px)}.test-applications__loading{align-items:center;display:flex;gap:.5rem;justify-content:center}.test-applications__empty,.test-applications__loading{color:var(--color-text-secondary);padding:2rem;text-align:center}.test-applications__empty{font-style:italic}.test-applications__table-container{margin-top:1rem;overflow-x:auto}.test-applications__table{background:var(--color-bg);border-collapse:collapse;border-radius:var(--radius-base);overflow:hidden;width:100%}.test-applications__table th{background:var(--color-bg-tertiary);border-bottom:2px solid var(--color-border);color:var(--color-text);font-weight:600;padding:1rem;text-align:left}.test-applications__table td{border-bottom:1px solid var(--color-border);color:var(--color-text);padding:1rem}.test-applications__table tbody tr:hover{background:var(--color-bg-tertiary)}.test-applications__outlet-name{font-weight:500}.test-applications__status{border-radius:1rem;font-size:.875rem;font-weight:500;padding:.25rem .75rem;text-transform:capitalize}.test-applications__status--pending{background-color:#ffc10733;color:#ffc107}.test-applications__status--approved{background-color:#28a74533;color:#28a745}.test-applications__status--rejected{background-color:#dc354533;color:#dc3545}.test-applications__delete-btn{align-items:center;background:none;border:none;border-radius:var(--radius-base);color:#dc3545;cursor:pointer;display:inline-flex;justify-content:center;padding:.5rem;transition:all .3s ease}.test-applications__delete-btn:hover{background-color:#dc35451a;transform:scale(1.1)}body.dark-mode .test-applications__status--pending{background-color:#ffc1074d}body.dark-mode .test-applications__status--approved{background-color:#28a7454d}body.dark-mode .test-applications__status--rejected{background-color:#dc35454d}@media (max-width:768px){.test-applications{padding:1rem}.test-applications__buttons{flex-direction:column}.test-applications__button{justify-content:center;width:100%}.test-applications__section-header{align-items:flex-start;flex-direction:column;gap:1rem}.test-applications__section-header .test-applications__button{width:100%}.test-applications__table{font-size:.875rem}.test-applications__table td,.test-applications__table th{padding:.5rem}}.fix-duplicate-outlet{margin:0 auto;max-width:1200px;padding:2rem}.fix-duplicate-outlet__header{margin-bottom:3rem;text-align:center}.fix-duplicate-outlet__header h1{align-items:center;color:var(--color-primary);display:flex;gap:.5rem;justify-content:center;margin-bottom:.5rem}.fix-duplicate-outlet__header p{color:var(--color-text-secondary);font-size:1.1rem}.fix-duplicate-outlet__message{border-radius:var(--radius-base);font-weight:500;margin-bottom:2rem;padding:1rem}.fix-duplicate-outlet__message--success{background-color:#28a7451a;border:1px solid #28a7454d;color:#28a745}.fix-duplicate-outlet__message--error{background-color:#dc35451a;border:1px solid #dc35454d;color:#dc3545}.fix-duplicate-outlet__message--warning{background-color:#ffc1071a;border:1px solid #ffc1074d;color:#ffc107}.fix-duplicate-outlet__message--info{background-color:#007bff1a;border:1px solid #007bff4d;color:#007bff}.fix-duplicate-outlet__loading{font-size:1.2rem}.fix-duplicate-outlet__empty,.fix-duplicate-outlet__loading{color:var(--color-text-secondary);padding:3rem;text-align:center}.fix-duplicate-outlet__empty{font-style:italic}.fix-duplicate-outlet__section{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:2rem;padding:2rem}.fix-duplicate-outlet__section h2{border-bottom:2px solid var(--color-primary);color:var(--color-text);margin-bottom:1.5rem;padding-bottom:.5rem}.fix-duplicate-outlet__section p{color:var(--color-text);line-height:1.6;margin-bottom:1rem}.fix-duplicate-outlet__section ol,.fix-duplicate-outlet__section ul{color:var(--color-text);margin-bottom:1rem;margin-left:1.5rem}.fix-duplicate-outlet__section li{line-height:1.6;margin-bottom:.75rem}.fix-duplicate-outlet__cards{grid-gap:1.5rem;display:grid;gap:1.5rem;margin-top:1.5rem}.fix-duplicate-outlet__card{background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-base);padding:1.5rem;transition:all .3s ease}.fix-duplicate-outlet__card:hover{box-shadow:var(--shadow-md)}.fix-duplicate-outlet__card-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.fix-duplicate-outlet__card-header h3{align-items:center;color:var(--color-text);display:flex;gap:.5rem;margin:0}.fix-duplicate-outlet__icon-correct{color:#28a745;font-size:1.2rem}.fix-duplicate-outlet__icon-duplicate{color:#ffc107;font-size:1.2rem}.fix-duplicate-outlet__badge-keep{background-color:#28a74533;color:#28a745}.fix-duplicate-outlet__badge-duplicate,.fix-duplicate-outlet__badge-keep{border-radius:1rem;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.fix-duplicate-outlet__badge-duplicate{background-color:#dc354533;color:#dc3545}.fix-duplicate-outlet__card-details{margin-bottom:1.5rem}.fix-duplicate-outlet__card-details p{color:var(--color-text);margin-bottom:.5rem}.fix-duplicate-outlet__card-details strong{color:var(--color-text);font-weight:600}.fix-duplicate-outlet__card-details a{color:var(--color-primary);text-decoration:none}.fix-duplicate-outlet__card-details a:hover{text-decoration:underline}.fix-duplicate-outlet__card-actions{border-top:1px solid var(--color-border);display:flex;gap:1rem;padding-top:1rem}.fix-duplicate-outlet__button{align-items:center;border:none;border-radius:var(--radius-base);cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.fix-duplicate-outlet__button--delete{background-color:#dc3545;color:#fff}.fix-duplicate-outlet__button--delete:hover{background-color:#c82333;box-shadow:var(--shadow-md);transform:translateY(-2px)}.fix-duplicate-outlet__warning{align-items:flex-start;background-color:#ffc1071a;border-left:4px solid #ffc107;color:var(--color-text);display:flex;gap:.5rem;margin-top:1rem;padding:1rem}.fix-duplicate-outlet__warning svg{color:#ffc107;flex-shrink:0;margin-top:.25rem}body.dark-mode .fix-duplicate-outlet__message--success{background-color:#28a74533}body.dark-mode .fix-duplicate-outlet__message--error{background-color:#dc354533}body.dark-mode .fix-duplicate-outlet__message--warning{background-color:#ffc10733}body.dark-mode .fix-duplicate-outlet__message--info{background-color:#007bff33}body.dark-mode .fix-duplicate-outlet__warning{background-color:#ffc10733}@media (max-width:768px){.fix-duplicate-outlet{padding:1rem}.fix-duplicate-outlet__card-header{align-items:flex-start;flex-direction:column}.fix-duplicate-outlet__card-actions{flex-direction:column}.fix-duplicate-outlet__button{justify-content:center;width:100%}}.outlet-dashboard{background:var(--color-bg);border-radius:8px;color:var(--color-text);margin:0 auto;max-width:1200px;min-height:100vh;padding:var(--space-lg)}.outlet-dashboard--full-width{max-width:100%}.outlet-dashboard--dark{background:var(--color-bg-dark)}.outlet-dashboard__skip-link{background:var(--color-primary);border-radius:0 0 4px 0;color:#fff;left:0;padding:8px 16px;position:absolute;text-decoration:none;top:-40px;z-index:100}.outlet-dashboard__skip-link:focus{top:0}.outlet-dashboard__sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.outlet-dashboard__breadcrumb{align-items:center;color:var(--color-text-muted);display:flex;font-size:.875rem;gap:var(--space-sm);margin-bottom:var(--space-lg)}.outlet-dashboard__breadcrumb-link{align-items:center;color:var(--color-primary);display:flex;gap:var(--space-xs);text-decoration:none;transition:color .2s ease}.outlet-dashboard__breadcrumb-link:hover{color:var(--color-primary-hover);text-decoration:underline}.outlet-dashboard__breadcrumb-separator{color:var(--color-text-muted);font-size:.75rem}.outlet-dashboard__breadcrumb-current{color:var(--color-text);font-weight:500}.outlet-dashboard__main{width:100%}.outlet-dashboard__header{border-bottom:2px solid var(--color-primary);margin-bottom:2rem;padding:.5rem 1rem 1rem;position:relative;text-align:center}.outlet-dashboard__header-content{width:100%}.outlet-dashboard__title{color:var(--color-primary);font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.outlet-dashboard__subtitle{color:var(--color-text-secondary);font-size:1.1rem;margin:0}.outlet-dashboard__actions{display:flex;gap:1rem;justify-content:center;margin-bottom:var(--space-xl)}.outlet-dashboard__create-button{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-base);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:var(--space-sm);padding:12px 24px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.outlet-dashboard__create-button:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.outlet-dashboard__create-button:active{transform:translateY(0)}.outlet-dashboard__stats{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));margin-bottom:var(--space-xl)}.outlet-dashboard__stat-card{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;gap:.75rem;padding:1rem;transition:all .2s ease}.outlet-dashboard__stat-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.outlet-dashboard__stat-icon{align-items:center;border-radius:var(--radius-base);color:#fff;display:flex;font-size:1.125rem;height:42px;justify-content:center;width:42px}.outlet-dashboard__stat-icon--total{background:linear-gradient(135deg,#667eea,#764ba2)}.outlet-dashboard__stat-icon--published{background:linear-gradient(135deg,#10b981,#059669)}.outlet-dashboard__stat-icon--drafts{background:linear-gradient(135deg,#f59e0b,#d97706)}.outlet-dashboard__stat-icon--scheduled{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.outlet-dashboard__stat-icon--views{background:linear-gradient(135deg,#3b82f6,#2563eb)}.outlet-dashboard__stat-icon--shares{background:linear-gradient(135deg,#ec4899,#db2777)}.outlet-dashboard__stat-content{display:flex;flex-direction:column;gap:var(--space-xs)}.outlet-dashboard__stat-label{color:var(--color-text-muted);font-size:.8125rem;font-weight:500}.outlet-dashboard__stat-value{color:var(--color-text);font-size:1.5rem;font-weight:700}.outlet-dashboard__filters{border-bottom:2px solid var(--color-border);display:flex;gap:var(--space-sm);margin-bottom:var(--space-xl)}.outlet-dashboard__filter-button{background:#0000;border:none;border-bottom:3px solid #0000;color:var(--color-text-muted);cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:-2px;padding:12px 24px;transition:all .2s ease}.outlet-dashboard__filter-button:hover{background:var(--color-bg-secondary);color:var(--color-text)}.outlet-dashboard__filter-button--active{border-bottom-color:var(--color-primary);color:var(--color-primary)}.outlet-dashboard__articles{width:100%}.outlet-dashboard__articles-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.outlet-dashboard__article-wrapper{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md);transition:all .2s ease}.outlet-dashboard__article-wrapper:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg)}.outlet-dashboard__article-actions{display:flex;gap:var(--space-sm)}.outlet-dashboard__action-button{align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-base);cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:var(--space-sm);justify-content:center;min-height:44px;padding:10px 16px;text-decoration:none;transition:all .2s ease}.outlet-dashboard__action-button--edit{background:var(--color-bg);border-color:var(--color-primary);color:var(--color-primary)}.outlet-dashboard__action-button--edit:hover{background:var(--color-primary);box-shadow:var(--shadow-sm);color:#fff;transform:translateY(-1px)}.outlet-dashboard__action-button--delete{background:var(--color-bg);border-color:#ef4444;color:#ef4444}.outlet-dashboard__action-button--delete:hover{background:#ef4444;box-shadow:var(--shadow-sm);color:#fff;transform:translateY(-1px)}.outlet-dashboard__action-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.outlet-dashboard__empty{align-items:center;background:var(--color-bg-secondary);border:2px dashed var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:var(--space-xl) var(--space-lg);text-align:center}.outlet-dashboard__empty-icon{color:var(--color-text-muted);font-size:4rem;margin-bottom:var(--space-lg);opacity:.5}.outlet-dashboard__empty-title{color:var(--color-text);font-size:1.5rem;font-weight:700;margin:0 0 var(--space-sm) 0}.outlet-dashboard__empty-text{color:var(--color-text-muted);font-size:1rem;line-height:1.6;margin:0;max-width:500px}.outlet-dashboard__loading{align-items:center;display:flex;flex-direction:column;gap:var(--space-md);justify-content:center;min-height:400px}.outlet-dashboard__spinner{animation:spin 1s linear infinite;color:var(--color-primary);font-size:3rem}.outlet-dashboard__error{align-items:center;display:flex;flex-direction:column;gap:var(--space-md);justify-content:center;min-height:400px;text-align:center}.outlet-dashboard__error-icon{color:#ef4444;font-size:4rem}.outlet-dashboard__error h2{color:var(--color-text);font-size:1.5rem;font-weight:700;margin:0}.outlet-dashboard__error p{color:var(--color-text-muted);font-size:1rem;margin:0;max-width:500px}.outlet-dashboard__back-button{align-items:center;background:var(--color-primary);border-radius:var(--radius-base);color:#fff;display:inline-flex;font-weight:600;gap:var(--space-sm);margin-top:var(--space-md);padding:12px 24px;text-decoration:none;transition:all .2s ease}.outlet-dashboard__back-button:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.outlet-dashboard__toast{align-items:center;animation:slideInRight .3s ease;background:#fff;border-radius:var(--radius-base);bottom:var(--space-lg);box-shadow:var(--shadow-lg);display:flex;font-weight:600;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);position:fixed;right:var(--space-lg);z-index:1000}.outlet-dashboard__toast--success{background:#10b981;color:#fff}.outlet-dashboard__toast--error{background:#ef4444;color:#fff}.outlet-dashboard__toast--warning{background:#f59e0b;color:#fff}.outlet-dashboard__toast--info{background:#3b82f6;color:#fff}@media (max-width:768px){.outlet-dashboard{padding:var(--space-md)}.outlet-dashboard__title{font-size:2rem}.outlet-dashboard__create-button{justify-content:center;width:100%}.outlet-dashboard__stats{grid-template-columns:1fr}.outlet-dashboard__filters{-webkit-overflow-scrolling:touch;overflow-x:auto}.outlet-dashboard__filter-button{white-space:nowrap}.outlet-dashboard__articles-grid{grid-template-columns:1fr}.outlet-dashboard__toast{bottom:var(--space-md);left:var(--space-md);right:var(--space-md)}}@media (max-width:400px){.outlet-dashboard__stat-card{flex-direction:column;text-align:center}.outlet-dashboard__action-button{font-size:.75rem;padding:8px 12px}}.outlet-dashboard--dark .outlet-dashboard__article-wrapper,.outlet-dashboard--dark .outlet-dashboard__empty,.outlet-dashboard--dark .outlet-dashboard__stat-card{background:#1f2937;border-color:#374151}.outlet-dashboard--dark .outlet-dashboard__action-button{background:#111827;border-color:#374151}.outlet-dashboard--dark .outlet-dashboard__action-button--edit:hover{background:var(--color-primary)}.outlet-dashboard--dark .outlet-dashboard__action-button--delete:hover{background:#ef4444}@media print{.outlet-dashboard__article-actions,.outlet-dashboard__breadcrumb,.outlet-dashboard__create-button,.outlet-dashboard__filters,.outlet-dashboard__toast{display:none}.outlet-dashboard__articles-grid{grid-template-columns:1fr}}.outlet-dashboard__analytics-button{align-items:center;background-color:#3b82f6;border:1px solid #3b82f6;border-radius:var(--radius-base);color:#fff;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.outlet-dashboard__analytics-button:hover{background-color:#2563eb;box-shadow:var(--shadow-md);transform:translateY(-2px)}.outlet-dashboard__subscribers-button{align-items:center;background-color:#8b5cf6;border:1px solid #8b5cf6;border-radius:var(--radius-base);color:#fff;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.outlet-dashboard__subscribers-button:hover{background-color:#7c3aed;box-shadow:var(--shadow-md);transform:translateY(-2px)}.outlet-dashboard__series-button{align-items:center;background-color:#ec4899;border:1px solid #ec4899;border-radius:var(--radius-base);color:#fff;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.outlet-dashboard__series-button:hover{background-color:#db2777;box-shadow:var(--shadow-md);transform:translateY(-2px)}.outlet-dashboard__settings-button{align-items:center;background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);display:inline-flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.outlet-dashboard__settings-button:hover{background-color:var(--color-bg-secondary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.outlet-subscriber-dashboard{background:var(--color-bg);border-radius:var(--radius-lg);margin:0 auto;max-width:1200px;min-height:100vh;padding:var(--space-xl)}.outlet-subscriber-dashboard__loading{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;justify-content:center;padding:var(--space-3xl)}.outlet-subscriber-dashboard__loading-icon{animation:pulse 2s infinite;font-size:3rem;margin-bottom:var(--space-md)}.outlet-subscriber-dashboard__error{background:#fff;border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3xl);text-align:center}.outlet-subscriber-dashboard__error h2{color:var(--color-danger);margin-bottom:var(--space-md)}.outlet-subscriber-dashboard__cta-button{background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-weight:600;margin-top:var(--space-lg);padding:var(--space-sm) var(--space-xl);transition:all .2s ease}.outlet-subscriber-dashboard__cta-button:hover{background:var(--color-primary-dark);transform:translateY(-2px)}.outlet-subscriber-dashboard__breadcrumb{align-items:center;display:flex;font-size:.875rem;gap:var(--space-sm);margin-bottom:var(--space-lg);padding:1rem 1rem 0}.outlet-subscriber-dashboard__breadcrumb ol{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}.outlet-subscriber-dashboard__breadcrumb li{align-items:center;display:flex;gap:.5rem}.outlet-subscriber-dashboard__breadcrumb a{align-items:center;color:var(--color-primary);display:flex;gap:.25rem;text-decoration:none;transition:color .2s ease}.outlet-subscriber-dashboard__breadcrumb a:hover{color:var(--color-primary-hover);text-decoration:underline}.outlet-subscriber-dashboard__breadcrumb-separator{color:var(--color-text-secondary);font-size:.75rem}.outlet-subscriber-dashboard__header{align-items:center;border-bottom:2px solid var(--color-primary);display:flex;justify-content:space-between;margin-bottom:2rem;padding:1rem 1rem 1.5rem;text-align:center}.outlet-subscriber-dashboard__header-content{flex:1 1}.outlet-subscriber-dashboard__title{align-items:center;color:var(--color-primary);display:flex;font-size:2.5rem;font-weight:700;gap:.75rem;justify-content:center;margin:0 0 .5rem}.outlet-subscriber-dashboard__subtitle{color:var(--color-text-secondary);font-size:1.1rem;margin:0}.outlet-subscriber-dashboard__export-button{align-items:center;background:var(--color-success);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-weight:600;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);transition:all .2s ease}.outlet-subscriber-dashboard__export-button:hover:not(:disabled){background:var(--color-success-dark);transform:translateY(-2px)}.outlet-subscriber-dashboard__export-button:disabled{cursor:not-allowed;opacity:.5}.outlet-subscriber-dashboard__stats{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--space-2xl)}.outlet-subscriber-dashboard__stat-card{align-items:center;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;gap:var(--space-lg);padding:var(--space-lg);transition:all .2s ease}.outlet-subscriber-dashboard__stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.outlet-subscriber-dashboard__stat-icon{align-items:center;border-radius:var(--radius-md);color:#fff;display:flex;font-size:1.5rem;height:60px;justify-content:center;width:60px}.outlet-subscriber-dashboard__stat-icon--total{background:linear-gradient(135deg,#667eea,#764ba2)}.outlet-subscriber-dashboard__stat-icon--immediate{background:linear-gradient(135deg,#f093fb,#f5576c)}.outlet-subscriber-dashboard__stat-icon--daily{background:linear-gradient(135deg,#4facfe,#00f2fe)}.outlet-subscriber-dashboard__stat-icon--weekly{background:linear-gradient(135deg,#43e97b,#38f9d7)}.outlet-subscriber-dashboard__stat-content{flex:1 1}.outlet-subscriber-dashboard__stat-content h3{color:var(--color-text-secondary);font-size:.875rem;letter-spacing:.5px;margin:0 0 var(--space-xs);text-transform:uppercase}.outlet-subscriber-dashboard__stat-value{color:var(--color-text);font-size:2rem;font-weight:700;margin:0 0 var(--space-xs)}.outlet-subscriber-dashboard__stat-percent,.outlet-subscriber-dashboard__stat-trend{color:var(--color-text-secondary);font-size:.875rem}.outlet-subscriber-dashboard__trend{align-items:center;display:inline-flex;gap:var(--space-xs)}.outlet-subscriber-dashboard__trend--up{color:var(--color-success)}.outlet-subscriber-dashboard__trend--down{color:var(--color-danger)}.outlet-subscriber-dashboard__trend--neutral{color:var(--color-text-secondary)}.outlet-subscriber-dashboard__filters{align-items:center;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:var(--space-lg);margin-bottom:var(--space-xl);padding:var(--space-lg)}.outlet-subscriber-dashboard__search{flex:1 1;min-width:250px;position:relative}.outlet-subscriber-dashboard__search-icon{color:var(--color-text-secondary);left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.outlet-subscriber-dashboard__search-input{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:.95rem;padding:.75rem 1rem .75rem 2.75rem;width:100%}.outlet-subscriber-dashboard__search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2196f31a;outline:none}.outlet-subscriber-dashboard__search-clear{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--space-xs);position:absolute;right:var(--space-sm);top:50%;transform:translateY(-50%)}.outlet-subscriber-dashboard__filter-group{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.outlet-subscriber-dashboard__filter-select{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;font-size:.95rem;padding:var(--space-sm) var(--space-md)}.outlet-subscriber-dashboard__filter-select:focus{border-color:var(--color-primary);outline:none}.outlet-subscriber-dashboard__empty{background:#fff;border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:3rem 2rem;text-align:center}.outlet-subscriber-dashboard__empty-icon{color:var(--color-text-tertiary);font-size:3rem;margin-bottom:1.5rem}.outlet-subscriber-dashboard__empty h3{color:var(--color-text);margin:0 0 var(--space-sm)}.outlet-subscriber-dashboard__empty p{color:var(--color-text-secondary);margin:0}.outlet-subscriber-dashboard__list{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.outlet-subscriber-dashboard__list-header{background:#f8f9fa;color:var(--color-text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:var(--space-md) var(--space-lg);text-transform:uppercase}.outlet-subscriber-dashboard__list-header,.outlet-subscriber-dashboard__subscriber{grid-gap:var(--space-md);border-bottom:1px solid var(--color-border);display:grid;gap:var(--space-md);grid-template-columns:2fr 1fr 1fr 1fr}.outlet-subscriber-dashboard__subscriber{align-items:center;padding:var(--space-lg);transition:background .2s ease}.outlet-subscriber-dashboard__subscriber:hover{background:#f8f9fa}.outlet-subscriber-dashboard__subscriber:last-child{border-bottom:none}.outlet-subscriber-dashboard__subscriber-info{display:flex;flex-direction:column;gap:var(--space-xs)}.outlet-subscriber-dashboard__subscriber-name{color:var(--color-text);font-weight:600}.outlet-subscriber-dashboard__subscriber-email{color:var(--color-text-secondary);font-size:.875rem}.outlet-subscriber-dashboard__subscriber-frequency{align-items:center;color:var(--color-text-secondary);display:flex;gap:var(--space-xs)}.outlet-subscriber-dashboard__subscriber-breaking{align-items:center;display:flex}.outlet-subscriber-dashboard__badge{border-radius:var(--radius-sm);font-size:.8125rem;font-weight:600;padding:var(--space-xs) var(--space-sm)}.outlet-subscriber-dashboard__badge--yes{background:#4caf501a;color:var(--color-success)}.outlet-subscriber-dashboard__badge--no{background:#9e9e9e1a;color:var(--color-text-secondary)}.outlet-subscriber-dashboard__subscriber-date{color:var(--color-text-secondary);font-size:.875rem}.outlet-subscriber-dashboard__footer{margin-top:var(--space-2xl);padding:var(--space-xl) 0;text-align:center}.outlet-subscriber-dashboard__back-button{background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-weight:600;padding:var(--space-sm) var(--space-xl);transition:all .2s ease}.outlet-subscriber-dashboard__back-button:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}body.dark-mode .outlet-subscriber-dashboard__stat-card{background:#2a2a2a;border-color:#444}body.dark-mode .outlet-subscriber-dashboard__filters{background:#1a1a1a}body.dark-mode .outlet-subscriber-dashboard__filter-select,body.dark-mode .outlet-subscriber-dashboard__list,body.dark-mode .outlet-subscriber-dashboard__search-input{background:#2a2a2a;border-color:#444}body.dark-mode .outlet-subscriber-dashboard__list-header{background:#1a1a1a;border-color:#444}body.dark-mode .outlet-subscriber-dashboard__subscriber{border-color:#444}body.dark-mode .outlet-subscriber-dashboard__subscriber:hover{background:#333}@media (max-width:768px){.outlet-subscriber-dashboard{padding:var(--space-md)}.outlet-subscriber-dashboard__header{flex-direction:column;gap:var(--space-md);text-align:center}.outlet-subscriber-dashboard__export-button{width:100%}.outlet-subscriber-dashboard__stats{grid-template-columns:1fr}.outlet-subscriber-dashboard__filters{flex-direction:column}.outlet-subscriber-dashboard__search{width:100%}.outlet-subscriber-dashboard__filter-group{flex-direction:column;width:100%}.outlet-subscriber-dashboard__filter-select{width:100%}.outlet-subscriber-dashboard__list-header,.outlet-subscriber-dashboard__subscriber{gap:var(--space-sm);grid-template-columns:1fr}.outlet-subscriber-dashboard__list-header span:not(:first-child),.outlet-subscriber-dashboard__subscriber>:not(:first-child){display:none}.outlet-subscriber-dashboard__subscriber-info{padding-bottom:var(--space-sm)}}@media (max-width:400px){.outlet-subscriber-dashboard__stat-value,.outlet-subscriber-dashboard__title{font-size:1.5rem}}.outlet-series-manager{background:var(--color-bg);border-radius:var(--radius-lg);margin:0 auto;max-width:1200px;min-height:100vh;padding:var(--space-xl)}.outlet-series-manager__loading{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;justify-content:center;padding:var(--space-3xl)}.outlet-series-manager__loading-icon{animation:pulse 2s infinite;font-size:3rem;margin-bottom:var(--space-md)}.outlet-series-manager__error{background:#fff;border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3xl);text-align:center}.outlet-series-manager__error h2{color:var(--color-danger);margin-bottom:var(--space-md)}.outlet-series-manager__cta-button{background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-weight:600;margin-top:var(--space-lg);padding:var(--space-sm) var(--space-xl);transition:all .2s ease}.outlet-series-manager__cta-button:hover{background:var(--color-primary-dark);transform:translateY(-2px)}.outlet-series-manager__breadcrumb{align-items:center;display:flex;font-size:.875rem;gap:var(--space-sm);margin-bottom:var(--space-lg);padding:1rem 1rem 0}.outlet-series-manager__breadcrumb ol{flex-wrap:wrap;list-style:none;margin:0;padding:0}.outlet-series-manager__breadcrumb li,.outlet-series-manager__breadcrumb ol{align-items:center;display:flex;gap:.5rem}.outlet-series-manager__breadcrumb a{align-items:center;color:var(--color-primary);display:flex;gap:.25rem;text-decoration:none;transition:color .2s ease}.outlet-series-manager__breadcrumb a:hover{color:var(--color-primary-hover);text-decoration:underline}.outlet-series-manager__breadcrumb-separator{color:var(--color-text-secondary);font-size:.75rem}.outlet-series-manager__header{align-items:center;border-bottom:2px solid var(--color-primary);display:flex;justify-content:space-between;margin-bottom:2rem;padding:1rem 1rem 1.5rem;text-align:center}.outlet-series-manager__header-content{flex:1 1}.outlet-series-manager__title{align-items:center;color:var(--color-primary);display:flex;font-size:2.5rem;font-weight:700;gap:.75rem;justify-content:center;margin:0 0 .5rem}.outlet-series-manager__subtitle{color:var(--color-text-secondary);font-size:1.1rem;margin:0}.outlet-series-manager__create-button{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-weight:600;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);transition:all .2s ease}.outlet-series-manager__create-button:hover{background:var(--color-primary-dark);transform:translateY(-2px)}.outlet-series-manager__message{align-items:center;animation:slideIn .3s ease;border-radius:var(--radius-md);display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg);padding:var(--space-md)}.outlet-series-manager__message--success{background:#4caf501a;border:1px solid var(--color-success);color:var(--color-success)}.outlet-series-manager__message--error{background:#f443361a;border:1px solid var(--color-danger);color:var(--color-danger)}.outlet-series-manager__empty{background:#fff;border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:3rem 2rem;text-align:center}.outlet-series-manager__empty-icon{color:var(--color-text-tertiary);font-size:3rem;margin-bottom:var(--space-md)}.outlet-series-manager__empty h3{color:var(--color-text);margin:0 0 var(--space-sm)}.outlet-series-manager__empty p{color:var(--color-text-secondary);margin:0 0 var(--space-lg)}.outlet-series-manager__empty-cta{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);transition:all .2s ease}.outlet-series-manager__empty-cta:hover{background:var(--color-primary-dark);transform:translateY(-2px)}.outlet-series-manager__list{display:flex;flex-direction:column;gap:var(--space-lg)}.outlet-series-manager__item{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all .2s ease}.outlet-series-manager__item:hover{box-shadow:var(--shadow-md)}.outlet-series-manager__item-header{display:flex;gap:var(--space-lg);justify-content:space-between;padding:var(--space-lg)}.outlet-series-manager__item-info{flex:1 1}.outlet-series-manager__item-title{color:var(--color-text);font-size:1.25rem;font-weight:600;margin:0 0 var(--space-sm)}.outlet-series-manager__item-description{color:var(--color-text-secondary);line-height:1.5;margin:0 0 var(--space-md)}.outlet-series-manager__item-meta{color:var(--color-text-secondary);display:flex;font-size:.875rem;gap:var(--space-lg);margin-bottom:var(--space-sm)}.outlet-series-manager__item-count,.outlet-series-manager__item-date{align-items:center;display:flex;gap:var(--space-xs)}.outlet-series-manager__item-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-sm)}.outlet-series-manager__tag{align-items:center;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);display:inline-flex;font-size:.8125rem;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm)}.outlet-series-manager__item-actions{align-items:flex-start;display:flex;gap:var(--space-sm)}.outlet-series-manager__action{align-items:center;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:.875rem;gap:var(--space-xs);padding:var(--space-sm);transition:all .2s ease}.outlet-series-manager__action:hover{transform:translateY(-1px)}.outlet-series-manager__action--view{color:var(--color-primary);padding:var(--space-sm) var(--space-md)}.outlet-series-manager__action--view:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.outlet-series-manager__action--edit{color:var(--color-info)}.outlet-series-manager__action--edit:hover{background:var(--color-info);border-color:var(--color-info);color:#fff}.outlet-series-manager__action--delete{color:var(--color-danger)}.outlet-series-manager__action--delete:hover{background:var(--color-danger);border-color:var(--color-danger);color:#fff}.outlet-series-manager__action:disabled{cursor:not-allowed;opacity:.5}.outlet-series-manager__articles{background:#fff;border-top:1px solid var(--color-border);padding:var(--space-lg)}.outlet-series-manager__no-articles{color:var(--color-text-secondary);font-style:italic;padding:var(--space-md);text-align:center}.outlet-series-manager__articles-list{display:flex;flex-direction:column;gap:var(--space-md)}.outlet-series-manager__article{align-items:center;background:#f8f9fa;border-radius:var(--radius-sm);display:flex;gap:var(--space-md);padding:var(--space-sm)}.outlet-series-manager__article-order{color:var(--color-text-secondary);font-weight:600;min-width:24px}.outlet-series-manager__article-info{align-items:center;display:flex;flex:1 1;gap:var(--space-md);justify-content:space-between}.outlet-series-manager__article-title{color:var(--color-primary);flex:1 1;font-weight:500;text-decoration:none}.outlet-series-manager__article-title:hover{text-decoration:underline}.outlet-series-manager__article-date{color:var(--color-text-secondary);font-size:.875rem}.outlet-series-manager__modal{align-items:center;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-lg);position:fixed;right:0;top:0;z-index:9999}.outlet-series-manager__modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;left:0;position:absolute;right:0;top:0}.outlet-series-manager__modal-content{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:90vh;max-width:600px;overflow:auto;position:relative;width:100%;z-index:1}.outlet-series-manager__modal-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--space-lg)}.outlet-series-manager__modal-header h2{color:var(--color-text);margin:0}.outlet-series-manager__modal-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;padding:var(--space-xs);transition:color .2s ease}.outlet-series-manager__modal-close:hover{color:var(--color-text)}.outlet-series-manager__form{padding:var(--space-lg)}.outlet-series-manager__form-group{margin-bottom:var(--space-lg)}.outlet-series-manager__form-group label{color:var(--color-text);display:block;font-weight:500;margin-bottom:var(--space-sm)}.outlet-series-manager__form-group input,.outlet-series-manager__form-group textarea{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:.95rem;padding:var(--space-sm);width:100%}.outlet-series-manager__form-group input:focus,.outlet-series-manager__form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2196f31a;outline:none}.outlet-series-manager__tag-input-wrapper{display:flex;gap:var(--space-sm)}.outlet-series-manager__tag-add{background:var(--color-primary);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;padding:var(--space-sm) var(--space-md);transition:all .2s ease}.outlet-series-manager__tag-add:hover:not(:disabled){background:var(--color-primary-dark)}.outlet-series-manager__tag-add:disabled{cursor:not-allowed;opacity:.5}.outlet-series-manager__tags-display{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-sm)}.outlet-series-manager__tags-display .outlet-series-manager__tag{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.outlet-series-manager__tag-remove{background:none;border:none;color:#fff;cursor:pointer;margin-left:var(--space-xs);opacity:.8;padding:0;transition:opacity .2s ease}.outlet-series-manager__tag-remove:hover{opacity:1}.outlet-series-manager__form-actions{border-top:1px solid var(--color-border);display:flex;gap:var(--space-md);justify-content:flex-end;margin-top:var(--space-xl);padding-top:var(--space-lg)}.outlet-series-manager__button{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-weight:600;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);transition:all .2s ease}.outlet-series-manager__button--primary{background:var(--color-primary);color:#fff}.outlet-series-manager__button--primary:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.outlet-series-manager__button--cancel{background:#0000;border:1px solid var(--color-border);color:var(--color-text-secondary)}.outlet-series-manager__button--cancel:hover{background:#f8f9fa;border-color:var(--color-text-secondary)}.outlet-series-manager__footer{margin-top:var(--space-2xl);padding:var(--space-xl) 0;text-align:center}.outlet-series-manager__back-button{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:var(--space-sm);padding:var(--space-sm) var(--space-xl);transition:all .2s ease}.outlet-series-manager__back-button:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}body.dark-mode .outlet-series-manager__item{background:#2a2a2a;border-color:#444}body.dark-mode .outlet-series-manager__empty,body.dark-mode .outlet-series-manager__error{background:#1a1a1a;border-color:#444}body.dark-mode .outlet-series-manager__modal-content{background:#2a2a2a}body.dark-mode .outlet-series-manager__action,body.dark-mode .outlet-series-manager__form-group input,body.dark-mode .outlet-series-manager__form-group textarea{background:#333;border-color:#444}body.dark-mode .outlet-series-manager__articles{background:#1a1a1a}body.dark-mode .outlet-series-manager__article{background:#2a2a2a}@media (max-width:768px){.outlet-series-manager{padding:var(--space-md)}.outlet-series-manager__header{flex-direction:column;gap:var(--space-md)}.outlet-series-manager__create-button{width:100%}.outlet-series-manager__item-header{flex-direction:column}.outlet-series-manager__item-actions{justify-content:flex-start;width:100%}.outlet-series-manager__item-meta{flex-direction:column;gap:var(--space-xs)}.outlet-series-manager__modal-content{border-radius:0;max-height:100vh}.outlet-series-manager__form-actions{flex-direction:column}.outlet-series-manager__button{justify-content:center;width:100%}}.outlet-profile{background:var(--color-bg);border-radius:8px;color:var(--color-text);margin:0 auto;max-width:1200px;min-height:100vh;padding:var(--space-lg)}.outlet-profile--full-width{max-width:100%}.outlet-profile--dark{background:var(--color-bg-dark)}.outlet-profile__skip-link{background:var(--color-primary);border-radius:0 0 4px 0;color:#fff;left:0;padding:8px 16px;position:absolute;text-decoration:none;top:-40px;z-index:100}.outlet-profile__skip-link:focus{top:0}.outlet-profile__sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.outlet-profile__breadcrumb{align-items:center;color:var(--color-text-muted);display:flex;font-size:.875rem;gap:var(--space-sm);margin-bottom:var(--space-lg)}.outlet-profile__breadcrumb-link{align-items:center;color:var(--color-primary);display:flex;gap:var(--space-xs);text-decoration:none;transition:color .2s ease}.outlet-profile__breadcrumb-link:hover{color:var(--color-primary-hover);text-decoration:underline}.outlet-profile__breadcrumb-separator{color:var(--color-text-muted);font-size:.75rem}.outlet-profile__breadcrumb-current{color:var(--color-text);font-weight:500}.outlet-profile__main{width:100%}.outlet-profile__header{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-xl);padding:var(--space-xl)}.outlet-profile__header-content{align-items:flex-start;display:flex;gap:var(--space-lg);margin-bottom:var(--space-lg)}.outlet-profile__logo{background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-base);height:120px;object-fit:contain;padding:var(--space-sm);width:120px}.outlet-profile__header-text{flex:1 1}.outlet-profile__title-row{align-items:center;display:flex;gap:var(--space-md);margin-bottom:var(--space-sm)}.outlet-profile__title{color:var(--color-text);font-size:2rem;font-weight:700;margin:0}.outlet-profile__verified-badge{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:var(--radius-base);color:#fff;display:inline-flex;font-size:.875rem;font-weight:600;gap:var(--space-xs);padding:6px 12px}.outlet-profile__description{color:var(--color-text-muted);font-size:1rem;line-height:1.6;margin:0;max-width:800px}.outlet-profile__contact{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.outlet-profile__contact-link{align-items:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);display:flex;font-size:.875rem;font-weight:600;gap:var(--space-xs);min-height:44px;padding:10px 16px;text-decoration:none;transition:all .2s ease}.outlet-profile__contact-link:hover{background:var(--color-primary);border-color:var(--color-primary);box-shadow:var(--shadow-sm);color:#fff;transform:translateY(-1px)}.outlet-profile__stats{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--space-xl)}.outlet-profile__stat-card{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;gap:var(--space-md);padding:var(--space-lg);transition:all .2s ease}.outlet-profile__stat-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.outlet-profile__stat-icon{align-items:center;border-radius:var(--radius-base);color:#fff;display:flex;font-size:1.5rem;height:56px;justify-content:center;width:56px}.outlet-profile__stat-icon--articles{background:linear-gradient(135deg,#667eea,#764ba2)}.outlet-profile__stat-icon--views{background:linear-gradient(135deg,#3b82f6,#2563eb)}.outlet-profile__stat-icon--shares{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.outlet-profile__stat-content{display:flex;flex-direction:column;gap:var(--space-xs)}.outlet-profile__stat-label{color:var(--color-text-muted);font-size:.875rem;font-weight:500}.outlet-profile__stat-value{color:var(--color-text);font-size:1.875rem;font-weight:700}.outlet-profile__filters{border-bottom:2px solid var(--color-border);display:flex;gap:var(--space-sm);margin-bottom:var(--space-xl)}.outlet-profile__filter-button{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:var(--color-text-muted);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:var(--space-xs);margin-bottom:-2px;min-height:44px;padding:12px 24px;transition:all .2s ease}.outlet-profile__filter-button:hover{background:var(--color-bg-secondary);color:var(--color-text)}.outlet-profile__filter-button--active{border-bottom-color:var(--color-primary);color:var(--color-primary)}.outlet-profile__articles{width:100%}.outlet-profile__articles-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.outlet-profile__empty{align-items:center;background:var(--color-bg-secondary);border:2px dashed var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:var(--space-xl) var(--space-lg);text-align:center}.outlet-profile__empty-icon{color:var(--color-text-muted);font-size:4rem;margin-bottom:var(--space-lg);opacity:.5}.outlet-profile__empty-title{color:var(--color-text);font-size:1.5rem;font-weight:700;margin:0 0 var(--space-sm) 0}.outlet-profile__empty-text{color:var(--color-text-muted);font-size:1rem;line-height:1.6;margin:0;max-width:500px}.outlet-profile__loading{align-items:center;display:flex;flex-direction:column;gap:var(--space-md);justify-content:center;min-height:400px}.outlet-profile__spinner{animation:spin 1s linear infinite;color:var(--color-primary);font-size:3rem}.outlet-profile__error{align-items:center;display:flex;flex-direction:column;gap:var(--space-md);justify-content:center;min-height:400px;text-align:center}.outlet-profile__error-icon{color:#ef4444;font-size:4rem}.outlet-profile__error h2{color:var(--color-text);font-size:1.5rem;font-weight:700;margin:0}.outlet-profile__error p{color:var(--color-text-muted);font-size:1rem;margin:0;max-width:500px}.outlet-profile__back-button{align-items:center;background:var(--color-primary);border-radius:var(--radius-base);color:#fff;display:inline-flex;font-weight:600;gap:var(--space-sm);margin-top:var(--space-md);padding:12px 24px;text-decoration:none;transition:all .2s ease}.outlet-profile__back-button:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.outlet-profile__toast{align-items:center;animation:slideInRight .3s ease;background:#fff;border-radius:var(--radius-base);bottom:var(--space-lg);box-shadow:var(--shadow-lg);display:flex;font-weight:600;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);position:fixed;right:var(--space-lg);z-index:1000}.outlet-profile__toast--success{background:#10b981;color:#fff}.outlet-profile__toast--error{background:#ef4444;color:#fff}.outlet-profile__toast--warning{background:#f59e0b;color:#fff}.outlet-profile__toast--info{background:#3b82f6;color:#fff}@media (max-width:768px){.outlet-profile{padding:var(--space-md)}.outlet-profile__header{padding:var(--space-lg)}.outlet-profile__header-content{align-items:center;flex-direction:column;text-align:center}.outlet-profile__logo{height:100px;width:100px}.outlet-profile__title{font-size:1.5rem}.outlet-profile__title-row{align-items:center;flex-direction:column;gap:var(--space-sm)}.outlet-profile__contact{justify-content:center}.outlet-profile__stats{grid-template-columns:1fr}.outlet-profile__filters{-webkit-overflow-scrolling:touch;overflow-x:auto}.outlet-profile__filter-button{white-space:nowrap}.outlet-profile__articles-grid{grid-template-columns:1fr}.outlet-profile__toast{bottom:var(--space-md);left:var(--space-md);right:var(--space-md)}}@media (max-width:400px){.outlet-profile__stat-card{flex-direction:column;text-align:center}.outlet-profile__contact-link{font-size:.75rem;padding:8px 12px}}.outlet-profile--dark .outlet-profile__header{background:#1f2937;border-color:#374151}.outlet-profile--dark .outlet-profile__logo{background:#111827;border-color:#374151}.outlet-profile--dark .outlet-profile__stat-card{background:#1f2937;border-color:#374151}.outlet-profile--dark .outlet-profile__contact-link{background:#111827;border-color:#374151}.outlet-profile--dark .outlet-profile__contact-link:hover{background:var(--color-primary);border-color:var(--color-primary)}.outlet-profile--dark .outlet-profile__empty{background:#1f2937;border-color:#374151}@media print{.outlet-profile__breadcrumb,.outlet-profile__contact,.outlet-profile__filters,.outlet-profile__toast{display:none}.outlet-profile__articles-grid{grid-template-columns:1fr}.outlet-profile__header{border:1px solid #000}}.outlet-profile__back-button:focus-visible,.outlet-profile__breadcrumb-link:focus-visible,.outlet-profile__contact-link:focus-visible,.outlet-profile__filter-button:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}@media (prefers-contrast:high){.outlet-profile__contact-link,.outlet-profile__header,.outlet-profile__stat-card{border-width:2px}.outlet-profile__verified-badge{border:2px solid}}@media (prefers-reduced-motion:reduce){.outlet-profile__back-button,.outlet-profile__contact-link,.outlet-profile__filter-button,.outlet-profile__stat-card{transition:none}.outlet-profile__spinner,.outlet-profile__toast{animation:none}}.outlet-analytics{background:var(--color-bg);color:var(--color-text);margin:0 auto;max-width:1200px;min-height:100vh;padding:var(--space-lg)}.outlet-analytics--full-width{max-width:100%;padding-left:var(--space-xl);padding-right:var(--space-xl)}.outlet-analytics--dark{background:var(--color-bg-dark)}.outlet-analytics__skip-link{background:var(--color-primary);border-radius:0 0 4px 0;color:#fff;left:0;padding:8px 16px;position:absolute;text-decoration:none;top:-40px;z-index:100}.outlet-analytics__skip-link:focus{top:0}.outlet-analytics__offline-banner{background-color:#ffc107;color:#000;left:0;padding:.75rem;position:fixed;right:0;text-align:center;top:0;z-index:1001}.outlet-analytics__toast{align-items:center;animation:slideInRight .3s ease-out;border-radius:var(--radius-base);box-shadow:var(--shadow-lg);display:flex;gap:.75rem;min-width:300px;padding:1rem 1.5rem;position:fixed;right:20px;top:20px;z-index:10000}.outlet-analytics__toast--success{background-color:#28a745f2;color:#fff}.outlet-analytics__toast--error{background-color:#dc3545f2;color:#fff}.outlet-analytics__toast--info{background-color:#007bfff2;color:#fff}.outlet-analytics__main{width:100%}.outlet-analytics__breadcrumb{align-items:center;display:flex;font-size:.875rem;gap:var(--space-sm);margin-bottom:var(--space-lg);padding:1rem 1rem 0}.outlet-analytics__breadcrumb ol{flex-wrap:wrap;list-style:none;margin:0;padding:0}.outlet-analytics__breadcrumb li,.outlet-analytics__breadcrumb ol{align-items:center;display:flex;gap:.5rem}.outlet-analytics__breadcrumb a{align-items:center;color:var(--color-primary);display:flex;gap:.25rem;text-decoration:none;transition:color .2s ease}.outlet-analytics__breadcrumb a:hover{color:var(--color-primary-hover);text-decoration:underline}.outlet-analytics__breadcrumb-separator{color:var(--color-text-secondary);font-size:.75rem}.outlet-analytics__header{align-items:center;border-bottom:2px solid var(--color-primary);display:flex;justify-content:space-between;margin-bottom:2rem;padding:1rem 1rem 1.5rem;text-align:center}.outlet-analytics__header-content{flex:1 1}.outlet-analytics__title{align-items:center;color:var(--color-primary);display:flex;font-size:2.5rem;font-weight:700;gap:.75rem;justify-content:center;margin:0 0 .5rem}.outlet-analytics__subtitle{color:var(--color-text-secondary);font-size:1.1rem;margin:0}.outlet-analytics__export-button{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-base);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.outlet-analytics__export-button:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.outlet-analytics__export-button:disabled{cursor:not-allowed;opacity:.6}.outlet-analytics__date-range{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;gap:1rem;margin-bottom:2rem;padding:1.5rem}.outlet-analytics__date-icon{color:var(--color-primary);font-size:1.5rem}.outlet-analytics__date-label{color:var(--color-text);font-weight:600}.outlet-analytics__date-buttons{display:flex;gap:.5rem;margin-left:auto}.outlet-analytics__date-button{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.outlet-analytics__date-button:hover{background:var(--color-bg-tertiary);border-color:var(--color-primary)}.outlet-analytics__date-button--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.outlet-analytics__stats{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.outlet-analytics__stat-card{align-items:flex-start;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;gap:var(--space-md);padding:var(--space-lg);transition:all .2s ease}.outlet-analytics__stat-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.outlet-analytics__stat-icon{align-items:center;border-radius:var(--radius-base);color:#fff;display:flex;flex-shrink:0;font-size:1.25rem;height:48px;justify-content:center;width:48px}.outlet-analytics__stat-icon--views{background:linear-gradient(135deg,#3b82f6,#2563eb)}.outlet-analytics__stat-icon--shares{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.outlet-analytics__stat-icon--articles{background:linear-gradient(135deg,#10b981,#059669)}.outlet-analytics__stat-icon--featured{background:linear-gradient(135deg,#f59e0b,#d97706)}.outlet-analytics__stat-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.outlet-analytics__stat-label{color:var(--color-text-muted);font-size:.875rem;font-weight:500}.outlet-analytics__stat-value{color:var(--color-text);font-size:1.75rem;font-weight:700}.outlet-analytics__stat-change{align-items:center;display:flex;font-size:.75rem;font-weight:600;gap:.25rem}.outlet-analytics__stat-change--positive{color:#10b981}.outlet-analytics__stat-change--negative{color:#ef4444}.outlet-analytics__stat-help{color:var(--color-text-muted);font-size:.75rem}.outlet-analytics__section{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:2rem;padding:2rem}.outlet-analytics__section h2{align-items:center;border-bottom:2px solid var(--color-primary);color:var(--color-text);display:flex;font-size:1.5rem;font-weight:600;gap:.5rem;margin:0 0 1.5rem;padding-bottom:.75rem}.outlet-analytics__table-wrapper{overflow-x:auto}.outlet-analytics__table{background:var(--color-bg);border-collapse:collapse;border-radius:var(--radius-base);width:100%}.outlet-analytics__table td,.outlet-analytics__table th{border-bottom:1px solid var(--color-border);padding:1rem;text-align:left}.outlet-analytics__table th{color:var(--color-text);font-weight:600;position:-webkit-sticky;position:sticky;top:0}.outlet-analytics__table tbody tr:hover,.outlet-analytics__table th{background:var(--color-bg-tertiary)}.outlet-analytics__table tbody tr:last-child td{border-bottom:none}.outlet-analytics__rank{color:var(--color-primary);font-size:1.1rem;font-weight:700}.outlet-analytics__article-title{max-width:400px}.outlet-analytics__article-title a{color:var(--color-text);display:block;font-weight:500;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.outlet-analytics__article-title a:hover{color:var(--color-primary);text-decoration:underline}.outlet-analytics__category-badge{background:var(--color-bg-tertiary);border-radius:var(--radius-base);display:inline-block;font-size:.875rem;font-weight:500;padding:.25rem .75rem;text-transform:capitalize}.outlet-analytics__metric{color:var(--color-text);font-weight:600}.outlet-analytics__date{color:var(--color-text-muted);font-size:.875rem}.outlet-analytics__category-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.outlet-analytics__category-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:1.5rem;transition:all .2s ease}.outlet-analytics__category-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.outlet-analytics__category-name{color:var(--color-primary);font-size:1.25rem;font-weight:600;margin:0 0 1rem;text-transform:capitalize}.outlet-analytics__category-stats{display:flex;flex-direction:column;gap:.75rem}.outlet-analytics__category-stat{align-items:center;display:flex;justify-content:space-between}.outlet-analytics__category-label{color:var(--color-text-muted);font-size:.875rem;font-weight:500}.outlet-analytics__category-value{color:var(--color-text);font-size:1.1rem;font-weight:700}.outlet-analytics__empty{color:var(--color-text-muted);padding:3rem 2rem;text-align:center}.outlet-analytics__empty p{font-size:1.1rem;margin:0}.outlet-analytics__loading{align-items:center;display:flex;flex-direction:column;gap:var(--space-md);justify-content:center;min-height:400px}.outlet-analytics__spinner{animation:spin 1s linear infinite;color:var(--color-primary);font-size:3rem}.outlet-analytics__error{align-items:center;display:flex;flex-direction:column;gap:var(--space-md);justify-content:center;min-height:400px;text-align:center}.outlet-analytics__error h2{color:var(--color-text);font-size:1.5rem;font-weight:700;margin:0}.outlet-analytics__error p{color:var(--color-text-muted);font-size:1rem;margin:0;max-width:500px}.outlet-analytics__back-button{align-items:center;background:var(--color-primary);border-radius:var(--radius-base);color:#fff;display:inline-flex;font-weight:600;gap:var(--space-sm);margin-top:var(--space-md);padding:12px 24px;text-decoration:none;transition:all .2s ease}.outlet-analytics__back-button:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.outlet-analytics--dark .outlet-analytics__section,.outlet-analytics--dark .outlet-analytics__stat-card{background:#1f2937;border-color:#374151}.outlet-analytics--dark .outlet-analytics__table{background:#111827}.outlet-analytics--dark .outlet-analytics__table th{background:#1f2937}.outlet-analytics--dark .outlet-analytics__category-card{background:#111827;border-color:#374151}.outlet-analytics--dark .outlet-analytics__date-range{background:#1f2937;border-color:#374151}.outlet-analytics--dark .outlet-analytics__date-button{background:#111827;border-color:#374151}@media (max-width:768px){.outlet-analytics{padding:var(--space-md)}.outlet-analytics__title{font-size:2rem}.outlet-analytics__header{flex-direction:column;gap:1rem}.outlet-analytics__export-button{justify-content:center;width:100%}.outlet-analytics__stats{grid-template-columns:1fr}.outlet-analytics__date-range{align-items:flex-start;flex-direction:column}.outlet-analytics__date-buttons{flex-wrap:wrap;margin-left:0;width:100%}.outlet-analytics__date-button{flex:1 1;min-width:80px}.outlet-analytics__category-grid{grid-template-columns:1fr}.outlet-analytics__table{font-size:.875rem}.outlet-analytics__table td,.outlet-analytics__table th{padding:.75rem .5rem}.outlet-analytics__article-title{max-width:200px}}@media (max-width:400px){.outlet-analytics__title{flex-direction:column;font-size:1.5rem;gap:.5rem}.outlet-analytics__section{padding:1.5rem}}@media print{.outlet-analytics__breadcrumb,.outlet-analytics__date-range,.outlet-analytics__export-button,.outlet-analytics__toast{display:none}.outlet-analytics__category-grid,.outlet-analytics__stats{grid-template-columns:1fr 1fr}}.wanted-list{margin:0 auto;max-width:1200px;padding:0;width:100%}.wanted-list--full-width{margin:0;max-width:none}body.has-profile-background .wanted-list{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1rem}body.dark-mode .wanted-list{background-color:#2a2a2a;color:var(--color-text)}body.dark-mode.has-profile-background .wanted-list{background-color:#2a2a2af2}.wanted-list__header{border-bottom:2px solid var(--color-primary);margin-bottom:2rem;padding:.5rem 1rem 1rem;position:relative;text-align:center}.wanted-list__header-content{width:100%}.wanted-list__header h1{color:var(--color-primary);font-size:2.5rem;margin:0 0 .5rem}.wanted-list__header p{color:var(--color-text-secondary);font-size:1.1rem;margin:0}.wanted-list__share-button{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;font-size:.875rem;height:auto;justify-content:center;margin-left:1rem;min-height:0;min-height:auto;padding:.25rem .5rem;position:static;transition:all .2s ease}.wanted-list__share-button:hover{background-color:var(--color-bg-tertiary);box-shadow:var(--shadow-md);color:var(--color-primary);transform:translateY(-1px)}.wanted-list__share-button:active{transform:translateY(0)}.wanted-list__share-button svg{fill:currentColor;height:1em;width:1em}.wanted-list__status{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem;padding:0 1rem}.wanted-list__status-item{align-items:center;border-radius:var(--radius-lg);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.wanted-list__status-item--success{background-color:#28a7451a;border:1px solid #28a7454d;color:#28a745}.wanted-list__status-item--info{background-color:#17a2b81a;border:1px solid #17a2b84d;color:#17a2b8}.wanted-list__status-item--warning{background-color:#ffc1071a;border:1px solid #ffc1074d;color:#ffc107}body.dark-mode .wanted-list__status-item--success{background-color:#28a74533}body.dark-mode .wanted-list__status-item--info{background-color:#17a2b833}body.dark-mode .wanted-list__status-item--warning{background-color:#ffc10733}.wanted-list__content{box-sizing:border-box;padding:0 1rem;width:100%}.wanted-list__section{margin-bottom:3rem}.wanted-list__section h2{border-bottom:1px solid var(--color-border);color:var(--color-text);margin-bottom:1rem;padding-bottom:.5rem}.wanted-list__cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.wanted-list__card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:1.5rem;transition:all .3s ease}.wanted-list__card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.wanted-list__card h3{color:var(--color-primary);margin:0 0 .5rem}.wanted-list__card p{color:var(--color-text-secondary);margin:0}.wanted-list__features{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));list-style:none;margin:0;padding:0}.wanted-list__features li{background-color:var(--color-bg-tertiary);border-left:3px solid var(--color-primary);border-radius:var(--radius-base);padding:.5rem}.wanted-list__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.wanted-list__button{border:none;border-radius:var(--radius-base);cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.wanted-list__button--primary{background-color:var(--color-primary);color:#fff}.wanted-list__button--primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.wanted-list__button--secondary{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.wanted-list__button--secondary:hover{background-color:var(--color-bg-tertiary);transform:translateY(-1px)}.wanted-list__notice{background-color:#ffc1071a;border:1px solid #ffc1074d;border-radius:var(--radius-lg);margin-top:3rem;padding:1.5rem;text-align:center}.wanted-list__notice p{font-weight:500;margin:0}@media (max-width:768px){.wanted-list{border-radius:0;padding:.5rem}.wanted-list__header h1{font-size:2rem}.wanted-list__breadcrumb-row{padding:.5rem}.wanted-list__share-button{font-size:.75rem;margin-left:.5rem;padding:.25rem}.wanted-list__status{align-items:stretch;flex-direction:column}.wanted-list__content{padding:0 .5rem}.wanted-list__cards,.wanted-list__features{grid-template-columns:1fr}.wanted-list__actions{flex-direction:column}.wanted-list__button{width:100%}}.wanted-list__skip-link{background:var(--color-primary);border-radius:var(--radius-base);color:#fff;font-weight:500;left:-9999px;padding:8px 16px;position:absolute;text-decoration:none;top:0;z-index:100}.wanted-list__skip-link:focus{box-shadow:var(--shadow-lg);left:50%;top:10px;transform:translateX(-50%)}.wanted-list__breadcrumb-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;padding:1rem 1rem 0}.wanted-list__breadcrumbs{flex:1 1;margin:0;padding:0}.wanted-list__breadcrumbs ol{flex-wrap:wrap;list-style:none;margin:0;padding:0}.wanted-list__breadcrumbs li,.wanted-list__breadcrumbs ol{align-items:center;display:flex;gap:.5rem}.wanted-list__breadcrumbs a{align-items:center;color:var(--color-primary);display:flex;gap:.25rem;text-decoration:none;transition:color .2s ease}.wanted-list__breadcrumbs a:hover{color:var(--color-primary-hover);text-decoration:underline}.wanted-list__breadcrumb-separator{color:var(--color-text-secondary);font-size:.75rem}.wanted-list__error{margin:0 auto;max-width:600px;padding:3rem 1rem;text-align:center}.wanted-list__error h2{color:var(--color-danger);margin-bottom:1rem}.wanted-list__error p{color:var(--color-text-secondary);margin-bottom:2rem}.wanted-list__loading{padding:2rem 1rem}.wanted-list__skeleton{animation:skeleton-loading 1.5s ease-in-out infinite}.wanted-list__skeleton-card,.wanted-list__skeleton-header,.wanted-list__skeleton-text{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--radius-base)}.wanted-list__skeleton-header{height:3rem;margin:0 auto 2rem;width:60%}.wanted-list__skeleton-text{height:1rem;margin-bottom:1rem}.wanted-list__skeleton-text--short{width:70%}.wanted-list__skeleton-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.wanted-list__skeleton-card{height:150px}.wanted-list__form{max-width:600px}.wanted-list__form-group{margin-bottom:1.5rem}.wanted-list__form-group label{color:var(--color-text);display:block;font-weight:500;margin-bottom:.5rem}.wanted-list__required{color:var(--color-danger);margin-left:.25rem}.wanted-list__input,.wanted-list__select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:1rem;min-height:44px;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.wanted-list__input:focus,.wanted-list__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.wanted-list__help-text{color:var(--color-text-secondary);display:block;font-size:.875rem;margin-top:.5rem}body.dark-mode .wanted-list__skeleton-card,body.dark-mode .wanted-list__skeleton-header,body.dark-mode .wanted-list__skeleton-text{background:linear-gradient(90deg,#3a3a3a 25%,#4a4a4a 50%,#3a3a3a 75%)}body.dark-mode .wanted-list__input,body.dark-mode .wanted-list__select{background-color:var(--color-bg-secondary)}.wanted-list__button:focus-visible,.wanted-list__card:focus-visible,.wanted-list__input:focus-visible,.wanted-list__select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media print{.wanted-list__actions,.wanted-list__notice,.wanted-list__offline-banner,.wanted-list__skip-link,.wanted-list__toast{display:none}.wanted-list{background:#fff;color:#000;max-width:none;padding:0}}.wanted-list__offline-banner{align-items:center;background-color:var(--color-warning);box-shadow:var(--shadow-md);color:#fff;display:flex;font-weight:500;gap:.5rem;justify-content:center;left:0;padding:.75rem;position:fixed;right:0;text-align:center;top:0;z-index:1100}.wanted-list__toast{align-items:center;animation:slideIn .3s ease-out;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);bottom:2rem;box-shadow:var(--shadow-lg);display:flex;gap:1rem;max-width:400px;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:1200}.wanted-list__toast-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.wanted-list__toast-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s ease}.wanted-list__toast-close:hover{color:var(--color-text)}.wanted-list__toast--success{border-color:var(--color-success)}.wanted-list__toast--success svg{color:var(--color-success)}.wanted-list__toast--warning{border-color:var(--color-warning)}.wanted-list__toast--warning svg{color:var(--color-warning)}.wanted-list__toast--error{border-color:var(--color-danger)}.wanted-list__toast--error svg{color:var(--color-danger)}.wanted-list__toast--info{border-color:var(--color-info)}.wanted-list__toast--info svg{color:var(--color-info)}.wanted-list__unsaved-indicator{color:var(--color-warning);font-size:.875rem;font-weight:400;margin-left:.5rem}.wanted-list__form-actions{display:flex;gap:1rem;margin-top:1.5rem}.wanted-list__image-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1rem}.wanted-list__image-container{aspect-ratio:16/9;background-color:var(--color-bg-secondary);border-radius:var(--radius-base);overflow:hidden;position:relative}.wanted-list__image{height:100%;object-fit:cover;transition:opacity .3s ease;width:100%}.wanted-list__image[data-src]{background-color:var(--color-bg-tertiary);opacity:0}.wanted-list__image:not([data-src]){opacity:1}@media (prefers-contrast:high){.wanted-list__button,.wanted-list__input,.wanted-list__select,.wanted-list__toast{border-width:2px}}@media (max-width:768px){.wanted-list__toast{bottom:1rem;left:1rem;max-width:none;right:1rem}.wanted-list__form-actions{flex-direction:column}.wanted-list__form-actions button{width:100%}.wanted-list__image-grid{grid-template-columns:1fr}}.wanted-list__actions{background-color:var(--color-bg);border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;margin-top:-10px;padding:1rem;text-align:center}.wanted-list__attribution{background-color:var(--color-primary);border-radius:5px;font-size:.9rem;margin-bottom:20px;padding:4px 15px}.wanted-list__attribution-text{color:var(--color-text-inverse)!important;margin:0}.wanted-list__attribution a{color:var(--color-text-inverse)!important;text-decoration:underline}.wanted-list__attribution a:hover{color:var(--color-text-inverse)!important;opacity:.9}.wanted-list__refresh-button{background-color:var(--color-info);border:none;border-radius:4px;color:var(--color-text-inverse);cursor:pointer;font-weight:700;padding:8px 15px;transition:background-color .2s}.wanted-list__refresh-button svg{margin-right:6px}.wanted-list__refresh-button:hover{background-color:#0069d9;transform:translateY(-1px)}.wanted-list__refresh-button:disabled{background-color:#88b9f7;cursor:not-allowed;transform:none}.wanted-list__filter-wrapper,.wanted-list__search-wrapper,.wanted-list__sort-wrapper{flex-grow:1;margin-bottom:10px;margin-right:10px;position:relative}.wanted-list__filter-icon,.wanted-list__search-icon{color:var(--color-text-secondary);left:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.wanted-list__filter-select,.wanted-list__search-input,.wanted-list__sort-select{-webkit-appearance:none;appearance:none;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text);font-size:.9rem;padding:8px 8px 8px 35px;width:100%}.wanted-list__filter-select,.wanted-list__sort-select{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007bff%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:12px;padding-right:30px}.wanted-list__filter-container{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.wanted-list__error{background-color:#f8d7da;border:1px solid #f5c6cb}.wanted-list__error-actions{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:20px}.wanted-list__error-actions a{color:var(--color-danger);text-decoration:underline}.wanted-list__gallery-grid{grid-gap:20px;background-color:var(--color-bg);border-radius:8px;box-shadow:0 2px 4px #0000001a;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));margin-bottom:30px;padding:1rem}.wanted-list__no-results{color:var(--color-text-secondary);font-size:1.1rem;padding:60px 20px;text-align:center}.wanted-list__results-count{color:var(--color-text-secondary);font-size:.9rem;margin-bottom:20px}.wanted-list__pagination{align-items:center;background-color:var(--color-bg);border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:10px;justify-content:center;margin-top:30px;padding:20px 10px}.wanted-list__pagination-button{background-color:var(--color-info);border:none;border-radius:4px;color:var(--color-text-inverse);cursor:pointer;font-weight:700;padding:8px 15px;transition:all .2s}.wanted-list__pagination-button:hover:not(:disabled){background-color:#0056b3;transform:translateY(-1px)}.wanted-list__pagination-button:disabled{background-color:var(--color-border);cursor:not-allowed;opacity:.5}.wanted-list__pagination-info{color:var(--color-text-secondary);font-size:.9rem;margin:0 10px}.wanted-list__footer{border-top:1px solid var(--color-border);margin-top:1rem;text-align:center}.wanted-list__footer-text{color:var(--color-text-secondary);margin:.5rem 0}.wanted-list__footer a{color:var(--color-info);text-decoration:none}.wanted-list__footer a:hover{color:#0056b3;text-decoration:underline}@media (max-width:768px){.wanted-list__gallery-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));justify-content:center}.wanted-list__filter-container{flex-direction:column}.wanted-list__filter-wrapper,.wanted-list__search-wrapper,.wanted-list__sort-wrapper{margin-right:0;width:100%}.wanted-list__error-actions{flex-direction:column}}@media (max-width:480px){.wanted-list__gallery-grid{grid-template-columns:1fr}}.fa-spin{animation:fa-spin 2s linear infinite}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.WantedPersonCard_card__gj0ju{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 3px 8px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:10px;transition:transform .2s,box-shadow .2s}.WantedPersonCard_card__gj0ju:hover{box-shadow:0 6px 16px #00000026;transform:translateY(-3px)}.WantedPersonCard_cardHeader__xKS2o{align-items:center;background-color:var(--color-danger);border-top-left-radius:11px;border-top-right-radius:11px;color:var(--color-text-inverse);display:flex;justify-content:space-between;margin-bottom:10px;padding:8px 10px}.WantedPersonCard_wantedLabel__8lc-s{font-size:14px;font-weight:700;text-transform:uppercase}.WantedPersonCard_warrantAmount__8kAAy{font-size:12px;font-weight:500;text-align:right}.WantedPersonCard_cardImage__J2Dmm{border-radius:8px;display:block;height:220px;margin:0 auto 10px;object-fit:cover;width:calc(100% - 20px)}.WantedPersonCard_imagePlaceholder__IZtr2{align-items:center;background-color:var(--color-bg-tertiary);border-radius:8px;color:var(--color-text-muted);display:flex;font-size:14px;height:220px;justify-content:center;margin:0 auto 10px;text-align:center;width:calc(100% - 20px)}.WantedPersonCard_cardContent__866y\+{display:flex;flex-direction:column;flex-grow:1;padding:0 10px}.WantedPersonCard_name__iPLRW{color:var(--color-text);font-size:18px;font-weight:600;margin:0 0 5px;text-align:center}.WantedPersonCard_wantedDate__3UJ7K{color:var(--color-text-secondary);font-size:12px;margin-bottom:10px;text-align:center}.WantedPersonCard_descriptionContainer__3D2SA{margin-bottom:15px}.WantedPersonCard_description__-hmIp{color:var(--color-text-secondary);font-size:13px;line-height:1.5;margin:0;transition:max-height .3s ease-out}.WantedPersonCard_description__-hmIp.WantedPersonCard_collapsed__cL2aH{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.WantedPersonCard_readMoreButton__0AgaO{align-items:center;background:none;border:none;color:var(--color-info);cursor:pointer;display:inline-flex;font-size:12px;font-weight:700;margin-top:5px;padding:5px 0 0}.WantedPersonCard_readMoreButton__0AgaO:hover{text-decoration:underline}.WantedPersonCard_readMoreIcon__SfEd\+{margin-left:4px}.WantedPersonCard_detailsGrid__h-mhy{grid-gap:0;border:1px solid var(--color-border);border-radius:4px;color:var(--color-text);display:grid;font-size:13px;gap:0;grid-template-columns:auto 1fr;margin-top:auto}.WantedPersonCard_detailsGrid__h-mhy span{border-bottom:1px solid var(--color-border);padding:6px 8px}.WantedPersonCard_detailsGrid__h-mhy span:nth-last-child(-n+2){border-bottom:none}.WantedPersonCard_detailsGrid__h-mhy span:nth-child(odd){background-color:var(--color-bg-tertiary);border-right:1px solid var(--color-border);color:var(--color-text-secondary);font-weight:500;text-align:right}.WantedPersonCard_cardFooter__qGoM3{border-top:1px solid var(--color-border);margin-top:15px;padding:10px 10px 0}.WantedPersonCard_cardActions__nxR7f{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.WantedPersonCard_tipButton__Ghpm2{align-items:center;background-color:var(--color-info);border:none;border-radius:6px;color:var(--color-text-inverse);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:8px 15px;text-decoration:none;transition:background-color .2s}.WantedPersonCard_tipButton__Ghpm2.WantedPersonCard_primaryAction__yxMBc{background-color:var(--color-danger);font-weight:600}.WantedPersonCard_tipButton__Ghpm2:hover{background-color:#0069d9}.WantedPersonCard_tipButton__Ghpm2.WantedPersonCard_primaryAction__yxMBc:hover{background-color:#c82333}.WantedPersonCard_infoNotice__DYGkV{align-items:flex-start;background-color:#e9f4ff;border:1px solid #b8daff;border-radius:4px;color:#004085;display:flex;font-size:12px;gap:6px;line-height:1.3;padding:8px}.WantedPersonCard_infoIcon__33ovY{color:var(--color-info);flex-shrink:0;margin-top:2px}.WantedPersonCard_infoContent__IOwAQ{flex-grow:1}.WantedPersonCard_phoneNumber__GgkLW{color:#0056b3;font-weight:600}.WantedPersonCard_mobileCallButtons__LtQuH{display:none;flex-direction:column;gap:6px;margin-top:8px}.WantedPersonCard_callButton__WgInc{align-items:center;background-color:var(--color-success);border:none;border-radius:4px;color:var(--color-text-inverse);cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:4px;justify-content:center;padding:6px 12px;text-decoration:none;transition:background-color .2s;width:100%}button.WantedPersonCard_callButton__WgInc:last-child{background-color:var(--color-danger);font-weight:600}.WantedPersonCard_callButton__WgInc:hover{background-color:#218838}button.WantedPersonCard_callButton__WgInc:last-child:hover{background-color:#c82333}@media (max-width:768px){.WantedPersonCard_mobileCallButtons__LtQuH{display:flex}}.dark-mode .WantedPersonCard_card__gj0ju{background-color:#2d3748;border-color:#4a5568;box-shadow:0 3px 8px #0000004d}.dark-mode .WantedPersonCard_cardHeader__xKS2o{background-color:#c53030;color:#e2e8f0}.dark-mode .WantedPersonCard_imagePlaceholder__IZtr2{background-color:#4a5568;color:#718096}.dark-mode .WantedPersonCard_name__iPLRW{color:#e2e8f0}.dark-mode .WantedPersonCard_wantedDate__3UJ7K{color:#a0aec0}.dark-mode .WantedPersonCard_description__-hmIp{color:#cbd5e0}.dark-mode .WantedPersonCard_readMoreButton__0AgaO{color:#63b3ed}.dark-mode .WantedPersonCard_detailsGrid__h-mhy{border-color:#4a5568;color:#cbd5e0}.dark-mode .WantedPersonCard_detailsGrid__h-mhy span{border-bottom-color:#4a5568}.dark-mode .WantedPersonCard_detailsGrid__h-mhy span:nth-child(odd){background-color:#3b475c;border-right-color:#4a5568;color:#a0aec0}.dark-mode .WantedPersonCard_cardFooter__qGoM3{border-top-color:#4a5568}.dark-mode .WantedPersonCard_tipButton__Ghpm2{background-color:#3182ce;color:#fff!important}.dark-mode .WantedPersonCard_tipButton__Ghpm2.WantedPersonCard_primaryAction__yxMBc{background-color:#c53030}.dark-mode .WantedPersonCard_tipButton__Ghpm2:hover{background-color:#2b6cb0}.dark-mode .WantedPersonCard_tipButton__Ghpm2.WantedPersonCard_primaryAction__yxMBc:hover{background-color:#9c2626}.dark-mode .WantedPersonCard_infoNotice__DYGkV{background-color:#2a4a6b;border-color:#4a5568;color:#e2e8f0}.dark-mode .WantedPersonCard_infoIcon__33ovY{color:#63b3ed}.dark-mode .WantedPersonCard_phoneNumber__GgkLW{color:#90cdf4}.dark-mode .WantedPersonCard_callButton__WgInc{background-color:#38a169}.dark-mode button.WantedPersonCard_callButton__WgInc:last-child{background-color:#c53030}.dark-mode .WantedPersonCard_callButton__WgInc:hover{background-color:#2f855a}.dark-mode button.WantedPersonCard_callButton__WgInc:last-child:hover{background-color:#9c2626}.na-maka{margin:0 auto;max-width:1200px;padding:0;width:100%}.na-maka--full-width{margin:0;max-width:none}body.has-profile-background .na-maka{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1rem}body.dark-mode .na-maka{background-color:#2a2a2a;color:var(--color-text)}body.dark-mode.has-profile-background .na-maka{background-color:#2a2a2af2}.na-maka__header{border-bottom:2px solid var(--color-primary);margin-bottom:2rem;padding:.5rem 1rem 1rem;position:relative;text-align:center}.na-maka__header-content{width:100%}.na-maka__header h1{color:var(--color-primary);font-size:2.5rem;margin:0 0 .5rem}.na-maka__header p{color:var(--color-text-secondary);font-size:1.1rem;margin:0}.na-maka__share-button{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;font-size:.875rem;height:auto;justify-content:center;margin-left:1rem;min-height:0;min-height:auto;padding:.25rem .5rem;position:static;transition:all .2s ease}.na-maka__share-button:hover{background-color:var(--color-bg-tertiary);box-shadow:var(--shadow-md);color:var(--color-primary);transform:translateY(-1px)}.na-maka__share-button:active{transform:translateY(0)}.na-maka__share-button svg{fill:currentColor;height:1em;width:1em}.na-maka__status{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem;padding:0 1rem}.na-maka__status-item{align-items:center;border-radius:var(--radius-lg);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.na-maka__status-item--success{background-color:#28a7451a;border:1px solid #28a7454d;color:#28a745}.na-maka__status-item--info{background-color:#17a2b81a;border:1px solid #17a2b84d;color:#17a2b8}.na-maka__status-item--warning{background-color:#ffc1071a;border:1px solid #ffc1074d;color:#ffc107}body.dark-mode .na-maka__status-item--success{background-color:#28a74533}body.dark-mode .na-maka__status-item--info{background-color:#17a2b833}body.dark-mode .na-maka__status-item--warning{background-color:#ffc10733}.na-maka__content{box-sizing:border-box;padding:0 1rem;width:100%}.na-maka__section{margin-bottom:3rem}.na-maka__section h2{border-bottom:1px solid var(--color-border);color:var(--color-text);margin-bottom:1rem;padding-bottom:.5rem}.na-maka__cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.na-maka__card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:1.5rem;transition:all .3s ease}.na-maka__card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.na-maka__card h3{color:var(--color-primary);margin:0 0 .5rem}.na-maka__card p{color:var(--color-text-secondary);margin:0}.na-maka__features{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));list-style:none;margin:0;padding:0}.na-maka__features li{background-color:var(--color-bg-tertiary);border-left:3px solid var(--color-primary);border-radius:var(--radius-base);padding:.5rem}.na-maka__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.na-maka__button{border:none;border-radius:var(--radius-base);cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.na-maka__button--primary{background-color:var(--color-primary);color:#fff}.na-maka__button--primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.na-maka__button--secondary{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.na-maka__button--secondary:hover{background-color:var(--color-bg-tertiary);transform:translateY(-1px)}.na-maka__notice{background-color:#ffc1071a;border:1px solid #ffc1074d;border-radius:var(--radius-lg);margin-top:3rem;padding:1.5rem;text-align:center}.na-maka__notice p{font-weight:500;margin:0}@media (max-width:768px){.na-maka{border-radius:0;padding:.5rem}.na-maka__header h1{font-size:2rem}.na-maka__breadcrumb-row{padding:.5rem}.na-maka__share-button{font-size:.75rem;margin-left:.5rem;padding:.25rem}.na-maka__status{align-items:stretch;flex-direction:column}.na-maka__content{padding:0 .5rem}.na-maka__cards,.na-maka__features{grid-template-columns:1fr}.na-maka__actions{flex-direction:column}.na-maka__button{width:100%}}.na-maka__skip-link{background:var(--color-primary);border-radius:var(--radius-base);color:#fff;font-weight:500;left:-9999px;padding:8px 16px;position:absolute;text-decoration:none;top:0;z-index:100}.na-maka__skip-link:focus{box-shadow:var(--shadow-lg);left:50%;top:10px;transform:translateX(-50%)}.na-maka__breadcrumb-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;padding:1rem 1rem 0}.na-maka__breadcrumbs{flex:1 1;margin:0;padding:0}.na-maka__breadcrumbs ol{flex-wrap:wrap;list-style:none;margin:0;padding:0}.na-maka__breadcrumbs li,.na-maka__breadcrumbs ol{align-items:center;display:flex;gap:.5rem}.na-maka__breadcrumbs a{align-items:center;color:var(--color-primary);display:flex;gap:.25rem;text-decoration:none;transition:color .2s ease}.na-maka__breadcrumbs a:hover{color:var(--color-primary-hover);text-decoration:underline}.na-maka__breadcrumb-separator{color:var(--color-text-secondary);font-size:.75rem}.na-maka__error{margin:0 auto;max-width:600px;padding:3rem 1rem;text-align:center}.na-maka__error h2{color:var(--color-danger);margin-bottom:1rem}.na-maka__error p{color:var(--color-text-secondary);margin-bottom:2rem}.na-maka__loading{padding:2rem 1rem}.na-maka__skeleton{animation:skeleton-loading 1.5s ease-in-out infinite}.na-maka__skeleton-card,.na-maka__skeleton-header,.na-maka__skeleton-text{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--radius-base)}.na-maka__skeleton-header{height:3rem;margin:0 auto 2rem;width:60%}.na-maka__skeleton-text{height:1rem;margin-bottom:1rem}.na-maka__skeleton-text--short{width:70%}.na-maka__skeleton-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.na-maka__skeleton-card{height:150px}.na-maka__form{max-width:600px}.na-maka__form-group{margin-bottom:1.5rem}.na-maka__form-group label{color:var(--color-text);display:block;font-weight:500;margin-bottom:.5rem}.na-maka__required{color:var(--color-danger);margin-left:.25rem}.na-maka__input,.na-maka__select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:1rem;min-height:44px;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.na-maka__input:focus,.na-maka__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.na-maka__help-text{color:var(--color-text-secondary);display:block;font-size:.875rem;margin-top:.5rem}body.dark-mode .na-maka__skeleton-card,body.dark-mode .na-maka__skeleton-header,body.dark-mode .na-maka__skeleton-text{background:linear-gradient(90deg,#3a3a3a 25%,#4a4a4a 50%,#3a3a3a 75%)}body.dark-mode .na-maka__input,body.dark-mode .na-maka__select{background-color:var(--color-bg-secondary)}.na-maka__button:focus-visible,.na-maka__card:focus-visible,.na-maka__input:focus-visible,.na-maka__select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media print{.na-maka__actions,.na-maka__notice,.na-maka__offline-banner,.na-maka__skip-link,.na-maka__toast{display:none}.na-maka{background:#fff;color:#000;max-width:none;padding:0}}.na-maka__offline-banner{background-color:var(--color-warning);box-shadow:var(--shadow-md);color:#fff;font-weight:500;gap:.5rem;justify-content:center;left:0;padding:.75rem;right:0;text-align:center;top:0;z-index:1100}.na-maka__offline-banner,.na-maka__toast{align-items:center;display:flex;position:fixed}.na-maka__toast{animation:slideIn .3s ease-out;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);bottom:2rem;box-shadow:var(--shadow-lg);gap:1rem;max-width:400px;padding:1rem 1.5rem;right:2rem;z-index:1200}.na-maka__toast-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.na-maka__toast-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s ease}.na-maka__toast-close:hover{color:var(--color-text)}.na-maka__toast--success{border-color:var(--color-success)}.na-maka__toast--success svg{color:var(--color-success)}.na-maka__toast--warning{border-color:var(--color-warning)}.na-maka__toast--warning svg{color:var(--color-warning)}.na-maka__toast--error{border-color:var(--color-danger)}.na-maka__toast--error svg{color:var(--color-danger)}.na-maka__toast--info{border-color:var(--color-info)}.na-maka__toast--info svg{color:var(--color-info)}.na-maka__unsaved-indicator{color:var(--color-warning);font-size:.875rem;font-weight:400;margin-left:.5rem}.na-maka__form-actions{display:flex;gap:1rem;margin-top:1.5rem}.na-maka__image-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1rem}.na-maka__image-container{aspect-ratio:16/9;background-color:var(--color-bg-secondary);border-radius:var(--radius-base);overflow:hidden;position:relative}.na-maka__image{height:100%;object-fit:cover;transition:opacity .3s ease;width:100%}.na-maka__image[data-src]{background-color:var(--color-bg-tertiary);opacity:0}.na-maka__image:not([data-src]){opacity:1}@media (prefers-contrast:high){.na-maka__button,.na-maka__input,.na-maka__select,.na-maka__toast{border-width:2px}}@media (max-width:768px){.na-maka__toast{bottom:1rem;left:1rem;max-width:none;right:1rem}.na-maka__form-actions{flex-direction:column}.na-maka__form-actions button{width:100%}.na-maka__image-grid{grid-template-columns:1fr}}.na-maka-report-card{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease}.na-maka-report-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.na-maka-card-header{background-color:#dc3545;color:#fff;font-weight:700;padding:.5rem 1rem;text-align:center;text-transform:uppercase}.na-maka-crime-label{font-size:.875rem;letter-spacing:.5px}.na-maka-image-button{background:none;border:none;cursor:pointer;overflow:hidden;padding:0;position:relative;width:100%}.na-maka-image-button:disabled{cursor:default}.na-maka-card-image{background-color:var(--color-bg-secondary);height:200px;overflow:hidden;position:relative;width:100%}.na-maka-card-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.na-maka-image-button:hover:not(:disabled) .na-maka-card-image img{transform:scale(1.05)}.na-maka-card-content{display:flex;flex:1 1;flex-direction:column;padding:1.5rem}.na-maka-cid{color:var(--color-text);font-size:1.25rem;font-weight:600;margin:0 0 .75rem}.na-maka-date{color:var(--color-text-secondary);font-size:.875rem;margin:0 0 1rem}.na-maka-description-container{margin-bottom:1rem;position:relative}.na-maka-description{color:var(--color-text);font-size:.875rem;line-height:1.6;margin:0;overflow:hidden;transition:max-height .3s ease}.na-maka-description.collapsed{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;max-height:4.8em}.na-maka-read-more-button{align-items:center;background:none;border:none;color:var(--color-primary);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.25rem;margin-top:.5rem;padding:.25rem 0;transition:color .2s ease}.na-maka-read-more-button:hover{color:var(--color-primary-hover);text-decoration:underline}.na-maka-read-more-icon{font-size:.75rem}.na-maka-card-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;margin-top:auto}.na-maka-button{align-items:center;border:none;border-radius:var(--radius-base);cursor:pointer;display:inline-flex;flex:1 1;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;min-width:120px;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.na-maka-button.tip-button{background-color:var(--color-primary);color:#fff}.na-maka-button.tip-button:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.na-maka-button.secondary{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.na-maka-button.secondary:hover{background-color:var(--color-bg-tertiary);transform:translateY(-1px)}.na-maka-info-notice{align-items:flex-start;background-color:#17a2b81a;border:1px solid #17a2b84d;border-radius:var(--radius-base);display:flex;font-size:.813rem;gap:.75rem;line-height:1.5;padding:.75rem}.na-maka-info-notice .info-icon{color:#17a2b8;flex-shrink:0;margin-top:.125rem}.na-maka-info-content{flex:1 1}.na-maka-phone-number{color:var(--color-primary);font-weight:600}.na-maka-mobile-call-buttons{display:none;gap:.5rem;margin-top:.75rem}.na-maka-call-button{align-items:center;background-color:var(--color-primary);border:none;border-radius:var(--radius-base);color:#fff;cursor:pointer;display:inline-flex;flex:1 1;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.5rem 1rem;transition:all .2s ease}.na-maka-call-button:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}body.dark-mode .na-maka-report-card{background-color:var(--color-bg-secondary)}body.dark-mode .na-maka-info-notice{background-color:#17a2b833}@media (max-width:768px){.na-maka-mobile-call-buttons{display:flex}.na-maka-card-actions{flex-direction:column}.na-maka-button{width:100%}}.pet-gallery-controls{background-color:var(--color-bg-tertiary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);box-sizing:border-box;display:flex;flex-direction:column;gap:6px;margin:0 auto;max-width:1200px;padding:var(--space-xs);width:100%}.pet-page--full-width .pet-gallery-controls{max-width:1200px}.pet-controls__toggle{align-items:center;background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--space-xs);justify-content:center;margin-bottom:var(--space-xs);padding:var(--space-sm) var(--space-md);transition:all var(--transition-base);width:100%}.pet-controls__toggle:hover{background-color:var(--color-bg-secondary);border-color:var(--color-border-dark)}.pet-controls__toggle--hide{color:var(--color-text-secondary)}.pet-controls__toggle--show{border-color:var(--color-border);color:var(--color-text)}.pet-controls__toggle--advanced{margin-top:var(--space-xs)}.pet-search{margin-bottom:var(--space-xs);margin-left:auto;margin-right:auto;max-width:1200px}.pet-search,.pet-search__input-group{align-items:center;display:flex;width:100%}.pet-search__input-group{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:0;position:relative}.pet-search__icon-inline{color:var(--color-text-muted);flex-shrink:0;font-size:14px;height:14px;margin-left:12px;margin-right:8px;width:14px}.pet-search__input{background-color:initial;border:none;color:var(--color-text);flex:1 1;font-size:var(--font-size-sm);min-width:0;padding:var(--space-sm) var(--space-sm)}.pet-search__input:focus{outline:none}.pet-search__clear,.pet-search__input::placeholder{color:var(--color-text-muted)}.pet-search__clear{cursor:pointer;flex-shrink:0;font-size:14px;height:14px;margin-left:8px;margin-right:12px;transition:color var(--transition-fast);width:14px}.pet-search__clear:hover{color:var(--color-text)}.pet-controls__row{align-items:center;flex-direction:row;justify-content:center;margin:0 auto;max-width:1200px;width:100%}.pet-controls__row,.pet-controls__status-filters{display:flex;flex-wrap:nowrap;gap:var(--space-xs)}.pet-controls__status-filters{-ms-overflow-style:none;flex:0 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none}.pet-controls__status-filters::-webkit-scrollbar{display:none}.pet-controls__status-filters--mobile{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto;padding-bottom:var(--space-sm)}.pet-filter-btn{align-items:center;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);box-sizing:border-box;color:var(--color-text);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);height:36px;line-height:20px;padding:8px 16px;transition:all var(--transition-base);white-space:nowrap}.pet-filter-btn:hover{background-color:var(--color-bg-hover);border-color:var(--color-border-dark)}.pet-filter-btn--active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.pet-filter-btn--lost.pet-filter-btn--active{background-color:var(--color-type-lost);border-color:var(--color-type-lost)}.pet-filter-btn--found.pet-filter-btn--active{background-color:var(--color-type-found);border-color:var(--color-type-found)}.pet-filter-btn--injured.pet-filter-btn--active{background-color:var(--color-type-injured);border-color:var(--color-type-injured)}.pet-filter-btn--stolen.pet-filter-btn--active{background-color:var(--color-type-stolen);border-color:var(--color-type-stolen)}.pet-controls__filter-group{align-items:center;display:flex;flex:0 0 auto;gap:var(--space-xs);white-space:nowrap}.pet-controls__buttons,.pet-controls__display-group,.pet-controls__sort-group{display:flex;flex:0 0 auto;margin-left:var(--space-xs)}.pet-controls__buttons{gap:6px}.pet-select{-webkit-appearance:none;appearance:none;background-color:var(--color-bg);background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23666666%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:12px;border:1px solid var(--color-border);border-radius:var(--radius-base);box-sizing:border-box;color:var(--color-text);cursor:pointer;font-size:var(--font-size-sm);height:36px;line-height:20px;padding:8px 32px 8px 12px;transition:border-color var(--transition-base);white-space:nowrap}.pet-select:focus{border-color:var(--color-border-dark);outline:none}.pet-select--species{max-width:180px;min-width:140px}.pet-select--island{max-width:160px;min-width:130px}.pet-select--sort{max-width:220px;min-width:180px}.pet-select--display{max-width:200px;min-width:150px}.pet-select--mobile{font-size:var(--font-size-xs);padding:var(--space-xs) 2rem var(--space-xs) var(--space-sm)}.pet-btn{align-items:center;border:none;border-radius:var(--radius-base);box-sizing:border-box;cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);height:36px;line-height:20px;padding:8px 16px;text-decoration:none;transition:all var(--transition-base);white-space:nowrap}.pet-btn--customize{background-color:var(--color-primary)!important;color:#fff!important}.pet-btn--customize:hover{background-color:var(--color-primary-hover)!important;box-shadow:var(--shadow-sm);color:#fff!important;transform:translateY(-1px)}.pet-btn--mobile{justify-content:center;width:100%}.pet-controls__login-message{color:var(--color-text-secondary);font-size:var(--font-size-sm);padding:var(--space-sm);text-align:center}.pet-controls__mobile-container{flex-direction:column}.pet-controls__mobile-container,.pet-controls__mobile-row{display:flex;gap:var(--space-xs)}.pet-controls__mobile-row--status{margin-bottom:var(--space-xs)}.pet-controls__mobile-col{flex:1 1}.dark-mode .pet-gallery-controls{background-color:var(--color-bg-secondary);box-shadow:var(--shadow-base)}.dark-mode .pet-controls__toggle{background-color:var(--color-bg-tertiary);border-color:var(--color-border)}.dark-mode .pet-controls__toggle:hover{background-color:var(--color-bg-hover)}.dark-mode .pet-filter-btn,.dark-mode .pet-search__input-group{background-color:var(--color-bg-tertiary);border-color:var(--color-border)}.dark-mode .pet-filter-btn:hover{background-color:var(--color-bg-hover);border-color:var(--color-border-light)}.dark-mode .pet-filter-btn--active{border-color:#0000}.dark-mode .pet-select{background-color:var(--color-bg-tertiary);border-color:var(--color-border)}.dark-mode .pet-select:focus{border-color:var(--color-border-light)}.dark-mode .pet-quick-filter{background-color:var(--color-bg-tertiary);border-color:var(--color-border);color:var(--color-text)}.dark-mode .pet-quick-filter:hover{background-color:var(--color-bg-hover);border-color:var(--color-border-light)}.dark-mode .pet-quick-filter--active{background-color:var(--color-secondary);border-color:var(--color-secondary);color:var(--color-text-inverse)}.dark-mode .pet-sub-filter{background-color:var(--color-bg-tertiary);border-color:var(--color-border)}.dark-mode .pet-sub-filter:hover{background-color:var(--color-bg-hover);border-color:var(--color-border-light)}.dark-mode .pet-sub-filter--active{background-color:var(--color-type-found);border-color:var(--color-type-found)}.dark-mode .pet-controls__advanced,.dark-mode .pet-controls__sub-filters{background-color:var(--color-bg-tertiary)}.pet-controls__purpose-filters{display:flex;flex-wrap:wrap;gap:var(--space-xs);justify-content:center;width:100%}.pet-controls__purpose-filters--mobile{gap:4px;justify-content:space-between}.pet-controls__quick-filters{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-left:auto}.pet-controls__quick-filters--full{justify-content:center;margin-bottom:var(--space-xs);margin-left:0;width:100%}.pet-quick-filter{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);box-sizing:border-box;color:var(--color-text);cursor:pointer;font-size:var(--font-size-xs);height:32px;line-height:18px;padding:6px 12px;transition:all var(--transition-base);white-space:nowrap}.pet-quick-filter:hover{background-color:var(--color-bg-hover);border-color:var(--color-border-dark)}.pet-quick-filter--active{background-color:var(--color-secondary);border-color:var(--color-secondary);color:var(--color-text-inverse)}.pet-controls__sub-filters{align-items:center;background-color:var(--color-bg-secondary);border-radius:var(--radius-base);display:flex;gap:var(--space-xs);justify-content:center;margin:0 auto;max-width:1200px;padding:var(--space-sm);width:100%}.pet-controls__sub-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.pet-sub-filter{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);box-sizing:border-box;color:var(--color-text);cursor:pointer;font-size:var(--font-size-sm);height:32px;line-height:18px;padding:6px 14px;transition:all var(--transition-base);white-space:nowrap}.pet-sub-filter:hover{background-color:var(--color-bg-hover);border-color:var(--color-border-dark)}.pet-sub-filter--active{background-color:var(--color-type-found);border-color:var(--color-type-found);color:var(--color-text-inverse)}.pet-controls__advanced{background-color:var(--color-bg-secondary);border-radius:var(--radius-base);margin-left:auto;margin-right:auto;margin-top:var(--space-xs);max-width:1200px;padding:var(--space-md);width:100%}.pet-controls__advanced-group{display:flex;flex:1 1;flex-direction:column;gap:var(--space-xs);min-width:0}.pet-select--breed{max-width:220px;min-width:160px}.pet-select--size{max-width:180px;min-width:140px}.pet-select--age,.pet-select--date{max-width:200px;min-width:150px}.pet-controls__advanced-group label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.pet-controls__row--advanced{flex-wrap:wrap;gap:var(--space-md)}.pet-controls__row--advanced .pet-controls__advanced-group{flex:0 1 auto;min-width:200px}.pet-controls__sub-filters--mobile{padding:var(--space-xs) 0;width:100%}@media (min-width:769px){.pet-gallery-controls{padding:var(--space-lg)}.pet-controls__row{align-items:center;flex-direction:row;flex-wrap:nowrap;gap:var(--space-xs);justify-content:center}@media (max-width:1199px){.pet-controls__row{flex-wrap:wrap;row-gap:var(--space-md)}.pet-controls__quick-filters--full{gap:var(--space-xs)}.pet-controls__row--advanced{justify-content:center}.pet-controls__row--advanced .pet-controls__advanced-group{flex:0 1 calc(50% - var(--space-sm));min-width:180px}.pet-controls__purpose-filters{flex:1 1 100%;order:-2}.pet-controls__display-group,.pet-controls__filter-group,.pet-controls__sort-group{order:0}.pet-controls__buttons{margin-left:var(--space-xs);order:0}}@media (min-width:1200px) and (max-width:1399px){.pet-controls__purpose-filters{flex:1 1 100%}}@media (min-width:1400px){.pet-controls__row{flex-wrap:nowrap}.pet-controls__purpose-filters{flex:1 1 100%;flex-wrap:nowrap;order:0}.pet-controls__buttons,.pet-controls__display-group,.pet-controls__filter-group,.pet-controls__sort-group{order:0}}}@media (max-width:768px){.pet-gallery-controls{margin-bottom:0;max-width:100%;padding:var(--space-sm)}.pet-filter-btn--mobile{font-size:11px}.pet-filter-btn--mobile,.pet-quick-filter{height:32px;min-width:44px;padding:6px 10px}.pet-quick-filter{font-size:var(--font-size-xs)}.pet-controls__advanced{padding:var(--space-sm)}.pet-controls__row--advanced{flex-direction:column;gap:var(--space-xs)}.pet-controls__row--advanced .pet-controls__advanced-group{min-width:0;min-width:auto;width:100%}.pet-controls__row--advanced .pet-select{width:100%}.pet-filter-btn__name{display:inline-block}.pet-filter-btn__count{display:inline-block;margin-left:2px}.pet-search__icon-inline{font-size:14px;height:14px;margin-left:10px;margin-right:6px;width:14px}.pet-search__clear{font-size:14px;height:14px;margin-left:6px;margin-right:10px;padding:8px;width:14px}.pet-search__input{font-size:16px;padding:10px 8px}.pet-gallery-controls--mobile .pet-filter-btn{flex-shrink:0;font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-sm)}.pet-select--mobile{font-size:.8rem;padding:var(--space-sm) 20px var(--space-sm) var(--space-xs);width:100%}.pet-controls__mobile-col{position:relative;width:calc(50% - 4px)}.pet-controls__mobile-row{display:flex;gap:var(--space-xs);justify-content:center;width:100%}.pet-controls__mobile-row--purpose{flex-wrap:wrap;gap:4px;margin-bottom:var(--space-xs)}.pet-controls__purpose-filters--mobile{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;overflow-x:auto;scrollbar-width:none}.pet-controls__purpose-filters--mobile::-webkit-scrollbar{display:none}.pet-controls__toggle{font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-md)}.pet-controls__toggle--advanced{font-size:var(--font-size-xs);margin-top:var(--space-xs)}.pet-controls__toggle--mobile{border:1px solid var(--color-border);padding:var(--space-sm) var(--space-md);width:100%}.pet-controls__advanced--mobile,.pet-controls__toggle--mobile{background-color:var(--color-bg-secondary);margin-top:var(--space-xs)}.pet-controls__advanced--mobile{border-radius:var(--radius-base);padding:var(--space-sm)}.pet-controls__quick-filters--mobile{display:flex;flex-wrap:wrap;gap:var(--space-xs);justify-content:center;margin-bottom:var(--space-xs);width:100%}.pet-controls__quick-filters--mobile .pet-quick-filter--mobile:nth-child(-n+3){flex:0 1 calc(33.333% - var(--space-xs));min-width:90px}.pet-controls__quick-filters--mobile .pet-quick-filter--mobile:nth-child(n+4){flex:0 1 calc(50% - var(--space-xs));max-width:150px}.pet-quick-filter--mobile{align-items:center;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);display:flex;font-size:.875rem;gap:4px;justify-content:center;padding:var(--space-sm) var(--space-xs);text-align:center;transition:all var(--transition-base);white-space:nowrap}.pet-quick-filter--mobile.pet-quick-filter--active,.pet-quick-filter--mobile:active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.pet-select--full-width{width:100%}@media (max-width:400px){.pet-controls__mobile-row{gap:var(--space-xs)}.pet-controls__mobile-col{width:calc(50% - 2px)}.pet-select--mobile{font-size:.7rem;padding:6px 18px 6px 3px}.pet-controls__quick-filters--mobile .pet-quick-filter--mobile{font-size:.75rem;min-width:80px;padding:var(--space-xs)}.pet-controls__quick-filters--mobile .pet-quick-filter--mobile:nth-child(-n+3),.pet-controls__quick-filters--mobile .pet-quick-filter--mobile:nth-child(n+4){flex:0 1 calc(50% - var(--space-xs));max-width:none}}}.pets-page{margin:0 auto;max-width:1200px;padding:0;width:100%}.pets-page--full-width{margin:0;max-width:none}body.has-profile-background .pets-page{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1rem}body.dark-mode .pets-page{background-color:#2a2a2a;color:var(--color-text)}body.dark-mode.has-profile-background .pets-page{background-color:#2a2a2af2}.pets-page__header{border-bottom:2px solid var(--color-primary);margin-bottom:.5rem;padding:.5rem 1rem;position:relative;text-align:center}.pets-page__header-content{width:100%}.pets-page__header h1{color:var(--color-primary);font-size:2.5rem;margin:0 0 .5rem}.pets-page__header p{color:var(--color-text-secondary);font-size:1.1rem;margin:0}.pets-page__share-button{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;font-size:.875rem;height:auto;justify-content:center;margin-left:1rem;min-height:0;min-height:auto;padding:.25rem .5rem;position:static;transition:all .2s ease}.pets-page__share-button:hover{background-color:var(--color-bg-tertiary);box-shadow:var(--shadow-md);color:var(--color-primary);transform:translateY(-1px)}.pets-page__share-button:active{transform:translateY(0)}.pets-page__share-button svg{fill:currentColor;height:1em;width:1em}.pets-page__status{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:.5rem;padding:0 1rem}.pets-page__status-item{align-items:center;border-radius:var(--radius-lg);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.pets-page__status-item--success{background-color:#28a7451a;border:1px solid #28a7454d;color:#28a745}.pets-page__status-item--info{background-color:#17a2b81a;border:1px solid #17a2b84d;color:#17a2b8}.pets-page__status-item--warning{background-color:#ffc1071a;border:1px solid #ffc1074d;color:#ffc107}body.dark-mode .pets-page__status-item--success{background-color:#28a74533}body.dark-mode .pets-page__status-item--info{background-color:#17a2b833}body.dark-mode .pets-page__status-item--warning{background-color:#ffc10733}.pets-page__content{box-sizing:border-box;padding:0;width:100%}.pets-page__section{margin-bottom:3rem}.pets-page__section h2{border-bottom:1px solid var(--color-border);color:var(--color-text);margin-bottom:1rem;padding-bottom:.5rem}.pets-page__cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.pets-page__card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:1.5rem;transition:all .3s ease}.pets-page__card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.pets-page__card h3{color:var(--color-primary);margin:0 0 .5rem}.pets-page__card p{color:var(--color-text-secondary);margin:0}.pets-page__features{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));list-style:none;margin:0;padding:0}.pets-page__features li{background-color:var(--color-bg-tertiary);border-left:3px solid var(--color-primary);border-radius:var(--radius-base);padding:.5rem}.pets-page__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.pets-page__button{border:none;border-radius:var(--radius-base);cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.pets-page__button--primary{background-color:var(--color-primary);color:#fff}.pets-page__button--primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.pets-page__button--secondary{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.pets-page__button--secondary:hover{background-color:var(--color-bg-tertiary);transform:translateY(-1px)}.pets-page__notice{background-color:#ffc1071a;border:1px solid #ffc1074d;border-radius:var(--radius-lg);margin-top:3rem;padding:1.5rem;text-align:center}.pets-page__notice p{font-weight:500;margin:0}@media (max-width:768px){.pets-page{border-radius:0;padding:.5rem}.pets-page__header h1{font-size:2rem}.pets-page__breadcrumb-row{padding:.5rem}.pets-page__share-button{font-size:.75rem;margin-left:.5rem;padding:.25rem}.pets-page__status{align-items:stretch;flex-direction:column}.pets-page__content{padding:0}.pets-page__cards,.pets-page__features{grid-template-columns:1fr}.pets-page__actions{flex-direction:column}.pets-page__button{width:100%}}.pets-page__skip-link{background:var(--color-primary);border-radius:var(--radius-base);color:#fff;font-weight:500;left:-9999px;padding:8px 16px;position:absolute;text-decoration:none;top:0;z-index:100}.pets-page__skip-link:focus{box-shadow:var(--shadow-lg);left:50%;top:10px;transform:translateX(-50%)}.pets-page__breadcrumb-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;padding:1rem 1rem 0}.pets-page__breadcrumbs{flex:1 1;margin:0;padding:0}.pets-page__breadcrumbs ol{flex-wrap:wrap;list-style:none;margin:0;padding:0}.pets-page__breadcrumbs li,.pets-page__breadcrumbs ol{align-items:center;display:flex;gap:.5rem}.pets-page__breadcrumbs a{align-items:center;color:var(--color-primary);display:flex;gap:.25rem;text-decoration:none;transition:color .2s ease}.pets-page__breadcrumbs a:hover{color:var(--color-primary-hover);text-decoration:underline}.pets-page__breadcrumb-separator{color:var(--color-text-secondary);font-size:.75rem}.pets-page__error{margin:0 auto;max-width:600px;padding:3rem 1rem;text-align:center}.pets-page__error h2{color:var(--color-danger);margin-bottom:1rem}.pets-page__error p{color:var(--color-text-secondary);margin-bottom:.5rem}.pets-page__loading{padding:2rem 1rem}.pets-page__skeleton{animation:skeleton-loading 1.5s ease-in-out infinite}.pets-page__skeleton-card,.pets-page__skeleton-header,.pets-page__skeleton-text{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--radius-base)}.pets-page__skeleton-header{height:3rem;margin:0 auto 2rem;width:60%}.pets-page__skeleton-text{height:1rem;margin-bottom:1rem}.pets-page__skeleton-text--short{width:70%}.pets-page__skeleton-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.pets-page__skeleton-card{height:150px}.pets-page__form{max-width:600px}.pets-page__form-group{margin-bottom:1.5rem}.pets-page__form-group label{color:var(--color-text);display:block;font-weight:500;margin-bottom:.5rem}.pets-page__required{color:var(--color-danger);margin-left:.25rem}.pets-page__input,.pets-page__select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:1rem;min-height:44px;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.pets-page__input:focus,.pets-page__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.pets-page__help-text{color:var(--color-text-secondary);display:block;font-size:.875rem;margin-top:.5rem}body.dark-mode .pets-page__skeleton-card,body.dark-mode .pets-page__skeleton-header,body.dark-mode .pets-page__skeleton-text{background:linear-gradient(90deg,#3a3a3a 25%,#4a4a4a 50%,#3a3a3a 75%)}body.dark-mode .pets-page__input,body.dark-mode .pets-page__select{background-color:var(--color-bg-secondary)}.pets-page__button:focus-visible,.pets-page__card:focus-visible,.pets-page__input:focus-visible,.pets-page__select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media print{.pets-page__actions,.pets-page__notice,.pets-page__offline-banner,.pets-page__skip-link,.pets-page__toast{display:none}.pets-page{background:#fff;color:#000;max-width:none;padding:0}}.pets-page__offline-banner{background-color:var(--color-warning);box-shadow:var(--shadow-md);color:#fff;font-weight:500;gap:.5rem;justify-content:center;left:0;padding:.75rem;right:0;text-align:center;top:0;z-index:1100}.pets-page__offline-banner,.pets-page__toast{align-items:center;display:flex;position:fixed}.pets-page__toast{animation:slideIn .3s ease-out;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);bottom:2rem;box-shadow:var(--shadow-lg);gap:1rem;max-width:400px;padding:1rem 1.5rem;right:2rem;z-index:1200}.pets-page__toast-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.pets-page__toast-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s ease}.pets-page__toast-close:hover{color:var(--color-text)}.pets-page__toast--success{border-color:var(--color-success)}.pets-page__toast--success svg{color:var(--color-success)}.pets-page__toast--warning{border-color:var(--color-warning)}.pets-page__toast--warning svg{color:var(--color-warning)}.pets-page__toast--error{border-color:var(--color-danger)}.pets-page__toast--error svg{color:var(--color-danger)}.pets-page__toast--info{border-color:var(--color-info)}.pets-page__toast--info svg{color:var(--color-info)}.pets-page__unsaved-indicator{color:var(--color-warning);font-size:.875rem;font-weight:400;margin-left:.5rem}.pets-page__form-actions{display:flex;gap:1rem;margin-top:1.5rem}.pets-page__image-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1rem}.pets-page__image-container{aspect-ratio:16/9;background-color:var(--color-bg-secondary);border-radius:var(--radius-base);overflow:hidden;position:relative}.pets-page__image{height:100%;object-fit:cover;transition:opacity .3s ease;width:100%}.pets-page__image[data-src]{background-color:var(--color-bg-tertiary);opacity:0}.pets-page__image:not([data-src]){opacity:1}@media (prefers-contrast:high){.pets-page__button,.pets-page__input,.pets-page__select,.pets-page__toast{border-width:2px}}@media (max-width:768px){.pets-page__toast{bottom:1rem;left:1rem;max-width:none;right:1rem}.pets-page__form-actions{flex-direction:column}.pets-page__form-actions button{width:100%}.pets-page__image-grid{grid-template-columns:1fr}}.pets-page__dashboard-section{display:flex;justify-content:center;margin-bottom:0;padding-bottom:0}.pets-page__dashboard-button{align-items:center;background-color:var(--color-primary);border:none;border-radius:var(--radius-base);color:var(--color-text-inverse)!important;cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base);white-space:nowrap}.pets-page__dashboard-button:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-md);text-decoration:none;transform:translateY(-2px)}.pets-page__content-wrapper{max-width:100%;padding:0;width:100%}.reports-gallery .pets-gallery-controls{margin-bottom:0;margin-top:0}.pets-page__results{width:100%}.pets-page__results--full-width{max-width:none}.pets-page__loading{padding:3rem 1rem;text-align:center}.pets-page__loading-spinner{animation:spin 1s linear infinite;border:4px solid #ff450033;border-radius:50%;border-top:4px solid var(--color-primary);height:50px;margin:0 auto 1rem;width:50px}.pets-page__loading-text{color:var(--color-text-secondary);font-size:1.1rem}.pets-page__no-results{margin:0 auto;max-width:600px;padding:3rem 1rem;text-align:center}.pets-page__no-results-primary{color:var(--color-text);font-size:1.2rem;margin-bottom:.5rem}.pets-page__no-results-secondary{color:var(--color-text-secondary)}.pets-page__resources{background-color:var(--color-bg-secondary);border-top:2px solid var(--color-border);margin-top:3rem;transition:all .3s ease}.pets-page__resources--sticky{bottom:0;box-shadow:0 -2px 10px #0000001a;left:0;position:fixed;right:0;z-index:1000}.pets-page__resources--constrained{margin-left:auto;margin-right:auto;max-width:1200px}.pets-page__resources--collapsed{.pets-page__resources-links,.pets-page__resources-subtitle{display:none}}.pets-page__resources-header{cursor:pointer;padding:1rem;-webkit-user-select:none;user-select:none}.pets-page__resources-title{align-items:center;color:var(--color-text);display:flex;font-size:1.1rem;justify-content:space-between;margin:0}.pets-page__resources-toggle{color:var(--color-text-secondary);font-size:1rem}.pets-page__resources-subtitle{color:var(--color-text-secondary);margin:0 1rem 1rem}.pets-page__resources-links{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:0 1rem 1rem}.pets-page__resources-link{border-radius:var(--radius-base);color:var(--color-primary);display:block;padding:.5rem;text-decoration:none;transition:all .2s ease}.pets-page__resources-link:hover{background-color:var(--color-bg-tertiary);text-decoration:underline}body.dark-mode .pets-page__resources{background-color:var(--color-bg-secondary);border-color:var(--color-border)}body.dark-mode .pets-page__resources--sticky{box-shadow:0 -2px 10px #0000004d}@media (max-width:768px){.pets-page__resources-links{grid-template-columns:1fr}.pets-page__resources--sticky{bottom:auto;left:auto;position:relative;right:auto}}.pet-profile-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all var(--transition-base)}.pet-profile-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.pet-profile-card__image-container{background-color:var(--color-bg-tertiary);overflow:hidden;padding-top:75%;position:relative;width:100%}.pet-profile-card__image{height:100%;left:0;object-fit:contain;position:absolute;top:0;transition:transform var(--transition-base);width:100%}.pet-profile-card:hover .pet-profile-card__image{transform:scale(1.05)}.pet-profile-card__status{border-radius:var(--radius-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:.05em;padding:var(--space-xs) var(--space-sm);position:absolute;right:var(--space-sm);text-transform:uppercase;top:var(--space-sm)}.pet-profile-card__status--missing{background-color:var(--color-danger);color:var(--color-text-inverse)}.pet-profile-card__status--found{background-color:var(--color-success);color:var(--color-text-inverse)}.pet-profile-card__status--safe{background-color:var(--color-info);color:var(--color-text-inverse)}.pet-profile-card__content{display:flex;flex:1 1;flex-direction:column;padding:var(--space-md)}.pet-profile-card__name{color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0 0 var(--space-xs) 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pet-profile-card__details{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--space-xs);margin-bottom:var(--space-sm)}.pet-profile-card__species{font-weight:var(--font-weight-medium)}.pet-profile-card__separator{color:var(--color-text-muted)}.pet-profile-card__age{color:var(--color-text-secondary)}.pet-profile-card__info{flex:1 1;margin-bottom:var(--space-sm)}.pet-profile-card__info-item{align-items:center;display:flex;font-size:var(--font-size-sm);justify-content:space-between;padding:var(--space-xs) 0}.pet-profile-card__info-label{color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.pet-profile-card__info-value{color:var(--color-text)}.pet-profile-card__info-value--success{color:var(--color-success);font-weight:var(--font-weight-medium)}.pet-profile-card__actions{border-top:1px solid var(--color-border);display:flex;gap:var(--space-xs);margin-top:auto;padding-top:var(--space-sm)}.pet-profile-card__action{align-items:center;background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;flex:1 1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-xs);justify-content:center;overflow:hidden;padding:var(--space-xs) var(--space-sm);transition:all var(--transition-base);white-space:nowrap}.pet-profile-card__action:hover{background-color:var(--color-bg-hover);transform:translateY(-1px)}.pet-profile-card__action--primary{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse);flex:0 0 auto!important;max-width:80px;min-width:60px}.pet-profile-card__action--primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.pet-profile-card__action--danger{background-color:var(--color-danger);border-color:var(--color-danger);color:var(--color-text-inverse);flex:2 1!important}.pet-profile-card__action--danger:hover{background-color:var(--color-danger-hover);border-color:var(--color-danger-hover)}.pet-profile-card__action-icon{font-size:var(--font-size-base);line-height:1}.dark .pet-profile-card{background-color:var(--color-bg-secondary);border-color:var(--color-border)}.dark .pet-profile-card:hover{border-color:var(--color-primary)}.dark .pet-profile-card__action,.dark .pet-profile-card__image-container{background-color:var(--color-bg-tertiary)}.dark .pet-profile-card__action{border-color:var(--color-border);color:var(--color-text)}.dark .pet-profile-card__action:hover{background-color:var(--color-bg-hover)}@media (max-width:768px){.pet-profile-card__content{padding:var(--space-sm)}.pet-profile-card__name{font-size:var(--font-size-base)}.pet-profile-card__details,.pet-profile-card__info-item{font-size:var(--font-size-xs)}.pet-profile-card__actions{flex-wrap:wrap}.pet-profile-card__action{font-size:var(--font-size-xs);min-width:calc(33.333% - var(--space-xs));padding:var(--space-xs)}@media (max-width:360px){.pet-profile-card__action{padding:var(--space-xs)}.pet-profile-card__action span:not(.pet-profile-card__action-icon){display:none}.pet-profile-card__action-icon{font-size:var(--font-size-lg)}}}@media (min-width:769px) and (max-width:1023px){.pet-profile-card__action{font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-xs)}}.use-full-width .pet-profile-card{width:100%}.pet-calendar{background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-xl);padding:var(--space-lg)}.pet-calendar--loading{align-items:center;display:flex;justify-content:center;min-height:400px}.pet-calendar__loader{color:var(--color-text-secondary);font-size:var(--font-size-base)}.pet-calendar__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-lg)}.pet-calendar__title{color:var(--color-text);font-size:var(--font-size-xl);margin:0}.pet-calendar__controls{display:flex;gap:var(--space-md)}.pet-calendar__view-toggle{background-color:var(--color-bg);border-radius:var(--radius-base);display:flex;gap:var(--space-xs);padding:var(--space-xs)}.pet-calendar__view-btn{background:none;border:none;border-radius:var(--radius-base);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-md);transition:all var(--transition-base)}.pet-calendar__view-btn:hover{background-color:var(--color-bg-hover)}.pet-calendar__view-btn--active{background-color:var(--color-primary);color:var(--color-text-inverse)}.pet-calendar__month-view{width:100%}.pet-calendar__month-header{gap:var(--space-lg);margin-bottom:var(--space-md)}.pet-calendar__month-header,.pet-calendar__nav-btn{align-items:center;display:flex;justify-content:center}.pet-calendar__nav-btn{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;font-size:var(--font-size-xl);height:36px;transition:all var(--transition-base);width:36px}.pet-calendar__nav-btn:hover{background-color:var(--color-bg-hover);transform:scale(1.1)}.pet-calendar__month-title{color:var(--color-text);font-size:var(--font-size-lg);margin:0;min-width:200px;text-align:center}.pet-calendar__today-btn{background-color:var(--color-primary);border:none;border-radius:var(--radius-base);color:var(--color-text-inverse);cursor:pointer;display:block;font-size:var(--font-size-sm);margin:0 auto var(--space-lg);padding:var(--space-xs) var(--space-md);transition:all var(--transition-base)}.pet-calendar__today-btn:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.pet-calendar__weekdays{grid-gap:1px;background-color:var(--color-border);display:grid;gap:1px;grid-template-columns:repeat(7,1fr);margin-bottom:1px}.pet-calendar__weekday{background-color:var(--color-bg);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-sm);text-align:center}.pet-calendar__days{grid-gap:1px;background-color:var(--color-border);display:grid;gap:1px;grid-template-columns:repeat(7,1fr)}.pet-calendar__day{background-color:var(--color-bg);min-height:100px;padding:var(--space-xs);position:relative;transition:all var(--transition-base)}.pet-calendar__day:hover{background-color:var(--color-bg-hover)}.pet-calendar__day--other-month{opacity:.4}.pet-calendar__day--today{background-color:var(--color-primary-light)}.pet-calendar__day--today .pet-calendar__day-number{align-items:center;background-color:var(--color-primary);border-radius:50%;color:var(--color-text-inverse);display:flex;height:24px;justify-content:center;width:24px}.pet-calendar__day-number{color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-xs)}.pet-calendar__day-events{display:flex;flex-direction:column;gap:2px}.pet-calendar__event{align-items:center;border-radius:var(--radius-xs);display:flex;font-size:var(--font-size-xs);gap:2px;line-height:1.2;overflow:hidden;padding:2px 4px;text-overflow:ellipsis;transition:all var(--transition-base);white-space:nowrap}.pet-calendar__event:hover{box-shadow:var(--shadow-sm);transform:scale(1.05)}.pet-calendar__event--birthday{background-color:var(--color-info-light);color:var(--color-info-dark)}.pet-calendar__event--vaccine{background-color:var(--color-warning-light);color:var(--color-warning-dark)}.pet-calendar__event--medical{background-color:var(--color-success-light);color:var(--color-success-dark)}.pet-calendar__event--booking{background-color:var(--color-primary-light);color:var(--color-primary-dark)}.pet-calendar__event-icon{flex-shrink:0;font-size:var(--font-size-xs)}.pet-calendar__event-text{overflow:hidden;text-overflow:ellipsis}.pet-calendar__more{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-style:italic;padding:2px 4px}.pet-calendar__list-view{width:100%}.pet-calendar__list-title{font-size:var(--font-size-lg);margin:0 0 var(--space-lg) 0}.pet-calendar__empty{color:var(--color-text-secondary);padding:var(--space-xl);text-align:center}.pet-calendar__list{display:flex;flex-direction:column;gap:var(--space-sm)}.pet-calendar__list-item{align-items:center;background-color:var(--color-bg);border-left:4px solid #0000;border-radius:var(--radius-base);display:flex;gap:var(--space-md);padding:var(--space-md);transition:all var(--transition-base)}.pet-calendar__list-item:hover{box-shadow:var(--shadow-sm);transform:translateX(4px)}.pet-calendar__list-item--birthday{border-left-color:var(--color-info)}.pet-calendar__list-item--vaccine{border-left-color:var(--color-warning)}.pet-calendar__list-item--medical{border-left-color:var(--color-success)}.pet-calendar__list-item--booking{border-left-color:var(--color-primary)}.pet-calendar__list-date{color:var(--color-text-secondary);font-size:var(--font-size-sm);min-width:80px}.pet-calendar__list-icon{flex-shrink:0;font-size:var(--font-size-xl)}.pet-calendar__list-content{flex:1 1}.pet-calendar__list-title{color:var(--color-text);font-weight:var(--font-weight-medium);margin:0 0 var(--space-xs) 0}.pet-calendar__list-pet{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.pet-calendar__list-details{color:var(--color-text-muted);font-size:var(--font-size-xs);margin-top:var(--space-xs)}.dark .pet-calendar{background-color:var(--color-bg-secondary)}.dark .pet-calendar__day,.dark .pet-calendar__view-toggle,.dark .pet-calendar__weekday{background-color:var(--color-bg)}.dark .pet-calendar__day--today{background-color:#ff450033}.dark .pet-calendar__list-item{background-color:var(--color-bg)}@media (max-width:768px){.pet-calendar{padding:var(--space-md)}.pet-calendar__header{align-items:flex-start;flex-direction:column;gap:var(--space-md)}.pet-calendar__day{min-height:80px;padding:2px}.pet-calendar__event-text{display:none}.pet-calendar__list-item{flex-wrap:wrap;gap:var(--space-sm)}.pet-calendar__list-date{min-width:auto;width:100%}}.pet-dashboard{background-color:var(--color-bg);margin:0 auto;max-width:1200px;min-height:100vh;padding:var(--space-lg)}.pet-dashboard--full-width{max-width:none}.pet-dashboard--loading{align-items:center;display:flex;justify-content:center}.pet-dashboard__loader{padding:var(--space-xl);text-align:center}.pet-dashboard__loader-text{color:var(--color-text-secondary);font-size:var(--font-size-lg)}.pet-dashboard__header{margin-bottom:var(--space-xl);text-align:center}.pet-dashboard__header-content{width:100%}.pet-dashboard__title{border-bottom:2px solid var(--color-primary);color:var(--color-text);display:block;margin:0 0 var(--space-sm) 0;padding-bottom:var(--space-sm);width:100%}.pet-dashboard__subtitle{color:var(--color-text-secondary);font-size:var(--font-size-base);margin:0 0 var(--space-lg) 0}.pet-dashboard__button-section{display:flex;justify-content:center;margin-bottom:var(--space-xl)}.pet-dashboard__add-button{align-items:center;background-color:var(--color-primary);border:none;border-radius:var(--radius-base);color:#fff!important;cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base);white-space:nowrap}.pet-dashboard__add-button:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-md);text-decoration:none;transform:translateY(-2px)}.pet-dashboard__add-icon{font-size:var(--font-size-xl);line-height:1}.pet-dashboard__sitter-button{align-items:center;background-color:var(--color-success);border:none;border-radius:var(--radius-base);color:#fff!important;cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base);white-space:nowrap}.pet-dashboard__sitter-button:hover{background-color:#218838;box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-dashboard__error{background-color:var(--color-danger-light);border-radius:var(--radius-base);color:var(--color-danger);margin-bottom:var(--space-lg);padding:var(--space-md);text-align:center}.pet-dashboard__error p{margin:0 0 var(--space-sm) 0}.pet-dashboard__error button{background-color:var(--color-danger);border:none;border-radius:var(--radius-base);color:var(--color-text-inverse);cursor:pointer;font-weight:var(--font-weight-medium);padding:var(--space-xs) var(--space-md)}.pet-dashboard__controls{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:space-between;margin-bottom:var(--space-lg)}.pet-dashboard__tabs{display:flex;gap:var(--space-sm)}.pet-dashboard__tab{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.pet-dashboard__tab:hover{background-color:var(--color-bg-hover)}.pet-dashboard__tab--active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.pet-dashboard__tab--active:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.pet-dashboard__filters{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.pet-dashboard__filter{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-md);transition:all var(--transition-base)}.pet-dashboard__filter:hover{background-color:var(--color-bg-hover)}.pet-dashboard__filter--active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.pet-dashboard__view-toggles{display:flex;gap:var(--space-xs)}.pet-dashboard__view-toggle{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;padding:var(--space-xs) var(--space-sm);transition:all var(--transition-base)}.pet-dashboard__view-toggle:first-child{border-radius:var(--radius-base) 0 0 var(--radius-base);border-right:none}.pet-dashboard__view-toggle:last-child{border-radius:0 var(--radius-base) var(--radius-base) 0}.pet-dashboard__view-toggle:hover{background-color:var(--color-bg-hover)}.pet-dashboard__view-toggle--active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.pet-dashboard__view-icon{font-size:var(--font-size-base);line-height:1}.pet-dashboard__grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);margin-bottom:var(--space-xl)}.pet-dashboard__grid--grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.pet-dashboard__grid--list{gap:var(--space-md);grid-template-columns:1fr}.pet-dashboard--full-width .pet-dashboard__grid--grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.pet-dashboard__empty{color:var(--color-text-secondary);padding:var(--space-xl);text-align:center}.pet-dashboard__welcome{background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-xl);padding:var(--space-3xl);text-align:center}.pet-dashboard__welcome-icon{font-size:4rem;margin-bottom:var(--space-lg)}.pet-dashboard__welcome-title{color:var(--color-text);font-size:var(--font-size-2xl);margin:0 0 var(--space-md) 0}.pet-dashboard__welcome-text{color:var(--color-text-secondary);font-size:var(--font-size-base);margin:0 0 var(--space-lg) 0;margin-left:auto;margin-right:auto;max-width:500px}.pet-dashboard__welcome-button{background-color:var(--color-primary);border:none;border-radius:var(--radius-base);color:#fff!important;cursor:pointer;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);padding:var(--space-md) var(--space-xl);transition:all var(--transition-base)}.pet-dashboard__welcome-button:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.pet-dashboard__features{background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-top:var(--space-xl);padding:var(--space-xl)}.pet-dashboard__features-title{color:var(--color-text);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-xl) 0;text-align:center}.pet-dashboard__quick-actions{display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center;margin-bottom:var(--space-xl)}.pet-dashboard__quick-action{align-items:center;background-color:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:var(--space-sm);padding:var(--space-md) var(--space-lg);transition:all var(--transition-base)}.pet-dashboard__quick-action:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-dashboard__quick-action--emergency{border-color:var(--color-danger);color:var(--color-danger)}.pet-dashboard__quick-action--emergency:hover{background-color:var(--color-danger);color:#fff}.pet-dashboard__quick-action--community{border-color:var(--color-info);color:var(--color-info)}.pet-dashboard__quick-action--community:hover{background-color:var(--color-info);color:#fff}.pet-dashboard__quick-action--analytics{border-color:var(--color-warning);color:var(--color-warning)}.pet-dashboard__quick-action--analytics:hover{background-color:var(--color-warning);color:#fff}.pet-dashboard__quick-action--achievements{border-color:var(--color-success);color:var(--color-success)}.pet-dashboard__quick-action--achievements:hover{background-color:var(--color-success);color:#fff}.pet-dashboard__quick-action-icon{font-size:1.25rem}.pet-dashboard__feature-categories{display:flex;flex-direction:column;gap:var(--space-xl)}.pet-dashboard__feature-category{background-color:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-lg)}.pet-dashboard__category-title{align-items:center;color:var(--color-text);display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);gap:var(--space-sm);margin-bottom:var(--space-lg)}.pet-dashboard__category-icon{font-size:1.5rem}.pet-dashboard__features-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.pet-dashboard__feature{background-color:var(--color-bg-secondary);border:1px solid #0000;border-radius:var(--radius-base);cursor:pointer;padding:var(--space-lg);text-align:center;transition:all var(--transition-base)}.pet-dashboard__feature:hover{background-color:var(--color-bg-hover);border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-dashboard__feature-icon{display:block;font-size:2rem;margin-bottom:var(--space-sm)}.pet-dashboard__feature h4{color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-xs) 0}.pet-dashboard__feature p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.4;margin:0}.pet-dashboard__settings-bar{border-top:1px solid var(--color-border-light);display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center;margin-top:var(--space-xl);padding-top:var(--space-xl)}.pet-dashboard__settings-button{align-items:center;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-base);gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.pet-dashboard__settings-button:hover{background-color:var(--color-bg-secondary);border-color:var(--color-text-secondary);color:var(--color-text)}.pet-dashboard__settings-icon{font-size:1.125rem}.dark .pet-dashboard{background-color:var(--color-bg)}.dark .pet-dashboard__features,.dark .pet-dashboard__welcome{background-color:var(--color-bg-secondary)}@media (max-width:768px){.pet-dashboard{padding:var(--space-md)}.pet-dashboard__header{flex-direction:column;gap:var(--space-md)}.pet-dashboard__title{font-size:var(--font-size-2xl)}.pet-dashboard__add-button{justify-content:center;width:100%}.pet-dashboard__controls{align-items:stretch;flex-direction:column}.pet-dashboard__tabs{width:100%}.pet-dashboard__filters,.pet-dashboard__tabs,.pet-dashboard__view-toggles{justify-content:center}.pet-dashboard__grid--grid{grid-template-columns:1fr}.pet-dashboard__welcome{padding:var(--space-lg)}.pet-dashboard__welcome-icon{font-size:3rem}.pet-dashboard__features{padding:var(--space-md)}.pet-dashboard__features-grid{gap:var(--space-md);grid-template-columns:1fr}.pet-dashboard__quick-actions{align-items:stretch;flex-direction:column}.pet-dashboard__quick-action{justify-content:center;width:100%}.pet-dashboard__feature-category{padding:var(--space-md)}.pet-dashboard__settings-bar{align-items:stretch;flex-direction:column}.pet-dashboard__settings-button{justify-content:center;width:100%}}@media (min-width:769px) and (max-width:1023px){.pet-dashboard__features-grid,.pet-dashboard__grid--grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1200px){.pet-dashboard:not(.pet-dashboard--full-width) .pet-dashboard__grid--grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1600px){.pet-dashboard--full-width .pet-dashboard__grid--grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}.pet-dashboard__skip-links{left:0;position:absolute;top:0;width:100%;z-index:10000}.pet-dashboard__skip-link{background:var(--color-primary);border-radius:0 0 4px 0;color:#fff!important;left:-9999px;padding:8px 16px;position:absolute;text-decoration:none;top:0;z-index:10001}.pet-dashboard__skip-link:focus{left:0;outline:3px solid var(--color-focus);outline-offset:2px}.pet-dashboard__toast{animation:slideIn .3s ease-out;background:var(--color-bg-secondary);border-left:4px solid var(--color-primary);border-radius:var(--radius-base);bottom:2rem;box-shadow:var(--shadow-lg);max-width:500px;min-width:300px;position:fixed;right:2rem;z-index:10000}.pet-dashboard__toast--success{border-left-color:var(--color-success)}.pet-dashboard__toast--warning{border-left-color:var(--color-warning)}.pet-dashboard__toast--error{border-left-color:var(--color-danger)}.pet-dashboard__toast--info{border-left-color:var(--color-info)}.pet-dashboard__toast-content{align-items:center;color:var(--color-text);display:flex;gap:var(--space-md);padding:var(--space-md) var(--space-lg)}.pet-dashboard__toast-content svg{flex-shrink:0;height:20px;width:20px}.pet-dashboard__toast--success .pet-dashboard__toast-content svg{color:var(--color-success)}.pet-dashboard__toast--warning .pet-dashboard__toast-content svg{color:var(--color-warning)}.pet-dashboard__toast--error .pet-dashboard__toast-content svg{color:var(--color-danger)}.pet-dashboard__toast--info .pet-dashboard__toast-content svg{color:var(--color-info)}.pet-dashboard__toast-close{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:24px;justify-content:center;padding:0;position:absolute;right:var(--space-sm);top:var(--space-sm);transition:all var(--transition-base);width:24px}.pet-dashboard__toast-close:hover{background-color:var(--color-bg-hover);color:var(--color-text)}.pet-dashboard__offline-banner{align-items:center;background-color:var(--color-warning);color:#fff;display:flex;font-weight:var(--font-weight-medium);gap:var(--space-sm);justify-content:center;left:0;padding:var(--space-sm) var(--space-md);position:fixed;right:0;text-align:center;top:0;z-index:9999}.pet-dashboard__offline-banner svg{height:20px;width:20px}@media (prefers-reduced-motion:reduce){.pet-dashboard__toast{animation:none;opacity:1;transform:none}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (max-width:768px){.pet-dashboard__toast{bottom:1rem;left:1rem;min-width:auto;right:1rem}}.dark .pet-dashboard__toast{background:var(--color-bg-tertiary);box-shadow:0 10px 40px #00000080}.pet-dashboard.focus-visible :focus{outline:2px solid var(--color-primary);outline-offset:2px}.pet-dashboard:not(.focus-visible) :focus{outline:none}.lazy-load-image-background.blur{filter:blur(15px)}.lazy-load-image-background.blur.lazy-load-image-loaded{transition:filter .3s}.lazy-load-image-background.blur>img{opacity:0}.lazy-load-image-background.blur.lazy-load-image-loaded>img{opacity:1;transition:opacity .3s}.lazy-image-wrapper{background-color:var(--color-bg-tertiary);overflow:hidden;position:relative}.lazy-image{display:block;height:auto;width:100%}.lazy-load-image-background{animation:shimmer 1.5s infinite;background-color:var(--color-bg-tertiary);background-image:linear-gradient(90deg,var(--color-bg-tertiary) 0,var(--color-bg-secondary) 50%,var(--color-bg-tertiary) 100%);background-size:200% 100%}.lazy-load-image-background.blur{filter:blur(20px);transition:filter .3s}.lazy-load-image-background.blur.lazy-load-image-loaded{filter:blur(0)}.lazy-image-error{align-items:center;background-color:var(--color-bg-tertiary);color:var(--color-text-muted);display:flex;font-size:.875rem;height:200px;justify-content:center;width:100%}.pet-photo-upload{background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-xl);padding:var(--space-xl)}.pet-photo-upload__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-lg)}.pet-photo-upload__title{color:var(--color-text);font-size:var(--font-size-lg);margin:0}.pet-photo-upload__count{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.pet-photo-upload__error{background-color:var(--color-danger-light);border-radius:var(--radius-base);color:var(--color-danger);font-size:var(--font-size-sm);margin-bottom:var(--space-md);padding:var(--space-sm);text-align:center}.pet-photo-upload__current{margin-bottom:var(--space-xl)}.pet-photo-upload__current h4{color:var(--color-text);font-size:var(--font-size-base);margin:0 0 var(--space-md) 0}.pet-photo-upload__grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.pet-photo-upload__item{aspect-ratio:1;background-color:var(--color-bg-tertiary);border-radius:var(--radius-base);overflow:hidden;position:relative}.pet-photo-upload__image{height:100%;object-fit:contain;width:100%}.pet-photo-upload__primary-badge{background-color:var(--color-primary);border-radius:var(--radius-base);color:var(--color-text-inverse);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);left:var(--space-xs);padding:var(--space-xs) var(--space-sm);position:absolute;text-transform:uppercase;top:var(--space-xs)}.pet-photo-upload__actions{background:linear-gradient(0deg,#000000b3,#0000);bottom:0;display:flex;gap:var(--space-xs);padding:var(--space-xs);position:absolute;right:0}.pet-photo-upload__action{align-items:center;background-color:#ffffffe6;border:none;border-radius:var(--radius-base);cursor:pointer;display:flex;font-size:var(--font-size-base);height:32px;justify-content:center;padding:var(--space-xs);transition:all var(--transition-base);width:32px}.pet-photo-upload__action:hover{background-color:var(--color-bg);transform:scale(1.1)}.pet-photo-upload__action--delete:hover{background-color:var(--color-danger)}.pet-photo-upload__action:disabled{cursor:not-allowed;opacity:.5}.pet-photo-upload__upload-section{margin-bottom:var(--space-lg)}.pet-photo-upload__input{display:none}.pet-photo-upload__label{align-items:center;background-color:var(--color-bg);border:2px dashed var(--color-border);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:var(--space-xl);text-align:center;transition:all var(--transition-base)}.pet-photo-upload__label:hover{background-color:var(--color-bg-hover);border-color:var(--color-primary)}.pet-photo-upload__icon{font-size:3rem;margin-bottom:var(--space-sm)}.pet-photo-upload__main-text{color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-bottom:var(--space-xs)}.pet-photo-upload__hint{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.pet-photo-upload__drop-zone{position:relative;transition:all var(--transition-base)}.pet-photo-upload__drop-zone--dragging .pet-photo-upload__label{background-color:#ff45001a;border-color:var(--color-primary);transform:scale(1.02)}.pet-photo-upload__drop-zone--dragging .pet-photo-upload__icon{animation:bounce .5s ease-in-out infinite}.pet-photo-upload__drop-zone--dragging .pet-photo-upload__main-text{color:var(--color-primary);font-weight:var(--font-weight-bold)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.pet-photo-upload__preview-section h4{color:var(--color-text);font-size:var(--font-size-base);margin:0 0 var(--space-md) 0}.pet-photo-upload__preview-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-bottom:var(--space-lg)}.pet-photo-upload__preview{display:flex;flex-direction:column;gap:var(--space-xs)}.pet-photo-upload__preview-image{aspect-ratio:1;background-color:var(--color-bg-tertiary);border-radius:var(--radius-base);object-fit:contain;width:100%}.pet-photo-upload__preview-name{color:var(--color-text-secondary);font-size:var(--font-size-xs);overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.pet-photo-upload__preview-actions{display:flex;gap:var(--space-md);justify-content:flex-end}.pet-photo-upload__button{border:none;border-radius:var(--radius-base);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.pet-photo-upload__button--primary{background-color:var(--color-primary);color:var(--color-text-inverse)}.pet-photo-upload__button--primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-photo-upload__button--primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.pet-photo-upload__button--secondary{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text)}.pet-photo-upload__button--secondary:hover{background-color:var(--color-bg-hover)}.pet-photo-upload__instructions{background-color:var(--color-bg);border-radius:var(--radius-base);margin-top:var(--space-lg);padding:var(--space-md)}.pet-photo-upload__instructions p{color:var(--color-text);font-weight:var(--font-weight-medium);margin:0 0 var(--space-sm) 0}.pet-photo-upload__instructions ul{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0;padding-left:var(--space-lg)}.pet-photo-upload__instructions li{margin-bottom:var(--space-xs)}.pet-photo-upload__admin-notice{background:var(--color-info-bg);border:1px solid var(--color-info);border-radius:var(--radius-base);color:var(--color-info);font-size:var(--font-size-sm);margin-bottom:var(--space-md);padding:var(--space-md)}.dark .pet-photo-upload{background-color:var(--color-bg-secondary)}.dark .pet-photo-upload__instructions,.dark .pet-photo-upload__label{background-color:var(--color-bg-tertiary)}@media (max-width:768px){.pet-photo-upload{padding:var(--space-lg)}.pet-photo-upload__grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.pet-photo-upload__preview-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.pet-photo-upload__preview-actions{flex-direction:column}.pet-photo-upload__button{width:100%}}.pet-photo-upload__guidelines{background-color:var(--color-info-light);border:1px solid var(--color-info);border-radius:var(--radius-base);margin-bottom:var(--space-lg);padding:var(--space-md);position:relative}.pet-photo-upload__guidelines h4{color:var(--color-text);font-size:var(--font-size-lg);margin:0 0 var(--space-sm) 0}.pet-photo-upload__guidelines ul{list-style:none;margin:0 0 var(--space-md) 0;padding:0}.pet-photo-upload__guidelines li{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:1.6;padding:var(--space-xs) 0}.pet-photo-upload__guidelines strong{color:var(--color-text)}.pet-photo-upload__guidelines-close{background-color:var(--color-primary);border:none;border-radius:var(--radius-base);color:#fff;cursor:pointer;font-weight:var(--font-weight-medium);padding:var(--space-xs) var(--space-md);transition:all var(--transition-base)}.pet-photo-upload__guidelines-close:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}body.dark-mode .pet-photo-upload__guidelines{background-color:#17a2b81a;border-color:var(--color-info)}.pet-photo-upload__preview-reminder{background-color:var(--color-bg-secondary);border-radius:var(--radius-base);color:var(--color-text-secondary);padding:var(--space-sm)}.pet-photo-upload__preview-reminder,.pet-photo-upload__validating-message{font-size:var(--font-size-sm);margin:0 0 var(--space-md) 0;text-align:center}.pet-photo-upload__validating-message{animation:pulse 1.5s ease-in-out infinite;color:var(--color-info)}.pet-photo-upload__preview--invalid{border:2px solid var(--color-danger)}.pet-photo-upload__validation-indicator{align-items:center;border-radius:50%;display:flex;font-size:var(--font-size-sm);font-weight:700;height:24px;justify-content:center;position:absolute;right:var(--space-xs);top:var(--space-xs);width:24px}.pet-photo-upload__validation-indicator--valid{background-color:var(--color-success);color:#fff}.pet-photo-upload__validation-indicator--invalid{background-color:var(--color-danger);color:#fff}.pet-photo-upload__validation-feedback{background-color:#000000e6;border-radius:var(--radius-base);bottom:100%;color:#fff;display:none;font-size:var(--font-size-xs);left:0;line-height:1.3;margin-bottom:var(--space-xs);padding:var(--space-xs);position:absolute;right:0;white-space:normal;z-index:10}.pet-photo-upload__preview:hover .pet-photo-upload__validation-feedback{display:block}.pet-form{background-color:var(--color-bg);margin:0 auto;max-width:1200px;min-height:100vh;padding:var(--space-lg)}.pet-form--loading{align-items:center;display:flex;justify-content:center}.pet-form__loader{color:var(--color-text-secondary);font-size:var(--font-size-lg);padding:var(--space-xl);text-align:center}.pet-form__header{align-items:center;border-bottom:2px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:var(--space-xl);padding-bottom:var(--space-lg)}.pet-form__title{color:var(--color-text);font-size:var(--font-size-2xl);margin:0}.pet-form__cancel-button{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;font-size:var(--font-size-base);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.pet-form__cancel-button:hover{background-color:var(--color-bg-hover);transform:translateY(-1px)}.pet-form__error{background-color:var(--color-danger-light);border-radius:var(--radius-base);color:var(--color-danger);margin-bottom:var(--space-lg);padding:var(--space-md);text-align:center}.pet-form__form{background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-xl)}.pet-form__section{border-bottom:1px solid var(--color-border);margin-bottom:var(--space-xl);padding-bottom:var(--space-xl)}.pet-form__section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.pet-form__section-title{color:var(--color-text);font-size:var(--font-size-xl);margin:0 0 var(--space-lg) 0}.pet-form__subsection{margin-bottom:var(--space-lg)}.pet-form__subsection-title{color:var(--color-text);font-size:var(--font-size-lg);margin:0 0 var(--space-md) 0}.pet-form__grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.pet-form__field{display:flex;flex-direction:column}.pet-form__field--full{grid-column:1/-1}.pet-form__field--checkbox{align-items:center;flex-direction:row}.pet-form__label{color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-bottom:var(--space-xs)}.pet-form__required{color:var(--color-danger)}.pet-form__input,.pet-form__select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);box-sizing:border-box;color:var(--color-text);font-size:var(--font-size-base);padding:var(--space-sm);transition:all var(--transition-base);width:100%}.pet-form__input:focus,.pet-form__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.pet-form__checkbox{margin-right:var(--space-sm)}.pet-form__checkbox-label{color:var(--color-text);font-size:var(--font-size-base)}.pet-form__actions{border-top:1px solid var(--color-border);display:flex;gap:var(--space-md);justify-content:flex-end;margin-top:var(--space-xl);padding-top:var(--space-xl)}.pet-form__button{border:none;border-radius:var(--radius-base);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);min-width:120px;padding:var(--space-sm) var(--space-xl);transition:all var(--transition-base)}.pet-form__button--primary{background-color:var(--color-primary);color:var(--color-text-inverse)}.pet-form__button--primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-form__button--primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.pet-form__button--secondary{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text)}.pet-form__button--secondary:hover{background-color:var(--color-bg-hover)}.pet-form__photo-note{background-color:var(--color-bg-tertiary);border-radius:var(--radius-base);color:var(--color-text-secondary);padding:var(--space-lg);text-align:center}.pet-form__photo-note p{font-size:var(--font-size-base);margin:0}.dark .pet-form{background-color:var(--color-bg)}.dark .pet-form__form{background-color:var(--color-bg-secondary)}.dark .pet-form__input,.dark .pet-form__select{background-color:var(--color-bg);border-color:var(--color-border);color:var(--color-text)}@media (max-width:768px){.pet-form{padding:var(--space-md)}.pet-form__header{flex-direction:column;gap:var(--space-md);text-align:center}.pet-form__cancel-button{width:100%}.pet-form__title{font-size:var(--font-size-xl)}.pet-form__form{padding:var(--space-lg)}.pet-form__grid{gap:var(--space-md);grid-template-columns:1fr}.pet-form__actions{flex-direction:column-reverse}.pet-form__button{width:100%}}.pet-form__privacy-inheritance{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:var(--space-md)}.pet-form__checkbox-label{align-items:center;cursor:pointer;display:flex;font-weight:var(--font-weight-medium);gap:var(--space-sm);margin-bottom:var(--space-md)}.pet-form__checkbox{cursor:pointer;height:18px;width:18px}body.dark-mode .pet-form__privacy-inheritance{background-color:var(--color-bg-tertiary)}.pet-form__skip-links{left:0;position:absolute;top:0;width:100%;z-index:10000}.pet-form__skip-link{background:var(--color-primary);border-radius:0 0 4px 0;color:#fff!important;left:-9999px;padding:8px 16px;position:absolute;text-decoration:none;top:0;z-index:10001}.pet-form__skip-link:focus{left:0;outline:3px solid var(--color-focus);outline-offset:2px}.pet-form__toast{animation:slideIn .3s ease-out;background:var(--color-bg-secondary);border-left:4px solid var(--color-primary);border-radius:var(--radius-base);bottom:2rem;box-shadow:var(--shadow-lg);max-width:500px;min-width:300px;position:fixed;right:2rem;z-index:10000}.pet-form__toast--success{border-left-color:var(--color-success)}.pet-form__toast--warning{border-left-color:var(--color-warning)}.pet-form__toast--error{border-left-color:var(--color-danger)}.pet-form__toast--info{border-left-color:var(--color-info)}.pet-form__toast-content{align-items:center;color:var(--color-text);display:flex;gap:var(--space-md);padding:var(--space-md) var(--space-lg)}.pet-form__toast-content svg{flex-shrink:0;height:20px;width:20px}.pet-form__toast--success .pet-form__toast-content svg{color:var(--color-success)}.pet-form__toast--warning .pet-form__toast-content svg{color:var(--color-warning)}.pet-form__toast--error .pet-form__toast-content svg{color:var(--color-danger)}.pet-form__toast--info .pet-form__toast-content svg{color:var(--color-info)}.pet-form__toast-close{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:24px;justify-content:center;padding:0;position:absolute;right:var(--space-sm);top:var(--space-sm);transition:all var(--transition-base);width:24px}.pet-form__toast-close:hover{background-color:var(--color-bg-hover);color:var(--color-text)}.pet-form__offline-banner{align-items:center;background-color:var(--color-warning);color:#fff;display:flex;font-weight:var(--font-weight-medium);gap:var(--space-sm);justify-content:center;left:0;padding:var(--space-sm) var(--space-md);position:fixed;right:0;text-align:center;top:0;z-index:9999}.pet-form__offline-banner svg{height:20px;width:20px}.pet-form__skeleton{animation:skeleton-loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--color-bg-secondary) 0,var(--color-bg-tertiary) 50%,var(--color-bg-secondary) 100%);background-size:200% 100%;border-radius:var(--radius-base)}.pet-form__skeleton-text{height:1rem;margin-bottom:var(--space-sm)}.pet-form__skeleton-title{height:2rem;margin-bottom:var(--space-md);width:60%}.pet-form__skeleton-button{height:2.5rem;width:120px}@media (prefers-reduced-motion:reduce){.pet-form__skeleton,.pet-form__toast{animation:none}.pet-form__toast{opacity:1;transform:none}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.pet-form__toast{border-width:2px}.pet-form__skip-link:focus{outline-width:4px}}@media (max-width:768px){.pet-form__toast{bottom:1rem;left:1rem;min-width:auto;right:1rem}}.dark .pet-form__toast{background:var(--color-bg-tertiary);box-shadow:0 10px 40px #00000080}.pet-form.focus-visible :focus{outline:2px solid var(--color-primary);outline-offset:2px}.pet-form:not(.focus-visible) :focus{outline:none}.pet-form.save-data .pet-form__skeleton{animation:none;background:var(--color-bg-secondary)}.pet-form--full-width{max-width:100%;padding-left:var(--space-xl);padding-right:var(--space-xl)}@media (max-width:768px){.pet-form--full-width{padding-left:var(--space-md);padding-right:var(--space-md)}}.pet-switcher{background:var(--color-bg-secondary);border-radius:var(--radius-base);display:inline-flex;padding:var(--space-sm) var(--space-md)}.pet-switcher,.pet-switcher__label{align-items:center;gap:var(--space-sm)}.pet-switcher__label{color:var(--color-text-secondary);display:flex;margin:0}.pet-switcher__label,.pet-switcher__select{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.pet-switcher__select{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;min-width:150px;padding:var(--space-xs) var(--space-sm);transition:all var(--transition-base)}.pet-switcher__select:focus{box-shadow:0 0 0 2px #ff45001a;outline:none}.pet-switcher__select:focus,.pet-switcher__select:hover{border-color:var(--color-primary)}body.dark-mode .pet-switcher{background:var(--color-bg-tertiary)}body.dark-mode .pet-switcher__select{background:var(--color-bg-secondary)}@media (max-width:768px){.pet-switcher{justify-content:center;margin-bottom:var(--space-md);width:100%}.pet-switcher__label{flex:1 1;justify-content:space-between}.pet-switcher__select{flex:1 1;min-width:0}}.pet-profile{background-color:var(--color-bg);margin:0 auto;max-width:1200px;min-height:100vh;padding:var(--space-lg)}.pet-profile--error,.pet-profile--loading{align-items:center;display:flex;justify-content:center;text-align:center}.pet-profile__loader{color:var(--color-text-secondary);font-size:var(--font-size-lg)}.pet-profile__header{align-items:center;display:flex;gap:var(--space-md);justify-content:space-between;margin-bottom:var(--space-xl)}.pet-profile__back-button{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;font-size:var(--font-size-base);padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.pet-profile__back-button:hover{background-color:var(--color-bg-hover);transform:translateX(-2px)}.pet-profile__actions{align-items:stretch;display:flex;flex-wrap:nowrap;gap:var(--space-sm)}.pet-profile__action{align-items:center;border:none;border-radius:var(--radius-base);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:var(--space-xs);padding:var(--space-sm) var(--space-md);transition:all var(--transition-base);white-space:nowrap}.pet-profile__action--danger,.pet-profile__action--success{flex:2 1 auto!important;min-width:150px!important}.pet-profile__action--primary{background-color:var(--color-primary);color:var(--color-text-inverse);flex:0 0 auto!important;max-width:100px!important;min-width:-webkit-fit-content!important;min-width:fit-content!important;padding:var(--space-xs) var(--space-sm)!important}.pet-profile__action--primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-profile__action--danger{background-color:var(--color-danger);color:var(--color-text-inverse)}.pet-profile__action--danger:hover{background-color:var(--color-danger-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-profile__action--success{background-color:var(--color-success);color:var(--color-text-inverse)}.pet-profile__action--success:hover{background-color:var(--color-success-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-profile__action--secondary{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text);flex:0 0 auto!important;min-width:-webkit-fit-content!important;min-width:fit-content!important}.pet-profile__action--secondary:hover{background-color:var(--color-bg-tertiary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.pet-profile__main{grid-gap:var(--space-xl);background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);display:grid;gap:var(--space-xl);grid-template-columns:300px 1fr;margin-bottom:var(--space-xl);padding:var(--space-xl)}.pet-profile__photo-section{position:relative}.pet-profile__photo{aspect-ratio:1;background-color:var(--color-bg-tertiary);border-radius:var(--radius-lg);object-fit:contain;width:100%}.pet-profile__refresh-photos-btn{background-color:var(--color-bg);border:2px solid var(--color-primary);border-radius:var(--radius-base);bottom:var(--space-md);box-shadow:var(--shadow-md);color:var(--color-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);left:50%;padding:var(--space-xs) var(--space-md);position:absolute;transform:translateX(-50%);transition:all var(--transition-base)}.pet-profile__refresh-photos-btn:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-text-inverse)}.pet-profile__refresh-photos-btn:disabled{cursor:not-allowed;opacity:.6}.pet-profile__photo-error{background-color:#000c;border-radius:var(--radius-base);bottom:var(--space-md);left:50%;padding:var(--space-sm);position:absolute;text-align:center;transform:translateX(-50%);width:90%}.pet-profile__photo-error-text{color:var(--color-warning);font-size:var(--font-size-sm);margin:0 0 var(--space-xs) 0}.pet-profile__status{border-radius:var(--radius-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:.05em;padding:var(--space-xs) var(--space-md);position:absolute;right:var(--space-md);text-transform:uppercase;top:var(--space-md)}.pet-profile__status--missing{background-color:var(--color-danger);color:var(--color-text-inverse)}.pet-profile__status--found{background-color:var(--color-success);color:var(--color-text-inverse)}.pet-profile__info-section{display:flex;flex-direction:column}.pet-profile__name{color:var(--color-text);font-size:var(--font-size-3xl);margin:0 0 var(--space-sm) 0}.pet-profile__breed{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin:0 0 var(--space-xs) 0}.pet-profile__age{color:var(--color-text-secondary);margin:0 0 var(--space-lg) 0}.pet-profile__quick-info{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(2,1fr);margin-bottom:var(--space-lg)}.pet-profile__info-item{align-items:center;background-color:var(--color-bg);border-radius:var(--radius-base);display:flex;justify-content:space-between;padding:var(--space-sm)}.pet-profile__info-label{color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.pet-profile__info-value{color:var(--color-text);font-weight:var(--font-weight-medium)}.pet-profile__info-value--success{color:var(--color-success)}.pet-profile__alert{border-radius:var(--radius-base);margin-top:auto;padding:var(--space-md)}.pet-profile__alert--warning{background-color:var(--color-warning-light);border:1px solid var(--color-warning);color:var(--color-warning-dark)}.pet-profile__alert strong{display:block;margin-bottom:var(--space-xs)}.pet-profile__alert ul{margin:0;padding-left:var(--space-lg)}.pet-profile__tabs{border-bottom:2px solid var(--color-border);display:flex;gap:var(--space-xs);margin-bottom:var(--space-xl)}.pet-profile__tab{background:none;border:none;border-bottom:3px solid #0000;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-bottom:-2px;padding:var(--space-sm) var(--space-lg);position:relative;transition:all var(--transition-base)}.pet-profile__tab:hover{color:var(--color-text)}.pet-profile__tab--active{border-bottom-color:var(--color-primary);color:var(--color-primary)}.pet-profile__tab-content{background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);min-height:400px;padding:var(--space-xl)}.pet-profile__section{border-bottom:1px solid var(--color-border);margin-bottom:var(--space-xl);padding-bottom:var(--space-xl)}.pet-profile__section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.pet-profile__section-title{color:var(--color-text);font-size:var(--font-size-xl);margin:0 0 var(--space-lg) 0}.pet-profile__detail-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.pet-profile__detail{align-items:center;background-color:var(--color-bg);border-radius:var(--radius-base);display:flex;justify-content:space-between;padding:var(--space-sm)}.pet-profile__detail--full{grid-column:1/-1}.pet-profile__detail-label{color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.pet-profile__detail-value{color:var(--color-text);text-align:right}.pet-profile__features{margin-top:var(--space-md)}.pet-profile__features h3{color:var(--color-text);font-size:var(--font-size-base);margin:0 0 var(--space-sm) 0}.pet-profile__features ul{color:var(--color-text-secondary);margin:0;padding-left:var(--space-lg)}.pet-profile__medical-header,.pet-profile__vaccines-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-lg)}.pet-profile__identification h2,.pet-profile__medical-header h2,.pet-profile__vaccines-header h2{color:var(--color-text);font-size:var(--font-size-xl);margin:0}.pet-profile__add-button{background-color:var(--color-primary);border:none;border-radius:var(--radius-base);color:var(--color-text-inverse);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.pet-profile__add-button:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-profile__empty{color:var(--color-text-secondary);padding:var(--space-xl);text-align:center}.pet-profile__medical-timeline{display:flex;flex-direction:column;gap:var(--space-lg)}.pet-profile__medical-event{grid-gap:var(--space-lg);background-color:var(--color-bg);border-radius:var(--radius-base);display:grid;gap:var(--space-lg);grid-template-columns:120px 1fr;padding:var(--space-md)}.pet-profile__medical-date{color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.pet-profile__medical-content h4{color:var(--color-text);margin:0 0 var(--space-xs) 0}.pet-profile__medical-content p{color:var(--color-text-secondary);margin:0 0 var(--space-xs) 0}.pet-profile__medical-cost,.pet-profile__medical-vet{font-size:var(--font-size-sm)}.pet-profile__vaccine-list{grid-gap:var(--space-md);display:grid;gap:var(--space-md)}.pet-profile__vaccine-card{background-color:var(--color-bg);border-radius:var(--radius-base);padding:var(--space-md)}.pet-profile__vaccine-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-sm)}.pet-profile__vaccine-header h4{color:var(--color-text);margin:0}.pet-profile__vaccine-badge{border-radius:var(--radius-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-xs) var(--space-sm)}.pet-profile__vaccine-badge--due{background-color:var(--color-warning-light);color:var(--color-warning-dark)}.pet-profile__vaccine-details p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--space-xs) 0}.pet-profile__id-section{margin-bottom:var(--space-xl)}.pet-profile__id-section:last-child{margin-bottom:0}.pet-profile__id-section h3{color:var(--color-text);font-size:var(--font-size-lg);margin:0 0 var(--space-md) 0}.pet-profile__photos h2{color:var(--color-text);font-size:var(--font-size-xl);margin:0 0 var(--space-lg) 0}.pet-profile__photo-gallery{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:var(--space-xl)}.pet-profile__photo-item{aspect-ratio:1;background-color:var(--color-bg-tertiary);border-radius:var(--radius-lg);cursor:pointer;overflow:hidden;position:relative;transition:all var(--transition-base)}.pet-profile__photo-item:hover{box-shadow:var(--shadow-lg);transform:scale(1.02)}.pet-profile__photo-gallery-image{height:100%;object-fit:contain;width:100%}.pet-profile__photo-badge{background-color:var(--color-primary);border-radius:var(--radius-base);bottom:var(--space-sm);color:var(--color-text-inverse);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);left:var(--space-sm);padding:var(--space-xs) var(--space-sm);position:absolute;text-transform:uppercase}.pet-profile__photo-actions{margin-top:var(--space-lg);text-align:center}.pet-profile__edit-photos-button{background-color:var(--color-primary);border:none;border-radius:var(--radius-base);color:var(--color-text-inverse);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.pet-profile__edit-photos-button:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-profile__danger-zone{border-top:1px solid var(--color-border);margin-top:var(--space-xl);padding-top:var(--space-xl);text-align:center}.pet-profile__delete-button{background-color:initial;border:1px solid var(--color-danger);border-radius:var(--radius-base);color:var(--color-danger);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.pet-profile__delete-button:hover{background-color:var(--color-danger);color:var(--color-text-inverse)}.pet-profile__modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.pet-profile__modal{background-color:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:500px;padding:var(--space-xl);width:90%}.pet-profile__modal h3{color:var(--color-text);margin:0 0 var(--space-md) 0}.pet-profile__modal p{color:var(--color-text-secondary);margin:0 0 var(--space-xl) 0}.pet-profile__modal-actions{display:flex;gap:var(--space-md);justify-content:flex-end}.pet-profile__modal-cancel,.pet-profile__modal-delete{border:none;border-radius:var(--radius-base);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.pet-profile__modal-cancel{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.pet-profile__modal-cancel:hover{background-color:var(--color-bg-hover)}.pet-profile__modal-delete{background-color:var(--color-danger);color:var(--color-text-inverse)}.pet-profile__modal-delete:hover{background-color:var(--color-danger-hover)}@media (max-width:1024px) and (min-width:769px){.pet-profile__action{font-size:calc(var(--font-size-base)*.9);padding:var(--space-sm)}}.dark .pet-profile{background-color:var(--color-bg)}.dark .pet-profile__main,.dark .pet-profile__tab-content{background-color:var(--color-bg-secondary)}.dark .pet-profile__detail,.dark .pet-profile__info-item,.dark .pet-profile__medical-event,.dark .pet-profile__vaccine-card{background-color:var(--color-bg)}@media (max-width:768px){.pet-profile{padding:var(--space-md)}.pet-profile__header{align-items:stretch;flex-direction:column}.pet-profile__actions{grid-gap:var(--space-xs)!important;display:grid!important;gap:var(--space-xs)!important;grid-template-columns:2fr 1fr!important;width:100%}.pet-profile__action{align-items:center;display:flex!important;font-size:var(--font-size-sm)!important;justify-content:center!important;line-height:1.2;min-height:44px;padding:var(--space-xs) var(--space-sm)!important;text-align:center;white-space:nowrap!important}.pet-profile__action--danger{grid-column:1!important}.pet-profile__action--primary{grid-column:2!important}.pet-profile__action--success{grid-column:1/-1!important}.pet-profile__main{grid-template-columns:1fr;padding:var(--space-lg)}.pet-profile__photo{margin:0 auto;max-width:300px}.pet-profile__quick-info{grid-template-columns:1fr}.pet-profile__tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.pet-profile__tab{padding:var(--space-sm) var(--space-md);white-space:nowrap}.pet-profile__tab-content{padding:var(--space-lg)}.pet-profile__medical-event{gap:var(--space-sm);grid-template-columns:1fr}.pet-profile__modal{padding:var(--space-lg)}.pet-profile__modal-actions{flex-direction:column-reverse}.pet-profile__modal-cancel,.pet-profile__modal-delete{width:100%}.pet-profile__photo-gallery{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.pet-profile__skip-links{left:0;position:absolute;top:0;width:100%;z-index:10000}.pet-profile__skip-link{background:var(--color-primary);border-radius:0 0 4px 0;color:#fff!important;left:-9999px;padding:8px 16px;position:absolute;text-decoration:none;top:0;z-index:10001}.pet-profile__skip-link:focus{left:0;outline:3px solid var(--color-focus);outline-offset:2px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;overflow:visible;position:static;white-space:normal;width:auto}.pet-profile__toast{animation:slideIn .3s ease-out;background:var(--color-bg-secondary);border-left:4px solid var(--color-primary);border-radius:var(--radius-base);bottom:2rem;box-shadow:var(--shadow-lg);max-width:500px;min-width:300px;position:fixed;right:2rem;z-index:10000}.pet-profile__toast--success{border-left-color:var(--color-success)}.pet-profile__toast--warning{border-left-color:var(--color-warning)}.pet-profile__toast--error{border-left-color:var(--color-danger)}.pet-profile__toast--info{border-left-color:var(--color-info)}.pet-profile__toast-content{align-items:center;color:var(--color-text);display:flex;gap:var(--space-md);padding:var(--space-md) var(--space-lg)}.pet-profile__toast-content svg{flex-shrink:0;height:20px;width:20px}.pet-profile__toast--success .pet-profile__toast-content svg{color:var(--color-success)}.pet-profile__toast--warning .pet-profile__toast-content svg{color:var(--color-warning)}.pet-profile__toast--error .pet-profile__toast-content svg{color:var(--color-danger)}.pet-profile__toast--info .pet-profile__toast-content svg{color:var(--color-info)}.pet-profile__toast-close{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:24px;justify-content:center;padding:0;position:absolute;right:var(--space-sm);top:var(--space-sm);transition:all var(--transition-base);width:24px}.pet-profile__toast-close:hover{background-color:var(--color-bg-hover);color:var(--color-text)}.pet-profile__offline-banner{align-items:center;background-color:var(--color-warning);color:#fff;display:flex;font-weight:var(--font-weight-medium);gap:var(--space-sm);justify-content:center;left:0;padding:var(--space-sm) var(--space-md);position:fixed;right:0;text-align:center;top:0;z-index:9999}.pet-profile__offline-banner svg{height:20px;width:20px}.pet-profile__skeleton{animation:skeleton-loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--color-bg-secondary) 0,var(--color-bg-tertiary) 50%,var(--color-bg-secondary) 100%);background-size:200% 100%;border-radius:var(--radius-base)}.pet-profile__skeleton-text{height:1rem;margin-bottom:var(--space-sm)}.pet-profile__skeleton-title{height:2rem;margin-bottom:var(--space-md);width:60%}.pet-profile__skeleton-button{height:2.5rem;width:120px}@media (prefers-reduced-motion:reduce){.pet-profile__skeleton,.pet-profile__toast{animation:none}.pet-profile__toast{opacity:1;transform:none}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.pet-profile__toast{border-width:2px}.pet-profile__skip-link:focus{outline-width:4px}}@media (max-width:768px){.pet-profile__toast{bottom:1rem;left:1rem;min-width:auto;right:1rem}}.dark .pet-profile__toast{background:var(--color-bg-tertiary);box-shadow:0 10px 40px #00000080}.pet-profile.focus-visible :focus{outline:2px solid var(--color-primary);outline-offset:2px}.pet-profile:not(.focus-visible) :focus{outline:none}.pet-profile.save-data .pet-profile__skeleton{animation:none;background:var(--color-bg-secondary)}.pet-profile--full-width{max-width:100%;padding-left:var(--space-xl);padding-right:var(--space-xl)}@media (max-width:768px){.pet-profile--full-width{padding-left:var(--space-md);padding-right:var(--space-md)}}.pet-share-button{display:inline-block;position:relative}.pet-share-button__trigger{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-base);box-shadow:0 1px 3px #ff450033;color:#fff!important;cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:6px;height:36px;padding:6px 20px;transition:all var(--transition-base);white-space:nowrap}.pet-share-button__icon{font-size:1.1em}.pet-share-button__text{font-weight:var(--font-weight-medium)}.pet-share-button__trigger:hover{background:var(--color-primary-hover);box-shadow:0 4px 8px #ff45004d;transform:translateY(-1px)}.pet-share-button__overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:998}.pet-share-button__menu{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);box-shadow:var(--shadow-lg);max-height:400px;min-width:280px;overflow-y:auto;position:absolute;right:0;top:calc(100% + var(--space-xs));z-index:999}.pet-share-button__option{align-items:center;background:none;border:none;color:var(--color-text);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--space-sm);padding:var(--space-sm) var(--space-md);text-align:left;transition:all var(--transition-base);width:100%}.pet-share-button__option-icon{flex-shrink:0;font-size:1.2em;text-align:center;width:24px}.pet-share-button__option-text{flex:1 1}.pet-share-button__divider{background:var(--color-border-light);height:1px;margin:var(--space-xs) 0}.pet-share-button__option:hover{background:var(--color-bg-hover)}.pet-share-button__option--facebook:hover{background:#1877f21a}.pet-share-button__option--twitter:hover{background:#1da1f21a}.pet-share-button__option--whatsapp:hover{background:#25d3661a}.pet-share-button__option--instagram:hover{background:#e4405f1a}.pet-share-button__option--email:hover{background:var(--color-bg-hover)}.pet-share-button__option--messenger:hover{background:#ff45001a}.pet-share-button__option--export{color:var(--color-primary);font-weight:var(--font-weight-medium)}.pet-share-button__option--export:hover{background:#ff45001a}.pet-share-button__message{animation:fadeIn .2s ease-out;background:var(--color-bg-tertiary);border-radius:var(--radius-base);box-shadow:var(--shadow-md);color:var(--color-text);font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-md);position:absolute;right:0;top:calc(100% + var(--space-sm));white-space:nowrap;z-index:1000}body.dark-mode .pet-share-button__menu{background:var(--color-bg-tertiary);border-color:var(--color-border-dark)}body.dark-mode .pet-share-button__option{border-color:var(--color-border);color:var(--color-text)}body.dark-mode .pet-share-button__option:hover{background:var(--color-bg-secondary)}body.dark-mode .pet-share-button__message{background:var(--color-bg-secondary);border:1px solid var(--color-border)}@media (max-width:768px){.pet-share-button__menu{border-radius:var(--radius-lg) var(--radius-lg) 0 0;bottom:0;left:0;min-width:auto;position:fixed;right:0;top:auto}.pet-share-button__option{font-size:var(--font-size-base);padding:var(--space-md) var(--space-lg)}}.pet-vaccines{background-color:var(--color-bg);margin:0 auto;max-width:1200px;min-height:100vh;padding:var(--space-lg)}.pet-vaccines--loading{align-items:center;display:flex;justify-content:center}.pet-vaccines__loader{color:var(--color-text-secondary);font-size:var(--font-size-lg)}.pet-vaccines__header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:space-between;margin-bottom:var(--space-xl)}.pet-vaccines__back-button{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;font-size:var(--font-size-base);margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.pet-vaccines__back-button:hover{background-color:var(--color-bg-hover);transform:translateX(-2px)}.pet-vaccines__title{color:var(--color-text);flex:1 1;font-size:var(--font-size-2xl);margin:0}.pet-vaccines__summary{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--space-xl)}.pet-vaccines__summary-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center}.pet-vaccines__summary-card--warning{background-color:var(--color-warning-light);border-color:var(--color-warning)}.pet-vaccines__summary-card--info{background-color:var(--color-info-light);border-color:var(--color-info)}.pet-vaccines__summary-number{color:var(--color-text);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-xs)}.pet-vaccines__summary-label{color:var(--color-text-secondary);font-size:var(--font-size-base)}.pet-vaccines__alert{border-radius:var(--radius-base);margin-bottom:var(--space-lg);padding:var(--space-md)}.pet-vaccines__alert--danger{background-color:var(--color-danger-light);border:1px solid var(--color-danger);color:var(--color-danger-dark)}.pet-vaccines__alert strong{display:block;margin-bottom:var(--space-sm)}.pet-vaccines__alert ul{margin:0;padding-left:var(--space-lg)}.pet-vaccines__add-button{align-items:center;background-color:var(--color-primary);border:none;border-radius:var(--radius-base);box-shadow:0 1px 3px #ff450033;cursor:pointer;display:inline-flex;display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:6px;height:36px;margin-bottom:var(--space-xl);padding:6px 20px;transition:all var(--transition-base)}.pet-vaccines__add-button,.pet-vaccines__add-button:hover{-webkit-text-fill-color:#fff!important;color:#fff!important}.pet-vaccines__add-button:hover{background-color:var(--color-primary-hover);box-shadow:0 4px 8px #ff45004d;transform:translateY(-1px)}.pet-vaccines__form-container{background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-xl);padding:var(--space-xl)}.pet-vaccines__form-container h2{color:var(--color-text);margin:0 0 var(--space-lg) 0}.pet-vaccines__form-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--space-xl)}.pet-vaccines__field{display:flex;flex-direction:column}.pet-vaccines__field--full{grid-column:1/-1}.pet-vaccines__label{color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-bottom:var(--space-xs)}.pet-vaccines__required{color:var(--color-danger)}.pet-vaccines__input,.pet-vaccines__textarea{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:var(--font-size-base);padding:var(--space-sm);transition:all var(--transition-base)}.pet-vaccines__input:focus,.pet-vaccines__textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.pet-vaccines__textarea{min-height:80px;resize:vertical}.pet-vaccines__hint{color:var(--color-text-secondary);display:block;font-size:var(--font-size-sm);font-style:italic;margin-top:var(--space-xs)}.pet-vaccines__form-actions{display:flex;gap:var(--space-md);justify-content:flex-end}.pet-vaccines__button{border:none;border-radius:var(--radius-base);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-xl);transition:all var(--transition-base)}.pet-vaccines__button--primary{-webkit-text-fill-color:#fff!important;background-color:var(--color-primary);color:#fff!important}.pet-vaccines__button--primary:hover{-webkit-text-fill-color:#fff!important;background-color:var(--color-primary-hover);box-shadow:var(--shadow-md);color:#fff!important;transform:translateY(-2px)}.pet-vaccines__button--primary:disabled{-webkit-text-fill-color:#fff!important;color:#fff!important;cursor:not-allowed;opacity:.6;transform:none}.pet-vaccines__button--secondary{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text)}.pet-vaccines__button--secondary:hover{background-color:var(--color-bg-hover)}.pet-vaccines__section,.pet-vaccines__sections{margin-bottom:var(--space-xl)}.pet-vaccines__section-title{color:var(--color-text);font-size:var(--font-size-xl);margin:0 0 var(--space-lg) 0}.pet-vaccines__list{grid-gap:var(--space-md);display:grid;gap:var(--space-md)}.pet-vaccines__card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-base)}.pet-vaccines__card:hover{box-shadow:var(--shadow-sm)}.pet-vaccines__card--upcoming{border-color:var(--color-info)}.pet-vaccines__card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-md)}.pet-vaccines__card-header h3{color:var(--color-text);font-size:var(--font-size-lg);margin:0}.pet-vaccines__card-actions{display:flex;gap:var(--space-xs)}.pet-vaccines__icon-button{background:none;border:none;cursor:pointer;font-size:var(--font-size-lg);padding:var(--space-xs);transition:all var(--transition-base)}.pet-vaccines__icon-button:hover{transform:scale(1.1)}.pet-vaccines__card-body{grid-gap:var(--space-sm);display:grid;gap:var(--space-sm)}.pet-vaccines__card-detail{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);justify-content:space-between;padding:var(--space-xs) 0}.pet-vaccines__card-detail span:first-child{font-weight:var(--font-weight-medium)}.pet-vaccines__card-detail strong{color:var(--color-text)}.pet-vaccines__due-date{color:var(--color-info)!important}.pet-vaccines__empty{color:var(--color-text-secondary);padding:var(--space-3xl)}.pet-vaccines__empty p{margin:0 0 var(--space-sm) 0}.pet-vaccines__reference{background-color:var(--color-bg-tertiary)}.pet-vaccines__reference h3{color:var(--color-text);margin:0 0 var(--space-lg) 0}.pet-vaccines__reference-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.pet-vaccines__reference-item{background-color:var(--color-bg);border-radius:var(--radius-base);padding:var(--space-md)}.pet-vaccines__reference-item strong{color:var(--color-text);display:block;margin-bottom:var(--space-xs)}.pet-vaccines__reference-item p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--space-sm) 0}.pet-vaccines__reference-frequency{color:var(--color-text-muted);font-size:var(--font-size-xs);font-style:italic}.dark .pet-vaccines{background-color:var(--color-bg)}.dark .pet-vaccines__card,.dark .pet-vaccines__form-container,.dark .pet-vaccines__summary-card{background-color:var(--color-bg-secondary)}.dark .pet-vaccines__input,.dark .pet-vaccines__textarea{background-color:var(--color-bg);border-color:var(--color-border);color:var(--color-text)}.dark .pet-vaccines__reference{background-color:var(--color-bg-secondary)}.dark .pet-vaccines__reference-item{background-color:var(--color-bg-tertiary)}.pet-vaccines__manage-custom-btn{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:var(--font-size-sm);margin-left:var(--space-sm);padding:0;text-decoration:underline}.pet-vaccines__manage-custom-btn:hover{color:var(--color-primary-hover)}.pet-vaccines__custom-manager{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);margin-top:var(--space-lg);padding:var(--space-lg)}.pet-vaccines__custom-manager h3{color:var(--color-text);font-size:var(--font-size-lg);margin:0 0 var(--space-sm) 0}.pet-vaccines__custom-manager-desc{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--space-md) 0}.pet-vaccines__custom-list{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.pet-vaccines__custom-item{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-sm);gap:var(--space-xs);padding:var(--space-xs) var(--space-sm)}.pet-vaccines__custom-delete{align-items:center;background:none;border:none;color:var(--color-danger);cursor:pointer;display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);height:20px;justify-content:center;line-height:1;padding:0;transition:all var(--transition-base);width:20px}.pet-vaccines__custom-delete:hover{color:var(--color-danger-hover);transform:scale(1.2)}body.dark-mode .pet-vaccines__card,body.dark-mode .pet-vaccines__summary-card{background-color:#2a2a2a;border-color:#444;color:#e0e0e0}body.dark-mode .pet-vaccines__form-container{background-color:#2a2a2a;border-color:#444}body.dark-mode .pet-vaccines__input,body.dark-mode .pet-vaccines__textarea{background-color:#1a1a1a;border-color:#444;color:#e0e0e0}body.dark-mode .pet-vaccines__input:focus,body.dark-mode .pet-vaccines__textarea:focus{border-color:var(--color-primary)}body.dark-mode .pet-vaccines__card-dates p,body.dark-mode .pet-vaccines__card-meta,body.dark-mode .pet-vaccines__summary-label{color:#bbb}body.dark-mode .pet-vaccines__summary-number{color:#e0e0e0}body.dark-mode .pet-vaccines__alert--danger{background-color:#dc354533;border-color:#dc3545;color:#ff6b6b}body.dark-mode .pet-vaccines__summary-card--warning{background-color:#ffc10733;border-color:#ffc107}body.dark-mode .pet-vaccines__summary-card--info{background-color:#17a2b833;border-color:#17a2b8}body.dark-mode .pet-vaccines__custom-manager{background-color:#2a2a2a;border-color:#444}body.dark-mode .pet-vaccines__custom-item{background-color:#333;border-color:#444;color:#e0e0e0}@media (max-width:768px){.pet-vaccines{padding:var(--space-md)}.pet-vaccines__title{font-size:var(--font-size-xl)}.pet-vaccines__summary{grid-template-columns:1fr}.pet-vaccines__form-container{padding:var(--space-lg)}.pet-vaccines__form-grid{grid-template-columns:1fr}.pet-vaccines__form-actions{flex-direction:column-reverse}.pet-vaccines__button{width:100%}.pet-vaccines__card{padding:var(--space-md)}.pet-vaccines__card-header{align-items:flex-start;flex-direction:column;gap:var(--space-sm)}.pet-vaccines__card-actions{align-self:flex-end}.pet-vaccines__reference-grid{grid-template-columns:1fr}}.pet-vaccines__reference{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-top:var(--space-xl);padding:var(--space-xl)}.pet-vaccines__reference-title{color:var(--color-text);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-lg)}.pet-vaccines__vaccine-category{margin-bottom:var(--space-xl)}.pet-vaccines__category-title{align-items:center;color:var(--color-text);display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);gap:var(--space-sm);margin-bottom:var(--space-md)}.pet-vaccines__category-badge{border-radius:var(--radius-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--space-xs) var(--space-sm);text-transform:uppercase}.pet-vaccines__category-badge--core{background-color:var(--color-success);color:#fff}.pet-vaccines__category-badge--noncore{background-color:var(--color-info);color:#fff}.pet-vaccines__vaccine-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.pet-vaccines__vaccine-card{background-color:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-base);display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);transition:all var(--transition-base)}.pet-vaccines__vaccine-card--core{border-color:var(--color-success)}.pet-vaccines__vaccine-card--noncore{border-color:var(--color-info)}.pet-vaccines__vaccine-card--has{background-color:var(--color-bg-tertiary);opacity:.9}.pet-vaccines__vaccine-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-vaccines__vaccine-header{align-items:flex-start;display:flex;gap:var(--space-sm);justify-content:space-between}.pet-vaccines__vaccine-name{color:var(--color-text);flex:1 1;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0}.pet-vaccines__vaccine-status{background-color:var(--color-success);border-radius:var(--radius-base);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-xs) var(--space-sm);white-space:nowrap}.pet-vaccines__vaccine-details{display:flex;flex:1 1;flex-direction:column;gap:var(--space-xs)}.pet-vaccines__vaccine-detail{align-items:flex-start;display:flex;font-size:var(--font-size-sm);gap:var(--space-sm);justify-content:space-between}.pet-vaccines__vaccine-detail--full{flex-direction:column;justify-content:flex-start;margin-top:var(--space-xs)}.pet-vaccines__vaccine-label{color:var(--color-text-secondary);flex-shrink:0;font-weight:var(--font-weight-medium)}.pet-vaccines__vaccine-value{color:var(--color-text);flex:1 1;text-align:right}.pet-vaccines__vaccine-detail--full .pet-vaccines__vaccine-value{margin-top:var(--space-xs);text-align:left}.pet-vaccines__add-vaccine-btn{background-color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-base);color:#fff;cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);text-align:center;transition:all var(--transition-base)}.pet-vaccines__add-vaccine-btn:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.pet-vaccines__reference-note{background-color:var(--color-bg-tertiary);border-left:3px solid var(--color-info);border-radius:var(--radius-base);margin-top:var(--space-lg);padding:var(--space-md)}.pet-vaccines__reference-note p{color:var(--color-text);font-size:var(--font-size-sm);line-height:1.6;margin:0}body.dark-mode .pet-vaccines__reference{background-color:var(--color-bg-secondary);border-color:var(--color-border)}body.dark-mode .pet-vaccines__vaccine-card{background-color:var(--color-bg);border-color:var(--color-border)}body.dark-mode .pet-vaccines__vaccine-card--core{border-color:var(--color-success)}body.dark-mode .pet-vaccines__vaccine-card--noncore{border-color:var(--color-info)}body.dark-mode .pet-vaccines__vaccine-card--has{background-color:var(--color-bg-secondary)}body.dark-mode .pet-vaccines__reference-note{background-color:var(--color-bg);border-left-color:var(--color-info)}.pet-vaccines__current-records{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-xl);padding:var(--space-xl)}.pet-vaccines__records-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:space-between;margin-bottom:var(--space-lg)}.pet-vaccines__records-title{align-items:center;color:var(--color-text);display:flex;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);gap:var(--space-sm);margin:0}.pet-vaccines__records-icon{color:var(--color-primary)}.pet-vaccines__records-actions{display:flex;gap:var(--space-sm)}.pet-vaccines__action-button{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:6px;height:36px;padding:6px 20px;transition:all var(--transition-base)}.pet-vaccines__action-button:hover{background-color:var(--color-bg);border-color:var(--color-primary);box-shadow:0 2px 4px #0000001a;color:var(--color-primary);transform:translateY(-1px)}.pet-vaccines__records-table{overflow-x:auto}.pet-vaccines__table{background-color:var(--color-bg);border-collapse:collapse;width:100%}.pet-vaccines__table th{background-color:var(--color-bg-secondary);border-bottom:2px solid var(--color-border);font-weight:var(--font-weight-semibold);text-align:left;white-space:nowrap}.pet-vaccines__table td,.pet-vaccines__table th{color:var(--color-text);padding:var(--space-sm) var(--space-md)}.pet-vaccines__table td{border-bottom:1px solid var(--color-border-light)}.pet-vaccines__table-row{transition:background-color var(--transition-base)}.pet-vaccines__table-row:hover{background-color:var(--color-bg-hover)}.pet-vaccines__table-row--overdue{background-color:#dc35450d}.pet-vaccines__table-row--upcoming{background-color:#ffc1070d}.pet-vaccines__status-badge{align-items:center;border-radius:var(--radius-base);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);white-space:nowrap}.pet-vaccines__status-badge--current{background-color:#28a7451a;color:var(--color-success)}.pet-vaccines__status-badge--upcoming{background-color:#ffc1071a;color:var(--color-warning)}.pet-vaccines__status-badge--overdue{background-color:#dc35451a;color:var(--color-danger)}.pet-vaccines__overdue-date,.pet-vaccines__vaccine-name-cell{font-weight:var(--font-weight-medium)}.pet-vaccines__overdue-date{color:var(--color-danger)}.pet-vaccines__table-actions{display:flex;gap:var(--space-xs)}.pet-vaccines__table-action{align-items:center;background-color:initial;border:1px solid #0000;border-radius:var(--radius-base);color:var(--color-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;padding:var(--space-xs);transition:all var(--transition-base);width:32px}.pet-vaccines__table-action:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.pet-vaccines__table-action--delete:hover{background-color:var(--color-danger);border-color:var(--color-danger)}.pet-vaccines__table-summary{background-color:var(--color-bg-secondary);border-radius:var(--radius-base);display:flex;flex-wrap:wrap;gap:var(--space-lg);margin-top:var(--space-md);padding:var(--space-md)}.pet-vaccines__table-summary p{color:var(--color-text);font-size:var(--font-size-sm);margin:0}.pet-vaccines__summary-overdue{color:var(--color-danger);font-weight:var(--font-weight-medium)}.pet-vaccines__summary-upcoming{color:var(--color-warning);font-weight:var(--font-weight-medium)}.pet-vaccines__empty{padding:var(--space-xl);text-align:center}.pet-vaccines__empty-icon{color:var(--color-text-muted);font-size:48px;margin-bottom:var(--space-md)}.pet-vaccines__admin-notice{background-color:#17a2b81a;border:1px solid var(--color-info);border-radius:var(--radius-base);color:var(--color-text);font-size:var(--font-size-sm);line-height:1.6;margin:var(--space-md) 0;padding:var(--space-md)}.pet-vaccines__admin-notice strong{color:var(--color-info);margin-right:var(--space-xs)}body.dark-mode .pet-vaccines__current-records{background-color:var(--color-bg);border-color:var(--color-border)}body.dark-mode .pet-vaccines__action-button{background-color:var(--color-bg-secondary);border-color:var(--color-border)}body.dark-mode .pet-vaccines__table th{background-color:var(--color-bg-secondary)}body.dark-mode .pet-vaccines__table-row--overdue{background-color:#dc35451a}body.dark-mode .pet-vaccines__table-row--upcoming{background-color:#ffc1071a}body.dark-mode .pet-vaccines__table-summary{background-color:var(--color-bg-secondary)}body.dark-mode .pet-vaccines__admin-notice{background-color:#17a2b833;border-color:var(--color-info)}@media print{.pet-vaccines__add-button,.pet-vaccines__form-container,.pet-vaccines__header,.pet-vaccines__records-actions,.pet-vaccines__reference,.pet-vaccines__table-actions{display:none!important}.pet-vaccines__current-records{border:none;padding:0}.pet-vaccines__table{border:1px solid #000}.pet-vaccines__table td,.pet-vaccines__table th{border:1px solid #000;padding:8px}}@media (max-width:768px){.pet-vaccines__reference{margin-top:var(--space-lg);padding:var(--space-md)}.pet-vaccines__vaccine-grid{grid-template-columns:1fr}.pet-vaccines__vaccine-detail{font-size:var(--font-size-xs)}.pet-vaccines__records-header{align-items:flex-start;flex-direction:column}.pet-vaccines__records-actions{justify-content:flex-start;width:100%}.pet-vaccines__table{font-size:var(--font-size-sm)}.pet-vaccines__table td,.pet-vaccines__table th{padding:var(--space-xs) var(--space-sm)}.pet-vaccines__status-badge{font-size:10px;padding:2px 6px}.pet-vaccines__table-action{height:28px;width:28px}}.pet-medical{padding:0;width:100%}.pet-medical--full-width{margin:0;max-width:none}body.has-profile-background .pet-medical{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1rem}body.dark-mode .pet-medical{background-color:#2a2a2a;color:var(--color-text)}body.dark-mode.has-profile-background .pet-medical{background-color:#2a2a2af2}.pet-medical__header{border-bottom:2px solid var(--color-primary);margin-bottom:2rem;padding:.5rem 1rem 1rem;position:relative;text-align:center}.pet-medical__header-content{width:100%}.pet-medical__header h1{color:var(--color-primary);font-size:2.5rem;margin:0 0 .5rem}.pet-medical__header p{color:var(--color-text-secondary);font-size:1.1rem;margin:0}.pet-medical__share-button{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;font-size:.875rem;height:auto;justify-content:center;margin-left:1rem;min-height:0;min-height:auto;padding:.25rem .5rem;position:static;transition:all .2s ease}.pet-medical__share-button:hover{background-color:var(--color-bg-tertiary);box-shadow:var(--shadow-md);color:var(--color-primary);transform:translateY(-1px)}.pet-medical__share-button:active{transform:translateY(0)}.pet-medical__share-button svg{fill:currentColor;height:1em;width:1em}.pet-medical__status{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem;padding:0 1rem}.pet-medical__status-item{align-items:center;border-radius:var(--radius-lg);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.pet-medical__status-item--success{background-color:#28a7451a;border:1px solid #28a7454d;color:#28a745}.pet-medical__status-item--info{background-color:#17a2b81a;border:1px solid #17a2b84d;color:#17a2b8}.pet-medical__status-item--warning{background-color:#ffc1071a;border:1px solid #ffc1074d;color:#ffc107}body.dark-mode .pet-medical__status-item--success{background-color:#28a74533}body.dark-mode .pet-medical__status-item--info{background-color:#17a2b833}body.dark-mode .pet-medical__status-item--warning{background-color:#ffc10733}.pet-medical__content{box-sizing:border-box;padding:0 1rem;width:100%}.pet-medical__section{margin-bottom:3rem}.pet-medical__section h2{border-bottom:1px solid var(--color-border);color:var(--color-text);margin-bottom:1rem;padding-bottom:.5rem}.pet-medical__cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.pet-medical__card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:1.5rem;transition:all .3s ease}.pet-medical__card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-medical__card h3{color:var(--color-primary);margin:0 0 .5rem}.pet-medical__card p{color:var(--color-text-secondary);margin:0}.pet-medical__features{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));list-style:none;margin:0;padding:0}.pet-medical__features li{background-color:var(--color-bg-tertiary);border-left:3px solid var(--color-primary);border-radius:var(--radius-base);padding:.5rem}.pet-medical__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.pet-medical__button{font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.pet-medical__button--primary{color:#fff}.pet-medical__button--primary:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.pet-medical__button--secondary{background-color:var(--color-bg-secondary)}.pet-medical__button--secondary:hover{background-color:var(--color-bg-tertiary);transform:translateY(-1px)}.pet-medical__notice{background-color:#ffc1071a;border:1px solid #ffc1074d;border-radius:var(--radius-lg);margin-top:3rem;padding:1.5rem;text-align:center}.pet-medical__notice p{font-weight:500;margin:0}@media (max-width:768px){.pet-medical{border-radius:0;padding:.5rem}.pet-medical__header h1{font-size:2rem}.pet-medical__breadcrumb-row{padding:.5rem}.pet-medical__share-button{font-size:.75rem;margin-left:.5rem;padding:.25rem}.pet-medical__status{align-items:stretch;flex-direction:column}.pet-medical__content{padding:0 .5rem}.pet-medical__cards,.pet-medical__features{grid-template-columns:1fr}.pet-medical__actions{flex-direction:column}.pet-medical__button{width:100%}}.pet-medical__skip-link{background:var(--color-primary);border-radius:var(--radius-base);color:#fff;font-weight:500;left:-9999px;padding:8px 16px;position:absolute;text-decoration:none;top:0;z-index:100}.pet-medical__skip-link:focus{box-shadow:var(--shadow-lg);left:50%;top:10px;transform:translateX(-50%)}.pet-medical__breadcrumb-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;padding:1rem 1rem 0}.pet-medical__breadcrumbs{flex:1 1;margin:0;padding:0}.pet-medical__breadcrumbs ol{flex-wrap:wrap;list-style:none;margin:0;padding:0}.pet-medical__breadcrumbs li,.pet-medical__breadcrumbs ol{align-items:center;display:flex;gap:.5rem}.pet-medical__breadcrumbs a{align-items:center;color:var(--color-primary);display:flex;gap:.25rem;text-decoration:none;transition:color .2s ease}.pet-medical__breadcrumbs a:hover{color:var(--color-primary-hover);text-decoration:underline}.pet-medical__breadcrumb-separator{color:var(--color-text-secondary);font-size:.75rem}.pet-medical__error{margin:0 auto;max-width:600px;padding:3rem 1rem;text-align:center}.pet-medical__error h2{color:var(--color-danger);margin-bottom:1rem}.pet-medical__error p{color:var(--color-text-secondary);margin-bottom:2rem}.pet-medical__loading{padding:2rem 1rem}.pet-medical__skeleton{animation:skeleton-loading 1.5s ease-in-out infinite}.pet-medical__skeleton-card,.pet-medical__skeleton-header,.pet-medical__skeleton-text{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--radius-base)}.pet-medical__skeleton-header{height:3rem;margin:0 auto 2rem;width:60%}.pet-medical__skeleton-text{height:1rem;margin-bottom:1rem}.pet-medical__skeleton-text--short{width:70%}.pet-medical__skeleton-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.pet-medical__skeleton-card{height:150px}.pet-medical__form{max-width:600px}.pet-medical__form-group{margin-bottom:1.5rem}.pet-medical__form-group label{color:var(--color-text);display:block;font-weight:500;margin-bottom:.5rem}.pet-medical__required{margin-left:.25rem}.pet-medical__input,.pet-medical__select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:1rem;min-height:44px;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.pet-medical__input:focus,.pet-medical__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.pet-medical__help-text{color:var(--color-text-secondary);display:block;font-size:.875rem;margin-top:.5rem}body.dark-mode .pet-medical__skeleton-card,body.dark-mode .pet-medical__skeleton-header,body.dark-mode .pet-medical__skeleton-text{background:linear-gradient(90deg,#3a3a3a 25%,#4a4a4a 50%,#3a3a3a 75%)}body.dark-mode .pet-medical__input,body.dark-mode .pet-medical__select{background-color:var(--color-bg-secondary)}.pet-medical__button:focus-visible,.pet-medical__card:focus-visible,.pet-medical__input:focus-visible,.pet-medical__select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media print{.pet-medical__actions,.pet-medical__notice,.pet-medical__offline-banner,.pet-medical__skip-link,.pet-medical__toast{display:none}.pet-medical{background:#fff;color:#000;max-width:none;padding:0}}.pet-medical__offline-banner{align-items:center;background-color:var(--color-warning);box-shadow:var(--shadow-md);color:#fff;display:flex;font-weight:500;gap:.5rem;justify-content:center;left:0;padding:.75rem;position:fixed;right:0;text-align:center;top:0;z-index:1100}.pet-medical__toast{align-items:center;animation:slideIn .3s ease-out;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);bottom:2rem;box-shadow:var(--shadow-lg);display:flex;gap:1rem;max-width:400px;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:1200}.pet-medical__toast-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.pet-medical__toast-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s ease}.pet-medical__toast-close:hover{color:var(--color-text)}.pet-medical__toast--success{border-color:var(--color-success)}.pet-medical__toast--success svg{color:var(--color-success)}.pet-medical__toast--warning{border-color:var(--color-warning)}.pet-medical__toast--warning svg{color:var(--color-warning)}.pet-medical__toast--error{border-color:var(--color-danger)}.pet-medical__toast--error svg{color:var(--color-danger)}.pet-medical__toast--info{border-color:var(--color-info)}.pet-medical__toast--info svg{color:var(--color-info)}.pet-medical__unsaved-indicator{color:var(--color-warning);font-size:.875rem;font-weight:400;margin-left:.5rem}.pet-medical__form-actions{gap:1rem;margin-top:1.5rem}.pet-medical__image-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1rem}.pet-medical__image-container{aspect-ratio:16/9;background-color:var(--color-bg-secondary);border-radius:var(--radius-base);overflow:hidden;position:relative}.pet-medical__image{height:100%;object-fit:cover;transition:opacity .3s ease;width:100%}.pet-medical__image[data-src]{background-color:var(--color-bg-tertiary);opacity:0}.pet-medical__image:not([data-src]){opacity:1}@media (prefers-contrast:high){.pet-medical__button,.pet-medical__input,.pet-medical__select,.pet-medical__toast{border-width:2px}}@media (max-width:768px){.pet-medical__toast{bottom:1rem;left:1rem;max-width:none;right:1rem}.pet-medical__form-actions{flex-direction:column}.pet-medical__form-actions button{width:100%}.pet-medical__image-grid{grid-template-columns:1fr}}.pet-medical{background-color:var(--color-bg);margin:0 auto;max-width:1200px;min-height:100vh;padding:var(--space-lg)}.pet-medical--loading{align-items:center;display:flex;justify-content:center}.pet-medical__loader{color:var(--color-text-secondary);font-size:var(--font-size-lg)}.pet-medical__header{margin-bottom:var(--space-xl)}.pet-medical__back-button{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;font-size:var(--font-size-base);margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.pet-medical__back-button:hover{background-color:var(--color-bg-hover);transform:translateX(-2px)}.pet-medical__title{color:var(--color-text);font-size:var(--font-size-2xl);margin:0}.pet-medical__stats{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:var(--space-xl)}.pet-medical__stat{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center}.pet-medical__stat-value{color:var(--color-text);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-xs)}.pet-medical__stat-label{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.pet-medical__controls{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:space-between;margin-bottom:var(--space-xl)}.pet-medical__filters{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.pet-medical__filter{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-md);transition:all var(--transition-base)}.pet-medical__filter:hover{background-color:var(--color-bg-hover)}.pet-medical__filter--active{border-color:var(--color-primary)}.pet-medical__add-button,.pet-medical__filter--active{background-color:var(--color-primary);color:var(--color-text-inverse)}.pet-medical__add-button{border:none;border-radius:var(--radius-base);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.pet-medical__add-button:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-medical__form-container{background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-xl);padding:var(--space-xl)}.pet-medical__form-container h2{color:var(--color-text);margin:0 0 var(--space-lg) 0}.pet-medical__form-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--space-xl)}.pet-medical__field{display:flex;flex-direction:column}.pet-medical__field--full{grid-column:1/-1}.pet-medical__label{color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-bottom:var(--space-xs)}.pet-medical__required{color:var(--color-danger)}.pet-medical__input,.pet-medical__select,.pet-medical__textarea{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:var(--font-size-base);padding:var(--space-sm);transition:all var(--transition-base)}.pet-medical__input:focus,.pet-medical__select:focus,.pet-medical__textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.pet-medical__textarea{min-height:80px;resize:vertical}.pet-medical__form-actions{display:flex;gap:var(--space-md);justify-content:flex-end}.pet-medical__button{border:none;border-radius:var(--radius-base);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-xl);transition:all var(--transition-base)}.pet-medical__button--primary{background-color:var(--color-primary);color:var(--color-text-inverse)}.pet-medical__button--primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-medical__button--primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.pet-medical__button--secondary{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text)}.pet-medical__button--secondary:hover{background-color:var(--color-bg-hover)}.pet-medical__timeline{margin-top:var(--space-xl)}.pet-medical__year-group{margin-bottom:var(--space-xl)}.pet-medical__year{border-bottom:2px solid var(--color-border);color:var(--color-text);font-size:var(--font-size-xl);margin:0 0 var(--space-lg) 0;padding-bottom:var(--space-sm)}.pet-medical__events{display:flex;flex-direction:column;gap:var(--space-lg)}.pet-medical__event{grid-gap:var(--space-lg);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:grid;gap:var(--space-lg);grid-template-columns:80px 1fr;padding:var(--space-lg);position:relative}.pet-medical__event-date{background-color:var(--color-bg);border-radius:var(--radius-base);height:-webkit-fit-content;height:fit-content;padding:var(--space-sm);text-align:center}.pet-medical__event-month{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-xs);text-transform:uppercase}.pet-medical__event-day{color:var(--color-text);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.pet-medical__event-content{flex:1 1}.pet-medical__event-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-md)}.pet-medical__event-header h3{color:var(--color-text);font-size:var(--font-size-lg);margin:0}.pet-medical__event-actions{display:flex;gap:var(--space-xs)}.pet-medical__icon-button{background:none;border:none;cursor:pointer;font-size:var(--font-size-lg);padding:var(--space-xs);transition:all var(--transition-base)}.pet-medical__icon-button:hover{transform:scale(1.1)}.pet-medical__event-description{color:var(--color-text);margin:0 0 var(--space-md) 0}.pet-medical__event-details{grid-gap:var(--space-sm);display:grid;gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.pet-medical__event-detail{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.pet-medical__event-detail span{font-weight:var(--font-weight-medium)}.pet-medical__event-detail--highlight{color:var(--color-info);font-weight:var(--font-weight-medium)}.pet-medical__empty{background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);color:var(--color-text-secondary);padding:var(--space-3xl);text-align:center}.pet-medical__empty p{margin:0 0 var(--space-sm) 0}body.dark-mode .pet-medical__event,body.dark-mode .pet-medical__form-container,body.dark-mode .pet-medical__stat{background-color:#2a2a2a;border-color:#444}body.dark-mode .pet-medical__event-content h3,body.dark-mode .pet-medical__event-description,body.dark-mode .pet-medical__event-header h3{color:#e0e0e0}body.dark-mode .pet-medical__event-detail{color:#bbb}body.dark-mode .pet-medical__event-date{background-color:#333;border:1px solid #444}body.dark-mode .pet-medical__event-day{color:#e0e0e0}body.dark-mode .pet-medical__event-month{color:#bbb}body.dark-mode .pet-medical__stat{background-color:#2a2a2a;border-color:#444}body.dark-mode .pet-medical__stat-value{color:#e0e0e0}body.dark-mode .pet-medical__stat-label{color:#bbb}body.dark-mode .pet-medical__input,body.dark-mode .pet-medical__select,body.dark-mode .pet-medical__textarea{background-color:#1a1a1a;border-color:#444;color:#e0e0e0}body.dark-mode .pet-medical__input:focus,body.dark-mode .pet-medical__select:focus,body.dark-mode .pet-medical__textarea:focus{border-color:var(--color-primary)}body.dark-mode .pet-medical__filter{background-color:#333;border-color:#444;color:#e0e0e0}body.dark-mode .pet-medical__filter--active{background-color:var(--color-primary);color:#fff}body.dark-mode .pet-medical__empty{background-color:#2a2a2a;color:#bbb}@media (max-width:768px){.pet-medical{padding:var(--space-md)}.pet-medical__title{font-size:var(--font-size-xl)}.pet-medical__stats{grid-template-columns:repeat(2,1fr)}.pet-medical__controls{align-items:stretch;flex-direction:column}.pet-medical__filters{justify-content:center}.pet-medical__form-container{padding:var(--space-lg)}.pet-medical__form-grid{grid-template-columns:1fr}.pet-medical__form-actions{flex-direction:column-reverse}.pet-medical__button{width:100%}.pet-medical__event{gap:var(--space-md);grid-template-columns:60px 1fr;padding:var(--space-md)}.pet-medical__event-date{padding:var(--space-xs)}.pet-medical__event-month{font-size:var(--font-size-xs)}.pet-medical__event-day{font-size:var(--font-size-xl)}.pet-medical__event-header{align-items:flex-start;flex-direction:column;gap:var(--space-sm)}.pet-medical__event-actions{align-self:flex-end}.pet-medical__event-details{grid-template-columns:1fr}}.pet-quick-report{max-width:1200px;padding:0;width:100%}.pet-quick-report--full-width{margin:0;max-width:none}body.has-profile-background .pet-quick-report{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1rem}body.dark-mode .pet-quick-report{background-color:#2a2a2a;color:var(--color-text)}body.dark-mode.has-profile-background .pet-quick-report{background-color:#2a2a2af2}.pet-quick-report__header{border-bottom:2px solid var(--color-primary);margin-bottom:2rem;padding:.5rem 1rem 1rem;position:relative;text-align:center}.pet-quick-report__header-content{width:100%}.pet-quick-report__header h1{color:var(--color-primary);font-size:2.5rem;margin:0 0 .5rem}.pet-quick-report__header p{color:var(--color-text-secondary);font-size:1.1rem;margin:0}.pet-quick-report__share-button{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;font-size:.875rem;height:auto;justify-content:center;margin-left:1rem;min-height:0;min-height:auto;padding:.25rem .5rem;position:static;transition:all .2s ease}.pet-quick-report__share-button:hover{background-color:var(--color-bg-tertiary);box-shadow:var(--shadow-md);color:var(--color-primary);transform:translateY(-1px)}.pet-quick-report__share-button:active{transform:translateY(0)}.pet-quick-report__share-button svg{fill:currentColor;height:1em;width:1em}.pet-quick-report__status{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem;padding:0 1rem}.pet-quick-report__status-item{align-items:center;border-radius:var(--radius-lg);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.pet-quick-report__status-item--success{background-color:#28a7451a;border:1px solid #28a7454d;color:#28a745}.pet-quick-report__status-item--info{background-color:#17a2b81a;border:1px solid #17a2b84d;color:#17a2b8}.pet-quick-report__status-item--warning{background-color:#ffc1071a;border:1px solid #ffc1074d;color:#ffc107}body.dark-mode .pet-quick-report__status-item--success{background-color:#28a74533}body.dark-mode .pet-quick-report__status-item--info{background-color:#17a2b833}body.dark-mode .pet-quick-report__status-item--warning{background-color:#ffc10733}.pet-quick-report__content{box-sizing:border-box;padding:0 1rem;width:100%}.pet-quick-report__section{margin-bottom:3rem}.pet-quick-report__section h2{border-bottom:1px solid var(--color-border);color:var(--color-text);margin-bottom:1rem;padding-bottom:.5rem}.pet-quick-report__cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.pet-quick-report__card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:1.5rem;transition:all .3s ease}.pet-quick-report__card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-quick-report__card h3{color:var(--color-primary);margin:0 0 .5rem}.pet-quick-report__card p{color:var(--color-text-secondary);margin:0}.pet-quick-report__features{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));list-style:none;margin:0;padding:0}.pet-quick-report__features li{background-color:var(--color-bg-tertiary);border-left:3px solid var(--color-primary);border-radius:var(--radius-base);padding:.5rem}.pet-quick-report__actions{flex-wrap:wrap;gap:1rem;margin-top:1rem}.pet-quick-report__button{font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.pet-quick-report__button--primary{background-color:var(--color-primary);color:#fff}.pet-quick-report__button--primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.pet-quick-report__button--secondary{background-color:var(--color-bg-secondary)}.pet-quick-report__button--secondary:hover{background-color:var(--color-bg-tertiary);transform:translateY(-1px)}.pet-quick-report__notice{background-color:#ffc1071a;border:1px solid #ffc1074d;border-radius:var(--radius-lg);margin-top:3rem;padding:1.5rem;text-align:center}.pet-quick-report__notice p{font-weight:500;margin:0}@media (max-width:768px){.pet-quick-report{border-radius:0;padding:.5rem}.pet-quick-report__header h1{font-size:2rem}.pet-quick-report__breadcrumb-row{padding:.5rem}.pet-quick-report__share-button{font-size:.75rem;margin-left:.5rem;padding:.25rem}.pet-quick-report__status{align-items:stretch;flex-direction:column}.pet-quick-report__content{padding:0 .5rem}.pet-quick-report__cards,.pet-quick-report__features{grid-template-columns:1fr}.pet-quick-report__actions{flex-direction:column}.pet-quick-report__button{width:100%}}.pet-quick-report__skip-link{background:var(--color-primary);border-radius:var(--radius-base);color:#fff;font-weight:500;left:-9999px;padding:8px 16px;position:absolute;text-decoration:none;top:0;z-index:100}.pet-quick-report__skip-link:focus{box-shadow:var(--shadow-lg);left:50%;top:10px;transform:translateX(-50%)}.pet-quick-report__breadcrumb-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;padding:1rem 1rem 0}.pet-quick-report__breadcrumbs{flex:1 1;margin:0;padding:0}.pet-quick-report__breadcrumbs ol{flex-wrap:wrap;list-style:none;margin:0;padding:0}.pet-quick-report__breadcrumbs li,.pet-quick-report__breadcrumbs ol{align-items:center;display:flex;gap:.5rem}.pet-quick-report__breadcrumbs a{align-items:center;color:var(--color-primary);display:flex;gap:.25rem;text-decoration:none;transition:color .2s ease}.pet-quick-report__breadcrumbs a:hover{color:var(--color-primary-hover);text-decoration:underline}.pet-quick-report__breadcrumb-separator{color:var(--color-text-secondary);font-size:.75rem}.pet-quick-report__error{margin:0 auto;max-width:600px;padding:3rem 1rem;text-align:center}.pet-quick-report__error h2{color:var(--color-danger);margin-bottom:1rem}.pet-quick-report__error p{color:var(--color-text-secondary);margin-bottom:2rem}.pet-quick-report__loading{padding:2rem 1rem}.pet-quick-report__skeleton{animation:skeleton-loading 1.5s ease-in-out infinite}.pet-quick-report__skeleton-card,.pet-quick-report__skeleton-header,.pet-quick-report__skeleton-text{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--radius-base)}.pet-quick-report__skeleton-header{height:3rem;margin:0 auto 2rem;width:60%}.pet-quick-report__skeleton-text{height:1rem;margin-bottom:1rem}.pet-quick-report__skeleton-text--short{width:70%}.pet-quick-report__skeleton-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.pet-quick-report__skeleton-card{height:150px}.pet-quick-report__form{max-width:600px}.pet-quick-report__form-group{margin-bottom:1.5rem}.pet-quick-report__form-group label{color:var(--color-text);display:block;font-weight:500;margin-bottom:.5rem}.pet-quick-report__required{margin-left:.25rem}.pet-quick-report__input,.pet-quick-report__select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:1rem;min-height:44px;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.pet-quick-report__input:focus,.pet-quick-report__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.pet-quick-report__help-text{color:var(--color-text-secondary);display:block;font-size:.875rem;margin-top:.5rem}body.dark-mode .pet-quick-report__skeleton-card,body.dark-mode .pet-quick-report__skeleton-header,body.dark-mode .pet-quick-report__skeleton-text{background:linear-gradient(90deg,#3a3a3a 25%,#4a4a4a 50%,#3a3a3a 75%)}body.dark-mode .pet-quick-report__input,body.dark-mode .pet-quick-report__select{background-color:var(--color-bg-secondary)}.pet-quick-report__button:focus-visible,.pet-quick-report__card:focus-visible,.pet-quick-report__input:focus-visible,.pet-quick-report__select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media print{.pet-quick-report__actions,.pet-quick-report__notice,.pet-quick-report__offline-banner,.pet-quick-report__skip-link,.pet-quick-report__toast{display:none}.pet-quick-report{background:#fff;color:#000;max-width:none;padding:0}}.pet-quick-report__offline-banner{align-items:center;background-color:var(--color-warning);box-shadow:var(--shadow-md);color:#fff;display:flex;font-weight:500;gap:.5rem;justify-content:center;left:0;padding:.75rem;position:fixed;right:0;text-align:center;top:0;z-index:1100}.pet-quick-report__toast{align-items:center;animation:slideIn .3s ease-out;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);bottom:2rem;box-shadow:var(--shadow-lg);display:flex;gap:1rem;max-width:400px;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:1200}.pet-quick-report__toast-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.pet-quick-report__toast-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s ease}.pet-quick-report__toast-close:hover{color:var(--color-text)}.pet-quick-report__toast--success{border-color:var(--color-success)}.pet-quick-report__toast--success svg{color:var(--color-success)}.pet-quick-report__toast--warning{border-color:var(--color-warning)}.pet-quick-report__toast--warning svg{color:var(--color-warning)}.pet-quick-report__toast--error{border-color:var(--color-danger)}.pet-quick-report__toast--error svg{color:var(--color-danger)}.pet-quick-report__toast--info{border-color:var(--color-info)}.pet-quick-report__toast--info svg{color:var(--color-info)}.pet-quick-report__unsaved-indicator{color:var(--color-warning);font-size:.875rem;font-weight:400;margin-left:.5rem}.pet-quick-report__form-actions{display:flex;gap:1rem;margin-top:1.5rem}.pet-quick-report__image-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1rem}.pet-quick-report__image-container{aspect-ratio:16/9;background-color:var(--color-bg-secondary);border-radius:var(--radius-base);overflow:hidden;position:relative}.pet-quick-report__image{height:100%;object-fit:cover;transition:opacity .3s ease;width:100%}.pet-quick-report__image[data-src]{background-color:var(--color-bg-tertiary);opacity:0}.pet-quick-report__image:not([data-src]){opacity:1}@media (prefers-contrast:high){.pet-quick-report__button,.pet-quick-report__input,.pet-quick-report__select,.pet-quick-report__toast{border-width:2px}}@media (max-width:768px){.pet-quick-report__toast{bottom:1rem;left:1rem;max-width:none;right:1rem}.pet-quick-report__form-actions{flex-direction:column}.pet-quick-report__form-actions button{width:100%}.pet-quick-report__image-grid{grid-template-columns:1fr}}.pet-quick-report{background-color:var(--color-bg);margin:0 auto;max-width:800px;min-height:100vh;padding:var(--space-lg)}.pet-quick-report--loading{align-items:center;display:flex;justify-content:center}.pet-quick-report__loader{color:var(--color-text-secondary);font-size:var(--font-size-lg)}.pet-quick-report__header{margin-bottom:var(--space-xl)}.pet-quick-report__back-button{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;font-size:var(--font-size-base);margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.pet-quick-report__back-button:hover{background-color:var(--color-bg-hover);transform:translateX(-2px)}.pet-quick-report__title{color:var(--color-text);font-size:var(--font-size-2xl);margin:0}.pet-quick-report__pet-info{align-items:center;background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);display:flex;gap:var(--space-lg);margin-bottom:var(--space-lg);padding:var(--space-lg)}.pet-quick-report__pet-photo{background-color:var(--color-bg-tertiary);border-radius:var(--radius-lg);height:100px;object-fit:cover;width:100px}.pet-quick-report__pet-details{flex:1 1}.pet-quick-report__pet-details h2{color:var(--color-text);font-size:var(--font-size-xl);margin:0 0 var(--space-xs) 0}.pet-quick-report__pet-details p{color:var(--color-text-secondary);margin:0 0 var(--space-xs) 0}.pet-quick-report__microchip{color:var(--color-success)!important;font-weight:var(--font-weight-medium)}.pet-quick-report__alert{background-color:var(--color-warning-light);border:1px solid var(--color-warning);border-radius:var(--radius-base);color:var(--color-warning-dark);margin-bottom:var(--space-xl);padding:var(--space-md)}.pet-quick-report__alert strong{display:inline-block;margin-right:var(--space-xs)}.pet-quick-report__form{background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-xl)}.pet-quick-report__section{border-bottom:1px solid var(--color-border);margin-bottom:var(--space-xl);padding-bottom:var(--space-xl)}.pet-quick-report__section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.pet-quick-report__section h3{color:var(--color-text);font-size:var(--font-size-lg);margin:0 0 var(--space-lg) 0}.pet-quick-report__form-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.pet-quick-report__field{display:flex;flex-direction:column}.pet-quick-report__field--full{grid-column:1/-1}.pet-quick-report__label{color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-bottom:var(--space-xs)}.pet-quick-report__required{color:var(--color-danger)}.pet-quick-report__hint{color:var(--color-text-secondary);display:block;font-size:var(--font-size-sm);margin-top:var(--space-xs)}.pet-quick-report__input,.pet-quick-report__select,.pet-quick-report__textarea{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:var(--font-size-base);padding:var(--space-sm);transition:all var(--transition-base)}.pet-quick-report__input:focus,.pet-quick-report__select:focus,.pet-quick-report__textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.pet-quick-report__textarea{font-family:inherit;min-height:100px;resize:vertical}.pet-quick-report__help{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:var(--space-xs) 0 0 0}.pet-quick-report__actions{border-top:1px solid var(--color-border);display:flex;gap:var(--space-md);justify-content:flex-end;margin-top:var(--space-xl);padding-top:var(--space-xl)}.pet-quick-report__button{border:none;border-radius:var(--radius-base);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-xl);transition:all var(--transition-base)}.pet-quick-report__button--primary{background-color:var(--color-danger);color:var(--color-text-inverse);min-width:200px}.pet-quick-report__button--primary:hover{background-color:var(--color-danger-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-quick-report__button--primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.pet-quick-report__button--secondary{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text)}.pet-quick-report__button--secondary:hover{background-color:var(--color-bg-hover)}.dark .pet-quick-report{background-color:var(--color-bg)}.dark .pet-quick-report__form,.dark .pet-quick-report__pet-info{background-color:var(--color-bg-secondary)}.dark .pet-quick-report__input,.dark .pet-quick-report__select,.dark .pet-quick-report__textarea{background-color:var(--color-bg);border-color:var(--color-border);color:var(--color-text)}@media (max-width:768px){.pet-quick-report{padding:var(--space-md)}.pet-quick-report__title{font-size:var(--font-size-xl)}.pet-quick-report__pet-info{flex-direction:column;padding:var(--space-md);text-align:center}.pet-quick-report__pet-photo{height:120px;width:120px}.pet-quick-report__form{padding:var(--space-lg)}.pet-quick-report__form-grid{grid-template-columns:1fr}.pet-quick-report__actions{flex-direction:column-reverse}.pet-quick-report__button{width:100%}}.pet-vaccines-overview{padding:0;width:100%}.pet-vaccines-overview--full-width{margin:0;max-width:none}body.has-profile-background .pet-vaccines-overview{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1rem}body.dark-mode .pet-vaccines-overview{background-color:#2a2a2a;color:var(--color-text)}body.dark-mode.has-profile-background .pet-vaccines-overview{background-color:#2a2a2af2}.pet-vaccines-overview__header{border-bottom:2px solid var(--color-primary);margin-bottom:2rem;padding:.5rem 1rem 1rem;position:relative;text-align:center}.pet-vaccines-overview__header-content{width:100%}.pet-vaccines-overview__header h1{color:var(--color-primary);font-size:2.5rem;margin:0 0 .5rem}.pet-vaccines-overview__header p{color:var(--color-text-secondary);font-size:1.1rem;margin:0}.pet-vaccines-overview__share-button{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;font-size:.875rem;height:auto;justify-content:center;margin-left:1rem;min-height:0;min-height:auto;padding:.25rem .5rem;position:static;transition:all .2s ease}.pet-vaccines-overview__share-button:hover{background-color:var(--color-bg-tertiary);box-shadow:var(--shadow-md);color:var(--color-primary);transform:translateY(-1px)}.pet-vaccines-overview__share-button:active{transform:translateY(0)}.pet-vaccines-overview__share-button svg{fill:currentColor;height:1em;width:1em}.pet-vaccines-overview__status{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem;padding:0 1rem}.pet-vaccines-overview__status-item{align-items:center;border-radius:var(--radius-lg);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.pet-vaccines-overview__status-item--success{background-color:#28a7451a;border:1px solid #28a7454d;color:#28a745}.pet-vaccines-overview__status-item--info{background-color:#17a2b81a;border:1px solid #17a2b84d;color:#17a2b8}.pet-vaccines-overview__status-item--warning{background-color:#ffc1071a;border:1px solid #ffc1074d;color:#ffc107}body.dark-mode .pet-vaccines-overview__status-item--success{background-color:#28a74533}body.dark-mode .pet-vaccines-overview__status-item--info{background-color:#17a2b833}body.dark-mode .pet-vaccines-overview__status-item--warning{background-color:#ffc10733}.pet-vaccines-overview__content{box-sizing:border-box;padding:0 1rem;width:100%}.pet-vaccines-overview__section{margin-bottom:3rem}.pet-vaccines-overview__section h2{border-bottom:1px solid var(--color-border);color:var(--color-text);margin-bottom:1rem;padding-bottom:.5rem}.pet-vaccines-overview__cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.pet-vaccines-overview__card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:1.5rem;transition:all .3s ease}.pet-vaccines-overview__card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-vaccines-overview__card h3{color:var(--color-primary);margin:0 0 .5rem}.pet-vaccines-overview__card p{color:var(--color-text-secondary);margin:0}.pet-vaccines-overview__features{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));list-style:none;margin:0;padding:0}.pet-vaccines-overview__features li{background-color:var(--color-bg-tertiary);border-left:3px solid var(--color-primary);border-radius:var(--radius-base);padding:.5rem}.pet-vaccines-overview__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.pet-vaccines-overview__button{border:none;border-radius:var(--radius-base);cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.pet-vaccines-overview__button--primary{background-color:var(--color-primary);color:#fff}.pet-vaccines-overview__button--primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.pet-vaccines-overview__button--secondary{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.pet-vaccines-overview__button--secondary:hover{background-color:var(--color-bg-tertiary);transform:translateY(-1px)}.pet-vaccines-overview__notice{background-color:#ffc1071a;border:1px solid #ffc1074d;border-radius:var(--radius-lg);margin-top:3rem;padding:1.5rem;text-align:center}.pet-vaccines-overview__notice p{font-weight:500;margin:0}@media (max-width:768px){.pet-vaccines-overview{border-radius:0;padding:.5rem}.pet-vaccines-overview__header h1{font-size:2rem}.pet-vaccines-overview__breadcrumb-row{padding:.5rem}.pet-vaccines-overview__share-button{font-size:.75rem;margin-left:.5rem;padding:.25rem}.pet-vaccines-overview__status{align-items:stretch;flex-direction:column}.pet-vaccines-overview__content{padding:0 .5rem}.pet-vaccines-overview__cards,.pet-vaccines-overview__features{grid-template-columns:1fr}.pet-vaccines-overview__actions{flex-direction:column}.pet-vaccines-overview__button{width:100%}}.pet-vaccines-overview__skip-link{background:var(--color-primary);border-radius:var(--radius-base);color:#fff;font-weight:500;left:-9999px;padding:8px 16px;position:absolute;text-decoration:none;top:0;z-index:100}.pet-vaccines-overview__skip-link:focus{box-shadow:var(--shadow-lg);left:50%;top:10px;transform:translateX(-50%)}.pet-vaccines-overview__breadcrumb-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;padding:1rem 1rem 0}.pet-vaccines-overview__breadcrumbs{flex:1 1;margin:0;padding:0}.pet-vaccines-overview__breadcrumbs ol{flex-wrap:wrap;list-style:none;margin:0;padding:0}.pet-vaccines-overview__breadcrumbs li,.pet-vaccines-overview__breadcrumbs ol{align-items:center;display:flex;gap:.5rem}.pet-vaccines-overview__breadcrumbs a{align-items:center;color:var(--color-primary);display:flex;gap:.25rem;text-decoration:none;transition:color .2s ease}.pet-vaccines-overview__breadcrumbs a:hover{color:var(--color-primary-hover);text-decoration:underline}.pet-vaccines-overview__breadcrumb-separator{color:var(--color-text-secondary);font-size:.75rem}.pet-vaccines-overview__error{margin:0 auto;max-width:600px;padding:3rem 1rem}.pet-vaccines-overview__error h2{color:var(--color-danger);margin-bottom:1rem}.pet-vaccines-overview__error p{color:var(--color-text-secondary);margin-bottom:2rem}.pet-vaccines-overview__loading{padding:2rem 1rem}.pet-vaccines-overview__skeleton{animation:skeleton-loading 1.5s ease-in-out infinite}.pet-vaccines-overview__skeleton-card,.pet-vaccines-overview__skeleton-header,.pet-vaccines-overview__skeleton-text{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--radius-base)}.pet-vaccines-overview__skeleton-header{height:3rem;margin:0 auto 2rem;width:60%}.pet-vaccines-overview__skeleton-text{height:1rem;margin-bottom:1rem}.pet-vaccines-overview__skeleton-text--short{width:70%}.pet-vaccines-overview__skeleton-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.pet-vaccines-overview__skeleton-card{height:150px}.pet-vaccines-overview__form{max-width:600px}.pet-vaccines-overview__form-group{margin-bottom:1.5rem}.pet-vaccines-overview__form-group label{color:var(--color-text);display:block;font-weight:500;margin-bottom:.5rem}.pet-vaccines-overview__required{color:var(--color-danger);margin-left:.25rem}.pet-vaccines-overview__input,.pet-vaccines-overview__select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:1rem;min-height:44px;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.pet-vaccines-overview__input:focus,.pet-vaccines-overview__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.pet-vaccines-overview__help-text{color:var(--color-text-secondary);display:block;font-size:.875rem;margin-top:.5rem}body.dark-mode .pet-vaccines-overview__skeleton-card,body.dark-mode .pet-vaccines-overview__skeleton-header,body.dark-mode .pet-vaccines-overview__skeleton-text{background:linear-gradient(90deg,#3a3a3a 25%,#4a4a4a 50%,#3a3a3a 75%)}body.dark-mode .pet-vaccines-overview__input,body.dark-mode .pet-vaccines-overview__select{background-color:var(--color-bg-secondary)}.pet-vaccines-overview__button:focus-visible,.pet-vaccines-overview__card:focus-visible,.pet-vaccines-overview__input:focus-visible,.pet-vaccines-overview__select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media print{.pet-vaccines-overview__actions,.pet-vaccines-overview__notice,.pet-vaccines-overview__offline-banner,.pet-vaccines-overview__skip-link,.pet-vaccines-overview__toast{display:none}.pet-vaccines-overview{background:#fff;color:#000;max-width:none;padding:0}}.pet-vaccines-overview__offline-banner{align-items:center;background-color:var(--color-warning);box-shadow:var(--shadow-md);color:#fff;display:flex;font-weight:500;gap:.5rem;justify-content:center;left:0;padding:.75rem;position:fixed;right:0;text-align:center;top:0;z-index:1100}.pet-vaccines-overview__toast{align-items:center;animation:slideIn .3s ease-out;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);bottom:2rem;box-shadow:var(--shadow-lg);display:flex;gap:1rem;max-width:400px;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:1200}.pet-vaccines-overview__toast-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.pet-vaccines-overview__toast-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s ease}.pet-vaccines-overview__toast-close:hover{color:var(--color-text)}.pet-vaccines-overview__toast--success{border-color:var(--color-success)}.pet-vaccines-overview__toast--success svg{color:var(--color-success)}.pet-vaccines-overview__toast--warning{border-color:var(--color-warning)}.pet-vaccines-overview__toast--warning svg{color:var(--color-warning)}.pet-vaccines-overview__toast--error{border-color:var(--color-danger)}.pet-vaccines-overview__toast--error svg{color:var(--color-danger)}.pet-vaccines-overview__toast--info{border-color:var(--color-info)}.pet-vaccines-overview__toast--info svg{color:var(--color-info)}.pet-vaccines-overview__unsaved-indicator{color:var(--color-warning);font-size:.875rem;font-weight:400;margin-left:.5rem}.pet-vaccines-overview__form-actions{display:flex;gap:1rem;margin-top:1.5rem}.pet-vaccines-overview__image-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1rem}.pet-vaccines-overview__image-container{aspect-ratio:16/9;background-color:var(--color-bg-secondary);border-radius:var(--radius-base);overflow:hidden;position:relative}.pet-vaccines-overview__image{height:100%;object-fit:cover;transition:opacity .3s ease;width:100%}.pet-vaccines-overview__image[data-src]{background-color:var(--color-bg-tertiary);opacity:0}.pet-vaccines-overview__image:not([data-src]){opacity:1}@media (prefers-contrast:high){.pet-vaccines-overview__button,.pet-vaccines-overview__input,.pet-vaccines-overview__select,.pet-vaccines-overview__toast{border-width:2px}}@media (max-width:768px){.pet-vaccines-overview__toast{bottom:1rem;left:1rem;max-width:none;right:1rem}.pet-vaccines-overview__form-actions{flex-direction:column}.pet-vaccines-overview__form-actions button{width:100%}.pet-vaccines-overview__image-grid{grid-template-columns:1fr}}.pet-vaccines-overview{background-color:var(--color-bg);margin:0 auto;max-width:1200px;min-height:100vh;padding:var(--space-lg)}.pet-vaccines-overview--loading{align-items:center;display:flex;justify-content:center}.pet-vaccines-overview__loader{color:var(--color-text-secondary);font-size:var(--font-size-lg);padding:var(--space-xl);text-align:center}.pet-vaccines-overview__header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-md);margin-bottom:var(--space-xl);padding-bottom:var(--space-md)}.pet-vaccines-overview__back-button{-webkit-text-fill-color:#fff!important;align-items:center;background:var(--color-primary)!important;border:1px solid var(--color-primary);border-radius:var(--radius-base);color:#fff!important;cursor:pointer;display:flex;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);text-decoration:none;transition:all var(--transition-base)}.pet-vaccines-overview__back-button:hover{background:var(--color-primary-hover)!important;color:#fff!important;transform:translateX(-2px)}.pet-vaccines-overview__title{align-items:center;color:var(--color-text);display:flex;flex:1 1;font-size:var(--font-size-2xl);gap:var(--space-sm);margin:0}.pet-vaccines-overview__icon{color:var(--color-primary)}.pet-vaccines-overview__error{background:var(--color-danger-bg);border-radius:var(--radius-base);color:var(--color-danger);margin-bottom:var(--space-lg);padding:var(--space-lg);text-align:center}.pet-vaccines-overview__error button{background:var(--color-danger);border:none;border-radius:var(--radius-base);color:#fff;cursor:pointer;margin-top:var(--space-md);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.pet-vaccines-overview__error button:hover{background:var(--color-danger-hover);transform:translateY(-1px)}.pet-vaccines-overview__empty{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-xxl);text-align:center}.pet-vaccines-overview__empty-icon{font-size:4rem;margin-bottom:var(--space-lg)}.pet-vaccines-overview__empty h2{color:var(--color-text);margin:0 0 var(--space-md) 0}.pet-vaccines-overview__empty p{color:var(--color-text-secondary);margin:0 0 var(--space-xl) 0}.pet-vaccines-overview__add-button{background:var(--color-primary);border:none;border-radius:var(--radius-base);color:#fff!important;cursor:pointer;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);padding:var(--space-md) var(--space-xl);transition:all var(--transition-base)}.pet-vaccines-overview__add-button:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);color:#fff!important;transform:translateY(-2px)}.pet-vaccines-overview__summary{grid-gap:var(--space-xl);display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--space-xxxl)}.pet-vaccines-overview__summary-card{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;gap:var(--space-lg);padding:var(--space-lg);transition:all var(--transition-base)}.pet-vaccines-overview__summary-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.pet-vaccines-overview__summary-card--warning{background-color:var(--color-warning-light);border-color:var(--color-warning)}.pet-vaccines-overview__summary-card--info{background-color:var(--color-info-light);border-color:var(--color-info)}.pet-vaccines-overview__summary-icon{align-items:center;border-radius:var(--radius-base);display:flex;flex-shrink:0;font-size:var(--font-size-2xl);height:60px;justify-content:center;width:60px}.pet-vaccines-overview__summary-icon--total{background:#0000;color:var(--color-text)}.pet-vaccines-overview__summary-icon--overdue{background:#0000;color:var(--color-warning-dark)}.pet-vaccines-overview__summary-icon--upcoming{background:#0000;color:var(--color-info)}.pet-vaccines-overview__summary-content{flex:1 1}.pet-vaccines-overview__summary-value{color:var(--color-text);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-xs)}.pet-vaccines-overview__summary-label{color:var(--color-text-secondary);font-size:var(--font-size-base)}.pet-vaccines-overview__pets-grid{grid-gap:var(--space-xl);display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:var(--space-xxxl)}.pet-vaccines-overview__pet-card{background:var(--color-bg-secondary);border:2px solid #0000;border-radius:var(--radius-lg);cursor:pointer;padding:var(--space-xl);transition:all var(--transition-base)}.pet-vaccines-overview__pet-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-vaccines-overview__pet-card--overdue{border-color:var(--color-danger)}.pet-vaccines-overview__pet-card--upcoming{border-color:var(--color-warning)}.pet-vaccines-overview__pet-card--current{border-color:var(--color-success)}.pet-vaccines-overview__pet-header{align-items:center;display:flex;gap:var(--space-md);margin-bottom:var(--space-lg)}.pet-vaccines-overview__pet-photo{border-radius:var(--radius-full);flex-shrink:0;height:60px;object-fit:cover;width:60px}.pet-vaccines-overview__pet-photo-placeholder{align-items:center;background:var(--color-bg);border-radius:var(--radius-full);display:flex;flex-shrink:0;font-size:var(--font-size-xl);height:60px;justify-content:center;width:60px}.pet-vaccines-overview__pet-info{flex:1 1}.pet-vaccines-overview__pet-name{color:var(--color-text);font-size:var(--font-size-lg);margin:0 0 var(--space-xs) 0}.pet-vaccines-overview__pet-details{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.pet-vaccines-overview__status-badge{align-items:center;border-radius:var(--radius-full);display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);white-space:nowrap}.pet-vaccines-overview__status-badge--overdue{background:var(--color-danger-bg);color:var(--color-danger)}.pet-vaccines-overview__status-badge--upcoming{background:var(--color-warning-bg);color:var(--color-warning)}.pet-vaccines-overview__status-badge--current{background:var(--color-success-bg);color:var(--color-success)}.pet-vaccines-overview__pet-stats{display:flex;gap:var(--space-lg);margin-bottom:var(--space-lg)}.pet-vaccines-overview__stat{flex:1 1;text-align:center}.pet-vaccines-overview__stat-value{color:var(--color-text);display:block;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-xs)}.pet-vaccines-overview__stat--overdue .pet-vaccines-overview__stat-value{color:var(--color-danger)}.pet-vaccines-overview__stat--upcoming .pet-vaccines-overview__stat-value{color:var(--color-warning)}.pet-vaccines-overview__stat-label{color:var(--color-text-secondary);font-size:var(--font-size-xs);letter-spacing:.05em;text-transform:uppercase}.pet-vaccines-overview__pet-actions{text-align:center}.pet-vaccines-overview__manage-button{-webkit-text-fill-color:#fff!important;align-items:center;background:var(--color-primary)!important;border:none;border-radius:var(--radius-base);color:#fff!important;cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:var(--space-sm);justify-content:center;padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base);width:100%}.pet-vaccines-overview__manage-button:hover{background:var(--color-primary-hover);color:#fff!important;transform:translateY(-1px)}.pet-vaccines-overview__tips{background:var(--color-info-bg);border:1px solid var(--color-info);border-radius:var(--radius-lg);margin-top:var(--space-xxl);padding:var(--space-xl)}.pet-vaccines-overview__tips-title{color:var(--color-text);font-size:var(--font-size-lg);margin:0 0 var(--space-md) 0}.pet-vaccines-overview__tips-list{color:var(--color-text-secondary);line-height:1.8;margin:0;padding-left:var(--space-xl)}body.dark-mode .pet-vaccines-overview__pet-card,body.dark-mode .pet-vaccines-overview__summary-card{background:var(--color-bg-tertiary)}body.dark-mode .pet-vaccines-overview__pet-photo-placeholder{background:var(--color-bg-secondary)}body.dark-mode .pet-vaccines-overview__tips{background:var(--color-bg-tertiary);border-color:var(--color-info)}@media (max-width:768px){.pet-vaccines-overview{padding:var(--space-md)}.pet-vaccines-overview__header{flex-wrap:wrap}.pet-vaccines-overview__title{margin-top:var(--space-md);text-align:center;width:100%}.pet-vaccines-overview__pets-grid,.pet-vaccines-overview__summary{grid-template-columns:1fr}.pet-vaccines-overview__pet-stats{flex-wrap:wrap}.pet-vaccines-overview__stat{min-width:80px}}.pet-vaccines-overview__reference{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-top:var(--space-xl);padding:var(--space-xl)}.pet-vaccines-overview__reference-title{align-items:center;color:var(--color-text);display:flex;font-size:var(--font-size-xl);gap:var(--space-sm);margin-bottom:var(--space-lg)}.pet-vaccines-overview__reference-icon{color:var(--color-info)}.pet-vaccines-overview__species-tabs{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-lg)}.pet-vaccines-overview__species-tab{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-md);text-transform:capitalize;transition:all var(--transition-base)}.pet-vaccines-overview__species-tab:hover{background-color:var(--color-bg-hover);border-color:var(--color-primary)}.pet-vaccines-overview__species-tab--active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.pet-vaccines-overview__vaccine-lists{margin-bottom:var(--space-lg)}.pet-vaccines-overview__vaccine-section{margin-bottom:var(--space-xl)}.pet-vaccines-overview__vaccine-section-title{color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-md)}.pet-vaccines-overview__vaccine-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.pet-vaccines-overview__vaccine-card{background-color:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-base);padding:var(--space-md);transition:all var(--transition-base)}.pet-vaccines-overview__vaccine-card--core{border-color:var(--color-success)}.pet-vaccines-overview__vaccine-card--noncore{border-color:var(--color-info)}.pet-vaccines-overview__vaccine-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-vaccines-overview__vaccine-name{color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm)}.pet-vaccines-overview__vaccine-details{display:flex;flex-direction:column;gap:var(--space-xs)}.pet-vaccines-overview__vaccine-detail{align-items:flex-start;display:flex;font-size:var(--font-size-sm);gap:var(--space-sm);justify-content:space-between}.pet-vaccines-overview__vaccine-detail--full{flex-direction:column;justify-content:flex-start;margin-top:var(--space-xs)}.pet-vaccines-overview__vaccine-label{color:var(--color-text-secondary);flex-shrink:0;font-weight:var(--font-weight-medium)}.pet-vaccines-overview__vaccine-value{color:var(--color-text);flex:1 1;text-align:right}.pet-vaccines-overview__vaccine-detail--full .pet-vaccines-overview__vaccine-value{margin-top:var(--space-xs);text-align:left}.pet-vaccines-overview__reference-note{background-color:var(--color-bg-tertiary);border-left:3px solid var(--color-info);border-radius:var(--radius-base);padding:var(--space-md)}.pet-vaccines-overview__reference-note p{color:var(--color-text);font-size:var(--font-size-sm);line-height:1.6;margin:0}body.dark-mode .pet-vaccines-overview__reference{background-color:var(--color-bg-secondary);border-color:var(--color-border)}body.dark-mode .pet-vaccines-overview__species-tab{background-color:var(--color-bg);border-color:var(--color-border)}body.dark-mode .pet-vaccines-overview__species-tab--active{background-color:var(--color-primary);color:#fff}body.dark-mode .pet-vaccines-overview__vaccine-card{background-color:var(--color-bg);border-color:var(--color-border)}body.dark-mode .pet-vaccines-overview__vaccine-card--core{border-color:var(--color-success)}body.dark-mode .pet-vaccines-overview__vaccine-card--noncore{border-color:var(--color-info)}body.dark-mode .pet-vaccines-overview__reference-note{background-color:var(--color-bg);border-left-color:var(--color-info)}@media (max-width:768px){.pet-vaccines-overview__reference{padding:var(--space-md)}.pet-vaccines-overview__vaccine-grid{grid-template-columns:1fr}.pet-vaccines-overview__species-tabs{justify-content:center}}.pet-medications-overview{padding:0;width:100%}.pet-medications-overview--full-width{margin:0;max-width:none}body.has-profile-background .pet-medications-overview{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1rem}body.dark-mode .pet-medications-overview{background-color:#2a2a2a;color:var(--color-text)}body.dark-mode.has-profile-background .pet-medications-overview{background-color:#2a2a2af2}.pet-medications-overview__header{border-bottom:2px solid var(--color-primary);margin-bottom:2rem;padding:.5rem 1rem 1rem;position:relative;text-align:center}.pet-medications-overview__header-content{width:100%}.pet-medications-overview__header h1{color:var(--color-primary);font-size:2.5rem;margin:0 0 .5rem}.pet-medications-overview__header p{color:var(--color-text-secondary);font-size:1.1rem;margin:0}.pet-medications-overview__share-button{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;font-size:.875rem;height:auto;justify-content:center;margin-left:1rem;min-height:0;min-height:auto;padding:.25rem .5rem;position:static;transition:all .2s ease}.pet-medications-overview__share-button:hover{background-color:var(--color-bg-tertiary);box-shadow:var(--shadow-md);color:var(--color-primary);transform:translateY(-1px)}.pet-medications-overview__share-button:active{transform:translateY(0)}.pet-medications-overview__share-button svg{fill:currentColor;height:1em;width:1em}.pet-medications-overview__status{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem;padding:0 1rem}.pet-medications-overview__status-item{align-items:center;border-radius:var(--radius-lg);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.pet-medications-overview__status-item--success{background-color:#28a7451a;border:1px solid #28a7454d;color:#28a745}.pet-medications-overview__status-item--info{background-color:#17a2b81a;border:1px solid #17a2b84d;color:#17a2b8}.pet-medications-overview__status-item--warning{background-color:#ffc1071a;border:1px solid #ffc1074d;color:#ffc107}body.dark-mode .pet-medications-overview__status-item--success{background-color:#28a74533}body.dark-mode .pet-medications-overview__status-item--info{background-color:#17a2b833}body.dark-mode .pet-medications-overview__status-item--warning{background-color:#ffc10733}.pet-medications-overview__content{box-sizing:border-box;padding:0 1rem;width:100%}.pet-medications-overview__section{margin-bottom:3rem}.pet-medications-overview__section h2{border-bottom:1px solid var(--color-border);color:var(--color-text);margin-bottom:1rem;padding-bottom:.5rem}.pet-medications-overview__cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.pet-medications-overview__card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:1.5rem;transition:all .3s ease}.pet-medications-overview__card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-medications-overview__card h3{color:var(--color-primary);margin:0 0 .5rem}.pet-medications-overview__card p{color:var(--color-text-secondary);margin:0}.pet-medications-overview__features{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));list-style:none;margin:0;padding:0}.pet-medications-overview__features li{background-color:var(--color-bg-tertiary);border-left:3px solid var(--color-primary);border-radius:var(--radius-base);padding:.5rem}.pet-medications-overview__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.pet-medications-overview__button{border:none;border-radius:var(--radius-base);cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.pet-medications-overview__button--primary{background-color:var(--color-primary);color:#fff}.pet-medications-overview__button--primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.pet-medications-overview__button--secondary{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.pet-medications-overview__button--secondary:hover{background-color:var(--color-bg-tertiary);transform:translateY(-1px)}.pet-medications-overview__notice{background-color:#ffc1071a;border:1px solid #ffc1074d;border-radius:var(--radius-lg);margin-top:3rem;padding:1.5rem;text-align:center}.pet-medications-overview__notice p{font-weight:500;margin:0}@media (max-width:768px){.pet-medications-overview{border-radius:0;padding:.5rem}.pet-medications-overview__header h1{font-size:2rem}.pet-medications-overview__breadcrumb-row{padding:.5rem}.pet-medications-overview__share-button{font-size:.75rem;margin-left:.5rem;padding:.25rem}.pet-medications-overview__status{align-items:stretch;flex-direction:column}.pet-medications-overview__content{padding:0 .5rem}.pet-medications-overview__cards,.pet-medications-overview__features{grid-template-columns:1fr}.pet-medications-overview__actions{flex-direction:column}.pet-medications-overview__button{width:100%}}.pet-medications-overview__skip-link{background:var(--color-primary);border-radius:var(--radius-base);color:#fff;font-weight:500;left:-9999px;padding:8px 16px;position:absolute;text-decoration:none;top:0;z-index:100}.pet-medications-overview__skip-link:focus{box-shadow:var(--shadow-lg);left:50%;top:10px;transform:translateX(-50%)}.pet-medications-overview__breadcrumb-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;padding:1rem 1rem 0}.pet-medications-overview__breadcrumbs{flex:1 1;margin:0;padding:0}.pet-medications-overview__breadcrumbs ol{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}.pet-medications-overview__breadcrumbs li{align-items:center;display:flex;gap:.5rem}.pet-medications-overview__breadcrumbs a{align-items:center;color:var(--color-primary);display:flex;gap:.25rem;text-decoration:none;transition:color .2s ease}.pet-medications-overview__breadcrumbs a:hover{color:var(--color-primary-hover);text-decoration:underline}.pet-medications-overview__breadcrumb-separator{color:var(--color-text-secondary);font-size:.75rem}.pet-medications-overview__error{margin:0 auto;max-width:600px;padding:3rem 1rem}.pet-medications-overview__error h2{color:var(--color-danger);margin-bottom:1rem}.pet-medications-overview__error p{color:var(--color-text-secondary);margin-bottom:2rem}.pet-medications-overview__loading{padding:2rem 1rem}.pet-medications-overview__skeleton{animation:skeleton-loading 1.5s ease-in-out infinite}.pet-medications-overview__skeleton-card,.pet-medications-overview__skeleton-header,.pet-medications-overview__skeleton-text{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--radius-base)}.pet-medications-overview__skeleton-header{height:3rem;margin:0 auto 2rem;width:60%}.pet-medications-overview__skeleton-text{height:1rem;margin-bottom:1rem}.pet-medications-overview__skeleton-text--short{width:70%}.pet-medications-overview__skeleton-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.pet-medications-overview__skeleton-card{height:150px}.pet-medications-overview__form{max-width:600px}.pet-medications-overview__form-group{margin-bottom:1.5rem}.pet-medications-overview__form-group label{color:var(--color-text);display:block;font-weight:500;margin-bottom:.5rem}.pet-medications-overview__required{color:var(--color-danger);margin-left:.25rem}.pet-medications-overview__input,.pet-medications-overview__select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:1rem;min-height:44px;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.pet-medications-overview__input:focus,.pet-medications-overview__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.pet-medications-overview__help-text{color:var(--color-text-secondary);display:block;font-size:.875rem;margin-top:.5rem}body.dark-mode .pet-medications-overview__skeleton-card,body.dark-mode .pet-medications-overview__skeleton-header,body.dark-mode .pet-medications-overview__skeleton-text{background:linear-gradient(90deg,#3a3a3a 25%,#4a4a4a 50%,#3a3a3a 75%)}body.dark-mode .pet-medications-overview__input,body.dark-mode .pet-medications-overview__select{background-color:var(--color-bg-secondary)}.pet-medications-overview__button:focus-visible,.pet-medications-overview__card:focus-visible,.pet-medications-overview__input:focus-visible,.pet-medications-overview__select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media print{.pet-medications-overview__actions,.pet-medications-overview__notice,.pet-medications-overview__offline-banner,.pet-medications-overview__skip-link,.pet-medications-overview__toast{display:none}.pet-medications-overview{background:#fff;color:#000;max-width:none;padding:0}}.pet-medications-overview__offline-banner{align-items:center;background-color:var(--color-warning);box-shadow:var(--shadow-md);color:#fff;display:flex;font-weight:500;gap:.5rem;justify-content:center;left:0;padding:.75rem;position:fixed;right:0;text-align:center;top:0;z-index:1100}.pet-medications-overview__toast{align-items:center;animation:slideIn .3s ease-out;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);bottom:2rem;box-shadow:var(--shadow-lg);display:flex;gap:1rem;max-width:400px;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:1200}.pet-medications-overview__toast-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.pet-medications-overview__toast-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s ease}.pet-medications-overview__toast-close:hover{color:var(--color-text)}.pet-medications-overview__toast--success{border-color:var(--color-success)}.pet-medications-overview__toast--success svg{color:var(--color-success)}.pet-medications-overview__toast--warning{border-color:var(--color-warning)}.pet-medications-overview__toast--warning svg{color:var(--color-warning)}.pet-medications-overview__toast--error{border-color:var(--color-danger)}.pet-medications-overview__toast--error svg{color:var(--color-danger)}.pet-medications-overview__toast--info{border-color:var(--color-info)}.pet-medications-overview__toast--info svg{color:var(--color-info)}.pet-medications-overview__unsaved-indicator{color:var(--color-warning);font-size:.875rem;font-weight:400;margin-left:.5rem}.pet-medications-overview__form-actions{display:flex;gap:1rem;margin-top:1.5rem}.pet-medications-overview__image-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1rem}.pet-medications-overview__image-container{aspect-ratio:16/9;background-color:var(--color-bg-secondary);border-radius:var(--radius-base);overflow:hidden;position:relative}.pet-medications-overview__image{height:100%;object-fit:cover;transition:opacity .3s ease;width:100%}.pet-medications-overview__image[data-src]{background-color:var(--color-bg-tertiary);opacity:0}.pet-medications-overview__image:not([data-src]){opacity:1}@media (prefers-contrast:high){.pet-medications-overview__button,.pet-medications-overview__input,.pet-medications-overview__select,.pet-medications-overview__toast{border-width:2px}}@media (max-width:768px){.pet-medications-overview__toast{bottom:1rem;left:1rem;max-width:none;right:1rem}.pet-medications-overview__form-actions{flex-direction:column}.pet-medications-overview__form-actions button{width:100%}.pet-medications-overview__image-grid{grid-template-columns:1fr}}.pet-medications-overview{background-color:var(--color-bg);margin:0 auto;max-width:1200px;min-height:100vh;padding:var(--space-lg)}.pet-medications-overview--loading{align-items:center;display:flex;justify-content:center}.pet-medications-overview__loader{color:var(--color-text-secondary);font-size:var(--font-size-lg);padding:var(--space-xl);text-align:center}.pet-medications-overview__header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-md);margin-bottom:var(--space-xl);padding-bottom:var(--space-md)}.pet-medications-overview__back-button{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.pet-medications-overview__back-button:hover{background:var(--color-bg-hover);transform:translateX(-2px)}.pet-medications-overview__title{align-items:center;color:var(--color-text);display:flex;flex:1 1;font-size:var(--font-size-2xl);gap:var(--space-sm);margin:0}.pet-medications-overview__icon{color:var(--color-primary)}.pet-medications-overview__error{background:var(--color-danger-bg);border-radius:var(--radius-base);color:var(--color-danger);margin-bottom:var(--space-lg);padding:var(--space-lg);text-align:center}.pet-medications-overview__error button{background:var(--color-danger);border:none;border-radius:var(--radius-base);color:#fff;cursor:pointer;margin-top:var(--space-md);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.pet-medications-overview__error button:hover{background:var(--color-danger-hover);transform:translateY(-1px)}.pet-medications-overview__empty{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-xxl);text-align:center}.pet-medications-overview__empty-icon{font-size:4rem;margin-bottom:var(--space-lg)}.pet-medications-overview__empty h2{color:var(--color-text);margin:0 0 var(--space-md) 0}.pet-medications-overview__empty p{color:var(--color-text-secondary);margin:0 0 var(--space-xl) 0}.pet-medications-overview__add-button{background:var(--color-primary);border:none;border-radius:var(--radius-base);color:#fff!important;cursor:pointer;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);padding:var(--space-md) var(--space-xl);transition:all var(--transition-base)}.pet-medications-overview__add-button:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-medications-overview__summary{grid-gap:var(--space-xl);display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--space-xxxl)}.pet-medications-overview__summary-card{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;gap:var(--space-lg);padding:var(--space-lg);transition:all var(--transition-base)}.pet-medications-overview__summary-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.pet-medications-overview__summary-card--info{background-color:var(--color-info-light);border-color:var(--color-info)}.pet-medications-overview__summary-card--warning{background-color:var(--color-warning-light);border-color:var(--color-warning)}.pet-medications-overview__summary-icon{align-items:center;border-radius:var(--radius-base);display:flex;flex-shrink:0;font-size:var(--font-size-2xl);height:60px;justify-content:center;width:60px}.pet-medications-overview__summary-icon--total{background:#0000;color:var(--color-text)}.pet-medications-overview__summary-icon--active{background:#0000;color:var(--color-info)}.pet-medications-overview__summary-icon--scheduled{background:#0000;color:var(--color-warning-dark)}.pet-medications-overview__summary-content{flex:1 1}.pet-medications-overview__summary-value{color:var(--color-text);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:1;margin-bottom:var(--space-xs)}.pet-medications-overview__summary-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);letter-spacing:.05em;text-transform:uppercase}.pet-medications-overview__pets-grid{grid-gap:var(--space-xl);display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:var(--space-xxxl)}.pet-medications-overview__pet-card{background:var(--color-bg-secondary);border:2px solid #0000;border-radius:var(--radius-lg);cursor:pointer;padding:var(--space-xl);transition:all var(--transition-base)}.pet-medications-overview__pet-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-medications-overview__pet-card--active{border-color:var(--color-info)}.pet-medications-overview__pet-card--scheduled{border-color:var(--color-warning)}.pet-medications-overview__pet-card--none{border-color:var(--color-border)}.pet-medications-overview__pet-header{align-items:center;display:flex;gap:var(--space-md);margin-bottom:var(--space-lg)}.pet-medications-overview__pet-photo{border-radius:var(--radius-full);flex-shrink:0;height:60px;object-fit:cover;width:60px}.pet-medications-overview__pet-photo-placeholder{align-items:center;background:var(--color-bg);border-radius:var(--radius-full);display:flex;flex-shrink:0;font-size:var(--font-size-xl);height:60px;justify-content:center;width:60px}.pet-medications-overview__pet-info{flex:1 1}.pet-medications-overview__pet-name{color:var(--color-text);font-size:var(--font-size-lg);margin:0 0 var(--space-xs) 0}.pet-medications-overview__pet-details{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.pet-medications-overview__status-badge{align-items:center;border-radius:var(--radius-full);display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);white-space:nowrap}.pet-medications-overview__status-badge--active{background:var(--color-info-bg);color:var(--color-info)}.pet-medications-overview__status-badge--scheduled{background:var(--color-warning-bg);color:var(--color-warning)}.pet-medications-overview__status-badge--none{background:var(--color-bg);color:var(--color-text-secondary)}.pet-medications-overview__pet-stats{display:flex;gap:var(--space-lg);margin-bottom:var(--space-lg)}.pet-medications-overview__stat{flex:1 1;text-align:center}.pet-medications-overview__stat-value{color:var(--color-text);display:block;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-xs)}.pet-medications-overview__stat--active .pet-medications-overview__stat-value{color:var(--color-info)}.pet-medications-overview__stat--scheduled .pet-medications-overview__stat-value{color:var(--color-warning)}.pet-medications-overview__stat-label{color:var(--color-text-secondary);font-size:var(--font-size-xs);letter-spacing:.05em;text-transform:uppercase}.pet-medications-overview__pet-actions{text-align:center}.pet-medications-overview__manage-button{-webkit-text-fill-color:#fff!important;align-items:center;background:var(--color-primary)!important;border:none;border-radius:var(--radius-base);color:#fff!important;cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:var(--space-sm);justify-content:center;padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base);width:100%}.pet-medications-overview__manage-button:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.pet-medications-overview__tips{background:var(--color-info-bg);border:1px solid var(--color-info);border-radius:var(--radius-lg);margin-top:var(--space-xxl);padding:var(--space-xl)}.pet-medications-overview__tips-title{color:var(--color-text);font-size:var(--font-size-lg);margin:0 0 var(--space-md) 0}.pet-medications-overview__tips-list{color:var(--color-text-secondary);line-height:1.8;margin:0;padding-left:var(--space-xl)}body.dark-mode .pet-medications-overview__pet-card,body.dark-mode .pet-medications-overview__summary-card{background:var(--color-bg-tertiary)}body.dark-mode .pet-medications-overview__pet-photo-placeholder{background:var(--color-bg-secondary)}body.dark-mode .pet-medications-overview__tips{background:var(--color-bg-tertiary);border-color:var(--color-info)}@media (max-width:768px){.pet-medications-overview{padding:var(--space-md)}.pet-medications-overview__header{flex-wrap:wrap}.pet-medications-overview__title{margin-top:var(--space-md);text-align:center;width:100%}.pet-medications-overview__pets-grid,.pet-medications-overview__summary{grid-template-columns:1fr}.pet-medications-overview__pet-stats{flex-wrap:wrap}.pet-medications-overview__stat{min-width:80px}}.pet-medications-overview__reference-section{background:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-top:var(--space-xl);padding:var(--space-xl)}.pet-medications-overview__reference-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-lg)}.pet-medications-overview__reference-title{align-items:center;color:var(--color-text);display:flex;font-size:var(--font-size-xl);gap:var(--space-sm);margin:0}.pet-medications-overview__reference-toggle{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.pet-medications-overview__reference-toggle:hover{background:var(--color-bg-hover)}.pet-medications-overview__reference-toggle--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.pet-medications-overview__reference-filters{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-xl)}.pet-medications-overview__filter-btn{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;padding:var(--space-sm) var(--space-md);text-transform:capitalize;transition:all var(--transition-base)}.pet-medications-overview__filter-btn:hover{background:var(--color-bg-hover)}.pet-medications-overview__filter-btn--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.pet-medications-overview__medications-grid{display:flex;flex-direction:column;gap:var(--space-xl)}.pet-medications-overview__category{background:var(--color-bg);border-radius:var(--radius-md);padding:var(--space-lg)}.pet-medications-overview__category-title{color:var(--color-primary);font-size:var(--font-size-lg);margin:0 0 var(--space-md) 0;text-transform:capitalize}.pet-medications-overview__medications-list{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.pet-medications-overview__medication-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:var(--space-md);transition:all var(--transition-base)}.pet-medications-overview__medication-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.pet-medications-overview__medication-name{color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin:0 0 var(--space-xs) 0}.pet-medications-overview__medication-purpose{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--space-sm) 0}.pet-medications-overview__medication-details{color:var(--color-text);display:flex;flex-direction:column;font-size:var(--font-size-sm);gap:var(--space-xs)}.pet-medications-overview__medication-notes{border-top:1px solid var(--color-border-light);color:var(--color-text-muted);font-size:var(--font-size-xs);margin:var(--space-sm) 0 0 0;padding-top:var(--space-sm)}.pet-medications-overview__disclaimer{background:var(--color-warning-bg);border:1px solid var(--color-warning);border-radius:var(--radius-base);color:var(--color-warning-dark);margin-top:var(--space-xl);padding:var(--space-md)}.pet-medications-overview__disclaimer p{font-size:var(--font-size-sm);margin:0}body.dark-mode .pet-medications-overview__medication-card{background:var(--color-bg-tertiary)}body.dark-mode .pet-medications-overview__filter-btn--active,body.dark-mode .pet-medications-overview__reference-toggle--active{background:var(--color-primary);color:#fff}@media (max-width:768px){.pet-medications-overview__reference-header{align-items:flex-start;flex-direction:column;gap:var(--space-md)}.pet-medications-overview__medications-list{grid-template-columns:1fr}}.pet-weight-tracking-overview{background-color:var(--color-bg);margin:0 auto;max-width:1200px;min-height:100vh;padding:var(--space-lg)}.pet-weight-tracking-overview--loading{align-items:center;display:flex;justify-content:center}.pet-weight-tracking-overview__loader{color:var(--color-text-secondary);font-size:var(--font-size-lg);padding:var(--space-xl);text-align:center}.pet-weight-tracking-overview__header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-md);margin-bottom:var(--space-xl);padding-bottom:var(--space-md)}.pet-weight-tracking-overview__back-button{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.pet-weight-tracking-overview__back-button:hover{background:var(--color-bg-hover);transform:translateX(-2px)}.pet-weight-tracking-overview__title{align-items:center;color:var(--color-text);display:flex;flex:1 1;font-size:var(--font-size-2xl);gap:var(--space-sm);margin:0}.pet-weight-tracking-overview__icon{color:var(--color-primary)}.pet-weight-tracking-overview__error{background:var(--color-danger-bg);border-radius:var(--radius-base);color:var(--color-danger);margin-bottom:var(--space-lg);padding:var(--space-lg);text-align:center}.pet-weight-tracking-overview__error button{background:var(--color-danger);border:none;border-radius:var(--radius-base);color:#fff;cursor:pointer;margin-top:var(--space-md);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.pet-weight-tracking-overview__error button:hover{background:var(--color-danger-hover);transform:translateY(-1px)}.pet-weight-tracking-overview__empty{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-xxl);text-align:center}.pet-weight-tracking-overview__empty-icon{font-size:4rem;margin-bottom:var(--space-lg)}.pet-weight-tracking-overview__empty h2{color:var(--color-text);margin:0 0 var(--space-md) 0}.pet-weight-tracking-overview__empty p{color:var(--color-text-secondary);margin:0 0 var(--space-xl) 0}.pet-weight-tracking-overview__add-button{background:var(--color-primary);border:none;border-radius:var(--radius-base);color:#fff!important;cursor:pointer;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);padding:var(--space-md) var(--space-xl);transition:all var(--transition-base)}.pet-weight-tracking-overview__add-button:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-weight-tracking-overview__summary{grid-gap:var(--space-xl);display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--space-xxxl)}.pet-weight-tracking-overview__summary-card{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;gap:var(--space-lg);padding:var(--space-lg);transition:all var(--transition-base)}.pet-weight-tracking-overview__summary-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.pet-weight-tracking-overview__summary-card--success{background-color:var(--color-success-light);border-color:var(--color-success)}.pet-weight-tracking-overview__summary-card--warning{background-color:var(--color-warning-light);border-color:var(--color-warning)}.pet-weight-tracking-overview__summary-icon{align-items:center;border-radius:var(--radius-base);display:flex;flex-shrink:0;font-size:var(--font-size-2xl);height:60px;justify-content:center;width:60px}.pet-weight-tracking-overview__summary-icon--total{background:#0000;color:var(--color-text)}.pet-weight-tracking-overview__summary-icon--tracking{background:#0000;color:var(--color-success)}.pet-weight-tracking-overview__summary-icon--needs{background:#0000;color:var(--color-warning-dark)}.pet-weight-tracking-overview__summary-content{flex:1 1}.pet-weight-tracking-overview__summary-value{color:var(--color-text);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:1;margin-bottom:var(--space-xs)}.pet-weight-tracking-overview__summary-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);letter-spacing:.05em;text-transform:uppercase}.pet-weight-tracking-overview__pets-grid{grid-gap:var(--space-xl);display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:var(--space-xxxl)}.pet-weight-tracking-overview__pet-card{background:var(--color-bg-secondary);border:2px solid #0000;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;min-height:320px;padding:var(--space-xl);transition:all var(--transition-base)}.pet-weight-tracking-overview__pet-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-weight-tracking-overview__pet-card--gaining{border-color:var(--color-warning)}.pet-weight-tracking-overview__pet-card--losing{border-color:var(--color-info)}.pet-weight-tracking-overview__pet-card--stable{border-color:var(--color-success)}.pet-weight-tracking-overview__pet-card--unknown{border-color:var(--color-border)}.pet-weight-tracking-overview__pet-header{align-items:center;display:flex;gap:var(--space-md);margin-bottom:var(--space-lg)}.pet-weight-tracking-overview__pet-photo{border-radius:var(--radius-full);flex-shrink:0;height:60px;object-fit:cover;width:60px}.pet-weight-tracking-overview__pet-photo-placeholder{align-items:center;background:var(--color-bg);border-radius:var(--radius-full);display:flex;flex-shrink:0;font-size:var(--font-size-xl);height:60px;justify-content:center;width:60px}.pet-weight-tracking-overview__pet-info{flex:1 1}.pet-weight-tracking-overview__pet-name{color:var(--color-text);font-size:var(--font-size-lg);margin:0 0 var(--space-xs) 0}.pet-weight-tracking-overview__pet-details{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.pet-weight-tracking-overview__trend-badge{align-items:center;border-radius:var(--radius-full);display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);white-space:nowrap}.pet-weight-tracking-overview__trend-badge--gaining{background:var(--color-warning-bg);color:var(--color-warning)}.pet-weight-tracking-overview__trend-badge--losing{background:var(--color-info-bg);color:var(--color-info)}.pet-weight-tracking-overview__trend-badge--stable{background:var(--color-success-bg);color:var(--color-success)}.pet-weight-tracking-overview__pet-stats{align-items:center;display:flex;gap:var(--space-lg);margin-bottom:var(--space-lg);min-height:80px}.pet-weight-tracking-overview__stat{flex:1 1;text-align:center}.pet-weight-tracking-overview__stat-value{color:var(--color-text);display:block;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-xs)}.pet-weight-tracking-overview__stat-value--up{color:var(--color-warning)}.pet-weight-tracking-overview__stat-value--down{color:var(--color-info)}.pet-weight-tracking-overview__stat-label{color:var(--color-text-secondary);font-size:var(--font-size-xs);letter-spacing:.05em;text-transform:uppercase}.pet-weight-tracking-overview__needs-data{background:var(--color-bg);border-radius:var(--radius-base);flex-shrink:0;margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-md);text-align:center}.pet-weight-tracking-overview__needs-data p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.pet-weight-tracking-overview__pet-actions{margin-top:auto;text-align:center}.pet-weight-tracking-overview__manage-button{-webkit-text-fill-color:#fff!important;align-items:center;background:var(--color-primary)!important;border:none;border-radius:var(--radius-base);color:#fff!important;cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:var(--space-sm);justify-content:center;padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base);width:100%}.pet-weight-tracking-overview__manage-button:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.pet-weight-tracking-overview__tips{background:var(--color-info-bg);border:1px solid var(--color-info);border-radius:var(--radius-lg);margin-top:var(--space-xxl);padding:var(--space-xl)}.pet-weight-tracking-overview__tips-title{color:var(--color-text);font-size:var(--font-size-lg);margin:0 0 var(--space-md) 0}.pet-weight-tracking-overview__tips-list{color:var(--color-text-secondary);line-height:1.8;margin:0;padding-left:var(--space-xl)}body.dark-mode .pet-weight-tracking-overview__pet-card,body.dark-mode .pet-weight-tracking-overview__summary-card{background:var(--color-bg-tertiary)}body.dark-mode .pet-weight-tracking-overview__needs-data,body.dark-mode .pet-weight-tracking-overview__pet-photo-placeholder{background:var(--color-bg-secondary)}body.dark-mode .pet-weight-tracking-overview__tips{background:var(--color-bg-tertiary);border-color:var(--color-info)}@media (max-width:768px){.pet-weight-tracking-overview{padding:var(--space-md)}.pet-weight-tracking-overview__header{flex-wrap:wrap}.pet-weight-tracking-overview__title{margin-top:var(--space-md);text-align:center;width:100%}.pet-weight-tracking-overview__pets-grid,.pet-weight-tracking-overview__summary{grid-template-columns:1fr}.pet-weight-tracking-overview__pet-stats{flex-wrap:wrap}.pet-weight-tracking-overview__stat{min-width:80px}}.pet-health-dashboard-overview{padding:0;width:100%}.pet-health-dashboard-overview--full-width{margin:0;max-width:none}body.has-profile-background .pet-health-dashboard-overview{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1rem}body.dark-mode .pet-health-dashboard-overview{background-color:#2a2a2a;color:var(--color-text)}body.dark-mode.has-profile-background .pet-health-dashboard-overview{background-color:#2a2a2af2}.pet-health-dashboard-overview__header{border-bottom:2px solid var(--color-primary);margin-bottom:2rem;padding:.5rem 1rem 1rem;position:relative;text-align:center}.pet-health-dashboard-overview__header-content{width:100%}.pet-health-dashboard-overview__header h1{color:var(--color-primary);font-size:2.5rem;margin:0 0 .5rem}.pet-health-dashboard-overview__header p{color:var(--color-text-secondary);font-size:1.1rem;margin:0}.pet-health-dashboard-overview__share-button{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;font-size:.875rem;height:auto;justify-content:center;margin-left:1rem;min-height:0;min-height:auto;padding:.25rem .5rem;position:static;transition:all .2s ease}.pet-health-dashboard-overview__share-button:hover{background-color:var(--color-bg-tertiary);box-shadow:var(--shadow-md);color:var(--color-primary);transform:translateY(-1px)}.pet-health-dashboard-overview__share-button:active{transform:translateY(0)}.pet-health-dashboard-overview__share-button svg{fill:currentColor;height:1em;width:1em}.pet-health-dashboard-overview__status{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem;padding:0 1rem}.pet-health-dashboard-overview__status-item{align-items:center;border-radius:var(--radius-lg);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.pet-health-dashboard-overview__status-item--success{background-color:#28a7451a;border:1px solid #28a7454d;color:#28a745}.pet-health-dashboard-overview__status-item--info{background-color:#17a2b81a;border:1px solid #17a2b84d;color:#17a2b8}.pet-health-dashboard-overview__status-item--warning{background-color:#ffc1071a;border:1px solid #ffc1074d;color:#ffc107}body.dark-mode .pet-health-dashboard-overview__status-item--success{background-color:#28a74533}body.dark-mode .pet-health-dashboard-overview__status-item--info{background-color:#17a2b833}body.dark-mode .pet-health-dashboard-overview__status-item--warning{background-color:#ffc10733}.pet-health-dashboard-overview__content{box-sizing:border-box;padding:0 1rem;width:100%}.pet-health-dashboard-overview__section{margin-bottom:3rem}.pet-health-dashboard-overview__section h2{border-bottom:1px solid var(--color-border);color:var(--color-text);margin-bottom:1rem;padding-bottom:.5rem}.pet-health-dashboard-overview__cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.pet-health-dashboard-overview__card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:1.5rem;transition:all .3s ease}.pet-health-dashboard-overview__card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-health-dashboard-overview__card h3{color:var(--color-primary);margin:0 0 .5rem}.pet-health-dashboard-overview__card p{color:var(--color-text-secondary);margin:0}.pet-health-dashboard-overview__features{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));list-style:none;margin:0;padding:0}.pet-health-dashboard-overview__features li{background-color:var(--color-bg-tertiary);border-left:3px solid var(--color-primary);border-radius:var(--radius-base);padding:.5rem}.pet-health-dashboard-overview__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.pet-health-dashboard-overview__button{border:none;border-radius:var(--radius-base);cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.pet-health-dashboard-overview__button--primary{background-color:var(--color-primary);color:#fff}.pet-health-dashboard-overview__button--primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.pet-health-dashboard-overview__button--secondary{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.pet-health-dashboard-overview__button--secondary:hover{background-color:var(--color-bg-tertiary);transform:translateY(-1px)}.pet-health-dashboard-overview__notice{background-color:#ffc1071a;border:1px solid #ffc1074d;border-radius:var(--radius-lg);margin-top:3rem;padding:1.5rem;text-align:center}.pet-health-dashboard-overview__notice p{font-weight:500;margin:0}@media (max-width:768px){.pet-health-dashboard-overview{border-radius:0;padding:.5rem}.pet-health-dashboard-overview__header h1{font-size:2rem}.pet-health-dashboard-overview__breadcrumb-row{padding:.5rem}.pet-health-dashboard-overview__share-button{font-size:.75rem;margin-left:.5rem;padding:.25rem}.pet-health-dashboard-overview__status{align-items:stretch;flex-direction:column}.pet-health-dashboard-overview__content{padding:0 .5rem}.pet-health-dashboard-overview__cards,.pet-health-dashboard-overview__features{grid-template-columns:1fr}.pet-health-dashboard-overview__actions{flex-direction:column}.pet-health-dashboard-overview__button{width:100%}}.pet-health-dashboard-overview__skip-link{background:var(--color-primary);border-radius:var(--radius-base);color:#fff;font-weight:500;left:-9999px;padding:8px 16px;position:absolute;text-decoration:none;top:0;z-index:100}.pet-health-dashboard-overview__skip-link:focus{box-shadow:var(--shadow-lg);left:50%;top:10px;transform:translateX(-50%)}.pet-health-dashboard-overview__breadcrumb-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;padding:1rem 1rem 0}.pet-health-dashboard-overview__breadcrumbs{flex:1 1;margin:0;padding:0}.pet-health-dashboard-overview__breadcrumbs ol{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}.pet-health-dashboard-overview__breadcrumbs li{align-items:center;display:flex;gap:.5rem}.pet-health-dashboard-overview__breadcrumbs a{align-items:center;color:var(--color-primary);display:flex;gap:.25rem;text-decoration:none;transition:color .2s ease}.pet-health-dashboard-overview__breadcrumbs a:hover{color:var(--color-primary-hover);text-decoration:underline}.pet-health-dashboard-overview__breadcrumb-separator{color:var(--color-text-secondary);font-size:.75rem}.pet-health-dashboard-overview__error{margin:0 auto;max-width:600px;padding:3rem 1rem}.pet-health-dashboard-overview__error h2{color:var(--color-danger);margin-bottom:1rem}.pet-health-dashboard-overview__error p{color:var(--color-text-secondary);margin-bottom:2rem}.pet-health-dashboard-overview__loading{padding:2rem 1rem}.pet-health-dashboard-overview__skeleton{animation:skeleton-loading 1.5s ease-in-out infinite}.pet-health-dashboard-overview__skeleton-card,.pet-health-dashboard-overview__skeleton-header,.pet-health-dashboard-overview__skeleton-text{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--radius-base)}.pet-health-dashboard-overview__skeleton-header{height:3rem;margin:0 auto 2rem;width:60%}.pet-health-dashboard-overview__skeleton-text{height:1rem;margin-bottom:1rem}.pet-health-dashboard-overview__skeleton-text--short{width:70%}.pet-health-dashboard-overview__skeleton-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.pet-health-dashboard-overview__skeleton-card{height:150px}.pet-health-dashboard-overview__form{max-width:600px}.pet-health-dashboard-overview__form-group{margin-bottom:1.5rem}.pet-health-dashboard-overview__form-group label{color:var(--color-text);display:block;font-weight:500;margin-bottom:.5rem}.pet-health-dashboard-overview__required{color:var(--color-danger);margin-left:.25rem}.pet-health-dashboard-overview__input,.pet-health-dashboard-overview__select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:1rem;min-height:44px;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.pet-health-dashboard-overview__input:focus,.pet-health-dashboard-overview__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.pet-health-dashboard-overview__help-text{color:var(--color-text-secondary);display:block;font-size:.875rem;margin-top:.5rem}body.dark-mode .pet-health-dashboard-overview__skeleton-card,body.dark-mode .pet-health-dashboard-overview__skeleton-header,body.dark-mode .pet-health-dashboard-overview__skeleton-text{background:linear-gradient(90deg,#3a3a3a 25%,#4a4a4a 50%,#3a3a3a 75%)}body.dark-mode .pet-health-dashboard-overview__input,body.dark-mode .pet-health-dashboard-overview__select{background-color:var(--color-bg-secondary)}.pet-health-dashboard-overview__button:focus-visible,.pet-health-dashboard-overview__card:focus-visible,.pet-health-dashboard-overview__input:focus-visible,.pet-health-dashboard-overview__select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media print{.pet-health-dashboard-overview__actions,.pet-health-dashboard-overview__notice,.pet-health-dashboard-overview__offline-banner,.pet-health-dashboard-overview__skip-link,.pet-health-dashboard-overview__toast{display:none}.pet-health-dashboard-overview{background:#fff;color:#000;max-width:none;padding:0}}.pet-health-dashboard-overview__offline-banner{align-items:center;background-color:var(--color-warning);box-shadow:var(--shadow-md);color:#fff;display:flex;font-weight:500;gap:.5rem;justify-content:center;left:0;padding:.75rem;position:fixed;right:0;text-align:center;top:0;z-index:1100}.pet-health-dashboard-overview__toast{align-items:center;animation:slideIn .3s ease-out;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);bottom:2rem;box-shadow:var(--shadow-lg);display:flex;gap:1rem;max-width:400px;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:1200}.pet-health-dashboard-overview__toast-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.pet-health-dashboard-overview__toast-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s ease}.pet-health-dashboard-overview__toast-close:hover{color:var(--color-text)}.pet-health-dashboard-overview__toast--success{border-color:var(--color-success)}.pet-health-dashboard-overview__toast--success svg{color:var(--color-success)}.pet-health-dashboard-overview__toast--warning{border-color:var(--color-warning)}.pet-health-dashboard-overview__toast--warning svg{color:var(--color-warning)}.pet-health-dashboard-overview__toast--error{border-color:var(--color-danger)}.pet-health-dashboard-overview__toast--error svg{color:var(--color-danger)}.pet-health-dashboard-overview__toast--info{border-color:var(--color-info)}.pet-health-dashboard-overview__toast--info svg{color:var(--color-info)}.pet-health-dashboard-overview__unsaved-indicator{color:var(--color-warning);font-size:.875rem;font-weight:400;margin-left:.5rem}.pet-health-dashboard-overview__form-actions{display:flex;gap:1rem;margin-top:1.5rem}.pet-health-dashboard-overview__image-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1rem}.pet-health-dashboard-overview__image-container{aspect-ratio:16/9;background-color:var(--color-bg-secondary);border-radius:var(--radius-base);overflow:hidden;position:relative}.pet-health-dashboard-overview__image{height:100%;object-fit:cover;transition:opacity .3s ease;width:100%}.pet-health-dashboard-overview__image[data-src]{background-color:var(--color-bg-tertiary);opacity:0}.pet-health-dashboard-overview__image:not([data-src]){opacity:1}@media (prefers-contrast:high){.pet-health-dashboard-overview__button,.pet-health-dashboard-overview__input,.pet-health-dashboard-overview__select,.pet-health-dashboard-overview__toast{border-width:2px}}@media (max-width:768px){.pet-health-dashboard-overview__toast{bottom:1rem;left:1rem;max-width:none;right:1rem}.pet-health-dashboard-overview__form-actions{flex-direction:column}.pet-health-dashboard-overview__form-actions button{width:100%}.pet-health-dashboard-overview__image-grid{grid-template-columns:1fr}}.pet-health-dashboard-overview{background-color:var(--color-bg);margin:0 auto;max-width:1200px;min-height:100vh;padding:var(--space-lg)}.pet-health-dashboard-overview--loading{align-items:center;display:flex;justify-content:center}.pet-health-dashboard-overview__loader{color:var(--color-text-secondary);font-size:var(--font-size-lg);padding:var(--space-xl);text-align:center}.pet-health-dashboard-overview__header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-md);margin-bottom:var(--space-xl);padding-bottom:var(--space-md)}.pet-health-dashboard-overview__back-button{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.pet-health-dashboard-overview__back-button:hover{background:var(--color-bg-hover);transform:translateX(-2px)}.pet-health-dashboard-overview__title{align-items:center;color:var(--color-text);display:flex;flex:1 1;font-size:var(--font-size-2xl);gap:var(--space-sm);margin:0}.pet-health-dashboard-overview__icon{color:var(--color-primary)}.pet-health-dashboard-overview__error{background:var(--color-danger-bg);border-radius:var(--radius-base);color:var(--color-danger);margin-bottom:var(--space-lg);padding:var(--space-lg);text-align:center}.pet-health-dashboard-overview__error button{background:var(--color-danger);border:none;border-radius:var(--radius-base);color:#fff;cursor:pointer;margin-top:var(--space-md);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.pet-health-dashboard-overview__error button:hover{background:var(--color-danger-hover);transform:translateY(-1px)}.pet-health-dashboard-overview__empty{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-xxl);text-align:center}.pet-health-dashboard-overview__empty-icon{font-size:4rem;margin-bottom:var(--space-lg)}.pet-health-dashboard-overview__empty h2{color:var(--color-text);margin:0 0 var(--space-md) 0}.pet-health-dashboard-overview__empty p{color:var(--color-text-secondary);margin:0 0 var(--space-xl) 0}.pet-health-dashboard-overview__add-button{-webkit-text-fill-color:#fff!important;background:var(--color-primary)!important;border:none;border-radius:var(--radius-base);color:#fff!important;cursor:pointer;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);padding:var(--space-md) var(--space-xl);transition:all var(--transition-base)}.pet-health-dashboard-overview__add-button:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-health-dashboard-overview__summary{grid-gap:var(--space-xl);display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--space-xxxl)}.pet-health-dashboard-overview__summary-card{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;gap:var(--space-lg);padding:var(--space-lg);transition:all var(--transition-base)}.pet-health-dashboard-overview__summary-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.pet-health-dashboard-overview__summary-card--success{background-color:var(--color-success-light);border-color:var(--color-success)}.pet-health-dashboard-overview__summary-card--warning{background-color:var(--color-warning-light);border-color:var(--color-warning)}.pet-health-dashboard-overview__summary-icon{align-items:center;border-radius:var(--radius-base);display:flex;flex-shrink:0;font-size:var(--font-size-2xl);height:60px;justify-content:center;width:60px}.pet-health-dashboard-overview__summary-icon--total{background:#0000;color:var(--color-text)}.pet-health-dashboard-overview__summary-icon--excellent{background:#0000;color:var(--color-success)}.pet-health-dashboard-overview__summary-icon--attention{background:#0000;color:var(--color-warning-dark)}.pet-health-dashboard-overview__summary-icon--no-data{background:#0000;color:var(--color-text-muted)}.pet-health-dashboard-overview__summary-content{flex:1 1}.pet-health-dashboard-overview__summary-value{color:var(--color-text);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:1;margin-bottom:var(--space-xs)}.pet-health-dashboard-overview__summary-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);letter-spacing:.05em;text-transform:uppercase}.pet-health-dashboard-overview__pets-grid{grid-gap:var(--space-xl);display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-bottom:var(--space-xxxl)}.pet-health-dashboard-overview__pet-card{background:var(--color-bg-secondary);border:2px solid #0000;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;min-height:450px;padding:var(--space-xl);transition:all var(--transition-base)}.pet-health-dashboard-overview__pet-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-health-dashboard-overview__pet-card--excellent{border-color:var(--color-success)}.pet-health-dashboard-overview__pet-card--good{border-color:var(--color-info)}.pet-health-dashboard-overview__pet-card--fair{border-color:var(--color-warning)}.pet-health-dashboard-overview__pet-card--needs-attention{border-color:var(--color-danger)}.pet-health-dashboard-overview__pet-header{align-items:center;display:flex;gap:var(--space-md);margin-bottom:var(--space-lg)}.pet-health-dashboard-overview__pet-photo{border-radius:var(--radius-full);flex-shrink:0;height:60px;object-fit:cover;width:60px}.pet-health-dashboard-overview__pet-photo-placeholder{align-items:center;background:var(--color-bg);border-radius:var(--radius-full);display:flex;flex-shrink:0;font-size:var(--font-size-xl);height:60px;justify-content:center;width:60px}.pet-health-dashboard-overview__pet-info{flex:1 1}.pet-health-dashboard-overview__pet-name{color:var(--color-text);font-size:var(--font-size-lg);margin:0 0 var(--space-xs) 0}.pet-health-dashboard-overview__pet-details{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.pet-health-dashboard-overview__health-score{border-radius:var(--radius-base);min-width:80px;padding:var(--space-sm);text-align:center}.pet-health-dashboard-overview__health-score--excellent{background:var(--color-success-bg);color:var(--color-success)}.pet-health-dashboard-overview__health-score--good{background:var(--color-info-bg);color:var(--color-info)}.pet-health-dashboard-overview__health-score--fair{background:var(--color-warning-bg);color:var(--color-warning)}.pet-health-dashboard-overview__health-score--needs-attention{background:var(--color-danger-bg);color:var(--color-danger)}.pet-health-dashboard-overview__health-score--no-data{background:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text-muted)}.pet-health-dashboard-overview__health-score-value{display:block;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1}.pet-health-dashboard-overview__health-score-label{display:block;font-size:var(--font-size-xs);letter-spacing:.05em;margin-top:var(--space-xs);text-transform:uppercase}.pet-health-dashboard-overview__pet-stats{display:flex;flex:1 1;gap:var(--space-lg);margin-bottom:var(--space-lg)}.pet-health-dashboard-overview__stat{flex:1 1;text-align:center}.pet-health-dashboard-overview__stat-value{color:var(--color-text);display:block;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-xs)}.pet-health-dashboard-overview__stat-label{color:var(--color-text-secondary);font-size:var(--font-size-xs);letter-spacing:.05em;text-transform:uppercase}.pet-health-dashboard-overview__issues{background:var(--color-bg);border-radius:var(--radius-base);flex:1 1;margin-bottom:var(--space-lg);padding:var(--space-md)}.pet-health-dashboard-overview__issues-title{align-items:center;color:var(--color-warning);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-xs);margin:0 0 var(--space-sm) 0}.pet-health-dashboard-overview__issues-list{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.6;margin:0;padding-left:var(--space-lg)}.pet-health-dashboard-overview__pet-actions{margin-top:auto;text-align:center}.pet-health-dashboard-overview__manage-button{-webkit-text-fill-color:#fff!important;align-items:center;background:var(--color-primary)!important;border:none;border-radius:var(--radius-base);color:#fff!important;cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:var(--space-sm);justify-content:center;padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base);width:100%}.pet-health-dashboard-overview__manage-button:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.pet-health-dashboard-overview__tips{background:var(--color-info-bg);border:1px solid var(--color-info);border-radius:var(--radius-lg);margin-top:var(--space-xxl);padding:var(--space-xl)}.pet-health-dashboard-overview__tips-title{color:var(--color-text);font-size:var(--font-size-lg);margin:0 0 var(--space-md) 0}.pet-health-dashboard-overview__tips-list{color:var(--color-text-secondary);line-height:1.8;margin:0;padding-left:var(--space-xl)}body.dark-mode .pet-health-dashboard-overview__pet-card,body.dark-mode .pet-health-dashboard-overview__summary-card{background:var(--color-bg-tertiary)}body.dark-mode .pet-health-dashboard-overview__issues,body.dark-mode .pet-health-dashboard-overview__pet-photo-placeholder{background:var(--color-bg-secondary)}body.dark-mode .pet-health-dashboard-overview__tips{background:var(--color-bg-tertiary);border-color:var(--color-info)}@media (max-width:768px){.pet-health-dashboard-overview{padding:var(--space-md)}.pet-health-dashboard-overview__header{flex-wrap:wrap}.pet-health-dashboard-overview__title{margin-top:var(--space-md);text-align:center;width:100%}.pet-health-dashboard-overview__pets-grid,.pet-health-dashboard-overview__summary{grid-template-columns:1fr}.pet-health-dashboard-overview__pet-stats{flex-wrap:wrap}.pet-health-dashboard-overview__stat{min-width:80px}}.pet-emergency-center{padding:0;width:100%}.pet-emergency-center--full-width{margin:0;max-width:none}body.has-profile-background .pet-emergency-center{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1rem}body.dark-mode .pet-emergency-center{background-color:#2a2a2a;color:var(--color-text)}body.dark-mode.has-profile-background .pet-emergency-center{background-color:#2a2a2af2}.pet-emergency-center__header{border-bottom:2px solid var(--color-primary);margin-bottom:2rem;padding:.5rem 1rem 1rem;text-align:center}.pet-emergency-center__header-content{width:100%}.pet-emergency-center__header h1{color:var(--color-primary);font-size:2.5rem;margin:0 0 .5rem}.pet-emergency-center__header p{color:var(--color-text-secondary);font-size:1.1rem;margin:0}.pet-emergency-center__share-button{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;font-size:.875rem;height:auto;justify-content:center;margin-left:1rem;min-height:0;min-height:auto;padding:.25rem .5rem;position:static;transition:all .2s ease}.pet-emergency-center__share-button:hover{background-color:var(--color-bg-tertiary);box-shadow:var(--shadow-md);color:var(--color-primary);transform:translateY(-1px)}.pet-emergency-center__share-button:active{transform:translateY(0)}.pet-emergency-center__share-button svg{fill:currentColor;height:1em;width:1em}.pet-emergency-center__status{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem;padding:0 1rem}.pet-emergency-center__status-item{align-items:center;border-radius:var(--radius-lg);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.pet-emergency-center__status-item--success{background-color:#28a7451a;border:1px solid #28a7454d;color:#28a745}.pet-emergency-center__status-item--info{background-color:#17a2b81a;border:1px solid #17a2b84d;color:#17a2b8}.pet-emergency-center__status-item--warning{background-color:#ffc1071a;border:1px solid #ffc1074d;color:#ffc107}body.dark-mode .pet-emergency-center__status-item--success{background-color:#28a74533}body.dark-mode .pet-emergency-center__status-item--info{background-color:#17a2b833}body.dark-mode .pet-emergency-center__status-item--warning{background-color:#ffc10733}.pet-emergency-center__content{box-sizing:border-box;padding:0 1rem;width:100%}.pet-emergency-center__section{margin-bottom:3rem}.pet-emergency-center__section h2{border-bottom:1px solid var(--color-border);color:var(--color-text);margin-bottom:1rem;padding-bottom:.5rem}.pet-emergency-center__cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.pet-emergency-center__card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:1.5rem;transition:all .3s ease}.pet-emergency-center__card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-emergency-center__card h3{color:var(--color-primary);margin:0 0 .5rem}.pet-emergency-center__card p{color:var(--color-text-secondary);margin:0}.pet-emergency-center__features{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));list-style:none;margin:0;padding:0}.pet-emergency-center__features li{background-color:var(--color-bg-tertiary);border-left:3px solid var(--color-primary);border-radius:var(--radius-base);padding:.5rem}.pet-emergency-center__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.pet-emergency-center__button{border:none;border-radius:var(--radius-base);cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.pet-emergency-center__button--primary{background-color:var(--color-primary);color:#fff}.pet-emergency-center__button--primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.pet-emergency-center__button--secondary{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.pet-emergency-center__button--secondary:hover{background-color:var(--color-bg-tertiary);transform:translateY(-1px)}.pet-emergency-center__notice{background-color:#ffc1071a;border:1px solid #ffc1074d;border-radius:var(--radius-lg);margin-top:3rem;padding:1.5rem;text-align:center}.pet-emergency-center__notice p{font-weight:500;margin:0}@media (max-width:768px){.pet-emergency-center{border-radius:0;padding:.5rem}.pet-emergency-center__header h1{font-size:2rem}.pet-emergency-center__breadcrumb-row{padding:.5rem}.pet-emergency-center__share-button{font-size:.75rem;margin-left:.5rem;padding:.25rem}.pet-emergency-center__status{align-items:stretch;flex-direction:column}.pet-emergency-center__content{padding:0 .5rem}.pet-emergency-center__cards,.pet-emergency-center__features{grid-template-columns:1fr}.pet-emergency-center__actions{flex-direction:column}.pet-emergency-center__button{width:100%}}.pet-emergency-center__skip-link{background:var(--color-primary);border-radius:var(--radius-base);color:#fff;font-weight:500;left:-9999px;padding:8px 16px;position:absolute;text-decoration:none;top:0;z-index:100}.pet-emergency-center__skip-link:focus{box-shadow:var(--shadow-lg);left:50%;top:10px;transform:translateX(-50%)}.pet-emergency-center__breadcrumb-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;padding:1rem 1rem 0}.pet-emergency-center__breadcrumbs{flex:1 1;margin:0;padding:0}.pet-emergency-center__breadcrumbs ol{flex-wrap:wrap;list-style:none;margin:0;padding:0}.pet-emergency-center__breadcrumbs li,.pet-emergency-center__breadcrumbs ol{align-items:center;display:flex;gap:.5rem}.pet-emergency-center__breadcrumbs a{align-items:center;color:var(--color-primary);display:flex;gap:.25rem;text-decoration:none;transition:color .2s ease}.pet-emergency-center__breadcrumbs a:hover{color:var(--color-primary-hover);text-decoration:underline}.pet-emergency-center__breadcrumb-separator{color:var(--color-text-secondary);font-size:.75rem}.pet-emergency-center__error{margin:0 auto;max-width:600px;padding:3rem 1rem;text-align:center}.pet-emergency-center__error h2{color:var(--color-danger);margin-bottom:1rem}.pet-emergency-center__error p{color:var(--color-text-secondary);margin-bottom:2rem}.pet-emergency-center__loading{padding:2rem 1rem}.pet-emergency-center__skeleton{animation:skeleton-loading 1.5s ease-in-out infinite}.pet-emergency-center__skeleton-card,.pet-emergency-center__skeleton-header,.pet-emergency-center__skeleton-text{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--radius-base)}.pet-emergency-center__skeleton-header{height:3rem;margin:0 auto 2rem;width:60%}.pet-emergency-center__skeleton-text{height:1rem;margin-bottom:1rem}.pet-emergency-center__skeleton-text--short{width:70%}.pet-emergency-center__skeleton-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.pet-emergency-center__skeleton-card{height:150px}.pet-emergency-center__form{max-width:600px}.pet-emergency-center__form-group{margin-bottom:1.5rem}.pet-emergency-center__form-group label{color:var(--color-text);display:block;font-weight:500;margin-bottom:.5rem}.pet-emergency-center__required{color:var(--color-danger);margin-left:.25rem}.pet-emergency-center__input,.pet-emergency-center__select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:1rem;min-height:44px;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.pet-emergency-center__input:focus,.pet-emergency-center__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.pet-emergency-center__help-text{color:var(--color-text-secondary);display:block;font-size:.875rem;margin-top:.5rem}body.dark-mode .pet-emergency-center__skeleton-card,body.dark-mode .pet-emergency-center__skeleton-header,body.dark-mode .pet-emergency-center__skeleton-text{background:linear-gradient(90deg,#3a3a3a 25%,#4a4a4a 50%,#3a3a3a 75%)}body.dark-mode .pet-emergency-center__input,body.dark-mode .pet-emergency-center__select{background-color:var(--color-bg-secondary)}.pet-emergency-center__button:focus-visible,.pet-emergency-center__card:focus-visible,.pet-emergency-center__input:focus-visible,.pet-emergency-center__select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media print{.pet-emergency-center__actions,.pet-emergency-center__notice,.pet-emergency-center__offline-banner,.pet-emergency-center__skip-link,.pet-emergency-center__toast{display:none}.pet-emergency-center{background:#fff;color:#000;max-width:none;padding:0}}.pet-emergency-center__offline-banner{align-items:center;background-color:var(--color-warning);box-shadow:var(--shadow-md);color:#fff;display:flex;font-weight:500;gap:.5rem;justify-content:center;left:0;padding:.75rem;position:fixed;right:0;text-align:center;top:0;z-index:1100}.pet-emergency-center__toast{align-items:center;animation:slideIn .3s ease-out;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);bottom:2rem;box-shadow:var(--shadow-lg);display:flex;gap:1rem;max-width:400px;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:1200}.pet-emergency-center__toast-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.pet-emergency-center__toast-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s ease}.pet-emergency-center__toast-close:hover{color:var(--color-text)}.pet-emergency-center__toast--success{border-color:var(--color-success)}.pet-emergency-center__toast--success svg{color:var(--color-success)}.pet-emergency-center__toast--warning{border-color:var(--color-warning)}.pet-emergency-center__toast--warning svg{color:var(--color-warning)}.pet-emergency-center__toast--error{border-color:var(--color-danger)}.pet-emergency-center__toast--error svg{color:var(--color-danger)}.pet-emergency-center__toast--info{border-color:var(--color-info)}.pet-emergency-center__toast--info svg{color:var(--color-info)}.pet-emergency-center__unsaved-indicator{color:var(--color-warning);font-size:.875rem;font-weight:400;margin-left:.5rem}.pet-emergency-center__form-actions{display:flex;gap:1rem;margin-top:1.5rem}.pet-emergency-center__image-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1rem}.pet-emergency-center__image-container{aspect-ratio:16/9;background-color:var(--color-bg-secondary);border-radius:var(--radius-base);overflow:hidden;position:relative}.pet-emergency-center__image{height:100%;object-fit:cover;transition:opacity .3s ease;width:100%}.pet-emergency-center__image[data-src]{background-color:var(--color-bg-tertiary);opacity:0}.pet-emergency-center__image:not([data-src]){opacity:1}@media (prefers-contrast:high){.pet-emergency-center__button,.pet-emergency-center__input,.pet-emergency-center__select,.pet-emergency-center__toast{border-width:2px}}@media (max-width:768px){.pet-emergency-center__toast{bottom:1rem;left:1rem;max-width:none;right:1rem}.pet-emergency-center__form-actions{flex-direction:column}.pet-emergency-center__form-actions button{width:100%}.pet-emergency-center__image-grid{grid-template-columns:1fr}}.pet-emergency-center{background-color:var(--color-bg);margin:0 auto;max-width:1200px;min-height:100vh;padding:var(--space-lg)}.pet-emergency-center__header{align-items:center;display:flex;gap:var(--space-lg);margin-bottom:var(--space-xl);position:relative}.pet-emergency-center__back-button{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-base);padding:var(--space-sm);transition:color var(--transition-base)}.pet-emergency-center__back-button:hover{color:var(--color-primary)}.pet-emergency-center__title{align-items:center;color:var(--color-text);display:flex;flex:1 1;font-size:var(--font-size-2xl);gap:var(--space-sm);margin:0;text-align:center}.pet-emergency-center__icon{font-size:2rem}.pet-emergency-center__empty{background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-3xl);text-align:center}.pet-emergency-center__empty p{color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.pet-emergency-center__add-pet-button{background-color:var(--color-primary);border:none;border-radius:var(--radius-base);color:#fff!important;cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.pet-emergency-center__add-pet-button:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-emergency-center__pet-selector{align-items:center;background-color:var(--color-bg-secondary);border-radius:var(--radius-base);display:flex;gap:var(--space-md);margin-bottom:var(--space-xl);padding:var(--space-md)}.pet-emergency-center__pet-selector label{color:var(--color-text);font-weight:var(--font-weight-medium)}.pet-emergency-center__pet-select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);flex:1 1;font-size:var(--font-size-base);max-width:300px;padding:var(--space-sm)}.pet-emergency-center__tabs{border-bottom:2px solid var(--color-border-light);display:flex;gap:var(--space-sm);margin-bottom:var(--space-xl)}.pet-emergency-center__tab{background:none;border:none;border-bottom:2px solid #0000;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-bottom:-2px;padding:var(--space-md) var(--space-lg);transition:all var(--transition-base)}.pet-emergency-center__tab:hover{color:var(--color-text)}.pet-emergency-center__tab--active{border-bottom-color:var(--color-primary);color:var(--color-primary)}.pet-emergency-center__content{background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);min-height:400px;padding:var(--space-xl)}.pet-emergency-center__loading{color:var(--color-text-secondary);padding:var(--space-3xl);text-align:center}.pet-emergency-center__emergency-cards h2{color:var(--color-text);margin-bottom:var(--space-sm)}.pet-emergency-center__emergency-cards p{color:var(--color-text-secondary);margin-bottom:var(--space-xl)}.pet-emergency-center__card-preview{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);margin:0 auto;max-width:800px;padding:var(--space-xl);text-align:center}.pet-emergency-center__card-preview h3{color:var(--color-text);margin-bottom:var(--space-lg)}.pet-emergency-center__qr-code{background-color:#fff;border-radius:var(--radius-base);box-shadow:var(--shadow-lg);display:inline-block;margin-bottom:var(--space-xl);padding:var(--space-lg)}.pet-emergency-center__qr-code img{border-radius:var(--radius-sm);display:block;height:auto;max-width:600px;width:100%}.pet-emergency-center__card-actions{display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center}.pet-emergency-center__delete-button,.pet-emergency-center__download-button,.pet-emergency-center__print-sheet-button,.pet-emergency-center__regenerate-button{border-radius:var(--radius-base);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.pet-emergency-center__download-button{background-color:var(--color-success);border:none;color:#fff!important}.pet-emergency-center__download-button:hover{background-color:var(--color-success-dark);transform:translateY(-2px)}.pet-emergency-center__print-sheet-button{background-color:var(--color-info);border:none;color:#fff!important}.pet-emergency-center__print-sheet-button:hover{background-color:var(--color-info-dark);transform:translateY(-2px)}.pet-emergency-center__regenerate-button{background-color:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text)}.pet-emergency-center__regenerate-button:hover{background-color:var(--color-bg-hover)}.pet-emergency-center__delete-button{background-color:var(--color-danger);border:none;color:#fff!important}.pet-emergency-center__delete-button:hover{background-color:var(--color-danger-dark);transform:translateY(-2px)}.pet-emergency-center__no-card{padding:var(--space-2xl);text-align:center}.pet-emergency-center__no-card p{margin-bottom:var(--space-lg)}.pet-emergency-center__generate-button{background-color:var(--color-primary);border:none;border-radius:var(--radius-base);color:#fff!important;cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--space-md) var(--space-xl);transition:all var(--transition-base)}.pet-emergency-center__generate-button:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-emergency-center__generate-button:disabled{cursor:not-allowed;opacity:.6}.pet-emergency-center__alerts h2{color:var(--color-text);margin-bottom:var(--space-sm)}.pet-emergency-center__alerts>p{color:var(--color-text-secondary);margin-bottom:var(--space-xl)}.pet-emergency-center__alert-actions{margin-bottom:var(--space-xl);text-align:center}.pet-emergency-center__create-alert-button{background-color:var(--color-danger);border:none;border-radius:var(--radius-base);color:#fff!important;cursor:pointer;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);padding:var(--space-md) var(--space-xl);transition:all var(--transition-base)}.pet-emergency-center__create-alert-button:hover:not(:disabled){background-color:var(--color-danger-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-emergency-center__active-alerts h3{color:var(--color-text);margin-bottom:var(--space-md)}.pet-emergency-center__alert-card{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);margin-bottom:var(--space-md);padding:var(--space-lg)}.pet-emergency-center__alert-card h4{color:var(--color-text);margin-bottom:var(--space-sm)}.pet-emergency-center__alert-card p{color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.pet-emergency-center__help-button{background-color:var(--color-info);border:none;border-radius:var(--radius-base);color:#fff!important;cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.pet-emergency-center__help-button:hover{background-color:var(--color-info-dark)}.pet-emergency-center__geofencing h2{color:var(--color-text);margin-bottom:var(--space-sm)}.pet-emergency-center__geofencing>p{color:var(--color-text-secondary);margin-bottom:var(--space-xl)}.pet-emergency-center__geofence-actions{margin-bottom:var(--space-xl)}.pet-emergency-center__create-geofence-button{background-color:var(--color-primary);border:none;border-radius:var(--radius-base);color:#fff!important;cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.pet-emergency-center__create-geofence-button:hover:not(:disabled){background-color:var(--color-primary-hover);transform:translateY(-2px)}.pet-emergency-center__no-geofences{color:var(--color-text-secondary);padding:var(--space-xl);text-align:center}.pet-emergency-center__geofence-list{grid-gap:var(--space-md);display:grid;gap:var(--space-md)}.pet-emergency-center__geofence-card{align-items:center;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);display:flex;justify-content:space-between;padding:var(--space-lg)}.pet-emergency-center__geofence-card h4{color:var(--color-text);margin:0}.pet-emergency-center__geofence-card p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:var(--space-xs) 0 0}.pet-emergency-center__toggle{align-items:center;cursor:pointer;display:flex;gap:var(--space-sm)}.pet-emergency-center__toggle input[type=checkbox]{cursor:pointer;height:18px;width:18px}.pet-emergency-center__toggle span{color:var(--color-text);font-size:var(--font-size-sm)}@media (max-width:768px){.pet-emergency-center{padding:var(--space-md)}.pet-emergency-center__header{align-items:flex-start;flex-direction:column}.pet-emergency-center__title{font-size:var(--font-size-xl)}.pet-emergency-center__tabs{flex-wrap:wrap}.pet-emergency-center__tab{flex:1 1;min-width:120px;padding:var(--space-sm);text-align:center}.pet-emergency-center__content{padding:var(--space-md)}.pet-emergency-center__card-actions{flex-direction:column}.pet-emergency-center__download-button,.pet-emergency-center__regenerate-button{width:100%}.pet-emergency-center__geofence-card{align-items:flex-start;flex-direction:column;gap:var(--space-md)}}.pet-medications{background-color:var(--color-bg);margin:0 auto;max-width:1200px;min-height:100vh;padding:var(--space-lg)}.pet-medications__header{margin-bottom:var(--space-xl)}.pet-medications__back-button{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-base);margin-bottom:var(--space-md);padding:var(--space-sm);transition:color var(--transition-base)}.pet-medications__back-button:hover{color:var(--color-primary)}.pet-medications__title-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--radius-lg);color:#fff;padding:var(--space-xl);text-align:center}.pet-medications__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-sm) 0}.pet-medications__subtitle{font-size:var(--font-size-lg);margin:0;opacity:.9}.pet-medications__alert{border-radius:var(--radius-base);font-weight:var(--font-weight-medium);margin-bottom:var(--space-lg);padding:var(--space-md)}.pet-medications__alert--error{background-color:var(--color-danger-light);border:1px solid var(--color-danger);color:var(--color-danger)}.pet-medications__alert--success{background-color:var(--color-success-light);border:1px solid var(--color-success);color:var(--color-success)}.pet-medications__pet-selector{background-color:var(--color-bg-secondary);border-radius:var(--radius-base);margin-bottom:var(--space-xl);padding:var(--space-lg)}.pet-medications__label{color:var(--color-text);display:block;font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm)}.pet-medications__select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:var(--font-size-base);padding:var(--space-md);transition:border-color var(--transition-base);width:100%}.pet-medications__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.pet-medications__compliance{border-radius:var(--radius-base);padding:var(--space-lg)}.pet-medications__section-title{color:var(--color-text);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-lg) 0}.pet-medications__stat{background-color:var(--color-bg);border-radius:var(--radius-base);padding:var(--space-lg);text-align:center}.pet-medications__stat-value{color:var(--color-primary);display:block;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-sm)}.pet-medications__stat-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.05em;text-transform:uppercase}.pet-medications__controls{align-items:center;display:flex;gap:var(--space-lg);justify-content:space-between;margin-bottom:var(--space-xl)}.pet-medications__filters{background:var(--color-bg-secondary);border-radius:var(--radius-base);display:flex;gap:var(--space-sm);gap:0;padding:2px}.pet-medications__filter-btn{background-color:initial;border:none;border-radius:calc(var(--radius-base) - 2px);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);height:32px;padding:6px 20px;transition:all var(--transition-base)}.pet-medications__filter-btn:hover{background-color:#0000000d;color:var(--color-text)}.pet-medications__filter-btn--active{box-shadow:0 1px 3px #ff45004d}.pet-medications__filter-btn--active,.pet-medications__filter-btn--active:hover{background-color:var(--color-primary);color:#fff}.pet-medications__actions{align-items:center;display:flex;gap:var(--space-md)}.pet-medications__sort-select{background-color:var(--color-bg);padding:var(--space-sm) var(--space-md)}.pet-medications__add-btn{align-items:center;background-color:var(--color-primary);border:none;border-radius:var(--radius-base);box-shadow:0 1px 3px #ff450033;color:#fff!important;cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:6px;height:36px;padding:6px 20px;transition:all var(--transition-base)}.pet-medications__add-btn:hover{background-color:var(--color-primary-hover);box-shadow:0 4px 8px #ff45004d;color:#fff!important;transform:translateY(-1px)}.pet-medications__loading{color:var(--color-text-secondary);font-size:var(--font-size-lg);padding:var(--space-xxl);text-align:center}.pet-medications__empty{background-color:var(--color-bg-secondary);border-radius:var(--radius-base);padding:var(--space-xxl);text-align:center}.pet-medications__empty p{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--space-lg)}.pet-medications__empty-btn{background-color:var(--color-primary);border:none;border-radius:var(--radius-base);color:#fff;cursor:pointer;font-weight:var(--font-weight-medium);padding:var(--space-md) var(--space-xl);transition:all var(--transition-base)}.pet-medications__empty-btn:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-medications__list{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg)}.pet-medications__card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-base)}.pet-medications__card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.pet-medications__card-header{align-items:flex-start;display:flex;gap:var(--space-md);justify-content:space-between;margin-bottom:var(--space-md)}.pet-medications__card-title{color:var(--color-text);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}.pet-medications__card-actions{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.pet-medications__action-btn{border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-xs) var(--space-sm);transition:all var(--transition-base);white-space:nowrap}.pet-medications__action-btn--log{background-color:var(--color-success);color:#fff}.pet-medications__action-btn--log:hover{background-color:var(--color-success-hover)}.pet-medications__action-btn--history{background-color:var(--color-info);color:#fff}.pet-medications__action-btn--history:hover{background-color:var(--color-info-hover)}.pet-medications__action-btn--edit{background-color:var(--color-warning);color:#fff}.pet-medications__action-btn--edit:hover{background-color:var(--color-warning-hover)}.pet-medications__action-btn--delete{background-color:var(--color-danger);color:#fff}.pet-medications__action-btn--delete:hover{background-color:var(--color-danger-hover)}.pet-medications__card-content{grid-gap:var(--space-sm);display:grid;gap:var(--space-sm)}.pet-medications__card-detail{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:1.5}.pet-medications__card-detail strong{color:var(--color-text);font-weight:var(--font-weight-semibold)}.pet-medications__modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-lg);position:fixed;right:0;top:0;z-index:1000}.pet-medications__modal{background-color:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.pet-medications__modal--large{max-width:800px}.pet-medications__modal-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--space-lg)}.pet-medications__modal-header h2{color:var(--color-text);font-size:var(--font-size-xl);margin:0}.pet-medications__modal-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-xl);line-height:1;padding:var(--space-sm);transition:color var(--transition-base)}.pet-medications__modal-close:hover{color:var(--color-text)}.pet-medications__form{padding:var(--space-lg)}.pet-medications__form-group{margin-bottom:var(--space-lg)}.pet-medications__form-row{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:1fr 1fr}.pet-medications__input,.pet-medications__textarea{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-family:inherit;font-size:var(--font-size-base);padding:var(--space-md);transition:border-color var(--transition-base);width:100%}.pet-medications__input:focus,.pet-medications__textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.pet-medications__textarea{min-height:80px;resize:vertical}.pet-medications__custom-schedule{background-color:var(--color-bg-secondary);border-radius:var(--radius-base);margin-top:var(--space-sm);padding:var(--space-md)}.pet-medications__days-selector{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.pet-medications__day-checkbox{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);transition:background-color var(--transition-base)}.pet-medications__day-checkbox:hover{background-color:var(--color-bg)}.pet-medications__day-checkbox input[type=checkbox]{margin:0}.pet-medications__time-input{align-items:center;display:flex;gap:var(--space-sm);margin-bottom:var(--space-sm)}.pet-medications__time-input:last-child{margin-bottom:0}.pet-medications__time-remove{align-items:center;background-color:var(--color-danger);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-sm);height:24px;justify-content:center;line-height:1;transition:background-color var(--transition-base);width:24px}.pet-medications__time-remove:hover{background-color:var(--color-danger-hover)}.pet-medications__add-time-btn{background-color:var(--color-info);border:none;border-radius:var(--radius-base);color:#fff;cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-md);transition:background-color var(--transition-base)}.pet-medications__add-time-btn:hover{background-color:var(--color-info-hover)}.pet-medications__form-actions{border-top:1px solid var(--color-border);display:flex;gap:var(--space-md);justify-content:flex-end;margin-top:var(--space-xl);padding-top:var(--space-lg)}.pet-medications__btn{border:none;border-radius:var(--radius-base);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--space-md) var(--space-xl);transition:all var(--transition-base)}.pet-medications__btn--primary{background-color:var(--color-primary);color:#fff!important}.pet-medications__btn--primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-md);color:#fff!important;transform:translateY(-2px)}.pet-medications__btn--secondary{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-secondary)}.pet-medications__btn--secondary:hover{background-color:var(--color-bg);color:var(--color-text)}.pet-medications__history{padding:var(--space-lg)}.pet-medications__history-list{grid-gap:var(--space-md);display:grid;gap:var(--space-md)}.pet-medications__history-entry{background-color:var(--color-bg-secondary);border-left:4px solid var(--color-primary);border-radius:var(--radius-base);padding:var(--space-md)}.pet-medications__history-time{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-sm)}.pet-medications__history-details{grid-gap:var(--space-xs);display:grid;gap:var(--space-xs)}.pet-medications__history-details div{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.pet-medications__history-details strong{color:var(--color-text);font-weight:var(--font-weight-semibold)}.pet-medications__history-skipped{background-color:var(--color-warning-light);border-radius:var(--radius-sm);color:var(--color-warning-dark)!important;padding:var(--space-sm)}@media (max-width:768px){.pet-medications{padding:var(--space-md)}.pet-medications__title{font-size:var(--font-size-2xl)}.pet-medications__controls{align-items:stretch;flex-direction:column}.pet-medications__filters{justify-content:center;margin-bottom:var(--space-md)}.pet-medications__actions{justify-content:space-between}.pet-medications__card-header{align-items:stretch;flex-direction:column}.pet-medications__card-actions{justify-content:center;margin-top:var(--space-md)}.pet-medications__form-row{grid-template-columns:1fr}.pet-medications__modal{margin:var(--space-md);max-height:calc(100vh - var(--space-md)*2)}.pet-medications__form-actions{flex-direction:column}.pet-medications__compliance-stats{grid-template-columns:1fr}.pet-medications__days-selector{justify-content:center}}@media (max-width:480px){.pet-medications__title-section{padding:var(--space-lg)}.pet-medications__title{font-size:var(--font-size-xl)}.pet-medications__subtitle{font-size:var(--font-size-base)}.pet-medications__filters{flex-wrap:wrap}.pet-medications__filter-btn{flex:1 1;min-width:80px}.pet-medications__card-actions{flex-direction:column;gap:var(--space-sm)}.pet-medications__action-btn{padding:var(--space-sm);text-align:center}}@media (prefers-color-scheme:dark){.pet-medications__modal-overlay{background-color:#000000b3}.pet-medications__history-skipped{background-color:#ffc10733;color:var(--color-warning)!important}}.pet-medications__modal{animation:modalSlideIn .3s ease-out}.pet-medications__action-btn:focus,.pet-medications__add-btn:focus,.pet-medications__btn:focus,.pet-medications__filter-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.pet-medications__card{overflow:hidden;position:relative}.pet-medications__card:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.pet-medications__card:hover:before{left:100%}.pet-medications__alerts{margin-bottom:var(--space-lg)}.pet-medications__compliance{background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-xl);padding:var(--space-xl)}.pet-medications__compliance-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-lg)}.pet-medications__chart-toggle{background:var(--color-primary)!important;border:none;border-radius:var(--radius-base);color:#fff;cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.pet-medications__chart-toggle:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.pet-medications__compliance-stats{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.pet-medications__compliance-chart{border-top:1px solid var(--color-border);margin-top:var(--space-xl);padding-top:var(--space-xl)}.pet-medications__compliance-chart h3{color:var(--color-text);font-size:var(--font-size-lg);margin:0 0 var(--space-lg) 0}.pet-medications__chart{background:var(--color-bg);border-radius:var(--radius-base);padding:var(--space-lg)}.pet-medications__compliance-details{display:flex;flex-direction:column;gap:var(--space-md)}.pet-medications__compliance-item{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:var(--space-md)}.pet-medications__compliance-med-name{color:var(--color-text);font-weight:var(--font-weight-medium);margin-bottom:var(--space-sm)}.pet-medications__compliance-bar-container{background:var(--color-bg-tertiary);border-radius:var(--radius-base);height:24px;margin-bottom:var(--space-xs);overflow:hidden;position:relative;width:100%}.pet-medications__compliance-bar{align-items:center;background:linear-gradient(to right,var(--color-primary),var(--color-primary-light));display:flex;height:100%;justify-content:flex-end;padding-right:var(--space-sm);transition:width var(--transition-base)}.pet-medications__compliance-percentage{color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.pet-medications__compliance-stats{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.pet-medications__skipped{color:var(--color-warning);margin-left:var(--space-xs)}.pet-medications__chart-bars{align-items:flex-end;display:flex;gap:var(--space-sm);height:200px;justify-content:space-between}.pet-medications__chart-bar-container{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%;position:relative}.pet-medications__chart-bar{background:linear-gradient(to top,var(--color-primary),var(--color-primary-light));border-radius:var(--radius-base) var(--radius-base) 0 0;cursor:pointer;position:relative;transition:all var(--transition-base);width:100%}.pet-medications__chart-bar:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-2px)}.pet-medications__chart-value{color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);left:50%;position:absolute;top:-25px;transform:translateX(-50%)}.pet-medications__chart-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:var(--space-sm)}.pet-medications__export-btn{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:6px;height:36px;padding:6px 20px;transition:all var(--transition-base)}.pet-medications__export-btn:hover{background-color:var(--color-bg);border-color:var(--color-primary);box-shadow:0 2px 4px #0000001a;color:var(--color-primary);transform:translateY(-1px)}.pet-medications__card-detail--refill{color:var(--color-warning);font-weight:var(--font-weight-medium)}.pet-medications__form-section{border-top:1px solid var(--color-border);margin-top:var(--space-xl);padding-top:var(--space-xl)}.pet-medications__form-section-title{color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin:0 0 var(--space-lg) 0}.pet-medications__checkbox-label{align-items:center;color:var(--color-text);cursor:pointer;display:flex;font-size:var(--font-size-base);gap:var(--space-sm)}.pet-medications__checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}body.dark-mode .pet-medications__chart{background-color:var(--color-bg-tertiary)}body.dark-mode .pet-medications__chart-bar{background:linear-gradient(0deg,#ff6b35,#ff8c42)}body.dark-mode .pet-medications__compliance-item{background-color:var(--color-bg-secondary);border-color:var(--color-border)}body.dark-mode .pet-medications__compliance-bar-container{background-color:#ffffff1a}body.dark-mode .pet-medications__compliance-bar{background:linear-gradient(90deg,#ff6b35,#ff8c42)}.pet-medications__view-toggle{background:var(--color-bg-secondary);border-radius:var(--radius-base);display:flex;gap:var(--space-xs);gap:2px;padding:2px}.pet-medications__view-btn{align-items:center;background:#0000;border:none;border-radius:calc(var(--radius-base) - 2px);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:6px;height:32px;padding:6px 16px;transition:all var(--transition-base);white-space:nowrap}.pet-medications__view-btn:hover{background:#0000000d;color:var(--color-text)}.pet-medications__view-btn--active{box-shadow:0 1px 3px #0000001a}.pet-medications__view-btn--active,.pet-medications__view-btn--active:hover{background:var(--color-bg);color:var(--color-primary)}.pet-medications__table-container{background:var(--color-bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.pet-medications__table{border-collapse:collapse;width:100%}.pet-medications__table th{background:var(--color-bg-tertiary);border-bottom:2px solid var(--color-border);color:var(--color-text);font-weight:var(--font-weight-medium);padding:var(--space-md);text-align:left}.pet-medications__table td{border-bottom:1px solid var(--color-border-light);color:var(--color-text);padding:var(--space-md)}.pet-medications__table tbody tr:hover{background:var(--color-bg-hover)}.pet-medications__table-med-name{font-weight:var(--font-weight-medium)}.pet-medications__table-prescriber{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.pet-medications__table-actions{display:flex;gap:var(--space-xs)}.pet-medications__status{border-radius:var(--radius-sm);display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-xs) var(--space-sm);text-transform:uppercase}.pet-medications__status--active{background:var(--color-success-bg);color:var(--color-success)}.pet-medications__status--inactive{background:var(--color-warning-bg);color:var(--color-warning)}.pet-medications__status--expired{background:var(--color-danger-bg);color:var(--color-danger)}body.dark-mode .pet-medications__table{background:var(--color-bg-secondary)}body.dark-mode .pet-medications__table th,body.dark-mode .pet-medications__view-toggle{background:var(--color-bg-tertiary)}body.dark-mode .pet-medications__view-btn{color:var(--color-text-secondary)}body.dark-mode .pet-medications__view-btn:hover{background:#ffffff0d;color:var(--color-text)}body.dark-mode .pet-medications__view-btn--active{background:var(--color-bg-secondary);box-shadow:0 1px 3px #0003;color:var(--color-primary)}body.dark-mode .pet-medications__filters{background:var(--color-bg-tertiary)}body.dark-mode .pet-medications__filter-btn:hover{background:#ffffff0d}body.dark-mode .pet-medications__filter-btn--active{background:var(--color-primary);color:#fff}body.dark-mode .pet-medications__export-btn{background:var(--color-bg-tertiary)}body.dark-mode .pet-medications__export-btn:hover{background:var(--color-bg-secondary)}body.dark-mode .pet-medications__sort-select{background:var(--color-bg-tertiary)}.pet-medications__controls .pet-share-button__trigger,.pet-medications__controls button{align-items:center;border-radius:var(--radius-base);display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);height:36px}.pet-medications__sort-select{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);height:36px;padding:6px 12px;transition:all var(--transition-base)}.pet-medications__sort-select:hover{background:var(--color-bg);border-color:var(--color-primary)}.pet-medications__sort-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #ff450033;outline:none}@media (max-width:768px){.pet-medications{padding:var(--space-md)}.pet-medications__title{font-size:var(--font-size-2xl)}.pet-medications__controls{flex-direction:column;gap:var(--space-sm)}.pet-medications__card{padding:var(--space-md)}.pet-medications__modal{margin:var(--space-md);max-height:calc(100vh - var(--space-xl))}.pet-medications__compliance-stats{grid-template-columns:1fr}.pet-medications__view-toggle{display:none}.pet-medications__table-container{overflow-x:auto}.pet-medications__table{min-width:600px}}.pet-weight-tracking{background-color:var(--color-bg);margin:0 auto;max-width:1200px;min-height:100vh;padding:var(--space-lg)}.pet-weight-tracking__header{margin-bottom:var(--space-xl)}.pet-weight-tracking__back-button{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-base);margin-bottom:var(--space-md);padding:var(--space-sm);transition:color var(--transition-base)}.pet-weight-tracking__back-button:hover{color:var(--color-primary)}.pet-weight-tracking__title-section{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-light) 100%);border-radius:var(--radius-lg);color:#fff;padding:var(--space-xl);text-align:center}.pet-weight-tracking__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-sm) 0}.pet-weight-tracking__subtitle{font-size:var(--font-size-lg);margin:0;opacity:.9}.pet-weight-tracking__alert{border-radius:var(--radius-base);font-weight:var(--font-weight-medium);margin-bottom:var(--space-lg);padding:var(--space-md)}.pet-weight-tracking__alert--error{background-color:var(--color-danger-light);border:1px solid var(--color-danger);color:var(--color-danger)}.pet-weight-tracking__alert--success{background-color:var(--color-success-light);border:1px solid var(--color-success);color:var(--color-success)}.pet-weight-tracking__admin-notice{background-color:var(--color-info);border-radius:var(--radius-base);color:#fff;font-size:var(--font-size-sm);margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-md);text-align:center}.pet-weight-tracking__pet-selector{background-color:var(--color-bg-secondary);border-radius:var(--radius-base);margin-bottom:var(--space-xl);padding:var(--space-lg)}.pet-weight-tracking__label{color:var(--color-text);display:block;font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm)}.pet-weight-tracking__select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:var(--font-size-base);padding:var(--space-md);transition:border-color var(--transition-base);width:100%}.pet-weight-tracking__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.pet-weight-tracking__stats{background-color:var(--color-bg-secondary);border-radius:var(--radius-base);margin-bottom:var(--space-xl);padding:var(--space-lg)}.pet-weight-tracking__section-title{color:var(--color-text);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-lg) 0}.pet-weight-tracking__stats-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--space-lg)}.pet-weight-tracking__stat-card{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:var(--space-lg);text-align:center;transition:all var(--transition-base)}.pet-weight-tracking__stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-weight-tracking__stat-value{color:var(--color-primary);display:block;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1.2;margin-bottom:var(--space-sm)}.pet-weight-tracking__stat-value--gaining{color:var(--color-success)}.pet-weight-tracking__stat-value--losing{color:var(--color-danger)}.pet-weight-tracking__stat-value--stable{color:var(--color-secondary)}.pet-weight-tracking__stat-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.05em;text-transform:uppercase}.pet-weight-tracking__ideal-range{background-color:var(--color-info-light);border:1px solid var(--color-info);border-radius:var(--radius-base);color:var(--color-info-dark);padding:var(--space-md);text-align:center}.pet-weight-tracking__controls{align-items:center;display:flex;gap:var(--space-lg);justify-content:space-between;margin-bottom:var(--space-xl)}.pet-weight-tracking__view-controls{align-items:center;display:flex;gap:var(--space-md)}.pet-weight-tracking__toggle-btn{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:6px;height:36px;padding:6px 20px;transition:all var(--transition-base)}.pet-weight-tracking__toggle-btn:hover{background-color:var(--color-bg);border-color:var(--color-primary);box-shadow:0 2px 4px #0000001a;color:var(--color-primary);transform:translateY(-1px)}.pet-weight-tracking__actions{align-items:center;display:flex;gap:var(--space-md)}.pet-weight-tracking__btn{align-items:center;border:none;border-radius:var(--radius-base);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:6px;height:36px;padding:6px 20px;transition:all var(--transition-base)}.pet-weight-tracking__btn--primary{background-color:var(--color-primary);box-shadow:0 1px 3px #ff450033;color:#fff!important}.pet-weight-tracking__btn--primary:hover{background-color:var(--color-primary-hover);box-shadow:0 4px 8px #ff45004d;transform:translateY(-1px)}.pet-weight-tracking__btn--secondary{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.pet-weight-tracking__btn--secondary:hover{background-color:var(--color-bg);border-color:var(--color-primary);box-shadow:0 2px 4px #0000001a;color:var(--color-primary);transform:translateY(-1px)}.pet-weight-tracking__chart{background-color:var(--color-bg-secondary);border-radius:var(--radius-base);margin-bottom:var(--space-xl);padding:var(--space-lg)}.pet-weight-tracking__chart-title{color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-lg) 0}.pet-weight-tracking__chart-container{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:var(--space-md)}.pet-weight-tracking__simple-chart{overflow-x:auto;width:100%}.pet-weight-tracking__simple-chart svg{border-radius:var(--radius-sm);min-width:600px}.pet-weight-tracking__history{background-color:var(--color-bg-secondary);border-radius:var(--radius-base);padding:var(--space-lg)}.pet-weight-tracking__history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-lg)}.pet-weight-tracking__history-summary{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.pet-weight-tracking__loading{color:var(--color-text-secondary);font-size:var(--font-size-lg);padding:var(--space-3xl);text-align:center}.pet-weight-tracking__empty{background-color:var(--color-bg);border-radius:var(--radius-base);padding:var(--space-3xl);text-align:center}.pet-weight-tracking__empty p{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--space-lg)}.pet-weight-tracking__empty-btn{background-color:var(--color-primary);border:none;border-radius:var(--radius-base);color:#fff!important;cursor:pointer;font-weight:var(--font-weight-medium);padding:var(--space-md) var(--space-xl);transition:all var(--transition-base)}.pet-weight-tracking__empty-btn:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-weight-tracking__table{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);overflow:hidden}.pet-weight-tracking__table-header{background-color:var(--color-bg-secondary);color:var(--color-text);display:grid;font-weight:var(--font-weight-semibold);grid-template-columns:1fr 1fr 1fr 1fr 2fr auto}.pet-weight-tracking__table-row{border-top:1px solid var(--color-border);display:grid;grid-template-columns:1fr 1fr 1fr 1fr 2fr auto;transition:background-color var(--transition-base)}.pet-weight-tracking__table-row:hover{background-color:var(--color-bg-secondary)}.pet-weight-tracking__table-cell{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);overflow:hidden;padding:var(--space-md);text-overflow:ellipsis;white-space:nowrap}.pet-weight-tracking__table-cell strong,.pet-weight-tracking__table-header .pet-weight-tracking__table-cell{color:var(--color-text);font-weight:var(--font-weight-semibold)}.pet-weight-tracking__action-btn{background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-base);margin:0 var(--space-xs);padding:var(--space-xs);transition:all var(--transition-base)}.pet-weight-tracking__action-btn:hover{background-color:var(--color-bg-secondary)}.pet-weight-tracking__action-btn--edit{color:var(--color-warning)}.pet-weight-tracking__action-btn--delete{color:var(--color-danger)}.pet-weight-tracking__modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-lg);position:fixed;right:0;top:0;z-index:1000}.pet-weight-tracking__modal{animation:modalSlideIn .3s ease-out;background-color:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.pet-weight-tracking__modal-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--space-lg)}.pet-weight-tracking__modal-header h2{color:var(--color-text);font-size:var(--font-size-xl);margin:0}.pet-weight-tracking__modal-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-xl);line-height:1;padding:var(--space-sm);transition:color var(--transition-base)}.pet-weight-tracking__modal-close:hover{color:var(--color-text)}.pet-weight-tracking__form{padding:var(--space-lg)}.pet-weight-tracking__form-group{margin-bottom:var(--space-lg)}.pet-weight-tracking__form-row{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:1fr 1fr}.pet-weight-tracking__input,.pet-weight-tracking__textarea{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-family:inherit;font-size:var(--font-size-base);padding:var(--space-md);transition:border-color var(--transition-base);width:100%}.pet-weight-tracking__input:focus,.pet-weight-tracking__textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.pet-weight-tracking__textarea{min-height:80px;resize:vertical}.pet-weight-tracking__form-actions{border-top:1px solid var(--color-border);display:flex;gap:var(--space-md);justify-content:flex-end;margin-top:var(--space-xl);padding-top:var(--space-lg)}@media (max-width:768px){.pet-weight-tracking{padding:var(--space-md)}.pet-weight-tracking__title{font-size:var(--font-size-2xl)}.pet-weight-tracking__controls{align-items:stretch;flex-direction:column}.pet-weight-tracking__view-controls{justify-content:space-between;margin-bottom:var(--space-md)}.pet-weight-tracking__actions{justify-content:space-between}.pet-weight-tracking__stats-grid{grid-template-columns:1fr}.pet-weight-tracking__stat-value{font-size:var(--font-size-xl)}.pet-weight-tracking__table-header,.pet-weight-tracking__table-row{gap:var(--space-sm);grid-template-columns:1fr}.pet-weight-tracking__table-cell{border-bottom:1px solid var(--color-border);justify-content:space-between;white-space:normal}.pet-weight-tracking__table-cell:before{color:var(--color-text);content:attr(data-label);font-weight:var(--font-weight-semibold);margin-right:var(--space-md)}.pet-weight-tracking__form-row{grid-template-columns:1fr}.pet-weight-tracking__modal{margin:var(--space-md);max-height:calc(100vh - var(--space-md)*2)}.pet-weight-tracking__form-actions{flex-direction:column}}@media (max-width:480px){.pet-weight-tracking__title-section{padding:var(--space-lg)}.pet-weight-tracking__title{font-size:var(--font-size-xl)}.pet-weight-tracking__subtitle{font-size:var(--font-size-base)}.pet-weight-tracking__actions,.pet-weight-tracking__view-controls{flex-direction:column;gap:var(--space-sm)}.pet-weight-tracking__btn{text-align:center;width:100%}.pet-weight-tracking__simple-chart svg{min-width:400px}}@media (max-width:768px){.pet-weight-tracking__table-cell[data-label=Date]:before{content:"Date: "}.pet-weight-tracking__table-cell[data-label=Weight]:before{content:"Weight: "}.pet-weight-tracking__table-cell[data-label=BCS]:before{content:"BCS: "}.pet-weight-tracking__table-cell[data-label="Measured By"]:before{content:"Measured By: "}.pet-weight-tracking__table-cell[data-label=Notes]:before{content:"Notes: "}.pet-weight-tracking__table-cell[data-label=Actions]:before{content:"Actions: "}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.pet-weight-tracking__action-btn:focus,.pet-weight-tracking__btn:focus,.pet-weight-tracking__toggle-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.pet-weight-tracking__simple-chart circle{transition:r .2s ease}.pet-weight-tracking__simple-chart circle:hover{r:6}.pet-weight-tracking__stat-card{overflow:hidden;position:relative}.pet-weight-tracking__stat-card:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.pet-weight-tracking__stat-card:hover:before{left:100%}@media (prefers-color-scheme:dark){.pet-weight-tracking__modal-overlay{background-color:#000000b3}.pet-weight-tracking__simple-chart rect{fill:#1a1a1a}.pet-weight-tracking__simple-chart text{fill:#ccc}}.pet-weight-tracking__table-cell:nth-child(2){font-weight:var(--font-weight-semibold)}.pet-weight-tracking__table-row:nth-child(2n){background-color:#00000005}.pet-weight-tracking__table-row:nth-child(2n):hover{background-color:var(--color-bg-secondary)}.pet-weight-tracking__stats{background:linear-gradient(135deg,var(--color-bg-secondary) 0,var(--color-bg) 100%)}.pet-weight-tracking__chart{background:linear-gradient(135deg,var(--color-bg) 0,var(--color-bg-secondary) 100%)}@media (max-width:600px){.pet-weight-tracking__chart-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.pet-weight-tracking__simple-chart{padding-bottom:var(--space-md)}}.pet-weight-tracking__stats-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-lg)}.pet-weight-tracking__stats-actions{display:flex;gap:var(--space-md)}.pet-weight-tracking__copy-btn,.pet-weight-tracking__goal-btn,.pet-weight-tracking__share-btn{align-items:center;background:var(--color-primary)!important;border:none;border-radius:var(--radius-base);box-shadow:0 1px 3px #ff450033;color:#fff!important;cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:6px;height:36px;padding:6px 20px;transition:all var(--transition-base);white-space:nowrap}.pet-weight-tracking__copy-btn{background:var(--color-secondary)!important}.pet-weight-tracking__goal-btn:hover,.pet-weight-tracking__share-btn:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.pet-weight-tracking__copy-btn:hover{background:var(--color-secondary-hover)!important;transform:translateY(-1px)}.pet-weight-tracking__share-group{display:flex;gap:var(--space-sm)}.pet-weight-tracking__goal-progress{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-top:var(--space-xl);padding:var(--space-xl)}.pet-weight-tracking__goal-progress h3{color:var(--color-text);font-size:var(--font-size-lg);margin:0 0 var(--space-lg) 0}.pet-weight-tracking__goal-info{display:flex;gap:var(--space-md);justify-content:space-between;margin-bottom:var(--space-lg)}.pet-weight-tracking__goal-remaining,.pet-weight-tracking__goal-target{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.pet-weight-tracking__goal-bar{background:var(--color-bg-secondary);border-radius:var(--radius-full);height:20px;margin-bottom:var(--space-md);overflow:hidden;width:100%}.pet-weight-tracking__goal-fill{background:linear-gradient(to right,var(--color-primary),var(--color-primary-light));height:100%;transition:width var(--transition-base)}.pet-weight-tracking__prediction{border-radius:var(--radius-base);font-size:var(--font-size-sm);padding:var(--space-md);text-align:center}.pet-weight-tracking__prediction--achievable{background:var(--color-success-bg);color:var(--color-success)}.pet-weight-tracking__prediction--challenging{background:var(--color-warning-bg);color:var(--color-warning)}.pet-weight-tracking__chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-lg)}.pet-weight-tracking__chart-controls{display:flex;gap:var(--space-lg)}.pet-weight-tracking__chart-controls label{align-items:center;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--space-sm)}.pet-weight-tracking__chart-controls input[type=checkbox]{cursor:pointer}.pet-weight-tracking__chart-empty{color:var(--color-text-secondary);padding:var(--space-xxl);text-align:center}.pet-weight-tracking__disclaimer{align-items:flex-start;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;gap:var(--space-md);margin-bottom:var(--space-xl);padding:var(--space-lg)}.pet-weight-tracking__disclaimer-icon{flex-shrink:0;font-size:var(--font-size-2xl)}.pet-weight-tracking__disclaimer-content h3{color:var(--color-text);font-size:var(--font-size-lg);margin:0 0 var(--space-sm) 0}.pet-weight-tracking__disclaimer-content p{color:var(--color-text-secondary);line-height:1.6;margin:0}.pet-weight-tracking__disclaimer-content strong{color:var(--color-primary);font-weight:var(--font-weight-semibold)}body.dark-mode .pet-weight-tracking__disclaimer{background-color:#ffc1071a;border-color:#ffc1074d}body.dark-mode .pet-weight-tracking__disclaimer-content strong{color:#ffc107}.pet-weight-tracking__bcs-guide{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-top:var(--space-xl);padding:var(--space-lg)}.pet-weight-tracking__bcs-guide h4{color:var(--color-text);font-size:var(--font-size-base);margin:0 0 var(--space-md) 0}.pet-weight-tracking__bcs-scale{grid-gap:var(--space-sm);display:grid;gap:var(--space-sm);grid-template-columns:repeat(4,1fr)}.pet-weight-tracking__bcs-item{border-radius:var(--radius-base);font-size:var(--font-size-sm);padding:var(--space-sm);text-align:center}.pet-weight-tracking__bcs-item strong{display:block;font-size:var(--font-size-base);margin-bottom:var(--space-xs)}.pet-weight-tracking__bcs-item--underweight{background:#ffc1071a;color:var(--color-warning)}.pet-weight-tracking__bcs-item--ideal{background:#28a7451a;color:var(--color-success)}.pet-weight-tracking__bcs-item--overweight{background:#ffc1071a;color:var(--color-warning)}.pet-weight-tracking__bcs-item--obese{background:#dc35451a;color:var(--color-danger)}.pet-weight-tracking__current-weight{background:var(--color-bg-secondary);border-radius:var(--radius-base);color:var(--color-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);padding:var(--space-md);text-align:center}.pet-weight-tracking__goal-summary{background:var(--color-info-bg);border-radius:var(--radius-base);margin-bottom:var(--space-lg);padding:var(--space-lg)}.pet-weight-tracking__goal-summary p{color:var(--color-info);font-weight:var(--font-weight-medium);margin:0;text-align:center}body.dark-mode .pet-weight-tracking__stats{background:#2a2a2a;border:1px solid #444}body.dark-mode .pet-weight-tracking__stat-card{background-color:#333;border-color:#444}body.dark-mode .pet-weight-tracking__stat-value{color:#e0e0e0}body.dark-mode .pet-weight-tracking__stat-value--gaining{color:#66d066}body.dark-mode .pet-weight-tracking__stat-value--losing{color:#ff6b6b}body.dark-mode .pet-weight-tracking__stat-value--stable{color:#999}body.dark-mode .pet-weight-tracking__stat-label{color:#bbb}body.dark-mode .pet-weight-tracking__history{background-color:#2a2a2a;border:1px solid #444}body.dark-mode .pet-weight-tracking__table-row{background-color:#333;border-color:#444}body.dark-mode .pet-weight-tracking__table-row:hover{background-color:#3a3a3a}body.dark-mode .pet-weight-tracking__table-cell{border-color:#444;color:#e0e0e0}body.dark-mode .pet-weight-tracking__table-header{background-color:#1a1a1a;color:#e0e0e0}body.dark-mode .pet-weight-tracking__chart,body.dark-mode .pet-weight-tracking__form-container{background-color:#2a2a2a;border:1px solid #444}body.dark-mode .pet-weight-tracking__input,body.dark-mode .pet-weight-tracking__select,body.dark-mode .pet-weight-tracking__textarea{background-color:#1a1a1a;border-color:#444;color:#e0e0e0}body.dark-mode .pet-weight-tracking__input:focus,body.dark-mode .pet-weight-tracking__select:focus,body.dark-mode .pet-weight-tracking__textarea:focus{border-color:var(--color-primary)}body.dark-mode .pet-weight-tracking__label{color:#e0e0e0}body.dark-mode .pet-weight-tracking__ideal-range{background-color:#17a2b833;border-color:#17a2b8;color:#5dd5e8}body.dark-mode .pet-weight-tracking__goal-progress{background:#333;border:1px solid #444}body.dark-mode .pet-weight-tracking__goal-bar{background:#444}body.dark-mode .pet-weight-tracking__bcs-guide{background:#2a2a2a;border:1px solid #444}body.dark-mode .pet-weight-tracking__current-weight{background:#2a2a2a;border:1px solid #444;color:#e0e0e0}body.dark-mode .pet-weight-tracking__pet-selector{background-color:#2a2a2a;border:1px solid #444}body.dark-mode .pet-weight-tracking__section-title{color:#e0e0e0}body.dark-mode .pet-weight-tracking__empty p,body.dark-mode .pet-weight-tracking__history-summary{color:#bbb}body.dark-mode .pet-weight-tracking__modal-content{background-color:#2a2a2a;color:#e0e0e0}@media (max-width:768px){.pet-weight-tracking__stats-header{align-items:stretch;flex-direction:column;gap:var(--space-md)}.pet-weight-tracking__stats-actions{justify-content:stretch}.pet-weight-tracking__stats-actions button{flex:1 1}.pet-weight-tracking__goal-info{flex-direction:column}.pet-weight-tracking__chart-header{align-items:stretch;flex-direction:column;gap:var(--space-md)}.pet-weight-tracking__chart-controls{justify-content:center}.pet-weight-tracking__bcs-scale{grid-template-columns:repeat(2,1fr)}}.pet-health-dashboard{padding:0;width:100%}.pet-health-dashboard--full-width{margin:0;max-width:none}body.has-profile-background .pet-health-dashboard{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1rem}body.dark-mode .pet-health-dashboard{background-color:#2a2a2a;color:var(--color-text)}body.dark-mode.has-profile-background .pet-health-dashboard{background-color:#2a2a2af2}.pet-health-dashboard__header{border-bottom:2px solid var(--color-primary);margin-bottom:2rem;padding:.5rem 1rem 1rem;position:relative;text-align:center}.pet-health-dashboard__header-content{width:100%}.pet-health-dashboard__header h1{color:var(--color-primary);font-size:2.5rem;margin:0 0 .5rem}.pet-health-dashboard__header p{color:var(--color-text-secondary);font-size:1.1rem;margin:0}.pet-health-dashboard__share-button{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;font-size:.875rem;height:auto;justify-content:center;margin-left:1rem;min-height:0;min-height:auto;padding:.25rem .5rem;position:static;transition:all .2s ease}.pet-health-dashboard__share-button:hover{background-color:var(--color-bg-tertiary);box-shadow:var(--shadow-md);color:var(--color-primary);transform:translateY(-1px)}.pet-health-dashboard__share-button:active{transform:translateY(0)}.pet-health-dashboard__share-button svg{fill:currentColor;height:1em;width:1em}.pet-health-dashboard__status{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem;padding:0 1rem}.pet-health-dashboard__status-item{align-items:center;border-radius:var(--radius-lg);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.pet-health-dashboard__status-item--success{background-color:#28a7451a;border:1px solid #28a7454d;color:#28a745}.pet-health-dashboard__status-item--info{background-color:#17a2b81a;border:1px solid #17a2b84d;color:#17a2b8}.pet-health-dashboard__status-item--warning{background-color:#ffc1071a;border:1px solid #ffc1074d;color:#ffc107}body.dark-mode .pet-health-dashboard__status-item--success{background-color:#28a74533}body.dark-mode .pet-health-dashboard__status-item--info{background-color:#17a2b833}body.dark-mode .pet-health-dashboard__status-item--warning{background-color:#ffc10733}.pet-health-dashboard__content{box-sizing:border-box;padding:0 1rem;width:100%}.pet-health-dashboard__section{margin-bottom:3rem}.pet-health-dashboard__section h2{border-bottom:1px solid var(--color-border);color:var(--color-text);margin-bottom:1rem;padding-bottom:.5rem}.pet-health-dashboard__cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.pet-health-dashboard__card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:1.5rem;transition:all .3s ease}.pet-health-dashboard__card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-health-dashboard__card h3{color:var(--color-primary);margin:0 0 .5rem}.pet-health-dashboard__card p{color:var(--color-text-secondary);margin:0}.pet-health-dashboard__features{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));list-style:none;margin:0;padding:0}.pet-health-dashboard__features li{background-color:var(--color-bg-tertiary);border-left:3px solid var(--color-primary);border-radius:var(--radius-base);padding:.5rem}.pet-health-dashboard__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.pet-health-dashboard__button{border:none;border-radius:var(--radius-base);cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.pet-health-dashboard__button--primary{background-color:var(--color-primary);color:#fff}.pet-health-dashboard__button--primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.pet-health-dashboard__button--secondary{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.pet-health-dashboard__button--secondary:hover{background-color:var(--color-bg-tertiary);transform:translateY(-1px)}.pet-health-dashboard__notice{background-color:#ffc1071a;border:1px solid #ffc1074d;border-radius:var(--radius-lg);margin-top:3rem;padding:1.5rem;text-align:center}.pet-health-dashboard__notice p{font-weight:500;margin:0}@media (max-width:768px){.pet-health-dashboard{border-radius:0;padding:.5rem}.pet-health-dashboard__header h1{font-size:2rem}.pet-health-dashboard__breadcrumb-row{padding:.5rem}.pet-health-dashboard__share-button{font-size:.75rem;margin-left:.5rem;padding:.25rem}.pet-health-dashboard__status{align-items:stretch;flex-direction:column}.pet-health-dashboard__content{padding:0 .5rem}.pet-health-dashboard__cards,.pet-health-dashboard__features{grid-template-columns:1fr}.pet-health-dashboard__actions{flex-direction:column}.pet-health-dashboard__button{width:100%}}.pet-health-dashboard__skip-link{background:var(--color-primary);border-radius:var(--radius-base);color:#fff;font-weight:500;left:-9999px;padding:8px 16px;position:absolute;text-decoration:none;top:0;z-index:100}.pet-health-dashboard__skip-link:focus{box-shadow:var(--shadow-lg);left:50%;top:10px;transform:translateX(-50%)}.pet-health-dashboard__breadcrumb-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;padding:1rem 1rem 0}.pet-health-dashboard__breadcrumbs{flex:1 1;margin:0;padding:0}.pet-health-dashboard__breadcrumbs ol{flex-wrap:wrap;list-style:none;margin:0;padding:0}.pet-health-dashboard__breadcrumbs li,.pet-health-dashboard__breadcrumbs ol{align-items:center;display:flex;gap:.5rem}.pet-health-dashboard__breadcrumbs a{align-items:center;color:var(--color-primary);display:flex;gap:.25rem;text-decoration:none;transition:color .2s ease}.pet-health-dashboard__breadcrumbs a:hover{color:var(--color-primary-hover);text-decoration:underline}.pet-health-dashboard__breadcrumb-separator{color:var(--color-text-secondary);font-size:.75rem}.pet-health-dashboard__error{margin:0 auto;max-width:600px;padding:3rem 1rem;text-align:center}.pet-health-dashboard__error h2{color:var(--color-danger);margin-bottom:1rem}.pet-health-dashboard__error p{color:var(--color-text-secondary);margin-bottom:2rem}.pet-health-dashboard__loading{padding:2rem 1rem}.pet-health-dashboard__skeleton{animation:skeleton-loading 1.5s ease-in-out infinite}.pet-health-dashboard__skeleton-card,.pet-health-dashboard__skeleton-header,.pet-health-dashboard__skeleton-text{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--radius-base)}.pet-health-dashboard__skeleton-header{height:3rem;margin:0 auto 2rem;width:60%}.pet-health-dashboard__skeleton-text{height:1rem;margin-bottom:1rem}.pet-health-dashboard__skeleton-text--short{width:70%}.pet-health-dashboard__skeleton-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.pet-health-dashboard__skeleton-card{height:150px}.pet-health-dashboard__form{max-width:600px}.pet-health-dashboard__form-group{margin-bottom:1.5rem}.pet-health-dashboard__form-group label{color:var(--color-text);display:block;font-weight:500;margin-bottom:.5rem}.pet-health-dashboard__required{color:var(--color-danger);margin-left:.25rem}.pet-health-dashboard__input,.pet-health-dashboard__select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:1rem;min-height:44px;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.pet-health-dashboard__input:focus,.pet-health-dashboard__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.pet-health-dashboard__help-text{color:var(--color-text-secondary);display:block;font-size:.875rem;margin-top:.5rem}body.dark-mode .pet-health-dashboard__skeleton-card,body.dark-mode .pet-health-dashboard__skeleton-header,body.dark-mode .pet-health-dashboard__skeleton-text{background:linear-gradient(90deg,#3a3a3a 25%,#4a4a4a 50%,#3a3a3a 75%)}body.dark-mode .pet-health-dashboard__input,body.dark-mode .pet-health-dashboard__select{background-color:var(--color-bg-secondary)}.pet-health-dashboard__button:focus-visible,.pet-health-dashboard__card:focus-visible,.pet-health-dashboard__input:focus-visible,.pet-health-dashboard__select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media print{.pet-health-dashboard__actions,.pet-health-dashboard__notice,.pet-health-dashboard__offline-banner,.pet-health-dashboard__skip-link,.pet-health-dashboard__toast{display:none}.pet-health-dashboard{background:#fff;color:#000;max-width:none;padding:0}}.pet-health-dashboard__offline-banner{align-items:center;background-color:var(--color-warning);box-shadow:var(--shadow-md);color:#fff;display:flex;font-weight:500;gap:.5rem;justify-content:center;left:0;padding:.75rem;position:fixed;right:0;text-align:center;top:0;z-index:1100}.pet-health-dashboard__toast{align-items:center;animation:slideIn .3s ease-out;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);bottom:2rem;box-shadow:var(--shadow-lg);display:flex;gap:1rem;max-width:400px;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:1200}.pet-health-dashboard__toast-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.pet-health-dashboard__toast-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s ease}.pet-health-dashboard__toast-close:hover{color:var(--color-text)}.pet-health-dashboard__toast--success{border-color:var(--color-success)}.pet-health-dashboard__toast--success svg{color:var(--color-success)}.pet-health-dashboard__toast--warning{border-color:var(--color-warning)}.pet-health-dashboard__toast--warning svg{color:var(--color-warning)}.pet-health-dashboard__toast--error{border-color:var(--color-danger)}.pet-health-dashboard__toast--error svg{color:var(--color-danger)}.pet-health-dashboard__toast--info{border-color:var(--color-info)}.pet-health-dashboard__toast--info svg{color:var(--color-info)}.pet-health-dashboard__unsaved-indicator{color:var(--color-warning);font-size:.875rem;font-weight:400;margin-left:.5rem}.pet-health-dashboard__form-actions{display:flex;gap:1rem;margin-top:1.5rem}.pet-health-dashboard__image-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1rem}.pet-health-dashboard__image-container{aspect-ratio:16/9;background-color:var(--color-bg-secondary);border-radius:var(--radius-base);overflow:hidden;position:relative}.pet-health-dashboard__image{height:100%;object-fit:cover;transition:opacity .3s ease;width:100%}.pet-health-dashboard__image[data-src]{background-color:var(--color-bg-tertiary);opacity:0}.pet-health-dashboard__image:not([data-src]){opacity:1}@media (prefers-contrast:high){.pet-health-dashboard__button,.pet-health-dashboard__input,.pet-health-dashboard__select,.pet-health-dashboard__toast{border-width:2px}}@media (max-width:768px){.pet-health-dashboard__toast{bottom:1rem;left:1rem;max-width:none;right:1rem}.pet-health-dashboard__form-actions{flex-direction:column}.pet-health-dashboard__form-actions button{width:100%}.pet-health-dashboard__image-grid{grid-template-columns:1fr}}.pet-health-dashboard{background-color:var(--color-bg);margin:0 auto;max-width:1200px;min-height:100vh;padding:var(--space-lg)}.pet-health-dashboard__header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-md);margin-bottom:var(--space-xl);padding-bottom:var(--space-md)}.pet-health-dashboard__back-button{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.pet-health-dashboard__back-button:hover{background:var(--color-bg-hover);transform:translateX(-2px)}.pet-health-dashboard__title{align-items:center;color:var(--color-text);display:flex;font-size:var(--font-size-2xl);gap:var(--space-sm);margin:0}.pet-health-dashboard__icon{font-size:var(--font-size-3xl)}.pet-health-dashboard__empty{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-xxl);text-align:center}.pet-health-dashboard__empty p{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--space-lg)}.pet-health-dashboard__cta-button{background:var(--color-primary);border:none;border-radius:var(--radius-base);color:#fff!important;cursor:pointer;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);padding:var(--space-md) var(--space-xl);transition:all var(--transition-base)}.pet-health-dashboard__cta-button:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);color:#fff!important;transform:translateY(-2px)}.pet-health-dashboard__selector{align-items:center;background:var(--color-bg-secondary);border-radius:var(--radius-lg);display:flex;gap:var(--space-md);margin-bottom:var(--space-xl);padding:var(--space-lg)}.pet-health-dashboard__selector label{color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}.pet-health-dashboard__pet-select{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);flex:1 1;font-size:var(--font-size-base);max-width:300px;padding:var(--space-sm) var(--space-md)}.pet-health-dashboard__content{grid-gap:var(--space-xl);display:grid;gap:var(--space-xl)}.pet-health-dashboard__card{background:var(--color-bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-lg);padding:var(--space-xl)}.pet-health-dashboard__card h2{color:var(--color-text);font-size:var(--font-size-xl);margin:0 0 var(--space-lg) 0}.pet-health-dashboard__card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-lg)}.pet-health-dashboard__card-header h2{margin:0}.pet-health-dashboard__card--score{background:linear-gradient(135deg,var(--color-bg-secondary) 0,var(--color-bg-tertiary) 100%)}.pet-health-dashboard__score-display{align-items:center;display:flex;gap:var(--space-xl)}.pet-health-dashboard__score-circle{align-items:center;background:var(--color-bg);border:8px solid;border-radius:50%;box-shadow:var(--shadow-md);display:flex;flex-direction:column;height:120px;justify-content:center;width:120px}.pet-health-dashboard__score-value{color:var(--color-text);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}.pet-health-dashboard__score-label{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.pet-health-dashboard__score-details h3{color:var(--color-text);margin:0 0 var(--space-sm) 0}.pet-health-dashboard__score-details p{color:var(--color-text-secondary);margin:0}.pet-health-dashboard__stats-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--space-lg)}.pet-health-dashboard__stat-card{align-items:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:var(--space-md);padding:var(--space-lg);transition:all var(--transition-base)}.pet-health-dashboard__stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-health-dashboard__stat-icon{font-size:var(--font-size-3xl)}.pet-health-dashboard__stat-content h4{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);margin:0 0 var(--space-xs) 0}.pet-health-dashboard__stat-value{color:var(--color-text);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0}.pet-health-dashboard__categories{background:var(--color-bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-lg);padding:var(--space-xl)}.pet-health-dashboard__categories h2{color:var(--color-text);font-size:var(--font-size-xl);margin:0 0 var(--space-lg) 0}.pet-health-dashboard__category-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.pet-health-dashboard__category-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);transition:all var(--transition-base)}.pet-health-dashboard__category-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-health-dashboard__category-header{align-items:center;display:flex;gap:var(--space-sm);margin-bottom:var(--space-sm)}.pet-health-dashboard__category-icon{font-size:var(--font-size-xl)}.pet-health-dashboard__category-header h4{color:var(--color-text);font-size:var(--font-size-base);margin:0}.pet-health-dashboard__category-score{align-items:baseline;display:flex;justify-content:space-between}.pet-health-dashboard__category-score-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.pet-health-dashboard__category-status{color:var(--color-text-secondary);font-size:var(--font-size-sm);text-transform:capitalize}.pet-health-dashboard__reminders{display:flex;flex-direction:column;gap:var(--space-md)}.pet-health-dashboard__reminder{background:var(--color-bg);border-left:4px solid var(--color-warning);border-radius:var(--radius-base);display:flex;gap:var(--space-md);padding:var(--space-md)}.pet-health-dashboard__reminder-icon{font-size:var(--font-size-xl)}.pet-health-dashboard__reminder-icon--high{color:var(--color-danger)}.pet-health-dashboard__reminder-icon--medium{color:var(--color-warning)}.pet-health-dashboard__reminder-icon--low{color:var(--color-info)}.pet-health-dashboard__reminder-content{flex:1 1}.pet-health-dashboard__reminder-content h4{color:var(--color-text);margin:0 0 var(--space-xs) 0}.pet-health-dashboard__reminder-content p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--space-sm) 0}.pet-health-dashboard__reminder-date{color:var(--color-text-muted);font-size:var(--font-size-xs)}.pet-health-dashboard__events-list{display:flex;flex-direction:column;gap:var(--space-md)}.pet-health-dashboard__event{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);display:flex;gap:var(--space-md);padding:var(--space-md)}.pet-health-dashboard__event-date{color:var(--color-text-secondary);font-weight:var(--font-weight-medium);min-width:100px}.pet-health-dashboard__event-content{flex:1 1}.pet-health-dashboard__event-content h4{color:var(--color-text);margin:0 0 var(--space-xs) 0}.pet-health-dashboard__event-content p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--space-xs) 0}.pet-health-dashboard__event-content span{color:var(--color-text-muted);font-size:var(--font-size-xs)}.pet-health-dashboard__empty-message{color:var(--color-text-secondary);padding:var(--space-xl);text-align:center}.pet-health-dashboard__weight-trend{align-items:center;display:flex;justify-content:space-between}.pet-health-dashboard__weight-summary p{color:var(--color-text);margin:0 0 var(--space-sm) 0}.pet-health-dashboard__view-all{background:none;border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-primary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.pet-health-dashboard__view-all:hover{background:var(--color-primary);color:#fff;transform:translateX(2px)}.pet-health-dashboard__actions{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.pet-health-dashboard__action-button{-webkit-text-fill-color:#fff!important;align-items:center;background:var(--color-primary)!important;border:2px solid var(--color-primary);border-radius:var(--radius-lg);color:#fff!important;cursor:pointer;display:flex;flex-direction:column;font-weight:var(--font-weight-medium);gap:var(--space-sm);padding:var(--space-lg);transition:all var(--transition-base)}.pet-health-dashboard__action-button:hover{background:var(--color-primary-hover)!important;border-color:var(--color-primary-hover);box-shadow:var(--shadow-md);color:#fff!important;transform:translateY(-2px)}.pet-health-dashboard__action-button span{font-size:var(--font-size-2xl)}.pet-health-dashboard__loading{color:var(--color-text-secondary);padding:var(--space-xxl);text-align:center}body.dark-mode .pet-health-dashboard__category-card,body.dark-mode .pet-health-dashboard__pet-select,body.dark-mode .pet-health-dashboard__stat-card{background:var(--color-bg-secondary)}body.dark-mode .pet-health-dashboard__event,body.dark-mode .pet-health-dashboard__reminder{background:var(--color-bg-tertiary)}@media (max-width:768px){.pet-health-dashboard{padding:var(--space-md)}.pet-health-dashboard__header{align-items:flex-start;flex-direction:column}.pet-health-dashboard__selector{flex-direction:column}.pet-health-dashboard__pet-select{max-width:100%}.pet-health-dashboard__category-grid,.pet-health-dashboard__stats-grid{grid-template-columns:1fr}.pet-health-dashboard__score-display{flex-direction:column;text-align:center}.pet-health-dashboard__actions{grid-template-columns:1fr}.pet-health-dashboard__event{flex-direction:column}.pet-health-dashboard__event-date{min-width:auto}}.pet-community-hub{padding:0;width:100%}.pet-community-hub--full-width{margin:0;max-width:none}body.has-profile-background .pet-community-hub{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1rem}body.dark-mode .pet-community-hub{background-color:#2a2a2a;color:var(--color-text)}body.dark-mode.has-profile-background .pet-community-hub{background-color:#2a2a2af2}.pet-community-hub__header{border-bottom:2px solid var(--color-primary);margin-bottom:2rem;padding:.5rem 1rem 1rem;position:relative;text-align:center}.pet-community-hub__header-content{width:100%}.pet-community-hub__header h1{color:var(--color-primary);font-size:2.5rem;margin:0 0 .5rem}.pet-community-hub__header p{color:var(--color-text-secondary);font-size:1.1rem;margin:0}.pet-community-hub__share-button{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;font-size:.875rem;height:auto;justify-content:center;margin-left:1rem;min-height:0;min-height:auto;padding:.25rem .5rem;position:static;transition:all .2s ease}.pet-community-hub__share-button:hover{background-color:var(--color-bg-tertiary);box-shadow:var(--shadow-md);color:var(--color-primary);transform:translateY(-1px)}.pet-community-hub__share-button:active{transform:translateY(0)}.pet-community-hub__share-button svg{fill:currentColor;height:1em;width:1em}.pet-community-hub__status{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem;padding:0 1rem}.pet-community-hub__status-item{align-items:center;border-radius:var(--radius-lg);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.pet-community-hub__status-item--success{background-color:#28a7451a;border:1px solid #28a7454d;color:#28a745}.pet-community-hub__status-item--info{background-color:#17a2b81a;border:1px solid #17a2b84d;color:#17a2b8}.pet-community-hub__status-item--warning{background-color:#ffc1071a;border:1px solid #ffc1074d;color:#ffc107}body.dark-mode .pet-community-hub__status-item--success{background-color:#28a74533}body.dark-mode .pet-community-hub__status-item--info{background-color:#17a2b833}body.dark-mode .pet-community-hub__status-item--warning{background-color:#ffc10733}.pet-community-hub__content{box-sizing:border-box;padding:0 1rem;width:100%}.pet-community-hub__section{margin-bottom:3rem}.pet-community-hub__section h2{border-bottom:1px solid var(--color-border);color:var(--color-text);margin-bottom:1rem;padding-bottom:.5rem}.pet-community-hub__cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.pet-community-hub__card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:1.5rem;transition:all .3s ease}.pet-community-hub__card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-community-hub__card h3{color:var(--color-primary);margin:0 0 .5rem}.pet-community-hub__card p{color:var(--color-text-secondary);margin:0}.pet-community-hub__features{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));list-style:none;margin:0;padding:0}.pet-community-hub__features li{background-color:var(--color-bg-tertiary);border-left:3px solid var(--color-primary);border-radius:var(--radius-base);padding:.5rem}.pet-community-hub__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.pet-community-hub__button{border:none;border-radius:var(--radius-base);cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.pet-community-hub__button--primary{background-color:var(--color-primary);color:#fff}.pet-community-hub__button--primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.pet-community-hub__button--secondary{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.pet-community-hub__button--secondary:hover{background-color:var(--color-bg-tertiary);transform:translateY(-1px)}.pet-community-hub__notice{background-color:#ffc1071a;border:1px solid #ffc1074d;border-radius:var(--radius-lg);margin-top:3rem;padding:1.5rem;text-align:center}.pet-community-hub__notice p{font-weight:500;margin:0}@media (max-width:768px){.pet-community-hub{border-radius:0;padding:.5rem}.pet-community-hub__header h1{font-size:2rem}.pet-community-hub__breadcrumb-row{padding:.5rem}.pet-community-hub__share-button{font-size:.75rem;margin-left:.5rem;padding:.25rem}.pet-community-hub__status{align-items:stretch;flex-direction:column}.pet-community-hub__content{padding:0 .5rem}.pet-community-hub__cards,.pet-community-hub__features{grid-template-columns:1fr}.pet-community-hub__actions{flex-direction:column}.pet-community-hub__button{width:100%}}.pet-community-hub__skip-link{background:var(--color-primary);border-radius:var(--radius-base);color:#fff;font-weight:500;left:-9999px;padding:8px 16px;position:absolute;text-decoration:none;top:0;z-index:100}.pet-community-hub__skip-link:focus{box-shadow:var(--shadow-lg);left:50%;top:10px;transform:translateX(-50%)}.pet-community-hub__breadcrumb-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;padding:1rem 1rem 0}.pet-community-hub__breadcrumbs{flex:1 1;margin:0;padding:0}.pet-community-hub__breadcrumbs ol{flex-wrap:wrap;list-style:none;margin:0;padding:0}.pet-community-hub__breadcrumbs li,.pet-community-hub__breadcrumbs ol{align-items:center;display:flex;gap:.5rem}.pet-community-hub__breadcrumbs a{align-items:center;color:var(--color-primary);display:flex;gap:.25rem;text-decoration:none;transition:color .2s ease}.pet-community-hub__breadcrumbs a:hover{color:var(--color-primary-hover);text-decoration:underline}.pet-community-hub__breadcrumb-separator{color:var(--color-text-secondary);font-size:.75rem}.pet-community-hub__error{margin:0 auto;max-width:600px;padding:3rem 1rem;text-align:center}.pet-community-hub__error h2{color:var(--color-danger);margin-bottom:1rem}.pet-community-hub__error p{color:var(--color-text-secondary);margin-bottom:2rem}.pet-community-hub__loading{padding:2rem 1rem}.pet-community-hub__skeleton{animation:skeleton-loading 1.5s ease-in-out infinite}.pet-community-hub__skeleton-card,.pet-community-hub__skeleton-header,.pet-community-hub__skeleton-text{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--radius-base)}.pet-community-hub__skeleton-header{height:3rem;margin:0 auto 2rem;width:60%}.pet-community-hub__skeleton-text{height:1rem;margin-bottom:1rem}.pet-community-hub__skeleton-text--short{width:70%}.pet-community-hub__skeleton-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.pet-community-hub__skeleton-card{height:150px}.pet-community-hub__form{max-width:600px}.pet-community-hub__form-group{margin-bottom:1.5rem}.pet-community-hub__form-group label{display:block;font-weight:500;margin-bottom:.5rem}.pet-community-hub__required{color:var(--color-danger);margin-left:.25rem}.pet-community-hub__input,.pet-community-hub__select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:1rem;min-height:44px;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.pet-community-hub__input:focus,.pet-community-hub__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.pet-community-hub__help-text{color:var(--color-text-secondary);display:block;font-size:.875rem;margin-top:.5rem}body.dark-mode .pet-community-hub__skeleton-card,body.dark-mode .pet-community-hub__skeleton-header,body.dark-mode .pet-community-hub__skeleton-text{background:linear-gradient(90deg,#3a3a3a 25%,#4a4a4a 50%,#3a3a3a 75%)}body.dark-mode .pet-community-hub__input,body.dark-mode .pet-community-hub__select{background-color:var(--color-bg-secondary)}.pet-community-hub__button:focus-visible,.pet-community-hub__card:focus-visible,.pet-community-hub__input:focus-visible,.pet-community-hub__select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media print{.pet-community-hub__actions,.pet-community-hub__notice,.pet-community-hub__offline-banner,.pet-community-hub__skip-link,.pet-community-hub__toast{display:none}.pet-community-hub{background:#fff;color:#000;max-width:none;padding:0}}.pet-community-hub__offline-banner{align-items:center;background-color:var(--color-warning);box-shadow:var(--shadow-md);color:#fff;display:flex;font-weight:500;gap:.5rem;justify-content:center;left:0;padding:.75rem;position:fixed;right:0;text-align:center;top:0;z-index:1100}.pet-community-hub__toast{align-items:center;animation:slideIn .3s ease-out;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);bottom:2rem;box-shadow:var(--shadow-lg);display:flex;gap:1rem;max-width:400px;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:1200}.pet-community-hub__toast-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.pet-community-hub__toast-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s ease}.pet-community-hub__toast-close:hover{color:var(--color-text)}.pet-community-hub__toast--success{border-color:var(--color-success)}.pet-community-hub__toast--success svg{color:var(--color-success)}.pet-community-hub__toast--warning{border-color:var(--color-warning)}.pet-community-hub__toast--warning svg{color:var(--color-warning)}.pet-community-hub__toast--error{border-color:var(--color-danger)}.pet-community-hub__toast--error svg{color:var(--color-danger)}.pet-community-hub__toast--info{border-color:var(--color-info)}.pet-community-hub__toast--info svg{color:var(--color-info)}.pet-community-hub__unsaved-indicator{color:var(--color-warning);font-size:.875rem;font-weight:400;margin-left:.5rem}.pet-community-hub__form-actions{gap:1rem;margin-top:1.5rem}.pet-community-hub__image-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1rem}.pet-community-hub__image-container{aspect-ratio:16/9;background-color:var(--color-bg-secondary);border-radius:var(--radius-base);overflow:hidden;position:relative}.pet-community-hub__image{height:100%;object-fit:cover;transition:opacity .3s ease;width:100%}.pet-community-hub__image[data-src]{background-color:var(--color-bg-tertiary);opacity:0}.pet-community-hub__image:not([data-src]){opacity:1}@media (prefers-contrast:high){.pet-community-hub__button,.pet-community-hub__input,.pet-community-hub__select,.pet-community-hub__toast{border-width:2px}}@media (max-width:768px){.pet-community-hub__toast{bottom:1rem;left:1rem;max-width:none;right:1rem}.pet-community-hub__form-actions{flex-direction:column}.pet-community-hub__form-actions button{width:100%}.pet-community-hub__image-grid{grid-template-columns:1fr}}.pet-community-hub{background-color:var(--color-bg);margin:0 auto;max-width:1200px;min-height:100vh;padding:var(--space-lg)}.pet-community-hub__header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-md);margin-bottom:var(--space-xl);padding-bottom:var(--space-md)}.pet-community-hub__back-button{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.pet-community-hub__back-button:hover{background:var(--color-bg-hover);transform:translateX(-2px)}.pet-community-hub__title{align-items:center;color:var(--color-text);display:flex;font-size:var(--font-size-2xl);gap:var(--space-sm);margin:0}.pet-community-hub__icon{font-size:var(--font-size-3xl)}.pet-community-hub__intro{margin-bottom:var(--space-2xl);text-align:center}.pet-community-hub__intro h2{color:var(--color-text);font-size:var(--font-size-xl);margin:0 0 var(--space-sm) 0}.pet-community-hub__intro p{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin:0 auto;max-width:600px}.pet-community-hub__login-prompt{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-3xl);text-align:center}.pet-community-hub__login-prompt p{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--space-lg)}.pet-community-hub__cta-button{-webkit-text-fill-color:#fff!important;background:var(--color-primary)!important;border:none;border-radius:var(--radius-base);color:#fff!important;cursor:pointer;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);padding:var(--space-md) var(--space-xl);transition:all var(--transition-base)}.pet-community-hub__cta-button:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-community-hub__loading{color:var(--color-text-secondary);padding:var(--space-3xl);text-align:center}.pet-community-hub__stats-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--space-2xl)}.pet-community-hub__stat-card{align-items:center;background:var(--color-bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:var(--space-lg);padding:var(--space-xl);transition:all var(--transition-base)}.pet-community-hub__stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-community-hub__stat-icon{align-items:center;background:var(--color-bg);border-radius:var(--radius-full);display:flex;font-size:var(--font-size-3xl);height:60px;justify-content:center;width:60px}.pet-community-hub__stat-content h3{color:var(--color-text);font-size:var(--font-size-2xl);margin:0}.pet-community-hub__stat-content p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.pet-community-hub__features{margin-bottom:var(--space-2xl)}.pet-community-hub__features h2{color:var(--color-text);margin:0 0 var(--space-lg) 0;text-align:center}.pet-community-hub__features-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.pet-community-hub__feature-card{background:var(--color-bg-secondary);border-radius:var(--radius-lg);border-top:4px solid;cursor:pointer;overflow:hidden;padding:var(--space-xl);position:relative;text-align:center;transition:all var(--transition-base)}.pet-community-hub__feature-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.pet-community-hub__feature-icon{align-items:center;border-radius:var(--radius-full);color:var(--color-bg);display:flex;font-size:var(--font-size-3xl);height:80px;justify-content:center;margin:0 auto var(--space-lg);width:80px}.pet-community-hub__feature-card h3{color:var(--color-text);font-size:var(--font-size-lg);margin:0 0 var(--space-sm) 0}.pet-community-hub__feature-card p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.pet-community-hub__activities{background:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-2xl);padding:var(--space-xl)}.pet-community-hub__activities h2{color:var(--color-text);margin:0 0 var(--space-lg) 0}.pet-community-hub__no-activities{color:var(--color-text-secondary);padding:var(--space-xl);text-align:center}.pet-community-hub__activity-list{display:flex;flex-direction:column;gap:var(--space-md)}.pet-community-hub__activity-item{align-items:flex-start;background:var(--color-bg);border-radius:var(--radius-base);display:flex;gap:var(--space-md);padding:var(--space-md)}.pet-community-hub__activity-icon{align-items:center;background:var(--color-bg-secondary);border-radius:var(--radius-full);display:flex;flex-shrink:0;font-size:var(--font-size-lg);height:40px;justify-content:center;width:40px}.pet-community-hub__activity-content{flex:1 1}.pet-community-hub__activity-content p{color:var(--color-text);margin:0 0 var(--space-xs) 0}.pet-community-hub__activity-time{color:var(--color-text-muted);font-size:var(--font-size-xs)}.pet-community-hub__join-section{background:var(--color-bg-secondary);border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-2xl);text-align:center}.pet-community-hub__join-section h2{color:var(--color-text);margin:0 0 var(--space-sm) 0}.pet-community-hub__join-section p{color:var(--color-text-secondary);margin:0 0 var(--space-lg) 0}.pet-community-hub__join-button{-webkit-text-fill-color:#fff!important;background:var(--color-primary)!important;border:none;border-radius:var(--radius-base);color:#fff!important;cursor:pointer;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);padding:var(--space-md) var(--space-xl);transition:all var(--transition-base)}.pet-community-hub__join-button:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-community-hub__modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-lg);position:fixed;right:0;top:0;z-index:500}.pet-community-hub__modal{background:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:400px;padding:var(--space-xl);width:100%}.pet-community-hub__modal h2{color:var(--color-text);margin:0 0 var(--space-xl) 0;text-align:center}.pet-community-hub__form{display:flex;flex-direction:column;gap:var(--space-lg)}.pet-community-hub__form-group{display:flex;flex-direction:column;gap:var(--space-sm)}.pet-community-hub__form-group label{color:var(--color-text);font-weight:var(--font-weight-medium)}.pet-community-hub__form-group input,.pet-community-hub__form-group select{background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:var(--font-size-lg);letter-spacing:.2em;padding:var(--space-md);text-align:center}.pet-community-hub__form-group select{cursor:pointer;letter-spacing:normal;text-align:left}.pet-community-hub__form-group input:focus,.pet-community-hub__form-group select:focus{border-color:var(--color-primary);outline:none}.pet-community-hub__form-actions{display:flex;gap:var(--space-md);margin-top:var(--space-md)}.pet-community-hub__cancel-button,.pet-community-hub__submit-button{border-radius:var(--radius-base);cursor:pointer;flex:1 1;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.pet-community-hub__submit-button{-webkit-text-fill-color:#fff!important;background:var(--color-primary)!important;border:none;color:#fff!important}.pet-community-hub__submit-button:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-community-hub__cancel-button{background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.pet-community-hub__cancel-button:hover{background:var(--color-bg-hover)}body.dark-mode .pet-community-hub__activity-item,body.dark-mode .pet-community-hub__stat-icon{background:var(--color-bg-tertiary)}body.dark-mode .pet-community-hub__activity-icon{background:var(--color-bg)}body.dark-mode .pet-community-hub__modal{background:var(--color-bg-secondary)}body.dark-mode .pet-community-hub__form-group input{background:var(--color-bg-tertiary)}@media (max-width:768px){.pet-community-hub{padding:var(--space-md)}.pet-community-hub__header{align-items:flex-start;flex-direction:column}.pet-community-hub__stats-grid{grid-template-columns:1fr 1fr}.pet-community-hub__features-grid{grid-template-columns:1fr}.pet-community-hub__form-actions{flex-direction:column}.pet-community-hub__cancel-button,.pet-community-hub__submit-button{width:100%}}.pet-community-hub__management-section{background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-top:var(--space-xl);padding:var(--space-xl)}.pet-community-hub__management-section h2{color:var(--color-text);margin:0 0 var(--space-lg) 0;text-align:center}.pet-community-hub__no-communities{padding:var(--space-xl);text-align:center}.pet-community-hub__no-communities p{color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.pet-community-hub__communities-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.pet-community-hub__community-card{background-color:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--radius-base);padding:var(--space-lg);text-align:center}.pet-community-hub__community-card h3{color:var(--color-text);margin:0 0 var(--space-sm) 0}.pet-community-hub__community-zip{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--space-xs) 0}.pet-community-hub__community-island{color:var(--color-primary);font-weight:var(--font-weight-medium);margin:0 0 var(--space-md) 0}.pet-community-hub__community-stats{border-bottom:1px solid var(--color-border-light);display:flex;gap:var(--space-md);justify-content:space-around;margin:0 0 var(--space-lg) 0;padding-bottom:var(--space-md)}.pet-community-hub__community-stats span{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.pet-community-hub__settings-button{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.pet-community-hub__settings-button:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.pet-community-hub__add-community-button{align-items:center;background-color:var(--color-bg);border:2px dashed var(--color-border);border-radius:var(--radius-base);color:var(--color-text-secondary);cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:var(--space-xl);transition:all var(--transition-base)}.pet-community-hub__add-community-button:hover{background-color:var(--color-bg-hover);border-color:var(--color-primary);color:var(--color-primary)}.pet-community-hub__error-message{color:var(--color-danger);font-size:var(--font-size-sm);margin-top:var(--space-xs)}.pet-community-hub__area-hint{color:var(--color-success);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-top:var(--space-xs)}.pet-community-hub__popular-areas{margin-top:var(--space-lg);text-align:center}.pet-community-hub__popular-areas p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-sm)}.pet-community-hub__area-chips{display:flex;flex-wrap:wrap;gap:var(--space-xs);justify-content:center}.pet-community-hub__area-chips button{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-md);transition:all var(--transition-base)}.pet-community-hub__area-chips button:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.pet-community-hub__cancel-button:disabled,.pet-community-hub__submit-button:disabled{cursor:not-allowed;opacity:.6}.pet-community-hub__alerts-section{background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-xl);padding:var(--space-xl)}.pet-community-hub__alerts-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-lg)}.pet-community-hub__alerts-header h2{color:var(--color-text);margin:0}.pet-community-hub__no-alerts{color:var(--color-text-secondary);font-style:italic;padding:var(--space-xl);text-align:center}.pet-community-hub__alerts-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:var(--space-lg)}.pet-community-hub__alert-card{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);cursor:pointer;display:flex;gap:var(--space-md);padding:var(--space-md);transition:all var(--transition-base)}.pet-community-hub__alert-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-community-hub__alert-photo{border-radius:var(--radius-base);flex-shrink:0;height:60px;object-fit:cover;width:60px}.pet-community-hub__alert-content{display:flex;flex:1 1;flex-direction:column}.pet-community-hub__alert-content h4{color:var(--color-text);font-size:var(--font-size-lg);margin:0 0 var(--space-xs) 0}.pet-community-hub__alert-type{color:var(--color-danger);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0 0 var(--space-xs) 0}.pet-community-hub__alert-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text);display:-webkit-box;font-size:var(--font-size-sm);line-height:1.4;margin:0 0 var(--space-xs) 0;overflow:hidden;text-overflow:ellipsis}.pet-community-hub__alert-location{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--space-sm) 0}.pet-community-hub__alert-time{color:var(--color-text-muted);font-size:var(--font-size-xs);margin-top:auto}.pet-community-hub__view-all-button{background-color:var(--color-primary);border:none;border-radius:var(--radius-base);color:#fff!important;cursor:pointer;display:block;font-weight:var(--font-weight-medium);margin:0 auto;padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.pet-community-hub__view-all-button:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}@media (max-width:768px){.pet-community-hub__alerts-header{align-items:stretch;flex-direction:column;gap:var(--space-md)}.pet-community-hub__alerts-header h2{text-align:center}.pet-community-hub__post-alert-button{width:100%}.pet-community-hub__alerts-grid{gap:var(--space-md);grid-template-columns:1fr}.pet-community-hub__alert-card{padding:var(--space-sm)}.pet-community-hub__alert-photo{height:60px;width:60px}}.community-settings{background-color:var(--color-bg);margin:0 auto;max-width:1200px;min-height:100vh;padding:var(--space-lg)}.community-settings--full-width{max-width:none}.community-settings__header{align-items:center;border-bottom:2px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:var(--space-xl);padding-bottom:var(--space-md)}.community-settings__back-button{background:none;border:none;border-radius:var(--radius-base);color:var(--color-primary);cursor:pointer;font-size:var(--font-size-md);padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.community-settings__back-button:hover{background-color:var(--color-bg-secondary)}.community-settings__title{color:var(--color-text);font-size:var(--font-size-2xl);margin:0}.community-settings__community-info{background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-xl);padding:var(--space-lg);text-align:center}.community-settings__community-info h2{color:var(--color-text);margin:0 0 var(--space-sm) 0}.community-settings__community-info p{color:var(--color-text-secondary);margin:0}.community-settings__content{display:flex;flex-direction:column;gap:var(--space-xl)}.community-settings__section{background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-lg)}.community-settings__section h3{color:var(--color-text);font-size:var(--font-size-lg);margin:0 0 var(--space-lg) 0}.community-settings__options{display:flex;flex-direction:column;gap:var(--space-md)}.community-settings__option{align-items:center;border-radius:var(--radius-base);cursor:pointer;display:flex;gap:var(--space-sm);padding:var(--space-sm);transition:background-color var(--transition-base)}.community-settings__option:hover{background-color:var(--color-bg-hover)}.community-settings__option input[type=checkbox]{cursor:pointer;height:20px;width:20px}.community-settings__option span{color:var(--color-text);flex:1 1;font-size:var(--font-size-md)}.community-settings__range-control{align-items:center;display:flex;gap:var(--space-md)}.community-settings__range-control label{align-items:center;color:var(--color-text);display:flex;font-size:var(--font-size-md);gap:var(--space-sm)}.community-settings__select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;font-size:var(--font-size-md);margin:0 var(--space-sm);padding:var(--space-sm) var(--space-md)}.community-settings__select:focus{border-color:var(--color-primary);outline:none}.community-settings__actions{border-top:1px solid var(--color-border);display:flex;gap:var(--space-md);justify-content:center;margin-top:var(--space-xl);padding-top:var(--space-xl)}.community-settings__save-button{background-color:var(--color-primary);border:none;border-radius:var(--radius-base);color:#fff!important;cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);padding:var(--space-md) var(--space-xl);transition:all var(--transition-base)}.community-settings__save-button:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.community-settings__save-button:disabled{cursor:not-allowed;opacity:.6}.community-settings__leave-button{background-color:var(--color-danger);border:none;border-radius:var(--radius-base);color:#fff!important;cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);padding:var(--space-md) var(--space-xl);transition:all var(--transition-base)}.community-settings__leave-button:hover{background-color:#c82333;box-shadow:var(--shadow-sm);transform:translateY(-1px)}@media (max-width:768px){.community-settings{padding:var(--space-sm)}.community-settings__header{align-items:stretch;flex-direction:column;gap:var(--space-md)}.community-settings__back-button{text-align:center;width:100%}.community-settings__title{text-align:center}.community-settings__section{padding:var(--space-md)}.community-settings__actions{flex-direction:column}.community-settings__leave-button,.community-settings__save-button{width:100%}}.community-settings__skip-links{left:0;position:absolute;top:0;width:100%;z-index:10000}.community-settings__skip-link{background:var(--color-primary);color:#fff;left:0;padding:var(--space-sm) var(--space-md);position:absolute;text-decoration:none;top:-100px;z-index:10001}.community-settings__skip-link:focus{top:0}.community-settings__offline-banner{align-items:center;background-color:var(--color-warning);color:#fff;display:flex;gap:var(--space-sm);justify-content:center;left:0;padding:var(--space-sm) var(--space-md);position:fixed;right:0;text-align:center;top:0;z-index:9999}.community-settings__toast{animation:slideIn .3s ease-out;background:var(--color-bg-secondary);border-left:4px solid var(--color-primary);border-radius:var(--radius-base);bottom:2rem;box-shadow:var(--shadow-lg);max-width:500px;min-width:300px;position:fixed;right:2rem;z-index:10000}.community-settings__toast--success{border-left-color:var(--color-success)}.community-settings__toast--error{border-left-color:var(--color-danger)}.community-settings__toast--warning{border-left-color:var(--color-warning)}.community-settings__toast--info{border-left-color:var(--color-info)}.community-settings__toast-content{align-items:center;color:var(--color-text);display:flex;gap:var(--space-sm);padding:var(--space-md)}.community-settings__toast-content svg{flex-shrink:0;height:20px;width:20px}.community-settings__toast-content span{flex:1 1}.community-settings__toast-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0 var(--space-md)}.community-settings__toast-close:hover{color:var(--color-text)}.community-settings--loading{opacity:.7;pointer-events:none}.community-settings__loader{color:var(--color-text-secondary);padding:var(--space-xl);text-align:center}.community-settings [aria-busy=true]{cursor:wait}.community-settings.focus-visible :focus{outline:2px solid var(--color-primary);outline-offset:2px}.community-settings.reduced-motion *{animation-duration:.001ms!important;transition-duration:.001ms!important}.community-settings.high-contrast{border:2px solid var(--color-border)}.community-settings.save-data .community-settings__toast{animation:none;box-shadow:none}@media (max-width:768px){.community-settings__toast{bottom:1rem;left:1rem;min-width:0;min-width:auto;right:1rem}}.pet-playdates{background-color:var(--color-bg);margin:0 auto;max-width:1200px;min-height:100vh;padding:var(--space-lg)}.pet-playdates__header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-md);margin-bottom:var(--space-xl);padding-bottom:var(--space-md)}.pet-playdates__back-button{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.pet-playdates__back-button:hover{background:var(--color-bg-hover);transform:translateX(-2px)}.pet-playdates__title{align-items:center;color:var(--color-text);display:flex;font-size:var(--font-size-2xl);gap:var(--space-sm);margin:0}.pet-playdates__icon{font-size:var(--font-size-3xl)}.pet-playdates__intro{margin-bottom:var(--space-2xl);text-align:center}.pet-playdates__intro p{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin:0}.pet-playdates__empty{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-3xl);text-align:center}.pet-playdates__empty p{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--space-lg)}.pet-playdates__cta-button{background:var(--color-primary);border:none;border-radius:var(--radius-base);color:#fff!important;cursor:pointer;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);padding:var(--space-md) var(--space-xl);transition:all var(--transition-base)}.pet-playdates__cta-button:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-playdates__content{display:flex;flex-direction:column;gap:var(--space-2xl)}.pet-playdates__create-section{background:var(--color-bg-secondary);border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center}.pet-playdates__pet-selection{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-xl)}.pet-playdates__pet-selection h2{color:var(--color-text);margin:0 0 var(--space-lg) 0}.pet-playdates__pet-select{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:var(--font-size-base);padding:var(--space-md);width:100%}.pet-playdates__filters{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-xl)}.pet-playdates__filters h3{color:var(--color-text);margin:0 0 var(--space-lg) 0}.pet-playdates__filter-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.pet-playdates__filter-group{display:flex;flex-direction:column;gap:var(--space-sm)}.pet-playdates__filter-group label{color:var(--color-text);font-weight:var(--font-weight-medium)}.pet-playdates__filter-group select{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:var(--font-size-base);padding:var(--space-sm) var(--space-md)}.pet-playdates__compatible-section{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-xl)}.pet-playdates__compatible-section h3{color:var(--color-text);margin:0 0 var(--space-lg) 0}.pet-playdates__loading,.pet-playdates__no-results{color:var(--color-text-secondary);padding:var(--space-2xl);text-align:center}.pet-playdates__pet-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.pet-playdates__pet-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;justify-content:space-between;min-height:480px;padding:var(--space-lg);transition:all var(--transition-base)}.pet-playdates__pet-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-playdates__pet-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-md)}.pet-playdates__pet-info h4{color:var(--color-text);font-size:var(--font-size-lg);margin:0 0 var(--space-xs) 0}.pet-playdates__pet-breed{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.pet-playdates__compatibility{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.pet-playdates__pet-details{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md)}.pet-playdates__detail-row{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--space-sm)}.pet-playdates__detail-icon{font-size:var(--font-size-base)}.pet-playdates__temperament{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-md)}.pet-playdates__trait{background:var(--color-bg-tertiary);border-radius:var(--radius-full);color:var(--color-text);font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-sm)}.pet-playdates__owner-info{align-items:flex-start;background:var(--color-bg-tertiary);border-radius:var(--radius-base);display:flex;gap:var(--space-md);justify-content:space-between;margin-top:var(--space-md);padding:var(--space-md)}.pet-playdates__owner-details{display:flex;flex:1 1;flex-direction:column;gap:var(--space-sm)}.pet-playdates__owner-name{color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.pet-playdates__owner-badges{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.pet-playdates__verified{background:var(--color-success-bg);border-radius:var(--radius-base);font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-sm)}.pet-playdates__owner-meta{display:flex;flex-direction:column;gap:var(--space-xs)}.pet-playdates__owner-rating{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--space-xs)}.pet-playdates__member-since{color:var(--color-text-muted);font-size:var(--font-size-xs)}.pet-playdates__availability{align-items:center;display:flex;flex:1 1;gap:var(--space-sm);margin-bottom:var(--space-md)}.pet-playdates__availability-label{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.pet-playdates__time-slot{background:var(--color-info);border-radius:var(--radius-base);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-xs) var(--space-sm)}.pet-playdates__schedule-button{-webkit-text-fill-color:#fff!important;background:var(--color-primary)!important;border:none;border-radius:var(--radius-base);color:#fff!important;cursor:pointer;font-weight:var(--font-weight-medium);margin-top:auto;padding:var(--space-sm) var(--space-md);transition:all var(--transition-base);width:100%}.pet-playdates__schedule-button:hover{background:var(--color-primary-hover)!important;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.pet-playdates__scheduled-section{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-xl)}.pet-playdates__scheduled-section h3{color:var(--color-text);margin:0 0 var(--space-lg) 0}.pet-playdates__no-scheduled{color:var(--color-text-secondary);padding:var(--space-xl);text-align:center}.pet-playdates__scheduled-list{display:flex;flex-direction:column;gap:var(--space-md)}.pet-playdates__scheduled-item{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg)}.pet-playdates__scheduled-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-md)}.pet-playdates__scheduled-pet h4{color:var(--color-text);margin:0 0 var(--space-xs) 0}.pet-playdates__scheduled-pet p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.pet-playdates__status{border-radius:var(--radius-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-xs) var(--space-sm);text-transform:capitalize}.pet-playdates__scheduled-details{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md)}.pet-playdates__notes{background:var(--color-bg-tertiary);border-radius:var(--radius-base);color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--space-md) 0;padding:var(--space-sm)}.pet-playdates__scheduled-actions{display:flex;gap:var(--space-sm)}.pet-playdates__share-button{-webkit-text-fill-color:#fff!important;background:var(--color-info)!important;border:1px solid var(--color-info);border-radius:var(--radius-base);color:#fff!important;cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-md);transition:all var(--transition-base)}.pet-playdates__share-button:hover{background:var(--color-info)!important;border-color:var(--color-info);box-shadow:var(--shadow-sm);color:#fff!important;opacity:.9;transform:translateY(-1px)}.pet-playdates__cancel-button{-webkit-text-fill-color:#fff!important;background:var(--color-danger)!important;border:1px solid var(--color-danger);border-radius:var(--radius-base);color:#fff!important;cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-md);transition:all var(--transition-base)}.pet-playdates__cancel-button:hover{background:var(--color-danger)!important;border-color:var(--color-danger);box-shadow:var(--shadow-sm);color:#fff!important;opacity:.9;transform:translateY(-1px)}.pet-playdates__modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-lg);position:fixed;right:0;top:0;z-index:500}.pet-playdates__modal{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;margin:var(--space-xl);max-height:90vh;max-width:600px;overflow-y:auto;padding:var(--space-xxl);width:90%}.pet-playdates__modal h2{border-bottom:1px solid var(--color-border);color:var(--color-text);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-xl) 0;padding-bottom:var(--space-lg);text-align:center}.pet-playdates__schedule-form{display:flex;flex-direction:column;gap:var(--space-xl)}.pet-playdates__form-group{display:flex;flex-direction:column;gap:var(--space-sm)}.pet-playdates__form-group label{color:var(--color-text);font-weight:var(--font-weight-medium)}.pet-playdates__form-group input[type=date],.pet-playdates__form-group input[type=text],.pet-playdates__form-group input[type=time],.pet-playdates__form-group textarea{background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:var(--font-size-base);padding:var(--space-md);transition:all var(--transition-base)}.pet-playdates__form-group input:focus,.pet-playdates__form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.pet-playdates__form-group textarea{font-family:inherit;min-height:80px;resize:vertical}.pet-playdates__form-group input[type=checkbox]{margin-right:var(--space-sm)}.pet-playdates__checkbox-label{align-items:center;cursor:pointer;display:flex;font-weight:var(--font-weight-normal);margin-bottom:var(--space-sm)}.pet-playdates__checkbox-label input[type=checkbox]{margin-right:var(--space-sm)}.pet-playdates__form-actions{border-top:1px solid var(--color-border);display:flex;gap:var(--space-md);margin-top:var(--space-xl);padding-top:var(--space-lg)}.pet-playdates__cancel-form-button,.pet-playdates__submit-button{border:none;border-radius:var(--radius-base);cursor:pointer;flex:1 1;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--space-md) var(--space-xl);transition:all var(--transition-base)}.pet-playdates__cancel-form-button{background:var(--color-bg-tertiary);border:2px solid var(--color-border);color:var(--color-text)}.pet-playdates__cancel-form-button:hover{background:var(--color-bg-hover);border-color:var(--color-border-dark)}.pet-playdates__submit-button{-webkit-text-fill-color:#fff!important;background:var(--color-primary)!important;border:2px solid var(--color-primary);color:#fff!important}.pet-playdates__submit-button:hover{background:var(--color-primary-hover)!important;border-color:var(--color-primary-hover);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-1px)}.pet-playdates__safety-notice{align-items:flex-start;background:var(--color-info-bg);border:1px solid var(--color-info);border-radius:var(--radius-base);display:flex;gap:var(--space-md);margin-bottom:var(--space-lg);padding:var(--space-md)}.pet-playdates__safety-icon{color:var(--color-info);flex-shrink:0;font-size:var(--font-size-xl)}.pet-playdates__safety-content{flex:1 1}.pet-playdates__safety-content h4{color:var(--color-text);font-size:var(--font-size-base);margin:0 0 var(--space-xs) 0}.pet-playdates__safety-content p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.5;margin:0}.pet-playdates__verified{align-items:center;color:var(--color-success);display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-xs)}.pet-playdates__verified svg{height:16px;width:16px}.pet-playdates__report-button{background:#0000;border:1px solid var(--color-danger);border-radius:var(--radius-base);color:var(--color-danger);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-sm);transition:all var(--transition-base)}.pet-playdates__report-button:hover{background:var(--color-danger);color:#fff}.pet-playdates__privacy-note{align-items:center;background:var(--color-info-bg);border-radius:var(--radius-base);color:var(--color-info);display:flex;font-size:var(--font-size-sm);gap:var(--space-sm);margin-top:var(--space-sm);padding:var(--space-md)}.pet-playdates__modal--small{max-width:500px}.pet-playdates__share-options{display:flex;flex-direction:column;gap:var(--space-xl)}.pet-playdates__share-description{color:var(--color-text-secondary);margin:0;text-align:center}.pet-playdates__share-method{display:flex;flex-direction:column;gap:var(--space-md)}.pet-playdates__share-method h4{color:var(--color-text);font-size:var(--font-size-base);margin:0}.pet-playdates__share-link-group{display:flex;gap:var(--space-sm)}.pet-playdates__share-link-input{background:var(--color-bg-tertiary);border:2px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);flex:1 1;font-size:var(--font-size-sm);padding:var(--space-sm)}.pet-playdates__copy-button{background:var(--color-secondary);border:none;border-radius:var(--radius-base);color:#fff;cursor:pointer;padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.pet-playdates__copy-button:hover{background:var(--color-secondary-hover)}.pet-playdates__email-input,.pet-playdates__user-search-input{background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:var(--font-size-base);padding:var(--space-md)}.pet-playdates__send-email-button,.pet-playdates__send-message-button{-webkit-text-fill-color:#fff!important;background:var(--color-primary)!important;border:none;border-radius:var(--radius-base);color:#fff!important;cursor:pointer;margin-top:var(--space-sm);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.pet-playdates__send-email-button:hover,.pet-playdates__send-message-button:hover{background:var(--color-primary-hover)!important;transform:translateY(-1px)}.pet-playdates__create-button{-webkit-text-fill-color:#fff!important;align-items:center;background:var(--color-primary)!important;border:none;border-radius:var(--radius-base);color:#fff!important;cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:var(--space-sm);justify-content:center;padding:var(--space-md) var(--space-xl);transition:all var(--transition-base)}.pet-playdates__create-button:hover{background:var(--color-primary-hover)!important;box-shadow:var(--shadow-sm);transform:translateY(-1px)}body.dark-mode .pet-playdates__filter-group select,body.dark-mode .pet-playdates__pet-card,body.dark-mode .pet-playdates__pet-select{background:var(--color-bg-tertiary)}body.dark-mode .pet-playdates__trait{background:var(--color-bg)}body.dark-mode .pet-playdates__scheduled-item{background:var(--color-bg-tertiary)}body.dark-mode .pet-playdates__notes{background:var(--color-bg)}body.dark-mode .pet-playdates__modal{background:var(--color-bg-secondary);border-color:var(--color-border-dark)}body.dark-mode .pet-playdates__form-group input[type=date],body.dark-mode .pet-playdates__form-group input[type=text],body.dark-mode .pet-playdates__form-group input[type=time],body.dark-mode .pet-playdates__form-group textarea{background:var(--color-bg-tertiary)}@media (max-width:768px){.pet-playdates{padding:var(--space-md)}.pet-playdates__header{align-items:flex-start;flex-direction:column}.pet-playdates__filter-grid,.pet-playdates__pet-grid{grid-template-columns:1fr}.pet-playdates__modal{margin:var(--space-md);padding:var(--space-xl);width:95%}.pet-playdates__form-actions{flex-direction:column}}.pet-search-parties{background-color:var(--color-bg);margin:0 auto;max-width:1200px;min-height:100vh;padding:var(--space-lg)}.pet-search-parties__header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-md);margin-bottom:var(--space-xl);padding-bottom:var(--space-md)}.pet-search-parties__back-button{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.pet-search-parties__back-button:hover{background:var(--color-bg-hover);transform:translateX(-2px)}.pet-search-parties__title{align-items:center;color:var(--color-text);display:flex;font-size:var(--font-size-2xl);gap:var(--space-sm);margin:0}.pet-search-parties__icon{font-size:var(--font-size-3xl)}.pet-search-parties__intro{margin-bottom:var(--space-xl);text-align:center}.pet-search-parties__intro h2{color:var(--color-text);margin:0 0 var(--space-sm) 0}.pet-search-parties__intro p{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin:0}.pet-search-parties__demo-note{color:var(--color-info)!important;font-size:var(--font-size-sm)!important;margin-top:var(--space-sm)!important}.pet-search-parties__controls{align-items:center;background:var(--color-bg-secondary);border-radius:var(--radius-lg);display:flex;justify-content:space-between;margin-bottom:var(--space-xl);padding:var(--space-lg)}.pet-search-parties__filters{display:flex;gap:var(--space-sm)}.pet-search-parties__filter{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.pet-search-parties__filter:hover{background:var(--color-bg-hover);border-color:var(--color-primary)}.pet-search-parties__filter--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff!important}.pet-search-parties__create-button{background:var(--color-primary);border:none;border-radius:var(--radius-base);color:#fff!important;cursor:pointer;font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.pet-search-parties__create-button:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-search-parties__empty,.pet-search-parties__loading{color:var(--color-text-secondary);padding:var(--space-3xl);text-align:center}.pet-search-parties__grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.pet-search-parties__card{background:var(--color-bg-secondary);border:2px solid #0000;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-xl);position:relative;transition:all var(--transition-base)}.pet-search-parties__card--active{border-color:var(--color-danger)}.pet-search-parties__card--completed{border-color:var(--color-success);opacity:.9}.pet-search-parties__card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-search-parties__status-badge{background:var(--color-success);font-size:var(--font-size-sm);right:var(--space-md)}.pet-search-parties__demo-badge,.pet-search-parties__status-badge{border-radius:var(--radius-full);color:#fff;font-weight:var(--font-weight-medium);padding:var(--space-xs) var(--space-sm);position:absolute;top:var(--space-md)}.pet-search-parties__demo-badge{background:var(--color-info);font-size:var(--font-size-xs);left:var(--space-md);text-transform:uppercase}.pet-search-parties__card-header{align-items:flex-start;display:flex;gap:var(--space-md);justify-content:space-between;margin-bottom:var(--space-lg)}.pet-search-parties__pet-photo{border:2px solid var(--color-border);border-radius:50%;flex-shrink:0;height:60px;object-fit:cover;width:60px}.pet-search-parties__pet-info h3{color:var(--color-text);font-size:var(--font-size-xl);margin:0 0 var(--space-xs) 0}.pet-search-parties__pet-type{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.pet-search-parties__urgency{background:var(--color-danger);border-radius:var(--radius-base);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-xs) var(--space-sm)}.pet-search-parties__card-body{margin-bottom:var(--space-lg)}.pet-search-parties__description{color:var(--color-text);line-height:1.6;margin:0 0 var(--space-lg) 0}.pet-search-parties__details{grid-gap:var(--space-sm);display:grid;gap:var(--space-sm);margin-bottom:var(--space-lg)}.pet-search-parties__detail-item{align-items:flex-start;display:flex;gap:var(--space-sm)}.pet-search-parties__detail-icon{flex-shrink:0;font-size:var(--font-size-lg)}.pet-search-parties__detail-item div{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.pet-search-parties__detail-label{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.pet-search-parties__found-info{background:var(--color-success);border-radius:var(--radius-base);color:#fff;margin-top:var(--space-md);padding:var(--space-sm);text-align:center}.pet-search-parties__found-info p{margin:0}.pet-search-parties__organizer{color:var(--color-text-muted);font-size:var(--font-size-sm);text-align:right}.pet-search-parties__card-actions{display:flex;gap:var(--space-sm)}.pet-search-parties__details-button,.pet-search-parties__join-button{border-radius:var(--radius-base);cursor:pointer;flex:1 1;font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.pet-search-parties__details-button{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text)}.pet-search-parties__details-button:hover{background:var(--color-bg-hover);border-color:var(--color-primary)}.pet-search-parties__join-button{-webkit-text-fill-color:#fff!important;background:var(--color-primary)!important;border:none;color:#fff!important}.pet-search-parties__join-button:hover{background:var(--color-primary-hover)!important;box-shadow:var(--shadow-sm);color:#fff!important;transform:translateY(-2px)}.pet-search-parties__modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-lg);position:fixed;right:0;top:0;z-index:500}.pet-search-parties__modal{background:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:90vh;max-width:600px;overflow-y:auto;padding:var(--space-xl);width:100%}.pet-search-parties__modal h2{color:var(--color-text);margin:0 0 var(--space-xl) 0}.pet-search-parties__form{display:flex;flex-direction:column;gap:var(--space-lg)}.pet-search-parties__form-row{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:1fr 1fr}.pet-search-parties__form-group{display:flex;flex-direction:column;gap:var(--space-sm)}.pet-search-parties__form-group label{color:var(--color-text);font-weight:var(--font-weight-medium)}.pet-search-parties__form-group input,.pet-search-parties__form-group select,.pet-search-parties__form-group textarea{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:var(--font-size-base);padding:var(--space-sm) var(--space-md);width:100%}.pet-search-parties__form-group textarea{font-family:inherit;resize:vertical}.pet-search-parties__form-hint{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:var(--space-xs) 0 var(--space-sm) 0}.pet-search-parties__form-actions{display:flex;gap:var(--space-md);margin-top:var(--space-lg)}.pet-search-parties__cancel-button,.pet-search-parties__submit-button{border-radius:var(--radius-base);cursor:pointer;flex:1 1;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-xl);transition:all var(--transition-base)}.pet-search-parties__submit-button{background:var(--color-primary);border:none;color:#fff!important}.pet-search-parties__submit-button:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-search-parties__cancel-button{background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.pet-search-parties__cancel-button:hover{background:var(--color-bg-hover)}.pet-search-parties__detail-content{margin-bottom:var(--space-xl)}.pet-search-parties__detail-section{border-bottom:1px solid var(--color-border);margin-bottom:var(--space-lg);padding-bottom:var(--space-lg)}.pet-search-parties__detail-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.pet-search-parties__detail-section h3{color:var(--color-text);margin:0 0 var(--space-md) 0}.pet-search-parties__detail-section p{color:var(--color-text-secondary);margin:0 0 var(--space-sm) 0}.pet-search-parties__detail-section strong{color:var(--color-text)}.pet-search-parties__modal-actions{display:flex;gap:var(--space-md)}.pet-search-parties__modal-actions button{border-radius:var(--radius-base);cursor:pointer;flex:1 1;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-xl);transition:all var(--transition-base)}.pet-search-parties__close-button{background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.pet-search-parties__close-button:hover{background:var(--color-bg-hover)}body.dark-mode .pet-search-parties__details-button,body.dark-mode .pet-search-parties__filter{background:var(--color-bg-tertiary)}body.dark-mode .pet-search-parties__modal{background:var(--color-bg-secondary)}body.dark-mode .pet-search-parties__form-group input,body.dark-mode .pet-search-parties__form-group select,body.dark-mode .pet-search-parties__form-group textarea{background:var(--color-bg-tertiary)}.pet-search-parties__map-preview{background-color:#e5e3df;border:1px solid var(--color-border);border-radius:var(--radius-base);margin:var(--space-md) 0;min-height:200px;overflow:hidden;position:relative}.pet-search-parties__map{height:200px;width:100%}.pet-search-parties__map-loading{align-items:center;background-color:var(--color-bg-secondary);color:var(--color-text-secondary);display:flex;height:200px;justify-content:center}.pet-search-parties__map-wrapper{position:relative;width:100%}.pet-search-parties__map-container{background:#e5e3df;border-radius:8px;overflow:hidden;position:relative;width:100%}.pet-search-parties__map-error{background:var(--color-bg-secondary);border:1px solid var(--color-danger);border-radius:var(--radius-base);color:var(--color-danger);padding:var(--space-lg);text-align:center}body.dark-mode .pet-search-parties__map-preview{border-color:#444}body.dark-mode .pet-search-parties__pet-photo{border-color:#555}@media (max-width:768px){.pet-search-parties{padding:var(--space-md)}.pet-search-parties__header{align-items:flex-start;flex-direction:column}.pet-search-parties__controls{flex-direction:column;gap:var(--space-md)}.pet-search-parties__filters{flex-wrap:wrap;justify-content:center;width:100%}.pet-search-parties__grid{grid-template-columns:1fr}.pet-search-parties__modal{padding:var(--space-lg)}.pet-search-parties__form-row{grid-template-columns:1fr}.pet-search-parties__form-actions,.pet-search-parties__modal-actions{flex-direction:column}}.gmf{display:flex;flex-direction:column;gap:var(--space-md)}.gmf__controls{align-items:center;display:flex;gap:var(--space-sm)}.gmf__search{flex:1 1}.gmf__search-input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:var(--font-size-base);padding:var(--space-sm) var(--space-md);transition:all var(--transition-base);width:100%}.gmf__search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #ff45001a;outline:none}.gmf__search gmp-place-autocomplete{--gmpx-color-surface:var(--color-bg,#fff);--gmpx-color-on-surface:var(--color-text,#333);--gmpx-color-on-surface-variant:var(--color-text-secondary,#666);--gmpx-color-outline:var(--color-border,#ccc);width:100%}body.dark-mode .gmf__search gmp-place-autocomplete{--gmpx-color-surface:var(--color-bg-secondary,#2a2a2a);--gmpx-color-on-surface:var(--color-text,#e0e0e0);--gmpx-color-on-surface-variant:var(--color-text-secondary,#bbb);--gmpx-color-outline:var(--color-border,#444)}gmp-place-autocomplete{--gmpx-color-surface:#fff!important;--gmpx-color-on-surface:#333!important;--gmpx-color-on-surface-variant:#666!important;--gmpx-color-outline:#ddd!important;--gmpx-color-primary:#ff4500!important;background-color:#fff!important;color:#333!important}gmp-place-autocomplete .gmpx-autocomplete-input,gmp-place-autocomplete [role=combobox],gmp-place-autocomplete input,gmp-place-autocomplete input[type=search],gmp-place-autocomplete input[type=text]{-webkit-text-fill-color:#333!important;background-color:#fff!important;color:#333!important;opacity:1!important}gmp-place-autocomplete *{-webkit-text-fill-color:#333!important;color:#333!important}body.dark-mode gmp-place-autocomplete{--gmpx-color-surface:#2a2a2a!important;--gmpx-color-on-surface:#e0e0e0!important;--gmpx-color-on-surface-variant:#bbb!important;--gmpx-color-outline:#444!important}body.dark-mode gmp-place-autocomplete,body.dark-mode gmp-place-autocomplete .gmpx-autocomplete-input,body.dark-mode gmp-place-autocomplete [role=combobox],body.dark-mode gmp-place-autocomplete input{background-color:#2a2a2a!important;color:#e0e0e0!important}.gmf__location-btn{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-base);color:#fff!important;cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-xs);padding:var(--space-sm) var(--space-md);transition:all var(--transition-base);white-space:nowrap}.gmf__location-btn:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.gmf__location-btn:disabled{cursor:not-allowed;opacity:.6}.gmf__coordinates{background:var(--color-bg-secondary);border-radius:var(--radius-sm);color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--space-lg);padding:var(--space-xs) var(--space-sm)}.gmf__map-container,.gmf__map-wrapper{position:relative;width:100%}.gmf__map-container{background:#e5e3df;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.gmf__map-loading{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-lg);height:100%;justify-content:center}.gmf__help{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:var(--space-md)}.gmf__help p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.5;margin:0}.gmf__loading{align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);display:flex;font-size:var(--font-size-lg);justify-content:center}.gmf__error,.gmf__loading{background:var(--color-bg-secondary);padding:var(--space-xl)}.gmf__error{border:1px solid var(--color-danger);border-radius:var(--radius-md);text-align:center}.gmf__error p{color:var(--color-danger);font-weight:var(--font-weight-medium);margin:0 0 var(--space-sm) 0}.gmf__error-detail{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.pac-container{background-color:var(--color-bg)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-base)!important;box-shadow:var(--shadow-lg)!important;font-family:inherit!important;z-index:1051!important}.pac-item{border-top:1px solid var(--color-border)!important;color:var(--color-text)!important;font-size:var(--font-size-base)!important;padding:var(--space-sm) var(--space-md)!important}.pac-item:hover{background-color:var(--color-bg-hover)!important}.pac-item-query{color:var(--color-text)!important;font-weight:var(--font-weight-medium)!important}.pac-matched{font-weight:var(--font-weight-bold)!important}body.dark-mode .pac-container{background-color:var(--color-bg-secondary)!important;border-color:var(--color-border)!important}body.dark-mode .pac-item{border-top-color:var(--color-border)!important;color:var(--color-text)!important}body.dark-mode .pac-item:hover{background-color:var(--color-bg-tertiary)!important}body.dark-mode .gmf__search-input{background:var(--color-bg-secondary);border-color:var(--color-border)}body.dark-mode .gmf__search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #ff450033}body.dark-mode .gmf__coordinates,body.dark-mode .gmf__error,body.dark-mode .gmf__help,body.dark-mode .gmf__loading{background:var(--color-bg-tertiary)}body.dark-mode .gmf__map-container{background:#242f3e}@media (max-width:768px){.gmf__controls{align-items:stretch;flex-direction:column}.gmf__coordinates,.gmf__location-btn{justify-content:center}.gmf__coordinates{font-size:var(--font-size-xs)}}.pet-sitter-network{background-color:var(--color-bg);min-height:100vh;padding:var(--space-lg)}.pet-sitter-network:not(.pet-sitter-network--full-width){margin:0 auto;max-width:1200px}.pet-sitter-network--full-width{max-width:100%}.pet-sitter-network__header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-md);margin-bottom:var(--space-xl);padding-bottom:var(--space-md);position:relative}.pet-sitter-network__back-button{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.pet-sitter-network__back-button:hover{background:var(--color-bg-hover);transform:translateX(-2px)}.pet-sitter-network__title{align-items:center;color:var(--color-text);display:flex;font-size:var(--font-size-2xl);gap:var(--space-sm);margin:0}.pet-sitter-network__icon{font-size:var(--font-size-3xl)}.pet-sitter-network__register-button{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-base);color:#fff;cursor:pointer;display:flex;font-weight:var(--font-weight-medium);gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);position:absolute;right:0;transition:all var(--transition-base)}.pet-sitter-network__register-button:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.pet-sitter-network__registered-actions{align-items:center;display:flex;gap:var(--space-md);position:absolute;right:0}.pet-sitter-network__sitter-badge{align-items:center;background:var(--color-success);border-radius:var(--radius-base);color:#fff;display:flex;gap:var(--space-sm)}.pet-sitter-network__profile-button,.pet-sitter-network__sitter-badge{font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-lg)}.pet-sitter-network__profile-button{background:var(--color-primary);border:none;border-radius:var(--radius-base);color:#fff!important;cursor:pointer;transition:all var(--transition-base)}.pet-sitter-network__profile-button:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.pet-sitter-network__filters{background:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-xl);padding:var(--space-xl)}.pet-sitter-network__filters h2{color:var(--color-text);margin:0 0 var(--space-lg) 0;text-align:center}.pet-sitter-network__filter-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.pet-sitter-network__filter-group{display:flex;flex-direction:column;gap:var(--space-sm)}.pet-sitter-network__filter-group label{color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.pet-sitter-network__filter-select{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:var(--font-size-base);padding:var(--space-sm) var(--space-md)}.pet-sitter-network__empty,.pet-sitter-network__loading{color:var(--color-text-secondary);padding:var(--space-3xl);text-align:center}.pet-sitter-network__empty p{margin-bottom:var(--space-lg)}.pet-sitter-network__cta-button{background:var(--color-primary);border:none;border-radius:var(--radius-base);color:#fff!important;cursor:pointer;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);padding:var(--space-md) var(--space-xl);transition:all var(--transition-base)}.pet-sitter-network__cta-button:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-sitter-network__grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.pet-sitter-network__card{background:var(--color-bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-xl);position:relative;transition:all var(--transition-base)}.pet-sitter-network__card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-sitter-network__verified-badge{background:var(--color-success)}.pet-sitter-network__pending-badge,.pet-sitter-network__verified-badge{border-radius:var(--radius-full);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-xs) var(--space-sm);position:absolute;right:var(--space-md);top:var(--space-md)}.pet-sitter-network__pending-badge{background:var(--color-warning)}.pet-sitter-network__card-header{display:flex;gap:var(--space-md);margin-bottom:var(--space-lg)}.pet-sitter-network__avatar{border-radius:var(--radius-full);flex-shrink:0;height:80px;overflow:hidden;width:80px}.pet-sitter-network__avatar img{height:100%;object-fit:cover;width:100%}.pet-sitter-network__avatar-placeholder{align-items:center;background:var(--color-primary);color:#fff;display:flex;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);height:100%;justify-content:center;width:100%}.pet-sitter-network__sitter-info{flex:1 1}.pet-sitter-network__sitter-info h3{color:var(--color-text);font-size:var(--font-size-lg);margin:0 0 var(--space-sm) 0}.pet-sitter-network__rating{align-items:center;display:flex;gap:var(--space-sm);margin-bottom:var(--space-xs)}.pet-sitter-network__stars{font-size:var(--font-size-sm)}.pet-sitter-network__location,.pet-sitter-network__rating-text{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.pet-sitter-network__location{margin:0}.pet-sitter-network__card-body{margin-bottom:var(--space-lg)}.pet-sitter-network__bio{color:var(--color-text);line-height:1.6;margin:0 0 var(--space-lg) 0}.pet-sitter-network__details{grid-gap:var(--space-sm);display:grid;gap:var(--space-sm);margin-bottom:var(--space-md)}.pet-sitter-network__detail-item{align-items:center;border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;padding:var(--space-xs) 0}.pet-sitter-network__detail-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.pet-sitter-network__rate{color:var(--color-primary);font-weight:var(--font-weight-bold)}.pet-sitter-network__specialties{margin-top:var(--space-md)}.pet-sitter-network__specialty-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-sm)}.pet-sitter-network__specialty-tag{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text);font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-sm)}.pet-sitter-network__card-actions{display:flex;gap:var(--space-sm)}.pet-sitter-network__request-button,.pet-sitter-network__view-button{border-radius:var(--radius-base);cursor:pointer;flex:1 1;font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.pet-sitter-network__view-button{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text)}.pet-sitter-network__view-button:hover{background:var(--color-bg-hover);border-color:var(--color-primary)}.pet-sitter-network__request-button{-webkit-text-fill-color:#fff!important;background:var(--color-primary)!important;border:none;color:#fff!important}.pet-sitter-network__request-button:hover{background:var(--color-primary-hover)!important;box-shadow:var(--shadow-sm);color:#fff!important;transform:translateY(-2px)}.pet-sitter-network__modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-lg);position:fixed;right:0;top:0;z-index:500}.pet-sitter-network__modal{background:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:90vh;max-width:600px;overflow-y:auto;padding:var(--space-xl);position:relative;width:100%}.pet-sitter-network__modal--large{max-width:800px}.pet-sitter-network__modal-close{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:50%;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-xl);height:32px;justify-content:center;position:absolute;right:var(--space-md);top:var(--space-md);transition:all var(--transition-base);width:32px}.pet-sitter-network__modal-close:hover{background:var(--color-bg-hover);color:var(--color-text);transform:rotate(90deg)}.pet-sitter-network__modal h2{color:var(--color-text);margin:0 0 var(--space-sm) 0}.pet-sitter-network__modal-subtitle{color:var(--color-text-secondary);margin:0 0 var(--space-xl) 0}.pet-sitter-network__form{display:flex;flex-direction:column;gap:var(--space-lg)}.pet-sitter-network__form-row{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:1fr 1fr}.pet-sitter-network__form-group{display:flex;flex-direction:column;gap:var(--space-sm)}.pet-sitter-network__form-group label{color:var(--color-text);font-weight:var(--font-weight-medium)}.pet-sitter-network__form-group input,.pet-sitter-network__form-group select,.pet-sitter-network__form-group textarea{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:var(--font-size-base);padding:var(--space-sm) var(--space-md);width:100%}.pet-sitter-network__form-group textarea{font-family:inherit;resize:vertical}.pet-sitter-network__form-actions{display:flex;gap:var(--space-md);margin-top:var(--space-lg)}.pet-sitter-network__cancel-button,.pet-sitter-network__submit-button{border-radius:var(--radius-base);cursor:pointer;flex:1 1;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-xl);transition:all var(--transition-base)}.pet-sitter-network__submit-button{background:var(--color-primary);border:none;color:#fff!important}.pet-sitter-network__submit-button:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-sitter-network__cancel-button{background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.pet-sitter-network__cancel-button:hover{background:var(--color-bg-hover)}body.dark-mode .pet-sitter-network__filter-select{background:var(--color-bg-secondary)}body.dark-mode .pet-sitter-network__specialty-tag,body.dark-mode .pet-sitter-network__view-button{background:var(--color-bg-tertiary)}body.dark-mode .pet-sitter-network__modal{background:var(--color-bg-secondary)}body.dark-mode .pet-sitter-network__form-group input,body.dark-mode .pet-sitter-network__form-group select,body.dark-mode .pet-sitter-network__form-group textarea{background:var(--color-bg-tertiary)}@media (max-width:768px){.pet-sitter-network{padding:var(--space-md)}.pet-sitter-network__header{align-items:flex-start;flex-direction:column}.pet-sitter-network__filter-grid,.pet-sitter-network__grid{grid-template-columns:1fr}.pet-sitter-network__card-header{flex-direction:column;text-align:center}.pet-sitter-network__sitter-info{text-align:center}.pet-sitter-network__rating{justify-content:center}.pet-sitter-network__modal{padding:var(--space-lg)}.pet-sitter-network__form-row{grid-template-columns:1fr}.pet-sitter-network__form-actions{flex-direction:column}}.sitter-profile{background-color:var(--color-bg);min-height:100vh;padding:var(--space-lg)}.sitter-profile:not(.sitter-profile--full-width){margin:0 auto;max-width:1200px}.sitter-profile--full-width{max-width:100%}.sitter-profile__error,.sitter-profile__loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:50vh;text-align:center}.sitter-profile__error h2{color:var(--color-text);margin-bottom:var(--space-lg)}.sitter-profile__error button{background:var(--color-primary);border:none;border-radius:var(--radius-base);color:#fff;cursor:pointer;padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.sitter-profile__error button:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.sitter-profile__header{margin-bottom:var(--space-xl)}.sitter-profile__back-button{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.sitter-profile__back-button:hover{background:var(--color-bg-hover);transform:translateX(-2px)}.sitter-profile__main{background:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.sitter-profile__summary{align-items:flex-start;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-xl);padding:var(--space-xl)}.sitter-profile__avatar{border-radius:50%;flex-shrink:0;height:120px;overflow:hidden;width:120px}.sitter-profile__avatar img{height:100%;object-fit:cover;width:100%}.sitter-profile__avatar-placeholder{align-items:center;background:var(--color-primary);color:#fff;display:flex;font-size:3rem;font-weight:var(--font-weight-bold);height:100%;justify-content:center;width:100%}.sitter-profile__info{flex:1 1}.sitter-profile__info h1{color:var(--color-text);font-size:var(--font-size-2xl);margin:0 0 var(--space-sm) 0}.sitter-profile__rating{align-items:center;display:flex;gap:var(--space-sm);margin-bottom:var(--space-sm)}.sitter-profile__star{font-size:1.2rem}.sitter-profile__star--filled{color:gold}.sitter-profile__star--half{color:gold;opacity:.5}.sitter-profile__star--empty{color:var(--color-border)}.sitter-profile__experience,.sitter-profile__location{align-items:center;color:var(--color-text-secondary);display:flex;gap:var(--space-xs);margin:var(--space-xs) 0}.sitter-profile__badges{display:flex;flex-direction:column;gap:var(--space-sm)}.sitter-profile__badge{align-items:center;border-radius:var(--radius-base);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-xs);padding:var(--space-xs) var(--space-sm)}.sitter-profile__badge--verified{background:#28a7451a;color:var(--color-success)}.sitter-profile__stats{grid-gap:var(--space-md);background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border);display:grid;gap:var(--space-md);grid-template-columns:repeat(3,1fr);padding:var(--space-lg)}.sitter-profile__stat{text-align:center}.sitter-profile__stat-value{color:var(--color-primary);display:block;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-xs)}.sitter-profile__stat-label{color:var(--color-text-secondary);display:block;font-size:var(--font-size-sm)}.sitter-profile__tabs{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);display:flex}.sitter-profile__tab{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;flex:1 1;font-weight:var(--font-weight-medium);padding:var(--space-md);position:relative;transition:all var(--transition-base)}.sitter-profile__tab:hover{color:var(--color-text)}.sitter-profile__tab.active{color:var(--color-primary)}.sitter-profile__tab.active:after{background:var(--color-primary);bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.sitter-profile__content{padding:var(--space-xl)}.sitter-profile__content h2{color:var(--color-text);margin-bottom:var(--space-lg)}.sitter-profile__content h3{color:var(--color-text);margin:var(--space-lg) 0 var(--space-md) 0}.sitter-profile__content p{color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-md)}.sitter-profile__tags{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-lg)}.sitter-profile__tag{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-sm)}.sitter-profile__service-list{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);margin-bottom:var(--space-xl)}.sitter-profile__service{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:var(--space-lg)}.sitter-profile__service h3{color:var(--color-text);margin:0 0 var(--space-sm) 0}.sitter-profile__rate{align-items:center;color:var(--color-primary);display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);gap:var(--space-xs);margin-bottom:var(--space-sm)}.sitter-profile__additional-rates{background:var(--color-bg-tertiary);border-radius:var(--radius-base);padding:var(--space-md)}.sitter-profile__schedule{grid-gap:var(--space-sm);display:grid;gap:var(--space-sm);margin-bottom:var(--space-lg)}.sitter-profile__day{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);display:flex;justify-content:space-between;padding:var(--space-sm) var(--space-md)}.sitter-profile__day-name{color:var(--color-text);font-weight:var(--font-weight-medium)}.sitter-profile__day-time{color:var(--color-text-secondary)}.sitter-profile__day-time.unavailable{color:var(--color-text-muted);font-style:italic}.sitter-profile__availability-note{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--space-sm)}.sitter-profile__review-list{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg)}.sitter-profile__review{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:var(--space-lg)}.sitter-profile__review-header{align-items:center;display:flex;gap:var(--space-md);margin-bottom:var(--space-md)}.sitter-profile__review-author{color:var(--color-text);font-weight:var(--font-weight-medium)}.sitter-profile__review-rating{display:flex;gap:2px}.sitter-profile__review-date{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-left:auto}.sitter-profile__review-comment{color:var(--color-text-secondary);line-height:1.6;margin:0}.sitter-profile__actions{border-top:1px solid var(--color-border);display:flex;justify-content:center;padding:var(--space-xl)}.sitter-profile__book-button{background:var(--color-primary);border:none;border-radius:var(--radius-base);color:#fff;cursor:pointer;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);padding:var(--space-md) var(--space-2xl);transition:all var(--transition-base)}.sitter-profile__book-button:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.sitter-profile__modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:var(--space-lg);position:fixed;z-index:500}.sitter-profile__modal{background:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:90vh;max-width:600px;overflow-y:auto;padding:var(--space-xl);width:100%}.sitter-profile__modal h2{color:var(--color-text);margin:0 0 var(--space-lg) 0}.sitter-profile__form-group{margin-bottom:var(--space-md)}.sitter-profile__form-group label{color:var(--color-text);display:block;font-weight:var(--font-weight-medium);margin-bottom:var(--space-xs)}.sitter-profile__form-group input,.sitter-profile__form-group select,.sitter-profile__form-group textarea{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:var(--font-size-base);padding:var(--space-sm);transition:all var(--transition-base);width:100%}.sitter-profile__form-group input:focus,.sitter-profile__form-group select:focus,.sitter-profile__form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.sitter-profile__form-row{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:1fr 1fr}.sitter-profile__form-actions{display:flex;gap:var(--space-md);margin-top:var(--space-xl)}.sitter-profile__cancel-button,.sitter-profile__submit-button{border:none;border-radius:var(--radius-base);cursor:pointer;flex:1 1;font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.sitter-profile__submit-button{background:var(--color-primary);color:#fff}.sitter-profile__submit-button:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.sitter-profile__cancel-button{background:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text)}.sitter-profile__cancel-button:hover,body.dark-mode .sitter-profile__summary{background:var(--color-bg-secondary)}body.dark-mode .sitter-profile__stats{background:var(--color-bg)}body.dark-mode .sitter-profile__tabs{background:var(--color-bg-secondary)}body.dark-mode .sitter-profile__day,body.dark-mode .sitter-profile__review,body.dark-mode .sitter-profile__service{background:var(--color-bg-tertiary)}body.dark-mode .sitter-profile__modal{background:var(--color-bg-secondary)}body.dark-mode .sitter-profile__form-group input,body.dark-mode .sitter-profile__form-group select,body.dark-mode .sitter-profile__form-group textarea{background:var(--color-bg)}@media (max-width:768px){.sitter-profile{padding:var(--space-md)}.sitter-profile__summary{flex-direction:column;text-align:center}.sitter-profile__badges{flex-direction:row;flex-wrap:wrap;justify-content:center}.sitter-profile__stats{grid-template-columns:1fr}.sitter-profile__tabs{overflow-x:auto}.sitter-profile__tab{white-space:nowrap}.sitter-profile__form-row{grid-template-columns:1fr}.sitter-profile__form-actions{flex-direction:column}}.sitter-dashboard{background-color:var(--color-bg);min-height:100vh;padding:var(--space-lg)}.sitter-dashboard:not(.sitter-dashboard--full-width){margin:0 auto;max-width:1200px}.sitter-dashboard--full-width{max-width:100%}.sitter-dashboard__loading{align-items:center;color:var(--color-text-secondary);display:flex;justify-content:center;min-height:50vh}.sitter-dashboard__header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:var(--space-xl);padding-bottom:var(--space-md)}.sitter-dashboard__back-button{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.sitter-dashboard__back-button:hover{background:var(--color-bg-hover);transform:translateX(-2px)}.sitter-dashboard__title{color:var(--color-text);font-size:var(--font-size-2xl);margin:0}.sitter-dashboard__status-toggle{align-items:center;color:var(--color-text);display:flex;gap:var(--space-md)}.sitter-dashboard__toggle{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:2rem;transition:all var(--transition-base)}.sitter-dashboard__toggle.active{color:var(--color-success)}.sitter-dashboard__stats{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--space-xl)}.sitter-dashboard__stat-card{align-items:center;background:var(--color-bg-secondary);border-radius:var(--radius-lg);display:flex;gap:var(--space-md);padding:var(--space-lg);transition:all var(--transition-base)}.sitter-dashboard__stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.sitter-dashboard__stat-icon{font-size:2.5rem}.sitter-dashboard__stat-icon.pending{color:var(--color-warning)}.sitter-dashboard__stat-icon.active{color:var(--color-success)}.sitter-dashboard__stat-icon.earnings{color:var(--color-primary)}.sitter-dashboard__stat-icon.rate{color:var(--color-info)}.sitter-dashboard__stat-content{display:flex;flex-direction:column}.sitter-dashboard__stat-value{color:var(--color-text);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.sitter-dashboard__stat-label{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.sitter-dashboard__tabs{border-bottom:1px solid var(--color-border);display:flex;margin-bottom:var(--space-xl)}.sitter-dashboard__tab{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-weight:var(--font-weight-medium);padding:var(--space-md) var(--space-lg);position:relative;transition:all var(--transition-base)}.sitter-dashboard__tab:hover{color:var(--color-text)}.sitter-dashboard__tab.active{color:var(--color-primary)}.sitter-dashboard__tab.active:after{background:var(--color-primary);bottom:-1px;content:"";height:3px;left:0;position:absolute;right:0}.sitter-dashboard__content{background:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-xl)}.sitter-dashboard__content h2{color:var(--color-text);margin-bottom:var(--space-lg)}.sitter-dashboard__content h3{color:var(--color-text);margin-bottom:var(--space-md)}.sitter-dashboard__alert{align-items:center;border-radius:var(--radius-base);display:flex;gap:var(--space-md);margin-bottom:var(--space-lg);padding:var(--space-md) var(--space-lg)}.sitter-dashboard__alert--warning{background:#ffc1071a;border:1px solid #ffc1074d;color:var(--color-warning)}.sitter-dashboard__alert button{background:var(--color-warning);border:none;border-radius:var(--radius-base);color:#fff;cursor:pointer;font-weight:var(--font-weight-medium);margin-left:auto;padding:var(--space-xs) var(--space-md);transition:all var(--transition-base)}.sitter-dashboard__alert button:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.sitter-dashboard__recent-bookings{margin-top:var(--space-lg)}.sitter-dashboard__booking-card{align-items:center;background:var(--color-bg-secondary);border-radius:var(--radius-base);display:flex;gap:var(--space-md);margin-bottom:var(--space-sm);padding:var(--space-md);transition:all var(--transition-base)}.sitter-dashboard__booking-card:hover{background:var(--color-bg-hover)}.sitter-dashboard__booking-icon{font-size:2rem}.sitter-dashboard__booking-info{flex:1 1}.sitter-dashboard__booking-info h4{color:var(--color-text);margin:0 0 var(--space-xs) 0}.sitter-dashboard__booking-info p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.sitter-dashboard__booking-status{border-radius:var(--radius-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-xs) var(--space-sm);text-transform:capitalize}.sitter-dashboard__booking-status.warning{background:#ffc1071a;color:var(--color-warning)}.sitter-dashboard__booking-status.success{background:#28a7451a;color:var(--color-success)}.sitter-dashboard__booking-status.info{background:#17a2b81a;color:var(--color-info)}.sitter-dashboard__booking-status.completed{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.sitter-dashboard__booking-status.danger{background:#dc35451a;color:var(--color-danger)}.sitter-dashboard__booking-filters{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg)}.sitter-dashboard__filter-button{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text-secondary);cursor:pointer;padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.sitter-dashboard__filter-button:hover{background:var(--color-bg-hover);color:var(--color-text)}.sitter-dashboard__filter-button.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.sitter-dashboard__booking-list{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg)}.sitter-dashboard__booking-detail{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg)}.sitter-dashboard__booking-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-md)}.sitter-dashboard__booking-header h3{color:var(--color-text);margin:0 0 var(--space-xs) 0}.sitter-dashboard__booking-client{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.sitter-dashboard__booking-body{margin-bottom:var(--space-md)}.sitter-dashboard__booking-dates,.sitter-dashboard__booking-time{align-items:center;color:var(--color-text-secondary);display:flex;gap:var(--space-sm);margin-bottom:var(--space-sm)}.sitter-dashboard__booking-notes{background:var(--color-bg-tertiary);border-radius:var(--radius-base);color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:var(--space-md);padding:var(--space-sm)}.sitter-dashboard__booking-actions{border-top:1px solid var(--color-border);display:flex;gap:var(--space-md);margin-top:var(--space-md);padding-top:var(--space-md)}.sitter-dashboard__accept-button,.sitter-dashboard__decline-button{align-items:center;border:none;border-radius:var(--radius-base);cursor:pointer;display:flex;flex:1 1;font-weight:var(--font-weight-medium);gap:var(--space-sm);justify-content:center;padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.sitter-dashboard__accept-button{background:var(--color-success);color:#fff}.sitter-dashboard__accept-button:hover{background:#218838;transform:translateY(-1px)}.sitter-dashboard__decline-button{background:var(--color-bg-tertiary);border:1px solid var(--color-danger);color:var(--color-danger)}.sitter-dashboard__decline-button:hover{background:var(--color-danger);color:#fff;transform:translateY(-1px)}.sitter-dashboard__empty{color:var(--color-text-secondary);padding:var(--space-2xl);text-align:center}.sitter-dashboard__earnings-summary{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--space-xl)}.sitter-dashboard__earnings-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center}.sitter-dashboard__earnings-card h3{color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);margin:0 0 var(--space-md) 0}.sitter-dashboard__earnings-amount{color:var(--color-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-sm) 0}.sitter-dashboard__earnings-card span{color:var(--color-text-muted);font-size:var(--font-size-sm)}.sitter-dashboard__earnings-note{background:var(--color-bg-tertiary);border-radius:var(--radius-base);color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.6;padding:var(--space-md)}.sitter-dashboard__profile-info{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg)}.sitter-dashboard__profile-section{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:var(--space-lg)}.sitter-dashboard__profile-section h3{margin:0 0 var(--space-md) 0}.sitter-dashboard__profile-section p{color:var(--color-text-secondary);margin:0 0 var(--space-sm) 0}.sitter-dashboard__profile-section .status{font-weight:var(--font-weight-medium);text-transform:capitalize}.sitter-dashboard__profile-section .status.active{color:var(--color-success)}.sitter-dashboard__profile-section .status.pending{color:var(--color-warning)}.sitter-dashboard__verifications{display:flex;flex-direction:column;gap:var(--space-sm)}.sitter-dashboard__verifications .verification-item{align-items:center;color:var(--color-text-secondary);display:flex;gap:var(--space-sm)}.sitter-dashboard__verifications .verification-item.verified{color:var(--color-success)}.sitter-dashboard__profile-actions{display:flex;gap:var(--space-md);margin-top:var(--space-lg)}.sitter-dashboard__edit-button{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-base);color:#fff;cursor:pointer;display:flex;flex:1 1;font-weight:var(--font-weight-medium);gap:var(--space-sm);justify-content:center;padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.sitter-dashboard__edit-button:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.sitter-dashboard__modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:var(--space-lg);position:fixed;z-index:500}.sitter-dashboard__modal{background:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:500px;padding:var(--space-xl);width:100%}.sitter-dashboard__modal h3{color:var(--color-text);margin:0 0 var(--space-md) 0}.sitter-dashboard__modal p{color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.sitter-dashboard__modal textarea{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);margin-bottom:var(--space-lg);padding:var(--space-sm);resize:vertical;width:100%}.sitter-dashboard__modal-actions{display:flex;gap:var(--space-md)}.sitter-dashboard__cancel-button,.sitter-dashboard__decline-confirm{border:none;border-radius:var(--radius-base);cursor:pointer;flex:1 1;font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.sitter-dashboard__decline-confirm{background:var(--color-danger);color:#fff}.sitter-dashboard__decline-confirm:hover{background:#bd2130;transform:translateY(-1px)}.sitter-dashboard__cancel-button{background:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text)}.sitter-dashboard__cancel-button:hover,body.dark-mode .sitter-dashboard__content,body.dark-mode .sitter-dashboard__stat-card{background:var(--color-bg-secondary)}body.dark-mode .sitter-dashboard__booking-card,body.dark-mode .sitter-dashboard__booking-detail,body.dark-mode .sitter-dashboard__earnings-card,body.dark-mode .sitter-dashboard__profile-section{background:var(--color-bg-tertiary)}body.dark-mode .sitter-dashboard__modal{background:var(--color-bg-secondary)}body.dark-mode .sitter-dashboard__modal textarea{background:var(--color-bg)}@media (max-width:768px){.sitter-dashboard{padding:var(--space-md)}.sitter-dashboard__header{align-items:flex-start;flex-direction:column;gap:var(--space-md)}.sitter-dashboard__status-toggle{justify-content:space-between;width:100%}.sitter-dashboard__stats{grid-template-columns:1fr}.sitter-dashboard__tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.sitter-dashboard__tab{white-space:nowrap}.sitter-dashboard__booking-actions,.sitter-dashboard__profile-actions{flex-direction:column}}.my-sitter-profile{background-color:var(--color-bg);min-height:100vh;padding:var(--space-lg)}.my-sitter-profile:not(.my-sitter-profile--full-width){margin:0 auto;max-width:1200px}.my-sitter-profile--full-width{max-width:100%}.my-sitter-profile__loading,.my-sitter-profile__not-found{color:var(--color-text-secondary);padding:var(--space-3xl);text-align:center}.my-sitter-profile__not-found h2{color:var(--color-text);margin-bottom:var(--space-md)}.my-sitter-profile__register-button{background:var(--color-primary);border:none;border-radius:var(--radius-base);color:#fff!important;cursor:pointer;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);padding:var(--space-md) var(--space-xl);transition:all var(--transition-base)}.my-sitter-profile__register-button:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.my-sitter-profile__header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:var(--space-xl);padding-bottom:var(--space-md)}.my-sitter-profile__back-button{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.my-sitter-profile__back-button:hover{background:var(--color-bg-hover);transform:translateX(-2px)}.my-sitter-profile__title{color:var(--color-text);font-size:var(--font-size-2xl);margin:0}.my-sitter-profile__actions{display:flex;gap:var(--space-md)}.my-sitter-profile__edit-button,.my-sitter-profile__withdraw-button{align-items:center;border:none;border-radius:var(--radius-base);cursor:pointer;display:flex;font-weight:var(--font-weight-medium);gap:var(--space-sm);padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.my-sitter-profile__edit-button{background:var(--color-primary);color:#fff!important}.my-sitter-profile__edit-button:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.my-sitter-profile__withdraw-button{background:var(--color-danger);color:#fff!important}.my-sitter-profile__withdraw-button:hover{background:#c32e3b;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.my-sitter-profile__status-banner{border-radius:var(--radius-lg);color:#fff;margin-bottom:var(--space-xl);padding:var(--space-lg)}.my-sitter-profile__status-banner h3{font-size:var(--font-size-lg);margin:0 0 var(--space-sm) 0}.my-sitter-profile__status-banner p{margin:0}.my-sitter-profile__content{grid-gap:var(--space-xl);display:grid;gap:var(--space-xl);grid-template-columns:1fr 300px}.my-sitter-profile__main{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-xl)}.my-sitter-profile__photo-section{display:flex;justify-content:center;margin-bottom:var(--space-xl)}.my-sitter-profile__photo{border-radius:var(--radius-full);height:150px;overflow:hidden;position:relative;width:150px}.my-sitter-profile__photo img{height:100%;object-fit:cover;width:100%}.my-sitter-profile__photo-placeholder{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);height:100%;width:100%}.my-sitter-profile__photo-placeholder,.my-sitter-profile__photo-upload{align-items:center;background:var(--color-primary);color:#fff;display:flex;justify-content:center}.my-sitter-profile__photo-upload{border-radius:var(--radius-full);bottom:0;cursor:pointer;height:40px;position:absolute;right:0;transition:all var(--transition-base);width:40px}.my-sitter-profile__photo-upload:hover{background:var(--color-primary-hover);transform:scale(1.1)}.my-sitter-profile__photo-upload input{display:none}.my-sitter-profile__info{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:1fr 1fr}.my-sitter-profile__field{display:flex;flex-direction:column;gap:var(--space-sm)}.my-sitter-profile__field--full{grid-column:1/-1}.my-sitter-profile__field label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.my-sitter-profile__field p{color:var(--color-text);margin:0}.my-sitter-profile__field input,.my-sitter-profile__field textarea{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-family:inherit;font-size:var(--font-size-base);padding:var(--space-sm) var(--space-md)}.my-sitter-profile__field textarea{resize:vertical}.my-sitter-profile__specialties-grid{grid-gap:var(--space-sm);display:grid;gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.my-sitter-profile__checkbox-label{align-items:center;color:var(--color-text);cursor:pointer;display:flex;gap:var(--space-xs)}.my-sitter-profile__checkbox-label input[type=checkbox]{cursor:pointer}.my-sitter-profile__specialty-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.my-sitter-profile__specialty-tag{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text);font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-sm)}.my-sitter-profile__sidebar{display:flex;flex-direction:column;gap:var(--space-lg)}.my-sitter-profile__booking-status,.my-sitter-profile__stats{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-lg)}.my-sitter-profile__booking-status h3,.my-sitter-profile__stats h3{color:var(--color-text);margin:0 0 var(--space-md) 0}.my-sitter-profile__stat-item{border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;padding:var(--space-sm) 0}.my-sitter-profile__stat-item:last-child{border-bottom:none}.my-sitter-profile__stat-label{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.my-sitter-profile__stat-value{color:var(--color-text);font-weight:var(--font-weight-medium)}.my-sitter-profile__booking-status p{font-weight:var(--font-weight-medium);margin:0}.my-sitter-profile__booking-status p.accepting{color:var(--color-success)}.my-sitter-profile__booking-status p.not-accepting{color:var(--color-danger)}.my-sitter-profile__edit-actions{border-top:1px solid var(--color-border);display:flex;gap:var(--space-md);justify-content:center;margin-top:var(--space-xl);padding-top:var(--space-xl)}.my-sitter-profile__cancel-button,.my-sitter-profile__save-button{align-items:center;border:none;border-radius:var(--radius-base);cursor:pointer;display:flex;font-weight:var(--font-weight-medium);gap:var(--space-sm);padding:var(--space-sm) var(--space-xl);transition:all var(--transition-base)}.my-sitter-profile__save-button{background:var(--color-success);color:#fff}.my-sitter-profile__save-button:hover:not(:disabled){background:#229a3e;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.my-sitter-profile__save-button:disabled{cursor:not-allowed;opacity:.5}.my-sitter-profile__cancel-button{background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.my-sitter-profile__cancel-button:hover:not(:disabled){background:var(--color-bg-hover)}.my-sitter-profile__tabs{border-bottom:2px solid var(--color-border);display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg)}.my-sitter-profile__tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:var(--color-text-secondary);cursor:pointer;display:flex;font-weight:var(--font-weight-medium);gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.my-sitter-profile__tab:hover{background-color:var(--color-bg-hover);color:var(--color-text)}.my-sitter-profile__tab--active{border-bottom-color:var(--color-primary);color:var(--color-primary)}.my-sitter-profile__verification-tab{background-color:var(--color-bg);border-radius:var(--radius-base);padding:var(--space-lg)}body.dark-mode .my-sitter-profile__cancel-button,body.dark-mode .my-sitter-profile__field input,body.dark-mode .my-sitter-profile__field textarea,body.dark-mode .my-sitter-profile__specialty-tag{background:var(--color-bg-tertiary)}@media (max-width:768px){.my-sitter-profile{padding:var(--space-md)}.my-sitter-profile__header{align-items:stretch;flex-direction:column;gap:var(--space-md)}.my-sitter-profile__content,.my-sitter-profile__info{grid-template-columns:1fr}.my-sitter-profile__edit-actions{flex-direction:column}}.my-sitter-profile__status-banner--pending{background-color:var(--color-warning)}.my-sitter-profile__status-banner--active{background-color:var(--color-success)}.my-sitter-profile__status-banner--inactive{background-color:var(--color-secondary)}.my-sitter-profile__status-banner--rejected{background-color:var(--color-danger)}.my-sitter-profile__status-banner--default{background-color:var(--color-text-secondary)}.my-sitter-profile__skip-links{left:0;position:absolute;top:0;width:100%;z-index:10000}.my-sitter-profile__skip-link{background:var(--color-primary);color:#fff;left:0;padding:var(--space-sm) var(--space-md);position:absolute;text-decoration:none;top:-100px;z-index:10001}.my-sitter-profile__skip-link:focus{top:0}.my-sitter-profile__offline-banner{align-items:center;background-color:var(--color-warning);color:#fff;display:flex;gap:var(--space-sm);justify-content:center;left:0;padding:var(--space-sm) var(--space-md);position:fixed;right:0;text-align:center;top:0;z-index:9999}.my-sitter-profile__toast{animation:slideIn .3s ease-out;background:var(--color-bg-secondary);border-left:4px solid var(--color-primary);border-radius:var(--radius-base);bottom:2rem;box-shadow:var(--shadow-lg);max-width:500px;min-width:300px;position:fixed;right:2rem;z-index:10000}.my-sitter-profile__toast--success{border-left-color:var(--color-success)}.my-sitter-profile__toast--error{border-left-color:var(--color-danger)}.my-sitter-profile__toast--warning{border-left-color:var(--color-warning)}.my-sitter-profile__toast--info{border-left-color:var(--color-info)}.my-sitter-profile__toast-content{align-items:center;color:var(--color-text);display:flex;gap:var(--space-sm);padding:var(--space-md)}.my-sitter-profile__toast-content svg{flex-shrink:0;height:20px;width:20px}.my-sitter-profile__toast-content span{flex:1 1}.my-sitter-profile__toast-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0 var(--space-md)}.my-sitter-profile__toast-close:hover{color:var(--color-text)}.my-sitter-profile--loading{opacity:.7;pointer-events:none}.my-sitter-profile__loader{color:var(--color-text-secondary);padding:var(--space-xl);text-align:center}.my-sitter-profile [aria-busy=true]{cursor:wait}.my-sitter-profile.focus-visible :focus{outline:2px solid var(--color-primary);outline-offset:2px}.my-sitter-profile.reduced-motion *{animation-duration:.001ms!important;transition-duration:.001ms!important}.my-sitter-profile.high-contrast{border:2px solid var(--color-border)}.my-sitter-profile.save-data .my-sitter-profile__toast{animation:none;box-shadow:none}@media (max-width:768px){.my-sitter-profile__toast{bottom:1rem;left:1rem;min-width:0;min-width:auto;right:1rem}}.sitter-vetting-policy{background:var(--color-bg);border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:0 auto;max-width:100%;overflow:hidden}.sitter-vetting-policy__header{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;padding:2rem;text-align:center}.sitter-vetting-policy__icon{font-size:3rem;margin-bottom:1rem}.sitter-vetting-policy__header h2{font-size:1.75rem;font-weight:600;margin:0 0 .5rem}.sitter-vetting-policy__subtitle{font-size:1.1rem;margin:0;opacity:.95}.sitter-vetting-policy__progress{background:var(--color-bg-secondary);height:4px;position:relative}.sitter-vetting-policy__progress-bar{background:var(--color-primary);height:100%;transition:width .3s ease}.sitter-vetting-policy__scroll-hint{animation:pulse 2s infinite;background:var(--color-bg);border:1px solid var(--color-primary);border-radius:12px;color:var(--color-primary);font-size:.85rem;font-weight:500;padding:.25rem .75rem;position:absolute;right:1rem;top:.5rem}.sitter-vetting-policy__content{max-height:60vh;overflow-y:auto;padding:2rem 3rem;scroll-behavior:smooth}.sitter-vetting-policy__intro{margin-bottom:2rem}.sitter-vetting-policy__intro p{color:var(--color-text);font-size:1.05rem;line-height:1.6;margin-bottom:1rem}.sitter-vetting-policy__notice{background:var(--color-bg-tertiary);border-left:4px solid var(--color-warning);border-radius:6px;margin-top:1rem;padding:1rem}.sitter-vetting-policy__notice strong{color:var(--color-warning)}.sitter-vetting-policy__section{margin-bottom:2.5rem}.sitter-vetting-policy__section h3{align-items:center;border-bottom:2px solid var(--color-border);color:var(--color-primary);display:flex;font-size:1.4rem;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem}.sitter-vetting-policy__section h3 svg{font-size:1.2rem}.sitter-vetting-policy__requirement{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.sitter-vetting-policy__requirement--optional{background:#28a7450d;border-color:var(--color-success)}.sitter-vetting-policy__requirement h4{color:var(--color-text);font-size:1.2rem;margin:0 0 .75rem}.sitter-vetting-policy__requirement p{color:var(--color-text);line-height:1.5;margin:.5rem 0}.sitter-vetting-policy__standard{color:var(--color-text-secondary);font-size:.95rem;font-style:italic}.sitter-vetting-policy__note{background:var(--color-bg-tertiary);border-radius:6px;font-size:.9rem;margin-top:.75rem;padding:.75rem}.sitter-vetting-policy__section ul{margin:1rem 0;padding-left:1.5rem}.sitter-vetting-policy__section li{color:var(--color-text);line-height:1.6;margin:.5rem 0}.sitter-vetting-policy__summary-list{list-style:none;margin:1rem 0;padding-left:0}.sitter-vetting-policy__summary-list li{color:var(--color-success);font-weight:500;padding:.5rem 0}.sitter-vetting-policy__actions{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:1.5rem 2rem}.sitter-vetting-policy__agreement{margin-bottom:1.5rem;text-align:center}.sitter-vetting-policy__agreement p{color:var(--color-text-secondary);font-size:.95rem;margin:0}.sitter-vetting-policy__buttons{display:flex;gap:1rem;justify-content:center}.sitter-vetting-policy__button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.sitter-vetting-policy__button--decline{background:var(--color-danger);color:#fff}.sitter-vetting-policy__button--decline:hover{background:#c82333;box-shadow:0 4px 12px #dc35454d;transform:translateY(-2px)}.sitter-vetting-policy__button--accept{background:var(--color-success);color:#fff}.sitter-vetting-policy__button--accept:hover:not(:disabled){background:#218838;box-shadow:0 4px 12px #28a7454d;transform:translateY(-2px)}.sitter-vetting-policy__button--accept:disabled{background:var(--color-text-muted);cursor:not-allowed;opacity:.6;position:relative}.sitter-vetting-policy__button--accept:disabled:hover:after{background:var(--color-bg-secondary);border-radius:6px;bottom:100%;box-shadow:0 2px 8px #00000026;color:var(--color-text);content:"Please read the entire policy first";font-size:.875rem;left:50%;margin-bottom:.5rem;padding:.5rem 1rem;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:10}@media (min-width:1200px){.sitter-vetting-policy__content{padding:2.5rem 4rem}.sitter-vetting-policy__header{padding:2.5rem}.sitter-vetting-policy__requirement{padding:1.75rem 2rem}}.dark-mode .sitter-vetting-policy{background:var(--color-bg);box-shadow:0 4px 20px #0000004d}.dark-mode .sitter-vetting-policy__requirement{background:var(--color-bg-secondary);border-color:var(--color-border)}.dark-mode .sitter-vetting-policy__requirement--optional{background:#28a7451a;border-color:var(--color-success)}.dark-mode .sitter-vetting-policy__note{background:var(--color-bg-tertiary)}.dark-mode .sitter-vetting-policy__actions{background:var(--color-bg-secondary);border-top-color:var(--color-border)}@media (max-width:768px){.sitter-vetting-policy__header{padding:1.5rem}.sitter-vetting-policy__header h2{font-size:1.5rem}.sitter-vetting-policy__content{max-height:50vh;padding:1.5rem}.sitter-vetting-policy__requirement{padding:1rem}.sitter-vetting-policy__buttons{flex-direction:column}.sitter-vetting-policy__button{justify-content:center;width:100%}}.sitter-vetting-policy__content::-webkit-scrollbar{width:8px}.sitter-vetting-policy__content::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:4px}.sitter-vetting-policy__content::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:4px}.sitter-vetting-policy__content::-webkit-scrollbar-thumb:hover{background:var(--color-primary-dark)}.sitter-application{background-color:var(--color-bg-secondary);min-height:100vh}.sitter-application__header{align-items:center;background-color:var(--color-bg);border-bottom:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:space-between;padding:var(--space-lg)}.sitter-application__back-button{align-items:center;background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;font-weight:var(--font-weight-medium);gap:var(--space-xs);padding:var(--space-sm) var(--space-md);text-decoration:none;transition:all var(--transition-base)}.sitter-application__back-button:hover{background-color:var(--color-bg-secondary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.sitter-application__title{color:var(--color-text);font-size:1.75rem;font-weight:var(--font-weight-semibold);margin:0}.sitter-application__actions{display:flex;gap:var(--space-sm)}.sitter-application__delete-button,.sitter-application__save-button{align-items:center;border:none;border-radius:var(--radius-base);cursor:pointer;display:flex;font-weight:var(--font-weight-medium);gap:var(--space-xs);padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.sitter-application__save-button{background-color:var(--color-success);color:#fff}.sitter-application__save-button:hover:not(:disabled){background-color:var(--color-success-dark);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.sitter-application__save-button:disabled{cursor:not-allowed;opacity:.6}.sitter-application__delete-button{background-color:var(--color-danger);color:#fff}.sitter-application__delete-button:hover{background-color:var(--color-danger-dark);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.sitter-application__progress{background-color:var(--color-bg);border-bottom:1px solid var(--color-border);padding:var(--space-lg)}.sitter-application__progress-bar{background-color:var(--color-bg-tertiary);border-radius:var(--radius-base);height:8px;margin-bottom:var(--space-lg);overflow:hidden;position:relative}.sitter-application__progress-fill{background-color:var(--color-primary);height:100%;transition:width .3s ease}.sitter-application__progress-steps{align-items:center;display:flex;justify-content:space-between}.sitter-application__progress-step{align-items:center;background-color:var(--color-bg-tertiary);border:2px solid var(--color-border);border-radius:50%;color:var(--color-text-secondary);display:flex;font-weight:var(--font-weight-medium);height:40px;justify-content:center;transition:all var(--transition-base);width:40px}.sitter-application__progress-step--active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:scale(1.1)}.sitter-application__progress-step--completed{background-color:var(--color-success);border-color:var(--color-success);color:#fff}.sitter-application__step-header{padding:var(--space-xl) var(--space-lg) var(--space-lg);text-align:center}.sitter-application__step-title{color:var(--color-text);font-size:1.5rem;font-weight:var(--font-weight-medium);margin:0}.sitter-application__message{align-items:center;border-radius:var(--radius-base);display:flex;font-weight:var(--font-weight-medium);gap:var(--space-sm);margin:0 auto var(--space-lg);max-width:800px;padding:var(--space-md)}.sitter-application__message--error{background-color:var(--color-danger-light);border:1px solid var(--color-danger);color:var(--color-danger)}.sitter-application__message--success{background-color:var(--color-success-light);border:1px solid var(--color-success);color:var(--color-success)}.sitter-application__content{margin:0 auto;max-width:1000px;padding:0 var(--space-lg) var(--space-xl)}.sitter-application:not(.sitter-application--full-width){margin:0 auto;max-width:1200px}.sitter-application--full-width{max-width:100%}.sitter-application__step-content{background-color:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-base);padding:var(--space-xl)}.sitter-application__form-group{margin-bottom:var(--space-lg)}.sitter-application__label{color:var(--color-text);display:block;font-weight:var(--font-weight-medium);margin-bottom:var(--space-sm)}.sitter-application__required{color:var(--color-danger)}.sitter-application__hint{color:var(--color-text-secondary);display:block;font-size:.875rem;font-weight:var(--font-weight-normal);margin-top:var(--space-xs)}.sitter-application__input,.sitter-application__textarea{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:1rem;padding:var(--space-sm) var(--space-md);transition:all var(--transition-base);width:100%}.sitter-application__input:focus,.sitter-application__textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.sitter-application__textarea{font-family:inherit;min-height:120px;resize:vertical}.sitter-application__char-count{color:var(--color-text-secondary);font-size:.875rem;margin-top:var(--space-xs);text-align:right}.sitter-application__photo-section{display:flex;justify-content:center;margin-bottom:var(--space-xl)}.sitter-application__photo-container{position:relative}.sitter-application__photo-placeholder,.sitter-application__photo-preview{border-radius:50%;height:150px;object-fit:cover;width:150px}.sitter-application__photo-placeholder{align-items:center;background-color:var(--color-primary);color:#fff;display:flex;font-size:3rem;font-weight:var(--font-weight-semibold);justify-content:center}.sitter-application__photo-upload{background-color:var(--color-primary);border-radius:var(--radius-base);bottom:0;color:#fff;cursor:pointer;font-size:.875rem;font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-md);position:absolute;right:0;transition:all var(--transition-base)}.sitter-application__photo-upload:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.sitter-application__photo-input{display:none}.sitter-application__verification-intro{margin-bottom:var(--space-xl);text-align:center}.sitter-application__verification-intro h3{color:var(--color-text);font-size:1.25rem;margin:0 0 var(--space-md) 0}.sitter-application__verification-intro p{color:var(--color-text-secondary);line-height:1.6;margin:0}.sitter-application__navigation{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:800px;padding:var(--space-xl) var(--space-lg)}.sitter-application__nav-button{align-items:center;border:none;border-radius:var(--radius-base);cursor:pointer;display:flex;font-size:1rem;font-weight:var(--font-weight-medium);gap:var(--space-sm);padding:var(--space-md) var(--space-lg);transition:all var(--transition-base)}.sitter-application__nav-button--previous{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text)}.sitter-application__nav-button--previous:hover{background-color:var(--color-bg-secondary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.sitter-application__nav-button--next{background-color:var(--color-primary);color:#fff!important;margin-left:auto}.sitter-application__nav-button--next:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.sitter-application__nav-button--submit{background-color:var(--color-success);color:#fff;margin-left:auto}.sitter-application__nav-button--submit:hover:not(:disabled){background-color:var(--color-success-dark);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.sitter-application__nav-button--submit:disabled{cursor:not-allowed;opacity:.6}.sitter-application__nav-button:disabled{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-muted);cursor:not-allowed;opacity:.5}.sitter-application__nav-button:disabled:hover{box-shadow:none;transform:none}.sitter-application__checkbox-group{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-sm)}.sitter-application__checkbox-label{align-items:center;color:var(--color-text);cursor:pointer;display:flex;font-weight:var(--font-weight-normal);gap:var(--space-md);padding:var(--space-xs) 0;transition:color var(--transition-base)}.sitter-application__checkbox-label:hover{color:var(--color-primary)}.sitter-application__checkbox-label input[type=checkbox]{accent-color:var(--color-primary);cursor:pointer;flex-shrink:0;height:18px;width:18px}.sitter-application__loading{align-items:center;display:flex;flex-direction:column;gap:var(--space-md);justify-content:center;min-height:100vh}.sitter-application__spinner{animation:spin 1s linear infinite;color:var(--color-primary);font-size:2rem}body.dark-mode .sitter-application{background-color:var(--color-bg-secondary)}body.dark-mode .sitter-application__header,body.dark-mode .sitter-application__progress,body.dark-mode .sitter-application__step-content{background-color:var(--color-bg)}body.dark-mode .sitter-application__input,body.dark-mode .sitter-application__textarea{background-color:var(--color-bg-secondary);border-color:var(--color-border)}body.dark-mode .sitter-application__input:focus,body.dark-mode .sitter-application__textarea:focus{border-color:var(--color-primary)}body.dark-mode .sitter-application__checkbox-label{color:var(--color-text)}body.dark-mode .sitter-application__checkbox-label:hover{color:var(--color-primary)}body.dark-mode .sitter-application__checkbox-label input[type=checkbox]{background-color:var(--color-bg-secondary);border:2px solid var(--color-border)}body.dark-mode .sitter-application__nav-button:disabled{background-color:var(--color-bg-tertiary);border-color:var(--color-border);color:var(--color-text-muted)}.sitter-application__verification-intro{margin-bottom:var(--space-lg)}.sitter-application__verification-intro h3{color:var(--color-primary);margin-bottom:var(--space-sm)}.sitter-application__verification-requirements{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:1fr 1fr;margin-top:var(--space-md)}.sitter-application__verification-requirement{border:2px solid var(--color-border);border-radius:var(--radius-base);padding:var(--space-md)}.sitter-application__verification-requirement--required{background-color:var(--color-error-bg);border-color:var(--color-error)}.sitter-application__verification-requirement--optional{background-color:var(--color-success-bg);border-color:var(--color-success)}.sitter-application__verification-requirement strong{display:block;font-size:1rem;margin-bottom:var(--space-sm);text-align:center}.sitter-application__verification-requirement--required strong{color:var(--color-error)}.sitter-application__verification-requirement--optional strong{color:var(--color-success)}.sitter-application__verification-requirement ul{list-style:disc;margin:0;padding-left:var(--space-lg);text-align:left}.sitter-application__verification-requirement li{color:var(--color-text);margin:var(--space-xs) 0;text-align:left}@media (max-width:768px){.sitter-application__header{padding:var(--space-md)}.sitter-application__title{font-size:1.5rem;text-align:center;width:100%}.sitter-application__actions{justify-content:center;width:100%}.sitter-application__progress{padding:var(--space-md)}.sitter-application__progress-steps{gap:var(--space-xs)}.sitter-application__progress-step{font-size:.875rem;height:32px;width:32px}.sitter-application__step-content{padding:var(--space-lg)}.sitter-application__navigation{flex-direction:column;gap:var(--space-md)}.sitter-application__nav-button{justify-content:center;width:100%}.sitter-application__nav-button--next,.sitter-application__nav-button--submit{margin-left:0}.sitter-application__verification-requirements{grid-template-columns:1fr}}.pet-success-stories{background-color:var(--color-bg);margin:0 auto;max-width:1200px;min-height:100vh;padding:var(--space-lg)}.pet-success-stories__header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-md);margin-bottom:var(--space-xl);padding-bottom:var(--space-md)}.pet-success-stories__back-button{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.pet-success-stories__back-button:hover{background:var(--color-bg-hover);transform:translateX(-2px)}.pet-success-stories__title{align-items:center;color:var(--color-text);display:flex;font-size:var(--font-size-2xl);gap:var(--space-sm);margin:0}.pet-success-stories__icon{font-size:var(--font-size-3xl)}.pet-success-stories__intro{margin-bottom:var(--space-xxxl);text-align:center}.pet-success-stories__intro p{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin:0 auto;max-width:600px}.pet-success-stories__controls{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;justify-content:space-between;margin-bottom:var(--space-xxxl);padding:var(--space-xl)}.pet-success-stories__filters{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.pet-success-stories__filter{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.pet-success-stories__filter:hover{background:var(--color-bg-hover);border-color:var(--color-primary)}.pet-success-stories__filter--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff!important}.pet-success-stories__view-controls{display:flex;gap:var(--space-sm)}.pet-success-stories__view-button{align-items:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);cursor:pointer;display:flex;font-size:var(--font-size-lg);height:40px;justify-content:center;padding:var(--space-sm);transition:all var(--transition-base);width:40px}.pet-success-stories__view-button:hover{background:var(--color-bg-hover);border-color:var(--color-primary)}.pet-success-stories__view-button--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff!important}.pet-success-stories__cta-section{margin-bottom:var(--space-xxxl);text-align:center}.pet-success-stories__share-button{background:var(--color-primary);border:none;border-radius:var(--radius-base);color:#fff!important;cursor:pointer;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);padding:var(--space-md) var(--space-xl);transition:all var(--transition-base)}.pet-success-stories__share-button:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);color:#fff!important;transform:translateY(-2px)}.pet-success-stories__loading{color:var(--color-text-secondary);padding:var(--space-xxl);text-align:center}.pet-success-stories__empty{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xxl);text-align:center}.pet-success-stories__empty p{color:var(--color-text-secondary);font-size:var(--font-size-lg)}.pet-success-stories__grid{grid-gap:var(--space-xl);display:grid;gap:var(--space-xl);margin-bottom:var(--space-xxxl)}.pet-success-stories__grid--grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.pet-success-stories__grid--list{grid-template-columns:1fr}.pet-success-stories__card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base)}.pet-success-stories__card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.pet-success-stories__card-media{height:200px;overflow:hidden;position:relative;width:100%}.pet-success-stories__card-media img{height:100%;object-fit:cover;width:100%}.pet-success-stories__card-content{padding:var(--space-xl)}.pet-success-stories__card-category{align-items:center;background:var(--color-primary);border-radius:var(--radius-full);box-shadow:0 2px 4px #0000001a;color:#fff;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-xs);margin-bottom:var(--space-md);padding:var(--space-xs) var(--space-md)}.dark-mode .pet-success-stories__card-category{box-shadow:0 2px 4px #0000004d}.pet-success-stories__card-content h3{color:var(--color-text);font-size:var(--font-size-lg);margin:0 0 var(--space-sm) 0}.pet-success-stories__card-stat{align-items:center;background:var(--color-bg);border-radius:var(--radius-full);color:var(--color-text-secondary);display:inline-flex;font-size:var(--font-size-sm);gap:var(--space-xs);margin-bottom:var(--space-sm);padding:var(--space-xs) var(--space-sm)}.pet-success-stories__stat-icon{font-size:var(--font-size-base)}.pet-success-stories__card-preview{color:var(--color-text-secondary);line-height:1.6;margin:0 0 var(--space-md) 0}.pet-success-stories__card-meta{align-items:center;color:var(--color-text-muted);display:flex;font-size:var(--font-size-sm);justify-content:space-between;margin-bottom:var(--space-md)}.pet-success-stories__card-actions{display:flex;gap:var(--space-sm);margin-bottom:var(--space-sm)}.pet-success-stories__action-button{align-items:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);gap:var(--space-xs);padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.pet-success-stories__action-button:hover{background:var(--color-bg-hover);border-color:var(--color-primary)}.pet-success-stories__action-button--primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff!important}.pet-success-stories__action-button--primary:hover{background:var(--color-primary-hover);color:#fff!important}.pet-success-stories__card-owner-actions{border-top:1px solid var(--color-border);display:flex;gap:var(--space-sm);padding-top:var(--space-sm)}.pet-success-stories__card-owner-actions button{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-sm);transition:all var(--transition-base)}.pet-success-stories__card-owner-actions button:hover{border-color:var(--color-primary);color:var(--color-text)}.pet-success-stories__modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-lg);position:fixed;right:0;top:0;z-index:500}.pet-success-stories__modal{background:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:90vh;max-width:600px;overflow-y:auto;padding:var(--space-xl);position:relative;width:100%}.pet-success-stories__modal--large{max-width:800px}.pet-success-stories__modal h2{color:var(--color-text);margin:0 0 var(--space-xl) 0}.pet-success-stories__modal-close{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;display:flex;font-size:var(--font-size-xl);height:40px;justify-content:center;position:absolute;right:var(--space-md);top:var(--space-md);transition:all var(--transition-base);width:40px}.pet-success-stories__modal-close:hover{background:var(--color-bg-hover);border-color:var(--color-primary)}.pet-success-stories__form{display:flex;flex-direction:column;gap:var(--space-lg)}.pet-success-stories__form-row{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:1fr 1fr}.pet-success-stories__form-group{display:flex;flex-direction:column;gap:var(--space-sm)}.pet-success-stories__form-group label{color:var(--color-text);font-weight:var(--font-weight-medium)}.pet-success-stories__form-group input,.pet-success-stories__form-group select,.pet-success-stories__form-group textarea{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:var(--font-size-base);padding:var(--space-sm) var(--space-md);width:100%}.pet-success-stories__form-group textarea{font-family:inherit;resize:vertical}.pet-success-stories__checkbox-label{align-items:center;cursor:pointer;display:flex;font-weight:var(--font-weight-normal)!important;gap:var(--space-sm)}.pet-success-stories__checkbox-label input[type=checkbox]{margin:0;width:auto}.pet-success-stories__form-actions{display:flex;gap:var(--space-md);justify-content:flex-end;margin-top:var(--space-lg)}.pet-success-stories__form-actions button{border-radius:var(--radius-base);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-xl);transition:all var(--transition-base)}.pet-success-stories__form-actions button[type=submit]{background:var(--color-primary);border:none;color:#fff!important}.pet-success-stories__form-actions button[type=submit]:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-success-stories__form-actions button[type=button]{background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.pet-success-stories__form-actions button[type=button]:hover{background:var(--color-bg-hover)}.pet-success-stories__detail h1{color:var(--color-text);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em;line-height:1.2;margin:0 0 var(--space-lg) 0}.pet-success-stories__detail-meta{color:var(--color-text-secondary);display:flex;flex-wrap:wrap;font-size:var(--font-size-sm);gap:var(--space-sm);margin-bottom:var(--space-xl)}.pet-success-stories__detail-media{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--space-xl)}.pet-success-stories__detail-media img{border-radius:var(--radius-md);height:200px;object-fit:cover;width:100%}.pet-success-stories__detail-content{margin-bottom:var(--space-xl)}.pet-success-stories__detail-content p{color:var(--color-text);font-size:var(--font-size-lg);line-height:1.8;margin:0 0 var(--space-lg) 0;white-space:pre-wrap}.pet-success-stories__detail-info{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-md);margin-top:var(--space-xl);padding:var(--space-md)}.pet-success-stories__detail-info h3{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.05em;margin:0 0 var(--space-xs) 0;opacity:.8;text-transform:uppercase}.pet-success-stories__detail-info p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.6;margin:0}.pet-success-stories__detail-actions{border-top:1px solid var(--color-border);display:flex;gap:var(--space-md);justify-content:center;padding-top:var(--space-xl)}body.dark-mode .pet-success-stories__action-button:not(.pet-success-stories__action-button--primary),body.dark-mode .pet-success-stories__card-owner-actions button,body.dark-mode .pet-success-stories__card-stat,body.dark-mode .pet-success-stories__filter:not(.pet-success-stories__filter--active),body.dark-mode .pet-success-stories__view-button:not(.pet-success-stories__view-button--active){background:var(--color-bg-tertiary)}body.dark-mode .pet-success-stories__modal{background:var(--color-bg-secondary)}body.dark-mode .pet-success-stories__form-group input,body.dark-mode .pet-success-stories__form-group select,body.dark-mode .pet-success-stories__form-group textarea{background:var(--color-bg-tertiary)}@media (max-width:768px){.pet-success-stories{padding:var(--space-md)}.pet-success-stories__header{align-items:flex-start;flex-direction:column}.pet-success-stories__controls{flex-direction:column;gap:var(--space-md)}.pet-success-stories__filters{justify-content:center;width:100%}.pet-success-stories__grid--grid{grid-template-columns:1fr}.pet-success-stories__card-actions{flex-wrap:wrap}.pet-success-stories__modal{padding:var(--space-lg)}.pet-success-stories__form-row{grid-template-columns:1fr}.pet-success-stories__form-actions{flex-direction:column}.pet-success-stories__form-actions button{width:100%}.pet-success-stories__detail-actions{flex-direction:column}.pet-success-stories__detail-actions button{width:100%}}.pet-analytics{padding:0;width:100%}.pet-analytics--full-width{margin:0;max-width:none}body.has-profile-background .pet-analytics{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1rem}body.dark-mode .pet-analytics{background-color:#2a2a2a;color:var(--color-text)}body.dark-mode.has-profile-background .pet-analytics{background-color:#2a2a2af2}.pet-analytics__header{border-bottom:2px solid var(--color-primary);margin-bottom:2rem;padding:.5rem 1rem 1rem;position:relative;text-align:center}.pet-analytics__header-content{width:100%}.pet-analytics__header h1{color:var(--color-primary);font-size:2.5rem;margin:0 0 .5rem}.pet-analytics__header p{color:var(--color-text-secondary);font-size:1.1rem;margin:0}.pet-analytics__share-button{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;font-size:.875rem;height:auto;justify-content:center;margin-left:1rem;min-height:0;min-height:auto;padding:.25rem .5rem;position:static;transition:all .2s ease}.pet-analytics__share-button:hover{background-color:var(--color-bg-tertiary);box-shadow:var(--shadow-md);color:var(--color-primary);transform:translateY(-1px)}.pet-analytics__share-button:active{transform:translateY(0)}.pet-analytics__share-button svg{fill:currentColor;height:1em;width:1em}.pet-analytics__status{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem;padding:0 1rem}.pet-analytics__status-item{align-items:center;border-radius:var(--radius-lg);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.pet-analytics__status-item--success{background-color:#28a7451a;border:1px solid #28a7454d;color:#28a745}.pet-analytics__status-item--info{background-color:#17a2b81a;border:1px solid #17a2b84d;color:#17a2b8}.pet-analytics__status-item--warning{background-color:#ffc1071a;border:1px solid #ffc1074d;color:#ffc107}body.dark-mode .pet-analytics__status-item--success{background-color:#28a74533}body.dark-mode .pet-analytics__status-item--info{background-color:#17a2b833}body.dark-mode .pet-analytics__status-item--warning{background-color:#ffc10733}.pet-analytics__content{box-sizing:border-box;padding:0 1rem;width:100%}.pet-analytics__section{margin-bottom:3rem}.pet-analytics__section h2{border-bottom:1px solid var(--color-border);color:var(--color-text);margin-bottom:1rem;padding-bottom:.5rem}.pet-analytics__cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.pet-analytics__card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:1.5rem;transition:all .3s ease}.pet-analytics__card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-analytics__card h3{color:var(--color-primary);margin:0 0 .5rem}.pet-analytics__card p{color:var(--color-text-secondary);margin:0}.pet-analytics__features{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));list-style:none;margin:0;padding:0}.pet-analytics__features li{background-color:var(--color-bg-tertiary);border-left:3px solid var(--color-primary);border-radius:var(--radius-base);padding:.5rem}.pet-analytics__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.pet-analytics__button{border:none;border-radius:var(--radius-base);cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.pet-analytics__button--primary{background-color:var(--color-primary);color:#fff}.pet-analytics__button--primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.pet-analytics__button--secondary{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.pet-analytics__button--secondary:hover{background-color:var(--color-bg-tertiary);transform:translateY(-1px)}.pet-analytics__notice{background-color:#ffc1071a;border:1px solid #ffc1074d;border-radius:var(--radius-lg);margin-top:3rem;padding:1.5rem;text-align:center}.pet-analytics__notice p{font-weight:500;margin:0}@media (max-width:768px){.pet-analytics{border-radius:0;padding:.5rem}.pet-analytics__header h1{font-size:2rem}.pet-analytics__breadcrumb-row{padding:.5rem}.pet-analytics__share-button{font-size:.75rem;margin-left:.5rem;padding:.25rem}.pet-analytics__status{align-items:stretch;flex-direction:column}.pet-analytics__content{padding:0 .5rem}.pet-analytics__cards,.pet-analytics__features{grid-template-columns:1fr}.pet-analytics__actions{flex-direction:column}.pet-analytics__button{width:100%}}.pet-analytics__skip-link{background:var(--color-primary);border-radius:var(--radius-base);color:#fff;font-weight:500;left:-9999px;padding:8px 16px;position:absolute;text-decoration:none;top:0;z-index:100}.pet-analytics__skip-link:focus{box-shadow:var(--shadow-lg);left:50%;top:10px;transform:translateX(-50%)}.pet-analytics__breadcrumb-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;padding:1rem 1rem 0}.pet-analytics__breadcrumbs{flex:1 1;margin:0;padding:0}.pet-analytics__breadcrumbs ol{flex-wrap:wrap;list-style:none;margin:0;padding:0}.pet-analytics__breadcrumbs li,.pet-analytics__breadcrumbs ol{align-items:center;display:flex;gap:.5rem}.pet-analytics__breadcrumbs a{align-items:center;color:var(--color-primary);display:flex;gap:.25rem;text-decoration:none;transition:color .2s ease}.pet-analytics__breadcrumbs a:hover{color:var(--color-primary-hover);text-decoration:underline}.pet-analytics__breadcrumb-separator{color:var(--color-text-secondary);font-size:.75rem}.pet-analytics__error{margin:0 auto;max-width:600px;padding:3rem 1rem;text-align:center}.pet-analytics__error h2{color:var(--color-danger);margin-bottom:1rem}.pet-analytics__error p{color:var(--color-text-secondary);margin-bottom:2rem}.pet-analytics__loading{padding:2rem 1rem}.pet-analytics__skeleton{animation:skeleton-loading 1.5s ease-in-out infinite}.pet-analytics__skeleton-card,.pet-analytics__skeleton-header,.pet-analytics__skeleton-text{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--radius-base)}.pet-analytics__skeleton-header{height:3rem;margin:0 auto 2rem;width:60%}.pet-analytics__skeleton-text{height:1rem;margin-bottom:1rem}.pet-analytics__skeleton-text--short{width:70%}.pet-analytics__skeleton-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.pet-analytics__skeleton-card{height:150px}.pet-analytics__form{max-width:600px}.pet-analytics__form-group{margin-bottom:1.5rem}.pet-analytics__form-group label{color:var(--color-text);display:block;font-weight:500;margin-bottom:.5rem}.pet-analytics__required{color:var(--color-danger);margin-left:.25rem}.pet-analytics__input,.pet-analytics__select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:1rem;min-height:44px;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.pet-analytics__input:focus,.pet-analytics__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.pet-analytics__help-text{color:var(--color-text-secondary);display:block;font-size:.875rem;margin-top:.5rem}body.dark-mode .pet-analytics__skeleton-card,body.dark-mode .pet-analytics__skeleton-header,body.dark-mode .pet-analytics__skeleton-text{background:linear-gradient(90deg,#3a3a3a 25%,#4a4a4a 50%,#3a3a3a 75%)}body.dark-mode .pet-analytics__input,body.dark-mode .pet-analytics__select{background-color:var(--color-bg-secondary)}.pet-analytics__button:focus-visible,.pet-analytics__card:focus-visible,.pet-analytics__input:focus-visible,.pet-analytics__select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media print{.pet-analytics__actions,.pet-analytics__notice,.pet-analytics__offline-banner,.pet-analytics__skip-link,.pet-analytics__toast{display:none}.pet-analytics{background:#fff;color:#000;max-width:none;padding:0}}.pet-analytics__offline-banner{align-items:center;background-color:var(--color-warning);box-shadow:var(--shadow-md);color:#fff;display:flex;font-weight:500;gap:.5rem;justify-content:center;left:0;padding:.75rem;position:fixed;right:0;text-align:center;top:0;z-index:1100}.pet-analytics__toast{align-items:center;animation:slideIn .3s ease-out;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);bottom:2rem;box-shadow:var(--shadow-lg);display:flex;gap:1rem;max-width:400px;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:1200}.pet-analytics__toast-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.pet-analytics__toast-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s ease}.pet-analytics__toast-close:hover{color:var(--color-text)}.pet-analytics__toast--success{border-color:var(--color-success)}.pet-analytics__toast--success svg{color:var(--color-success)}.pet-analytics__toast--warning{border-color:var(--color-warning)}.pet-analytics__toast--warning svg{color:var(--color-warning)}.pet-analytics__toast--error{border-color:var(--color-danger)}.pet-analytics__toast--error svg{color:var(--color-danger)}.pet-analytics__toast--info{border-color:var(--color-info)}.pet-analytics__toast--info svg{color:var(--color-info)}.pet-analytics__unsaved-indicator{color:var(--color-warning);font-size:.875rem;font-weight:400;margin-left:.5rem}.pet-analytics__form-actions{display:flex;gap:1rem;margin-top:1.5rem}.pet-analytics__image-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1rem}.pet-analytics__image-container{aspect-ratio:16/9;background-color:var(--color-bg-secondary);border-radius:var(--radius-base);overflow:hidden;position:relative}.pet-analytics__image{height:100%;object-fit:cover;transition:opacity .3s ease;width:100%}.pet-analytics__image[data-src]{background-color:var(--color-bg-tertiary);opacity:0}.pet-analytics__image:not([data-src]){opacity:1}@media (prefers-contrast:high){.pet-analytics__button,.pet-analytics__input,.pet-analytics__select,.pet-analytics__toast{border-width:2px}}@media (max-width:768px){.pet-analytics__toast{bottom:1rem;left:1rem;max-width:none;right:1rem}.pet-analytics__form-actions{flex-direction:column}.pet-analytics__form-actions button{width:100%}.pet-analytics__image-grid{grid-template-columns:1fr}}.pet-analytics{background-color:var(--color-bg);margin:0 auto;max-width:1200px;min-height:100vh;padding:var(--space-lg)}.pet-analytics__header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-md);margin-bottom:var(--space-xl);padding-bottom:var(--space-md)}.pet-analytics__back-button{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.pet-analytics__back-button:hover{background:var(--color-bg-hover);transform:translateX(-2px)}.pet-analytics__title{align-items:center;color:var(--color-text);display:flex;font-size:var(--font-size-2xl);gap:var(--space-sm);margin:0}.pet-analytics__icon{font-size:var(--font-size-3xl)}.pet-analytics__empty{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-3xl);text-align:center}.pet-analytics__empty p{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--space-lg)}.pet-analytics__cta-button{-webkit-text-fill-color:#fff!important;background:var(--color-primary)!important;border:none;border-radius:var(--radius-base);color:#fff!important;cursor:pointer;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);padding:var(--space-md) var(--space-xl);transition:all var(--transition-base)}.pet-analytics__cta-button:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-analytics__controls{background:var(--color-bg-secondary);border-radius:var(--radius-lg);display:flex;gap:var(--space-lg);margin-bottom:var(--space-xl);padding:var(--space-lg)}.pet-analytics__control-group{display:flex;flex-direction:column;gap:var(--space-sm)}.pet-analytics__control-group label{color:var(--color-text);font-weight:var(--font-weight-medium)}.pet-analytics__select{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:var(--font-size-base);min-width:150px;padding:var(--space-sm) var(--space-md)}.pet-analytics__tabs{border-bottom:2px solid var(--color-border);display:flex;gap:var(--space-sm);margin-bottom:var(--space-xl)}.pet-analytics__tab{background:none;border:none;border-bottom:3px solid #0000;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-bottom:-2px;padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.pet-analytics__tab:hover{color:var(--color-text)}.pet-analytics__tab--active{border-bottom-color:var(--color-primary);color:var(--color-primary)}.pet-analytics__loading{color:var(--color-text-secondary);padding:var(--space-3xl);text-align:center}.pet-analytics__content{animation:fadeIn var(--transition-base)}.pet-analytics__overview{display:flex;flex-direction:column;gap:var(--space-2xl)}.pet-analytics__metrics{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.pet-analytics__metric-card{background:var(--color-bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-xl);text-align:center}.pet-analytics__metric-card h3{color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);margin:0 0 var(--space-md) 0}.pet-analytics__metric-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-sm)}.pet-analytics__metric-label{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.pet-analytics__charts-grid{grid-gap:var(--space-xl);display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.pet-analytics__weight-chart{background:var(--color-bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-xl)}.pet-analytics__weight-chart h3{color:var(--color-text);margin:0 0 var(--space-lg) 0}.pet-analytics__chart-container{display:flex;gap:var(--space-md);height:250px}.pet-analytics__chart-y-axis{color:var(--color-text-muted);display:flex;flex-direction:column;font-size:var(--font-size-xs);justify-content:space-between;min-width:50px}.pet-analytics__chart-area{flex:1 1;position:relative}.pet-analytics__line-chart{inset:0;position:absolute}.pet-analytics__line-chart svg{height:100%;width:100%}.pet-analytics__chart-x-axis{bottom:-20px;color:var(--color-text-muted);display:flex;font-size:var(--font-size-xs);justify-content:space-between;left:0;position:absolute;right:0}.pet-analytics__legend{display:flex;gap:var(--space-lg);justify-content:center;margin-top:var(--space-xl)}.pet-analytics__legend-item{align-items:center;color:var(--color-text);display:flex;font-size:var(--font-size-sm);gap:var(--space-sm)}.pet-analytics__legend-color{border-radius:var(--radius-base);height:12px;width:12px}.pet-analytics__expense-chart{background:var(--color-bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-xl)}.pet-analytics__expense-chart h3{color:var(--color-text);margin:0 0 var(--space-lg) 0}.pet-analytics__donut-container{align-items:center;display:flex;gap:var(--space-xl)}.pet-analytics__donut-chart{background:conic-gradient(#c33 0deg 126deg,#cc3 126deg 216deg,#3c3 216deg 266deg,#3cc 266deg 309deg,#33c 309deg 341deg,#c3c 341deg 1turn);border-radius:50%;flex-shrink:0;height:150px;position:relative;width:150px}.pet-analytics__donut-center{align-items:center;background:var(--color-bg-secondary);border-radius:50%;display:flex;flex-direction:column;inset:30%;justify-content:center;position:absolute}.pet-analytics__donut-total{color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.pet-analytics__donut-label{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.pet-analytics__expense-list{display:flex;flex:1 1;flex-direction:column;gap:var(--space-md)}.pet-analytics__expense-item{display:flex;flex-direction:column;gap:var(--space-xs)}.pet-analytics__expense-header{align-items:center;display:flex;gap:var(--space-sm)}.pet-analytics__expense-color{border-radius:var(--radius-base);height:12px;width:12px}.pet-analytics__expense-name{color:var(--color-text);flex:1 1;font-size:var(--font-size-sm)}.pet-analytics__expense-amount{color:var(--color-text);font-weight:var(--font-weight-medium)}.pet-analytics__expense-bar{background:var(--color-bg);border-radius:var(--radius-base);height:8px;overflow:hidden}.pet-analytics__expense-fill{height:100%;transition:width var(--transition-base)}.pet-analytics__health{display:flex;flex-direction:column;gap:var(--space-2xl)}.pet-analytics__vaccination-section{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-xl)}.pet-analytics__vaccination-section h3{color:var(--color-text);margin:0 0 var(--space-lg) 0}.pet-analytics__vaccination-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.pet-analytics__vaccination-card{background:var(--color-bg);border-radius:var(--radius-md);padding:var(--space-lg);text-align:center}.pet-analytics__vaccination-card h4{color:var(--color-text);margin:0 0 var(--space-md) 0}.pet-analytics__compliance-circle{height:120px;margin:0 auto var(--space-md);position:relative;width:120px}.pet-analytics__compliance-circle svg{height:100%;transform:rotate(-90deg);width:100%}.pet-analytics__compliance-text{align-items:center;display:flex;flex-direction:column;inset:0;justify-content:center;position:absolute}.pet-analytics__compliance-percentage{color:var(--color-text);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.pet-analytics__compliance-label{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.pet-analytics__compliance-status{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.pet-analytics__compliance-status--good{color:var(--color-success)}.pet-analytics__compliance-status--warning{color:var(--color-warning)}.pet-analytics__timeline-section{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-xl)}.pet-analytics__timeline-section h3{color:var(--color-text);margin:0 0 var(--space-lg) 0}.pet-analytics__timeline{display:flex;flex-direction:column;gap:var(--space-lg);padding-left:var(--space-xl);position:relative}.pet-analytics__timeline:before{background:var(--color-border);bottom:0;content:"";left:10px;position:absolute;top:0;width:2px}.pet-analytics__timeline-item{align-items:flex-start;display:flex;gap:var(--space-lg)}.pet-analytics__timeline-dot{border-radius:50%;height:20px;left:0;position:absolute;width:20px;z-index:1}.pet-analytics__timeline-content{flex:1 1}.pet-analytics__timeline-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-xs)}.pet-analytics__timeline-type{color:var(--color-text);font-weight:var(--font-weight-medium)}.pet-analytics__timeline-date{color:var(--color-text-muted);font-size:var(--font-size-sm)}.pet-analytics__timeline-pet{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.pet-analytics__expenses{display:flex;flex-direction:column;gap:var(--space-2xl)}.pet-analytics__expense-summary{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.pet-analytics__summary-card{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center}.pet-analytics__summary-card h3{color:var(--color-text-secondary);font-size:var(--font-size-base);margin:0 0 var(--space-md) 0}.pet-analytics__summary-value{color:var(--color-text);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0}.pet-analytics__expense-tips{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-xl)}.pet-analytics__expense-tips h3{color:var(--color-text);margin:0 0 var(--space-lg) 0}.pet-analytics__expense-tips ul{color:var(--color-text-secondary);margin:0;padding-left:var(--space-xl)}.pet-analytics__expense-tips li{margin-bottom:var(--space-sm)}.pet-analytics__insights{display:flex;flex-direction:column;gap:var(--space-2xl)}.pet-analytics__insights h3{color:var(--color-text);margin:0 0 var(--space-lg) 0}.pet-analytics__insight-cards{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg)}.pet-analytics__insight-card{align-items:flex-start;background:var(--color-bg-secondary);border-left:4px solid var(--color-border);border-radius:var(--radius-lg);display:flex;gap:var(--space-lg);padding:var(--space-lg)}.pet-analytics__insight-card--positive{border-left-color:var(--color-success)}.pet-analytics__insight-card--warning{border-left-color:var(--color-warning)}.pet-analytics__insight-card--info{border-left-color:var(--color-info)}.pet-analytics__insight-card--suggestion{border-left-color:var(--color-primary)}.pet-analytics__insight-icon{flex-shrink:0;font-size:var(--font-size-xl)}.pet-analytics__insight-card h4{color:var(--color-text);margin:0 0 var(--space-sm) 0}.pet-analytics__insight-card p{color:var(--color-text-secondary);margin:0}.pet-analytics__recommendations{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-xl)}.pet-analytics__recommendations h3{margin:0 0 var(--space-lg) 0}.pet-analytics__recommendations ol{color:var(--color-text-secondary);margin:0;padding-left:var(--space-xl)}.pet-analytics__recommendations li{margin-bottom:var(--space-md)}body.dark-mode .pet-analytics__chart-area,body.dark-mode .pet-analytics__select{background:var(--color-bg-tertiary)}body.dark-mode .pet-analytics__donut-center{background:var(--color-bg-secondary)}body.dark-mode .pet-analytics__expense-bar,body.dark-mode .pet-analytics__vaccination-card{background:var(--color-bg-tertiary)}@media (max-width:768px){.pet-analytics{padding:var(--space-md)}.pet-analytics__header{align-items:flex-start;flex-direction:column}.pet-analytics__controls{flex-direction:column}.pet-analytics__tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.pet-analytics__charts-grid,.pet-analytics__metrics{grid-template-columns:1fr}.pet-analytics__donut-container{flex-direction:column}.pet-analytics__expense-summary{grid-template-columns:1fr}}.pet-cost-tracking{background-color:var(--color-bg);margin:0 auto;max-width:1200px;min-height:100vh;padding:var(--space-lg)}.pet-cost-tracking__header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-md);margin-bottom:var(--space-xl);padding-bottom:var(--space-md)}.pet-cost-tracking__back-button{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);box-shadow:0 1px 2px #0000000d;color:var(--color-text);cursor:pointer;display:inline-flex;height:36px;padding:6px 20px;transition:all var(--transition-base)}.pet-cost-tracking__back-button:hover{background:var(--color-bg-hover);transform:translateX(-2px)}.pet-cost-tracking__title{align-items:center;color:var(--color-text);display:flex;font-size:var(--font-size-2xl);gap:var(--space-sm);margin:0}.pet-cost-tracking__icon{font-size:var(--font-size-3xl)}.pet-cost-tracking__empty{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-xxl);text-align:center}.pet-cost-tracking__empty p{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--space-lg)}.pet-cost-tracking__cta-button{-webkit-text-fill-color:#fff!important;align-items:center;background:var(--color-primary)!important;border:none;border-radius:var(--radius-base);box-shadow:0 1px 3px #ff450033;color:#fff!important;cursor:pointer;display:inline-flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);height:36px;justify-content:center;padding:6px 20px;transition:all var(--transition-base)}.pet-cost-tracking__cta-button:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-cost-tracking__controls{align-items:center;background:var(--color-bg-secondary);border-radius:var(--radius-lg);display:flex;justify-content:space-between;margin-bottom:var(--space-xl);padding:var(--space-lg)}.pet-cost-tracking__selector{align-items:center;display:flex;gap:var(--space-md)}.pet-cost-tracking__selector label{color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}.pet-cost-tracking__pet-select{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:var(--font-size-base);min-width:200px;padding:var(--space-sm) var(--space-md)}.pet-cost-tracking__actions{display:flex;gap:var(--space-md)}.pet-cost-tracking__add-button,.pet-cost-tracking__budget-button{-webkit-text-fill-color:#fff!important;align-items:center;background:var(--color-primary)!important;border:none;border-radius:var(--radius-base);box-shadow:0 1px 3px #ff450033;color:#fff!important;cursor:pointer;display:inline-flex;font-weight:var(--font-weight-medium);gap:var(--space-xs);height:36px;padding:6px 20px;transition:all var(--transition-base)}.pet-cost-tracking__add-button:hover,.pet-cost-tracking__budget-button:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-cost-tracking__budget-button{background:var(--color-secondary)}.pet-cost-tracking__budget-button:hover{background:var(--color-secondary);opacity:.9}.pet-cost-tracking__add-button:disabled,.pet-cost-tracking__budget-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.pet-cost-tracking__add-button:disabled:hover,.pet-cost-tracking__budget-button:disabled:hover{background:var(--color-primary);box-shadow:none;opacity:.5;transform:none}.pet-cost-tracking__date-range{display:flex;gap:var(--space-sm);justify-content:center;margin-bottom:var(--space-xl)}.pet-cost-tracking__range-button{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.pet-cost-tracking__range-button:hover{background:var(--color-bg-hover);border-color:var(--color-primary)}.pet-cost-tracking__range-button--active{-webkit-text-fill-color:#fff!important;background:var(--color-primary)!important;border-color:var(--color-primary);color:#fff!important}.pet-cost-tracking__loading{color:var(--color-text-secondary);padding:var(--space-xxl);text-align:center}.pet-cost-tracking__summary-grid{grid-gap:var(--space-xl);display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--space-xxxl)}.pet-cost-tracking__summary-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;transition:all var(--transition-base)}.pet-cost-tracking__summary-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.pet-cost-tracking__summary-card h3{color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);margin:0 0 var(--space-sm) 0}.pet-cost-tracking__summary-value{color:var(--color-text);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-xs) 0}.pet-cost-tracking__summary-period{color:var(--color-text-muted);font-size:var(--font-size-sm)}.pet-cost-tracking__categories{margin-bottom:var(--space-xxxl)}.pet-cost-tracking__categories h2{color:var(--color-text);margin:0 0 var(--space-lg) 0}.pet-cost-tracking__category-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.pet-cost-tracking__category-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);transition:all var(--transition-base)}.pet-cost-tracking__category-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.pet-cost-tracking__category-header{align-items:center;display:flex;gap:var(--space-sm);margin-bottom:var(--space-sm)}.pet-cost-tracking__category-icon{font-size:var(--font-size-xl)}.pet-cost-tracking__category-header h4{color:var(--color-text);font-size:var(--font-size-base);margin:0}.pet-cost-tracking__category-amount{color:var(--color-text);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-sm) 0}.pet-cost-tracking__budget-progress{margin-top:var(--space-sm)}.pet-cost-tracking__budget-bar{background:var(--color-bg);border-radius:var(--radius-full);height:6px;margin-bottom:var(--space-xs);overflow:hidden}.pet-cost-tracking__budget-fill{background:var(--color-success);height:100%;transition:width var(--transition-base)}.pet-cost-tracking__budget-fill--warning{background:var(--color-warning)}.pet-cost-tracking__budget-fill--over{background:var(--color-danger)}.pet-cost-tracking__budget-text{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.pet-cost-tracking__expenses{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-xl);padding:var(--space-xl)}.pet-cost-tracking__expenses-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-lg)}.pet-cost-tracking__expenses-header h2{color:var(--color-text);margin:0}.pet-cost-tracking__export-button{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.pet-cost-tracking__export-button:hover{background:var(--color-bg-hover);border-color:var(--color-primary)}.pet-cost-tracking__no-expenses{padding:var(--space-2xl);text-align:center}.pet-cost-tracking__no-expenses p{color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.pet-cost-tracking__expense-list{display:flex;flex-direction:column;gap:var(--space-md)}.pet-cost-tracking__expense-item{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);transition:all var(--transition-base)}.pet-cost-tracking__expense-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.pet-cost-tracking__expense-main{align-items:flex-start;display:flex;gap:var(--space-md);justify-content:space-between}.pet-cost-tracking__expense-info{flex:1 1}.pet-cost-tracking__expense-info h4{color:var(--color-text);margin:0 0 var(--space-xs) 0}.pet-cost-tracking__expense-info p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--space-xs) 0}.pet-cost-tracking__expense-category{align-items:center;display:inline-flex;gap:var(--space-xs)}.pet-cost-tracking__expense-date{color:var(--color-text-muted);font-size:var(--font-size-xs)}.pet-cost-tracking__expense-amount{align-items:flex-end;color:var(--color-text);display:flex;flex-direction:column;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);gap:var(--space-xs)}.pet-cost-tracking__recurring-badge{color:var(--color-info);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal)}.pet-cost-tracking__expense-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-md)}.pet-cost-tracking__expense-actions button{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-md);transition:all var(--transition-base)}.pet-cost-tracking__expense-actions button:hover{background:var(--color-bg-hover);border-color:var(--color-primary)}.pet-cost-tracking__modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-lg);position:fixed;right:0;top:0;z-index:500}.pet-cost-tracking__modal{background:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:90vh;max-width:600px;overflow-y:auto;padding:var(--space-xl);width:100%}.pet-cost-tracking__modal h2{color:var(--color-text);margin:0 0 var(--space-xl) 0}.pet-cost-tracking__form{display:flex;flex-direction:column;gap:var(--space-lg)}.pet-cost-tracking__form-row{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:1fr 1fr}.pet-cost-tracking__form-group{display:flex;flex-direction:column;gap:var(--space-sm)}.pet-cost-tracking__form-group label{color:var(--color-text);font-weight:var(--font-weight-medium)}.pet-cost-tracking__form-group input,.pet-cost-tracking__form-group select,.pet-cost-tracking__form-group textarea{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:var(--font-size-base);padding:var(--space-sm) var(--space-md);width:100%}.pet-cost-tracking__form-group textarea{font-family:inherit;resize:vertical}.pet-cost-tracking__checkbox-label{align-items:center;cursor:pointer;display:flex;font-weight:var(--font-weight-normal)!important;gap:var(--space-sm)}.pet-cost-tracking__checkbox-label input[type=checkbox]{margin:0;width:auto}.pet-cost-tracking__form-actions{display:flex;gap:var(--space-md);justify-content:flex-end;margin-top:var(--space-lg)}.pet-cost-tracking__form-actions button{border-radius:var(--radius-base);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-xl);transition:all var(--transition-base)}.pet-cost-tracking__form-actions button[type=submit]{background:var(--color-primary);border:none;color:#fff!important}.pet-cost-tracking__form-actions button[type=submit]:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-cost-tracking__form-actions button[type=button]{background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.pet-cost-tracking__form-actions button[type=button]:hover{background:var(--color-bg-hover)}body.dark-mode .pet-cost-tracking__form-group input,body.dark-mode .pet-cost-tracking__form-group select,body.dark-mode .pet-cost-tracking__form-group textarea,body.dark-mode .pet-cost-tracking__pet-select{background:var(--color-bg-secondary)}body.dark-mode .pet-cost-tracking__expense-item{background:var(--color-bg-tertiary)}body.dark-mode .pet-cost-tracking__modal{background:var(--color-bg-secondary)}body.dark-mode .pet-cost-tracking__budget-bar{background:var(--color-bg-tertiary)}@media (max-width:768px){.pet-cost-tracking{padding:var(--space-md)}.pet-cost-tracking__header{align-items:flex-start;flex-direction:column}.pet-cost-tracking__controls{flex-direction:column;gap:var(--space-md)}.pet-cost-tracking__pet-select,.pet-cost-tracking__selector{width:100%}.pet-cost-tracking__actions{flex-direction:column;width:100%}.pet-cost-tracking__actions button{width:100%}.pet-cost-tracking__date-range{flex-wrap:wrap}.pet-cost-tracking__category-grid,.pet-cost-tracking__summary-grid{grid-template-columns:1fr}.pet-cost-tracking__expense-main{flex-direction:column}.pet-cost-tracking__expense-amount{align-items:flex-start}.pet-cost-tracking__expenses-header{align-items:flex-start;flex-direction:column;gap:var(--space-md)}.pet-cost-tracking__modal{padding:var(--space-lg)}.pet-cost-tracking__form-row{grid-template-columns:1fr}.pet-cost-tracking__form-actions{flex-direction:column}.pet-cost-tracking__form-actions button{width:100%}}.pet-cost-tracking__graphs{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-top:var(--space-2xl);padding:var(--space-xl)}.pet-cost-tracking__graphs-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-lg)}.pet-cost-tracking__graphs-header h2{align-items:center;color:var(--color-text);display:flex;gap:var(--space-sm);margin:0}.pet-cost-tracking__toggle-graphs{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.pet-cost-tracking__toggle-graphs:hover{background:var(--color-bg-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.pet-cost-tracking__chart-controls{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--space-xl)}.pet-cost-tracking__category-filter,.pet-cost-tracking__chart-type-selector,.pet-cost-tracking__pet-selector{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:var(--space-md)}.pet-cost-tracking__category-filter label,.pet-cost-tracking__chart-type-selector label,.pet-cost-tracking__pet-selector label{color:var(--color-text);display:block;font-weight:var(--font-weight-medium);margin-bottom:var(--space-sm)}.pet-cost-tracking__chart-type-buttons{display:flex;gap:var(--space-sm)}.pet-cost-tracking__chart-type-button{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;flex:1 1;font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.pet-cost-tracking__chart-type-button:hover{background:var(--color-bg-hover);transform:translateY(-1px)}.pet-cost-tracking__chart-type-button--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff!important}.pet-cost-tracking__chart-type-button--active:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.pet-cost-tracking__category-checkboxes,.pet-cost-tracking__pet-checkboxes{display:flex;flex-direction:column;gap:var(--space-xs);max-height:150px;overflow-y:auto}.pet-cost-tracking__category-checkbox,.pet-cost-tracking__pet-checkbox{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:var(--space-xs);padding:var(--space-xs);transition:background var(--transition-base)}.pet-cost-tracking__category-checkbox:hover,.pet-cost-tracking__pet-checkbox:hover{background:var(--color-bg-hover)}.pet-cost-tracking__category-checkbox input,.pet-cost-tracking__pet-checkbox input{cursor:pointer}.pet-cost-tracking__chart-container{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);height:400px;padding:var(--space-lg);position:relative}.pet-cost-tracking__no-chart{align-items:center;color:var(--color-text-muted);display:flex;height:100%;justify-content:center}body.dark-mode .pet-cost-tracking__graphs{background:var(--color-bg-secondary);border-color:var(--color-border)}body.dark-mode .pet-cost-tracking__chart-container,body.dark-mode .pet-cost-tracking__chart-controls>div{background:var(--color-bg);border-color:var(--color-border)}.pet-cost-tracking__alerts{display:flex;flex-direction:column;gap:var(--space-sm);margin:var(--space-md) 0}.pet-cost-tracking__alert{align-items:center;border:1px solid;border-radius:var(--radius-base);display:flex;font-weight:var(--font-weight-medium);gap:var(--space-sm);padding:var(--space-sm) var(--space-md)}.pet-cost-tracking__alert--warning{background-color:#fff3cd;border-color:#fff3cd;color:#856404}.pet-cost-tracking__alert--danger{background-color:#f8d7da;border-color:#f8d7da;color:#721c24}body.dark-mode .pet-cost-tracking__alert--warning{background-color:#ffc1071a;border-color:#ffc1074d;color:#ffc107}body.dark-mode .pet-cost-tracking__alert--danger{background-color:#dc35451a;border-color:#dc35454d;color:#dc3545}@media (max-width:768px){.pet-cost-tracking__chart-controls{grid-template-columns:1fr}.pet-cost-tracking__chart-type-buttons{flex-direction:column}.pet-cost-tracking__chart-container{height:300px}}.pet-breed-alerts{padding:0;width:100%}.pet-breed-alerts--full-width{margin:0;max-width:none}body.has-profile-background .pet-breed-alerts{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1rem}body.dark-mode .pet-breed-alerts{background-color:#2a2a2a;color:var(--color-text)}body.dark-mode.has-profile-background .pet-breed-alerts{background-color:#2a2a2af2}.pet-breed-alerts__header{border-bottom:2px solid var(--color-primary);margin-bottom:2rem;padding:.5rem 1rem 1rem;position:relative;text-align:center}.pet-breed-alerts__header-content{width:100%}.pet-breed-alerts__header h1{color:var(--color-primary);font-size:2.5rem;margin:0 0 .5rem}.pet-breed-alerts__header p{color:var(--color-text-secondary);font-size:1.1rem;margin:0}.pet-breed-alerts__share-button{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;font-size:.875rem;height:auto;justify-content:center;margin-left:1rem;min-height:0;min-height:auto;padding:.25rem .5rem;position:static;transition:all .2s ease}.pet-breed-alerts__share-button:hover{background-color:var(--color-bg-tertiary);box-shadow:var(--shadow-md);color:var(--color-primary);transform:translateY(-1px)}.pet-breed-alerts__share-button:active{transform:translateY(0)}.pet-breed-alerts__share-button svg{fill:currentColor;height:1em;width:1em}.pet-breed-alerts__status{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem;padding:0 1rem}.pet-breed-alerts__status-item{align-items:center;border-radius:var(--radius-lg);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.pet-breed-alerts__status-item--success{background-color:#28a7451a;border:1px solid #28a7454d;color:#28a745}.pet-breed-alerts__status-item--info{background-color:#17a2b81a;border:1px solid #17a2b84d;color:#17a2b8}.pet-breed-alerts__status-item--warning{background-color:#ffc1071a;border:1px solid #ffc1074d;color:#ffc107}body.dark-mode .pet-breed-alerts__status-item--success{background-color:#28a74533}body.dark-mode .pet-breed-alerts__status-item--info{background-color:#17a2b833}body.dark-mode .pet-breed-alerts__status-item--warning{background-color:#ffc10733}.pet-breed-alerts__content{box-sizing:border-box;padding:0 1rem;width:100%}.pet-breed-alerts__section{margin-bottom:3rem}.pet-breed-alerts__section h2{border-bottom:1px solid var(--color-border);color:var(--color-text);margin-bottom:1rem;padding-bottom:.5rem}.pet-breed-alerts__cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.pet-breed-alerts__card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:1.5rem;transition:all .3s ease}.pet-breed-alerts__card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-breed-alerts__card h3{color:var(--color-primary);margin:0 0 .5rem}.pet-breed-alerts__card p{color:var(--color-text-secondary);margin:0}.pet-breed-alerts__features{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));list-style:none;margin:0;padding:0}.pet-breed-alerts__features li{background-color:var(--color-bg-tertiary);border-left:3px solid var(--color-primary);border-radius:var(--radius-base);padding:.5rem}.pet-breed-alerts__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.pet-breed-alerts__button{border:none;border-radius:var(--radius-base);cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.pet-breed-alerts__button--primary{background-color:var(--color-primary);color:#fff}.pet-breed-alerts__button--primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.pet-breed-alerts__button--secondary{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.pet-breed-alerts__button--secondary:hover{background-color:var(--color-bg-tertiary);transform:translateY(-1px)}.pet-breed-alerts__notice{background-color:#ffc1071a;border:1px solid #ffc1074d;border-radius:var(--radius-lg);margin-top:3rem;padding:1.5rem;text-align:center}.pet-breed-alerts__notice p{font-weight:500;margin:0}@media (max-width:768px){.pet-breed-alerts{border-radius:0;padding:.5rem}.pet-breed-alerts__header h1{font-size:2rem}.pet-breed-alerts__breadcrumb-row{padding:.5rem}.pet-breed-alerts__share-button{font-size:.75rem;margin-left:.5rem;padding:.25rem}.pet-breed-alerts__status{align-items:stretch;flex-direction:column}.pet-breed-alerts__content{padding:0 .5rem}.pet-breed-alerts__cards,.pet-breed-alerts__features{grid-template-columns:1fr}.pet-breed-alerts__actions{flex-direction:column}.pet-breed-alerts__button{width:100%}}.pet-breed-alerts__skip-link{background:var(--color-primary);border-radius:var(--radius-base);color:#fff;font-weight:500;left:-9999px;padding:8px 16px;position:absolute;text-decoration:none;top:0;z-index:100}.pet-breed-alerts__skip-link:focus{box-shadow:var(--shadow-lg);left:50%;top:10px;transform:translateX(-50%)}.pet-breed-alerts__breadcrumb-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;padding:1rem 1rem 0}.pet-breed-alerts__breadcrumbs{flex:1 1;margin:0;padding:0}.pet-breed-alerts__breadcrumbs ol{flex-wrap:wrap;list-style:none;margin:0;padding:0}.pet-breed-alerts__breadcrumbs li,.pet-breed-alerts__breadcrumbs ol{align-items:center;display:flex;gap:.5rem}.pet-breed-alerts__breadcrumbs a{align-items:center;color:var(--color-primary);display:flex;gap:.25rem;text-decoration:none;transition:color .2s ease}.pet-breed-alerts__breadcrumbs a:hover{color:var(--color-primary-hover);text-decoration:underline}.pet-breed-alerts__breadcrumb-separator{color:var(--color-text-secondary);font-size:.75rem}.pet-breed-alerts__error{margin:0 auto;max-width:600px;padding:3rem 1rem;text-align:center}.pet-breed-alerts__error h2{color:var(--color-danger);margin-bottom:1rem}.pet-breed-alerts__error p{color:var(--color-text-secondary);margin-bottom:2rem}.pet-breed-alerts__loading{padding:2rem 1rem}.pet-breed-alerts__skeleton{animation:skeleton-loading 1.5s ease-in-out infinite}.pet-breed-alerts__skeleton-card,.pet-breed-alerts__skeleton-header,.pet-breed-alerts__skeleton-text{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--radius-base)}.pet-breed-alerts__skeleton-header{height:3rem;margin:0 auto 2rem;width:60%}.pet-breed-alerts__skeleton-text{height:1rem;margin-bottom:1rem}.pet-breed-alerts__skeleton-text--short{width:70%}.pet-breed-alerts__skeleton-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.pet-breed-alerts__skeleton-card{height:150px}.pet-breed-alerts__form{max-width:600px}.pet-breed-alerts__form-group{margin-bottom:1.5rem}.pet-breed-alerts__form-group label{color:var(--color-text);display:block;font-weight:500;margin-bottom:.5rem}.pet-breed-alerts__required{color:var(--color-danger);margin-left:.25rem}.pet-breed-alerts__input,.pet-breed-alerts__select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:1rem;min-height:44px;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.pet-breed-alerts__input:focus,.pet-breed-alerts__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.pet-breed-alerts__help-text{color:var(--color-text-secondary);display:block;font-size:.875rem;margin-top:.5rem}body.dark-mode .pet-breed-alerts__skeleton-card,body.dark-mode .pet-breed-alerts__skeleton-header,body.dark-mode .pet-breed-alerts__skeleton-text{background:linear-gradient(90deg,#3a3a3a 25%,#4a4a4a 50%,#3a3a3a 75%)}body.dark-mode .pet-breed-alerts__input,body.dark-mode .pet-breed-alerts__select{background-color:var(--color-bg-secondary)}.pet-breed-alerts__button:focus-visible,.pet-breed-alerts__card:focus-visible,.pet-breed-alerts__input:focus-visible,.pet-breed-alerts__select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media print{.pet-breed-alerts__actions,.pet-breed-alerts__notice,.pet-breed-alerts__offline-banner,.pet-breed-alerts__skip-link,.pet-breed-alerts__toast{display:none}.pet-breed-alerts{background:#fff;color:#000;max-width:none;padding:0}}.pet-breed-alerts__offline-banner{align-items:center;background-color:var(--color-warning);box-shadow:var(--shadow-md);color:#fff;display:flex;font-weight:500;gap:.5rem;justify-content:center;left:0;padding:.75rem;position:fixed;right:0;text-align:center;top:0;z-index:1100}.pet-breed-alerts__toast{align-items:center;animation:slideIn .3s ease-out;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);bottom:2rem;box-shadow:var(--shadow-lg);display:flex;gap:1rem;max-width:400px;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:1200}.pet-breed-alerts__toast-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.pet-breed-alerts__toast-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s ease}.pet-breed-alerts__toast-close:hover{color:var(--color-text)}.pet-breed-alerts__toast--success{border-color:var(--color-success)}.pet-breed-alerts__toast--success svg{color:var(--color-success)}.pet-breed-alerts__toast--warning{border-color:var(--color-warning)}.pet-breed-alerts__toast--warning svg{color:var(--color-warning)}.pet-breed-alerts__toast--error{border-color:var(--color-danger)}.pet-breed-alerts__toast--error svg{color:var(--color-danger)}.pet-breed-alerts__toast--info{border-color:var(--color-info)}.pet-breed-alerts__toast--info svg{color:var(--color-info)}.pet-breed-alerts__unsaved-indicator{color:var(--color-warning);font-size:.875rem;font-weight:400;margin-left:.5rem}.pet-breed-alerts__form-actions{display:flex;gap:1rem;margin-top:1.5rem}.pet-breed-alerts__image-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1rem}.pet-breed-alerts__image-container{aspect-ratio:16/9;background-color:var(--color-bg-secondary);border-radius:var(--radius-base);overflow:hidden;position:relative}.pet-breed-alerts__image{height:100%;object-fit:cover;transition:opacity .3s ease;width:100%}.pet-breed-alerts__image[data-src]{background-color:var(--color-bg-tertiary);opacity:0}.pet-breed-alerts__image:not([data-src]){opacity:1}@media (prefers-contrast:high){.pet-breed-alerts__button,.pet-breed-alerts__input,.pet-breed-alerts__select,.pet-breed-alerts__toast{border-width:2px}}@media (max-width:768px){.pet-breed-alerts__toast{bottom:1rem;left:1rem;max-width:none;right:1rem}.pet-breed-alerts__form-actions{flex-direction:column}.pet-breed-alerts__form-actions button{width:100%}.pet-breed-alerts__image-grid{grid-template-columns:1fr}}.pet-breed-alerts{background-color:var(--color-bg);margin:0 auto;max-width:1200px;min-height:100vh;padding:var(--space-lg)}.pet-breed-alerts__header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-md);justify-content:space-between;margin-bottom:var(--space-xl);padding-bottom:var(--space-md)}.pet-breed-alerts__back-button{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);box-shadow:0 1px 2px #0000000d;color:var(--color-text);cursor:pointer;display:inline-flex;height:36px;padding:6px 20px;transition:all var(--transition-base)}.pet-breed-alerts__back-button:hover{background:var(--color-bg-hover);transform:translateX(-2px)}.pet-breed-alerts__title{align-items:center;color:var(--color-text);display:flex;font-size:var(--font-size-2xl);gap:var(--space-sm);margin:0}.pet-breed-alerts__icon{font-size:var(--font-size-3xl)}.pet-breed-alerts__settings-button{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);box-shadow:0 1px 2px #0000000d;color:var(--color-text);cursor:pointer;display:inline-flex;height:36px;padding:6px 20px;transition:all var(--transition-base)}.pet-breed-alerts__settings-button:hover{background:var(--color-bg-hover);transform:rotate(180deg)}.pet-breed-alerts__empty{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-3xl);text-align:center}.pet-breed-alerts__empty p{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--space-lg)}.pet-breed-alerts__cta-button{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-base);box-shadow:0 1px 3px #ff450033;color:#fff!important;cursor:pointer;display:inline-flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);height:36px;justify-content:center;padding:6px 20px;transition:all var(--transition-base)}.pet-breed-alerts__cta-button:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-breed-alerts__controls{align-items:center;background:var(--color-bg-secondary);border-radius:var(--radius-lg);display:flex;gap:var(--space-lg);justify-content:space-between;margin-bottom:var(--space-xl);padding:var(--space-lg)}.pet-breed-alerts__pet-select{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:var(--font-size-base);min-width:200px;padding:var(--space-sm) var(--space-md)}.pet-breed-alerts__preferences{display:flex;flex-wrap:wrap;gap:var(--space-md)}.pet-breed-alerts__preference{align-items:center;color:var(--color-text);cursor:pointer;display:flex;gap:var(--space-sm)}.pet-breed-alerts__preference input[type=checkbox]{cursor:pointer}.pet-breed-alerts__tabs{-webkit-overflow-scrolling:touch;border-bottom:2px solid var(--color-border);display:flex;gap:var(--space-sm);margin-bottom:var(--space-xl);overflow-x:auto}.pet-breed-alerts__tab{background:none;border:none;border-bottom:3px solid #0000;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-bottom:-2px;padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base);white-space:nowrap}.pet-breed-alerts__tab:hover{color:var(--color-text)}.pet-breed-alerts__tab--active{border-bottom-color:var(--color-primary);color:var(--color-primary)}.pet-breed-alerts__content{margin-bottom:var(--space-2xl)}.pet-breed-alerts__no-alerts{background:var(--color-bg-secondary);border-radius:var(--radius-lg);color:var(--color-text-secondary);padding:var(--space-3xl);text-align:center}.pet-breed-alerts__list{display:flex;flex-direction:column;gap:var(--space-lg)}.pet-breed-alerts__alert{background:var(--color-bg-secondary);border-left:4px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);transition:all var(--transition-base)}.pet-breed-alerts__alert:hover{box-shadow:var(--shadow-md);transform:translateX(2px)}.pet-breed-alerts__alert-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-md)}.pet-breed-alerts__alert-info{align-items:flex-start;display:flex;flex:1 1;gap:var(--space-md)}.pet-breed-alerts__type-icon{flex-shrink:0;font-size:var(--font-size-2xl)}.pet-breed-alerts__alert-title{color:var(--color-text);font-size:var(--font-size-lg);margin:0 0 var(--space-xs) 0}.pet-breed-alerts__alert-meta{color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--space-md)}.pet-breed-alerts__severity{border-radius:var(--radius-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);padding:var(--space-xs) var(--space-sm)}.pet-breed-alerts__alert-description{color:var(--color-text);line-height:1.6;margin:0 0 var(--space-lg) 0}.pet-breed-alerts__alert-footer{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:space-between}.pet-breed-alerts__source{color:var(--color-text-muted);font-size:var(--font-size-sm)}.pet-breed-alerts__alert-actions{display:flex;gap:var(--space-sm)}.pet-breed-alerts__action-button{-webkit-text-fill-color:#fff!important;align-items:center;background:var(--color-primary)!important;border:none;border-radius:var(--radius-base);box-shadow:0 1px 3px #ff450033;color:#fff!important;cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);height:36px;padding:6px 20px;transition:all var(--transition-base)}.pet-breed-alerts__action-button:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.pet-breed-alerts__dismiss-button{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-md);transition:all var(--transition-base)}.pet-breed-alerts__dismiss-button:hover{background:var(--color-bg-hover);border-color:var(--color-primary)}.pet-breed-alerts__info-section{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-2xl)}.pet-breed-alerts__info-section h2{color:var(--color-text);margin:0 0 var(--space-xl) 0;text-align:center}.pet-breed-alerts__info-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.pet-breed-alerts__info-card{background:var(--color-bg);border-radius:var(--radius-md);padding:var(--space-lg);text-align:center}.pet-breed-alerts__info-card h3{color:var(--color-text);font-size:var(--font-size-lg);margin:0 0 var(--space-md) 0}.pet-breed-alerts__info-card p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.5;margin:0}.pet-breed-alerts__modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-lg);position:fixed;right:0;top:0;z-index:500}.pet-breed-alerts__modal{background:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:90vh;max-width:500px;overflow-y:auto;padding:var(--space-2xl);width:100%}.pet-breed-alerts__modal h2{color:var(--color-text);margin:0 0 var(--space-xl) 0}.pet-breed-alerts__settings-section{margin-bottom:var(--space-xl)}.pet-breed-alerts__settings-section h3{color:var(--color-text);font-size:var(--font-size-lg);margin:0 0 var(--space-lg) 0}.pet-breed-alerts__setting{align-items:center;color:var(--color-text);cursor:pointer;display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.pet-breed-alerts__setting input[type=checkbox]{cursor:pointer;height:18px;width:18px}.pet-breed-alerts__frequency-select{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:var(--font-size-base);padding:var(--space-sm) var(--space-md);width:100%}.pet-breed-alerts__modal-actions{display:flex;gap:var(--space-md);margin-top:var(--space-xl)}.pet-breed-alerts__cancel-button,.pet-breed-alerts__save-button{border-radius:var(--radius-base);cursor:pointer;flex:1 1;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.pet-breed-alerts__cancel-button{background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.pet-breed-alerts__cancel-button:hover{background:var(--color-bg-hover)}.pet-breed-alerts__save-button{background:var(--color-primary);border:none;color:#fff!important}.pet-breed-alerts__save-button:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}body.dark-mode .pet-breed-alerts__alert,body.dark-mode .pet-breed-alerts__info-card,body.dark-mode .pet-breed-alerts__pet-select{background:var(--color-bg-tertiary)}body.dark-mode .pet-breed-alerts__modal{background:var(--color-bg-secondary)}body.dark-mode .pet-breed-alerts__frequency-select{background:var(--color-bg-tertiary)}@media (max-width:768px){.pet-breed-alerts{padding:var(--space-md)}.pet-breed-alerts__header{flex-wrap:wrap;gap:var(--space-sm)}.pet-breed-alerts__title{flex:1 1;min-width:200px}.pet-breed-alerts__controls{align-items:stretch;flex-direction:column}.pet-breed-alerts__preferences{justify-content:space-between}.pet-breed-alerts__tabs{-ms-overflow-style:none;scrollbar-width:none}.pet-breed-alerts__tabs::-webkit-scrollbar{display:none}.pet-breed-alerts__alert-header{flex-direction:column;gap:var(--space-md)}.pet-breed-alerts__alert-footer{align-items:flex-start;flex-direction:column}.pet-breed-alerts__alert-actions{width:100%}.pet-breed-alerts__alert-actions button{flex:1 1}.pet-breed-alerts__info-grid{grid-template-columns:1fr}.pet-breed-alerts__modal{padding:var(--space-lg)}.pet-breed-alerts__modal-actions{flex-direction:column}}.pet-data-export{background-color:var(--color-bg);margin:0 auto;max-width:1200px;min-height:100vh;padding:var(--space-lg)}.pet-data-export__header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-md);margin-bottom:var(--space-xl);padding-bottom:var(--space-md)}.pet-data-export__back-button{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.pet-data-export__back-button:hover{background:var(--color-bg-hover);transform:translateX(-2px)}.pet-data-export__title{align-items:center;color:var(--color-text);display:flex;font-size:var(--font-size-2xl);gap:var(--space-sm);margin:0}.pet-data-export__icon{font-size:var(--font-size-3xl)}.pet-data-export__empty{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-3xl);text-align:center}.pet-data-export__empty p{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--space-lg)}.pet-data-export__cta-button{-webkit-text-fill-color:#fff!important;background:var(--color-primary)!important;border:none;border-radius:var(--radius-base);color:#fff!important;cursor:pointer;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);padding:var(--space-md) var(--space-xl);transition:all var(--transition-base)}.pet-data-export__cta-button:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-data-export__content{display:flex;flex-direction:column;gap:var(--space-2xl)}.pet-data-export__section{background:var(--color-bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-xl)}.pet-data-export__section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-lg)}.pet-data-export__section-header h2{color:var(--color-text);font-size:var(--font-size-xl);margin:0}.pet-data-export__toggle-all{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-md);transition:all var(--transition-base)}.pet-data-export__toggle-all:hover{background:var(--color-bg-hover);border-color:var(--color-primary)}.pet-data-export__pets-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.pet-data-export__pet-checkbox{align-items:center;background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--space-md);padding:var(--space-md);transition:all var(--transition-base)}.pet-data-export__pet-checkbox:hover{border-color:var(--color-primary)}.pet-data-export__pet-checkbox input[type=checkbox]{cursor:pointer;height:20px;width:20px}.pet-data-export__pet-info{display:flex;flex-direction:column;gap:var(--space-xs)}.pet-data-export__pet-name{color:var(--color-text);font-weight:var(--font-weight-medium)}.pet-data-export__pet-details{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.pet-data-export__data-types{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.pet-data-export__data-checkbox{align-items:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);cursor:pointer;display:flex;gap:var(--space-sm);padding:var(--space-md);transition:all var(--transition-base)}.pet-data-export__data-checkbox:hover{background:var(--color-bg-hover);border-color:var(--color-primary)}.pet-data-export__data-checkbox input[type=checkbox]{cursor:pointer;height:18px;width:18px}.pet-data-export__data-checkbox span{align-items:center;color:var(--color-text);display:flex;gap:var(--space-sm)}.pet-data-export__data-icon{font-size:var(--font-size-lg)}.pet-data-export__data-disabled{cursor:not-allowed;opacity:.5}.pet-data-export__formats{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.pet-data-export__format-option{cursor:pointer}.pet-data-export__format-option input[type=radio]{opacity:0;position:absolute}.pet-data-export__format-card{align-items:center;background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-lg);text-align:center;transition:all var(--transition-base)}.pet-data-export__format-option:hover .pet-data-export__format-card{border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.pet-data-export__format-option input:checked+.pet-data-export__format-card{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.pet-data-export__format-option input:checked+.pet-data-export__format-card .pet-data-export__format-desc,.pet-data-export__format-option input:checked+.pet-data-export__format-card .pet-data-export__format-name{color:#fff}.pet-data-export__format-icon{font-size:var(--font-size-3xl)}.pet-data-export__format-name{color:var(--color-text);font-weight:var(--font-weight-bold)}.pet-data-export__format-desc{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.pet-data-export__actions{display:flex;justify-content:center;margin-top:var(--space-xl)}.pet-data-export__export-button{background-color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-base);color:#fff!important;cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.pet-data-export__export-button:hover:not(:disabled){background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:var(--shadow-md);color:#fff!important;transform:translateY(-2px)}.pet-data-export__export-button:disabled{cursor:not-allowed;opacity:.5}.pet-data-export__history{background:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-top:var(--space-2xl);padding:var(--space-xl)}.pet-data-export__history h2{color:var(--color-text);margin:0 0 var(--space-lg) 0}.pet-data-export__history-list{display:flex;flex-direction:column;gap:var(--space-sm)}.pet-data-export__history-item{align-items:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);display:flex;justify-content:space-between;padding:var(--space-md)}.pet-data-export__history-info{align-items:center;display:flex;gap:var(--space-md)}.pet-data-export__history-format{background:var(--color-bg-secondary);border-radius:var(--radius-base);color:var(--color-text);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:var(--space-xs) var(--space-sm)}.pet-data-export__history-details{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.pet-data-export__history-date{color:var(--color-text-muted);font-size:var(--font-size-sm)}body.dark-mode .pet-data-export__data-checkbox,body.dark-mode .pet-data-export__format-card,body.dark-mode .pet-data-export__history-item,body.dark-mode .pet-data-export__pet-checkbox,body.dark-mode .pet-data-export__toggle-all{background:var(--color-bg-tertiary)}body.dark-mode .pet-data-export__history-format{background:var(--color-bg)}@media (max-width:768px){.pet-data-export{padding:var(--space-md)}.pet-data-export__header{align-items:flex-start;flex-direction:column}.pet-data-export__data-types,.pet-data-export__formats,.pet-data-export__pets-grid{grid-template-columns:1fr}.pet-data-export__history-item{align-items:flex-start;flex-direction:column;gap:var(--space-sm)}}.pet-timeline{background-color:var(--color-bg);margin:0 auto;max-width:1200px;min-height:100vh;padding:var(--space-lg)}.pet-timeline__visual-graph{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);margin-bottom:var(--space-xxxl);overflow-x:auto;padding:var(--space-xl)}.pet-timeline__graph-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-lg)}.pet-timeline__graph-title{color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}.pet-timeline__graph-controls{display:flex;gap:var(--space-sm)}.pet-timeline__graph-button{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-sm);transition:all var(--transition-base)}.pet-timeline__graph-button:hover{background:var(--color-bg-hover);border-color:var(--color-primary)}.pet-timeline__graph-button--active{background:var(--color-primary)!important;border-color:var(--color-primary);color:#fff!important}.pet-timeline__graph-canvas{min-height:400px;position:relative;width:100%}.pet-timeline__graph-track{border-bottom:1px solid var(--color-border-light);height:60px;margin-bottom:var(--space-md);position:relative}.pet-timeline__graph-track:last-child{border-bottom:none}.pet-timeline__graph-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);left:0;position:absolute;top:50%;transform:translateY(-50%);width:100px}.pet-timeline__graph-events{height:100%;left:120px;position:absolute;right:20px;top:0}.pet-timeline__graph-event{align-items:center;background:var(--color-bg);border:2px solid var(--color-primary);border-radius:var(--radius-full);cursor:pointer;display:flex;font-size:var(--font-size-lg);height:40px;justify-content:center;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all var(--transition-base);width:40px;z-index:2}.pet-timeline__graph-event:hover{box-shadow:var(--shadow-md);transform:translate(-50%,-50%) scale(1.2)}.pet-timeline__graph-event--high-priority{background:var(--color-danger-bg);border-color:var(--color-danger)}.pet-timeline__graph-event--medium-priority{background:var(--color-warning-bg);border-color:var(--color-warning)}.pet-timeline__graph-tooltip{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);bottom:100%;box-shadow:var(--shadow-md);font-size:var(--font-size-sm);left:50%;margin-bottom:var(--space-xs);opacity:0;padding:var(--space-sm);pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity var(--transition-base);white-space:nowrap;z-index:10}.pet-timeline__graph-event:hover .pet-timeline__graph-tooltip{opacity:1}.pet-timeline__graph-timeline{background:var(--color-border);height:2px;left:120px;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.pet-timeline__graph-month-markers{bottom:-30px;display:flex;height:20px;justify-content:space-between;left:120px;position:absolute;right:20px}.pet-timeline__header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-md);margin-bottom:var(--space-xl);padding-bottom:var(--space-md)}.pet-timeline__back-button{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.pet-timeline__back-button:hover{background:var(--color-bg-hover);transform:translateX(-2px)}.pet-timeline__title{align-items:center;color:var(--color-text);display:flex;font-size:var(--font-size-2xl);gap:var(--space-sm);margin:0}.pet-timeline__icon{font-size:var(--font-size-3xl)}.pet-timeline__empty{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-xxxl);padding:var(--space-xxl);text-align:center}.pet-timeline__empty p{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--space-lg)}.pet-timeline__cta-button{-webkit-text-fill-color:#fff!important;align-items:center;background:var(--color-primary)!important;border:none;border-radius:var(--radius-base);color:#fff!important;cursor:pointer;display:inline-flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);gap:var(--space-sm);padding:var(--space-md) var(--space-xl);transition:all var(--transition-base)}.pet-timeline__cta-button:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-timeline__controls{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;justify-content:space-between;margin-bottom:var(--space-xxxl);padding:var(--space-xl)}.pet-timeline__selector{align-items:center;display:flex;gap:var(--space-md)}.pet-timeline__selector label{color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}.pet-timeline__pet-select{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:var(--font-size-base);min-width:200px;padding:var(--space-sm) var(--space-md)}.pet-timeline__add-button{background:var(--color-primary);border:none;border-radius:var(--radius-base);color:#fff!important;cursor:pointer;font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.pet-timeline__add-button:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-timeline__filters{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-xxxl)}.pet-timeline__filter{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.pet-timeline__filter:hover{background:var(--color-bg-hover);border-color:var(--color-primary)}.pet-timeline__filter--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff!important}.pet-timeline__intro{margin-bottom:var(--space-xxxl);text-align:center}.pet-timeline__intro p{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin:0 auto;max-width:600px}.pet-timeline__cta-section{margin-bottom:var(--space-xxxl);text-align:center}.pet-timeline__share-button{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-base);color:#fff!important;cursor:pointer;display:inline-flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);gap:var(--space-sm);padding:var(--space-md) var(--space-xl);transition:all var(--transition-base)}.pet-timeline__share-button:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-timeline__loading{color:var(--color-text-secondary);padding:var(--space-xxl);text-align:center}.pet-timeline__no-events{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:var(--space-xxl) var(--space-xxl) var(--space-xxl) var(--space-xxl);text-align:center}.pet-timeline__no-events p{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin:0 0 var(--space-xl) 0}.pet-timeline__no-events .pet-timeline__cta-button{margin:0}.pet-timeline__events{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);padding-left:calc(var(--space-xxl) + var(--space-xl))}.pet-timeline__event,.pet-timeline__events{margin-bottom:var(--space-xxxl);position:relative}.pet-timeline__event{display:flex;gap:var(--space-xl)}.pet-timeline__event-marker{align-items:center;display:flex;flex-direction:column;left:var(--space-xl);position:absolute;transition:all var(--transition-base)}.pet-timeline__event:hover .pet-timeline__event-marker .pet-timeline__event-icon{border-color:var(--color-primary-hover);transform:scale(1.1)}.pet-timeline__event-icon{align-items:center;background:var(--color-bg);border:3px solid var(--color-primary);border-radius:50%;box-shadow:var(--shadow-sm);color:var(--color-primary);display:flex;font-size:var(--font-size-lg);height:50px;justify-content:center;width:50px;z-index:2}.pet-timeline__event-icon svg{height:24px;width:24px}.pet-timeline__event-line{background:var(--color-border-light);height:100%;left:50%;min-height:80px;opacity:.5;position:absolute;top:50px;transform:translateX(-50%);width:2px}.pet-timeline__event:last-child .pet-timeline__event-line{display:none}.pet-timeline__event-content{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex:1 1;margin-left:calc(50px + var(--space-lg));padding:var(--space-xl);transition:all var(--transition-base)}.pet-timeline__event-content:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.pet-timeline__event-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-sm)}.pet-timeline__event-header h3{color:var(--color-text);font-size:var(--font-size-lg);margin:0}.pet-timeline__event-date{color:var(--color-text-secondary);font-size:var(--font-size-sm);white-space:nowrap}.pet-timeline__event-description{color:var(--color-text-secondary);line-height:1.6;margin:0 0 var(--space-md) 0}.pet-timeline__event-actions{display:flex;gap:var(--space-sm)}.pet-timeline__event-actions button{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-md);transition:all var(--transition-base)}.pet-timeline__event-actions button:hover{background:var(--color-bg-hover);border-color:var(--color-primary)}.pet-timeline__edit-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary-light);color:#fff}.pet-timeline__delete-btn:hover{background:var(--color-danger);border-color:var(--color-danger);color:#fff}.pet-timeline__modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-lg);position:fixed;right:0;top:0;z-index:500}.pet-timeline__modal{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:90vh;max-width:600px;overflow-y:auto;padding:var(--space-xl);width:100%}.pet-timeline__modal h2{color:var(--color-text);margin:0 0 var(--space-xl) 0}.pet-timeline__form{display:flex;flex-direction:column;gap:var(--space-lg)}.pet-timeline__form-group{display:flex;flex-direction:column;gap:var(--space-sm)}.pet-timeline__form-group label{color:var(--color-text);font-weight:var(--font-weight-medium)}.pet-timeline__form-group input,.pet-timeline__form-group select,.pet-timeline__form-group textarea{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:var(--font-size-base);padding:var(--space-sm) var(--space-md);width:100%}.pet-timeline__form-group textarea{font-family:inherit;resize:vertical}.pet-timeline__icon-selector{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);display:flex;flex-wrap:wrap;gap:var(--space-md);padding:var(--space-md)}.pet-timeline__icon-option{align-items:center;background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-base);cursor:pointer;display:flex;font-size:var(--font-size-xl);height:50px;justify-content:center;transition:all var(--transition-base);width:50px}.pet-timeline__icon-option:hover{border-color:var(--color-primary);transform:scale(1.1)}.pet-timeline__icon-option--selected{background:var(--color-primary);border-color:var(--color-primary)}.pet-timeline__form-actions{display:flex;gap:var(--space-md);justify-content:flex-end;margin-top:var(--space-lg)}.pet-timeline__form-actions button{border-radius:var(--radius-base);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-xl);transition:all var(--transition-base)}.pet-timeline__form-actions button[type=submit]{background:var(--color-primary);border:none;color:#fff!important}.pet-timeline__form-actions button[type=submit]:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-timeline__form-actions button[type=button]{background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.pet-timeline__form-actions button[type=button]:hover{background:var(--color-bg-hover)}body.dark-mode .pet-timeline__filter:not(.pet-timeline__filter--active){background:var(--color-bg-tertiary)}body.dark-mode .pet-timeline__pet-select{background:var(--color-bg-secondary)}body.dark-mode .pet-timeline__event-content{background:var(--color-bg-tertiary)}body.dark-mode .pet-timeline__form-group input,body.dark-mode .pet-timeline__form-group select,body.dark-mode .pet-timeline__form-group textarea{background:var(--color-bg-secondary)}body.dark-mode .pet-timeline__event-icon{background:var(--color-bg-tertiary)}body.dark-mode .pet-timeline__modal{background:var(--color-bg-secondary)}@media (max-width:768px){.pet-timeline{padding:var(--space-md)}.pet-timeline__header{align-items:flex-start;flex-direction:column}.pet-timeline__controls{flex-direction:column;gap:var(--space-md)}.pet-timeline__pet-select,.pet-timeline__selector{width:100%}.pet-timeline__filters{justify-content:center}.pet-timeline__events{padding:var(--space-md);padding-left:calc(var(--space-xl) + var(--space-md))}.pet-timeline__event-marker{left:var(--space-md)}.pet-timeline__event-icon{font-size:var(--font-size-base);height:40px;width:40px}.pet-timeline__event-content{margin-left:calc(40px + var(--space-md))}.pet-timeline__event-line{top:40px}.pet-timeline__event-header{flex-direction:column;gap:var(--space-xs)}.pet-timeline__modal{padding:var(--space-lg)}.pet-timeline__form-actions{flex-direction:column}.pet-timeline__form-actions button{width:100%}}.pet-achievements{padding:0;width:100%}.pet-achievements--full-width{margin:0;max-width:none}body.has-profile-background .pet-achievements{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1rem}body.dark-mode .pet-achievements{background-color:#2a2a2a;color:var(--color-text)}body.dark-mode.has-profile-background .pet-achievements{background-color:#2a2a2af2}.pet-achievements__header{border-bottom:2px solid var(--color-primary);margin-bottom:2rem;padding:.5rem 1rem 1rem;position:relative;text-align:center}.pet-achievements__header-content{width:100%}.pet-achievements__header h1{color:var(--color-primary);font-size:2.5rem;margin:0 0 .5rem}.pet-achievements__header p{color:var(--color-text-secondary);font-size:1.1rem;margin:0}.pet-achievements__share-button{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text);display:flex;font-size:.875rem;height:auto;justify-content:center;margin-left:1rem;min-height:0;min-height:auto;padding:.25rem .5rem;position:static;transition:all .2s ease}.pet-achievements__share-button:hover{background-color:var(--color-bg-tertiary);box-shadow:var(--shadow-md);color:var(--color-primary)}.pet-achievements__share-button:active{transform:translateY(0)}.pet-achievements__share-button svg{fill:currentColor;height:1em;width:1em}.pet-achievements__status{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem;padding:0 1rem}.pet-achievements__status-item{align-items:center;border-radius:var(--radius-lg);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.pet-achievements__status-item--success{background-color:#28a7451a;border:1px solid #28a7454d;color:#28a745}.pet-achievements__status-item--info{background-color:#17a2b81a;border:1px solid #17a2b84d;color:#17a2b8}.pet-achievements__status-item--warning{background-color:#ffc1071a;border:1px solid #ffc1074d;color:#ffc107}body.dark-mode .pet-achievements__status-item--success{background-color:#28a74533}body.dark-mode .pet-achievements__status-item--info{background-color:#17a2b833}body.dark-mode .pet-achievements__status-item--warning{background-color:#ffc10733}.pet-achievements__content{box-sizing:border-box;padding:0 1rem;width:100%}.pet-achievements__section{margin-bottom:3rem}.pet-achievements__section h2{border-bottom:1px solid var(--color-border);color:var(--color-text);margin-bottom:1rem;padding-bottom:.5rem}.pet-achievements__cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.pet-achievements__card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:1.5rem;transition:all .3s ease}.pet-achievements__card h3{color:var(--color-primary);margin:0 0 .5rem}.pet-achievements__card p{color:var(--color-text-secondary);margin:0}.pet-achievements__features{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));list-style:none;margin:0;padding:0}.pet-achievements__features li{background-color:var(--color-bg-tertiary);border-left:3px solid var(--color-primary);border-radius:var(--radius-base);padding:.5rem}.pet-achievements__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.pet-achievements__button{border:none;border-radius:var(--radius-base);cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.pet-achievements__button--primary{background-color:var(--color-primary);color:#fff}.pet-achievements__button--primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.pet-achievements__button--secondary{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.pet-achievements__button--secondary:hover{background-color:var(--color-bg-tertiary);transform:translateY(-1px)}.pet-achievements__notice{background-color:#ffc1071a;border:1px solid #ffc1074d;border-radius:var(--radius-lg);margin-top:3rem;padding:1.5rem;text-align:center}.pet-achievements__notice p{font-weight:500;margin:0}@media (max-width:768px){.pet-achievements{border-radius:0;padding:.5rem}.pet-achievements__header h1{font-size:2rem}.pet-achievements__breadcrumb-row{padding:.5rem}.pet-achievements__share-button{font-size:.75rem;margin-left:.5rem;padding:.25rem}.pet-achievements__status{align-items:stretch;flex-direction:column}.pet-achievements__content{padding:0 .5rem}.pet-achievements__cards,.pet-achievements__features{grid-template-columns:1fr}.pet-achievements__actions{flex-direction:column}.pet-achievements__button{width:100%}}.pet-achievements__skip-link{background:var(--color-primary);border-radius:var(--radius-base);color:#fff;font-weight:500;left:-9999px;padding:8px 16px;position:absolute;text-decoration:none;top:0;z-index:100}.pet-achievements__skip-link:focus{box-shadow:var(--shadow-lg);left:50%;top:10px;transform:translateX(-50%)}.pet-achievements__breadcrumb-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;padding:1rem 1rem 0}.pet-achievements__breadcrumbs{flex:1 1;margin:0;padding:0}.pet-achievements__breadcrumbs ol{flex-wrap:wrap;list-style:none;margin:0;padding:0}.pet-achievements__breadcrumbs li,.pet-achievements__breadcrumbs ol{align-items:center;display:flex;gap:.5rem}.pet-achievements__breadcrumbs a{align-items:center;color:var(--color-primary);display:flex;gap:.25rem;text-decoration:none;transition:color .2s ease}.pet-achievements__breadcrumbs a:hover{color:var(--color-primary-hover);text-decoration:underline}.pet-achievements__breadcrumb-separator{color:var(--color-text-secondary);font-size:.75rem}.pet-achievements__error{margin:0 auto;max-width:600px;padding:3rem 1rem;text-align:center}.pet-achievements__error h2{color:var(--color-danger);margin-bottom:1rem}.pet-achievements__error p{color:var(--color-text-secondary);margin-bottom:2rem}.pet-achievements__loading{padding:2rem 1rem}.pet-achievements__skeleton{animation:skeleton-loading 1.5s ease-in-out infinite}.pet-achievements__skeleton-card,.pet-achievements__skeleton-header,.pet-achievements__skeleton-text{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--radius-base)}.pet-achievements__skeleton-header{height:3rem;margin:0 auto 2rem;width:60%}.pet-achievements__skeleton-text{height:1rem;margin-bottom:1rem}.pet-achievements__skeleton-text--short{width:70%}.pet-achievements__skeleton-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.pet-achievements__skeleton-card{height:150px}.pet-achievements__form{max-width:600px}.pet-achievements__form-group{margin-bottom:1.5rem}.pet-achievements__form-group label{color:var(--color-text);display:block;font-weight:500;margin-bottom:.5rem}.pet-achievements__required{color:var(--color-danger);margin-left:.25rem}.pet-achievements__input,.pet-achievements__select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:1rem;min-height:44px;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.pet-achievements__input:focus,.pet-achievements__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.pet-achievements__help-text{color:var(--color-text-secondary);display:block;font-size:.875rem;margin-top:.5rem}body.dark-mode .pet-achievements__skeleton-card,body.dark-mode .pet-achievements__skeleton-header,body.dark-mode .pet-achievements__skeleton-text{background:linear-gradient(90deg,#3a3a3a 25%,#4a4a4a 50%,#3a3a3a 75%)}body.dark-mode .pet-achievements__input,body.dark-mode .pet-achievements__select{background-color:var(--color-bg-secondary)}.pet-achievements__button:focus-visible,.pet-achievements__card:focus-visible,.pet-achievements__input:focus-visible,.pet-achievements__select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media print{.pet-achievements__actions,.pet-achievements__notice,.pet-achievements__offline-banner,.pet-achievements__skip-link,.pet-achievements__toast{display:none}.pet-achievements{background:#fff;color:#000;max-width:none;padding:0}}.pet-achievements__offline-banner{align-items:center;background-color:var(--color-warning);box-shadow:var(--shadow-md);color:#fff;display:flex;font-weight:500;gap:.5rem;justify-content:center;left:0;padding:.75rem;position:fixed;right:0;text-align:center;top:0;z-index:1100}.pet-achievements__toast{align-items:center;animation:slideIn .3s ease-out;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);bottom:2rem;box-shadow:var(--shadow-lg);display:flex;gap:1rem;max-width:400px;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:1200}.pet-achievements__toast-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.pet-achievements__toast-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s ease}.pet-achievements__toast-close:hover{color:var(--color-text)}.pet-achievements__toast--success{border-color:var(--color-success)}.pet-achievements__toast--success svg{color:var(--color-success)}.pet-achievements__toast--warning{border-color:var(--color-warning)}.pet-achievements__toast--warning svg{color:var(--color-warning)}.pet-achievements__toast--error{border-color:var(--color-danger)}.pet-achievements__toast--error svg{color:var(--color-danger)}.pet-achievements__toast--info{border-color:var(--color-info)}.pet-achievements__toast--info svg{color:var(--color-info)}.pet-achievements__unsaved-indicator{color:var(--color-warning);font-size:.875rem;font-weight:400;margin-left:.5rem}.pet-achievements__form-actions{display:flex;gap:1rem;margin-top:1.5rem}.pet-achievements__image-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1rem}.pet-achievements__image-container{aspect-ratio:16/9;background-color:var(--color-bg-secondary);border-radius:var(--radius-base);overflow:hidden;position:relative}.pet-achievements__image{height:100%;object-fit:cover;transition:opacity .3s ease;width:100%}.pet-achievements__image[data-src]{background-color:var(--color-bg-tertiary);opacity:0}.pet-achievements__image:not([data-src]){opacity:1}@media (prefers-contrast:high){.pet-achievements__button,.pet-achievements__input,.pet-achievements__select,.pet-achievements__toast{border-width:2px}}@media (max-width:768px){.pet-achievements__toast{bottom:1rem;left:1rem;max-width:none;right:1rem}.pet-achievements__form-actions{flex-direction:column}.pet-achievements__form-actions button{width:100%}.pet-achievements__image-grid{grid-template-columns:1fr}}.pet-achievements{background-color:var(--color-bg);margin:0 auto;max-width:1200px;min-height:100vh;padding:var(--space-lg)}.pet-achievements__header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-md);margin-bottom:var(--space-xl);padding-bottom:var(--space-md)}.pet-achievements__back-button{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.pet-achievements__back-button:hover{background:var(--color-bg-hover);transform:translateX(-2px)}.pet-achievements__title{align-items:center;color:var(--color-text);display:flex;font-size:var(--font-size-2xl);gap:var(--space-sm);margin:0}.pet-achievements__icon{font-size:var(--font-size-3xl)}.pet-achievements__empty{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-3xl);text-align:center}.pet-achievements__empty p{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--space-lg)}.pet-achievements__cta-button{-webkit-text-fill-color:#fff!important;background:var(--color-primary)!important;border:none;border-radius:var(--radius-base);color:#fff!important;cursor:pointer;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);padding:var(--space-md) var(--space-xl);transition:all var(--transition-base)}.pet-achievements__cta-button:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-achievements__stats{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--space-2xl)}.pet-achievements__stat-card{align-items:center;background:var(--color-bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:var(--space-lg);padding:var(--space-xl)}.pet-achievements__stat-icon{flex-shrink:0;font-size:var(--font-size-3xl)}.pet-achievements__stat-content{display:flex;flex-direction:column;gap:var(--space-xs)}.pet-achievements__stat-value{color:var(--color-text);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.pet-achievements__stat-label{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.pet-achievements__filters{align-items:center;background:var(--color-bg-secondary);border-radius:var(--radius-lg);display:flex;gap:var(--space-lg);justify-content:space-between;margin-bottom:var(--space-2xl);padding:var(--space-lg)}.pet-achievements__pet-select{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:var(--font-size-base);min-width:150px;padding:var(--space-sm) var(--space-md)}.pet-achievements__categories{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.pet-achievements__category{align-items:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--space-xs);padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.pet-achievements__category:hover{background:var(--color-bg-hover);border-color:var(--color-primary)}.pet-achievements__category--active{-webkit-text-fill-color:#fff!important;background:var(--color-primary)!important;border-color:var(--color-primary);color:#fff!important}.pet-achievements__grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:var(--space-2xl)}.pet-achievements__card{background:var(--color-bg-secondary);border-radius:var(--radius-lg);opacity:.7;padding:var(--space-xl);position:relative;transition:all var(--transition-base)}.pet-achievements__card:hover{box-shadow:var(--shadow-md);opacity:1;transform:translateY(-2px)}.pet-achievements__card--unlocked{background:var(--color-bg-secondary);border:2px solid var(--color-success);opacity:1}.pet-achievements__card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-md)}.pet-achievements__badge{font-size:var(--font-size-3xl)}.pet-achievements__points{background:var(--color-bg);border-radius:var(--radius-full);color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);padding:var(--space-xs) var(--space-sm)}.pet-achievements__name{color:var(--color-text);font-size:var(--font-size-lg);margin:0 0 var(--space-sm) 0}.pet-achievements__description{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--space-md) 0}.pet-achievements__progress{align-items:center;display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.pet-achievements__progress-bar{background:var(--color-bg);border-radius:var(--radius-full);flex:1 1;height:8px;overflow:hidden}.pet-achievements__progress-fill{height:100%;transition:width var(--transition-base)}.pet-achievements__progress-text{color:var(--color-text-secondary);font-size:var(--font-size-xs);white-space:nowrap}.pet-achievements__requirement{color:var(--color-text-muted);font-size:var(--font-size-xs);font-style:italic;margin:0 0 var(--space-md) 0}.pet-achievements__unlocked-info{align-items:center;background:var(--color-bg);border-radius:var(--radius-base);display:flex;justify-content:space-between;margin-bottom:var(--space-md);padding:var(--space-sm)}.pet-achievements__unlocked-badge{color:var(--color-success);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.pet-achievements__unlocked-date{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.pet-achievements__share-button{-webkit-text-fill-color:#fff!important;background:var(--color-primary)!important;border:none;border-radius:var(--radius-base);color:#fff!important;cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-md);transition:all var(--transition-base);width:100%}.pet-achievements__share-button:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.pet-achievements__leaderboard{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-2xl)}.pet-achievements__leaderboard h2{color:var(--color-text);margin:0 0 var(--space-xl) 0;text-align:center}.pet-achievements__leaderboard-list{display:flex;flex-direction:column;gap:var(--space-md)}.pet-achievements__leaderboard-item{align-items:center;background:var(--color-bg);border-radius:var(--radius-base);display:flex;gap:var(--space-md);padding:var(--space-md);transition:all var(--transition-base)}.pet-achievements__leaderboard-item:hover{box-shadow:var(--shadow-sm);transform:translateX(2px)}.pet-achievements__rank{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);min-width:40px;text-align:center}.pet-achievements__pet-name{color:var(--color-text);flex:1 1;font-weight:var(--font-weight-medium)}.pet-achievements__pet-score{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.pet-achievements__modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-lg);position:fixed;right:0;top:0;z-index:500}.pet-achievements__modal{background:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:90vh;max-width:500px;overflow-y:auto;padding:var(--space-2xl);width:100%}.pet-achievements__modal h2{color:var(--color-text);margin:0 0 var(--space-xl) 0;text-align:center}.pet-achievements__share-preview{background:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-xl);padding:var(--space-xl);text-align:center}.pet-achievements__share-icon{display:block;font-size:var(--font-size-4xl);margin-bottom:var(--space-md)}.pet-achievements__share-preview h3{color:var(--color-text);margin:0 0 var(--space-sm) 0}.pet-achievements__share-preview p{color:var(--color-text-secondary);margin:0 0 var(--space-md) 0}.pet-achievements__share-points{color:var(--color-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.pet-achievements__share-platforms{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-xl)}.pet-achievements__platform-button{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;font-size:var(--font-size-base);padding:var(--space-md);text-align:center;transition:all var(--transition-base)}.pet-achievements__platform-button:hover{background:var(--color-bg-hover);border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.pet-achievements__close-button{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base);width:100%}.pet-achievements__close-button:hover{background:var(--color-bg-hover)}body.dark-mode .pet-achievements__card,body.dark-mode .pet-achievements__card--unlocked,body.dark-mode .pet-achievements__category,body.dark-mode .pet-achievements__pet-select{background:var(--color-bg-tertiary)}body.dark-mode .pet-achievements__points,body.dark-mode .pet-achievements__progress-bar,body.dark-mode .pet-achievements__unlocked-info{background:var(--color-bg)}body.dark-mode .pet-achievements__leaderboard-item{background:var(--color-bg-tertiary)}body.dark-mode .pet-achievements__modal{background:var(--color-bg-secondary)}body.dark-mode .pet-achievements__platform-button,body.dark-mode .pet-achievements__share-preview{background:var(--color-bg-tertiary)}@media (max-width:768px){.pet-achievements{padding:var(--space-md)}.pet-achievements__header{align-items:flex-start;flex-direction:column}.pet-achievements__stats{grid-template-columns:1fr}.pet-achievements__filters{align-items:stretch;flex-direction:column}.pet-achievements__categories{justify-content:center}.pet-achievements__grid{grid-template-columns:1fr}.pet-achievements__modal{padding:var(--space-lg)}}.pet-privacy-settings{background-color:var(--color-bg);margin:0 auto;max-width:1200px;min-height:100vh;padding:var(--space-lg)}.pet-privacy-settings__header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:space-between;margin-bottom:var(--space-lg);padding-bottom:var(--space-md)}.pet-privacy-settings__back-button{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.pet-privacy-settings__back-button:hover{background:var(--color-bg-hover);transform:translateX(-2px)}.pet-privacy-settings__title{align-items:center;color:var(--color-text);display:flex;flex:1 1;font-size:var(--font-size-2xl);gap:var(--space-sm);margin:0}.pet-privacy-settings__icon{font-size:var(--font-size-3xl)}.pet-privacy-settings__save-button{-webkit-text-fill-color:#fff!important;background:var(--color-success);border:none;border-radius:var(--radius-base);color:#fff!important;cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.pet-privacy-settings__save-button:hover{background:var(--color-success-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.pet-privacy-settings__empty{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-xxl);text-align:center}.pet-privacy-settings__empty p{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--space-lg)}.pet-privacy-settings__cta-button{-webkit-text-fill-color:#fff!important;background:var(--color-primary)!important;border:none;border-radius:var(--radius-base);color:#fff!important;cursor:pointer;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);padding:var(--space-md) var(--space-xl);transition:all var(--transition-base)}.pet-privacy-settings__cta-button:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-privacy-settings__pet-selector{align-items:center;background:var(--color-bg-secondary);border-radius:var(--radius-lg);display:flex;gap:var(--space-md);margin-bottom:var(--space-lg);padding:var(--space-md)}.pet-privacy-settings__pet-selector label{color:var(--color-text);font-weight:var(--font-weight-medium)}.pet-privacy-settings__pet-select{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:var(--font-size-base);height:36px;min-width:200px;padding:var(--space-xs) var(--space-sm);transition:border-color var(--transition-base)}.pet-privacy-settings__pet-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #ff45001a;outline:none}.pet-privacy-settings__content{display:flex;flex-direction:column;gap:var(--space-lg)}.pet-privacy-settings__section{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-lg)}.pet-privacy-settings__section h2{color:var(--color-text);font-size:var(--font-size-xl);margin:0 0 var(--space-md) 0}.pet-privacy-settings__section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-md)}.pet-privacy-settings__section-header h2{margin:0}.pet-privacy-settings__section-desc{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--space-md) 0}.pet-privacy-settings__setting{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--space-md) 0}.pet-privacy-settings__setting:last-child{border-bottom:none}.pet-privacy-settings__setting-info{flex:1 1;margin-right:var(--space-md)}.pet-privacy-settings__setting-info h3{color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin:0 0 var(--space-xs) 0}.pet-privacy-settings__setting-info p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.pet-privacy-settings__select{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;font-size:var(--font-size-sm);height:32px;min-width:180px;padding:var(--space-xs) var(--space-sm);transition:border-color var(--transition-base)}.pet-privacy-settings__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #ff45001a;outline:none}.pet-privacy-settings__toggle{display:inline-block;flex-shrink:0;height:24px;position:relative;width:50px}.pet-privacy-settings__toggle input{height:0;opacity:0;width:0}.pet-privacy-settings__toggle-slider{background:var(--color-text-muted);border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:var(--transition-base)}.pet-privacy-settings__toggle-slider:before{background:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:var(--transition-base);width:18px}.pet-privacy-settings__toggle input:checked+.pet-privacy-settings__toggle-slider{background:var(--color-primary)!important}.pet-privacy-settings__toggle input:checked+.pet-privacy-settings__toggle-slider:before{transform:translateX(26px)}.pet-privacy-settings__info-box{align-items:flex-start;background:var(--color-info-bg);border-radius:var(--radius-base);display:flex;gap:var(--space-sm);margin-top:var(--space-md);padding:var(--space-md)}.pet-privacy-settings__info-icon{flex-shrink:0;font-size:var(--font-size-lg)}.pet-privacy-settings__info-box p{color:var(--color-text);font-size:var(--font-size-sm);line-height:1.5;margin:0}.pet-privacy-settings__contacts-list{display:flex;flex-direction:column;gap:var(--space-md)}.pet-privacy-settings__contact-card{align-items:center;background:var(--color-bg);border-radius:var(--radius-base);display:flex;justify-content:space-between;padding:var(--space-md);transition:all var(--transition-base)}.pet-privacy-settings__contact-card:hover{box-shadow:var(--shadow-sm);transform:translateX(2px)}.pet-privacy-settings__contact-info h4{color:var(--color-text);font-size:var(--font-size-base);margin:0 0 var(--space-xs) 0}.pet-privacy-settings__contact-info p{color:var(--color-primary);font-size:var(--font-size-sm);margin:0}.pet-privacy-settings__contact-details{color:var(--color-text-secondary)!important;font-size:var(--font-size-xs)!important;margin-top:var(--space-xs)!important}.pet-privacy-settings__remove-button{background:var(--color-bg-secondary);border:1px solid var(--color-danger);border-radius:var(--radius-base);color:var(--color-danger);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-md);transition:all var(--transition-base)}.pet-privacy-settings__remove-button:hover{-webkit-text-fill-color:#fff!important;background:var(--color-danger);color:#fff!important}.pet-privacy-settings__services-list{display:flex;flex-direction:column;gap:var(--space-md)}.pet-privacy-settings__service-card{background:var(--color-bg);border-radius:var(--radius-base);padding:var(--space-md);transition:all var(--transition-base)}.pet-privacy-settings__service-card:hover{box-shadow:var(--shadow-sm);transform:translateX(2px)}.pet-privacy-settings__service-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-md)}.pet-privacy-settings__service-header h4{color:var(--color-text);font-size:var(--font-size-base);margin:0 0 var(--space-xs) 0}.pet-privacy-settings__service-header p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.pet-privacy-settings__revoke-button{background:var(--color-bg-secondary);border:1px solid var(--color-danger);border-radius:var(--radius-base);color:var(--color-danger);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-md);transition:all var(--transition-base);white-space:nowrap}.pet-privacy-settings__revoke-button:hover{-webkit-text-fill-color:#fff!important;background:var(--color-danger);color:#fff!important}.pet-privacy-settings__permissions{align-items:center;border-top:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:var(--space-md);padding-top:var(--space-md)}.pet-privacy-settings__permissions-label{color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.pet-privacy-settings__permission{align-items:center;color:var(--color-text);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--space-sm)}.pet-privacy-settings__permission input[type=checkbox]{cursor:pointer;height:16px;margin-right:var(--space-xs);width:16px}.pet-privacy-settings__add-button{-webkit-text-fill-color:#fff!important;background:var(--color-primary)!important;border:none;border-radius:var(--radius-base);color:#fff!important;cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.pet-privacy-settings__add-button:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.pet-privacy-settings__modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-lg);position:fixed;right:0;top:0;z-index:500}.pet-privacy-settings__modal{background:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:90vh;max-width:500px;overflow-y:auto;padding:var(--space-lg);width:100%}.pet-privacy-settings__modal h2{color:var(--color-text);margin:0 0 var(--space-lg) 0}.pet-privacy-settings__form{display:flex;flex-direction:column;gap:var(--space-lg)}.pet-privacy-settings__form-group{display:flex;flex-direction:column;gap:var(--space-sm)}.pet-privacy-settings__form-group label{color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.pet-privacy-settings__form-group input,.pet-privacy-settings__form-group select{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:var(--font-size-base);height:36px;padding:var(--space-xs) var(--space-sm)}.pet-privacy-settings__form-group input:focus,.pet-privacy-settings__form-group select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.1);outline:none}.pet-privacy-settings__modal-actions{display:flex;gap:var(--space-md);margin-top:var(--space-lg)}.pet-privacy-settings__cancel-button,.pet-privacy-settings__submit-button{border-radius:var(--radius-base);cursor:pointer;flex:1 1;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.pet-privacy-settings__cancel-button{background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.pet-privacy-settings__cancel-button:hover{background:var(--color-bg-hover)}.pet-privacy-settings__submit-button{-webkit-text-fill-color:#fff!important;background:var(--color-primary)!important;border:none;color:#fff!important}.pet-privacy-settings__submit-button:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}body.dark-mode .pet-privacy-settings__contact-card,body.dark-mode .pet-privacy-settings__pet-select,body.dark-mode .pet-privacy-settings__select,body.dark-mode .pet-privacy-settings__service-card{background:var(--color-bg-tertiary)}body.dark-mode .pet-privacy-settings__modal{background:var(--color-bg-secondary)}body.dark-mode .pet-privacy-settings__form-group input,body.dark-mode .pet-privacy-settings__form-group select{background:var(--color-bg-tertiary)}body.dark-mode .pet-privacy-settings__info-box{background:var(--color-bg-tertiary);border:1px solid var(--color-info)}body.dark-mode .pet-privacy-settings__toggle-slider{background:#555}body.dark-mode .pet-privacy-settings__toggle input:checked+.pet-privacy-settings__toggle-slider{background:var(--color-primary)!important}.pet-privacy-settings__alert{border-radius:var(--radius-base);font-weight:var(--font-weight-medium);margin-bottom:var(--space-lg);padding:var(--space-md)}.pet-privacy-settings__alert--error{background-color:var(--color-danger-light);border:1px solid var(--color-danger);color:var(--color-danger)}.pet-privacy-settings__loading{color:var(--color-text-secondary);font-size:var(--font-size-lg);padding:var(--space-lg);text-align:center}.pet-privacy-settings__btn{border:none;border-radius:var(--radius-base);cursor:pointer;font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.pet-privacy-settings__btn--primary{background-color:var(--color-primary);color:#fff!important}.pet-privacy-settings__btn--primary:hover:not(:disabled){background-color:var(--color-primary-hover);transform:translateY(-1px)}.pet-privacy-settings__btn:disabled{cursor:not-allowed;opacity:.6}.pet-privacy-settings__header-actions{align-items:center;display:flex;gap:var(--space-sm)}.pet-privacy-settings__bulk-button,.pet-privacy-settings__template-button{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.pet-privacy-settings__bulk-button:hover,.pet-privacy-settings__template-button:hover{background:var(--color-bg-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.pet-privacy-settings__modal-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-lg)}.pet-privacy-settings__templates-list{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg)}.pet-privacy-settings__template-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:var(--space-md);transition:all var(--transition-base)}.pet-privacy-settings__template-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.pet-privacy-settings__template-card h3{color:var(--color-text);font-size:var(--font-size-base);margin:0 0 var(--space-xs) 0}.pet-privacy-settings__template-card p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--space-md) 0}.pet-privacy-settings__template-apply-button{-webkit-text-fill-color:#fff!important;background:var(--color-primary);border:none;border-radius:var(--radius-base);color:#fff!important;cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-xs) var(--space-md);transition:all var(--transition-base)}.pet-privacy-settings__template-apply-button:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.pet-privacy-settings__template-apply-button:disabled{cursor:not-allowed;opacity:.6}.pet-privacy-settings__bulk-pets-list{border:1px solid var(--color-border);border-radius:var(--radius-base);margin-bottom:var(--space-lg);max-height:300px;overflow-y:auto;padding:var(--space-md)}.pet-privacy-settings__bulk-pets-list h3{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--space-md) 0}.pet-privacy-settings__bulk-pet-item{align-items:center;cursor:pointer;display:flex;gap:var(--space-sm);padding:var(--space-sm) 0}.pet-privacy-settings__bulk-pet-item input[type=checkbox]{cursor:pointer}.pet-privacy-settings__bulk-pet-item span{color:var(--color-text);font-size:var(--font-size-base)}body.dark-mode .pet-privacy-settings__bulk-button,body.dark-mode .pet-privacy-settings__bulk-pets-list,body.dark-mode .pet-privacy-settings__template-button,body.dark-mode .pet-privacy-settings__template-card{background:var(--color-bg-tertiary)}@media (max-width:768px){.pet-privacy-settings{padding:var(--space-md)}.pet-privacy-settings__header{align-items:stretch;flex-direction:column;gap:var(--space-md)}.pet-privacy-settings__title{order:-1}.pet-privacy-settings__save-button{width:100%}.pet-privacy-settings__header-actions{align-items:stretch;flex-direction:column;gap:var(--space-xs);width:100%}.pet-privacy-settings__bulk-button,.pet-privacy-settings__template-button{width:100%}.pet-privacy-settings__pet-selector{align-items:stretch;flex-direction:column}.pet-privacy-settings__pet-select{width:100%}.pet-privacy-settings__section{padding:var(--space-lg)}.pet-privacy-settings__setting{align-items:stretch;flex-direction:column;gap:var(--space-md)}.pet-privacy-settings__setting-info{margin-right:0}.pet-privacy-settings__select{width:100%}.pet-privacy-settings__contact-card{align-items:stretch}.pet-privacy-settings__contact-card,.pet-privacy-settings__service-header{flex-direction:column;gap:var(--space-md)}.pet-privacy-settings__permissions{align-items:stretch;flex-direction:column}.pet-privacy-settings__modal{padding:var(--space-lg)}.pet-privacy-settings__modal-actions{flex-direction:column}}.pet-offline-mode{background-color:var(--color-bg);margin:0 auto;max-width:1200px;min-height:100vh;padding:var(--space-lg)}.pet-offline-mode__header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:space-between;margin-bottom:var(--space-xl);padding-bottom:var(--space-md)}.pet-offline-mode__back-button{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.pet-offline-mode__back-button:hover{background:var(--color-bg-hover);transform:translateX(-2px)}.pet-offline-mode__title{align-items:center;color:var(--color-text);display:flex;flex:1 1;font-size:var(--font-size-2xl);gap:var(--space-sm);margin:0}.pet-offline-mode__icon{font-size:var(--font-size-3xl)}.pet-offline-mode__status{align-items:center;display:flex}.pet-offline-mode__status-indicator{align-items:center;border-radius:var(--radius-full);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-xs);padding:var(--space-xs) var(--space-md)}.pet-offline-mode__status-indicator--online{background:var(--color-success-bg);color:var(--color-success)}.pet-offline-mode__status-indicator--offline{background:var(--color-danger-bg);color:var(--color-danger)}.pet-offline-mode__info{margin-bottom:var(--space-2xl)}.pet-offline-mode__info-card{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-xl)}.pet-offline-mode__info-card h2{color:var(--color-text);font-size:var(--font-size-lg);margin:0 0 var(--space-md) 0}.pet-offline-mode__info-card p{color:var(--color-text-secondary);line-height:1.6;margin:0 0 var(--space-md) 0}.pet-offline-mode__info-card ul{color:var(--color-text-secondary);line-height:1.8;margin:0;padding-left:var(--space-xl)}.pet-offline-mode__storage{background:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-xl);padding:var(--space-xl)}.pet-offline-mode__storage h2{color:var(--color-text);font-size:var(--font-size-lg);margin:0 0 var(--space-lg) 0}.pet-offline-mode__storage-bar{background:var(--color-bg);border-radius:var(--radius-full);height:20px;margin-bottom:var(--space-sm);overflow:hidden;width:100%}.pet-offline-mode__storage-fill{background:var(--color-primary)!important;height:100%;transition:width var(--transition-base)}.pet-offline-mode__storage-info{color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);justify-content:space-between}.pet-offline-mode__sync-controls{align-items:center;background:var(--color-bg-secondary);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:var(--space-lg);justify-content:space-between;margin-bottom:var(--space-2xl);padding:var(--space-lg)}.pet-offline-mode__sync-info p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--space-sm) 0}.pet-offline-mode__sync-info p:last-child{margin-bottom:0}.pet-offline-mode__sync-status{font-weight:var(--font-weight-medium)}.pet-offline-mode__sync-status--success{color:var(--color-success)}.pet-offline-mode__sync-status--error{color:var(--color-danger)}.pet-offline-mode__sync-actions{align-items:center;display:flex;gap:var(--space-lg)}.pet-offline-mode__auto-sync{align-items:center;color:var(--color-text);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--space-sm)}.pet-offline-mode__auto-sync input[type=checkbox]{cursor:pointer}.pet-offline-mode__sync-button{-webkit-text-fill-color:#fff!important;background:var(--color-primary)!important;border:none;border-radius:var(--radius-base);color:#fff!important;cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.pet-offline-mode__sync-button:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.pet-offline-mode__sync-button:disabled{cursor:not-allowed;opacity:.5}.pet-offline-mode__pets{margin-bottom:var(--space-2xl)}.pet-offline-mode__pets h2{color:var(--color-text);margin:0 0 var(--space-xl) 0}.pet-offline-mode__empty{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-3xl);text-align:center}.pet-offline-mode__empty p{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--space-lg)}.pet-offline-mode__cta-button{-webkit-text-fill-color:#fff!important;background:var(--color-primary)!important;border:none;border-radius:var(--radius-base);color:#fff!important;cursor:pointer;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);padding:var(--space-md) var(--space-xl);transition:all var(--transition-base)}.pet-offline-mode__cta-button:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-offline-mode__pet-list{display:flex;flex-direction:column;gap:var(--space-lg)}.pet-offline-mode__pet-card{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-xl);transition:all var(--transition-base)}.pet-offline-mode__pet-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-offline-mode__pet-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-md)}.pet-offline-mode__pet-label{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:var(--space-md)}.pet-offline-mode__pet-label input[type=checkbox]{cursor:pointer;flex-shrink:0;height:20px;width:20px}.pet-offline-mode__pet-info h3{color:var(--color-text);font-size:var(--font-size-lg);margin:0 0 var(--space-xs) 0}.pet-offline-mode__pet-info p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.pet-offline-mode__offline-badge{background:var(--color-success-bg);border-radius:var(--radius-full);color:var(--color-success);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-xs) var(--space-md)}.pet-offline-mode__progress{align-items:center;display:flex;gap:var(--space-md);margin-bottom:var(--space-md)}.pet-offline-mode__progress-bar{background:var(--color-bg);border-radius:var(--radius-full);flex:1 1;height:8px;overflow:hidden}.pet-offline-mode__progress-fill{background:var(--color-primary)!important;height:100%;transition:width var(--transition-base)}.pet-offline-mode__progress-text{color:var(--color-text-secondary);font-size:var(--font-size-sm);min-width:40px}.pet-offline-mode__pet-details{border-top:1px solid var(--color-border);padding-top:var(--space-md)}.pet-offline-mode__data-info{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--space-md) 0}.pet-offline-mode__view-button{background:var(--color-bg);border:1px solid var(--color-primary);border-radius:var(--radius-base);color:var(--color-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.pet-offline-mode__view-button:hover{-webkit-text-fill-color:#fff!important;background:var(--color-primary)!important;color:#fff!important}.pet-offline-mode__actions{border-top:1px solid var(--color-border);display:flex;justify-content:center;padding-top:var(--space-2xl)}.pet-offline-mode__clear-button{background:var(--color-bg-secondary);border:1px solid var(--color-danger);border-radius:var(--radius-base);color:var(--color-danger);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-xl);transition:all var(--transition-base)}.pet-offline-mode__clear-button:hover:not(:disabled){-webkit-text-fill-color:#fff!important;background:var(--color-danger);color:#fff!important}.pet-offline-mode__clear-button:disabled{cursor:not-allowed;opacity:.5}body.dark-mode .pet-offline-mode__info-card,body.dark-mode .pet-offline-mode__storage{background:var(--color-bg-tertiary)}body.dark-mode .pet-offline-mode__storage-bar{background:var(--color-bg)}body.dark-mode .pet-offline-mode__pet-card,body.dark-mode .pet-offline-mode__sync-controls{background:var(--color-bg-tertiary)}body.dark-mode .pet-offline-mode__progress-bar{background:var(--color-bg)}body.dark-mode .pet-offline-mode__view-button{background:var(--color-bg-secondary)}body.dark-mode .pet-offline-mode__status-indicator--online{background:#28a7451a}body.dark-mode .pet-offline-mode__status-indicator--offline{background:#dc35451a}body.dark-mode .pet-offline-mode__offline-badge{background:#28a7451a}@media (max-width:768px){.pet-offline-mode{padding:var(--space-md)}.pet-offline-mode__header{align-items:stretch;flex-direction:column;gap:var(--space-md)}.pet-offline-mode__title{order:-1}.pet-offline-mode__status{justify-content:center}.pet-offline-mode__sync-actions,.pet-offline-mode__sync-controls{align-items:stretch;flex-direction:column}.pet-offline-mode__sync-actions,.pet-offline-mode__sync-button{width:100%}.pet-offline-mode__pet-header{align-items:stretch;flex-direction:column;gap:var(--space-md)}.pet-offline-mode__offline-badge{align-self:flex-start}.pet-offline-mode__actions{padding:var(--space-lg)}.pet-offline-mode__clear-button{width:100%}}.pet-offline-view{max-width:1200px;padding:0;width:100%}.pet-offline-view--full-width{margin:0;max-width:none}body.has-profile-background .pet-offline-view{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1rem}body.dark-mode .pet-offline-view{background-color:#2a2a2a;color:var(--color-text)}body.dark-mode.has-profile-background .pet-offline-view{background-color:#2a2a2af2}.pet-offline-view__header{border-bottom:2px solid var(--color-primary);margin-bottom:2rem;padding:.5rem 1rem 1rem;position:relative;text-align:center}.pet-offline-view__header-content{width:100%}.pet-offline-view__header h1{color:var(--color-primary);font-size:2.5rem;margin:0 0 .5rem}.pet-offline-view__header p{color:var(--color-text-secondary);font-size:1.1rem;margin:0}.pet-offline-view__share-button{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;font-size:.875rem;height:auto;justify-content:center;margin-left:1rem;min-height:0;min-height:auto;padding:.25rem .5rem;position:static;transition:all .2s ease}.pet-offline-view__share-button:hover{background-color:var(--color-bg-tertiary);box-shadow:var(--shadow-md);color:var(--color-primary);transform:translateY(-1px)}.pet-offline-view__share-button:active{transform:translateY(0)}.pet-offline-view__share-button svg{fill:currentColor;height:1em;width:1em}.pet-offline-view__status{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem;padding:0 1rem}.pet-offline-view__status-item{align-items:center;border-radius:var(--radius-lg);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.pet-offline-view__status-item--success{background-color:#28a7451a;border:1px solid #28a7454d;color:#28a745}.pet-offline-view__status-item--info{background-color:#17a2b81a;border:1px solid #17a2b84d;color:#17a2b8}.pet-offline-view__status-item--warning{background-color:#ffc1071a;border:1px solid #ffc1074d;color:#ffc107}body.dark-mode .pet-offline-view__status-item--success{background-color:#28a74533}body.dark-mode .pet-offline-view__status-item--info{background-color:#17a2b833}body.dark-mode .pet-offline-view__status-item--warning{background-color:#ffc10733}.pet-offline-view__content{box-sizing:border-box;padding:0 1rem;width:100%}.pet-offline-view__section{margin-bottom:3rem}.pet-offline-view__section h2{border-bottom:1px solid var(--color-border);color:var(--color-text);margin-bottom:1rem;padding-bottom:.5rem}.pet-offline-view__cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.pet-offline-view__card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:1.5rem;transition:all .3s ease}.pet-offline-view__card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-offline-view__card h3{color:var(--color-primary);margin:0 0 .5rem}.pet-offline-view__card p{color:var(--color-text-secondary);margin:0}.pet-offline-view__features{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));list-style:none;margin:0;padding:0}.pet-offline-view__features li{background-color:var(--color-bg-tertiary);border-left:3px solid var(--color-primary);border-radius:var(--radius-base);padding:.5rem}.pet-offline-view__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.pet-offline-view__button{border:none;border-radius:var(--radius-base);cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.pet-offline-view__button--primary{background-color:var(--color-primary);color:#fff}.pet-offline-view__button--primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.pet-offline-view__button--secondary{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.pet-offline-view__button--secondary:hover{background-color:var(--color-bg-tertiary);transform:translateY(-1px)}.pet-offline-view__notice{background-color:#ffc1071a;border:1px solid #ffc1074d;border-radius:var(--radius-lg);margin-top:3rem;padding:1.5rem;text-align:center}.pet-offline-view__notice p{font-weight:500;margin:0}@media (max-width:768px){.pet-offline-view{border-radius:0;padding:.5rem}.pet-offline-view__header h1{font-size:2rem}.pet-offline-view__breadcrumb-row{padding:.5rem}.pet-offline-view__share-button{font-size:.75rem;margin-left:.5rem;padding:.25rem}.pet-offline-view__status{align-items:stretch;flex-direction:column}.pet-offline-view__content{padding:0 .5rem}.pet-offline-view__cards,.pet-offline-view__features{grid-template-columns:1fr}.pet-offline-view__actions{flex-direction:column}.pet-offline-view__button{width:100%}}.pet-offline-view__skip-link{background:var(--color-primary);border-radius:var(--radius-base);color:#fff;font-weight:500;left:-9999px;padding:8px 16px;position:absolute;text-decoration:none;top:0;z-index:100}.pet-offline-view__skip-link:focus{box-shadow:var(--shadow-lg);left:50%;top:10px;transform:translateX(-50%)}.pet-offline-view__breadcrumb-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;padding:1rem 1rem 0}.pet-offline-view__breadcrumbs{flex:1 1;margin:0;padding:0}.pet-offline-view__breadcrumbs ol{flex-wrap:wrap;list-style:none;margin:0;padding:0}.pet-offline-view__breadcrumbs li,.pet-offline-view__breadcrumbs ol{align-items:center;display:flex;gap:.5rem}.pet-offline-view__breadcrumbs a{align-items:center;color:var(--color-primary);display:flex;gap:.25rem;text-decoration:none;transition:color .2s ease}.pet-offline-view__breadcrumbs a:hover{color:var(--color-primary-hover);text-decoration:underline}.pet-offline-view__breadcrumb-separator{color:var(--color-text-secondary);font-size:.75rem}.pet-offline-view__error{margin:0 auto;max-width:600px;padding:3rem 1rem;text-align:center}.pet-offline-view__error h2{color:var(--color-danger);margin-bottom:1rem}.pet-offline-view__error p{color:var(--color-text-secondary);margin-bottom:2rem}.pet-offline-view__loading{padding:2rem 1rem}.pet-offline-view__skeleton{animation:skeleton-loading 1.5s ease-in-out infinite}.pet-offline-view__skeleton-card,.pet-offline-view__skeleton-header,.pet-offline-view__skeleton-text{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--radius-base)}.pet-offline-view__skeleton-header{height:3rem;margin:0 auto 2rem;width:60%}.pet-offline-view__skeleton-text{height:1rem;margin-bottom:1rem}.pet-offline-view__skeleton-text--short{width:70%}.pet-offline-view__skeleton-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.pet-offline-view__skeleton-card{height:150px}.pet-offline-view__form{max-width:600px}.pet-offline-view__form-group{margin-bottom:1.5rem}.pet-offline-view__form-group label{color:var(--color-text);display:block;font-weight:500;margin-bottom:.5rem}.pet-offline-view__required{color:var(--color-danger);margin-left:.25rem}.pet-offline-view__input,.pet-offline-view__select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:1rem;min-height:44px;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.pet-offline-view__input:focus,.pet-offline-view__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.pet-offline-view__help-text{color:var(--color-text-secondary);display:block;font-size:.875rem;margin-top:.5rem}body.dark-mode .pet-offline-view__skeleton-card,body.dark-mode .pet-offline-view__skeleton-header,body.dark-mode .pet-offline-view__skeleton-text{background:linear-gradient(90deg,#3a3a3a 25%,#4a4a4a 50%,#3a3a3a 75%)}body.dark-mode .pet-offline-view__input,body.dark-mode .pet-offline-view__select{background-color:var(--color-bg-secondary)}.pet-offline-view__button:focus-visible,.pet-offline-view__card:focus-visible,.pet-offline-view__input:focus-visible,.pet-offline-view__select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media print{.pet-offline-view__actions,.pet-offline-view__notice,.pet-offline-view__offline-banner,.pet-offline-view__skip-link,.pet-offline-view__toast{display:none}.pet-offline-view{background:#fff;color:#000;max-width:none;padding:0}}.pet-offline-view__offline-banner{align-items:center;background-color:var(--color-warning);box-shadow:var(--shadow-md);color:#fff;display:flex;font-weight:500;gap:.5rem;justify-content:center;left:0;padding:.75rem;position:fixed;right:0;text-align:center;top:0;z-index:1100}.pet-offline-view__toast{align-items:center;animation:slideIn .3s ease-out;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);bottom:2rem;box-shadow:var(--shadow-lg);display:flex;gap:1rem;max-width:400px;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:1200}.pet-offline-view__toast-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.pet-offline-view__toast-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s ease}.pet-offline-view__toast-close:hover{color:var(--color-text)}.pet-offline-view__toast--success{border-color:var(--color-success)}.pet-offline-view__toast--success svg{color:var(--color-success)}.pet-offline-view__toast--warning{border-color:var(--color-warning)}.pet-offline-view__toast--warning svg{color:var(--color-warning)}.pet-offline-view__toast--error{border-color:var(--color-danger)}.pet-offline-view__toast--error svg{color:var(--color-danger)}.pet-offline-view__toast--info{border-color:var(--color-info)}.pet-offline-view__toast--info svg{color:var(--color-info)}.pet-offline-view__unsaved-indicator{color:var(--color-warning);font-size:.875rem;font-weight:400;margin-left:.5rem}.pet-offline-view__form-actions{display:flex;gap:1rem;margin-top:1.5rem}.pet-offline-view__image-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1rem}.pet-offline-view__image-container{aspect-ratio:16/9;background-color:var(--color-bg-secondary);border-radius:var(--radius-base);overflow:hidden;position:relative}.pet-offline-view__image{height:100%;object-fit:cover;transition:opacity .3s ease;width:100%}.pet-offline-view__image[data-src]{background-color:var(--color-bg-tertiary);opacity:0}.pet-offline-view__image:not([data-src]){opacity:1}@media (prefers-contrast:high){.pet-offline-view__button,.pet-offline-view__input,.pet-offline-view__select,.pet-offline-view__toast{border-width:2px}}@media (max-width:768px){.pet-offline-view__toast{bottom:1rem;left:1rem;max-width:none;right:1rem}.pet-offline-view__form-actions{flex-direction:column}.pet-offline-view__form-actions button{width:100%}.pet-offline-view__image-grid{grid-template-columns:1fr}}.pet-offline-view{background-color:var(--color-bg);margin:0 auto;max-width:1000px;min-height:100vh;padding:var(--space-lg)}.pet-offline-view__not-found{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-3xl);text-align:center}.pet-offline-view__not-found h2{color:var(--color-text);margin:0 0 var(--space-md) 0}.pet-offline-view__not-found p{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin:0 0 var(--space-xl) 0}.pet-offline-view__header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:space-between;margin-bottom:var(--space-xl);padding-bottom:var(--space-md)}.pet-offline-view__back-button{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.pet-offline-view__back-button:hover{background:var(--color-bg-hover);transform:translateX(-2px)}.pet-offline-view__title{color:var(--color-text);flex:1 1;font-size:var(--font-size-2xl);margin:0;text-align:center}.pet-offline-view__emergency-button{background:var(--color-danger);border:none;border-radius:var(--radius-base);color:var(--color-bg)!important;cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.pet-offline-view__emergency-button:hover{background:var(--color-danger-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.pet-offline-view__notice{align-items:center;background:var(--color-warning-bg);border-radius:var(--radius-base);color:var(--color-warning);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-md)}.pet-offline-view__notice,.pet-offline-view__tabs{display:flex;gap:var(--space-sm);margin-bottom:var(--space-xl)}.pet-offline-view__tabs{-webkit-overflow-scrolling:touch;border-bottom:2px solid var(--color-border);overflow-x:auto}.pet-offline-view__tab{background:none;border:none;border-bottom:3px solid #0000;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-bottom:-2px;padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base);white-space:nowrap}.pet-offline-view__tab:hover{color:var(--color-text)}.pet-offline-view__tab--active{border-bottom-color:var(--color-primary);color:var(--color-primary)}.pet-offline-view__content{background:var(--color-bg-secondary);border-radius:var(--radius-lg);min-height:400px;padding:var(--space-2xl)}.pet-offline-view__basic{display:flex;flex-direction:column;gap:var(--space-xl)}.pet-offline-view__photo{margin-bottom:var(--space-lg);text-align:center}.pet-offline-view__photo img{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);height:200px;object-fit:cover;width:200px}.pet-offline-view__info-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.pet-offline-view__info-item{display:flex;flex-direction:column;gap:var(--space-xs)}.pet-offline-view__label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.pet-offline-view__value{color:var(--color-text);font-size:var(--font-size-base)}.pet-offline-view__value--highlight{color:var(--color-primary);font-weight:var(--font-weight-medium)}.pet-offline-view__special-instructions{background:var(--color-bg);border-left:4px solid var(--color-warning);border-radius:var(--radius-base);padding:var(--space-lg)}.pet-offline-view__special-instructions h3{color:var(--color-text);margin:0 0 var(--space-md) 0}.pet-offline-view__special-instructions p{color:var(--color-text);line-height:1.6;margin:0}.pet-offline-view__medical-list{display:flex;flex-direction:column;gap:var(--space-lg)}.pet-offline-view__medical-card{background:var(--color-bg);border-radius:var(--radius-base);padding:var(--space-lg);transition:all var(--transition-base)}.pet-offline-view__medical-card:hover{box-shadow:var(--shadow-sm);transform:translateX(2px)}.pet-offline-view__medical-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-md)}.pet-offline-view__medical-header h3{color:var(--color-text);margin:0}.pet-offline-view__date{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.pet-offline-view__description{color:var(--color-text);margin:0 0 var(--space-sm) 0}.pet-offline-view__notes,.pet-offline-view__vet{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--space-xs) 0}.pet-offline-view__vaccine-list{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.pet-offline-view__vaccine-card{background:var(--color-bg);border-radius:var(--radius-base);padding:var(--space-lg);transition:all var(--transition-base)}.pet-offline-view__vaccine-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.pet-offline-view__vaccine-card h3{color:var(--color-text);margin:0 0 var(--space-md) 0}.pet-offline-view__vaccine-info{flex-direction:column;margin-bottom:var(--space-md)}.pet-offline-view__vaccine-info,.pet-offline-view__vaccine-info>div{display:flex;gap:var(--space-sm)}.pet-offline-view__provider{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.pet-offline-view__contact-list{display:flex;flex-direction:column;gap:var(--space-lg)}.pet-offline-view__contact-card{background:var(--color-bg);border-radius:var(--radius-base);padding:var(--space-lg);position:relative;transition:all var(--transition-base)}.pet-offline-view__contact-card:hover{box-shadow:var(--shadow-sm);transform:translateX(2px)}.pet-offline-view__contact-card h3{color:var(--color-text);margin:0 0 var(--space-xs) 0}.pet-offline-view__contact-type{background:var(--color-primary)!important;border-radius:var(--radius-base);color:var(--color-bg);display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin-bottom:var(--space-md);padding:var(--space-xs) var(--space-sm)}.pet-offline-view__contact-info p{color:var(--color-text);line-height:1.5;margin:0 0 var(--space-sm) 0}.pet-offline-view__contact-info p:last-child{margin-bottom:0}.pet-offline-view__contact-info strong{color:var(--color-text)}.pet-offline-view__empty{color:var(--color-text-secondary);font-style:italic;padding:var(--space-3xl);text-align:center}body.dark-mode .pet-offline-view__notice{background:#ffc1071a}body.dark-mode .pet-offline-view__content{background:var(--color-bg-tertiary)}body.dark-mode .pet-offline-view__contact-card,body.dark-mode .pet-offline-view__medical-card,body.dark-mode .pet-offline-view__special-instructions,body.dark-mode .pet-offline-view__vaccine-card{background:var(--color-bg-secondary)}@media (max-width:768px){.pet-offline-view{padding:var(--space-md)}.pet-offline-view__header{align-items:stretch;flex-direction:column;gap:var(--space-sm)}.pet-offline-view__title{font-size:var(--font-size-xl);order:-1}.pet-offline-view__emergency-button{width:100%}.pet-offline-view__tabs{-ms-overflow-style:none;scrollbar-width:none}.pet-offline-view__tabs::-webkit-scrollbar{display:none}.pet-offline-view__content{padding:var(--space-lg)}.pet-offline-view__photo img{height:150px;width:150px}.pet-offline-view__info-grid,.pet-offline-view__vaccine-list{grid-template-columns:1fr}.pet-offline-view__medical-header{align-items:flex-start;flex-direction:column;gap:var(--space-xs)}}.pet-emergency-cards{padding:0;width:100%}.pet-emergency-cards--full-width{margin:0;max-width:none}body.has-profile-background .pet-emergency-cards{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1rem}body.dark-mode .pet-emergency-cards{background-color:#2a2a2a;color:var(--color-text)}body.dark-mode.has-profile-background .pet-emergency-cards{background-color:#2a2a2af2}.pet-emergency-cards__header{border-bottom:2px solid var(--color-primary);margin-bottom:2rem;padding:.5rem 1rem 1rem;position:relative;text-align:center}.pet-emergency-cards__header-content{width:100%}.pet-emergency-cards__header h1{color:var(--color-primary);font-size:2.5rem;margin:0 0 .5rem}.pet-emergency-cards__header p{color:var(--color-text-secondary);font-size:1.1rem;margin:0}.pet-emergency-cards__share-button{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;font-size:.875rem;height:auto;justify-content:center;margin-left:1rem;min-height:0;min-height:auto;padding:.25rem .5rem;position:static;transition:all .2s ease}.pet-emergency-cards__share-button:hover{background-color:var(--color-bg-tertiary);box-shadow:var(--shadow-md);color:var(--color-primary);transform:translateY(-1px)}.pet-emergency-cards__share-button:active{transform:translateY(0)}.pet-emergency-cards__share-button svg{fill:currentColor;height:1em;width:1em}.pet-emergency-cards__status{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem;padding:0 1rem}.pet-emergency-cards__status-item{align-items:center;border-radius:var(--radius-lg);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.pet-emergency-cards__status-item--success{background-color:#28a7451a;border:1px solid #28a7454d;color:#28a745}.pet-emergency-cards__status-item--info{background-color:#17a2b81a;border:1px solid #17a2b84d;color:#17a2b8}.pet-emergency-cards__status-item--warning{background-color:#ffc1071a;border:1px solid #ffc1074d;color:#ffc107}body.dark-mode .pet-emergency-cards__status-item--success{background-color:#28a74533}body.dark-mode .pet-emergency-cards__status-item--info{background-color:#17a2b833}body.dark-mode .pet-emergency-cards__status-item--warning{background-color:#ffc10733}.pet-emergency-cards__content{box-sizing:border-box;padding:0 1rem;width:100%}.pet-emergency-cards__section{margin-bottom:3rem}.pet-emergency-cards__section h2{border-bottom:1px solid var(--color-border);color:var(--color-text);margin-bottom:1rem;padding-bottom:.5rem}.pet-emergency-cards__cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.pet-emergency-cards__card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:1.5rem;transition:all .3s ease}.pet-emergency-cards__card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-emergency-cards__card h3{color:var(--color-primary);margin:0 0 .5rem}.pet-emergency-cards__card p{color:var(--color-text-secondary);margin:0}.pet-emergency-cards__features{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));list-style:none;margin:0;padding:0}.pet-emergency-cards__features li{background-color:var(--color-bg-tertiary);border-left:3px solid var(--color-primary);border-radius:var(--radius-base);padding:.5rem}.pet-emergency-cards__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.pet-emergency-cards__button{border:none;border-radius:var(--radius-base);cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.pet-emergency-cards__button--primary{background-color:var(--color-primary);color:#fff}.pet-emergency-cards__button--primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.pet-emergency-cards__button--secondary{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.pet-emergency-cards__button--secondary:hover{background-color:var(--color-bg-tertiary);transform:translateY(-1px)}.pet-emergency-cards__notice{background-color:#ffc1071a;border:1px solid #ffc1074d;border-radius:var(--radius-lg);margin-top:3rem;padding:1.5rem;text-align:center}.pet-emergency-cards__notice p{font-weight:500;margin:0}@media (max-width:768px){.pet-emergency-cards{border-radius:0;padding:.5rem}.pet-emergency-cards__header h1{font-size:2rem}.pet-emergency-cards__breadcrumb-row{padding:.5rem}.pet-emergency-cards__share-button{font-size:.75rem;margin-left:.5rem;padding:.25rem}.pet-emergency-cards__status{align-items:stretch;flex-direction:column}.pet-emergency-cards__content{padding:0 .5rem}.pet-emergency-cards__cards,.pet-emergency-cards__features{grid-template-columns:1fr}.pet-emergency-cards__actions{flex-direction:column}.pet-emergency-cards__button{width:100%}}.pet-emergency-cards__skip-link{background:var(--color-primary);border-radius:var(--radius-base);color:#fff;font-weight:500;left:-9999px;padding:8px 16px;position:absolute;text-decoration:none;top:0;z-index:100}.pet-emergency-cards__skip-link:focus{box-shadow:var(--shadow-lg);left:50%;top:10px;transform:translateX(-50%)}.pet-emergency-cards__breadcrumb-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;padding:1rem 1rem 0}.pet-emergency-cards__breadcrumbs{flex:1 1;margin:0;padding:0}.pet-emergency-cards__breadcrumbs ol{flex-wrap:wrap;list-style:none;margin:0;padding:0}.pet-emergency-cards__breadcrumbs li,.pet-emergency-cards__breadcrumbs ol{align-items:center;display:flex;gap:.5rem}.pet-emergency-cards__breadcrumbs a{align-items:center;color:var(--color-primary);display:flex;gap:.25rem;text-decoration:none;transition:color .2s ease}.pet-emergency-cards__breadcrumbs a:hover{color:var(--color-primary-hover);text-decoration:underline}.pet-emergency-cards__breadcrumb-separator{color:var(--color-text-secondary);font-size:.75rem}.pet-emergency-cards__error{margin:0 auto;max-width:600px;padding:3rem 1rem;text-align:center}.pet-emergency-cards__error h2{color:var(--color-danger);margin-bottom:1rem}.pet-emergency-cards__error p{color:var(--color-text-secondary);margin-bottom:2rem}.pet-emergency-cards__loading{padding:2rem 1rem}.pet-emergency-cards__skeleton{animation:skeleton-loading 1.5s ease-in-out infinite}.pet-emergency-cards__skeleton-card,.pet-emergency-cards__skeleton-header,.pet-emergency-cards__skeleton-text{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--radius-base)}.pet-emergency-cards__skeleton-header{height:3rem;margin:0 auto 2rem;width:60%}.pet-emergency-cards__skeleton-text{height:1rem;margin-bottom:1rem}.pet-emergency-cards__skeleton-text--short{width:70%}.pet-emergency-cards__skeleton-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.pet-emergency-cards__skeleton-card{height:150px}.pet-emergency-cards__form{max-width:600px}.pet-emergency-cards__form-group{margin-bottom:1.5rem}.pet-emergency-cards__form-group label{color:var(--color-text);display:block;font-weight:500;margin-bottom:.5rem}.pet-emergency-cards__required{color:var(--color-danger);margin-left:.25rem}.pet-emergency-cards__input,.pet-emergency-cards__select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:1rem;min-height:44px;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.pet-emergency-cards__input:focus,.pet-emergency-cards__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.pet-emergency-cards__help-text{color:var(--color-text-secondary);display:block;font-size:.875rem;margin-top:.5rem}body.dark-mode .pet-emergency-cards__skeleton-card,body.dark-mode .pet-emergency-cards__skeleton-header,body.dark-mode .pet-emergency-cards__skeleton-text{background:linear-gradient(90deg,#3a3a3a 25%,#4a4a4a 50%,#3a3a3a 75%)}body.dark-mode .pet-emergency-cards__input,body.dark-mode .pet-emergency-cards__select{background-color:var(--color-bg-secondary)}.pet-emergency-cards__button:focus-visible,.pet-emergency-cards__card:focus-visible,.pet-emergency-cards__input:focus-visible,.pet-emergency-cards__select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media print{.pet-emergency-cards__actions,.pet-emergency-cards__notice,.pet-emergency-cards__offline-banner,.pet-emergency-cards__skip-link,.pet-emergency-cards__toast{display:none}.pet-emergency-cards{background:#fff;color:#000;max-width:none;padding:0}}.pet-emergency-cards__offline-banner{align-items:center;background-color:var(--color-warning);box-shadow:var(--shadow-md);color:#fff;display:flex;font-weight:500;gap:.5rem;justify-content:center;left:0;padding:.75rem;position:fixed;right:0;text-align:center;top:0;z-index:1100}.pet-emergency-cards__toast{align-items:center;animation:slideIn .3s ease-out;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);bottom:2rem;box-shadow:var(--shadow-lg);display:flex;gap:1rem;max-width:400px;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:1200}.pet-emergency-cards__toast-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.pet-emergency-cards__toast-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s ease}.pet-emergency-cards__toast-close:hover{color:var(--color-text)}.pet-emergency-cards__toast--success{border-color:var(--color-success)}.pet-emergency-cards__toast--success svg{color:var(--color-success)}.pet-emergency-cards__toast--warning{border-color:var(--color-warning)}.pet-emergency-cards__toast--warning svg{color:var(--color-warning)}.pet-emergency-cards__toast--error{border-color:var(--color-danger)}.pet-emergency-cards__toast--error svg{color:var(--color-danger)}.pet-emergency-cards__toast--info{border-color:var(--color-info)}.pet-emergency-cards__toast--info svg{color:var(--color-info)}.pet-emergency-cards__unsaved-indicator{color:var(--color-warning);font-size:.875rem;font-weight:400;margin-left:.5rem}.pet-emergency-cards__form-actions{display:flex;gap:1rem;margin-top:1.5rem}.pet-emergency-cards__image-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1rem}.pet-emergency-cards__image-container{aspect-ratio:16/9;background-color:var(--color-bg-secondary);border-radius:var(--radius-base);overflow:hidden;position:relative}.pet-emergency-cards__image{height:100%;object-fit:cover;transition:opacity .3s ease;width:100%}.pet-emergency-cards__image[data-src]{background-color:var(--color-bg-tertiary);opacity:0}.pet-emergency-cards__image:not([data-src]){opacity:1}@media (prefers-contrast:high){.pet-emergency-cards__button,.pet-emergency-cards__input,.pet-emergency-cards__select,.pet-emergency-cards__toast{border-width:2px}}@media (max-width:768px){.pet-emergency-cards__toast{bottom:1rem;left:1rem;max-width:none;right:1rem}.pet-emergency-cards__form-actions{flex-direction:column}.pet-emergency-cards__form-actions button{width:100%}.pet-emergency-cards__image-grid{grid-template-columns:1fr}}.pet-emergency-cards{background-color:var(--color-bg);margin:0 auto;max-width:1200px;min-height:100vh;padding:var(--space-lg)}.pet-emergency-cards__header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-md);margin-bottom:var(--space-xl);padding-bottom:var(--space-md)}.pet-emergency-cards__back-button{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);box-shadow:0 1px 2px #0000000d;color:var(--color-text);cursor:pointer;display:inline-flex;height:36px;padding:6px 20px;transition:all var(--transition-base)}.pet-emergency-cards__back-button:hover{background:var(--color-bg-hover);transform:translateX(-2px)}.pet-emergency-cards__title{align-items:center;color:var(--color-text);display:flex;font-size:var(--font-size-2xl);gap:var(--space-sm);margin:0}.pet-emergency-cards__icon{font-size:var(--font-size-3xl)}.pet-emergency-cards__empty{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-3xl);text-align:center}.pet-emergency-cards__empty p{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--space-lg)}.pet-emergency-cards__cta-button{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-base);box-shadow:0 1px 3px #ff450033;color:#fff!important;cursor:pointer;display:inline-flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);height:36px;justify-content:center;padding:6px 20px;transition:all var(--transition-base)}.pet-emergency-cards__cta-button:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-emergency-cards__selector{align-items:center;background:var(--color-bg-secondary);border-radius:var(--radius-lg);display:flex;gap:var(--space-md);margin-bottom:var(--space-xl);padding:var(--space-lg)}.pet-emergency-cards__selector label{color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}.pet-emergency-cards__pet-select{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);flex:1 1;font-size:var(--font-size-base);max-width:300px;padding:var(--space-sm) var(--space-md)}.pet-emergency-cards__content{grid-gap:var(--space-xl);display:grid;gap:var(--space-xl);grid-template-columns:1fr 1fr}.pet-emergency-cards__preview{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-lg)}.pet-emergency-cards__preview h2{color:var(--color-text);margin-bottom:var(--space-lg)}.pet-emergency-cards__preview-card{background:#fff;border:2px solid var(--color-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-md);margin:0 auto;max-width:400px;padding:var(--space-md)}.pet-emergency-cards__preview-header{align-items:center;border-bottom:2px solid #eee;display:flex;gap:var(--space-md);margin-bottom:var(--space-md);padding-bottom:var(--space-md)}.pet-emergency-cards__preview-photo{border-radius:50%;height:80px;object-fit:cover;width:80px}.pet-emergency-cards__preview-info{flex:1 1}.pet-emergency-cards__preview-info h3{color:var(--color-primary);font-size:var(--font-size-xl);margin:0}.pet-emergency-cards__preview-info p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:var(--space-xs) 0 0 0}.pet-emergency-cards__qr-placeholder{align-items:center;background:#f0f0f0;border:1px solid #ddd;color:var(--color-text-muted);display:flex;font-size:var(--font-size-xs);height:80px;justify-content:center;width:80px}.pet-emergency-cards__preview-details{color:var(--color-text);margin-bottom:var(--space-md)}.pet-emergency-cards__preview-details h4{color:var(--color-primary);font-size:var(--font-size-base);margin:0 0 var(--space-sm) 0}.pet-emergency-cards__preview-details p,.pet-emergency-cards__preview-details ul{font-size:var(--font-size-sm);margin:var(--space-xs) 0}.pet-emergency-cards__preview-details ul{padding-left:var(--space-lg)}.pet-emergency-cards__medical-alert{background:#fff5f5;border:1px solid #fcc;border-radius:var(--radius-sm);margin-top:var(--space-sm);padding:var(--space-sm)}.pet-emergency-cards__medical-alert h4{color:var(--color-danger)}.pet-emergency-cards__preview-footer{border-top:1px solid #eee;color:var(--color-text-secondary);font-size:var(--font-size-xs);margin-top:var(--space-md);padding-top:var(--space-md);text-align:center}.pet-emergency-cards__alert-text{color:var(--color-primary);font-weight:var(--font-weight-bold);margin-top:var(--space-xs)}.pet-emergency-cards__actions{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-lg)}.pet-emergency-cards__actions h2{color:var(--color-text);margin-bottom:var(--space-lg)}.pet-emergency-cards__format-selector{display:flex;gap:var(--space-lg);margin-bottom:var(--space-lg)}.pet-emergency-cards__format-selector label{color:var(--color-text)}.pet-emergency-cards__format-selector label,.pet-emergency-cards__generate-button{align-items:center;cursor:pointer;display:flex;font-size:var(--font-size-base);gap:var(--space-sm)}.pet-emergency-cards__generate-button{-webkit-text-fill-color:#fff!important;background:var(--color-primary)!important;background-color:var(--color-primary)!important;border:none;border-radius:var(--radius-base);box-shadow:0 1px 3px #ff450033;color:#fff!important;font-weight:var(--font-weight-medium);height:36px;justify-content:center;margin-bottom:var(--space-md);padding:6px 20px;text-decoration:none;transition:all var(--transition-base);width:100%}.pet-emergency-cards__generate-button,.pet-emergency-cards__generate-button:active,.pet-emergency-cards__generate-button:focus,.pet-emergency-cards__generate-button:visited,body.dark-mode .pet-emergency-cards__generate-button{color:#fff!important}.pet-emergency-cards__generate-button *{color:inherit!important}.pet-emergency-cards__generate-button:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-md);color:#fff!important;transform:translateY(-2px)}.pet-emergency-cards__generate-button:disabled{color:#fff!important;cursor:not-allowed;opacity:.6}.pet-emergency-cards__preview-button{align-items:center;background:#17a2b8!important;border:none;border-radius:var(--radius-base);box-shadow:0 1px 3px #17a2b833;color:#fff!important;cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);height:36px;justify-content:center;margin-bottom:var(--space-md);padding:6px 20px;transition:all var(--transition-base);width:100%}.pet-emergency-cards__preview-button:hover{background:#138496!important;box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-emergency-cards__download-button{align-items:center;background:#28a745!important;border:none;border-radius:var(--radius-base);box-shadow:0 1px 3px #28a74533;color:#fff!important;cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);height:36px;justify-content:center;margin-bottom:var(--space-md);padding:6px 20px;transition:all var(--transition-base);width:100%}.pet-emergency-cards__download-button:hover:not(:disabled){background:#218838!important;box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-emergency-cards__download-button:disabled{cursor:not-allowed;opacity:.6}.pet-emergency-cards__print-sheet-button{align-items:center;background:#17a2b8!important;border:none;border-radius:var(--radius-base);box-shadow:0 1px 3px #17a2b833;color:#fff!important;cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);height:36px;justify-content:center;padding:6px 20px;transition:all var(--transition-base);width:100%}.pet-emergency-cards__print-sheet-button:hover:not(:disabled){background:#138496!important;box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-emergency-cards__print-sheet-button:disabled{cursor:not-allowed;opacity:.6}.pet-emergency-cards__success{background:var(--color-success);border:1px solid var(--color-success);border-radius:var(--radius-base);color:#fff;font-weight:var(--font-weight-medium);margin-top:var(--space-md);padding:var(--space-md);text-align:center}.pet-emergency-cards__success p{color:#fff!important;margin:0}.pet-emergency-cards__tips{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-top:var(--space-xl);padding:var(--space-lg)}.pet-emergency-cards__tips h3{color:var(--color-text);margin:0 0 var(--space-md) 0}.pet-emergency-cards__tips ul{color:var(--color-text-secondary);margin:0;padding-left:var(--space-xl)}.pet-emergency-cards__tips li{margin-bottom:var(--space-sm)}.pet-emergency-cards__generated-preview{text-align:center}.pet-emergency-cards__generated-card-image{border:2px solid var(--color-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:block;height:auto;margin:0 auto var(--space-md);max-width:600px;width:100%}.pet-emergency-cards__last-generated{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:var(--space-md)}.pet-emergency-cards__no-preview{background:var(--color-bg-tertiary);border:2px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-3xl);text-align:center}.pet-emergency-cards__no-preview-icon{font-size:4rem;margin-bottom:var(--space-lg)}.pet-emergency-cards__no-preview h3{color:var(--color-text);margin-bottom:var(--space-md)}.pet-emergency-cards__no-preview p{color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.pet-emergency-cards__no-preview-hint{font-size:var(--font-size-sm);margin:0 auto;max-width:400px}.pet-emergency-cards__error-message{color:var(--color-danger);padding:var(--space-xl);text-align:center}body.dark-mode .pet-emergency-cards__preview-card{background:#f9f9f9}@media (max-width:768px){.pet-emergency-cards{padding:var(--space-md)}.pet-emergency-cards__header{align-items:flex-start;flex-direction:column}.pet-emergency-cards__content{grid-template-columns:1fr}.pet-emergency-cards__preview-card{max-width:100%}.pet-emergency-cards__format-selector{flex-direction:column;gap:var(--space-md)}}.pet-neighborhood-alerts{padding:0;width:100%}.pet-neighborhood-alerts--full-width{margin:0;max-width:none}body.has-profile-background .pet-neighborhood-alerts{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1rem}body.dark-mode .pet-neighborhood-alerts{background-color:#2a2a2a;color:var(--color-text)}body.dark-mode.has-profile-background .pet-neighborhood-alerts{background-color:#2a2a2af2}.pet-neighborhood-alerts__header{border-bottom:2px solid var(--color-primary);margin-bottom:2rem;padding:.5rem 1rem 1rem;position:relative;text-align:center}.pet-neighborhood-alerts__header-content{width:100%}.pet-neighborhood-alerts__header h1{color:var(--color-primary);font-size:2.5rem;margin:0 0 .5rem}.pet-neighborhood-alerts__header p{color:var(--color-text-secondary);font-size:1.1rem;margin:0}.pet-neighborhood-alerts__share-button{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;font-size:.875rem;height:auto;justify-content:center;margin-left:1rem;min-height:0;min-height:auto;padding:.25rem .5rem;position:static;transition:all .2s ease}.pet-neighborhood-alerts__share-button:hover{background-color:var(--color-bg-tertiary);box-shadow:var(--shadow-md);color:var(--color-primary);transform:translateY(-1px)}.pet-neighborhood-alerts__share-button:active{transform:translateY(0)}.pet-neighborhood-alerts__share-button svg{fill:currentColor;height:1em;width:1em}.pet-neighborhood-alerts__status{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem;padding:0 1rem}.pet-neighborhood-alerts__status-item{align-items:center;border-radius:var(--radius-lg);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.pet-neighborhood-alerts__status-item--success{background-color:#28a7451a;border:1px solid #28a7454d;color:#28a745}.pet-neighborhood-alerts__status-item--info{background-color:#17a2b81a;border:1px solid #17a2b84d;color:#17a2b8}.pet-neighborhood-alerts__status-item--warning{background-color:#ffc1071a;border:1px solid #ffc1074d;color:#ffc107}body.dark-mode .pet-neighborhood-alerts__status-item--success{background-color:#28a74533}body.dark-mode .pet-neighborhood-alerts__status-item--info{background-color:#17a2b833}body.dark-mode .pet-neighborhood-alerts__status-item--warning{background-color:#ffc10733}.pet-neighborhood-alerts__content{box-sizing:border-box;padding:0 1rem;width:100%}.pet-neighborhood-alerts__section{margin-bottom:3rem}.pet-neighborhood-alerts__section h2{border-bottom:1px solid var(--color-border);color:var(--color-text);margin-bottom:1rem;padding-bottom:.5rem}.pet-neighborhood-alerts__cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.pet-neighborhood-alerts__card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:1.5rem;transition:all .3s ease}.pet-neighborhood-alerts__card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-neighborhood-alerts__card h3{color:var(--color-primary);margin:0 0 .5rem}.pet-neighborhood-alerts__card p{color:var(--color-text-secondary);margin:0}.pet-neighborhood-alerts__features{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));list-style:none;margin:0;padding:0}.pet-neighborhood-alerts__features li{background-color:var(--color-bg-tertiary);border-left:3px solid var(--color-primary);border-radius:var(--radius-base);padding:.5rem}.pet-neighborhood-alerts__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.pet-neighborhood-alerts__button{border:none;border-radius:var(--radius-base);cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.pet-neighborhood-alerts__button--primary{background-color:var(--color-primary);color:#fff}.pet-neighborhood-alerts__button--primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.pet-neighborhood-alerts__button--secondary{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.pet-neighborhood-alerts__button--secondary:hover{background-color:var(--color-bg-tertiary);transform:translateY(-1px)}.pet-neighborhood-alerts__notice{background-color:#ffc1071a;border:1px solid #ffc1074d;border-radius:var(--radius-lg);margin-top:3rem;padding:1.5rem;text-align:center}.pet-neighborhood-alerts__notice p{font-weight:500;margin:0}@media (max-width:768px){.pet-neighborhood-alerts{border-radius:0;padding:.5rem}.pet-neighborhood-alerts__header h1{font-size:2rem}.pet-neighborhood-alerts__breadcrumb-row{padding:.5rem}.pet-neighborhood-alerts__share-button{font-size:.75rem;margin-left:.5rem;padding:.25rem}.pet-neighborhood-alerts__status{align-items:stretch;flex-direction:column}.pet-neighborhood-alerts__content{padding:0 .5rem}.pet-neighborhood-alerts__cards,.pet-neighborhood-alerts__features{grid-template-columns:1fr}.pet-neighborhood-alerts__actions{flex-direction:column}.pet-neighborhood-alerts__button{width:100%}}.pet-neighborhood-alerts__skip-link{background:var(--color-primary);border-radius:var(--radius-base);color:#fff;font-weight:500;left:-9999px;padding:8px 16px;position:absolute;text-decoration:none;top:0;z-index:100}.pet-neighborhood-alerts__skip-link:focus{box-shadow:var(--shadow-lg);left:50%;top:10px;transform:translateX(-50%)}.pet-neighborhood-alerts__breadcrumb-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;padding:1rem 1rem 0}.pet-neighborhood-alerts__breadcrumbs{flex:1 1;margin:0;padding:0}.pet-neighborhood-alerts__breadcrumbs ol{flex-wrap:wrap;list-style:none;margin:0;padding:0}.pet-neighborhood-alerts__breadcrumbs li,.pet-neighborhood-alerts__breadcrumbs ol{align-items:center;display:flex;gap:.5rem}.pet-neighborhood-alerts__breadcrumbs a{align-items:center;color:var(--color-primary);display:flex;gap:.25rem;text-decoration:none;transition:color .2s ease}.pet-neighborhood-alerts__breadcrumbs a:hover{color:var(--color-primary-hover);text-decoration:underline}.pet-neighborhood-alerts__breadcrumb-separator{color:var(--color-text-secondary);font-size:.75rem}.pet-neighborhood-alerts__error{margin:0 auto;max-width:600px;padding:3rem 1rem;text-align:center}.pet-neighborhood-alerts__error h2{color:var(--color-danger);margin-bottom:1rem}.pet-neighborhood-alerts__error p{color:var(--color-text-secondary);margin-bottom:2rem}.pet-neighborhood-alerts__loading{padding:2rem 1rem}.pet-neighborhood-alerts__skeleton{animation:skeleton-loading 1.5s ease-in-out infinite}.pet-neighborhood-alerts__skeleton-card,.pet-neighborhood-alerts__skeleton-header,.pet-neighborhood-alerts__skeleton-text{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--radius-base)}.pet-neighborhood-alerts__skeleton-header{height:3rem;margin:0 auto 2rem;width:60%}.pet-neighborhood-alerts__skeleton-text{height:1rem;margin-bottom:1rem}.pet-neighborhood-alerts__skeleton-text--short{width:70%}.pet-neighborhood-alerts__skeleton-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.pet-neighborhood-alerts__skeleton-card{height:150px}.pet-neighborhood-alerts__form-group{margin-bottom:1.5rem}.pet-neighborhood-alerts__form-group label{font-weight:500;margin-bottom:.5rem}.pet-neighborhood-alerts__required{color:var(--color-danger);margin-left:.25rem}.pet-neighborhood-alerts__input,.pet-neighborhood-alerts__select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:1rem;min-height:44px;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.pet-neighborhood-alerts__input:focus,.pet-neighborhood-alerts__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.pet-neighborhood-alerts__help-text{color:var(--color-text-secondary);display:block;font-size:.875rem;margin-top:.5rem}body.dark-mode .pet-neighborhood-alerts__skeleton-card,body.dark-mode .pet-neighborhood-alerts__skeleton-header,body.dark-mode .pet-neighborhood-alerts__skeleton-text{background:linear-gradient(90deg,#3a3a3a 25%,#4a4a4a 50%,#3a3a3a 75%)}body.dark-mode .pet-neighborhood-alerts__input,body.dark-mode .pet-neighborhood-alerts__select{background-color:var(--color-bg-secondary)}.pet-neighborhood-alerts__button:focus-visible,.pet-neighborhood-alerts__card:focus-visible,.pet-neighborhood-alerts__input:focus-visible,.pet-neighborhood-alerts__select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media print{.pet-neighborhood-alerts__actions,.pet-neighborhood-alerts__notice,.pet-neighborhood-alerts__offline-banner,.pet-neighborhood-alerts__skip-link,.pet-neighborhood-alerts__toast{display:none}.pet-neighborhood-alerts{background:#fff;color:#000;max-width:none;padding:0}}.pet-neighborhood-alerts__offline-banner{align-items:center;background-color:var(--color-warning);box-shadow:var(--shadow-md);color:#fff;display:flex;font-weight:500;gap:.5rem;justify-content:center;left:0;padding:.75rem;position:fixed;right:0;text-align:center;top:0;z-index:1100}.pet-neighborhood-alerts__toast{align-items:center;animation:slideIn .3s ease-out;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);bottom:2rem;box-shadow:var(--shadow-lg);display:flex;gap:1rem;max-width:400px;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:1200}.pet-neighborhood-alerts__toast-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.pet-neighborhood-alerts__toast-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s ease}.pet-neighborhood-alerts__toast-close:hover{color:var(--color-text)}.pet-neighborhood-alerts__toast--success{border-color:var(--color-success)}.pet-neighborhood-alerts__toast--success svg{color:var(--color-success)}.pet-neighborhood-alerts__toast--warning{border-color:var(--color-warning)}.pet-neighborhood-alerts__toast--warning svg{color:var(--color-warning)}.pet-neighborhood-alerts__toast--error{border-color:var(--color-danger)}.pet-neighborhood-alerts__toast--error svg{color:var(--color-danger)}.pet-neighborhood-alerts__toast--info{border-color:var(--color-info)}.pet-neighborhood-alerts__toast--info svg{color:var(--color-info)}.pet-neighborhood-alerts__unsaved-indicator{color:var(--color-warning);font-size:.875rem;font-weight:400;margin-left:.5rem}.pet-neighborhood-alerts__form-actions{display:flex;gap:1rem;margin-top:1.5rem}.pet-neighborhood-alerts__image-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1rem}.pet-neighborhood-alerts__image-container{aspect-ratio:16/9;background-color:var(--color-bg-secondary);border-radius:var(--radius-base);overflow:hidden;position:relative}.pet-neighborhood-alerts__image{height:100%;object-fit:cover;transition:opacity .3s ease;width:100%}.pet-neighborhood-alerts__image[data-src]{background-color:var(--color-bg-tertiary);opacity:0}.pet-neighborhood-alerts__image:not([data-src]){opacity:1}@media (prefers-contrast:high){.pet-neighborhood-alerts__button,.pet-neighborhood-alerts__input,.pet-neighborhood-alerts__select,.pet-neighborhood-alerts__toast{border-width:2px}}@media (max-width:768px){.pet-neighborhood-alerts__toast{bottom:1rem;left:1rem;max-width:none;right:1rem}.pet-neighborhood-alerts__form-actions{flex-direction:column}.pet-neighborhood-alerts__form-actions button{width:100%}.pet-neighborhood-alerts__image-grid{grid-template-columns:1fr}}.pet-neighborhood-alerts{background-color:var(--color-bg);margin:0 auto;max-width:1200px;min-height:100vh;padding:var(--space-lg)}.pet-neighborhood-alerts__header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-md);margin-bottom:var(--space-xl);padding-bottom:var(--space-md)}.pet-neighborhood-alerts__back-button{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.pet-neighborhood-alerts__back-button:hover{background:var(--color-bg-hover);transform:translateX(-2px)}.pet-neighborhood-alerts__title{align-items:center;color:var(--color-text);display:flex;font-size:var(--font-size-2xl);gap:var(--space-sm);margin:0}.pet-neighborhood-alerts__icon{font-size:var(--font-size-3xl)}.pet-neighborhood-alerts__tabs{border-bottom:2px solid var(--color-border);display:flex;gap:var(--space-sm);margin-bottom:var(--space-xl)}.pet-neighborhood-alerts__tab{background:none;border:none;border-bottom:3px solid #0000;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--space-md) var(--space-lg);transition:all var(--transition-base)}.pet-neighborhood-alerts__tab:hover{color:var(--color-text)}.pet-neighborhood-alerts__tab--active{border-bottom-color:var(--color-primary);color:var(--color-primary)}.pet-neighborhood-alerts__empty{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-3xl);text-align:center}.pet-neighborhood-alerts__empty p{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--space-lg)}.pet-neighborhood-alerts__cta-button{background:var(--color-primary);border:none;border-radius:var(--radius-base);color:#fff!important;cursor:pointer;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);padding:var(--space-md) var(--space-xl);transition:all var(--transition-base)}.pet-neighborhood-alerts__cta-button:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-neighborhood-alerts__form{background:var(--color-bg-secondary);border-radius:var(--radius-lg);margin:0 auto;max-width:600px;padding:var(--space-xl)}.pet-neighborhood-alerts__form-group{margin-bottom:var(--space-lg)}.pet-neighborhood-alerts__form-group label{color:var(--color-text);display:block;font-weight:var(--font-weight-medium);margin-bottom:var(--space-sm)}.pet-neighborhood-alerts__select,.pet-neighborhood-alerts__textarea{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:var(--font-size-base);padding:var(--space-sm) var(--space-md);width:100%}.pet-neighborhood-alerts__textarea{font-family:inherit;resize:vertical}.pet-neighborhood-alerts__pet-info{align-items:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:var(--space-md);margin-bottom:var(--space-lg);padding:var(--space-md)}.pet-neighborhood-alerts__pet-photo{border-radius:var(--radius-base);height:80px;object-fit:cover;width:80px}.pet-neighborhood-alerts__pet-info h3{color:var(--color-text);margin:0}.pet-neighborhood-alerts__pet-info p{color:var(--color-text-secondary);margin:var(--space-xs) 0}.pet-neighborhood-alerts__send-button{-webkit-text-fill-color:#fff!important;align-items:center;background:var(--color-danger)!important;background-color:var(--color-danger)!important;border:none;border-radius:var(--radius-base);color:#fff!important;cursor:pointer;display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);gap:var(--space-sm);justify-content:center;padding:var(--space-md) var(--space-xl);text-decoration:none;transition:all var(--transition-base);width:100%}.pet-neighborhood-alerts__send-button,.pet-neighborhood-alerts__send-button:active,.pet-neighborhood-alerts__send-button:focus,.pet-neighborhood-alerts__send-button:visited,body.dark-mode .pet-neighborhood-alerts__send-button{color:#fff!important}.pet-neighborhood-alerts__send-button *{color:inherit!important}.pet-neighborhood-alerts__send-button:hover:not(:disabled){background:#c82333!important;box-shadow:var(--shadow-md);color:#fff!important;transform:translateY(-2px)}.pet-neighborhood-alerts__send-button:disabled{color:#fff!important;cursor:not-allowed;opacity:.6}.pet-neighborhood-alerts__warning{color:var(--color-warning);font-style:italic;margin-top:var(--space-md);text-align:center}.pet-neighborhood-alerts__list{grid-gap:var(--space-md);display:grid;gap:var(--space-md)}.pet-neighborhood-alerts__empty-message{color:var(--color-text-secondary);font-size:var(--font-size-lg);padding:var(--space-xxl);text-align:center}.pet-neighborhood-alerts__alert-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-base)}.pet-neighborhood-alerts__alert-card:hover{box-shadow:var(--shadow-md)}.pet-neighborhood-alerts__alert-card--own{border-left:4px solid var(--color-primary)}.pet-neighborhood-alerts__alert-header{display:flex;gap:var(--space-md);margin-bottom:var(--space-md)}.pet-neighborhood-alerts__alert-photo{border-radius:var(--radius-base);height:100px;object-fit:cover;width:100px}.pet-neighborhood-alerts__alert-info{flex:1 1}.pet-neighborhood-alerts__alert-info h3{color:var(--color-danger);font-size:var(--font-size-xl);margin:0 0 var(--space-sm) 0}.pet-neighborhood-alerts__alert-info p{color:var(--color-text-secondary);margin:var(--space-xs) 0}.pet-neighborhood-alerts__alert-time{color:var(--color-text-muted);font-size:var(--font-size-sm)}.pet-neighborhood-alerts__alert-status{font-weight:var(--font-weight-medium)}.pet-neighborhood-alerts__alert-message{background:var(--color-bg);border-radius:var(--radius-base);color:var(--color-text);margin-bottom:var(--space-md);padding:var(--space-md)}.pet-neighborhood-alerts__alert-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.pet-neighborhood-alerts__sighting-button,.pet-neighborhood-alerts__view-button{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.pet-neighborhood-alerts__sighting-button:hover{background:var(--color-success);border-color:var(--color-success);color:#fff}.pet-neighborhood-alerts__view-button:hover{background:var(--color-bg-hover);border-color:var(--color-border-dark)}.pet-neighborhood-alerts__cancel-button{background:var(--color-success);border:none;border-radius:var(--radius-base);color:#fff;cursor:pointer;font-weight:var(--font-weight-medium);padding:var(--space-md);transition:all var(--transition-base);width:100%}.pet-neighborhood-alerts__cancel-button:hover{background:#218838;box-shadow:var(--shadow-sm);transform:translateY(-2px)}body.dark-mode .pet-neighborhood-alerts__select,body.dark-mode .pet-neighborhood-alerts__textarea{background:var(--color-bg-secondary)}@media (max-width:768px){.pet-neighborhood-alerts{padding:var(--space-md)}.pet-neighborhood-alerts__header{align-items:flex-start;flex-direction:column}.pet-neighborhood-alerts__tabs{flex-wrap:wrap}.pet-neighborhood-alerts__tab{flex:1 1;font-size:var(--font-size-sm);min-width:100px;padding:var(--space-sm) var(--space-md)}.pet-neighborhood-alerts__alert-header{flex-direction:column}.pet-neighborhood-alerts__alert-photo{height:200px;width:100%}.pet-neighborhood-alerts__alert-actions{flex-direction:column}.pet-neighborhood-alerts__sighting-button,.pet-neighborhood-alerts__view-button{width:100%}}.geofence-zone-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-base)}.geofence-zone-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.geofence-zone-card__map{background:#e5e3df;overflow:hidden;padding-bottom:60%;position:relative;width:100%}.geofence-zone-card__map img{height:100%;left:0;object-fit:cover;object-position:center;position:absolute;top:0;width:100%}.geofence-zone-card__map-placeholder{align-items:center;background:linear-gradient(135deg,#4285f4,#34a853);color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;overflow:hidden;position:absolute;top:0;width:100%}.geofence-zone-card__map-placeholder:before{animation:pulse 3s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.geofence-zone-card__map-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:48px;margin-bottom:var(--space-xs);z-index:1}.geofence-zone-card__zone-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);text-shadow:0 1px 2px #0003;z-index:1}.geofence-zone-card__zone-radius{font-size:var(--font-size-sm);opacity:.9;z-index:1}.geofence-zone-card__map-overlay{display:flex;gap:var(--space-xs);position:absolute;right:var(--space-sm);top:var(--space-sm)}.geofence-zone-card__radius-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border-radius:var(--radius-sm);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-xs) var(--space-sm)}.geofence-zone-card__radius-badge.active{background:#28a745e6}.geofence-zone-card__radius-badge.inactive{background:#6c757de6}.geofence-zone-card__content{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md)}.geofence-zone-card__header{align-items:center;display:flex;gap:var(--space-md);justify-content:space-between}.geofence-zone-card__name{color:var(--color-text);flex:1 1;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.geofence-zone-card__toggle{align-items:center;display:flex;gap:var(--space-sm)}.geofence-zone-card__toggle input[type=checkbox]{-webkit-appearance:none;appearance:none;background:var(--color-border);border-radius:12px;cursor:pointer;height:24px;position:relative;transition:background var(--transition-base);width:44px}.geofence-zone-card__toggle input[type=checkbox]:checked{background:var(--color-success)}.geofence-zone-card__toggle input[type=checkbox]:after{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:20px;left:2px;position:absolute;top:2px;transition:transform var(--transition-base);width:20px}.geofence-zone-card__toggle input[type=checkbox]:checked:after{transform:translateX(20px)}.geofence-zone-card__status{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.geofence-zone-card__status.active{color:var(--color-success)}.geofence-zone-card__status.inactive{color:var(--color-text-secondary)}.geofence-zone-card__alerts{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.geofence-zone-card__alert-badge{border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-xs) var(--space-sm);text-transform:uppercase}.geofence-zone-card__alert-badge--lost{background:#dc35451a;border:1px solid #dc354533;color:#dc3545}.geofence-zone-card__alert-badge--found{background:#28a7451a;border:1px solid #28a74533;color:#28a745}.geofence-zone-card__alert-badge--stolen{background:#ffc1071a;border:1px solid #ffc10733;color:#ffc107}.geofence-zone-card__filters{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.geofence-zone-card__filter-badge{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-sm)}.geofence-zone-card__filter-badge--all{color:var(--color-text-muted);font-style:italic}.geofence-zone-card__coordinates{align-items:center;color:var(--color-text-secondary);display:flex;font-family:var(--font-family-mono);font-size:var(--font-size-sm);gap:var(--space-xs)}.geofence-zone-card__coord-icon{font-size:var(--font-size-base)}.geofence-zone-card__actions{border-top:1px solid var(--color-border);display:flex;gap:var(--space-sm);margin-top:var(--space-sm);padding-top:var(--space-sm)}.geofence-zone-card__action-btn{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text-secondary);cursor:pointer;flex:1 1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.geofence-zone-card__action-btn:hover{background:var(--color-bg-hover);border-color:var(--color-text-secondary);color:var(--color-text)}.geofence-zone-card__action-btn--edit{border-color:var(--color-primary);color:var(--color-primary)}.geofence-zone-card__action-btn--edit:hover{background:#ff45000d;border-color:var(--color-primary-hover)}.geofence-zone-card__action-btn--delete{border-color:var(--color-danger);color:var(--color-danger)}.geofence-zone-card__action-btn--delete:hover{background:#dc35450d;border-color:var(--color-danger)}body.dark-mode .geofence-zone-card{background:var(--color-bg-secondary);border-color:var(--color-border)}body.dark-mode .geofence-zone-card__map{background:#242f3e}body.dark-mode .geofence-zone-card__radius-badge{background:#000c}body.dark-mode .geofence-zone-card__toggle input[type=checkbox]{background:var(--color-bg-tertiary)}body.dark-mode .geofence-zone-card__filter-badge{background:var(--color-bg-tertiary);border-color:var(--color-border)}body.dark-mode .geofence-zone-card__filter-badge--all{color:var(--color-text-muted)}body.dark-mode .geofence-zone-card__action-btn{background:var(--color-bg-secondary);border-color:var(--color-border)}body.dark-mode .geofence-zone-card__action-btn:hover{background:var(--color-bg-tertiary)}@media (max-width:768px){.geofence-zone-card__map{padding-bottom:75%}.geofence-zone-card__header{align-items:flex-start;flex-direction:column}.geofence-zone-card__toggle{align-self:flex-end;margin-top:calc(var(--space-lg)*-1)}.geofence-zone-card__actions{flex-direction:column}.geofence-zone-card__action-btn{width:100%}}.pet-geofencing{padding:0;width:100%}.pet-geofencing--full-width{margin:0;max-width:none}body.has-profile-background .pet-geofencing{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1rem}body.dark-mode .pet-geofencing{background-color:#2a2a2a;color:var(--color-text)}body.dark-mode.has-profile-background .pet-geofencing{background-color:#2a2a2af2}.pet-geofencing__header{border-bottom:2px solid var(--color-primary);margin-bottom:2rem;padding:.5rem 1rem 1rem;position:relative;text-align:center}.pet-geofencing__header-content{width:100%}.pet-geofencing__header h1{color:var(--color-primary);font-size:2.5rem;margin:0 0 .5rem}.pet-geofencing__header p{color:var(--color-text-secondary);font-size:1.1rem;margin:0}.pet-geofencing__share-button{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;font-size:.875rem;height:auto;justify-content:center;margin-left:1rem;min-height:0;min-height:auto;padding:.25rem .5rem;position:static;transition:all .2s ease}.pet-geofencing__share-button:hover{background-color:var(--color-bg-tertiary);box-shadow:var(--shadow-md);color:var(--color-primary);transform:translateY(-1px)}.pet-geofencing__share-button:active{transform:translateY(0)}.pet-geofencing__share-button svg{fill:currentColor;height:1em;width:1em}.pet-geofencing__status{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem;padding:0 1rem}.pet-geofencing__status-item{align-items:center;border-radius:var(--radius-lg);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.pet-geofencing__status-item--success{background-color:#28a7451a;border:1px solid #28a7454d;color:#28a745}.pet-geofencing__status-item--info{background-color:#17a2b81a;border:1px solid #17a2b84d;color:#17a2b8}.pet-geofencing__status-item--warning{background-color:#ffc1071a;border:1px solid #ffc1074d;color:#ffc107}body.dark-mode .pet-geofencing__status-item--success{background-color:#28a74533}body.dark-mode .pet-geofencing__status-item--info{background-color:#17a2b833}body.dark-mode .pet-geofencing__status-item--warning{background-color:#ffc10733}.pet-geofencing__content{box-sizing:border-box;padding:0 1rem;width:100%}.pet-geofencing__section{margin-bottom:3rem}.pet-geofencing__section h2{border-bottom:1px solid var(--color-border);color:var(--color-text);margin-bottom:1rem;padding-bottom:.5rem}.pet-geofencing__cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.pet-geofencing__card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:1.5rem;transition:all .3s ease}.pet-geofencing__card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-geofencing__card h3{color:var(--color-primary);margin:0 0 .5rem}.pet-geofencing__card p{color:var(--color-text-secondary);margin:0}.pet-geofencing__features{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));list-style:none;margin:0;padding:0}.pet-geofencing__features li{background-color:var(--color-bg-tertiary);border-left:3px solid var(--color-primary);border-radius:var(--radius-base);padding:.5rem}.pet-geofencing__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.pet-geofencing__button{border:none;border-radius:var(--radius-base);cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.pet-geofencing__button--primary{background-color:var(--color-primary);color:#fff}.pet-geofencing__button--primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.pet-geofencing__button--secondary{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.pet-geofencing__button--secondary:hover{background-color:var(--color-bg-tertiary);transform:translateY(-1px)}.pet-geofencing__notice{background-color:#ffc1071a;border:1px solid #ffc1074d;border-radius:var(--radius-lg);margin-top:3rem;padding:1.5rem;text-align:center}.pet-geofencing__notice p{font-weight:500;margin:0}@media (max-width:768px){.pet-geofencing{border-radius:0;padding:.5rem}.pet-geofencing__header h1{font-size:2rem}.pet-geofencing__breadcrumb-row{padding:.5rem}.pet-geofencing__share-button{font-size:.75rem;margin-left:.5rem;padding:.25rem}.pet-geofencing__status{align-items:stretch;flex-direction:column}.pet-geofencing__content{padding:0 .5rem}.pet-geofencing__cards,.pet-geofencing__features{grid-template-columns:1fr}.pet-geofencing__actions{flex-direction:column}.pet-geofencing__button{width:100%}}.pet-geofencing__skip-link{background:var(--color-primary);border-radius:var(--radius-base);color:#fff;font-weight:500;left:-9999px;padding:8px 16px;position:absolute;text-decoration:none;top:0;z-index:100}.pet-geofencing__skip-link:focus{box-shadow:var(--shadow-lg);left:50%;top:10px;transform:translateX(-50%)}.pet-geofencing__breadcrumb-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;padding:1rem 1rem 0}.pet-geofencing__breadcrumbs{flex:1 1;margin:0;padding:0}.pet-geofencing__breadcrumbs ol{flex-wrap:wrap;list-style:none;margin:0;padding:0}.pet-geofencing__breadcrumbs li,.pet-geofencing__breadcrumbs ol{align-items:center;display:flex;gap:.5rem}.pet-geofencing__breadcrumbs a{align-items:center;color:var(--color-primary);display:flex;gap:.25rem;text-decoration:none;transition:color .2s ease}.pet-geofencing__breadcrumbs a:hover{color:var(--color-primary-hover);text-decoration:underline}.pet-geofencing__breadcrumb-separator{color:var(--color-text-secondary);font-size:.75rem}.pet-geofencing__error{margin:0 auto;max-width:600px;padding:3rem 1rem;text-align:center}.pet-geofencing__error h2{color:var(--color-danger);margin-bottom:1rem}.pet-geofencing__error p{color:var(--color-text-secondary);margin-bottom:2rem}.pet-geofencing__loading{padding:2rem 1rem}.pet-geofencing__skeleton{animation:skeleton-loading 1.5s ease-in-out infinite}.pet-geofencing__skeleton-card,.pet-geofencing__skeleton-header,.pet-geofencing__skeleton-text{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--radius-base)}.pet-geofencing__skeleton-header{height:3rem;margin:0 auto 2rem;width:60%}.pet-geofencing__skeleton-text{height:1rem;margin-bottom:1rem}.pet-geofencing__skeleton-text--short{width:70%}.pet-geofencing__skeleton-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.pet-geofencing__skeleton-card{height:150px}.pet-geofencing__form{max-width:600px}.pet-geofencing__form-group{margin-bottom:1.5rem}.pet-geofencing__form-group label{display:block;font-weight:500;margin-bottom:.5rem}.pet-geofencing__required{color:var(--color-danger);margin-left:.25rem}.pet-geofencing__input,.pet-geofencing__select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:1rem;min-height:44px;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.pet-geofencing__input:focus,.pet-geofencing__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.pet-geofencing__help-text{color:var(--color-text-secondary);display:block;font-size:.875rem;margin-top:.5rem}body.dark-mode .pet-geofencing__skeleton-card,body.dark-mode .pet-geofencing__skeleton-header,body.dark-mode .pet-geofencing__skeleton-text{background:linear-gradient(90deg,#3a3a3a 25%,#4a4a4a 50%,#3a3a3a 75%)}body.dark-mode .pet-geofencing__input,body.dark-mode .pet-geofencing__select{background-color:var(--color-bg-secondary)}.pet-geofencing__button:focus-visible,.pet-geofencing__card:focus-visible,.pet-geofencing__input:focus-visible,.pet-geofencing__select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media print{.pet-geofencing__actions,.pet-geofencing__notice,.pet-geofencing__offline-banner,.pet-geofencing__skip-link,.pet-geofencing__toast{display:none}.pet-geofencing{background:#fff;color:#000;max-width:none;padding:0}}.pet-geofencing__offline-banner{align-items:center;background-color:var(--color-warning);box-shadow:var(--shadow-md);color:#fff;display:flex;font-weight:500;gap:.5rem;justify-content:center;left:0;padding:.75rem;position:fixed;right:0;text-align:center;top:0;z-index:1100}.pet-geofencing__toast{align-items:center;animation:slideIn .3s ease-out;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);bottom:2rem;box-shadow:var(--shadow-lg);display:flex;gap:1rem;max-width:400px;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:1200}.pet-geofencing__toast-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.pet-geofencing__toast-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s ease}.pet-geofencing__toast-close:hover{color:var(--color-text)}.pet-geofencing__toast--success{border-color:var(--color-success)}.pet-geofencing__toast--success svg{color:var(--color-success)}.pet-geofencing__toast--warning{border-color:var(--color-warning)}.pet-geofencing__toast--warning svg{color:var(--color-warning)}.pet-geofencing__toast--error{border-color:var(--color-danger)}.pet-geofencing__toast--error svg{color:var(--color-danger)}.pet-geofencing__toast--info{border-color:var(--color-info)}.pet-geofencing__toast--info svg{color:var(--color-info)}.pet-geofencing__unsaved-indicator{color:var(--color-warning);font-size:.875rem;font-weight:400;margin-left:.5rem}.pet-geofencing__form-actions{gap:1rem;margin-top:1.5rem}.pet-geofencing__image-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1rem}.pet-geofencing__image-container{aspect-ratio:16/9;background-color:var(--color-bg-secondary);border-radius:var(--radius-base);overflow:hidden;position:relative}.pet-geofencing__image{height:100%;object-fit:cover;transition:opacity .3s ease;width:100%}.pet-geofencing__image[data-src]{background-color:var(--color-bg-tertiary);opacity:0}.pet-geofencing__image:not([data-src]){opacity:1}@media (prefers-contrast:high){.pet-geofencing__button,.pet-geofencing__input,.pet-geofencing__select,.pet-geofencing__toast{border-width:2px}}@media (max-width:768px){.pet-geofencing__toast{bottom:1rem;left:1rem;max-width:none;right:1rem}.pet-geofencing__form-actions{flex-direction:column}.pet-geofencing__form-actions button{width:100%}.pet-geofencing__image-grid{grid-template-columns:1fr}}.pet-geofencing{background-color:var(--color-bg);margin:0 auto;max-width:1200px;min-height:100vh;padding:var(--space-lg)}.pet-geofencing__header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-md);margin-bottom:var(--space-xl);padding-bottom:var(--space-md)}.pet-geofencing__back-button{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.pet-geofencing__back-button:hover{background:var(--color-bg-hover);transform:translateX(-2px)}.pet-geofencing__title{align-items:center;color:var(--color-text);display:flex;font-size:var(--font-size-2xl);gap:var(--space-sm);margin:0}.pet-geofencing__icon{font-size:var(--font-size-3xl)}.pet-geofencing__empty{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-3xl);text-align:center}.pet-geofencing__empty p{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--space-lg)}.pet-geofencing__cta-button{background:var(--color-primary);border:none;border-radius:var(--radius-base);color:#fff!important;cursor:pointer;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin-bottom:var(--space-3xl)!important;padding:var(--space-md) var(--space-xl);transition:all var(--transition-base)}.pet-geofencing__cta-button:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-geofencing__intro{align-items:center;background:var(--color-bg-secondary);border-radius:var(--radius-lg);display:flex;gap:var(--space-lg);justify-content:space-between;margin-bottom:var(--space-xl);padding:var(--space-lg)}.pet-geofencing__intro p{color:var(--color-text-secondary);flex:1 1;font-size:var(--font-size-lg);margin:0}.pet-geofencing__selector{align-items:center;background:var(--color-bg-secondary);border-radius:var(--radius-lg);display:flex;gap:var(--space-md);margin-bottom:var(--space-xl);padding:var(--space-lg)}.pet-geofencing__selector label{color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}.pet-geofencing__pet-select{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);flex:1 1;font-size:var(--font-size-base);max-width:300px;padding:var(--space-sm) var(--space-md)}.pet-geofencing__add-button{-webkit-text-fill-color:#fff!important;background:var(--color-primary)!important;border:none;border-radius:var(--radius-base);color:#fff!important;cursor:pointer;font-weight:var(--font-weight-medium);margin-left:auto;padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.pet-geofencing__add-button:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.pet-geofencing__content{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-xl)}.pet-geofencing__info{margin-bottom:var(--space-xl)}.pet-geofencing__info h2{color:var(--color-text);margin:0 0 var(--space-sm) 0}.pet-geofencing__info p{color:var(--color-text-secondary);margin:0}.pet-geofencing__spacer{height:60px}.pet-geofencing__explanation{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);display:block;padding:var(--space-lg)}.pet-geofencing__explanation h3{color:var(--color-text);font-size:var(--font-size-lg);margin:0 0 var(--space-md) 0}.pet-geofencing__explanation ul{color:var(--color-text-secondary);margin:0 0 var(--space-lg) 0;padding-left:var(--space-lg)}.pet-geofencing__explanation li{line-height:1.6;margin-bottom:var(--space-sm)}.pet-geofencing__explanation li strong{color:var(--color-text)}.pet-geofencing__explanation p{background:#fff3cd;background:var(--color-warning-bg,#fff3cd);border:1px solid #ffc107;border:1px solid var(--color-warning,#ffc107);border-radius:var(--radius-base);color:var(--color-text);line-height:1.6;margin:var(--space-md) 0 0 0;padding:var(--space-md)}.pet-geofencing__use-case{background:var(--color-info-bg);border:1px solid var(--color-info);border-radius:var(--radius-base);color:var(--color-text);margin-top:var(--space-lg);padding:var(--space-md)}.pet-geofencing__use-case strong{color:var(--color-info-dark)}body.dark-mode .pet-geofencing__explanation{background:var(--color-bg-tertiary)}body.dark-mode .pet-geofencing__use-case{background:#17a2b81a}body.dark-mode .pet-geofencing__explanation p{background:#ffc1071a;border-color:#856404}.pet-geofencing__no-zones{padding:var(--space-3xl);text-align:center}.pet-geofencing__no-zones p{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--space-lg)}.pet-geofencing__zones-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:var(--space-lg)}.pet-geofencing__zone-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);transition:all var(--transition-base)}.pet-geofencing__zone-card:hover{box-shadow:var(--shadow-md)}.pet-geofencing__zone-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-md)}.pet-geofencing__zone-header h3{color:var(--color-text);margin:0}.pet-geofencing__toggle{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--space-sm)}.pet-geofencing__toggle input{cursor:pointer}.pet-geofencing__zone-details{margin-bottom:var(--space-md)}.pet-geofencing__zone-details p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:var(--space-xs) 0}.pet-geofencing__zone-alerts{display:flex;gap:var(--space-sm);margin-top:var(--space-sm)}.pet-geofencing__alert-badge{border-radius:var(--radius-sm);color:#fff;display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin-right:4px;padding:var(--space-xs) var(--space-sm)}.pet-geofencing__alert-badge--lost{background:#f39c12}.pet-geofencing__alert-badge--found{background:#27ae60}.pet-geofencing__alert-badge--stolen{background:#e74c3c}.pet-geofencing__zone-filters{margin-top:8px}.pet-geofencing__filter-badge{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);display:inline-block;font-size:11px;margin-right:4px;padding:3px 8px}.pet-geofencing__zone-actions{display:flex;gap:var(--space-sm)}.pet-geofencing__zone-actions button{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;flex:1 1;font-size:var(--font-size-sm);padding:var(--space-sm);transition:all var(--transition-base)}.pet-geofencing__zone-actions button:hover{background:var(--color-bg-hover);border-color:var(--color-border-dark)}.pet-geofencing__modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-lg);position:fixed;right:0;top:0;z-index:1050}.pet-geofencing__modal{background:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:90vh;max-width:600px;overflow-y:auto;padding:var(--space-xl);width:100%}.pet-geofencing__modal h2{color:var(--color-text);margin:0 0 var(--space-lg) 0}.pet-geofencing__form{display:flex;flex-direction:column;gap:var(--space-lg)}.pet-geofencing__form-group{display:flex;flex-direction:column;gap:var(--space-sm)}.pet-geofencing__form-group label{color:var(--color-text);font-weight:var(--font-weight-medium)}.pet-geofencing__form-group input,.pet-geofencing__form-group select{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:var(--font-size-base);padding:var(--space-sm) var(--space-md)}.pet-geofencing__form-group small,.pet-geofencing__form-hint{color:var(--color-text-secondary);display:block;font-size:var(--font-size-sm);margin-top:4px}.pet-geofencing__location-inputs{grid-gap:var(--space-sm);display:grid;gap:var(--space-sm);grid-template-columns:1fr 1fr}.pet-geofencing__checkboxes{display:flex;flex-direction:column;gap:var(--space-sm)}.pet-geofencing__filter-section{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);margin-bottom:var(--space-lg);padding:var(--space-md)}.pet-geofencing__filter-label{color:var(--color-text);font-weight:var(--font-weight-medium);margin:0 0 var(--space-sm) 0}.pet-geofencing__checkboxes label{align-items:center;cursor:pointer;display:flex;font-weight:400;gap:var(--space-sm)}.pet-geofencing__form-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-md)}.pet-geofencing__form-actions button{border:none;border-radius:var(--radius-base);cursor:pointer;flex:1 1;font-weight:var(--font-weight-medium);padding:var(--space-md);transition:all var(--transition-base)}.pet-geofencing__form-actions button[type=submit]{background:var(--color-primary);color:#fff!important}.pet-geofencing__form-actions button[type=submit]:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.pet-geofencing__form-actions button[type=submit]:disabled{cursor:not-allowed;opacity:.6}.pet-geofencing__form-actions button[type=button]{background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.pet-geofencing__form-actions button[type=button]:hover{background:var(--color-bg-hover);border-color:var(--color-border-dark)}body.dark-mode .pet-geofencing__form-group input,body.dark-mode .pet-geofencing__form-group select,body.dark-mode .pet-geofencing__modal,body.dark-mode .pet-geofencing__pet-select{background:var(--color-bg-secondary)}body.dark-mode .pet-geofencing__filter-section{background:var(--color-bg-secondary);border-color:var(--color-border)}@media (max-width:768px){.pet-geofencing{padding:var(--space-md)}.pet-geofencing__header{align-items:flex-start;flex-direction:column}.pet-geofencing__selector{align-items:stretch;flex-direction:column}.pet-geofencing__pet-select{max-width:100%}.pet-geofencing__location-inputs,.pet-geofencing__zones-grid{grid-template-columns:1fr}}.pet-geofencing__coordinate-input{margin-bottom:var(--space-md)}.pet-geofencing__coordinate-details{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:var(--space-md)}.pet-geofencing__coordinate-details summary{color:var(--color-text);cursor:pointer;font-weight:var(--font-weight-medium);margin:calc(var(--space-md)*-1);margin-bottom:0;padding:var(--space-sm);-webkit-user-select:none;user-select:none}.pet-geofencing__coordinate-details summary:hover{color:var(--color-primary)}.pet-geofencing__coordinate-details[open] summary{border-bottom:1px solid var(--color-border);margin-bottom:var(--space-md);padding-bottom:var(--space-md)}.pet-geofencing__coordinate-fields{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:1fr 1fr;margin-bottom:var(--space-sm)}.pet-geofencing__coordinate-fields>div{display:flex;flex-direction:column;gap:var(--space-xs)}.pet-geofencing__coordinate-fields label{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.pet-geofencing__coordinate-fields input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:var(--font-size-base);padding:var(--space-sm)}.pet-geofencing__coordinate-fields input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #ff45001a;outline:none}.pet-geofencing__coordinate-details small{color:var(--color-text-muted);display:block;font-size:var(--font-size-xs);text-align:center}body.dark-mode .pet-geofencing__coordinate-details{background:var(--color-bg-tertiary)}body.dark-mode .pet-geofencing__coordinate-fields input{background:var(--color-bg-secondary)}@media (max-width:768px){.pet-geofencing__coordinate-fields{grid-template-columns:1fr}}.pet-microchip-search{padding:0;width:100%}.pet-microchip-search--full-width{margin:0;max-width:none}body.has-profile-background .pet-microchip-search{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1rem}body.dark-mode .pet-microchip-search{background-color:#2a2a2a;color:var(--color-text)}body.dark-mode.has-profile-background .pet-microchip-search{background-color:#2a2a2af2}.pet-microchip-search__header{border-bottom:2px solid var(--color-primary);margin-bottom:2rem;padding:.5rem 1rem 1rem;position:relative;text-align:center}.pet-microchip-search__header-content{width:100%}.pet-microchip-search__header h1{color:var(--color-primary);font-size:2.5rem;margin:0 0 .5rem}.pet-microchip-search__header p{color:var(--color-text-secondary);font-size:1.1rem;margin:0}.pet-microchip-search__share-button{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;font-size:.875rem;height:auto;justify-content:center;margin-left:1rem;min-height:0;min-height:auto;padding:.25rem .5rem;position:static;transition:all .2s ease}.pet-microchip-search__share-button:hover{background-color:var(--color-bg-tertiary);box-shadow:var(--shadow-md);color:var(--color-primary);transform:translateY(-1px)}.pet-microchip-search__share-button:active{transform:translateY(0)}.pet-microchip-search__share-button svg{fill:currentColor;height:1em;width:1em}.pet-microchip-search__status{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem;padding:0 1rem}.pet-microchip-search__status-item{align-items:center;border-radius:var(--radius-lg);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.pet-microchip-search__status-item--success{background-color:#28a7451a;border:1px solid #28a7454d;color:#28a745}.pet-microchip-search__status-item--info{background-color:#17a2b81a;border:1px solid #17a2b84d;color:#17a2b8}.pet-microchip-search__status-item--warning{background-color:#ffc1071a;border:1px solid #ffc1074d;color:#ffc107}body.dark-mode .pet-microchip-search__status-item--success{background-color:#28a74533}body.dark-mode .pet-microchip-search__status-item--info{background-color:#17a2b833}body.dark-mode .pet-microchip-search__status-item--warning{background-color:#ffc10733}.pet-microchip-search__content{box-sizing:border-box;padding:0 1rem;width:100%}.pet-microchip-search__section{margin-bottom:3rem}.pet-microchip-search__section h2{border-bottom:1px solid var(--color-border);color:var(--color-text);margin-bottom:1rem;padding-bottom:.5rem}.pet-microchip-search__cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.pet-microchip-search__card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:1.5rem;transition:all .3s ease}.pet-microchip-search__card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-microchip-search__card h3{color:var(--color-primary);margin:0 0 .5rem}.pet-microchip-search__card p{color:var(--color-text-secondary);margin:0}.pet-microchip-search__features{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));list-style:none;margin:0;padding:0}.pet-microchip-search__features li{background-color:var(--color-bg-tertiary);border-left:3px solid var(--color-primary);border-radius:var(--radius-base);padding:.5rem}.pet-microchip-search__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.pet-microchip-search__button{border:none;border-radius:var(--radius-base);cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.pet-microchip-search__button--primary{background-color:var(--color-primary);color:#fff}.pet-microchip-search__button--primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.pet-microchip-search__button--secondary{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.pet-microchip-search__button--secondary:hover{background-color:var(--color-bg-tertiary);transform:translateY(-1px)}.pet-microchip-search__notice{background-color:#ffc1071a;border:1px solid #ffc1074d;border-radius:var(--radius-lg);margin-top:3rem;padding:1.5rem;text-align:center}.pet-microchip-search__notice p{font-weight:500;margin:0}@media (max-width:768px){.pet-microchip-search{border-radius:0;padding:.5rem}.pet-microchip-search__header h1{font-size:2rem}.pet-microchip-search__breadcrumb-row{padding:.5rem}.pet-microchip-search__share-button{font-size:.75rem;margin-left:.5rem;padding:.25rem}.pet-microchip-search__status{align-items:stretch;flex-direction:column}.pet-microchip-search__content{padding:0 .5rem}.pet-microchip-search__cards,.pet-microchip-search__features{grid-template-columns:1fr}.pet-microchip-search__actions{flex-direction:column}.pet-microchip-search__button{width:100%}}.pet-microchip-search__skip-link{background:var(--color-primary);border-radius:var(--radius-base);color:#fff;font-weight:500;left:-9999px;padding:8px 16px;position:absolute;text-decoration:none;top:0;z-index:100}.pet-microchip-search__skip-link:focus{box-shadow:var(--shadow-lg);left:50%;top:10px;transform:translateX(-50%)}.pet-microchip-search__breadcrumb-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;padding:1rem 1rem 0}.pet-microchip-search__breadcrumbs{flex:1 1;margin:0;padding:0}.pet-microchip-search__breadcrumbs ol{flex-wrap:wrap;list-style:none;margin:0;padding:0}.pet-microchip-search__breadcrumbs li,.pet-microchip-search__breadcrumbs ol{align-items:center;display:flex;gap:.5rem}.pet-microchip-search__breadcrumbs a{align-items:center;color:var(--color-primary);display:flex;gap:.25rem;text-decoration:none;transition:color .2s ease}.pet-microchip-search__breadcrumbs a:hover{color:var(--color-primary-hover);text-decoration:underline}.pet-microchip-search__breadcrumb-separator{color:var(--color-text-secondary);font-size:.75rem}.pet-microchip-search__error{margin:0 auto;max-width:600px;padding:3rem 1rem;text-align:center}.pet-microchip-search__error h2{color:var(--color-danger);margin-bottom:1rem}.pet-microchip-search__error p{color:var(--color-text-secondary);margin-bottom:2rem}.pet-microchip-search__loading{padding:2rem 1rem}.pet-microchip-search__skeleton{animation:skeleton-loading 1.5s ease-in-out infinite}.pet-microchip-search__skeleton-card,.pet-microchip-search__skeleton-header,.pet-microchip-search__skeleton-text{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--radius-base)}.pet-microchip-search__skeleton-header{height:3rem;margin:0 auto 2rem;width:60%}.pet-microchip-search__skeleton-text{height:1rem;margin-bottom:1rem}.pet-microchip-search__skeleton-text--short{width:70%}.pet-microchip-search__skeleton-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.pet-microchip-search__skeleton-card{height:150px}.pet-microchip-search__form{max-width:600px}.pet-microchip-search__form-group{margin-bottom:1.5rem}.pet-microchip-search__form-group label{font-weight:500;margin-bottom:.5rem}.pet-microchip-search__required{color:var(--color-danger);margin-left:.25rem}.pet-microchip-search__input,.pet-microchip-search__select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:1rem;min-height:44px;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.pet-microchip-search__input:focus,.pet-microchip-search__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.pet-microchip-search__help-text{color:var(--color-text-secondary);display:block;font-size:.875rem;margin-top:.5rem}body.dark-mode .pet-microchip-search__skeleton-card,body.dark-mode .pet-microchip-search__skeleton-header,body.dark-mode .pet-microchip-search__skeleton-text{background:linear-gradient(90deg,#3a3a3a 25%,#4a4a4a 50%,#3a3a3a 75%)}body.dark-mode .pet-microchip-search__input,body.dark-mode .pet-microchip-search__select{background-color:var(--color-bg-secondary)}.pet-microchip-search__button:focus-visible,.pet-microchip-search__card:focus-visible,.pet-microchip-search__input:focus-visible,.pet-microchip-search__select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media print{.pet-microchip-search__actions,.pet-microchip-search__notice,.pet-microchip-search__offline-banner,.pet-microchip-search__skip-link,.pet-microchip-search__toast{display:none}.pet-microchip-search{background:#fff;color:#000;max-width:none;padding:0}}.pet-microchip-search__offline-banner{align-items:center;background-color:var(--color-warning);box-shadow:var(--shadow-md);color:#fff;display:flex;font-weight:500;gap:.5rem;justify-content:center;left:0;padding:.75rem;position:fixed;right:0;text-align:center;top:0;z-index:1100}.pet-microchip-search__toast{align-items:center;animation:slideIn .3s ease-out;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);bottom:2rem;box-shadow:var(--shadow-lg);display:flex;gap:1rem;max-width:400px;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:1200}.pet-microchip-search__toast-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.pet-microchip-search__toast-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s ease}.pet-microchip-search__toast-close:hover{color:var(--color-text)}.pet-microchip-search__toast--success{border-color:var(--color-success)}.pet-microchip-search__toast--success svg{color:var(--color-success)}.pet-microchip-search__toast--warning{border-color:var(--color-warning)}.pet-microchip-search__toast--warning svg{color:var(--color-warning)}.pet-microchip-search__toast--error{border-color:var(--color-danger)}.pet-microchip-search__toast--error svg{color:var(--color-danger)}.pet-microchip-search__toast--info{border-color:var(--color-info)}.pet-microchip-search__toast--info svg{color:var(--color-info)}.pet-microchip-search__unsaved-indicator{color:var(--color-warning);font-size:.875rem;font-weight:400;margin-left:.5rem}.pet-microchip-search__form-actions{display:flex;gap:1rem;margin-top:1.5rem}.pet-microchip-search__image-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1rem}.pet-microchip-search__image-container{aspect-ratio:16/9;background-color:var(--color-bg-secondary);border-radius:var(--radius-base);overflow:hidden;position:relative}.pet-microchip-search__image{height:100%;object-fit:cover;transition:opacity .3s ease;width:100%}.pet-microchip-search__image[data-src]{background-color:var(--color-bg-tertiary);opacity:0}.pet-microchip-search__image:not([data-src]){opacity:1}@media (prefers-contrast:high){.pet-microchip-search__button,.pet-microchip-search__input,.pet-microchip-search__select,.pet-microchip-search__toast{border-width:2px}}@media (max-width:768px){.pet-microchip-search__toast{bottom:1rem;left:1rem;max-width:none;right:1rem}.pet-microchip-search__form-actions{flex-direction:column}.pet-microchip-search__form-actions button{width:100%}.pet-microchip-search__image-grid{grid-template-columns:1fr}}.pet-microchip-search *{box-sizing:border-box}.pet-microchip-search .input-group{all:unset!important}body .pet-microchip-search{background-color:var(--color-bg)!important;padding:32px 24px!important}body .pet-microchip-search .pet-microchip-search__database-link{min-height:80px!important;padding:24px!important}.pet-microchip-search{background-color:var(--color-bg);box-sizing:border-box;margin:0 auto;max-width:1200px;min-height:100vh;padding:32px 24px!important}.pet-microchip-search__header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:16px;margin-bottom:32px!important;padding-bottom:16px!important}.pet-microchip-search__back-button{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.pet-microchip-search__back-button:hover{background:var(--color-bg-hover);transform:translateX(-2px)}.pet-microchip-search__title{align-items:center;color:var(--color-text);display:flex;font-size:var(--font-size-2xl);gap:var(--space-sm);margin:0}.pet-microchip-search__icon{font-size:var(--font-size-3xl)}.pet-microchip-search__intro{margin-bottom:32px!important;padding:0 16px!important;text-align:center}.pet-microchip-search__intro p{color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:1.6;margin:0}.pet-microchip-search__mode-selector{display:flex;gap:16px;justify-content:center;margin-bottom:48px!important}.pet-microchip-search__mode-button{background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);cursor:pointer;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);padding:var(--space-md) var(--space-xl);transition:all var(--transition-base)}.pet-microchip-search__mode-button:hover{background:var(--color-bg-hover);border-color:var(--color-primary)}.pet-microchip-search__mode-button--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff!important}.pet-microchip-search__search-section{margin:0 auto;max-width:800px}.pet-microchip-search__search-form{background:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-bottom:48px!important;padding:48px!important}.pet-microchip-search__input-group{display:flex!important;flex-direction:column!important;gap:16px!important;margin-bottom:32px!important;width:100%!important}.pet-microchip-search__input-group label{color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}.pet-microchip-search__chip-input{background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-base);box-sizing:border-box;color:var(--color-text);font-family:monospace;font-size:20px!important;letter-spacing:.1em;padding:24px!important;text-align:center;width:100%}.pet-microchip-search__chip-input:focus{border-color:var(--color-primary);outline:none}.pet-microchip-search__input-hint{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.pet-microchip-search__search-button{-webkit-text-fill-color:#fff!important;background:var(--color-primary)!important;border:none;border-radius:var(--radius-base);color:#fff!important;cursor:pointer;font-size:18px!important;font-weight:var(--font-weight-bold);margin-top:16px!important;padding:24px 32px!important;transition:all var(--transition-base);width:100%}.pet-microchip-search__search-button:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-microchip-search__search-button:disabled{cursor:not-allowed;opacity:.5}.pet-microchip-search__result{background:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-bottom:48px!important;padding:32px!important}.pet-microchip-search__result-found h3,.pet-microchip-search__result-not-found h3{color:var(--color-text);font-size:var(--font-size-xl);margin:0 0 var(--space-lg) 0}.pet-microchip-search__result-info{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg)}.pet-microchip-search__result-section{background:var(--color-bg);border-radius:var(--radius-md);padding:24px!important}.pet-microchip-search__result-section h4{color:var(--color-text);font-size:var(--font-size-lg);margin:0 0 var(--space-md) 0}.pet-microchip-search__result-section p{color:var(--color-text-secondary);margin:0 0 var(--space-sm) 0}.pet-microchip-search__result-section strong{color:var(--color-text)}.pet-microchip-search__status{background:var(--color-success);border-radius:var(--radius-base);color:#fff;display:inline-block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-xs) var(--space-sm)}.pet-microchip-search__contact-note{background:var(--color-info);border-radius:var(--radius-base);color:#fff;margin-top:var(--space-sm);padding:var(--space-sm)}.pet-microchip-search__no-contact{color:var(--color-text-muted);font-style:italic}.pet-microchip-search__result-actions{margin-top:var(--space-lg);text-align:center}.pet-microchip-search__report-button{background:var(--color-success);border:none;border-radius:var(--radius-base);color:#fff;cursor:pointer;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);padding:var(--space-md) var(--space-xl);transition:all var(--transition-base)}.pet-microchip-search__report-button:hover{background:var(--color-success);box-shadow:var(--shadow-md);opacity:.9;transform:translateY(-2px)}.pet-microchip-search__suggestions{margin-top:var(--space-lg)}.pet-microchip-search__suggestions h4{color:var(--color-text);margin:0 0 var(--space-sm) 0}.pet-microchip-search__suggestions ul{color:var(--color-text-secondary);margin:0;padding-left:var(--space-xl)}.pet-microchip-search__suggestions li{margin-bottom:var(--space-xs)}.pet-microchip-search__databases{background:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-top:48px!important;padding:48px!important}.pet-microchip-search__databases h3{color:var(--color-text);font-size:var(--font-size-xl);margin:0 0 var(--space-xl) 0;text-align:center}.pet-microchip-search__database-grid{grid-gap:24px!important;display:grid;gap:24px!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.pet-microchip-search__database-link{align-items:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);display:flex;font-size:16px;font-weight:500;gap:16px;min-height:80px!important;padding:24px!important;text-decoration:none;transition:all var(--transition-base)}.pet-microchip-search__database-link:hover{background:var(--color-bg-hover);border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.pet-microchip-search__database-icon{flex-shrink:0;font-size:24px!important}.pet-microchip-search__external-icon{flex-shrink:0;margin-left:auto;opacity:.5}.pet-microchip-search__register-section{margin:0 auto;max-width:800px}.pet-microchip-search__no-pets{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-3xl);text-align:center}.pet-microchip-search__no-pets p{color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.pet-microchip-search__cta-button{background:var(--color-primary);border:none;border-radius:var(--radius-base);color:#fff!important;cursor:pointer;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);padding:var(--space-md) var(--space-xl);transition:all var(--transition-base)}.pet-microchip-search__cta-button:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-microchip-search__register-form{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-xl)}.pet-microchip-search__form-section{margin-bottom:var(--space-2xl)}.pet-microchip-search__form-section h3{color:var(--color-text);margin:0 0 var(--space-lg) 0}.pet-microchip-search__pet-select{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:var(--font-size-base);padding:var(--space-md);width:100%}.pet-microchip-search__database-checkboxes{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.pet-microchip-search__database-checkbox{align-items:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);cursor:pointer;display:flex;gap:var(--space-sm);padding:var(--space-md);transition:all var(--transition-base)}.pet-microchip-search__database-checkbox:hover{background:var(--color-bg-hover);border-color:var(--color-primary)}.pet-microchip-search__database-checkbox input[type=checkbox]{cursor:pointer;height:18px;width:18px}.pet-microchip-search__contact-fields{display:flex;flex-direction:column;gap:var(--space-lg)}.pet-microchip-search__field-group{display:flex;flex-direction:column;gap:var(--space-sm)}.pet-microchip-search__field-group label{color:var(--color-text);font-weight:var(--font-weight-medium)}.pet-microchip-search__field-group input,.pet-microchip-search__field-group textarea{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:var(--font-size-base);padding:var(--space-sm) var(--space-md)}.pet-microchip-search__field-group textarea{font-family:inherit;resize:vertical}.pet-microchip-search__register-info{background:var(--color-bg);border-left:4px solid var(--color-info);border-radius:var(--radius-base);margin:var(--space-xl) 0;padding:var(--space-lg)}.pet-microchip-search__register-info p{color:var(--color-text-secondary);margin:0 0 var(--space-sm) 0}.pet-microchip-search__register-info p:last-child{margin-bottom:0}.pet-microchip-search__submit-button{background:var(--color-primary);border:none;border-radius:var(--radius-base);color:#fff!important;cursor:pointer;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);padding:var(--space-md) var(--space-xl);transition:all var(--transition-base);width:100%}.pet-microchip-search__submit-button:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-microchip-search__submit-button:disabled{cursor:not-allowed;opacity:.5}body.dark-mode .pet-microchip-search__chip-input,body.dark-mode .pet-microchip-search__database-checkbox,body.dark-mode .pet-microchip-search__database-link,body.dark-mode .pet-microchip-search__field-group input,body.dark-mode .pet-microchip-search__field-group textarea,body.dark-mode .pet-microchip-search__pet-select,body.dark-mode .pet-microchip-search__register-info,body.dark-mode .pet-microchip-search__result-section{background:var(--color-bg-tertiary)}.pet-microchip-search__stats{color:var(--color-text-secondary);font-size:14px;margin-top:8px}.pet-microchip-search__pet-photo{border-radius:var(--radius-base);height:120px;margin-bottom:16px;object-fit:cover;width:120px}.pet-microchip-search__missing-alert{background:#fff3cd!important;border:2px solid #ffc107}.pet-microchip-search__contact-button,.pet-microchip-search__view-report-button{background:var(--color-primary);border:none;border-radius:var(--radius-base);color:#fff;cursor:pointer;font-weight:500;margin-top:12px;padding:12px 24px}.pet-microchip-search__tips-section{margin:32px 0}.pet-microchip-search__tips-toggle{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);cursor:pointer;font-size:16px;font-weight:500;padding:16px;text-align:left;transition:all var(--transition-base);width:100%}.pet-microchip-search__tips-toggle:hover{background:var(--color-bg-hover)}.pet-microchip-search__tips-content{background:var(--color-bg-secondary);border-radius:var(--radius-base);margin-top:16px;padding:24px}.pet-microchip-search__tips-content h4{color:var(--color-text);margin:16px 0 8px}.pet-microchip-search__tips-content h4:first-child{margin-top:0}.pet-microchip-search__tips-content ol,.pet-microchip-search__tips-content ul{color:var(--color-text-secondary);margin:8px 0;padding-left:24px}.pet-microchip-search__tips-content li{margin-bottom:4px}.pet-microchip-search__databases-intro{color:var(--color-text-secondary);margin-bottom:24px;text-align:center}.pet-microchip-search__database-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.pet-microchip-search__database-info strong{color:var(--color-text)}.pet-microchip-search__database-info small{color:var(--color-text-secondary);font-size:12px}.pet-microchip-search__registry-tip{background:#e3f2fd;border-radius:var(--radius-base);margin-top:24px;padding:16px;text-align:center}.pet-microchip-search__community-section{background:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-top:48px;padding:32px}.pet-microchip-search__community-section h3{color:var(--color-text);margin:0 0 16px}.pet-microchip-search__recent-list{display:flex;flex-direction:column;gap:8px}.pet-microchip-search__recent-item{align-items:center;background:var(--color-bg);border-radius:var(--radius-base);display:flex;gap:12px;padding:12px}.pet-microchip-search__species-tag{background:var(--color-primary);border-radius:var(--radius-sm);color:#fff;font-size:12px;font-weight:500;padding:4px 8px}.pet-microchip-search__date{color:var(--color-text-secondary);font-size:14px;margin-left:auto}body.dark-mode .pet-microchip-search__missing-alert{background:#640!important;border-color:var(--color-warning)}body.dark-mode .pet-microchip-search__registry-tip{background:#1e3a5f;color:var(--color-text)}@media (max-width:768px){.pet-microchip-search{padding:16px!important}.pet-microchip-search__header{align-items:flex-start;flex-direction:column}.pet-microchip-search__mode-selector{flex-direction:column;width:100%}.pet-microchip-search__mode-button{width:100%}.pet-microchip-search__database-checkboxes,.pet-microchip-search__database-grid{grid-template-columns:1fr}}.pet-microchip-search__modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-md);position:fixed;right:0;top:0;z-index:1000}.pet-microchip-search__modal{background-color:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:90vh;max-width:500px;overflow-y:auto;padding:var(--space-xl);width:100%}.pet-microchip-search__modal h3{color:var(--color-primary);margin:0 0 var(--space-md) 0}.pet-microchip-search__modal-intro{color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.pet-microchip-search__form-group{margin-bottom:var(--space-lg)}.pet-microchip-search__form-group label{color:var(--color-text);display:block;font-weight:var(--font-weight-medium);margin-bottom:var(--space-sm)}.pet-microchip-search__form-group input,.pet-microchip-search__form-group textarea{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-family:inherit;font-size:var(--font-size-base);margin-bottom:var(--space-sm);padding:var(--space-sm);width:100%}.pet-microchip-search__form-group input:focus,.pet-microchip-search__form-group textarea:focus{border-color:var(--color-primary);outline:none}.pet-microchip-search__modal-actions{display:flex;gap:var(--space-md);justify-content:flex-end;margin-top:var(--space-lg)}.pet-microchip-search__send-button{background-color:var(--color-primary);border:none;border-radius:var(--radius-base);color:#fff;cursor:pointer;font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.pet-microchip-search__send-button:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}.pet-microchip-search__cancel-button{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.pet-microchip-search__cancel-button:hover{background-color:var(--color-bg-hover)}body.dark-mode .pet-microchip-search__modal{background-color:var(--color-bg);color:var(--color-text)}body.dark-mode .pet-microchip-search__cancel-button,body.dark-mode .pet-microchip-search__form-group input,body.dark-mode .pet-microchip-search__form-group textarea{background-color:var(--color-bg-secondary);border-color:var(--color-border);color:var(--color-text)}.pet-emergency-view{margin:0 auto;max-width:1200px;padding:0;width:100%}.pet-emergency-view--full-width{margin:0;max-width:none}body.has-profile-background .pet-emergency-view{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1rem}body.dark-mode .pet-emergency-view{background-color:#2a2a2a;color:var(--color-text)}body.dark-mode.has-profile-background .pet-emergency-view{background-color:#2a2a2af2}.pet-emergency-view__header{border-bottom:2px solid var(--color-primary);margin-bottom:2rem;padding:.5rem 1rem 1rem;position:relative}.pet-emergency-view__header-content{width:100%}.pet-emergency-view__header h1{color:var(--color-primary);font-size:2.5rem;margin:0 0 .5rem}.pet-emergency-view__header p{color:var(--color-text-secondary);font-size:1.1rem;margin:0}.pet-emergency-view__share-button{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;font-size:.875rem;height:auto;justify-content:center;margin-left:1rem;min-height:0;min-height:auto;padding:.25rem .5rem;position:static;transition:all .2s ease}.pet-emergency-view__share-button:hover{background-color:var(--color-bg-tertiary);box-shadow:var(--shadow-md);color:var(--color-primary);transform:translateY(-1px)}.pet-emergency-view__share-button:active{transform:translateY(0)}.pet-emergency-view__share-button svg{fill:currentColor;height:1em;width:1em}.pet-emergency-view__status{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem;padding:0 1rem}.pet-emergency-view__status-item{align-items:center;border-radius:var(--radius-lg);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.pet-emergency-view__status-item--success{background-color:#28a7451a;border:1px solid #28a7454d;color:#28a745}.pet-emergency-view__status-item--info{background-color:#17a2b81a;border:1px solid #17a2b84d;color:#17a2b8}.pet-emergency-view__status-item--warning{background-color:#ffc1071a;border:1px solid #ffc1074d;color:#ffc107}body.dark-mode .pet-emergency-view__status-item--success{background-color:#28a74533}body.dark-mode .pet-emergency-view__status-item--info{background-color:#17a2b833}body.dark-mode .pet-emergency-view__status-item--warning{background-color:#ffc10733}.pet-emergency-view__content{box-sizing:border-box;padding:0 1rem;width:100%}.pet-emergency-view__section{margin-bottom:3rem}.pet-emergency-view__section h2{border-bottom:1px solid var(--color-border);color:var(--color-text);margin-bottom:1rem;padding-bottom:.5rem}.pet-emergency-view__cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.pet-emergency-view__card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:1.5rem;transition:all .3s ease}.pet-emergency-view__card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-emergency-view__card h3{color:var(--color-primary);margin:0 0 .5rem}.pet-emergency-view__card p{color:var(--color-text-secondary);margin:0}.pet-emergency-view__features{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));list-style:none;margin:0;padding:0}.pet-emergency-view__features li{background-color:var(--color-bg-tertiary);border-left:3px solid var(--color-primary);border-radius:var(--radius-base);padding:.5rem}.pet-emergency-view__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.pet-emergency-view__button{font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.pet-emergency-view__button--primary{background-color:var(--color-primary);color:#fff}.pet-emergency-view__button--primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.pet-emergency-view__button--secondary{background-color:var(--color-bg-secondary)}.pet-emergency-view__button--secondary:hover{background-color:var(--color-bg-tertiary);transform:translateY(-1px)}.pet-emergency-view__notice{background-color:#ffc1071a;border:1px solid #ffc1074d;border-radius:var(--radius-lg);margin-top:3rem;padding:1.5rem;text-align:center}.pet-emergency-view__notice p{font-weight:500;margin:0}@media (max-width:768px){.pet-emergency-view{border-radius:0;padding:.5rem}.pet-emergency-view__header h1{font-size:2rem}.pet-emergency-view__breadcrumb-row{padding:.5rem}.pet-emergency-view__share-button{font-size:.75rem;margin-left:.5rem;padding:.25rem}.pet-emergency-view__status{align-items:stretch;flex-direction:column}.pet-emergency-view__content{padding:0 .5rem}.pet-emergency-view__cards,.pet-emergency-view__features{grid-template-columns:1fr}.pet-emergency-view__actions{flex-direction:column}.pet-emergency-view__button{width:100%}}.pet-emergency-view__skip-link{background:var(--color-primary);border-radius:var(--radius-base);color:#fff;font-weight:500;left:-9999px;padding:8px 16px;position:absolute;text-decoration:none;top:0;z-index:100}.pet-emergency-view__skip-link:focus{box-shadow:var(--shadow-lg);left:50%;top:10px;transform:translateX(-50%)}.pet-emergency-view__breadcrumb-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;padding:1rem 1rem 0}.pet-emergency-view__breadcrumbs{flex:1 1;margin:0;padding:0}.pet-emergency-view__breadcrumbs ol{flex-wrap:wrap;list-style:none;margin:0;padding:0}.pet-emergency-view__breadcrumbs li,.pet-emergency-view__breadcrumbs ol{align-items:center;display:flex;gap:.5rem}.pet-emergency-view__breadcrumbs a{align-items:center;color:var(--color-primary);display:flex;gap:.25rem;text-decoration:none;transition:color .2s ease}.pet-emergency-view__breadcrumbs a:hover{color:var(--color-primary-hover);text-decoration:underline}.pet-emergency-view__breadcrumb-separator{color:var(--color-text-secondary);font-size:.75rem}.pet-emergency-view__error{margin:0 auto;max-width:600px;padding:3rem 1rem;text-align:center}.pet-emergency-view__error h2{color:var(--color-danger);margin-bottom:1rem}.pet-emergency-view__error p{color:var(--color-text-secondary);margin-bottom:2rem}.pet-emergency-view__loading{padding:2rem 1rem}.pet-emergency-view__skeleton{animation:skeleton-loading 1.5s ease-in-out infinite}.pet-emergency-view__skeleton-card,.pet-emergency-view__skeleton-header,.pet-emergency-view__skeleton-text{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--radius-base)}.pet-emergency-view__skeleton-header{height:3rem;margin:0 auto 2rem;width:60%}.pet-emergency-view__skeleton-text{height:1rem;margin-bottom:1rem}.pet-emergency-view__skeleton-text--short{width:70%}.pet-emergency-view__skeleton-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.pet-emergency-view__skeleton-card{height:150px}.pet-emergency-view__form{max-width:600px}.pet-emergency-view__form-group{margin-bottom:1.5rem}.pet-emergency-view__form-group label{font-weight:500;margin-bottom:.5rem}.pet-emergency-view__required{color:var(--color-danger);margin-left:.25rem}.pet-emergency-view__input,.pet-emergency-view__select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:1rem;min-height:44px;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.pet-emergency-view__input:focus,.pet-emergency-view__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.pet-emergency-view__help-text{color:var(--color-text-secondary);display:block;font-size:.875rem;margin-top:.5rem}body.dark-mode .pet-emergency-view__skeleton-card,body.dark-mode .pet-emergency-view__skeleton-header,body.dark-mode .pet-emergency-view__skeleton-text{background:linear-gradient(90deg,#3a3a3a 25%,#4a4a4a 50%,#3a3a3a 75%)}body.dark-mode .pet-emergency-view__input,body.dark-mode .pet-emergency-view__select{background-color:var(--color-bg-secondary)}.pet-emergency-view__button:focus-visible,.pet-emergency-view__card:focus-visible,.pet-emergency-view__input:focus-visible,.pet-emergency-view__select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media print{.pet-emergency-view__actions,.pet-emergency-view__notice,.pet-emergency-view__offline-banner,.pet-emergency-view__skip-link,.pet-emergency-view__toast{display:none}.pet-emergency-view{background:#fff;color:#000;max-width:none;padding:0}}.pet-emergency-view__offline-banner{align-items:center;background-color:var(--color-warning);box-shadow:var(--shadow-md);color:#fff;display:flex;font-weight:500;gap:.5rem;justify-content:center;left:0;padding:.75rem;position:fixed;right:0;text-align:center;top:0;z-index:1100}.pet-emergency-view__toast{align-items:center;animation:slideIn .3s ease-out;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);bottom:2rem;box-shadow:var(--shadow-lg);display:flex;gap:1rem;max-width:400px;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:1200}.pet-emergency-view__toast-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.pet-emergency-view__toast-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s ease}.pet-emergency-view__toast-close:hover{color:var(--color-text)}.pet-emergency-view__toast--success{border-color:var(--color-success)}.pet-emergency-view__toast--success svg{color:var(--color-success)}.pet-emergency-view__toast--warning{border-color:var(--color-warning)}.pet-emergency-view__toast--warning svg{color:var(--color-warning)}.pet-emergency-view__toast--error{border-color:var(--color-danger)}.pet-emergency-view__toast--error svg{color:var(--color-danger)}.pet-emergency-view__toast--info{border-color:var(--color-info)}.pet-emergency-view__toast--info svg{color:var(--color-info)}.pet-emergency-view__unsaved-indicator{color:var(--color-warning);font-size:.875rem;font-weight:400;margin-left:.5rem}.pet-emergency-view__form-actions{gap:1rem;margin-top:1.5rem}.pet-emergency-view__image-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1rem}.pet-emergency-view__image-container{aspect-ratio:16/9;background-color:var(--color-bg-secondary);border-radius:var(--radius-base);overflow:hidden;position:relative}.pet-emergency-view__image{height:100%;object-fit:cover;transition:opacity .3s ease;width:100%}.pet-emergency-view__image[data-src]{background-color:var(--color-bg-tertiary);opacity:0}.pet-emergency-view__image:not([data-src]){opacity:1}@media (prefers-contrast:high){.pet-emergency-view__button,.pet-emergency-view__input,.pet-emergency-view__select,.pet-emergency-view__toast{border-width:2px}}@media (max-width:768px){.pet-emergency-view__toast{bottom:1rem;left:1rem;max-width:none;right:1rem}.pet-emergency-view__form-actions{flex-direction:column}.pet-emergency-view__form-actions button{width:100%}.pet-emergency-view__image-grid{grid-template-columns:1fr}}.pet-emergency-view{background-color:var(--color-bg);min-height:100vh;padding-bottom:var(--space-2xl)}.pet-emergency-view--loading{align-items:center;display:flex;justify-content:center;padding:var(--space-3xl)}.pet-emergency-view__loader{color:var(--color-text-secondary);text-align:center}.pet-emergency-view__loader-icon{animation:pulse 1.5s ease-in-out infinite;color:var(--color-primary);font-size:3rem;margin-bottom:var(--space-md)}.pet-emergency-view--error{align-items:center;display:flex;justify-content:center;padding:var(--space-3xl)}.pet-emergency-view__error-content{max-width:400px;text-align:center}.pet-emergency-view__error-icon{color:var(--color-danger);font-size:3rem;margin-bottom:var(--space-md)}.pet-emergency-view__header{background:var(--color-danger);color:#fff;padding:var(--space-lg) var(--space-md);text-align:center}.pet-emergency-view__title{align-items:center;display:flex;font-size:var(--font-size-xl);gap:var(--space-sm);justify-content:center;margin:0 0 var(--space-xs) 0}.pet-emergency-view__subtitle{font-size:var(--font-size-base);margin:0;opacity:.95}.pet-emergency-view__success-banner{align-items:center;background:var(--color-success);color:#fff;display:flex;gap:var(--space-md);margin-bottom:var(--space-lg);padding:var(--space-md)}.pet-emergency-view__success-banner svg{flex-shrink:0;font-size:2rem}.pet-emergency-view__success-banner h3{margin:0 0 var(--space-xs) 0}.pet-emergency-view__success-banner p{margin:0}.pet-emergency-view__pet-section{margin:0 auto;max-width:600px;padding:var(--space-lg) var(--space-md)}.pet-emergency-view__pet-header{align-items:center;display:flex;gap:var(--space-lg);margin-bottom:var(--space-lg)}.pet-emergency-view__pet-photo{border:3px solid var(--color-primary);border-radius:var(--radius-full);flex-shrink:0;height:120px;object-fit:cover;width:120px}.pet-emergency-view__pet-info{flex:1 1}.pet-emergency-view__pet-name{color:var(--color-text);font-size:var(--font-size-2xl);margin:0 0 var(--space-xs) 0}.pet-emergency-view__pet-details{font-size:var(--font-size-lg)}.pet-emergency-view__pet-age,.pet-emergency-view__pet-color,.pet-emergency-view__pet-details{color:var(--color-text-secondary);margin:0 0 var(--space-xs) 0}.pet-emergency-view__microchip{align-items:center;background:var(--color-success-bg);border:1px solid var(--color-success);border-radius:var(--radius-base);display:flex;gap:var(--space-md);margin-bottom:var(--space-lg);padding:var(--space-md)}.pet-emergency-view__microchip-icon{color:var(--color-success);flex-shrink:0;font-size:var(--font-size-xl)}.pet-emergency-view__microchip strong{display:block;margin-bottom:var(--space-xs)}.pet-emergency-view__microchip p{color:var(--color-text-secondary);font-family:monospace;margin:0}.pet-emergency-view__contact-section{background:var(--color-bg-secondary);margin-bottom:var(--space-lg);padding:var(--space-lg) var(--space-md)}.pet-emergency-view__section-title{align-items:center;color:var(--color-text);display:flex;font-size:var(--font-size-lg);gap:var(--space-sm);justify-content:center;margin:0 0 var(--space-md) 0;text-align:center}.pet-emergency-view__contact-actions{display:flex;flex-direction:column;gap:var(--space-sm);margin:0 auto var(--space-md) auto;max-width:400px}.pet-emergency-view__contact-button{align-items:center;background:var(--color-primary)!important;border:none;border-radius:var(--radius-base);color:var(--color-bg)!important;cursor:pointer;display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);gap:var(--space-sm);justify-content:center;padding:var(--space-md) var(--space-lg);text-decoration:none;transition:all var(--transition-base)}.pet-emergency-view__contact-button--primary{background:var(--color-success);font-size:var(--font-size-xl);padding:var(--space-lg)}.pet-emergency-view__contact-button:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-emergency-view__contact-button--primary:hover{background:var(--color-success-hover)}.pet-emergency-view__phone-number{display:block;font-size:var(--font-size-sm);opacity:.9}.pet-emergency-view__owner-info{color:var(--color-text-secondary);text-align:center}.pet-emergency-view__medical-section{background:var(--color-danger-bg);border:1px solid var(--color-danger);border-radius:var(--radius-base);margin:0 var(--space-md) var(--space-lg) var(--space-md);margin-left:auto;margin-right:auto;max-width:600px;padding:var(--space-lg)}.pet-emergency-view__medical-section .pet-emergency-view__section-title{color:var(--color-danger);margin-bottom:var(--space-md)}.pet-emergency-view__medical-item{margin-bottom:var(--space-md)}.pet-emergency-view__medical-item:last-child{margin-bottom:0}.pet-emergency-view__medical-item strong{color:var(--color-text);display:block;margin-bottom:var(--space-xs)}.pet-emergency-view__medical-item ul{padding-left:var(--space-lg)}.pet-emergency-view__medical-item p,.pet-emergency-view__medical-item ul{color:var(--color-text-secondary);margin:0}.pet-emergency-view__vet-section{margin:0 auto var(--space-lg) auto;max-width:600px;padding:var(--space-lg);text-align:center}.pet-emergency-view__behavior-section{background:var(--color-bg-secondary);border-radius:var(--radius-base);margin:0 var(--space-md) var(--space-lg) var(--space-md);margin-left:auto;margin-right:auto;max-width:600px;padding:var(--space-lg)}.pet-emergency-view__behavior-section p{color:var(--color-text-secondary);margin:0 0 var(--space-sm) 0}.pet-emergency-view__behavior-section strong{color:var(--color-text)}.pet-emergency-view__found-section{padding:var(--space-lg);text-align:center}.pet-emergency-view__found-button{align-items:center;background:var(--color-info);border:none;border-radius:var(--radius-base);color:#fff;cursor:pointer;display:inline-flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);gap:var(--space-sm);padding:var(--space-md) var(--space-xl);transition:all var(--transition-base)}.pet-emergency-view__found-button:hover{background:var(--color-info-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pet-emergency-view__found-form{background:var(--color-bg-secondary);border-radius:var(--radius-base);margin:0 var(--space-md) var(--space-lg) var(--space-md);margin-left:auto;margin-right:auto;max-width:600px;padding:var(--space-lg)}.pet-emergency-view__form-group{margin-bottom:var(--space-md)}.pet-emergency-view__form-group label{color:var(--color-text);display:block;font-weight:var(--font-weight-medium);margin-bottom:var(--space-xs)}.pet-emergency-view__input,.pet-emergency-view__select,.pet-emergency-view__textarea{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:var(--font-size-base);padding:var(--space-sm);transition:border-color var(--transition-base);width:100%}.pet-emergency-view__input:focus,.pet-emergency-view__select:focus,.pet-emergency-view__textarea:focus{border-color:var(--color-primary);outline:none}.pet-emergency-view__textarea{min-height:100px;resize:vertical}.pet-emergency-view__form-disclaimer{background:var(--color-info-bg);border:1px solid var(--color-info);border-radius:var(--radius-base);margin:var(--space-md) 0;padding:var(--space-md)}.pet-emergency-view__form-disclaimer p{color:var(--color-text);font-size:var(--font-size-sm);line-height:1.5;margin:0}.pet-emergency-view__form-disclaimer strong{color:var(--color-info-dark)}.pet-emergency-view__form-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-lg)}.pet-emergency-view__button{border:none;border-radius:var(--radius-base);cursor:pointer;flex:1 1;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.pet-emergency-view__button--primary{background:var(--color-primary)!important;color:var(--color-bg)!important}.pet-emergency-view__button--primary:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.pet-emergency-view__button--secondary{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text)}.pet-emergency-view__button--secondary:hover:not(:disabled){background:var(--color-bg-hover)}.pet-emergency-view__button:disabled{cursor:not-allowed;opacity:.6}.pet-emergency-view__footer{border-top:1px solid var(--color-border);margin-top:var(--space-2xl);padding:var(--space-xl) var(--space-md);text-align:center}.pet-emergency-view__footer-text{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--space-sm) 0}.pet-emergency-view__footer-link{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:var(--font-size-sm);padding:0;text-decoration:underline}.pet-emergency-view__footer-link:hover{color:var(--color-primary-hover)}body.dark-mode .pet-emergency-view{background-color:var(--color-bg)}body.dark-mode .pet-emergency-view__medical-section{background:#dc35451a}body.dark-mode .pet-emergency-view__microchip{background:#28a7451a}@media (max-width:768px){.pet-emergency-view__pet-header{flex-direction:column;text-align:center}.pet-emergency-view__pet-photo{height:100px;width:100px}.pet-emergency-view__contact-button{font-size:var(--font-size-base);padding:var(--space-sm) var(--space-md)}.pet-emergency-view__contact-button--primary{font-size:var(--font-size-lg);padding:var(--space-md)}.pet-emergency-view__form-actions{flex-direction:column}}.flyer-filters{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;margin:0 auto 30px;padding:20px}.flyer-filters__container{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.flyer-filters__search{align-items:center;display:flex;flex:1 1;isolation:isolate;min-width:200px;position:relative}.flyer-filters__search .flyer-filters__search-icon{color:var(--color-text-muted);font-size:14px;left:15px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.flyer-filters__search .flyer-filters__search-input{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;box-sizing:border-box;color:var(--color-text);font-size:1rem;padding:10px 40px 10px 45px!important;text-indent:0!important;transition:border-color .2s ease;width:100%}.flyer-filters__search-input:focus{border-color:var(--color-primary);outline:none}.flyer-filters__clear-search,.flyer-filters__search-input::placeholder{color:var(--color-text-muted)}.flyer-filters__clear-search{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:5px;position:absolute;right:10px;transition:color .2s ease}.flyer-filters__clear-search:hover{color:var(--color-text)}.flyer-filters__mobile-toggle{align-items:center;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);cursor:pointer;display:none;gap:8px;padding:10px 16px;transition:all .2s ease}.flyer-filters__mobile-toggle:hover{background-color:var(--color-bg-hover);border-color:var(--color-primary)}.flyer-filters__desktop{align-items:center;display:flex;gap:20px}.flyer-filters__group{align-items:center;display:flex;gap:10px}.flyer-filters__label{color:var(--color-text-secondary);font-size:.9rem;font-weight:500;white-space:nowrap}.flyer-filters__select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);cursor:pointer;font-size:.95rem;min-width:150px;padding:8px 12px;transition:border-color .2s ease}.flyer-filters__select:focus{border-color:var(--color-primary);outline:none}.flyer-filters__select:hover{border-color:var(--color-border-dark)}.flyer-filters__mobile-dropdown{border-top:1px solid var(--color-border);display:none;margin-top:15px;padding-top:15px;width:100%}.flyer-filters__mobile-dropdown .flyer-filters__group{align-items:flex-start;flex-direction:column;margin-bottom:15px;width:100%}.flyer-filters__mobile-dropdown .flyer-filters__select{margin-top:5px;width:100%}.dark-mode .flyer-filters__search-input,.dark-mode .flyer-filters__select{background-color:var(--color-bg-tertiary);border-color:var(--color-border)}.dark-mode .flyer-filters__search-input:focus,.dark-mode .flyer-filters__select:focus{border-color:var(--color-primary)}@media (max-width:768px){.flyer-filters__container{align-items:stretch;flex-direction:column}.flyer-filters__search{margin-bottom:10px;width:100%}.flyer-filters__desktop{display:none}.flyer-filters__mobile-toggle{display:flex;justify-content:center;width:100%}.flyer-filters__mobile-dropdown{display:block}}.flyers-gallery__container{margin-top:1rem}.flyers-gallery__create-btn{background-color:var(--color-primary);border:none;border-radius:var(--radius-base);color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:600;margin-bottom:20px;margin-left:auto;margin-right:auto;padding:12px 24px;transition:all .3s ease}.flyers-gallery__create-btn:hover{background-color:var(--color-primary-hover);box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.flyers-gallery__empty{background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);margin:40px 0;padding:60px 20px;text-align:center}.flyers-gallery__empty h3{color:var(--color-text);margin-bottom:10px}.flyers-gallery__empty p{color:var(--color-text-secondary)}.flyers-gallery__grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:30px}.flyers-gallery__loading-more{padding:40px;text-align:center}.flyers-gallery__loading-more .spinner-icon{animation:spin 1s linear infinite;color:var(--color-primary);font-size:2rem}.flyers-gallery{margin:0 auto;max-width:1200px;padding:0;width:100%}.flyers-gallery--full-width{margin:0;max-width:none}body.has-profile-background .flyers-gallery{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1rem}body.dark-mode .flyers-gallery{background-color:#2a2a2a;color:var(--color-text)}body.dark-mode.has-profile-background .flyers-gallery{background-color:#2a2a2af2}.flyers-gallery__header{border-bottom:2px solid var(--color-primary);margin-bottom:2rem;padding:.5rem 1rem 1rem;position:relative;text-align:center}.flyers-gallery__header-content{width:100%}.flyers-gallery__header h1{color:var(--color-primary);font-size:2.5rem;margin:0 0 .5rem}.flyers-gallery__header p{color:var(--color-text-secondary);font-size:1.1rem;margin:0}.flyers-gallery__share-button{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;font-size:.875rem;height:auto;justify-content:center;margin-left:1rem;min-height:0;min-height:auto;padding:.25rem .5rem;position:static;transition:all .2s ease}.flyers-gallery__share-button:hover{background-color:var(--color-bg-tertiary);box-shadow:var(--shadow-md);color:var(--color-primary);transform:translateY(-1px)}.flyers-gallery__share-button:active{transform:translateY(0)}.flyers-gallery__share-button svg{fill:currentColor;height:1em;width:1em}.flyers-gallery__status{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem;padding:0 1rem}.flyers-gallery__status-item{align-items:center;border-radius:var(--radius-lg);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.flyers-gallery__status-item--success{background-color:#28a7451a;border:1px solid #28a7454d;color:#28a745}.flyers-gallery__status-item--info{background-color:#17a2b81a;border:1px solid #17a2b84d;color:#17a2b8}.flyers-gallery__status-item--warning{background-color:#ffc1071a;border:1px solid #ffc1074d;color:#ffc107}body.dark-mode .flyers-gallery__status-item--success{background-color:#28a74533}body.dark-mode .flyers-gallery__status-item--info{background-color:#17a2b833}body.dark-mode .flyers-gallery__status-item--warning{background-color:#ffc10733}.flyers-gallery__content{box-sizing:border-box;padding:0 1rem;width:100%}.flyers-gallery__section{margin-bottom:3rem}.flyers-gallery__section h2{border-bottom:1px solid var(--color-border);color:var(--color-text);margin-bottom:1rem;padding-bottom:.5rem}.flyers-gallery__cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.flyers-gallery__card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:1.5rem;transition:all .3s ease}.flyers-gallery__card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.flyers-gallery__card h3{color:var(--color-primary);margin:0 0 .5rem}.flyers-gallery__card p{color:var(--color-text-secondary);margin:0}.flyers-gallery__features{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));list-style:none;margin:0;padding:0}.flyers-gallery__features li{background-color:var(--color-bg-tertiary);border-left:3px solid var(--color-primary);border-radius:var(--radius-base);padding:.5rem}.flyers-gallery__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.flyers-gallery__button{border:none;border-radius:var(--radius-base);cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.flyers-gallery__button--primary{background-color:var(--color-primary);color:#fff}.flyers-gallery__button--primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.flyers-gallery__button--secondary{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.flyers-gallery__button--secondary:hover{background-color:var(--color-bg-tertiary);transform:translateY(-1px)}.flyers-gallery__notice{background-color:#ffc1071a;border:1px solid #ffc1074d;border-radius:var(--radius-lg);margin-top:3rem;padding:1.5rem;text-align:center}.flyers-gallery__notice p{font-weight:500;margin:0}@media (max-width:768px){.flyers-gallery{border-radius:0;padding:.5rem}.flyers-gallery__header h1{font-size:2rem}.flyers-gallery__breadcrumb-row{padding:.5rem}.flyers-gallery__share-button{font-size:.75rem;margin-left:.5rem;padding:.25rem}.flyers-gallery__status{align-items:stretch;flex-direction:column}.flyers-gallery__content{padding:0 .5rem}.flyers-gallery__cards,.flyers-gallery__features{grid-template-columns:1fr}.flyers-gallery__actions{flex-direction:column}.flyers-gallery__button{width:100%}}.flyers-gallery__skip-link{background:var(--color-primary);border-radius:var(--radius-base);color:#fff;font-weight:500;left:-9999px;padding:8px 16px;position:absolute;text-decoration:none;top:0;z-index:100}.flyers-gallery__skip-link:focus{box-shadow:var(--shadow-lg);left:50%;top:10px;transform:translateX(-50%)}.flyers-gallery__breadcrumb-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;padding:1rem 1rem 0}.flyers-gallery__breadcrumbs{flex:1 1;margin:0;padding:0}.flyers-gallery__breadcrumbs ol{flex-wrap:wrap;list-style:none;margin:0;padding:0}.flyers-gallery__breadcrumbs li,.flyers-gallery__breadcrumbs ol{align-items:center;display:flex;gap:.5rem}.flyers-gallery__breadcrumbs a{align-items:center;color:var(--color-primary);display:flex;gap:.25rem;text-decoration:none;transition:color .2s ease}.flyers-gallery__breadcrumbs a:hover{color:var(--color-primary-hover);text-decoration:underline}.flyers-gallery__breadcrumb-separator{color:var(--color-text-secondary);font-size:.75rem}.flyers-gallery__error{margin:0 auto;max-width:600px;padding:3rem 1rem;text-align:center}.flyers-gallery__error h2{color:var(--color-danger);margin-bottom:1rem}.flyers-gallery__error p{color:var(--color-text-secondary);margin-bottom:2rem}.flyers-gallery__loading{padding:2rem 1rem}.flyers-gallery__skeleton{animation:skeleton-loading 1.5s ease-in-out infinite}.flyers-gallery__skeleton-card,.flyers-gallery__skeleton-header,.flyers-gallery__skeleton-text{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--radius-base)}.flyers-gallery__skeleton-header{height:3rem;margin:0 auto 2rem;width:60%}.flyers-gallery__skeleton-text{height:1rem;margin-bottom:1rem}.flyers-gallery__skeleton-text--short{width:70%}.flyers-gallery__skeleton-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.flyers-gallery__skeleton-card{height:150px}.flyers-gallery__form{max-width:600px}.flyers-gallery__form-group{margin-bottom:1.5rem}.flyers-gallery__form-group label{color:var(--color-text);display:block;font-weight:500;margin-bottom:.5rem}.flyers-gallery__required{color:var(--color-danger);margin-left:.25rem}.flyers-gallery__input,.flyers-gallery__select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:1rem;min-height:44px;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.flyers-gallery__input:focus,.flyers-gallery__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.flyers-gallery__help-text{color:var(--color-text-secondary);display:block;font-size:.875rem;margin-top:.5rem}body.dark-mode .flyers-gallery__skeleton-card,body.dark-mode .flyers-gallery__skeleton-header,body.dark-mode .flyers-gallery__skeleton-text{background:linear-gradient(90deg,#3a3a3a 25%,#4a4a4a 50%,#3a3a3a 75%)}body.dark-mode .flyers-gallery__input,body.dark-mode .flyers-gallery__select{background-color:var(--color-bg-secondary)}.flyers-gallery__button:focus-visible,.flyers-gallery__card:focus-visible,.flyers-gallery__input:focus-visible,.flyers-gallery__select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media print{.flyers-gallery__actions,.flyers-gallery__notice,.flyers-gallery__offline-banner,.flyers-gallery__skip-link,.flyers-gallery__toast{display:none}.flyers-gallery{background:#fff;color:#000;max-width:none;padding:0}}.flyers-gallery__offline-banner{align-items:center;background-color:var(--color-warning);box-shadow:var(--shadow-md);color:#fff;display:flex;font-weight:500;gap:.5rem;justify-content:center;left:0;padding:.75rem;position:fixed;right:0;text-align:center;top:0;z-index:1100}.flyers-gallery__toast{align-items:center;animation:slideIn .3s ease-out;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);bottom:2rem;box-shadow:var(--shadow-lg);display:flex;gap:1rem;max-width:400px;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:1200}.flyers-gallery__toast-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.flyers-gallery__toast-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s ease}.flyers-gallery__toast-close:hover{color:var(--color-text)}.flyers-gallery__toast--success{border-color:var(--color-success)}.flyers-gallery__toast--success svg{color:var(--color-success)}.flyers-gallery__toast--warning{border-color:var(--color-warning)}.flyers-gallery__toast--warning svg{color:var(--color-warning)}.flyers-gallery__toast--error{border-color:var(--color-danger)}.flyers-gallery__toast--error svg{color:var(--color-danger)}.flyers-gallery__toast--info{border-color:var(--color-info)}.flyers-gallery__toast--info svg{color:var(--color-info)}.flyers-gallery__unsaved-indicator{color:var(--color-warning);font-size:.875rem;font-weight:400;margin-left:.5rem}.flyers-gallery__form-actions{display:flex;gap:1rem;margin-top:1.5rem}.flyers-gallery__image-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1rem}.flyers-gallery__image-container{aspect-ratio:16/9;background-color:var(--color-bg-secondary);border-radius:var(--radius-base);overflow:hidden;position:relative}.flyers-gallery__image{height:100%;object-fit:cover;transition:opacity .3s ease;width:100%}.flyers-gallery__image[data-src]{background-color:var(--color-bg-tertiary);opacity:0}.flyers-gallery__image:not([data-src]){opacity:1}@media (prefers-contrast:high){.flyers-gallery__button,.flyers-gallery__input,.flyers-gallery__select,.flyers-gallery__toast{border-width:2px}}@media (max-width:768px){.flyers-gallery__toast{bottom:1rem;left:1rem;max-width:none;right:1rem}.flyers-gallery__form-actions{flex-direction:column}.flyers-gallery__form-actions button{width:100%}.flyers-gallery__image-grid{grid-template-columns:1fr}}.flyer-badge{align-items:center;border-radius:20px;box-shadow:0 2px 4px #0003;color:#fff;display:inline-flex;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s ease}.flyer-badge:hover{box-shadow:0 3px 6px #0000004d;transform:translateY(-1px)}.flyer-badge--small{font-size:11px;gap:4px;padding:4px 8px}.flyer-badge--small .flyer-badge__icon{font-size:12px}.flyer-badge--medium{font-size:12px;gap:6px;padding:6px 12px}.flyer-badge--medium .flyer-badge__icon{font-size:14px}.flyer-badge--large{font-size:14px;gap:8px;padding:8px 16px}.flyer-badge--large .flyer-badge__icon{font-size:16px}.flyer-badge__icon{align-items:center;display:flex;justify-content:center}.flyer-badge__text{letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.dark-mode .flyer-badge{box-shadow:0 2px 4px #0006}.flyer-badge[style*="#003F87"],.flyer-badge[style*="#FF0000"],.flyer-badge[style*="#FF9800"]{animation:emergency-pulse 2s infinite}@keyframes emergency-pulse{0%,to{opacity:1}50%{opacity:.85}}.sr-only--focusable:focus{position:static}.toast--success{border-left:4px solid var(--color-success);color:var(--color-success)}.toast--error{border-left:4px solid var(--color-danger);color:var(--color-danger)}.toast--warning{border-left:4px solid var(--color-warning);color:var(--color-warning)}.toast--info{border-left:4px solid var(--color-info);color:var(--color-info)}.toast svg{font-size:1.5rem}.toast span{color:var(--color-text)}.skeleton{animation:skeleton-loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--radius-base)}.skeleton--title{height:3rem;margin:2rem auto;width:60%}.skeleton--text{height:1rem;margin-bottom:1rem}.skeleton--image{height:400px;margin:1rem 0;width:100%}body.dark-mode .skeleton{background:linear-gradient(90deg,#3a3a3a 25%,#4a4a4a 50%,#3a3a3a 75%);background-size:200% 100%}.focus-visible :focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.flyer-detail{min-height:100vh;padding:0 20px 20px}.flyer-detail__container{background-color:var(--color-bg);border-radius:8px;box-shadow:0 2px 4px #0000001a}.flyer-detail__container,.flyer-detail__inner{margin:0 auto;max-width:1200px;overflow:hidden}.flyer-detail__inner{background-color:var(--color-bg-secondary);border-radius:12px;box-shadow:0 4px 15px #0000001a}.flyer-detail__header-actions{align-items:center;background-color:var(--color-bg);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:20px}.flyer-detail__back-btn{align-items:center;background:none;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);cursor:pointer;display:flex;gap:8px;padding:8px 16px;transition:all .2s ease}.flyer-detail__back-btn:hover{background-color:var(--color-bg-hover);border-color:var(--color-primary)}.flyer-detail__action-buttons{display:flex;gap:10px}.flyer-detail__analytics-btn,.flyer-detail__delete-btn,.flyer-detail__edit-btn,.flyer-detail__export-btn,.flyer-detail__print-btn,.flyer-detail__share-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.9rem;gap:6px;padding:8px 16px;transition:all .2s ease}.flyer-detail__edit-btn{background-color:var(--color-info);color:#fff}.flyer-detail__edit-btn:hover{background-color:#138496}.flyer-detail__delete-btn{background-color:var(--color-danger);color:#fff}.flyer-detail__delete-btn:hover{background-color:#c82333}.flyer-detail__delete-btn:disabled{cursor:not-allowed;opacity:.6}.flyer-detail__share-btn{background-color:var(--color-primary);color:#fff}.flyer-detail__share-btn:hover{background-color:var(--color-primary-hover)}.flyer-detail__print-btn{background-color:#6c757d;border:1px solid #6c757d;color:#fff}.flyer-detail__print-btn:hover{background-color:#5a6268;border-color:#5a6268}.flyer-detail__export-btn{background-color:var(--color-success);color:#fff}.flyer-detail__export-btn:hover{background-color:#229a3e}.flyer-detail__export-btn:disabled{cursor:not-allowed;opacity:.6}.flyer-detail__analytics-btn{background-color:var(--color-success);color:#fff}.flyer-detail__analytics-btn:hover{background-color:#218838}.flyer-detail__image-container{align-items:center;background-color:#f8f9fa;display:flex;justify-content:center;min-height:400px;width:100%}.flyer-detail__image,.flyer-detail__video{height:auto;max-height:800px;object-fit:contain;width:100%}.flyer-detail__video{background-color:#fff}.flyer-detail__expired-overlay{background-color:#fffffff2;border:4px solid var(--color-danger);left:50%;padding:20px 80px;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-45deg)}.flyer-detail__expired-overlay span{color:var(--color-danger);font-size:2rem;font-weight:700;text-transform:uppercase}.flyer-detail__priority-badge{animation:pulse 1.5s infinite;background:linear-gradient(135deg,red,#c00);border-radius:20px;box-shadow:0 4px 8px #0000004d;color:#fff;font-size:.9rem;font-weight:700;letter-spacing:1px;padding:8px 20px;position:absolute;right:20px;text-transform:uppercase;top:20px;z-index:10}.flyer-detail__info{padding:30px}.flyer-detail__header{margin-bottom:30px}.flyer-detail__title{color:var(--color-text);font-size:2rem;line-height:1.3;margin-bottom:20px}.flyer-detail__meta{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.flyer-detail__organization{color:var(--color-text-secondary);font-size:1.1rem}.flyer-detail__dates{color:var(--color-text-secondary);display:flex;font-size:.9rem;gap:20px}.flyer-detail__expires,.flyer-detail__posted{align-items:center;display:flex;gap:6px}.flyer-detail__expires.expired{color:var(--color-danger);font-weight:600}.flyer-detail__attachments,.flyer-detail__comments,.flyer-detail__contact,.flyer-detail__content,.flyer-detail__description,.flyer-detail__links{margin-bottom:40px}.flyer-detail__attachments h2,.flyer-detail__comments h2,.flyer-detail__contact h2,.flyer-detail__description h2,.flyer-detail__links h2{border-bottom:2px solid var(--color-border);color:var(--color-text);font-size:1.4rem;margin-bottom:15px;padding-bottom:10px}.flyer-detail__description p{color:var(--color-text);font-size:1.05rem;line-height:1.6}.flyer-detail__description h1,.flyer-detail__description h2,.flyer-detail__description h3,.flyer-detail__description h4,.flyer-detail__description h5,.flyer-detail__description h6{color:var(--color-text);margin-bottom:.5em;margin-top:1.5em}.flyer-detail__description ol,.flyer-detail__description ul{margin:1em 0;padding-left:2em}.flyer-detail__description li{margin:.5em 0}.flyer-detail__description img{display:block;height:auto;margin:1em auto;max-width:100%}.flyer-detail__description table{border-collapse:collapse;margin:1em 0;width:100%}.flyer-detail__description td,.flyer-detail__description th{border:1px solid var(--color-border);padding:.5em;text-align:left}.flyer-detail__description th{background-color:var(--color-bg-secondary);font-weight:600}.flyer-detail__content{color:var(--color-text);font-size:1rem;line-height:1.7}.flyer-detail__links-list{display:flex;flex-direction:column;gap:10px}.flyer-detail__link{align-items:center;background-color:var(--color-bg);border:2px solid var(--color-primary);border-radius:8px;color:var(--color-primary);cursor:pointer;display:inline-flex;font-weight:500;gap:8px;padding:12px 20px;text-decoration:none;transition:all .2s ease}.flyer-detail__link:hover{background-color:var(--color-primary);box-shadow:0 4px 8px #ff450033;color:#fff;transform:translateY(-2px)}.flyer-detail__link .primary-badge{background-color:var(--color-warning);border-radius:4px;color:#333;font-size:.75rem;font-weight:600;margin-left:auto;padding:2px 8px}.flyer-detail__attachments-list{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.flyer-detail__attachment{align-items:center;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);display:flex;gap:10px;padding:12px 16px;text-decoration:none;transition:all .2s ease}.flyer-detail__attachment:hover{background-color:var(--color-bg-hover);border-color:var(--color-primary);transform:translateY(-1px)}.flyer-detail__attachment-icon{flex-shrink:0;font-size:1.5rem}.flyer-detail__attachment-icon--pdf{color:#dc3545}.flyer-detail__attachment-icon--word{color:#2b579a}.flyer-detail__attachment-icon--excel{color:#217346}.flyer-detail__attachment-icon--image{color:#6c757d}.flyer-detail__attachment-icon--other{color:var(--color-text-muted)}.flyer-detail__attachment-info{display:flex;flex:1 1;flex-direction:column;gap:2px;overflow:hidden}.flyer-detail__attachment-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flyer-detail__attachment-size{color:var(--color-text-muted);font-size:.85rem}.flyer-detail__download-icon{color:var(--color-primary);flex-shrink:0;opacity:.7;transition:opacity .2s ease}.flyer-detail__attachment:hover .flyer-detail__download-icon{opacity:1}.flyer-detail__contact-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.flyer-detail__contact-item{align-items:center;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;display:flex;gap:10px;padding:15px}.flyer-detail__contact-item svg{color:var(--color-primary);flex-shrink:0}.flyer-detail__contact-item a{color:var(--color-primary);text-decoration:none}.flyer-detail__contact-item a:hover{text-decoration:underline}.flyer-detail__comments-locked{background-color:var(--color-bg);border-radius:8px;color:var(--color-text-secondary);font-style:italic;padding:20px;text-align:center}.flyer-detail__loading{margin:0 auto;max-width:1200px;padding:40px}.flyer-detail__error{background-color:var(--color-bg-secondary);border-radius:12px;margin:50px auto;max-width:600px;padding:40px;text-align:center}.flyer-detail__error h2{color:var(--color-danger);margin-bottom:15px}.flyer-detail__error button{background-color:var(--color-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:20px;padding:10px 20px;transition:background-color .2s ease}.flyer-detail__error button:hover{background-color:var(--color-primary-hover)}.dark .flyer-detail__header-actions{background-color:var(--color-bg);border-bottom-color:var(--color-border)}.dark .flyer-detail__image-container,.dark .flyer-detail__video{background-color:#1a1a1a}@media print{.flyer-detail__comments,.flyer-detail__header-actions{display:none}.flyer-detail__container{border:1px solid #ccc;box-shadow:none}.flyer-detail__image{max-height:none}.sr-only,.toast{display:none}}@media (max-width:768px){.flyer-detail{padding:10px}.flyer-detail__inner{border-radius:8px}.flyer-detail__info{padding:20px}.flyer-detail__header-actions{align-items:stretch;flex-direction:column;gap:15px}.flyer-detail__action-buttons{flex-wrap:wrap;justify-content:center}.flyer-detail__title{font-size:1.5rem}.flyer-detail__meta{align-items:flex-start;flex-direction:column}.flyer-detail__dates{flex-direction:column;gap:10px}.flyer-detail__contact-grid{grid-template-columns:1fr}.flyer-detail__image,.flyer-detail__video{max-height:600px}.flyer-detail__cta-button{max-width:100%}.toast{bottom:1rem;left:1rem;max-width:none;right:1rem}}.flyer-detail__primary-cta{align-items:center;display:flex;flex-direction:column;gap:15px;margin:20px 0}.flyer-detail__cta-button{align-items:center;animation:pulseGlow 2s infinite;background-color:var(--color-primary);border:none;border-radius:12px;box-shadow:0 4px 15px #ff45004d;color:#fff!important;cursor:pointer;display:flex;font-size:1.25rem;font-weight:700;gap:12px;justify-content:center;letter-spacing:1px;max-width:400px;padding:20px 30px;text-decoration:none;text-transform:uppercase;transition:all .3s ease;width:100%}@keyframes pulseGlow{0%{box-shadow:0 4px 15px #ff45004d}50%{box-shadow:0 4px 25px #ff450080}to{box-shadow:0 4px 15px #ff45004d}}.flyer-detail__cta-button:hover{animation:none;background-color:var(--color-primary-hover);box-shadow:0 6px 25px #ff450066;color:#fff!important;text-decoration:none;transform:translateY(-2px)}.flyer-detail__cta-text{font-size:1.25rem;font-weight:700}.flyer-detail__cta-icon{font-size:1.1rem}.flyer-detail__secondary-links-title{color:var(--color-text-secondary);font-size:1.1rem;margin:30px 0 15px;text-align:center}body.dark-mode .flyer-detail__cta-button{background-color:var(--color-primary);box-shadow:0 4px 15px #ff450066;color:#fff!important}body.dark-mode .flyer-detail__cta-button:hover{background-color:var(--color-primary-hover);box-shadow:0 6px 25px #ff450080;color:#fff!important}.flyer-detail__video-cta-overlay{align-items:center;cursor:pointer;display:flex;height:80px;justify-content:center;left:0;position:absolute;right:0;text-decoration:none;transition:all .3s ease;width:100%;z-index:5}.flyer-detail__video-cta-overlay--top{background:linear-gradient(180deg,#000000b3,#0000);top:0}.flyer-detail__video-cta-overlay--top:hover{background:linear-gradient(180deg,#ff4500e6,#ff450000)}.flyer-detail__video-cta-text{background-color:#ff4500cc;border-radius:25px;color:#fff;font-size:1.1rem;font-weight:700;letter-spacing:1px;padding:10px 20px;text-shadow:2px 2px 4px #00000080;text-transform:uppercase;transition:all .3s ease}.flyer-detail__video-cta-overlay:hover .flyer-detail__video-cta-text{background-color:#ff4500;box-shadow:0 4px 15px #ff450080;transform:scale(1.05)}.flyer-detail__image-container{position:relative}body.dark-mode .flyer-detail__video-cta-overlay--top{background:linear-gradient(180deg,#000c,#0000)}body.dark-mode .flyer-detail__video-cta-overlay--top:hover{background:linear-gradient(180deg,#ff4500f2,#ff450000)}.ftg-typography{margin-bottom:24px;width:100%}.ftg-typography__title{color:var(--color-text);font-size:1.125rem;font-weight:600;margin:0 0 16px}.ftg-typography__elements{display:flex;flex-direction:column;gap:24px}.ftg-typography__element{background-color:var(--color-bg);border:1px solid var(--color-border-light);border-radius:8px;padding:16px}.ftg-typography__element-header{align-items:center;border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.ftg-typography__element-title{color:var(--color-text);font-size:1rem;font-weight:600;margin:0}.ftg-typography__reset-btn{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);cursor:pointer;display:flex;font-size:.875rem;gap:4px;padding:6px 12px;transition:all .2s ease}.ftg-typography__reset-btn:hover{background-color:var(--color-bg-hover);border-color:var(--color-primary);color:var(--color-primary)}.ftg-typography__reset-btn svg{font-size:.875rem}.ftg-typography__control-group{margin-bottom:16px}.ftg-typography__control-group:last-child{margin-bottom:0}.ftg-typography__label{color:var(--color-text-secondary);display:block;font-size:.875rem;font-weight:500;margin-bottom:8px}.ftg-typography__select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text);cursor:pointer;font-size:.875rem;padding:8px 12px;transition:all .2s ease;width:100%}.ftg-typography__select:focus,.ftg-typography__select:hover{border-color:var(--color-primary)}.ftg-typography__select:focus{box-shadow:0 0 0 3px #ff45001a;outline:none}.ftg-typography__style-toggles{display:flex;gap:8px}.ftg-typography__style-btn{align-items:center;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.ftg-typography__style-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.ftg-typography__style-btn--active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.ftg-typography__style-btn--active:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.ftg-typography__align-toggles{display:flex;gap:4px}.ftg-typography__align-btn{align-items:center;background-color:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;display:flex;flex:1 1;height:36px;justify-content:center;transition:all .2s ease}.ftg-typography__align-btn:first-child{border-radius:4px 0 0 4px}.ftg-typography__align-btn:last-child{border-radius:0 4px 4px 0}.ftg-typography__align-btn:not(:first-child){border-left:none}.ftg-typography__align-btn:hover{background-color:var(--color-bg-hover);color:var(--color-primary)}.ftg-typography__align-btn--active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff;z-index:1}.ftg-typography__align-btn--active:hover{background-color:var(--color-primary-hover)}.ftg-typography__slider{-webkit-appearance:none;background:var(--color-border);border-radius:2px;cursor:pointer;height:4px;outline:none;width:100%}.ftg-typography__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--color-primary);border-radius:50%;cursor:pointer;height:16px;-webkit-transition:all .2s ease;transition:all .2s ease;width:16px}.ftg-typography__slider::-webkit-slider-thumb:hover{box-shadow:0 0 0 4px #ff45001a;transform:scale(1.2)}.ftg-typography__slider::-moz-range-thumb{background:var(--color-primary);border:none;border-radius:50%;cursor:pointer;height:16px;-moz-transition:all .2s ease;transition:all .2s ease;width:16px}.ftg-typography__slider::-moz-range-thumb:hover{box-shadow:0 0 0 4px #ff45001a;transform:scale(1.2)}.ftg-typography__slider--small{height:3px}.ftg-typography__slider--small::-webkit-slider-thumb{height:12px;width:12px}.ftg-typography__slider--small::-moz-range-thumb{height:12px;width:12px}.ftg-typography__shadow-controls{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.ftg-typography__shadow-field{display:flex;flex-direction:column;gap:4px}.ftg-typography__shadow-field label{color:var(--color-text-secondary);font-size:.75rem}.ftg-typography__outline-controls{grid-gap:12px;align-items:end;display:grid;gap:12px;grid-template-columns:2fr 1fr}.ftg-typography__outline-field{display:flex;flex-direction:column;gap:4px}.ftg-typography__outline-field label{color:var(--color-text-secondary);font-size:.75rem}.ftg-typography__color-wrapper{align-items:center;display:flex;gap:4px}.ftg-typography__color-input{border:1px solid var(--color-border);border-radius:4px;cursor:pointer;flex-shrink:0;height:28px;padding:2px;transition:all .2s ease;width:40px}.ftg-typography__color-input:hover{border-color:var(--color-primary)}.ftg-typography__hex-input{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text);font-family:Courier New,monospace;font-size:.75rem;font-weight:500;height:28px;padding:0 6px;text-transform:uppercase;transition:all .2s ease;width:70px}.ftg-typography__hex-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.ftg-typography__copy-btn{align-items:center;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:all .2s ease;width:28px}.ftg-typography__copy-btn:hover{background-color:var(--color-bg-hover);border-color:var(--color-primary);color:var(--color-primary)}.ftg-typography__copy-btn svg{font-size:.75rem}body.dark-mode .ftg-typography__element,body.dark-mode .ftg-typography__select{background-color:var(--color-bg);border-color:var(--color-border)}body.dark-mode .ftg-typography__select{color:var(--color-text)}body.dark-mode .ftg-typography__align-btn,body.dark-mode .ftg-typography__style-btn{background-color:var(--color-bg);border-color:var(--color-border);color:var(--color-text-secondary)}body.dark-mode .ftg-typography__slider{background:var(--color-border)}body.dark-mode .ftg-typography__color-input,body.dark-mode .ftg-typography__hex-input{background-color:var(--color-bg);border-color:var(--color-border)}body.dark-mode .ftg-typography__hex-input{color:var(--color-text)}body.dark-mode .ftg-typography__copy-btn{background-color:var(--color-bg);border-color:var(--color-border);color:var(--color-text-secondary)}body.dark-mode .ftg-typography__copy-btn:hover{background-color:var(--color-bg-hover);border-color:var(--color-primary);color:var(--color-primary)}@media (max-width:768px){.ftg-typography__outline-controls,.ftg-typography__shadow-controls{grid-template-columns:1fr}}.ftg-visual{margin-bottom:24px;overflow:visible;width:100%}.ftg-visual__title{color:var(--color-text);font-size:1.125rem;font-weight:600;margin:0 0 16px}.ftg-visual__tabs{border-bottom:2px solid var(--color-border);display:flex;flex-wrap:wrap;gap:4px;margin-bottom:20px;overflow-x:hidden}.ftg-visual__tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:6px;margin-bottom:-2px;padding:10px 16px;transition:all .2s ease}.ftg-visual__tab--active,.ftg-visual__tab:hover{color:var(--color-primary)}.ftg-visual__tab--active{border-bottom-color:var(--color-primary)}.ftg-visual__tab svg{font-size:1rem}.ftg-visual__content{background-color:var(--color-bg);border:1px solid var(--color-border-light);border-radius:8px;overflow:visible;padding:20px}.ftg-visual__section{margin-bottom:20px}.ftg-visual__section:last-child{margin-bottom:0}.ftg-visual__label{color:var(--color-text-secondary);display:block;font-size:.875rem;font-weight:500;margin-bottom:10px}.ftg-visual__pattern-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.ftg-visual__pattern{aspect-ratio:1;border:2px solid var(--color-border);border-radius:4px;cursor:pointer;overflow:hidden;position:relative;transition:all .2s ease}.ftg-visual__pattern:hover{border-color:var(--color-primary);transform:scale(1.05)}.ftg-visual__pattern--active{border-color:var(--color-primary);box-shadow:0 0 0 2px #ff45004d}.ftg-visual__pattern-name{background:#000000b3;bottom:0;color:#fff;font-size:.625rem;left:0;opacity:0;padding:4px;position:absolute;right:0;text-align:center;transition:opacity .2s ease}.ftg-visual__pattern:hover .ftg-visual__pattern-name{opacity:1}.ftg-visual__image-upload{margin-top:10px}.ftg-visual__image-button{align-items:center;background-color:var(--color-bg-tertiary);border:2px dashed var(--color-border);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:20px;transition:all .2s ease}.ftg-visual__image-button:hover{background-color:var(--color-bg-hover);border-color:var(--color-primary);color:var(--color-primary)}.ftg-visual__image-button svg{font-size:1.5rem}.ftg-visual__image-button--drag-over{background-color:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary);transform:scale(1.02)}.ftg-visual__image-preview{margin:0 auto;max-width:200px;position:relative}.ftg-visual__image-preview img{border-radius:4px;box-shadow:0 2px 4px #0000001a;height:auto;width:100%}.ftg-visual__image-remove{background-color:var(--color-danger);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.75rem;padding:4px 8px;position:absolute;right:8px;top:8px;transition:all .2s ease}.ftg-visual__image-remove:hover{background-color:var(--color-danger-hover)}.ftg-visual__border-styles{display:flex;flex-wrap:wrap;gap:8px}.ftg-visual__border-style{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;cursor:pointer;font-size:.875rem;padding:8px 16px;transition:all .2s ease}.ftg-visual__border-style:hover{border-color:var(--color-primary);color:var(--color-primary)}.ftg-visual__border-style--active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.ftg-visual__shape-buttons{display:flex;gap:8px}.ftg-visual__shape-btn{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:4px;cursor:pointer;flex:1 1;font-size:.875rem;padding:10px 16px;transition:all .2s ease}.ftg-visual__shape-btn:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.ftg-visual__shape-list{display:flex;flex-direction:column;gap:12px;margin-top:8px}.ftg-visual__shape-item{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:4px;padding:12px}.ftg-visual__shape-item--expanded{display:flex;flex-direction:column;gap:12px}.ftg-visual__shape-header{align-items:center;display:flex;justify-content:space-between}.ftg-visual__shape-actions{align-items:center;display:flex;gap:8px}.ftg-visual__shape-name{align-items:center;color:var(--color-text);display:flex;font-size:.875rem;font-weight:500;gap:6px;text-transform:capitalize}.ftg-visual__lock-indicator{color:var(--color-warning);font-size:.75rem}.ftg-visual__shape-controls{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr}.ftg-visual__control-group{display:flex;flex-direction:column;gap:4px}.ftg-visual__control-group label{color:var(--color-text-secondary);font-size:.75rem;font-weight:500}.ftg-visual__shape-color{height:32px;width:32px}.ftg-visual__shape-color,.ftg-visual__shape-lock{border:1px solid var(--color-border);border-radius:4px;cursor:pointer}.ftg-visual__shape-lock{align-items:center;background-color:var(--color-bg);color:var(--color-text-secondary);display:flex;font-size:.875rem;justify-content:center;padding:4px 8px;transition:all .2s ease}.ftg-visual__shape-lock:hover{border-color:var(--color-warning);color:var(--color-warning)}.ftg-visual__shape-lock--active{background-color:var(--color-warning);border-color:var(--color-warning);color:#fff}.ftg-visual__shape-lock--active:hover{background-color:var(--color-warning-hover);border-color:var(--color-warning-hover)}.ftg-visual__shape-remove{background-color:var(--color-bg);border:1px solid var(--color-danger);border-radius:4px;color:var(--color-danger);cursor:pointer;font-size:.75rem;padding:4px 12px;transition:all .2s ease}.ftg-visual__shape-remove:hover{background-color:var(--color-danger);color:#fff}.ftg-visual__position-info{background-color:var(--color-bg-secondary);border-radius:4px;margin-top:4px;padding:8px;text-align:center}.ftg-visual__position-info small{color:var(--color-text-secondary);font-size:.75rem;font-style:italic}.ftg-visual__slider{-webkit-appearance:none;background:var(--color-border);border-radius:2px;cursor:pointer;height:4px;outline:none;width:100%}.ftg-visual__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--color-primary);border-radius:50%;cursor:pointer;height:16px;-webkit-transition:all .2s ease;transition:all .2s ease;width:16px}.ftg-visual__slider::-webkit-slider-thumb:hover{box-shadow:0 0 0 4px #ff45001a;transform:scale(1.2)}.ftg-visual__slider::-moz-range-thumb{background:var(--color-primary);border:none;border-radius:50%;cursor:pointer;height:16px;-moz-transition:all .2s ease;transition:all .2s ease;width:16px}.ftg-visual__slider::-moz-range-thumb:hover{box-shadow:0 0 0 4px #ff45001a;transform:scale(1.2)}.ftg-visual__color-input{border:1px solid var(--color-border);border-radius:4px;cursor:pointer;height:36px;padding:2px;width:100%}body.dark-mode .ftg-visual__content{background-color:var(--color-bg);border-color:var(--color-border)}body.dark-mode .ftg-visual__pattern{border-color:var(--color-border)}body.dark-mode .ftg-visual__image-button{background-color:var(--color-bg);border-color:var(--color-border)}body.dark-mode .ftg-visual__image-button--drag-over{background-color:#ff450033;border-color:var(--color-primary)}body.dark-mode .ftg-visual__border-style,body.dark-mode .ftg-visual__shape-btn,body.dark-mode .ftg-visual__shape-item{background-color:var(--color-bg);border-color:var(--color-border)}body.dark-mode .ftg-visual__slider{background:var(--color-border)}@media (max-width:768px){.ftg-visual__tabs{flex-wrap:wrap}.ftg-visual__tab{flex:1 1;min-width:calc(50% - 2px)}.ftg-visual__pattern-grid{grid-template-columns:repeat(2,1fr)}}.ftg-blocks{margin-bottom:24px;max-width:100%;overflow-x:hidden;width:100%}.ftg-blocks__title{color:var(--color-text);font-size:1.125rem;font-weight:600;margin:0 0 16px}.ftg-blocks__add-section{background-color:var(--color-bg);border:1px solid var(--color-border-light);border-radius:8px;margin-bottom:20px;padding:20px}.ftg-blocks__category-title{color:var(--color-text);font-size:1rem;font-weight:600;margin:0 0 16px}.ftg-blocks__categories{display:flex;flex-direction:column;gap:16px}.ftg-blocks__category{display:flex;flex-direction:column;gap:8px}.ftg-blocks__category-label{color:var(--color-text-secondary);font-size:.875rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.ftg-blocks__add-buttons{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.ftg-blocks__add-btn{align-items:center;background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text);cursor:pointer;display:flex;flex-direction:column;font-size:.75rem;gap:4px;padding:12px 8px;transition:all .2s ease}.ftg-blocks__add-btn:hover{background-color:var(--color-primary);border-color:var(--color-primary);box-shadow:0 4px 8px #0000001a;color:#fff;transform:translateY(-2px)}.ftg-blocks__add-btn svg{font-size:1.25rem}.ftg-blocks__add-btn span{line-height:1.2;text-align:center}.ftg-blocks__list{background-color:var(--color-bg);border:1px solid var(--color-border-light);border-radius:8px;padding:20px}.ftg-blocks__list-title{border-bottom:1px solid var(--color-border-light);color:var(--color-text);font-size:1rem;font-weight:600;margin:0 0 16px;padding-bottom:12px}.ftg-blocks__item{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:4px;margin-bottom:12px;padding:12px;transition:all .2s ease}.ftg-blocks__item:last-child{margin-bottom:0}.ftg-blocks__item--active{border-color:var(--color-primary);box-shadow:0 0 0 2px #ff45001a}.ftg-blocks__item-header{align-items:center;display:flex;gap:12px}.ftg-blocks__item-icon{align-items:center;background-color:var(--color-primary);border-radius:4px;color:#fff;display:flex;font-size:1rem;height:32px;justify-content:center;width:32px}.ftg-blocks__item-name{color:var(--color-text);flex:1 1;font-weight:500}.ftg-blocks__item-controls{display:flex;gap:4px}.ftg-blocks__control-btn{align-items:center;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.ftg-blocks__control-btn:hover{background-color:var(--color-bg-hover);border-color:var(--color-primary);color:var(--color-primary)}.ftg-blocks__control-btn:disabled{cursor:not-allowed;opacity:.5}.ftg-blocks__control-btn--locked{background-color:var(--color-warning);border-color:var(--color-warning);color:#fff}.ftg-blocks__control-btn--locked:hover{background-color:var(--color-warning-hover);border-color:var(--color-warning-hover);color:#fff}.ftg-blocks__control-btn--danger:hover{background-color:var(--color-danger);border-color:var(--color-danger);color:#fff}.ftg-blocks__item-expand{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;color:var(--color-primary);cursor:pointer;font-size:.875rem;margin-top:12px;padding:6px 12px;transition:all .2s ease;width:100%}.ftg-blocks__item-expand:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.ftg-blocks__item-editor{border-top:1px solid var(--color-border);margin-top:16px;padding-top:16px}.ftg-blocks__editor-fields{display:flex;flex-direction:column;gap:12px;overflow:hidden;width:100%}.ftg-blocks__field{display:flex;flex-direction:column;gap:4px}.ftg-blocks__field label{color:var(--color-text-secondary);font-size:.875rem;font-weight:500}.ftg-blocks__field input,.ftg-blocks__field textarea{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text);font-size:.875rem;padding:8px 12px;transition:all .2s ease}.ftg-blocks__field input:focus,.ftg-blocks__field textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.ftg-blocks__field-row{grid-gap:8px;display:grid;gap:8px;grid-template-columns:2fr 1fr 1fr}.ftg-blocks__bullet-item{align-items:center;display:flex;gap:8px}.ftg-blocks__bullet-item input{flex:1 1}.ftg-blocks__bullet-remove{align-items:center;background-color:var(--color-bg);border:1px solid var(--color-danger);border-radius:4px;color:var(--color-danger);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.ftg-blocks__bullet-remove:hover{background-color:var(--color-danger);color:#fff}.ftg-blocks__bullet-add{align-items:center;background-color:var(--color-success);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;gap:6px;padding:8px 16px;transition:all .2s ease}.ftg-blocks__bullet-add:hover{background-color:var(--color-success-hover);transform:translateY(-1px)}body.dark-mode .ftg-blocks__add-btn,body.dark-mode .ftg-blocks__add-section,body.dark-mode .ftg-blocks__item,body.dark-mode .ftg-blocks__list{background-color:var(--color-bg);border-color:var(--color-border)}body.dark-mode .ftg-blocks__control-btn,body.dark-mode .ftg-blocks__field input,body.dark-mode .ftg-blocks__field textarea,body.dark-mode .ftg-blocks__item-expand{background-color:var(--color-bg-tertiary);border-color:var(--color-border)}@media (max-width:768px){.ftg-blocks__add-buttons{grid-template-columns:repeat(2,1fr)}.ftg-blocks__field-row{grid-template-columns:1fr}}.ftg-blocks__image-dropzone{background-color:var(--color-bg);border:2px dashed var(--color-border);border-radius:8px;cursor:pointer;padding:40px 20px;position:relative;text-align:center;transition:all .3s ease}.ftg-blocks__image-dropzone--dragging{background-color:#ff45000d;border-color:var(--color-primary)}.ftg-blocks__image-dropzone:hover{border-color:var(--color-primary)}.ftg-blocks__image-upload-label{align-items:center;color:var(--color-text-secondary);cursor:pointer;display:flex;flex-direction:column;gap:12px}.ftg-blocks__image-icon{color:var(--color-primary);font-size:3rem;opacity:.5;transition:opacity .3s ease}.ftg-blocks__image-dropzone--dragging .ftg-blocks__image-icon,.ftg-blocks__image-dropzone:hover .ftg-blocks__image-icon{opacity:1}.ftg-blocks__image-upload-label span{font-size:.9rem;font-weight:500}.ftg-blocks__image-hint{color:var(--color-text-muted)!important;font-size:.75rem!important;font-weight:400!important}.dark .ftg-blocks__image-dropzone{background-color:var(--color-bg-secondary)}.dark .ftg-blocks__image-dropzone--dragging{background-color:#ff45001a}.ftg-blocks__image-preview{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;min-height:100px;padding:16px;position:relative}.ftg-blocks__image-preview,.ftg-blocks__image-remove{align-items:center;display:flex;justify-content:center}.ftg-blocks__image-remove{background-color:#dc3545e6;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:.875rem;height:28px;position:absolute;right:8px;top:8px;transition:all .2s ease;width:28px}.ftg-blocks__image-remove:hover{background-color:var(--color-danger);transform:scale(1.1)}.ftg-blocks__dimension-controls{display:flex;flex-direction:column;gap:16px;margin-bottom:12px;max-width:100%;overflow-x:hidden;width:100%}.ftg-blocks__dimension-field{display:flex;flex-direction:column;gap:8px;width:100%}.ftg-blocks__dimension-label-row{align-items:center;display:flex;gap:8px}.ftg-blocks__dimension-label-row label{color:var(--color-text-secondary);font-size:.875rem;font-weight:500;min-width:50px}.ftg-blocks__dimension-unit{color:var(--color-text-secondary);font-size:.875rem;margin-left:4px}.ftg-blocks__dimension-input{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text);flex-shrink:0;font-size:.875rem;min-width:80px;padding:6px 8px;text-align:center;width:80px}.ftg-blocks__dimension-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.ftg-blocks__dimension-input::-webkit-inner-spin-button,.ftg-blocks__dimension-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ftg-blocks__dimension-input[type=number]{-moz-appearance:textfield}.ftg-blocks__dimension-slider{-webkit-appearance:none;appearance:none;background:var(--color-border);border-radius:2px;cursor:pointer;height:4px;outline:none;width:100%}.ftg-blocks__dimension-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--color-primary);border-radius:50%;cursor:pointer;height:16px;-webkit-transition:all .2s ease;transition:all .2s ease;width:16px}.ftg-blocks__dimension-slider::-webkit-slider-thumb:hover{box-shadow:0 0 0 4px #ff450033;transform:scale(1.2)}.ftg-blocks__dimension-slider::-moz-range-thumb{background:var(--color-primary);border:none;border-radius:50%;cursor:pointer;height:16px;-moz-transition:all .2s ease;transition:all .2s ease;width:16px}.ftg-blocks__dimension-slider::-moz-range-thumb:hover{box-shadow:0 0 0 4px #ff450033;transform:scale(1.2)}.dark .ftg-blocks__image-preview{background-color:var(--color-bg-tertiary)}.dark .ftg-blocks__dimension-input{background-color:var(--color-bg-secondary)}.dark .ftg-blocks__dimension-slider{background:var(--color-border-dark)}.ftg-blocks__typography-section{border-top:1px solid var(--color-border);margin-top:16px;padding-top:16px}.ftg-blocks__typography-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.ftg-blocks__typography-title{color:var(--color-text-secondary);font-size:.875rem;font-weight:600;margin:0}.ftg-blocks__typography-reset{align-items:center;background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:.75rem;gap:4px;padding:4px 8px;transition:all .2s ease}.ftg-blocks__typography-reset:hover{background-color:var(--color-bg-hover);border-color:var(--color-primary);color:var(--color-primary)}.ftg-blocks__typography-controls{display:flex;flex-direction:column;gap:12px}.ftg-blocks__color-group{align-items:center;display:flex;gap:8px}.ftg-blocks__color-input{height:40px;width:40px}.ftg-blocks__color-input,.ftg-blocks__reset-color{border:1px solid var(--color-border);border-radius:4px;cursor:pointer}.ftg-blocks__reset-color{background-color:var(--color-bg-tertiary);color:var(--color-text-secondary);font-size:.75rem;padding:6px 12px;transition:all .2s ease}.ftg-blocks__reset-color:hover{background-color:var(--color-bg-hover);border-color:var(--color-primary);color:var(--color-primary)}.ftg-blocks__select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text);cursor:pointer;font-size:.875rem;padding:8px 12px;transition:all .2s ease}.ftg-blocks__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.ftg-blocks__range{-webkit-appearance:none;appearance:none;background:var(--color-border);border-radius:2px;cursor:pointer;height:4px;outline:none;width:100%}.ftg-blocks__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--color-primary);border-radius:50%;cursor:pointer;height:16px;-webkit-transition:all .2s ease;transition:all .2s ease;width:16px}.ftg-blocks__range::-webkit-slider-thumb:hover{box-shadow:0 0 0 4px #ff450033;transform:scale(1.2)}.ftg-blocks__range::-moz-range-thumb{background:var(--color-primary);border:none;border-radius:50%;cursor:pointer;height:16px;-moz-transition:all .2s ease;transition:all .2s ease;width:16px}.ftg-blocks__range::-moz-range-thumb:hover{box-shadow:0 0 0 4px #ff450033;transform:scale(1.2)}.ftg-export{margin-bottom:0;width:100%}.ftg-export__title{color:var(--color-text);font-size:1.125rem;font-weight:600;margin:0 0 16px}.ftg-export__section{background-color:var(--color-bg);border:1px solid var(--color-border-light);border-radius:8px;margin-bottom:20px;padding:16px}.ftg-export__label{color:var(--color-text-secondary);display:block;font-size:.875rem;font-weight:500;margin-bottom:10px}.ftg-export__formats{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.ftg-export__format{align-items:center;background-color:var(--color-bg-tertiary);border:2px solid var(--color-border);border-radius:4px;color:var(--color-text);cursor:pointer;display:flex;flex-direction:column;font-size:.875rem;gap:4px;padding:12px;transition:all .2s ease}.ftg-export__format:hover{border-color:var(--color-primary);color:var(--color-primary)}.ftg-export__format--active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.ftg-export__format--active:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.ftg-export__format svg{font-size:1.5rem}.ftg-export__select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text);cursor:pointer;font-size:.875rem;padding:8px 12px;transition:all .2s ease;width:100%}.ftg-export__select:focus,.ftg-export__select:hover{border-color:var(--color-primary)}.ftg-export__select:focus{box-shadow:0 0 0 3px #ff45001a;outline:none}.ftg-export__quality{display:flex;gap:8px}.ftg-export__quality-btn{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text);cursor:pointer;flex:1 1;font-size:.875rem;padding:8px 16px;transition:all .2s ease}.ftg-export__quality-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.ftg-export__quality-btn--active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.ftg-export__actions{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.ftg-export__action{align-items:center;background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s ease}.ftg-export__action:hover{background-color:var(--color-bg-hover);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px)}.ftg-export__action--primary{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.ftg-export__action--primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:0 4px 8px #ff45004d;color:#fff}.ftg-export__action:disabled{cursor:not-allowed;opacity:.6;transform:none}.ftg-export__action svg{font-size:1.125rem}.ftg-export__tips{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-light);border-radius:8px;padding:16px}.ftg-export__tips-title{color:var(--color-text);font-size:.875rem;font-weight:600;margin:0 0 12px}.ftg-export__tips-list{list-style-type:disc;margin:0;padding-left:20px}.ftg-export__tips-list li{color:var(--color-text-secondary);font-size:.75rem;line-height:1.4;margin-bottom:6px}.ftg-export__tips-list li:last-child{margin-bottom:0}.ftg-export__custom-size{align-items:center;display:flex;gap:16px}.ftg-export__size-input-group{align-items:center;display:flex;flex:1 1;gap:8px}.ftg-export__size-input-group label{color:var(--color-text-secondary);font-size:.75rem;min-width:45px}.ftg-export__size-input{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text);flex:1 1;font-size:.875rem;padding:6px 10px;text-align:center;transition:all .2s ease}.ftg-export__size-input:focus,.ftg-export__size-input:hover{border-color:var(--color-primary)}.ftg-export__size-input:focus{box-shadow:0 0 0 3px #ff45001a;outline:none}.ftg-export__size-unit{color:var(--color-text-secondary);font-size:.75rem;font-weight:500}body.dark-mode .ftg-export__format,body.dark-mode .ftg-export__section,body.dark-mode .ftg-export__select{background-color:var(--color-bg);border-color:var(--color-border)}body.dark-mode .ftg-export__select{color:var(--color-text)}body.dark-mode .ftg-export__action,body.dark-mode .ftg-export__quality-btn,body.dark-mode .ftg-export__size-input,body.dark-mode .ftg-export__tips{background-color:var(--color-bg);border-color:var(--color-border)}body.dark-mode .ftg-export__size-input{color:var(--color-text)}@media (max-width:768px){.ftg-export__actions{gap:8px}.ftg-export__action{font-size:.875rem;padding:10px 20px}}.ftg-separators{padding:16px 0}.ftg-separators__title{color:var(--color-text);font-size:1rem;font-weight:600;margin:0 0 16px}.ftg-separators__add-btn{align-items:center;background-color:var(--color-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;justify-content:center;margin-bottom:16px;padding:10px;transition:all .2s ease;width:100%}.ftg-separators__add-btn:hover{background-color:var(--color-primary-dark);box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.ftg-separators__empty{color:var(--color-text-secondary);font-size:.875rem;margin:20px 0;text-align:center}.ftg-separators__list{display:flex;flex-direction:column;gap:8px}.ftg-separators__item{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:6px;cursor:pointer;padding:12px;transition:all .2s ease}.ftg-separators__item:hover{border-color:var(--color-primary);box-shadow:0 2px 4px #0000000d}.ftg-separators__item--selected{background-color:#ff45000d;border-color:var(--color-primary)}.ftg-separators__item-header{align-items:center;display:flex;gap:8px}.ftg-separators__drag-handle{color:var(--color-text-secondary);cursor:move}.ftg-separators__item-label{align-items:center;color:var(--color-text);display:flex;flex:1 1;font-size:.875rem;font-weight:500;gap:6px}.ftg-separators__lock-indicator{color:var(--color-warning);font-size:.75rem}.ftg-separators__item-actions{align-items:center;display:flex;gap:4px}.ftg-separators__lock-btn{align-items:center;background:none;border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:.875rem;padding:4px 8px;transition:all .2s ease}.ftg-separators__lock-btn:hover{border-color:var(--color-warning);color:var(--color-warning)}.ftg-separators__lock-btn--active{background-color:var(--color-warning);border-color:var(--color-warning);color:#fff}.ftg-separators__lock-btn--active:hover{background-color:var(--color-warning-hover);border-color:var(--color-warning-hover)}.ftg-separators__delete-btn{background:none;border:none;color:var(--color-danger);cursor:pointer;padding:4px;transition:all .2s ease}.ftg-separators__delete-btn:hover{color:var(--color-danger-dark);transform:scale(1.1)}.ftg-separators__controls{border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:12px;margin-top:16px;padding-top:16px}.ftg-separators__control{display:flex;flex-direction:column;gap:6px}.ftg-separators__control label{color:var(--color-text-secondary);font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.ftg-separators__slider{-webkit-appearance:none;appearance:none;background:var(--color-border);border-radius:2px;height:4px;outline:none;width:100%}.ftg-separators__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--color-primary);border-radius:50%;cursor:pointer;height:16px;-webkit-transition:all .2s ease;transition:all .2s ease;width:16px}.ftg-separators__slider::-webkit-slider-thumb:hover{box-shadow:0 0 0 4px #ff450033;transform:scale(1.2)}.ftg-separators__select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text);cursor:pointer;font-size:.875rem;padding:6px 10px;width:100%}.ftg-separators__color-group{align-items:center;display:flex;gap:8px}.ftg-separators__color-input{border:1px solid var(--color-border);border-radius:4px;cursor:pointer;height:32px;padding:2px;width:40px}.ftg-separators__color-text{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text);flex:1 1;font-family:monospace;font-size:.875rem;padding:6px 10px}.ftg-separators__hint{background-color:#ffc1071a;border:1px solid #ffc1074d;border-radius:4px;color:var(--color-text-secondary);font-size:.75rem;line-height:1.4;margin:16px 0 0;padding:12px}body.dark-mode .ftg-separators__item{background-color:var(--color-bg-secondary-dark);border-color:var(--color-border-dark)}body.dark-mode .ftg-separators__item--selected{background-color:#ff45001a}body.dark-mode .ftg-separators__color-text,body.dark-mode .ftg-separators__select{background-color:var(--color-bg-secondary-dark);border-color:var(--color-border-dark)}.ftg-position{padding:16px 0}.ftg-position__title{color:var(--color-text);font-size:1rem;font-weight:600;margin:0 0 16px}.ftg-position__info{align-items:center;background-color:#3498db1a;border:1px solid #3498db4d;border-radius:6px;color:var(--color-text-secondary);display:flex;font-size:.875rem;gap:8px;margin:0 0 16px;padding:12px}.ftg-position__info-icon{color:#3498db;font-size:1.125rem}.ftg-position__list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.ftg-position__item{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:6px;display:flex;gap:12px;padding:12px;transition:all .2s ease}.ftg-position__item--custom{background-color:#ff45000d;border-color:var(--color-primary)}.ftg-position__item-icon{font-size:1.25rem}.ftg-position__item-label{color:var(--color-text);flex:1 1;font-size:.875rem;font-weight:500}.ftg-position__reset-btn{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:.875rem;padding:4px 8px;transition:all .2s ease}.ftg-position__reset-btn:hover{color:var(--color-primary-dark);transform:scale(1.1)}.ftg-position__reset-all-btn{align-items:center;background-color:initial;border:1px solid var(--color-primary);border-radius:6px;color:var(--color-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;justify-content:center;margin-bottom:16px;padding:10px;transition:all .2s ease;width:100%}.ftg-position__reset-all-btn:hover{background-color:var(--color-primary);box-shadow:0 2px 4px #0000001a;color:#fff;transform:translateY(-1px)}.ftg-position__hint{background-color:#ffc1071a;border:1px solid #ffc1074d;border-radius:4px;color:var(--color-text-secondary);font-size:.75rem;line-height:1.4;padding:12px}body.dark-mode .ftg-position__item{background-color:var(--color-bg-secondary-dark);border-color:var(--color-border-dark)}body.dark-mode .ftg-position__item--custom{background-color:#ff45001a}.ftg-locks{margin-bottom:24px;width:100%}.ftg-locks__title{color:var(--color-text);font-size:1.125rem;font-weight:600;margin:0 0 8px}.ftg-locks__description{color:var(--color-text-secondary);font-size:.875rem;margin:0 0 16px}.ftg-locks__list{display:flex;flex-direction:column;gap:8px}.ftg-locks__item{align-items:center;background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:6px;display:flex;justify-content:space-between;padding:10px 12px;transition:all .2s ease}.ftg-locks__item:hover{background-color:var(--color-bg-hover)}.ftg-locks__name{align-items:center;color:var(--color-text);display:flex;font-size:.875rem;font-weight:500;gap:8px}.ftg-locks__indicator{color:var(--color-warning);font-size:.75rem}.ftg-locks__toggle{align-items:center;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:.875rem;justify-content:center;padding:6px 10px;transition:all .2s ease}.ftg-locks__toggle:hover{border-color:var(--color-warning);color:var(--color-warning)}.ftg-locks__toggle--active{background-color:var(--color-warning);border-color:var(--color-warning);color:#fff}.ftg-locks__toggle--active:hover{background-color:var(--color-warning-hover);border-color:var(--color-warning-hover)}body.dark-mode .ftg-locks__item{background-color:var(--color-bg);border-color:var(--color-border)}body.dark-mode .ftg-locks__item:hover{background-color:var(--color-bg-hover)}body.dark-mode .ftg-locks__toggle{background-color:var(--color-bg-secondary);border-color:var(--color-border)}@media (max-width:768px){.ftg-locks__item{padding:8px 10px}.ftg-locks__name{font-size:.813rem}}.simplified-mobile-flyer{background-color:var(--color-bg);color:var(--color-text);display:flex;flex-direction:column;min-height:100vh}.smf__header{align-items:center;background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--space-md);position:-webkit-sticky;position:sticky;top:0;z-index:100}.smf__back-btn,.smf__desktop-btn{background:none;border:none;color:var(--color-text);cursor:pointer;font-size:20px;padding:var(--space-sm);transition:opacity .2s}.smf__back-btn:hover,.smf__desktop-btn:hover{opacity:.7}.smf__header-content{flex:1 1;text-align:center}.smf__title{font-size:18px;font-weight:700;margin:0}.smf__subtitle{color:var(--color-text-secondary);font-size:12px}.smf__template-selection{flex:1 1;overflow-y:auto;padding:var(--space-md)}.smf__intro{margin-bottom:var(--space-lg);text-align:center}.smf__intro-text{font-size:16px;margin-bottom:var(--space-sm)}.smf__intro-note{color:var(--color-text-secondary);font-size:14px;margin:0}.smf__templates{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(2,1fr);margin-bottom:var(--space-xl)}.smf__template-card{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:var(--space-sm);min-height:120px;overflow:hidden;padding:var(--space-lg);position:relative;transition:transform .2s,box-shadow .2s}.smf__template-card:before{background:linear-gradient(135deg,#ffffff1a,#0000);content:"";inset:0;pointer-events:none;position:absolute}.smf__template-card:active{transform:scale(.98)}.smf__template-icon{font-size:32px}.smf__template-name{font-size:14px;font-weight:700;text-align:center}.smf__desktop-callout{background-color:var(--color-bg-secondary);border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center}.smf__desktop-callout h3{font-size:18px;margin:0 0 var(--space-sm) 0}.smf__desktop-callout p{color:var(--color-text-secondary);font-size:14px;margin-bottom:var(--space-md)}.smf__desktop-callout ul{list-style:none;margin:0 auto var(--space-md) auto;max-width:250px;padding:0;text-align:left}.smf__desktop-callout li{color:var(--color-text-secondary);font-size:13px;margin-bottom:var(--space-xs);padding-left:20px;position:relative}.smf__desktop-callout li:before{color:var(--color-primary);content:"•";left:8px;position:absolute}.smf__desktop-link{background-color:var(--color-primary);border:none;border-radius:var(--radius-base);color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:var(--space-sm) var(--space-lg);transition:background-color .2s}.smf__desktop-link:hover{background-color:var(--color-primary-hover)}.smf__form-view{display:flex;flex:1 1;flex-direction:column}.smf__form-header{align-items:center;background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--space-md)}.smf__form-template{color:var(--color-text-secondary);font-size:14px;font-weight:700}.smf__change-template{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:14px;text-decoration:underline}.smf__organization-info{background-color:var(--color-info);color:#fff;font-size:16px;padding:var(--space-md);text-align:center}.smf__form{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:var(--space-md)}.smf__form-group{margin-bottom:var(--space-lg)}.smf__label{align-items:center;color:var(--color-text-secondary);display:flex;font-size:12px;font-weight:700;gap:var(--space-xs);margin-bottom:var(--space-xs);text-transform:uppercase}.smf__label svg{font-size:14px}.smf__required{color:var(--color-danger)}.smf__input,.smf__textarea{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:16px;padding:var(--space-md);transition:border-color .2s;width:100%}.smf__input:focus,.smf__textarea:focus{border-color:var(--color-primary);outline:none}.smf__textarea{word-wrap:break-word;-webkit-overflow-scrolling:touch;font-family:inherit;max-height:300px;min-height:150px;overflow-x:hidden;resize:vertical;scroll-behavior:smooth;touch-action:pan-y;white-space:pre-wrap}.smf__textarea,.smf__textarea:focus{overflow-y:auto}.smf__char-count{color:var(--color-text-secondary);display:block;font-size:12px;margin-top:var(--space-xs);text-align:right}.smf__form-section{border-top:1px solid var(--color-border);margin-top:var(--space-xl);padding-top:var(--space-lg)}.smf__section-title{font-weight:700;margin:0 0 var(--space-md) 0}.smf__logo-note,.smf__section-title{color:var(--color-text-secondary);font-size:14px}.smf__logo-note{align-items:center;background-color:var(--color-bg-secondary);border-radius:var(--radius-base);display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg);padding:var(--space-md)}.smf__actions{grid-gap:var(--space-md);border-top:1px solid var(--color-border);display:grid;gap:var(--space-md);grid-template-columns:1fr 1fr;margin-top:var(--space-xl);padding-top:var(--space-lg)}.smf__cancel-btn,.smf__create-btn,.smf__preview-btn{align-items:center;border:none;border-radius:var(--radius-base);cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:var(--space-sm);justify-content:center;padding:var(--space-md);transition:all .2s}.smf__preview-btn{background-color:var(--color-bg-secondary);border:2px solid var(--color-border);color:var(--color-text)}.smf__preview-btn:hover{background-color:var(--color-bg-tertiary)}.smf__create-btn{background-color:var(--color-primary);color:#fff}.smf__create-btn:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.smf__cancel-btn{background-color:var(--color-bg-tertiary);border:2px solid var(--color-border);color:var(--color-text)}.smf__cancel-btn:hover{background-color:var(--color-bg-secondary);border-color:var(--color-border-dark)}.smf__modal-overlay{align-items:center;animation:fadeIn .2s;background-color:#000000b3;display:flex;inset:0;justify-content:center;padding:var(--space-md);position:fixed;z-index:1000}.smf__modal{animation:slideUp .3s;background-color:var(--color-bg);border-radius:var(--radius-lg);max-height:90vh;max-width:500px;overflow-y:auto;padding:var(--space-lg);width:100%}.smf__modal-title{font-size:20px;margin:0 0 var(--space-lg) 0;text-align:center}.smf__comparison{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:1fr 1fr;margin-bottom:var(--space-lg)}.smf__comparison-column{background-color:var(--color-bg-secondary);border-radius:var(--radius-base);padding:var(--space-md)}.smf__comparison-column h4{font-size:16px;margin:0 0 var(--space-sm) 0}.smf__comparison-column ul{list-style:none;margin:0;padding:0}.smf__comparison-column li{font-size:13px;margin-bottom:var(--space-xs);padding-left:20px;position:relative}.smf__comparison-column li:first-child{font-weight:700;margin-bottom:var(--space-sm);padding-left:0}.smf__modal-note{color:var(--color-text-secondary);font-size:14px;margin-bottom:var(--space-lg);text-align:center}.smf__modal-close{background-color:var(--color-primary);border:none;border-radius:var(--radius-base);color:#fff;cursor:pointer;display:block;font-size:16px;font-weight:700;padding:var(--space-md);transition:background-color .2s;width:100%}.smf__modal-close:hover{background-color:var(--color-primary-hover)}.dark-mode .smf__template-card{box-shadow:0 2px 8px #0000004d}.dark-mode .smf__template-card:hover{box-shadow:0 4px 16px #0006}.dark-mode .smf__modal-overlay{background-color:#000c}@media (max-width:350px){.smf__comparison,.smf__templates{grid-template-columns:1fr}}.ftg-generator{margin:0;max-width:100%;padding:0;width:100%}.ftg-generator--full-width{max-width:none}.ftg-generator__container{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:400px 1fr;margin:0;width:100%}.ftg-generator--full-width .ftg-generator__container{grid-template-columns:380px 1fr;max-width:none}.create-flyer--full-width .ftg-generator__container{grid-template-columns:600px 1fr}@media (min-width:1600px){.create-flyer--full-width .ftg-generator__container{grid-template-columns:700px 1fr}}@media (min-width:1920px){.create-flyer--full-width .ftg-generator__container{grid-template-columns:800px 1fr}}.ftg-generator__controls{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;height:calc(100vh - 120px);overflow-x:hidden;overflow-y:auto;padding:24px;position:-webkit-sticky;position:sticky;top:80px}.ftg-generator__controls-header{margin:0 0 20px}.ftg-generator__template-button-wrapper{border-bottom:1px solid var(--color-border-light);display:flex;gap:12px;margin-bottom:24px;padding-bottom:20px}.ftg-generator__template-button{align-items:center;background-color:var(--color-bg);border:2px solid var(--color-primary);border-radius:8px;color:var(--color-primary);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;justify-content:center;padding:14px 20px;transition:all .2s ease;width:100%}.ftg-generator__template-button:hover{background-color:var(--color-primary);box-shadow:0 4px 8px #ff450033;color:#fff;transform:translateY(-1px)}.ftg-generator__template-button svg{font-size:1.125rem}.ftg-generator__canvas-wrapper{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;display:flex;flex-direction:column;min-height:600px;padding:20px;width:100%}.ftg-generator__canvas-header{align-items:flex-start;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:10px}.ftg-generator__canvas-header-left{display:flex;flex-direction:column;gap:4px}.ftg-generator__canvas-title{color:var(--color-text);font-size:1.25rem;font-weight:600;margin:0}.ftg-generator__autosave-status{color:var(--color-text-secondary);font-size:.75rem;font-style:italic;font-weight:400;margin:0}.ftg-generator__canvas-actions{display:flex;gap:8px}.ftg-generator__canvas-container{align-items:center;background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:8px;display:flex;flex:1 1;justify-content:center;min-height:400px;overflow:hidden;padding:20px;position:relative;width:100%}.ftg-generator__canvas{border-radius:4px;box-shadow:0 4px 8px #0000001a;display:block;height:auto;object-fit:contain;width:100%}.ftg-generator__canvas-placeholder{color:var(--color-text-secondary);padding:60px 40px;text-align:center}.ftg-generator__canvas-placeholder-icon{font-size:4rem;margin-bottom:16px;opacity:.3}.ftg-generator__canvas-placeholder-text{font-size:1.125rem;margin:0}.ftg-generator__canvas-loading{color:var(--color-text-secondary);padding:60px 40px;text-align:center}.ftg-generator__spinner{animation:spin 1s linear infinite;border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);height:40px;margin:0 auto 16px;width:40px}.ftg-generator__canvas-loading-text{color:var(--color-text-secondary);font-size:1rem;margin:0}.ftg-generator__section{border-bottom:1px solid var(--color-border-light);margin-bottom:28px;padding-bottom:24px}.ftg-generator__section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.ftg-generator__section-title{color:var(--color-text-secondary);display:block;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin-bottom:16px;text-transform:uppercase}.ftg-generator__field{margin-bottom:20px}.ftg-generator__field-label{color:var(--color-text);display:block;font-size:.875rem;font-weight:500;margin-bottom:8px}.ftg-generator__field-input{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);font-size:.875rem;padding:10px 14px;transition:all .2s ease;width:100%}.ftg-generator__field-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.ftg-generator__field-textarea{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text);font-size:.875rem;min-height:80px;padding:8px 12px;resize:vertical;transition:all .2s ease;width:100%}.ftg-generator__field-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.ftg-generator__color-schemes{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin-bottom:16px}.ftg-generator__color-scheme{border:2px solid #0000;border-radius:6px;box-shadow:0 2px 4px #0000001a;cursor:pointer;font-size:.75rem;font-weight:600;overflow:hidden;padding:10px 6px;position:relative;text-align:center;transition:all .2s ease}.ftg-generator__color-scheme:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.ftg-generator__color-scheme--active{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff450033;transform:scale(1.05)}.ftg-generator__color-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.ftg-generator__color-field{align-items:center;display:flex;flex-direction:column;gap:8px}.ftg-generator__color-label{color:var(--color-text-secondary);display:block;font-size:.75rem;margin-bottom:0}.ftg-generator__color-picker-wrapper{align-items:center;display:flex;flex-direction:column;gap:6px;width:100%}.ftg-generator__color-picker-row{align-items:center;display:flex;justify-content:center}.ftg-generator__hex-row{align-items:center;display:flex;gap:4px}.ftg-generator__color-input{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;cursor:pointer;flex-shrink:0;height:36px;padding:2px;width:40px}.ftg-generator__color-input:hover{border-color:var(--color-primary)}.ftg-generator__hex-input{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text);font-family:Courier New,monospace;font-size:.75rem;font-weight:500;height:28px;padding:0 6px;text-transform:uppercase;transition:all .2s ease;width:70px}.ftg-generator__hex-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.ftg-generator__copy-btn{align-items:center;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:all .2s ease;width:28px}.ftg-generator__copy-btn:hover{background-color:var(--color-bg-hover);border-color:var(--color-primary);color:var(--color-primary)}.ftg-generator__copy-btn svg{font-size:.875rem}.ftg-generator__logo-upload{align-items:center;display:flex;justify-content:center;margin-top:12px;min-height:120px}.ftg-generator__logo-dropzone{align-items:center;background-color:var(--color-bg);border:2px dashed var(--color-border);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;height:120px;justify-content:center;transition:all .2s ease;width:100%}.ftg-generator__logo-dropzone:hover{background-color:var(--color-bg-hover);border-color:var(--color-primary)}.ftg-generator__logo-dropzone--dragging{background-color:#ff45000d;border-color:var(--color-primary)}.ftg-generator__logo-icon{color:var(--color-text-secondary);font-size:2rem;margin-bottom:8px}.ftg-generator__logo-text{color:var(--color-text-secondary);font-size:.875rem}.ftg-generator__logo-preview{display:inline-block;position:relative}.ftg-generator__logo-image{border-radius:4px;box-shadow:0 2px 4px #0000001a;max-height:120px;max-width:120px}.ftg-generator__logo-remove{align-items:center;background-color:var(--color-danger);border:none;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;transition:all .2s ease;width:24px}.ftg-generator__logo-remove:hover{background-color:var(--color-danger-hover);transform:scale(1.1)}.ftg-generator__logo-options{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:8px;margin-top:12px;padding:12px}.ftg-generator__radio-group{display:flex;gap:16px;margin-top:8px}.ftg-generator__radio-label{align-items:center;color:var(--color-text);cursor:pointer;display:flex;font-size:.875rem;gap:6px}.ftg-generator__radio-label input[type=radio]{cursor:pointer}.ftg-generator__radio-label span{-webkit-user-select:none;user-select:none}.ftg-generator__size-controls{display:flex;flex-direction:column;gap:12px}.ftg-generator__size-field{align-items:center;display:flex;justify-content:space-between}.ftg-generator__size-label{color:var(--color-text);font-size:.875rem;min-width:120px}.ftg-generator__size-slider{flex:1 1;margin:0 12px}.ftg-generator__size-value{color:var(--color-primary);font-size:.875rem;font-weight:600;min-width:40px;text-align:right}.ftg-generator__actions{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:8px;margin-top:32px;padding:20px}.ftg-generator__actions .ftg-generator__field{margin-bottom:16px}.ftg-generator__button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:600;gap:6px;justify-content:center;padding:10px 16px;transition:all .2s ease}.ftg-generator__button--primary{background-color:var(--color-primary);color:#fff!important}.ftg-generator__button--primary:hover{background-color:var(--color-primary-hover);box-shadow:0 4px 8px #ff45004d;transform:translateY(-1px)}body.dark-mode .ftg-generator__button--primary{background-color:#ff4500!important;color:#fff!important}body.dark-mode .ftg-generator__button--primary:hover{background-color:#ff6a00!important;box-shadow:0 4px 8px #ff450066}.ftg-generator__button--secondary{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text)}.ftg-generator__button--secondary:hover{background-color:var(--color-bg-hover);border-color:var(--color-border-dark)}.ftg-generator__button:disabled{cursor:not-allowed;opacity:.5}.ftg-generator__button-icon{font-size:1rem}.ftg-generator__template-manager{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;left:50%;max-height:80vh;max-width:600px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1000}.ftg-generator__template-overlay{background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.ftg-generator__template-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:20px}.ftg-generator__template-header h3{color:var(--color-text);font-size:1.25rem;margin:0}.ftg-generator__template-close{align-items:center;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:1.25rem;justify-content:center;padding:4px;transition:all .2s ease}.ftg-generator__template-close:hover{color:var(--color-danger);transform:scale(1.1)}.ftg-generator__template-content{flex:1 1;overflow-y:auto;padding:20px}.ftg-generator__template-empty{color:var(--color-text-secondary);padding:40px;text-align:center}.ftg-generator__template-list{display:flex;flex-direction:column;gap:12px}.ftg-generator__template-item{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;display:flex;gap:16px;padding:16px;transition:all .2s ease}.ftg-generator__template-item:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #0000001a}.ftg-generator__template-thumbnail{border:1px solid var(--color-border);border-radius:4px;box-shadow:0 2px 4px #0000001a;flex-shrink:0;height:90px;width:60px}.ftg-generator__template-info{flex:1 1}.ftg-generator__template-info h4{color:var(--color-text);font-size:1rem;margin:0 0 4px}.ftg-generator__template-info p{color:var(--color-text-secondary);font-size:.875rem;margin:0}.ftg-generator__template-actions{display:flex;gap:8px}body.dark-mode .ftg-generator__canvas-wrapper,body.dark-mode .ftg-generator__controls{background-color:var(--color-bg-secondary);border-color:var(--color-border)}body.dark-mode .ftg-generator__field-input,body.dark-mode .ftg-generator__field-textarea{background-color:var(--color-bg);border-color:var(--color-border);color:var(--color-text)}body.dark-mode .ftg-generator__color-input,body.dark-mode .ftg-generator__hex-input{background-color:var(--color-bg);border-color:var(--color-border)}body.dark-mode .ftg-generator__hex-input{color:var(--color-text)}body.dark-mode .ftg-generator__copy-btn{background-color:var(--color-bg);border-color:var(--color-border);color:var(--color-text-secondary)}body.dark-mode .ftg-generator__copy-btn:hover{background-color:var(--color-bg-hover);border-color:var(--color-primary);color:var(--color-primary)}body.dark-mode .ftg-generator__logo-dropzone{background-color:var(--color-bg);border-color:var(--color-border)}body.dark-mode .ftg-generator__logo-dropzone:hover{background-color:var(--color-bg-hover);border-color:var(--color-primary)}body.dark-mode .ftg-generator__logo-dropzone--dragging{background-color:#ff45001a;border-color:var(--color-primary)}body.dark-mode .ftg-generator__canvas-container{background-color:var(--color-bg-tertiary)}@media (max-width:1200px){.ftg-generator__container{gap:10px;grid-template-columns:350px 1fr}}@media (max-width:1024px){.ftg-generator__container{gap:10px;grid-template-columns:320px 1fr}.ftg-generator__controls{padding:16px}.ftg-generator__canvas-wrapper{padding:10px}}@media (max-width:768px){.ftg-generator__container{gap:20px;grid-template-columns:1fr;padding:10px}.ftg-generator__controls{height:auto;margin-bottom:20px;position:static}.ftg-generator__color-schemes{grid-template-columns:repeat(2,1fr)}.ftg-generator__actions{flex-direction:column}.ftg-generator__button{width:100%}}@keyframes ftg-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ftg-generator__canvas{animation:ftg-fade-in .3s ease-out}.ftg-generator__export-section{background-color:var(--color-bg);border:1px solid var(--color-border-light);border-radius:8px;margin-bottom:10px;padding:10px}.ftg-generator__controls::-webkit-scrollbar{width:8px}.ftg-generator__controls::-webkit-scrollbar-track{background:var(--color-bg);border-radius:4px}.ftg-generator__controls::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.ftg-generator__controls::-webkit-scrollbar-thumb:hover{background:var(--color-border-dark)}.create-flyer{background-color:initial;min-height:100vh;padding:0 20px 20px}.create-flyer__container{background-color:initial;border-radius:8px;box-shadow:none;margin:0 auto;max-width:1200px;padding:0}.create-flyer--full-width{background-color:var(--color-bg);padding:20px 0 0}.create-flyer--full-width .create-flyer__container{background-color:initial;border-radius:0;box-shadow:none;max-width:none;padding:0}.create-flyer__inner{background-color:var(--color-bg-secondary);border-radius:12px;box-shadow:0 4px 15px #0000001a;margin:0;max-width:100%;padding:40px}.create-flyer--full-width .create-flyer__inner{margin:0;padding:20px}@media (max-width:767px){.create-flyer__inner{margin:0 auto;max-width:800px}}.create-flyer__inner h1{color:var(--color-text);font-size:2rem;margin-bottom:30px;text-align:center}.create-flyer__header-nav{margin-bottom:20px}.create-flyer__back-btn{align-items:center;background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);cursor:pointer;display:inline-flex;font-size:.9rem;gap:8px;padding:8px 16px;text-decoration:none;transition:all .2s ease}.create-flyer__back-btn:hover{background-color:var(--color-bg-hover);border-color:var(--color-primary);color:var(--color-primary);transform:translateX(-2px)}.create-flyer__unauthorized{background-color:var(--color-bg-secondary);border-radius:12px;margin:50px auto;max-width:600px;padding:40px;text-align:center}.create-flyer__unauthorized h2{color:var(--color-danger);margin-bottom:15px}.create-flyer__unauthorized button{background-color:var(--color-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:20px;padding:10px 20px}.create-flyer__video-upload{align-items:center;display:flex;justify-content:center;min-height:200px}.create-flyer__video-dropzone{align-items:center;background-color:var(--color-bg);border:2px dashed var(--color-border);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:40px 60px;transition:all .2s ease}.create-flyer__video-dropzone:hover{background-color:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.create-flyer__video-dropzone svg{font-size:2rem}.create-flyer__video-dropzone span{font-weight:500}.create-flyer__dropzone-text{color:var(--color-text-muted);font-size:.875rem;margin-top:4px}.create-flyer__file-info{color:var(--color-text-muted);font-size:.75rem;margin-top:8px}.create-flyer__video-upload.dragging .create-flyer__video-dropzone{background-color:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary);transform:scale(1.02)}.create-flyer__video-upload.dragging .create-flyer__dropzone-text,.create-flyer__video-upload.dragging .create-flyer__file-info{color:var(--color-primary);font-weight:600}.create-flyer__video-preview-container{margin:0 auto;max-width:600px;position:relative;width:100%}.create-flyer__video-preview{background-color:#000;border-radius:8px;height:auto;max-width:100%;width:100%}.create-flyer__remove-video-btn{align-items:center;background-color:var(--color-danger);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;position:absolute;right:10px;top:10px;transition:all .2s ease;width:32px}.create-flyer__remove-video-btn:hover{background-color:#c82333;transform:scale(1.1)}.create-flyer__current-video-note{background-color:#000c;border-radius:6px;bottom:10px;color:#fff;font-size:.9rem;left:50%;padding:8px 16px;pointer-events:none;position:absolute;text-align:center;transform:translateX(-50%)}.create-flyer__current-video-note p{margin:0}.create-flyer__current-thumbnail-note{background-color:#000c;border-radius:4px;bottom:-25px;color:#fff;font-size:.85rem;left:50%;padding:4px 12px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap}.create-flyer__current-thumbnail-note p{margin:0}.create-flyer__thumbnail-mode{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;display:flex;flex-direction:column;gap:12px;margin-bottom:20px;padding:20px}.create-flyer__radio-label{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:10px;padding:10px;transition:background-color .2s ease}.create-flyer__radio-label:hover{background-color:var(--color-bg-hover)}.create-flyer__radio-label input[type=radio]{cursor:pointer;height:18px;width:18px}.create-flyer__radio-label svg{color:var(--color-text-secondary);font-size:1.2rem}.create-flyer__radio-label span{color:var(--color-text);font-weight:500}.create-flyer__frame-selector{background-color:var(--color-bg-tertiary);border-radius:8px;margin-top:20px;padding:20px;text-align:center}.create-flyer__frame-selector h3{color:var(--color-text);font-size:1.1rem;margin-bottom:15px}.create-flyer__frame-controls{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:10px}.create-flyer__frame-btn{background-color:var(--color-bg);border:2px solid var(--color-border);border-radius:6px;color:var(--color-text);cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s ease}.create-flyer__frame-btn:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:translateY(-1px)}.create-flyer__thumbnail-current{margin-top:20px;text-align:center}.create-flyer__thumbnail-current h4{color:var(--color-text);font-size:1rem;margin-bottom:10px}.create-flyer__thumbnail-image{border:2px solid var(--color-border);border-radius:8px;box-shadow:0 2px 8px #0000001a;height:auto;max-width:300px}.create-flyer__thumbnail-options{margin-bottom:20px}.create-flyer__checkbox-label{align-items:center;color:var(--color-text);cursor:pointer;display:flex;gap:8px}.create-flyer__checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.create-flyer__thumbnail-upload{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:300px}.create-flyer__thumbnail-dropzone{align-items:center;background-color:var(--color-bg);border:2px dashed var(--color-border);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:30px 40px;transition:all .2s ease}.create-flyer__thumbnail-dropzone:hover{background-color:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.create-flyer__thumbnail-dropzone svg{font-size:1.5rem}.create-flyer__thumbnail-preview-container{display:inline-block;position:relative}.create-flyer__thumbnail-preview-container img{border:1px solid var(--color-border);border-radius:8px;height:auto;width:200px}.create-flyer__remove-thumbnail-btn{align-items:center;background-color:var(--color-danger);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.75rem;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;width:24px}.create-flyer__remove-thumbnail-btn:hover{background-color:#c82333}.create-flyer__thumbnail-preview{margin-top:20px;text-align:center}.create-flyer__thumbnail-preview p{color:var(--color-text-secondary);margin-bottom:10px}.create-flyer__thumbnail-preview img{border:1px solid var(--color-border);border-radius:8px;height:auto;max-width:200px}.create-flyer__current-file{color:var(--color-text-secondary);font-size:.9rem;font-style:italic;margin-top:10px;text-align:center}.create-flyer__error{background-color:#fee;border:1px solid #fcc;color:#c00;margin-bottom:20px;padding:15px}.create-flyer__section{border-bottom:1px solid var(--color-border);margin-bottom:40px;padding-bottom:40px}.create-flyer__section:last-of-type{border-bottom:none}.create-flyer__section h2{font-size:1.3rem;margin-bottom:20px}@media (min-width:768px){.create-flyer__section--display-settings .create-flyer__field-group{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.create-flyer__section--display-settings .create-flyer__checkbox{grid-column:1/-1}.create-flyer__grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.create-flyer__url-item{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:200px 1fr 100px 40px}.create-flyer__attachments{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}.create-flyer__field input[type=date],.create-flyer__field input[type=datetime-local],.create-flyer__field input[type=email],.create-flyer__field input[type=tel],.create-flyer__field input[type=text],.create-flyer__field input[type=url],.create-flyer__field select,.create-flyer__field textarea{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);font-size:1rem;padding:10px 15px;transition:border-color .2s ease;width:100%}.create-flyer__field input[type=date],.create-flyer__field input[type=datetime-local]{-webkit-appearance:none!important;appearance:none!important;padding:10px 12px 10px 35px!important;position:relative!important}.create-flyer__field input[type=date]::-webkit-calendar-picker-indicator,.create-flyer__field input[type=datetime-local]::-webkit-calendar-picker-indicator{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23666'%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z'/%3E%3C/svg%3E")!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:16px 16px!important;cursor:pointer!important;display:block!important;height:18px!important;left:8px!important;opacity:1!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;width:18px!important}.create-flyer__field input:focus,.create-flyer__field select:focus,.create-flyer__field textarea:focus{border-color:var(--color-primary);outline:none}.create-flyer__field textarea{font-family:inherit;resize:vertical}.create-flyer__field .hint{color:var(--color-text-muted);font-size:.85rem;margin-top:5px}.create-flyer__checkbox label{align-items:center;display:flex;gap:10px}.create-flyer__checkbox input[type=checkbox]{width:auto}.create-flyer__image-info{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-light);border-radius:8px;margin-bottom:20px;padding:15px}.create-flyer__image-info p{color:var(--color-text);margin:0 0 10px}.create-flyer__image-info ul{margin:0;padding-left:20px}.create-flyer__image-info li{color:var(--color-text-secondary);margin-bottom:5px}.create-flyer__image-info li.indent{list-style:none;margin-left:1.5rem}.create-flyer__image-info .hint{color:var(--color-text-muted);font-size:.9em;font-style:italic;margin-top:10px}.create-flyer__image-upload{margin-top:10px}.create-flyer__image-dropzone{background-color:var(--color-bg);border:2px dashed var(--color-border);border-radius:8px;cursor:pointer;padding:40px;text-align:center;transition:all .2s ease}.create-flyer__image-dropzone:hover{background-color:var(--color-bg-hover);border-color:var(--color-primary)}.create-flyer__image-dropzone.dragging{background-color:#ff45001a;border-color:var(--color-primary);border-width:3px}.create-flyer__image-dropzone svg{color:var(--color-text-muted);font-size:3rem;margin-bottom:10px}.create-flyer__image-dropzone p{color:var(--color-text);margin:5px 0}.create-flyer__image-dropzone .hint{color:var(--color-text-muted);font-size:.85rem}.create-flyer__image-preview{display:inline-block;max-width:100%;position:relative}.create-flyer__image-preview img{border-radius:8px;box-shadow:0 4px 8px #0000001a;max-height:400px;max-width:100%}.create-flyer__remove-image{align-items:center;background-color:#dc3545e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:10px;top:10px;transition:background-color .2s ease;width:32px}.create-flyer__remove-image:hover{background-color:#dc3545}.create-flyer__grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.create-flyer__url-item{grid-gap:10px;align-items:center;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;display:grid;gap:10px;grid-template-columns:1fr 2fr auto auto;margin-bottom:10px;padding:10px}.create-flyer__url-item label{align-items:center;display:flex;gap:5px;white-space:nowrap}.create-flyer__url-item input[type=checkbox]{margin:0}.create-flyer__attachments{display:flex;flex-direction:column;gap:10px}.create-flyer__attachment-item{align-items:center;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;display:flex;gap:10px;padding:10px}.create-flyer__file-icon{flex-shrink:0;font-size:1.5rem}.create-flyer__file-icon--pdf{color:#dc3545}.create-flyer__file-icon--word{color:#2b579a}.create-flyer__file-icon--excel{color:#217346}.create-flyer__file-icon--image{color:#6c757d}.create-flyer__file-icon--powerpoint{color:#d24726}.create-flyer__file-icon--other,.create-flyer__file-icon--text{color:var(--color-text-muted)}.create-flyer__file-details{display:flex;flex:1 1;flex-direction:column;gap:2px;overflow:hidden}.create-flyer__file-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.create-flyer__file-size{color:var(--color-text-muted);font-size:.85rem}.create-flyer__add-attachment,.create-flyer__add-btn{align-items:center;background-color:var(--color-bg);border:2px dashed var(--color-border);border-radius:6px;color:var(--color-text);cursor:pointer;display:inline-flex;font-size:.95rem;gap:8px;padding:10px 16px;transition:all .2s ease}.create-flyer__add-attachment:hover,.create-flyer__add-btn:hover{background-color:var(--color-bg-hover);border-color:var(--color-primary)}.create-flyer__remove-btn{align-items:center;background:none;border:none;color:var(--color-danger);cursor:pointer;display:flex;justify-content:center;padding:5px;transition:opacity .2s ease}.create-flyer__remove-btn:hover{opacity:.7}.create-flyer__actions{border-top:1px solid var(--color-border);justify-content:space-between;margin-top:40px;padding-top:40px}.create-flyer__cancel-btn,.create-flyer__submit-btn{border:none;border-radius:8px}.create-flyer__template-option{margin-top:20px;text-align:center}.create-flyer__template-divider{color:var(--color-text-secondary);font-size:.9rem;letter-spacing:1px;margin:20px 0 15px;text-transform:uppercase}.create-flyer__template-btn{align-items:center;background-color:var(--color-bg-secondary);border:2px solid var(--color-primary);border-radius:8px;color:var(--color-primary);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.create-flyer__template-btn:hover{background-color:var(--color-primary);box-shadow:0 4px 12px #ff45004d;color:#fff;transform:translateY(-2px)}.create-flyer__template-btn svg{font-size:1.2rem}.create-flyer__cancel-btn{background-color:var(--color-bg);border:2px solid var(--color-border)}.create-flyer__submit-btn{border:1px solid var(--color-primary);color:#fff!important}.create-flyer__submit-btn:hover{border-color:var(--color-primary-hover);box-shadow:0 4px 12px #ff45004d;color:#fff!important;text-decoration:none;transform:translateY(-2px)}.dark .create-flyer__submit-btn,body.dark-mode .create-flyer__submit-btn{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff!important}.dark .create-flyer__submit-btn:hover,body.dark-mode .create-flyer__submit-btn:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);color:#fff!important}.create-flyer__cancel-btn:disabled,.create-flyer__submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.dark .create-flyer__error{background-color:#ff00001a;border-color:#ff00004d;color:#ff6b6b}body.dark-mode .create-flyer__video-dropzone{background-color:var(--color-bg);border-color:var(--color-border)}body.dark-mode .create-flyer__video-dropzone:hover{background-color:#ff45001a}body.dark-mode .create-flyer__video-upload.dragging .create-flyer__video-dropzone{background-color:#ff450033;border-color:var(--color-primary)}body.dark-mode .create-flyer__thumbnail-dropzone{background-color:var(--color-bg);border-color:var(--color-border)}body.dark-mode .create-flyer__thumbnail-dropzone:hover{background-color:#ff45001a}body.dark-mode .create-flyer__thumbnail-mode{background-color:var(--color-bg-secondary);border-color:var(--color-border)}body.dark-mode .create-flyer__frame-selector{background-color:var(--color-bg)}body.dark-mode .create-flyer__frame-btn{background-color:var(--color-bg-secondary);border-color:var(--color-border)}body.dark-mode .create-flyer__frame-btn:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}body.dark-mode .create-flyer__field input[type=date],body.dark-mode .create-flyer__field input[type=datetime-local]{background-color:var(--color-bg);border-color:var(--color-border);color:var(--color-text)}body.dark-mode .create-flyer__field input[type=date]::-webkit-calendar-picker-indicator,body.dark-mode .create-flyer__field input[type=datetime-local]::-webkit-calendar-picker-indicator{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23999'%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z'/%3E%3C/svg%3E")!important}.toast{background-color:var(--color-bg-secondary);border-radius:8px;box-shadow:0 4px 12px #00000026;color:var(--color-text);gap:12px;padding:16px 24px}.toast svg{font-size:1.2rem}.toast span{font-weight:500}.toast--success{border-left:4px solid #28a745}.toast--success svg{color:#28a745}.toast--error{border-left:4px solid #dc3545}.toast--error svg{color:#dc3545}.toast--warning{border-left:4px solid #ffc107}.toast--warning svg{color:#ffc107}.toast--info{border-left:4px solid #17a2b8}.toast--info svg{color:#17a2b8}@media (max-width:768px){.create-flyer__container{padding:20px}.create-flyer__url-item{gap:10px;grid-template-columns:1fr}.create-flyer__actions{flex-direction:column}.create-flyer__grid{grid-template-columns:1fr}.toast{bottom:10px;left:10px;max-width:none;right:10px}}.my-flyers{background-color:initial;min-height:100vh;padding:0 20px 20px}.my-flyers--full-width{background-color:var(--color-bg);padding:20px 0 0}.my-flyers__container{background-color:var(--color-bg);border-radius:12px;box-shadow:0 4px 15px #0000001a;margin:0 auto;max-width:1200px;padding:30px}.my-flyers--full-width .my-flyers__container{background-color:initial;border-radius:0;box-shadow:none;max-width:none;padding:30px 20px}.my-flyers__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:40px}.my-flyers__header h1{color:var(--color-text);font-size:2rem;margin:0}.my-flyers__header-actions{align-items:center;display:flex;gap:12px}.my-flyers__templates-btn{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);display:inline-flex;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .2s ease}.my-flyers__templates-btn:hover{background-color:var(--color-bg-hover);border-color:var(--color-primary);color:var(--color-primary)}.my-flyers__analytics-btn{align-items:center;background-color:var(--color-success);border-radius:8px;color:#fff;display:inline-flex;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .2s ease}.my-flyers__analytics-btn:hover{background-color:#218838;box-shadow:0 4px 12px #28a7454d;transform:translateY(-2px)}.my-flyers__create-btn{align-items:center;background-color:var(--color-primary);border-radius:8px;color:#fff;display:inline-flex;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .2s ease}.my-flyers__create-btn:hover{background-color:var(--color-primary-hover);box-shadow:0 4px 12px #ff45004d;transform:translateY(-2px)}.my-flyers__unauthorized{background-color:var(--color-bg-secondary);border-radius:12px;margin:50px auto;max-width:600px;padding:40px;text-align:center}.my-flyers__unauthorized h2{color:var(--color-danger);margin-bottom:15px}.my-flyers__unauthorized button{background-color:var(--color-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:20px;padding:10px 20px;transition:background-color .2s ease}.my-flyers__unauthorized button:hover{background-color:var(--color-primary-hover)}.my-flyers__tips{background-color:var(--color-info);background-color:#17a2b81a;border:1px solid #17a2b84d;border-radius:8px;margin-bottom:25px;padding:15px}.my-flyers__tips p{color:var(--color-text);line-height:1.6;margin:0}.my-flyers__tips strong{color:var(--color-info)}.my-flyers__stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.my-flyers__stat-card{background-color:var(--color-bg-secondary);border-radius:12px;box-shadow:0 2px 8px #00000014;padding:25px;text-align:center}.my-flyers__stat-card h3{color:var(--color-text-secondary);font-size:.9rem;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.my-flyers__stat-card p{color:var(--color-primary);font-size:2rem;font-weight:700;margin:0}.my-flyers__controls{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.my-flyers__filters{display:flex;gap:10px}.my-flyers__filters button{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s ease}.my-flyers__filters button:hover{background-color:var(--color-bg-hover);border-color:var(--color-primary)}.my-flyers__filters button.active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.my-flyers__sort{align-items:center;display:flex;gap:10px}.my-flyers__sort label{color:var(--color-text-secondary);font-size:.9rem}.my-flyers__sort select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);cursor:pointer;font-size:.9rem;padding:8px 12px}.my-flyers__empty{background-color:var(--color-bg-secondary);border-radius:12px;padding:60px 20px;text-align:center}.my-flyers__empty p{color:var(--color-text-secondary);font-size:1.1rem;margin-bottom:20px}.my-flyers__empty button{background-color:var(--color-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .2s ease}.my-flyers__empty button:hover{background-color:var(--color-primary-hover)}.my-flyers__list{display:flex;flex-direction:column;gap:20px}.my-flyers__item{grid-gap:20px;background-color:var(--color-bg-secondary);border-radius:12px;box-shadow:0 2px 8px #00000014;display:grid;gap:20px;grid-template-columns:200px 1fr auto;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.my-flyers__item:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.my-flyers__item-image{border-radius:8px;height:150px;overflow:hidden;position:relative;width:200px}.my-flyers__item-image img{height:100%;object-fit:cover;width:100%}.my-flyers__priority-badge{background:linear-gradient(135deg,red,#c00);border-radius:12px;box-shadow:0 2px 4px #0000004d;color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:4px 10px;position:absolute;right:10px;text-transform:uppercase;top:10px}.my-flyers__type-badge{align-items:center;background-color:var(--color-bg);border:2px solid var(--color-border);border-radius:50%;bottom:10px;color:var(--color-text-secondary);display:flex;font-size:1rem;height:32px;justify-content:center;position:absolute;right:10px;width:32px}.my-flyers__type-badge--text{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.my-flyers__type-badge--image{background-color:var(--color-info);border-color:var(--color-info);color:#fff}.my-flyers__item-info{display:flex;flex:1 1;flex-direction:column;gap:10px}.my-flyers__item-header{align-items:flex-start;display:flex;gap:15px;justify-content:space-between}.my-flyers__item-header h3{color:var(--color-text);font-size:1.2rem;line-height:1.3;margin:0}.my-flyers__status{border-radius:20px;font-size:.85rem;font-weight:600;padding:4px 12px;white-space:nowrap}.my-flyers__status.active{background-color:#28a7451a;color:var(--color-success)}.my-flyers__status.expired{background-color:#dc35451a;color:var(--color-danger)}.my-flyers__status.scheduled{background-color:#17a2b81a;color:var(--color-info)}.my-flyers__status.paused{background-color:#ffc1071a;color:var(--color-warning)}.my-flyers__status.pending{background-color:#6c757d1a;color:var(--color-secondary)}.my-flyers__item-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-secondary);display:-webkit-box;font-size:.95rem;line-height:1.5;margin:0;overflow:hidden}.my-flyers__item-meta{color:var(--color-text-secondary);display:flex;font-size:.85rem;gap:20px}.my-flyers__item-expires,.my-flyers__item-meta span{align-items:center;display:flex;gap:5px}.my-flyers__item-expires{color:var(--color-warning);font-size:.85rem;font-weight:500}.my-flyers__item-actions{display:flex;flex-direction:column;gap:8px}.my-flyers__action-btn{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;text-decoration:none;transition:all .2s ease;width:40px}.my-flyers__action-btn:disabled{cursor:not-allowed;opacity:.5}.my-flyers__action-btn.view{background-color:var(--color-info);color:#fff}.my-flyers__action-btn.view:hover{background-color:#138496;transform:scale(1.1)}.my-flyers__action-btn.edit{background-color:var(--color-primary);color:#fff}.my-flyers__action-btn.edit:hover{background-color:var(--color-primary-hover);transform:scale(1.1)}.my-flyers__action-btn.pause,.my-flyers__action-btn.play{background-color:var(--color-warning);color:#333}.my-flyers__action-btn.pause:hover,.my-flyers__action-btn.play:hover{background-color:#e0a800;transform:scale(1.1)}.my-flyers__action-btn.analytics{background-color:var(--color-success);color:#fff}.my-flyers__action-btn.analytics:hover{background-color:#218838;transform:scale(1.1)}.my-flyers__action-btn.delete{background-color:var(--color-danger);color:#fff}.my-flyers__action-btn.delete:hover{background-color:#c82333;transform:scale(1.1)}.dark .my-flyers__item,.dark .my-flyers__stat-card{background-color:var(--color-bg-secondary);box-shadow:0 2px 8px #0000004d}.dark .my-flyers__filters button{background-color:var(--color-bg-secondary);border-color:var(--color-border)}.dark .my-flyers__filters button:hover{background-color:var(--color-bg-tertiary)}.dark .my-flyers__sort select{background-color:var(--color-bg-secondary);border-color:var(--color-border)}.dark .my-flyers__analytics-btn,.dark .my-flyers__analytics-btn:hover{color:#fff!important}.dark .my-flyers__templates-btn{color:var(--color-text)!important}.dark .my-flyers__templates-btn:hover{color:var(--color-primary)!important}.dark .my-flyers__create-btn,.dark .my-flyers__create-btn:hover{color:#fff!important}@media (max-width:768px){.my-flyers__header{flex-direction:column;gap:20px;text-align:center}.my-flyers__stats{grid-template-columns:1fr 1fr}.my-flyers__controls{align-items:stretch;flex-direction:column}.my-flyers__filters{flex-wrap:wrap}.my-flyers__filters,.my-flyers__sort{justify-content:center}.my-flyers__item{gap:15px;grid-template-columns:1fr}.my-flyers__item-image{height:200px;width:100%}.my-flyers__item-actions{flex-direction:row;flex-wrap:wrap;justify-content:center}}@media (max-width:480px){.my-flyers__stats{grid-template-columns:1fr}.my-flyers__item-meta{flex-wrap:wrap;gap:10px}}.my-flyers__skip-links{left:0;position:absolute;top:0;z-index:10000}.my-flyers__skip-link{background-color:var(--color-primary);border-radius:var(--radius-base);color:#fff;height:1px;left:-9999px;overflow:hidden;padding:.5rem 1rem;position:absolute;text-decoration:none;top:auto;width:1px;z-index:-999}.my-flyers__skip-link:focus{box-shadow:var(--shadow-lg);height:auto;left:1rem;overflow:visible;position:fixed;top:1rem;width:auto;z-index:10000}.my-flyers__breadcrumb-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.5rem 1rem}.my-flyers__breadcrumbs{flex:1 1}.my-flyers__breadcrumbs ol{flex-wrap:wrap;list-style:none;margin:0;padding:0}.my-flyers__breadcrumbs li,.my-flyers__breadcrumbs ol{align-items:center;display:flex;gap:.5rem}.my-flyers__breadcrumbs a{align-items:center;color:var(--color-text-secondary);display:flex;gap:.25rem;text-decoration:none;transition:color .2s ease}.my-flyers__breadcrumbs a:hover{color:var(--color-primary)}.my-flyers__breadcrumb-separator{color:var(--color-text-tertiary);font-size:.75rem}.my-flyers__share-button{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;font-size:.875rem;justify-content:center;margin-left:1rem;padding:.25rem .5rem;transition:all .2s ease}.my-flyers__share-button:hover{background-color:var(--color-bg-tertiary);box-shadow:var(--shadow-md);color:var(--color-primary);transform:translateY(-1px)}.my-flyers__share-button svg{fill:currentColor;height:1em;width:1em}.my-flyers__skeleton{animation:skeleton-loading 1.5s ease-in-out infinite;padding:2rem}.my-flyers__skeleton-card,.my-flyers__skeleton-header,.my-flyers__skeleton-text{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--color-bg-secondary) 0,var(--color-bg-tertiary) 50%,var(--color-bg-secondary) 100%);background-size:200% 100%;border-radius:var(--radius-base)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.my-flyers__skeleton-header{height:3rem;margin-bottom:1rem;width:60%}.my-flyers__skeleton-text{height:1rem;margin-bottom:.5rem}.my-flyers__skeleton-text--short{width:40%}.my-flyers__skeleton-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1.5rem}.my-flyers__skeleton-card{height:150px}.dark .my-flyers__skeleton-card,.dark .my-flyers__skeleton-header,.dark .my-flyers__skeleton-text{background:linear-gradient(90deg,#ffffff0d,#ffffff1a 50%,#ffffff0d)}.sr-only{border-width:0}.my-flyers__offline-banner{background-color:var(--color-warning);box-shadow:var(--shadow-md);color:#333;font-weight:500;gap:.5rem;justify-content:center;left:0;padding:.75rem 1rem;right:0;top:0;z-index:9999}.my-flyers__offline-banner,.my-flyers__toast{align-items:center;display:flex;position:fixed}.my-flyers__toast{animation:slideInRight .3s ease-out;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);bottom:2rem;box-shadow:var(--shadow-lg);gap:1rem;max-width:400px;padding:1rem 1.5rem;right:2rem;z-index:9998}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.my-flyers__toast-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.my-flyers__toast-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0}.my-flyers__toast-close:hover{color:var(--color-text)}.my-flyers__toast--success{border-left:4px solid var(--color-success)}.my-flyers__toast--success svg{color:var(--color-success)}.my-flyers__toast--warning{border-left:4px solid var(--color-warning)}.my-flyers__toast--warning svg{color:var(--color-warning)}.my-flyers__toast--error{border-left:4px solid var(--color-danger)}.my-flyers__toast--error svg{color:var(--color-danger)}.my-flyers__toast--info{border-left:4px solid var(--color-info)}.my-flyers__toast--info svg{color:var(--color-info)}.reduced-motion .my-flyers__skeleton,.reduced-motion .my-flyers__toast{animation:none}@media (max-width:768px){.my-flyers__toast{bottom:1rem;left:1rem;max-width:none;right:1rem}}.high-contrast .my-flyers,.high-contrast .my-flyers__item{border:2px solid}.focus-visible .my-flyers__action-btn:focus,.focus-visible .my-flyers__analytics-btn:focus,.focus-visible .my-flyers__create-btn:focus,.focus-visible .my-flyers__templates-btn:focus{outline:3px solid var(--color-primary);outline-offset:2px}.save-data .my-flyers__action-btn,.save-data .my-flyers__item{transition:none}.save-data .my-flyers__skeleton{animation:none}.loading-screen{align-items:center;background-color:#fff;display:flex;height:100%;justify-content:center;left:0;opacity:1;position:fixed;top:0;transition:opacity .5s ease-out;width:100%;z-index:9999}.loading-screen.exit{opacity:0;pointer-events:none}.loading-content{justify-content:center;max-width:80%}.loading-content,.loading-logo-container{align-items:center;display:flex;flex-direction:column}.loading-logo-container{opacity:0;transform:scale(.9);transition:opacity .8s ease-out,transform .8s ease-out}.loading-logo-container.visible{opacity:1;transform:scale(1)}.loading-logo-fox{height:120px;margin-bottom:20px;width:120px}.fox-svg{height:100%;width:100%}.fox-face{fill:#fff;stroke:#000;stroke-width:2}.fox-ears{fill:#000}.fox-x{stroke:#ff4500;stroke-width:8;fill:none;stroke-linecap:round}.fox-eye{fill:red}.fox-nose{fill:#000}.loading-logo-text{opacity:0;transform:translateY(10px);transition:opacity .5s ease-out,transform .5s ease-out}.loading-logo-text.visible{opacity:1;transform:translateY(0)}.loading-logo-text.stolen-stuff{color:#ff4500;font-size:2rem;font-weight:700;transition-delay:.1s}.loading-logo-text.hawaii{color:#000;font-size:3.5rem;font-weight:700;margin-top:-15px;transition-delay:.25s}.loading-logo-text.crimefighter{border:3px solid #ff4500;border-radius:5px;color:#ff4500;font-family:sans-serif;font-size:2.5rem;font-weight:700;letter-spacing:2px;margin-top:10px;padding:0 15px;transition-delay:.4s}.loading-logo-text.tagline{color:#000;font-size:1.2rem;font-weight:700;margin-top:10px;transition-delay:.5s}@keyframes blinkEyes{0%,45%,55%,to{transform:scaleY(1)}50%{transform:scaleY(.1)}}.fox-eye{animation:blinkEyes 4s infinite}@keyframes drawX{0%{stroke-dashoffset:200}50%,to{stroke-dashoffset:0}}@keyframes glowEffect{0%,to{filter:drop-shadow(0 0 2px rgba(255,69,0,.5))}50%{filter:drop-shadow(0 0 10px rgba(255,69,0,.8))}}.fox-x{stroke-dasharray:200;stroke-dashoffset:200;animation:drawX 2s ease-in-out forwards,glowEffect 2s ease-in-out infinite;animation-delay:.5s,2s}.fox-face{animation:pulse 3s ease-in-out infinite}@media (max-width:768px){.loading-logo-fox{height:80px;width:80px}.loading-logo-text.stolen-stuff{font-size:1.5rem}.loading-logo-text.hawaii{font-size:2.5rem}.loading-logo-text.crimefighter{font-size:2rem}.loading-logo-text.tagline{font-size:1rem}}@media (max-width:480px){.loading-logo-fox{height:60px;width:60px}.loading-logo-text.stolen-stuff{font-size:1.2rem}.loading-logo-text.hawaii{font-size:2rem}.loading-logo-text.crimefighter{font-size:1.5rem}.loading-logo-text.tagline{font-size:.8rem}}.image-loading-screen{align-items:center;background-color:#fff;display:flex;height:100%;justify-content:center;left:0;opacity:1;position:fixed;top:0;transition:opacity .5s ease-out;width:100%;z-index:9999}.image-loading-screen.exit{opacity:0;pointer-events:none}.image-loading-content{justify-content:center;max-width:90%}.image-loading-content,.image-logo-container{align-items:center;display:flex;flex-direction:column}.image-logo-container{opacity:0;transform:scale(.9);transition:opacity .8s ease-out,transform .8s ease-out}.image-logo-container.visible{opacity:1;transform:scale(1)}.logo-image{height:auto;max-width:100%;transition:transform .8s ease-in-out}.logo-image.active{animation:simpleFade 1s ease-in-out forwards}.tagline{color:#000;font-size:1.8rem;font-weight:700;margin-top:10px;opacity:0;transform:translateY(10px);transition:opacity .5s ease-out,transform .5s ease-out}.tagline.visible{opacity:1;transform:translateY(0)}@keyframes simpleFade{0%{opacity:.95}to{opacity:1}}@media (max-width:768px){.image-logo-container img{max-width:90%}.tagline{font-size:1.5rem}}@media (max-width:480px){.image-logo-container img{max-width:85%}.tagline{font-size:1.2rem}}.svg-loading-screen{align-items:center;background-color:#fff;display:flex;height:100%;justify-content:center;left:0;opacity:1;position:fixed;top:0;transition:opacity .5s ease-out;width:100%;z-index:9999}.svg-loading-screen.exit{opacity:0;pointer-events:none}.svg-loading-content{align-items:center;display:flex;flex-direction:column;justify-content:center;max-width:600px;padding:20px;position:relative;width:100%}.svg-logo-container{align-items:center;display:flex;flex-direction:column;opacity:0;position:relative;transform:scale(.9);transition:opacity .8s ease-out,transform .8s ease-out;width:100%}.svg-logo-container.visible{opacity:1;transform:scale(1)}.logo-svg{animation:simpleEntrance 1.2s ease-out forwards;filter:none;height:auto;max-width:550px;width:100%;z-index:1}.logo-svg.active{animation:gentlePulse 4s ease-in-out infinite}.fox-eye-glow,.text-glow,.text-glow-base{display:none}.tagline-text{font-size:1.8rem;margin-top:25px;text-shadow:none}.text-glow.stolen-stuff{animation:orangeGlow 3s ease-in-out infinite alternate;animation-delay:.1s;height:8%;left:46%;top:17%;width:40%}.text-glow.hawaii{animation:blackGlow 3.5s ease-in-out infinite alternate;animation-delay:.3s;height:15%;left:50%;top:33%;transform:translateX(-50%);width:45%}.text-glow.crimefighter{animation:orangePulse 3s ease-in-out infinite alternate;animation-delay:.5s;height:12%;left:50%;top:58%;transform:translateX(-50%);width:70%}.text-glow.tagline{animation:blackGlow 2.8s ease-in-out infinite alternate;animation-delay:.7s;bottom:15%;height:8%;left:50%;transform:translateX(-50%);width:60%}.tagline-text{color:#000;font-size:2rem;font-weight:700;letter-spacing:2px;margin-top:30px;opacity:0;text-shadow:0 0 5px #ff450080;transform:translateY(20px);transition:opacity .8s ease-out,transform .8s ease-out}.tagline-text.visible{animation:textPulse 3s infinite alternate;opacity:1;transform:translateY(0)}@keyframes simpleEntrance{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes gentlePulse{0%,to{transform:scale(1)}50%{transform:scale(1.01)}}@media (max-width:768px){.svg-loading-content{max-width:90%}.tagline-text{font-size:1.5rem;margin-top:20px}}@media (max-width:480px){.tagline-text{font-size:1.2rem}}.flyer-analytics{background-color:initial;min-height:100vh;padding:0 20px 20px}.flyer-analytics--full-width{background-color:var(--color-bg);padding:20px 0 0}.flyer-analytics__container{background-color:var(--color-bg);border-radius:12px;box-shadow:0 4px 15px #0000001a;margin:0 auto;max-width:1200px;padding:30px}.flyer-analytics--full-width .flyer-analytics__container{background-color:initial;border-radius:0;box-shadow:none;max-width:none;padding:30px 20px}.flyer-analytics__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:40px}.flyer-analytics__header h1{color:var(--color-text);font-size:2rem;margin:0}.flyer-analytics__export-btn{align-items:center;background-color:var(--color-secondary);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.flyer-analytics__export-btn:hover{background-color:#5a6268;transform:translateY(-1px)}.flyer-analytics__export-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.flyer-analytics__detail-btn{align-items:center;background-color:var(--color-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.flyer-analytics__detail-btn:hover{background-color:var(--color-primary-hover);box-shadow:0 4px 12px #ff45004d;transform:translateY(-1px)}.flyer-analytics__empty-state,.flyer-analytics__unauthorized{background-color:var(--color-bg-secondary);border-radius:12px;margin:50px auto;max-width:600px;padding:40px;text-align:center}.flyer-analytics__empty-state h2,.flyer-analytics__unauthorized h2{color:var(--color-text);margin-bottom:15px}.flyer-analytics__empty-state button,.flyer-analytics__unauthorized button{background-color:var(--color-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:20px;padding:10px 20px;transition:background-color .2s ease}.flyer-analytics__empty-state button:hover,.flyer-analytics__unauthorized button:hover{background-color:var(--color-primary-hover)}.flyer-analytics__selector{align-items:center;display:flex;gap:15px;margin-bottom:30px}.flyer-analytics__selector label{color:var(--color-text);font-weight:500}.flyer-analytics__selector select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);flex:1 1;font-size:1rem;max-width:400px;padding:10px 15px}.flyer-analytics__controls{margin-bottom:40px}.flyer-analytics__date-range{display:flex;gap:10px}.flyer-analytics__date-range button{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s ease}.flyer-analytics__date-range button:hover{background-color:var(--color-bg-hover);border-color:var(--color-primary)}.flyer-analytics__date-range button.active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.flyer-analytics__demo-notice{background-color:var(--color-info);background-color:#17a2b81a;border:1px solid #17a2b84d;border-radius:8px;color:var(--color-text);font-size:.95rem;margin-bottom:25px;padding:15px;text-align:center}.flyer-analytics__demo-notice strong{color:var(--color-info);margin-right:5px}.flyer-analytics__summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:40px}.flyer-analytics__stat-card{background-color:var(--color-bg-secondary);border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;gap:20px;padding:25px;transition:transform .2s ease,box-shadow .2s ease}.flyer-analytics__stat-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.flyer-analytics__stat-icon{align-items:center;background-color:var(--color-primary);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;height:60px;justify-content:center;width:60px}.flyer-analytics__stat-content{display:flex;flex:1 1;flex-direction:column;gap:5px}.flyer-analytics__stat-content h3{color:var(--color-text-secondary);font-size:.9rem;letter-spacing:.5px;margin:0;text-transform:uppercase}.flyer-analytics__stat-value{color:var(--color-text);font-size:2rem;font-weight:700;line-height:1;margin:0}.flyer-analytics__stat-change{align-items:center;display:flex;font-size:.85rem;font-weight:500;gap:5px}.flyer-analytics__stat-change.positive{color:var(--color-success)}.flyer-analytics__stat-change.negative{color:var(--color-danger)}.flyer-analytics__stat-subtitle{color:var(--color-text-secondary);font-size:.85rem}.flyer-analytics__chart-section{background-color:var(--color-bg-secondary);border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:30px;padding:30px}.flyer-analytics__chart-section h2{color:var(--color-text);font-size:1.4rem;margin-bottom:20px}.flyer-analytics__chart{height:100%;width:100%}.flyer-analytics__links-table{overflow-x:auto}.flyer-analytics__links-table table{border-collapse:collapse;width:100%}.flyer-analytics__links-table td,.flyer-analytics__links-table th{border-bottom:1px solid var(--color-border);padding:12px;text-align:left}.flyer-analytics__links-table th{background-color:var(--color-bg);color:var(--color-text);font-weight:600}.flyer-analytics__links-table td{color:var(--color-text-secondary)}.flyer-analytics__link-url{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flyer-analytics__demographics{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(500px,1fr))}.flyer-analytics__locations{display:flex;flex-direction:column;gap:15px}.flyer-analytics__location-item{align-items:center;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;display:flex;justify-content:space-between;padding:15px}.flyer-analytics__location-info{align-items:center;color:var(--color-text);display:flex;gap:10px}.flyer-analytics__location-info svg{color:var(--color-primary)}.flyer-analytics__location-stats{color:var(--color-text-secondary);display:flex;font-size:.9rem;gap:20px}.dark .flyer-analytics__chart-section,.dark .flyer-analytics__stat-card{background-color:var(--color-bg-secondary);box-shadow:0 2px 8px #0000004d}.dark .flyer-analytics__links-table th,.dark .flyer-analytics__location-item{background-color:var(--color-bg-tertiary)}.dark .flyer-analytics__location-item{border-color:var(--color-border)}.dark .flyer-analytics__selector select{background-color:var(--color-bg-secondary);border-color:var(--color-border)}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:var(--color-border);stroke-opacity:.5}.recharts-text{fill:var(--color-text-secondary);font-size:.85rem}.recharts-legend-wrapper{margin-top:20px}.recharts-tooltip-wrapper{outline:none}.recharts-default-tooltip{background-color:var(--color-bg-secondary)!important;border:1px solid var(--color-border)!important;border-radius:6px;box-shadow:0 2px 8px #00000026}.recharts-tooltip-label{color:var(--color-text)!important;font-weight:600;margin-bottom:5px}.recharts-tooltip-item{color:var(--color-text-secondary)!important}@media (max-width:1200px){.flyer-analytics__demographics{grid-template-columns:1fr}}@media (max-width:768px){.flyer-analytics__header{flex-direction:column;gap:20px;text-align:center}.flyer-analytics__selector{align-items:stretch;flex-direction:column}.flyer-analytics__selector select{max-width:none}.flyer-analytics__date-range{flex-wrap:wrap;justify-content:center}.flyer-analytics__summary{grid-template-columns:1fr}.flyer-analytics__stat-card{flex-direction:column;text-align:center}.flyer-analytics__chart-section{padding:20px}.flyer-analytics__links-table{font-size:.85rem}.flyer-analytics__location-item{flex-direction:column;gap:10px;text-align:center}.flyer-analytics__location-stats{justify-content:center}}.flyer-analytics-detailed{background-color:var(--color-bg);min-height:100vh;padding:20px}.flyer-analytics-detailed__header{align-items:center;background-color:var(--color-bg-secondary);border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;margin:0 auto 30px;max-width:1400px;padding:20px}.flyer-analytics-detailed__header-content h1{color:var(--color-text);font-size:2rem;margin:10px 0}.flyer-analytics-detailed__flyer-title{color:var(--color-text-secondary);font-size:1.1rem;margin:0}.flyer-analytics-detailed__back-btn{align-items:center;background:none;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);cursor:pointer;display:inline-flex;gap:8px;margin-bottom:10px;padding:8px 16px;transition:all .2s ease}.flyer-analytics-detailed__back-btn:hover{background-color:var(--color-bg-hover);border-color:var(--color-primary)}.flyer-analytics-detailed__date-select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);cursor:pointer;font-size:.95rem;padding:8px 16px}.flyer-analytics-detailed__demo-notice{background-color:var(--color-info);background-color:#17a2b81a;border:1px solid #17a2b84d;border-radius:8px;color:var(--color-text);font-size:.95rem;margin:0 auto 25px;max-width:1400px;padding:15px;text-align:center}.flyer-analytics-detailed__demo-notice strong{color:var(--color-info);margin-right:5px}.flyer-analytics-detailed__metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto 40px;max-width:1400px}.flyer-analytics-detailed__metric-card{background-color:var(--color-bg-secondary);border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:20px;padding:25px;transition:transform .2s ease,box-shadow .2s ease}.flyer-analytics-detailed__metric-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.flyer-analytics-detailed__metric-icon{align-items:center;background-color:var(--color-primary);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;height:60px;justify-content:center;width:60px}.flyer-analytics-detailed__metric-content h3{color:var(--color-text-secondary);font-size:.9rem;font-weight:500;margin:0 0 8px}.flyer-analytics-detailed__metric-value{color:var(--color-text);font-size:2rem;font-weight:700;line-height:1;margin:0}.flyer-analytics-detailed__metric-bounce,.flyer-analytics-detailed__metric-rate,.flyer-analytics-detailed__metric-unique{color:var(--color-text-muted);font-size:.85rem;margin:5px 0 0}.flyer-analytics-detailed__chart-section{background-color:var(--color-bg-secondary);border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:0 auto 40px;max-width:1400px;padding:30px}.flyer-analytics-detailed__chart-section h2{color:var(--color-text);font-size:1.5rem;margin:0 0 20px}.flyer-analytics-detailed__chart-container{height:300px;width:100%}.flyer-analytics-detailed__insights-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto 40px;max-width:1400px}.flyer-analytics-detailed__insight-card{background-color:var(--color-bg-secondary);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:25px}.flyer-analytics-detailed__insight-card h3{color:var(--color-text);font-size:1.2rem;margin:0 0 20px}.flyer-analytics-detailed__device-row{align-items:center;display:flex;gap:15px;margin-bottom:15px}.flyer-analytics-detailed__device-info{align-items:center;color:var(--color-text);display:flex;gap:8px;min-width:100px}.flyer-analytics-detailed__device-info svg{color:var(--color-primary)}.flyer-analytics-detailed__device-bar{background-color:var(--color-bg);border-radius:10px;flex:1 1;height:20px;overflow:hidden}.flyer-analytics-detailed__device-fill{background-color:var(--color-primary);height:100%;transition:width .5s ease}.flyer-analytics-detailed__device-percent{color:var(--color-text-secondary);font-weight:500;min-width:50px;text-align:right}.flyer-analytics-detailed__location-row{align-items:center;border-bottom:1px solid var(--color-border);display:flex;padding:10px 0}.flyer-analytics-detailed__location-row:last-child{border-bottom:none}.flyer-analytics-detailed__location-rank{align-items:center;background-color:var(--color-bg);border-radius:50%;color:var(--color-primary);display:flex;font-weight:600;height:30px;justify-content:center;margin-right:15px;width:30px}.flyer-analytics-detailed__location-name{color:var(--color-text);flex:1 1}.flyer-analytics-detailed__location-count{color:var(--color-text-secondary);font-weight:500}.flyer-analytics-detailed__hour-chart{margin-top:20px}.flyer-analytics-detailed__additional-metrics{background-color:var(--color-bg-secondary);border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:0 auto 40px;max-width:1400px;padding:30px}.flyer-analytics-detailed__additional-metrics h2{color:var(--color-text);font-size:1.5rem;margin:0 0 20px}.flyer-analytics-detailed__metrics-table{background-color:var(--color-border);border-radius:8px;display:flex;flex-direction:column;gap:1px;overflow:hidden}.flyer-analytics-detailed__metric-row{background-color:var(--color-bg-secondary);display:flex;justify-content:space-between;padding:15px 20px}.flyer-analytics-detailed__metric-row:nth-child(2n){background-color:var(--color-bg)}.flyer-analytics-detailed__metric-row span:first-child{color:var(--color-text)}.flyer-analytics-detailed__metric-row span:last-child{color:var(--color-primary);font-weight:600}.flyer-analytics-detailed__export{margin:0 auto;max-width:1400px;padding:20px;text-align:center}.flyer-analytics-detailed__export-btn{align-items:center;background-color:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.flyer-analytics-detailed__export-btn:hover{background-color:var(--color-primary-hover);box-shadow:0 4px 12px #ff45004d;transform:translateY(-2px)}.flyer-analytics-detailed__error{background-color:var(--color-bg-secondary);border-radius:12px;margin:50px auto;max-width:600px;padding:40px;text-align:center}.flyer-analytics-detailed__error h2{color:var(--color-danger);margin-bottom:15px}.flyer-analytics-detailed__error button{background-color:var(--color-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:20px;padding:10px 20px}.flyer-analytics-detailed__no-data{color:var(--color-text-muted);font-style:italic;padding:20px;text-align:center}.dark .flyer-analytics-detailed__additional-metrics,.dark .flyer-analytics-detailed__chart-section,.dark .flyer-analytics-detailed__insight-card,.dark .flyer-analytics-detailed__metric-card{box-shadow:0 2px 8px #0000004d}.dark .flyer-analytics-detailed__device-bar{background-color:#ffffff1a}@media (max-width:768px){.flyer-analytics-detailed__header{flex-direction:column;gap:20px}.flyer-analytics-detailed__insights-grid,.flyer-analytics-detailed__metrics-grid{grid-template-columns:1fr}.flyer-analytics-detailed__device-info{font-size:.9rem;min-width:80px}.flyer-analytics-detailed__metric-value{font-size:1.5rem}}.flyer-analytics-detailed__offline-banner{align-items:center;background-color:var(--color-warning);box-shadow:var(--shadow-md);color:#fff;display:flex;font-weight:500;gap:.5rem;justify-content:center;left:0;padding:.75rem;position:fixed;right:0;text-align:center;top:0;z-index:1100}@media (prefers-contrast:high){.flyer-analytics-detailed__back-btn,.flyer-analytics-detailed__date-select,.flyer-analytics-detailed__export-btn,.toast{border-width:2px}}@media (max-width:768px){.toast{bottom:1rem;left:1rem;max-width:none;right:1rem}.flyer-analytics-detailed__offline-banner{font-size:.875rem;padding:.5rem}}.flyer-analytics-detailed__back-btn:focus-visible,.flyer-analytics-detailed__date-select:focus-visible,.flyer-analytics-detailed__export-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media print{.flyer-analytics-detailed__export,.flyer-analytics-detailed__offline-banner,.sr-only,.toast{display:none}.flyer-analytics-detailed{background:#fff;color:#000}}.select-flyer-type{margin:0 auto;max-width:1200px;padding:0;width:100%}.select-flyer-type--full-width{margin:0;max-width:none}body.has-profile-background .select-flyer-type{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1rem}body.dark-mode .select-flyer-type{background-color:#2a2a2a;color:var(--color-text)}body.dark-mode.has-profile-background .select-flyer-type{background-color:#2a2a2af2}.select-flyer-type__skip-link{background:var(--color-primary);border-radius:var(--radius-base);color:#fff;font-weight:500;left:-9999px;padding:8px 16px;position:absolute;text-decoration:none;top:0;z-index:100}.select-flyer-type__skip-link:focus{box-shadow:var(--shadow-lg);left:50%;top:10px;transform:translateX(-50%)}.select-flyer-type__offline-banner{align-items:center;background-color:var(--color-warning);box-shadow:var(--shadow-md);color:#fff;display:flex;font-weight:500;gap:.5rem;justify-content:center;left:0;padding:.75rem;position:fixed;right:0;text-align:center;top:0;z-index:1100}@media (prefers-contrast:high){.select-flyer-type__cancel-button,.select-flyer-type__option-button{border-width:2px}}[data-focus-visible=true] .select-flyer-type__cancel-button:focus-visible,[data-focus-visible=true] .select-flyer-type__option-button:focus-visible,[data-focus-visible=true] .select-flyer-type__option:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media print{.select-flyer-type__offline-banner,.select-flyer-type__skip-link,.toast{display:none}.select-flyer-type{background:#fff;color:#000;max-width:none;padding:0}}.select-flyer-type{background-color:initial;min-height:100vh;padding:0 20px 40px}.select-flyer-type--full-width{background-color:var(--color-bg);padding:40px 0 0}.select-flyer-type__container{margin:0 auto;max-width:1200px}.select-flyer-type--full-width .select-flyer-type__container{max-width:none;padding:0 20px}.select-flyer-type__content{background-color:var(--color-bg);border-radius:12px;box-shadow:0 4px 15px #0000001a;padding:40px}.select-flyer-type--full-width .select-flyer-type__content{background-color:initial;border-radius:0;box-shadow:none;padding:40px 20px}.select-flyer-type__title{color:var(--color-text);font-size:2.5rem;margin-bottom:10px;text-align:center}.select-flyer-type__subtitle{color:var(--color-text-secondary);font-size:1.2rem;margin-bottom:50px;text-align:center}.select-flyer-type__options{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin-bottom:40px}@media (max-width:992px){.select-flyer-type__options{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.select-flyer-type__option{background-color:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:12px;cursor:pointer;padding:40px;text-align:center;transition:all .3s ease}.select-flyer-type__option:hover{border-color:var(--color-primary);box-shadow:0 8px 24px #0000001a;transform:translateY(-5px)}.select-flyer-type__option-icon{color:var(--color-primary);font-size:4rem;margin-bottom:20px}.select-flyer-type__option-title{color:var(--color-text);font-size:1.75rem;margin-bottom:15px}.select-flyer-type__option-description{color:var(--color-text-secondary);font-size:1.1rem;margin-bottom:30px}.select-flyer-type__features{list-style:none;margin:0 0 30px;padding:0;text-align:left}.select-flyer-type__features li{color:var(--color-text-secondary);font-size:.95rem;margin-bottom:10px;padding-left:25px;position:relative}.select-flyer-type__features li:before{color:var(--color-success);content:"✓";font-weight:700;left:0;position:absolute}.select-flyer-type__option-button{background-color:var(--color-primary);border:none;border-radius:8px;color:var(--color-text-inverse)!important;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 30px;transition:all .2s ease;width:100%}.select-flyer-type__option-button:hover{background-color:var(--color-primary-hover);box-shadow:0 4px 12px #ff45004d;transform:translateY(-2px)}.select-flyer-type__footer{text-align:center}.select-flyer-type__cancel-button{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);cursor:pointer;font-size:1rem;padding:10px 30px;transition:all .2s ease}.select-flyer-type__cancel-button:hover{background-color:var(--color-bg-hover);border-color:var(--color-border-dark)}.select-flyer-type__unauthorized{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;margin:100px auto;max-width:600px;padding:40px;text-align:center}.select-flyer-type__unauthorized h2{color:var(--color-danger);margin-bottom:20px}.select-flyer-type__unauthorized p{color:var(--color-text-secondary);margin-bottom:30px}.select-flyer-type__unauthorized button{background-color:var(--color-primary);border:none;border-radius:8px;color:var(--color-text-inverse)!important;cursor:pointer;padding:10px 30px;transition:all .2s ease}.select-flyer-type__unauthorized button:hover{background-color:var(--color-primary-hover)}.dark .select-flyer-type__option{background-color:var(--color-bg-secondary);border-color:var(--color-border)}.dark .select-flyer-type__option:hover{border-color:var(--color-primary);box-shadow:0 8px 24px #0000004d}.dark .select-flyer-type__option-button{background-color:var(--color-primary);border:1px solid var(--color-primary);color:var(--color-text-inverse)!important}.dark .select-flyer-type__option-button:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);color:var(--color-text-inverse)!important}.dark .select-flyer-type__cancel-button{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text)}.dark .select-flyer-type__cancel-button:hover{background-color:var(--color-bg-hover);border-color:var(--color-border-dark);color:var(--color-text)}@media (max-width:768px){.select-flyer-type{padding:20px 10px}.select-flyer-type__title{font-size:2rem}.select-flyer-type__subtitle{font-size:1rem;margin-bottom:30px}.select-flyer-type__options{gap:20px;grid-template-columns:1fr}.select-flyer-type__option{padding:30px 20px}.select-flyer-type__option-icon{font-size:3rem}.select-flyer-type__option-title{font-size:1.5rem}.select-flyer-type__option-description{font-size:1rem}.toast{bottom:1rem;left:1rem;max-width:none;right:1rem}}.create-flyer--full-width .create-flyer__inner{background-color:var(--color-bg);border-radius:0;box-shadow:none}.create-flyer__inner h1{background-color:initial;font-size:1.75rem;margin:0 0 20px;padding:20px;text-align:left}.create-flyer__section:has(.ftg-generator){background-color:var(--color-bg);border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:0 0 20px;padding:20px}.create-flyer--full-width .create-flyer__section:has(.ftg-generator){border-radius:0;box-shadow:none}.create-flyer__section:has(.ftg-generator) h2{display:none}@media (min-width:768px){.create-flyer__form-sections{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-top:20px}.create-flyer__section--category,.create-flyer__section--priority{margin:0}.create-flyer__section--category:only-child,.create-flyer__section--display{grid-column:1/-1}.create-flyer__section:not(:has(.ftg-generator)){background-color:var(--color-bg);border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:0;padding:20px}.create-flyer--full-width .create-flyer__section:not(:has(.ftg-generator)){border-radius:0;box-shadow:none}}@media (max-width:767px){.create-flyer__section:not(:has(.ftg-generator)){background-color:var(--color-bg);border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:0 0 20px;max-width:100%;padding:20px}}.create-flyer__form{display:flex;flex-direction:column;gap:0}.create-flyer__actions{background-color:var(--color-bg);border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:20px;margin:20px 0 0;padding:20px}.create-flyer--full-width .create-flyer__actions{border-radius:0;box-shadow:none}.create-flyer__cancel-btn,.create-flyer__submit-btn{border-radius:6px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .2s ease}.create-flyer__cancel-btn{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text)}.create-flyer__cancel-btn:hover{background-color:var(--color-bg-hover);border-color:var(--color-border-dark)}.create-flyer__submit-btn{background-color:var(--color-primary);border:none;color:#fff}.create-flyer__submit-btn:hover{background-color:var(--color-primary-hover);box-shadow:0 4px 8px #ff45004d;transform:translateY(-1px)}.create-flyer__submit-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.create-flyer__error{background-color:#dc35451a;border:1px solid var(--color-danger);border-radius:8px;color:var(--color-danger)}.create-flyer__error,.create-flyer__success{font-weight:500;margin:0 0 20px;padding:16px 20px}.create-flyer__success{animation:slideDown .3s ease-out;background-color:#28a7451a;border:1px solid var(--color-success);border-radius:8px;color:var(--color-success)}.create-flyer__field{margin-bottom:20px}.create-flyer__field:last-child{margin-bottom:0}.create-flyer__field label{color:var(--color-text);display:block;font-weight:500;margin-bottom:8px}.create-flyer__field input[type=date],.create-flyer__field input[type=datetime-local],.create-flyer__field select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);font-size:.875rem;padding:10px 14px;transition:all .2s ease;width:100%}.create-flyer__field input:focus,.create-flyer__field select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.create-flyer__field .hint{color:var(--color-text-secondary);font-size:.75rem;margin-top:6px}.create-flyer__checkbox{align-items:center;display:flex;gap:8px}.create-flyer__checkbox input[type=checkbox]{cursor:pointer;height:18px;width:18px}.create-flyer__checkbox label{cursor:pointer;margin-bottom:0}.create-flyer__section h2{color:var(--color-text);font-size:1.125rem;font-weight:600;margin:0 0 16px}.create-flyer__success-modal{background-color:var(--color-bg);border-radius:12px;box-shadow:0 4px 12px #0000001a;margin:40px auto;max-width:600px;padding:40px;text-align:center}.create-flyer__success-modal h2{color:var(--color-success);font-size:1.75rem;margin:0 0 16px}.create-flyer__success-modal p{color:var(--color-text-secondary);font-size:1.125rem;margin:0 0 32px}.create-flyer__success-actions{display:flex;flex-direction:column;gap:12px;margin:0 auto;max-width:400px}.create-flyer__submit-btn--secondary{background-color:initial;border:2px solid var(--color-primary);color:var(--color-primary)}.create-flyer__submit-btn--secondary:hover:not(:disabled){background-color:var(--color-primary);color:#fff}@media (max-width:768px){.create-flyer__container{padding:10px}.create-flyer__inner{padding:16px}.create-flyer__success-modal{margin:20px;padding:24px}.create-flyer__field{margin-bottom:16px}.create-flyer__actions{flex-direction:column}.create-flyer__cancel-btn,.create-flyer__submit-btn{width:100%}}.mobile-video-flyer{background-color:var(--color-bg);display:flex;flex-direction:column;height:100vh;overflow:hidden}.mobile-video-flyer__header{align-items:center;background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.mobile-video-flyer__back-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--color-text);cursor:pointer;display:flex;font-size:1.25rem;height:40px;justify-content:center;transition:all .2s ease;width:40px}.mobile-video-flyer__back-btn:hover{background-color:var(--color-bg-hover)}.mobile-video-flyer__title{color:var(--color-text);flex:1 1;font-size:1.125rem;font-weight:600;margin:0;text-align:center}.mobile-video-flyer__desktop-btn{align-items:center;background:none;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:1rem;height:40px;justify-content:center;transition:all .2s ease;width:40px}.mobile-video-flyer__desktop-btn:hover{background-color:var(--color-bg-hover);border-color:var(--color-primary);color:var(--color-primary)}.mobile-video-flyer__preview-section{background-color:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border);padding:16px}.mobile-video-flyer__video-container{background-color:#000;border-radius:8px;box-shadow:0 2px 8px #0003;margin:0 auto;max-width:400px;overflow:hidden;width:100%}.mobile-video-flyer__video{display:block;height:auto;width:100%}.mobile-video-flyer__upload-area{align-items:center;background-color:var(--color-bg);border:2px dashed var(--color-border);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;height:225px;justify-content:center;margin:0 auto;max-width:400px;transition:all .2s ease;width:100%}.mobile-video-flyer__upload-area:hover{background-color:var(--color-bg-hover);border-color:var(--color-primary)}.mobile-video-flyer__upload-icon{color:var(--color-text-secondary);font-size:3rem;margin-bottom:12px}.mobile-video-flyer__upload-area p{color:var(--color-text);font-size:.875rem;margin:0 0 4px}.mobile-video-flyer__upload-hint{color:var(--color-text-secondary)!important;font-size:.75rem!important}.mobile-video-flyer__file-input{display:none}.mobile-video-flyer__content{background-color:var(--color-bg);flex:1 1;overflow-y:auto;padding:16px}.mobile-video-flyer__field{margin-bottom:20px}.mobile-video-flyer__field label{color:var(--color-text);display:block;font-size:.875rem;font-weight:600;margin-bottom:8px}.mobile-video-flyer__input,.mobile-video-flyer__textarea{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:1rem;padding:12px;transition:all .2s ease;width:100%}.mobile-video-flyer__input:focus,.mobile-video-flyer__textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.mobile-video-flyer__textarea{min-height:100px;resize:vertical}.mobile-video-flyer__submit-btn{align-items:center;background-color:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;margin-top:24px;padding:16px;transition:all .2s ease;width:100%}.mobile-video-flyer__submit-btn:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:0 4px 8px #ff45004d;transform:translateY(-1px)}.mobile-video-flyer__submit-btn:disabled{cursor:not-allowed;opacity:.5}.mobile-video-flyer__submit-btn svg{font-size:1.125rem}.mobile-video-flyer__footer{background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:16px}.mobile-video-flyer__footer-text{color:var(--color-text-secondary);font-size:.75rem;line-height:1.5;margin:0;text-align:center}body.dark-mode .mobile-video-flyer{background-color:var(--color-bg)}body.dark-mode .mobile-video-flyer__header{background-color:var(--color-bg-secondary);border-bottom-color:var(--color-border)}body.dark-mode .mobile-video-flyer__preview-section{background-color:var(--color-bg-tertiary)}body.dark-mode .mobile-video-flyer__upload-area{background-color:var(--color-bg);border-color:var(--color-border)}body.dark-mode .mobile-video-flyer__input,body.dark-mode .mobile-video-flyer__textarea{background-color:var(--color-bg);border-color:var(--color-border);color:var(--color-text)}body.dark-mode .mobile-video-flyer__footer{background-color:var(--color-bg-secondary);border-top-color:var(--color-border)}body.dark-mode .mobile-video-flyer__submit-btn{background-color:#ff4500!important;color:#fff!important}body.dark-mode .mobile-video-flyer__submit-btn:hover:not(:disabled){background-color:#ff6a00!important}.manage-flyer-templates{background-color:initial;min-height:100vh;padding:0 20px 20px}.manage-flyer-templates--full-width{background-color:var(--color-bg);padding:20px 0 0}.manage-flyer-templates__container{background-color:var(--color-bg);border-radius:12px;box-shadow:0 4px 15px #0000001a;margin:0 auto;max-width:1200px;padding:30px}.manage-flyer-templates--full-width .manage-flyer-templates__container{background-color:initial;border-radius:0;box-shadow:none;max-width:none;padding:30px 20px}.manage-flyer-templates__header{align-items:center;display:flex;gap:20px;margin-bottom:30px}.manage-flyer-templates__back-btn{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);cursor:pointer;display:flex;font-size:.875rem;gap:8px;padding:8px 16px;transition:all .2s ease}.manage-flyer-templates__back-btn:hover{background-color:var(--color-bg-hover);border-color:var(--color-primary)}.manage-flyer-templates__header h1{color:var(--color-text);flex:1 1;font-size:2rem;margin:0}.manage-flyer-templates__error{background-color:#dc35451a;border:1px solid var(--color-danger);border-radius:8px;color:var(--color-danger);margin-bottom:20px;padding:12px 16px}.manage-flyer-templates__tabs{border-bottom:2px solid var(--color-border);display:flex;gap:20px;margin-bottom:30px}.manage-flyer-templates__tab{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;position:relative;transition:all .2s ease}.manage-flyer-templates__tab:hover{color:var(--color-text)}.manage-flyer-templates__tab.active{color:var(--color-primary)}.manage-flyer-templates__tab.active:after{background-color:var(--color-primary);bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.manage-flyer-templates__content{min-height:400px}.manage-flyer-templates__empty{color:var(--color-text-secondary);padding:60px 20px;text-align:center}.manage-flyer-templates__empty p{font-size:1.1rem;margin:0 0 10px}.manage-flyer-templates__create-btn{background-color:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:20px;padding:12px 32px;transition:all .2s ease}.manage-flyer-templates__create-btn:hover{background-color:var(--color-primary-hover);box-shadow:0 4px 12px #ff45004d;transform:translateY(-2px)}.manage-flyer-templates__grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.manage-flyer-templates__card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;overflow:hidden;transition:all .2s ease}.manage-flyer-templates__card:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #0000001a}.manage-flyer-templates__preview{display:flex;flex-direction:column;height:200px;justify-content:space-between;overflow:hidden;padding:20px}.manage-flyer-templates__preview:before{background:linear-gradient(180deg,#ffffff1a,#0003);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.manage-flyer-templates__preview-content{position:relative;z-index:1}.manage-flyer-templates__preview-content h3{font-size:1.5rem;font-weight:700;margin:0 0 10px;text-transform:uppercase}.manage-flyer-templates__preview-content p{font-size:.875rem;margin:0;opacity:.9}.manage-flyer-templates__color-chips{display:flex;gap:8px;position:relative;z-index:1}.manage-flyer-templates__color-chip{border:2px solid #ffffff4d;border-radius:50%;box-shadow:0 2px 4px #0003;height:24px;width:24px}.manage-flyer-templates__info{padding:20px}.manage-flyer-templates__info h4{color:var(--color-text);font-size:1.25rem;margin:0 0 12px}.manage-flyer-templates__meta{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.manage-flyer-templates__meta span{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.875rem;gap:6px}.manage-flyer-templates__meta svg{font-size:.875rem;opacity:.7}.manage-flyer-templates__actions{display:flex;flex-wrap:wrap;gap:8px}.manage-flyer-templates__action-btn{align-items:center;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:6px;padding:6px 14px;transition:all .2s ease}.manage-flyer-templates__action-btn:hover{background-color:var(--color-bg-hover);border-color:var(--color-primary)}.manage-flyer-templates__action-btn:first-child{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.manage-flyer-templates__action-btn:first-child:hover{background-color:var(--color-primary-hover)}.manage-flyer-templates__action-btn.shared{background-color:var(--color-success);border-color:var(--color-success);color:#fff}.manage-flyer-templates__action-btn.shared:hover{background-color:#229a3e}.manage-flyer-templates__action-btn.delete{border-color:var(--color-danger);color:var(--color-danger)}.manage-flyer-templates__action-btn.delete:hover{background-color:var(--color-danger);color:#fff}.manage-flyer-templates__unauthorized{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;margin:100px auto;max-width:600px;padding:40px;text-align:center}.manage-flyer-templates__unauthorized h2{color:var(--color-danger);margin-bottom:20px}.manage-flyer-templates__unauthorized p{color:var(--color-text-secondary);margin-bottom:30px}.manage-flyer-templates__unauthorized button{background-color:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;padding:10px 30px;transition:all .2s ease}.manage-flyer-templates__unauthorized button:hover{background-color:var(--color-primary-hover)}body.dark-mode .manage-flyer-templates__back-btn{color:var(--color-text)}body.dark-mode .manage-flyer-templates__back-btn,body.dark-mode .manage-flyer-templates__card{background-color:var(--color-bg-secondary);border-color:var(--color-border)}body.dark-mode .manage-flyer-templates__card:hover{box-shadow:0 4px 12px #0000004d}body.dark-mode .manage-flyer-templates__action-btn{background-color:var(--color-bg-tertiary);border-color:var(--color-border);color:var(--color-text)}body.dark-mode .manage-flyer-templates__unauthorized{background-color:var(--color-bg-secondary);border-color:var(--color-border)}@media (max-width:768px){.manage-flyer-templates__header{align-items:stretch;flex-direction:column;gap:10px}.manage-flyer-templates__header h1{font-size:1.5rem}.manage-flyer-templates__tabs{gap:10px}.manage-flyer-templates__tab{font-size:.875rem;padding:8px 16px}.manage-flyer-templates__grid{gap:16px;grid-template-columns:1fr}.manage-flyer-templates__actions{justify-content:stretch}.manage-flyer-templates__action-btn{flex:1 1;justify-content:center}}.sr-only--focusable:focus{clip:auto;background-color:var(--color-primary);border-radius:4px;color:#fff;font-weight:500;height:auto;left:10px;margin:0;overflow:visible;padding:8px 16px;position:fixed;top:10px;white-space:normal;width:auto;z-index:10000}.toast{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);bottom:2rem;gap:1rem;padding:1rem 1.5rem;right:2rem;z-index:1200}.toast--success{border-color:var(--color-success)}.toast--success svg{color:var(--color-success)}.toast--warning{border-color:var(--color-warning)}.toast--warning svg{color:var(--color-warning)}.toast--error{border-color:var(--color-danger)}.toast--error svg{color:var(--color-danger)}.toast--info{border-color:var(--color-info)}.toast--info svg{color:var(--color-info)}@media (max-width:768px){.toast{bottom:1rem;left:1rem;max-width:none;right:1rem}}.manage-flyer-templates__color-chip[data-color]{background-color:attr(data-color)}.manage-flyer-templates__preview{position:relative}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.toast{animation:none}}@media (prefers-contrast:high){.manage-flyer-templates__action-btn,.toast{border-width:2px}}.page-container--fullscreen{background:var(--color-bg)!important;height:calc(100vh - 60px)!important;max-width:100vw!important;overflow:hidden!important;top:60px!important;transform:none!important;width:100vw!important;z-index:10000!important}.crime-map--fullscreen{bottom:0!important;box-shadow:none;display:flex;flex-direction:column;height:100%!important;left:0!important;margin:0!important;max-width:none!important;padding:0!important;position:relative!important;right:0!important;top:0!important;width:100%!important}.crime-map__controls,.gcm .gcm__controls{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(5,1fr);width:100%}.crime-map__map-container--fullscreen{flex:1 1!important;height:auto!important;min-height:300px!important;width:100%!important}.crime-map__info-link--archive{align-items:center;background-color:var(--color-primary);border-radius:4px;border-radius:var(--radius-base,4px);color:#fff;display:inline-flex;font-size:12px;font-weight:500;gap:5px;padding:6px 12px;text-decoration:none}.crime-map__info-link--archive:hover{background-color:var(--color-primary-hover);color:#fff}.page-content{margin-top:2rem}.info-cards{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:var(--space-xl)}.info-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:var(--space-md);padding:var(--space-lg);transition:all var(--transition-base)}.info-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.info-card-icon{color:var(--color-primary);flex-shrink:0;font-size:32px}.info-card-content h3{color:var(--color-text);font-size:var(--font-size-lg);margin:0 0 var(--space-sm) 0}.info-card-content ul{list-style-type:disc;margin:0;padding-left:var(--space-lg)}.info-card-content li{margin:var(--space-xs) 0}.info-card-content li,.info-card-content p{color:var(--color-text-secondary);font-size:var(--font-size-md)}.info-card-content p{line-height:1.6;margin:0}.privacy-note{border-top:1px solid var(--color-border-light);color:var(--color-text-muted);font-style:italic;margin-top:var(--space-sm);padding-top:var(--space-sm)}.map-footer{grid-gap:var(--space-lg);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:var(--space-xl);padding:var(--space-lg)}.footer-section h3{color:var(--color-text);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-sm) 0}.footer-section p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.6;margin:0}.crime-map-page{margin:0 auto;max-width:1200px;padding:0;width:100%}.crime-map-page:has(.page-container--fullscreen){filter:none!important;max-width:none!important;overflow:visible!important;perspective:none!important;transform:none!important}.crime-map-page--full-width{margin:0;max-width:none}body.has-profile-background .crime-map-page{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1rem}body.has-profile-background .crime-map-page:has(.page-container--fullscreen){-webkit-backdrop-filter:none!important;backdrop-filter:none!important;overflow:visible!important}body.dark-mode .crime-map-page{background-color:#2a2a2a;color:var(--color-text)}body.dark-mode.has-profile-background .crime-map-page{background-color:#2a2a2af2}.crime-map-page__header{border-bottom:2px solid var(--color-primary);margin-bottom:2rem;padding:.5rem 1rem 1rem;position:relative;text-align:center}.crime-map-page__header-content{width:100%}.crime-map-page__header h1{color:var(--color-primary);font-size:2.5rem;margin:0 0 .5rem}.crime-map-page__header p{color:var(--color-text-secondary);font-size:1.1rem;margin:0}.crime-map-page__share-button{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;font-size:.875rem;height:auto;justify-content:center;margin-left:1rem;min-height:0;min-height:auto;padding:.25rem .5rem;position:static;transition:all .2s ease}.crime-map-page__share-button:hover{background-color:var(--color-bg-tertiary);box-shadow:var(--shadow-md);color:var(--color-primary);transform:translateY(-1px)}.crime-map-page__share-button:active{transform:translateY(0)}.crime-map-page__share-button svg{fill:currentColor;height:1em;width:1em}.crime-map-page__status{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem;padding:0 1rem}.crime-map-page__status-item{align-items:center;border-radius:var(--radius-lg);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.crime-map-page__status-item--success{background-color:#28a7451a;border:1px solid #28a7454d;color:#28a745}.crime-map-page__status-item--info{background-color:#17a2b81a;border:1px solid #17a2b84d;color:#17a2b8}.crime-map-page__status-item--warning{background-color:#ffc1071a;border:1px solid #ffc1074d;color:#ffc107}body.dark-mode .crime-map-page__status-item--success{background-color:#28a74533}body.dark-mode .crime-map-page__status-item--info{background-color:#17a2b833}body.dark-mode .crime-map-page__status-item--warning{background-color:#ffc10733}.crime-map-page__content{box-sizing:border-box;padding:0 1rem;width:100%}.crime-map-page__section{margin-bottom:3rem}.crime-map-page__section h2{border-bottom:1px solid var(--color-border);color:var(--color-text);margin-bottom:1rem;padding-bottom:.5rem}.crime-map-page__cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.crime-map-page__card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:1.5rem;transition:all .3s ease}.crime-map-page__card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.crime-map-page__card h3{color:var(--color-primary);margin:0 0 .5rem}.crime-map-page__card p{color:var(--color-text-secondary);margin:0}.crime-map-page__features{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));list-style:none;margin:0;padding:0}.crime-map-page__features li{background-color:var(--color-bg-tertiary);border-left:3px solid var(--color-primary);border-radius:var(--radius-base);padding:.5rem}.crime-map-page__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.crime-map-page__button{border:none;border-radius:var(--radius-base);cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.crime-map-page__button--primary{background-color:var(--color-primary);color:#fff}.crime-map-page__button--primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.crime-map-page__button--secondary{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.crime-map-page__button--secondary:hover{background-color:var(--color-bg-tertiary);transform:translateY(-1px)}.crime-map-page__notice{background-color:#ffc1071a;border:1px solid #ffc1074d;border-radius:var(--radius-lg);margin-top:3rem;padding:1.5rem;text-align:center}.crime-map-page__notice p{font-weight:500;margin:0}@media (max-width:768px){.crime-map-page{border-radius:0;padding:.5rem}.crime-map-page__header h1{font-size:2rem}.crime-map-page__breadcrumb-row{padding:.5rem}.crime-map-page__share-button{font-size:.75rem;margin-left:.5rem;padding:.25rem}.crime-map-page__status{align-items:stretch;flex-direction:column}.crime-map-page__content{padding:0 .5rem}.crime-map-page__cards,.crime-map-page__features{grid-template-columns:1fr}.crime-map-page__actions{flex-direction:column}.crime-map-page__button{width:100%}}.crime-map-page__skip-link{background:var(--color-primary);border-radius:var(--radius-base);color:#fff;font-weight:500;left:-9999px;padding:8px 16px;position:absolute;text-decoration:none;top:0;z-index:100}.crime-map-page__skip-link:focus{box-shadow:var(--shadow-lg);left:50%;top:10px;transform:translateX(-50%)}.crime-map-page__breadcrumb-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;padding:1rem 1rem 0}.crime-map-page__breadcrumbs{flex:1 1;margin:0;padding:0}.crime-map-page__breadcrumbs ol{flex-wrap:wrap;list-style:none;margin:0;padding:0}.crime-map-page__breadcrumbs li,.crime-map-page__breadcrumbs ol{align-items:center;display:flex;gap:.5rem}.crime-map-page__breadcrumbs a{align-items:center;color:var(--color-primary);display:flex;gap:.25rem;text-decoration:none;transition:color .2s ease}.crime-map-page__breadcrumbs a:hover{color:var(--color-primary-hover);text-decoration:underline}.crime-map-page__breadcrumb-separator{color:var(--color-text-secondary);font-size:.75rem}.crime-map-page__error{margin:0 auto;max-width:600px;padding:3rem 1rem;text-align:center}.crime-map-page__error h2{color:var(--color-danger);margin-bottom:1rem}.crime-map-page__error p{color:var(--color-text-secondary);margin-bottom:2rem}.crime-map-page__loading{padding:2rem 1rem}.crime-map-page__skeleton{animation:skeleton-loading 1.5s ease-in-out infinite}@keyframes skeleton-loading{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.crime-map-page__skeleton-card,.crime-map-page__skeleton-header,.crime-map-page__skeleton-text{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--radius-base)}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.crime-map-page__skeleton-header{height:3rem;margin:0 auto 2rem;width:60%}.crime-map-page__skeleton-text{height:1rem;margin-bottom:1rem}.crime-map-page__skeleton-text--short{width:70%}.crime-map-page__skeleton-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.crime-map-page__skeleton-card{height:150px}.crime-map-page__form{max-width:600px}.crime-map-page__form-group{margin-bottom:1.5rem}.crime-map-page__form-group label{color:var(--color-text);display:block;font-weight:500;margin-bottom:.5rem}.crime-map-page__required{color:var(--color-danger);margin-left:.25rem}.crime-map-page__input,.crime-map-page__select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:1rem;min-height:44px;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.crime-map-page__input:focus,.crime-map-page__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff45001a;outline:none}.crime-map-page__help-text{color:var(--color-text-secondary);display:block;font-size:.875rem;margin-top:.5rem}body.dark-mode .crime-map-page__skeleton-card,body.dark-mode .crime-map-page__skeleton-header,body.dark-mode .crime-map-page__skeleton-text{background:linear-gradient(90deg,#3a3a3a 25%,#4a4a4a 50%,#3a3a3a 75%)}body.dark-mode .crime-map-page__input,body.dark-mode .crime-map-page__select{background-color:var(--color-bg-secondary)}.crime-map-page__button:focus-visible,.crime-map-page__card:focus-visible,.crime-map-page__input:focus-visible,.crime-map-page__select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media print{.crime-map-page__actions,.crime-map-page__notice,.crime-map-page__offline-banner,.crime-map-page__skip-link,.crime-map-page__toast{display:none}.crime-map-page{background:#fff;color:#000;max-width:none;padding:0}}.crime-map-page__offline-banner{align-items:center;background-color:var(--color-warning);box-shadow:var(--shadow-md);color:#fff;display:flex;font-weight:500;gap:.5rem;justify-content:center;left:0;padding:.75rem;position:fixed;right:0;text-align:center;top:0;z-index:1100}.crime-map-page__toast{align-items:center;animation:slideIn .3s ease-out;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);bottom:2rem;box-shadow:var(--shadow-lg);display:flex;gap:1rem;max-width:400px;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:1200}.crime-map-page__toast-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.crime-map-page__toast-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s ease}.crime-map-page__toast-close:hover{color:var(--color-text)}.crime-map-page__toast--success{border-color:var(--color-success)}.crime-map-page__toast--success svg{color:var(--color-success)}.crime-map-page__toast--warning{border-color:var(--color-warning)}.crime-map-page__toast--warning svg{color:var(--color-warning)}.crime-map-page__toast--error{border-color:var(--color-danger)}.crime-map-page__toast--error svg{color:var(--color-danger)}.crime-map-page__toast--info{border-color:var(--color-info)}.crime-map-page__toast--info svg{color:var(--color-info)}.crime-map-page__unsaved-indicator{color:var(--color-warning);font-size:.875rem;font-weight:400;margin-left:.5rem}.crime-map-page__form-actions{display:flex;gap:1rem;margin-top:1.5rem}.crime-map-page__image-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1rem}.crime-map-page__image-container{aspect-ratio:16/9;background-color:var(--color-bg-secondary);border-radius:var(--radius-base);overflow:hidden;position:relative}.crime-map-page__image{height:100%;object-fit:cover;transition:opacity .3s ease;width:100%}.crime-map-page__image[data-src]{background-color:var(--color-bg-tertiary);opacity:0}.crime-map-page__image:not([data-src]){opacity:1}[data-reduced-motion=true] *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}@media (prefers-contrast:high){.crime-map-page__button,.crime-map-page__input,.crime-map-page__select,.crime-map-page__toast{border-width:2px}}@media (max-width:768px){.crime-map-page__toast{bottom:1rem;left:1rem;max-width:none;right:1rem}.crime-map-page__form-actions{flex-direction:column}.crime-map-page__form-actions button{width:100%}.crime-map-page__image-grid{grid-template-columns:1fr}}.mobile-info-sections{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:none;margin-top:var(--space-lg);overflow:hidden}.mobile-info-section{border-bottom:1px solid var(--color-border)}.mobile-info-section:last-child{border-bottom:none}.mobile-info-header{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;justify-content:space-between;padding:var(--space-md);transition:background var(--transition-base);width:100%}.mobile-info-header:hover{background:var(--color-bg-hover)}.mobile-info-header-left{align-items:center;display:flex;gap:var(--space-sm)}.mobile-info-icon{color:var(--color-primary);font-size:20px}.mobile-info-header h3{color:var(--color-text);font-size:var(--font-size-md);margin:0}.mobile-info-content{animation:slideDown .3s ease-out;padding:0 var(--space-md) var(--space-md)}.mobile-info-content ul{list-style-type:disc;margin:0;padding-left:var(--space-lg)}.mobile-info-content li{margin:var(--space-xs) 0}.mobile-info-content li,.mobile-info-content p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.mobile-info-content p{line-height:1.6;margin:0 0 var(--space-sm) 0}body.dark-mode .mobile-info-sections{background:var(--color-bg-secondary);border-color:var(--color-border)}body.dark-mode .mobile-info-header:hover{background:var(--color-bg-hover)}@media (max-width:768px){.info-cards{gap:var(--space-md);grid-template-columns:1fr}.info-card,.map-footer{padding:var(--space-md)}.map-footer{gap:var(--space-md);grid-template-columns:1fr}.mobile-info-sections{display:block}}.page-container{margin:0 auto;padding:var(--space-md);width:100%}.page-container.constrained{max-width:1200px}.page-container.full-width{max-width:100%}.page-container--fullscreen{bottom:0!important;left:0!important;margin:0!important;max-width:100%!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;z-index:9999!important}.crime-map-new__loading{color:var(--color-text-secondary);font-size:var(--font-size-lg);padding:var(--space-xl);text-align:center}.crime-map{background:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:visible;position:relative;width:100%}.crime-map--fullscreen{background:var(--color-bg);border-radius:0;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}.crime-map__header{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);display:flex;justify-content:flex-end;padding:var(--space-sm)}.crime-map__controls{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.crime-map__control-btn{align-items:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-xs);padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.crime-map__control-btn:hover{background:var(--color-bg-hover);border-color:var(--color-primary)}.crime-map__control-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.crime-map__mobile-filter-toggle{align-items:center;background:var(--color-bg);border:none;border-bottom:1px solid var(--color-border);color:var(--color-text);cursor:pointer;display:flex;font-size:var(--font-size-base);justify-content:space-between;padding:var(--space-md) var(--space-lg);transition:background var(--transition-base);width:100%}.crime-map__mobile-filter-toggle:hover{background:var(--color-bg-hover)}.crime-map__mobile-filter-toggle-left{align-items:center;display:flex;gap:var(--space-sm)}.crime-map__filter-count{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.crime-map__filters{align-items:center;background:var(--color-bg);border-bottom:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:var(--space-lg);padding:var(--space-lg)}.crime-map__filters--mobile-closed{display:none}.crime-map__filters--mobile-open{display:flex}.crime-map__filter-group{align-items:center;display:flex;gap:var(--space-sm)}.crime-map__filter-label{font-weight:var(--font-weight-medium)}.crime-map__filter-label,.crime-map__filter-select{color:var(--color-text);font-size:var(--font-size-sm)}.crime-map__filter-select{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);cursor:pointer;padding:var(--space-xs) var(--space-sm);transition:border-color var(--transition-base)}.crime-map__filter-select:focus,.crime-map__filter-select:hover{border-color:var(--color-primary)}.crime-map__filter-select:focus{box-shadow:0 0 0 2px var(--color-primary-light-bg);outline:none}.crime-map__location-btn{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-base);color:var(--color-text-inverse);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);transition:background var(--transition-base)}.crime-map__location-btn:hover{background:var(--color-primary-hover)}.crime-map__report-count{background:var(--color-bg-secondary);border-radius:var(--radius-base);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-xs) var(--space-sm)}.crime-map__map-container,.crime-map__map-wrapper{position:relative;width:100%}.crime-map__map-container{background:var(--color-bg-secondary)}.crime-map__map-container--desktop{height:calc(100vh - 280px);min-height:500px}.crime-map__map-container--mobile{height:calc(100vh - 320px);min-height:400px}.crime-map__map-container--fullscreen{height:calc(100vh - 120px)!important;min-height:0!important;min-height:auto!important}.crime-map__loading-message{color:var(--color-text-secondary);padding:var(--space-lg);text-align:center}.crime-map__info-window h4{color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm)}.crime-map__info-window p{color:var(--color-text);font-size:var(--font-size-sm);line-height:var(--line-height-base);margin:var(--space-xs) 0}.map-error{background-color:var(--color-danger-light);border:1px solid var(--color-danger-border);border-radius:var(--radius-lg);color:var(--color-danger);margin:var(--space-xl);padding:var(--space-xl);text-align:center}body.dark-mode .crime-map{background:var(--color-bg)}body.dark-mode .crime-map__header{background:var(--color-bg-secondary);border-bottom-color:var(--color-border)}body.dark-mode .crime-map__control-btn{background:var(--color-bg);border-color:var(--color-border);color:var(--color-text)}body.dark-mode .crime-map__control-btn:hover{background:var(--color-bg-hover)}body.dark-mode .crime-map__filter-select,body.dark-mode .crime-map__mobile-filter-toggle{background:var(--color-bg);border-color:var(--color-border);color:var(--color-text)}body.dark-mode .crime-map__info-window h4,body.dark-mode .crime-map__info-window p{color:var(--color-text)}@media (max-width:768px){.page-container{padding:var(--space-sm)}.crime-map__filters{gap:var(--space-md)}.crime-map__filter-group,.crime-map__filters{align-items:stretch;flex-direction:column}.crime-map__filter-label{font-size:var(--font-size-xs)}.crime-map__filter-select{width:100%}.crime-map__controls{gap:var(--space-xs)}.crime-map__control-btn{font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-sm)}}@media (max-width:400px){.crime-map__header,.page-container{padding:var(--space-xs)}.crime-map__filters{padding:var(--space-sm)}}.test-map-report{background:var(--color-bg);min-height:100vh;padding:var(--space-lg)}.test-map-report__container{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin:0 auto;max-width:600px;padding:var(--space-xl)}.test-map-report h1{color:var(--color-text);margin:0 0 var(--space-sm) 0}.test-map-report p{color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.test-map-report__form{display:flex;flex-direction:column;gap:var(--space-md)}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.form-group label{color:var(--color-text);font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.form-group input[type=text],.form-group select,.form-group textarea{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:var(--font-size-md);padding:var(--space-sm)}.form-group input[type=text]:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.coordinates-display{background:var(--color-bg-secondary);border-radius:var(--radius-base);color:var(--color-text-secondary);font-family:monospace;font-size:var(--font-size-sm);margin-top:var(--space-xs);padding:var(--space-xs) var(--space-sm)}.form-actions{display:flex;gap:var(--space-md);margin-top:var(--space-lg)}.form-actions button{border:none;border-radius:var(--radius-base);cursor:pointer;flex:1 1;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.form-actions button[type=submit]{background:var(--color-primary);color:#fff}.form-actions button[type=submit]:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.form-actions button[type=submit]:disabled{cursor:not-allowed;opacity:.6}.form-actions button[type=button]{background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.form-actions button[type=button]:hover{background:var(--color-bg-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.test-info{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-base);margin-top:var(--space-xl);padding:var(--space-md)}.test-info h3{color:var(--color-text);font-size:var(--font-size-md);margin:0 0 var(--space-sm) 0}.test-info ol{color:var(--color-text-secondary);margin:0;padding-left:var(--space-lg)}.test-info li{margin:var(--space-xs) 0}body.dark-mode .test-map-report__container{background:var(--color-bg);border-color:var(--color-border)}.test-location-page{margin:0 auto;max-width:1200px;padding:var(--space-lg)}.test-location-page__header{margin-bottom:var(--space-xl)}.test-location-page__header h1{color:var(--color-text);margin-bottom:var(--space-sm)}.test-location-page__header p{color:var(--color-text-secondary);font-size:var(--font-size-lg)}.test-location-page__section{background-color:var(--color-bg-secondary);border-radius:var(--radius-base);margin-bottom:var(--space-lg);padding:var(--space-lg)}.test-location-page__section h2{border-bottom:2px solid var(--color-border);color:var(--color-text);margin-bottom:var(--space-md);padding-bottom:var(--space-sm)}.test-location-page__location-input,.test-location-page__radius{margin-bottom:var(--space-md)}.test-location-page__radius label{color:var(--color-text);font-weight:var(--font-weight-medium);margin-right:var(--space-sm)}.test-location-page__radius select{border:1px solid var(--color-border);padding:var(--space-xs) var(--space-sm)}.test-location-page__current,.test-location-page__radius select{background-color:var(--color-bg);border-radius:var(--radius-base);color:var(--color-text)}.test-location-page__current{align-items:center;display:flex;gap:var(--space-xs);padding:var(--space-sm)}.test-location-page__current svg{color:var(--color-primary)}.test-location-page__locations{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:var(--space-md)}.test-location-page__location-card{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:var(--space-md);transition:all var(--transition-base)}.test-location-page__location-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.test-location-page__location-card h3{color:var(--color-text);margin-bottom:var(--space-xs)}.test-location-page__location-card p{color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.test-location-page__island{color:var(--color-text-muted);font-size:var(--font-size-sm)}.test-location-page__distance{align-items:center;background-color:var(--color-bg-secondary);border-radius:var(--radius-base);display:flex;font-size:var(--font-size-sm);justify-content:space-between;margin:var(--space-sm) 0;padding:var(--space-xs) var(--space-sm)}.test-location-page__will-notify{align-items:center;color:var(--color-success);display:flex;font-weight:var(--font-weight-medium);gap:var(--space-xs)}.test-location-page__wont-notify{align-items:center;color:var(--color-text-muted);display:flex;gap:var(--space-xs)}.test-location-page__create-btn{background-color:var(--color-primary);border:none;border-radius:var(--radius-base);color:var(--color-text-inverse);cursor:pointer;font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-md);transition:all var(--transition-base);width:100%}.test-location-page__create-btn:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.test-location-page__create-btn:disabled{cursor:not-allowed;opacity:.6}.test-location-page__results{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:var(--space-md)}.test-location-page__result{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:var(--space-md)}.test-location-page__result h4{color:var(--color-text);margin-bottom:var(--space-sm)}.test-location-page__result p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-xs)}.test-location-page__success{align-items:center;color:var(--color-success);display:flex;font-weight:var(--font-weight-medium);gap:var(--space-xs)}.test-location-page__pending{color:var(--color-warning);font-style:italic}.test-location-page__info{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-top:var(--space-xs)}.test-location-page__cleanup-btn{background-color:var(--color-danger);border:none;border-radius:var(--radius-base);color:var(--color-text-inverse);cursor:pointer;font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.test-location-page__cleanup-btn:hover{background-color:var(--color-danger);box-shadow:var(--shadow-sm);opacity:.9;transform:translateY(-1px)}.test-location-page__section ol,.test-location-page__section ul{color:var(--color-text);margin-left:var(--space-lg)}.test-location-page__section li{margin-bottom:var(--space-xs)}.test-location-page__section h3{color:var(--color-text);margin-bottom:var(--space-sm);margin-top:var(--space-lg)}.test-location-page__notice{background-color:var(--color-warning);background-color:color-mix(in srgb,var(--color-warning) 15%,#0000);border:1px solid var(--color-warning);border-radius:var(--radius-base);margin-bottom:var(--space-lg);padding:var(--space-md)}.test-location-page__notice h3,.test-location-page__notice p{color:var(--color-text);margin-bottom:var(--space-sm)}.test-location-page__notice ul{color:var(--color-text);margin-left:var(--space-lg)}.test-location-page__notice li{margin-bottom:var(--space-xs)}.test-location-page__error{color:var(--color-text-secondary);font-size:var(--font-size-lg);padding:var(--space-xl);text-align:center}body.dark-mode .test-location-page__section{background-color:var(--color-bg-tertiary)}body.dark-mode .test-location-page__location-card{background-color:var(--color-bg-secondary)}body.dark-mode .test-location-page__current,body.dark-mode .test-location-page__distance{background-color:var(--color-bg-tertiary)}body.dark-mode .test-location-page__result{background-color:var(--color-bg-secondary)}.subscription-page{background-color:var(--color-bg);color:var(--color-text);min-height:100vh;padding:var(--space-lg) var(--space-md)}.demo-warning{background-color:var(--color-warning);border-bottom:2px solid #0000001a;color:var(--color-text);margin:calc(var(--space-lg)*-1) calc(var(--space-md)*-1) var(--space-md);padding:var(--space-sm) var(--space-md);text-align:center}.demo-warning__text{font-size:.875rem;font-weight:var(--font-weight-medium);letter-spacing:.5px;margin:0!important}.dark-mode .demo-warning{background-color:#650;border-bottom-color:#ffffff1a;color:var(--color-text)}.subscription-hero{margin:0 auto var(--space-xxl);max-width:800px;padding:var(--space-lg) 0;text-align:center}.subscription-hero__title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-primary),#ff6b35);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:var(--font-weight-bold);margin:0 0 var(--space-sm) 0!important}.subscription-hero__description{color:var(--color-text-secondary);font-size:1.25rem;margin:0 0 var(--space-lg) 0!important}.subscription-billing-toggle{background-color:#e9ecef;border:1px solid var(--color-border);border-radius:50px;box-shadow:0 2px 8px #0000001a;display:inline-flex;gap:0;padding:4px;position:relative}.subscription-billing-toggle__button{align-items:center;background:#0000;border:2px solid #0000;border-radius:50px;color:var(--color-text-muted);cursor:pointer;display:flex;font-size:.875rem;font-weight:var(--font-weight-medium);gap:8px;justify-content:center;min-width:120px;padding:12px 32px;position:relative;transition:all var(--transition-base);z-index:2}.subscription-billing-toggle__button:hover:not(.subscription-billing-toggle__button--active){background-color:#00000008;color:var(--color-text-secondary)}.subscription-billing-toggle__button--active{background-color:var(--color-primary);border-color:var(--color-primary);box-shadow:0 2px 8px #ff45004d;color:#fff!important;font-weight:var(--font-weight-bold)}.subscription-billing-toggle__button--active:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-1px)}.subscription-billing-toggle__label{position:relative;z-index:1}.subscription-billing-toggle__badge{background-color:var(--color-success);border-radius:50px;color:#fff!important;font-size:.65rem;font-weight:var(--font-weight-bold);letter-spacing:.5px;padding:2px 6px;text-transform:uppercase;white-space:nowrap}.subscription-billing-toggle__button--active .subscription-billing-toggle__badge{background-color:#ffffffe6;color:var(--color-primary)!important}.dark-mode .subscription-billing-toggle{background-color:var(--color-bg-tertiary);border-color:var(--color-border);box-shadow:0 2px 8px #0000004d}.dark-mode .subscription-billing-toggle__button:hover:not(.subscription-billing-toggle__button--active){background-color:#ffffff0d}.dark-mode .subscription-billing-toggle__button--active{background-color:var(--color-primary);border-color:var(--color-primary);box-shadow:0 2px 8px #ff450066;color:#fff!important}.dark-mode .subscription-billing-toggle__button--active:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.pricing-cards{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:0 auto var(--space-xxl);max-width:1200px}.pricing-card{background-color:#f8f9fa;border:2px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;padding:var(--space-xl);position:relative;transition:all var(--transition-base)}.pricing-card:hover{border-color:var(--tier-color);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.pricing-card.popular{border-color:var(--tier-color);transform:scale(1.05)}.pricing-card.selected{border-color:var(--color-primary);box-shadow:0 0 0 4px #ff45001a}.popular-badge{background-color:var(--color-primary);box-shadow:var(--shadow-md);color:#fff;font-size:.875rem;font-weight:var(--font-weight-bold);padding:4px 40px;position:absolute;right:-30px;top:20px;transform:rotate(45deg)}.tier-header{margin-bottom:var(--space-lg);text-align:center}.tier-icon{display:block;font-size:3rem;margin-bottom:var(--space-md)}.tier-icon.bronze{color:#cd7f32}.tier-icon.silver{color:silver}.tier-icon.gold{color:gold}.tier-header__name{color:var(--color-text);font-size:1.75rem;margin:0 0 var(--space-sm) 0!important}.tier-header__description{color:var(--color-text-secondary);font-size:.875rem;margin:0!important}.price-section{border-bottom:1px solid var(--color-border);margin-bottom:var(--space-lg);padding:var(--space-lg) 0;text-align:center}.currency{color:var(--color-text-secondary);font-size:1.5rem;vertical-align:top}.price{color:var(--color-text);font-size:3.5rem;font-weight:var(--font-weight-bold)}.period{color:var(--color-text-secondary);font-size:1.25rem}.yearly-savings{color:var(--color-success);font-weight:var(--font-weight-medium);margin-top:var(--space-sm)}.select-tier-btn{align-items:center;background-color:var(--tier-color);border:none;border-radius:var(--radius-base);color:#fff;cursor:pointer;display:flex;font-size:1.125rem;font-weight:var(--font-weight-bold);gap:var(--space-sm);justify-content:center;margin-bottom:var(--space-lg);padding:var(--space-md) var(--space-lg);transition:all var(--transition-base);width:100%}.select-tier-btn:hover{box-shadow:var(--shadow-lg);filter:brightness(1.1);transform:translateY(-2px)}.pricing-card.bronze .select-tier-btn{background-color:#cd7f32}.pricing-card.silver .select-tier-btn{background-color:grey}.pricing-card.gold .select-tier-btn{background-color:#d4af37}.features-list{margin-bottom:var(--space-lg)}.features-list__title{color:var(--color-text);font-size:1.125rem;margin:0 0 var(--space-md) 0!important}.feature{align-items:center;display:flex;font-size:.875rem;gap:var(--space-sm);padding:var(--space-sm) 0}.feature-icon{flex-shrink:0;width:20px}.feature-icon.included{color:var(--color-success)}.feature.not-included{opacity:.5}.feature.not-included .feature-icon{color:var(--color-text-muted)}.physical-rewards{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--tier-color);border-radius:var(--radius-base);display:flex;gap:var(--space-sm);justify-content:center;margin-top:var(--space-md);padding:var(--space-md)}.reward-icon{color:var(--tier-color);font-size:1.5rem}.comparison-section{margin:0 auto var(--space-xxl);max-width:1200px}.comparison-section__title{font-size:2rem;margin:0 0 var(--space-xl) 0!important;text-align:center}.comparison-table{background-color:#f8f9fa;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow-x:auto}.comparison-table table{border-collapse:collapse;width:100%}.comparison-table td,.comparison-table th{border-bottom:1px solid var(--color-border);padding:var(--space-md);text-align:center}.comparison-table th{background-color:var(--color-bg-secondary);font-weight:var(--font-weight-bold);position:-webkit-sticky;position:sticky;top:0;z-index:10}.comparison-table th.bronze{color:#cd7f32}.comparison-table th.silver{color:silver}.comparison-table th.gold{color:gold}.comparison-table td:first-child{font-weight:var(--font-weight-medium);text-align:left}.comparison-check-icon{color:var(--color-success)}.comparison-x-icon{color:var(--color-danger)}.faq-section{margin:0 auto var(--space-xxl);max-width:1000px}.faq-section__title{font-size:2rem;margin:0 0 var(--space-xl) 0!important;text-align:center}.faq-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.faq-item{background-color:#f8f9fa;border:1px solid var(--color-border);border-radius:var(--radius-base);padding:var(--space-lg)}.faq-item__question{color:var(--color-text);margin:0 0 var(--space-sm) 0!important}.faq-item__answer{color:var(--color-text-secondary);line-height:1.6;margin:0!important}.cta-section{background:linear-gradient(135deg,var(--color-primary),#ff6b35);border-radius:var(--radius-lg);margin:0 auto;max-width:800px;padding:var(--space-xxl) var(--space-lg);text-align:center}.cta-section__title{color:#fff;font-size:2rem;margin:0 0 var(--space-sm) 0!important}.cta-section__description{color:#ffffffe6;margin:0 0 var(--space-lg) 0!important}.cta-button{align-items:center;background-color:#fff;border:none;border-radius:var(--radius-full);color:var(--color-primary);cursor:pointer;display:inline-flex;font-size:1.125rem;font-weight:var(--font-weight-bold);gap:var(--space-sm);padding:var(--space-md) var(--space-xl);transition:all var(--transition-base)}.cta-button:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.dark-mode .comparison-table,.dark-mode .pricing-card{background-color:var(--color-bg-secondary)}.dark-mode .select-tier-btn{color:#fff!important}.dark-mode .faq-item{background-color:var(--color-bg-secondary)}@media (max-width:768px){.subscription-hero__title{font-size:2rem}.subscription-billing-toggle{transform:scale(.9)}.subscription-billing-toggle__button{font-size:.8rem;min-width:100px;padding:10px 24px}.subscription-billing-toggle__badge{font-size:.6rem;padding:1px 5px}.pricing-cards{grid-template-columns:1fr}.pricing-card.popular{transform:scale(1)}.comparison-table{font-size:.875rem}.faq-grid{grid-template-columns:1fr}}.subscription-current{align-items:center;background:var(--color-success-light);border:1px solid var(--color-success-border);border-radius:4px;border-radius:var(--radius-base,4px);display:flex;flex-wrap:wrap;gap:16px;gap:var(--space-md,16px);justify-content:center;margin:16px auto;margin:var(--space-md,16px) auto;max-width:640px;padding:8px 16px;padding:var(--space-sm,8px) var(--space-md,16px)}.subscription-current__text{color:var(--color-success-dark);margin:0}.subscription-current__manage{background:var(--color-primary);border:none;border-radius:4px;border-radius:var(--radius-base,4px);color:var(--color-text-inverse);cursor:pointer;font-weight:500;min-height:44px;padding:8px 16px}.subscription-current__manage:hover:not(:disabled){background:var(--color-primary-hover)}.subscription-current__manage:disabled{cursor:default;opacity:.6}.alpha-waiting-container{align-items:center;background-color:var(--color-bg);display:flex;justify-content:center;min-height:100vh;padding:20px}.alpha-waiting-content{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:600px;padding:40px;text-align:center;width:100%}.alpha-waiting-logo{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000004d;display:inline-block;margin-bottom:30px;padding:20px}.alpha-waiting-logo img{border-radius:8px;display:block;height:auto;max-width:200px}.alpha-waiting-content h1{color:var(--color-primary);font-size:2em;margin-bottom:20px}.alpha-waiting-message{margin-bottom:30px}.alpha-waiting-message p{color:var(--color-text);font-size:1.1em;line-height:1.6;margin-bottom:10px}.alpha-waiting-info{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-base);margin-bottom:30px;padding:20px;text-align:left}.alpha-waiting-info h3{color:var(--color-text);font-size:1.2em;margin-bottom:15px}.alpha-waiting-info ul{list-style:none;padding:0}.alpha-waiting-info li{color:var(--color-text-secondary);padding:8px 0 8px 25px;position:relative}.alpha-waiting-info li:before{color:var(--color-primary);content:"→";left:0;position:absolute}.alpha-waiting-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:30px}.sign-out-btn{background-color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-base);color:#fff;cursor:pointer;font-size:1em;font-weight:600;padding:12px 30px;transition:all var(--transition-base)}.sign-out-btn:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-1px)}.learn-more-link{background-color:initial;border:1px solid var(--color-primary);border-radius:var(--radius-base);color:var(--color-primary);display:inline-block;font-size:1em;font-weight:600;padding:12px 30px;text-decoration:none;transition:all var(--transition-base)}.learn-more-link:hover{background-color:var(--color-primary);color:#fff}.alpha-waiting-footer{color:var(--color-text-muted);font-size:.9em}.alpha-waiting-message--success{color:var(--color-success)}.alpha-waiting-info__note{background:var(--color-bg-tertiary);border-radius:var(--radius-base);margin-top:20px;padding:15px}.alpha-waiting-info__note p{font-size:.9em;margin:0}.toast{align-items:center;animation:slideIn .3s ease-out;border-radius:var(--radius-base);bottom:20px;box-shadow:var(--shadow-lg);display:flex;font-weight:500;gap:10px;max-width:400px;padding:15px 20px;position:fixed;right:20px;z-index:9999}.toast--success{background-color:var(--color-success);color:#fff}.toast--error{background-color:var(--color-error);color:#fff}.toast--warning{background-color:var(--color-warning);color:#fff}.toast--info{background-color:var(--color-info);color:#fff}.toast svg{flex-shrink:0;font-size:1.2em}.toast span{flex:1 1}@media (max-width:600px){.alpha-waiting-content{padding:30px 20px}.alpha-waiting-content h1{font-size:1.6em}.alpha-waiting-actions{flex-direction:column;width:100%}.learn-more-link,.sign-out-btn{width:100%}.toast{bottom:10px;left:10px;max-width:calc(100% - 20px);right:10px}}.cl-button{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-base,8px);cursor:pointer;display:inline-flex;font-family:inherit;font-weight:500;gap:8px;gap:var(--space-xs,8px);justify-content:center;text-decoration:none;transition:all .2s ease;white-space:nowrap}.cl-button--small{font-size:14px;min-height:32px;padding:8px 16px}.cl-button--medium{font-size:16px;min-height:44px;padding:12px 24px}.cl-button--large{font-size:18px;min-height:52px;padding:16px 32px}.cl-button--primary{background:#3b82f6;background:var(--color-primary,#3b82f6);color:#fff}.cl-button--primary:hover:not(:disabled){background:#2563eb;background:var(--color-primary-dark,#2563eb);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.cl-button--primary:active:not(:disabled){transform:translateY(0)}.cl-button--secondary{background:#f3f4f6;background:var(--color-bg-secondary,#f3f4f6);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);color:#1f2937;color:var(--color-text,#1f2937)}.cl-button--secondary:hover:not(:disabled){background:#e5e7eb;background:var(--color-bg-tertiary,#e5e7eb);border-color:#d1d5db;border-color:var(--color-border-hover,#d1d5db)}.cl-button--danger{background:#ef4444;background:var(--color-danger,#ef4444);color:#fff}.cl-button--danger:hover:not(:disabled){background:#dc2626;background:var(--color-danger-dark,#dc2626);box-shadow:0 4px 12px #ef44444d}.cl-button--success{background:#10b981;background:var(--color-success,#10b981);color:#fff}.cl-button--success:hover:not(:disabled){background:#059669;background:var(--color-success-dark,#059669);box-shadow:0 4px 12px #10b9814d}.cl-button--outline{background:#0000;border:2px solid #3b82f6;border:2px solid var(--color-primary,#3b82f6);color:#3b82f6;color:var(--color-primary,#3b82f6)}.cl-button--outline:hover:not(:disabled){background:#3b82f6;background:var(--color-primary,#3b82f6);color:#fff}.cl-button--ghost{background:#0000;color:#1f2937;color:var(--color-text,#1f2937)}.cl-button--ghost:hover:not(:disabled){background:#f3f4f6;background:var(--color-bg-secondary,#f3f4f6)}.cl-button--full-width{width:100%}.cl-button--disabled,.cl-button:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.cl-button--loading{color:#0000!important;pointer-events:none;position:relative}.cl-button--loading:after{animation:cl-button-spin .6s linear infinite;border:2px solid;border-radius:50%;border-top:2px solid #0000;color:#fff;content:"";height:16px;left:50%;margin-left:-8px;margin-top:-8px;position:absolute;top:50%;width:16px}@keyframes cl-button-spin{to{transform:rotate(1turn)}}body.dark-mode .cl-button--secondary{background:#374151;background:var(--color-bg-secondary-dark,#374151);border-color:#4b5563;border-color:var(--color-border-dark,#4b5563);color:#f9fafb;color:var(--color-text-dark,#f9fafb)}body.dark-mode .cl-button--secondary:hover:not(:disabled){background:#4b5563;background:var(--color-bg-tertiary-dark,#4b5563)}body.dark-mode .cl-button--ghost{color:#f9fafb;color:var(--color-text-dark,#f9fafb)}body.dark-mode .cl-button--ghost:hover:not(:disabled){background:#374151;background:var(--color-bg-secondary-dark,#374151)}.cl-card{background:#fff;background:var(--color-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:12px;border-radius:var(--radius-lg,12px);overflow:hidden;transition:all .2s ease}.cl-card__header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border,#e5e7eb);font-size:18px;font-weight:600;padding:16px 20px}.cl-card__body{padding:20px}.cl-card__footer{background:#f9fafb;background:var(--color-bg-secondary,#f9fafb);border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border,#e5e7eb);padding:16px 20px}.cl-card--hoverable:hover{box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md,0 4px 12px #0000001a);transform:translateY(-2px)}.cl-card--clickable{cursor:pointer}body.dark-mode .cl-card{background:#1f2937;background:var(--color-bg-dark,#1f2937)}body.dark-mode .cl-card,body.dark-mode .cl-card__footer,body.dark-mode .cl-card__header{border-color:#374151;border-color:var(--color-border-dark,#374151)}body.dark-mode .cl-card__footer{background:#111827;background:var(--color-bg-secondary-dark,#111827)}.cl-modal{align-items:center;background:#0009;display:flex;height:100vh;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;top:0;width:100vw;z-index:1000}.cl-modal__content{background:#fff;background:var(--color-bg,#fff);border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 20px 60px #0000004d;box-shadow:var(--shadow-xl,0 20px 60px #0000004d);display:flex;flex-direction:column;margin:auto;max-height:80vh;position:relative}.cl-modal__content--small{max-width:400px;width:100%}.cl-modal__content--medium{max-width:600px;width:100%}.cl-modal__content--large{max-width:900px;width:100%}.cl-modal__header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border,#e5e7eb);display:flex;justify-content:space-between;padding:20px 24px}.cl-modal__title{font-size:20px;font-weight:600;margin:0}.cl-modal__close{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;color:var(--color-text-secondary,#6b7280);cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:32px}.cl-modal__close:hover{background:#f3f4f6;background:var(--color-bg-secondary,#f3f4f6);color:#1f2937;color:var(--color-text,#1f2937)}.cl-modal__body{flex:1 1;overflow-y:auto;padding:24px}.cl-modal__footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border,#e5e7eb);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}body.dark-mode .cl-modal__content{background:#1f2937;background:var(--color-bg-dark,#1f2937)}body.dark-mode .cl-modal__footer,body.dark-mode .cl-modal__header{border-color:#374151;border-color:var(--color-border-dark,#374151)}body.dark-mode .cl-modal__close:hover{background:#374151;background:var(--color-bg-secondary-dark,#374151);color:#f9fafb;color:var(--color-text-dark,#f9fafb)}.cl-input{display:flex;flex-direction:column;gap:6px}.cl-input__label{color:#1f2937;color:var(--color-text,#1f2937);font-size:14px;font-weight:500}.cl-input__required{color:#ef4444;color:var(--color-danger,#ef4444);margin-left:4px}.cl-input__field{background:#fff;background:var(--color-bg,#fff);border:1px solid #d1d5db;border:1px solid var(--color-border,#d1d5db);border-radius:8px;border-radius:var(--radius-base,8px);color:#1f2937;color:var(--color-text,#1f2937);font-family:inherit;font-size:16px;min-height:44px;padding:12px 16px;transition:all .2s;width:100%}.cl-input__field:focus{border-color:#3b82f6;border-color:var(--color-primary,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.cl-input__field:disabled{background:#f3f4f6;background:var(--color-bg-tertiary,#f3f4f6);cursor:not-allowed;opacity:.6}.cl-input__field--error{border-color:#ef4444;border-color:var(--color-danger,#ef4444)}.cl-input__field--error:focus{box-shadow:0 0 0 3px #ef44441a}.cl-input__error{color:#ef4444;color:var(--color-danger,#ef4444);font-size:14px}body.dark-mode .cl-input__field,body.dark-mode .cl-input__label{color:#f9fafb;color:var(--color-text-dark,#f9fafb)}body.dark-mode .cl-input__field{background:#374151;background:var(--color-bg-dark,#374151);border-color:#4b5563;border-color:var(--color-border-dark,#4b5563)}body.dark-mode .cl-input__field:disabled{background:#1f2937;background:var(--color-bg-secondary-dark,#1f2937)}.cl-select{display:flex;flex-direction:column;gap:6px}.cl-select__label{color:#1f2937;color:var(--color-text,#1f2937);font-size:14px;font-weight:500}.cl-select__required{color:#ef4444;color:var(--color-danger,#ef4444);margin-left:4px}.cl-select__field{background:#fff;background:var(--color-bg,#fff);border:1px solid #d1d5db;border:1px solid var(--color-border,#d1d5db);border-radius:8px;border-radius:var(--radius-base,8px);color:#1f2937;color:var(--color-text,#1f2937);cursor:pointer;font-family:inherit;font-size:16px;min-height:44px;padding:12px 16px;width:100%}.cl-select__field:focus{border-color:#3b82f6;border-color:var(--color-primary,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.cl-select__field:disabled{background:#f3f4f6;background:var(--color-bg-tertiary,#f3f4f6);cursor:not-allowed;opacity:.6}.cl-select__field--error{border-color:#ef4444;border-color:var(--color-danger,#ef4444)}.cl-select__error{color:#ef4444;color:var(--color-danger,#ef4444);font-size:14px}body.dark-mode .cl-select__field,body.dark-mode .cl-select__label{color:#f9fafb;color:var(--color-text-dark,#f9fafb)}body.dark-mode .cl-select__field{background:#374151;background:var(--color-bg-dark,#374151);border-color:#4b5563;border-color:var(--color-border-dark,#4b5563)}body.dark-mode .cl-select__field:disabled{background:#1f2937;background:var(--color-bg-secondary-dark,#1f2937)}.cl-textarea{display:flex;flex-direction:column;gap:6px}.cl-textarea__label{color:#1f2937;color:var(--color-text,#1f2937);font-size:14px;font-weight:500}.cl-textarea__required{color:#ef4444;color:var(--color-danger,#ef4444);margin-left:4px}.cl-textarea__field{background:#fff;background:var(--color-bg,#fff);border:1px solid #d1d5db;border:1px solid var(--color-border,#d1d5db);border-radius:8px;border-radius:var(--radius-base,8px);color:#1f2937;color:var(--color-text,#1f2937);font-family:inherit;font-size:16px;min-height:100px;padding:12px 16px;resize:vertical;width:100%}.cl-textarea__field:focus{border-color:#3b82f6;border-color:var(--color-primary,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.cl-textarea__field:disabled{background:#f3f4f6;background:var(--color-bg-tertiary,#f3f4f6);cursor:not-allowed;opacity:.6}.cl-textarea__field--error{border-color:#ef4444;border-color:var(--color-danger,#ef4444)}.cl-textarea__counter{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:12px;text-align:right}.cl-textarea__error{color:#ef4444;color:var(--color-danger,#ef4444);font-size:14px}body.dark-mode .cl-textarea__field,body.dark-mode .cl-textarea__label{color:#f9fafb;color:var(--color-text-dark,#f9fafb)}body.dark-mode .cl-textarea__field{background:#374151;background:var(--color-bg-dark,#374151);border-color:#4b5563;border-color:var(--color-border-dark,#4b5563)}body.dark-mode .cl-textarea__field:disabled{background:#1f2937;background:var(--color-bg-secondary-dark,#1f2937)}.cl-checkbox{align-items:center;cursor:pointer;display:inline-flex;gap:10px;-webkit-user-select:none;user-select:none}.cl-checkbox__input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.cl-checkbox__checkmark{background:#fff;background:var(--color-bg,#fff);border:2px solid #d1d5db;border:2px solid var(--color-border,#d1d5db);border-radius:4px;border-radius:var(--radius-sm,4px);height:20px;width:20px}.cl-checkbox__input:checked~.cl-checkbox__checkmark{background:#3b82f6;background:var(--color-primary,#3b82f6);border-color:#3b82f6;border-color:var(--color-primary,#3b82f6)}.cl-checkbox__input:checked~.cl-checkbox__checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";display:block;height:10px;margin:2px 0 0 6px;transform:rotate(45deg);width:5px}.cl-checkbox__label{color:#1f2937;color:var(--color-text,#1f2937);font-size:14px}body.dark-mode .cl-checkbox__checkmark{background:#374151;background:var(--color-bg-dark,#374151);border-color:#4b5563;border-color:var(--color-border-dark,#4b5563)}body.dark-mode .cl-checkbox__label{color:#f9fafb;color:var(--color-text-dark,#f9fafb)}.cl-radio{align-items:center;cursor:pointer;display:inline-flex;gap:10px;-webkit-user-select:none;user-select:none}.cl-radio__input{cursor:pointer;opacity:0;position:absolute}.cl-radio__circle{background:#fff;background:var(--color-bg,#fff);border:2px solid #d1d5db;border:2px solid var(--color-border,#d1d5db);border-radius:50%;height:20px;width:20px}.cl-radio__input:checked~.cl-radio__circle{border-color:#3b82f6;border-color:var(--color-primary,#3b82f6)}.cl-radio__input:checked~.cl-radio__circle:after{background:#3b82f6;background:var(--color-primary,#3b82f6);border-radius:50%;content:"";display:block;height:10px;margin:3px;width:10px}.cl-radio__label{color:#1f2937;color:var(--color-text,#1f2937);font-size:14px}body.dark-mode .cl-radio__circle{background:#374151;background:var(--color-bg-dark,#374151);border-color:#4b5563;border-color:var(--color-border-dark,#4b5563)}body.dark-mode .cl-radio__label{color:#f9fafb;color:var(--color-text-dark,#f9fafb)}.cl-badge{align-items:center;border-radius:12px;display:inline-flex;font-weight:500;justify-content:center;white-space:nowrap}.cl-badge--small{font-size:12px;padding:2px 8px}.cl-badge--medium{font-size:14px;padding:4px 12px}.cl-badge--large{font-size:16px;padding:6px 16px}.cl-badge--default{background:#f3f4f6;background:var(--color-bg-secondary,#f3f4f6);color:#1f2937;color:var(--color-text,#1f2937)}.cl-badge--primary{background:#3b82f61a;color:#3b82f6;color:var(--color-primary,#3b82f6)}.cl-badge--success{background:#10b9811a;color:#10b981;color:var(--color-success,#10b981)}.cl-badge--danger{background:#ef44441a;color:#ef4444;color:var(--color-danger,#ef4444)}.cl-badge--warning{background:#f59e0b1a;color:#f59e0b}.cl-badge--legendary{background:linear-gradient(135deg,#ffd70026,#ffa50026);border:1px solid #d977064d;color:#d97706;font-weight:600}.cl-badge--epic{background:linear-gradient(135deg,#9333ea26,#a855f726);border:1px solid #9333ea4d;color:#9333ea;font-weight:600}.cl-badge--rare{background:linear-gradient(135deg,#3b82f626,#60a5fa26);border:1px solid #2563eb4d;color:#2563eb;font-weight:600}.cl-badge--uncommon{background:linear-gradient(135deg,#10b98126,#34d39926);border:1px solid #0596694d;color:#059669;font-weight:600}.cl-badge--common{background:#6b72801a;border:1px solid #6b72804d;color:#6b7280;font-weight:500}@media (prefers-color-scheme:dark){.cl-badge--legendary{background:linear-gradient(135deg,#ffd70033,#ffa50033);color:#fbbf24}.cl-badge--epic{background:linear-gradient(135deg,#9333ea33,#a855f733);color:#c084fc}.cl-badge--rare{background:linear-gradient(135deg,#3b82f633,#60a5fa33);color:#60a5fa}.cl-badge--uncommon{background:linear-gradient(135deg,#10b98133,#34d39933);color:#34d399}.cl-badge--common{background:#9ca3af26;color:#9ca3af}}.cl-avatar{align-items:center;background:#3b82f6;background:var(--color-primary,#3b82f6);border-radius:8px;color:#fff;display:inline-flex;font-weight:500;justify-content:center;overflow:hidden}.cl-avatar--small{font-size:14px;height:32px;width:32px}.cl-avatar--medium{font-size:18px;height:48px;width:48px}.cl-avatar--large{font-size:32px;height:80px;width:80px}.cl-avatar__image{height:100%;object-fit:cover;width:100%}.cl-avatar__initials{text-transform:uppercase}.cl-spinner{animation:cl-spin .8s linear infinite;border:3px solid #3b82f61a;border-radius:50%;border-top:3px solid var(--color-primary,#3b82f6)}.cl-spinner--small{border-width:2px;height:20px;width:20px}.cl-spinner--medium{border-width:3px;height:40px;width:40px}.cl-spinner--large{border-width:4px;height:60px;width:60px}@keyframes cl-spin{to{transform:rotate(1turn)}}.cl-empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:48px 24px;text-align:center}.cl-empty-state__icon{color:#9ca3af;color:var(--color-text-secondary,#9ca3af);font-size:48px;margin-bottom:16px}.cl-empty-state__title{color:#1f2937;color:var(--color-text,#1f2937);font-size:18px;font-weight:600;margin:0 0 8px}.cl-empty-state__description{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:14px;margin:0 0 24px;max-width:400px}.cl-empty-state__action{margin-top:8px}body.dark-mode .cl-empty-state__title{color:#f9fafb;color:var(--color-text-dark,#f9fafb)}.cl-error-message{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;border-radius:var(--radius-base,8px);color:#ef4444;color:var(--color-danger,#ef4444);display:flex;gap:16px;padding:16px}.cl-error-message__icon{flex-shrink:0;font-size:24px}.cl-error-message__content{flex:1 1}.cl-error-message__title{font-size:16px;font-weight:600;margin:0 0 4px}.cl-error-message__text{color:#dc2626;font-size:14px;margin:0}.cl-error-message__retry{background:#ef4444;background:var(--color-danger,#ef4444);border:none;border-radius:8px;border-radius:var(--radius-base,8px);color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s}.cl-error-message__retry:hover{background:#dc2626}.cl-disclaimer{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid #f59e0b;border-radius:var(--radius-base);margin:var(--space-lg) 0;padding:var(--space-lg)}body.dark-mode .cl-disclaimer{background:linear-gradient(135deg,#78350f,#92400e);border-left-color:#f59e0b}.cl-disclaimer__header{align-items:center;display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.cl-disclaimer__icon{font-size:1.5rem}.cl-disclaimer__title{color:#78350f;font-size:1.125rem;font-weight:700;margin:0}body.dark-mode .cl-disclaimer__title{color:#fef3c7}.cl-disclaimer__content{color:#78350f;line-height:1.6}body.dark-mode .cl-disclaimer__content{color:#fef3c7}.cl-disclaimer__list,.cl-disclaimer__text{margin:var(--space-sm) 0}.cl-disclaimer__list{padding-left:var(--space-xl)}.cl-disclaimer__list li{margin:var(--space-xs) 0}.cl-disclaimer__content a{color:#92400e;font-weight:600;text-decoration:underline}body.dark-mode .cl-disclaimer__content a{color:#fde68a}.cl-disclaimer__warning{background:#dc26261a;border-left:3px solid #dc2626;border-radius:var(--radius-sm);font-weight:600;margin:var(--space-md) 0;padding:var(--space-sm)}body.dark-mode .cl-disclaimer__warning{background:#dc262633}.cl-disclaimer__accept{border-top:1px solid #78350f4d;margin-top:var(--space-lg);padding-top:var(--space-md)}body.dark-mode .cl-disclaimer__accept{border-top-color:#fef3c74d}.cl-disclaimer__checkbox-label{align-items:flex-start;cursor:pointer;display:flex;gap:var(--space-sm);-webkit-user-select:none;user-select:none}.cl-disclaimer__checkbox{cursor:pointer;flex-shrink:0;height:20px;margin-top:2px;width:20px}.cl-disclaimer__checkbox-text{color:#78350f;font-size:.9375rem;font-weight:600}body.dark-mode .cl-disclaimer__checkbox-text{color:#fef3c7}.cl-disclaimer__button{background:#78350f;border:none;border-radius:var(--radius-base);color:#fef3c7;cursor:pointer;font-size:1rem;font-weight:600;margin-top:var(--space-md);padding:var(--space-sm) var(--space-lg);transition:all .2s ease;width:100%}.cl-disclaimer__button:hover:not(:disabled){background:#92400e;box-shadow:var(--shadow-md);transform:translateY(-2px)}.cl-disclaimer__button--disabled{cursor:not-allowed;opacity:.5}body.dark-mode .cl-disclaimer__button{background:#fef3c7;color:#78350f}body.dark-mode .cl-disclaimer__button:hover:not(:disabled){background:#fde68a}@media (max-width:768px){.cl-disclaimer{padding:var(--space-md)}.cl-disclaimer__title{font-size:1rem}.cl-disclaimer__checkbox-text{font-size:.875rem}}.cl-trust-badge{align-items:center;border-radius:9999px;cursor:default;display:inline-flex;font-weight:600;gap:.4rem;padding:.4rem .8rem;position:relative;transition:all .2s ease}.cl-trust-badge--small{font-size:.75rem;gap:.3rem;padding:.25rem .6rem}.cl-trust-badge--small .cl-trust-badge__icon{font-size:.85rem}.cl-trust-badge--medium{font-size:.875rem;gap:.4rem;padding:.4rem .8rem}.cl-trust-badge--medium .cl-trust-badge__icon{font-size:1rem}.cl-trust-badge--large{font-size:1rem;gap:.5rem;padding:.6rem 1.2rem}.cl-trust-badge--large .cl-trust-badge__icon{font-size:1.25rem}.cl-trust-badge--default{background-color:#e5e7eb;border:1px solid #d1d5db;color:#4b5563}.cl-trust-badge--primary{background-color:#dbeafe;border:1px solid #93c5fd;color:#1e40af}.cl-trust-badge--success{background-color:#d1fae5;border:1px solid #6ee7b7;color:#065f46}.cl-trust-badge--verified{background:linear-gradient(135deg,#e9d5ff,#ddd6fe);border:1px solid #c4b5fd;color:#6b21a8}.cl-trust-badge--pro{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;color:#92400e}@media (prefers-color-scheme:dark){.cl-trust-badge--default{background-color:#374151;border:1px solid #4b5563;color:#d1d5db}.cl-trust-badge--primary{background-color:#1e3a8a;border:1px solid #2563eb;color:#93c5fd}.cl-trust-badge--success{background-color:#064e3b;border:1px solid #059669;color:#6ee7b7}.cl-trust-badge--verified{background:linear-gradient(135deg,#581c87,#6b21a8);border:1px solid #a855f7;color:#e9d5ff}.cl-trust-badge--pro{background:linear-gradient(135deg,#78350f,#92400e);border:1px solid #f59e0b;color:#fde68a}}.cl-trust-badge__icon{align-items:center;display:inline-flex;justify-content:center;line-height:1}.cl-trust-badge__label{line-height:1;white-space:nowrap}.cl-trust-badge__tooltip{background-color:#1f2937;border-radius:.5rem;box-shadow:0 10px 25px #0000004d;color:#fff;font-size:.875rem;font-weight:400;left:50%;line-height:1.5;max-width:300px;min-width:200px;padding:.75rem 1rem;pointer-events:none;position:absolute;top:calc(100% + .5rem);transform:translateX(-50%);white-space:normal;z-index:1000}.cl-trust-badge__tooltip:before{border:.5rem solid;border-color:#0000 #0000 #1f2937;bottom:100%;content:"";left:50%;position:absolute;transform:translateX(-50%)}.cl-trust-badge__tooltip-title{color:#fff;font-weight:600;margin-bottom:.5rem}.cl-trust-badge__tooltip-description{color:#d1d5db;margin-bottom:.5rem}.cl-trust-badge__tooltip-requirements{border-top:1px solid #374151;color:#9ca3af;font-size:.8125rem;padding-top:.5rem}.cl-trust-badge__tooltip-requirements strong{color:#d1d5db;font-weight:600}@media (prefers-color-scheme:dark){.cl-trust-badge__tooltip{background-color:#111827;box-shadow:0 10px 25px #00000080}.cl-trust-badge__tooltip:before{border-color:#0000 #0000 #111827}.cl-trust-badge__tooltip-description{color:#e5e7eb}.cl-trust-badge__tooltip-requirements{border-top-color:#1f2937;color:#d1d5db}.cl-trust-badge__tooltip-requirements strong{color:#f3f4f6}}.cl-trust-badge:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}@media (prefers-color-scheme:dark){.cl-trust-badge:hover{box-shadow:0 2px 8px #0000004d}}.cl-trust-badge:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}@media (max-width:768px){.cl-trust-badge__tooltip{left:1rem;max-width:none;position:fixed;right:1rem;transform:none}.cl-trust-badge__tooltip:before{left:2rem}}@media print{.cl-trust-badge{background:#fff!important;border:1px solid #000;color:#000!important}.cl-trust-badge__tooltip{display:none}}.cl-auction-badge{align-items:center;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:inline-flex;font-size:.85rem;font-weight:600;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);transition:transform .2s,box-shadow .2s;white-space:nowrap}.cl-auction-badge:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.cl-auction-badge--top3{animation:cl-auction-shine 3s infinite;color:#fff;overflow:hidden;position:relative;text-shadow:0 1px 2px #0003}@keyframes cl-auction-shine{0%,to{opacity:1}50%{opacity:.95}}.cl-auction-badge--gold{animation:cl-auction-gold-pulse 2s infinite;background:linear-gradient(135deg,gold,orange);border:2px solid gold}@keyframes cl-auction-gold-pulse{0%,to{box-shadow:0 0 10px #ffd70080;transform:scale(1)}50%{box-shadow:0 0 20px #ffd700cc;transform:scale(1.05)}}.cl-auction-badge--silver{background:linear-gradient(135deg,silver,#a8a8a8);border:2px solid silver}.cl-auction-badge--bronze{background:linear-gradient(135deg,#cd7f32,#b8733f);border:2px solid #cd7f32}.cl-auction-badge--top10{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #667eea;color:#fff}.cl-auction-icon{align-items:center;display:inline-flex;font-size:1.2rem}.cl-auction-badge--gold .cl-auction-icon{animation:cl-auction-icon-rotate 3s ease-in-out infinite;color:#fff;filter:drop-shadow(0 0 4px rgba(255,215,0,.8))}@keyframes cl-auction-icon-rotate{0%,to{transform:rotate(0deg)}25%{transform:rotate(-15deg)}75%{transform:rotate(15deg)}}.cl-auction-badge--bronze .cl-auction-icon,.cl-auction-badge--silver .cl-auction-icon{color:#fff}.cl-auction-label{align-items:center;display:flex;font-weight:700;gap:var(--space-xs)}.cl-auction-label strong{font-size:1rem;margin-left:var(--space-xs)}.cl-auction-type-icon{font-size:.9rem;margin-right:2px}.cl-auction-type-icon-small{font-size:.75rem;margin-left:var(--space-xs);opacity:.9}.dark-mode .cl-auction-badge--top10{background:linear-gradient(135deg,#667eeae6,#764ba2e6);border-color:#667eeacc}.dark-mode .cl-auction-badge--gold{background:linear-gradient(135deg,gold,orange)}.dark-mode .cl-auction-badge--silver{background:linear-gradient(135deg,#d3d3d3,#b8b8b8)}.dark-mode .cl-auction-badge--bronze{background:linear-gradient(135deg,#cd7f32,#b8733f)}@media (max-width:768px){.cl-auction-badge{font-size:.75rem;padding:4px 8px}.cl-auction-icon{font-size:1rem}.cl-auction-label strong{font-size:.85rem}.cl-auction-type-icon{font-size:.75rem}.cl-auction-type-icon-small{font-size:.65rem}}@media (max-width:400px){.cl-auction-badge{font-size:.7rem;padding:3px 6px}.cl-auction-icon{font-size:.9rem}.cl-auction-label{gap:2px}.cl-auction-label strong{font-size:.8rem}}.cl-auction-badge:focus{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.cl-auction-badge,.cl-auction-badge--gold,.cl-auction-badge--top3,.cl-auction-icon{animation:none!important}.cl-auction-badge:hover{transform:none}}.cl-listing-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .2s,transform .2s}.cl-listing-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.cl-listing-card--boosted{border:2px solid #0000;border-image:linear-gradient(135deg,#ff6b35,#f7931e);border-image-slice:1;position:relative}.cl-listing-card--boosted:before{background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:var(--radius-md);bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}.cl-listing-card--boosted:hover{box-shadow:0 8px 20px #ff6b3540,var(--shadow-md)}.cl-listing-card--featured{border:2px solid #0000;border-image:linear-gradient(135deg,gold,#ffed4e);border-image-slice:1;position:relative}.cl-listing-card--featured:before{background:linear-gradient(135deg,gold,#ffed4e);border-radius:var(--radius-md);bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}.cl-listing-card--featured:hover{box-shadow:0 8px 20px #ffd70040,var(--shadow-md)}.cl-listing-card__image{align-items:center;background:var(--color-border);display:flex;height:220px;justify-content:center;overflow:hidden;position:relative;width:100%}.cl-listing-card__image img{height:100%;object-fit:cover;transition:transform .3s;width:100%}.cl-listing-card:hover .cl-listing-card__image img{transform:scale(1.05)}.cl-listing-card__no-image{align-items:center;background:linear-gradient(135deg,var(--color-border) 0,var(--color-bg) 100%);color:var(--color-text-secondary);display:flex;font-size:.875rem;height:100%;justify-content:center;width:100%}.cl-listing-card__featured-badge{background:linear-gradient(135deg,gold,#ffed4e);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);color:#000;display:flex;flex-direction:column;font-size:.75rem;font-weight:700;gap:2px;line-height:1.2;padding:var(--space-xs) var(--space-sm);position:absolute;right:var(--space-sm);top:var(--space-sm)}.cl-listing-card__featured-time{font-size:.6875rem;font-weight:500;opacity:.85}.cl-listing-card__boosted-badge{background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);color:#fff;display:flex;flex-direction:column;font-size:.75rem;font-weight:700;gap:2px;left:var(--space-sm);line-height:1.2;padding:var(--space-xs) var(--space-sm);position:absolute;top:var(--space-sm)}.cl-listing-card__boosted-time{font-size:.6875rem;font-weight:500;opacity:.95}.cl-listing-card__auction-badge{bottom:var(--space-sm);left:50%;position:absolute;transform:translateX(-50%);z-index:10}.cl-listing-card__content{display:flex;flex:1 1;flex-direction:column;gap:var(--space-sm);padding:var(--space-md)}.cl-listing-card__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text);display:-webkit-box;font-size:1rem;font-weight:600;line-height:1.4;margin:0;min-height:2.8em;overflow:hidden;text-overflow:ellipsis}.cl-listing-card__price{color:var(--color-primary);font-size:1.5rem;font-weight:700;margin:0}.cl-listing-card__negotiable{color:var(--color-text-secondary);font-size:.875rem;font-weight:500}.cl-listing-card__meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-xs)}.cl-listing-card__category{color:var(--color-text-secondary);font-size:.875rem;font-weight:500}.cl-listing-card__separator{color:var(--color-text-secondary);opacity:.5}.cl-listing-card__info{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.8125rem;justify-content:space-between;margin-top:auto}.cl-listing-card__location{align-items:center;display:flex;gap:var(--space-xs)}.cl-listing-card__date{font-style:italic}.cl-listing-card__seller{align-items:center;border-top:1px solid var(--color-border);display:flex;font-size:.8125rem;gap:var(--space-xs);padding-top:var(--space-sm)}.cl-listing-card__seller-label{color:var(--color-text-secondary)}.cl-listing-card__seller-name{color:var(--color-text);font-weight:500}.cl-listing-card__actions{background:var(--color-bg);border-top:1px solid var(--color-border);display:flex;gap:var(--space-xs);padding:var(--space-sm) var(--space-md)}.cl-listing-card__action{border:none;border-radius:var(--radius-sm);cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;padding:var(--space-sm) var(--space-md);transition:background .2s,color .2s,transform .1s}.cl-listing-card__action:active{transform:scale(.98)}.cl-listing-card__action--view{background:var(--color-primary);color:#fff}.cl-listing-card__action--view:hover{background:#0056b3;background:var(--color-primary-dark,#0056b3)}.cl-listing-card__action--save{background:#0000;border:1px solid var(--color-border);color:var(--color-text);flex:0 0 auto;font-size:1.25rem;padding:var(--space-sm);width:44px}.cl-listing-card__action--save:hover{background:var(--color-border);color:var(--color-primary)}@media (max-width:768px){.cl-listing-card__image{height:180px}.cl-listing-card__title{font-size:.9375rem}.cl-listing-card__price{font-size:1.25rem}}@media (max-width:400px){.cl-listing-card__image{height:160px}.cl-listing-card__content{padding:var(--space-sm)}.cl-listing-card__action,.cl-listing-card__actions{padding:var(--space-xs) var(--space-sm)}.cl-listing-card__action{font-size:.8125rem}}[data-theme=dark] .cl-listing-card{background:#2d3748;background:var(--color-surface-dark,#2d3748);border-color:#4a5568;border-color:var(--color-border-dark,#4a5568)}[data-theme=dark] .cl-listing-card__image{background:#4a5568;background:var(--color-border-dark,#4a5568)}[data-theme=dark] .cl-listing-card__no-image{background:linear-gradient(135deg,#4a5568,#1a202c);background:linear-gradient(135deg,var(--color-border-dark,#4a5568) 0,var(--color-bg-dark,#1a202c) 100%)}[data-theme=dark] .cl-listing-card__actions,[data-theme=dark] .cl-listing-card__seller{border-top-color:#4a5568;border-top-color:var(--color-border-dark,#4a5568)}[data-theme=dark] .cl-listing-card__actions{background:#1a202c;background:var(--color-bg-dark,#1a202c)}[data-theme=dark] .cl-listing-card__action--save{border-color:#4a5568;border-color:var(--color-border-dark,#4a5568)}[data-theme=dark] .cl-listing-card__action--save:hover{background:#4a5568;background:var(--color-border-dark,#4a5568)}[data-theme=dark] .cl-listing-card--boosted:before,[data-theme=dark] .cl-listing-card--featured:before{opacity:.8}.cl-home{width:100%}.cl-home__hero{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--color-primary,#3b82f6) 0,var(--color-primary-dark,#2563eb) 100%);border-radius:12px;border-radius:var(--radius-lg,12px);color:#fff;margin-bottom:48px;padding:64px 24px;text-align:center}.cl-home__title{font-size:48px;font-weight:700;line-height:1.2;margin:0 0 16px}.cl-home__subtitle{font-size:20px;margin:0 auto 32px;max-width:600px;opacity:.95}.cl-home__actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.cl-home__hero .cl-button--outline{border-color:#fff;color:#fff}.cl-home__browse-btn .cl-button--outline:hover{background:#fff;border-color:#fff;color:#3b82f6}.cl-home__create-btn .cl-button--outline:hover{background:#10b981;border-color:#10b981;color:#fff}.cl-home__section{margin-bottom:64px}.cl-home__section-header{margin-bottom:32px;text-align:center}.cl-home__section-title{color:#1f2937;color:var(--color-text,#1f2937);font-size:32px;font-weight:700;margin:0 0 12px;text-align:center}.cl-home__section-subtitle{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:16px;margin:0}.cl-home__section-footer{margin-top:32px;text-align:center}.cl-home__featured-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:16px}.cl-home__categories{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.cl-home__category{color:inherit;display:block;text-decoration:none}.cl-home__category-content{padding:32px 24px;text-align:center}.cl-home__category-icon{display:block;font-size:48px;margin-bottom:16px}.cl-home__category-name{color:#1f2937;color:var(--color-text,#1f2937);font-size:20px;font-weight:600;margin:0 0 8px}.cl-home__category-count{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:14px;margin:0}.cl-home__features{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.cl-home__feature{padding:32px 24px;text-align:center}.cl-home__feature-icon{display:block;font-size:48px;margin-bottom:16px}.cl-home__feature h3{color:#1f2937;color:var(--color-text,#1f2937);font-size:20px;font-weight:600;margin:0 0 12px}.cl-home__feature p{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:16px;line-height:1.6;margin:0}.cl-home__feature>a{display:inline-block;margin-top:24px}.cl-home__cta{margin-top:64px}.cl-home__cta-content{background:linear-gradient(135deg,#3b82f61a,#2563eb1a);border-radius:12px;border-radius:var(--radius-lg,12px);padding:48px 24px;text-align:center}.cl-home__cta-content h2{color:#1f2937;color:var(--color-text,#1f2937);font-size:32px;font-weight:700;margin:0 0 16px}.cl-home__cta-content p{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:18px;margin:0 0 24px}@media (max-width:768px){.cl-home__hero{padding:48px 24px}.cl-home__title{font-size:36px}.cl-home__subtitle{font-size:18px}.cl-home__section-title{font-size:28px}.cl-home__categories,.cl-home__featured-grid,.cl-home__features{grid-template-columns:1fr}.cl-home__cta-content h2{font-size:28px}}@media (max-width:400px){.cl-home__hero{padding:32px 16px}.cl-home__title{font-size:28px}.cl-home__subtitle{font-size:16px}.cl-home__actions{flex-direction:column}.cl-home__section-title{font-size:24px}}body.dark-mode .cl-home__category-name,body.dark-mode .cl-home__cta-content h2,body.dark-mode .cl-home__feature h3,body.dark-mode .cl-home__section-title{color:#f9fafb;color:var(--color-text-dark,#f9fafb)}body.dark-mode .cl-home__category-count,body.dark-mode .cl-home__cta-content p,body.dark-mode .cl-home__feature p,body.dark-mode .cl-home__section-subtitle{color:#d1d5db;color:var(--color-text-secondary-dark,#d1d5db)}.cl-protected-route__loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.cl-protected-route__loading p{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:16px}.cl-protected-route__blocked{align-items:center;display:flex;justify-content:center;min-height:400px;padding:20px}.cl-protected-route__blocked-content{background:#fff;background:var(--color-bg,#fff);border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md,0 4px 12px #0000001a);max-width:500px;padding:48px 32px;text-align:center}.cl-protected-route__blocked-content h2{color:#1f2937;color:var(--color-text,#1f2937);font-size:24px;font-weight:600;margin:0 0 16px}.cl-protected-route__blocked-content p{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:16px;line-height:1.6;margin:0 0 12px}.cl-protected-route__link{background:#3b82f6;background:var(--color-primary,#3b82f6);border-radius:8px;border-radius:var(--radius-base,8px);color:#fff;display:inline-block;font-weight:500;margin-top:24px;padding:12px 24px;text-decoration:none;transition:all .2s}.cl-protected-route__link:hover{background:#2563eb;background:var(--color-primary-dark,#2563eb);transform:translateY(-1px)}body.dark-mode .cl-protected-route__blocked-content{background:#1f2937;background:var(--color-bg-dark,#1f2937)}body.dark-mode .cl-protected-route__blocked-content h2{color:#f9fafb;color:var(--color-text-dark,#f9fafb)}.ssh-nav{background-color:#fff;box-shadow:0 2px 4px #0000001a;margin-bottom:0;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.ssh-nav.scrolled{box-shadow:0 4px 8px #0003;transition:box-shadow .3s ease}.ssh-nav-bg{background-color:#fff!important;position:relative;width:100%}.ssh-nav-wrapper{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:1920px;padding:0 1rem}.ssh-nav-content{flex:0 0 1200px;justify-content:space-between;max-width:1200px;padding:.25rem 1rem}.ssh-nav-content,.ssh-nav-logo{align-items:center;display:flex}.ssh-nav-logo{flex-shrink:0}.ssh-nav-logo img{height:32px}.ssh-nav-right{flex:1 1;gap:1rem;justify-content:flex-end;min-width:0}.ssh-nav-links,.ssh-nav-right{align-items:center;display:flex}.ssh-nav-links{flex-shrink:0;gap:20px;list-style:none;margin:0 0 0 40px;padding:0}.ssh-nav-links li{margin:0;padding:0}.ssh-nav-link{align-items:center;color:#333;display:inline-flex;font-size:14px;font-weight:500;gap:.3rem;text-decoration:none;transition:color .2s}.ssh-nav-link.active,.ssh-nav-link:hover{color:#ff4500}.ssh-nav-link__icon{font-size:1em;line-height:1}.ssh-nav-link__text{line-height:1}.ssh-nav-dropdown{position:relative}.ssh-nav-dropdown-toggle{align-items:center;background:#0000!important;border:none!important;box-shadow:none!important;color:#333!important;cursor:pointer;display:inline-flex!important;font-family:inherit!important;font-size:14px!important;font-weight:500!important;gap:6px;margin:0!important;outline:none!important;padding:0!important;text-decoration:none!important;transition:color .2s;white-space:nowrap}.ssh-nav-dropdown-toggle:hover{color:#ff4500}.ssh-nav-dropdown-toggle svg{font-size:.75em;transition:transform .3s ease}.ssh-nav-dropdown:hover .ssh-nav-dropdown-toggle svg{transform:rotate(180deg)}.ssh-nav-dropdown-menu{background:linear-gradient(145deg,#fff,#f8f9fa);border:1px solid #00000014;border-radius:12px;box-shadow:0 8px 25px #00000026,0 4px 10px #0000001a,inset 0 0 0 1px #fffc;left:0;list-style:none;margin-top:4px;min-width:200px;padding:8px 0;position:absolute;top:100%;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000}@media (min-width:769px){.ssh-nav-dropdown-menu{opacity:0;transform:translateY(-10px) scale(.95);visibility:hidden}.ssh-nav-dropdown-menu:hover,.ssh-nav-dropdown:hover .ssh-nav-dropdown-menu{opacity:1;transform:translateY(0) scale(1);visibility:visible}}.ssh-nav-dropdown-menu:before{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #00000014;border-bottom:none;border-radius:2px;border-right:none;content:"";height:16px;left:20px;position:absolute;top:-8px;transform:rotate(45deg);width:16px}.ssh-nav-dropdown-item{align-items:center;border-radius:8px;color:#444;display:flex;font-size:.95rem;font-weight:500;margin:2px 8px;padding:12px 20px;position:relative;text-decoration:none;transition:all .2s ease}.ssh-nav-dropdown-item:before{background:linear-gradient(135deg,#ff4500,#ff6b35);border-radius:2px;content:"";height:0;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:height .3s ease;width:4px}.ssh-nav-dropdown-item:hover{background:#6c757d!important;box-shadow:0 2px 8px #6c757d4d!important;color:#fff!important;transform:translateX(4px)!important}.ssh-nav-dropdown-item:hover:before{height:16px!important}.ssh-nav-actions{align-items:center;display:flex;flex-shrink:0;gap:6px;margin-left:auto}.ssh-nav-actions .ssh-nav-btn,.ssh-nav-actions .ssh-nav-logout-btn,.ssh-nav-actions .ssh-nav-submit-btn{align-items:center;border:none;border-radius:4px;color:#fff!important;cursor:pointer;display:inline-flex;font-weight:500;height:36px;justify-content:center;line-height:1;padding:.4rem .8rem;transition:background-color .2s}.ssh-nav-actions .ssh-nav-submit-btn{background-color:#4285f4!important;color:#fff!important}.ssh-nav-actions .ssh-nav-submit-btn:hover{background-color:#3267d6!important}.reader-mode .ssh-nav-actions .ssh-nav-submit-btn{font-size:.85rem;padding:.35rem .7rem}.ssh-nav-actions .ssh-nav-logout-btn{background-color:#ff4500;color:#fff!important}.ssh-nav-actions .ssh-nav-logout-btn:hover{background-color:#e63900}.ssh-nav-actions .ssh-nav-cache-btn{background-color:#6c757d;color:#fff!important}.ssh-nav-actions .ssh-nav-cache-btn:hover{background-color:#545b62}.ssh-nav-actions .ssh-nav-icon-btn{align-items:center;background-color:#ff4500!important;border:none;border-radius:4px;color:#fff!important;cursor:pointer;display:inline-flex;font-size:1rem;height:36px;justify-content:center;padding:0;position:relative;transition:all .2s ease;width:36px}.ssh-nav-actions .ssh-nav-icon-btn:hover{background-color:#e63900!important;box-shadow:0 2px 8px #ff45004d;transform:translateY(-1px)}.ssh-nav-actions .ssh-nav-icon-btn svg{color:#fff!important;font-size:1rem}.ssh-nav-actions .ssh-nav-icon-btn.disabled,.ssh-nav-actions .ssh-nav-icon-btn:disabled{background-color:#ccc!important;color:#666!important;cursor:not-allowed!important;opacity:.6}.ssh-nav-actions .ssh-nav-icon-btn.disabled:hover,.ssh-nav-actions .ssh-nav-icon-btn:disabled:hover{background-color:#ccc!important;box-shadow:none;transform:none}.ssh-nav-notification-container{position:relative}.ssh-nav-notification-badge{align-items:center;background-color:#dc3545;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;display:flex;font-size:.65rem;font-weight:700;height:18px;justify-content:center;line-height:1;min-width:18px;padding:2px 6px;position:absolute;right:-4px;top:-4px}.ssh-nav-admin-link{color:#ff4500!important;font-weight:700!important}.ssh-nav-admin-link:after{content:"⚙️";font-size:.9em;margin-left:4px}.ssh-nav-stats-link{color:#1e90ff!important;font-weight:600!important}.ssh-nav-le-link{color:#228b22!important;font-weight:600!important}.ssh-nav-news-link{color:#ff4500!important;font-weight:600!important}.ssh-nav-premium-btn{align-items:center;background:linear-gradient(135deg,gold,orange);border:none;border-radius:4px;color:#1a1a1a!important;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:13px;font-weight:600;height:36px;justify-content:center;line-height:1;padding:.4rem .6rem;transition:all var(--transition-base);white-space:nowrap}.ssh-nav-premium-btn:hover{background:linear-gradient(135deg,orange,#ff8c00);box-shadow:0 4px 8px #ffa5004d;transform:translateY(-1px)}.ssh-nav-premium-btn.gold-member{background:linear-gradient(135deg,gold,#ffc700);box-shadow:0 2px 4px #ffd7004d;color:#1a1a1a!important;font-weight:700}.ssh-nav-premium-btn.gold-member:hover{background:linear-gradient(135deg,#ffc700,#ffb700);box-shadow:0 4px 8px #ffd70080}.ssh-nav-mobile-buttons,.ssh-nav-mobile-dashboard-btn,.ssh-nav-mobile-menu-btn,.ssh-nav-mobile-submit-btn{display:none}.ssh-mobile-quick-nav{background-color:#f8f8f8;box-shadow:0 2px 5px #0000001a;display:none;min-height:50px;position:-webkit-sticky;position:sticky;top:44px;width:100%;z-index:1001}.ssh-mobile-icon-bar{align-items:center;background-color:#fff;border-bottom:1px solid #eee;display:flex;justify-content:space-around;padding:.5rem 0;position:relative;z-index:1001}.ssh-mobile-icon-link{color:#555;font-size:1.2rem;padding:.25rem .5rem;text-decoration:none;transition:color .2s}.ssh-mobile-icon-link:hover{color:#ff4500}.ssh-mobile-icon-link.active{color:#4285f4}.dark-mode .ssh-nav,.dark-mode .ssh-nav-bg{background-color:#fff!important}.dark-mode .ssh-nav-dropdown-toggle,.dark-mode .ssh-nav-link{color:#333!important}.dark-mode .ssh-nav-dropdown-toggle:hover,.dark-mode .ssh-nav-link:hover{color:#ff4500!important}.dark-mode .ssh-nav-dropdown-menu{background:#fff!important;border:1px solid #e0e0e0}.dark-mode .ssh-nav-dropdown-item{color:#333!important}.dark-mode .ssh-nav-dropdown-item:hover{background:#f0f0f0!important;color:#ff4500!important}.dark-mode .ssh-mobile-quick-nav{background-color:#282828}.dark-mode .ssh-mobile-icon-bar{border-bottom-color:#444}.dark-mode .ssh-mobile-icon-link{color:#bbb}.dark-mode .ssh-mobile-icon-link:hover{color:#ff4500}.dark-mode .ssh-mobile-icon-link.active{color:#5a95f5}@media (max-width:768px){.ssh-nav{z-index:5400}.ssh-nav-content{justify-content:space-between;padding:.25rem .5rem}.ssh-nav-content,.ssh-nav-logo{align-items:center;display:flex}.ssh-nav-logo{flex-shrink:0;margin-right:auto}.ssh-nav-logo img{height:28px!important;width:auto}.ssh-nav-actions,.ssh-nav-links{display:none}.ssh-nav-mobile-buttons{align-items:center;display:flex;gap:.5rem}.ssh-nav-mobile-dashboard-btn,.ssh-nav-mobile-menu-btn,.ssh-nav-mobile-submit-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;width:36px}.ssh-nav-mobile-menu-btn{background-color:#ff4500;color:#fff;font-size:1.5rem;position:relative;z-index:1001}.ssh-nav-mobile-submit-btn{background-color:#4285f4!important;color:#fff!important;font-size:1.1rem}.ssh-nav-mobile-dashboard-btn{background-color:#ff4500!important;color:#fff!important;font-size:1.1rem}.ssh-nav-links{align-items:flex-start;background-color:#f8f8f8;border-top:1px solid #e0e0e0;box-shadow:0 4px 6px #0000001a;flex-direction:column;gap:0;justify-content:flex-start;left:0;padding:0;position:absolute;right:0;top:100%;width:100%;z-index:5500}.ssh-nav-links.mobile-open{display:flex}.ssh-nav-links.mobile-open .ssh-nav-mobile-only{display:block!important}.ssh-nav-links li{background-color:#fff;border-bottom:1px solid #e0e0e0;margin:0;width:100%}.ssh-nav-dropdown-toggle,.ssh-nav-link{display:block!important;font-size:14px!important;padding:.75rem 1rem!important;text-align:left;width:100%}.ssh-nav-dropdown-menu{background-color:#fff!important;border:none;border-radius:0;border-top:1px solid #eee;box-shadow:none;display:none;list-style:none;margin:0;opacity:1!important;padding:0;position:static;transform:none!important;visibility:visible!important;width:100%}.ssh-nav-dropdown.dropdown-open .ssh-nav-dropdown-menu{display:block}.ssh-nav-dropdown-item{background-color:#fff;color:#333!important;display:block!important;font-size:14px;padding:10px 20px!important;text-align:left;text-decoration:none;width:100%}.ssh-nav-dropdown-item:hover{background-color:#f8f8f8!important;color:#ff4500!important}.ssh-mobile-quick-nav,.ssh-nav-mobile-only{display:block!important}.ssh-nav-desktop-only,.ssh-nav-premium-btn{display:none}.ssh-nav-submit-mobile-item{background-color:#fff;display:block!important;padding:.5rem 0}.ssh-nav-submit-mobile-btn{background-color:#4285f4!important;border:none;border-radius:4px;color:#fff!important;cursor:pointer;display:block;font-size:.9rem;font-weight:700;margin:0 auto;padding:.6rem 1rem;text-align:center;transition:background-color .2s;width:calc(100% - 2rem)}.ssh-nav-submit-mobile-btn:hover{background-color:#3267d6!important}.ssh-nav-link-button{background:none;border:none;color:#333;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:500;padding:.75rem 1rem;text-align:left;width:100%}.ssh-nav-link-button:hover{color:#ff4500}.ssh-nav-link-button.disabled,.ssh-nav-link-button:disabled{color:#999!important;cursor:not-allowed!important;opacity:.6}.ssh-nav-link-button.disabled:hover,.ssh-nav-link-button:disabled:hover{color:#999!important}.ssh-nav-subscribe-mobile-item{background-color:#fff;border-bottom:1px solid #e0e0e0;margin:0;padding:0;width:100%}.ssh-nav-premium-link-mobile{background:linear-gradient(135deg,gold,orange)!important;border:none;border-radius:0;color:#1a1a1a!important;cursor:pointer;display:block!important;font-size:14px!important;font-weight:600!important;margin:0!important;padding:.75rem 1rem!important;text-align:left!important;transition:all .2s;white-space:nowrap;width:100%!important}.ssh-nav-premium-link-mobile:hover{background:linear-gradient(135deg,orange,#ff8c00)!important;box-shadow:0 2px 4px #ffa5004d;color:#1a1a1a!important;text-decoration:none;transform:translateY(-1px)}.dark-mode .ssh-nav-links.mobile-open{background-color:#282828;border-top-color:#444}.dark-mode .ssh-nav-links.mobile-open li{background-color:initial;border-bottom-color:#444}.dark-mode .ssh-nav-links.mobile-open .ssh-nav-dropdown-toggle,.dark-mode .ssh-nav-links.mobile-open .ssh-nav-link{color:#eee!important}.dark-mode .ssh-nav-links.mobile-open .ssh-nav-dropdown-toggle:hover,.dark-mode .ssh-nav-links.mobile-open .ssh-nav-link.active,.dark-mode .ssh-nav-links.mobile-open .ssh-nav-link:hover{background-color:#333;color:#ff4500!important}.dark-mode .ssh-nav-links.mobile-open .ssh-nav-dropdown-menu{background-color:#282828!important;border-top-color:#444}.dark-mode .ssh-nav-links.mobile-open .ssh-nav-dropdown-item{background-color:#282828!important;color:#eee!important}.dark-mode .ssh-nav-links.mobile-open .ssh-nav-dropdown-item:hover{background-color:#333!important;color:#ff4500!important}}@media (min-width:769px){.ssh-nav-mobile-only{display:none}.ssh-nav-desktop-only{display:inline-flex}}@media (min-width:1200px){.ssh-nav{position:-webkit-sticky;position:sticky;top:0}.ssh-nav-content{padding:.25rem 1rem}}.App.full-width .ssh-nav-content{max-width:1200px!important}@media (min-width:769px) and (max-width:1024px) and (orientation:portrait){.ssh-nav{min-height:44px}.ssh-nav-content{min-height:44px;padding:.1rem .5rem}.ssh-nav-logo img{height:24px}.ssh-nav-links{gap:8px;margin-left:15px;white-space:nowrap}.ssh-nav-dropdown-toggle,.ssh-nav-link{font-size:11.5px!important;padding:.15rem .25rem}.ssh-nav-dropdown-toggle{white-space:nowrap}.ssh-nav-actions{gap:2px}.ssh-nav-actions .ssh-nav-btn,.ssh-nav-actions .ssh-nav-cache-btn,.ssh-nav-actions .ssh-nav-logout-btn,.ssh-nav-actions .ssh-nav-submit-btn{font-size:11px;height:28px;padding:.2rem .4rem}.ssh-nav-actions .ssh-nav-icon-btn{font-size:.8rem;height:28px;width:28px}.ssh-nav-actions .ssh-nav-icon-btn svg{font-size:.8rem}.ssh-nav-premium-btn{font-size:10px;height:28px;padding:.2rem .35rem}.ssh-nav-notification-badge{font-size:.55rem;height:14px;min-width:14px;padding:1px 3px;right:-3px;top:-3px}}@media (min-width:769px) and (max-width:1366px) and (orientation:landscape){.ssh-nav{min-height:44px}.ssh-nav-content{min-height:44px;padding:.15rem .75rem}.ssh-nav-logo img{height:26px}.ssh-nav-links{gap:10px;margin-left:20px;white-space:nowrap}.ssh-nav-dropdown-toggle,.ssh-nav-link{font-size:12.5px!important;padding:.2rem .3rem}.ssh-nav-dropdown-toggle{white-space:nowrap}.ssh-nav-actions{gap:3px}.ssh-nav-actions .ssh-nav-btn,.ssh-nav-actions .ssh-nav-cache-btn,.ssh-nav-actions .ssh-nav-logout-btn,.ssh-nav-actions .ssh-nav-submit-btn{font-size:12px;height:30px;padding:.25rem .5rem}.ssh-nav-actions .ssh-nav-icon-btn{font-size:.85rem;height:30px;width:30px}.ssh-nav-actions .ssh-nav-icon-btn svg{font-size:.85rem}.ssh-nav-premium-btn{font-size:11px;height:30px;padding:.25rem .4rem}.ssh-nav-notification-badge{font-size:.6rem;height:16px;min-width:16px;padding:1px 4px}}@media (min-width:900px) and (max-width:920px) and (orientation:portrait){.ssh-nav{min-height:42px}.ssh-nav-content{min-height:42px;padding:.1rem .4rem}.ssh-nav-logo img{height:22px}.ssh-nav-links{gap:6px;margin-left:12px}.ssh-nav-dropdown-toggle,.ssh-nav-link{font-size:11px!important;padding:.1rem .2rem}.ssh-nav-actions{gap:2px}.ssh-nav-actions .ssh-nav-btn,.ssh-nav-actions .ssh-nav-cache-btn,.ssh-nav-actions .ssh-nav-logout-btn,.ssh-nav-actions .ssh-nav-submit-btn{font-size:10.5px;height:26px;padding:.15rem .35rem}.ssh-nav-actions .ssh-nav-icon-btn{font-size:.75rem;height:26px;width:26px}.ssh-nav-premium-btn{font-size:9.5px;height:26px;padding:.15rem .3rem}}@media (min-width:769px) and (max-width:820px) and (orientation:portrait){.ssh-nav{min-height:42px}.ssh-nav-content{min-height:42px;padding:.1rem .4rem}.ssh-nav-logo img{height:22px}.ssh-nav-links{gap:5px;margin-left:10px}.ssh-nav-dropdown-toggle,.ssh-nav-link{font-size:10.5px!important;padding:.1rem .15rem}.ssh-nav-actions{gap:2px}.ssh-nav-actions .ssh-nav-btn,.ssh-nav-actions .ssh-nav-cache-btn,.ssh-nav-actions .ssh-nav-logout-btn,.ssh-nav-actions .ssh-nav-submit-btn{font-size:10px;height:26px;padding:.15rem .3rem}.ssh-nav-actions .ssh-nav-icon-btn{font-size:.7rem;height:26px;width:26px}.ssh-nav-actions .ssh-nav-icon-btn svg{font-size:.7rem}.ssh-nav-premium-btn{font-size:9px;height:26px;padding:.15rem .25rem}.ssh-nav-notification-badge{font-size:.5rem;height:12px;min-width:12px;padding:1px 2px}}@media (min-width:820px) and (max-width:1023px) and (orientation:landscape){.ssh-nav-links{gap:8px;margin-left:15px}.ssh-nav-dropdown-toggle,.ssh-nav-link{font-size:11.5px!important}.ssh-nav-actions .ssh-nav-btn,.ssh-nav-actions .ssh-nav-cache-btn,.ssh-nav-actions .ssh-nav-logout-btn,.ssh-nav-actions .ssh-nav-submit-btn{font-size:11px;height:28px;padding:.2rem .4rem}.ssh-nav-actions .ssh-nav-icon-btn{height:28px;width:28px}.ssh-nav-premium-btn{font-size:10.5px;height:28px}}@media (min-width:1024px) and (max-width:1194px){.ssh-nav-links{gap:10px}.ssh-nav-dropdown-toggle,.ssh-nav-link{font-size:12px!important}}@media (min-width:1366px) and (max-width:1440px) and (orientation:landscape){.ssh-nav-content{padding:.2rem 1rem}.ssh-nav-logo img{height:30px}.ssh-nav-actions .ssh-nav-btn,.ssh-nav-actions .ssh-nav-icon-btn,.ssh-nav-actions .ssh-nav-logout-btn,.ssh-nav-actions .ssh-nav-submit-btn{height:34px}.ssh-nav-actions .ssh-nav-icon-btn{width:34px}}@media (max-width:414px){.ssh-mobile-icon-link{font-size:1.1rem;padding:.25rem .3rem}}@media (max-width:375px){.ssh-mobile-icon-link{font-size:1rem;padding:.25rem .2rem}}@media (max-width:320px){.ssh-mobile-icon-link{font-size:.9rem;padding:.2rem .15rem}}.ssh-nav-tier-badge{align-items:center;border:2px solid;border-radius:8px;border-radius:var(--radius-base,8px);cursor:default;display:flex;font-size:.875rem;font-weight:600;font-weight:var(--font-weight-semibold,600);gap:.5rem;height:38px;justify-content:center;margin-right:0;min-width:38px;padding:.5rem;transition:all .2s ease;transition:all var(--transition-base,.2s ease)}.ssh-nav-tier-badge:hover{box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md,0 4px 6px #0000001a);transform:translateY(-1px)}.ssh-nav-tier-icon{font-size:1.25rem;line-height:1}.ssh-nav-tier-name{display:none;font-size:.875rem;white-space:nowrap}.ssh-nav-tier-badge-bronze{background:#cd7f321a;border-color:#cd7f32;color:#cd7f32}body.dark-mode .ssh-nav-tier-badge-bronze{background:#cd7f3226;color:#e89b5a}.ssh-nav-tier-badge-silver{background:#c0c0c01a;border-color:silver;color:#888}body.dark-mode .ssh-nav-tier-badge-silver{background:#c0c0c026;color:silver}.ssh-nav-tier-badge-gold{background:#ffd7001a;border-color:gold;color:#daa520}body.dark-mode .ssh-nav-tier-badge-gold{background:#ffd70026;color:gold}@media (max-width:768px){.ssh-nav-tier-badge{font-size:.8rem;gap:.4rem;padding:.4rem .75rem}.ssh-nav-tier-icon{font-size:1.1rem}.ssh-nav-tier-name{font-size:.8rem}}@media (max-width:480px){.ssh-nav-tier-name{display:none}.ssh-nav-tier-badge{padding:.4rem .6rem}}.ssh-nav-admin-external{align-items:center;background-color:#ff4500!important;border:none;border-radius:4px;color:#fff!important;cursor:pointer;display:inline-flex;flex-shrink:0;height:36px;justify-content:center;margin-left:.5rem;padding:0;transform:none!important;transition:none!important;width:36px}.ssh-nav-admin-external svg{color:#fff!important;font-size:1rem}.ssh-nav-admin-external:hover{background-color:#e63900!important;box-shadow:0 2px 8px #ff45004d;transform:none!important}.ssh-nav-admin-external:active,.ssh-nav-admin-external:focus{transform:none!important}@media (max-width:768px){.ssh-nav-admin-external{display:none}}.notification-dropdown{background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 12px #00000026;max-height:400px;overflow-y:auto;position:absolute;right:0;top:100%;width:420px;z-index:5200}.notification-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:10px 15px}.notification-header h4{color:#333;font-size:1rem;font-weight:600;margin:0}.notification-actions{align-items:center;display:flex;gap:8px}.notification-actions .settings-link,.notification-actions button{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:16px;padding:4px 8px;transition:all .2s}.notification-actions .settings-link:hover,.notification-actions button:hover{background-color:#f0f0f0;color:#333}.mark-all-read-btn{color:#28a745!important}.mute-button-container{position:relative}.muted-icon{color:#dc3545}.mute-menu{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px #00000026;margin-top:4px;min-width:120px;position:absolute;right:0;top:100%;z-index:5300}.mute-menu-header{border-bottom:1px solid #eee;color:#666;font-size:.85rem;padding:8px 12px}.mute-menu button{background:none;border:none;cursor:pointer;display:block;font-size:.9rem;padding:8px 12px;text-align:left;transition:background-color .2s;width:100%}.mute-menu button:hover{background-color:#f8f9fa}.mute-status-banner{background-color:#fff3cd;border-bottom:1px solid #ffeaa7;color:#856404;font-size:.85rem;padding:8px 15px}.notification-list{list-style:none;margin:0;padding:0}.notification-item{border-bottom:1px solid #eee}.notification-item:last-child{border-bottom:none}.notification-item a{color:#333;display:block;padding:12px 15px;text-decoration:none;transition:background-color .2s ease}.notification-item a:hover{background-color:#f8f9fa}.notification-item.unread a{background-color:#e9f5ff;font-weight:500}.notification-item.unread a:hover{background-color:#d4eaff}.notification-title{font-size:.95rem;font-weight:600;margin-bottom:3px}.notification-message{color:#555;font-size:.9rem;line-height:1.4;margin-bottom:5px}.notification-time{color:#888;font-size:.8rem;text-align:right}.notification-item.empty{color:#888;font-style:italic;padding:15px;text-align:center}.dark-mode .notification-dropdown{background-color:#282828;border-color:#444;box-shadow:0 4px 12px #0000004d}.dark-mode .notification-header{border-bottom-color:#444}.dark-mode .notification-header h4{color:#eee}.dark-mode .notification-item{border-bottom-color:#444}.dark-mode .notification-item a{color:#eee}.dark-mode .notification-item a:hover{background-color:#333}.dark-mode .notification-item.unread a{background-color:#1e3a5f}.dark-mode .notification-item.unread a:hover{background-color:#254b7a}.dark-mode .notification-message{color:#bbb}.dark-mode .notification-time{color:#888}.dark-mode .notification-item.empty{color:#999}.notification-item.priority-urgent{border-left:3px solid #dc3545}.notification-item.priority-high{border-left:3px solid #ffc107}.notification-item.priority-low{opacity:.8}.urgent-indicator{color:#dc3545;font-size:18px;font-weight:700;position:absolute;right:15px;top:50%;transform:translateY(-50%)}.notification-content{padding-right:30px;position:relative}.notification-footer{border-top:1px solid #eee;padding:10px 15px;text-align:center}.notification-footer a{color:#007bff;font-size:.9rem;text-decoration:none}.notification-footer a:hover{text-decoration:underline}.dark-mode .notification-actions .settings-link,.dark-mode .notification-actions button{color:#aaa}.dark-mode .notification-actions .settings-link:hover,.dark-mode .notification-actions button:hover{background-color:#444;color:#fff}.dark-mode .mute-menu{background:#333;border-color:#555}.dark-mode .mute-menu-header{border-bottom-color:#555;color:#aaa}.dark-mode .mute-menu button:hover{background-color:#444}.dark-mode .mute-status-banner{background-color:#453a19;border-bottom-color:#5a4a1f;color:#f8d57e}.dark-mode .notification-footer{border-top-color:#444}.dark-mode .notification-footer a{color:#5db3ff}@media (max-width:768px){.notification-dropdown{max-width:calc(100vw - 40px);right:10px;width:320px}.notification-actions{gap:4px}.notification-actions .settings-link,.notification-actions button{font-size:14px;padding:4px 6px}}@media (max-width:480px){.notification-dropdown{max-height:300px;max-width:calc(100vw - 20px);right:5px;width:280px}.notification-header{padding:8px 12px}.notification-header h4{font-size:.9rem}.notification-item a{padding:10px 12px}.notification-title{font-size:.9rem}.notification-message{font-size:.85rem}.notification-time{font-size:.75rem}.notification-footer{padding:8px 12px}}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes flash{0%,to{opacity:1}50%{opacity:.2}}.alert-ticker-container{align-items:center;background-color:red;border-bottom:1px solid #c9302c;border-top:1px solid #c9302c;box-shadow:0 2px 5px #0003;color:#fff;display:flex;min-height:40px;overflow:hidden;padding:0;white-space:nowrap}.alert-ticker-content{animation:marquee 20s linear infinite;display:flex;font-size:1.1em;font-weight:700;width:200%}.ticker-content-copy{align-items:center;display:inline-flex;flex:0 0 50%;justify-content:center;overflow:hidden;white-space:nowrap}.alert-ticker-content:hover{animation-play-state:paused}.alert-ticker-content .ticker-link{align-items:center;color:#fff;display:inline-flex;flex-shrink:0;text-decoration:none}.alert-ticker-content .ticker-link:hover{text-decoration:underline}.alert-ticker-content>.ticker-content-copy,.alert-ticker-content>a{align-items:center;display:inline-flex;flex:0 0 50%;justify-content:center;overflow:hidden}.alert-ticker-content .ticker-icon{color:#fdd;font-size:1.2em;margin:0 25px}.alert-ticker-content .ticker-text{display:inline-block;margin:0 10px}.alert-ticker-content .pulsing{animation:pulse 2s ease-in-out infinite}.alert-ticker-content .flashing{animation:flash 1s step-start infinite}@media (max-width:768px){.ticker-content-copy{justify-content:flex-start;overflow:visible;padding-left:5px}.alert-ticker-content .ticker-icon{font-size:1em;margin:0 5px}.alert-ticker-content .ticker-text{font-size:.95em;margin:0 3px}}.connection-debugger-toggle{background:#007bff;border:none;border-radius:50%;bottom:20px;box-shadow:0 2px 10px #0003;color:#fff;cursor:pointer;font-size:24px;height:50px;position:fixed;right:20px;transition:transform .2s;width:50px;z-index:9999}.connection-debugger-toggle:hover{transform:scale(1.1)}.connection-debugger{background:#fff;border:1px solid #ddd;border-radius:8px;bottom:20px;box-shadow:0 2px 20px #00000026;display:flex;flex-direction:column;max-height:400px;position:fixed;right:20px;width:300px;z-index:9999}.dark-mode .connection-debugger{background:#2c2c2c;border-color:#444;color:#e0e0e0}.connection-debugger-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #ddd;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:10px 15px}.dark-mode .connection-debugger-header{background:#1a1a1a;border-bottom-color:#444}.connection-debugger-header h4{color:#333;font-size:16px;margin:0}.dark-mode .connection-debugger-header h4{color:#e0e0e0}.connection-debugger-header button{background:none;border:none;color:#666;cursor:pointer;font-size:24px;height:24px;line-height:1;padding:0;width:24px}.connection-debugger-content{flex:1 1;overflow-y:auto;padding:15px}.connection-debugger-content p{font-size:14px;margin:0 0 10px}.listener-list{margin-top:10px}.listener-item{background:#f8f9fa;border-radius:4px;font-family:monospace;font-size:12px;margin-bottom:5px;padding:5px 10px;word-break:break-all}.dark-mode .listener-item{background:#3a3a3a;color:#e0e0e0}@media (min-width:769px){.global-dashboard-sidebar-container,.global-sidebar-backdrop{display:none!important}}@media (max-width:768px){.global-sidebar-backdrop{animation:fadeIn .3s ease;background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9998}.global-dashboard-sidebar-container{background-color:#fff;box-shadow:2px 0 10px #0000001a;height:100vh;left:0;margin:0!important;padding:0!important;position:fixed!important;top:0;transform:translateX(-100%);transition:transform .3s ease;width:280px;z-index:9999}.global-dashboard-sidebar-container.open{transform:translateX(0)}.global-dashboard-sidebar-container .dashboard-sidebar{border-radius:0;box-shadow:none;height:100vh;margin:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}.dark-mode .global-dashboard-sidebar-container{background-color:#1a1a1a}.dark-mode .global-sidebar-backdrop{background-color:#000000b3}.chat-widget-container{bottom:20px!important;display:block!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:auto!important;position:fixed!important;right:20px!important;transition:all .3s ease;width:auto!important;z-index:2000}.chat-widget-container.fullscreen{background:#00000080;bottom:0!important;height:100vh!important;left:0!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:20000!important}.chat-button{align-items:center;background:#ff4500;border:none;border-radius:50%;box-shadow:0 4px 12px #00000026;cursor:pointer;display:flex;height:60px;justify-content:center;position:relative;transition:all .3s ease;width:60px;z-index:2001}.chat-button:hover{background:#e63900;box-shadow:0 6px 20px #0003;transform:scale(1.05)}.chat-button:active{transform:scale(.95)}.chat-button svg{color:#fff;height:28px;width:28px}.chat-message video{display:block!important;height:auto!important;max-width:200px!important;width:100%!important}.chat-message video::-webkit-media-controls,.chat-message video::-webkit-media-controls-panel{display:flex!important;opacity:1!important;visibility:visible!important}.chat-message video::-webkit-media-controls-play-button{display:flex!important;opacity:1!important;visibility:visible!important}.chat-message-bubble{overflow:visible!important}.chat-message-bubble video{position:relative!important;z-index:1!important}.chat-button-badge{align-items:center;animation:pulse 2s infinite;background:#ef4444;border:2px solid #fff;border-radius:10px;color:#fff;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 6px;position:absolute;right:-5px;top:-5px}.chat-list-container{animation:slideUp .3s ease;background:#fff;border-radius:12px;bottom:80px;box-shadow:0 5px 25px #00000026;display:flex;flex-direction:column;max-height:450px;overflow:hidden;position:absolute;right:0;width:350px}.dark-mode .chat-list-container{background:var(--color-bg-secondary);color:var(--color-text)}.chat-list-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:16px}.dark-mode .chat-list-header{border-bottom-color:var(--color-border)}.chat-list-title{font-size:18px;font-weight:600;margin:0}.chat-list-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:4px;transition:color .2s}.chat-list-close:hover,.dark-mode .chat-list-close:hover{color:var(--color-text)}.chat-search{border-bottom:1px solid var(--color-border);padding:12px 16px}.dark-mode .chat-search{border-bottom-color:var(--color-border)}.chat-search-input{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;font-size:14px;outline:none;padding:8px 12px;transition:border-color .2s;width:100%}.dark-mode .chat-search-input{background:var(--color-bg-tertiary);border-color:var(--color-border);color:var(--color-text)}.chat-search-input:focus{border-color:#667eea}.chat-conversations{flex:1 1;overflow-y:auto;padding:8px}.chat-conversation-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;margin-bottom:4px;padding:12px;transition:background-color .2s}.chat-conversation-item:hover,.dark-mode .chat-conversation-item:hover{background:var(--color-bg-tertiary)}.chat-conversation-item.unread{background:#eff6ff}.dark-mode .chat-conversation-item.unread{background:var(--color-info-light)}.chat-avatar{background:var(--color-bg-secondary);border-radius:8px;height:48px;object-fit:cover;width:48px}.chat-avatar-wrapper{flex-shrink:0;height:48px;margin-right:12px;position:relative;width:48px}.chat-avatar-placeholder{align-items:center;border-radius:8px;color:#fff;display:flex;font-size:18px;font-weight:700;height:48px;justify-content:center;width:48px}.chat-conversation-details{flex:1 1;min-width:0}.chat-conversation-name{font-weight:600;margin-bottom:4px}.chat-conversation-message,.chat-conversation-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-conversation-message{color:var(--color-text-secondary);font-size:14px}.dark-mode .chat-conversation-message{color:var(--color-text-muted)}.chat-conversation-meta{align-items:flex-end;display:flex;flex-direction:column;margin-left:8px}.chat-conversation-time{color:var(--color-text-muted);font-size:12px;margin-bottom:4px}.chat-unread-dot{background:#3b82f6;border-radius:50%;height:8px;width:8px}.chat-empty-state{color:var(--color-text-secondary);padding:40px 20px;text-align:center}.chat-empty-icon{color:var(--color-border);height:64px;margin:0 auto 16px;width:64px}.chat-new-button{background:#ff4500;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin:16px;padding:12px;text-align:center;transition:all .2s}.chat-new-button:hover{background:#e63900}.chat-window{animation:slideUp .3s ease;background:#fff;border-radius:12px;bottom:80px;box-shadow:0 5px 25px #00000026;display:flex;flex-direction:column;height:500px;position:absolute;right:0;width:350px}.dark-mode .chat-window{background:var(--color-bg-secondary);color:var(--color-text)}.chat-window:nth-child(2){right:370px}.chat-window:nth-child(3){right:740px}.chat-window.fullscreen{animation:scaleIn .3s ease;bottom:auto!important;height:90vh!important;left:50%!important;max-height:900px!important;max-width:1200px!important;position:fixed!important;right:auto!important;top:50%!important;transform:translate(-50%,-50%)!important;width:90vw!important;z-index:20001!important}@keyframes scaleIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.chat-window{cursor:default;position:relative;-webkit-user-select:none;user-select:none}.chat-avatar-placeholder.chat-avatar-group{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:center}.chat-avatar-group svg{height:20px;width:20px}.chat-avatar-group svg circle,.chat-avatar-group svg path{stroke:#fff!important;fill:none}.chat-window:not(.fullscreen):after{background:#000c;border-radius:4px;bottom:-25px;color:#fff;content:"Double-click to expand";font-size:11px;left:50%;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .3s ease;white-space:nowrap}.chat-window:not(.fullscreen):hover:after{opacity:1}.chat-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:16px}.dark-mode .chat-header{border-bottom-color:var(--color-border)}.chat-header-user{align-items:center;display:flex;flex:1 1}.chat-header-avatar-wrapper{flex-shrink:0;height:36px;margin-right:12px;position:relative;width:36px}.chat-header-avatar{border-radius:6px;height:36px;object-fit:cover;width:36px}.chat-avatar-placeholder.chat-header-avatar{align-items:center;border-radius:6px;color:#fff;display:flex;font-size:14px;font-weight:700;height:36px;justify-content:center;width:36px}.chat-avatar-placeholder.chat-header-avatar.chat-avatar-group{background:linear-gradient(135deg,#667eea,#764ba2)}.chat-header-info{flex:1 1;min-width:0}.chat-header-name{font-weight:600;margin-bottom:2px}.chat-header-status{color:#10b981;font-size:12px}.chat-header-status.offline{color:var(--color-text-secondary)}.chat-header-actions{display:flex;gap:8px}.chat-header-button{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:4px;transition:color .2s}.chat-header-button:hover{color:var(--color-text)}.chat-header-button--active{color:#ff4500}.chat-header-button--active:hover{color:#ff6b35}.dark-mode .chat-header-button:hover{color:var(--color-text)}.dark-mode .chat-header-button--active{color:#ff6b35}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:0;overflow-x:hidden;overflow-y:auto;padding:0}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#0000}.chat-messages::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#0000004d}.dark-mode .chat-messages::-webkit-scrollbar-thumb{background:#fff3}.dark-mode .chat-messages::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.chat-message{align-items:flex-end;display:flex;gap:8px;margin-bottom:12px;max-width:92%;position:relative;transition:max-width .2s ease}.chat-message.own{align-self:flex-end;flex-direction:row-reverse}.chat-message-avatar{border-radius:4px;flex-shrink:0;height:28px;object-fit:cover;width:28px}.chat-avatar-placeholder.chat-message-avatar{align-items:center;border-radius:4px;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:28px;justify-content:center;margin-right:0;width:28px}.chat-message-bubble{word-wrap:break-word;border-radius:12px;padding:8px 12px}.chat-message-bubble,.dark-mode .chat-message-bubble{background:var(--color-bg-tertiary)}.chat-message.own .chat-message-bubble{background:#ff4500;color:#fff}.chat-message-text{font-size:14px;line-height:1.5;margin:0}.chat-message-bubble .video-embed{border-radius:8px;margin:8px 0;max-width:100%;width:95%}.chat-message-bubble .video-embed:first-child{border-radius:8px;margin-top:8px}.chat-message-edited,.chat-message-text.deleted{color:var(--color-text-muted);font-style:italic}.chat-message-edited{font-size:11px}.chat-message-time{color:var(--color-text-muted);font-size:11px;margin-top:4px}.chat-message.own .chat-message-time{color:#fffc}.chat-message-status{align-items:center;display:flex;gap:2px;margin-top:2px}.chat-message-status__icon{height:14px;width:14px}.chat-message-status__icon--sent path{stroke:#3b82f6}.chat-message-status__icon--delivered path{stroke:#86efac}.chat-message-status__icon--read path{stroke:#22c55e}.chat-message-delete{background:none;border:none;border-radius:4px;color:#0006;cursor:pointer;display:none;padding:4px;pointer-events:all;position:absolute;right:4px;top:4px;z-index:10}.chat-message:hover .chat-message-delete{display:block}.chat-message-delete:hover{background:none;color:#ef4444}.chat-message.own .chat-message-delete{color:#ffffff80}.chat-message.own .chat-message-delete:hover{background:none;color:#ffffffe6}.chat-message-deleted{padding:8px}.chat-message.own .chat-message-deleted__text{color:#ffffffe6;font-size:14px;font-style:italic;margin:0 0 8px}.chat-message:not(.own) .chat-message-deleted__text{color:var(--color-text-muted);font-size:14px;font-style:italic;margin:0 0 8px}.chat-message-deleted__actions{display:flex;gap:8px}.chat-message.own .chat-message-deleted__permanent,.chat-message.own .chat-message-deleted__restore{align-items:center;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:4px;color:#ffffffe6;cursor:pointer;display:inline-flex;font-size:12px;gap:4px;padding:4px 8px;transition:all .2s}.chat-message:not(.own) .chat-message-deleted__permanent,.chat-message:not(.own) .chat-message-deleted__restore{align-items:center;background:#0000;border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:12px;gap:4px;padding:4px 8px;transition:all .2s}.chat-message.own .chat-message-deleted__permanent:hover,.chat-message.own .chat-message-deleted__restore:hover{background:#fff3;border-color:#ffffff80;color:#fff}.chat-message:not(.own) .chat-message-deleted__restore:hover{background:#22c55e1a;border-color:#22c55e;color:#22c55e}.chat-message:not(.own) .chat-message-deleted__permanent:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.chat-message.own .chat-message-deleted__permanent svg,.chat-message.own .chat-message-deleted__restore svg{color:inherit}.dark-mode .chat-message-deleted__permanent,.dark-mode .chat-message-deleted__restore{border-color:var(--color-border);color:var(--color-text-secondary)}.dark-mode .chat-message-deleted__restore:hover{background:#22c55e33}.dark-mode .chat-message-deleted__permanent:hover{background:#ef444433}.chat-typing{align-items:center;color:var(--color-text-secondary);display:flex;font-size:14px;font-style:italic;gap:8px;padding:8px 16px}.chat-typing-dots{display:flex;gap:4px}.chat-typing-dot{animation:typingDot 1.5s infinite;background:#6b7280;border-radius:50%;height:6px;width:6px}.chat-typing-dot:nth-child(2){animation-delay:.2s}.chat-typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingDot{0%,60%,to{opacity:.2}30%{opacity:1}}.chat-input-container{border-top:1px solid var(--color-border);min-height:auto;padding:16px;position:relative;transition:background-color .2s,min-height .2s}.chat-input-container--dragging{background:#ff45000d;min-height:150px}.dark-mode .chat-input-container{border-top-color:var(--color-border)}.dark-mode .chat-input-container--dragging{background:#ff45001a}.chat-input-wrapper{align-items:flex-end;display:flex;gap:8px}.chat-input{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:20px;box-sizing:border-box;flex:1 1;font-size:14px;line-height:1.5;min-height:36px;outline:none;overflow-y:hidden;padding:8px 12px;resize:none;transition:border-color .2s,height .1s ease}.dark-mode .chat-input{background:var(--color-bg-tertiary);border-color:var(--color-border);color:var(--color-text)}.chat-input:focus{border-color:#667eea}.chat-input-actions{display:flex;gap:4px;position:relative}.chat-input-button{align-items:center;background:none;border:none;border-radius:50%;color:var(--color-text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.chat-input-button:hover,.dark-mode .chat-input-button:hover{background:var(--color-bg-tertiary);color:var(--color-text)}.chat-input-button.send{background:#ff4500;color:#fff}.chat-input-button.send:hover{background:#e63900}.chat-input-button:disabled{cursor:not-allowed;opacity:.5}.chat-input__drag-overlay{align-items:center;background:#fffffffa;border:2px dashed #ff4500;border-radius:8px;bottom:8px;display:flex;justify-content:center;left:8px;min-height:120px;pointer-events:none;position:absolute;right:8px;top:8px;z-index:100}.dark-mode .chat-input__drag-overlay{background:#1f2937fa}.chat-input__drag-overlay-content{color:#ff4500;padding:16px;text-align:center}.chat-input__drag-overlay-content svg{color:#ff4500;height:32px;margin-bottom:4px;width:32px}.chat-input__drag-overlay-content p{font-size:14px;font-weight:600;margin:2px 0}.chat-input__drag-overlay-subtitle{font-size:11px;font-weight:400!important;opacity:.8}.chat-input__attachments{border-bottom:1px solid var(--color-border);display:flex;gap:8px;margin-bottom:8px;overflow-x:auto;padding:8px 0}.chat-input__attachments::-webkit-scrollbar{height:4px}.chat-input__attachments::-webkit-scrollbar-track{background:#0000}.chat-input__attachments::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.chat-input__attachment-item{background:var(--color-bg-secondary);border-radius:6px;flex-shrink:0;height:60px;overflow:hidden;position:relative;width:60px}.chat-input__attachment-image{height:100%;object-fit:cover;width:100%}.chat-input__attachment-file,.chat-input__attachment-video{align-items:center;background:var(--color-bg-tertiary);color:var(--color-text-secondary);display:flex;height:100%;justify-content:center;width:100%}.chat-input__attachment-file--pdf{background:#dc2626;color:#fff;font-size:12px;font-weight:700}.chat-input__attachment-remove{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:20px;justify-content:center;position:absolute;right:2px;top:2px;transition:background .2s;width:20px}.chat-input__attachment-remove:hover{background:#000000e6}.chat-input__attachment-uploading{background:#0003;bottom:0;height:3px;left:0;position:absolute;right:0}.chat-input__attachment-progress{animation:upload-progress 1s ease-in-out infinite;background:#ff4500;height:100%}@keyframes upload-progress{0%{width:0}50%{width:70%}to{width:100%}}.chat-input__file-input{display:none}.chat-input__video-tip{align-items:center;animation:slideDown .3s ease;background:#e8f5e9;border-left:3px solid #4caf50;border-radius:4px;color:#1b5e20;display:flex;font-size:12px;gap:8px;margin-bottom:8px;padding:8px 12px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.chat-input__video-tip-icon{stroke:#4caf50;flex-shrink:0;height:16px;width:16px}.chat-input__video-tip-text{flex:1 1;line-height:1.4}.dark-mode .chat-input__video-tip{background:#1a2f1a;border-left-color:#66bb6a;color:#a5d6a7}.dark-mode .chat-input__video-tip-icon{stroke:#66bb6a}.chat-input-actions .messaging-emoji-picker{bottom:calc(100% + 8px);left:auto;right:0}.chat-reaction-row{align-items:center;display:flex;gap:8px;height:0;margin-top:0;opacity:0;overflow:hidden;transition:height .2s ease,opacity .2s ease,margin-top .2s ease}.chat-message:hover .chat-reaction-row{height:24px;margin-top:4px;opacity:1}.chat-reaction-button{align-items:center;background:none;border:none;cursor:pointer;display:inline-flex;font-size:16px;justify-content:center;opacity:.7;outline:none;padding:2px 4px;transition:opacity .2s ease,transform .2s ease}.chat-reaction-button:focus,.chat-reaction-button:focus-visible{outline:none}.chat-reaction-button.active,.chat-reaction-button:hover{opacity:1;transform:scale(1.15)}.chat-reaction-row.active{height:24px;margin-top:4px;opacity:1}.chat-message-bubble{position:relative}.chat-reaction-picker{animation:fadeInScale .2s ease-out;background:#fff;border:1px solid var(--color-border);border-radius:20px;box-shadow:0 4px 12px #00000026;display:flex;gap:4px;left:0;margin-top:4px;padding:6px 8px;position:absolute;top:100%;white-space:nowrap;z-index:1000}.chat-message.own .chat-reaction-picker{left:auto;right:0}@media (max-width:768px){.chat-reaction-picker{max-width:calc(100vw - 32px);overflow-x:auto}.chat-reaction-picker::-webkit-scrollbar{height:4px}.chat-reaction-picker::-webkit-scrollbar-track{background:#0000}.chat-reaction-picker::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}}.dark-mode .chat-reaction-picker{background:var(--color-bg-tertiary);border-color:var(--color-border)}.chat-reaction-picker__emoji{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:32px;justify-content:center;transition:all .2s;width:32px}.chat-reaction-picker__emoji:hover{background:var(--color-bg-hover);transform:scale(1.2)}.dark-mode .chat-reaction-picker__emoji:hover{background:var(--color-bg-secondary)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.chat-message-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.chat-reaction{align-items:center;border:1px solid #0000;border-radius:12px;cursor:pointer;display:flex;font-size:12px;gap:2px;padding:2px 6px;transition:background-color .2s,color .2s}.chat-reaction,.dark-mode .chat-reaction{background:var(--color-bg-tertiary);color:var(--color-text)}.dark-mode .chat-reaction{border-color:var(--color-border)}.chat-reaction:hover{background:var(--color-bg-secondary);color:var(--color-text)}.dark-mode .chat-reaction:hover{background:var(--color-bg-hover);color:var(--color-text)}.chat-reaction.active{background:#dbeafe;border-color:#1d4ed8;color:#1d4ed8}.dark-mode .chat-reaction.active{background:#ff450033;border-color:#ff4500;color:#ff4500}.chat-mobile-backdrop{animation:fadeIn .3s ease;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1999}@media (max-width:768px){:root{--mobile-nav-height:44px;--mobile-quick-nav-height:50px;--mobile-total-nav-height:94px}.chat-list-container,.chat-window{border-radius:0;bottom:0;height:calc(100vh - var(--mobile-total-nav-height));height:calc(100dvh - var(--mobile-total-nav-height));left:0;max-height:calc(100vh - var(--mobile-total-nav-height));padding-bottom:env(safe-area-inset-bottom,0);position:fixed;right:0;top:var(--mobile-total-nav-height);width:100%;z-index:2002}.chat-window.mobile .chat-messages{height:auto;padding-top:16px}.chat-widget-container{bottom:10px!important;right:10px!important}.chat-widget-container.fullscreen{z-index:20000!important}.chat-button{height:56px;width:56px}.chat-window:nth-child(2),.chat-window:nth-child(3){display:none}.chat-window.mobile .chat-header{background:var(--color-bg-secondary);border-bottom:2px solid var(--color-border);padding:12px 16px;position:relative;z-index:10002}.dark-mode .chat-window.mobile .chat-header{background:var(--color-bg);border-bottom-color:var(--color-border)}.chat-header-back-button{align-items:center;background:none;border:none;border-radius:8px;color:var(--color-text);cursor:pointer;display:flex;justify-content:center;margin-right:8px;padding:8px;transition:all .2s}.chat-header-back-button:hover{background:var(--color-bg-secondary)}.dark-mode .chat-header-back-button{color:var(--color-text)}.dark-mode .chat-header-back-button:hover{background:var(--color-bg-tertiary)}.chat-window.mobile:before{animation:swipeHint 2s ease-in-out 1s;background:#d1d5db;border-radius:2px;content:"";height:4px;left:50%;position:absolute;top:8px;transform:translateX(-50%);width:40px;z-index:10003}.dark-mode .chat-window.mobile:before{background:var(--color-border)}@keyframes swipeHint{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(4px)}}}.chat-attachment{border-radius:8px;margin-top:8px;max-width:200px;overflow:hidden}.chat-attachment img{display:block;height:auto;width:100%}.chat-attachment-file{align-items:center;display:flex;font-size:14px;gap:8px;padding:8px 12px}.chat-attachment-file,.dark-mode .chat-attachment-file{background:var(--color-bg-tertiary)}.chat-attachment-icon{color:var(--color-text-secondary);height:20px;width:20px}.chat-loading{align-items:center;color:var(--color-text-secondary);display:flex;justify-content:center;padding:40px}.chat-spinner{animation:spin 1s linear infinite;border:3px solid var(--color-border);border-radius:50%;border-top:3px solid #667eea;height:32px;width:32px}@keyframes spin{to{transform:rotate(1turn)}}.chat-list-container,.chat-window{transition:all .3s ease}.chat-widget-container.dragging{cursor:move;-webkit-user-select:none;user-select:none}@media (min-width:769px) and (max-width:1024px){.chat-widget-container{z-index:2000!important}.chat-list-container{height:auto!important;max-height:450px!important}.chat-list-container,.chat-window{border-radius:12px!important;bottom:80px!important;left:auto!important;position:absolute!important;right:0!important;width:350px!important}.chat-window{height:500px!important}.chat-mobile-backdrop{display:none!important}}.chat-context-menu{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;min-width:160px;padding:4px;position:absolute;z-index:1001}.dark-mode .chat-context-menu{background:var(--color-bg-secondary);box-shadow:0 2px 10px #0000004d}.chat-context-item{border-radius:4px;cursor:pointer;font-size:14px;padding:8px 12px;transition:background-color .2s}.chat-context-item:hover,.dark-mode .chat-context-item:hover{background:var(--color-bg-tertiary)}.chat-context-item.danger{color:#ef4444}.chat-context-item.danger:hover{background:#fee2e2}.dark-mode .chat-context-item.danger:hover{background:var(--color-danger-light)}.chat-messages-virtual{box-sizing:border-box;height:100%;padding:16px 8px 16px 16px;width:100%}.chat-messages-virtual__list{height:100%;width:100%}.chat-messages-virtual [data-item-index],.chat-messages-virtual [data-test-id]{margin:0!important;max-width:100%!important;padding:0!important;width:100%!important}.chat-messages-virtual>div,.chat-messages-virtual>div>div{width:100%!important}.chat-avatar-placeholder--hidden{display:none!important}.chat-message-attachments{display:flex;flex-direction:column;gap:8px;margin-top:8px;max-width:200px!important;overflow:hidden}.chat-message-attachment{cursor:pointer;display:inline-block;margin-bottom:4px;max-width:200px!important}.chat-message-attachment__image{border-radius:8px;cursor:pointer;display:block;height:auto!important;max-height:150px!important;max-width:200px!important;object-fit:contain;width:auto!important}.chat-message-attachment__video-wrapper{display:inline-block;position:relative}.chat-message-attachment__video{background-color:#000;border-radius:8px;cursor:pointer;display:block;height:auto!important;max-height:150px!important;max-width:200px!important;object-fit:contain;width:auto!important}.chat-message-attachment__file{align-items:center;background:#f3f4f6;border-radius:6px;display:inline-flex;font-size:13px;gap:6px;padding:8px 12px}.chat-message-attachment__file--own{background:#fff3}.chat-date-separator{align-items:center;display:flex;justify-content:center;margin:16px 0;text-align:center}.chat-date-separator__text{background:#f3f4f6;background:var(--color-bg-secondary,#f3f4f6);border-radius:12px;color:#6b7280;color:var(--color-text-secondary,#6b7280);display:inline-block;font-size:12px;font-weight:500;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.dark-mode .chat-date-separator__text{background:#374151;background:var(--color-bg-secondary-dark,#374151);color:#9ca3af;color:var(--color-text-secondary-dark,#9ca3af)}.bug-report-button-container{bottom:20px!important;display:block!important;height:auto!important;left:20px!important;position:fixed!important;width:auto!important;z-index:900}.bug-report-floating-button{align-items:center;background-color:red!important;border:none;border-radius:50%;box-shadow:0 4px 12px #ff00004d;color:#fff!important;cursor:pointer;display:flex;height:60px;justify-content:center;position:relative;transition:all .3s ease;width:60px}.bug-report-floating-button:hover{background-color:#c00!important;box-shadow:0 6px 20px #f006;transform:scale(1.05)}.bug-report-floating-button:active{transform:scale(.95)}.bug-report-floating-button svg{height:28px;width:28px}.bug-report-tooltip{animation:fadeIn .2s ease;background-color:#000000e6;border-radius:4px;bottom:70px;color:#fff;font-size:14px;padding:8px 12px;pointer-events:none;white-space:nowrap}.bug-report-tooltip,.bug-report-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.bug-report-tooltip:after{border:6px solid #0000;border-top-color:#000000e6;content:"";top:100%}[data-theme=dark] .bug-report-floating-button{background-color:red!important}[data-theme=dark] .bug-report-floating-button:hover{background-color:#c00!important}@media (max-width:768px){.bug-report-button-container{bottom:15px!important;left:15px!important}.bug-report-floating-button{height:50px;width:50px}.bug-report-floating-button svg{height:24px;width:24px}}.bug-report-modal{align-items:flex-start;background-color:#00000080;display:flex;height:100vh!important;height:100dvh!important;justify-content:center;left:0!important;padding:60px 20px 20px;position:fixed!important;top:0!important;width:100vw!important;z-index:20000}.bug-report-modal,.bug-report-modal__content{-webkit-overflow-scrolling:touch;overflow-y:auto}.bug-report-modal__content{background-color:#fff;background-color:var(--color-bg,#fff);border-radius:8px;box-shadow:0 4px 20px #00000026;margin:0 auto;max-height:calc(100vh - 100px);max-height:calc(100dvh - 100px);max-width:600px;position:relative;width:100%}.bug-report-modal__header{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--color-border,#e0e0e0);display:flex;justify-content:space-between;padding:20px}.bug-report-modal__title{color:#333;color:var(--color-text,#333);font-size:24px;margin:0}.bug-report-modal__close{align-items:center;background:none;border:none;color:#666;color:var(--color-text-secondary,#666);cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;line-height:1;padding:0;width:32px}.bug-report-modal__close:hover{color:#333;color:var(--color-text,#333)}.bug-report-modal__form{padding:20px}.bug-report-modal__error{background-color:#fee;border:1px solid #fcc;border-radius:4px;color:#c33;margin-bottom:20px;padding:12px}.bug-report-modal__success{padding:40px 20px;text-align:center}.bug-report-modal__success-icon{align-items:center;background-color:#4caf50;border-radius:50%;color:#fff;display:flex;font-size:32px;height:60px;justify-content:center;margin:0 auto 20px;width:60px}.bug-report-modal__success-title{color:#333;color:var(--color-text,#333);margin:0 0 10px}.bug-report-modal__success-text{color:#666;color:var(--color-text-secondary,#666);margin:0}.bug-report-modal__form-group{margin-bottom:20px}.bug-report-modal__form-group--screenshot{margin-bottom:30px}.bug-report-modal__label{color:#333;color:var(--color-text,#333);display:block;font-weight:500;margin-bottom:8px}.bug-report-modal__input,.bug-report-modal__select,.bug-report-modal__textarea{background-color:#fff;background-color:var(--color-bg,#fff);border:1px solid #ddd;border:1px solid var(--color-border,#ddd);border-radius:4px;color:#333;color:var(--color-text,#333);font-family:inherit;font-size:16px;padding:10px 12px;width:100%}.bug-report-modal__input:focus,.bug-report-modal__select:focus,.bug-report-modal__textarea:focus{border-color:#06c;border-color:var(--color-primary,#06c);box-shadow:0 0 0 2px #0066cc1a;outline:none}.bug-report-modal__textarea{min-height:100px;resize:vertical}.bug-report-modal__screenshot-capturing{background-color:#f5f5f5;background-color:var(--color-bg-secondary,#f5f5f5);border:1px solid #ddd;border:1px solid var(--color-border,#ddd);border-radius:4px;color:#666;color:var(--color-text-secondary,#666);padding:20px;text-align:center}.bug-report-modal__screenshot-note{color:#666;color:var(--color-text-secondary,#666);font-size:12px;margin-top:8px}.bug-report-modal__screenshot-preview{border:1px solid #ddd;border:1px solid var(--color-border,#ddd);border-radius:4px;overflow:hidden}.bug-report-modal__screenshot-image{display:block;height:auto;max-height:200px;object-fit:cover;width:100%}.bug-report-modal__screenshot-actions{background-color:#f5f5f5;background-color:var(--color-bg-secondary,#f5f5f5);display:flex;gap:10px;padding:10px}.bug-report-modal__button{border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:10px 24px;transition:background-color .2s}.bug-report-modal__button--secondary{background-color:#fff;background-color:var(--color-bg,#fff);border:1px solid #ddd;border:1px solid var(--color-border,#ddd);color:#333;color:var(--color-text,#333);font-size:14px;padding:8px 16px}.bug-report-modal__button--secondary:hover{background-color:#f5f5f5;background-color:var(--color-bg-secondary,#f5f5f5)}.bug-report-modal__actions{border-top:1px solid #e0e0e0;border-top:1px solid var(--color-border,#e0e0e0);display:flex;gap:12px;justify-content:flex-end;padding-top:20px}.bug-report-modal__button--cancel{background-color:initial;border:1px solid #ddd;border:1px solid var(--color-border,#ddd);color:#666;color:var(--color-text-secondary,#666)}.bug-report-modal__button--cancel:hover:not(:disabled){background-color:#f5f5f5;background-color:var(--color-bg-secondary,#f5f5f5)}.bug-report-modal__button--submit{background-color:#06c;background-color:var(--color-primary,#06c);color:#fff}.bug-report-modal__button--submit:hover:not(:disabled){background-color:#0052a3;background-color:var(--color-primary-dark,#0052a3)}.bug-report-modal__button--cancel:disabled,.bug-report-modal__button--submit:disabled{cursor:not-allowed;opacity:.5}[data-theme=dark] .bug-report-modal__content{background-color:#1e1e1e}[data-theme=dark] .bug-report-modal__header{border-bottom-color:#333}[data-theme=dark] .bug-report-modal__input,[data-theme=dark] .bug-report-modal__select,[data-theme=dark] .bug-report-modal__textarea{background-color:#2a2a2a;border-color:#444;color:#e0e0e0}[data-theme=dark] .bug-report-modal__screenshot-actions,[data-theme=dark] .bug-report-modal__screenshot-capturing{background-color:#2a2a2a}[data-theme=dark] .bug-report-modal__button--secondary{background-color:#2a2a2a;border-color:#444;color:#e0e0e0}[data-theme=dark] .bug-report-modal__button--secondary:hover{background-color:#333}@media (max-width:768px){[data-theme=dark] .bug-report-modal__header{background-color:#1e1e1e}.bug-report-modal{bottom:0!important;height:auto!important;left:0!important;padding:0;position:fixed!important;right:0!important;top:0!important}.bug-report-modal__content{border-radius:0;bottom:0;display:flex;flex-direction:column;height:100%;left:0;max-height:none;max-width:100%;position:absolute;right:0;top:0}.bug-report-modal__header{background-color:#fff;background-color:var(--color-bg,#fff);flex-shrink:0;padding:16px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.bug-report-modal__form{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:16px 16px env(safe-area-inset-bottom,20px)}.bug-report-modal__input,.bug-report-modal__select,.bug-report-modal__textarea{font-size:16px}}.screenshot-annotator-overlay{align-items:center;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:20001}.screenshot-annotator{background-color:#fff;background-color:var(--color-bg,#fff);border-radius:8px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden}.annotator-header{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--color-border,#e0e0e0);display:flex;justify-content:space-between;padding:16px 20px}.annotator-header h3{color:#333;color:var(--color-text,#333);font-size:18px;margin:0}.annotator-close{align-items:center;background:none;border:none;color:#666;color:var(--color-text-secondary,#666);cursor:pointer;display:flex;font-size:28px;height:28px;justify-content:center;line-height:1;padding:0;width:28px}.annotator-close:hover{color:#333;color:var(--color-text,#333)}.annotator-toolbar{background-color:#f5f5f5;background-color:var(--color-bg-secondary,#f5f5f5);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--color-border,#e0e0e0);flex-wrap:wrap;gap:20px;padding:12px 20px}.annotator-toolbar,.tool-group{align-items:center;display:flex}.tool-group{gap:8px}.tool-group label{color:#666;color:var(--color-text-secondary,#666);font-size:14px}.tool-btn{background-color:#fff;background-color:var(--color-bg,#fff);border:1px solid #ddd;border:1px solid var(--color-border,#ddd);border-radius:4px;cursor:pointer;font-size:18px;padding:8px;transition:all .2s}.tool-btn:hover:not(:disabled){background-color:#f0f0f0;background-color:var(--color-bg-secondary,#f0f0f0)}.tool-btn.active{background-color:#06c;background-color:var(--color-primary,#06c);border-color:#06c;border-color:var(--color-primary,#06c)}.tool-btn:disabled{cursor:not-allowed;opacity:.5}input[type=color]{border:1px solid #ddd;border:1px solid var(--color-border,#ddd);border-radius:4px;cursor:pointer;height:32px;width:40px}input[type=range]{width:100px}.annotator-canvas-container{align-items:center;background-color:#f9f9f9;background-color:var(--color-bg-secondary,#f9f9f9);display:flex;flex:1 1;justify-content:center;overflow:auto;padding:20px}.annotator-canvas-container canvas{background-color:#fff;border:1px solid #ddd;border:1px solid var(--color-border,#ddd);cursor:crosshair;max-height:100%;max-width:100%}.annotator-actions{border-top:1px solid #e0e0e0;border-top:1px solid var(--color-border,#e0e0e0);display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.btn-cancel,.btn-save{border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:10px 24px;transition:background-color .2s}.btn-cancel{background-color:initial;border:1px solid #ddd;border:1px solid var(--color-border,#ddd);color:#666;color:var(--color-text-secondary,#666)}.btn-cancel:hover{background-color:#f5f5f5;background-color:var(--color-bg-secondary,#f5f5f5)}.btn-save{background-color:#06c;background-color:var(--color-primary,#06c);color:#fff}.btn-save:hover{background-color:#0052a3;background-color:var(--color-primary-dark,#0052a3)}[data-theme=dark] .screenshot-annotator{background-color:#1e1e1e}[data-theme=dark] .annotator-actions,[data-theme=dark] .annotator-header,[data-theme=dark] .annotator-toolbar{border-color:#333}[data-theme=dark] .annotator-toolbar{background-color:#2a2a2a}[data-theme=dark] .annotator-canvas-container{background-color:#1a1a1a}[data-theme=dark] .tool-btn{background-color:#2a2a2a;border-color:#444;color:#e0e0e0}[data-theme=dark] .tool-btn:hover:not(:disabled){background-color:#333}@media (max-width:768px){.screenshot-annotator-overlay{padding:0}.screenshot-annotator{border-radius:0;max-height:100vh;max-width:100vw}.annotator-toolbar{gap:12px;padding:8px 12px}.tool-group{gap:4px}input[type=range]{width:80px}}.skip-nav{background:var(--color-primary);border-radius:0 0 var(--radius-base) 0;color:#fff!important;font-weight:var(--font-weight-medium);left:0;padding:var(--space-sm) var(--space-md);position:absolute;text-decoration:none;top:-40px;transition:top .3s;z-index:2000}.skip-nav:focus{outline:3px solid var(--color-primary-light);outline-offset:2px;top:0}@media (prefers-contrast:high){.skip-nav{background:#000;border:2px solid #fff;color:#fff!important}.skip-nav:focus{outline:3px solid #fff}}.skip-nav:hover{background:var(--color-primary-hover);text-decoration:underline}.cookie-consent-overlay{animation:fadeIn .3s ease-in-out;background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9998}.cookie-consent{animation:slideUp .3s ease-in-out;background-color:var(--color-bg-secondary);border-top:2px solid var(--color-primary);bottom:0;box-shadow:0 -4px 20px #0000001a;left:0;max-height:90vh;overflow-y:auto;position:fixed;right:0;z-index:9999}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.cookie-consent__content{margin:0 auto;max-width:1200px;padding:var(--space-lg)}.cookie-consent__title{color:var(--color-primary);font-size:1.5rem;margin:0 0 var(--space-sm) 0}.cookie-consent__description{color:var(--color-text);line-height:1.5;margin:0 0 var(--space-md) 0}.cookie-consent__details{margin-bottom:var(--space-lg)}.cookie-consent__category{background-color:var(--color-bg-tertiary);border-radius:var(--radius-base);margin-bottom:var(--space-md);padding:var(--space-sm)}.cookie-consent__category summary{color:var(--color-primary);cursor:pointer;font-weight:var(--font-weight-medium);padding:var(--space-xs);-webkit-user-select:none;user-select:none}.cookie-consent__category summary:hover{text-decoration:underline}.cookie-consent__category[open] summary{margin-bottom:var(--space-sm)}.cookie-consent__options{padding:var(--space-sm)}.cookie-consent__option{align-items:flex-start;display:flex;margin-bottom:var(--space-md)}.cookie-consent__checkbox{cursor:pointer;margin-right:var(--space-sm);margin-top:4px}.cookie-consent__checkbox:disabled{cursor:not-allowed;opacity:.6}.cookie-consent__label{cursor:pointer;flex:1 1}.cookie-consent__label-title{color:var(--color-text);display:block;font-weight:var(--font-weight-medium);margin-bottom:var(--space-xs)}.cookie-consent__label-desc{color:var(--color-text-secondary);display:block;font-size:.9rem;line-height:1.4}.cookie-consent__actions{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-md)}.cookie-consent__button{border:1px solid var(--color-border);border-radius:var(--radius-base);cursor:pointer;flex:1 1;font-weight:var(--font-weight-medium);min-width:150px;padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.cookie-consent__button--necessary{background-color:var(--color-bg-tertiary);color:var(--color-text)}.cookie-consent__button--necessary:hover{background-color:var(--color-bg-hover);transform:translateY(-1px)}.cookie-consent__button--preferences{background-color:var(--color-bg);border-color:var(--color-primary);color:var(--color-primary)}.cookie-consent__button--preferences:hover{background-color:var(--color-primary-light);transform:translateY(-1px)}.cookie-consent__button--accept{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.cookie-consent__button--accept:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.cookie-consent__links{display:flex;font-size:.9rem;gap:var(--space-md);justify-content:center}.cookie-consent__link{color:var(--color-primary);text-decoration:none}.cookie-consent__link:hover{text-decoration:underline}.dark .cookie-consent{background-color:var(--color-bg-secondary);border-top-color:var(--color-primary)}.dark .cookie-consent__category{background-color:var(--color-bg-tertiary)}@media (max-width:768px){.cookie-consent__content{padding:var(--space-md)}.cookie-consent__title{font-size:1.25rem}.cookie-consent__actions{flex-direction:column}.cookie-consent__button{width:100%}.cookie-consent__links{align-items:center;flex-direction:column;gap:var(--space-sm)}}@media (prefers-reduced-motion:reduce){.cookie-consent,.cookie-consent-overlay{animation:none}}.cookie-consent__button:focus,.cookie-consent__checkbox:focus{outline:2px solid var(--color-primary);outline-offset:2px}.maintenance-page{align-items:center;background-color:var(--color-bg);color:var(--color-text);display:flex;justify-content:center;min-height:100vh;padding:var(--space-lg)}.maintenance-page__container{max-width:600px;text-align:center;width:100%}.maintenance-page__content{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-xl) var(--space-lg)}.maintenance-page__logo{height:auto;margin-bottom:var(--space-lg);max-width:150px}.maintenance-page__title{color:var(--color-primary);font-size:2.5rem;font-weight:var(--font-weight-bold);margin-bottom:var(--space-md)}.maintenance-page__message{color:var(--color-text-secondary);font-size:1.125rem;line-height:1.6;margin-bottom:var(--space-lg);white-space:pre-wrap}.maintenance-page__icon{animation:maintenance-page__spin 2s linear infinite;font-size:4rem;margin:var(--space-lg) 0}.maintenance-page__check-back{color:var(--color-text-muted);font-size:1rem;margin-top:var(--space-lg)}@keyframes maintenance-page__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body.dark-mode .maintenance-page{background-color:var(--color-bg)}body.dark-mode .maintenance-page__content{background-color:var(--color-bg-secondary);border-color:var(--color-border)}@media (max-width:1024px){.maintenance-page__content{padding:var(--space-lg)}.maintenance-page__title{font-size:2.25rem}}@media (max-width:768px){.maintenance-page{padding:var(--space-md)}.maintenance-page__content{padding:var(--space-lg) var(--space-md)}.maintenance-page__logo{max-width:120px}.maintenance-page__title{font-size:1.75rem;margin-bottom:var(--space-sm)}.maintenance-page__message{font-size:1rem;margin-bottom:var(--space-md)}.maintenance-page__icon{font-size:3rem;margin:var(--space-md) 0}.maintenance-page__check-back{font-size:.875rem;margin-top:var(--space-md)}}@media (max-width:480px){.maintenance-page__content{padding:var(--space-md)}.maintenance-page__logo{max-width:100px}.maintenance-page__title{font-size:1.5rem}.maintenance-page__message{font-size:.9375rem}.maintenance-page__icon{font-size:2.5rem}}.maintenance-banner{animation:maintenance-banner__slide-down .3s ease-out;background-color:#ff9800;background-image:repeating-linear-gradient(45deg,#0000,#0000 10px,#ffffff1a 0,#ffffff1a 20px);box-shadow:0 2px 8px #0003;color:#000;left:0;padding:.75rem var(--space-md);position:fixed;right:0;top:0;z-index:9999}@keyframes maintenance-banner__slide-down{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.maintenance-banner__content{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:space-between;margin:0 auto;max-width:1200px}.maintenance-banner__icon-text{align-items:center;display:flex;gap:var(--space-sm)}.maintenance-banner__icon{animation:maintenance-banner__pulse 2s ease-in-out infinite;font-size:1.25rem}@keyframes maintenance-banner__pulse{0%,to{opacity:1}50%{opacity:.6}}.maintenance-banner__label{font-size:.875rem;font-weight:var(--font-weight-bold);letter-spacing:.05em}.maintenance-banner__message{flex:1 1;font-size:.875rem;font-style:italic;min-width:0;opacity:.9;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.maintenance-banner__settings-btn{background-color:#0003;border:1px solid #0000004d;border-radius:var(--radius-base);color:#000;cursor:pointer;font-size:.8125rem;font-weight:var(--font-weight-medium);padding:.375rem .75rem;transition:all var(--transition-base);white-space:nowrap}.maintenance-banner__settings-btn:hover{background-color:#0000004d;box-shadow:0 2px 4px #0003;transform:translateY(-1px)}body.has-maintenance-banner{padding-top:50px}body.has-maintenance-banner .navigation{top:50px}body.has-maintenance-banner .global-dashboard-sidebar-container{top:110px}@media (max-width:768px){.maintenance-banner{padding:.5rem var(--space-sm)}.maintenance-banner__content{gap:var(--space-sm)}.maintenance-banner__icon{font-size:1rem}.maintenance-banner__label{font-size:.75rem}.maintenance-banner__message{display:none}.maintenance-banner__settings-btn{font-size:.75rem;padding:.25rem .5rem}}@media (max-width:480px){.maintenance-banner__content{justify-content:center;text-align:center}.maintenance-banner__settings-btn{display:none}}.session-timeout-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.session-timeout-modal{animation:slideIn .3s ease-out;background:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:450px;padding:var(--space-xl);width:90%}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.session-timeout-modal__icon{animation:pulse 2s infinite;color:var(--color-warning);font-size:4rem;margin-bottom:var(--space-md);text-align:center}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.session-timeout-modal__title{color:var(--color-text);font-size:1.5rem;margin:0 0 var(--space-lg);text-align:center}.session-timeout-modal__content{text-align:center}.session-timeout-modal__message{color:var(--color-text-secondary);margin-bottom:var(--space-md)}.session-timeout-modal__timer{color:var(--color-danger);font-family:monospace;font-size:3rem;font-weight:var(--font-weight-bold);margin:var(--space-lg) 0}.session-timeout-modal__submessage{color:var(--color-text-secondary);margin-bottom:var(--space-xl)}.session-timeout-modal__actions{display:flex;gap:var(--space-md);margin-bottom:var(--space-lg)}.session-timeout-modal__button{border:none;border-radius:var(--radius-base);cursor:pointer;flex:1 1;font-size:1rem;font-weight:var(--font-weight-medium);padding:var(--space-md);transition:all var(--transition-base)}.session-timeout-modal__button--primary{background-color:var(--color-primary);color:var(--color-text-inverse)!important}.session-timeout-modal__button--primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.session-timeout-modal__button--secondary{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.session-timeout-modal__button--secondary:hover{background-color:var(--color-bg-tertiary)}.session-timeout-modal__warning{align-items:center;background:#ffc1071a;border-radius:var(--radius-base);color:var(--color-text-secondary);display:flex;font-size:.85rem;gap:var(--space-sm);padding:var(--space-sm)}.session-timeout-modal__warning svg{color:var(--color-warning);flex-shrink:0}body.dark-mode .session-timeout-modal{background:var(--color-bg-secondary)}@media (max-width:768px){.session-timeout-modal{padding:var(--space-lg)}.session-timeout-modal__actions{flex-direction:column}.session-timeout-modal__timer{font-size:2.5rem}}@keyframes rainbow{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}.App{background-color:#f5f5f5;display:flex;flex:1 1;flex-direction:column;min-height:100vh;width:100%}body.dark-mode .App:not(.has-background){background-color:#1a1a1a!important}.App.has-background{background-color:initial;display:flex;flex-direction:column;min-height:100vh}body.dark-mode .App.has-background{background-color:initial!important;min-height:100vh!important}.App.has-background:before{background:var(--app-background);background-position:50%;background-repeat:no-repeat;background-size:cover;content:"";height:100vh;left:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:-1}.App.has-background[data-background-type=gradient]:before{background-size:100% 100%}.App.has-background .main-nav{z-index:5000!important}.App.has-background .mobile-quick-nav{z-index:5001!important}.App.has-background .app-content-wrapper{background-color:initial}.App.has-background .reports-gallery,.App.has-background main>.binder-manager-page,.App.has-background main>.dashboard-container,.App.has-background main>.forum-category-page,.App.has-background main>.forum-index-page,.App.has-background main>.forum-search-page,.App.has-background main>.forum-thread-page,.App.has-background main>.home-container,.App.has-background main>.ntf-container,.App.has-background main>.page-container,.App.has-background main>.pet-page,.App.has-background main>.pets-page-wrapper--constrained .pets-page,.App.has-background main>.report-detail-page,.App.has-background main>.reports-page-container{background-color:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1rem}.App.has-background .gallery-controls{background-color:#fff!important}.App.has-background .main-nav,.App.has-background .nav-container{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background-color:#fff!important}body.dark-mode .gallery-controls{background-color:#2a2a2a!important}body.dark-mode .App.has-background .gallery-controls{background-color:#2a2a2af2!important}body.dark-mode .App.has-background .main-nav,body.dark-mode .App.has-background .nav-container{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background-color:#fff!important}.modal-overlay{align-items:center!important;background-color:#00000080!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;position:fixed!important;right:0!important;top:0!important;z-index:9999!important}.category-customization-modal,.customization-modal,.modal-content,.modal-overlay{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;opacity:1!important;visibility:visible!important}.category-customization-modal,.customization-modal,.modal-content{background-color:#fff!important;max-height:90vh!important;max-width:90vw!important;overflow:auto!important;position:relative!important;z-index:10000!important}.dark-mode .category-customization-modal,.dark-mode .customization-modal,.dark-mode .modal-content{background-color:#2a2a2a!important}.App.has-background .binder-manager-page:not(.full-width),.App.has-background .forum-category-page:not(.full-width),.App.has-background .forum-index-page:not(.full-width),.App.has-background .forum-search-page:not(.full-width),.App.has-background .forum-thread-page:not(.full-width),.App.has-background .home-container:not(.full-width),.App.has-background .ntf-container:not(.full-width),.App.has-background .pets-page-wrapper--constrained .pets-page,.App.has-background .report-detail-page,.App.has-background .reports-page-container:not(.full-width){margin-left:auto;margin-right:auto}.App.has-background .dashboard-profile-tab{background-color:initial}body.dark-mode .reports-gallery,body.dark-mode main>.binder-manager-page,body.dark-mode main>.dashboard-container,body.dark-mode main>.forum-category-page,body.dark-mode main>.forum-index-page,body.dark-mode main>.forum-search-page,body.dark-mode main>.forum-thread-page,body.dark-mode main>.home-container,body.dark-mode main>.ntf-container,body.dark-mode main>.page-container,body.dark-mode main>.pet-page,body.dark-mode main>.pets-page-wrapper--constrained .pets-page,body.dark-mode main>.report-detail-page,body.dark-mode main>.reports-page-container{background-color:#2a2a2a!important}body.dark-mode .App.has-background .reports-gallery,body.dark-mode .App.has-background main>.binder-manager-page,body.dark-mode .App.has-background main>.dashboard-container,body.dark-mode .App.has-background main>.forum-category-page,body.dark-mode .App.has-background main>.forum-index-page,body.dark-mode .App.has-background main>.forum-search-page,body.dark-mode .App.has-background main>.forum-thread-page,body.dark-mode .App.has-background main>.home-container,body.dark-mode .App.has-background main>.ntf-container,body.dark-mode .App.has-background main>.page-container,body.dark-mode .App.has-background main>.pet-page,body.dark-mode .App.has-background main>.pets-page-wrapper--constrained .pets-page,body.dark-mode .App.has-background main>.report-detail-page,body.dark-mode .App.has-background main>.reports-page-container{background-color:#2a2a2af2!important}body.dark-mode .App.has-background .reports-gallery,body.dark-mode .App.has-background main>.binder-manager-page,body.dark-mode .App.has-background main>.dashboard-container,body.dark-mode .App.has-background main>.forum-category-page,body.dark-mode .App.has-background main>.forum-index-page,body.dark-mode .App.has-background main>.forum-search-page,body.dark-mode .App.has-background main>.forum-thread-page,body.dark-mode .App.has-background main>.home-container,body.dark-mode .App.has-background main>.page-container,body.dark-mode .App.has-background main>.pet-page,body.dark-mode .App.has-background main>.pets-page-wrapper--constrained .pets-page,body.dark-mode .App.has-background main>.report-detail-page,body.dark-mode .App.has-background main>.reports-page-container{background-color:#2a2a2af2!important;color:#f0f0f0}.app__layout-container{display:flex;flex-direction:column;min-height:100vh;width:100%}.app__content-wrapper{display:flex;flex:1 0 auto;flex-direction:column;transition:margin-top .3s ease;width:100%}.app__content-wrapper>main{flex:1 0 auto;width:100%}@media (max-width:768px){.App{min-height:100vh}.app__content-wrapper{margin:0!important;padding:0;width:100%}.app__content-wrapper>main{margin-top:0!important;min-height:auto;padding-top:0}.main-content{max-width:100%!important}.main-content,main .message-center{margin:0!important;padding:0!important}.global-dashboard-sidebar-container{position:fixed!important;z-index:9999!important}.global-sidebar-backdrop{position:fixed!important;z-index:9998!important}nav.main-nav{margin:0!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:1000!important}.alert-ticker-container{margin:0!important;position:relative;z-index:998}.alert-ticker-container:empty{display:none!important}.mobile-quick-nav{display:block!important;margin:-1px 0 0!important;padding-top:1px!important;position:-webkit-sticky!important;position:sticky!important;top:43px!important;top:calc(var(--nav-height, 44px) - 1px)!important;width:100%!important;z-index:997!important}.main-nav{--nav-height:44px;box-shadow:none!important}.mobile-quick-nav{box-shadow:0 2px 4px #0000001a!important}.App.has-background .reports-gallery,.App.has-background main>.binder-manager-page,.App.has-background main>.dashboard-container,.App.has-background main>.home-container,.App.has-background main>.page-container,.App.has-background main>.pet-page,.App.has-background main>.pets-page-wrapper .pets-page,.App.has-background main>.report-detail-page,.App.has-background main>.reports-page-container,.reports-gallery,main>.binder-manager-page,main>.dashboard-container,main>.home-container,main>.page-container,main>.pet-page,main>.pets-page-wrapper .pets-page,main>.report-detail-page,main>.reports-page-container{border-radius:0!important;margin-top:0!important}.app__content-wrapper>main>:first-child{border-top-left-radius:0!important;border-top-right-radius:0!important;margin-top:0!important}.App.has-background:before{height:100vh;height:100dvh;left:0;position:fixed;top:0;width:100vw}}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body.dark-mode:has(.App.has-background){background-color:initial!important;background:#0000!important}body.dark-mode [style*="background-color: #fff"],body.dark-mode [style*="background-color: #ffffff"],body.dark-mode [style*="background-color: white"],body.dark-mode [style*="background-color:#fff"],body.dark-mode [style*="background-color:#ffffff"]{background-color:#2a2a2a!important}.app-content-wrapper,.app-content-wrapper>main,.app__content-wrapper,.app__content-wrapper>main{display:flex;flex:1 0 auto;flex-direction:column}.app-footer,footer{flex-shrink:0}main>*{width:100%}.binder-manager-page,.binder-manager-wrapper,.flyers-gallery-page,.flyers-gallery__container,.forum-index-page,.forum-index-wrapper,.home-container,.message-center-container,.message-center-wrapper,.pets-page,.pets-page-wrapper,.reports-page-container,.statistics-page{min-height:calc(100vh - 150px)!important}.pets-page .pets-page__content-wrapper{min-height:calc(100vh - 250px)}.report-type-badge.report-type-stolen,.report-type-badge.report-type-theft,.report-type-badge.reportTypeStolen,.report-type-badge.reportTypeTheft,.reportTypeBar.report-type-stolen,.reportTypeBar.report-type-theft,.reportTypeBar.reportTypeStolen,.reportTypeBar.reportTypeTheft{background:linear-gradient(135deg,#e74c3c,#c0392b)!important;border:1px solid #c0392b!important;color:#fff!important}.report-type-badge.report-type-lost,.report-type-badge.reportTypeLost,.reportTypeBar.report-type-lost,.reportTypeBar.reportTypeLost{background:linear-gradient(135deg,#f39c12,#d35400)!important;border:1px solid #d35400!important;color:#fff!important}.report-type-badge.report-type-found,.report-type-badge.reportTypeFound,.reportTypeBar.report-type-found,.reportTypeBar.reportTypeFound{background:linear-gradient(135deg,#2ecc71,#27ae60)!important;border:1px solid #27ae60!important;color:#fff!important}.report-type-badge.report-type-missing,.report-type-badge.report-type-missing-person,.report-type-badge.reportTypeMissing,.report-type-badge.reportTypeMissingPerson,.reportTypeBar.report-type-missing,.reportTypeBar.report-type-missing-person,.reportTypeBar.reportTypeMissing,.reportTypeBar.reportTypeMissingPerson{background:linear-gradient(135deg,red,#c00)!important;border:1px solid #c00!important;color:#fff!important}.report-type-badge.report-type-crime,.report-type-badge.report-type-other-crime,.report-type-badge.reportTypeCrime,.report-type-badge.reportTypeOtherCrime,.reportTypeBar.report-type-crime,.reportTypeBar.report-type-other-crime,.reportTypeBar.reportTypeCrime,.reportTypeBar.reportTypeOtherCrime{background:linear-gradient(135deg,#9b59b6,#8e44ad)!important;border:1px solid #8e44ad!important;color:#fff!important}.report-type-badge.report-type-miscellaneous,.report-type-badge.reportTypeMiscellaneous,.reportTypeBar.report-type-miscellaneous,.reportTypeBar.reportTypeMiscellaneous{background:linear-gradient(135deg,#95a5a6,#7f8c8d)!important;border:1px solid #7f8c8d!important;color:#fff!important}.report-type-badge.report-type-burglary,.report-type-badge.reportTypeBurglary,.reportTypeBar.report-type-burglary,.reportTypeBar.reportTypeBurglary{background:linear-gradient(135deg,#c0392b,#922b20)!important;border:1px solid #922b20!important;color:#fff!important}.report-type-badge.report-type-robbery,.report-type-badge.reportTypeRobbery,.reportTypeBar.report-type-robbery,.reportTypeBar.reportTypeRobbery{background:linear-gradient(135deg,#d81b60,#a01548)!important;border:1px solid #a01548!important;color:#fff!important}.report-type-badge.report-type-assault,.report-type-badge.reportTypeAssault,.reportTypeBar.report-type-assault,.reportTypeBar.reportTypeAssault{background:linear-gradient(135deg,#8e24aa,#6a1b9a)!important;border:1px solid #6a1b9a!important;color:#fff!important}.report-type-badge.report-type-arson,.report-type-badge.reportTypeArson,.reportTypeBar.report-type-arson,.reportTypeBar.reportTypeArson{background:linear-gradient(135deg,#ff7043,#e64a19)!important;border:1px solid #e64a19!important;color:#fff!important}.report-type-badge.report-type-fraud,.report-type-badge.reportTypeFraud,.reportTypeBar.report-type-fraud,.reportTypeBar.reportTypeFraud{background:linear-gradient(135deg,#43a047,#2e7d32)!important;border:1px solid #2e7d32!important;color:#fff!important}.report-type-badge.report-type-trespassing,.report-type-badge.reportTypeTrespassing,.reportTypeBar.report-type-trespassing,.reportTypeBar.reportTypeTrespassing{background:linear-gradient(135deg,#1e88e5,#0d47a1)!important;border:1px solid #0d47a1!important;color:#fff!important}.report-type-badge.report-type-animal,.report-type-badge.reportTypeAnimal,.reportTypeBar.report-type-animal,.reportTypeBar.reportTypeAnimal{background:linear-gradient(135deg,#8d6e63,#5d4037)!important;border:1px solid #5d4037!important;color:#fff!important}.report-type-badge.report-type-vandalism,.report-type-badge.reportTypeVandalism,.reportTypeBar.report-type-vandalism,.reportTypeBar.reportTypeVandalism{background:linear-gradient(135deg,#795548,#4e342e)!important;border:1px solid #4e342e!important;color:#fff!important}.report-type-badge.report-type-vehicle-theft,.report-type-badge.report-type-vehicle_theft,.report-type-badge.reportTypeVehicleTheft,.report-type-badge.reportTypeVehicle_theft,.reportTypeBar.report-type-vehicle-theft,.reportTypeBar.report-type-vehicle_theft,.reportTypeBar.reportTypeVehicleTheft,.reportTypeBar.reportTypeVehicle_theft{background:linear-gradient(135deg,#d32f2f,#b71c1c)!important;border:1px solid #b71c1c!important;color:#fff!important}.report-type-badge.report-type-beach-incident,.report-type-badge.report-type-beach-ocean-incident,.report-type-badge.report-type-beach_incident,.report-type-badge.reportTypeBeachIncident,.report-type-badge.reportTypeBeachOceanIncident,.report-type-badge.reportTypeBeach_incident,.reportTypeBar.report-type-beach-incident,.reportTypeBar.report-type-beach-ocean-incident,.reportTypeBar.report-type-beach_incident,.reportTypeBar.reportTypeBeachIncident,.reportTypeBar.reportTypeBeachOceanIncident,.reportTypeBar.reportTypeBeach_incident{background:linear-gradient(135deg,#00acc1,#006064)!important;border:1px solid #006064!important;color:#fff!important}.report-type-badge.report-type-illegal-activity,.report-type-badge.report-type-illegal_activity,.report-type-badge.reportTypeIllegalActivity,.report-type-badge.reportTypeIllegal_activity,.reportTypeBar.report-type-illegal-activity,.reportTypeBar.report-type-illegal_activity,.reportTypeBar.reportTypeIllegalActivity,.reportTypeBar.reportTypeIllegal_activity{background:linear-gradient(135deg,#ff5722,#bf360c)!important;border:1px solid #bf360c!important;color:#fff!important}.report-type-badge.report-type-drug-activity,.report-type-badge.report-type-drug_activity,.report-type-badge.reportTypeDrugActivity,.report-type-badge.reportTypeDrug_activity,.reportTypeBar.report-type-drug-activity,.reportTypeBar.report-type-drug_activity,.reportTypeBar.reportTypeDrugActivity,.reportTypeBar.reportTypeDrug_activity{background:linear-gradient(135deg,#8bc34a,#33691e)!important;border:1px solid #33691e!important;color:#fff!important}.report-type-badge.report-type-hit-and-run,.report-type-badge.report-type-hit-run,.report-type-badge.report-type-hit_and_run,.report-type-badge.reportTypeHitAndRun,.report-type-badge.reportTypeHit_and_run,.reportTypeBar.report-type-hit-and-run,.reportTypeBar.report-type-hit-run,.reportTypeBar.report-type-hit_and_run,.reportTypeBar.reportTypeHitAndRun,.reportTypeBar.reportTypeHit_and_run{background:linear-gradient(135deg,#ff9800,#e65100)!important;border:1px solid #e65100!important;color:#fff!important}.dark-mode .report-type-badge.report-type-stolen,.dark-mode .report-type-badge.report-type-theft,.dark-mode .report-type-badge.reportTypeStolen,.dark-mode .report-type-badge.reportTypeTheft,.dark-mode .reportTypeBar.report-type-stolen,.dark-mode .reportTypeBar.report-type-theft,.dark-mode .reportTypeBar.reportTypeStolen,.dark-mode .reportTypeBar.reportTypeTheft,body.dark-mode .report-type-badge.report-type-stolen,body.dark-mode .report-type-badge.report-type-theft,body.dark-mode .report-type-badge.reportTypeStolen,body.dark-mode .report-type-badge.reportTypeTheft,body.dark-mode .reportTypeBar.report-type-stolen,body.dark-mode .reportTypeBar.report-type-theft,body.dark-mode .reportTypeBar.reportTypeStolen,body.dark-mode .reportTypeBar.reportTypeTheft{background:linear-gradient(135deg,#c0392b,#922b20)!important;border:1px solid #922b20!important;color:#fff!important}.dark-mode .report-type-badge.report-type-missing,.dark-mode .report-type-badge.report-type-missing-person,.dark-mode .report-type-badge.reportTypeMissing,.dark-mode .report-type-badge.reportTypeMissingPerson,.dark-mode .reportTypeBar.report-type-missing,.dark-mode .reportTypeBar.report-type-missing-person,.dark-mode .reportTypeBar.reportTypeMissing,.dark-mode .reportTypeBar.reportTypeMissingPerson,body.dark-mode .report-type-badge.report-type-missing,body.dark-mode .report-type-badge.report-type-missing-person,body.dark-mode .report-type-badge.reportTypeMissing,body.dark-mode .report-type-badge.reportTypeMissingPerson,body.dark-mode .reportTypeBar.report-type-missing,body.dark-mode .reportTypeBar.report-type-missing-person,body.dark-mode .reportTypeBar.reportTypeMissing,body.dark-mode .reportTypeBar.reportTypeMissingPerson{background:linear-gradient(135deg,red,#c00)!important;border:1px solid #c00!important;color:#fff!important}.dark-mode .report-type-badge.report-type-vandalism,.dark-mode .report-type-badge.reportTypeVandalism,.dark-mode .reportTypeBar.report-type-vandalism,.dark-mode .reportTypeBar.reportTypeVandalism,body.dark-mode .report-type-badge.report-type-vandalism,body.dark-mode .report-type-badge.reportTypeVandalism,body.dark-mode .reportTypeBar.report-type-vandalism,body.dark-mode .reportTypeBar.reportTypeVandalism{background:linear-gradient(135deg,#5d4037,#3e2723)!important;border:1px solid #3e2723!important;color:#fff!important}.dark-mode .report-type-badge.report-type-vehicle-theft,.dark-mode .report-type-badge.report-type-vehicle_theft,.dark-mode .report-type-badge.reportTypeVehicleTheft,.dark-mode .report-type-badge.reportTypeVehicle_theft,.dark-mode .reportTypeBar.report-type-vehicle-theft,.dark-mode .reportTypeBar.report-type-vehicle_theft,.dark-mode .reportTypeBar.reportTypeVehicleTheft,.dark-mode .reportTypeBar.reportTypeVehicle_theft,body.dark-mode .report-type-badge.report-type-vehicle-theft,body.dark-mode .report-type-badge.report-type-vehicle_theft,body.dark-mode .report-type-badge.reportTypeVehicleTheft,body.dark-mode .report-type-badge.reportTypeVehicle_theft,body.dark-mode .reportTypeBar.report-type-vehicle-theft,body.dark-mode .reportTypeBar.report-type-vehicle_theft,body.dark-mode .reportTypeBar.reportTypeVehicleTheft,body.dark-mode .reportTypeBar.reportTypeVehicle_theft{background:linear-gradient(135deg,#b71c1c,#7f1010)!important;border:1px solid #7f1010!important;color:#fff!important}.dark-mode .report-type-badge.report-type-beach-incident,.dark-mode .report-type-badge.report-type-beach-ocean-incident,.dark-mode .report-type-badge.report-type-beach_incident,.dark-mode .report-type-badge.reportTypeBeachIncident,.dark-mode .report-type-badge.reportTypeBeachOceanIncident,.dark-mode .report-type-badge.reportTypeBeach_incident,.dark-mode .reportTypeBar.report-type-beach-incident,.dark-mode .reportTypeBar.report-type-beach-ocean-incident,.dark-mode .reportTypeBar.report-type-beach_incident,.dark-mode .reportTypeBar.reportTypeBeachIncident,.dark-mode .reportTypeBar.reportTypeBeachOceanIncident,.dark-mode .reportTypeBar.reportTypeBeach_incident,body.dark-mode .report-type-badge.report-type-beach-incident,body.dark-mode .report-type-badge.report-type-beach-ocean-incident,body.dark-mode .report-type-badge.report-type-beach_incident,body.dark-mode .report-type-badge.reportTypeBeachIncident,body.dark-mode .report-type-badge.reportTypeBeachOceanIncident,body.dark-mode .report-type-badge.reportTypeBeach_incident,body.dark-mode .reportTypeBar.report-type-beach-incident,body.dark-mode .reportTypeBar.report-type-beach-ocean-incident,body.dark-mode .reportTypeBar.report-type-beach_incident,body.dark-mode .reportTypeBar.reportTypeBeachIncident,body.dark-mode .reportTypeBar.reportTypeBeachOceanIncident,body.dark-mode .reportTypeBar.reportTypeBeach_incident{background:linear-gradient(135deg,#006064,#00363a)!important;border:1px solid #00363a!important;color:#fff!important}.dark-mode .report-type-badge.report-type-illegal-activity,.dark-mode .report-type-badge.report-type-illegal_activity,.dark-mode .report-type-badge.reportTypeIllegalActivity,.dark-mode .report-type-badge.reportTypeIllegal_activity,.dark-mode .reportTypeBar.report-type-illegal-activity,.dark-mode .reportTypeBar.report-type-illegal_activity,.dark-mode .reportTypeBar.reportTypeIllegalActivity,.dark-mode .reportTypeBar.reportTypeIllegal_activity,body.dark-mode .report-type-badge.report-type-illegal-activity,body.dark-mode .report-type-badge.report-type-illegal_activity,body.dark-mode .report-type-badge.reportTypeIllegalActivity,body.dark-mode .report-type-badge.reportTypeIllegal_activity,body.dark-mode .reportTypeBar.report-type-illegal-activity,body.dark-mode .reportTypeBar.report-type-illegal_activity,body.dark-mode .reportTypeBar.reportTypeIllegalActivity,body.dark-mode .reportTypeBar.reportTypeIllegal_activity{background:linear-gradient(135deg,#bf360c,#8c2908)!important;border:1px solid #8c2908!important;color:#fff!important}.dark-mode .report-type-badge.report-type-drug-activity,.dark-mode .report-type-badge.report-type-drug_activity,.dark-mode .report-type-badge.reportTypeDrugActivity,.dark-mode .report-type-badge.reportTypeDrug_activity,.dark-mode .reportTypeBar.report-type-drug-activity,.dark-mode .reportTypeBar.report-type-drug_activity,.dark-mode .reportTypeBar.reportTypeDrugActivity,.dark-mode .reportTypeBar.reportTypeDrug_activity,body.dark-mode .report-type-badge.report-type-drug-activity,body.dark-mode .report-type-badge.report-type-drug_activity,body.dark-mode .report-type-badge.reportTypeDrugActivity,body.dark-mode .report-type-badge.reportTypeDrug_activity,body.dark-mode .reportTypeBar.report-type-drug-activity,body.dark-mode .reportTypeBar.report-type-drug_activity,body.dark-mode .reportTypeBar.reportTypeDrugActivity,body.dark-mode .reportTypeBar.reportTypeDrug_activity{background:linear-gradient(135deg,#33691e,#1b350f)!important;border:1px solid #1b350f!important;color:#fff!important}.dark-mode .report-type-badge.report-type-hit-and-run,.dark-mode .report-type-badge.report-type-hit-run,.dark-mode .report-type-badge.report-type-hit_and_run,.dark-mode .report-type-badge.reportTypeHitAndRun,.dark-mode .report-type-badge.reportTypeHit_and_run,.dark-mode .reportTypeBar.report-type-hit-and-run,.dark-mode .reportTypeBar.report-type-hit-run,.dark-mode .reportTypeBar.report-type-hit_and_run,.dark-mode .reportTypeBar.reportTypeHitAndRun,.dark-mode .reportTypeBar.reportTypeHit_and_run,body.dark-mode .report-type-badge.report-type-hit-and-run,body.dark-mode .report-type-badge.report-type-hit-run,body.dark-mode .report-type-badge.report-type-hit_and_run,body.dark-mode .report-type-badge.reportTypeHitAndRun,body.dark-mode .report-type-badge.reportTypeHit_and_run,body.dark-mode .reportTypeBar.report-type-hit-and-run,body.dark-mode .reportTypeBar.report-type-hit-run,body.dark-mode .reportTypeBar.report-type-hit_and_run,body.dark-mode .reportTypeBar.reportTypeHitAndRun,body.dark-mode .reportTypeBar.reportTypeHit_and_run{background:linear-gradient(135deg,#e65100,#ac3c00)!important;border:1px solid #ac3c00!important;color:#fff!important}.dark-mode .report-type-badge.report-type-crime,.dark-mode .report-type-badge.report-type-other-crime,.dark-mode .report-type-badge.reportTypeCrime,.dark-mode .report-type-badge.reportTypeOtherCrime,.dark-mode .reportTypeBar.report-type-crime,.dark-mode .reportTypeBar.report-type-other-crime,.dark-mode .reportTypeBar.reportTypeCrime,.dark-mode .reportTypeBar.reportTypeOtherCrime,body.dark-mode .report-type-badge.report-type-crime,body.dark-mode .report-type-badge.report-type-other-crime,body.dark-mode .report-type-badge.reportTypeCrime,body.dark-mode .report-type-badge.reportTypeOtherCrime,body.dark-mode .reportTypeBar.report-type-crime,body.dark-mode .reportTypeBar.report-type-other-crime,body.dark-mode .reportTypeBar.reportTypeCrime,body.dark-mode .reportTypeBar.reportTypeOtherCrime{background:linear-gradient(135deg,#8e44ad,#6c3483)!important;border:1px solid #6c3483!important;color:#fff!important}.dark-mode .report-type-badge.report-type-miscellaneous,.dark-mode .report-type-badge.reportTypeMiscellaneous,.dark-mode .reportTypeBar.report-type-miscellaneous,.dark-mode .reportTypeBar.reportTypeMiscellaneous,body.dark-mode .report-type-badge.report-type-miscellaneous,body.dark-mode .report-type-badge.reportTypeMiscellaneous,body.dark-mode .reportTypeBar.report-type-miscellaneous,body.dark-mode .reportTypeBar.reportTypeMiscellaneous{background:linear-gradient(135deg,#7f8c8d,#5e6a6b)!important;border:1px solid #5e6a6b!important;color:#fff!important}.dark-mode .report-type-badge.report-type-lost,.dark-mode .report-type-badge.reportTypeLost,.dark-mode .reportTypeBar.report-type-lost,.dark-mode .reportTypeBar.reportTypeLost,body.dark-mode .report-type-badge.report-type-lost,body.dark-mode .report-type-badge.reportTypeLost,body.dark-mode .reportTypeBar.report-type-lost,body.dark-mode .reportTypeBar.reportTypeLost{background:linear-gradient(135deg,#d35400,#a04000)!important;border:1px solid #a04000!important;color:#fff!important}.dark-mode .report-type-badge.report-type-found,.dark-mode .report-type-badge.reportTypeFound,.dark-mode .reportTypeBar.report-type-found,.dark-mode .reportTypeBar.reportTypeFound,body.dark-mode .report-type-badge.report-type-found,body.dark-mode .report-type-badge.reportTypeFound,body.dark-mode .reportTypeBar.report-type-found,body.dark-mode .reportTypeBar.reportTypeFound{background:linear-gradient(135deg,#27ae60,#1e8449)!important;border:1px solid #1e8449!important;color:#fff!important}.dark-mode .report-type-badge.report-type-burglary,.dark-mode .report-type-badge.reportTypeBurglary,.dark-mode .reportTypeBar.report-type-burglary,.dark-mode .reportTypeBar.reportTypeBurglary,body.dark-mode .report-type-badge.report-type-burglary,body.dark-mode .report-type-badge.reportTypeBurglary,body.dark-mode .reportTypeBar.report-type-burglary,body.dark-mode .reportTypeBar.reportTypeBurglary{background:linear-gradient(135deg,#922b20,#6d1f17)!important;border:1px solid #6d1f17!important;color:#fff!important}.dark-mode .report-type-badge.report-type-robbery,.dark-mode .report-type-badge.reportTypeRobbery,.dark-mode .reportTypeBar.report-type-robbery,.dark-mode .reportTypeBar.reportTypeRobbery,body.dark-mode .report-type-badge.report-type-robbery,body.dark-mode .report-type-badge.reportTypeRobbery,body.dark-mode .reportTypeBar.report-type-robbery,body.dark-mode .reportTypeBar.reportTypeRobbery{background:linear-gradient(135deg,#a01548,#760f34)!important;border:1px solid #760f34!important;color:#fff!important}.dark-mode .report-type-badge.report-type-assault,.dark-mode .report-type-badge.reportTypeAssault,.dark-mode .reportTypeBar.report-type-assault,.dark-mode .reportTypeBar.reportTypeAssault,body.dark-mode .report-type-badge.report-type-assault,body.dark-mode .report-type-badge.reportTypeAssault,body.dark-mode .reportTypeBar.report-type-assault,body.dark-mode .reportTypeBar.reportTypeAssault{background:linear-gradient(135deg,#6a1b9a,#4a148c)!important;border:1px solid #4a148c!important;color:#fff!important}.dark-mode .report-type-badge.report-type-arson,.dark-mode .report-type-badge.reportTypeArson,.dark-mode .reportTypeBar.report-type-arson,.dark-mode .reportTypeBar.reportTypeArson,body.dark-mode .report-type-badge.report-type-arson,body.dark-mode .report-type-badge.reportTypeArson,body.dark-mode .reportTypeBar.report-type-arson,body.dark-mode .reportTypeBar.reportTypeArson{background:linear-gradient(135deg,#e64a19,#bf360c)!important;border:1px solid #bf360c!important;color:#fff!important}.dark-mode .report-type-badge.report-type-fraud,.dark-mode .report-type-badge.reportTypeFraud,.dark-mode .reportTypeBar.report-type-fraud,.dark-mode .reportTypeBar.reportTypeFraud,body.dark-mode .report-type-badge.report-type-fraud,body.dark-mode .report-type-badge.reportTypeFraud,body.dark-mode .reportTypeBar.report-type-fraud,body.dark-mode .reportTypeBar.reportTypeFraud{background:linear-gradient(135deg,#2e7d32,#1b5e20)!important;border:1px solid #1b5e20!important;color:#fff!important}.dark-mode .report-type-badge.report-type-trespassing,.dark-mode .report-type-badge.reportTypeTrespassing,.dark-mode .reportTypeBar.report-type-trespassing,.dark-mode .reportTypeBar.reportTypeTrespassing,body.dark-mode .report-type-badge.report-type-trespassing,body.dark-mode .report-type-badge.reportTypeTrespassing,body.dark-mode .reportTypeBar.report-type-trespassing,body.dark-mode .reportTypeBar.reportTypeTrespassing{background:linear-gradient(135deg,#0d47a1,#093683)!important;border:1px solid #093683!important;color:#fff!important}.dark-mode .report-type-badge.report-type-animal,.dark-mode .report-type-badge.reportTypeAnimal,.dark-mode .reportTypeBar.report-type-animal,.dark-mode .reportTypeBar.reportTypeAnimal,body.dark-mode .report-type-badge.report-type-animal,body.dark-mode .report-type-badge.reportTypeAnimal,body.dark-mode .reportTypeBar.report-type-animal,body.dark-mode .reportTypeBar.reportTypeAnimal{background:linear-gradient(135deg,#5d4037,#3e2723)!important;border:1px solid #3e2723!important;color:#fff!important}.dark-mode .report-type-badge,.dark-mode .report-type-badge *,.dark-mode .reportTypeBar,.dark-mode .reportTypeBar *,.report-type-badge,.report-type-badge *,.reportTypeBar,.reportTypeBar *,body.dark-mode .report-type-badge,body.dark-mode .report-type-badge *,body.dark-mode .reportTypeBar,body.dark-mode .reportTypeBar *{color:#fff!important}.report-form .category-selector select,.report-form .report-type-select,.report-form input[type=email],.report-form input[type=password],.report-form input[type=text],.report-form textarea,.reports-gallery input[type=email],.reports-gallery input[type=password],.reports-gallery input[type=text],.reports-gallery textarea,.select-group select,option,select{background-color:inherit!important;color:inherit!important}body:not(.dark-mode) .report-form .category-selector select,body:not(.dark-mode) .report-form .select-group select,body:not(.dark-mode) .report-form input[type=email],body:not(.dark-mode) .report-form input[type=password],body:not(.dark-mode) .report-form input[type=text],body:not(.dark-mode) .report-form option,body:not(.dark-mode) .report-form select,body:not(.dark-mode) .report-form textarea,body:not(.dark-mode) .reports-gallery input[type=email],body:not(.dark-mode) .reports-gallery input[type=password],body:not(.dark-mode) .reports-gallery input[type=text],body:not(.dark-mode) .reports-gallery option,body:not(.dark-mode) .reports-gallery select,body:not(.dark-mode) .reports-gallery textarea{background-color:#fff!important;color:#333!important}.dark-mode .report-form .category-selector select,.dark-mode .report-form .select-group select,.dark-mode .report-form input[type=email],.dark-mode .report-form input[type=password],.dark-mode .report-form input[type=text],.dark-mode .report-form option,.dark-mode .report-form select,.dark-mode .report-form textarea,.dark-mode .reports-gallery input[type=email],.dark-mode .reports-gallery input[type=password],.dark-mode .reports-gallery input[type=text],.dark-mode .reports-gallery option,.dark-mode .reports-gallery select,.dark-mode .reports-gallery textarea,body.dark-mode .report-form .category-selector select,body.dark-mode .report-form .select-group select,body.dark-mode .report-form input[type=email],body.dark-mode .report-form input[type=password],body.dark-mode .report-form input[type=text],body.dark-mode .report-form option,body.dark-mode .report-form select,body.dark-mode .report-form textarea,body.dark-mode .reports-gallery input[type=email],body.dark-mode .reports-gallery input[type=password],body.dark-mode .reports-gallery input[type=text],body.dark-mode .reports-gallery option,body.dark-mode .reports-gallery select,body.dark-mode .reports-gallery textarea{background-color:#2a2a2a!important;color:#e0e0e0!important}a.amber-alert,button.amber-alert,button:has(>span:contains("MISSING PERSON")),div.missing-person,div.missingPerson,div:has(>span:contains("MISSING PERSON")),div[class*="MISSING PERSON"]{background:linear-gradient(135deg,red,#c00)!important;color:#fff!important}.amber-alert,[class$="MISSING PERSON"],button[class*=MISSING]{background:linear-gradient(135deg,red,#c00)!important;color:#fff!important}input,select,select option,textarea{background-color:#fff;color:#333}.dark-mode .btn,.dark-mode button{background-color:#2a2a2a;border-color:#444;color:#e0e0e0}.dark-mode .btn:hover,.dark-mode button:hover{background-color:#3a3a3a;border-color:#555;color:#fff}.dark-mode .btn-primary{background-color:#ff4500;border:none;color:#fff}.dark-mode .btn-primary:hover{background-color:#e63900}.dark-mode .btn-secondary{background-color:#444;border:1px solid #555;color:#e0e0e0}.dark-mode .btn-secondary:hover{background-color:#555;color:#fff}.dark-mode input,.dark-mode select,.dark-mode textarea{background-color:#2a2a2a;border-color:#444;color:#e0e0e0}.dark-mode select option{background-color:#2a2a2a;color:#e0e0e0}.dark-mode input:focus,.dark-mode select:focus,.dark-mode textarea:focus{background-color:#333;border-color:#ff4500;box-shadow:0 0 0 2px #ff450040;color:#fff;outline:none}.dark-mode input::placeholder,.dark-mode textarea::placeholder{color:#888}.dark-mode table{border-color:#444;color:#e0e0e0}.dark-mode thead tr{background-color:#333;border-bottom:2px solid #444;color:#f0f0f0}.dark-mode tbody tr{background-color:#2a2a2a;border-bottom:1px solid #444}.dark-mode tbody tr:nth-child(odd){background-color:#333}.dark-mode td,.dark-mode th{border-color:#444}.dark-mode .card,.dark-mode .panel{background-color:#2a2a2a;border-color:#444;box-shadow:0 4px 8px #0000004d;color:#e0e0e0}.dark-mode .card-header,.dark-mode .panel-heading{background-color:#333;border-bottom-color:#444;color:#f0f0f0}.dark-mode .card-footer,.dark-mode .panel-footer{background-color:#333;border-top-color:#444}.dark-mode .alert{border-color:#444}.dark-mode .alert-success{background-color:#1b4332;border-color:#2e7d32;color:#b7ebde}.dark-mode .alert-info{background-color:#1a365d;border-color:#2b6cb0;color:#90cdf4}.dark-mode .alert-warning{background-color:#744210;border-color:#975a16;color:#fbd38d}.dark-mode .alert-danger{background-color:#742a2a;border-color:#9b2c2c;color:#feb2b2}.dark-mode .popover,.dark-mode .tooltip{background-color:#333;border-color:#444;color:#e0e0e0}.dark-mode .modal-content{background-color:#2a2a2a;border-color:#444;color:#e0e0e0}.dark-mode .modal-header{border-bottom-color:#444}.dark-mode .modal-footer{border-top-color:#444}.dark-mode .close{color:#e0e0e0}.dark-mode a{color:#90cdf4}.dark-mode a:hover{color:#63b3ed}.dark-mode .navigation,.dark-mode .sidebar{background-color:#1e1e1e;border-color:#444;color:#e0e0e0}.dark-mode .menu-item,.dark-mode .nav-link{color:#e0e0e0}.dark-mode .menu-item:hover,.dark-mode .nav-link:hover{background-color:#333;color:#fff}.dark-mode .menu-item.active,.dark-mode .nav-link.active{background-color:#444;border-left-color:#ff4500;color:#fff}.dark-mode .breadcrumb{background-color:#333;color:#e0e0e0}.dark-mode .breadcrumb-item{color:#bbb}.dark-mode .breadcrumb-item.active{color:#fff}.dark-mode .pagination{color:#e0e0e0}.dark-mode .page-item .page-link{background-color:#333;border-color:#444;color:#e0e0e0}.dark-mode .page-item.active .page-link{background-color:#ff4500;border-color:#ff4500;color:#fff}.dark-mode .page-item.disabled .page-link{background-color:#222;border-color:#333;color:#777}.dark-mode .progress{background-color:#333}.dark-mode .list-group-item{background-color:#2a2a2a;border-color:#444;color:#e0e0e0}.dark-mode .list-group-item:hover{background-color:#333}.dark-mode .list-group-item.active{border-color:#e63900}.dark-mode .badge-primary,.dark-mode .list-group-item.active{background-color:#ff4500;color:#fff}.dark-mode .badge-secondary{background-color:#666;color:#fff}.dark-mode .badge-success{background-color:#2e7d32;color:#fff}.dark-mode .badge-warning{background-color:#f57f17;color:#fff}.dark-mode .badge-danger{background-color:#c62828;color:#fff}.dark-mode .recharts-cartesian-grid line{stroke:#444}.dark-mode .recharts-text{fill:#e0e0e0}.dark-mode .recharts-legend-item-text{color:#e0e0e0!important}.dark-mode .recharts-default-tooltip,.dark-mode .recharts-tooltip-wrapper{background-color:#333!important;border-color:#444!important}.dark-mode .recharts-default-tooltip{color:#e0e0e0!important}.dark-mode .spinner-border,.dark-mode .spinner-grow{color:#ff4500}.dark-mode .loading-indicator{background-color:#000000b3;color:#e0e0e0}.dark-mode .dropdown-menu{background-color:#2a2a2a;border-color:#444;box-shadow:0 4px 8px #0000004d}.dark-mode .dropdown-item{color:#e0e0e0}.dark-mode .dropdown-item:focus,.dark-mode .dropdown-item:hover{background-color:#333;color:#fff}.dark-mode .dropdown-divider{border-top-color:#444}.dark-mode .nav-tabs{border-bottom-color:#444}.dark-mode .nav-tabs .nav-link{background-color:#333;border-color:#444;color:#e0e0e0}.dark-mode .nav-tabs .nav-link:hover{background-color:#444;border-color:#555}.dark-mode .nav-tabs .nav-link.active{background-color:#2a2a2a;border-color:#ff4500 #444 #2a2a2a;color:#fff}.dark-mode .nav-pills .nav-link{color:#e0e0e0}.dark-mode .nav-pills .nav-link.active{background-color:#ff4500;color:#fff}.dark-mode .accordion .card{background-color:#2a2a2a;border-color:#444}.dark-mode .accordion .card-header{background-color:#333}.dark-mode .accordion .btn-link{color:#e0e0e0}.dark-mode .container,.dark-mode .container-fluid{background-color:#2a2a2a}.dark-mode code,.dark-mode pre{background-color:#333;border-color:#444;color:#f0f0f0}.dark-mode .error-boundary{background-color:#742a2a;border-color:#9b2c2c;color:#feb2b2}.dark-mode .modal{background-color:#000000b3}.dark-mode .react-datepicker{background-color:#2a2a2a;border-color:#444}.dark-mode .react-datepicker__header{background-color:#333;border-bottom-color:#444}.dark-mode .react-datepicker__day{color:#e0e0e0}.dark-mode .react-datepicker__day:hover{background-color:#444}.dark-mode .react-datepicker__day--selected{background-color:#ff4500;color:#fff}.dark-mode .tooltip-inner{background-color:#333;color:#e0e0e0}.dark-mode .tooltip .arrow:before{border-bottom-color:#333;border-top-color:#333}.dark-mode .custom-file-label,.dark-mode input[type=file]{background-color:#2a2a2a;border-color:#444;color:#e0e0e0}.dark-mode .custom-file-label:after{background-color:#333;border-left-color:#444;color:#e0e0e0}.dark-mode .form-check-input{background-color:#2a2a2a;border-color:#444}.dark-mode .form-check-input:checked{background-color:#ff4500;border-color:#ff4500}.dark-mode .form-check-label{color:#e0e0e0}.dark-mode .slider{background-color:#444}.dark-mode .slider-track{background-color:#555}.dark-mode .slider-handle{background-color:#ff4500;border-color:#e63900}.dark-mode .progress{background-color:#444}.dark-mode .progress-bar{background-color:#ff4500}.dark-mode .icon{color:#e0e0e0}.dark-mode .icon-primary{color:#ff4500}.dark-mode .shadow-sm{box-shadow:0 2px 4px #0000004d!important}.dark-mode .shadow{box-shadow:0 4px 8px #0006!important}.dark-mode .shadow-lg{box-shadow:0 8px 16px #00000080!important}.dark-mode .backdrop-blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000000b3}.dark-mode .purchase-modal,.dark-mode .shopping-cart,.dark-mode .store-categories,.dark-mode .store-controls,.dark-mode .store-header-info,.dark-mode .store-item{background:#2a2a2a!important}.dark-mode .guide-section,.dark-mode .section-content{background-color:#2a2a2a!important}.dark-mode .coupon-body,.dark-mode .coupon-card{background:#2a2a2a!important}.dark-mode [style*="background-color: white"],.dark-mode [style*="background: white"]{background-color:#2a2a2a!important}.dark-mode .preview-section{background:#1a1a1a!important}.dark-mode .item-benefits{background:#0000!important}.dark-mode .business-info,.dark-mode .duration-info{background:#1a1a1a!important}.dark-mode .badge-card,.dark-mode .faq-item,.dark-mode .gift-rules,.dark-mode .how-to-gift,.dark-mode .points-table{background:#3a3a3a!important}.dark-mode .tip-box{background:#2a3f5f!important}.dark-mode .coupon-code-section,.dark-mode .redeemed-badge{background-color:#3a3a3a!important}.dark-mode .coupons-info,.dark-mode .no-coupons{background-color:#2a2a2a!important}.profile-bg-sunset-enhanced{background:radial-gradient(circle at 50% 60%,#ffc83266 0,#0000 40%),linear-gradient(180deg,#1e3c72 0,#2a5298 15%,#7e6bb3 30%,#a85a8f 45%,#ff6b6b 60%,#feca57 75%,#ff9ff3 90%,#ffd89b);background-position:50%;background-size:100% 100%;position:relative}.profile-bg-sunset-animated{animation:sunsetPulse 10s ease-in-out infinite;background:radial-gradient(circle at 50% 60%,#ffeb3b 0,#ff9800 30%,#0000 50%),linear-gradient(180deg,#1a237e,#3949ab 20%,#7986cb 40%,#ef5350 60%,#ff7043 80%,#ffb74d);background-size:200% 200%,100% 100%;position:relative}@keyframes sunsetPulse{0%,to{background-position:50% 50%,50%}50%{background-position:50% 55%,50%}}.profile-bg-beach-enhanced{background:radial-gradient(ellipse at top,#ffffff4d 0,#0000 70%),linear-gradient(180deg,#87ceeb 0,#87ceeb 35%,#00ced1 0,#20b2aa 50%,#48d1cc 65%,khaki 0,#f4a460 80%,#deb887);background-size:100% 100%;position:relative}.profile-bg-volcano-enhanced{background:radial-gradient(ellipse at bottom,#ff450099 0,#0000 60%),radial-gradient(circle at 50% 30%,#8080804d 0,#0000 40%),linear-gradient(180deg,#0f0f0f 0,#1a1a1a 20%,#2d1810 35%,#5d1f0c 50%,#8b0000 65%,#dc143c 75%,#ff4500 85%,tomato 92%,orange);background-size:100% 100%;position:relative}.profile-bg-galaxy-enhanced{background:radial-gradient(2px 2px at 20% 30%,#fff,#0000),radial-gradient(2px 2px at 40% 70%,#fff,#0000),radial-gradient(1px 1px at 50% 50%,#fff,#0000),radial-gradient(1px 1px at 80% 10%,#fff,#0000),radial-gradient(ellipse at top,#0a0e27 0,#151b3d 20%,#1e3c72 40%,#2a5298 60%,#1e3c72 80%,#0a0e27 100%);background-position:0 0;background-size:200% 200%;position:relative}.profile-bg-aurora-enhanced{animation:auroraShift 15s ease-in-out infinite;background:linear-gradient(135deg,#667eea80,#0000 40%),linear-gradient(225deg,#764ba280,#0000 40%),linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb 50%,#4facfe 75%,#00f2fe);background-size:200% 200%;position:relative}@keyframes auroraShift{0%,to{background-position:0 0}50%{background-position:100% 100%}}.profile-bg-ocean-enhanced{background:linear-gradient(180deg,#ffffff1a,#0000 30%),linear-gradient(180deg,#005aa7 0,#004e92 20%,#003f7f 40%,#002e5c 60%,#001833 80%,#000428);background-size:100% 100%;position:relative}.profile-background-gradient{background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:200px}:focus{outline:none}[role=button]:focus,[role=link]:focus,[role=menuitem]:focus,[role=tab]:focus,[tabindex]:not([tabindex="-1"]):focus,a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:3px solid var(--color-primary);outline-offset:2px;position:relative;z-index:1}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff450033}.form-group:focus-within,.input-group:focus-within{background-color:var(--color-bg-tertiary);border-radius:var(--radius-base);margin:calc(var(--space-xs)*-1);padding:var(--space-xs)}.button:focus,[role=button]:focus,button:focus{box-shadow:0 0 0 3px #ff45004d;transform:translateY(-1px)}.nav-link:focus,.ssh-nav-link:focus{background-color:#ff45001a;text-decoration:underline}.card:focus,.report-card:focus{box-shadow:0 0 0 3px var(--color-primary),var(--shadow-md)}.dropdown:focus,.modal:focus,[role=dialog]:focus,[role=menu]:focus{box-shadow:0 0 0 3px var(--color-primary),var(--shadow-lg)}.skip-link:focus,.skip-nav__link:focus{background-color:var(--color-primary-dark);outline:4px solid var(--color-primary);outline-offset:4px}@supports selector(:focus-visible){[role=button]:focus,[role=link]:focus,[role=menuitem]:focus,[role=tab]:focus,[tabindex]:not([tabindex="-1"]):focus,a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:none}[role=button]:focus-visible,[role=link]:focus-visible,[role=menuitem]:focus-visible,[role=tab]:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}}.dark [tabindex]:not([tabindex="-1"]):focus,.dark a:focus,.dark button:focus,.dark input:focus,.dark select:focus,.dark textarea:focus{outline-color:var(--color-primary-light)}@media (prefers-contrast:high){[tabindex]:not([tabindex="-1"]):focus,a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:4px solid currentColor;outline-offset:4px}}@media (-ms-high-contrast:active){[tabindex]:not([tabindex="-1"]):focus,a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:4px solid WindowText;outline-offset:4px}}[data-focus-trap-active=true]{position:relative}[data-focus-trap-active=true]:before{border:2px dashed var(--color-primary);border-radius:var(--radius-base);bottom:-4px;content:"";left:-4px;opacity:.5;pointer-events:none;position:absolute;right:-4px;top:-4px}.focus-ring{position:relative}.focus-ring:focus:after{border:3px solid var(--color-primary);border-radius:inherit;bottom:-4px;content:"";left:-4px;pointer-events:none;position:absolute;right:-4px;top:-4px}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.sr-only-focusable:focus{clip:auto;height:auto;margin:inherit;overflow:visible;padding:inherit;position:static;white-space:normal;width:auto}