.language-selector{display:flex;gap:10px}.lang-button{padding:10px 20px;font-size:1rem;border:2px solid #ffffff;background-color:#9a9da2;color:#fff;border-radius:10px;cursor:pointer;transition:all .3s ease;touch-action:manipulation;min-width:80px}.lang-button:hover{background-color:#fff;color:#9a9da2}.lang-button.active{background-color:#fff;color:#575656;font-weight:700}.lang-button:active{transform:scale(.95)}.header{width:100%;height:80px;background-color:#9a9da2;display:flex;align-items:center;justify-content:space-between;padding:0 113px;box-shadow:0 2px 4px #0000001a;z-index:100;position:relative}.header-logo{height:60px;display:flex;align-items:center;cursor:pointer}.header-logo img{max-height:100%;max-width:200px;object-fit:contain}.footer{width:100%;height:50px;background-color:#9a9da2;display:flex;align-items:center;justify-content:center;border-top:1px solid #e0e0e0;position:relative;z-index:100}.footer p{font-size:.9rem;color:#fff;margin:0}.video-player-container{margin:0 auto;position:relative;background-color:#000;overflow:hidden;height:786px}.video-player{width:100%;height:100%;cursor:pointer}.video-controls{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;gap:10px;z-index:10}.play-pause-button{width:auto;height:auto;min-width:100px;min-height:100px;border:none;background-color:transparent;color:#fff;font-size:64px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;touch-action:manipulation;text-shadow:0 2px 4px rgba(0,0,0,.5);opacity:.7}.play-pause-button.paused{opacity:1;font-size:80px}.play-pause-button:hover{opacity:.9;transform:scale(1.05)}.play-pause-button.paused:hover{opacity:1}.play-pause-button:active{transform:scale(.95)}.video-unavailable{width:100%;max-width:800px;margin:0 auto;padding:60px 20px;text-align:center;background-color:#f5f5f5;border-radius:8px;border:2px dashed #ccc}.video-unavailable p{font-size:1.2rem;color:#666;margin:0}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background-color:#fff;border-radius:12px;width:1538px;height:910px;overflow-y:auto;position:relative;box-shadow:0 10px 40px #0000004d;animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-close{position:absolute;top:15px;right:15px;width:40px;height:40px;border:none;font-size:44px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10;touch-action:manipulation;background-color:transparent;color:#333}.modal-close:hover{background-color:#e0e0e0;transform:scale(1.1)}.modal-close:active{transform:scale(.95)}.modal-header{padding:30px 30px 0}.modal-header h2{margin:0;font-size:1.8rem;color:#333}.modal-body{padding:30px}.modal-description{margin-top:30px}.modal-description p{color:var(--text, #282828);font-variant-numeric:lining-nums tabular-nums;font-family:Inter;font-size:20px;font-style:normal;font-weight:600;line-height:1.6;letter-spacing:.4px;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.modal-video{margin-top:0}.mnemonic-diagram-container{width:100%;height:100%;position:relative;overflow:hidden;background-color:#fff}.mnemonic-diagram-canvas{display:block;cursor:move;width:100%;height:100%;touch-action:none;-webkit-user-select:none;user-select:none;background-color:#d1cad2}.no-elements-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px;background:#ffffffe6;border:2px solid #ff4444;border-radius:8px;z-index:1000;pointer-events:none}.no-elements-message p{margin:0;color:#333;font-size:16px;text-align:center}.screensaver{width:100%;height:100%;background:#000;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;position:fixed;top:0;left:0;z-index:10000;overflow:hidden}.screensaver-content{text-align:center;color:#fff}.screensaver-content h1{font-size:4rem;margin-bottom:2rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.screensaver-content p{font-size:1.5rem;opacity:.9}.screensaver-media{width:100%;height:100%;object-fit:contain;display:block}.main-interface{width:1920px;height:1080px;display:flex;flex-direction:column;background-color:#f0f0f0;overflow:hidden;position:relative}.main-content{flex:1;overflow:hidden;position:relative;width:100%;height:calc(100% - 130px)}.login-container{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.login-form{background:#fff;padding:40px;border-radius:12px;box-shadow:0 10px 40px #0003;width:100%;max-width:400px}.login-form h2{margin:0 0 30px;text-align:center;color:#333;font-size:1.8rem}.form-group input{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus{outline:none;border-color:#667eea}.error-message{background-color:#fee;color:#c33;padding:12px;border-radius:6px;margin-bottom:20px;text-align:center}.submit-button{width:100%;padding:12px;background-color:#667eea;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s ease;touch-action:manipulation}.submit-button:hover:not(:disabled){background-color:#5568d3}.submit-button:disabled{opacity:.6;cursor:not-allowed}.submit-button:active:not(:disabled){transform:scale(.98)}.element-position-editor{padding:20px;max-width:100%;overflow-y:auto;max-height:calc(100vh - 200px)}.element-position-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:10px}.element-position-editor-header h2{margin:0}.element-position-editor-actions{display:flex;gap:10px;flex-wrap:wrap}.save-button,.cancel-button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.save-button:disabled,.cancel-button:disabled{opacity:.6;cursor:not-allowed}.element-position-editor-diagram{border:2px solid #ddd;border-radius:8px;overflow:hidden;background:#fff;margin-bottom:20px;position:relative;width:100%;height:950px}.element-position-canvas{display:block;cursor:move;width:100%;height:100%;touch-action:none;-webkit-user-select:none;user-select:none}.element-position-editor-hint{background:#e3f2fd;padding:15px;border-radius:4px;border-left:4px solid #2196f3}.element-position-editor-hint p{margin:0;color:#1976d2}.element-editor{background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;overflow-y:auto;max-height:calc(100vh - 200px)}.element-editor h3{margin:0 0 20px;color:#333;font-size:1.5rem}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#555;font-weight:500}.form-group .required{color:#e33}.form-group input[type=text],.form-group textarea{width:100%;padding:10px;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;font-family:inherit;transition:border-color .3s ease}.form-group input[type=text]:focus,.form-group textarea:focus{outline:none;border-color:#667eea}.form-group input[type=file]{width:100%;padding:10px;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem}.current-video,.new-video,.current-svg,.new-svg{margin-top:8px;padding:8px;background-color:#f0f0f0;border-radius:4px;font-size:.9rem;color:#666}.new-video,.new-svg{background-color:#e8f5e9;color:#2e7d32}.error-message{background-color:#fee;color:#c33;padding:12px;border-radius:6px;margin-bottom:20px}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:30px}.delete-button{background-color:#f44336;color:#fff;margin-right:auto}.delete-button:hover:not(:disabled){background-color:#d32f2f}.delete-button:disabled{opacity:.6;cursor:not-allowed}.delete-button:active:not(:disabled){transform:scale(.98)}.copy-button{background-color:#4caf50;color:#fff}.copy-button:hover:not(:disabled){background-color:#45a049}.copy-button:disabled{opacity:.6;cursor:not-allowed}.copy-button:active:not(:disabled){transform:scale(.98)}.cancel-button,.save-button,.delete-button,.copy-button{padding:12px 24px;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;touch-action:manipulation}.cancel-button{background-color:#f5f5f5;color:#333}.cancel-button:hover:not(:disabled){background-color:#e0e0e0}.save-button{background-color:#667eea;color:#fff}.save-button:hover:not(:disabled){background-color:#5568d3}.cancel-button:disabled,.save-button:disabled,.delete-button:disabled{opacity:.6;cursor:not-allowed}.cancel-button:active:not(:disabled),.save-button:active:not(:disabled){transform:scale(.98)}.position-info{display:flex;align-items:center;gap:15px;padding:12px;background-color:#f5f5f5;border-radius:6px}.position-info p{margin:0;color:#666;font-size:.95rem}.edit-position-button{padding:8px 16px;background-color:#2196f3;color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .3s ease}.edit-position-button:hover:not(:disabled){background-color:#0b7dda}.edit-position-button:disabled{opacity:.6;cursor:not-allowed}.diagram-editor{padding:20px;max-width:800px;margin:0 auto}.diagram-editor h2{margin-bottom:20px;color:#333}.current-diagram{background-color:#f9f9f9;padding:20px;border-radius:8px;margin-bottom:20px;border:1px solid #ddd}.current-diagram h3{margin-top:0;color:#555}.current-diagram p{margin:8px 0;color:#666}.diagram-preview{margin-top:20px;padding:15px;background-color:#fff;border:1px solid #ddd;border-radius:4px;text-align:center}.diagram-preview img{max-width:100%;max-height:400px;object-fit:contain}.no-diagram{background-color:#fff3cd;padding:20px;border-radius:8px;margin-bottom:20px;border:1px solid #ffc107;text-align:center;color:#856404}.diagram-actions{display:flex;gap:10px;flex-wrap:wrap}.upload-section{flex:1;min-width:200px}.upload-button{display:inline-block;padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;text-align:center;transition:background-color .2s}.upload-button:hover:not(:disabled){background-color:#0056b3}.upload-button:disabled{background-color:#ccc;cursor:not-allowed}.delete-button,.cancel-button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.delete-button{background-color:#dc3545;color:#fff}.delete-button:hover:not(:disabled){background-color:#c82333}.delete-button:disabled{background-color:#ccc;cursor:not-allowed}.cancel-button{background-color:#6c757d;color:#fff}.cancel-button:hover:not(:disabled){background-color:#5a6268}.cancel-button:disabled{background-color:#ccc;cursor:not-allowed}.language-editor{padding:20px;max-width:1200px;margin:0 auto}.language-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.language-editor-header h2{margin:0;color:#333}.create-language-button{background-color:#4caf50;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s}.create-language-button:hover{background-color:#45a049}.language-editor-error{background-color:#f44336;color:#fff;padding:12px;border-radius:4px;margin-bottom:20px}.language-form{background-color:#f9f9f9;padding:20px;border-radius:8px;margin-bottom:30px}.form-group label{display:block;margin-bottom:5px;font-weight:500;color:#333}.form-group input[type=text]{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.form-group input[type=text]:disabled{background-color:#e9e9e9;cursor:not-allowed}.form-group input[type=checkbox]{margin-right:8px;cursor:pointer}.form-actions{display:flex;gap:10px;margin-top:20px}.save-button,.cancel-button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s}.save-button:hover{background-color:#0b7dda}.cancel-button{background-color:#757575;color:#fff}.cancel-button:hover{background-color:#616161}.languages-list h3{margin-bottom:15px;color:#333}.languages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.language-card{background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:15px;transition:box-shadow .3s,transform .2s,opacity .2s;cursor:move;position:relative}.language-card:hover{box-shadow:0 2px 8px #0000001a}.language-card.dragging{opacity:.5;transform:scale(.95)}.language-card.drag-over{border-color:#2196f3;box-shadow:0 4px 12px #2196f34d;transform:translateY(-2px)}.language-card.inactive{opacity:.6;background-color:#f5f5f5}.language-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.language-card-header h4{margin:0;color:#333;font-size:18px}.language-code{background-color:#e3f2fd;color:#1976d2;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.language-name{color:#666;margin:5px 0;font-size:14px}.language-status{margin:10px 0}.status-active{color:#4caf50;font-weight:500;font-size:14px}.status-inactive{color:#f44336;font-weight:500;font-size:14px}.language-actions{display:flex;gap:10px;margin-top:15px}.edit-button,.delete-button{flex:1;padding:8px 12px;border:none;border-radius:4px;cursor:pointer;font-size:13px;transition:background-color .3s}.edit-button{background-color:#ff9800;color:#fff}.edit-button:hover{background-color:#f57c00}.delete-button{background-color:#f44336;color:#fff}.delete-button:hover{background-color:#d32f2f}.language-editor-loading{text-align:center;padding:40px;color:#666}.screensaver-editor{padding:20px;max-width:1000px;margin:0 auto}.screensaver-editor h2{margin-bottom:20px;color:#333}.error-message{background-color:#fee;color:#c33;padding:12px;border-radius:4px;margin-bottom:20px;border:1px solid #fcc}.success-message{background-color:#efe;color:#3c3;padding:12px;border-radius:4px;margin-bottom:20px;border:1px solid #cfc}.screensaver-settings{background-color:#f9f9f9;padding:20px;border-radius:8px;margin-bottom:30px;border:1px solid #ddd}.screensaver-settings h3{margin-top:0;color:#555;margin-bottom:20px}.settings-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:500;color:#333;display:flex;flex-direction:column;gap:4px}.help-text{font-size:.85em;font-weight:400;color:#666;font-style:italic}.form-group input{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;max-width:300px}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.value-display{font-size:.9em;color:#666;margin-top:4px}.save-settings-button{padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;max-width:200px;transition:background-color .2s}.save-settings-button:hover:not(:disabled){background-color:#0056b3}.save-settings-button:disabled{background-color:#ccc;cursor:not-allowed}.screensaver-items{background-color:#f9f9f9;padding:20px;border-radius:8px;border:1px solid #ddd}.screensaver-items h3{margin-top:0;color:#555;margin-bottom:20px}.add-items-section{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.add-button{display:inline-block;padding:10px 20px;background-color:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;text-align:center;transition:background-color .2s}.add-button:hover:not(:disabled){background-color:#218838}.add-button:disabled{background-color:#ccc;cursor:not-allowed}.no-items{background-color:#fff3cd;padding:20px;border-radius:8px;border:1px solid #ffc107;text-align:center;color:#856404}.items-list{display:flex;flex-direction:column;gap:15px}.item-card{display:flex;align-items:center;gap:15px;background-color:#fff;padding:15px;border-radius:8px;border:1px solid #ddd;cursor:move;transition:all .2s}.item-card:hover{box-shadow:0 2px 8px #0000001a}.item-card.dragging{opacity:.5}.item-card.drag-over{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.item-preview{width:120px;height:80px;flex-shrink:0;border-radius:4px;overflow:hidden;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center}.item-preview img,.item-preview video{width:100%;height:100%;object-fit:cover}.item-info{flex:1;display:flex;flex-direction:column;gap:4px}.item-type{font-weight:500;color:#333}.item-filename{font-size:.9em;color:#666;word-break:break-all}.item-order{font-size:.85em;color:#999}.item-actions{display:flex;gap:8px;flex-shrink:0}.move-button,.delete-button{padding:8px 12px;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .2s;background-color:#6c757d;color:#fff}.move-button:hover:not(:disabled){background-color:#5a6268}.move-button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.5}.delete-button{background-color:#dc3545}.delete-button:hover{background-color:#c82333}.element-placer{padding:20px;max-width:100%;overflow-y:auto;max-height:calc(100vh - 200px)}.element-placer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:10px}.element-placer-header h2{margin:0}.element-placer-actions{display:flex;gap:10px;flex-wrap:wrap}.create-element-button,.save-button,.cancel-button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.create-element-button{background-color:#4caf50;color:#fff}.create-element-button:hover:not(:disabled){background-color:#45a049}.save-button{background-color:#2196f3;color:#fff}.save-button:hover:not(:disabled){background-color:#0b7dda}.cancel-button{background-color:#f44336;color:#fff}.cancel-button:hover:not(:disabled){background-color:#da190b}.create-element-button:disabled,.save-button:disabled,.cancel-button:disabled{opacity:.6;cursor:not-allowed}.create-element-form{background:#f5f5f5;padding:20px;border-radius:8px;margin-bottom:20px}.create-element-form h3{margin-top:0}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:500}.form-group input[type=text],.form-group textarea{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.form-group textarea{resize:vertical}.form-group input[type=file]{padding:5px}.file-info{margin-top:5px;font-size:12px;color:#666}.create-button{padding:10px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.create-button:hover:not(:disabled){background-color:#45a049}.create-button:disabled{opacity:.6;cursor:not-allowed}.error-message{background-color:#ffebee;color:#c62828;padding:10px;border-radius:4px;margin-bottom:20px}.element-placer-diagram{border:2px solid #ddd;border-radius:8px;overflow:hidden;background:#fff;margin-bottom:20px;position:relative;width:100%;height:950px}.element-placer-canvas{display:block;cursor:move;width:100%;height:100%;touch-action:none;-webkit-user-select:none;user-select:none;pointer-events:auto;position:relative;z-index:1}.element-placer-hint{background:#e3f2fd;padding:15px;border-radius:4px;border-left:4px solid #2196f3}.element-placer-hint p{margin:0;color:#1976d2}.required{color:#f44336}.admin-panel{width:100%;height:100vh;background-color:#f8f9fa;overflow:hidden;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.admin-loading{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#666;background-color:#f8f9fa}.admin-dashboard{display:flex;width:100%;height:100vh;overflow:hidden}.admin-sidebar{width:280px;background:linear-gradient(180deg,#2c3e50,#34495e);color:#fff;display:flex;flex-direction:column;box-shadow:2px 0 10px #0000001a;z-index:100;overflow-y:auto}.admin-sidebar-header{padding:24px 20px;border-bottom:1px solid rgba(255,255,255,.1);background-color:#0000001a}.admin-sidebar-header h1{margin:0;font-size:1.5rem;font-weight:700;color:#fff;letter-spacing:-.5px}.admin-sidebar-nav{flex:1;padding:20px 0}.admin-nav-item{display:flex;align-items:center;padding:14px 20px;color:#ffffffd9;text-decoration:none;transition:all .2s ease;cursor:pointer;border-left:3px solid transparent;font-size:.95rem;font-weight:500}.admin-nav-item:hover{background-color:#ffffff1a;color:#fff;border-left-color:#3498db}.admin-nav-item.active{background-color:#ffffff26;color:#fff;border-left-color:#3498db;font-weight:600}.admin-nav-item-icon{margin-right:12px;font-size:1.2rem;width:20px;text-align:center}.admin-sidebar-footer{padding:20px;border-top:1px solid rgba(255,255,255,.1)}.logout-button{width:100%;padding:12px 20px;background-color:#e74c3c;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;touch-action:manipulation;display:flex;align-items:center;justify-content:center;gap:8px}.logout-button:hover{background-color:#c0392b;transform:translateY(-1px);box-shadow:0 4px 8px #e74c3c4d}.logout-button:active{transform:translateY(0)}.admin-main{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:#f8f9fa}.admin-header{background-color:#fff;padding:20px 30px;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000000d;z-index:10}.admin-header-left{display:flex;align-items:center;gap:15px}.admin-header h2{margin:0;color:#2c3e50;font-size:1.75rem;font-weight:600;letter-spacing:-.3px}.back-button{padding:10px 18px;background-color:#6c757d;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;touch-action:manipulation;white-space:nowrap;display:flex;align-items:center;gap:6px}.back-button:hover{background-color:#5a6268;transform:translate(-2px);box-shadow:0 2px 6px #6c757d4d}.back-button:active{transform:translate(0) scale(.98)}.admin-content{flex:1;overflow-y:auto;padding:30px;background-color:#f8f9fa}.admin-content-inner{max-width:1400px;margin:0 auto}.elements-list{background-color:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 8px #00000014}.elements-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:15px}.elements-list h2{margin:0;color:#2c3e50;font-size:1.75rem;font-weight:600;letter-spacing:-.3px}.admin-actions{display:flex;gap:12px;flex-wrap:wrap}.admin-action-button{padding:12px 24px;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;touch-action:manipulation;display:flex;align-items:center;gap:8px;box-shadow:0 2px 4px #0000001a}.admin-action-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.admin-action-button:active{transform:translateY(0)}.element-placer-button{background:linear-gradient(135deg,#ff9800,#f57c00)}.element-placer-button:hover{background:linear-gradient(135deg,#f57c00,#e65100)}.diagram-manage-button{background:linear-gradient(135deg,#28a745,#218838)}.diagram-manage-button:hover{background:linear-gradient(135deg,#218838,#1e7e34)}.language-manage-button{background:linear-gradient(135deg,#17a2b8,#138496)}.language-manage-button:hover{background:linear-gradient(135deg,#138496,#117a8b)}.elements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.element-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e9ecef;border-radius:12px;padding:24px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);touch-action:manipulation;position:relative;overflow:hidden}.element-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#667eea,#764ba2);transform:scaleY(0);transition:transform .3s ease}.element-card:hover{border-color:#667eea;background:linear-gradient(135deg,#fff,#f0f4ff);transform:translateY(-4px);box-shadow:0 8px 24px #667eea33}.element-card:hover:before{transform:scaleY(1)}.element-card:active{transform:translateY(-2px)}.element-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:12px}.element-card h3{margin:0;color:#2c3e50;font-size:1.25rem;font-weight:600;flex:1;line-height:1.4}.element-copy-button{background:transparent;border:2px solid #667eea;border-radius:8px;padding:8px 12px;cursor:pointer;font-size:1.2rem;transition:all .2s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center;min-width:40px;height:40px}.element-copy-button:hover{background-color:#667eea;color:#fff;transform:scale(1.05);box-shadow:0 4px 8px #667eea4d}.element-copy-button:active{transform:scale(.95)}.element-card-info{display:flex;flex-direction:column;gap:10px}.element-info-item{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#6c757d}.element-info-item-icon{color:#667eea;font-size:1rem}.element-coords{margin:0;font-size:.9rem;color:#6c757d;display:flex;align-items:center;gap:8px}.element-video{margin:0;font-size:.9rem;color:#28a745;font-weight:500;display:flex;align-items:center;gap:8px}.element-video:before{content:"▶";font-size:.8rem}.elements-empty{text-align:center;padding:60px 20px;color:#6c757d;font-size:1.1rem}.elements-empty-icon{font-size:4rem;margin-bottom:20px;opacity:.3}@media (max-width: 768px){.admin-dashboard{flex-direction:column}.admin-sidebar{width:100%;height:auto;max-height:200px}.admin-sidebar-nav{display:flex;overflow-x:auto;padding:10px 0}.admin-nav-item{white-space:nowrap;border-left:none;border-bottom:3px solid transparent;min-width:120px}.admin-nav-item.active{border-left:none;border-bottom-color:#3498db}.admin-content{padding:20px}.elements-grid{grid-template-columns:1fr}.elements-list-header{flex-direction:column;align-items:stretch}.admin-actions{width:100%;flex-direction:column}.admin-action-button{width:100%;justify-content:center}}.App{width:100%;height:100%}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:1920px;height:1080px;overflow:hidden;position:fixed;top:0;left:0}#root{width:100%;height:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}