body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-sidebar{background:linear-gradient(135deg,#062238,#0c3755 50%,#134e7c);box-shadow:4px 0 20px #0622384d;display:flex;flex-direction:column;height:100vh;overflow:hidden;padding:0;position:relative;width:280px}.app-sidebar:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.sidebar-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c37554d;border-bottom:1px solid #ffffff1a;padding:2rem 1.5rem 1.5rem}.user-profile{align-items:center;display:flex;gap:1rem}.user-avatar{position:relative}.user-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0c3755,#062238);border:2px solid #fff3;border-radius:50%;box-shadow:0 4px 12px #06223866;display:flex;font-size:1.2rem;font-weight:600;height:48px;justify-content:center;width:48px}.user-status{background:#10b981;border:2px solid #062238;border-radius:50%;bottom:2px;box-shadow:0 0 0 2px #10b9814d;height:12px;position:absolute;right:2px;width:12px}.user-info{flex:1 1;min-width:0}.username{font-size:1rem;font-weight:600;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{align-items:center;display:flex;font-size:.75rem;gap:.375rem;letter-spacing:.5px;opacity:.8;text-transform:uppercase}.user-role.admin{color:#fbbf24}.user-role.editor{color:#60a5fa}.sidebar-nav{flex-grow:1;overflow-y:auto;padding:1.5rem 0}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:#ffffff1a}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.nav-section{margin-bottom:2rem}.nav-section-title{color:#ffffffb3;font-size:.75rem;font-weight:600;letter-spacing:1px;opacity:.6;padding:0 1.5rem .75rem;text-transform:uppercase}.nav-list{list-style-type:none;margin:0;padding:0}.nav-item{margin-bottom:.25rem;padding:0 1rem}.nav-link{align-items:center;border-radius:12px;color:#ffffffe6;display:flex;font-size:.95rem;font-weight:500;overflow:hidden;padding:.875rem 1rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-link:before{background:linear-gradient(90deg,#0c375599,#134e7c66);content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:0;z-index:0}.nav-link:hover:before{width:100%}.nav-link:hover{box-shadow:0 4px 12px #0622384d}.nav-link.active,.nav-link:hover{color:#fff;transform:translateX(4px)}.nav-link.active{border:1px solid #fff3;box-shadow:0 4px 16px #06223866;font-weight:600}.nav-link.active:after{background:#10b981;border-radius:50%;box-shadow:0 0 8px #10b98199;content:"";height:6px;position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:6px}.nav-link .icon{margin-right:.875rem;position:relative;transition:transform .3s ease;z-index:1}.nav-link:hover .icon{transform:scale(1.1)}.nav-link span{position:relative;z-index:1}.city-link{background:#0c375533;font-size:.875rem;opacity:.9;padding-left:1.5rem}.city-link .icon{height:16px;width:16px}.city-link:hover{background:#0c375580}.sidebar-footer{background:#0622384d;border-top:1px solid #ffffff1a;padding:1.5rem}.city-stats{background:#0c37554d;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:1rem;padding:.75rem}.city-stats h4{font-size:.75rem;letter-spacing:.5px;margin:0 0 .5rem;opacity:.7;text-transform:uppercase}.stats{gap:.5rem}.stat-item{gap:.25rem}.stat-number{color:#60a5fa;font-weight:700}.stat-label{opacity:.8}.logout-button{align-items:center;background:linear-gradient(135deg,#ef44441a,#b91c1c1a);border:1px solid #ef444433;border-radius:12px;color:#ffffffe6;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;overflow:hidden;padding:.875rem 1rem;position:relative;text-align:left;transition:all .3s ease;width:100%}.logout-button:before{background:linear-gradient(90deg,#0000,#ef44441a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.logout-button:hover:before{left:100%}.logout-button:hover{background:linear-gradient(135deg,#ef444433,#b91c1c26);border-color:#ef444466;box-shadow:0 4px 12px #ef444433;color:#fff;transform:translateY(-2px)}.logout-button .icon{margin-right:.875rem;transition:transform .3s ease}.logout-button:hover .icon{transform:rotate(-5deg) scale(1.1)}.admin-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:12px;color:#000;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.no-cities{color:#ffffff80;font-size:.875rem;font-style:italic;opacity:.6;padding:1rem;text-align:center}@media (max-width:768px){.app-sidebar{left:0;max-width:320px;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:100%;z-index:1000}.app-sidebar.mobile-open{transform:translateX(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.nav-item{animation:slideIn .3s ease forwards}.nav-item:first-child{animation-delay:.1s}.nav-item:nth-child(2){animation-delay:.2s}.nav-item:nth-child(3){animation-delay:.3s}.nav-item:nth-child(4){animation-delay:.4s}.nav-item:nth-child(5){animation-delay:.5s}.sidebar-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;height:100vh;justify-content:center}.loading-spinner{border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:32px;width:32px}.sidebar-header .user-icon{background:linear-gradient(135deg,#0c3755,#062238);border:2px solid #fff3;border-radius:50%;box-shadow:0 4px 12px #06223866;margin-right:.75rem;padding:.5rem}.sidebar-header .username{font-size:1.1rem;font-weight:600}.nav-link.active{background:linear-gradient(135deg,#0c3755cc,#06223899)}.nav-link:hover{background:#0c375566}.logout-button:hover{background:#06223899}.login-container{display:flex;height:100vh}.login-form-container{align-items:center;background-color:#fff;display:flex;justify-content:center;padding:2rem;width:50%}.login-form{max-width:400px;width:100%}.logo{height:40px;margin-bottom:2rem;width:40px}.form-title{color:#1f2937;font-size:2rem;font-weight:700;margin-bottom:1rem}.form-subtitle{color:#4b5563;margin-bottom:2rem}.input-group{margin-bottom:1rem}.input-label{color:#374151;display:block;font-weight:500;margin-bottom:.5rem}.input-field{background-color:#f8fafc;border:1px solid #d1d5db;border-radius:.375rem;font-size:1rem;padding:.75rem;width:100%}.password-input-container{position:relative}.password-toggle{background:none;border:none;cursor:pointer;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.login-options{justify-content:space-between;margin-bottom:1rem}.login-options,.remember-me{align-items:center;display:flex}.remember-me{gap:.5rem}.login-button{border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-weight:500;padding:.75rem;transition:background-color .2s;width:100%}.login-button,.login-button:hover{background-color:#062238}.register-link{color:#4b5563;margin-top:2rem;text-align:center}.decorative-image{background-color:#062238;display:flex;flex-direction:column;justify-content:center;padding:4rem;position:relative;width:50%}.text-content-login{background-color:#062238;color:#fff}.text-section-login{background-color:#062238;margin-bottom:3rem}.text-section h2{color:#fff;font-size:2.75rem;font-weight:500;margin:0}.text-section h1{color:#fff;font-size:4.5rem;font-weight:700;margin:1rem 0}.divider-login{background-color:#fff;color:#fff;height:2px;margin:1.5rem 0;width:60px}.tagline{margin-top:1rem}.tagline-login{color:#2ca3da}.tagline p,.tagline-login{font-size:2.5rem;font-weight:600;margin:0}.tagline p{color:#60a5fa}.store-buttons-login{background-color:#062238;display:flex;gap:1rem;margin-top:3rem}.store-buttons-login img{background-color:#062238;height:4.5rem;width:auto}.text-section-login h2{color:#fff;font-size:2.75rem;font-weight:500;margin:0}.text-section-login h1{color:#fff;font-size:4.5rem;font-weight:700;margin:1rem 0}.dashboard-container{background-color:#fff;min-height:100vh;padding:0}.dashboard-header{align-items:flex-start;background-color:#062238;box-shadow:0 4px 6px #0000001a;display:flex;justify-content:space-between;padding:2rem}.dashboard-header h1{color:#fff;font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.dashboard-header p{color:#fffc;font-size:.95rem;margin:0}.header-date{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:.5rem;color:#ffffffb3;display:flex;font-size:.875rem;gap:.5rem;padding:.75rem 1rem}.metrics-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem;padding:2rem}.metric-card{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;overflow:hidden;padding:1.5rem;position:relative;transition:transform .3s ease,box-shadow .3s ease}.metric-card:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.metric-card.blue:before{background:#4a90e2}.metric-card.green:before{background:#10b981}.metric-card.purple:before{background:#8b5cf6}.metric-card.orange:before{background:#f97316}.metric-card:hover{box-shadow:0 6px 8px #00000026;transform:translateY(-5px)}.metric-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.metric-icon{color:#4a90e2;opacity:.8}.metric-change{align-items:center;border-radius:1rem;display:flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.25rem .5rem}.metric-change.positive{background:#10b9811a;color:#10b981}.metric-change.negative{background:#ef44441a;color:#ef4444}.metric-value{color:#4a90e2;font-size:2rem;font-weight:700;line-height:1;margin-bottom:.5rem}.metric-title{color:#4a5568;font-size:.875rem;font-weight:500}.dashboard-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:0 2rem 2rem}.dashboard-card{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.dashboard-card:hover{box-shadow:0 6px 8px #00000026;transform:translateY(-5px)}.card-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:.75rem}.card-header h3{color:#062238;font-size:1.125rem;font-weight:700;margin:0}.card-header svg{color:#4a90e2;opacity:.7}.system-metrics{display:flex;flex-direction:column;gap:1rem}.system-status{align-items:center;background:#f8f9fa;border-radius:.5rem;display:flex;gap:.75rem;padding:.75rem;transition:background-color .2s ease}.system-status:hover{background:#e9ecef}.status-indicator{flex-shrink:0}.status-good{color:#10b981}.status-warning{color:#f59e0b}.status-error{color:#ef4444}.status-content{flex:1 1}.status-label{color:#4a5568;display:block;font-size:.875rem;font-weight:500}.status-value{color:#718096;display:block;font-size:.75rem;margin-top:.125rem}.storage-breakdown{display:flex;flex-direction:column;gap:1rem}.storage-item{background:#f8f9fa;border-radius:.5rem;gap:.75rem;padding:.75rem}.storage-icon,.storage-item{align-items:center;display:flex}.storage-icon{border-radius:.375rem;font-size:1.25rem;height:2.5rem;justify-content:center;width:2.5rem}.storage-info{display:flex;flex:1 1;flex-direction:column}.storage-count{color:#062238;font-size:1.125rem;font-weight:700}.storage-label{color:#718096;font-size:.75rem}.storage-total{align-items:center;background:linear-gradient(135deg,#4a90e2,#062238);border-radius:.5rem;color:#fff;display:flex;flex-direction:column;margin-top:.5rem;padding:1rem}.total-size{font-size:1.5rem;font-weight:700}.total-label{font-size:.75rem;opacity:.9}.activity-list{display:flex;flex-direction:column;gap:.75rem}.activity-item{align-items:center;background:#f8f9fa;border-radius:.5rem;display:flex;gap:.75rem;padding:.75rem;transition:background-color .2s ease}.activity-item:hover{background:#e9ecef}.activity-icon{align-items:center;background:#4a90e2;border-radius:.375rem;color:#fff;display:flex;flex-shrink:0;height:2rem;justify-content:center;width:2rem}.activity-content{display:flex;flex:1 1;flex-direction:column}.activity-title{color:#062238;font-size:.875rem;font-weight:600}.activity-meta{color:#718096;font-size:.75rem}.services-status{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.service-item{align-items:center;background:#f8f9fa;border-radius:.5rem;color:#4a5568;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem}.service-online{color:#10b981}.service-warning{color:#f59e0b}.service-offline{color:#ef4444}.quick-actions{display:flex;flex-direction:column;gap:.75rem}.action-btn{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1rem;text-decoration:none;transition:all .3s ease}.action-btn.primary{background:#4a90e2;color:#fff}.action-btn.primary:hover{background:#357abd;transform:translateY(-2px)}.action-btn.secondary{background:#062238;color:#fff}.action-btn.secondary:hover{background:#0a2f47;transform:translateY(-2px)}.action-btn.success{background:#10b981;color:#fff}.action-btn.success:hover{background:#059669;transform:translateY(-2px)}.loading-container{text-align:center}.loading-spinner{color:#4a90e2;margin-bottom:1rem}@media (max-width:1024px){.dashboard-header{align-items:stretch;flex-direction:column;gap:1rem;padding:1.5rem}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:1.5rem}.dashboard-grid{padding:0 1rem 1rem}.metric-card{padding:1rem}.metric-value{font-size:1.5rem}.dashboard-card{padding:1rem}.services-status{grid-template-columns:1fr}.activity-item,.storage-item{padding:.5rem}}@media (max-width:480px){.dashboard-header{padding:.75rem}.dashboard-header h1{font-size:1.25rem}.header-date{font-size:.75rem;padding:.5rem .75rem}.metric-card,.metrics-grid{padding:.75rem}.metric-value{font-size:1.25rem}.dashboard-card{padding:.75rem}.card-header{margin-bottom:1rem}.card-header h3{font-size:1rem}}.dashboard-card,.metric-card{animation:fadeInUp .3s ease-out}.metric-card:first-child{animation-delay:.1s}.metric-card:nth-child(2){animation-delay:.2s}.metric-card:nth-child(3){animation-delay:.3s}.metric-card:nth-child(4){animation-delay:.4s}.metric-card:nth-child(5){animation-delay:.5s}.metric-card:nth-child(6){animation-delay:.6s}.dashboard-card:first-child{animation-delay:.2s}.dashboard-card:nth-child(2){animation-delay:.3s}.dashboard-card:nth-child(3){animation-delay:.4s}.dashboard-card:nth-child(4){animation-delay:.5s}.dashboard-card:nth-child(5){animation-delay:.6s}.action-btn:focus-visible,.dashboard-card:focus-visible,.metric-card:focus-visible{outline:2px solid #4a90e2;outline-offset:2px}.dashboard-card:hover .card-header svg,.metric-card:hover .metric-icon{color:#357abd;transform:scale(1.1)}.service-online,.status-good{animation:pulse-green 2s infinite}.service-warning,.status-warning{animation:pulse-orange 2s infinite}@keyframes pulse-green{0%,to{opacity:1}50%{opacity:.7}}@keyframes pulse-orange{0%,to{opacity:1}50%{opacity:.8}}.storage-progress{background:#e2e8f0;border-radius:3px;height:6px;margin-top:.5rem;overflow:hidden;width:100%}.storage-progress-bar{background:linear-gradient(90deg,#4a90e2,#10b981);border-radius:3px;height:100%;transition:width .3s ease}.dashboard-card[title]:hover:after,.metric-card[title]:hover:after{background:#062238;border-radius:.25rem;bottom:-2rem;color:#fff;content:attr(title);font-size:.75rem;left:50%;padding:.5rem;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:1000}.storage-icon.images{background:linear-gradient(135deg,#ff6b6b,#ff8e53)}.storage-icon.videos{background:linear-gradient(135deg,#4ecdc4,#44a08d)}.storage-icon.audio{background:linear-gradient(135deg,#845ec2,#b39ddb)}.notification-badge{align-items:center;background:#ef4444;border-radius:50%;color:#fff;display:flex;font-size:.625rem;font-weight:700;height:1.25rem;justify-content:center;position:absolute;right:-.5rem;top:-.5rem;width:1.25rem}*{transition:color .3s ease,background-color .3s ease,border-color .3s ease,transform .3s ease,box-shadow .3s ease,opacity .3s ease}:root{--cm-primary:#3b82f6;--cm-primary-hover:#2563eb;--cm-secondary:#062238;--cm-success:#10b981;--cm-warning:#f59e0b;--cm-danger:#ef4444;--cm-purple:#8b5cf6;--cm-gray-50:#f9fafb;--cm-gray-100:#f3f4f6;--cm-gray-200:#e5e7eb;--cm-gray-300:#d1d5db;--cm-gray-400:#9ca3af;--cm-gray-500:#6b7280;--cm-gray-600:#4b5563;--cm-gray-700:#374151;--cm-gray-800:#1f2937;--cm-gray-900:#111827;--cm-border-radius:0.5rem;--cm-border-radius-lg:0.75rem;--cm-shadow-sm:0 1px 2px 0 #0000000d;--cm-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--cm-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--cm-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.cm-city-manager{background-color:#f9fafb;background-color:var(--cm-gray-50);margin:0 auto;max-width:1200px;min-height:calc(100vh - 4rem);padding:2rem}.cm-header{align-items:flex-start;background:#fff;border-radius:.75rem;border-radius:var(--cm-border-radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--cm-shadow-sm);gap:1rem;margin-bottom:2rem;padding:1.5rem}.cm-header,.cm-header-content{display:flex;justify-content:space-between}.cm-header-content{align-items:center;width:100%}.cm-header-main h1{color:#1f2937;color:var(--cm-gray-800);font-size:1.875rem;font-weight:700;margin:0 0 .5rem}.cm-header-subtitle{color:#6b7280;color:var(--cm-gray-500);font-size:.875rem;line-height:1.5;margin:0}.cm-add-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--cm-primary),var(--cm-primary-hover));border:none;border-radius:.5rem;border-radius:var(--cm-border-radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--cm-shadow-sm);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}.cm-add-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--cm-primary-hover),#1d4ed8);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--cm-shadow-md);transform:translateY(-1px)}.cm-stats-section{background:#fff;border-radius:.75rem;border-radius:var(--cm-border-radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--cm-shadow-sm);margin-bottom:1.5rem;padding:1.5rem}.cm-stats-grid{flex-wrap:wrap;gap:1.5rem}.cm-stats-card,.cm-stats-grid{align-items:center;display:flex}.cm-stats-card{background:#f3f4f6;background:var(--cm-gray-100);border:1px solid #e5e7eb;border:1px solid var(--cm-gray-200);border-radius:.5rem;border-radius:var(--cm-border-radius);color:#4b5563;color:var(--cm-gray-600);font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.cm-stats-card:hover{background:#e5e7eb;background:var(--cm-gray-200);border-color:#d1d5db;border-color:var(--cm-gray-300)}.cm-stats-card.blue .cm-stats-icon{color:#3b82f6;color:var(--cm-primary)}.cm-stats-card.green .cm-stats-icon{color:#10b981;color:var(--cm-success)}.cm-stats-card.purple .cm-stats-icon{color:#8b5cf6;color:var(--cm-purple)}.cm-stats-card.orange .cm-stats-icon{color:#f59e0b;color:var(--cm-warning)}.cm-stats-header{display:contents}.cm-stats-icon{flex-shrink:0}.cm-stats-info{align-items:center;display:flex;gap:.25rem}.cm-stats-value{color:#1f2937;color:var(--cm-gray-800);font-weight:700}.cm-stats-title{font-weight:500}.cm-stats-subtitle{color:#6b7280;color:var(--cm-gray-500);font-size:.75rem;margin-left:.25rem}.cm-main-content{margin:0}.cm-section-header{align-items:flex-start;display:flex;gap:2rem;justify-content:space-between;margin-bottom:2rem}.cm-section-info h2{align-items:center;color:#1f2937;color:var(--cm-gray-800);display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;margin:0 0 .5rem}.cm-count{background:#3b82f6;background:var(--cm-primary);border-radius:.5rem;border-radius:var(--cm-border-radius);color:#fff;font-size:.875rem;font-weight:600;padding:.25rem .75rem}.cm-section-info p{color:#6b7280;color:var(--cm-gray-500);font-size:.875rem;line-height:1.5;margin:0}.cm-filters{background:#f3f4f6;background:var(--cm-gray-100);border-radius:.75rem;border-radius:var(--cm-border-radius-lg);display:flex;gap:.5rem;padding:.25rem}.cm-filter-btn{align-items:center;background:#0000;border:none;border-radius:.5rem;border-radius:var(--cm-border-radius);color:#4b5563;color:var(--cm-gray-600);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.cm-filter-btn.active,.cm-filter-btn:hover{background:#fff;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--cm-shadow-sm);color:#3b82f6;color:var(--cm-primary);transform:scale(1.02)}.cm-cities-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.cm-city-card{background:#fff;border:1px solid #f3f4f6;border:1px solid var(--cm-gray-100);border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--cm-shadow-md);overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.cm-city-card:hover{border-color:#e5e7eb;border-color:var(--cm-gray-200);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--cm-shadow-lg);transform:translateY(-4px)}.cm-city-card.editing{border-color:#3b82f6;border-color:var(--cm-primary);box-shadow:0 0 0 2px #4a90e233,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:0 0 0 2px #4a90e233,var(--cm-shadow-lg)}.cm-image-container{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);background:linear-gradient(135deg,var(--cm-gray-100),var(--cm-gray-200));height:200px;overflow:hidden;position:relative}.cm-city-image{height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1);width:100%}.cm-city-card:hover .cm-city-image{transform:scale(1.08)}.cm-image-placeholder{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#9ca3af;color:var(--cm-gray-400);display:none;flex-direction:column;gap:.75rem;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.cm-image-placeholder.visible{display:flex}.cm-status-badge{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:2rem;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--cm-shadow-sm);display:flex;font-size:.75rem;font-weight:600;gap:.375rem;padding:.375rem .875rem;position:absolute;right:1rem;top:1rem}.cm-status-badge.visible{background:#10b981e6;color:#fff}.cm-status-badge.hidden{background:#6b7280e6;color:#fff}.cm-card-content{padding:1.5rem}.cm-card-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.cm-city-title{color:#062238;color:var(--cm-secondary);flex:1 1;font-size:1.25rem;font-weight:700;line-height:1.3;margin:0}.cm-actions{display:flex;flex-shrink:0;gap:.375rem}.cm-action-btn{align-items:center;background:#f3f4f6;background:var(--cm-gray-100);border:none;border-radius:.5rem;color:#4b5563;color:var(--cm-gray-600);cursor:pointer;display:flex;height:2.25rem;justify-content:center;transition:all .2s ease;width:2.25rem}.cm-action-btn:hover{background:#e5e7eb;background:var(--cm-gray-200);color:#374151;color:var(--cm-gray-700);transform:scale(1.05)}.cm-action-btn.edit:hover{background:#4a90e21a;color:#3b82f6;color:var(--cm-primary)}.cm-action-btn.delete:hover{background:#ef44441a;color:#ef4444;color:var(--cm-danger)}.cm-action-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.cm-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#4b5563;color:var(--cm-gray-600);display:-webkit-box;font-size:.875rem;line-height:1.6;margin:0 0 1.25rem;overflow:hidden}.cm-card-stats{grid-gap:1rem;background:#f9fafb;background:var(--cm-gray-50);border:1px solid #f3f4f6;border:1px solid var(--cm-gray-100);border-radius:.75rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.25rem;padding:1rem}.cm-stat-item{align-items:center;display:flex;font-size:.75rem;gap:.5rem}.cm-stat-item svg{color:#9ca3af;color:var(--cm-gray-400);flex-shrink:0}.cm-stat-value{color:#062238;color:var(--cm-secondary);font-weight:700}.cm-stat-label{color:#6b7280;color:var(--cm-gray-500);font-weight:500}.cm-navigation{display:flex;gap:.75rem}.cm-nav-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--cm-gray-200);border-radius:.5rem;color:#4b5563;color:var(--cm-gray-600);cursor:pointer;display:flex;flex:1 1;font-size:.75rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;text-align:center;text-decoration:none;transition:all .2s ease}.cm-nav-btn:hover{background:#f9fafb;background:var(--cm-gray-50);border-color:#d1d5db;border-color:var(--cm-gray-300);transform:translateY(-1px)}.cm-nav-btn.primary{background:#3b82f6;background:var(--cm-primary);border-color:#3b82f6;border-color:var(--cm-primary);color:#fff}.cm-nav-btn.primary:hover{background:#357abd;border-color:#357abd}.cm-empty-state{align-items:center;background:#fff;border:1px solid #f3f4f6;border:1px solid var(--cm-gray-100);border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--cm-shadow-md);display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.cm-empty-icon{color:#d1d5db;color:var(--cm-gray-300);margin-bottom:1.5rem}.cm-empty-state h3{color:#062238;color:var(--cm-secondary);font-size:1.25rem;font-weight:700;margin:0 0 .75rem}.cm-empty-state p{color:#6b7280;color:var(--cm-gray-500);font-size:.875rem;line-height:1.6;margin:0 0 2rem;max-width:400px}.cm-loading-container{align-items:center;background:#fff;border-radius:1rem;color:#6b7280;color:var(--cm-gray-500);display:flex;flex-direction:column;justify-content:center;margin:2rem;padding:4rem 2rem}.cm-loading-spinner{animation:spin 1s linear infinite;color:#3b82f6;color:var(--cm-primary);margin-bottom:1rem}@media (max-width:1024px){.cm-stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.cm-cities-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width:768px){.cm-header{padding:1.5rem 0}.cm-header-content{flex-direction:column;gap:1.5rem;text-align:center}.cm-header-main h1{font-size:1.75rem}.cm-section-header{flex-direction:column;gap:1rem}.cm-cities-grid{grid-template-columns:1fr}.cm-main-content{padding:0 1rem 2rem}.cm-stats-section{padding:1.5rem 1rem}.cm-stats-grid{gap:1rem;grid-template-columns:1fr}.cm-card-stats{gap:.75rem;grid-template-columns:1fr}.cm-navigation{flex-direction:column}.cm-filters{flex-wrap:wrap}}.cm-edit-form{background:#fff;border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--cm-shadow-lg);overflow:hidden}.cm-edit-header{background:#f9fafb;background:var(--cm-gray-50);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--cm-gray-200);padding:1.5rem}.cm-edit-header h3{color:#062238;color:var(--cm-secondary);font-size:1.125rem;font-weight:700;margin:0}.cm-form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;padding:1.5rem}.cm-form-group{display:flex;flex-direction:column;gap:.5rem}.cm-form-group-full{grid-column:1/-1}.cm-form-label{font-weight:600}.cm-form-input,.cm-form-label,.cm-form-textarea{color:#062238;color:var(--cm-secondary);font-size:.875rem}.cm-form-input,.cm-form-textarea{background:#fff;border:1px solid #d1d5db;border:1px solid var(--cm-gray-300);border-radius:.5rem;padding:.75rem;transition:all .2s ease}.cm-form-input:focus,.cm-form-textarea:focus{border-color:#3b82f6;border-color:var(--cm-primary);box-shadow:0 0 0 2px #4a90e233;outline:none}.cm-form-input:disabled,.cm-form-textarea:disabled{background:#f9fafb;background:var(--cm-gray-50);color:#6b7280;color:var(--cm-gray-500);cursor:not-allowed}.cm-form-textarea{font-family:inherit;min-height:80px;resize:vertical}.cm-edit-actions{background:#f9fafb;background:var(--cm-gray-50);border-top:1px solid #e5e7eb;border-top:1px solid var(--cm-gray-200);display:flex;gap:.75rem;justify-content:flex-end;padding:1.5rem}.cm-btn{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.cm-btn:disabled{cursor:not-allowed;opacity:.5}.cm-btn-primary{background:#3b82f6;background:var(--cm-primary);color:#fff}.cm-btn-primary:hover:not(:disabled){background:#357abd}.cm-btn-secondary{background:#e5e7eb;background:var(--cm-gray-200);color:#374151;color:var(--cm-gray-700)}.cm-btn-secondary:hover:not(:disabled){background:#d1d5db;background:var(--cm-gray-300)}.cm-spinner{animation:spin 1s linear infinite}@media (max-width:480px){.cm-header-content,.cm-main-content{padding-left:1rem;padding-right:1rem}.cm-card-content,.cm-stats-section{padding:1rem}.cm-add-button{justify-content:center;width:100%}.cm-form-grid{grid-template-columns:1fr}}.cm-upload-method-selector{background-color:#f3f4f6;border-radius:8px;display:flex;gap:12px;margin-bottom:16px;padding:4px;width:fit-content}.cm-method-btn{align-items:center;background-color:initial;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.cm-method-btn.active{background-color:#3b82f6;color:#fff}.cm-method-btn:hover:not(.active):not(:disabled){background-color:#e5e7eb;color:#374151}.cm-method-btn:disabled{cursor:not-allowed;opacity:.5}.cm-upload-zone{background-color:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;padding:20px;text-align:center;transition:border-color .2s ease}.cm-upload-zone:hover{border-color:#3b82f6}.cm-upload-label{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:8px}.cm-upload-text{color:#6b7280;font-size:14px;font-weight:500}.cm-upload-subtext{color:#9ca3af;font-size:12px}.cm-image-preview-container{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:16px;overflow:hidden}.cm-image-preview-header{align-items:center;background-color:#fff;border-bottom:1px solid #e5e7eb;color:#374151;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px}.cm-image-preview{padding:16px;text-align:center}.cm-preview-img{border-radius:6px;box-shadow:0 1px 3px #0000001a;max-height:200px;max-width:100%}.cm-image-error{background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:14px;margin-top:12px;padding:12px}:root{--esc-primary:#3b82f6;--esc-primary-hover:#2563eb;--esc-success:#10b981;--esc-success-hover:#059669;--esc-danger:#ef4444;--esc-danger-hover:#dc2626;--esc-warning:#f59e0b;--esc-gray-50:#f9fafb;--esc-gray-100:#f3f4f6;--esc-gray-200:#e5e7eb;--esc-gray-300:#d1d5db;--esc-gray-400:#9ca3af;--esc-gray-500:#6b7280;--esc-gray-600:#4b5563;--esc-gray-700:#374151;--esc-gray-800:#1f2937;--esc-gray-900:#111827;--esc-border-radius:0.5rem;--esc-border-radius-lg:0.75rem;--esc-shadow-sm:0 1px 2px 0 #0000000d;--esc-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--esc-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--esc-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--esc-transition:all 0.2s ease}.esc-escales-container{background:#f9fafb;background:var(--esc-gray-50);margin:0 auto;max-width:1200px;min-height:calc(100vh - 4rem);padding:2rem}.esc-add-section{align-items:flex-start;background:#fff;border-radius:.75rem;border-radius:var(--esc-border-radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--esc-shadow);display:flex;gap:1rem;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.esc-add-section-info h2{color:#1f2937;color:var(--esc-gray-800);font-size:1.875rem;font-weight:700;margin:0 0 .5rem}.esc-add-section-info p{color:#6b7280;color:var(--esc-gray-500);font-size:.875rem;line-height:1.5;margin:0}.esc-add-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--esc-primary),var(--esc-primary-hover));border:none;border-radius:.5rem;border-radius:var(--esc-border-radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--esc-shadow-sm);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;transition:var(--esc-transition)}.esc-add-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--esc-primary-hover),#1d4ed8);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--esc-shadow-md);transform:translateY(-1px)}.esc-dashboard-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:2rem}.esc-dashboard-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--esc-gray-200);border-radius:.75rem;border-radius:var(--esc-border-radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--esc-shadow);display:flex;flex-direction:column;min-height:200px;overflow:hidden;padding:1.5rem;position:relative;transition:all .2s ease;transition:var(--esc-transition)}.esc-dashboard-card:hover{border-color:#d1d5db;border-color:var(--esc-gray-300);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--esc-shadow-lg);transform:translateY(-4px)}.esc-dashboard-card.card-hidden{background:linear-gradient(135deg,#fff,#fef3c7);border-left:4px solid #f59e0b;border-left:4px solid var(--esc-warning)}.esc-card-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem;min-height:2rem}.esc-card-title{color:#1f2937;color:var(--esc-gray-800);flex:1 1;font-size:1.25rem;font-weight:700;line-height:1.3;margin:0}.esc-edit-title-container{flex:1 1}.esc-edit-title-input{background:#fff;border:2px solid #3b82f6;border:2px solid var(--esc-primary);border-radius:.5rem;border-radius:var(--esc-border-radius);color:#1f2937;color:var(--esc-gray-800);font-family:inherit;font-size:1.25rem;font-weight:700;padding:.5rem .75rem;transition:all .2s ease;transition:var(--esc-transition);width:100%}.esc-edit-title-input:focus{border-color:#2563eb;border-color:var(--esc-primary-hover);box-shadow:0 0 0 3px #3b82f61a;outline:none}.esc-edit-title-input:disabled{cursor:not-allowed;opacity:.6}.esc-hidden-badge{align-items:center;background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:1rem;color:#f59e0b;color:var(--esc-warning);display:flex;font-size:.75rem;font-weight:600;gap:.375rem;height:fit-content;padding:.25rem .75rem;white-space:nowrap}.esc-card-content{flex:1 1;margin-bottom:1rem}.esc-card-metadata{display:flex;flex-direction:column;gap:.5rem}.esc-metadata-item{align-items:center;color:#6b7280;color:var(--esc-gray-500);display:flex;font-size:.875rem;gap:.5rem}.esc-edit-helper{background:#f9fafb;background:var(--esc-gray-50);border:1px solid #e5e7eb;border:1px solid var(--esc-gray-200);border-radius:.5rem;border-radius:var(--esc-border-radius);margin-bottom:1rem;padding:.75rem}.esc-form-help{color:#6b7280;color:var(--esc-gray-500);font-size:.75rem;margin:0}.esc-action-buttons{background:#f9fafb;background:var(--esc-gray-50);border-radius:0 0 .75rem .75rem;border-radius:0 0 var(--esc-border-radius-lg) var(--esc-border-radius-lg);border-top:1px solid #e5e7eb;border-top:1px solid var(--esc-gray-200);display:flex;gap:.75rem;margin:1rem -1.5rem -1.5rem;padding:1rem 1.5rem}.esc-cancel-button,.esc-delete-button,.esc-edit-button,.esc-hide-button,.esc-save-button,.esc-show-button,.esc-visibility-button{align-items:center;border:none;border-radius:.5rem;border-radius:var(--esc-border-radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--esc-shadow-sm);cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:500;gap:.375rem;min-height:2rem;padding:.5rem 1rem;transition:all .2s ease;transition:var(--esc-transition);white-space:nowrap}.esc-edit-button{background:#3b82f61a;border:1px solid #3b82f633;color:#3b82f6;color:var(--esc-primary)}.esc-edit-button:hover{background:#3b82f633;transform:translateY(-1px)}.esc-delete-button{background:#ef44441a;border:1px solid #ef444433;color:#ef4444;color:var(--esc-danger)}.esc-delete-button:hover{background:#ef444433;transform:translateY(-1px)}.esc-show-button{background:#10b9811a;border:1px solid #10b98133;color:#10b981;color:var(--esc-success)}.esc-show-button:hover{background:#10b98133;transform:translateY(-1px)}.esc-hide-button{background:#6b72801a;border:1px solid #6b728033;color:#6b7280;color:var(--esc-gray-500)}.esc-hide-button:hover{background:#6b728033;transform:translateY(-1px)}.esc-save-button{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--esc-success),var(--esc-success-hover));border:1px solid #10b981;border:1px solid var(--esc-success);color:#fff}.esc-save-button:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);background:linear-gradient(135deg,var(--esc-success-hover),#047857);transform:translateY(-1px)}.esc-save-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.esc-cancel-button{background:#6b72801a;border:1px solid #6b728033;color:#4b5563;color:var(--esc-gray-600)}.esc-cancel-button:hover:not(:disabled){background:#6b728033;transform:translateY(-1px)}.esc-cancel-button:disabled{cursor:not-allowed;opacity:.6}.esc-loading-spinner{animation:spin 1s linear infinite}.esc-slide-panel-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .3s ease;visibility:hidden;z-index:1000}.esc-slide-panel-overlay.active{opacity:1;visibility:visible}.esc-slide-panel{background:#fff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--esc-shadow-lg);display:flex;flex-direction:column;height:100vh;max-width:500px;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease;width:100%;z-index:1001}.esc-slide-panel.active{transform:translateX(0)}.esc-slide-panel-header{align-items:center;background:#f9fafb;background:var(--esc-gray-50);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--esc-gray-200);display:flex;justify-content:space-between;padding:1.5rem 2rem}.esc-slide-panel-title{color:#1f2937;color:var(--esc-gray-800);font-size:1.25rem;font-weight:700;margin:0}.esc-slide-panel-close{align-items:center;background:#e5e7eb;background:var(--esc-gray-200);border:none;border-radius:50%;color:#4b5563;color:var(--esc-gray-600);cursor:pointer;display:flex;height:2.5rem;justify-content:center;transition:all .2s ease;transition:var(--esc-transition);width:2.5rem}.esc-slide-panel-close:hover{background:#d1d5db;background:var(--esc-gray-300);color:#374151;color:var(--esc-gray-700);transform:scale(1.1)}.esc-slide-panel-content{flex:1 1;overflow-y:auto;padding:2rem}.esc-edit-form{gap:1rem}.esc-edit-form,.esc-form-group{display:flex;flex-direction:column}.esc-form-group{gap:.5rem}.esc-form-label{color:#374151;color:var(--esc-gray-700);font-size:.875rem;font-weight:600}.esc-edit-input{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--esc-gray-200);border-radius:.5rem;border-radius:var(--esc-border-radius);font-family:inherit;font-size:.875rem;padding:.75rem 1rem;transition:all .2s ease;transition:var(--esc-transition);width:100%}.esc-edit-input:focus{border-color:#3b82f6;border-color:var(--esc-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.esc-edit-input:hover:not(:focus){border-color:#d1d5db;border-color:var(--esc-gray-300)}.esc-edit-actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--esc-gray-200);display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem}.esc-loading-container{align-items:center;background:#fff;border-radius:.75rem;border-radius:var(--esc-border-radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--esc-shadow);display:flex;flex-direction:column;justify-content:center;margin:2rem 0;padding:4rem 2rem;text-align:center}.esc-loading-container h3{color:#374151;color:var(--esc-gray-700);font-size:1.25rem;font-weight:600;margin:1rem 0 .5rem}.esc-loading-container p{color:#6b7280;color:var(--esc-gray-500);line-height:1.6;margin:0 0 1.5rem}.esc-empty-state{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--esc-gray-200);border-radius:.75rem;border-radius:var(--esc-border-radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--esc-shadow);display:flex;flex-direction:column;justify-content:center;margin:2rem 0;padding:4rem 2rem;text-align:center}.esc-empty-state h3{color:#374151;color:var(--esc-gray-700);font-size:1.25rem;font-weight:600;margin:1rem 0 .5rem}.esc-empty-state p{color:#6b7280;color:var(--esc-gray-500);line-height:1.6;margin:0 0 2rem}.esc-empty-icon{color:#9ca3af;color:var(--esc-gray-400);margin-bottom:1.5rem}@media (max-width:1024px){.esc-dashboard-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.esc-escales-container{padding:1.5rem}}@media (max-width:768px){.esc-escales-container{padding:1rem}.esc-add-section{align-items:stretch;flex-direction:column;gap:1.5rem;padding:1.5rem;text-align:center}.esc-add-section-info h2{font-size:1.5rem}.esc-dashboard-grid{gap:1rem;grid-template-columns:1fr}.esc-card-header{align-items:flex-start;flex-direction:column;gap:.75rem}.esc-action-buttons{flex-wrap:wrap;justify-content:flex-start;width:100%}.esc-slide-panel{max-width:100%}.esc-slide-panel-header{padding:1rem 1.5rem}.esc-slide-panel-content{padding:1.5rem}}@media (max-width:480px){.esc-escales-container{padding:.75rem}.esc-add-section{padding:1rem}.esc-add-section-info h2{font-size:1.375rem}.esc-dashboard-card{padding:1rem}.esc-card-title,.esc-edit-title-input{font-size:1.125rem}.esc-action-buttons{gap:.375rem;margin:1rem -1rem -1rem;padding:1rem}.esc-cancel-button,.esc-delete-button,.esc-edit-button,.esc-hide-button,.esc-save-button,.esc-show-button,.esc-visibility-button{font-size:.6875rem;padding:.375rem .75rem}.esc-add-button{justify-content:center;width:100%}}.esc-dashboard-card{animation:fadeInUp .3s ease-out}.esc-add-button:focus-visible,.esc-cancel-button:focus-visible,.esc-delete-button:focus-visible,.esc-edit-button:focus-visible,.esc-edit-input:focus-visible,.esc-edit-title-input:focus-visible,.esc-save-button:focus-visible,.esc-slide-panel-close:focus-visible,.esc-visibility-button:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--esc-primary);outline-offset:2px}.slide-panel-overlay{background-color:#00000080}.slide-panel{box-shadow:-2px 0 4px #0000001a;transition:transform .3s ease;width:400px}.slide-panel-header{border-bottom:1px solid #e2e8f0;padding:1.5rem}.slide-panel-title{color:#1a202c;font-size:1.25rem}.slide-panel-close{align-items:center;border-radius:.25rem;color:#4a5568;display:flex;justify-content:center}.slide-panel-close:hover{background-color:#f7fafc}.slide-panel-content{padding:1.5rem}:root{--pe-primary:#3b82f6;--pe-primary-hover:#2563eb;--pe-secondary:#062238;--pe-success:#10b981;--pe-warning:#f59e0b;--pe-danger:#ef4444;--pe-purple:#8b5cf6;--pe-gray-50:#f9fafb;--pe-gray-100:#f3f4f6;--pe-gray-200:#e5e7eb;--pe-gray-300:#d1d5db;--pe-gray-400:#9ca3af;--pe-gray-500:#6b7280;--pe-gray-600:#4b5563;--pe-gray-700:#374151;--pe-gray-800:#1f2937;--pe-gray-900:#111827;--pe-border-radius:0.5rem;--pe-border-radius-lg:0.75rem;--pe-shadow-sm:0 1px 2px 0 #0000000d;--pe-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--pe-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--pe-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.place-editor{background-color:#f9fafb;background-color:var(--pe-gray-50);margin:0 auto;max-width:1200px;min-height:calc(100vh - 4rem);padding:2rem}.place-editor-content{display:flex;flex-direction:column;gap:1.5rem}.app-header{align-items:flex-start;background:#fff;border-radius:.75rem;border-radius:var(--pe-border-radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--pe-shadow-sm);gap:1rem;margin-bottom:0;padding:1.5rem}.app-header,.app-header-content{display:flex;justify-content:space-between}.app-header-content{align-items:center;gap:2rem;width:100%}.app-header-main{flex:1 1}.app-header-main h1{color:#1f2937;color:var(--pe-gray-800);font-size:1.875rem;font-weight:700;margin:0 0 .5rem}.app-header-subtitle{color:#6b7280;color:var(--pe-gray-500);font-size:.875rem;line-height:1.5;margin:0}.place-editor-meta-item{color:#4b5563;color:var(--pe-gray-600)}.place-editor-meta-item,.place-editor-unsaved-changes{align-items:center;display:flex;font-weight:500;gap:.5rem}.place-editor-unsaved-changes{background:#fbbf241a;border-radius:.5rem;border-radius:var(--pe-border-radius);color:#f59e0b;color:var(--pe-warning);font-size:.875rem;padding:.5rem 1rem}.stats-section{background:#fff;border-radius:.75rem;border-radius:var(--pe-border-radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--pe-shadow-sm);padding:1.5rem}.stats-grid{flex-wrap:wrap;gap:1.5rem}.stats-card,.stats-grid{align-items:center;display:flex}.stats-card{background:#f9fafb;background:var(--pe-gray-50);border:1px solid #e5e7eb;border:1px solid var(--pe-gray-200);border-radius:.75rem;border-radius:var(--pe-border-radius-lg);gap:.75rem;padding:1rem 1.5rem;transition:all .2s ease}.stats-card:hover{background:#f3f4f6;background:var(--pe-gray-100);border-color:#d1d5db;border-color:var(--pe-gray-300)}.stats-card.stats-blue .stats-icon{color:#3b82f6;color:var(--pe-primary)}.stats-card.stats-green .stats-icon{color:#10b981;color:var(--pe-success)}.stats-card.stats-purple .stats-icon{color:#8b5cf6;color:var(--pe-purple)}.stats-card.stats-orange .stats-icon{color:#f59e0b;color:var(--pe-warning)}.stats-info{display:flex;flex-direction:column;gap:.25rem}.stats-value{color:#1f2937;color:var(--pe-gray-800);font-size:1.125rem;font-weight:700}.stats-title{color:#4b5563;color:var(--pe-gray-600);font-size:.875rem;font-weight:500}.section-header{align-items:flex-start;display:flex;gap:2rem;justify-content:space-between}.section-info h2{align-items:center;color:#1f2937;color:var(--pe-gray-800);display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;margin:0 0 .5rem}.section-count{background:#3b82f6;background:var(--pe-primary);border-radius:.5rem;border-radius:var(--pe-border-radius);color:#fff;font-size:.875rem;font-weight:600;padding:.25rem .75rem}.place-editor-section-help{color:#6b7280;color:var(--pe-gray-500);font-size:.875rem;line-height:1.5;margin:0}.filters-container{background:#f3f4f6;background:var(--pe-gray-100);border-radius:.75rem;border-radius:var(--pe-border-radius-lg);display:flex;gap:.5rem;padding:.25rem}.filter-btn{align-items:center;background:#0000;border:none;border-radius:.5rem;border-radius:var(--pe-border-radius);color:#4b5563;color:var(--pe-gray-600);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease;white-space:nowrap}.filter-btn.active,.filter-btn:hover{background:#fff;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--pe-shadow-sm);color:#3b82f6;color:var(--pe-primary);transform:scale(1.02)}.place-editor-status-badge{align-items:center;background:#10b981;background:var(--pe-success);border-radius:1rem;color:#fff;display:flex;font-size:.75rem;font-weight:600;height:1.5rem;justify-content:center;min-width:1.5rem;padding:.25rem .5rem}.place-editor-status-badge.saved{background:#3b82f6;background:var(--pe-primary)}.tab-content{margin:0}.content-card{border:1px solid #f3f4f6;border:1px solid var(--pe-gray-100);border-radius:var(--pe-border-radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--pe-shadow-md)}.card-content{padding:2rem}.place-editor-form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-top:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.place-editor-form-group-full{grid-column:1/-1}.form-label{color:#374151;color:var(--pe-gray-700)}.form-input,.form-textarea{border:2px solid var(--pe-gray-200);border-radius:var(--pe-border-radius);color:var(--pe-gray-800)}.form-input:focus,.form-textarea:focus{border-color:var(--pe-primary)}.form-input:disabled,.form-textarea:disabled{background:var(--pe-gray-50);color:var(--pe-gray-500)}.form-textarea.place-editor{font-family:inherit;line-height:1.5;min-height:100px;resize:vertical}.place-editor-field-help{color:#6b7280;color:var(--pe-gray-500);font-size:.75rem;margin-top:.25rem}.place-editor-coordinates-section{background:#f9fafb;background:var(--pe-gray-50);border:1px solid #e5e7eb;border:1px solid var(--pe-gray-200);border-radius:.75rem;border-radius:var(--pe-border-radius-lg);grid-column:1/-1;margin-top:1rem;padding:1.5rem}.place-editor-coordinates-section h4{color:#1f2937;color:var(--pe-gray-800);font-size:1rem;font-weight:600;margin:0 0 .5rem}.place-editor-coordinates-help{color:#4b5563;color:var(--pe-gray-600);font-size:.875rem;margin:0 0 1rem}.place-editor-coordinates-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.place-editor-save-actions{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--pe-gray-200);display:flex;gap:1rem;justify-content:space-between;margin-top:2rem;padding-top:1.5rem}.place-editor-save-help{color:#f59e0b;color:var(--pe-warning);font-weight:500}.place-editor-readonly-notice,.place-editor-save-help{align-items:center;display:flex;font-size:.875rem;gap:.5rem}.place-editor-readonly-notice{background:#6b72801a;border:1px solid #d1d5db;border:1px solid var(--pe-gray-300);border-radius:.5rem;border-radius:var(--pe-border-radius);color:#4b5563;color:var(--pe-gray-600);margin-top:2rem;padding:1rem}.place-editor-init-details{align-items:center;background:#fff;border:1px solid #f3f4f6;border:1px solid var(--pe-gray-100);border-radius:.75rem;border-radius:var(--pe-border-radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--pe-shadow-md);display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.place-editor-init-details .empty-icon{color:#d1d5db;color:var(--pe-gray-300);margin-bottom:1.5rem}.place-editor-init-details h3{color:#062238;color:var(--pe-secondary);font-size:1.25rem;font-weight:700;margin:0 0 .75rem}.place-editor-init-details p{color:#6b7280;color:var(--pe-gray-500);font-size:.875rem;line-height:1.6;margin:0 0 2rem;max-width:400px}.error-state,.loading-state{align-items:center;background:#fff;border-radius:.75rem;border-radius:var(--pe-border-radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--pe-shadow-md);display:flex;flex-direction:column;justify-content:center;margin:2rem;padding:4rem 2rem;text-align:center}.loading-spinner{color:#3b82f6;color:var(--pe-primary)}.error-icon{color:#ef4444;color:var(--pe-danger);margin-bottom:1rem}.error-state h3,.loading-state h3{color:#1f2937;color:var(--pe-gray-800);font-size:1.25rem;font-weight:700;margin:1rem 0 .5rem}.error-state p,.loading-state p{color:#6b7280;color:var(--pe-gray-500);font-size:.875rem;margin:0 0 2rem}.btn-primary,.btn-secondary{border-radius:var(--pe-border-radius);display:inline-flex;text-decoration:none}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--pe-primary),var(--pe-primary-hover));box-shadow:var(--pe-shadow-sm)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--pe-primary-hover),#1d4ed8);box-shadow:var(--pe-shadow-md)}.btn-primary:disabled{opacity:.5}.btn-secondary{background:var(--pe-gray-200);border:1px solid var(--pe-gray-300);color:var(--pe-gray-700)}.btn-secondary:hover:not(:disabled){background:var(--pe-gray-300);border-color:var(--pe-gray-400)}.alert{border-radius:var(--pe-border-radius)}.alert-error{color:var(--pe-danger)}.alert-success{color:var(--pe-success)}@media (max-width:1024px){.place-editor-coordinates-grid,.place-editor-form-grid{grid-template-columns:1fr}}@media (max-width:768px){.app-header,.place-editor{padding:1rem}.app-header-content{flex-direction:column;gap:1rem;text-align:center}.app-header-main h1{font-size:1.5rem}.section-header{flex-direction:column;gap:1rem}.filters-container{justify-content:center;width:100%}.place-editor-save-actions{align-items:stretch;flex-direction:column}.card-content{padding:1.5rem}.stats-section{padding:1rem}.stats-grid{align-items:stretch;flex-direction:column}}@media (max-width:480px){.place-editor-form-grid{gap:1rem}.place-editor-coordinates-section{padding:1rem}.filters-container{flex-wrap:wrap}.filter-btn{flex:1 1;justify-content:center}}:root{--mm-primary:#3b82f6;--mm-primary-hover:#2563eb;--mm-secondary:#062238;--mm-success:#10b981;--mm-warning:#f59e0b;--mm-danger:#ef4444;--mm-purple:#8b5cf6;--mm-gray-50:#f9fafb;--mm-gray-100:#f3f4f6;--mm-gray-200:#e5e7eb;--mm-gray-300:#d1d5db;--mm-gray-400:#9ca3af;--mm-gray-500:#6b7280;--mm-gray-600:#4b5563;--mm-gray-700:#374151;--mm-gray-800:#1f2937;--mm-gray-900:#111827;--mm-border-radius:0.5rem;--mm-border-radius-lg:0.75rem;--mm-shadow-sm:0 1px 2px 0 #0000000d;--mm-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--mm-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--mm-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.media-manager{background:#fff;border:1px solid #f3f4f6;border:1px solid var(--mm-gray-100);border-radius:.75rem;border-radius:var(--mm-border-radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--mm-shadow-md);overflow:hidden}.media-header{background:#f9fafb;background:var(--mm-gray-50);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--mm-gray-200);padding:2rem 2rem 1rem}.media-header h3{color:#1f2937;color:var(--mm-gray-800);font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.media-header p{color:#6b7280;color:var(--mm-gray-500);font-size:.875rem;line-height:1.5;margin:0}.mm-upload-progress{background:#3b82f60d;border:1px solid #3b82f633;border-radius:.5rem;border-radius:var(--mm-border-radius);margin:1rem 2rem;padding:1rem}.mm-upload-progress h4{color:#3b82f6;color:var(--mm-primary);font-size:.875rem;font-weight:600;margin:0 0 1rem}.mm-upload-item{align-items:center;display:flex;font-size:.875rem;gap:1rem;margin-bottom:.75rem}.mm-progress-bar{background:#e5e7eb;background:var(--mm-gray-200);border-radius:2px;flex:1 1;height:4px;overflow:hidden}.mm-progress-fill{background:#3b82f6;background:var(--mm-primary);height:100%;transition:width .3s ease}.mm-success-icon{color:#10b981;color:var(--mm-success)}.tabs-container{background:#f3f4f6;background:var(--mm-gray-100);border-radius:.75rem;border-radius:var(--mm-border-radius-lg);display:flex;gap:.5rem;margin:0 2rem;overflow-x:auto;padding:.5rem}.tab-button{align-items:center;background:#0000;border:none;border-radius:.5rem;border-radius:var(--mm-border-radius);color:#4b5563;color:var(--mm-gray-600);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;min-width:fit-content;padding:.75rem 1rem;transition:all .2s ease;white-space:nowrap}.tab-button.active,.tab-button:hover{background:#fff;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--mm-shadow-sm);color:#3b82f6;color:var(--mm-primary);transform:scale(1.02)}.tab-count{align-items:center;background:#9ca3af;background:var(--mm-gray-400);border-radius:1rem;color:#fff;display:flex;font-size:.75rem;font-weight:600;height:1.25rem;justify-content:center;min-width:1.25rem;padding:.125rem .5rem}.tab-button.active .tab-count{background:#3b82f6;background:var(--mm-primary)}.tab-content{padding:2rem}.tab-panel{display:none}.tab-panel.active{display:block}.upload-zone{background:var(--mm-gray-50);border:2px dashed var(--mm-gray-300);border-radius:var(--mm-border-radius-lg);margin-bottom:2rem;padding:2rem;transition:all .2s ease}.upload-zone:hover:not(.disabled){background:#3b82f60d;border-color:#3b82f6;border-color:var(--mm-primary)}.upload-label{align-items:center;color:#4b5563;color:var(--mm-gray-600);display:flex;flex-direction:column;font-weight:500;gap:1rem}.upload-label.disabled{cursor:not-allowed;opacity:.5}.upload-label svg{color:#9ca3af;color:var(--mm-gray-400)}.upload-label span{font-size:.875rem}.upload-label small{color:#6b7280;color:var(--mm-gray-500);font-size:.75rem;line-height:1.4;max-width:400px}.podcast-zone,.wiki-zone{background:#3b82f60d;border-color:#3b82f6;border-color:var(--mm-primary)}.upload-button{align-items:center;background:none;border:none;border-radius:.5rem;border-radius:var(--mm-border-radius);color:#3b82f6;color:var(--mm-primary);cursor:pointer;display:flex;flex-direction:column;font-weight:500;gap:1rem;padding:1rem;transition:all .2s ease;width:100%}.upload-button:hover:not(:disabled){background:#3b82f61a;transform:scale(1.02)}.upload-button:disabled{cursor:not-allowed;opacity:.5}.upload-button svg{color:#3b82f6;color:var(--mm-primary)}.upload-button span{font-size:1rem;font-weight:600}.upload-button small{font-size:.875rem;font-weight:400;opacity:.8}.podcast-form,.wiki-form{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--mm-gray-200);border-radius:.75rem;border-radius:var(--mm-border-radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--mm-shadow-sm);padding:2rem;text-align:left}.podcast-form h4,.wiki-form h4{align-items:center;color:#1f2937;color:var(--mm-gray-800);display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;margin:0 0 1.5rem}.form-group label{color:var(--mm-gray-700)}.form-input{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--mm-gray-200);border-radius:.5rem;border-radius:var(--mm-border-radius);box-sizing:border-box;color:#1f2937;color:var(--mm-gray-800);font-family:inherit;font-size:.875rem;outline:none;padding:.75rem;pointer-events:auto!important;position:relative;transition:all .2s ease;-webkit-user-select:text!important;user-select:text!important;width:100%;z-index:1}.form-input:focus{border-color:#3b82f6;border-color:var(--mm-primary);box-shadow:0 0 0 3px #3b82f61a;outline:2px solid #3b82f6!important;outline:2px solid var(--mm-primary)!important;outline-offset:2px!important}.form-input:disabled{background:#f9fafb;background:var(--mm-gray-50);color:#6b7280;color:var(--mm-gray-500);cursor:not-allowed;opacity:.7}.form-textarea{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--mm-gray-200);border-radius:.5rem;border-radius:var(--mm-border-radius);box-sizing:border-box;color:#1f2937;color:var(--mm-gray-800);font-family:inherit;font-size:.875rem;outline:none;padding:.75rem;pointer-events:auto!important;position:relative;transition:all .2s ease;-webkit-user-select:text!important;user-select:text!important;width:100%;z-index:1}.form-textarea:focus{border-color:#3b82f6;border-color:var(--mm-primary);box-shadow:0 0 0 3px #3b82f61a;outline:2px solid #3b82f6!important;outline:2px solid var(--mm-primary)!important;outline-offset:2px!important}.form-textarea:disabled{background:#f9fafb;background:var(--mm-gray-50);color:#6b7280;color:var(--mm-gray-500);cursor:not-allowed;opacity:.7}.form-textarea.extra-large{min-height:200px}.podcast-form input,.podcast-form textarea,.wiki-form input,.wiki-form textarea{pointer-events:auto!important;position:relative!important;-webkit-user-select:text!important;user-select:text!important;z-index:10!important}.podcast-form input:focus,.podcast-form textarea:focus,.wiki-form input:focus,.wiki-form textarea:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important;outline:2px solid #3b82f6!important;outline-offset:2px!important;position:relative!important;z-index:100!important}.podcast-form,.wiki-form{isolation:isolate}.podcast-form .form-group,.wiki-form .form-group{isolation:isolate;position:relative}.form-group small{color:var(--mm-gray-500)}.form-actions{border-top:1px solid var(--mm-gray-200);padding-top:1rem}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:.5rem;border-radius:var(--mm-border-radius);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease;white-space:nowrap}.btn-primary{background:var(--mm-primary);box-shadow:var(--mm-shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--mm-primary-hover);box-shadow:var(--mm-shadow-md)}.btn-primary:disabled{background:var(--mm-gray-400)}.btn-secondary{background:var(--mm-gray-200);border:1px solid var(--mm-gray-300);color:var(--mm-gray-700)}.btn-secondary:hover:not(:disabled){background:var(--mm-gray-300);border-color:var(--mm-gray-400)}.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.content-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:1rem}.content-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--mm-gray-200);border-radius:.75rem;border-radius:var(--mm-border-radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--mm-shadow);overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.content-card:hover{border-color:#d1d5db;border-color:var(--mm-gray-300);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--mm-shadow-lg);transform:translateY(-2px)}.mm-media-preview{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);background:linear-gradient(135deg,var(--mm-gray-100),var(--mm-gray-200));height:160px;overflow:hidden;position:relative}.mm-media-preview img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.content-card:hover .mm-media-preview img{transform:scale(1.05)}.media-placeholder{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);background:linear-gradient(135deg,var(--mm-gray-100),var(--mm-gray-200));color:#9ca3af;color:var(--mm-gray-400);display:flex;flex-direction:column;font-size:.875rem;font-weight:500;gap:.5rem;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.mm-video-preview{color:inherit;cursor:pointer;text-decoration:none}.mm-video-preview:hover{background:linear-gradient(135deg,#3b82f61a,#2563eb1a);color:#3b82f6;color:var(--mm-primary)}.card-content{padding:1rem}.card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1f2937;color:var(--mm-gray-800);display:-webkit-box;font-size:.875rem;font-weight:600;line-height:1.3;margin:0 0 .75rem;overflow:hidden}.mm-media-metadata{color:#6b7280;color:var(--mm-gray-500);display:flex;flex-direction:column;font-size:.75rem;gap:.25rem}.mm-file-size{font-weight:500}.mm-upload-date{color:#9ca3af;color:var(--mm-gray-400)}.card-footer{background:#f9fafb;background:var(--mm-gray-50);border-top:1px solid #f3f4f6;border-top:1px solid var(--mm-gray-100);display:flex;gap:.5rem;padding:1rem}.btn-action,.mm-action-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--mm-gray-200);border-radius:.5rem;border-radius:var(--mm-border-radius);color:#4b5563;color:var(--mm-gray-600);cursor:pointer;display:flex;height:2.25rem;justify-content:center;text-decoration:none;transition:all .2s ease;width:2.25rem}.mm-action-btn:hover{background:#f3f4f6;background:var(--mm-gray-100);color:#374151;color:var(--mm-gray-700);transform:scale(1.05)}.mm-action-btn.view:hover{background:#3b82f61a;border-color:#3b82f6;border-color:var(--mm-primary);color:#3b82f6;color:var(--mm-primary)}.mm-action-btn.delete:hover{background:#ef44441a;border-color:#ef4444;border-color:var(--mm-danger);color:#ef4444;color:var(--mm-danger)}.mm-action-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.empty-state{color:var(--mm-gray-500)}.empty-icon{color:var(--mm-gray-300)}.empty-state h3{color:var(--mm-gray-700)}.alert{border-radius:var(--mm-border-radius)}.alert-error{color:var(--mm-danger)}.alert-success{color:var(--mm-success)}.wiki-preview{cursor:pointer}.wiki-preview:hover{background:linear-gradient(135deg,#8b5cf61a,#7c3aed1a);color:#8b5cf6;color:var(--mm-purple)}.podcast-description{-webkit-line-clamp:2}.podcast-description,.wiki-preview-content{-webkit-box-orient:vertical;color:#4b5563;color:var(--mm-gray-600);display:-webkit-box;font-size:.8125rem;line-height:1.4;margin:.5rem 0 .75rem;overflow:hidden}.wiki-preview-content{-webkit-line-clamp:3}.wiki-length{color:#8b5cf6;color:var(--mm-purple);font-weight:500}.mm-action-btn.edit:hover{background:#8b5cf61a;border-color:#8b5cf6;border-color:var(--mm-purple);color:#8b5cf6;color:var(--mm-purple)}@media (max-width:1024px){.content-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:768px){.media-header,.tab-content{padding:1.5rem}.tabs-container{margin:0 1.5rem;padding:.25rem}.tab-button{font-size:.8125rem;padding:.5rem .75rem}.content-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.upload-zone{padding:1.5rem}.alert{margin:0 1.5rem 1rem}}@media (max-width:480px){.media-header,.tab-content{padding:1rem}.tabs-container{flex-wrap:wrap;margin:0 1rem}.tab-button{flex:1 1;justify-content:center;min-width:calc(50% - .25rem)}.content-grid{grid-template-columns:1fr}.mm-media-preview{height:200px}.upload-zone{padding:1rem}.alert{margin:0 1rem 1rem;padding:.75rem 1rem}}.content-card.uploading{opacity:.7;pointer-events:none}.content-card.deleting{opacity:.5;transform:scale(.95)}.btn-action:focus,.mm-action-btn:focus,.tab-button:focus,.upload-label:focus{outline:2px solid #3b82f6;outline:2px solid var(--mm-primary);outline-offset:2px}.content-card{animation:fadeInUp .3s ease-out}@media (hover:none){.content-card:hover,.content-card:hover .mm-media-preview img,.mm-action-btn:hover,.tab-button.active,.tab-button:hover{transform:none}}:root{--pm-primary:#3b82f6;--pm-primary-hover:#2563eb;--pm-success:#10b981;--pm-success-hover:#059669;--pm-danger:#ef4444;--pm-danger-hover:#dc2626;--pm-warning:#f59e0b;--pm-gray-50:#f9fafb;--pm-gray-100:#f3f4f6;--pm-gray-200:#e5e7eb;--pm-gray-300:#d1d5db;--pm-gray-400:#9ca3af;--pm-gray-500:#6b7280;--pm-gray-600:#4b5563;--pm-gray-700:#374151;--pm-gray-800:#1f2937;--pm-gray-900:#111827;--pm-border-radius:0.5rem;--pm-border-radius-lg:0.75rem;--pm-shadow-sm:0 1px 2px 0 #0000000d;--pm-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--pm-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--pm-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.pm-place-manager{background-color:#f9fafb;background-color:var(--pm-gray-50);margin:0 auto;max-width:1200px;min-height:calc(100vh - 4rem);padding:2rem}.pm-place-manager-header{align-items:flex-start;background:#fff;border-radius:.75rem;border-radius:var(--pm-border-radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--pm-shadow);display:flex;gap:1rem;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.pm-place-manager-header h2{color:#1f2937;color:var(--pm-gray-800);font-size:1.875rem;font-weight:700;margin:0 0 .5rem}.pm-header-subtitle{color:#6b7280;color:var(--pm-gray-500);font-size:.875rem;line-height:1.5;margin:0}.pm-stats{flex-wrap:wrap;gap:1.5rem}.pm-stat,.pm-stats{align-items:center;display:flex}.pm-stat{background:#f3f4f6;background:var(--pm-gray-100);border:1px solid #e5e7eb;border:1px solid var(--pm-gray-200);border-radius:.5rem;border-radius:var(--pm-border-radius);color:#4b5563;color:var(--pm-gray-600);font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.pm-city-selector{background:#fff;border-radius:.75rem;border-radius:var(--pm-border-radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--pm-shadow-sm);margin-bottom:1.5rem;padding:1.5rem}.pm-city-selector label{color:#374151;color:var(--pm-gray-700);display:block;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.pm-city-select{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--pm-gray-200);border-radius:.5rem;border-radius:var(--pm-border-radius);cursor:pointer;font-size:.875rem;max-width:350px;padding:.75rem 1rem;transition:all .2s ease;width:100%}.pm-city-select:focus{border-color:#3b82f6;border-color:var(--pm-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.pm-city-select:hover{border-color:#d1d5db;border-color:var(--pm-gray-300)}.pm-add-button,.pm-add-item-button,.pm-add-place-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--pm-primary),var(--pm-primary-hover));border:none;border-radius:.5rem;border-radius:var(--pm-border-radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--pm-shadow-sm);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}.pm-add-button:hover:not(:disabled),.pm-add-item-button:hover,.pm-add-place-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--pm-primary-hover),#1d4ed8);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--pm-shadow-md);transform:translateY(-1px)}.pm-add-button:disabled,.pm-add-item-button:disabled,.pm-add-place-button:disabled{background:#9ca3af;background:var(--pm-gray-400);box-shadow:none;cursor:not-allowed;transform:none}.pm-back-button{align-items:center;background:#f3f4f6;background:var(--pm-gray-100);border:2px solid #e5e7eb;border:2px solid var(--pm-gray-200);border-radius:.5rem;border-radius:var(--pm-border-radius);color:#374151;color:var(--pm-gray-700);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.pm-back-button:hover{background:#e5e7eb;background:var(--pm-gray-200);border-color:#d1d5db;border-color:var(--pm-gray-300);transform:translateY(-1px)}.pm-place-form{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--pm-gray-200);border-radius:.75rem;border-radius:var(--pm-border-radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--pm-shadow);padding:2rem}.pm-form-section{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--pm-gray-200);margin-bottom:2rem;padding-bottom:2rem}.pm-form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.pm-form-section h3{border-bottom:2px solid #f3f4f6;border-bottom:2px solid var(--pm-gray-100);color:#1f2937;color:var(--pm-gray-800);font-size:1.25rem;font-weight:600;padding-bottom:.75rem}.pm-form-group,.pm-form-section h3{margin-bottom:1.5rem}.pm-form-group label{color:#374151;color:var(--pm-gray-700);display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.pm-form-group input,.pm-form-group select,.pm-form-group textarea,.pm-form-input{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--pm-gray-200);border-radius:.5rem;border-radius:var(--pm-border-radius);font-family:inherit;font-size:.875rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.pm-form-group input:focus,.pm-form-group select:focus,.pm-form-group textarea:focus,.pm-form-input:focus{border-color:#3b82f6;border-color:var(--pm-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.pm-form-group input:hover,.pm-form-group select:hover,.pm-form-group textarea:hover,.pm-form-input:hover{border-color:#d1d5db;border-color:var(--pm-gray-300)}.pm-form-group textarea{line-height:1.5;min-height:120px;resize:vertical}.pm-coordinates{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.pm-complex-item{background:#f9fafb;background:var(--pm-gray-50);border:2px solid #e5e7eb;border:2px solid var(--pm-gray-200);border-radius:.5rem;border-radius:var(--pm-border-radius);margin-bottom:1rem;padding:1.5rem;transition:all .2s ease}.pm-complex-item:hover{border-color:#d1d5db;border-color:var(--pm-gray-300);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--pm-shadow-sm)}.pm-complex-item h4{border-bottom:1px solid #d1d5db;border-bottom:1px solid var(--pm-gray-300);color:#1f2937;color:var(--pm-gray-800);font-size:1rem;font-weight:600;margin:0 0 1rem;padding-bottom:.75rem}.pm-upload-section{background:#f9fafb;background:var(--pm-gray-50);border:2px dashed #d1d5db;border:2px dashed var(--pm-gray-300);border-radius:.5rem;border-radius:var(--pm-border-radius);margin:1.5rem 0;padding:1.5rem}.pm-upload-section h4{align-items:center;color:#1f2937;color:var(--pm-gray-800);display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;margin:0 0 1.5rem}.pm-file-upload-area{margin-bottom:1rem;position:relative}.pm-file-input{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pm-file-upload-label{align-items:center;background:#f9fafb;background:var(--pm-gray-50);border:2px dashed #d1d5db;border:2px dashed var(--pm-gray-300);border-radius:.5rem;border-radius:var(--pm-border-radius);color:#4b5563;color:var(--pm-gray-600);cursor:pointer;display:flex;flex-direction:column;font-weight:500;gap:.75rem;justify-content:center;min-height:80px;padding:2rem;text-align:center;transition:all .3s ease}.pm-file-upload-label:hover{background:#3b82f60d;border-color:#3b82f6;border-color:var(--pm-primary);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--pm-shadow-sm);color:#3b82f6;color:var(--pm-primary);transform:translateY(-2px)}.pm-file-upload-label span{color:#374151;color:var(--pm-gray-700);font-size:.875rem;font-weight:600}.pm-file-preview{background:#fff;margin-top:1rem;max-height:200px;overflow-y:auto;padding:1rem}.pm-file-item,.pm-file-preview{border:1px solid #e5e7eb;border:1px solid var(--pm-gray-200);border-radius:.5rem;border-radius:var(--pm-border-radius)}.pm-file-item{align-items:center;background:#f9fafb;background:var(--pm-gray-50);display:flex;gap:.75rem;margin-bottom:.5rem;padding:.75rem;transition:all .2s ease}.pm-file-item:last-child{margin-bottom:0}.pm-file-item:hover{background:#f3f4f6;background:var(--pm-gray-100);border-color:#d1d5db;border-color:var(--pm-gray-300)}.pm-file-item svg{color:#3b82f6;color:var(--pm-primary);flex-shrink:0}.pm-file-item span:first-of-type{color:#1f2937;color:var(--pm-gray-800);flex:1 1;font-size:.875rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pm-file-size{background:#e5e7eb;background:var(--pm-gray-200);border-radius:.25rem;color:#6b7280!important;color:var(--pm-gray-500)!important;flex-shrink:0;font-size:.75rem!important;font-weight:400!important;padding:.25rem .5rem}.pm-remove-file{align-items:center;background:#ef4444;background:var(--pm-danger);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:1.5rem;justify-content:center;transition:all .2s ease;width:1.5rem}.pm-remove-file:hover{background:#dc2626;background:var(--pm-danger-hover);transform:scale(1.1)}.pm-upload-progress{align-items:center;background:#f9fafb;background:var(--pm-gray-50);border:1px solid #e5e7eb;border:1px solid var(--pm-gray-200);border-radius:.5rem;border-radius:var(--pm-border-radius);color:#3b82f6;color:var(--pm-primary);display:flex;font-weight:500;gap:.75rem;margin:1rem 0;padding:1rem}.pm-button-group{border-top:1px solid #e5e7eb;border-top:1px solid var(--pm-gray-200);display:flex;gap:1rem;margin-top:2rem;padding-top:2rem}.pm-save-button{align-items:center;background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--pm-success),var(--pm-success-hover));border:none;border-radius:.5rem;border-radius:var(--pm-border-radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--pm-shadow-sm);color:#fff;cursor:pointer;display:inline-flex;flex:1 1;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem 2rem;transition:all .2s ease}.pm-save-button:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);background:linear-gradient(135deg,var(--pm-success-hover),#047857);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--pm-shadow-md);transform:translateY(-1px)}.pm-cancel-button{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--pm-danger),var(--pm-danger-hover));border:none;border-radius:.5rem;border-radius:var(--pm-border-radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--pm-shadow-sm);color:#fff;cursor:pointer;display:inline-flex;flex:1 1;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem 2rem;transition:all .2s ease}.pm-cancel-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);background:linear-gradient(135deg,var(--pm-danger-hover),#b91c1c);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--pm-shadow-md);transform:translateY(-1px)}.pm-empty-state,.pm-error-container,.pm-loading-container,.pm-no-access-container{align-items:center;background:#fff;border-radius:.75rem;border-radius:var(--pm-border-radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--pm-shadow);display:flex;flex-direction:column;justify-content:center;margin:2rem 0;padding:4rem 2rem;text-align:center}.pm-empty-state h3,.pm-error-container h3,.pm-loading-container h3,.pm-no-access-container h3{color:#374151;color:var(--pm-gray-700);font-size:1.25rem;font-weight:600;margin:1rem 0 .5rem}.pm-empty-state p,.pm-error-container p,.pm-loading-container p,.pm-no-access-container p{color:#6b7280;color:var(--pm-gray-500);line-height:1.6;margin:0 0 1.5rem}.pm-spinner{animation:spin 1s linear infinite;color:#3b82f6;color:var(--pm-primary)}.pm-empty-icon,.pm-error-icon,.pm-no-access-icon{color:#9ca3af;color:var(--pm-gray-400);margin-bottom:1rem}.pm-places-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:2rem}.pm-place-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--pm-gray-200);border-radius:.75rem;border-radius:var(--pm-border-radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--pm-shadow);overflow:hidden;position:relative;transition:all .3s ease}.pm-place-card:hover{border-color:#d1d5db;border-color:var(--pm-gray-300);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--pm-shadow-lg);transform:translateY(-4px)}.pm-place-image{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);background:linear-gradient(135deg,var(--pm-gray-100),var(--pm-gray-200));height:200px;overflow:hidden;position:relative}.pm-place-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.pm-place-card:hover .pm-place-image img{transform:scale(1.05)}.pm-place-image-placeholder{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);background:linear-gradient(135deg,var(--pm-gray-100),var(--pm-gray-200));color:#9ca3af;color:var(--pm-gray-400);display:flex;height:100%;justify-content:center;width:100%}.pm-place-content{padding:1.5rem}.pm-place-title{color:#1f2937;color:var(--pm-gray-800);font-size:1.25rem;font-weight:700;line-height:1.3;margin:0 0 .75rem}.pm-place-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#4b5563;color:var(--pm-gray-600);display:-webkit-box;font-size:.875rem;line-height:1.6;margin:0 0 1rem;overflow:hidden}.pm-place-meta{color:#6b7280;color:var(--pm-gray-500);display:flex;flex-direction:column;font-size:.75rem;gap:.5rem;margin-bottom:1rem}.pm-place-city,.pm-place-date{align-items:center;display:flex;font-weight:500;gap:.375rem}.pm-place-actions{background:#f9fafb;background:var(--pm-gray-50);border-top:1px solid #e5e7eb;border-top:1px solid var(--pm-gray-200);display:flex;gap:.75rem;padding:1rem 1.5rem}.pm-action-button{align-items:center;border:none;border-radius:.5rem;border-radius:var(--pm-border-radius);cursor:pointer;display:flex;font-weight:500;height:2.5rem;justify-content:center;transition:all .2s ease;width:2.5rem}.pm-action-button.edit{background:#3b82f61a;border:1px solid #3b82f633;color:#3b82f6;color:var(--pm-primary)}.pm-action-button.edit:hover{background:#3b82f633;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--pm-shadow-sm);transform:translateY(-1px)}.pm-action-button.delete{background:#ef44441a;border:1px solid #ef444433;color:#ef4444;color:var(--pm-danger)}.pm-action-button.delete:hover{background:#ef444433;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--pm-shadow-sm);transform:translateY(-1px)}.pm-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.pm-modal-content{background:#fff;border-radius:.75rem;border-radius:var(--pm-border-radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--pm-shadow-lg);max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.pm-modal-header{align-items:center;background:#f9fafb;background:var(--pm-gray-50);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--pm-gray-200);display:flex;justify-content:space-between;padding:1.5rem 2rem}.pm-modal-header h3{color:#1f2937;color:var(--pm-gray-800);font-size:1.25rem;font-weight:700;margin:0}.pm-modal-close{align-items:center;background:#e5e7eb;background:var(--pm-gray-200);border:none;border-radius:50%;color:#4b5563;color:var(--pm-gray-600);cursor:pointer;display:flex;height:2.5rem;justify-content:center;transition:all .2s ease;width:2.5rem}.pm-modal-close:hover{background:#d1d5db;background:var(--pm-gray-300);color:#374151;color:var(--pm-gray-700);transform:scale(1.1)}button:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.6;transform:none!important}input:disabled,select:disabled,textarea:disabled{background-color:#f3f4f6;background-color:var(--pm-gray-100);color:#6b7280;color:var(--pm-gray-500);cursor:not-allowed}@media (max-width:1024px){.pm-place-manager{padding:1.5rem}.pm-places-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.pm-place-manager{padding:1rem}.pm-place-manager-header{align-items:stretch;flex-direction:column;gap:1.5rem}.pm-stats{gap:1rem;justify-content:center}.pm-coordinates{gap:1rem;grid-template-columns:1fr}.pm-button-group{flex-direction:column}.pm-complex-item{padding:1rem}.pm-places-grid{grid-template-columns:1fr}.pm-city-select{max-width:100%}.pm-modal-overlay{padding:1rem}.pm-modal-header{padding:1rem 1.5rem}.pm-place-form{padding:1.5rem}}@media (max-width:480px){.pm-place-manager{padding:.75rem}.pm-place-form,.pm-place-manager-header{padding:1rem}.pm-stats{align-items:stretch;flex-direction:column}.pm-stat{justify-content:center}.pm-modal-overlay{padding:.5rem}.pm-modal-header{padding:1rem}.pm-modal-header h3{font-size:1.125rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pm-place-card{animation:fadeIn .3s ease-out}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f3f4f6;background:var(--pm-gray-100);border-radius:4px}::-webkit-scrollbar-thumb{background:#9ca3af;background:var(--pm-gray-400);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#6b7280;background:var(--pm-gray-500)}:root{--um-primary:#062238;--um-primary-hover:#0c3755;--um-primary-light:#0622381a;--um-secondary:#3b82f6;--um-success:#10b981;--um-warning:#f59e0b;--um-danger:#ef4444;--um-purple:#8b5cf6;--um-gray-50:#f9fafb;--um-gray-100:#f3f4f6;--um-gray-200:#e5e7eb;--um-gray-300:#d1d5db;--um-gray-400:#9ca3af;--um-gray-500:#6b7280;--um-gray-600:#4b5563;--um-gray-700:#374151;--um-gray-800:#1f2937;--um-gray-900:#111827;--um-border-radius:0.5rem;--um-border-radius-lg:0.75rem;--um-shadow-sm:0 1px 2px 0 #0000000d;--um-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--um-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--um-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.place-manager{background-color:#f9fafb;background-color:var(--um-gray-50);margin:0 auto;max-width:1200px;min-height:calc(100vh - 4rem);padding:2rem}.place-manager-header{align-items:flex-start;background:#fff;border-radius:.75rem;border-radius:var(--um-border-radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--um-shadow);display:flex;gap:1rem;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.place-manager-header>div:first-child{flex:1 1}.place-manager-header h2{color:#062238;color:var(--um-primary);font-size:1.875rem;font-weight:700;margin:0 0 .5rem}.header-subtitle{color:#6b7280;color:var(--um-gray-500);font-size:.875rem;line-height:1.5;margin:0}.stats{flex-wrap:wrap;gap:1rem;margin:1rem 0}.stat,.stats{align-items:center;display:flex}.stat{background:#f3f4f6;background:var(--um-gray-100);border:1px solid #e5e7eb;border:1px solid var(--um-gray-200);border-radius:.5rem;border-radius:var(--um-border-radius);color:#4b5563;color:var(--um-gray-600);font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.stat:hover{background:#e5e7eb;background:var(--um-gray-200);border-color:#d1d5db;border-color:var(--um-gray-300)}.add-place-button{align-items:center;background:linear-gradient(135deg,#062238,#0c3755);background:linear-gradient(135deg,var(--um-primary),var(--um-primary-hover));border:none;border-radius:.5rem;border-radius:var(--um-border-radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--um-shadow-sm);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}.add-place-button:hover{background:linear-gradient(135deg,#0c3755,#134e7c);background:linear-gradient(135deg,var(--um-primary-hover),#134e7c);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--um-shadow-md);transform:translateY(-1px)}.users-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-bottom:2rem}.user-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--um-gray-200);border-radius:.75rem;border-radius:var(--um-border-radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--um-shadow);overflow:hidden;position:relative;transition:all .3s ease}.user-card:before{background:linear-gradient(90deg,#062238,#0c3755);background:linear-gradient(90deg,var(--um-primary),var(--um-primary-hover));content:"";height:3px;left:0;position:absolute;right:0;top:0}.user-card:hover{border-color:#d1d5db;border-color:var(--um-gray-300);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--um-shadow-lg);transform:translateY(-4px)}.user-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1.5rem 1.5rem 0}.user-info h3{color:#062238;color:var(--um-primary);font-size:1.125rem;font-weight:600;line-height:1.3;margin:0 0 .5rem}.role-badge{align-items:center;border-radius:.5rem;border-radius:var(--um-border-radius);display:inline-flex;font-size:.75rem;font-weight:600;gap:.375rem;letter-spacing:.05em;padding:.375rem .75rem;text-transform:uppercase}.role-badge.admin{background:linear-gradient(135deg,#062238,#0c3755);background:linear-gradient(135deg,var(--um-primary),var(--um-primary-hover));box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--um-shadow-sm);color:#fff}.role-badge.producer{background:#0622381a;background:var(--um-primary-light);border:1px solid #06223833;color:#062238;color:var(--um-primary)}.user-actions{display:flex;gap:.5rem}.delete-button,.edit-password-button{align-items:center;background:#f3f4f6;background:var(--um-gray-100);border:none;border-radius:.5rem;border-radius:var(--um-border-radius);color:#4b5563;color:var(--um-gray-600);cursor:pointer;display:flex;height:2.25rem;justify-content:center;transition:all .2s ease;width:2.25rem}.edit-password-button:hover{background:#3b82f61a;color:#3b82f6;color:var(--um-secondary);transform:scale(1.05)}.delete-button:hover{background:#ef44441a;color:#ef4444;color:var(--um-danger);transform:scale(1.05)}.user-cities-section,.user-role-section{margin-bottom:1rem;padding:0 1.5rem}.user-cities-section label,.user-role-section label{color:#062238;color:var(--um-primary);display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.user-cities-section label{align-items:center;display:flex;gap:.5rem}.role-select{background-color:#fff;border:2px solid #e5e7eb;border:2px solid var(--um-gray-200);border-radius:.5rem;border-radius:var(--um-border-radius);color:#062238;color:var(--um-primary);font-size:.875rem;padding:.75rem;transition:all .2s ease;width:100%}.role-select:focus{border-color:#062238;border-color:var(--um-primary);box-shadow:0 0 0 3px #0622381a;box-shadow:0 0 0 3px var(--um-primary-light);outline:none}.city-assignments{background:#f9fafb;background:var(--um-gray-50);border:1px solid #e5e7eb;border:1px solid var(--um-gray-200);border-radius:.5rem;border-radius:var(--um-border-radius);padding:1rem}.assignments-grid{display:flex;flex-wrap:wrap;gap:.5rem}.assignment-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--um-gray-200);border-radius:.5rem;border-radius:var(--um-border-radius);color:#4b5563;color:var(--um-gray-600);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem .75rem;transition:all .2s ease}.assignment-item:hover{background:#0622381a;background:var(--um-primary-light);color:#062238;color:var(--um-primary)}.assignment-item.assigned,.assignment-item:hover{border-color:#062238;border-color:var(--um-primary)}.assignment-item.assigned{background:linear-gradient(135deg,#062238,#0c3755);background:linear-gradient(135deg,var(--um-primary),var(--um-primary-hover));color:#fff}.assignment-item input[type=checkbox]{accent-color:#062238;accent-color:var(--um-primary);margin:0}.admin-access{background:#0622381a;background:var(--um-primary-light);border:1px solid #06223833;border-radius:.5rem;border-radius:var(--um-border-radius);color:#062238;color:var(--um-primary);font-weight:600}.admin-access,.no-assignments{align-items:center;display:flex;font-size:.875rem;gap:.5rem;padding:.75rem}.no-assignments{color:#6b7280;color:var(--um-gray-500);font-style:italic}.user-stats{background:#f9fafb;background:var(--um-gray-50);border-top:1px solid #e5e7eb;border-top:1px solid var(--um-gray-200);margin-top:1rem;padding:1rem 1.5rem 1.5rem}.stat-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.stat-item:last-child{margin-bottom:0}.stat-label{color:#6b7280;color:var(--um-gray-500);font-size:.75rem}.stat-value{color:#062238;color:var(--um-primary);font-size:.75rem;font-weight:600}.modern-user-form{padding:0}.form-section{background:#f9fafb;background:var(--um-gray-50);border:1px solid #e5e7eb;border:1px solid var(--um-gray-200);border-radius:.75rem;border-radius:var(--um-border-radius-lg);margin-bottom:2rem;padding:1.5rem}.section-title{align-items:center;color:#062238;color:var(--um-primary);display:flex;font-size:1.125rem;font-weight:700;gap:.75rem;margin:0 0 1.5rem}.form-group:last-child{margin-bottom:0}.form-label{align-items:center;display:flex;font-weight:600;gap:.5rem;margin-bottom:.75rem}.form-input,.form-label,.form-select{color:#062238;color:var(--um-primary);font-size:.875rem}.form-input,.form-select{background-color:#fff;border:2px solid #e5e7eb;border:2px solid var(--um-gray-200);border-radius:.5rem;border-radius:var(--um-border-radius);box-sizing:border-box;padding:.875rem 1rem;transition:all .2s ease;width:100%}.form-input:focus,.form-select:focus{border-color:#062238;border-color:var(--um-primary);box-shadow:0 0 0 3px #0622381a;box-shadow:0 0 0 3px var(--um-primary-light);outline:none}.form-input:hover:not(:focus),.form-select:hover:not(:focus){border-color:#d1d5db;border-color:var(--um-gray-300)}.form-input::placeholder{color:#9ca3af;color:var(--um-gray-400)}.password-mismatch{align-items:center;color:#ef4444;color:var(--um-danger);display:flex;font-size:.75rem;font-weight:500;gap:.5rem;margin-top:.5rem}.cities-selection{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem}.city-card{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--um-gray-200);border-radius:.5rem;border-radius:var(--um-border-radius);cursor:pointer;display:block;padding:1rem;position:relative;transition:all .2s ease}.city-card:hover{border-color:#062238;border-color:var(--um-primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--um-shadow-md);transform:translateY(-1px)}.city-checkbox{opacity:0;pointer-events:none;position:absolute}.city-checkbox:checked+.city-info,.city-checkbox:checked~.checkmark{color:#062238;color:var(--um-primary)}.city-checkbox:checked~.checkmark{opacity:1}.city-card:has(.city-checkbox:checked){background:#0622381a;background:var(--um-primary-light);border-color:#062238;border-color:var(--um-primary)}.city-info{color:var(--um-gray-600);transition:color .2s ease}.checkmark{opacity:0;position:absolute;right:.75rem;top:.75rem;transition:all .2s ease}.form-hint{color:#6b7280;color:var(--um-gray-500);font-style:italic}.btn,.form-hint{font-size:.875rem}.btn{align-items:center;border:none;border-radius:.5rem;border-radius:var(--um-border-radius);cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;justify-content:center;min-width:120px;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#062238,#0c3755);background:linear-gradient(135deg,var(--um-primary),var(--um-primary-hover));box-shadow:var(--um-shadow-sm)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#0c3755,#134e7c);background:linear-gradient(135deg,var(--um-primary-hover),#134e7c);box-shadow:var(--um-shadow-md)}.btn-secondary{background:#f3f4f6;background:var(--um-gray-100);border:2px solid #e5e7eb;border:2px solid var(--um-gray-200);color:#062238;color:var(--um-primary)}.btn-secondary:hover:not(:disabled){background:#e5e7eb;background:var(--um-gray-200);border-color:#d1d5db;border-color:var(--um-gray-300);transform:translateY(-1px)}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.form-actions{border-top:1px solid var(--um-gray-200);margin-top:2rem}.alert{border-radius:var(--um-border-radius);margin-bottom:1.5rem;padding:1rem}.alert-error{border:1px solid #ef444433;color:var(--um-danger)}.empty-state{background:#fff;border:2px dashed #d1d5db;border:2px dashed var(--um-gray-300);border-radius:.75rem;border-radius:var(--um-border-radius-lg);color:var(--um-gray-500)}.empty-icon{color:#9ca3af;color:var(--um-gray-400)}.empty-state h3{color:#062238;color:var(--um-primary);font-size:1.25rem;font-weight:700}.empty-state p{color:#6b7280;color:var(--um-gray-500);line-height:1.6;margin:0 0 2rem}.loading{background:#fff;border-radius:.75rem;border-radius:var(--um-border-radius-lg);padding:4rem 2rem;text-align:center}.loading,.spinner{color:#062238;color:var(--um-primary)}.spinner{animation:spin 1s linear infinite}.slide-panel-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#06223899;bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .3s ease;z-index:1000}.slide-panel-overlay.active{opacity:1;pointer-events:auto}.slide-panel{background:#fff;bottom:0;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--um-shadow-lg);display:flex;flex-direction:column;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:500px;z-index:1001}.slide-panel.active{transform:translateX(0)}.slide-panel-header{align-items:center;background:#f9fafb;background:var(--um-gray-50);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--um-gray-200);display:flex;justify-content:space-between;padding:2rem}.slide-panel-title{color:#062238;color:var(--um-primary);font-size:1.5rem;font-weight:700;margin:0}.slide-panel-close{background:none;border:none;border-radius:.5rem;border-radius:var(--um-border-radius);color:#062238;color:var(--um-primary);cursor:pointer;padding:.5rem;transition:background .2s ease}.slide-panel-close:hover{background:#e5e7eb;background:var(--um-gray-200)}.slide-panel-content{flex:1 1;overflow-y:auto;padding:2rem}@media (max-width:1024px){.users-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width:768px){.place-manager{padding:1rem}.place-manager-header{align-items:stretch;flex-direction:column;gap:1rem}.stats{flex-wrap:wrap;justify-content:center}.users-grid{grid-template-columns:1fr}.slide-panel{width:100%}.cities-selection{grid-template-columns:1fr}.assignments-grid,.form-actions{flex-direction:column}.btn{width:100%}}@media (max-width:480px){.place-manager{padding:.75rem}.place-manager-header{padding:1rem}.user-card{margin:0}.user-header{padding:1rem 1rem 0}.user-cities-section,.user-role-section{padding:0 1rem}.slide-panel-content,.slide-panel-header,.user-stats{padding:1rem}}:root{--qm-primary:#3b82f6;--qm-primary-hover:#2563eb;--qm-secondary:#062238;--qm-success:#10b981;--qm-warning:#f59e0b;--qm-danger:#ef4444;--qm-purple:#8b5cf6;--qm-gray-50:#f9fafb;--qm-gray-100:#f3f4f6;--qm-gray-200:#e5e7eb;--qm-gray-300:#d1d5db;--qm-gray-400:#9ca3af;--qm-gray-500:#6b7280;--qm-gray-600:#4b5563;--qm-gray-700:#374151;--qm-gray-800:#1f2937;--qm-gray-900:#111827;--qm-border-radius:0.5rem;--qm-border-radius-lg:0.75rem;--qm-shadow-sm:0 1px 2px 0 #0000000d;--qm-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--qm-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--qm-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.quest-manager{background:#fff;border:1px solid #f3f4f6;border:1px solid var(--qm-gray-100);border-radius:.75rem;border-radius:var(--qm-border-radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--qm-shadow-md);min-height:calc(100vh - 2rem);overflow:hidden}.current-file-preview,.current-files-preview{background:#f9fafb;background:var(--qm-gray-50);border:1px solid #e5e7eb;border:1px solid var(--qm-gray-200);border-radius:.5rem;border-radius:var(--qm-border-radius);margin-bottom:1rem;padding:1rem}.current-file-header{align-items:center;color:#374151;color:var(--qm-gray-700);display:flex;font-size:.875rem;font-weight:600;justify-content:space-between;margin-bottom:.75rem}.view-link{align-items:center;border-radius:.25rem;color:#3b82f6;color:var(--qm-primary);display:flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.25rem .5rem;text-decoration:none;transition:background-color .2s ease}.view-link:hover{background-color:#3b82f61a;text-decoration:none}.current-image-preview{border-radius:.5rem;border-radius:var(--qm-border-radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--qm-shadow-sm);max-width:300px;overflow:hidden;position:relative}.current-preview-image{display:block;height:200px;object-fit:cover;width:100%}.preview-error{align-items:center;background:#f3f4f6;background:var(--qm-gray-100);color:#6b7280;color:var(--qm-gray-500);display:flex;flex-direction:column;gap:.5rem;height:200px;justify-content:center}.current-audio-preview{background:#fff;border:1px solid #d1d5db;border:1px solid var(--qm-gray-300);border-radius:.5rem;border-radius:var(--qm-border-radius);padding:1rem}.audio-player-wrapper{align-items:center;display:flex;gap:1rem}.audio-info{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.audio-label{color:#374151;color:var(--qm-gray-700);font-size:.875rem;font-weight:500}.audio-player{height:32px;width:100%}.current-file-generic{align-items:center;background:#fff;border:1px solid #d1d5db;border:1px solid var(--qm-gray-300);border-radius:.5rem;border-radius:var(--qm-border-radius);color:#4b5563;color:var(--qm-gray-600);display:flex;gap:.75rem;padding:1rem}.current-files-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.current-file-item{border-radius:.5rem;border-radius:var(--qm-border-radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--qm-shadow-sm);overflow:hidden;position:relative}.current-image-small{height:100px;position:relative}.current-thumbnail{height:100%;object-fit:cover;width:100%}.thumbnail-error{align-items:center;background:#f3f4f6;background:var(--qm-gray-100);color:#9ca3af;color:var(--qm-gray-400);display:flex;height:100%;justify-content:center}.thumbnail-overlay{padding:.25rem;position:absolute;right:0;top:0}.thumbnail-overlay a{align-items:center;background:#000000b3;border-radius:50%;color:#fff;display:flex;height:24px;justify-content:center;text-decoration:none;transition:all .2s ease;width:24px}.thumbnail-overlay a:hover{background:#000000e6;transform:scale(1.1)}.current-file-generic-small{align-items:center;background:#f3f4f6;background:var(--qm-gray-100);color:#4b5563;color:var(--qm-gray-600);display:flex;flex-direction:column;gap:.5rem;height:100px;justify-content:center;padding:.5rem;position:relative;text-align:center}.current-file-generic-small span{font-size:.75rem;font-weight:500}.file-link{align-items:center;background:#3b82f6;background:var(--qm-primary);border-radius:50%;color:#fff;display:flex;height:20px;justify-content:center;position:absolute;right:.25rem;text-decoration:none;top:.25rem;transition:all .2s ease;width:20px}.file-link:hover{background:#2563eb;background:var(--qm-primary-hover);transform:scale(1.1)}.upload-zone{background:#f9fafb;background:var(--qm-gray-50);border:2px dashed #d1d5db;border:2px dashed var(--qm-gray-300);border-radius:.75rem;border-radius:var(--qm-border-radius-lg);margin-bottom:1rem;padding:1.5rem;text-align:center;transition:all .3s ease}.upload-zone:hover{background:#3b82f60d;border-color:#3b82f6;border-color:var(--qm-primary)}.upload-zone.has-files{background:#10b9810d;border-color:#10b981;border-color:var(--qm-success)}.file-input{display:none}.upload-label{cursor:pointer;display:block;width:100%}.upload-content{align-items:center;display:flex;flex-direction:column;gap:1rem}.upload-icon{color:#9ca3af;color:var(--qm-gray-400);transition:color .3s ease}.upload-zone:hover .upload-icon{color:#3b82f6;color:var(--qm-primary)}.upload-zone.has-files .upload-icon{color:#10b981;color:var(--qm-success)}.upload-text{display:flex;flex-direction:column;gap:.25rem}.upload-main{color:#374151;color:var(--qm-gray-700);font-size:1rem;font-weight:600}.upload-hint{color:#6b7280;color:var(--qm-gray-500);font-size:.875rem}.file-preview-container{margin-top:1rem}.image-preview{border-radius:.5rem;border-radius:var(--qm-border-radius);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--qm-shadow);margin:0 auto;max-width:300px;overflow:hidden;position:relative}.preview-image{display:block;height:200px;object-fit:cover;width:100%}.preview-overlay{background:linear-gradient(#0000,#000000b3);bottom:0;color:#fff;font-size:.875rem;font-weight:500;left:0;padding:1rem;position:absolute;right:0}.preview-filename{display:block;word-break:break-word}.file-list{margin-top:1rem}.file-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--qm-gray-200);border-radius:.5rem;border-radius:var(--qm-border-radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--qm-shadow-sm);display:flex;gap:.75rem;padding:.75rem}.file-name{color:#374151;color:var(--qm-gray-700);flex:1 1;font-weight:500;word-break:break-word}.file-size{color:#6b7280;color:var(--qm-gray-500);font-size:.875rem;font-weight:500}.files-preview-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:1rem}.file-preview-item{border-radius:.5rem;border-radius:var(--qm-border-radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--qm-shadow-sm);overflow:hidden}.image-preview-small{height:120px;position:relative}.image-preview-small img{height:100%;object-fit:cover;width:100%}.preview-overlay-small{background:linear-gradient(#0000,#000c);bottom:0;color:#fff;font-size:.75rem;font-weight:500;left:0;padding:.5rem;position:absolute;right:0}.preview-overlay-small span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-word}.file-item-small{align-items:center;background:#f9fafb;background:var(--qm-gray-50);border:1px solid #e5e7eb;border:1px solid var(--qm-gray-200);display:flex;flex-direction:column;gap:.5rem;height:120px;justify-content:center;padding:1rem;text-align:center}.file-name-small{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#374151;color:var(--qm-gray-700);display:-webkit-box;font-size:.75rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.quest-media-preview{background:#f9fafb;background:var(--qm-gray-50);border:1px solid #e5e7eb;border:1px solid var(--qm-gray-200);border-radius:.5rem;border-radius:var(--qm-border-radius);display:flex;gap:.75rem;margin:1rem 0;padding:.75rem}.media-preview-item{flex:1 1;max-width:80px;position:relative}.preview-thumbnail{border:1px solid #e5e7eb;border:1px solid var(--qm-gray-200);border-radius:.5rem;border-radius:var(--qm-border-radius);height:60px;object-fit:cover;width:100%}.media-label{background:#f9fafb;background:var(--qm-gray-50);border:1px solid #e5e7eb;border:1px solid var(--qm-gray-200);border-radius:.25rem;bottom:-1.5rem;color:#4b5563;color:var(--qm-gray-600);font-size:.625rem;font-weight:600;left:0;padding:.125rem .25rem;position:absolute;right:0;text-align:center}.qm-upload-progress{background:#3b82f60d;border:1px solid #3b82f633;border-radius:.5rem;border-radius:var(--qm-border-radius);margin:1rem 2rem;padding:1rem}.qm-upload-progress h4{color:#3b82f6;color:var(--qm-primary);font-size:.875rem;font-weight:600;margin:0 0 1rem}.qm-upload-item{align-items:center;display:flex;font-size:.875rem;gap:1rem;margin-bottom:.75rem}.qm-progress-bar{background:#e5e7eb;background:var(--qm-gray-200);border-radius:2px;flex:1 1;height:4px;overflow:hidden}.qm-progress-fill{background:#3b82f6;background:var(--qm-primary);height:100%;transition:width .3s ease}.qm-success-icon{color:#10b981;color:var(--qm-success)}.current-file,.current-files{color:#4b5563;color:var(--qm-gray-600);font-size:.875rem;margin-bottom:.5rem}.current-file a,.current-file-link{align-items:center;color:#3b82f6;color:var(--qm-primary);display:inline-flex;font-weight:500;gap:.25rem;margin-left:.5rem;text-decoration:none}.current-file a:hover,.current-file-link:hover{text-decoration:underline}.current-files{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.file-preview,.files-preview{margin-top:.5rem}.file-preview{align-items:center;background:#f9fafb;background:var(--qm-gray-50);border:1px solid #e5e7eb;border:1px solid var(--qm-gray-200);border-radius:.5rem;border-radius:var(--qm-border-radius);color:#374151;color:var(--qm-gray-700);display:flex;font-size:.875rem;gap:.5rem;padding:.5rem}.files-preview{display:flex;flex-direction:column;gap:.5rem}.files-preview .file-preview{margin-top:0}.loading-container{align-items:center;color:#6b7280;color:var(--qm-gray-500);display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem}.loading-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.quest-header{align-items:center;background:#f9fafb;background:var(--qm-gray-50);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--qm-gray-200);display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;padding:2rem 2rem 1rem}.header-content h1{color:#1f2937;color:var(--qm-gray-800);font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.header-content p{color:#6b7280;color:var(--qm-gray-500);font-size:.875rem;line-height:1.5;margin:0}.city-selector{display:flex;flex-direction:column;gap:.5rem;min-width:200px}.city-selector label{color:#374151;color:var(--qm-gray-700);font-size:.875rem;font-weight:600}.city-select{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--qm-gray-200);border-radius:.5rem;border-radius:var(--qm-border-radius);color:#1f2937;color:var(--qm-gray-800);font-size:.875rem;padding:.75rem;transition:all .2s ease}.city-select:focus{border-color:#3b82f6;border-color:var(--qm-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.btn-back,.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:.5rem;border-radius:var(--qm-border-radius);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease;white-space:nowrap}.btn-primary{background:#3b82f6;background:var(--qm-primary);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--qm-shadow-sm);color:#fff}.btn-primary:hover:not(:disabled){background:#2563eb;background:var(--qm-primary-hover);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--qm-shadow-md);transform:translateY(-1px)}.btn-primary:disabled{background:#9ca3af;background:var(--qm-gray-400);cursor:not-allowed;transform:none}.btn-secondary{background:#e5e7eb;background:var(--qm-gray-200);border:1px solid #d1d5db;border:1px solid var(--qm-gray-300);color:#374151;color:var(--qm-gray-700)}.btn-secondary:hover:not(:disabled){background:#d1d5db;background:var(--qm-gray-300);border-color:#9ca3af;border-color:var(--qm-gray-400)}.btn-back{background:#0000;border:1px solid #d1d5db;border:1px solid var(--qm-gray-300);color:#4b5563;color:var(--qm-gray-600)}.btn-back:hover{background:#f3f4f6;background:var(--qm-gray-100);color:#374151;color:var(--qm-gray-700)}.quest-content{padding:2rem}.quest-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:1rem}.quest-card{animation:fadeInUp .3s ease-out;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--qm-gray-200);border-radius:.75rem;border-radius:var(--qm-border-radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--qm-shadow);overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.quest-card:hover{border-color:#d1d5db;border-color:var(--qm-gray-300);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--qm-shadow-lg);transform:translateY(-2px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.quest-card-header{align-items:center;background:#f9fafb;background:var(--qm-gray-50);border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--qm-gray-100);display:flex;justify-content:space-between;padding:1rem 1rem .5rem}.quest-order{background:#3b82f6;background:var(--qm-primary);border-radius:1rem;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.quest-actions{display:flex;gap:.5rem}.qm-action-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--qm-gray-200);border-radius:.5rem;border-radius:var(--qm-border-radius);color:#4b5563;color:var(--qm-gray-600);cursor:pointer;display:flex;height:2rem;justify-content:center;transition:all .2s ease;width:2rem}.qm-action-btn:hover:not(:disabled){transform:scale(1.05)}.qm-action-btn.edit:hover{background:#8b5cf61a;border-color:#8b5cf6;border-color:var(--qm-purple);color:#8b5cf6;color:var(--qm-purple)}.qm-action-btn.delete:hover{background:#ef44441a;border-color:#ef4444;border-color:var(--qm-danger);color:#ef4444;color:var(--qm-danger)}.qm-action-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.quest-card-content{padding:1rem}.quest-title{color:#1f2937;color:var(--qm-gray-800);font-size:1rem;font-weight:600;line-height:1.3;margin:0 0 .5rem}.quest-subtitle,.quest-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.quest-subtitle{color:#4b5563;color:var(--qm-gray-600);font-size:.875rem;line-height:1.4;margin:0 0 1rem}.quest-details{margin-bottom:1rem}.quest-location{align-items:center;color:#4b5563;color:var(--qm-gray-600);display:flex;font-size:.75rem;gap:.5rem;margin-bottom:.75rem}.quest-metadata{color:#6b7280;color:var(--qm-gray-500);display:flex;flex-wrap:wrap;font-size:.75rem;gap:1rem}.quest-date,.quest-media{align-items:center;display:flex;gap:.25rem}.quest-preview{background:#f9fafb;background:var(--qm-gray-50);border-radius:.5rem;border-radius:var(--qm-border-radius);font-size:.875rem;padding:.75rem}.quest-preview strong{color:#374151;color:var(--qm-gray-700);font-weight:600}.quest-preview p{color:#4b5563;color:var(--qm-gray-600);line-height:1.4;margin:.5rem 0 0}.empty-state{align-items:center;color:#6b7280;color:var(--qm-gray-500);display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.empty-icon{color:#d1d5db;color:var(--qm-gray-300);margin-bottom:1.5rem}.empty-state h3{color:#374151;color:var(--qm-gray-700);font-size:1.125rem;font-weight:600;margin:0 0 .75rem}.empty-state p{font-size:.875rem;line-height:1.5;margin:0;max-width:400px}.quest-form-container{min-height:calc(100vh - 2rem)}.quest-form-header{align-items:center;background:#f9fafb;background:var(--qm-gray-50);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--qm-gray-200);display:flex;gap:1rem;padding:2rem 2rem 1rem}.quest-form-header h2{color:#1f2937;color:var(--qm-gray-800);flex:1 1;font-size:1.25rem;font-weight:700;margin:0}.city-info{align-items:center;color:#4b5563;color:var(--qm-gray-600);display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.quest-form{margin:0 auto;max-width:800px;padding:2rem}.form-section{margin-bottom:3rem}.form-section h3{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--qm-gray-200);color:#1f2937;color:var(--qm-gray-800);font-size:1.125rem;font-weight:600;margin:0 0 1.5rem;padding-bottom:.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 120px}.form-group{margin-bottom:1.5rem}.form-group:last-of-type{margin-bottom:0}.form-group label{color:#374151;color:var(--qm-gray-700);display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.form-input,.form-textarea{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--qm-gray-200);border-radius:.5rem;border-radius:var(--qm-border-radius);box-sizing:border-box;color:#1f2937;color:var(--qm-gray-800);font-family:inherit;font-size:.875rem;outline:none;padding:.75rem;transition:all .2s ease;width:100%}.form-input:focus,.form-textarea:focus{border-color:#3b82f6;border-color:var(--qm-primary);box-shadow:0 0 0 3px #3b82f61a}.form-input:disabled,.form-textarea:disabled{background:#f9fafb;background:var(--qm-gray-50);color:#6b7280;color:var(--qm-gray-500);cursor:not-allowed;opacity:.7}.form-textarea{line-height:1.5;resize:vertical}.form-textarea.large{min-height:100px}.form-group small{color:#6b7280;color:var(--qm-gray-500);display:block;font-size:.75rem;margin-top:.25rem}.form-actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--qm-gray-200);display:flex;gap:1rem;justify-content:flex-end;margin-top:3rem;padding-top:2rem}.alert{align-items:center;border-radius:.5rem;border-radius:var(--qm-border-radius);display:flex;font-size:.875rem;font-weight:500;gap:.75rem;margin:0 2rem 1rem;padding:1rem 1.5rem;position:relative}.alert-error{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444;color:var(--qm-danger)}.alert-success{background:#10b9811a;border:1px solid #10b9814d;color:#10b981;color:var(--qm-success)}.alert-close{background:none;border:none;border-radius:.25rem;color:inherit;cursor:pointer;opacity:.7;padding:.25rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:opacity .2s ease}.alert-close:hover{opacity:1}@media (max-width:1024px){.quest-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.quest-header{align-items:stretch;flex-direction:column;gap:1rem}.quest-content,.quest-form,.quest-header{padding:1.5rem}.quest-form-header{flex-wrap:wrap;padding:1.5rem}.quest-grid{gap:1rem}.form-row,.quest-grid{grid-template-columns:1fr}.city-selector{min-width:auto;width:100%}.alert{margin:0 1.5rem 1rem}.upload-zone{padding:1rem}.upload-content{gap:.75rem}.upload-icon{size:24px}.current-files-grid,.files-preview-grid{gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.current-file-generic-small,.current-image-small,.file-item-small,.image-preview-small{height:80px}.current-preview-image,.preview-image{height:150px}.current-file-preview,.current-files-preview{padding:.75rem}.current-file-header{gap:.5rem}.audio-player-wrapper,.current-file-header{align-items:flex-start;flex-direction:column}.audio-player-wrapper{gap:.75rem}.quest-media-preview{flex-direction:column;gap:.5rem}.media-preview-item{align-items:center;display:flex;gap:.5rem;max-width:none}.preview-thumbnail{flex-shrink:0;height:40px;width:50px}.media-label{background:#0000;border:none;font-size:.75rem;padding:0;position:static}}@media (max-width:480px){.quest-content,.quest-form,.quest-form-header,.quest-header{padding:1rem}.quest-card-header{padding:.75rem .75rem .5rem}.quest-card-content{padding:.75rem}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{justify-content:center}.alert{margin:0 1rem 1rem;padding:.75rem 1rem}.upload-zone{padding:.75rem}.upload-main{font-size:.875rem}.upload-hint{font-size:.75rem}.current-files-grid,.files-preview-grid{gap:.5rem;grid-template-columns:1fr 1fr}.file-preview-container{margin-top:.75rem}.current-preview-image,.preview-image{height:120px}.current-file-generic-small,.current-image-small,.file-item-small,.image-preview-small{height:70px}.file-item{gap:.5rem;padding:.5rem}.file-name{font-size:.875rem}.file-size{font-size:.75rem}.current-file-preview,.current-files-preview{padding:.5rem}.current-file-header{font-size:.75rem}.view-link{font-size:.7rem;padding:.2rem .4rem}.audio-player{height:28px}.current-file-generic-small span{font-size:.7rem}.file-link,.thumbnail-overlay a{height:20px;width:20px}}.btn-back:focus,.btn-primary:focus,.btn-secondary:focus,.city-select:focus,.qm-action-btn:focus{outline:2px solid #3b82f6;outline:2px solid var(--qm-primary);outline-offset:2px}.quest-card.deleting{opacity:.5;transform:scale(.95)}@media (hover:none){.btn-primary:hover,.btn-secondary:hover,.qm-action-btn:hover,.quest-card:hover{transform:none}}.app-container{height:100vh;width:100vw}.app-sidebar{background-color:#062238;color:#fff;flex-shrink:0;width:250px}.main-content{background-color:#f9f9f9;flex-grow:1;overflow-y:auto}.app-container{display:flex;min-height:100vh}.main-content{flex:1 1;padding:20px}.main-content.full-width{width:100%}
/*# sourceMappingURL=main.38c47d3b.css.map*/