.happyzone-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.happyzone-title-section{flex-direction:column;gap:.25rem;display:flex}.happyzone-title{background:linear-gradient(135deg, var(--accent-color) 0%, #ff8a00 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2.25rem;font-weight:800}.happyzone-subtitle{color:var(--text-secondary);font-size:1rem}.happyzone-controls{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.search-input-wrapper{min-width:260px;position:relative}.search-icon{color:var(--text-secondary);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input{border:1px solid var(--border-color);background:var(--surface-color);width:100%;color:var(--text-primary);border-radius:30px;outline:none;padding:.65rem 1rem .65rem 2.5rem;font-size:.9rem;transition:all .2s}.search-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #f7cf1c26}.btn-add-shop{background:var(--accent-color);color:var(--bg-color);cursor:pointer;border:none;border-radius:30px;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.9rem;font-weight:700;transition:all .2s;display:flex}.btn-add-shop:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f7cf1c4d}.btn-add-shop:active{transform:translateY(0)}.hz-categories-container{scrollbar-width:none;margin-bottom:2rem;padding:.5rem 0;overflow-x:auto}.hz-categories-container::-webkit-scrollbar{display:none}.hz-categories-list{gap:.75rem;display:flex}.hz-category-chip{background:var(--surface-color);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:20px;padding:.5rem 1.25rem;font-size:.88rem;font-weight:600;transition:all .2s}.hz-category-chip:hover{background:var(--border-color);color:var(--text-primary)}.hz-category-chip.active{background:var(--accent-color);border-color:var(--accent-color);color:var(--bg-color);box-shadow:0 4px 10px #f7cf1c33}.shops-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.shop-card{background:var(--glass-bg);border:1px solid var(--border-color);cursor:pointer;border-radius:16px;flex-direction:column;height:100%;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #00000008}.shop-card:hover{border-color:var(--accent-color);transform:translateY(-6px);box-shadow:0 12px 30px #00000014}.shop-image-wrapper{aspect-ratio:16/10;background:var(--border-color);width:100%;position:relative;overflow:hidden}.shop-card-image{object-fit:cover;width:100%;height:100%;transition:transform .4s}.shop-card:hover .shop-card-image{transform:scale(1.05)}.shop-category-tag{background:var(--accent-color);color:#fff;letter-spacing:.5px;z-index:10;border-radius:12px;padding:4px 10px;font-size:.75rem;font-weight:700;position:absolute;top:12px;left:12px;box-shadow:0 2px 8px #f75b0640}.shop-card-body{flex-direction:column;flex-grow:1;padding:1.25rem;display:flex}.shop-card-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.15rem;font-weight:700;line-height:1.3}.shop-card-description{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:1.25rem;font-size:.88rem;line-height:1.5;display:-webkit-box;overflow:hidden}.shop-card-footer{justify-content:space-between;align-items:center;gap:.5rem;margin-top:auto;display:flex}.btn-map-link{color:var(--accent-color);border:1px solid var(--accent-color);cursor:pointer;background:0 0;border-radius:20px;align-items:center;gap:.35rem;padding:5px 12px;font-size:.8rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.btn-map-link:hover{background:var(--accent-color);color:var(--bg-color)}.shop-actions-group{gap:.35rem;display:flex}.btn-shop-icon{background:var(--border-color);color:var(--text-primary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.btn-shop-icon:hover{background:var(--text-secondary);color:var(--bg-color)}.btn-shop-icon.delete:hover{color:#fff;background:#ef4444}.hz-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;display:flex;position:fixed;top:0;left:0}.hz-modal{background:var(--surface-color);border:1px solid var(--border-color);border-radius:20px;flex-direction:column;width:100%;max-width:580px;max-height:90vh;animation:.25s cubic-bezier(.16,1,.3,1) both modal-enter;display:flex;overflow:hidden;box-shadow:0 20px 40px #00000026}.hz-modal form{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}@keyframes modal-enter{0%{opacity:0;transform:scale(.95)translateY(15px)}to{opacity:1;transform:scale(1)translateY(0)}}.hz-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.hz-modal-title{color:var(--text-primary);font-size:1.35rem;font-weight:800}.hz-modal-close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.hz-modal-close-btn:hover{background:var(--border-color);color:var(--text-primary)}.hz-modal-content{flex:1;min-height:0;padding:1.5rem;overflow-y:auto}.hz-detail-image-wrapper{aspect-ratio:16/9;background:var(--border-color);border-radius:12px;width:100%;margin-bottom:1.25rem;overflow:hidden}.hz-detail-image{object-fit:cover;width:100%;height:100%}.hz-detail-meta{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.hz-detail-category-badge{color:var(--accent-color);background:#f7cf1c26;border-radius:20px;padding:4px 10px;font-size:.8rem;font-weight:700}.hz-detail-date{color:var(--text-secondary);font-size:.8rem}.hz-detail-description{color:var(--text-primary);white-space:pre-wrap;margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.hz-detail-map-box{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;margin-bottom:1rem;padding:1.25rem}.hz-detail-map-header{color:var(--text-primary);align-items:center;gap:.35rem;margin-bottom:.5rem;font-size:.9rem;font-weight:700;display:flex}.hz-detail-map-link{color:var(--accent-color);word-break:break-all;font-size:.85rem;text-decoration:none;display:block}.hz-detail-map-link:hover{text-decoration:underline}.hz-form{flex-direction:column;gap:1.25rem;display:flex}.hz-form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (max-width:480px){.hz-form-row{grid-template-columns:1fr}}.image-upload-preview-container{aspect-ratio:16/9;border:2px dashed var(--border-color);cursor:pointer;background:var(--bg-color);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:100%;transition:all .2s;display:flex;position:relative;overflow:hidden}.image-upload-preview-container:hover{border-color:var(--accent-color)}.image-upload-preview-img{object-fit:cover;width:100%;height:100%}.image-upload-preview-remove{color:#fff;cursor:pointer;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:8px;right:8px}.image-upload-placeholder{color:var(--text-secondary);text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;font-size:.85rem;display:flex}.hz-modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.btn-hz-secondary{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:30px;padding:.65rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s}.btn-hz-secondary:hover{background:var(--border-color)}.btn-hz-primary{background:var(--accent-color);color:var(--bg-color);cursor:pointer;border:none;border-radius:30px;align-items:center;gap:.5rem;padding:.65rem 1.5rem;font-size:.9rem;font-weight:700;transition:all .2s;display:flex}.btn-hz-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f7cf1c40}.btn-hz-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.shop-detail-page-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:20px;grid-template-columns:1fr 1.1fr;align-items:stretch;display:grid;overflow:hidden;box-shadow:0 4px 20px #00000008}.shop-detail-image-wrapper{background:#00000005;justify-content:center;align-items:center;width:100%;min-height:400px;display:flex;position:relative}[data-theme=dark] .shop-detail-image-wrapper{background:#ffffff05}.shop-detail-image-wrapper img{object-fit:contain;width:100%;height:100%;display:block}@media (max-width:768px){.shop-detail-page-card{grid-template-columns:1fr}.shop-detail-image-wrapper{aspect-ratio:16/9;min-height:auto}}.shop-detail-footer-grid{grid-template-columns:1.2fr 1fr;gap:1.5rem;margin-top:2rem;display:grid}@media (max-width:768px){.shop-detail-footer-grid{grid-template-columns:1fr}}.hz-page-container{padding-top:2rem;padding-bottom:4rem}.loader-min-200{min-height:200px}.loader-min-300{min-height:300px}.loader-min-400{flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.shop-card-time-badge{color:var(--text-secondary);align-items:center;gap:.35rem;margin-bottom:.75rem;font-size:.8rem;display:flex}.modal-select-fixed-height{height:43px}.modal-textarea-custom{resize:vertical;min-height:100px;padding-top:8px}.modal-textarea-lg{resize:vertical;min-height:120px;padding-top:8px}.hidden-file-input{display:none!important}.auth-error-banner{margin-bottom:1.25rem}.shop-detail-container{max-width:1400px;padding-top:2rem;padding-bottom:4rem}.shop-detail-top-nav{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.btn-back-hz{align-items:center;gap:.5rem;text-decoration:none;display:inline-flex}.shop-detail-actions-group{gap:.75rem;display:flex}.btn-inline-icon{align-items:center;gap:.5rem;display:inline-flex}.btn-hz-danger{align-items:center;gap:.5rem;display:inline-flex;color:#ef4444!important;border-color:#ef4444!important}.btn-hz-danger:hover{background:#ef444414}.shop-detail-page-card{padding:2rem;display:block}.shop-detail-meta-top{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.shop-detail-cat-tag{color:var(--accent-color);background:#f75b061a;border-radius:999px;padding:.4rem 1rem;font-size:.85rem;font-weight:700}.shop-detail-date-badge{color:var(--text-secondary);font-size:.85rem}.shop-detail-main-title{color:var(--text-primary);margin-bottom:1.25rem;font-size:2.5rem;font-weight:800;line-height:1.2}.shop-detail-info-bar{border-top:1px dashed var(--border-color);border-bottom:1px dashed var(--border-color);color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:1.5rem;margin:1.5rem 0;padding:1rem 0;font-size:.9rem;display:flex}.shop-detail-location-link{color:var(--accent-color);align-items:center;gap:.45rem;font-weight:600;text-decoration:none;display:inline-flex}.shop-detail-info-item{align-items:center;gap:.45rem;display:inline-flex}.shop-detail-cover-box{border:1px solid var(--border-color);background:#00000005;border-radius:16px;justify-content:center;width:100%;margin-bottom:2rem;display:flex;overflow:hidden}.shop-detail-cover-img{object-fit:contain;width:100%;height:auto;max-height:500px;display:block}.shop-detail-cover-empty{border:1px dashed var(--border-color);width:100%;height:300px;color:var(--text-secondary);background:#f8f9fa;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;margin-bottom:2rem;display:flex}:root[data-theme=dark] .shop-detail-cover-empty,:root[data-theme=dark] .shop-detail-catalog-empty{background:#ffffff08}.placeholder-icon-half-op{opacity:.5}.placeholder-lbl{font-size:.95rem;font-weight:500}.shop-detail-body-text{color:var(--text-primary);font-size:1.05rem;line-height:1.8}.shop-detail-cta-wrapper{justify-content:center;margin-top:2.5rem;margin-bottom:-3.5rem;display:flex}.btn-scroll-catalog{background:var(--surface-color);border:1px solid var(--border-color);width:44px;height:44px;color:var(--text-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;box-shadow:0 4px 12px #0000000f}.btn-scroll-catalog:hover{transform:translateY(2px);box-shadow:0 6px 16px #0000001a}.btn-price-catalog-action{background:var(--accent-color);color:#fff;border-radius:999px;align-items:center;gap:.5rem;padding:.8rem 1.75rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 8px 24px #f75b064d}.btn-price-catalog-action:hover{transform:translateY(-2px);box-shadow:0 12px 28px #f75b0666}.shop-detail-section-heading{color:var(--text-primary);margin-top:5rem;margin-bottom:1.5rem;font-size:1.65rem;font-weight:800}.shop-detail-catalog-box{justify-content:flex-start;margin-bottom:3rem;display:flex}.shop-detail-catalog-anchor{display:block}.shop-detail-catalog-img{border:1px solid var(--border-color);border-radius:16px;max-width:100%;height:auto;box-shadow:0 4px 20px #0000000f}.shop-detail-catalog-empty{border:1px dashed var(--border-color);width:100%;height:220px;color:var(--text-secondary);background:#f8f9fa;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;margin-bottom:3rem;display:flex}
@font-face{font-family:Aka01;src:url(/fonts/Aka01-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--font-sans:"Aka01", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--bg-color:#f8fafc;--surface-color:#fff;--text-primary:#0f172a;--text-secondary:#475569;--accent-color:#f75b06;--accent-hover:#f75b06;--border-color:#e2e8f0;--glass-bg:#ffffffb3;--glass-border:#0000001a;--page-x:clamp(1.25rem, 4vw, 3rem)}:root[data-theme=dark]{--bg-color:#0f172a;--surface-color:#1e293b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-color:#f75b06;--accent-hover:#f75b06;--border-color:#334155;--glass-bg:#1e293bb3;--glass-border:#ffffff1a}*{box-sizing:border-box;margin:0;padding:0}button,input,select,textarea{font-family:inherit}html,body{font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.5}.page-layout{flex-direction:column;min-height:100vh;display:flex}.header-hz-icon{vertical-align:middle;margin-right:4px}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:0 4px 30px #0000001a}.container{width:100%;max-width:1440px;padding:0 var(--page-x);margin:0 auto}.spinner{border:4px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loader-container{min-height:50vh;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}@keyframes fade-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes badge-pop{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes card-in{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes dropdown-in{0%{opacity:0;transform:translateY(8px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes auth-card-in{0%{opacity:0;transform:translateY(28px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes marquee-scroll{0%{transform:translate(100vw)}to{transform:translate(-100%)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes animate-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.text-accent{color:var(--accent-color)}.u-flex{display:flex}.u-flex-col{flex-direction:column;display:flex}.u-flex-col-grow{flex-direction:column;flex-grow:1;display:flex}.u-flex-center{justify-content:center;align-items:center;display:flex}.u-flex-ai-center{align-items:center;display:flex}.u-flex-ai-start{align-items:flex-start;display:flex}.u-grow{flex-grow:1}.u-shrink-0{flex-shrink:0}.u-gap-xs{gap:.25rem}.u-gap-sm{gap:.5rem}.u-gap-md{gap:.75rem}.u-gap-lg{gap:1rem}.u-gap-xl{gap:1.5rem}.u-grid-2col{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.u-mt-xs{margin-top:.25rem}.u-mt-sm{margin-top:.5rem}.u-mt-md{margin-top:1rem}.u-mt-lg{margin-top:1.5rem}.u-mb-0{margin-bottom:0}.u-mb-sm{margin-bottom:.5rem}.u-mb-md{margin-bottom:1rem}.u-mb-lg{margin-bottom:1.25rem}.u-mb-xl{margin-bottom:1.5rem}.u-p-0{padding:0}.u-text-center{text-align:center}.u-fw-600{font-weight:600}.u-fw-700{font-weight:700}.u-text-sm{font-size:.85rem}.u-text-xs{font-size:.8rem}.u-text-secondary{color:var(--text-secondary)}.u-text-danger{color:#b91c1c}.u-text-muted{color:#64748b}.u-cursor-pointer{cursor:pointer}.u-cursor-default{cursor:default}.u-cursor-not-allowed{cursor:not-allowed}.u-hidden{display:none}.u-w-full{width:100%}.u-w-auto{width:auto}.u-resize-vertical{resize:vertical}.u-select-surface{background:var(--surface-color)}.auth-page{background:var(--bg-color);background-image:radial-gradient(at 50% 0,#3b82f61f 0%,#0000 60%);justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex}.auth-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:24px;width:100%;max-width:440px;padding:2.5rem;animation:.4s cubic-bezier(.16,1,.3,1) both auth-card-in;box-shadow:0 24px 64px #0000002e,inset 0 1px #ffffff0d}.auth-brand{justify-content:center;align-items:center;gap:.75rem;margin-bottom:2rem;text-decoration:none;display:flex}.auth-brand-logo{object-fit:contain;border:2px solid var(--border-color);background:var(--surface-color);border-radius:50%;width:48px;height:48px}.auth-brand-name{color:var(--text-primary);font-size:1.4rem;font-weight:700}.auth-title{color:var(--text-primary);text-align:center;letter-spacing:-.02em;margin-bottom:.4rem;font-size:1.75rem;font-weight:800}.auth-subtitle{color:var(--text-secondary);text-align:center;margin-bottom:2rem;font-size:.9rem}.auth-form{flex-direction:column;gap:1.1rem;display:flex}.auth-field{flex-direction:column;gap:.4rem;display:flex}.auth-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;font-size:.82rem;font-weight:600}.auth-input{background:var(--surface-color);border:1.5px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:12px;outline:none;padding:.75rem 1rem;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.auth-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #f75b0626}.auth-input::placeholder{color:var(--text-secondary);opacity:.6}.auth-input-wrapper{width:100%;position:relative}.auth-input-wrapper .auth-input{padding-right:2.75rem}.auth-visibility-toggle{color:var(--text-secondary);cursor:pointer;opacity:.7;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;transition:opacity .2s,color .2s;display:flex;position:absolute;top:50%;right:.85rem;transform:translateY(-50%)}.auth-visibility-toggle:hover{opacity:1;color:var(--accent-color)}.auth-field-row{justify-content:space-between;align-items:center;display:flex}.auth-link-small{color:var(--accent-color);font-size:.82rem;font-weight:500;text-decoration:none;transition:opacity .2s}.auth-link-small:hover{opacity:.75}.auth-btn{background:linear-gradient(135deg, var(--accent-color) 0%, #d84a00 100%);color:#fff;cursor:pointer;letter-spacing:.01em;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.5rem;padding:.85rem 1.5rem;font-size:1rem;font-weight:700;transition:transform .15s,box-shadow .15s,opacity .15s;display:flex;box-shadow:0 4px 20px #f75b064d}.auth-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #f75b0666}.auth-btn:active:not(:disabled){transform:translateY(0)}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-divider{color:var(--text-secondary);align-items:center;gap:.75rem;margin:.4rem 0;font-size:.82rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border-color);flex:1;height:1px}.auth-btn-google{background:var(--surface-color);width:100%;color:var(--text-primary);border:1.5px solid var(--border-color);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:.7rem;padding:.8rem 1.5rem;font-size:.95rem;font-weight:600;transition:border-color .2s,box-shadow .2s,transform .15s;display:flex}.auth-btn-google:hover:not(:disabled){border-color:var(--accent-color);transform:translateY(-1px);box-shadow:0 4px 16px #3b82f61f}.auth-btn-google:disabled{opacity:.6;cursor:not-allowed}.google-icon{flex-shrink:0;width:20px;height:20px}.auth-footer{text-align:center;color:var(--text-secondary);margin-top:1.5rem;font-size:.88rem}.auth-footer a{color:var(--accent-color);font-weight:600;text-decoration:none;transition:opacity .2s}.auth-footer a:hover{opacity:.75}.auth-alert{border-radius:10px;align-items:flex-start;gap:.6rem;padding:.75rem 1rem;font-size:.88rem;line-height:1.4;animation:.2s fade-in;display:flex}.auth-alert-error{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d}.auth-alert-success{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e4d}.auth-alert-mb{margin-bottom:1rem}.auth-footer--mt{margin-top:1.5rem}.auth-spinner{border:2.5px solid #fff6;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.7s linear infinite spin}.auth-spinner-dark{border:2.5px solid var(--border-color);border-top-color:var(--accent-color)}.header{z-index:50;border-bottom:1px solid var(--border-color);background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-bottom:1rem;padding:1rem 0;transition:background .3s;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;display:flex}.logo{color:var(--text-primary);align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;text-decoration:none;display:flex}.logo-img{object-fit:contain;border:1px solid var(--border-color);background:var(--surface-color);border-radius:50%;width:40px;height:40px}.header-nav{align-items:center;gap:.25rem;display:flex}.header-divider{background:var(--border-color);width:1px;height:18px;margin:0 4px;display:inline-block}.header-icon-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:6px;line-height:1;display:flex}.header-auth-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.35rem;padding:6px 10px;font-family:inherit;font-size:.88rem;font-weight:600;display:flex}.header-auth-link{text-decoration:none}.header-profile-dropdown{display:inline-block;position:relative}.header-profile-trigger{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:20px;align-items:center;gap:.5rem;padding:4px 8px;transition:background-color .2s,transform .1s;display:flex}.header-profile-trigger:hover{background-color:var(--border-color)}.header-profile-trigger:active{transform:scale(.98)}.header-avatar{object-fit:cover;border:1.5px solid var(--accent-color);border-radius:50%;width:28px;height:28px}.header-avatar-placeholder{background-color:var(--border-color);width:28px;height:28px;color:var(--text-secondary);border:1.5px solid var(--accent-color);border-radius:50%;justify-content:center;align-items:center;display:flex}.header-username{text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:.9rem;font-weight:600;overflow:hidden}.header-chevron{color:var(--text-secondary);transition:transform .2s}.header-chevron.open{transform:rotate(180deg)}.header-dropdown-menu{background:var(--surface-color);border:1px solid var(--border-color);z-index:100;border-radius:12px;flex-direction:column;gap:.25rem;width:160px;margin-top:.5rem;padding:.5rem;animation:.2s cubic-bezier(.16,1,.3,1) both dropdown-in;display:flex;position:absolute;top:100%;right:0;box-shadow:0 10px 25px #0000001f}.header-divider{background-color:var(--border-color);width:1px;height:20px;margin:0 .5rem;display:inline-block}.menu-divider{background-color:var(--border-color);width:100%;height:1px;margin:6px 0}.menu-section-title{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;opacity:.75;padding:4px 8px 2px;font-size:.7rem;font-weight:700}.lang-tabs-container{background:var(--bg-color);border:1px solid var(--border-color);border-radius:10px;gap:4px;margin:4px 0;padding:3px;display:flex}.lang-tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:6px 8px;font-family:inherit;font-size:.82rem;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.lang-tab-btn:hover{color:var(--text-primary)}.lang-tab-btn.active{background:var(--surface-color);color:var(--accent-color);border:1px solid var(--border-color);font-weight:700;box-shadow:0 2px 8px #0000001a}.lang-flag{font-size:.95rem;line-height:1}.lang-label{line-height:1}.menu-user-info{border-bottom:1px solid var(--border-color);margin-bottom:4px;padding:6px 8px 8px}.menu-user-name{color:var(--text-primary);margin:0;font-size:.88rem;font-weight:700}.menu-user-email{color:var(--text-secondary);margin:2px 0 0;font-size:.75rem}.header-dropdown-item{color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;font-family:inherit;font-size:.88rem;font-weight:500;text-decoration:none;transition:background-color .2s,color .2s;display:flex}.header-dropdown-item svg{color:var(--accent-color);flex-shrink:0;transition:color .2s}.header-dropdown-item:hover{background-color:var(--bg-color);color:var(--accent-color)}.header-dropdown-item.logout-btn:hover{color:#ef4444;background-color:#ef444414}.header-dropdown-item.logout-btn:hover svg{color:#ef4444}.header-hz-link{color:var(--text-primary);border-radius:20px;align-items:center;margin-right:.5rem;padding:6px 12px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.header-hz-link:hover{background-color:var(--border-color);color:var(--accent-color)}.header-sell-icon{color:var(--accent-color)}@media (max-width:580px){.header-hz-text{display:none}.header-hz-link{margin-right:0;padding:6px}}.social-fab{z-index:100;flex-direction:column;gap:.75rem;display:flex;position:fixed;bottom:5rem;right:2rem}.fab-btn{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;text-decoration:none;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s;display:flex;position:relative;box-shadow:0 4px 18px #00000047}.fab-btn:hover{transform:scale(1.15)translateY(-3px);box-shadow:0 10px 28px #0000005c}.fab-facebook{background:#1877f2}.fab-messenger{background:linear-gradient(135deg,#00c6ff,#7b2ff7)}.fab-cart{cursor:pointer;background:linear-gradient(135deg,#f97316,#f75b06,#ea580c);border:none}.fab-cart-badge{color:#fff;border:2px solid var(--bg-color);background:#ef4444;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:.65rem;font-weight:800;animation:.25s cubic-bezier(.34,1.56,.64,1) badge-pop;display:flex;position:absolute;top:-4px;right:-4px}.catalog-layout{align-items:flex-start;gap:1.75rem;padding-top:1.5rem;padding-bottom:3rem;display:flex}.sidebar{background:var(--surface-color);border:1px solid var(--border-color);border-radius:20px;flex:0 0 210px;max-height:calc(100vh - 100px);padding:1.25rem 1rem;position:sticky;top:80px;overflow:hidden auto;box-shadow:0 4px 24px #0000000f,0 1px 4px #0000000a}.sidebar::-webkit-scrollbar{width:3px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.sidebar-title{color:var(--text-secondary);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .85rem;padding-left:.5rem;font-size:.68rem;font-weight:800}.sidebar-desc{color:var(--text-secondary);padding:0 .5rem;font-size:.83rem;line-height:1.5}.content{flex:1;min-width:0}.content-header{justify-content:space-between;align-items:center;margin-bottom:1.1rem;display:flex}.content-title{color:var(--text-primary);letter-spacing:-.02em;font-size:1.1rem;font-weight:800}.content-count{color:var(--text-secondary);font-size:.82rem;font-weight:500}.brand-filter{flex-direction:column;gap:3px;padding:0;display:flex}.brand-chip{text-align:left;width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:.55rem;padding:.55rem .75rem;font-family:inherit;font-size:.85rem;font-weight:500;transition:all .18s;display:flex}.brand-chip .menu-icon{color:var(--text-secondary);opacity:.4;flex-shrink:0;transition:all .18s}.menu-text{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.brand-chip:hover{color:var(--text-primary);background:#f75b060f;border-color:#f75b061f;transform:translate(4px)}.brand-chip:hover .menu-icon{color:var(--accent-color);opacity:.7}.brand-chip.active{color:var(--accent-color);background:#f75b061a;border-color:#f75b0640;font-weight:700}.brand-chip.active .menu-icon{color:var(--accent-color);opacity:1}.product-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem;display:grid}.product-grid>:first-child{animation:.5s 50ms both card-in}.product-grid>:nth-child(2){animation:.5s .1s both card-in}.product-grid>:nth-child(3){animation:.5s .15s both card-in}.product-grid>:nth-child(4){animation:.5s .2s both card-in}.product-grid>:nth-child(5){animation:.5s .25s both card-in}.product-grid>:nth-child(6){animation:.5s .3s both card-in}.product-grid>:nth-child(7){animation:.5s .35s both card-in}.product-grid>:nth-child(8){animation:.5s .4s both card-in}.product-grid>:nth-child(9){animation:.5s .45s both card-in}.product-grid>:nth-child(10){animation:.5s .5s both card-in}.marquee-bar{white-space:nowrap;width:100%;margin-bottom:.75rem;padding:.55rem 0;overflow:hidden}.marquee-track{animation:30s linear infinite marquee-scroll;display:inline-block}.marquee-text{color:var(--accent-color);letter-spacing:.03em;padding-right:5rem;font-size:.88rem;font-weight:500}.marquee-bar:hover .marquee-track{animation-play-state:paused}.categories-grid-nav{justify-content:center;align-items:center;gap:3.5rem;margin-top:.5rem;margin-bottom:.75rem;padding:.5rem 1rem;display:flex}.category-item-btn{cursor:pointer;text-align:center;background:0 0;border:none;flex-direction:column;align-items:center;min-width:140px;padding:.25rem 1rem;transition:transform .2s;display:flex}.category-icon-box{border:1.5px solid var(--border-color);background:var(--surface-color);width:50px;height:50px;color:var(--accent-color);border-radius:14px;justify-content:center;align-items:center;margin-bottom:.5rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.category-item-title{color:var(--text-primary);margin-bottom:.15rem;font-size:.95rem;font-weight:700;transition:color .2s}.category-item-subtitle{color:var(--text-secondary);opacity:.7;font-size:.72rem;font-weight:500}.category-item-btn:hover{transform:translateY(-2px)}.category-item-btn:hover .category-icon-box{border-color:var(--accent-color);box-shadow:0 4px 14px #f75b0626}.category-item-btn.active .category-icon-box{background:var(--accent-color);border-color:var(--accent-color);color:#fff;box-shadow:0 6px 20px #f75b0659}.category-item-btn.active .category-item-title{color:var(--accent-color)}.filter-tabs-container{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;align-items:stretch;gap:6px;margin-bottom:1rem;padding:4px;display:flex}.filter-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:.35rem;padding:7px 6px;font-family:inherit;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.filter-tab:hover{color:var(--text-primary);background:var(--surface-color)}.filter-tab.active{background:var(--surface-color);color:var(--accent-color);font-weight:700;box-shadow:0 1px 6px #00000014}.mobile-filter-container{gap:.75rem;width:100%;margin-bottom:1.25rem;display:none}.mobile-filter-field{flex:1;width:100%}.mobile-filter-select{border:1px solid var(--border-color);background-color:var(--surface-color);width:100%;color:var(--text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23475569'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border-radius:10px;outline:none;padding:10px 32px 10px 14px;font-size:.88rem;font-weight:600;transition:border-color .2s,box-shadow .2s}:root[data-theme=dark] .mobile-filter-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E")}.mobile-filter-select:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #f75b0626}@media (max-width:768px){.mobile-filter-container{display:flex}.sidebar{display:none!important}.catalog-layout{flex-direction:column;padding-top:1rem}.brand-filter{flex-flow:wrap;gap:.4rem}.brand-chip{border-radius:999px;width:auto;padding:.45rem 1.1rem}.brand-chip:hover{transform:none}.product-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}}@media (max-width:500px){.categories-grid-nav{gap:1.5rem}.category-item-btn{min-width:110px;padding:.25rem .5rem}.category-icon-box{border-radius:12px;width:44px;height:44px}}.custom-dialog-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.custom-dialog-container{background:var(--surface-color);border:1px solid var(--border-color);text-align:center;border-radius:20px;width:100%;max-width:380px;padding:2rem;animation:.2s cubic-bezier(.16,1,.3,1) animate-in;box-shadow:0 24px 60px #0000002e}.custom-dialog-icon-wrapper{justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.icon-success{color:#22c55e}.icon-error{color:#ef4444}.icon-warning{color:#f59e0b}.icon-info{color:#3b82f6}.custom-dialog-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.15rem;font-weight:700}.custom-dialog-message{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.9rem;line-height:1.6}.custom-dialog-actions{justify-content:center;display:flex}.custom-dialog-btn{cursor:pointer;border:none;border-radius:10px;padding:.6rem 2rem;font-size:.9rem;font-weight:700;transition:opacity .2s}.custom-dialog-btn.success{color:#fff;background:#22c55e}.custom-dialog-btn.error{color:#fff;background:#ef4444}.custom-dialog-btn.warning{color:#fff;background:#f59e0b}.custom-dialog-btn.info{color:#fff;background:#3b82f6}.edit-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.edit-modal-container{background:var(--surface-color);border:1px solid var(--border-color);border-radius:20px;width:100%;max-width:680px;max-height:90vh;padding:2rem;position:relative;overflow-y:auto;box-shadow:0 24px 60px #0000002e}.edit-modal-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.edit-modal-title{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:700}.edit-modal-close-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:6px;padding:.25rem;display:flex}.home-overview-container{padding-top:1rem;padding-bottom:3rem}.home-overview-section{margin-bottom:2.5rem}.home-section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.home-section-title-group{align-items:center;gap:.75rem;display:flex}.home-section-icon{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.home-section-title{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:700}.home-section-subtitle{color:var(--text-secondary);margin:0;font-size:.8rem}.home-section-see-all{color:var(--accent-color);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-family:inherit;font-size:.85rem;font-weight:600;transition:background .2s;display:flex}.home-section-see-all:hover{background:#f75b0614}.home-overview-grid,.home-section-loading{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;display:grid}.home-skeleton-card{background:var(--border-color);border-radius:12px;height:220px;animation:1.5s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.home-section-empty{color:var(--text-secondary);padding:1rem 0;font-size:.9rem}.home-exchange-wrapper{margin-top:1rem}.sell-books-auth-wrapper{justify-content:center;align-items:center;min-height:60vh;display:flex}.sell-books-auth-card{text-align:center}.sell-books-login-link{margin-top:1rem;text-decoration:none;display:inline-block}.sell-books-container{max-width:1200px}.sell-books-tab-bar{margin-bottom:1.5rem}.sell-books-header-row{align-items:center;gap:.75rem;display:flex}.sell-books-header-icon{color:#f75b06}.sell-books-header-title{color:#0f172a;margin:0;font-size:1.25rem;font-weight:700}.sell-books-alert{margin-bottom:1.5rem}.sell-books-mark-btn{color:#1e293b;border:1px solid #cbd5e1;width:100%;margin-top:1rem;padding:.65rem 1rem}.sell-books-edit-panel{z-index:200;background:var(--surface-color);width:420px;height:100%;padding:2rem 1.5rem;animation:.25s slideInRight;position:fixed;top:0;right:0;overflow-y:auto;box-shadow:-8px 0 32px #0000001f}.sell-books-edit-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.sell-books-edit-title{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:700}.sell-books-edit-close{cursor:pointer;color:var(--text-secondary);background:#0000000f;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.35rem;transition:background .15s;display:flex}.sell-books-edit-close:hover{background:#0000001f}.sell-books-edit-alert{margin-bottom:1.25rem}.profile-auth-card{text-align:center}.profile-login-link{text-decoration:none}.profile-alert{margin-bottom:1.5rem}.profile-file-input,.avatar-file-input{display:none}.profile-address-textarea{background:var(--surface-color);resize:vertical;min-height:80px}.profile-header-btn-remove{color:#ef4444;cursor:pointer;background:0 0;border:none;margin-left:1rem;font-size:.9rem;font-weight:500}.profile-avatar-section{text-align:center;flex-direction:column;align-items:center;padding:2rem 1.5rem;display:flex}.danger-row{align-items:flex-start;gap:.75rem;display:flex}.danger-icon{color:#ef4444;flex-shrink:0;margin-top:2px}.danger-title{color:#b91c1c;margin-bottom:.25rem;font-size:.92rem;font-weight:700;display:block}.danger-desc{color:#64748b;font-size:.85rem;display:block}.danger-actions{gap:.75rem;margin-top:1rem;display:flex}.danger-confirm-row{align-items:flex-start;gap:.75rem;margin-bottom:1rem;display:flex}.danger-confirm-actions{gap:.75rem;display:flex}.danger-alert{margin:1rem 0 .5rem}.danger-field-mb{margin-bottom:1rem}.danger-label{color:#b91c1c}.danger-input-error{border-color:#fca5a5}.security-card{padding:1.75rem}.security-title{border-bottom:none;padding:0}.security-subtitle{color:#64748b;margin:.25rem 0 1.5rem;font-size:.9rem}.security-field{margin-bottom:1.25rem}.security-field--last{margin-bottom:1.5rem}.payment-row-no-border{cursor:default;border-bottom:none}.payment-key-auto{width:auto}.payment-qr-row{border-bottom:none}.contact-input-full-width{box-sizing:border-box;width:100%}.book-form-card-body{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.book-item-row{cursor:pointer;border-bottom:1px solid #f1f5f9;padding:1rem 1.5rem}.book-item-row:hover{background:#00000005}.book-item-row.selected-listing-row{background:#f8fafc}.book-item-content{flex-grow:1;align-items:center;gap:1rem;display:flex}.book-item-thumb{object-fit:cover;border:1px solid #e2e8f0;border-radius:6px;flex-shrink:0;width:40px;height:52px}.book-item-thumb-placeholder{color:#94a3b8;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:52px;display:flex}.book-item-meta{flex-direction:column;gap:.15rem;display:flex}.book-item-header{align-items:center;gap:.5rem;display:flex}.book-item-title{color:#0f172a;margin:0;font-size:.95rem;font-weight:600}.book-item-badge{border-radius:99px;padding:.12rem .4rem;font-size:.7rem;font-weight:600}.book-item-badge.available{color:#16a34a;background:#dcfce7}.book-item-badge.sold-out{color:#ef4444;background:#fee2e2}.book-item-subtitle{color:#64748b;font-size:.82rem}.book-item-actions{align-items:center;gap:.5rem;display:flex}.book-action-btn{cursor:pointer;background:#fff;border-radius:6px;justify-content:center;align-items:center;padding:.45rem;transition:opacity .15s;display:flex}.book-action-btn:disabled{opacity:.5;cursor:not-allowed}.book-action-btn--edit{color:#475569;border:1px solid #e2e8f0}.book-action-btn--delete{color:#ef4444;border:1px solid #fca5a5}.book-list-loading{flex-direction:column;align-items:center;padding:2rem 0;display:flex}.book-list-loading .spinner{width:25px;height:25px}.book-list-loading-text{color:var(--text-secondary);margin-top:.5rem;font-size:.85rem}.book-list-empty{text-align:center;border:2px dashed var(--border-color);border-radius:16px;padding:2.5rem 1.5rem}.book-list-empty-icon{font-size:1.75rem}.book-list-empty-title{margin:.5rem 0 .25rem;font-size:1.05rem;font-weight:700}.book-list-empty-text{color:var(--text-secondary);margin:0;font-size:.88rem}.book-detail-col{flex-direction:column;gap:.25rem;width:100%;display:flex}.detail-item--sm{font-size:.8rem}.detail-label{font-weight:600}.detail-value-secondary{color:var(--text-secondary);margin-left:.25rem}.condition-new{color:#10b981;margin-left:.25rem;font-weight:700}.condition-used{color:#f59e0b;margin-left:.25rem;font-weight:700}.modal-buy-now-btn{border-radius:12px;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;padding:.65rem 1rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.modal-buy-now-btn--active{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 4px 14px #f9731659}.modal-buy-now-btn--disabled{color:#94a3b8;cursor:not-allowed;background:#00000014}.book-form-cover-box{border-radius:8px;flex-shrink:0;width:56px;height:56px;margin:0}.book-form-cover-meta{flex-direction:column;flex-grow:1;gap:.25rem;display:flex}.book-form-cover-status{color:#64748b;font-size:.9rem;font-weight:500}.book-form-choose-btn{align-self:flex-start;padding:.4rem .85rem;font-size:.85rem}.book-form-submit-row{gap:1rem;margin-top:.5rem;display:flex}.book-form-btn-flex{flex:1}.book-form-cover-img{object-fit:cover;width:100%;height:100%}.book-form-cover-section{align-items:center;gap:1.5rem;padding:1.5rem;display:flex}.book-form-textarea{resize:vertical;min-height:100px}.hero-banner-anim-transition{transition:background-color .7s}.footer-icon{margin-right:6px}