.layout{min-height:100vh;display:flex;flex-direction:column}.header{border-bottom:1px solid var(--border-color);padding:20px 0;background:var(--bg-primary);position:sticky;top:0;z-index:100}.header .container{display:flex;justify-content:space-between;align-items:center;padding:0 20px;max-width:1200px;margin:0 auto}.logo{font-size:20px;font-weight:700;letter-spacing:2px}.nav{display:flex;gap:30px}.nav a{font-size:14px;text-transform:uppercase;letter-spacing:1px;padding-bottom:5px;border-bottom:2px solid transparent;transition:border-color .2s}.nav a:hover,.nav a.active{border-bottom-color:var(--accent)}.main{flex:1;padding:40px 0}.container{max-width:1200px;margin:0 auto;padding:0 20px}.footer{border-top:1px solid var(--border-color);padding:40px 0;text-align:center;font-size:14px;color:var(--text-secondary)}.burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:5px}.burger span{width:25px;height:2px;background:var(--text-primary);transition:.3s}@media (max-width: 768px){.header .container{padding:0 15px}.logo{font-size:18px}.burger{display:flex}.nav{position:fixed;top:61px;left:-100%;width:100%;height:calc(100vh - 61px);background:var(--bg-primary);flex-direction:column;gap:0;padding:20px;transition:left .3s;border-top:1px solid var(--border-color)}.nav.active{left:0}.nav a{font-size:16px;padding:15px 0;border-bottom:1px solid var(--border-color)}.container{padding:0 15px}.main{padding:20px 0}}html,body{overflow-x:hidden;max-width:100vw}*{box-sizing:border-box}.hero{text-align:center;padding:100px 0;border-bottom:1px solid var(--border-color)}.hero h1{font-size:48px;font-weight:700;margin-bottom:20px;letter-spacing:3px}.hero p{font-size:20px;color:var(--text-secondary);margin-bottom:40px;letter-spacing:1px}.btn-primary{display:inline-block;padding:15px 40px;background:var(--accent);color:#fff;text-transform:uppercase;letter-spacing:2px;font-size:14px;font-weight:600;border:2px solid var(--accent);transition:all .3s}.features{padding:80px 0}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px}.feature-item{text-align:center;padding:40px 20px;border:1px solid var(--border-color)}.feature-item h3{font-size:18px;font-weight:600;margin-bottom:10px;text-transform:uppercase;letter-spacing:2px}.feature-item p{color:var(--text-secondary);font-size:14px}.catalog-page h1{font-size:36px;font-weight:700;margin-bottom:40px;text-transform:uppercase;letter-spacing:2px}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px}.product-card{border:1px solid var(--border-color);transition:transform .3s}.product-card:hover{transform:translateY(-5px)}.product-image{width:100%;aspect-ratio:1;background:var(--bg-secondary);overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover}.product-info{padding:20px}.product-info h3{font-size:16px;font-weight:600;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px}.product-price{font-size:18px;font-weight:700}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:60px}.product-image-large{width:100%;aspect-ratio:1;background:var(--bg-secondary);overflow:hidden}.product-image-large img{width:100%;height:100%;object-fit:cover}.product-detail-info h1{font-size:32px;font-weight:700;margin-bottom:20px;text-transform:uppercase;letter-spacing:2px}.product-meta{display:flex;gap:15px;margin-bottom:20px;font-size:14px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.product-price-large{font-size:28px;font-weight:700;margin-bottom:30px}.product-description{line-height:1.8;color:var(--text-secondary);margin-bottom:40px}.product-actions{display:flex;gap:15px}.btn-primary{flex:1;padding:15px;background:var(--accent);color:#fff;border:2px solid var(--accent);text-transform:uppercase;letter-spacing:1px;font-weight:600;transition:all .3s}@media (max-width: 768px){.product-detail{grid-template-columns:1fr}}.cart-page h1{font-size:36px;font-weight:700;margin-bottom:40px;text-transform:uppercase;letter-spacing:2px}.cart-items{margin-bottom:30px}.cart-item{display:flex;gap:20px;padding:20px 0;border-bottom:1px solid var(--border-color);align-items:center}.cart-item img{width:80px;height:80px;object-fit:cover;border:1px solid var(--border-color)}.item-details{flex:1}.item-details h3{font-size:18px;margin-bottom:5px;font-weight:600}.item-details .price{color:var(--text-secondary);font-size:14px}.item-actions{display:flex;flex-direction:column;gap:10px;align-items:flex-end}.quantity-controls{display:flex;gap:10px;align-items:center}.quantity-controls button{width:30px;height:30px;border:1px solid var(--border-color);background:#fff;cursor:pointer;font-size:16px}.quantity-controls button:hover{background:var(--bg-secondary)}.quantity-controls span{min-width:30px;text-align:center}.remove-btn{padding:8px 16px;border:1px solid var(--border-color);background:#fff;cursor:pointer;font-size:12px;text-transform:uppercase;letter-spacing:1px}.remove-btn:hover{background:#000;color:#fff}.item-total{font-weight:700;font-size:18px;min-width:100px;text-align:right}.cart-summary{padding:30px;border:1px solid var(--border-color);margin-top:40px}.summary-row{display:flex;justify-content:space-between;font-size:20px;font-weight:700;margin-bottom:30px}.checkout-btn,.clear-btn{width:100%;padding:15px;margin-top:10px;border:none;cursor:pointer;font-size:14px;text-transform:uppercase;letter-spacing:1px;font-weight:600}.checkout-btn{background:#000;color:#fff}.checkout-btn:hover{opacity:.8}.clear-btn{background:#fff;border:1px solid var(--border-color)}.clear-btn:hover{background:var(--bg-secondary)}@media (max-width: 768px){.cart-item{flex-wrap:wrap}.cart-item img{width:60px;height:60px}.item-actions{flex-direction:row;width:100%;justify-content:space-between}.item-total{width:100%;text-align:left}}.favorites-page h1,.profile-page h1{font-size:36px;font-weight:700;margin-bottom:40px;text-transform:uppercase;letter-spacing:2px}.profile-card{max-width:400px;margin:0 auto;text-align:center;padding:40px;border:1px solid var(--border-color)}.profile-avatar{width:120px;height:120px;border-radius:50%;margin-bottom:20px;border:2px solid var(--border-color)}.profile-card h2{font-size:24px;font-weight:600;margin-bottom:10px}.profile-card p{color:var(--text-secondary)}.orders-page h1,.admin-page h1{font-size:36px;font-weight:700;margin-bottom:40px;text-transform:uppercase;letter-spacing:2px}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.admin-card{padding:40px;border:1px solid var(--border-color);text-align:center;transition:transform .3s;cursor:pointer}.admin-card:hover{transform:translateY(-5px)}.admin-card h3{font-size:20px;font-weight:600;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px}.admin-card p{color:var(--text-secondary)}.support-page h1{font-size:36px;font-weight:700;margin-bottom:40px;text-transform:uppercase;letter-spacing:2px}.support-header{margin-bottom:30px}.btn-primary,.btn-secondary{padding:12px 30px;border:2px solid var(--accent);background:var(--accent);color:#fff;text-transform:uppercase;letter-spacing:1px;font-weight:600;cursor:pointer;transition:all .3s}.btn-secondary{background:transparent;color:var(--accent);margin-left:10px}.btn-primary:hover{background:transparent;color:var(--accent)}.btn-secondary:hover{background:var(--accent);color:#fff}.create-ticket-form{max-width:600px;margin:0 auto;padding:30px;border:1px solid var(--border-color)}.create-ticket-form h2{font-size:24px;margin-bottom:20px;text-transform:uppercase;letter-spacing:1px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;text-transform:uppercase;font-size:12px;letter-spacing:1px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:1px solid var(--border-color);font-family:inherit;font-size:14px}.form-group textarea{resize:vertical}.form-actions{display:flex;gap:10px;margin-top:20px}.tickets-list{display:flex;flex-direction:column;gap:15px}.ticket-card{padding:20px;border:1px solid var(--border-color);cursor:pointer;transition:all .3s}.ticket-card:hover{border-color:var(--accent);transform:translate(5px)}.ticket-number{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.ticket-subject{font-size:18px;font-weight:600;margin-bottom:10px}.ticket-meta{display:flex;gap:15px;font-size:12px;color:var(--text-secondary)}.status-badge{padding:4px 12px;text-transform:uppercase;letter-spacing:1px;border:1px solid var(--border-color)}.status-open{background:#000;color:#fff}.status-in_progress{background:#666;color:#fff}.status-closed{background:#f5f5f5;color:#666}.ticket-messages{max-width:800px;margin:0 auto}.messages-header{display:flex;justify-content:space-between;margin-bottom:20px}.btn-back,.btn-close-ticket{padding:10px 20px;border:1px solid var(--border-color);background:transparent;cursor:pointer;text-transform:uppercase;letter-spacing:1px;font-size:12px}.btn-back:hover,.btn-close-ticket:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.messages-list{margin-bottom:20px;max-height:500px;overflow-y:auto}.message-item{padding:15px;margin-bottom:10px;border:1px solid var(--border-color)}.message-author{font-weight:600;margin-bottom:8px;text-transform:uppercase;font-size:12px;letter-spacing:1px}.message-text{line-height:1.6;margin-bottom:8px}.message-time{font-size:11px;color:var(--text-secondary)}.message-form{display:flex;flex-direction:column;gap:10px}.message-form textarea{width:100%;padding:12px;border:1px solid var(--border-color);font-family:inherit;font-size:14px;resize:vertical}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--text-primary: #000000;--text-secondary: #666666;--border-color: #e0e0e0;--accent: #000000}html,body{overflow-x:hidden;width:100%;max-width:100vw}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary)}#root{min-height:100vh;width:100%;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}
