:root{--primary-contrast:#0b151e;--secondary-contrast:#0b151e99;--background-gradient:linear-gradient(90deg, #ffca28, #f57c00);--background:#ffca28;--muted:#c289034d;--surface:#e99e1d;--border:transparent;--top-gradient:#fff3;--bottom-gradient-top:#ffffff75;--bottom-gradient-bottom:transparent;--button:#0b151e}.dark-theme{--primary-contrast:#fff;--secondary-contrast:#fff9;--background-gradient:linear-gradient(90deg, #0b151e, #0b151e);--background:#0b151e;--muted:#15273c99;--surface:#112031;--border:#ffffff20;--top-gradient:#1b72e833;--bottom-gradient-top:#1b72e8;--bottom-gradient-bottom:#1b72e850;--button:linear-gradient(90deg, #ffca28, #f57c00)}*{margin:0;font-family:Google Sans}html{background:var(--background)}body{color:var(--primary-contrast);background:var(--background-gradient);flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;display:flex}.dots{pointer-events:none;background-image:radial-gradient(circle at center, var(--muted) 2px, transparent 2px);background-position:12px 12px;background-size:30px 30px;width:100%;height:100%;position:absolute;top:0;left:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 50%);mask-image:linear-gradient(#000 0%,#0000 50%)}.top-gradient{background:linear-gradient(180deg, transparent 0%, var(--top-gradient) 50%);clip-path:polygon(0 0,100% 0,100% 100%,0 calc(100% - 10vw));width:100%;height:25vh;position:absolute;top:0;left:0}.bottom-gradient{pointer-events:none;-webkit-user-select:none;user-select:none;--top:var(--bottom-gradient-top);--bottom:var(--bottom-gradient-bottom);--first:conic-gradient(from 90deg at 0% 50%, var(--top), var(--bottom));--second:conic-gradient(from 270deg at 100% 50%, var(--bottom), var(--top));width:90%;height:900px;-webkit-mask-image:radial-gradient(closest-side at 50% 50%, var(--background), transparent);mask-image:radial-gradient(closest-side at 50% 50%, var(--background), transparent);background-image:var(--first), var(--second);opacity:.4;transform-origin:50%;background-position:0 100%,100% 0;background-repeat:no-repeat;margin-bottom:-550px;position:fixed;bottom:0;transform:translateY(-200px)rotate(180deg)translateZ(0)}.header{justify-content:center;align-items:center;display:flex;position:absolute;top:4vh}.header svg{padding:16px 25px}.heading{letter-spacing:-2%;text-align:center;font-size:48px;font-weight:500}.regenerate-button{color:var(--background);background:var(--button)}.back-button{color:var(--primary-contrast);background-color:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center;gap:6px;text-decoration:none;display:flex;position:fixed;top:32px;left:32px}.button{cursor:pointer;border:none;border-radius:100px;padding:11px 16px;font-size:15px;font-weight:500;line-height:1.3;transition:scale .2s,filter .2s}.button:hover{filter:brightness(1.1)}.button:active{scale:.97}.content{flex-direction:column;justify-content:center;align-items:center;gap:80px;margin:120px 12px;display:flex}.content header{flex-direction:column;align-items:center;gap:32px;display:flex}.content header h2{font-size:20px;font-weight:400}.features,.data-container{gap:10px;display:grid}.features{text-wrap:balance;grid-template-columns:repeat(2,1fr)}.data-container{text-wrap:pretty;grid-template-columns:repeat(2,1fr)}.card{flex-direction:column;gap:12px;max-width:360px;padding:24px}.card h2{letter-spacing:-2%;font-size:24px;font-weight:500;line-height:1.2}.card p{color:var(--secondary-contrast);letter-spacing:-1%;font-size:13px;line-height:1.5}.link,.card p a{color:var(--primary-contrast);text-underline-offset:2px;text-decoration:underline}.links-container{flex-wrap:wrap;gap:24px;padding-top:24px;display:flex}.links{flex-wrap:wrap;gap:10px;display:flex}.links a{color:var(--primary-contrast);white-space:nowrap;justify-content:center;align-items:center;gap:4px;padding:14px 15px;font-size:14px;font-weight:500;text-decoration:none}.links a,.card{background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;display:flex;position:relative}.links a:before,.card:before{content:"";background:linear-gradient(var(--border), transparent 30%);-webkit-mask-composite:xor;pointer-events:none;border-radius:24px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card:not(:first-child):after,.links a:not(:first-child):after{content:"";background:var(--surface);pointer-events:none;height:100%;position:absolute;top:0}.card:not(:first-child):after{width:10px;left:-10px;-webkit-mask:url(/between-cards.svg) 50%/contain no-repeat;mask:url(/between-cards.svg) 50%/contain no-repeat}.links a:not(:first-child):after{width:30px;left:-20px;-webkit-mask:url(/between-links.svg) 50%/contain no-repeat;mask:url(/between-links.svg) 50%/contain no-repeat}@media only screen and (max-width:1023px){.heading{font-size:36px}.back-button{top:10px;left:10px}.features,.data-container{grid-template-columns:1fr}.top-gradient,.card:after,.links a:after{display:none}.bottom-gradient{width:150%;height:400px;margin-bottom:-450px}}.auth-section{align-items:center;gap:16px;display:flex}.auth-modal{z-index:1000;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.auth-form{background:var(--surface);border-radius:12px;flex-direction:column;gap:16px;min-width:300px;padding:24px;display:flex}.auth-form h3{text-align:center;margin:0}.auth-form input{border:1px solid var(--border);background:var(--background);color:var(--primary-contrast);border-radius:8px;padding:12px;font-size:14px}.auth-form input:focus{border-color:var(--primary-contrast);outline:none}.error{color:#ff6b6b;text-align:center;margin:0;font-size:14px}.link-button{color:var(--primary-contrast);cursor:pointer;background:0 0;border:none;font-size:14px;text-decoration:underline}.form-container{width:100%;max-width:600px;margin:0 auto}.table-form{background:var(--surface);border-radius:16px;flex-direction:column;gap:24px;padding:32px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-group label{color:var(--primary-contrast);font-weight:500}.form-group input,.form-group textarea{border:1px solid var(--border);background:var(--background);color:var(--primary-contrast);border-radius:8px;padding:12px 16px;font-size:14px}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-contrast);outline:none}.form-hint{color:var(--secondary-contrast);margin-top:4px;font-size:12px}.submit-button{background:var(--button);color:var(--background);padding:16px 24px;font-size:16px;font-weight:500}.image-preview{margin-top:16px}.preview-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;margin-top:12px;display:grid}.preview-item img{border:2px solid var(--border);border-radius:8px}.tables-header{margin-bottom:32px}.empty-state{text-align:center;padding:48px}.tables-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.table-card{background:var(--surface);cursor:pointer;border-radius:16px;padding:24px;transition:transform .2s,filter .2s}.table-card:hover{filter:brightness(1.05);transform:translateY(-2px)}.table-card.selected{border:2px solid var(--primary-contrast)}.table-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.table-header h3{margin:0;font-size:18px}.status{border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500}.status.active{color:#fff;background:#28a745}.status.inactive{color:#fff;background:#6c757d}.table-description{color:var(--secondary-contrast);margin-bottom:12px}.table-address{margin-bottom:16px;font-size:14px}.table-images{margin-bottom:16px;position:relative}.table-preview{object-fit:cover;border-radius:8px;width:100%;height:150px}.image-count{color:#fff;background:#000c;border-radius:4px;padding:4px 8px;font-size:12px;position:absolute;bottom:8px;right:8px}.table-meta{color:var(--secondary-contrast);margin-bottom:16px;font-size:12px}.table-meta p{margin:4px 0}.table-actions{gap:12px;display:flex}.map-page{max-width:1200px;margin:120px auto 0;padding:20px}.map-container{grid-template-columns:2fr 1fr;gap:24px;margin-bottom:32px;display:grid}.map-wrapper{border:2px solid var(--border);border-radius:12px;overflow:hidden}.table-details{background:var(--surface);border-radius:12px;height:fit-content;padding:24px}.table-details h2{margin-top:0;margin-bottom:16px}.table-info h3{margin:0 0 12px}.table-images{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px;margin:16px 0;display:grid}.table-image{object-fit:cover;border-radius:6px;width:100%;height:80px}.tables-list h2{margin-bottom:16px}.popup-content{min-width:200px}.popup-content h3{margin:0 0 8px}.popup-content p{margin:4px 0;font-size:14px}@media (max-width:768px){.map-container,.form-row,.tables-grid{grid-template-columns:1fr}.table-actions{flex-direction:column}}.table-detail{flex-direction:column;gap:32px;max-width:1200px;margin:0 auto;display:flex}.table-info{background:var(--surface);border-radius:12px;padding:24px}.table-info p{margin:8px 0}.image-section{flex-direction:column;gap:16px;display:flex}.main-image{border-radius:12px;position:relative;overflow:hidden}.table-main-image{object-fit:cover;width:100%;height:500px}.product-overlay{cursor:pointer;background:#00ff001a;border:2px solid #0f0;transition:all .2s;position:absolute}.product-overlay:hover{background:#0f03;border-color:#0d0}.product-price{color:#000;background:#0f0;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:700;position:absolute;bottom:-25px;left:0}.image-thumbnails .product-price.pending{color:#000;background:#fc0}.image-thumbnails{gap:12px;padding:8px 0;display:flex;overflow-x:auto}.thumbnail{object-fit:cover;cursor:pointer;border:2px solid #0000;border-radius:8px;width:100px;height:80px;transition:border-color .2s}.thumbnail.active{border-color:var(--primary-contrast)}.thumbnail:hover{border-color:var(--secondary-contrast)}.verification-section{background:var(--surface);border-radius:12px;padding:24px}.verification-section h2{margin-top:0;margin-bottom:24px}.pending-products{flex-direction:column;gap:24px;display:flex}.product-verification-card{background:var(--background);border:1px solid var(--border);border-radius:12px;grid-template-columns:1fr 1fr auto;align-items:start;gap:20px;padding:20px;display:grid}.product-info h4{margin:0 0 12px}.verification-form{flex-direction:column;gap:12px;display:flex}.verification-form input,.verification-form textarea{border:1px solid var(--border);background:var(--surface);color:var(--primary-contrast);border-radius:6px;padding:8px 12px}.verification-actions{flex-direction:column;gap:8px;display:flex}.approve-button{color:#fff;background:#28a745}.reject-button{color:#fff;background:#dc3545}.products-section{background:var(--surface);border-radius:12px;padding:24px}.products-section h2{margin-top:0;margin-bottom:24px}.products-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;display:grid}.product-card{background:var(--background);border:1px solid var(--border);border-radius:12px;padding:16px;transition:transform .2s}.product-card:hover{transform:translateY(-2px)}.product-card h4{margin:0 0 8px}.product-card .price{color:var(--primary-contrast);margin:12px 0;font-size:18px;font-weight:700}.product-card .status{color:var(--secondary-contrast);font-size:12px}@media (max-width:768px){.product-verification-card{grid-template-columns:1fr}.verification-actions{flex-direction:row}}.chat-page{flex-direction:column;max-width:800px;height:calc(100vh - 140px);margin:120px auto 0;padding:20px;display:flex}.chat-header{border-bottom:1px solid var(--border);align-items:center;gap:16px;margin-bottom:20px;padding-bottom:16px;display:flex}.back-btn{padding:8px 16px}.chat-info h2{margin:0;font-size:18px}.chat-info p{color:var(--secondary-contrast);margin:4px 0 0}.chat-container{flex-direction:column;gap:16px;height:100%;display:flex}.product-summary{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px}.product-summary h4{margin:0 0 8px}.product-summary p{margin:4px 0}.product-summary .price{color:var(--primary-contrast);font-size:16px;font-weight:700}.messages-container{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;flex:1;display:flex;overflow:hidden}.messages{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.no-messages{text-align:center;color:var(--secondary-contrast);font-style:italic}.message{border-radius:18px;max-width:80%;padding:12px 16px;position:relative}.own-message{background:var(--primary-contrast);color:var(--background);align-self:flex-end}.other-message{background:var(--background);border:1px solid var(--border);align-self:flex-start}.message-header{opacity:.8;justify-content:space-between;align-items:center;margin-bottom:4px;font-size:12px;display:flex}.sender{font-weight:500}.timestamp{font-size:11px}.message-content{line-height:1.4}.message-form{border-top:1px solid var(--border);background:var(--background);gap:12px;padding:16px;display:flex}.message-input{border:1px solid var(--border);background:var(--surface);color:var(--primary-contrast);border-radius:24px;outline:none;flex:1;padding:12px 16px}.message-input:focus{border-color:var(--primary-contrast)}.send-button{background:var(--primary-contrast);color:var(--background);cursor:pointer;border:none;border-radius:24px;padding:12px 24px;font-weight:500}.send-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.chat-page{height:calc(100vh - 120px);margin-top:100px;padding:10px}.chat-header{flex-direction:column;align-items:flex-start;gap:8px}.message{max-width:90%}}.chats-list{flex-direction:column;gap:16px;max-width:600px;margin:0 auto;display:flex}.chat-item{background:var(--surface);border:1px solid var(--border);color:inherit;border-radius:12px;justify-content:space-between;align-items:center;padding:20px;text-decoration:none;transition:transform .2s,filter .2s;display:flex}.chat-item:hover{filter:brightness(1.05);color:inherit;text-decoration:none;transform:translateY(-2px)}.chat-info h4{margin:0 0 8px;font-size:16px}.chat-info .product-ref{color:var(--secondary-contrast);margin:4px 0;font-size:12px}.chat-info .last-message{color:var(--secondary-contrast);white-space:nowrap;text-overflow:ellipsis;max-width:300px;margin:8px 0 0;font-size:14px;font-style:italic;overflow:hidden}.chat-meta{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.chat-meta .timestamp{color:var(--secondary-contrast);font-size:12px}
