:root{--primary-color: #ff6f61;--primary-hover: #e65c50;--background-color: #f9f9f9;--text-color: #333}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);color:var(--text-color)}.App{max-width:1200px;margin:0 auto;padding:20px}.auth-container{display:flex;flex-direction:column;gap:20px;max-width:400px;margin:0 auto}.main-container{display:flex;flex-direction:column;gap:20px;align-items:center}h1{font-size:2.5rem;color:var(--primary-color);text-align:center;margin-bottom:2rem}button{background-color:var(--primary-color);color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:1rem;transition:background-color .3s ease}button:hover{background-color:var(--primary-hover)}input{padding:10px;border:1px solid #ccc;border-radius:5px;font-size:1rem;width:100%}form{display:flex;flex-direction:column;gap:10px}.App{text-align:left;margin:0;padding:0;box-sizing:border-box}.App>div{margin:0;padding:0}.App{width:100vw!important;max-width:100vw!important}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body{font-family:Poppins,sans-serif;background-color:#f9f9f9;color:#333;margin:0;padding:0;overflow:hidden}html{margin:0;padding:0;overflow:hidden}h1{font-size:2.5rem;color:#ff6f61;text-align:center}h2{font-size:2rem;color:#333;text-align:center}button{background-color:#ff6f61;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:1rem}button:hover{background-color:#e65c50}input{padding:10px;border:1px solid #ccc;border-radius:5px;width:100%;max-width:400px;margin:10px auto;display:block}.tabs{display:flex;justify-content:center;margin-bottom:20px}.tabs button{background-color:#ff6f61;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:1rem;margin:0 5px}.tabs button:hover{background-color:#e65c50}.profile{text-align:center}select{margin-top:10px;padding:5px;font-size:1rem}form{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:20px}input{margin:10px 0;padding:10px;width:200px}button{width:100%;max-width:200px}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;padding:20px 0}.image-item{background:white;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a;transition:transform .2s}.image-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.image-info{padding:10px;background:white}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0;margin:0 auto;max-width:1400px}.catalog-list{display:flex;flex-direction:column;gap:0;padding:0;margin:0 auto;max-width:1000px}.catalog-list>div{transition:all .2s ease}.catalog-list>div:hover{box-shadow:0 4px 12px #00000026!important;transform:translateY(-2px)}.catalog-grid>div:hover{box-shadow:0 4px 8px #00000026!important;transform:translateY(-2px)}.app-card{background:white;border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px;box-shadow:0 2px 4px #0000001a}.app-card-header{display:flex;align-items:center;gap:8px}.app-card-header img{width:24px;height:24px}.app-card-title{margin:0;font-size:14px;font-weight:500}.app-card-description{font-size:12px;color:#666;margin:0;line-height:1.3}.app-card-actions{display:flex;gap:8px;margin-top:4px}@media (min-width: 768px){.catalog-grid{grid-template-columns:repeat(4,1fr);gap:12px}.catalog-list{max-width:1200px}}@media (min-width: 1024px){.catalog-grid{grid-template-columns:repeat(5,1fr);gap:14px}.catalog-list{max-width:1400px}}@media (min-width: 1400px){.catalog-grid{grid-template-columns:repeat(6,1fr);gap:16px}}@media (max-width: 768px){.App{flex-direction:column}.main-sidebar{width:100%!important;height:auto!important;min-height:auto!important;border-right:none!important;border-bottom:1px solid #eee!important}.main-content{height:calc(100vh - 200px)!important}.catalog-grid{grid-template-columns:repeat(2,1fr);gap:8px}.catalog-list{max-width:100%;padding:0 10px}.catalog-list>div{margin-bottom:8px;padding:12px}.catalog-list .app-card-list-content h3{font-size:14px}.catalog-list .app-card-list-content p{font-size:12px}}.main-sidebar{z-index:10}.sidebar-collapsed{width:60px!important;min-width:60px!important}.sidebar-collapsed .menu-text{display:none}.sidebar-collapsed .menu-icon{margin:0 auto}