.header{display:flex;justify-content:space-between;align-items:center;background-color:#fff;padding:10px 20px;box-shadow:0 2px 4px #0000001a}.logo{display:flex;flex-direction:column;align-items:flex-start}.logo img{width:40px;height:40px}.logo a{color:#000;text-decoration:none;font-size:14px;margin-top:5px}.pages-links,.pages-auth{display:flex;gap:20px}.pages-links a,.pages-auth a{color:#000;text-decoration:none;font-size:16px}.pages-links{justify-content:center;flex-grow:1}.pages-auth{justify-content:flex-end}.navbar{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background-color:#fff;border-bottom:1px solid #e0e0e0;position:sticky;top:0;z-index:1000;font-family:Segoe UI Variable Text,Segoe UI,Tahoma,Geneva,sans-serif}.navbar-left{display:flex;align-items:center;gap:40px}.navbar-logo{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#333;transition:transform .3s ease,color .3s ease}.navbar-logo:hover{transform:scale(1.1)}.navbar-logo img{height:60px;width:98px}.navbar-left-links{display:flex;gap:28px}.navbar-left-links a{text-decoration:none;color:#444;font-size:24px;font-weight:500;transition:transform .3s ease,color .3s ease;display:flex;align-items:center}.navbar-left-links a:hover{transform:scale(1.1);color:#000}.navbar-right{display:flex;align-items:center;gap:28px}.navbar-right a{text-decoration:none;color:#444;font-size:24px;font-weight:500;transition:transform .3s ease,color .3s ease;display:flex;align-items:center}.navbar-right a:hover{transform:scale(1.1);color:#000}.navbar-button{background-color:transparent;color:#333;border:1px solid #cccccc;padding:10px 20px;border-radius:24px;text-decoration:none;font-weight:500;font-size:24px;transition:all .2s ease;display:flex;align-items:center;gap:8px}.navbar-button:hover{background-color:#f5f5f5;border-color:#999;color:#333}.navbar-icon{height:24px;width:24px;margin-right:8px;vertical-align:middle;color:#444;transition:color .3s ease}.navbar-link:hover .navbar-icon,.navbar-button:hover .navbar-icon{color:#000}.navbar-link.dropdown{position:relative;display:flex;align-items:center;cursor:pointer;font-size:24px;font-weight:500;color:#444;transition:transform .3s ease,color .3s ease;text-decoration:none}.navbar-link.dropdown:hover{transform:scale(1.1);color:#000}.dropdown-content{display:none;position:absolute;top:100%;left:0;background-color:#fff;min-width:220px;box-shadow:0 4px 16px #00000014;border:1px solid #e0e0e0;border-radius:8px;padding:8px 0;z-index:999;animation:fadeIn .2s ease-in-out;overflow:hidden}.navbar-link.dropdown:hover .dropdown-content{display:block}.dropdown-item{display:block;padding:10px 20px;font-size:20px;color:#444;text-decoration:none;transition:background-color .2s ease,color .2s ease;white-space:nowrap}.dropdown-item:hover{background-color:#f5f5f5;color:#000}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.navbar-link.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.navbar-link.disabled:hover{transform:none;color:#444}.navbar-link.disabled:hover .navbar-icon{color:#444}.navbar-link.dropdown.disabled:hover .dropdown-content{display:none}.navbar-link-inner{text-decoration:none;color:#444;font-size:24px;font-weight:500;transition:transform .3s ease,color .3s ease;display:flex;align-items:center}.navbar-link-inner:hover{transform:scale(1.1);color:#000}.main-page{padding:40px 80px;background-color:#fafafa;min-height:100vh;font-family:Segoe UI Variable Text,Segoe UI,Tahoma,Geneva,sans-serif}.hero-section{text-align:center;margin-bottom:60px}.hero-title{font-size:72px;font-weight:700;color:#222;margin-bottom:24px}.hero-subtitle{font-size:38px;color:#555;line-height:1.6}.features-section{max-width:1200px;margin:0 auto}.features-title{font-size:56px;font-weight:700;color:#222;text-align:center;margin-bottom:48px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px}.feature-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:20px;padding:32px;text-align:center;box-shadow:0 4px 16px #0000000f;transition:transform .25s ease,box-shadow .25s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0000001f}.feature-icon{height:64px;width:64px;color:#444;margin-bottom:20px}.feature-title{font-size:34px;font-weight:600;color:#222;margin-bottom:16px}.feature-description{font-size:24px;color:#666;line-height:1.6;margin-bottom:28px}.feature-link{display:inline-block;padding:12px 24px;background-color:#27ae60;color:#fff;border-radius:12px;font-size:24px;font-weight:500;text-decoration:none;transition:background-color .2s ease}.feature-link:hover{background-color:#219653}.feature-link.disabled{background-color:#ccc;cursor:not-allowed;pointer-events:none;opacity:.7}.feature-link.disabled:hover{background-color:#ccc}.login-admin-container{max-width:450px;margin:40px auto;padding:40px;background-color:#fff;border-radius:20px;box-shadow:0 6px 20px #0000000f;font-family:Segoe UI Variable Text,Segoe UI,Tahoma,Geneva,sans-serif;min-height:450px;animation:fadeInUp .6s ease-out both}.login-admin-container h2{font-size:42px;font-weight:700;color:#222;margin-bottom:24px;text-align:center}.login-admin-container .login-admin-form{display:flex;flex-direction:column;gap:24px}.login-admin-container .form-group{display:flex;flex-direction:column;text-align:left}.login-admin-container .form-group label{font-size:22px;font-weight:500;color:#555;margin-bottom:8px}.login-admin-container .input-wrapper,.login-admin-container .password-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.login-admin-container input{padding:12px 14px;border:1px solid #e0e0e0;border-radius:8px;font-size:20px;transition:border-color .2s ease;height:48px;width:100%;box-sizing:border-box;line-height:1;display:flex;align-items:center}.login-admin-container input:focus{border-color:#27ae60;outline:none}.login-admin-container .toggle-password-eye{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.login-admin-container .toggle-password-eye svg{transition:all .3s ease}.login-admin-container .eye-open .eye-path,.login-admin-container .eye-closed .eye-path{stroke:#27ae60}.login-admin-container .eye-open .pupil{opacity:1;transform:scale(1);transition:opacity .3s ease,transform .3s ease}.login-admin-container .eye-closed .pupil{opacity:0;transform:scale(.5);transition:opacity .3s ease,transform .3s ease}.login-admin-container .eye-open .eyelid{opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease}.login-admin-container .eye-closed .eyelid{opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.login-admin-container .toggle-password-eye:hover .eye-path{stroke:#219653}.login-admin-container .error-message{font-size:20px;color:#e74c3c;text-align:center;margin:12px 0}.login-admin-container .login-button{padding:12px 24px;background-color:#27ae60;color:#fff;border:none;border-radius:12px;font-size:22px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.login-admin-container .login-button:disabled{background-color:#ccc;cursor:not-allowed}.login-admin-container .login-button:hover:not(:disabled){background-color:#219653}.login-admin-container .register-link{margin-top:24px;font-size:20px;color:#555;text-align:center}.login-admin-container .register-link a{color:#27ae60;text-decoration:none;font-weight:500;transition:color .2s ease}.login-admin-container .register-link a:hover{color:#219653;text-decoration:underline}.admins-page{padding:40px 80px;background-color:#fafafa;min-height:100vh;font-family:Segoe UI Variable Text,Segoe UI,Tahoma,Geneva,sans-serif}.admins-container{display:grid;gap:28px}.admins-container.cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.admins-container.list{grid-template-columns:1fr}.admin-item{background-color:#fff;border:1px solid #e0e0e0;border-radius:20px;padding:20px;display:flex;align-items:center;gap:16px;transition:transform .25s ease,box-shadow .25s ease}.admin-item.cards{flex-direction:column;text-align:center}.admin-item.list{flex-direction:row}.admin-item:hover:not(.add-admin){transform:translateY(-5px);box-shadow:0 8px 24px #0000001f}.admin-link{text-decoration:none;color:inherit;display:flex;align-items:center;width:100%}.admin-item.cards .admin-link{flex-direction:column}.admin-icon{width:48px;height:48px;color:#444;margin-bottom:16px}.admin-item.list .admin-icon{margin-bottom:0}.admin-details{flex-grow:1}.admin-username{font-size:24px;font-weight:600;color:#222;margin:0}.admin-email{font-size:18px;color:#666;margin:4px 0}.admin-id{font-size:16px;color:#888;margin:4px 0}.admin-checkbox{width:20px;height:20px;cursor:pointer}.add-admin{background-color:#f5f5f5;border-style:dashed;transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease}.add-admin:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0000001f;background-color:#e0e0e0}.stores-page{padding:40px 80px;background-color:#fafafa;min-height:100vh;font-family:Segoe UI Variable Text,Segoe UI,Tahoma,Geneva,sans-serif}.header-title{font-size:56px;font-weight:700;color:#222}.stores-container{display:grid;gap:28px}.stores-container.cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.stores-container.list{grid-template-columns:1fr}.store-item{background-color:#fff;border:1px solid #e0e0e0;border-radius:20px;padding:20px;display:flex;align-items:center;gap:16px;transition:transform .25s ease,box-shadow .25s ease}.store-item.cards{flex-direction:column;text-align:center}.store-item.list{flex-direction:row}.store-item:hover:not(.add-store){transform:translateY(-5px);box-shadow:0 8px 24px #0000001f}.store-link{text-decoration:none;color:inherit;display:flex;align-items:center;width:100%}.store-item.cards .store-link{flex-direction:column}.store-icon{width:48px;height:48px;color:#444;margin-bottom:16px}.store-item.list .store-icon{margin-bottom:0}.store-details{flex-grow:1}.store-name{font-size:24px;font-weight:600;color:#222;margin:0}.store-address{font-size:18px;color:#666;margin:4px 0}.store-coordinates{font-size:16px;color:#666;margin:4px 0}.store-id{font-size:16px;color:#888;margin:4px 0}.store-checkbox{width:20px;height:20px;cursor:pointer}.add-store{background-color:#f5f5f5;border-style:dashed;transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease}.add-store:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0000001f;background-color:#e0e0e0}.store-page{padding:40px 80px;background-color:#fafafa;min-height:100vh;font-family:Segoe UI Variable Text,Segoe UI,Tahoma,Geneva,sans-serif}.store-title{font-size:56px;font-weight:700;color:#222;display:flex;align-items:center;gap:16px;margin-bottom:40px}.store-title-icon{width:48px;height:48px;color:#444}.store-form{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.form-group{position:relative;display:flex;flex-direction:column}.form-group label{font-size:24px;font-weight:500;color:#555;margin-bottom:8px}.form-group input{padding:12px 14px;border:1px solid #e0e0e0;border-radius:8px;font-size:20px;transition:border-color .2s ease}.form-group input:focus{border-color:#27ae60;outline:none}.changed-label{position:absolute;right:10px;top:50%;transform:translateY(20%);font-size:16px;color:#27ae60;font-weight:500}.form-actions{display:flex;gap:20px;justify-content:center}.save-button{padding:12px 24px;background-color:#27ae60;color:#fff;border:none;border-radius:12px;font-size:20px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.save-button:hover{background-color:#219653}.delete-button{padding:12px 24px;background-color:#e74c3c;color:#fff;border:none;border-radius:12px;font-size:20px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.profile-page{padding:40px 80px;background-color:#fafafa;min-height:100vh;font-family:Segoe UI Variable Text,Segoe UI,Tahoma,Geneva,sans-serif;display:flex;flex-direction:column;align-items:center}.profile-title{font-size:56px;font-weight:700;color:#222;display:flex;align-items:center;gap:16px;margin-bottom:40px}.profile-title-icon{width:48px;height:48px;color:#444}.profile-info{max-width:600px;width:100%;background-color:#fff;border:1px solid #e0e0e0;border-radius:20px;padding:32px;box-shadow:0 4px 16px #0000000f;display:flex;flex-direction:column;gap:20px;margin-bottom:40px}.info-item{display:flex;justify-content:space-between;align-items:center}.info-label{font-size:24px;font-weight:500;color:#555}.info-value{font-size:24px;color:#222}.logout-button{display:flex;align-items:center;gap:12px;padding:12px 24px;background-color:#e74c3c;color:#fff;border:none;border-radius:12px;font-size:20px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.logout-button:hover{background-color:#c0392b}.logout-icon{width:24px;height:24px}.catalogs-container{padding:40px 80px;background-color:#fafafa;min-height:100vh;font-family:Segoe UI Variable Text,Segoe UI,Tahoma,Geneva,sans-serif}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.catalogs-title{font-size:56px;font-weight:700;color:#222}.view-toggle{display:flex;gap:10px}.view-button{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:8px;cursor:pointer;transition:all .2s ease}.view-button.active{background-color:#27ae60;border-color:#27ae60}.view-button:hover:not(.active){background-color:#f5f5f5}.view-icon{width:24px;height:24px;color:#444}.view-button.active .view-icon{color:#fff}.catalogs-grid{display:grid;gap:24px;max-width:1100px;margin:0 auto}.catalogs-grid.cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.catalogs-grid.list{grid-template-columns:1fr}.catalog-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:20px;padding:28px;color:inherit;box-shadow:0 4px 16px #0000000f;transition:transform .25s ease,box-shadow .25s ease;position:relative;display:flex}.catalog-card.cards{flex-direction:column}.catalog-card.list{flex-direction:row;align-items:center;gap:16px}.catalog-card:hover:not(.create-card){transform:translateY(-5px);box-shadow:0 8px 24px #0000001f}.catalog-link{text-decoration:none;color:inherit;display:flex;flex:1}.catalog-card.cards .catalog-link{flex-direction:column}.catalog-card.list .catalog-link{flex-direction:row;align-items:center;gap:16px}.catalog-name{font-size:32px;font-weight:600;margin-bottom:14px;color:#222}.catalog-tag{display:inline-block;margin-top:10px;padding:4px 10px;background-color:#e8e8e8;border-radius:12px;font-size:13px;font-weight:500;color:#555;transition:background-color .2s ease}.catalog-tag:hover{background-color:#d0d0d0}.catalog-image{border-radius:16px;margin-bottom:18px}.catalog-card.cards .catalog-image{width:100%;aspect-ratio:1 / 1;object-fit:cover}.catalog-card.list .catalog-image{width:150px;height:150px;object-fit:cover;margin-bottom:0}.catalog-checkbox{width:20px;height:20px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #e0e0e0;border-radius:4px;background-color:#fff;transition:all .2s ease}.catalog-checkbox:checked{background-color:#27ae60;border-color:#27ae60;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white' width='16px' height='16px'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat}.catalog-checkbox:hover:not(:checked){border-color:#219653;background-color:#f5f5f5}.catalog-card.cards .catalog-checkbox{position:absolute;top:8px;right:8px}.catalog-card.list .catalog-checkbox{margin-right:16px;margin-left:16px}.catalog-card-content{flex:1}.catalog-card.list .catalog-card-content{margin-bottom:0}.catalog-actions{display:flex;flex-direction:column;gap:12px;margin-top:24px}.catalog-card.list .catalog-actions{margin-top:0;margin-left:16px}.edit-button,.delete-button{display:inline-block;padding:10px 20px;color:#fff;text-decoration:none;border-radius:12px;font-size:22px;font-weight:500;text-align:center;transition:background-color .2s ease}.edit-button{background-color:#27ae60}.delete-button{background-color:#e74c3c}.create-card .catalog-name{color:#222}.selected-actions{margin-top:40px;display:flex;justify-content:center;align-items:center;gap:20px}.selected-actions p{font-size:20px;color:#222;margin:0}.delete-selected-button{display:flex;align-items:center;gap:8px;padding:12px 24px;background-color:#e74c3c;color:#fff;border:none;border-radius:12px;font-size:20px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.delete-selected-button:hover{background-color:#c0392b}.delete-icon{width:24px;height:24px}.delete-dialog{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.delete-dialog-content{background-color:#fff;border-radius:20px;padding:32px;max-width:500px;width:90%;text-align:center;box-shadow:0 8px 24px #0003}.delete-dialog-title{font-size:32px;font-weight:600;color:#222;margin-bottom:16px}.delete-dialog-message{font-size:20px;color:#666;line-height:1.6;margin-bottom:24px}.delete-dialog-actions{display:flex;justify-content:center;gap:16px}.delete-dialog-confirm,.delete-dialog-cancel{padding:12px 24px;border:none;border-radius:12px;font-size:20px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.delete-dialog-confirm{background-color:#27ae60;color:#fff}.delete-dialog-confirm:hover{background-color:#219653}.delete-dialog-cancel{background-color:#e74c3c;color:#fff}.delete-dialog-cancel:hover{background-color:#c0392b}.catalog-card.fade-in{animation-delay:.1s}.catalog-card.fade-in:nth-child(2){animation-delay:.2s}.catalog-card.fade-in:nth-child(3){animation-delay:.3s}.catalog-card.fade-in:nth-child(4){animation-delay:.4s}.catalog-page{padding:40px 80px;background-color:#fafafa;min-height:100vh;font-family:Segoe UI Variable Text,Segoe UI,Tahoma,Geneva,sans-serif}.catalog-info{display:flex;align-items:center;gap:40px;margin-bottom:48px;background-color:#fff;padding:28px;border-radius:20px;box-shadow:0 4px 16px #0000000f}.catalog-cover{width:200px;height:200px;object-fit:cover;border-radius:16px;border:1px solid #ddd}.catalog-text{display:flex;flex-direction:column;gap:12px}.catalog-title{font-size:32px;font-weight:700;color:#222}.catalog-description{font-size:22px;color:#666;line-height:1.6}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;max-width:1100px;margin:0 auto}.category-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:20px;padding:28px;color:inherit;box-shadow:0 4px 16px #0000000f;transition:transform .25s ease,box-shadow .25s ease;display:flex;flex-direction:column}.category-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0000001f}.category-link{text-decoration:none;color:inherit;flex:1}.category-image{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:16px;margin-bottom:18px}.category-content{padding:0;transition:transform .3s ease}.category-name{font-size:32px;font-weight:600;margin-bottom:14px;color:#222}.category-description{font-size:22px;color:#666;line-height:1.6}.category-tag{display:inline-block;margin-top:10px;padding:4px 10px;background-color:#e8e8e8;border-radius:12px;font-size:13px;font-weight:500;color:#555;transition:background-color .2s ease}.category-card:hover .category-tag{background-color:#d0d0d0}.edit-button{display:inline-block;margin-top:24px;padding:10px 20px;background-color:#27ae60;color:#fff;text-decoration:none;border-radius:12px;font-size:22px;font-weight:500;text-align:center;transition:background-color .2s ease}.create-card{display:flex;align-items:center;justify-content:center;text-decoration:none;background-color:#fff;border:1px solid #e0e0e0}.create-card-content{text-align:center}.create-icon{display:block;font-size:56px;color:#444;margin-bottom:18px}.create-card .category-name{color:#222}.fade-in{animation:fadeInUp .6s ease-out both}.category-card.fade-in{animation-delay:.1s}.category-card.fade-in:nth-child(2){animation-delay:.2s}.category-card.fade-in:nth-child(3){animation-delay:.3s}.category-card.fade-in:nth-child(4){animation-delay:.4s}.category-page-scope{padding:40px 80px;background-color:#fafafa;min-height:100vh;font-family:Segoe UI Variable Text,Segoe UI,Tahoma,Geneva,sans-serif;position:relative}.category-page-scope .reset-message{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background-color:#27ae60;color:#fff;padding:10px 20px;border-radius:12px;font-size:22px;font-weight:500;box-shadow:0 4px 16px #0003;z-index:1000;animation:slideUp .5s ease-out forwards,slideDown .5s ease-in 4.5s forwards}.category-page-scope .category-container{display:flex;flex-direction:row;align-items:center;gap:40px;margin-bottom:48px;background-color:#fff;padding:28px;border-radius:20px;box-shadow:0 4px 16px #0000000f}.category-page-scope .category-image{width:200px;height:200px;object-fit:cover;border-radius:16px;border:1px solid #ddd}.category-page-scope .category-text{flex:1;display:flex;flex-direction:column;gap:12px}.category-page-scope .category-title{font-size:32px;font-weight:700;color:#222}.category-page-scope .category-description{font-size:22px;color:#666;line-height:1.6}.category-page-scope .content-wrapper{display:flex;gap:40px}.category-page-scope .filter-card{width:230px;flex-shrink:0;background-color:#fff;padding:18px;border-radius:20px;box-shadow:0 4px 16px #0000000f;position:sticky;top:115px;height:300px;overflow-y:auto;border:1px solid #000000;display:flex;flex-direction:column;justify-content:space-between}.category-page-scope .filter-title{font-size:22px;font-weight:600;color:#222;margin-bottom:10px}.category-page-scope .filter-count{font-size:14px;color:#555;margin-bottom:14px}.category-page-scope .filter-section{margin-bottom:14px}.category-page-scope .filter-section label{display:block;font-size:16px;color:#555;margin-bottom:5px}.category-page-scope .price-input{width:90px;padding:5px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;margin-bottom:5px}.category-page-scope .filter-section input[type=checkbox]{margin-right:8px}.category-page-scope .reset-filter-button{width:100%;padding:7px 14px;background-color:#e74c3c;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s ease;margin-top:auto}.category-page-scope .reset-filter-button:hover{background-color:#c0392b}.category-page-scope .products-section{flex:1;position:relative}.category-page-scope .sort-card{background-color:#fff;padding:8px 18px;border-radius:20px;box-shadow:0 4px 16px #0000000f;position:sticky;top:115px;display:flex;align-items:center;gap:8px;margin-bottom:18px;z-index:10;border:1px solid #000000}.category-page-scope .sort-title{font-size:16px;font-weight:600;color:#222;margin-right:8px}.category-page-scope .sort-label{font-size:14px;font-weight:500;color:#555}.category-page-scope .sort-button{padding:3px 7px;background-color:#27ae60;color:#fff;border:none;border-radius:8px;font-size:13px;cursor:pointer;transition:background-color .2s ease}.category-page-scope .sort-button:hover{background-color:#219653}.category-page-scope .view-controls{display:flex;gap:8px;margin-bottom:18px;justify-content:flex-end}.category-page-scope .view-button{display:flex;align-items:center;gap:7px;padding:7px 14px;border:1px solid #e0e0e0;border-radius:12px;background-color:#fff;font-size:13px;color:#555;cursor:pointer;transition:all .2s ease}.category-page-scope .view-button:hover{background-color:#f0f0f0}.category-page-scope .view-button.active{background-color:#d0d0d0;color:#000;border-color:#d0d0d0}.category-page-scope .icon-grid,.category-page-scope .icon-list{font-size:16px}.category-page-scope .product-container{margin-top:18px;position:relative;z-index:1}.category-page-scope .product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px}.category-page-scope .product-list{display:flex;flex-direction:column;gap:14px}.category-page-scope .product-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:20px;box-shadow:0 4px 16px #0000000f;transition:transform .25s ease,box-shadow .25s ease;display:flex;flex-direction:column}.category-page-scope .product-card:not(.list-view){padding:24px}.category-page-scope .product-card.list-view{flex-direction:row;align-items:center;padding:14px;gap:18px}.category-page-scope .product-card:not(.list-view):hover{transform:translateY(-5px);box-shadow:0 8px 24px #0000001f}.category-page-scope .product-card.list-view:hover{transform:translate(5px);box-shadow:0 6px 20px #0000001a}.category-page-scope .product-link{text-decoration:none;color:inherit;flex:1;display:flex;flex-direction:column}.category-page-scope .product-card.list-view .product-link{flex-direction:row;align-items:center;gap:18px}.category-page-scope .product-image{object-fit:cover;border-radius:12px}.category-page-scope .product-card:not(.list-view) .product-image{width:100%;aspect-ratio:1 / 1}.category-page-scope .product-card.list-view .product-image{width:90px;height:90px}.category-page-scope .product-content{display:flex;flex-direction:column;flex:1}.category-page-scope .product-card:not(.list-view) .product-content{padding:18px 0 0}.category-page-scope .product-card.list-view .product-content{padding:0}.category-page-scope .product-info{flex:1;display:flex;flex-direction:column;gap:7px}.category-page-scope .product-name{font-size:20px;font-weight:600;margin-bottom:0;color:#222}.category-page-scope .product-description{font-size:14px;color:#666;margin-bottom:0}.category-page-scope .product-tag{display:inline-block;width:fit-content;padding:4px 10px;background-color:#e8e8e8;border-radius:12px;font-size:13px;font-weight:500;color:#555;transition:background-color .2s ease}.category-page-scope .product-card:hover .product-tag{background-color:#d0d0d0}.category-page-scope .product-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.category-page-scope .product-card.list-view .product-footer{justify-content:flex-start;position:relative;width:100%}.category-page-scope .product-price{font-size:16px;font-weight:500;color:#2c3e50;margin-bottom:0;white-space:normal;max-width:50%}.category-page-scope .product-actions{display:flex;gap:16px;margin-top:12px;align-items:center}.category-page-scope .product-card.list-view .product-actions{position:absolute;right:14px;top:50%;transform:translateY(-50%);flex-direction:column;gap:8px}.category-page-scope .edit-button{padding:11px 22px;background-color:#27ae60;color:#fff;border:none;border-radius:12px;font-size:18px;font-weight:500;cursor:pointer;text-decoration:none;transition:background-color .2s ease;text-align:center;line-height:1.2}.category-page-scope .product-card:not(.list-view) .edit-button{padding:7px 0;font-size:17px;line-height:1.2;width:150px}.category-page-scope .delete-button{padding:11px 22px;background-color:#e74c3c;color:#fff;border:none;border-radius:12px;font-size:18px;font-weight:500;cursor:pointer;transition:background-color .2s ease;line-height:1.2}.category-page-scope .product-card:not(.list-view) .delete-button{padding:7px 0;font-size:17px;line-height:1.2;width:150px}.category-page-scope .edit-button:hover{background-color:#219653}.category-page-scope .delete-button:hover{background-color:#c0392b}.category-page-scope .create-card{display:flex;align-items:center;justify-content:center;text-decoration:none;background-color:#fff;border:1px solid #e0e0e0}.category-page-scope .create-card-content{text-align:center}.category-page-scope .create-icon{display:block;font-size:48px;color:#444;margin-bottom:14px}.category-page-scope .create-card .product-name{color:#222}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.category-page-scope .fade-in{animation:fadeInUp .6s ease-out both}.category-page-scope .product-card.fade-in{animation-delay:.1s}.category-page-scope .product-card.fade-in:nth-child(2){animation-delay:.2s}.category-page-scope .product-card.fade-in:nth-child(3){animation-delay:.3s}.category-page-scope .product-card.fade-in:nth-child(4){animation-delay:.4s}.category-page-scope .category-loading{text-align:center;padding:40px;font-size:16px;color:#555}.new-product-page-scope{padding:40px 80px;background-color:#fafafa;min-height:100vh;font-family:Segoe UI Variable Text,Segoe UI,Tahoma,Geneva,sans-serif}.new-product-page-scope .page-title{font-size:40px;font-weight:700;color:#222;margin-bottom:32px;text-align:center}.new-product-page-scope .product-form{background-color:#fff;padding:32px;border-radius:20px;box-shadow:0 4px 16px #0000000f;max-width:720px;margin:0 auto}.new-product-page-scope .form-group{margin-bottom:24px;padding-left:16px;padding-right:16px}.new-product-page-scope .form-group label{display:block;font-size:20px;font-weight:600;color:#222;margin-bottom:10px}.new-product-page-scope .form-group input,.new-product-page-scope .form-group textarea{width:100%;padding:12px 16px;border:1px solid #e0e0e0;border-radius:12px;font-size:18px;color:#222;background-color:#fafafa;transition:border-color .2s ease}.new-product-page-scope .form-group textarea{height:120px;resize:vertical}.new-product-page-scope .form-group input:focus,.new-product-page-scope .form-group textarea:focus{outline:none;border-color:#27ae60}.new-product-page-scope .form-group input[type=file]{padding:10px 0;background-color:transparent;font-size:18px}.new-product-page-scope .input-error{border:none;border-bottom:2px solid #e74c3c!important}.new-product-page-scope .error-message{display:block;font-size:16px;color:#e74c3c;margin-top:8px}.new-product-page-scope .photo-preview{margin-top:16px;position:relative;display:inline-block}.new-product-page-scope .photo-preview img{max-width:240px;height:auto;border-radius:12px;border:1px solid #e0e0e0}.new-product-page-scope .photo-remove{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background-color:#e74c3c;color:#fff;border:none;border-radius:50%;font-size:16px;font-weight:700;line-height:24px;text-align:center;cursor:pointer;transition:background-color .2s ease}.new-product-page-scope .photo-remove:hover{background-color:#c0392b}.new-product-page-scope .form-actions{display:flex;gap:16px;justify-content:flex-end;margin-top:32px;padding-left:16px;padding-right:16px}.new-product-page-scope .submit-button,.new-product-page-scope .cancel-button{padding:12px 24px;border:none;border-radius:12px;font-size:20px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.new-product-page-scope .submit-button{background-color:#27ae60;color:#fff}.new-product-page-scope .submit-button:hover{background-color:#219653}.new-product-page-scope .cancel-button{background-color:#e74c3c;color:#fff}.new-product-page-scope .cancel-button:hover{background-color:#c0392b}.add-catalog-page-scope{padding:40px 80px;background-color:#fafafa;min-height:100vh;font-family:Segoe UI Variable Text,Segoe UI,Tahoma,Geneva,sans-serif}.add-catalog-page-scope .page-title{font-size:40px;font-weight:700;color:#222;margin-bottom:32px;text-align:center}.add-catalog-page-scope .catalog-form{background-color:#fff;padding:32px;border-radius:20px;box-shadow:0 4px 16px #0000000f;max-width:720px;margin:0 auto}.add-catalog-page-scope .form-group{margin-bottom:24px;padding-left:16px;padding-right:16px}.add-catalog-page-scope .form-group label{display:block;font-size:20px;font-weight:600;color:#222;margin-bottom:10px}.add-catalog-page-scope .form-group input,.add-catalog-page-scope .form-group textarea{width:100%;padding:12px 16px;border:1px solid #e0e0e0;border-radius:12px;font-size:18px;color:#222;background-color:#fafafa;transition:border-color .2s ease}.add-catalog-page-scope .form-group textarea{height:120px;resize:vertical}.add-catalog-page-scope .form-group input:focus,.add-catalog-page-scope .form-group textarea:focus{outline:none;border-color:#27ae60}.add-catalog-page-scope .form-group input[type=file]{padding:10px 0;background-color:transparent;font-size:18px}.add-catalog-page-scope .input-error{border:none;border-bottom:2px solid #e74c3c!important}.add-catalog-page-scope .error-message{display:block;font-size:16px;color:#e74c3c;margin-top:8px}.add-catalog-page-scope .general-error{margin-bottom:16px;text-align:center}.add-catalog-page-scope .photo-preview{margin-top:16px;position:relative;display:inline-block}.add-catalog-page-scope .photo-preview img{max-width:240px;height:auto;border-radius:12px;border:1px solid #e0e0e0}.add-catalog-page-scope .photo-remove{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background-color:#e74c3c;color:#fff;border:none;border-radius:50%;font-size:16px;font-weight:700;line-height:24px;text-align:center;cursor:pointer;transition:background-color .2s ease}.add-catalog-page-scope .photo-remove:hover{background-color:#c0392b}.add-catalog-page-scope .form-actions{display:flex;gap:16px;justify-content:flex-end;margin-top:32px;padding-left:16px;padding-right:16px}.add-catalog-page-scope .submit-button,.add-catalog-page-scope .cancel-button{padding:12px 24px;border:none;border-radius:12px;font-size:20px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.add-catalog-page-scope .submit-button{background-color:#27ae60;color:#fff}.add-catalog-page-scope .submit-button:hover{background-color:#219653}.add-catalog-page-scope .cancel-button{background-color:#e74c3c;color:#fff}.add-catalog-page-scope .cancel-button:hover{background-color:#c0392b}.orders-page{padding:40px 80px;background-color:#fafafa;min-height:100vh;font-family:Segoe UI Variable Text,Segoe UI,Tahoma,Geneva,sans-serif;display:flex;flex-direction:column;align-items:center}.orders-page h1{font-size:42px;font-weight:700;color:#222;margin-bottom:40px;text-align:center}.controls-section{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin-bottom:30px}.create-order-button{padding:10px 20px;background-color:#3498db;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.create-order-button:hover{background-color:#2980b9}.view-controls{display:flex;gap:10px;align-items:center}.view-button{display:flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid #e0e0e0;border-radius:12px;background-color:#fff;font-size:14px;color:#555;cursor:pointer;transition:all .2s ease}.view-button:hover{background-color:#f0f0f0}.view-button.active{background-color:#d0d0d0;color:#000;border-color:#d0d0d0}.icon-grid,.icon-list{font-size:18px}.currency-selector,.user-selector,.status-selector,.catalog-selector,.category-selector,.product-selector{padding:8px 16px;border:1px solid #e0e0e0;border-radius:12px;font-size:14px;color:#555;background-color:#fff;cursor:pointer;transition:all .2s ease;width:100%;box-sizing:border-box}.currency-selector:focus,.user-selector:focus,.status-selector:focus,.catalog-selector:focus,.category-selector:focus,.product-selector:focus{outline:none;border-color:#27ae60}.currency-selector:hover,.user-selector:hover,.status-selector:hover,.catalog-selector:hover,.category-selector:hover,.product-selector:hover{background-color:#f0f0f0}.currency-selector:disabled,.user-selector:disabled,.status-selector:disabled,.catalog-selector:disabled,.category-selector:disabled,.product-selector:disabled{background-color:#f0f0f0;cursor:not-allowed}.unit-price-input[readonly]{background-color:#f0f0f0;cursor:not-allowed;color:#333}.create-form{width:100%;max-width:600px;background-color:#fff;border:1px solid #e0e0e0;border-radius:20px;box-shadow:0 4px 16px #0000000f;padding:24px;margin-bottom:40px}.create-form h2{font-size:32px;font-weight:700;color:#222;margin-bottom:24px;text-align:center}.create-form h3{font-size:24px;font-weight:600;color:#222;margin:24px 0 16px}.user-selection{display:flex;gap:10px;margin-bottom:16px}.toggle-user-button{padding:8px 16px;border:1px solid #e0e0e0;border-radius:12px;background-color:#fff;font-size:14px;color:#555;cursor:pointer;transition:all .2s ease}.toggle-user-button:hover{background-color:#f0f0f0}.toggle-user-button.active{background-color:#27ae60;color:#fff;border-color:#27ae60}.new-user-form{border:1px solid #e0e0e0;border-radius:12px;padding:16px;margin-bottom:16px}.new-user-form h3{font-size:20px;font-weight:600;color:#222;margin-bottom:16px}.submit-user-button{padding:10px 20px;background-color:#27ae60;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s ease;display:block;width:100%;margin-top:16px}.submit-user-button:hover{background-color:#219653}.submit-user-button:disabled{background-color:#ccc;cursor:not-allowed}.new-user-success-message{background-color:#27ae60;color:#fff;padding:12px;border-radius:12px;font-size:16px;font-weight:500;text-align:center;margin-top:16px;animation:slideUp .5s ease-out forwards}.new-user-error-message{background-color:#e74c3c;color:#fff;padding:12px;border-radius:12px;font-size:16px;font-weight:500;text-align:center;margin-top:16px;animation:slideUp .5s ease-out forwards}.submit-order-button:disabled{background-color:#ccc;cursor:not-allowed}.orders-list{width:100%;max-width:1200px}.grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:28px}.list-view{display:flex;flex-direction:column}.order-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:20px;box-shadow:0 4px 16px #0000000f;transition:transform .25s ease,box-shadow .25s ease;position:relative;padding:28px}.order-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0000001f}.order-field{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #e8ecef}.order-label{font-size:20px;font-weight:600;color:#4a5568}.order-value{font-size:20px;color:#1a202c;font-weight:400}.order-actions{display:flex;gap:10px;margin-top:20px}.table-actions{display:flex;gap:10px}.delete-button{padding:10px 20px;background-color:#e74c3c;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.order-card .edit-button,.order-card .delete-button{flex:1}.orders-table .edit-button,.orders-table .delete-button{padding:8px 16px}.delete-button:hover{background-color:#c0392b}.delete-button:disabled{background-color:#ccc;cursor:not-allowed}.orders-table{width:100%;border-collapse:separate;border-spacing:0;background-color:#fff;border:1px solid #e0e0e0;border-radius:20px;box-shadow:0 4px 16px #0000000f;overflow:hidden}.orders-table th{font-size:20px;font-weight:600;color:#4a5568;padding:16px;text-align:left;background-color:#f8f9fa;border-bottom:1px solid #e0e0e0}.orders-table th.sortable{cursor:pointer;transition:background-color .2s ease}.orders-table th.sortable:hover{background-color:#e0e0e0}.orders-table th .sort-indicator{margin-left:8px;font-size:16px}.orders-table td{font-size:18px;color:#1a202c;padding:16px;border-bottom:1px solid #e8ecef;vertical-align:middle}.orders-table th:nth-child(1),.orders-table td:nth-child(1){width:200px}.orders-table th:nth-child(2),.orders-table td:nth-child(2){width:150px}.orders-table th:nth-child(3),.orders-table td:nth-child(3){width:120px}.orders-table th:nth-child(4),.orders-table td:nth-child(4){width:200px}.orders-table th:nth-child(5),.orders-table td:nth-child(5){width:220px}.orders-table tr:last-child td{border-bottom:none}.order-row{transition:transform .25s ease,box-shadow .25s ease}.order-row:hover{transform:translate(5px);background-color:#f0f0f0;box-shadow:0 6px 20px #0000001a}.status-delivered{color:#2f855a;font-weight:500}.report-section{width:100%;max-width:1200px;margin-bottom:20px}.report-section h3{font-size:24px;font-weight:600;color:#222;margin-bottom:16px}.report-controls{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}.orders-loading{text-align:center;font-size:24px;color:#555;margin:40px auto}.orders-empty{text-align:center;font-size:24px;color:#666;margin:40px auto}.create-success-message{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background-color:#27ae60;color:#fff;padding:12px 24px;border-radius:12px;font-size:18px;font-weight:500;box-shadow:0 4px 16px #0003;z-index:1000;animation:slideUp .5s ease-out forwards,slideDown .5s ease-in 4.5s forwards}.create-error-message,.delete-error-message{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background-color:#e74c3c;color:#fff;padding:12px 24px;border-radius:12px;font-size:18px;font-weight:500;box-shadow:0 4px 16px #0003;z-index:1000;animation:slideUp .5s ease-out forwards,slideDown .5s ease-in 4.5s forwards}.order-page{padding:40px 80px;background-color:#fafafa;min-height:100vh;font-family:Segoe UI Variable Text,Segoe UI,Tahoma,Geneva,sans-serif;display:flex;flex-direction:column;align-items:center}.order-page h1{font-size:42px;font-weight:700;color:#222;margin-bottom:40px;text-align:center}.order-page h2{font-size:32px;font-weight:700;color:#222;margin-bottom:24px;text-align:center}.order-actions{display:flex;gap:20px;margin-bottom:30px}.edit-button{padding:10px 20px;background-color:#27ae60;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.edit-button:hover{background-color:#219653}.report-button{padding:10px 20px;background-color:#f39c12;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.report-button:hover{background-color:#e67e22}.order-details,.user-details{width:100%;max-width:600px;background-color:#fff;border:1px solid #e0e0e0;border-radius:20px;box-shadow:0 4px 16px #0000000f;padding:24px;margin-bottom:40px}.order-field,.user-field{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #e8ecef}.order-label,.user-label{font-size:20px;font-weight:600;color:#4a5568}.order-value,.user-value{font-size:20px;color:#1a202c;font-weight:400}.status-pending{color:#d69e2e;font-weight:500}.status-processing{color:#3182ce;font-weight:500}.status-shipped{color:#ed8936;font-weight:500}.status-completed{color:#38a169;font-weight:500}.order-items{width:100%;max-width:800px}.items-list{display:flex;flex-direction:column;gap:16px}.item-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:20px;box-shadow:0 4px 16px #0000000f;padding:20px}.item-field{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e8ecef}.item-label{font-size:18px;font-weight:600;color:#4a5568}.item-value{font-size:18px;color:#1a202c;font-weight:400}.order-loading{text-align:center;font-size:24px;color:#555;margin:40px auto}.order-error{text-align:center;font-size:24px;color:#e74c3c;margin:40px auto}.order-empty{text-align:center;font-size:24px;color:#666;margin:40px auto}.items-empty,.user-empty{text-align:center;font-size:20px;color:#666;margin:20px 0}.edit-order-page{padding:40px 80px;background-color:#fafafa;min-height:100vh;font-family:Segoe UI Variable Text,Segoe UI,Tahoma,Geneva,sans-serif;display:flex;flex-direction:column;align-items:center}.edit-order-page h1{font-size:42px;font-weight:700;color:#222;margin-bottom:40px;text-align:center}.edit-form{width:100%;max-width:600px;background-color:#fff;border:1px solid #e0e0e0;border-radius:20px;box-shadow:0 4px 16px #0000000f;padding:24px;margin-bottom:40px}.edit-form h3{font-size:24px;font-weight:600;color:#222;margin:24px 0 16px;text-align:center}.form-field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.form-field label{font-size:18px;font-weight:500;color:#555}.form-field input,.form-field select{padding:10px;border:1px solid #e0e0e0;border-radius:12px;font-size:16px;color:#333;background-color:#fff}.form-field input:focus,.form-field select:focus{outline:none;border-color:#27ae60}.customer-info,.total-amount,.product-name,.unit-price,.product-tag{padding:10px;border:1px solid #e0e0e0;border-radius:12px;font-size:16px;color:#333;background-color:#f5f5f5}.item-form{border:1px dashed #e0e0e0;padding:16px;border-radius:12px;margin-bottom:16px;display:flex;flex-direction:column;gap:12px}.remove-item-button{padding:8px 16px;background-color:#e74c3c;color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;align-self:flex-end;transition:background-color .2s ease}.remove-item-button:hover{background-color:#c0392b}.remove-item-button:disabled{background-color:#ccc;cursor:not-allowed}.add-item-button{padding:10px 20px;background-color:#3498db;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;margin:16px 0;transition:background-color .2s ease;display:block;width:100%}.add-item-button:hover{background-color:#2980b9}.submit-order-button{padding:12px 24px;background-color:#27ae60;color:#fff;border:none;border-radius:12px;font-size:18px;font-weight:500;cursor:pointer;transition:background-color .2s ease;display:block;width:100%}.submit-order-button:hover{background-color:#219653}.submit-order-button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}.edit-order-loading{text-align:center;font-size:24px;color:#555;margin:40px auto}.edit-order-error{text-align:center;font-size:24px;color:#e74c3c;margin:40px auto}.update-success-message{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background-color:#27ae60;color:#fff;padding:12px 24px;border-radius:12px;font-size:18px;font-weight:500;box-shadow:0 4px 16px #0003;z-index:1000;animation:slideUp .5s ease-out forwards,slideDown .5s ease-in 2.5s forwards}.update-error-message{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background-color:#e74c3c;color:#fff;padding:12px 24px;border-radius:12px;font-size:18px;font-weight:500;box-shadow:0 4px 16px #0003;z-index:1000;animation:slideUp .5s ease-out forwards,slideDown .5s ease-in 4.5s forwards}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;border-radius:20px;padding:24px;width:100%;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:0 4px 16px #0003;position:relative}.modal-content h2{font-size:28px;font-weight:700;color:#222;margin-bottom:20px;text-align:center}.modal-step h3{font-size:20px;font-weight:600;color:#333;margin-bottom:16px;text-align:center}.modal-list{display:flex;flex-direction:column;gap:12px;max-height:300px;overflow-y:auto;padding-right:8px}.modal-item{padding:12px 16px;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:12px;font-size:16px;color:#333;cursor:pointer;text-align:center;transition:background-color .2s ease}.modal-item:hover{background-color:#e0e0e0}.modal-back-button{padding:8px 16px;background-color:#666;color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;margin-top:16px;display:block;width:100%;transition:background-color .2s ease}.modal-back-button:hover{background-color:#555}.modal-close-button{padding:8px 16px;background-color:#e74c3c;color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;margin-top:16px;display:block;width:100%;transition:background-color .2s ease}.modal-close-button:hover{background-color:#c0392b}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes slideDown{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(20px)}}