html,body{margin:0;padding:0;width:100%;height:100%;background-color:#fff;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000000de}h1{font-size:clamp(1.5rem,6vw,3rem);line-height:1.2;margin:0}a{font-weight:500;color:#646cff;text-decoration:none}a:hover{color:#535bf2}button{border-radius:.5rem;border:1px solid transparent;padding:.6em 1.2em;font-size:1rem;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus{outline:.25rem auto -webkit-focus-ring-color}.HeaderCard{width:100%;height:10vh;background-color:#193d29;display:flex;justify-content:space-between;align-items:center;padding:0 4%;border-radius:0;box-sizing:border-box}.card-left,.card-right{display:flex;align-items:center;gap:.8rem}.expandirIcon{color:#fff;fill:#fff;width:2rem;height:2rem}.campanaIcon,.userIcon{color:#fff;fill:#fff;width:1.5rem;height:1.5rem}.userIcon{width:1.8rem;height:1.8rem}.card-content{flex:1;text-align:center;color:#fff}.logoutIcon{color:#fff;fill:#fff;cursor:pointer}.logoutIcon:hover{color:#ff6b6b;transform:scale(1.1);transition:all .2s ease}.adminIcon{color:#fff;font-size:1.2rem;font-weight:700}.footer{background-color:#123d29;color:#fff;display:flex;justify-content:space-between;align-items:flex-start;padding:1rem 1.5rem;margin-top:2rem;font-size:.9rem}.footer-left{flex:1}.footer-left h4{margin:0 0 .4rem;font-weight:700;line-height:1.3;font-size:.9rem}.footer-left p{margin:.15rem 0;line-height:1.05;color:#b6b6b6}.footer-right{flex:1;display:flex;flex-direction:column;align-items:flex-end;text-align:left;margin-left:5rem;max-width:45%;text-align:justify}.footer-logo{width:100%;margin-bottom:.4rem}.footer-note{font-size:.68rem;line-height:1.2}.login-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#fff;padding:20px;font-family:Poppins,sans-serif}.login-container{width:100%;max-width:400px;text-align:center}.login-title{color:#193d29;font-size:2rem;font-weight:800;margin-bottom:10px}.login-subtitle{color:#666;font-size:.9rem;margin-bottom:40px}.login-form{display:flex;flex-direction:column;gap:20px}.input-group{text-align:left}.input-group label{display:block;color:#193d29;font-weight:600;font-size:.9rem;margin-bottom:8px;margin-left:5px}.login-input{width:100%;padding:15px;border-radius:1rem;border:2px solid transparent;background-color:#f5f5f5;color:#333;font-size:1rem;font-family:Poppins,sans-serif;outline:none;transition:all .3s ease}.login-input:focus{background-color:#fff;border-color:#4caf50;box-shadow:0 4px 10px #4caf501a}.login-button{margin-top:20px;padding:15px;border-radius:1rem;border:none;background-color:#4caf50;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:transform .2s ease,background-color .3s;box-shadow:0 4px 6px #4caf504d}.login-button:hover{background-color:#388e3c;transform:translateY(-2px)}.login-button:active{transform:scale(.98)}.forgot-password{margin-top:20px;font-size:.85rem;color:#888;text-decoration:none}.forgot-password span{color:#4caf50;font-weight:600}.admin-container{padding:20px 20px 100px;max-width:900px;margin:0 auto;font-family:Poppins,sans-serif}.admin-title{text-align:center;color:#193d29;font-weight:800;margin-bottom:30px}.admin-tabs{display:flex;justify-content:center;gap:20px;margin-bottom:30px;flex-wrap:wrap}.tab-btn{background-color:#f0f0f0;color:#666;border:none;padding:12px 25px;border-radius:15px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px}.tab-btn:hover{background-color:#e0e0e0}.tab-btn.active{background-color:#4caf50;color:#fff;box-shadow:0 4px 10px #4caf504d}.form-card{background:#fff;padding:25px;border-radius:20px;border:1px solid #e0e0e0;box-shadow:0 4px 15px #0000000d;margin-bottom:40px}.form-header{margin-top:0;color:#4caf50;border-bottom:2px solid #f0f0f0;padding-bottom:10px;margin-bottom:20px}.admin-form{display:flex;flex-direction:column;gap:15px}.input-group label{display:block;font-size:.85rem;font-weight:700;color:#193d29;margin-bottom:5px}.input-group input,.input-group select{width:100%;padding:12px;border-radius:10px;border:1px solid #ddd;background-color:#f9fff9;font-family:inherit;color:#333;transition:.3s}.input-group input:focus,.input-group select:focus{outline:none;border-color:#4caf50;background-color:#fff}.form-row{display:flex;gap:20px}.form-row>div{flex:1}.button-group{display:flex;gap:10px;margin-top:10px}.save-btn{flex:1;padding:15px;border-radius:10px;border:none;background-color:#4caf50;color:#fff;font-weight:800;cursor:pointer;font-size:1rem;transition:all .3s;box-shadow:0 4px 6px #4caf5033}.save-btn:hover{background-color:#43a047;transform:translateY(-2px)}.save-btn.update-mode{background-color:#2e7d32}.cancel-btn{padding:15px;border-radius:10px;border:1px solid #ffcdd2;background:#ffebee;color:#d32f2f;cursor:pointer;font-weight:700;transition:background .2s}.cancel-btn:hover{background-color:#ffcdd2}.scores-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:15px;margin-bottom:20px;background-color:#f1f8e9;padding:20px;border-radius:12px;border:1px solid #c5e1a5}.score-group label{font-size:.75rem;text-align:center;margin-bottom:8px;color:#558b2f;text-transform:uppercase}.score-control-wrapper{display:flex;align-items:center;gap:5px}.score-control-wrapper input{text-align:center;font-weight:700;color:#193d29;padding:8px;background:#fff;-moz-appearance:textfield}.score-control-wrapper input::-webkit-outer-spin-button,.score-control-wrapper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.score-btn{width:32px;height:32px;border-radius:8px;border:none;font-weight:900;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s;flex-shrink:0}.score-btn.minus{background-color:#ffcdd2;color:#c62828}.score-btn.plus{background-color:#c8e6c9;color:#2e7d32}.steps-section{background-color:#fff;padding:20px;border-radius:12px;border:2px dashed #a5d6a7;margin-bottom:20px}.steps-section label{font-size:1rem;color:#2e7d32;margin-bottom:15px}.step-row{display:flex;align-items:center;gap:15px;margin-bottom:10px;width:100%}.step-number{font-weight:800;color:#4caf50;min-width:25px}.step-input{flex-grow:1;width:100%;padding:12px;border-radius:8px;border:1px solid #ccc;background-color:#fff!important;color:#333;font-size:.95rem}.remove-step-btn{background:transparent;border:2px solid #ef9a9a;color:#c62828;width:35px;height:35px;border-radius:50%;cursor:pointer;font-weight:700;font-size:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.remove-step-btn:hover{background-color:#ffebee;border-color:#d32f2f}.add-step-btn{width:100%;background-color:#f1f8e9;border:2px dashed #4CAF50;color:#2e7d32;padding:10px;border-radius:10px;font-weight:700;cursor:pointer;margin-top:10px;transition:background .2s}.add-step-btn:hover{background-color:#dcedc8}.csv-section{background:#fff;border:1px solid #e0e0e0;padding:20px;border-radius:15px;margin-bottom:30px;box-shadow:0 4px 6px #00000005;display:flex;flex-direction:column;align-items:center;text-align:center}.csv-header-row{display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap;margin-bottom:10px;width:100%}.csv-section h4{margin:0;color:#193d29;font-size:1.1rem}.csv-template-btn{background:#fff;color:#4caf50;border:2px solid #4CAF50;padding:6px 15px;border-radius:8px;cursor:pointer;font-weight:700;font-size:.85rem;transition:all .2s}.csv-template-btn:hover{background:#e8f5e9}.csv-note{font-size:.85rem;color:#777;margin:5px 0 15px}.csv-upload-wrapper{margin-top:5px}.csv-upload-label{background-color:#193d29;color:#fff;padding:12px 30px;border-radius:8px;cursor:pointer;font-weight:700;transition:background .3s;display:inline-block;box-shadow:0 4px 6px #0000001a}.csv-upload-label:hover{background-color:#2e7d32;transform:translateY(-2px)}.search-bar-container{margin-bottom:25px}.admin-search-input{width:100%;padding:15px 20px;font-size:1.1rem;border:2px solid #ddd;border-radius:15px;background-color:#fff;color:#333;transition:border-color .3s}.admin-search-input::placeholder{color:#aaa}.admin-search-input:focus{border-color:#4caf50;outline:none;box-shadow:0 0 0 4px #4caf501a}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px}.admin-item-card{background:#fff;border-radius:15px;padding:15px;display:flex;align-items:center;border:1px solid #eee;transition:transform .2s,box-shadow .2s;position:relative}.admin-item-card:hover{transform:translateY(-3px);box-shadow:0 5px 15px #00000014;border-color:#a5d6a7}.item-img-wrapper{width:80px;height:80px;border-radius:10px;overflow:hidden;margin-right:15px;flex-shrink:0;background-color:#fff;border:1px solid #eee;display:flex;align-items:center;justify-content:center}.item-img-wrapper img{width:100%;height:100%;object-fit:contain;padding:4px}.item-info{flex:1;overflow:hidden}.item-info h4{margin:0 0 6px;font-size:1rem;color:#333;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{background-color:#e8f5e9;color:#2e7d32;padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:700;display:inline-block}.item-actions{display:flex;gap:8px;margin-left:10px}.edit-icon-btn,.delete-icon-btn{width:38px;height:38px;border:none;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .2s}.edit-icon-btn{background-color:#e3f2fd;color:#1565c0}.edit-icon-btn:hover{background-color:#bbdefb}.delete-icon-btn{background-color:#ffebee;color:#c62828}.delete-icon-btn:hover{background-color:#ffcdd2}.suggestions-list{position:absolute;top:100%;left:0;width:100%;background-color:#fff;border:1px solid #ddd;border-radius:0 0 8px 8px;box-shadow:0 4px 6px #0000001a;list-style:none;padding:0;margin:0;z-index:1000;max-height:200px;overflow-y:auto}.suggestion-item{padding:8px 12px;cursor:pointer;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background-color:#f5f7fa;color:#000}.inicio{min-height:100vh;background-color:#fff;display:flex;flex-direction:column;margin:5% 0 0;padding:0 5%;box-sizing:border-box}.levelCard{display:flex;justify-content:center;align-items:center;width:100%}.progress-bar-group{display:flex;flex-direction:column;gap:.4rem;margin-top:1.5rem}.card{width:100%;height:8vh;background-color:#6fb55f;border-radius:.6rem;display:flex;justify-content:space-between;align-items:flex-end;box-sizing:border-box;padding:0 .5rem}.card-texts{display:flex;flex-direction:column;justify-content:center;align-self:stretch;margin:0;line-height:1;flex:0 0 auto}.level{color:#f6f6f68a;font-size:clamp(.9rem,2vw,1rem);font-family:Russo One;font-weight:800;letter-spacing:.12em;margin:0}.role{color:#fff;font-size:clamp(1.5rem,4vw,1.5rem);font-family:Poppins;font-weight:800;letter-spacing:.12em;margin:0}.card-avatar{max-height:14vh;margin-top:-1.5rem}.LevelCard{background:none;border:none;padding:0;cursor:pointer;width:100%;text-align:inherit}.custom-progress-bar{width:100%;height:4vh;border-radius:2rem;overflow:hidden;align-self:center;display:flex;align-items:center;margin-top:.1rem;background-color:#06442093}.progress-fill{height:100%;background-color:#064420;border-radius:1rem;transition:width .3s ease;display:flex;align-items:center;padding-left:.5rem;color:#fff;font-weight:700;gap:.5rem}.progress-label{font-size:1rem;white-space:nowrap;font-family:Poppins;font-weight:550;letter-spacing:.05em}.progress-icon{height:100%;aspect-ratio:1 / 1;object-fit:contain}.progress-fill.fingerprint{background-color:#f90}.custom-progress-bar.fingerprint{background-color:#ffcc8093}.RadarCard{background:none;border:none;padding:0;width:100%;display:block;text-align:inherit;border-radius:.6rem}.RadarCard:focus-visible{outline:2px solid #9C27B0;outline-offset:4px}.radar-wrap{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;margin:1rem auto 0}.radar-chart{cursor:pointer;width:100%;height:40vh;max-height:400px;min-height:250px}.radar-legend{display:flex;align-items:center;gap:.6rem;font-size:.9rem;color:#1f2937}.radar-legend .dot{width:.8rem;height:.8rem;border-radius:100%;display:inline-block;margin-right:.2rem}.button-row{display:flex;gap:clamp(.15rem,1.5vw,.5rem);width:min(92%,680px);margin:clamp(.5rem,2.5vw,1rem) auto}.btn-card{flex:1;background-color:#123d29;color:#fff;border:none;outline:none;padding:0 clamp(.3rem,2vw,.6rem);display:inline-flex;justify-content:center;align-items:center;border-radius:1rem;height:clamp(42px,18vw,70px);font-size:clamp(.85rem,3.2vw,1.2rem);cursor:pointer;font-family:Poppins,system-ui,sans-serif;font-weight:800}.btn-card--wide{flex:2;display:flex;justify-content:center;align-items:center;gap:clamp(.2rem,1.6vw,.6rem);padding-inline:clamp(.4rem,2.5vw,.9rem)}.btn-card--wide-content{display:flex;align-items:center}.btn-icon-qr{font-size:clamp(1.4rem,6vw,2.2rem);flex:0 0 auto}.btn-card--wide span{font-family:Poppins,system-ui,sans-serif;font-weight:800;font-size:clamp(.8rem,3vw,1rem);line-height:1.15;white-space:normal;word-break:break-word;max-width:clamp(48%,64%,70%);text-align:left}.niveles{min-height:100vh;width:100vw;background-color:#fff;display:flex;flex-direction:column;margin:5% 0 0;padding:0 5%;box-sizing:border-box}.text{color:#193d29;font-size:clamp(1.5rem,5vw,1.5rem);font-family:Poppins;font-weight:800;letter-spacing:.08em;line-height:1.4;margin:.5rem 0}.lista-niveles{display:flex;flex-direction:column;gap:2.5rem;margin-top:1.5rem}.level-item{position:relative}.level-item.locked .card{background-color:#c9d3cf}.avatar-wrapper{position:relatizºve;display:inline-block}.card-avatar{max-height:14vh;width:auto;margin-top:-1.5rem;display:block;z-index:1}.lock-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:2rem;z-index:3;pointer-events:none}.level-panel{max-height:0;overflow:hidden;transition:max-height .3s ease,opacity .22s ease,margin-top .22s ease;opacity:0}.level-panel.open{max-height:100vh;opacity:1;margin-top:-1rem}.level-panel__inner{background:#6fb55fbb;color:#123d29;border-radius:.6rem;padding:.9rem 1rem;line-height:1.4;font-size:1rem}.level-item.locked .LevelCard{pointer-events:none}.resultados{min-height:100vh;background-color:#fff;display:flex;flex-direction:column;margin:5% 0 0;padding:0 5%;box-sizing:border-box}.text{color:#193d29;font-size:clamp(1.5rem,5vw,2rem);font-family:Poppins;font-weight:900;letter-spacing:.08em;line-height:1.4;margin:.5rem 0}.res-page{width:100%;max-width:110ch;margin:0 auto;padding:0 2vw 4vh;box-sizing:border-box;font-family:Poppins,sans-serif;color:#0f172a}.res-section{margin-bottom:2.5vh}.res-title{text-transform:lowercase;font-weight:900;letter-spacing:.04em;margin:0 0 .5em;font-size:clamp(1.2rem,2.8vw,1.6rem);color:#193d29}.res-sep{height:.4vh;border-radius:999px;margin-bottom:1vh}.res-card{display:flex;align-items:stretch;gap:2vw;padding:2vh 2vw;border-radius:.75rem;border:.1rem solid #d9e5db;background:#f6fbf7}.res-left{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:1vh}.res-badge{display:inline-flex;align-items:center;gap:.6em;color:#fff;padding:.4em 1em;border-radius:999px;font-size:.9rem;font-weight:700}.res-badge img{width:1.4em;height:1.4em;object-fit:contain}.res-desc{margin:0;font-size:.95rem;line-height:1.4;color:#1f2937}.res-slug{font-size:.8rem;color:#5b7a67;font-weight:600}.res-section.fingerprint .res-title{color:#f90;text-transform:uppercase;font-weight:900}.res-section.fingerprint .res-sep{background-color:#f90}.res-section.fingerprint .res-card{background-color:#ffcc8093;border-color:#f90}.res-section.fingerprint .res-score-ring{border-color:#f90;color:#f90;font-weight:900}.res-section{margin-bottom:1.25rem;margin-top:2rem}.res-progress-wrap{display:flex;justify-content:center;margin:.5rem;width:96%}.res-title{text-transform:lowercase;font-weight:800;letter-spacing:.04em;margin:0 0 .35rem;font-size:1.3rem;color:#193d29}.res-sep{height:.1rem;margin-bottom:.5rem;background-color:#6fb55fbb}.res-card{display:flex;align-items:stretch;gap:.8rem;padding:.75rem;border-radius:.5;border:1px solid #d9e5db;background:#6fb55fbb;height:15vh}.res-left{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:.5rem}.res-desc{margin:0;font-size:.85rem;line-height:1.35;color:#1f2937}.res-score{flex:0 0 auto;display:flex;align-items:center;justify-content:center}.res-score-ring{min-width:4.5rem;height:2.2rem;padding:0 .5rem;background:#fff;border-radius:999px;display:flex;justify-content:center;align-items:center;font-size:clamp(1rem,2.6vw,1.3rem);font-weight:700;color:#193d29}.qr-wrap{max-width:480px;margin:32px auto;padding:0 16px;text-align:center;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial}.qr-title{margin:0 0 16px;color:#174b3a;font-size:22px;letter-spacing:.2px}.qr-frame{position:relative;width:100%;max-width:420px;margin:0 auto;aspect-ratio:3 / 4;background:#e9e9e9;border-radius:14px;display:grid;place-items:center;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease;box-shadow:inset 0 0 0 1px #0000000f}.qr-frame:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1px #00000014,0 6px 14px #0000000f}.qr-frame.scanning{cursor:default;box-shadow:inset 0 0 0 2px #174b3a59}.qr-placeholder{display:grid;place-items:center;gap:10px}.qr-icon{width:96px;height:96px;border-radius:16px;background:radial-gradient(circle at 50% 50%,rgba(0,0,0,.08) 0 40%,transparent 41%),conic-gradient(from 45deg,rgba(0,0,0,.1) 0 25%,transparent 0 50%,rgba(0,0,0,.1) 0 75%,transparent 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);padding:18px;box-shadow:inset 0 0 0 2px #00000014,0 1px #ffffffbf}.qr-hint{margin:0;font-size:13px;color:#5f5f5f}.qr-video{width:100%;height:100%;object-fit:cover;border-radius:14px}.qr-actions{display:grid;place-items:center;margin-top:16px}.qr-btn{min-width:220px;padding:12px 16px;border:none;border-radius:999px;background:#d1d7d5;color:#163c30;font-weight:600;letter-spacing:.2px;cursor:pointer;transition:filter .12s ease,transform .06s ease}.qr-btn:hover{filter:brightness(.98)}.qr-btn:active{transform:translateY(1px)}.qr-result{margin-top:12px;color:#0f5132;background:#d1e7dd;border-radius:10px;padding:10px 12px;word-break:break-all;font-size:14px}.qr-error{margin-top:12px;color:#842029;background:#f8d7da;border-radius:10px;padding:10px 12px;font-size:13px}.product-list h3,.section-title{color:#193d29;font-size:1.5rem;font-weight:800;margin:1vh 0}.category-separator{width:100%;height:3px;background-color:#4caf50;margin-bottom:20px;border-radius:2px}.cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:20px;justify-items:center;padding-bottom:40px;width:100%}.product-card{background-color:#4caf50;border:1px solid #ddd;border-radius:1rem;width:100%;padding:10px;cursor:pointer;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 4px 6px #0000001a;transition:all .4s cubic-bezier(.25,.8,.25,1)}.product-card:hover{transform:translateY(-5px);box-shadow:0 8px 12px #00000026}.product-card img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:.8rem;margin-bottom:8px;pointer-events:none}.product-card p{margin-top:auto;font-size:.9rem;color:#fff;font-weight:700;line-height:1.2;word-wrap:break-word}.no-products-message{grid-column:1 / -1;text-align:center;color:#4caf50;font-weight:700}.da-page{background-color:#fff;min-height:100vh;font-family:Segoe UI,sans-serif;padding-bottom:80px;overflow-x:hidden}.da-header-title{font-size:1.5rem;margin:0;font-weight:800;color:#193d29;text-align:center}.da-title{color:#193d29;margin-bottom:1rem;text-align:left;font-weight:800}.da-title-no-margin{margin-bottom:0!important}.da-back-btn,.da-save-btn,.da-share-btn{background:none;border:none;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:transform .1s}.da-back-btn:active,.da-save-btn:active,.da-share-btn:active{transform:scale(.95)}.da-image-row{width:100%;margin-bottom:1rem;display:flex;justify-content:center}.da-image-card{width:100%;max-width:600px;padding:1rem;background-color:#f3f4f6;border-radius:1rem;margin:0 1rem;box-shadow:0 4px 12px #0000001a}.da-product-image{width:100%;height:auto;max-height:300px;object-fit:contain;display:block;margin:0 auto;border-radius:.5rem}.da-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;padding:0 1rem}.da-card{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:2rem;padding:.5rem .8rem;text-align:center;width:100%;max-width:100%;overflow:hidden}.da-card-label{margin-bottom:.1rem;font-weight:700;font-size:.8rem}.da-card-value{font-size:.9rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;width:100%;word-break:break-word}.da-product{background-color:#4caf50;color:#fff;flex-grow:1;min-width:40%}.da-product .da-card-value{font-size:100%;font-weight:500}.da-name{background-color:#4caf50;color:#000;flex-grow:1;min-width:40%}.da-name .da-card-value{font-size:100%;font-weight:500;color:#000}.da-name .da-card-label{color:#000}.da-title-card{background-color:#fb923c;color:#fff}.da-value-card{background-color:#9ca3af;color:#374151;font-weight:500}.da-info-section{padding:0 1.5rem;margin-bottom:1.5rem;text-align:center}.da-recipe-name{margin:10px 0;color:#193d29;font-size:1.6rem;font-weight:800;line-height:1.2}.da-recipe-desc{color:#555;font-size:.95rem;line-height:1.5;margin-bottom:15px}.da-tags-row{display:flex;justify-content:center;gap:10px;margin-top:10px;flex-wrap:wrap}.da-category-badge{background:#e0f7fa;color:#006064;padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase}.progress-bar-group,.da-stats-group{display:flex;flex-direction:column;gap:.4rem;margin-top:1.5rem;padding:0 1rem}.da-section-title{font-size:1.2rem;color:#193d29;font-weight:800;margin-bottom:15px}.da-flex-align{display:flex;align-items:center;gap:10px}.da-section-padding{padding:0 1.5rem;margin-bottom:2rem}.da-ingredients-list{list-style:none;padding:1rem;margin:0;background-color:#f9fafb;border-radius:1rem}.da-ingredient-item{padding:12px 0;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;font-size:.95rem}.da-ingredient-item:last-child{border-bottom:none}.da-ingredient-qty{font-weight:700;color:#4caf50;background:#e8f5e9;padding:2px 8px;border-radius:8px;font-size:.9rem}.da-steps-container{padding-bottom:40px}.steps-list{display:flex;flex-direction:column;gap:1rem}.da-step-row{display:flex;gap:15px;align-items:flex-start;background:#fff;border-radius:10px}.da-step-bubble{min-width:32px;height:32px;background:#4caf50;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0;box-shadow:0 2px 5px #4caf504d}.da-step-text{margin:0;padding-top:4px;line-height:1.5;color:#444;font-size:1rem}.da-barcode-area{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;background-color:#fff;border-radius:1rem;margin:.5rem 1rem;box-shadow:0 2px 4px #0000000d}.da-recipes-wrapper{margin-top:30px}.da-recipes-title{font-size:1.2rem;text-align:left;margin-left:20px;font-weight:800;color:#193d29}.da-recipes-list-custom{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;gap:15px;padding:10px 20px 20px;scroll-behavior:smooth}.da-recipe-mini-card{min-width:140px;max-width:140px;background:#4caf50;border-radius:15px;padding:10px;cursor:pointer;text-align:center;color:#fff;display:flex;flex-direction:column;align-items:center}.da-recipe-mini-img{width:100%;height:80px;object-fit:cover;border-radius:10px}.da-recipe-mini-text{margin:5px 0 0;font-weight:700;font-size:.85rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.da-loading{display:flex;justify-content:center;align-items:center;min-height:50vh;font-size:1.2rem;color:#666}.da-empty-text{color:#999;font-style:italic;text-align:center;padding:1rem}.xp-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.xp-card{background:#fff;padding:30px;border-radius:20px;text-align:center;width:80%;max-width:320px;box-shadow:0 10px 25px #0003;transform:scale(.9);animation:popUp .4s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popUp{to{transform:scale(1)}}*{box-sizing:border-box}.product-search-page{font-family:Poppins,sans-serif;margin:2vw;padding:2vw;min-height:100vh;background-color:#fff;overflow-x:hidden}.search-container{text-align:center;margin-bottom:2vh;padding:1vh 1vw;border-radius:1rem}.search-container input{width:90%;max-width:500px;padding:12px;font-size:1rem;border-radius:1rem;text-align:center;background-color:#c2c2c2;color:#fff;border:none;outline:none;transition:width .3s ease}.category-slider{display:flex;gap:15px;width:fit-content;max-width:100%;margin:0 auto 3vh;overflow-x:auto;padding-bottom:10px;justify-content:flex-start;flex-wrap:nowrap;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.category-slider::-webkit-scrollbar{height:6px}.category-slider::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.category-slider::-webkit-scrollbar-thumb{background:#ff8c00;border-radius:10px}.category-slider::-webkit-scrollbar-thumb:hover{background:#e67e22}.category-slider button{flex:0 0 auto;padding:8px 20px;background-color:#ff8c00;border:2px solid transparent;border-radius:20px;cursor:pointer;font-size:.9rem;white-space:nowrap;color:#fff;font-weight:600}.category-slider button.active{background-color:#4caf50;border-color:#4caf50}.section-title{color:#193d29;font-size:1.5rem;font-weight:800;margin:1vh 0}.category-separator{width:100%;height:3px;background-color:#4caf50;margin-bottom:2vh;border-radius:2px}.horizontal-list{display:flex;gap:15px;overflow-x:auto;padding-bottom:15px;width:100%;justify-content:flex-start;flex-wrap:nowrap;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.horizontal-list::-webkit-scrollbar{height:8px}.horizontal-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.horizontal-list::-webkit-scrollbar-thumb{background:#4caf50;border-radius:10px}.horizontal-list::-webkit-scrollbar-thumb:hover{background:#388e3c}.product-card{background-color:#4caf50;border:1px solid #ddd;border-radius:1rem;padding:10px;cursor:pointer;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 4px 6px #0000001a;flex:0 0 auto;width:150px;transition:all .4s cubic-bezier(.25,.8,.25,1)}.product-card:hover{transform:scale(1.02)}.product-card img{width:100%;height:100px;object-fit:cover;border-radius:.8rem;margin-bottom:8px}.product-card p{margin-top:5px;font-size:.8rem;color:#fff;font-weight:700;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.profile-page{min-height:100vh;background-color:#fff;display:flex;flex-direction:column;margin-top:5%;padding:0 5% 80px;box-sizing:border-box;font-family:Poppins,sans-serif}.profile-header-container{margin-bottom:10px;display:flex;align-items:center}.profile-main-title{color:#193d29;font-size:clamp(2rem,6vw,2.2rem);font-weight:800;letter-spacing:.08em;margin:0;text-transform:lowercase;border-bottom:3px solid #7ab55c;display:inline-block;padding-right:20px;line-height:1.2}.profile-info-section{display:flex;flex-direction:column;gap:15px}.profile-row-main,.profile-row-secondary{display:flex;gap:10px;flex-wrap:wrap}.pill-group{display:flex;align-items:center;gap:5px}.info-pill{padding:6px 18px;border-radius:20px;font-weight:700;font-size:.95rem;display:flex;align-items:center;justify-content:center;text-transform:capitalize}.green-pill{background-color:#7ab55c;color:#fff}.orange-pill{background-color:#fca311;color:#fff}.gray-pill{background-color:#ced4da;color:#555;min-width:40px}.wide{flex:1;justify-content:flex-start}.profile-row-prefs{display:flex;flex-direction:column;gap:10px;margin-top:5px}.label-pref{align-self:flex-start}.prefs-grid{display:flex;flex-wrap:wrap;gap:8px;margin-left:5px}.pref-tag{background-color:#ced4da;color:#555;padding:5px 14px;border-radius:15px;font-size:.9rem;font-weight:600;text-transform:lowercase}.pref-empty{background-color:transparent;color:#999;font-style:italic}.profile-divider{border:0;border-top:2px solid #7ab55c;margin:30px 0;opacity:.6}.profile-stats-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:35px}.profile-radar-section{display:flex;flex-direction:column;align-items:center}.fingerprint-title{padding:8px 30px;margin-bottom:20px;font-size:1.1rem;letter-spacing:.05em;text-transform:uppercase;font-weight:700}.radar-wrapper{width:100%;display:flex;justify-content:center}.radar-legend{margin-top:15px;font-size:.85rem;color:#193d29;display:flex;gap:20px;align-items:center;font-weight:600}.dot{width:12px;height:12px;border-radius:50%;display:inline-block;margin-right:6px}.dot-dark{background-color:#1b4332}.dot-light{background-color:#95d5b2}.profile-loading{display:flex;justify-content:center;align-items:center;height:100vh;color:#193d29;font-weight:800;font-family:Poppins,sans-serif;font-size:1.2rem}