:root{--primary-color:#007bff;--secondary-color:#6c757d;--background-color:#f8f9fa;--surface-color:#fff;--text-color:#333;--text-secondary-color:#666;--border-color:#e0e0e0;--shadow-color:#0000001a;--overlay-color:#0006;--success-color:#28a745;--warning-color:#ffc107;--error-color:#dc3545;--info-color:#17a2b8;--skeleton-bg:#f0f0f0;--skeleton-shimmer:#e0e0e0;--success-bg:#d4edda;--success-text:#155724;--warning-bg:#fff3cd;--warning-text:#856404;--error-bg:#f8d7da;--error-text:#721c24;--info-bg:#d1ecf1;--info-text:#0c5460;--private-bg:#e2e3e5;--private-text:#383d41}.dark{--primary-color:#4dabf7;--secondary-color:#adb5bd;--background-color:#121212;--surface-color:#1e1e1e;--text-color:#fff;--text-secondary-color:#b0b0b0;--border-color:#2d2d2d;--shadow-color:#0000004d;--overlay-color:#0009;--success-color:#51cf66;--warning-color:#ffd43b;--error-color:#ff6b6b;--info-color:#74c0fc;--skeleton-bg:#23272f;--skeleton-shimmer:#353b48;--success-bg:#2d5a2d;--success-text:#fff;--warning-bg:#5a4a1a;--warning-text:#fff;--error-bg:#5a2a2a;--error-text:#fff;--info-bg:#2a4a5a;--info-text:#fff;--private-bg:#3a3a3a;--private-text:#fff;--warning-button-bg:#8b6f00;--warning-button-text:#fff}@media (prefers-color-scheme:dark){:root:not(.light){--primary-color:#4dabf7;--secondary-color:#adb5bd;--background-color:#121212;--surface-color:#1e1e1e;--text-color:#fff;--text-secondary-color:#b0b0b0;--border-color:#2d2d2d;--shadow-color:#0000004d;--overlay-color:#0009;--success-color:#51cf66;--warning-color:#ffd43b;--error-color:#ff6b6b;--info-color:#74c0fc;--success-bg:#2d5a2d;--success-text:#fff;--warning-bg:#5a4a1a;--warning-text:#fff;--error-bg:#5a2a2a;--error-text:#fff;--info-bg:#2a4a5a;--info-text:#fff;--private-bg:#3a3a3a;--private-text:#fff;--warning-button-bg:#8b6f00;--warning-button-text:#fff}}*{box-sizing:border-box}.theme-transition,html{transition:background-color .3s cubic-bezier(.4,0,.2,1)}.theme-transition *{transition:background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;background-color:var(--background-color);color:#333;color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden;transition:background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media (max-width:767px){a,button,input,select,textarea{min-height:44px;min-width:44px}input,select,textarea{font-size:16px}html{-webkit-overflow-scrolling:touch}::selection{background-color:#007bff;background-color:var(--primary-color);color:#fff}}:focus{outline:2px solid #007bff;outline:2px solid var(--primary-color);outline-offset:2px}*{transition:background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}a,button,input,select,textarea{-webkit-user-select:none;user-select:none}div,h1,h2,h3,h4,h5,h6,p,span{-webkit-user-select:text;user-select:text}.mobile-scroll{-webkit-overflow-scrolling:touch}.mobile-scroll::-webkit-scrollbar{display:none}.mobile-scroll{-ms-overflow-style:none;scrollbar-width:none}.dark ::-webkit-scrollbar{width:8px}.dark ::-webkit-scrollbar-track{background:#fff;background:var(--surface-color)}.dark ::-webkit-scrollbar-thumb{background:#e0e0e0;background:var(--border-color);border-radius:4px}.dark ::-webkit-scrollbar-thumb:hover{background:#666;background:var(--text-secondary-color)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#fff;background:var(--surface-color)}::-webkit-scrollbar-thumb{background:#e0e0e0;background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#666;background:var(--text-secondary-color)}.profile-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.profile-container{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;margin:0 auto;max-width:800px;overflow:hidden}.profile-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:30px}.profile-header h2{font-size:28px;font-weight:600;margin:0}.edit-button{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .3s ease}.edit-button:hover{background:#ffffff4d;transform:translateY(-1px)}.profile-content{padding:30px}.profile-section{margin-bottom:40px}.profile-section h3{border-bottom:2px solid #f0f0f0;color:#333;font-size:20px;margin-bottom:20px;padding-bottom:10px}.profile-info{display:flex;flex-direction:column;gap:15px}.info-row{align-items:center;border-bottom:1px solid #f5f5f5;display:flex;padding:12px 0}.info-row:last-child{border-bottom:none}.label{color:#666;font-weight:600;margin-right:20px;min-width:120px}.value{color:#333;flex:1 1}.status{border-radius:20px;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.status.approved{background:#e8f5e8;color:#2d5a2d}.status.pending{background:#fff3cd;color:#856404}.edit-form{gap:20px}.edit-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#333;font-size:14px;font-weight:600}.form-group input,.form-group textarea{border:2px solid #e0e0e0;border-radius:6px;font-size:14px;padding:12px;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;outline:none}.form-group textarea{min-height:80px;resize:vertical}.form-actions{display:flex;gap:15px;margin-top:10px}.cancel-button,.save-button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.save-button{background:#667eea;color:#fff}.save-button:hover:not(:disabled){background:#5a6fd8;transform:translateY(-1px)}.save-button:disabled{cursor:not-allowed;opacity:.6}.cancel-button{background:#f8f9fa;border:1px solid #e0e0e0;color:#666}.cancel-button:hover:not(:disabled){background:#e9ecef}.cancel-button:disabled{cursor:not-allowed;opacity:.6}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:20px}.stat-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px;text-align:center}.stat-number{color:#667eea;display:block;font-size:32px;font-weight:700;margin-bottom:8px}.stat-label{color:#666}.error-message,.stat-label{font-size:14px;font-weight:500}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;margin:20px 30px 0;padding:12px 16px}.username-info{margin-top:5px}.username-change-info,.username-info small{color:#666;font-size:12px;font-style:italic}.username-change-info{display:block;margin-top:5px}.previous-usernames{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.previous-username{background:#f8f9fa;border:1px solid #e9ecef;border-radius:20px;color:#666;font-family:monospace;font-size:12px;padding:6px 12px}@media (max-width:768px){.profile-page{padding:10px}.profile-container{border-radius:8px}.profile-header{flex-direction:column;gap:15px;padding:20px;text-align:center}.profile-content{padding:20px}.info-row{align-items:flex-start;flex-direction:column;gap:5px}.label{margin-right:0;min-width:auto}.form-actions{flex-direction:column}.stats-grid{grid-template-columns:1fr}}.settings-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.settings-container{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;margin:0 auto;max-width:1000px;overflow:hidden}.settings-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:30px}.settings-header h2{font-size:28px;font-weight:600;margin:0}.settings-content{display:flex;min-height:600px}.settings-sidebar{background:#f8f9fa;border-right:1px solid #e9ecef;padding:20px 0;width:250px}.tab-button{background:none;border:none;border-left:3px solid #0000;color:#666;cursor:pointer;font-size:16px;padding:15px 20px;text-align:left;transition:all .3s ease;width:100%}.tab-button:hover{background:#e9ecef;color:#333}.tab-button.active{background:#667eea;border-left-color:#5a6fd8;color:#fff}.settings-main{flex:1 1;padding:30px}.settings-section h3{border-bottom:2px solid #f0f0f0;color:#333;font-size:24px;margin-bottom:30px;padding-bottom:10px}.setting-item{align-items:center;border-bottom:1px solid #f5f5f5;display:flex;justify-content:space-between;padding:20px 0}.setting-item:last-child{border-bottom:none}.setting-info{flex:1 1}.setting-info h4{color:#333;font-size:16px;font-weight:600;margin:0 0 5px}.setting-info p{color:#666;font-size:14px;margin:0}.danger-button,.primary-button,.secondary-button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.primary-button{background:#667eea;color:#fff}.primary-button:hover{background:#5a6fd8;transform:translateY(-1px)}.secondary-button{background:#f8f9fa;border:1px solid #e0e0e0;color:#666}.secondary-button:hover{background:#e9ecef;color:#333}.danger-button{background:#dc3545;color:#fff}.danger-button:hover:not(:disabled){background:#c82333;transform:translateY(-1px)}.danger-button:disabled{cursor:not-allowed;opacity:.6}.setting-select{background:#fff;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:14px;padding:10px 15px;transition:border-color .3s ease}.setting-select:focus{border-color:#667eea;outline:none}.toggle-switch{display:inline-block;height:24px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}input:checked+.toggle-slider{background-color:#667eea}input:checked+.toggle-slider:before{transform:translateX(26px)}.subscription-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:20px;padding:25px}.subscription-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.subscription-header h4{color:#333;font-size:18px;font-weight:600;margin:0}.subscription-status{background:#d4edda;border-radius:20px;color:#155724;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.limits-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.limit-item{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:6px;display:flex;justify-content:space-between;padding:15px}.limit-label{color:#666;font-size:14px;font-weight:500}.limit-value{color:#333;font-size:14px;font-weight:600}.upgrade-prompt{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;padding:20px;text-align:center}.upgrade-prompt h5{font-size:18px;font-weight:600;margin:0 0 10px}.upgrade-prompt p{font-size:14px;margin:0 0 15px;opacity:.9}.message{border-radius:6px;font-size:14px;font-weight:500;margin:20px 30px 0;padding:12px 16px}.message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}@media (max-width:768px){.settings-page{padding:10px}.settings-container{border-radius:8px}.settings-header{padding:20px}.settings-content{flex-direction:column}.settings-sidebar{border-bottom:1px solid #e9ecef;border-right:none;padding:10px 0;width:100%}.settings-main{padding:20px}.setting-item{align-items:flex-start;flex-direction:column;gap:15px}.limits-grid{grid-template-columns:1fr}.tab-button{font-size:14px;padding:12px 20px}}.mapbox-gl-draw_ctrl-bottom-left,.mapbox-gl-draw_ctrl-top-left{border-radius:0 4px 4px 0;margin-left:0}.mapbox-gl-draw_ctrl-bottom-right,.mapbox-gl-draw_ctrl-top-right{border-radius:4px 0 0 4px;margin-right:0}.mapbox-gl-draw_ctrl-draw-btn{border-color:#000000e6;color:#ffffff80;height:30px;width:30px}.mapbox-gl-draw_ctrl-draw-btn.active,.mapbox-gl-draw_ctrl-draw-btn.active:hover{background-color:#0000000d}.mapbox-gl-draw_ctrl-draw-btn{background-position:50%;background-repeat:no-repeat}.mapbox-gl-draw_point{background-image:url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="m10 2c-3.3 0-6 2.7-6 6s6 9 6 9 6-5.7 6-9-2.7-6-6-6zm0 2c2.1 0 3.8 1.7 3.8 3.8 0 1.5-1.8 3.9-2.9 5.2h-1.7c-1.1-1.4-2.9-3.8-2.9-5.2-.1-2.1 1.6-3.8 3.7-3.8z"/>%3C/svg>')}.mapbox-gl-draw_polygon{background-image:url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="m15 12.3v-4.6c.6-.3 1-1 1-1.7 0-1.1-.9-2-2-2-.7 0-1.4.4-1.7 1h-4.6c-.3-.6-1-1-1.7-1-1.1 0-2 .9-2 2 0 .7.4 1.4 1 1.7v4.6c-.6.3-1 1-1 1.7 0 1.1.9 2 2 2 .7 0 1.4-.4 1.7-1h4.6c.3.6 1 1 1.7 1 1.1 0 2-.9 2-2 0-.7-.4-1.4-1-1.7zm-8-.3v-4l1-1h4l1 1v4l-1 1h-4z"/>%3C/svg>')}.mapbox-gl-draw_line{background-image:url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="m13.5 3.5c-1.4 0-2.5 1.1-2.5 2.5 0 .3 0 .6.2.9l-3.8 3.8c-.3-.1-.6-.2-.9-.2-1.4 0-2.5 1.1-2.5 2.5s1.1 2.5 2.5 2.5 2.5-1.1 2.5-2.5c0-.3 0-.6-.2-.9l3.8-3.8c.3.1.6.2.9.2 1.4 0 2.5-1.1 2.5-2.5s-1.1-2.5-2.5-2.5z"/>%3C/svg>')}.mapbox-gl-draw_trash{background-image:url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="M10,3.4 c-0.8,0-1.5,0.5-1.8,1.2H5l-1,1v1h12v-1l-1-1h-3.2C11.5,3.9,10.8,3.4,10,3.4z M5,8v7c0,1,1,2,2,2h6c1,0,2-1,2-2V8h-2v5.5h-1.5V8h-3 v5.5H7V8H5z"/>%3C/svg>')}.mapbox-gl-draw_uncombine{background-image:url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="m12 2c-.3 0-.5.1-.7.3l-1 1c-.4.4-.4 1 0 1.4l1 1c.4.4 1 .4 1.4 0l1-1c.4-.4.4-1 0-1.4l-1-1c-.2-.2-.4-.3-.7-.3zm4 4c-.3 0-.5.1-.7.3l-1 1c-.4.4-.4 1 0 1.4l1 1c.4.4 1 .4 1.4 0l1-1c.4-.4.4-1 0-1.4l-1-1c-.2-.2-.4-.3-.7-.3zm-7 1c-1 0-1 1-.5 1.5.3.3 1 1 1 1l-1 1s-.5.5 0 1 1 0 1 0l1-1 1 1c.5.5 1.5.5 1.5-.5v-4zm-5 3c-.3 0-.5.1-.7.3l-1 1c-.4.4-.4 1 0 1.4l4.9 4.9c.4.4 1 .4 1.4 0l1-1c.4-.4.4-1 0-1.4l-4.9-4.9c-.1-.2-.4-.3-.7-.3z"/>%3C/svg>')}.mapbox-gl-draw_combine{background-image:url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="M12.1,2c-0.3,0-0.5,0.1-0.7,0.3l-1,1c-0.4,0.4-0.4,1,0,1.4l4.9,4.9c0.4,0.4,1,0.4,1.4,0l1-1 c0.4-0.4,0.4-1,0-1.4l-4.9-4.9C12.6,2.1,12.3,2,12.1,2z M8,8C7,8,7,9,7.5,9.5c0.3,0.3,1,1,1,1l-1,1c0,0-0.5,0.5,0,1s1,0,1,0l1-1l1,1 C11,13,12,13,12,12V8H8z M4,10c-0.3,0-0.5,0.1-0.7,0.3l-1,1c-0.4,0.4-0.4,1,0,1.4l1,1c0.4,0.4,1,0.4,1.4,0l1-1c0.4-0.4,0.4-1,0-1.4 l-1-1C4.5,10.1,4.3,10,4,10z M8,14c-0.3,0-0.5,0.1-0.7,0.3l-1,1c-0.4,0.4-0.4,1,0,1.4l1,1c0.4,0.4,1,0.4,1.4,0l1-1 c0.4-0.4,0.4-1,0-1.4l-1-1C8.5,14.1,8.3,14,8,14z"/>%3C/svg>')}.mapboxgl-map.mouse-pointer .mapboxgl-canvas-container.mapboxgl-interactive{cursor:pointer}.mapboxgl-map.mouse-move .mapboxgl-canvas-container.mapboxgl-interactive{cursor:move}.mapboxgl-map.mouse-add .mapboxgl-canvas-container.mapboxgl-interactive{cursor:crosshair}.mapboxgl-map.mouse-move.mode-direct_select .mapboxgl-canvas-container.mapboxgl-interactive{cursor:grab;cursor:-webkit-grab}.mapboxgl-map.mode-direct_select.feature-vertex.mouse-move .mapboxgl-canvas-container.mapboxgl-interactive{cursor:move}.mapboxgl-map.mode-direct_select.feature-midpoint.mouse-pointer .mapboxgl-canvas-container.mapboxgl-interactive{cursor:cell}.mapboxgl-map.mode-direct_select.feature-feature.mouse-move .mapboxgl-canvas-container.mapboxgl-interactive{cursor:move}.mapboxgl-map.mode-static.mouse-pointer .mapboxgl-canvas-container.mapboxgl-interactive{cursor:grab;cursor:-webkit-grab}.mapbox-gl-draw_boxselect{background:#0000001a;border:2px dotted #fff;height:0;left:0;opacity:.5;pointer-events:none;position:absolute;top:0;width:0}.template-selector{background:#f8f9fa;border-radius:8px;margin:0 auto;max-width:1200px;padding:20px}.template-selector-header{margin-bottom:30px;text-align:center}.template-selector-header h3{color:#2c3e50;font-size:24px;font-weight:600;margin:0 0 10px}.template-selector-header p{color:#7f8c8d;font-size:16px;margin:0}.template-controls{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:25px}.search-box{flex:1 1;min-width:250px}.search-input{border:2px solid #e1e8ed;border-radius:6px;font-size:14px;padding:12px 16px;transition:border-color .2s ease;width:100%}.search-input:focus{border-color:#3498db;outline:none}.tag-filter{min-width:150px}.tag-select{background:#fff;border:2px solid #e1e8ed;border-radius:6px;cursor:pointer;font-size:14px;padding:12px 16px;width:100%}.tag-select:focus{border-color:#3498db;outline:none}.template-selection-section{margin-bottom:30px}.template-selection-section h4{color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 20px}.template-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.template-card{background:#fff;border:2px solid #e1e8ed;border-radius:8px;cursor:pointer;overflow:hidden;padding:20px;position:relative;transition:all .2s ease}.template-card:hover{border-color:#3498db;box-shadow:0 4px 12px #3498db26;transform:translateY(-2px)}.template-card.selected{background:linear-gradient(135deg,#f8f9ff,#e3f2fd);border-color:#3498db;box-shadow:0 4px 12px #3498db33}.template-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.template-card-header h4{color:#2c3e50;font-size:18px;font-weight:600;line-height:1.3;margin:0}.template-version{background:#3498db;border-radius:4px;color:#fff;font-size:12px;font-weight:500;padding:4px 8px}.template-description{color:#7f8c8d;font-size:14px;line-height:1.5;margin:0 0 15px}.template-stats{margin-bottom:15px}.state-count{background:#ecf0f1;border-radius:20px;color:#2c3e50;font-size:12px;font-weight:500;padding:6px 12px}.template-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:15px}.tag{background:#e8f5e8;border-radius:12px;color:#27ae60;font-size:11px;font-weight:500;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.template-preview{margin-top:15px}.state-preview-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(4,1fr);height:40px}.state-preview{border:1px solid #ffffff4d;border-radius:4px;transition:transform .2s ease}.state-preview:hover{transform:scale(1.1)}.more-states{align-items:center;background:#bdc3c7;border-radius:4px;color:#fff;display:flex;font-size:12px;font-weight:500;justify-content:center}.state-selection-section{border-top:2px solid #e1e8ed;margin-top:30px;padding-top:30px}.state-selection-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.state-selection-header h4{color:#2c3e50;font-size:18px;font-weight:600;margin:0}.state-selection-controls{display:flex;gap:10px}.select-all-btn,.select-none-btn{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:13px;padding:8px 16px;transition:all .2s ease}.select-all-btn:hover,.select-none-btn:hover{background:#f8f9fa;border-color:#3498db}.states-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));max-height:400px;overflow-y:auto}.state-item{align-items:center;background:#fff;border:2px solid #e1e8ed;border-radius:6px;cursor:pointer;display:flex;padding:12px;transition:all .2s ease}.state-item:hover{border-color:#3498db;box-shadow:0 2px 8px #3498db26;transform:translateY(-1px)}.state-item.selected{background:linear-gradient(135deg,#f8f9ff,#e3f2fd);border-color:#3498db}.state-color{border:2px solid #fff;border-radius:50%;box-shadow:0 1px 3px #0003;height:20px;margin-right:12px;width:20px}.state-info{flex:1 1}.state-name{color:#2c3e50;font-weight:600;margin-bottom:4px}.state-details{color:#7f8c8d;font-size:12px}.state-checkbox{align-items:center;background:#ddd;border:2px solid #ddd;border-radius:4px;color:#fff;display:flex;font-size:14px;font-weight:700;height:20px;justify-content:center;transition:all .2s ease;width:20px}.state-item.selected .state-checkbox{background:#3498db;border-color:#3498db}.no-templates{color:#7f8c8d;padding:40px;text-align:center}.no-templates p{font-size:16px;margin:0}@media (max-width:768px){.template-selector{padding:15px}.template-controls{flex-direction:column}.search-box,.tag-filter{min-width:auto}.template-grid{grid-template-columns:1fr}.template-card{padding:15px}.state-selection-header{align-items:stretch;flex-direction:column;gap:15px}.state-selection-controls{justify-content:center}.states-grid{grid-template-columns:1fr}}@media (max-width:480px){.template-selector-header h3{font-size:20px}.template-card-header h4{font-size:16px}.state-preview-grid{height:30px}}.template-manager-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.template-manager-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden;width:1200px}.template-manager-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e1e8ed;display:flex;justify-content:space-between;padding:20px 30px}.template-manager-header h2{color:#2c3e50;font-size:24px;font-weight:600;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:#7f8c8d;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.close-button:hover{background:#e1e8ed;color:#2c3e50}.template-manager-content{flex:1 1;overflow-y:auto;padding:0}.template-manager-footer{align-items:center;background:#f8f9fa;border-top:1px solid #e1e8ed;display:flex;justify-content:space-between;padding:20px 30px}.selected-info{flex:1 1}.selected-count{background:#3498db;border-radius:20px;color:#fff;font-size:14px;font-weight:500;padding:8px 16px}.template-manager-actions{display:flex;gap:12px}.cancel-button{background:#95a5a6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:background-color .2s ease}.cancel-button:hover{background:#7f8c8d}.apply-button{background:#27ae60;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:background-color .2s ease}.apply-button:hover:not(:disabled){background:#229954}.apply-button:disabled{background:#bdc3c7;cursor:not-allowed}@media (max-width:768px){.template-manager-overlay{padding:10px}.template-manager-modal{max-height:95vh;max-width:100vw;width:100%}.template-manager-header{padding:15px 20px}.template-manager-header h2{font-size:20px}.template-manager-footer{align-items:stretch;flex-direction:column;gap:15px;padding:15px 20px}.template-manager-actions{justify-content:center}.apply-button,.cancel-button{flex:1 1;max-width:150px}}@media (max-width:480px){.template-manager-footer,.template-manager-header{padding:12px 15px}.template-manager-header h2{font-size:18px}}
/*# sourceMappingURL=main.b097ab22.css.map*/