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}.login-container{align-items:center;background:var(--bg-secondary);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px}.login-header{background:var(--bg-header);border-radius:15px;box-shadow:var(--shadow-primary);margin-bottom:40px;padding:30px;text-align:center}.login-header h1{color:var(--text-header);font-size:2.5rem;font-weight:700;margin:0 0 10px}.login-header p{color:var(--text-secondary);font-size:1.1rem;margin:0}.login-card{background:var(--bg-card);border-radius:15px;box-shadow:var(--shadow-secondary);max-width:400px;padding:40px;width:100%}.login-card-header{align-items:center;border-bottom:1px solid var(--border-secondary);display:flex;margin-bottom:30px;padding-bottom:20px}.lock-icon{color:var(--accent-primary);font-size:1.5rem;margin-right:10px}.login-card-header h2{color:var(--text-primary);font-size:1.5rem;margin:0}.login-form{display:flex;flex-direction:column;gap:20px}.form-group input,.form-group label{color:var(--text-primary)}.form-group input{background:var(--bg-input);border:2px solid var(--border-primary);border-radius:8px;font-size:1rem;padding:12px 16px;transition:border-color .3s ease}.form-group input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #ff6b9d1a}.form-group input::placeholder{color:var(--text-muted)}.error-message{background:var(--accent-danger);border:1px solid var(--accent-danger);color:var(--text-inverse);font-size:.9rem;padding:12px}.login-button{align-items:center;background:linear-gradient(90deg,#ff6b9d,#c44569);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;justify-content:center;margin-top:10px;padding:14px 24px;transition:all .3s ease}.login-button:hover:not(:disabled){box-shadow:0 8px 25px #ff6b9d4d;transform:translateY(-2px)}.login-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.arrow-icon{font-size:1.2rem;transition:transform .3s ease}.login-button:hover:not(:disabled) .arrow-icon{transform:translateX(3px)}@media (max-width:480px){.login-container{padding:10px}.login-header h1{font-size:2rem}.login-header p{font-size:1rem}.login-card{padding:30px 20px}}.user-management-container{margin:0 auto;max-width:1200px;padding:20px}.user-management-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.user-management-header h1{color:#333;font-size:28px;font-weight:600;margin:0}.add-user-btn{background:linear-gradient(135deg,#ff6b9d,#c44569);border:none;border-radius:8px;box-shadow:0 4px 15px #ff6b9d4d;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .3s ease}.add-user-btn:hover{box-shadow:0 6px 20px #ff6b9d66;transform:translateY(-2px)}.user-form-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.user-form{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000001a;max-height:90vh;max-width:600px;overflow-y:auto;padding:30px;width:90%}.form-group input,.form-group select{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:14px;padding:12px;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:#ff6b9d;outline:none}.form-group input:disabled{background:#f5f5f5;color:#999}.modules-grid{grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:10px}.module-checkbox{align-items:center;background:#f8f9fa;border-radius:6px;cursor:pointer;display:flex;font-size:13px;padding:8px 12px;transition:background .3s ease}.module-checkbox:hover{background:#e9ecef}.module-checkbox input[type=checkbox]{margin-right:8px}.users-table{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:hidden}.users-table table{border-collapse:collapse;width:100%}.users-table th{background:#f8f9fa;border-bottom:2px solid #e9ecef;color:#333;font-weight:600;text-align:left}.users-table td,.users-table th{font-size:14px;padding:15px 12px}.users-table td{border-bottom:1px solid #f0f0f0;vertical-align:middle}.users-table tr:hover{background:#f8f9fa}.users-table tr.current-user{background:#fff3cd}.users-table tr.current-user:hover{background:#ffeaa7}.role-badge{border-radius:20px;font-size:12px;font-weight:500;padding:4px 12px;text-transform:uppercase}.role-badge.admin{background:#ffe6e6;color:#d63031}.role-badge.prodejce{background:#e6f3ff;color:#0984e3}.modules-list{display:flex;flex-wrap:wrap;gap:5px}.module-tag{background:#f0f0f0;border-radius:12px;color:#666;font-size:11px;font-weight:500;padding:2px 8px}.no-modules{color:#999;font-size:12px;font-style:italic}.delete-btn,.edit-btn{border:none;border-radius:6px}.edit-btn{background:#74b9ff;color:#fff}.edit-btn:hover:not(:disabled){background:#0984e3}.delete-btn{background:#fd79a8;color:#fff}.delete-btn:hover:not(:disabled){background:#e84393}.delete-btn:disabled,.edit-btn:disabled{background:#ddd;color:#999;cursor:not-allowed}@media (max-width:768px){.user-management-header{align-items:stretch;flex-direction:column;gap:15px}.form-row{grid-template-columns:1fr}.users-table{overflow-x:auto}.users-table table{min-width:800px}.action-buttons{flex-direction:column}.modules-grid{grid-template-columns:1fr}}.prodejna-text{color:#6c757d;font-size:14px;font-style:italic}.prodejna-text:empty:after{color:#adb5bd;content:"—"}.category-manager{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;margin:0 auto;max-width:800px;padding:30px}.category-manager-error{background:#fff3cd;border:1px solid #ffeaa7;border-radius:12px;color:#856404;padding:40px;text-align:center}.category-manager-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.category-manager-header h2{color:#333;font-size:28px;font-weight:700;margin:0}.add-category-btn{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:25px;box-shadow:0 4px 15px #28a7454d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.add-category-btn:hover{box-shadow:0 6px 20px #28a74566;transform:translateY(-2px)}.category-form{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;margin-bottom:30px;padding:25px}.form-group input[type=color],.form-group input[type=text]{border:2px solid #e9ecef;border-radius:8px;font-size:16px;padding:12px;transition:border-color .3s ease;width:100%}.form-group input[type=color]{cursor:pointer;height:45px;padding:5px}.form-group input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.form-preview{align-items:center;background:#fff;border-radius:8px;display:flex;gap:15px;margin-bottom:20px;padding:15px}.form-preview span:first-child{color:#666;font-weight:600}.category-preview{align-items:center;border-radius:15px;box-shadow:0 2px 4px #0000001a;color:#fff;display:inline-flex;font-size:14px;font-weight:600;gap:6px;letter-spacing:.5px;padding:8px 12px;text-transform:uppercase}.form-buttons button{border:none;border-radius:25px;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.form-buttons button[type=submit]{background:linear-gradient(135deg,#007bff,#0056b3);box-shadow:0 4px 15px #007bff4d;color:#fff}.form-buttons button[type=submit]:hover:not(:disabled){box-shadow:0 6px 20px #007bff66;transform:translateY(-2px)}.form-buttons button[type=submit]:disabled{cursor:not-allowed;opacity:.6;transform:none}.form-buttons button[type=button]{background:#6c757d;color:#fff}.form-buttons button[type=button]:hover{background:#5a6268}.categories-list h3{color:#333;font-size:20px;font-weight:600;margin-bottom:20px}.categories-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.category-item{align-items:center;background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;display:flex;justify-content:space-between;padding:15px;transition:all .3s ease}.category-item:hover{border-color:#007bff;box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.category-badge{border-radius:15px;box-shadow:0 2px 4px #0000001a;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.category-badge i{font-size:10px}.delete-category-btn{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.delete-category-btn:hover{background:#c82333;transform:scale(1.1)}@media (max-width:768px){.category-manager{margin:10px;padding:20px}.category-manager-header{align-items:stretch;flex-direction:column;gap:15px}.categories-grid{grid-template-columns:1fr}.form-buttons,.form-preview{flex-direction:column}.form-preview{align-items:flex-start;gap:10px}}.store-management-container{margin:0 auto;max-width:1400px;padding:20px}.store-management-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.store-management-header h1{color:#333;font-size:28px;font-weight:600;margin:0}.add-store-btn{background:linear-gradient(135deg,#ff6b9d,#c44569);border:none;border-radius:8px;box-shadow:0 4px 15px #ff6b9d4d;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .3s ease}.add-store-btn:hover{box-shadow:0 6px 20px #ff6b9d66;transform:translateY(-2px)}.error-message button{margin-left:10px}.loading{font-size:16px}.filters-section{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.search-box input{border:2px solid #e0e0e0;border-radius:8px;font-size:14px;padding:12px 16px;transition:border-color .3s ease;width:300px}.search-box input:focus{border-color:#ff6b9d;outline:none}.filter-buttons{display:flex;gap:10px}.filter-buttons button{background:#fff;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s ease}.filter-buttons button.active{background:#ff6b9d;border-color:#ff6b9d;color:#fff}.filter-buttons button:hover:not(.active){border-color:#ff6b9d;color:#ff6b9d}.bulk-actions{align-items:center;background:#f8f9fa;border-radius:8px;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding:15px}.bulk-actions span{color:#333;font-weight:500}.bulk-actions button{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:12px;padding:6px 12px;transition:background .3s ease}.bulk-actions button:hover{background:#f0f0f0}.store-form-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.store-form{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000001a;max-height:90vh;max-width:700px;overflow-y:auto;padding:30px;width:90%}.form-header{border-bottom:1px solid #eee;margin-bottom:25px;padding-bottom:15px}.form-header h2{color:#333;font-size:20px;margin:0}.close-btn{color:#999;height:30px;padding:0;width:30px}.form-row{grid-gap:20px;gap:20px;margin-bottom:20px}.form-group label{font-weight:500;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{border:2px solid #e0e0e0;border-radius:6px;padding:10px 12px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#ff6b9d}.form-group input[type=checkbox]{margin-right:8px;width:auto}.form-group input[type=color]{border:2px solid #e0e0e0;height:40px;padding:0;width:60px}.form-actions{border-top:1px solid #eee}.cancel-btn{border-radius:8px;font-size:14px;transition:background .3s ease}.save-btn{background:linear-gradient(135deg,#ff6b9d,#c44569);border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .3s ease}.save-btn:hover{box-shadow:0 4px 15px #ff6b9d4d;transform:translateY(-1px)}.stores-table{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:hidden}.stores-table table{border-collapse:collapse;width:100%}.stores-table th{background:#f8f9fa;border-bottom:2px solid #e9ecef;color:#333;font-size:14px;font-weight:600;padding:15px 12px;text-align:left}.stores-table td{border-bottom:1px solid #f0f0f0;font-size:14px;padding:15px 12px;vertical-align:middle}.stores-table tr:hover{background:#f8f9fa}.status-badge{border-radius:20px;font-size:12px;font-weight:500;padding:4px 12px}.status-badge.active{background:#e6ffe6;color:#00b894}.status-badge.inactive{background:#ffe6e6;color:#d63031}.color-preview{border:1px solid #ddd;border-radius:4px;height:20px;width:30px}.action-buttons{gap:8px}.delete-btn,.edit-btn{border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .3s ease}.edit-btn{background:#e3f2fd;border-color:#1976d2;color:#1976d2}.edit-btn:hover{background:#1976d2;color:#fff}.delete-btn{background:#ffebee;border-color:#d32f2f;color:#d32f2f}.delete-btn:hover{background:#d32f2f;color:#fff}.no-stores{color:#666;font-style:italic;padding:40px;text-align:center}@media (max-width:768px){.store-management-container{padding:15px}.store-management-header{align-items:flex-start;flex-direction:column;gap:15px}.filters-section{align-items:stretch;flex-direction:column}.search-box input{width:100%}.form-row{grid-template-columns:1fr}.store-form{padding:20px;width:95%}.stores-table{overflow-x:auto}.action-buttons{flex-direction:column;gap:4px}}.admin-dropdown{display:inline-block;position:relative}.admin-toggle{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-inverse);cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;padding:8px;transition:all .3s ease;width:40px}.admin-toggle:hover{background-color:var(--hover-bg);transform:scale(1.1)}.admin-toggle.active{background-color:var(--hover-bg);transform:rotate(90deg)}.admin-dropdown-menu{animation:slideDown .3s ease;background:var(--bg-dropdown);border:1px solid var(--border-primary);border-radius:12px;box-shadow:var(--shadow-dropdown);margin-top:8px;min-width:280px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.admin-dropdown-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #ffffff1a;color:#fff;padding:16px 20px}.admin-title{display:block;font-size:1.1rem;font-weight:600;margin-bottom:2px}.admin-subtitle{display:block;font-size:.85rem;opacity:.9}.admin-options{padding:8px 0}.admin-option{align-items:center;background:none;border:none;border-bottom:1px solid var(--border-secondary);color:var(--text-primary);cursor:pointer;display:flex;padding:12px 20px;text-align:left;transition:all .2s ease;width:100%}.admin-option:last-child{border-bottom:none}.admin-option:hover{background-color:var(--bg-secondary);transform:translateX(4px)}.admin-option.active{background-color:var(--accent-secondary);border-left:4px solid var(--accent-secondary);color:var(--text-inverse)}.option-icon{font-size:1.5rem;margin-right:12px;text-align:center;width:24px}.option-content{display:flex;flex:1 1;flex-direction:column}.option-name{font-size:.95rem;font-weight:600;margin-bottom:2px}.option-description{color:var(--text-secondary);font-size:.8rem;line-height:1.3}@media (max-width:768px){.admin-dropdown-menu{min-width:260px;right:-20px}.admin-toggle{font-size:1.3rem;height:36px;width:36px}}.post-form-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}.post-form{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:600px;overflow-y:auto;padding:30px;width:100%}.post-form-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.post-form-header h3{color:#333;font-size:24px;font-weight:700;margin:0}.close-btn{background:none;color:#666;padding:5px;transition:all .2s ease}.close-btn:hover{background:#f0f0f0;color:#333}.post-author{background:#f8f9fa;border-radius:12px;margin-bottom:20px;padding:15px}.post-content textarea{border:2px solid #e9ecef;border-radius:12px;font-family:inherit;font-size:16px;min-height:120px;padding:15px;resize:vertical;transition:border-color .3s ease;width:100%}.post-content textarea:focus{border-color:#ff6b9d;box-shadow:0 0 0 3px #ff6b9d1a;outline:none}.content-counter{font-size:14px;margin-top:8px}.selected-files{background:#f8f9fa;border-radius:12px;margin-bottom:20px;padding:15px}.selected-files h4{color:#333;font-size:16px;margin:0 0 10px}.file-item{background:#fff;border-radius:8px;margin-bottom:8px;padding:8px 12px}.file-size{font-size:14px;margin:0 10px}.remove-file-btn{font-size:12px;height:24px;width:24px}.upload-btn{border-radius:25px;font-size:14px;padding:10px 20px}.form-buttons{gap:10px}.cancel-btn,.submit-btn{border-radius:25px;font-size:16px;padding:12px 24px}.submit-btn{box-shadow:0 4px 15px #ff6b9d4d}.submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #ff6b9d66;transform:translateY(-2px)}@media (max-width:768px){.post-form{margin:10px;max-height:95vh;padding:20px}.post-actions{align-items:stretch}.file-item,.form-buttons,.post-actions{flex-direction:column}.file-item{align-items:flex-start;gap:8px}.file-size{margin:0}}.category-selector{background:#f8f9fa;border-radius:12px;margin-bottom:20px;padding:15px}.category-selector h4{color:#333;font-size:16px;font-weight:600;margin:0 0 12px}.category-options{display:flex;flex-wrap:wrap;gap:10px}.category-option{align-items:center;cursor:pointer;display:flex}.category-option input[type=checkbox]{display:none}.category-badge{align-items:center;border:2px solid #0000;border-radius:20px;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s ease}.category-option input[type=checkbox]:checked+.category-badge{border-color:#333;box-shadow:0 0 0 2px #0000001a;transform:scale(1.05)}.category-option:hover .category-badge{box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.category-badge i{font-size:12px}@media (max-width:768px){.category-options{gap:8px}.category-badge{font-size:13px;padding:6px 10px}}.comment-form{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;margin-top:20px;padding:20px}.comment-author{margin-bottom:15px}.author-avatar{font-size:16px;height:40px;margin-right:12px;width:40px}.comment-content{margin-bottom:15px}.comment-content textarea{border:2px solid #e9ecef;border-radius:8px;font-family:inherit;font-size:14px;min-height:80px;padding:12px;resize:vertical;transition:border-color .3s ease;width:100%}.comment-content textarea:focus{border-color:#ff6b9d;box-shadow:0 0 0 3px #ff6b9d1a;outline:none}.content-counter{color:#666;font-size:12px;margin-top:5px;text-align:right}.selected-files{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:15px;padding:12px}.selected-files h5{color:#333;font-size:14px;margin:0 0 8px}.file-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:6px;padding:6px 10px}.file-name{color:#333;flex:1 1;font-size:13px;font-weight:500}.file-size{color:#666;font-size:12px;margin:0 8px}.remove-file-btn{align-items:center;background:#ff4757;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:10px;height:20px;justify-content:center;transition:background .2s ease;width:20px}.remove-file-btn:hover{background:#ff3742}.comment-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.file-upload{flex:1 1}.upload-btn{background:#6c757d;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:12px;padding:8px 16px;transition:all .3s ease}.upload-btn:hover{background:#5a6268;transform:translateY(-1px)}.form-buttons{display:flex;gap:8px}.cancel-btn{background:#6c757d;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:12px;padding:8px 16px;transition:all .3s ease}.cancel-btn:hover{background:#5a6268}.submit-btn{background:linear-gradient(135deg,#ff6b9d,#c44569);border:none;border-radius:20px;box-shadow:0 2px 8px #ff6b9d4d;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:all .3s ease}.submit-btn:hover:not(:disabled){box-shadow:0 4px 12px #ff6b9d66;transform:translateY(-1px)}.submit-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.comment-form{padding:15px}.comment-actions{align-items:stretch}.comment-actions,.file-item,.form-buttons{flex-direction:column}.file-item{align-items:flex-start;gap:6px}.file-size{margin:0}}.comments-section{border-top:2px solid #f0f0f0;margin-top:20px;padding-top:20px}.comments-section h4{color:#333;font-size:18px;font-weight:600;margin:0 0 15px}.no-comments{color:#666;font-style:italic;padding:30px 20px;text-align:center}.comments-list{display:flex;flex-direction:column;gap:15px}.comment{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:15px;transition:all .3s ease}.comment:hover{background:#f1f3f4;border-color:#ff6b9d}.comment-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px}.comment-author{align-items:center;display:flex;flex:1 1}.author-avatar{font-size:14px;height:35px;margin-right:10px;width:35px}.author-name{font-size:14px;margin-bottom:2px}.comment-date{color:#666;font-size:12px}.delete-comment-btn{background:none;border:none;border-radius:50%;color:#666;cursor:pointer;font-size:14px;opacity:0;padding:5px;transition:all .2s ease}.comment:hover .delete-comment-btn{opacity:1}.delete-comment-btn:hover{background:#ffe6e6;color:#ff4757}.comment-content{margin-bottom:10px}.comment-content p{color:#333;font-size:14px;line-height:1.5;margin:0}.comment-files{display:flex;flex-direction:column;gap:8px;margin-top:10px}.comment-file{border-radius:8px;overflow:hidden}.comment-image{border-radius:8px;max-height:200px;object-fit:cover;width:100%}.comment-file-link{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:8px;color:#333;display:inline-flex;font-size:13px;font-weight:500;padding:8px 12px;text-decoration:none;transition:all .3s ease}.comment-file-link:hover{background:#e9ecef;border-color:#ff6b9d;color:#ff6b9d}@media (max-width:768px){.comment{padding:12px}.comment-header{align-items:flex-start;flex-direction:column;gap:10px}.delete-comment-btn{align-self:flex-end;opacity:1}.comment-image{max-height:150px}}.post{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 2px 15px #00000014;padding:25px;transition:all .3s ease}.post:hover{box-shadow:0 4px 25px #0000001f;transform:translateY(-2px)}.post-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.post-author{flex:1 1}.author-avatar,.post-author{align-items:center;display:flex}.author-avatar{background:linear-gradient(135deg,#ff6b9d,#c44569);border-radius:50%;color:#fff;flex-shrink:0;font-size:18px;font-weight:700;height:50px;justify-content:center;margin-right:15px;width:50px}.author-info{display:flex;flex-direction:column}.author-name{color:#333;font-size:16px;font-weight:600;margin-bottom:4px}.post-date{color:#666;font-size:14px}.delete-btn{background:none;border:none;border-radius:50%;color:#666;cursor:pointer;font-size:18px;opacity:0;padding:8px;transition:all .2s ease}.post:hover .delete-btn{opacity:1}.delete-btn:hover{background:#ffe6e6;color:#ff4757}.post-content{margin-bottom:20px}.post-content p{color:#333;font-size:16px;line-height:1.6;margin:0 0 15px}.post-files{display:flex;flex-direction:column;gap:10px}.file-preview{border-radius:12px;overflow:hidden}.image-preview{border-radius:12px;max-height:400px;object-fit:cover;width:100%}.file-link{align-items:center;background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;color:#333;display:inline-flex;font-weight:500;padding:12px 16px;text-decoration:none;transition:all .3s ease}.file-link:hover{background:#e9ecef;border-color:#ff6b9d;color:#ff6b9d}.post-stats{border-bottom:1px solid #f0f0f0;border-top:1px solid #f0f0f0;display:flex;gap:20px;margin-bottom:20px;padding:15px 0}.comments-count,.reactions-count{color:#666;font-size:14px;font-weight:500}.post-actions{align-items:center;gap:15px;justify-content:space-between}.post-actions,.reactions{display:flex;flex-wrap:wrap}.reactions{gap:10px}.reaction-btn{align-items:center;background:#f8f9fa;border:2px solid #e9ecef;border-radius:25px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:5px;padding:8px 16px;transition:all .3s ease}.reaction-btn:hover{background:#e9ecef;border-color:#ff6b9d;transform:translateY(-1px)}.reaction-btn.active{background:linear-gradient(135deg,#ff6b9d,#c44569);border-color:#ff6b9d;box-shadow:0 4px 15px #ff6b9d4d;color:#fff}.comment-btn,.show-comments-btn{background:#6c757d;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.comment-btn:hover,.show-comments-btn:hover{background:#5a6268;transform:translateY(-1px)}@media (max-width:768px){.post{border-left:none;border-radius:0;border-right:none;margin:0 -10px;padding:20px}.post-header{align-items:flex-start;flex-direction:column;gap:15px}.delete-btn{align-self:flex-end;opacity:1}.post-actions{align-items:stretch;flex-direction:column}.action-buttons,.reactions{justify-content:center}.post-stats{flex-direction:column;gap:10px}}.post-categories{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.category-tag{align-items:center;box-shadow:0 2px 4px #0000001a;display:inline-flex;font-weight:600;gap:6px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.category-tag i{font-size:10px}@media (max-width:768px){.category-tag{font-size:11px;gap:4px;padding:4px 8px}.category-tag i{font-size:9px}}.post-list{display:flex;flex-direction:column;gap:20px}.news-module{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:800px;padding:20px}.news-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.news-header h2{color:#333;font-size:28px;font-weight:700;margin:0}.new-post-btn{background:linear-gradient(135deg,#ff6b9d,#c44569);border:none;border-radius:25px;box-shadow:0 4px 15px #ff6b9d4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.new-post-btn:hover{box-shadow:0 6px 20px #ff6b9d66;transform:translateY(-2px)}.new-post-btn:active{transform:translateY(0)}.news-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{border-top-color:#ff6b9d;margin-bottom:20px}.error-message{background:#ffe6e6;border-left:4px solid #d63031;color:#d63031;padding:15px}.error-message button{background:none;color:#d63031;font-size:18px;height:24px;padding:0;width:24px}.error-message button:hover{background:#d630311a;border-radius:50%}.empty-posts{color:#666;padding:60px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:20px}.empty-posts h3{color:#333;font-size:24px;margin:0 0 10px}.empty-posts p{font-size:16px;margin:0;opacity:.7}@media (max-width:768px){.news-module{border-radius:0;margin:0;padding:15px}.news-header{flex-direction:column;gap:15px;text-align:center}.news-header h2{font-size:24px}.new-post-btn{max-width:300px;width:100%}}.category-filters{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;margin-bottom:30px;padding:20px}.filters-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.filters-header h3{color:#333;font-size:18px;font-weight:600;margin:0}.clear-filters-btn{background:#6c757d;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s ease}.clear-filters-btn:hover{background:#5a6268;transform:translateY(-1px)}.filter-categories{display:flex;flex-wrap:wrap;gap:10px}.filter-category{align-items:center;background:#0000;border:2px solid;border-radius:25px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;letter-spacing:.5px;padding:10px 16px;text-transform:uppercase;transition:all .3s ease}.filter-category:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.filter-category.active{box-shadow:0 4px 15px #0003;transform:translateY(-2px)}.filter-category i{font-size:12px}@media (max-width:768px){.category-filters{padding:15px}.filters-header{align-items:stretch;flex-direction:column;gap:10px}.filter-categories{gap:8px}.filter-category{flex:1 1;font-size:13px;justify-content:center;min-width:calc(50% - 4px);padding:8px 12px}}.analytics-section{background:#f8f9fa;min-height:100vh;padding:20px}.section-filters{align-items:flex-end;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px;padding:15px}.filter-group{gap:5px}.filter-group label{color:#495057;font-size:14px}.filter-group select{background:#fff;border:1px solid #dee2e6;border-radius:5px;font-size:14px;padding:8px 12px}.data-type-toggle{background:#f8f9fa;border-radius:6px;gap:5px;padding:3px}.toggle-btn{background:#0000;border:none;border-radius:4px;color:#6c757d;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.toggle-btn:hover{background:#e9ecef}.toggle-btn.active{background:#007bff;box-shadow:0 2px 4px #007bff4d;color:#fff}.debug-btn,.refresh-btn,.save-btn{background:#fff;border:1px solid #dee2e6;border-radius:5px;color:#495057;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.refresh-btn:hover{background:#e9ecef;border-color:#adb5bd}.save-btn{background:#28a745;border-color:#28a745;color:#fff}.save-btn:hover:not(:disabled){background:#218838;border-color:#1e7e34}.debug-btn{background:#ffc107;border-color:#ffc107;color:#212529}.debug-btn:hover:not(:disabled){background:#e0a800;border-color:#d39e00}.debug-btn:disabled,.refresh-btn:disabled,.save-btn:disabled{cursor:not-allowed;opacity:.6}.last-update{background:#e7f3ff;border-left:4px solid #007bff;border-radius:4px;margin-bottom:20px;padding:8px 15px}.last-update small{color:#495057;font-size:12px}.backup-info{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin:20px 0;padding:15px}.backup-status h4{color:#495057;font-size:1.1em;margin:0 0 15px}.backup-details{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:10px}.backup-detail{align-items:center;display:flex;font-size:.9em;gap:8px}.backup-detail strong{color:#495057;min-width:140px}.backup-detail .status{border-radius:12px;font-size:.8em;font-weight:500;padding:2px 8px}.backup-detail .status.aktivní{background:#d4edda;color:#155724}.backup-detail .status.neaktivní{background:#f8d7da;color:#721c24}.backup-info small{border-top:1px solid #dee2e6;color:#6c757d;display:block;font-style:italic;margin-top:10px;padding-top:10px}.stats-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.stat-card{border-radius:10px;box-shadow:0 2px 10px #0000001a}.stat-card h4{color:#495057;font-size:14px;font-weight:500;margin:0 0 10px}.stat-value{color:#212529;margin-bottom:5px}.stat-change{font-size:12px;font-weight:500}.stat-change.positive{color:#28a745}.stat-change.negative{color:#dc3545}.no-data{color:#6c757d;font-style:italic;padding:40px}.metric-highlight{background:#e7f3ff;color:#0056b3}.service-count{background:#d4edda;color:#155724}.summary-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr;margin-top:30px}.summary-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:20px}.summary-card h4{color:#495057;margin:0 0 15px}.top-sellers{display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:auto;padding-right:5px}.top-sellers::-webkit-scrollbar{width:6px}.top-sellers::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.top-sellers::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.top-sellers::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.top-seller{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;gap:12px;padding:10px;transition:background .2s ease}.top-seller.winner{background:linear-gradient(135deg,gold,#ffed4e);color:#333;font-weight:600}.top-seller.second{background:linear-gradient(135deg,silver,#d3d3d3);color:#333;font-weight:600}.top-seller.third{background:linear-gradient(135deg,#cd7f32,#daa520);color:#fff;font-weight:600}.top-seller:hover{background:#e9ecef}.top-seller.winner:hover{background:linear-gradient(135deg,#ffed4e,gold)}.top-seller.second:hover{background:linear-gradient(135deg,#d3d3d3,silver)}.top-seller.third:hover{background:linear-gradient(135deg,#daa520,#cd7f32)}.top-seller .position{font-size:18px;font-weight:700;min-width:25px}.top-seller .name{flex:1 1;font-weight:500}.top-seller .score{color:#007bff;font-weight:600}.top-seller.winner .score{color:#333}.top-seller .store{color:#6c757d;font-size:12px;font-style:italic;margin-left:8px}.top-seller.second .store,.top-seller.winner .store{color:#555}.top-seller.third .store{color:#ddd}.store-summary{gap:12px}.store-item,.store-summary{display:flex;flex-direction:column}.store-item{background:#f8f9fa;border-left:4px solid #007bff;border-radius:6px;gap:4px;padding:12px}.store-item strong{color:#212529;font-size:16px}.store-item span{color:#6c757d;font-size:13px}.overview-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr 1fr;margin-bottom:30px}.overview-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:25px}.overview-card.large{border-left:4px solid #007bff}.overview-card h3,.overview-card h4{color:#495057;margin:0 0 15px}.overview-value{color:#212529;font-size:32px;font-weight:700;margin-bottom:8px}.overview-change{font-size:14px;font-weight:500;margin-bottom:8px}.overview-change.positive{color:#28a745}.overview-change.negative{color:#dc3545}.overview-detail{color:#6c757d;font-size:12px}.data-table{margin-bottom:30px;padding:20px}.data-table h4{margin:0 0 20px}.data-table th{padding:12px;text-align:left}.data-table td{border-bottom:1px solid #dee2e6;padding:12px}.category-tag{border-radius:15px;color:#fff;font-size:12px;font-weight:500;padding:4px 8px}.category-tag.telefony{background:#007bff}.category-tag.příslušenství{background:#28a745}.performance-bar,.performance-indicator{background:#e9ecef;border-radius:4px;height:8px;overflow:hidden;width:100%}.performance-bar-fill,.performance-fill{background:linear-gradient(90deg,#28a745,#20c997);height:100%;transition:width .3s ease}.percentage-bar{background:#e9ecef;border-radius:10px;height:20px;overflow:hidden;position:relative;width:100%}.percentage-fill{background:linear-gradient(90deg,#007bff,#0056b3);height:100%;transition:width .3s ease}.percentage-bar span{color:#fff;font-size:12px;font-weight:600;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.growth-indicator{border-radius:15px;font-size:12px;font-weight:600;padding:4px 8px}.growth-indicator.positive{background:#d4edda;color:#155724}.growth-indicator.negative{background:#f8d7da;color:#721c24}.trend-arrow{font-size:16px;font-weight:700}.trend-arrow.up{color:#28a745}.trend-arrow.down{color:#dc3545}.ecommerce-metrics,.metrics-comparison,.service-metrics,.summary-metrics{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:20px}.comparison-grid,.metrics-grid,.metrics-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metric-box,.metric-card,.metric-item{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:15px;text-align:center}.metric-box h5,.metric-card h5,.metric-item h5{color:#6c757d;font-size:12px;margin:0 0 10px;text-transform:uppercase}.metric-value{color:#212529}.metric-trend{font-size:12px;font-weight:500}.metric-trend.positive{color:#28a745}.metric-trend.negative{color:#dc3545}.metric-description{color:#6c757d;font-size:11px;margin-top:5px}.metrics-dashboard{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.metric-group{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.goals-section{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:20px}.goals-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.goal-item h5{color:#495057;margin:0 0 10px}.goal-progress{display:flex;flex-direction:column;gap:8px}.goal-bar{background:#e9ecef;border-radius:10px;height:20px;overflow:hidden;width:100%}.goal-fill{background:linear-gradient(90deg,#007bff,#0056b3);height:100%;transition:width .3s ease}.goal-progress span{color:#6c757d;font-size:12px}.channel-performance{background:#e9ecef;border-radius:4px;height:8px;overflow:hidden;width:100%}.analysis-header{margin-bottom:30px}.analysis-header h3{color:#495057;margin:0 0 10px}.analysis-header p{color:#6c757d;margin:0}.prediction-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.prediction-card{background:#fff;border-left:4px solid #ffc107;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:20px}.prediction-value{color:#212529;margin-bottom:5px}.prediction-confidence{color:#6c757d;font-size:12px}.segments-table,.trend-analysis{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:20px}.growth-positive{color:#28a745;font-weight:600}.deviation{color:#6c757d;font-size:12px}.segment-overview{margin-bottom:30px}.segment-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.segment-stat{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:20px;text-align:center}.segment-stat h4{color:#6c757d;font-size:14px;margin:0 0 10px}.stat-detail{color:#6c757d;font-size:12px;margin-top:5px}.potential{border-radius:15px;color:#fff;font-size:12px;font-weight:600;padding:4px 8px}.potential.high{background:#28a745}.potential.medium{background:#ffc107;color:#212529}.potential.low{background:#6c757d}.analysis-placeholder{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:40px;text-align:center}.placeholder-content{color:#6c757d;font-size:16px;line-height:1.6}.charts-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.chart-placeholder{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:20px;text-align:center}.chart-placeholder.large{grid-column:1/-1;min-height:300px}.chart-placeholder h4{color:#495057;margin:0 0 15px}.chart-placeholder .placeholder-content{color:#6c757d;font-size:14px}@media (max-width:768px){.analytics-section{padding:15px}.section-filters{flex-direction:column}.overview-cards,.stats-cards{grid-template-columns:1fr}.data-table{overflow-x:auto}.charts-section,.goals-grid,.metric-group,.metrics-dashboard,.summary-section{grid-template-columns:1fr}}.view-mode-toggle{background:#f8f9fa;border-radius:6px;display:flex;gap:5px;padding:3px}.view-mode-toggle .toggle-btn{background:#0000;border:none;border-radius:4px;color:#6c757d;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.view-mode-toggle .toggle-btn:hover{background:#e9ecef}.view-mode-toggle .toggle-btn.active{background:#17a2b8;box-shadow:0 2px 4px #17a2b84d;color:#fff}.date-picker-group{align-items:center;display:flex;gap:8px}.date-input{background:#fff;border:1px solid #dee2e6;border-radius:5px;color:#495057;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s ease;width:150px}.date-input:hover{border-color:#adb5bd}.today-btn{background:#ffc107;border:1px solid #ffc107;border-radius:4px;color:#212529;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.today-btn:hover{background:#e0a800;border-color:#d39e00}.today-btn:active{transform:translateY(1px)}@media (max-width:768px){.section-filters{align-items:stretch;flex-direction:column}.filter-group{margin-bottom:10px}.date-picker-group{align-items:stretch;flex-direction:column;gap:5px}.date-input{width:100%}.data-type-toggle,.view-mode-toggle{justify-content:center}}.metrics-overview{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.metric-card{border-left:4px solid #007bff;padding:20px}.metric-card h4{color:#666;font-size:14px;font-weight:600;margin:0 0 10px}.metric-value{color:#333;font-size:24px}.analysis-section{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:25px;padding:25px}.analysis-section h3{color:#333;font-size:20px;margin:0 0 20px}.kanaly-breakdown{margin-bottom:30px}.kanaly-breakdown h4{color:#555;font-size:16px;margin:0 0 15px}.kanaly-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.kanal-card{background:#f8f9fa;border-left:3px solid #007bff;border-radius:8px;padding:15px}.kanal-card h5{color:#333;font-size:14px;font-weight:600;margin:0 0 10px}.kanal-metrics{color:#666;font-size:13px}.kanal-metrics div{margin-bottom:5px}.top-prodejny{margin-top:25px}.top-prodejny h4{color:#555;font-size:16px;margin:0 0 15px}.top-prodejny table{border-collapse:collapse;font-size:14px;width:100%}.top-prodejny td,.top-prodejny th{border-bottom:1px solid #eee;padding:12px;text-align:left}.top-prodejny th{background:#f8f9fa;color:#555;font-weight:600}.trend-metrics{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:25px}.trend-card{background:#f8f9fa;border-radius:8px;padding:20px;text-align:center}.trend-card h4{color:#555;font-size:14px;margin:0 0 10px}.trend-value{font-size:24px;font-weight:700}.trend-value.positive{color:#28a745}.trend-value.negative{color:#dc3545}.prediction-value{color:#007bff;font-size:24px;font-weight:700}.trend-chart{margin-top:25px}.trend-chart h4{color:#555;font-size:16px;margin:0 0 15px}.trend-data{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.trend-item{background:#f8f9fa;border-radius:6px;padding:12px;text-align:center}.trend-date{color:#666;font-size:12px;margin-bottom:5px}.trend-amount{color:#333;font-weight:700}.segments-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.segment-card{background:#f8f9fa;border-left:3px solid #28a745;border-radius:8px;padding:20px}.segment-card h4{color:#333;font-size:16px;margin:0 0 15px}.segment-metrics{color:#666;font-size:14px}.segment-metrics div{margin-bottom:8px}.products-analysis{grid-gap:25px;display:grid;gap:25px;grid-template-columns:1fr}@media (min-width:768px){.products-analysis{grid-template-columns:1fr 1fr}}.top-categories,.top-products{background:#f8f9fa;border-radius:8px;padding:20px}.top-categories h4,.top-products h4{color:#555;font-size:16px;margin:0 0 15px}.top-categories table,.top-products table{border-collapse:collapse;font-size:13px;width:100%}.top-categories td,.top-categories th,.top-products td,.top-products th{border-bottom:1px solid #eee;padding:8px;text-align:left}.top-categories th,.top-products th{background:#e9ecef;color:#555;font-size:12px;font-weight:600}.error-container,.loading-container{padding:50px;text-align:center}.error-container{background:#fff5f5;border:1px solid #fed7d7;border-radius:12px}.error-container h3{color:#c53030;margin-bottom:10px}.retry-button{background:#007bff;border-radius:6px;font-size:14px;padding:10px 20px}.retry-button:hover{background:#0056b3}@media (max-width:768px){.kanaly-grid,.metrics-overview,.products-analysis,.segments-grid,.trend-metrics{grid-template-columns:1fr}.trend-data{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}.chart-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:25px;padding:25px}.chart-container h4{color:#333;font-size:18px;font-weight:600;margin:0 0 20px}.chart-wrapper{background:#fafafa;border:1px solid #f1f5f9;border-radius:12px;height:450px;padding:16px;width:100%}.custom-tooltip{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 8px 30px #00000026;max-width:250px;padding:16px}.custom-tooltip h4{border-bottom:2px solid #f7fafc;color:#2d3748;font-size:1rem;font-weight:700;margin:0 0 12px;padding-bottom:8px}.tooltip-item{align-items:center;display:flex;font-size:.9rem;gap:10px;margin:8px 0}.tooltip-color{border:1px solid #fff;border-radius:3px;box-shadow:0 1px 3px #0000001f;height:14px;width:14px}.tooltip-label{color:#718096;font-weight:500;min-width:80px}.tooltip-value{color:#2d3748;font-weight:600}@media (max-width:768px){.chart-wrapper{height:300px;padding:8px}.chart-container{padding:15px}.chart-container h4{font-size:16px}}.chart-wrapper{transition:all .3s ease}.chart-wrapper:hover{box-shadow:0 4px 20px #00000026}.chart-loading{background:#f8f9fa;border-radius:8px;color:#6c757d}.chart-error,.chart-loading{align-items:center;display:flex;height:400px;justify-content:center}.chart-error{background:#fff5f5;border:1px solid #fed7d7;border-radius:8px;color:#c53030;padding:20px;text-align:center}.recharts-legend-wrapper{padding:10px 0}.recharts-legend-item{margin:0 10px}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#e2e8f0;stroke-width:1}.recharts-cartesian-axis-line,.recharts-cartesian-axis-tick-line{stroke:#cbd5e0}.recharts-cartesian-axis-tick-value{fill:#4a5568;font-size:12px}.chart-obrat{fill:#8884d8}.chart-zisk{fill:#82ca9d}.chart-položky{fill:#ffc658}.chart-kusy{fill:#ff7c7c}.recharts-bar-rectangle:hover{cursor:pointer;opacity:.8}.recharts-line-dot:hover{r:6;cursor:pointer}@media (max-width:1200px){.chart-wrapper{height:350px}}@media (max-width:768px){.chart-wrapper{height:250px}.custom-tooltip{font-size:.8rem;max-width:200px}}@media print{.chart-container{border:1px solid #000;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.chart-wrapper{background:#fff;border:1px solid #000}}.data-table{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-top:20px;overflow:hidden}.data-table h4{background:#f8f9fa;border-bottom:1px solid #e9ecef;color:#495057;font-size:18px;font-weight:600;margin:0;padding:20px 20px 15px}.table-wrapper{max-width:100%;overflow-x:auto}.data-table table{border-collapse:collapse;font-size:14px;width:100%}.data-table th{background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#495057;font-weight:600;padding:12px 8px;position:sticky;text-align:center;top:0;white-space:nowrap;z-index:10}.data-table td{border-bottom:1px solid #e9ecef;padding:10px 8px;text-align:center;vertical-align:middle}.data-table tr:hover{background:#f8f9fa;transition:background-color .2s ease}.data-table td:first-child,.data-table th:first-child{color:#495057;font-weight:600;text-align:left}.data-table td:nth-child(2),.data-table th:nth-child(2){text-align:left}.metric-highlight{background:linear-gradient(135deg,#007bff,#0056b3)}.metric-highlight,.service-count{border-radius:4px;color:#fff;display:inline-block;font-size:13px;font-weight:600;min-width:30px;padding:4px 8px}.service-count{background:linear-gradient(135deg,#28a745,#1e7e34)}.data-table td:nth-child(5){background:linear-gradient(135deg,#ffc107,#e0a800);border-radius:4px;color:#212529;font-weight:600;margin:0 2px}@media (max-width:1200px){.data-table table{font-size:12px}.data-table td,.data-table th{padding:8px 4px}.metric-highlight,.service-count{font-size:11px;padding:2px 6px}}@media (max-width:768px){.table-wrapper{border-radius:8px;box-shadow:0 1px 3px #0000001a}.data-table h4{font-size:16px;padding:15px}.data-table table{font-size:11px}.data-table td,.data-table th{padding:6px 3px}.data-table td:nth-child(n+7):nth-child(-n+10),.data-table th:nth-child(n+7):nth-child(-n+10){display:none}}@media (max-width:480px){.data-table td:last-child,.data-table td:nth-child(n+6):nth-child(-n+15),.data-table th:last-child,.data-table th:nth-child(n+6):nth-child(-n+15){display:none}}.breakdown-card.clickable{transition:transform .15s ease,box-shadow .15s ease}.breakdown-card.clickable:hover{box-shadow:0 6px 16px #0000001f;transform:translateY(-2px)}.flash-highlight{animation:flashBg 1.2s ease-out 1}@keyframes flashBg{0%{box-shadow:0 0 0 0 #007bff59}50%{box-shadow:0 0 0 6px #007bff26}to{box-shadow:0 0 0 0 #007bff00}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.stat-card{animation:fadeIn .5s ease-out}.stat-card:hover{box-shadow:0 4px 15px #00000026;transform:translateY(-2px)}.data-table tbody tr{animation:slideIn .3s ease-out;animation-fill-mode:both}.data-table tbody tr:first-child{animation-delay:.1s}.data-table tbody tr:nth-child(2){animation-delay:.2s}.data-table tbody tr:nth-child(3){animation-delay:.3s}.data-table tbody tr:nth-child(4){animation-delay:.4s}.data-table tbody tr:nth-child(5){animation-delay:.5s}.metric-highlight:hover,.service-count:hover{animation:pulse .3s ease-in-out;cursor:pointer}.loading-spinner{border:2px solid #f3f3f3;border-top-color:#007bff;display:inline-block;height:16px;margin-left:8px;width:16px}.debug-btn,.refresh-btn,.save-btn{overflow:hidden;position:relative}.debug-btn:before,.refresh-btn:before,.save-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.debug-btn:hover:before,.refresh-btn:hover:before,.save-btn:hover:before{left:100%}.data-table th{cursor:help;position:relative}.data-table th:after{background:#333;border-radius:4px;bottom:100%;color:#fff;content:attr(data-tooltip);font-size:12px;left:50%;opacity:0;padding:5px 8px;position:absolute;transform:translateX(-50%);transition:all .3s ease;visibility:hidden;white-space:nowrap;z-index:1000}.data-table th:hover:after{opacity:1;visibility:visible}.performance-indicator{background:#e9ecef;border-radius:4px;height:8px;overflow:hidden;position:relative;width:100%}.performance-bar-fill{background:linear-gradient(90deg,#28a745,#20c997);border-radius:4px;height:100%;position:relative;transition:width .5s ease}.performance-bar-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.sellers-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-top:20px}.seller-card{animation:fadeIn .5s ease-out;background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 15px #0000001a;padding:20px;transition:all .3s ease}.seller-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.seller-header{align-items:flex-start;border-bottom:2px solid #f8f9fa;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.seller-info h5.seller-name{color:#495057;font-size:18px;font-weight:700;margin:0 0 5px}.seller-store{color:#6c757d;font-size:14px;font-weight:500}.seller-rank{background:linear-gradient(135deg,#007bff,#0056b3);border-radius:20px;color:#fff;font-size:14px;font-weight:700;min-width:40px;padding:8px 12px;text-align:center}.seller-main-metrics{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:20px}.metric-item{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;flex-direction:column;padding:12px;transition:all .2s ease}.metric-item.primary{background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.metric-item:hover{transform:scale(1.02)}.metric-label{color:#6c757d;font-size:12px;font-weight:600;margin-bottom:5px;text-align:center}.metric-value{color:#495057;font-size:18px}.metric-value.highlight-blue{background:linear-gradient(135deg,#007bff,#0056b3)}.metric-value.highlight-blue,.metric-value.highlight-green{border-radius:4px;color:#fff;font-size:16px;padding:4px 8px}.metric-value.highlight-green{background:linear-gradient(135deg,#28a745,#1e7e34)}.metric-value.highlight-yellow{background:linear-gradient(135deg,#ffc107,#e0a800);border-radius:4px;color:#212529;font-size:16px;font-weight:700;padding:4px 8px}.seller-services{margin-bottom:20px}.seller-services h6{color:#495057;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 15px;text-transform:uppercase}.services-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.service-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;display:flex;flex-direction:column;padding:8px;transition:all .2s ease}.service-item:hover{background:#e9ecef;transform:scale(1.05)}.service-name{color:#6c757d;font-size:11px;font-weight:600;margin-bottom:3px;text-align:center}.service-count{color:#495057;font-size:14px;font-weight:700}.seller-performance{display:flex;flex-direction:column;gap:8px}.performance-bar{background:#e9ecef;border-radius:4px;height:8px;overflow:hidden;width:100%}.performance-fill{background:linear-gradient(90deg,#28a745,#20c997);border-radius:4px;height:100%;position:relative;transition:width .5s ease}.performance-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.performance-text{color:#6c757d;font-size:12px;font-weight:500;text-align:center}@media (max-width:768px){.sellers-cards{gap:15px;grid-template-columns:1fr}.seller-card{padding:15px}.seller-main-metrics{gap:10px;grid-template-columns:repeat(2,1fr)}.services-grid{gap:8px;grid-template-columns:repeat(4,1fr)}.service-item{padding:6px}.service-name{font-size:10px}.service-count{font-size:12px}}@media (max-width:480px){.seller-main-metrics{grid-template-columns:1fr}.services-grid{grid-template-columns:repeat(3,1fr)}}.date-input[type=date],.date-input[type=month],.date-input[type=select]{background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#333;font-size:14px;min-width:150px;padding:8px 12px}.date-input[type=select]{cursor:pointer}.date-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.date-picker-group select.date-input{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;padding-right:32px}.date-picker-group select.date-input option{background-color:#fff;color:#333;padding:8px}.date-picker-group select.date-input option:hover{background-color:#f8f9fa}.servis{margin:0 auto;max-width:1400px;padding:20px}.servis-header{margin-bottom:30px;text-align:center}.servis-header h2{color:#2c3e50;font-size:2.2rem;font-weight:700;margin-bottom:10px}.servis-header p{color:#7f8c8d;font-size:1.1rem;margin:0}.servis-filters{margin-bottom:30px;padding:20px}.servis-filters,.servis-loading{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a}.servis-loading{padding:60px 20px;text-align:center}.loading-spinner{border:4px solid #f3f3f3;height:40px;width:40px}.servis-error{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:40px 20px;text-align:center}.servis-error h3{color:#e74c3c;margin-bottom:10px}.retry-button{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:15px;padding:12px 24px;transition:all .3s ease}.retry-button:hover{background:linear-gradient(135deg,#2980b9,#1f618d);box-shadow:0 4px 12px #3498db4d;transform:translateY(-2px)}.servis-metrics{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:30px}.metric-card{border-left:4px solid #3498db;box-shadow:0 2px 10px #0000001a}.metric-card:nth-child(5){border-left-color:#e67e22}.metric-card:hover{box-shadow:0 4px 20px #00000026;transform:translateY(-2px)}.metric-content h3{font-size:1.1rem;margin-bottom:8px}.metric-subtitle{font-weight:400}.servis-breakdown{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:25px}.servis-breakdown h3{align-items:center;color:#2c3e50;display:flex;font-size:1.4rem;font-weight:600;gap:10px;margin-bottom:20px}.breakdown-card{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px}.breakdown-card.clickable{cursor:pointer}.breakdown-card:hover{box-shadow:0 4px 15px #0000001a}.breakdown-empty{background:#fffaf0;border:1px dashed #f1c40f;border-radius:8px;color:#946200;padding:16px}.breakdown-card h4{font-size:1.2rem;font-weight:600;margin-bottom:15px}.breakdown-metrics div{color:#555;font-size:.9rem}.click-hint{color:#888;font-size:.85rem;margin-top:8px}.detail-card h5{margin:0 0 10px}.sluzby-row{border-top:1px solid #e0e0e0;color:#e67e22;font-weight:600;margin-top:12px!important;padding-top:8px}.sluzby-details{color:#666;font-size:.85rem;margin-left:8px}.breakdown-metrics strong{font-weight:600}.servis-top{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:25px}.servis-top h3{align-items:center;color:#2c3e50;display:flex;font-size:1.4rem;font-weight:600;gap:10px;margin-bottom:20px}.top-list{gap:10px}.top-item{border:1px solid #e9ecef}.top-rank{align-items:center;background:#3498db;display:flex;flex-shrink:0;height:30px;justify-content:center;margin-right:15px;width:30px}.top-name code{background:#e9ecef;border-radius:4px;color:#495057;font-family:Courier New,monospace;font-size:.8rem;margin-right:8px;padding:2px 6px}.top-value{margin-right:15px}.servis-meta{background:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;margin-top:20px;padding:15px 20px}.servis-meta p{color:#666;display:flex;flex-wrap:wrap;font-size:.85rem;gap:20px;margin:0}.servis-meta strong{color:#333}@media (max-width:768px){.servis{padding:15px}.servis-header h2{font-size:1.8rem}.filter-row{flex-direction:column;gap:15px}.filter-group{min-width:auto}.servis-metrics{gap:15px}.breakdown-cards,.servis-metrics{grid-template-columns:1fr}.metric-card{padding:20px}.metric-icon{font-size:2rem}.metric-value{font-size:1.5rem}.top-item{align-items:flex-start;flex-direction:column;gap:10px}.top-name{order:2}.top-value{margin-right:0;order:3}.top-count{order:4}.servis-meta p{flex-direction:column;gap:5px}}@media (max-width:480px){.servis-header h2{font-size:1.5rem}.servis-header p{font-size:1rem}.servis-breakdown,.servis-filters,.servis-top{padding:15px}.metric-card{flex-direction:column;gap:15px;text-align:center}.metric-icon{font-size:2.5rem}.top-rank{font-size:.8rem;height:25px;width:25px}}.eshop-analytics{margin:0 auto;max-width:1400px;padding:20px}.eshop-header{margin-bottom:30px;text-align:center}.eshop-header h2{color:#2c3e50;font-size:2.2rem;font-weight:700;margin-bottom:10px}.eshop-header p{color:#7f8c8d;font-size:1.1rem;margin:0}.eshop-filters{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:20px}.filter-group input[type=checkbox]{margin-right:8px;width:auto}.filter-group label{cursor:pointer}.refresh-btn{background:linear-gradient(135deg,#e74c3c,#c0392b)}.refresh-btn:hover:not(:disabled){background:linear-gradient(135deg,#c0392b,#a93226);box-shadow:0 4px 12px #e74c3c4d}.eshop-loading{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:60px 20px;text-align:center}.loading-spinner{border-top-color:#e74c3c}.eshop-error{background:#fdf2f2;border:2px solid #f8d7da;border-radius:12px;color:#721c24;padding:30px;text-align:center}.eshop-error h3{font-size:1.3rem;margin-bottom:15px}.eshop-error button{background:#dc3545;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:15px;padding:10px 20px}.eshop-metrics{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:40px}.metric-card{padding:25px}.metric-card:first-child{border-left-color:#e74c3c}.metric-card:nth-child(2){border-left-color:#27ae60}.metric-value{font-size:1.8rem}.eshop-breakdown{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;margin-bottom:30px;padding:30px}.eshop-breakdown h3{color:#2c3e50;font-size:1.4rem;font-weight:700;margin-bottom:25px}.breakdown-cards{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.breakdown-card:first-child{border-color:#3498db}.breakdown-card:nth-child(2){border-color:#e67e22}.eshop-top{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;margin-bottom:30px;padding:30px}.eshop-top h3{color:#2c3e50;font-size:1.4rem;font-weight:700;margin-bottom:20px}.top-rank{background:linear-gradient(135deg,#e74c3c,#c0392b)}.eshop-meta{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:30px;padding:15px 20px;text-align:center}.eshop-meta p{color:#6c757d;font-size:.9rem;margin:0}@media (max-width:768px){.eshop-analytics{padding:15px}.eshop-header h2{font-size:1.8rem}.filter-row{align-items:stretch;flex-direction:column}.filter-group{min-width:0;min-width:auto}.breakdown-cards,.eshop-metrics{grid-template-columns:1fr}.metric-card{flex-direction:column;gap:15px;text-align:center}.metric-icon{font-size:2rem}.metric-value{font-size:1.5rem}.top-item{flex-wrap:wrap;gap:10px}.top-name{flex-basis:100%;order:-1}}@media (max-width:480px){.eshop-header h2{font-size:1.5rem}.eshop-header p{font-size:1rem}.eshop-breakdown,.eshop-filters,.eshop-top{padding:20px 15px}}.celkova-cisla{margin:0 auto;max-width:1400px;padding:20px}.celkova-cisla-header{margin-bottom:30px;text-align:center}.celkova-cisla-header h2{color:#2c3e50;font-size:2.2rem;font-weight:700;margin-bottom:10px}.celkova-cisla-header p{color:#7f8c8d;font-size:1.1rem;margin:0}.celkova-cisla-filters{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:20px}.filter-row{align-items:end;display:flex;flex-wrap:wrap;gap:20px}.filter-group{min-width:150px}.filter-group label{color:#2c3e50;font-size:.9rem;margin-bottom:5px}.filter-group input,.filter-group select{background:#fff;border:2px solid #e1e8ed;border-radius:8px;font-size:.95rem;padding:10px 12px;transition:all .3s ease}.filter-group input:focus,.filter-group select:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.refresh-btn{background:linear-gradient(135deg,#3498db,#2980b9);border-radius:8px;font-size:.95rem;padding:10px 20px;transition:all .3s ease}.refresh-btn:hover:not(:disabled){background:linear-gradient(135deg,#2980b9,#1f618d);box-shadow:0 4px 12px #3498db4d;transform:translateY(-2px)}.refresh-btn:disabled{cursor:not-allowed;opacity:.6}.celkova-cisla-loading{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:60px 20px;text-align:center}.loading-spinner{border:4px solid #ecf0f1;border-top-color:#3498db;margin:0 auto 20px}.celkova-cisla-error{background:#fdf2f2;border:2px solid #f8d7da;border-radius:12px;color:#721c24;padding:30px;text-align:center}.celkova-cisla-error h3{font-size:1.3rem;margin-bottom:15px}.celkova-cisla-error button{background:#dc3545;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:15px;padding:10px 20px}.celkova-cisla-metrics{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:40px}.metric-card{align-items:center;border-left:4px solid #0000;border-radius:12px;box-shadow:0 4px 15px #0000001a;gap:20px;padding:30px;transition:all .3s ease}.metric-card:first-child{border-left-color:#27ae60}.metric-card:nth-child(2){border-left-color:#e74c3c}.metric-card:nth-child(3){border-left-color:#f39c12}.metric-card:nth-child(4){border-left-color:#9b59b6}.metric-card:nth-child(5){border-left-color:#34495e}.metric-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-3px)}.metric-icon{font-size:2.5rem;opacity:.8}.metric-content h3{color:#2c3e50;font-size:1rem;font-weight:600;margin:0 0 8px}.metric-value{word-wrap:break-word;color:#2c3e50;font-size:1.6rem;font-weight:700;margin-bottom:5px;overflow-wrap:break-word}.metric-subtitle{color:#7f8c8d;font-size:.9rem;font-weight:500}.celkova-cisla-breakdown{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;margin-bottom:30px;padding:30px}.celkova-cisla-breakdown h3{color:#2c3e50;font-size:1.4rem;font-weight:700;margin-bottom:25px}.breakdown-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.breakdown-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #0000;border-radius:10px;padding:20px;transition:all .3s ease}.breakdown-card:first-child{border-color:#27ae60}.breakdown-card:nth-child(2){border-color:#3498db}.breakdown-card:nth-child(3){border-color:#e67e22}.breakdown-card:hover{box-shadow:0 6px 20px #0000001a;transform:translateY(-2px)}.breakdown-card h4{color:#2c3e50;font-size:1.1rem;font-weight:700;margin:0 0 15px}.breakdown-metrics div{color:#5a6c7d;font-size:.95rem;margin-bottom:8px}.breakdown-metrics strong{color:#2c3e50;font-weight:700}.celkova-cisla-top{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;margin-bottom:30px;padding:30px}.celkova-cisla-top h3{color:#2c3e50;font-size:1.4rem;font-weight:700;margin-bottom:20px}.top-list{display:flex;flex-direction:column;gap:12px}.top-item{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;gap:15px;padding:15px;transition:all .3s ease}.top-item:hover{background:#e9ecef;transform:translateX(5px)}.top-rank{background:linear-gradient(135deg,#3498db,#2980b9);border-radius:50%;color:#fff;font-size:.9rem;font-weight:700;min-width:40px;padding:8px 12px;text-align:center}.top-name{color:#2c3e50;flex:1 1;font-weight:600}.top-value{color:#27ae60;font-size:1.1rem;font-weight:700}.top-count{color:#7f8c8d;font-size:.9rem}.modal-overlay{background:#0006;inset:0}.modal-content{box-shadow:0 10px 30px #0003;overflow:hidden;width:min(900px,92vw)}.modal-header{background:#f6f8fa;border-bottom:1px solid #e9ecef;padding:14px 18px}.modal-close{background:#0000;border:none;cursor:pointer;font-size:1.2rem}.modal-body{padding:18px}.modal-error,.modal-loading{padding:12px}.detail-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.detail-card{background:#fbfbfc;border:1px solid #e9ecef;border-radius:8px;padding:14px}.items-list{border-top:1px dashed #e0e0e0;margin-top:10px;padding-top:8px}.items-list ul{margin:8px 0 0;max-height:220px;overflow:auto;padding-left:18px}.items-list code{background:#eef2f6;border-radius:4px;padding:2px 6px}.celkova-cisla-meta{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:30px;padding:15px 20px;text-align:center}.celkova-cisla-meta p{color:#6c757d;font-size:.9rem;margin:0}@media (max-width:768px){.celkova-cisla{padding:15px}.celkova-cisla-header h2{font-size:1.8rem}.filter-row{align-items:stretch;flex-direction:column}.filter-group{min-width:0;min-width:auto}.breakdown-cards,.celkova-cisla-metrics{grid-template-columns:1fr}.metric-card{flex-direction:column;gap:15px;text-align:center}.metric-icon{font-size:2rem}.metric-value{font-size:1.5rem}.top-item{flex-wrap:wrap;gap:10px}.top-name{flex-basis:100%;order:-1}}@media (max-width:480px){.celkova-cisla-header h2{font-size:1.5rem}.celkova-cisla-header p{font-size:1rem}.celkova-cisla-breakdown,.celkova-cisla-filters,.celkova-cisla-top{padding:20px 15px}}.analytics-dashboard{width:100%}.dashboard-header{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:20px}.dashboard-header h2{color:#495057;font-size:24px;margin:0}.dashboard-controls{align-items:center;display:flex;gap:15px}.actor-status{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;color:#495057;display:flex;font-size:13px;gap:8px;line-height:1;padding:6px 10px}.actor-status .actor-dot{background:#6c757d;border-radius:50%;display:inline-block;height:8px;width:8px}.actor-ok{background:#f0fdf4;border-color:#d1e7dd;color:#146c43}.actor-ok .actor-dot{background:#22c55e}.actor-warn{background:#fffdf0;border-color:#fff3cd;color:#946200}.actor-warn .actor-dot{background:#f59e0b}.actor-error{background:#fff5f5;border-color:#f8d7da;color:#b42318}.actor-error .actor-dot{background:#ef4444}.time-range-select{background:#fff;border:1px solid #dee2e6;border-radius:5px}.refresh-btn,.time-range-select{cursor:pointer;font-size:14px;padding:8px 15px}.refresh-btn{background:#007bff;border:none;border-radius:5px;color:#fff;transition:background .3s ease}.refresh-btn:hover{background:#0056b3}.dashboard-content{width:100%}.analytics-overview{padding:20px}.analytics-overview h3{color:#495057;font-size:24px;margin:0 0 10px}.analytics-overview p{color:#6c757d;font-size:16px;margin:0 0 30px}.sections-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.section-card{background:#fff;border:2px solid #0000;border-radius:15px;box-shadow:0 5px 20px #0000001a;cursor:pointer;padding:25px;text-align:center;transition:all .3s ease}.section-card:hover{border-color:#007bff;box-shadow:0 10px 30px #00000026;transform:translateY(-5px)}.section-icon{display:block;font-size:48px;margin-bottom:15px}.section-card h4{color:#495057;font-size:18px;font-weight:600;margin:0 0 10px}.section-card p{color:#6c757d;font-size:14px;line-height:1.5;margin:0 0 20px}.section-btn{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;padding:10px 20px;text-transform:uppercase;transition:all .3s ease}.section-btn:hover{background:linear-gradient(135deg,#0056b3,#004085);transform:scale(1.05)}.section-content{width:100%}.section-header{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;display:flex;gap:20px;margin-bottom:30px;padding:20px}.back-btn{background:#6c757d;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background .3s ease}.back-btn:hover{background:#545b62}.section-header h3{color:#495057;font-size:24px;margin:0}@media (max-width:768px){.dashboard-header{flex-direction:column;gap:15px;text-align:center}.dashboard-controls{flex-direction:column;width:100%}.refresh-btn,.time-range-select{width:100%}.sections-grid{grid-template-columns:1fr}.section-header{flex-direction:column;text-align:center}.analytics-overview h3{font-size:20px}.section-card h4{font-size:16px}}.analytics-module{background:linear-gradient(135deg,#f7fafc,#edf2f7);min-height:100vh;padding:20px}.analytics-header{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 20px #00000014;color:#2d3748;padding:30px}.analytics-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4299e1,#3182ce);-webkit-background-clip:text;background-clip:text;font-size:32px;margin:0 0 15px}.analytics-header p{color:#718096;font-size:16px;font-weight:500}.analytics-content{width:100%}@media (max-width:768px){.analytics-module{padding:15px}.analytics-header{padding:20px}.analytics-header h2{font-size:24px}.analytics-header p{font-size:14px}}.profile-module{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:0 auto;max-width:1200px;padding:20px}.profile-header{border-bottom:2px solid #f0f0f0;margin-bottom:30px;padding-bottom:20px;text-align:center}.profile-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#333;font-size:2.5rem;margin-bottom:10px}.profile-header p{color:#666;font-size:1.1rem;margin:0}.profile-tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:30px}.tab-button{background:#fff;border:2px solid #e0e0e0;border-radius:25px;color:#666;font-weight:500}.tab-button:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea33;color:#667eea}.tab-button.active{border-color:#0000;box-shadow:0 4px 12px #667eea4d}.tab-button i{font-size:1.1rem}.profile-content{min-height:400px}.loading-spinner{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-spinner p{color:#666;font-size:1.1rem;margin:0}.error-message{color:#e74c3c;padding:60px 20px;text-align:center}.error-message h2{font-size:1.8rem;margin-bottom:10px}.error-message p{font-size:1.1rem;margin:0}@media (max-width:768px){.profile-module{margin:10px;padding:15px}.profile-header h1{font-size:2rem}.profile-tabs{align-items:center;flex-direction:column}.tab-button{justify-content:center;max-width:300px;width:100%}}@media (max-width:480px){.profile-header h1{font-size:1.8rem}.profile-header p{font-size:1rem}.tab-button{font-size:.9rem;padding:10px 20px}}.profile-info{margin:0 auto;max-width:800px}.info-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:15px}.info-header h2{color:#333;font-size:1.8rem;margin:0}.edit-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.edit-button:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.info-sections{grid-gap:30px;display:grid;gap:30px}.info-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:25px}.info-section h3{border-bottom:1px solid #dee2e6;color:#333;font-size:1.4rem;margin-bottom:20px;padding-bottom:10px}.info-display{grid-gap:15px;display:grid;gap:15px}.info-row{align-items:center;border-bottom:1px solid #e9ecef;display:flex;padding:12px 0}.info-row:last-child{border-bottom:none}.info-row .label{color:#495057;font-weight:600;margin-right:15px;min-width:120px}.info-row .value{color:#333;flex:1 1}.edit-form{grid-gap:20px;display:grid;gap:20px}.form-group label{color:#495057;font-size:.9rem}.form-group input,.form-group textarea{border:2px solid #e9ecef;border-radius:8px;font-size:1rem;padding:12px 16px;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-actions{border-top:1px solid #e9ecef;margin-top:20px}.save-button{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:all .3s ease}.save-button:hover:not(:disabled){box-shadow:0 4px 12px #28a7454d;transform:translateY(-2px)}.save-button:disabled{cursor:not-allowed;opacity:.6}.cancel-button:hover{background:#5a6268;transform:translateY(-2px)}.password-section{padding:20px;text-align:center}.password-section p{color:#666;font-size:1rem;margin-bottom:20px}.change-password-button{align-items:center;background:linear-gradient(135deg,#ffc107,#fd7e14);border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:8px;margin:0 auto;padding:12px 24px;transition:all .3s ease}.change-password-button:hover{box-shadow:0 4px 12px #ffc1074d;transform:translateY(-2px)}.password-form{grid-gap:20px;display:grid;gap:20px}.password-form .form-group input{border:2px solid #e9ecef;border-radius:8px;font-size:1rem;padding:12px 16px;transition:border-color .3s ease}.password-form .form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}@media (max-width:768px){.info-header{flex-direction:column;gap:15px;text-align:center}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.cancel-button,.save-button{width:100%}.info-row{align-items:flex-start;flex-direction:column;gap:5px}.info-row .label{margin-right:0;min-width:auto}}@media (max-width:480px){.info-section{padding:20px}.info-header h2{font-size:1.5rem}.info-section h3{font-size:1.2rem}}.profile-analytics{margin:0 auto;max-width:1200px}.analytics-header{border-bottom:2px solid #f0f0f0;margin-bottom:30px;padding-bottom:20px;text-align:center}.analytics-header h2{color:#fff;font-size:2rem;font-weight:700;margin-bottom:10px;text-shadow:0 2px 4px #0000004d}.analytics-header p{color:#fff;font-size:1.1rem;margin:0;opacity:.95;text-shadow:0 1px 2px #0000004d}.analytics-controls{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.data-type-toggle{background:linear-gradient(145deg,#f8f9fa,#e9ecef);border-radius:20px;box-shadow:inset 0 2px 4px #0000001a;display:flex;gap:15px;padding:8px}.data-type-toggle button{align-items:center;background:#0000;border:none;border-radius:16px;color:#6c757d;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;justify-content:center;letter-spacing:.5px;min-width:140px;overflow:hidden;padding:14px 24px;position:relative;text-transform:uppercase;transition:all .4s cubic-bezier(.4,0,.2,1)}.data-type-toggle button:before{background:linear-gradient(135deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .6s}.data-type-toggle button:hover:before{transform:translateX(100%)}.data-type-toggle button:hover{box-shadow:0 8px 25px #00000026;color:#495057;transform:translateY(-2px)}.data-type-toggle button.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 25px #667eea66,inset 0 1px 0 #fff3;color:#fff;transform:translateY(-1px)}.data-type-toggle button.active:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);box-shadow:0 12px 30px #667eea80,inset 0 1px 0 #fff3;transform:translateY(-3px)}.data-type-toggle button:first-child{background:linear-gradient(135deg,#ff9a9e,#fecfef);color:#fff;text-shadow:0 1px 2px #0000001a}.data-type-toggle button:first-child:not(.active){background:#0000;color:#6c757d;text-shadow:none}.data-type-toggle button:first-child.active{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);box-shadow:0 8px 25px #ff6b6b66,inset 0 1px 0 #fff3}.data-type-toggle button:nth-child(2){background:linear-gradient(135deg,#a8edea,#fed6e3);color:#fff;text-shadow:0 1px 2px #0000001a}.data-type-toggle button:nth-child(2):not(.active){background:#0000;color:#6c757d;text-shadow:none}.data-type-toggle button:nth-child(2).active{background:linear-gradient(135deg,#4ecdc4,#44a08d);box-shadow:0 8px 25px #4ecdc466,inset 0 1px 0 #fff3}.data-type-toggle button:nth-child(3){background:linear-gradient(135deg,#ffecd2,#fcb69f);color:#fff;text-shadow:0 1px 2px #0000001a}.data-type-toggle button:nth-child(3):not(.active){background:#0000;color:#6c757d;text-shadow:none}.data-type-toggle button:nth-child(3).active{animation:pulse-gold 2s infinite;background:linear-gradient(135deg,#ffc107,#fd7e14);box-shadow:0 8px 25px #ffc10766,inset 0 1px 0 #fff3}@keyframes pulse-gold{0%,to{box-shadow:0 8px 25px #ffc10766,inset 0 1px 0 #fff3}50%{box-shadow:0 12px 35px #ffc10799,inset 0 1px 0 #ffffff4d}}.toggle-button{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:25px;color:#666;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:12px 20px;transition:all .3s ease}.toggle-button:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea33;color:#667eea;transform:translateY(-2px)}.toggle-button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 4px 12px #667eea4d;color:#fff}.date-picker{align-items:center;display:flex;gap:10px}.date-picker label{color:#495057;font-size:.9rem;font-weight:600}.date-picker input{border:2px solid #e9ecef;border-radius:8px;font-size:.9rem;padding:10px 12px;transition:border-color .3s ease}.date-picker input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.analytics-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:40px}.data-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:25px;transition:transform .3s ease,box-shadow .3s ease}.data-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.data-card.error,.data-card.no-data{background:#f8f9fa;color:#666;text-align:center}.data-card.error{background:#f8d7da;border-color:#f5c6cb;color:#721c24}.card-header{border-bottom:1px solid #e9ecef;margin-bottom:20px;padding-bottom:15px}.card-header h3{color:#333;font-size:1.4rem;margin:0}.points-badge{align-items:center;background:linear-gradient(135deg,#ffc107,#fd7e14);border-radius:20px;color:#fff;display:flex;font-size:.9rem;font-weight:600;gap:5px;padding:8px 16px}.points-badge i{color:#fff}.data-grid{grid-gap:15px;display:grid;gap:15px;margin-bottom:25px}.data-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:12px 0}.data-item:last-child{border-bottom:none}.data-item .label{color:#495057;font-weight:600}.data-item .value{color:#333;font-size:1.1rem;font-weight:700}.products-grid{margin-top:20px}.products-grid h4{border-bottom:1px solid #e9ecef;color:#333;font-size:1.1rem;margin-bottom:15px;padding-bottom:8px}.products-list{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.product-item{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;font-size:.9rem;justify-content:space-between;padding:8px 12px}.product-item span:first-child{color:#495057;font-weight:600}.product-item span:last-child{color:#333;font-weight:700}.data-source{border-top:1px solid #e9ecef;margin-top:20px;padding-top:15px;text-align:center}.data-source small{color:#6c757d;font-style:italic}.historical-data{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:25px}.historical-data h3{color:#333;font-size:1.4rem;margin-bottom:20px;text-align:center}.loading{padding:20px}.historical-list{grid-gap:15px;display:grid;gap:15px}.historical-item{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:20px;transition:transform .3s ease}.historical-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.historical-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.historical-header .date{color:#495057;font-weight:600}.historical-header .points{background:linear-gradient(135deg,#ffc107,#fd7e14);border-radius:15px;color:#fff;font-size:.9rem;font-weight:600;padding:6px 12px}.historical-summary{display:flex;flex-wrap:wrap;gap:20px}.historical-summary span{color:#666;font-size:.9rem}@media (max-width:768px){.analytics-controls{align-items:stretch;flex-direction:column}.data-type-toggle{flex-wrap:wrap;gap:10px;justify-content:center}.data-type-toggle button{font-size:.9rem;min-width:120px;padding:12px 16px}.date-picker{justify-content:center}.analytics-grid{gap:20px;grid-template-columns:1fr}.products-list{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.historical-summary{flex-direction:column;gap:10px}}@media (max-width:480px){.analytics-header h2{font-size:1.6rem}.data-type-toggle button{font-size:.8rem;min-width:100px;padding:10px 12px}.data-card{padding:20px}.card-header{flex-direction:column;gap:10px;text-align:center}.products-list{grid-template-columns:1fr}}.body-card{background:linear-gradient(135deg,#ffecd2,#fcb69f);border:none;overflow:hidden;position:relative}.body-card:before{background:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><text y="50%" x="50%" text-anchor="middle" dy=".3em" font-size="60" fill="rgba(255,255,255,0.1)">★</text></svg>') repeat;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.body-card .card-header{position:relative;z-index:1}.body-card .points-badge.large{background:linear-gradient(135deg,#ff6b35,#f7931e);box-shadow:0 4px 15px #ff6b354d;font-size:1.2rem;padding:12px 20px}.body-card .body-info{margin-top:20px;position:relative;text-align:center;z-index:1}.body-card .body-info p{color:#333;font-size:1.1rem;font-weight:500;margin:0}.profile-image{margin:0 auto;max-width:800px}.image-header{border-bottom:2px solid #f0f0f0;margin-bottom:30px;padding-bottom:20px;text-align:center}.image-header h2{color:#333;font-size:1.8rem;margin-bottom:10px}.image-header p{color:#666;font-size:1.1rem;margin:0}.message{border-radius:8px;font-weight:500;margin-bottom:20px;padding:12px 16px}.message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.image-content{grid-gap:40px;display:grid;gap:40px}.current-image-section,.upload-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:25px}.current-image-section h3,.upload-section h3{border-bottom:1px solid #dee2e6;color:#333;font-size:1.4rem;margin-bottom:20px;padding-bottom:10px}.current-image{text-align:center}.profile-preview{border:4px solid #fff;border-radius:50%;box-shadow:0 4px 12px #00000026;height:200px;margin-bottom:15px;object-fit:cover;width:200px}.image-info{align-items:center;display:flex;flex-direction:column;gap:15px}.image-info p{color:#666;font-size:.9rem;margin:0}.delete-button{align-items:center;background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.delete-button:hover:not(:disabled){box-shadow:0 4px 12px #dc35454d;transform:translateY(-2px)}.delete-button:disabled{cursor:not-allowed;opacity:.6}.no-image{color:#666;padding:40px 20px;text-align:center}.no-image-icon{color:#ccc;font-size:4rem;margin-bottom:15px}.no-image p{font-size:1.1rem;margin:0}.upload-area{margin-bottom:25px}.upload-button{align-items:center;background:#fff;border:2px dashed #dee2e6;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:40px 20px;text-align:center;transition:all .3s ease}.upload-button:hover{background:#f8f9ff;border-color:#667eea;transform:translateY(-2px)}.upload-button i{color:#667eea;font-size:2.5rem}.upload-button span{color:#333;font-size:1.1rem;font-weight:600}.upload-button small{color:#666;font-size:.9rem}.file-selected{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:20px}.file-preview{margin-bottom:20px;text-align:center}.preview-image{border:2px solid #e9ecef;border-radius:8px;height:150px;object-fit:cover;width:150px}.file-info{margin-bottom:20px}.file-info p{color:#666;font-size:.9rem;margin:5px 0}.file-info strong{color:#333}.file-actions{display:flex;gap:15px;justify-content:center}.upload-confirm-button{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:all .3s ease}.upload-confirm-button:hover:not(:disabled){box-shadow:0 4px 12px #28a7454d;transform:translateY(-2px)}.upload-confirm-button:disabled{cursor:not-allowed;opacity:.6}.cancel-button{background:#6c757d;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:all .3s ease}.cancel-button:hover:not(:disabled){background:#5a6268;transform:translateY(-2px)}.cancel-button:disabled{cursor:not-allowed;opacity:.6}.upload-tips{background:#e3f2fd;border-left:4px solid #2196f3;border-radius:8px;padding:20px}.upload-tips h4{color:#1976d2;font-size:1.1rem;margin-bottom:15px;margin-top:0}.upload-tips ul{color:#424242;margin:0;padding-left:20px}.upload-tips li{font-size:.9rem;margin-bottom:8px}.upload-tips li:last-child{margin-bottom:0}@media (max-width:768px){.image-content{gap:30px}.current-image-section,.upload-section{padding:20px}.profile-preview{height:150px;width:150px}.file-actions{flex-direction:column}.cancel-button,.upload-confirm-button{width:100%}.upload-button{padding:30px 15px}.upload-button i{font-size:2rem}}@media (max-width:480px){.image-header h2{font-size:1.5rem}.current-image-section h3,.upload-section h3{font-size:1.2rem}.profile-preview{height:120px;width:120px}.preview-image{height:100px;width:100px}.upload-tips{padding:15px}.upload-tips h4{font-size:1rem}.upload-tips li{font-size:.8rem}}.shift-calendar{background:#fff;font-family:Roboto,Arial,sans-serif;margin:0;overflow:hidden;padding:0;width:100%}.error-banner{animation:slideDown .3s ease-out;background:#fef7f0;border:1px solid #fcbf49;border-radius:8px;margin-bottom:16px}.error-content{align-items:center;display:flex;gap:12px;padding:12px 16px}.error-icon{flex-shrink:0;font-size:16px}.error-message{color:#b45309;flex:1 1;line-height:1.4}.error-close{background:none;border:none;border-radius:4px;color:#b45309;cursor:pointer;flex-shrink:0;font-size:16px;font-weight:700;padding:4px;transition:background-color .2s ease}.error-close:hover{background:#b453091a}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.calendar-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000a;box-sizing:border-box;max-width:100%;overflow:hidden;width:100%}.calendar-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;height:44px;width:100%}.day-name{align-items:center;border-right:1px solid #e5e7eb;color:#64748b;display:flex;font-size:11px;font-weight:500;justify-content:center;letter-spacing:.5px;min-width:0;padding:0 4px;text-transform:uppercase}.day-name:last-child{border-right:none}.calendar-grid{display:grid!important;grid-auto-rows:96px;grid-template-columns:repeat(7,minmax(0,1fr))!important;width:100%}.calendar-day{background:#fff;border-bottom:1px solid #dadce0;border-right:1px solid #dadce0;box-sizing:border-box;min-width:0;padding:4px;position:relative}.calendar-day:nth-child(7n){border-right:none}.calendar-day:hover{background:#f8fafc}.calendar-day.other-month{background:#fafafa}.calendar-day.other-month .day-number{color:#9aa0a6}.day-number{align-items:center;color:#334155;display:flex;font-size:12px;font-weight:400;height:18px;justify-content:center;left:6px;line-height:18px;min-width:18px;position:absolute;top:6px;z-index:2}.calendar-day.today .day-number{background:#1a73e8;border-radius:6px;color:#fff;font-weight:600;height:22px;width:22px}.calendar-day.holiday{background:#fef8f8;border:1px solid #fecaca}.calendar-day.holiday .day-number{color:#dc2626;font-weight:600}.holiday-indicator{font-size:12px;position:absolute;right:2px;top:2px;z-index:3}.shifts-container{display:flex;flex-direction:column;gap:2px;height:calc(100% - 26px);margin-top:18px;overflow:hidden;padding:0;width:100%}.shift-item{align-items:center;background:#1a73e8;border-radius:3px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:500;margin:0;min-height:22px;padding:4px 6px;position:relative;width:100%!important}.shift-item.mine{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:inset 0 0 0 1px #ffffff40}.shift-item.other{background:#60a5fa;color:#0b318f}.shift-item:hover{opacity:.9}.shift-item.vacation{background:#34a853}.shift-item.foreign-store{background:#9c27b0}.shift-item.sick{background:#ea4335}.shift-content{display:flex;flex-direction:column;line-height:1.2;width:100%}.shift-name{font-size:11px;font-weight:600;margin-bottom:1px}.shift-name,.shift-time{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shift-time{font-size:10px;font-weight:400;opacity:.9}.foreign-indicator,.vacation-indicator{font-size:8px;opacity:.8;position:absolute;right:3px;top:2px}.confirm-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.confirm-dialog{background:#fff;border-radius:8px;box-shadow:0 8px 16px #00000026;max-width:420px;padding:24px;width:90%}.confirm-dialog h3{color:#202124;font-size:20px;font-weight:400;margin:0 0 16px}.shift-details{background:#f8f9fa;border-left:4px solid #1a73e8;border-radius:8px;margin:16px 0;padding:16px}.shift-details p{color:#5f6368;font-size:14px;margin:6px 0}.shift-details strong{color:#202124;font-weight:500}.confirm-question{color:#202124;font-size:16px;margin:16px 0}.confirm-buttons{display:flex;gap:8px;justify-content:flex-end;margin-top:24px}.btn-cancel,.btn-delete{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;min-width:64px;padding:10px 24px}.btn-cancel{background:#0000;border:1px solid #dadce0;color:#1a73e8}.btn-cancel:hover{background:#f8f9fa}.btn-delete{background:#ea4335;color:#fff}.btn-delete:hover{background:#d93025}.error,.loading{color:#5f6368;font-size:16px;padding:48px 24px;text-align:center}.error{color:#ea4335}.retry-btn{background:#1a73e8;border-radius:4px;font-weight:500;margin-top:16px;padding:12px 24px}.retry-btn:hover{background:#1765cc}@media (max-width:768px){.calendar-header{height:36px}.day-name{font-size:9px;padding:0 2px}.calendar-grid{grid-auto-rows:90px}.calendar-day{padding:3px}.day-number{font-size:10px;height:12px;left:3px;min-width:12px;top:3px}.calendar-day.today .day-number{height:18px;width:18px}.shifts-container{margin-top:20px}.shift-item{font-size:10px;margin-bottom:2px;min-height:20px;padding:3px 6px}.shift-name{font-size:9px}.shift-time{font-size:8px}}@media (max-width:480px){.calendar-header{height:32px}.day-name{font-size:8px;padding:0 1px}.calendar-grid{grid-auto-rows:80px}.calendar-day{padding:2px}.day-number{font-size:9px;height:10px;left:2px;min-width:10px;top:2px}.calendar-day.today .day-number{height:16px;width:16px}.shifts-container{margin-top:16px}.shift-item{font-size:9px;margin-bottom:1px;min-height:18px;padding:2px 4px}.shift-name{font-size:8px}.shift-time{font-size:7px}}.unified-calendar{--uc-bg:#fff;--uc-border:#e5e7eb;--uc-muted:#94a3b8;--uc-fg:#0f172a;--uc-accent:#1a73e8;background:var(--uc-bg);border:1px solid var(--uc-border);border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.unified-calendar.compact{box-shadow:none}.uc-header{background:#f8fafc;border-bottom:1px solid var(--uc-border);display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.uc-day-name{border-right:1px solid var(--uc-border);color:#64748b;font-size:12px;padding:8px 4px;text-align:center;text-transform:uppercase}.uc-day-name:last-child{border-right:none}.uc-grid{display:grid;grid-auto-rows:1fr;grid-template-columns:repeat(7,minmax(0,1fr))}.uc-cell{aspect-ratio:1/1;background:#fff;border-bottom:1px solid var(--uc-border);border-right:1px solid var(--uc-border);display:grid;grid-template-rows:auto 1fr;outline:none;padding:4px;position:relative}.uc-cell:nth-child(7n){border-right:none}.uc-cell.current{color:var(--uc-fg)}.uc-cell.other{background:#fafafa;color:var(--uc-muted)}.uc-cell.disabled{color:#cbd5e1;pointer-events:none}.uc-cell.disabled,.uc-cell:hover{background:#f8fafc}.uc-cell.selected{background:var(--uc-accent);color:#fff}.uc-cell.today:not(.selected){border-radius:8px;box-shadow:inset 0 0 0 2px var(--uc-accent)}.uc-day-number{color:currentColor;font-size:12px;font-weight:600}.uc-cell-content{font-size:11px;overflow:hidden}.unified-calendar.compact .uc-day-name{font-size:11px;padding:6px 2px}.unified-calendar.compact .uc-cell{padding:3px}.unified-calendar.compact .uc-day-number{font-size:11px}@media (max-width:420px){.uc-day-name{font-size:10px}.uc-cell{padding:3px}.uc-day-number{font-size:11px}}.modal-overlay{height:100%;width:100%}.modal-content{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;max-height:80vh;max-width:500px;overflow-y:auto;padding:30px;width:90%}.modal-content h3{color:#333;font-size:20px;margin:0 0 20px}.form-group input,.form-group select,.form-group textarea{border:2px solid #ddd;border-radius:8px;padding:10px 15px;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.form-group textarea{min-height:80px}.form-row{grid-gap:15px;display:grid;grid-template-columns:1fr 1fr}.form-actions{margin-top:30px}.btn-cancel,.btn-submit{padding:10px 20px;transition:all .3s ease}.btn-cancel{background:#6c757d;color:#fff}.btn-cancel:hover{background:#545b62}.btn-submit{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.btn-submit:hover:not(:disabled){box-shadow:0 6px 16px #007bff66;transform:translateY(-2px)}.btn-submit:disabled{cursor:not-allowed;opacity:.6}.error-message{border-radius:6px;color:#dc3545;padding:10px 15px}.existing-shift-info{background:#fffc;border:1px solid #dc3545;border-radius:6px;font-size:13px;line-height:1.4;margin-top:12px;padding:10px}.attendance-panel{text-align:center}.attendance-buttons{display:flex;gap:15px;justify-content:center;margin-top:20px}.time-info{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid #90caf9;border-radius:6px;color:#1565c0;font-size:12px;margin-bottom:15px;padding:8px 12px;text-align:center}.bulk-shift-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:1000}.bulk-shift-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;box-sizing:border-box;display:flex;flex-direction:column;max-height:min(90svh,88vh);max-width:720px;overflow:hidden;position:relative;width:clamp(340px,92vw,720px)}.bulk-shift-header{background:linear-gradient(135deg,#1a73e8,#1557b3);border-bottom:1px solid #e5e7eb;border-radius:16px 16px 0 0;color:#fff;padding:16px 20px;position:sticky;top:0;z-index:3}.bulk-shift-title{align-items:center;display:flex;font-size:24px;font-weight:600;gap:12px;margin:0}.close-button{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;position:absolute;right:24px;top:16px;transition:all .2s ease;width:40px}.close-button:hover{background:#ffffff4d;transform:scale(1.1)}.bulk-shift-content{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:16px 20px 96px}.steps-container{grid-gap:24px;display:grid;gap:24px}.step-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px;transition:all .3s ease}.step-card:hover{border-color:#1a73e8;box-shadow:0 4px 12px #1a73e81a}.step-header{gap:12px;margin-bottom:20px}.step-header,.step-number{align-items:center;display:flex}.step-number{background:#1a73e8;border-radius:50%;color:#fff;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.step-title{color:#1e293b;font-size:18px;font-weight:600;margin:0}.form-grid{grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin:12px auto 0;max-width:560px}.form-label{color:#374151;font-size:14px;font-weight:500}.form-input,.form-select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.form-input:focus,.form-select:focus{border-color:#1a73e8;box-shadow:0 0 0 3px #1a73e81a;outline:none}.form-textarea{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:14px;min-height:64px;padding:12px 16px;resize:vertical;transition:all .2s ease;width:100%}.form-textarea:focus{border-color:#1a73e8;box-shadow:0 0 0 3px #1a73e81a;outline:none}.calendar-section{margin-top:24px}.calendar-header-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.month-selector{gap:12px}.month-nav-btn,.month-selector{align-items:center;display:flex}.month-nav-btn{background:#1a73e8;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;height:28px;justify-content:center;transition:all .2s ease;width:28px}.month-nav-btn:hover{background:#1557b3;transform:translateY(-1px)}.current-month-display{color:#1e293b;font-size:15px;font-weight:600;min-width:120px;text-align:center}.selected-count{background:#e0f2fe;border-radius:20px;color:#01579b;font-size:14px;font-weight:500;padding:8px 16px}.bulk-calendar{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px #0000000d;margin:0 auto;max-width:520px;overflow:hidden}.bulk-calendar .calendar-days-header{background:#f1f5f9;border-bottom:1px solid #e5e7eb;display:grid;grid-template-columns:repeat(7,1fr)}.bulk-calendar .calendar-days-header div{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.4px;padding:8px 6px;text-align:center;text-transform:uppercase}.bulk-calendar .calendar-grid{display:grid;grid-auto-rows:36px;grid-template-columns:repeat(7,1fr)}.bulk-calendar .calendar-day{align-items:center;border-bottom:1px solid #f1f5f9;border-right:1px solid #f1f5f9;cursor:pointer;display:flex;font-size:12px;font-weight:500;height:auto;justify-content:center;position:relative;transition:all .2s ease}.bulk-calendar .calendar-day:nth-child(7n){border-right:none}.bulk-calendar .calendar-day:hover{background:#f1f5f9}.bulk-calendar .calendar-day.other-month{background:#fafafa;color:#cbd5e1}.bulk-calendar .calendar-day.disabled{background:#f8fafc;color:#e2e8f0;cursor:not-allowed}.bulk-calendar .calendar-day.selectable{color:#1e293b;cursor:pointer}.bulk-calendar .calendar-day.selectable:hover{background:#dbeafe;color:#1d4ed8}.bulk-calendar .calendar-day.selected{background:#1a73e8!important;color:#fff!important;font-weight:600;position:relative}.bulk-calendar .calendar-day.selected:after{align-items:center;background:#ffffff4d;border-radius:50%;content:"✓";display:flex;font-size:10px;height:16px;justify-content:center;position:absolute;right:2px;top:2px;width:16px}.bulk-calendar .calendar-day.today{background:#3b82f6;border-radius:6px;color:#fff;font-weight:600;margin:2px}.bulk-calendar .calendar-day.today.selected{background:#1e40af!important;box-shadow:0 0 0 2px #ffffff80}.bulk-actions{background:#f8fafc;border-radius:0 0 16px 16px;border-top:1px solid #e5e7eb;bottom:0;display:flex;gap:12px;justify-content:flex-end;padding:24px 32px;position:sticky;z-index:2}.btn-cancel,.btn-submit{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.btn-cancel{background:#e5e7eb;color:#374151}.btn-cancel:hover{background:#d1d5db}.bulk-actions .btn-submit{background:linear-gradient(135deg,#1a73e8,#1557b3);border:1px solid #0b57d0;color:#fff!important;font-weight:700;opacity:1;text-shadow:0 1px 0 #00000026}.bulk-actions .btn-submit:hover{background:linear-gradient(135deg,#1967d2,#134fa3);box-shadow:0 4px 12px #1a73e84d;transform:translateY(-1px)}.bulk-actions .btn-submit:disabled{background:#9ca3af;border-color:#9ca3af;box-shadow:none;color:#fff!important;cursor:not-allowed;text-shadow:none;transform:none}.result-section{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;margin-top:24px;padding:20px}.success-message{color:#166534;font-weight:600;margin-bottom:12px}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;margin-top:16px;padding:16px}@media (max-width:768px){.bulk-shift-overlay{align-items:flex-start;padding:0}.bulk-shift-modal{border-radius:0;height:100svh;margin:0;max-height:100svh;max-width:100vw;width:100vw}.bulk-actions,.bulk-shift-content,.bulk-shift-header{padding:12px 16px}.form-grid{grid-template-columns:1fr;max-width:100%}.calendar-header-info{flex-direction:column;gap:12px}.bulk-calendar .calendar-day{font-size:12px;height:auto}}@media (max-width:480px){.bulk-shift-title{font-size:20px}.step-card{padding:16px}.calendar-days-header div{font-size:10px;padding:8px 4px}}.shift-overview{padding:20px}.overview-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.month-navigation button{background:#fff;border:1px solid #ddd;transition:all .3s ease}.month-navigation button:hover{background:#f0f0f0;border-color:#007bff}.month-navigation h3{color:#333;font-size:24px;margin:0;min-width:200px;text-align:center}.user-info{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:8px;color:#333;font-weight:600;padding:10px 20px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{align-items:center;background:#fff;border-left:4px solid #007bff;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;gap:15px;padding:20px}.stat-card.primary{border-left-color:#007bff}.stat-card.success{border-left-color:#28a745}.stat-card.warning{border-left-color:#ffc107}.stat-card.info{border-left-color:#17a2b8}.stat-icon{font-size:32px;opacity:.8}.stat-value{color:#333;font-size:28px;line-height:1}.stat-label{color:#666;font-size:14px;margin-top:5px}.progress-section{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:30px;padding:25px}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.progress-header h4{color:#333;font-size:18px;margin:0}.progress-percentage{color:#28a745;font-size:24px;font-weight:700}.progress-percentage.overtime{color:#fd7e14}.progress-container{margin-bottom:15px}.progress-bar{background:#e9ecef;border-radius:10px;height:20px;overflow:hidden;position:relative;width:100%}.progress-fill{background:linear-gradient(90deg,#28a745,#20c997);border-radius:10px;height:100%;transition:width 1s ease}.progress-fill.overtime{background:linear-gradient(90deg,#fd7e14,#ff6b35)}.progress-labels{color:#666;display:flex;font-size:12px;justify-content:space-between;margin-top:5px}.overtime-info{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-radius:8px;color:#856404;font-weight:600;padding:10px 15px;text-align:center}.shifts-detail{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:25px}.shifts-detail h4{color:#333;font-size:18px;margin:0 0 20px}.shifts-table{display:flex;flex-direction:column;gap:2px}.table-header{background:linear-gradient(135deg,#007bff,#0056b3);border-radius:8px 8px 0 0;color:#fff;font-weight:600}.table-header,.table-row{grid-gap:15px;display:grid;font-size:14px;gap:15px;grid-template-columns:120px 120px 140px 80px 120px;padding:15px 20px}.table-row{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0}.table-row:last-child{border-bottom:none;border-radius:0 0 8px 8px}.table-row:hover{background:#f8f9fa}.foreign-badge{font-size:12px;margin-left:5px}.type-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:12px;font-weight:600;gap:5px;padding:4px 8px}.type-badge.prace{background:#d1ecf1;color:#0c5460}.type-badge.dovolena{background:#fff3cd;color:#856404}.type-badge.nemoc{background:#f8d7da;color:#721c24}.no-shifts{color:#666;font-style:italic;padding:40px;text-align:center}.error,.loading{align-items:center;color:#666;display:flex;font-size:18px;height:200px;justify-content:center}.error{color:#dc3545;flex-direction:column;gap:15px}.retry-btn{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.retry-btn:hover{box-shadow:0 6px 16px #007bff66;transform:translateY(-2px)}@media (max-width:768px){.overview-header{flex-direction:column;gap:15px}.month-navigation h3{font-size:20px;min-width:0;min-width:auto}.stats-grid,.table-header,.table-row{grid-template-columns:1fr}.table-header,.table-row{gap:10px}.table-header{display:none}.table-row{border-radius:8px;box-shadow:0 2px 6px #0000001a;display:flex;flex-direction:column;margin-bottom:10px;padding:15px}}.attendance-panel{margin:0 auto;max-width:800px;padding:20px}.attendance-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.attendance-header h3{color:#333;font-size:24px;margin:0}.status-indicator{align-items:center;border-radius:25px;box-shadow:0 2px 8px #0000001a;display:flex;font-size:16px;font-weight:600;gap:8px;padding:10px 20px}.status-indicator.working{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:2px solid #28a745;color:#155724}.status-indicator.break{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:2px solid #ffc107;color:#856404}.status-indicator.offline{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border:2px solid #dc3545;color:#721c24}.status-indicator.no-shift{background:linear-gradient(135deg,#e2e3e5,#d6d8db);border:2px solid #6c757d;color:#383d41}.shift-info-card{background:#fff;border-left:4px solid #007bff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:20px;padding:20px}.shift-info-card h4{color:#333;font-size:18px;margin:0 0 15px}.shift-details{display:flex;flex-direction:column;gap:8px}.shift-details div{color:#666;font-size:14px}.shift-details strong{color:#333}.no-shift-info{background:linear-gradient(135deg,#e2e3e5,#d6d8db);color:#383d41;font-size:16px;padding:20px;text-align:center}.attendance-controls,.no-shift-info{border-radius:12px;margin-bottom:20px}.attendance-controls{background:#fff;box-shadow:0 4px 12px #0000001a;padding:25px}.control-buttons{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.attendance-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;overflow:hidden;padding:15px 20px;position:relative;transition:all .3s ease}.attendance-btn.active{box-shadow:0 6px 20px #00000026;transform:scale(1)}.attendance-btn.disabled{box-shadow:0 2px 6px #0000001a;cursor:not-allowed;opacity:.5;transform:none}.attendance-btn.arrival.active{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.attendance-btn.break.active{background:linear-gradient(135deg,#ffc107,#e0a800);color:#212529}.attendance-btn.continue.active{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.attendance-btn.departure.active{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.attendance-btn:hover.active{box-shadow:0 8px 25px #0003;transform:translateY(-3px)}.attendance-history{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:25px}.attendance-history h4{color:#333;font-size:18px;margin:0 0 20px}.history-list{display:flex;flex-direction:column;gap:12px}.history-item{align-items:center;background:#f8f9fa;border-left:4px solid #dee2e6;border-radius:10px;display:flex;gap:15px;padding:15px;transition:all .3s ease}.history-item:hover{background:#e9ecef;transform:translateX(5px)}.history-item.prichod{border-left-color:#007bff}.history-item.pauza_start{border-left-color:#ffc107}.history-item.pauza_konec{border-left-color:#28a745}.history-item.odchod{border-left-color:#dc3545}.action-icon{font-size:24px;min-width:30px}.action-details{flex:1 1}.action-type{color:#333;font-size:14px;font-weight:600}.action-time{color:#666;font-size:12px;margin-top:2px}.action-note{color:#666;font-size:12px;font-style:italic;margin-left:auto}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;font-size:14px;margin-bottom:15px;padding:12px 16px}@media (max-width:768px){.attendance-panel{padding:15px}.attendance-header{flex-direction:column;gap:15px;text-align:center}.attendance-header h3{font-size:20px}.status-indicator{font-size:14px;padding:8px 16px}.control-buttons{gap:12px;grid-template-columns:1fr}.attendance-btn{font-size:14px;padding:12px 16px}.shift-info-card{padding:15px}.attendance-controls,.attendance-history{padding:20px}}@media (max-width:480px){.control-buttons{grid-template-columns:1fr}.history-item{align-items:flex-start;flex-direction:column;gap:10px}.action-icon{align-self:center}}.shifts-module{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1400px;padding:20px}.shifts-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.shifts-header h2{color:#333;font-size:28px;font-weight:600;margin:0}.view-tabs{display:flex;gap:10px}.view-tabs button{background:#fff;border:2px solid #ddd;border-radius:8px;color:#666;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.view-tabs button:hover{border-color:#007bff;color:#007bff;transform:translateY(-1px)}.view-tabs button.active{background:linear-gradient(135deg,#007bff,#0056b3);border-color:#007bff;box-shadow:0 4px 12px #007bff4d;color:#fff}.shifts-controls{align-items:center;background:#f8f9fa;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px;padding:20px}.prodejna-selector{align-items:center;display:flex;gap:10px}.prodejna-selector label{color:#333;font-size:14px;font-weight:600}.prodejna-selector select{background:#fff;border:2px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;min-width:150px;padding:8px 15px;transition:border-color .3s ease}.prodejna-selector select:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.month-navigation{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000001a;display:flex;gap:15px;padding:12px 20px}.month-navigation button{background:#3b82f6!important;border:1px solid #3b82f6!important;border-radius:6px;color:#fff!important;cursor:pointer;font-size:14px;font-weight:500;padding:8px 15px;transition:all .2s ease}.month-navigation button:hover{background:#2563eb!important;border-color:#2563eb!important;box-shadow:0 3px 8px #3b82f64d;transform:translateY(-1px)}.current-month{color:#374151;font-size:16px;font-weight:600;min-width:200px;text-align:center}.action-buttons{display:flex;gap:10px;margin-left:auto}.btn-export,.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 4px 12px #28a7454d}.btn-primary:hover{box-shadow:0 6px 16px #28a74566}.btn-secondary{background:linear-gradient(135deg,#6c757d,#495057);box-shadow:0 4px 12px #6c757d4d;color:#fff}.btn-secondary:hover{box-shadow:0 6px 16px #6c757d66}.btn-export{background:linear-gradient(135deg,#fd7e14,#e55100);box-shadow:0 4px 12px #fd7e144d;color:#fff}.btn-export:hover{box-shadow:0 6px 16px #fd7e1466;transform:translateY(-2px)}.shifts-content{background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001a;overflow:hidden}.loading{color:#666;font-size:18px;height:200px}@media (max-width:1200px){.shifts-controls{align-items:stretch;flex-direction:column;gap:15px}.action-buttons{margin-left:0}.action-buttons,.month-navigation{justify-content:center}}@media (max-width:768px){.shifts-module{padding:10px}.shifts-header{align-items:stretch;flex-direction:column;gap:20px}.view-tabs{justify-content:center}.view-tabs button{flex:1 1;text-align:center}.shifts-controls{gap:15px;padding:15px}.prodejna-selector{align-items:stretch;flex-direction:column;gap:8px}.prodejna-selector select{min-width:0;min-width:auto}.month-navigation{flex-direction:column;gap:10px}.current-month{min-width:0;min-width:auto}.action-buttons{flex-direction:column;gap:10px}.btn-export,.btn-primary,.btn-secondary{justify-content:center}}@media (max-width:480px){.shifts-header h2{font-size:24px;text-align:center}.view-tabs{flex-direction:column;gap:8px}}.access-list{margin-top:20px}.access-list-empty{padding:60px 20px;text-align:center}.empty-state{background:#fff;border:2px dashed #e2e8f0;border-radius:16px;box-shadow:0 4px 15px #0000001a;padding:40px}.empty-state h3{color:#4a5568;font-size:1.5rem;margin:0 0 10px}.empty-state p{color:#718096;font-size:1.1rem;margin:0}.access-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.access-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 15px #0000001a;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.access-card:hover{box-shadow:0 8px 30px #00000026;transform:translateY(-4px)}.access-header{align-items:flex-start;border-bottom:2px solid #f7fafc;margin-bottom:20px;padding-bottom:15px}.company-info{flex:1 1}.company-name{color:#2d3748;font-size:1.3rem;font-weight:700;line-height:1.3;margin:0 0 10px}.category-badge,.store-badge{border-radius:12px;display:inline-block;font-size:.85rem;font-weight:600;margin:2px 5px 2px 0;padding:4px 10px}.store-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.category-badge{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.access-actions{display:flex;gap:8px}.btn-icon{align-items:center;background:#0000;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;display:flex;font-size:1.1rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.btn-icon.edit{border-color:#4299e1;color:#4299e1}.btn-icon.edit:hover{background:#4299e1;color:#fff;transform:scale(1.05)}.btn-icon.delete{border-color:#f56565;color:#f56565}.btn-icon.delete:hover{background:#f56565;color:#fff;transform:scale(1.05)}.access-details{margin-bottom:20px}.detail-row{align-items:flex-start;display:flex;gap:10px;margin-bottom:12px}.label{color:#4a5568;font-size:.9rem;font-weight:600;min-width:80px}.value{color:#2d3748;flex:1 1;font-size:.95rem;line-height:1.4;word-break:break-word}.value.link{color:#4299e1;cursor:pointer;text-decoration:none;transition:color .3s ease}.value.link:hover{color:#2b6cb0;text-decoration:underline}.value.clickable{background:#e6f3ff;border-radius:6px;color:#4299e1;cursor:pointer;display:inline-block;padding:4px 8px;transition:all .3s ease}.value.clickable:hover{background:#bee3f8;transform:scale(1.02)}.password-row{align-items:center;display:flex;flex:1 1;gap:10px}.masked-password{color:#718096;font-family:monospace;font-size:1rem;letter-spacing:2px}.btn-reveal{background:linear-gradient(135deg,#48bb78,#38a169);border:none;border-radius:8px;box-shadow:0 2px 8px #48bb784d;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:6px 12px;transition:all .3s ease}.btn-reveal:hover{box-shadow:0 4px 15px #48bb7866;transform:translateY(-1px)}.access-footer{border-top:1px solid #e2e8f0;padding-top:15px}.meta-info{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.meta-item{display:flex;flex-direction:column;gap:2px}.meta-label{color:#718096;font-size:.8rem;font-weight:500}.meta-value{color:#4a5568;font-size:.85rem;font-weight:600}@media (max-width:768px){.access-grid{gap:15px;grid-template-columns:1fr}.access-card{padding:20px}.access-header{flex-direction:column;gap:15px}.access-actions{align-self:flex-end}.detail-row{flex-direction:column;gap:5px}.label{min-width:auto}.meta-info{flex-direction:column;gap:8px}}@media (max-width:480px){.access-card{padding:16px}.company-name{font-size:1.2rem}.btn-icon{font-size:1rem;height:36px;width:36px}.password-row{align-items:flex-start;flex-direction:column;gap:8px}}.access-form-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}.access-form-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.form-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #f7fafc;border-radius:20px 20px 0 0;color:#fff;display:flex;justify-content:space-between;padding:24px 30px}.form-header h3{font-size:1.5rem;font-weight:700;margin:0}.btn-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.btn-close:hover{background:#ffffff4d;transform:scale(1.1)}.access-form{padding:30px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:25px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group.full-width{grid-column:1/-1}.form-group label{color:#2d3748;font-size:.95rem}.form-group input,.form-group select,.form-group textarea{background:#fafafa;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff}.form-group input.error,.form-group select.error,.form-group textarea.error{background:#fef5f5;border-color:#f56565}.form-group input.error:focus,.form-group select.error:focus,.form-group textarea.error:focus{box-shadow:0 0 0 3px #f565651a}.error-text{color:#f56565;font-size:.85rem;font-weight:500;margin-top:4px}.password-input-group{display:flex;gap:8px}.password-input-group input{flex:1 1}.btn-generate{background:linear-gradient(135deg,#38b2ac,#319795);border:none;border-radius:12px;box-shadow:0 2px 8px #38b2ac4d;color:#fff;cursor:pointer;font-size:1.2rem;min-width:50px;padding:12px 16px;transition:all .3s ease}.btn-generate:hover{box-shadow:0 4px 15px #38b2ac66;transform:translateY(-2px)}.form-actions{border-top:2px solid #f7fafc}.btn-secondary{background:#e2e8f0;border:none;border-radius:12px;color:#4a5568;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-secondary:hover{background:#cbd5e0;transform:translateY(-1px)}.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.5;transform:none}.spinner-small{border:2px solid #ffffff4d;border-top-color:#fff}@media (max-width:768px){.access-form-overlay{padding:10px}.access-form-modal{max-height:95vh}.form-header{padding:20px}.form-header h3{font-size:1.3rem}.access-form{padding:20px}.form-grid{gap:15px;grid-template-columns:1fr}.form-actions{flex-direction:column-reverse;gap:10px}.form-actions button{width:100%}}@media (max-width:480px){.access-form,.form-header{padding:16px}.password-input-group{flex-direction:column}.btn-generate{align-self:flex-start;min-width:auto;padding:8px 12px}}.access-filter{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 15px #0000001a;margin-bottom:25px;padding:24px}.filter-header{align-items:center;border-bottom:2px solid #f7fafc;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.filter-header h4{color:#2d3748;font-size:1.3rem;font-weight:700;margin:0}.btn-clear-filters{background:linear-gradient(135deg,#f56565,#e53e3e);border:none;border-radius:10px;box-shadow:0 2px 8px #f565654d;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .3s ease}.btn-clear-filters:hover{box-shadow:0 4px 15px #f5656566;transform:translateY(-2px)}.filter-controls{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr 1fr;margin-bottom:20px}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{align-items:center;color:#4a5568;display:flex;font-size:.95rem;font-weight:600;gap:6px}.filter-select,.search-input{background:#fafafa;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;padding:12px 16px;transition:all .3s ease}.filter-select:focus,.search-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.search-input::placeholder{color:#a0aec0;font-style:italic}.filter-select{cursor:pointer}.filter-select option{padding:8px}.active-filters{border-top:2px solid #f7fafc;padding-top:15px}.filters-label{color:#4a5568;display:block;font-size:.9rem;font-weight:600;margin-bottom:10px}.filter-tags{display:flex;flex-wrap:wrap;gap:8px}.filter-tag{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 2px 8px #667eea33;font-size:.85rem;font-weight:500;gap:8px;padding:6px 12px}.filter-tag,.remove-filter{align-items:center;color:#fff;display:flex}.remove-filter{background:#fff3;border:none;border-radius:50%;cursor:pointer;font-size:.7rem;height:18px;justify-content:center;transition:all .3s ease;width:18px}.remove-filter:hover{background:#ffffff4d;transform:scale(1.1)}@media (max-width:768px){.access-filter{padding:20px}.filter-header{flex-direction:column;gap:15px;text-align:center}.filter-controls{gap:15px;grid-template-columns:1fr}.filter-tags{justify-content:center}}@media (max-width:480px){.access-filter{padding:16px}.filter-header h4{font-size:1.2rem}.filter-select,.search-input{font-size:.95rem;padding:10px 14px}.filter-tag{font-size:.8rem;padding:5px 10px}.btn-clear-filters{font-size:.85rem;padding:6px 12px}}.access-module{background:#f8fafc;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.access-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 10px 30px #667eea4d;color:#fff;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px;padding:30px}.access-header h2{font-size:2.5rem;font-weight:700;margin:0;text-shadow:0 2px 4px #0000001a}.access-description{font-size:1.1rem;line-height:1.4;margin:10px 0 0;opacity:.9}.btn-primary{align-items:center;background:linear-gradient(135deg,#f093fb,#f5576c);border:none;border-radius:12px;box-shadow:0 4px 15px #f5576c4d;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-primary:hover{box-shadow:0 6px 25px #f5576c66}.btn-primary:active{transform:translateY(0)}.error-message{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-radius:12px;box-shadow:0 4px 15px #ff6b6b4d}.error-message button{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;transition:background .3s ease;width:30px}.error-message button:hover{background:#ffffff4d}.loading{color:#667eea;padding:60px 20px}.spinner{border:4px solid #e3f2fd;height:50px;margin-bottom:20px;width:50px}.access-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 300px;margin-bottom:30px}.stats-card,.stores-overview{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 15px #0000001a;padding:20px}.stats-card h4,.stores-overview h4{color:#2d3748;font-size:1.2rem;font-weight:600;margin:0 0 15px}.stats-card p{color:#4a5568;font-size:1rem;margin:5px 0}.store-stat{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:8px 0}.store-stat:last-child{border-bottom:none}.store-stat .count{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;font-size:.9rem;font-weight:600;min-width:30px;padding:4px 10px;text-align:center}@media (max-width:768px){.access-module{padding:15px}.access-header{flex-direction:column;padding:20px;text-align:center}.access-header h2{font-size:2rem}.access-stats{grid-template-columns:1fr}.stores-overview{order:-1}}@media (max-width:480px){.access-module{padding:10px}.access-header h2{font-size:1.8rem}.access-description{font-size:1rem}}.home-store-info{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 4px 15px #667eea33;color:#fff;margin-bottom:25px;padding:20px}.info-content{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.info-icon{flex-shrink:0;font-size:1.5rem}.info-text{flex:1 1;font-size:1.1rem;line-height:1.4}.info-text strong{color:#fff;font-weight:700}.alias-info{font-size:.9rem;font-style:italic;opacity:.9}.btn-show-all,.btn-show-home{background:#fff3;border:2px solid #ffffff4d;border-radius:10px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.btn-show-all:hover,.btn-show-home:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px)}@media (max-width:768px){.home-store-info{padding:16px}.info-content{align-items:flex-start;flex-direction:column;gap:12px}.btn-show-all,.btn-show-home{align-self:flex-start;font-size:.85rem;padding:6px 12px}}@media (max-width:480px){.info-text{font-size:1rem}.info-icon{font-size:1.3rem}}.points-leaderboard{padding:20px}.leaderboard-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.stat-card{background:linear-gradient(135deg,#f8f9ff,#e8eeff);border:2px solid #e1e8ff;border-radius:15px;box-shadow:0 5px 15px #0000000d;padding:25px;text-align:center;transition:all .3s ease}.stat-card:hover{border-color:#c7d2fe;box-shadow:0 10px 30px #0000001a;transform:translateY(-5px)}.stat-card h4{color:#5a67d8;font-size:1rem;font-weight:600;margin:0 0 15px}.stat-value{font-size:2.2rem;margin-bottom:8px}.stat-change{color:#718096;font-size:.9rem;margin:0}.stat-change.positive{color:#38a169;font-weight:600}.top-three-section{margin-bottom:40px;text-align:center}.top-three-section h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:700;margin:0 0 10px}.top-three-section p{color:#718096;font-size:1.1rem;margin:0 0 30px}.top-three-cards{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:30px}.top-seller-card{background:#fff;border:3px solid #0000;border-radius:20px;box-shadow:0 10px 30px #0000001a;overflow:hidden;padding:30px 25px;position:relative;transition:all .3s ease}.top-seller-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-8px)}.top-seller-card.current-user{border-color:#667eea;box-shadow:0 10px 30px #667eea4d}.top-seller-card.winner{background:linear-gradient(135deg,#ffecd2,#fcb69f);border-color:#f6ad55}.top-seller-card.second{background:linear-gradient(135deg,#e8f4f8,#d6edf2);border-color:#81c5d4}.top-seller-card.third{background:linear-gradient(135deg,#f4e6d7,#e8d5c4);border-color:#cd9777}.medal-position{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:20px}.medal{font-size:2.5rem}.position-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 5px 15px #667eea4d;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;width:40px}.seller-info{margin-bottom:25px;text-align:center}.seller-info h4{color:#2d3748;font-size:1.3rem;font-weight:700;margin:0 0 5px}.store-name{color:#718096;font-size:1rem;font-weight:500;margin:0}.score-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border-radius:15px;margin-bottom:25px;padding:20px;text-align:center}.total-score{color:#667eea;font-size:2.5rem;font-weight:700;margin-bottom:5px;text-shadow:2px 2px 4px #0000001a}.score-label{color:#718096;font-size:.9rem;font-weight:600;letter-spacing:1px}.additional-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.stat-item{background:#ffffff80;border-radius:10px;padding:12px;text-align:center}.stat-label{color:#718096;display:block;font-size:.8rem;font-weight:500;margin-bottom:5px}.stat-value{color:#2d3748;font-size:1.1rem;font-weight:700}.leaderboard-table-section{margin-bottom:30px}.leaderboard-table-section h4{color:#2d3748;font-size:1.3rem;font-weight:600;margin-bottom:20px}.table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:15px;box-shadow:0 10px 30px #0000001a;overflow:hidden}.leaderboard-table{border-collapse:collapse;width:100%}.leaderboard-table th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:20px 15px;text-align:left}.leaderboard-table td{border-bottom:1px solid #e2e8f0;font-size:.95rem;padding:20px 15px}.leaderboard-table tr:hover{background:linear-gradient(135deg,#f8f9ff,#e8eeff)}.leaderboard-table tr.current-user-row{background:linear-gradient(135deg,#e8f4f8,#d6edf2);border-left:4px solid #667eea}.position-badge{background:linear-gradient(135deg,#e2e8f0,#cbd5e0);border-radius:20px;color:#4a5568;font-size:.9rem;font-weight:600;padding:5px 10px}.seller-cell{align-items:center;display:flex;gap:10px}.you-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;font-size:.75rem;font-weight:600;padding:3px 8px}.points-value,.score-highlight{color:#667eea;font-weight:700}.user-position-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;box-shadow:0 10px 30px #667eea4d;color:#fff;margin-bottom:20px;padding:25px;text-align:center}.user-position-card h4{font-size:1.2rem;font-weight:600;margin:0 0 15px}.position-info{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.position-info span{font-size:1.1rem;font-weight:600;opacity:.9}@media (max-width:768px){.points-leaderboard{padding:10px}.leaderboard-stats{gap:15px;grid-template-columns:1fr}.top-three-cards{gap:20px;grid-template-columns:1fr}.top-seller-card{padding:25px 20px}.additional-stats{gap:10px;grid-template-columns:1fr}.table-wrapper{overflow-x:auto}.leaderboard-table td,.leaderboard-table th{font-size:.9rem;padding:15px 10px}.position-info{flex-direction:column;gap:10px}}@media (max-width:480px){.stat-card{padding:20px}.stat-value{font-size:1.8rem}.top-seller-card{padding:20px 15px}.medal,.total-score{font-size:2rem}.position-number{font-size:1rem;height:35px;width:35px}}.average-items-leaderboard{padding:20px}.average-items-leaderboard .top-seller-card.winner{background:linear-gradient(135deg,#e8f4f8,#d6edf2);border-color:#4299e1}.average-items-leaderboard .top-seller-card.second{background:linear-gradient(135deg,#e6fffa,#b2f5ea);border-color:#38b2ac}.average-items-leaderboard .top-seller-card.third{background:linear-gradient(135deg,#f0fff4,#c6f6d5);border-color:#48bb78}.average-items-leaderboard .total-score{color:#4299e1}.average-value{color:#4299e1;font-size:1.1rem;font-weight:700}.points-highlight{color:#718096;font-weight:600}.average-info-section{background:linear-gradient(135deg,#f8f9ff,#e8eeff);border:2px solid #e1e8ff;border-radius:20px;margin-top:40px;padding:30px}.average-info-section h4{color:#4299e1;font-size:1.4rem;font-weight:700;margin:0 0 25px;text-align:center}.info-cards{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.info-card{background:#fff;border:1px solid #e2e8f0;border-radius:15px;box-shadow:0 5px 15px #0000000d;padding:25px;transition:all .3s ease}.info-card:hover{border-color:#c7d2fe;box-shadow:0 10px 30px #0000001a;transform:translateY(-3px)}.info-card h5{color:#2d3748;font-size:1.1rem;font-weight:600;margin:0 0 15px}.info-card p{color:#718096;font-size:.95rem;line-height:1.6;margin:0}@media (max-width:768px){.average-items-leaderboard{padding:10px}.average-info-section{margin-top:30px;padding:25px 20px}.info-cards{gap:20px;grid-template-columns:1fr}.info-card{padding:20px}}@media (max-width:480px){.average-info-section{padding:20px 15px}.average-info-section h4{font-size:1.2rem}.info-card{padding:18px}.info-card h5{font-size:1rem}.info-card p{font-size:.9rem}}.leaderboard-module{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.leaderboard-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 10px 30px #0000001a;color:#fff;margin-bottom:30px;padding:40px 20px;text-align:center}.leaderboard-header h1{font-size:2.5rem;font-weight:700;margin:0 0 10px;text-shadow:2px 2px 4px #0000004d}.leaderboard-header p{font-size:1.1rem;margin:0;opacity:.9}.error-message{background:linear-gradient(135deg,#ff6b6b,#ee5a24);box-shadow:0 5px 15px #ff6b6b4d;justify-content:space-between}.error-message .close-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:1.2rem;margin-left:10px;padding:0}.leaderboard-tabs{flex-wrap:wrap;gap:15px;margin-bottom:30px}.leaderboard-tabs,.tab-button{display:flex;justify-content:center}.tab-button{align-items:center;background:linear-gradient(135deg,#f8f9ff,#e8eeff);border:2px solid #e1e8ff;border-radius:15px;color:#5a67d8;cursor:pointer;font-size:1rem;font-weight:600;gap:8px;min-width:160px;padding:12px 24px;transition:all .3s ease}.tab-button:hover{background:linear-gradient(135deg,#e8eeff,#d6e1ff);border-color:#c7d2fe;box-shadow:0 5px 15px #5a67d833;transform:translateY(-2px)}.tab-button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 8px 25px #667eea66;color:#fff;transform:translateY(-3px)}.refresh-button{align-items:center;background:linear-gradient(135deg,#48bb78,#38a169);border:none;border-radius:15px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.refresh-button:hover:not(:disabled){background:linear-gradient(135deg,#38a169,#2f855a);box-shadow:0 5px 15px #48bb784d;transform:translateY(-2px)}.refresh-button:disabled{cursor:not-allowed;opacity:.6}.leaderboard-content{min-height:400px}.loading-container{background:linear-gradient(135deg,#f8f9ff,#e8eeff);border:2px dashed #c7d2fe;border-radius:20px;padding:60px 20px}.loading-spinner{border:4px solid #e1e8ff;border-top-color:#667eea;margin-bottom:15px}.loading-container p{color:#5a67d8;font-weight:500}.no-data{background:linear-gradient(135deg,#f8f9ff,#e8eeff);border:2px dashed #c7d2fe;border-radius:20px;padding:60px 20px;text-align:center}.no-data h3{color:#5a67d8;font-size:1.5rem;margin-bottom:10px}.no-data p{color:#718096;font-size:1rem;margin:0}@media (max-width:768px){.leaderboard-module{padding:15px}.leaderboard-header{padding:30px 15px}.leaderboard-header h1{font-size:2rem}.leaderboard-tabs{align-items:center;flex-direction:column}.tab-button{min-width:200px}}@media (max-width:480px){.leaderboard-header h1{font-size:1.8rem}.leaderboard-header p{font-size:1rem}.tab-button{font-size:.9rem;min-width:160px;padding:10px 20px}}.order-card{background:#fff;border-left:4px solid #e1e5e9;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:grab;padding:15px;position:relative;transition:all .3s ease}.order-card:hover{box-shadow:0 4px 20px #00000026;transform:translateY(-2px)}.order-card.dragging{box-shadow:0 8px 30px #0000004d;cursor:grabbing;transform:rotate(5deg);z-index:1000}.order-card.priority-high{background:linear-gradient(135deg,#fff5f5,#fff);border-left-color:#ff6b6b}.order-card.priority-medium{background:linear-gradient(135deg,#fffbf0,#fff);border-left-color:#ffa726}.order-card.priority-normal{background:linear-gradient(135deg,#f8fff8,#fff);border-left-color:#4caf50}.card-header{margin-bottom:12px}.card-id{background:linear-gradient(135deg,#e8f2ff,#f0f8ff);border:1px solid #667eea;border-radius:20px;color:#667eea;font-size:14px;font-weight:700;padding:4px 10px}.card-actions{display:flex;gap:6px;opacity:0;transition:opacity .3s ease}.order-card:hover .card-actions{opacity:1}.card-action-btn{background:none;border:none;border-radius:6px;cursor:pointer;font-size:14px;padding:6px;transition:all .2s ease}.card-action-btn.info{background:linear-gradient(135deg,#e3f2fd,#bbdefb)}.card-action-btn.info:hover{background:linear-gradient(135deg,#bbdefb,#90caf9);transform:scale(1.1)}.card-action-btn.delete{background:linear-gradient(135deg,#ffebee,#ffcdd2)}.card-action-btn.delete:hover{background:linear-gradient(135deg,#ffcdd2,#ef9a9a);transform:scale(1.1)}.card-customer{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:8px;margin-bottom:12px;padding:10px}.customer-name{color:#333;font-size:14px;font-weight:600;margin-bottom:4px}.customer-phone{color:#666;font-family:Courier New,monospace;font-size:12px}.card-item{background:linear-gradient(135deg,#f0f8ff,#e6f3ff);border:1px solid #b3d9ff;border-radius:8px;margin-bottom:12px;padding:10px}.item-device{color:#1976d2;font-size:13px;font-weight:600;margin-bottom:4px}.item-part{color:#555;font-size:12px}.item-color{color:#777;font-style:italic}.card-metadata{color:#666;font-size:11px;margin-bottom:10px}.metadata-row{display:flex;justify-content:space-between;margin-bottom:3px}.metadata-label{font-weight:500}.metadata-value{font-weight:600;text-align:right}.card-price{background:linear-gradient(135deg,#e8f5e8,#c8e6c8);border:1px solid #4caf50;border-radius:20px;color:#2e7d32;font-size:13px;font-weight:700;text-align:center}.card-note,.card-price{margin-bottom:8px;padding:8px 12px}.card-note{background:linear-gradient(135deg,#fffbf0,#fff8e1);border-left:3px solid #ff9800;border-radius:8px;color:#e65100;font-size:12px;font-style:italic}.card-service-number{background:linear-gradient(135deg,#f3e5f5,#e1bee7);border:1px solid #9c27b0;border-radius:15px;color:#7b1fa2;font-family:Courier New,monospace;font-size:11px;font-weight:600;margin-bottom:8px;padding:6px 10px;text-align:center}.drag-handle{opacity:0;pointer-events:none;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:opacity .3s ease}.order-card:hover .drag-handle{opacity:.3}.drag-icon{color:#999;font-size:16px;font-weight:700;line-height:1}@media (max-width:768px){.order-card{padding:12px}.card-actions{opacity:1}.metadata-row{flex-direction:column;gap:2px}.metadata-value{font-weight:500;text-align:left}.drag-handle{display:none}}@media (max-width:480px){.order-card{padding:10px}.card-header{margin-bottom:10px}.card-customer,.card-item{margin-bottom:10px;padding:8px}.customer-name{font-size:13px}.item-device{font-size:12px}}.kanban-column{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;display:flex;flex-direction:column;max-width:350px;min-width:320px;overflow:hidden;position:relative;transition:all .3s ease}.kanban-column.drag-over{border:2px solid #667eea;box-shadow:0 8px 30px #667eea4d;transform:scale(1.02)}.column-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px 15px 0 0;color:#fff;font-size:16px;font-weight:700;overflow:hidden;padding:15px 20px;position:relative;text-align:center}.column-header:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.kanban-column:hover .column-header:before{left:100%}.header-content{align-items:center;display:flex;gap:8px;justify-content:center;position:relative;z-index:1}.column-icon{font-size:20px}.column-title{flex:1 1;text-align:center}.column-count{background:#fff3;border-radius:12px;font-size:12px;font-weight:600;min-width:24px;padding:4px 8px;text-align:center}.column-content{flex:1 1;min-height:400px;padding:15px;position:relative}.empty-column{align-items:center;display:flex;height:200px;justify-content:center;text-align:center}.empty-message{color:#999}.empty-icon{display:block;font-size:48px;margin-bottom:10px;opacity:.5}.empty-message p{font-size:14px;font-weight:500;margin:0}.orders-list{display:flex;flex-direction:column;gap:12px}.drop-zone-indicator{align-items:center;animation:pulse 1.5s infinite;background:#667eea1a;border:2px dashed #667eea;border-radius:15px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}@keyframes pulse{0%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}to{opacity:.6;transform:scale(1)}}.drop-zone-content{background:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;color:#667eea;font-weight:600;padding:20px;text-align:center}.drop-icon{display:block;font-size:32px;margin-bottom:10px}.drop-zone-content p{font-size:14px;margin:0}@media (max-width:768px){.kanban-column{max-width:300px;min-width:280px}.column-header{font-size:14px;padding:12px 15px}.column-icon{font-size:18px}.column-content{min-height:300px;padding:12px}}@media (max-width:480px){.kanban-column{margin-bottom:20px;max-width:100%;min-width:100%}.column-content{min-height:auto}.empty-column{height:150px}}.kanban-board{min-height:60vh;width:100%}.kanban-columns{display:flex;gap:20px;min-height:500px;overflow-x:auto;padding:10px 0}.loading-board{align-items:center;background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;display:flex;flex-direction:column;justify-content:center;min-height:400px}.loading-board .spinner{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:50px;margin-bottom:20px;width:50px}.loading-board p{color:#666;font-size:18px;margin:0}.kanban-columns::-webkit-scrollbar{height:8px}.kanban-columns::-webkit-scrollbar-track{background:#0000001a;border-radius:10px}.kanban-columns::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}.kanban-columns::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)}@media (max-width:1200px){.kanban-columns{gap:15px}}@media (max-width:768px){.kanban-columns{gap:10px;padding:5px 0}.kanban-board{margin:0 -10px}}@media (max-width:480px){.kanban-columns{flex-direction:column;overflow-x:visible}.kanban-board{margin:0}}.modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.order-form-modal{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px 20px 0 0;color:#fff;display:flex;justify-content:space-between;padding:25px 30px}.modal-header h2{font-size:24px;font-weight:700;margin:0}.close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.order-form{padding:30px}.form-section{margin-bottom:30px}.form-section h3{align-items:center;border-bottom:2px solid #e9ecef;color:#333;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 20px;padding-bottom:10px}.form-row{display:flex;gap:15px;margin-bottom:15px}.form-group{flex:1 1;margin-bottom:20px}.form-group label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e1e5e9;border-radius:10px;box-sizing:border-box;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none;transform:translateY(-2px)}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b1a}.form-group textarea{font-family:inherit;resize:vertical}.error-message{align-items:center;color:#ff6b6b;display:flex;font-size:12px;font-weight:500;gap:4px;margin-top:5px}.error-message:before{content:"⚠️";font-size:12px}input[list]{position:relative}input::placeholder,textarea::placeholder{color:#999;font-style:italic}.form-actions{border-top:2px solid #e9ecef;display:flex;gap:15px;justify-content:flex-end;padding-top:20px}.form-actions .btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-width:140px;padding:14px 28px;transition:all .3s ease}.form-actions .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea66;color:#fff}.form-actions .btn-primary:hover:not(:disabled){box-shadow:0 8px 25px #667eea99;transform:translateY(-2px)}.form-actions .btn-secondary{background:linear-gradient(135deg,#ffecd2,#fcb69f);box-shadow:0 4px 15px #fcb69f66;color:#333}.form-actions .btn-secondary:hover:not(:disabled){box-shadow:0 8px 25px #fcb69f99;transform:translateY(-2px)}.order-form-modal::-webkit-scrollbar{width:8px}.order-form-modal::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.order-form-modal::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}.order-form-modal::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)}@media (max-width:768px){.order-form-modal{border-radius:15px;max-height:95vh;width:95%}.modal-header{border-radius:15px 15px 0 0;padding:20px 25px}.modal-header h2{font-size:20px}.order-form{padding:25px}.form-row{flex-direction:column;gap:0}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}}@media (max-width:480px){.order-form-modal{border-radius:0;height:100%;max-height:100vh;width:100%}.modal-header{border-radius:0;padding:15px 20px}.modal-header h2{font-size:18px}.order-form{padding:20px}.form-section{margin-bottom:25px}.form-section h3{font-size:16px}.form-group,.form-section h3{margin-bottom:15px}.form-group input,.form-group select,.form-group textarea{font-size:16px;padding:10px 14px}}.order-detail-modal{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;width:90%}.order-detail-content{padding:30px}.detail-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:15px;margin-bottom:30px;padding:20px}.detail-section h3{align-items:center;border-bottom:2px solid #dee2e6;color:#333;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 20px;padding-bottom:10px}.detail-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-item{align-items:center;background:#fff;border-left:4px solid #667eea;border-radius:10px;box-shadow:0 2px 8px #0000000d;display:flex;justify-content:space-between;padding:12px}.detail-item .label{color:#666;font-size:13px;font-weight:600}.detail-item .value{color:#333;flex:1 1;font-size:14px;font-weight:700;margin-left:10px;text-align:right}.detail-note{background:#fff;border-left:4px solid #ff9800;border-radius:10px;box-shadow:0 2px 8px #0000000d;margin-top:15px;padding:15px}.detail-note strong{color:#e65100}.detail-note p{color:#666;line-height:1.5;margin:8px 0 0}.current-status{flex-wrap:wrap;gap:20px}.current-status,.status-badge{align-items:center;display:flex}.status-badge{border-radius:25px;box-shadow:0 4px 15px #0003;color:#fff;font-size:16px;font-weight:700;gap:8px;padding:12px 20px}.status-icon{font-size:20px}.status-info{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000d;flex:1 1;padding:15px}.status-info div{color:#666;font-size:13px;margin-bottom:5px}.status-info div:last-child{margin-bottom:0}.status-change-form{background:#fff;border-radius:15px;box-shadow:0 2px 8px #0000000d;padding:20px}.status-change-form .form-row{align-items:center;display:flex;gap:15px;margin-bottom:15px}.status-select{background:#fff;border:2px solid #e1e5e9;border-radius:10px;flex:1 1;font-size:14px;font-weight:600;padding:12px 16px}.status-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.status-note{border:2px solid #e1e5e9;border-radius:10px;font-family:inherit;font-size:14px;padding:12px 16px;resize:vertical;width:100%}.status-note:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.history-timeline{background:#fff;border-radius:15px;box-shadow:0 2px 8px #0000000d;padding:20px}.timeline-item{display:flex;gap:15px;margin-bottom:20px;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-item:not(:last-child):after{background:linear-gradient(180deg,#667eea,#e1e5e9);bottom:-20px;content:"";left:20px;position:absolute;top:45px;width:2px}.timeline-marker{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 4px 15px #667eea4d;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.timeline-icon{font-size:18px}.timeline-content{background:#f8f9fa;border-left:3px solid #667eea;border-radius:12px;flex:1 1;padding:15px}.timeline-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:8px}.timeline-header strong{color:#333;font-size:14px}.timeline-time{color:#666;font-size:12px;font-weight:500}.timeline-user{color:#667eea;font-weight:600}.timeline-note,.timeline-user{font-size:13px;margin-bottom:5px}.timeline-note{background:#fff;border-left:3px solid #ff9800;border-radius:8px;color:#e65100;font-style:italic;padding:8px 12px}.timeline-duration{background:#fff;border:1px solid #4caf50;border-radius:15px;color:#4caf50;display:inline-block;font-size:12px;font-weight:600;padding:6px 10px}.no-history{color:#999;font-style:italic;padding:30px;text-align:center}.detail-actions{border-top:2px solid #e9ecef;display:flex;gap:15px;justify-content:flex-end;padding-top:20px}.detail-actions .btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-danger{background:linear-gradient(135deg,#ff6b6b,#ee5a52);box-shadow:0 4px 15px #ff6b6b66;color:#fff}.btn-danger:hover{box-shadow:0 8px 25px #ff6b6b99;transform:translateY(-2px)}.loading{padding:40px}.loading .spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:30px;margin-bottom:15px;width:30px}@media (max-width:768px){.order-detail-modal{border-radius:15px;max-height:95vh;width:95%}.order-detail-content{padding:25px}.detail-section{margin-bottom:25px;padding:15px}.detail-grid{gap:10px;grid-template-columns:1fr}.detail-item{align-items:flex-start;flex-direction:column;gap:5px}.detail-item .value{font-size:16px;margin-left:0;text-align:left}.current-status{gap:15px}.current-status,.status-change-form .form-row{align-items:stretch;flex-direction:column}.timeline-item{gap:10px}.timeline-item:not(:last-child):after{left:15px}.timeline-marker{height:30px;width:30px}.timeline-icon{font-size:14px}.timeline-header{align-items:flex-start;flex-direction:column;gap:5px}.detail-actions{flex-direction:column-reverse}.detail-actions .btn{justify-content:center;width:100%}}@media (max-width:480px){.order-detail-modal{border-radius:0;height:100%;max-height:100vh;width:100%}.order-detail-content{padding:20px}.detail-section{margin-bottom:20px;padding:12px}.detail-section h3{font-size:16px}.status-badge{font-size:14px;padding:10px 16px}.timeline-content{padding:12px}}.orders-module{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:20px}.orders-header{align-items:center;background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.header-left h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700;margin:0 0 10px}.stats-summary{display:flex;flex-wrap:wrap;gap:20px}.stat{background:linear-gradient(135deg,#ff9a9e,#fecfef);border-radius:20px;box-shadow:0 2px 8px #0000001a;color:#333;font-size:14px;font-weight:600;padding:8px 16px}.header-right{gap:15px}.btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea66}.btn-primary:hover{box-shadow:0 8px 25px #667eea99;transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg,#ffecd2,#fcb69f);box-shadow:0 4px 15px #fcb69f66;color:#333}.btn-secondary:hover{box-shadow:0 8px 25px #fcb69f99;transform:translateY(-2px)}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.filters-section{margin-bottom:25px}.filters{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;flex-wrap:wrap;gap:15px;padding:20px}.filter-input,.filter-select{border:2px solid #e1e5e9;border-radius:8px;font-size:14px;min-width:200px;padding:10px 15px;transition:all .3s ease}.filter-input:focus,.filter-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.btn-clear{background:linear-gradient(135deg,#ffeaa7,#fab1a0);color:#333;font-size:14px;padding:10px 20px}.loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:50px;text-align:center}.spinner{border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:40px;margin-bottom:15px;width:40px}.spinner,.spinner-small{animation:spin 1s linear infinite}.spinner-small{border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;display:inline-block;height:16px;margin-right:8px;width:16px}.error-message{background:linear-gradient(135deg,#ff7675,#fd79a8);border-radius:10px;box-shadow:0 4px 15px #ff76754d;color:#fff;font-weight:600;margin-bottom:20px;padding:15px 20px}@media (max-width:768px){.orders-module{padding:15px}.orders-header{flex-direction:column;gap:20px;text-align:center}.header-right,.stats-summary{justify-content:center}.filters{flex-direction:column}.filter-input,.filter-select{min-width:auto;width:100%}.btn{justify-content:center;width:100%}}@media (max-width:480px){.filters,.orders-header{padding:15px}.header-left h1{font-size:24px}.stat{font-size:12px;padding:6px 12px}}.dashboard{background:var(--bg-secondary);min-height:100vh}.dashboard-header{background:var(--bg-header);box-shadow:var(--shadow-primary);justify-content:space-between;padding:1rem 2rem}.dashboard-header,.header-left{align-items:center;display:flex}.header-left{gap:2rem}.logo{color:var(--accent-primary);font-size:1.5rem;font-weight:700;margin:0}.nav-menu{display:flex;gap:1.5rem}.nav-link{background:none;border:none;color:var(--text-header);cursor:pointer;font-family:inherit;font-size:inherit;font-weight:500;text-decoration:none;transition:color .3s ease}.nav-link:hover{color:var(--hover-text)}.header-right{align-items:center;display:flex;gap:1rem}.theme-toggle{background:none;border:none;border-radius:50%;color:var(--text-inverse);cursor:pointer;font-size:1.2rem;padding:.5rem;transition:all .3s ease}.theme-toggle:hover{background-color:var(--hover-bg);transform:scale(1.1)}.user-menu{align-items:center;display:flex;gap:1rem}.user-name{color:var(--text-header);font-weight:600}.profile-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:8px 16px;transition:all .3s ease}.profile-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.profile-btn i{font-size:.9rem}.logout-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#333;cursor:pointer;padding:.5rem 1rem;transition:all .3s ease}.logout-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.dashboard-main{margin:0 auto;max-width:1200px;padding:2rem}.seller-dashboard .module-btn{background:linear-gradient(90deg,#ff72b6,#9b6bff);border:0;border-radius:10px;color:#fff;padding:8px 12px}.welcome-section{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;margin-bottom:2rem;padding:2rem;text-align:center}.welcome-section h2{color:#333;font-size:2rem;margin:0 0 .5rem}.welcome-section p{color:#666;font-size:1.1rem;margin:0}.modules-section{margin-bottom:2rem}.modules-section h3{color:#333;font-size:1.5rem;margin-bottom:1.5rem}.modules-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.module-card{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.module-card.accessible{border-left:4px solid #28a745}.module-card.locked{border-left:4px solid #dc3545;opacity:.7}.module-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.module-card h4{color:#333;font-size:1.3rem;margin:0 0 .5rem}.module-card p{color:#666;margin:0 0 1rem}.module-btn{background:linear-gradient(90deg,#ff6b9d,#c44569);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.module-btn:hover{box-shadow:0 4px 15px #ff6b9d4d;transform:translateY(-1px)}.locked-text{color:#dc3545;font-size:.9rem;font-weight:600}.admin-section{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;padding:2rem}.admin-section h3{color:#333;font-size:1.5rem;margin-bottom:1.5rem}.admin-actions{display:flex;flex-wrap:wrap;gap:1rem}.admin-btn{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.admin-btn:hover{background:#5a6268;transform:translateY(-1px)}@media (max-width:768px){.dashboard-header{padding:1rem}.dashboard-header,.header-left{flex-direction:column;gap:1rem}.nav-menu{gap:1rem}.dashboard-main{padding:1rem}.modules-grid{grid-template-columns:1fr}.admin-actions{flex-direction:column}.section-content{width:100%}.section-header{border-bottom:1px solid #eee;margin-bottom:20px;padding-bottom:15px}.back-btn{align-items:center;background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 16px;transition:background .3s ease}.back-btn:hover{background:#5a6268}}.admin-dashboard{box-sizing:border-box;padding:16px}.admin-dashboard *{box-sizing:inherit}.admin-dashboard .container{margin:0 auto;max-width:1280px}.tiles-row{grid-gap:16px;align-items:stretch;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:16px}.tile{background:#fff;border:1px solid #eee;border-radius:10px;box-shadow:0 1px 2px #0000000a;display:flex;flex-direction:column;justify-content:center;min-height:96px;padding:16px}.tile-title{color:#6b7280;font-size:12px;margin-bottom:6px}.tile-value{font-feature-settings:"tnum";color:#111827;font-size:22px;font-variant-numeric:tabular-nums;font-weight:700}.tile-sub{color:#6b7280;font-size:12px;margin-top:4px}.content-grid{grid-template-columns:2fr 1fr}.card{border:1px solid #eee;border-radius:10px;box-shadow:0 1px 2px #0000000a;overflow:hidden}.card-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:12px 14px}.card-title{color:#111827;font-weight:700}.badge{background:#e8f5e9;border-radius:999px;color:#166534;font-size:12px;padding:2px 10px}.left-col .card,.right-col .card{padding-bottom:10px}.stores-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;padding:12px}.store-card{border:1px solid #f2f2f2;border-radius:8px;padding:10px}.store-name{font-weight:600;margin-bottom:6px}.people-list{color:#374151;font-size:14px}.news-list{padding:10px}.news-item{border-bottom:1px solid #f5f5f5;padding:10px 8px}.btn-link{background:#0000;border:0;color:#2563eb;cursor:pointer}.task-form{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:minmax(220px,1fr) 120px;padding:12px}.task-input{grid-column:1/-1}.input,.select{border:1px solid #e5e7eb;border-radius:8px;padding:8px 10px;width:100%}.btn-primary{background:linear-gradient(90deg,#f472b6,#a78bfa);border:0;border-radius:8px;color:#fff;cursor:pointer;height:36px;padding:8px 12px;white-space:nowrap}.btn-outline{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;padding:6px 10px}.tasks-list{grid-gap:8px;display:grid;gap:8px;padding:8px 12px}.task-item{border:1px solid #f2f2f2;border-radius:8px}.task-meta{color:#6b7280;font-size:12px}.muted{color:#9ca3af;padding:12px}@media (max-width:1100px){.tiles-row{grid-template-columns:repeat(2,1fr)}.content-grid,.stores-grid,.task-form{grid-template-columns:1fr}}.seller-dashboard{background:linear-gradient(180deg,#fff,#fff 220px,#fff0 0),radial-gradient(1200px 240px at 50% 0,#ffd7e8 0,#f2e6ff 60%,#fff 100%);padding:24px}.seller-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.seller-head-title{font-size:20px;font-weight:700}.seller-head-sub{color:#7a7a7a;font-size:12px}.seller-head-actions{display:flex;gap:10px}.btn-rounded{background:#fff;border:1px solid #ffd9e6;border-radius:999px;color:#e24b8f;padding:8px 14px}.btn-rounded.primary{background:linear-gradient(180deg,#ff5aa5,#e24b8f);border:0;color:#fff}.seller-metrics{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,minmax(220px,1fr));margin:8px 0 18px}.metric-card{background:#fff;border:1px solid #f6e5ef;border-radius:16px;box-shadow:0 10px 30px #0000000f;display:flex;flex-direction:column;justify-content:center;min-height:74px;padding:16px}.metric-title{color:#5a5a5a;font-size:13px;font-weight:600;margin-bottom:4px}.metric-value{color:#111;font-size:28px;font-weight:800;line-height:1.2}.metric-chip{background:#ffe8f1;border:1px solid #ffd9e6;border-radius:999px;color:#e24b8f;display:inline-block;font-size:11px;margin-top:6px;padding:2px 8px}.metric-sub{align-items:center;color:#9a9a9a;display:flex;font-size:11px;gap:6px;margin-top:4px}.content-grid{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:minmax(0,1fr) 380px}.left-col{display:flex;flex-direction:column;gap:16px}.card{background:#fff;border:1px solid #f6e5ef;border-radius:16px;box-shadow:0 10px 30px #0000000f;padding:16px}.chart-header{justify-content:space-between;margin-bottom:12px}.chart-header,.filters{align-items:center;display:flex}.filters{gap:8px}.filters input[type=date]{border:1px solid #eee;border-radius:10px;padding:8px 10px}.pill-toggle{background:#ffe8f1;border:1px solid #ffd9e6;border-radius:999px;display:flex;gap:6px;padding:4px}.pill-toggle button{background:#0000;border:0;border-radius:999px;color:#e24b8f;font-weight:600;padding:6px 10px}.pill-toggle button.active{background:#fff;box-shadow:0 6px 16px #e24b8f1f;color:#e24b8f}.chart-card{padding:16px}.chart-body{height:260px;position:relative}.chart-title{font-weight:700;margin-bottom:6px}.chart-title.big{font-size:18px;margin-bottom:10px}.chart-footer{align-items:center;display:flex;justify-content:space-between;margin-top:8px}.refresh-btn{background:#fff;border:1px solid #ffd9e6;border-radius:999px;color:#e24b8f;font-weight:600;padding:8px 12px}.axis-line{stroke:#e9e9e9;stroke-width:1}.tick-text{fill:#9a9a9a;font-size:10px}.tooltip{background:#fff;border:1px solid #ffd9e6;border-radius:8px;box-shadow:0 8px 20px #00000014;color:#333;font-size:12px;padding:6px 8px;pointer-events:none;position:absolute;transform:translate(-50%,-110%);white-space:nowrap}.below-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr;margin-top:16px}.tasks-header{align-items:center;display:flex;justify-content:space-between}.tasks-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}.task-item{border:1px solid #f0f0f0;border-radius:12px;justify-content:space-between;padding:10px}.task-item,.task-left{align-items:center;display:flex}.task-left{gap:10px}.task-title{font-weight:600}.task-actions{display:flex;gap:6px}.news-list{display:flex;flex-direction:column;gap:10px}.news-item{align-items:center;border:1px solid #f0f0f0;border-radius:10px;display:flex;justify-content:space-between;padding:10px}@media (max-width:1100px){.seller-metrics{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}}.App{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}.chatbot-container{z-index:2000}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-container{align-items:center;background:var(--bg-secondary);display:flex;flex-direction:column;justify-content:center;min-height:100vh}.loading-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--border-primary);border:4px solid var(--border-primary);border-radius:50%;border-top-color:var(--accent-primary);height:50px;margin-bottom:1rem;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-container p{color:var(--text-secondary);font-size:1.1rem;margin:0}:root{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#e9ecef;--bg-header:linear-gradient(135deg,#ff9a9e,#fecfef);--bg-card:#fff;--bg-dropdown:#fff;--bg-button:#fff;--bg-input:#fff;--text-primary:#333;--text-secondary:#666;--text-muted:#999;--text-inverse:#fff;--text-header:#333;--border-primary:#dee2e6;--border-secondary:#e9ecef;--border-focus:#667eea;--shadow-primary:0 2px 10px #0000001a;--shadow-secondary:0 8px 32px #00000026;--shadow-dropdown:0 8px 32px #00000026;--accent-primary:#ff6b9d;--accent-secondary:#667eea;--accent-success:#28a745;--accent-warning:#ffc107;--accent-danger:#dc3545;--accent-info:#17a2b8;--hover-bg:#fff3;--hover-text:#ff6b9d;--transition-speed:0.3s}.dark-mode{--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--bg-tertiary:#404040;--bg-header:linear-gradient(135deg,#2c3e50,#34495e);--bg-card:#2d2d2d;--bg-dropdown:#2d2d2d;--bg-button:#404040;--bg-input:#404040;--text-primary:#e2e8f0;--text-secondary:#a0aec0;--text-muted:#718096;--text-inverse:#1a1a1a;--text-header:#e2e8f0;--border-primary:#4a5568;--border-secondary:#2d3748;--border-focus:#90cdf4;--shadow-primary:0 2px 10px #0000004d;--shadow-secondary:0 8px 32px #0006;--shadow-dropdown:0 8px 32px #0006;--accent-primary:#ff6b9d;--accent-secondary:#90cdf4;--accent-success:#48bb78;--accent-warning:#ed8936;--accent-danger:#f56565;--accent-info:#4299e1;--hover-bg:#ffffff1a;--hover-text:#ff6b9d}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease,border-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease}body{background-color:#fff;background-color:var(--bg-primary);color:#333;color:var(--text-primary)}.dark-mode ::-webkit-scrollbar{width:8px}.dark-mode ::-webkit-scrollbar-track{background:#f8f9fa;background:var(--bg-secondary)}.dark-mode ::-webkit-scrollbar-thumb{background:#dee2e6;background:var(--border-primary);border-radius:4px}.dark-mode ::-webkit-scrollbar-thumb:hover{background:#666;background:var(--text-secondary)}
/*# sourceMappingURL=main.e23c9ed2.css.map*/