:root{--bg-main: #FFFFFF;--bg-secondary: #F7F7F7;--bg-card: #FFFFFF;--text-primary: #222222;--text-secondary: #717171;--text-muted: #B0B0B0;--accent: #FF385C;--accent-hover: #D90B3E;--border-light: #DDDDDD;--sp-xs: 4px;--sp-sm: 8px;--sp-md: 16px;--sp-lg: 24px;--sp-xl: 48px;--sp-2xl: 80px;--rad-sm: 8px;--rad-md: 12px;--rad-lg: 20px;--rad-full: 999px;--shadow-card: 0 6px 16px rgba(0, 0, 0, .12);--shadow-hover: 0 8px 20px rgba(0, 0, 0, .15);--ease: cubic-bezier(.2, .8, .2, 1)}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased}body{font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--text-primary);background:var(--bg-main);line-height:1.5;overflow-x:hidden;word-wrap:break-word;overflow-wrap:break-word}h1,h2,h3,h4{font-weight:800;letter-spacing:-.02em;line-height:1.1}p{color:var(--text-secondary)}button{background:none;border:none;cursor:pointer;font-family:inherit}input,textarea{font-family:inherit;outline:none}.hidden{display:none!important}.app-container{max-width:1200px;margin:0 auto;padding:0 var(--sp-lg);min-height:100vh;display:flex;flex-direction:column}.center-xy{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;border-radius:var(--rad-full);font-weight:600;font-size:1rem;transition:transform .1s var(--ease),box-shadow .2s var(--ease);text-decoration:none}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid transparent}.btn-secondary:hover{background:#eaeaea}.btn-outline{border:1px solid var(--text-muted);color:var(--text-primary)}.btn-outline:hover{border-color:var(--text-primary)}.btn-text{color:var(--text-secondary);padding:8px 16px;background:transparent}.btn-text:hover{color:var(--text-primary);background:var(--bg-secondary)}.btn-lg{font-size:1.125rem;padding:16px 32px}.w-full{width:100%}.input-field{width:100%;padding:16px 20px;font-size:1rem;border:1px solid #d1d5db;border-radius:var(--rad-full);background:#fff;box-shadow:0 4px 15px #ff385c26,0 0 0 1px #ff385c0d;transition:all .25s var(--ease)}.input-field:focus{background:#fff;border-color:var(--accent);box-shadow:0 4px 20px #ff385c40,0 0 0 1px #ff385c1a;outline:none}.input-area{width:100%;padding:16px;font-size:1rem;border:1px solid var(--border-light);border-radius:var(--rad-md);min-height:120px;resize:vertical}.input-area:focus{border-color:var(--text-primary)}.spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin-centered 1s linear infinite}@keyframes spin-centered{to{transform:rotate(360deg)}}.error-msg{color:#c13515;background:#ffebe9;padding:12px;border-radius:var(--rad-md);font-size:.9rem;margin-top:var(--sp-sm);text-align:left}.btn-menu-item{transition:background-color .15s ease}.btn-menu-item:hover{background-color:#f7f7f7!important}@keyframes bounce-sm{0%,to{transform:scale(1)}50%{transform:scale(.95)}}.btn-bounce{animation:bounce-sm .2s cubic-bezier(.25,.46,.45,.94)}.btn-loading{position:relative;pointer-events:none;opacity:.8}.btn-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin-centered 1s linear infinite;display:inline-block;margin-right:8px;vertical-align:middle}header{padding:var(--sp-lg) 0;position:relative;z-index:1100}.header-inner{display:flex;align-items:center;justify-content:flex-start;gap:6px;width:100%;padding:0 var(--sp-lg)}.logo-link{text-decoration:none;display:flex;align-items:center;margin-top:2px}#user-display{position:relative}.btn-user-menu{display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:8px;box-shadow:none;cursor:pointer;color:var(--text-primary)}.user-dropdown{position:absolute;top:40px;left:0;background:#fff;min-width:240px;border-radius:12px;box-shadow:var(--shadow-xl);border:1px solid var(--border-light);padding:8px;z-index:100}.auth-page-container{max-width:440px;margin:60px auto;padding:20px}@media(max-width:480px){.auth-page-container{padding:16px;margin:40px auto}}.orders-page-container{max-width:680px;margin:0 auto;width:100%;padding:var(--sp-xl) var(--sp-lg);min-height:80vh;display:block}@media(max-width:768px){.orders-page-container{padding:80px 16px 40px}}.order-images-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.order-image{width:100%;height:220px;border-radius:12px;object-fit:cover;border:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.order-comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}@media(max-width:640px){.order-images-grid{grid-template-columns:1fr;gap:12px}.order-images-grid img:not(:first-child){display:none}.order-image{height:250px}.order-comparison-grid{grid-template-columns:1fr;gap:20px}}.orders-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;gap:16px}.order-card-item{background:#fff;border-radius:var(--rad-lg);box-shadow:var(--shadow-sm);padding:20px;cursor:pointer;transition:all .2s var(--ease);border:1px solid var(--border-light)}.order-card-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.order-card-content{display:flex;align-items:center}.order-card-info{flex:1}.order-card-title{margin-bottom:4px;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.order-card-date{font-size:.9rem;color:var(--text-secondary)}.btn-round-arrow{width:40px;height:40px;padding:0;border-radius:50%;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;color:var(--text-primary)}.back-btn{display:inline-flex;align-items:center;gap:8px;font-size:.9rem!important;padding:8px 16px!important;text-decoration:none}@media(max-width:640px){.orders-header{flex-direction:column-reverse;align-items:center;text-align:center;gap:12px}.back-btn{width:100%;justify-content:center}.order-card-content{flex-direction:column;text-align:center;gap:12px}.order-card-info{margin-bottom:8px}.order-card-item img,.order-card-item div[style*="width: 80px"]{margin-right:0!important;margin-bottom:12px}.order-card-action{width:100%;display:flex;justify-content:center}}@media(max-width:768px){header{position:absolute;top:0;left:0;width:100%;padding:4px 0;background:transparent;pointer-events:none}.header-inner{padding:0 16px;pointer-events:auto;width:100%;justify-content:space-between}.logo-link.hide-on-mobile-landing{display:none}.btn-user-menu{padding:8px;margin-left:-8px}}