.dashboard-pills{display:flex;justify-content:center;align-items:stretch;gap:6px;margin-top:10px;flex-shrink:0;padding:2px 4px;overflow:visible;width:100%;box-sizing:border-box}.dashboard-pill-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:7px 12px;background:linear-gradient(135deg,rgba(255,255,255,.08) 0,rgba(255,255,255,.02) 100%);border:none;border-radius:20px;color:rgba(255,255,255,.85);font-size:.8em;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent;flex:1 1 0;min-width:0;text-align:center;white-space:normal;line-height:1.2;position:relative;z-index:1;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);box-shadow:inset 1px 1px 2px rgba(255,255,255,.25),inset -1px -1px 2px rgba(0,0,0,.2),0 4px 10px rgba(0,0,0,.2)}.dashboard-pill-btn::before{content:"";position:absolute;inset:0;border-radius:20px;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 50%,rgba(255,255,255,.15) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.dashboard-pill-btn:active,.dashboard-pill-btn:hover{background:linear-gradient(135deg,rgba(255,255,255,.14) 0,rgba(255,255,255,.05) 100%);color:rgba(255,255,255,.95);box-shadow:inset 1px 1px 3px rgba(255,255,255,.35),inset -1px -1px 2px rgba(0,0,0,.25),0 6px 14px rgba(0,0,0,.25)}.dashboard-pill-btn:hover{transform:translateY(-3px)}.dashboard-pill-btn:active{transform:translateY(-1px);transition-duration:.1s}.dashboard-pill-btn .pill-icon{font-size:1em;line-height:1;flex-shrink:0}html.light-theme .dashboard-pill-btn{background:linear-gradient(135deg,rgba(255,255,255,.85) 0,rgba(255,255,255,.6) 100%);color:rgba(0,0,0,.7);box-shadow:inset 1px 1px 2px rgba(255,255,255,.9),inset -1px -1px 2px rgba(0,0,0,.06),0 4px 10px rgba(0,0,0,.08)}html.light-theme .dashboard-pill-btn:active,html.light-theme .dashboard-pill-btn:hover{background:linear-gradient(135deg,rgba(255,255,255,.95) 0,rgba(255,255,255,.75) 100%);color:rgba(0,0,0,.85)}.checklist-modal{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .25s ease}.checklist-modal.active{opacity:1;visibility:visible}.checklist-modal-inner{width:95vw;max-width:900px;height:85vh;max-height:85vh;display:flex;flex-direction:column;background:rgba(17,17,17,.95);border-radius:20px;overflow:hidden;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);box-shadow:0 20px 60px rgba(0,0,0,.6);position:relative}.checklist-modal-inner::before{content:"";position:absolute;inset:0;border-radius:20px;padding:1.5px;background:linear-gradient(135deg,rgba(255,255,255,.6) 0,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 75%,rgba(255,255,255,.3) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:-1}@media (max-width:640px){.checklist-modal-inner{width:100vw;height:100vh;max-height:100vh;border-radius:0}.checklist-modal-inner::before{border-radius:0}}.checklist-modal.active{opacity:1;visibility:visible}.checklist-modal-header{display:flex;align-items:center;gap:12px;padding:16px 20px;padding-top:calc(16px + env(safe-area-inset-top));border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.checklist-back-btn{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:10px;color:rgba(255,255,255,.8);padding:6px 14px;font-size:.9em;font-weight:500;cursor:pointer;transition:all .2s ease}.checklist-back-btn:hover{background:rgba(255,255,255,.15)}.checklist-header-title{flex:1}.checklist-header-title h2{margin:0;font-size:1.2em;font-weight:700;color:var(--text-primary,#fff)}.checklist-header-title p{margin:2px 0 0;font-size:.8em;color:var(--text-secondary,rgba(255,255,255,.5))}.checklist-body{flex:1;overflow-y:auto;padding:16px 20px;padding-bottom:calc(20px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch}.checklist-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:100%;margin-bottom:16px}@media (max-width:1024px){.checklist-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.checklist-grid{grid-template-columns:1fr}}.checklist-card{background:linear-gradient(135deg,rgba(255,255,255,.08) 0,rgba(255,255,255,.02) 100%);border:none;border-radius:12px;padding:16px;margin-bottom:12px;cursor:pointer;transition:all .2s ease;position:relative;z-index:1;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);box-shadow:inset 1px 1px 2px rgba(255,255,255,.35),inset -1px -1px 3px rgba(0,0,0,.3),0 8px 16px rgba(0,0,0,.25)}.checklist-card::before{content:"";position:absolute;inset:0;border-radius:12px;padding:1.5px;background:linear-gradient(135deg,rgba(255,255,255,.7) 0,rgba(255,255,255,.05) 30%,rgba(255,255,255,0) 70%,rgba(255,255,255,.2) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:-1}.checklist-card:hover{background:linear-gradient(135deg,rgba(255,255,255,.12) 0,rgba(255,255,255,.04) 100%);transform:translateY(-2px);box-shadow:inset 1px 1px 2px rgba(255,255,255,.4),inset -1px -1px 2px rgba(0,0,0,.25),0 6px 12px rgba(0,0,0,.3)}.checklist-card.active-checklist{border-left:3px solid #04de71}.checklist-card-name{font-size:1.05em;font-weight:600;color:var(--text-primary,#fff);margin-bottom:4px}.checklist-card-desc{font-size:.82em;color:var(--text-secondary,rgba(255,255,255,.5));margin-bottom:8px}.checklist-card-progress{display:flex;align-items:center;gap:10px;font-size:.8em;color:rgba(255,255,255,.6)}.checklist-progress-bar{flex:1;height:4px;background:rgba(255,255,255,.1);border-radius:4px;overflow:hidden}.checklist-progress-fill{height:100%;background:#04de71;border-radius:4px;transition:width .3s ease}.checklist-card-actions{position:absolute;top:14px;right:14px;display:flex;gap:6px}.checklist-card-action-btn{width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:rgba(255,255,255,.5);font-size:.75em;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.checklist-card-action-btn:hover{background:rgba(255,255,255,.15);color:#fff}.checklist-card-action-btn.delete-btn:hover{background:rgba(255,50,50,.2);color:#f55;border-color:rgba(255,50,50,.3)}.checklist-new-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px;background:0 0;border:2px dashed rgba(255,255,255,.15);border-radius:14px;color:rgba(255,255,255,.5);font-size:.95em;font-weight:500;cursor:pointer;transition:all .2s ease}.checklist-new-btn:hover{border-color:rgba(255,255,255,.3);color:rgba(255,255,255,.8);background:rgba(255,255,255,.03)}.checklist-desc-input,.checklist-name-input{width:100%;padding:12px 14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:10px;color:var(--text-primary,#fff);font-size:.95em;font-family:inherit;margin-bottom:10px;outline:0;transition:border-color .2s}.checklist-desc-input:focus,.checklist-name-input:focus{border-color:rgba(79,172,254,.5)}.checklist-desc-input::placeholder,.checklist-name-input::placeholder{color:rgba(255,255,255,.3)}.checklist-desc-input{font-size:.85em;resize:none;min-height:40px}.checklist-category{margin-top:20px}.checklist-category-title{font-size:.72em;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:rgba(255,255,255,.35);margin-bottom:8px;padding-left:4px}.checklist-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:10px;margin-bottom:6px;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.checklist-item:active{background:rgba(255,255,255,.08)}.checklist-item.checked{opacity:.65}.checklist-item.checked .checklist-item-name{text-decoration:line-through;color:rgba(255,255,255,.4)}.checklist-checkbox{width:24px;height:24px;border-radius:50%;border:2px solid rgba(255,255,255,.25);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:.7em}.checklist-item.checked .checklist-checkbox{background:#04de71;border-color:#04de71;color:#fff}.checklist-item-info{flex:1;min-width:0}.checklist-item-name{font-size:.92em;font-weight:500;color:var(--text-primary,#fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.checklist-item-detail{font-size:.75em;color:rgba(255,255,255,.4);margin-top:1px}.checklist-qty{display:flex;align-items:center;gap:4px;flex-shrink:0}.checklist-qty-btn{width:26px;height:26px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);color:rgba(255,255,255,.7);font-size:1em;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;line-height:1}.checklist-qty-btn:hover{background:rgba(255,255,255,.15)}.checklist-qty-val{min-width:20px;text-align:center;font-size:.85em;font-weight:600;color:rgba(255,255,255,.8)}.checklist-remove-btn{width:24px;height:24px;border:none;background:0 0;color:rgba(255,255,255,.25);font-size:1.1em;cursor:pointer;flex-shrink:0;transition:color .15s;display:flex;align-items:center;justify-content:center}.checklist-remove-btn:hover{color:#f55}.checklist-add-section{margin-top:20px;display:flex;flex-direction:column;gap:8px}.checklist-add-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;background:0 0;border:2px dashed rgba(255,255,255,.12);border-radius:12px;color:rgba(255,255,255,.45);font-size:.88em;font-weight:500;cursor:pointer;transition:all .2s ease}.checklist-add-btn:hover{border-color:rgba(255,255,255,.25);color:rgba(255,255,255,.7)}.checklist-add-btn .add-icon{font-size:1.2em}.checklist-catalog-overlay{position:fixed;inset:0;z-index:10001;background:rgba(0,0,0,.85);display:flex;align-items:flex-end;justify-content:center;opacity:0;visibility:hidden;transition:opacity .2s ease}.checklist-catalog-overlay.active{opacity:1;visibility:visible}.checklist-catalog-sheet{width:100%;max-width:500px;max-height:80vh;background:var(--bg-main,#1a1a2e);border-radius:20px 20px 0 0;display:flex;flex-direction:column;overflow:hidden}.checklist-catalog-header{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between}.checklist-catalog-header h3{margin:0;font-size:1.1em;font-weight:700;color:var(--text-primary,#fff)}.checklist-catalog-close{width:32px;height:32px;border-radius:50%;border:none;background:rgba(255,255,255,.08);color:rgba(255,255,255,.6);font-size:1.2em;cursor:pointer;display:flex;align-items:center;justify-content:center}.checklist-catalog-body{flex:1;overflow-y:auto;padding:12px 20px 20px;-webkit-overflow-scrolling:touch}.checklist-catalog-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:10px;margin-bottom:6px;cursor:pointer;transition:all .15s ease}.checklist-catalog-item:hover{background:rgba(255,255,255,.08)}.checklist-catalog-item.already-added{opacity:.4;pointer-events:none}.checklist-catalog-item .cat-icon{font-size:1.2em;flex-shrink:0}.checklist-catalog-item .cat-name{flex:1;font-size:.9em;color:var(--text-primary,#fff)}.checklist-catalog-item .cat-added{font-size:.75em;color:#04de71}.checklist-custom-form{display:flex;gap:8px;margin-top:12px}.checklist-custom-input{flex:1;padding:10px 14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#fff;font-size:.9em;font-family:inherit;outline:0}.checklist-custom-input::placeholder{color:rgba(255,255,255,.3)}.checklist-custom-submit{padding:10px 18px;border:none;border-radius:10px;background:var(--accent-orange,#e8a430);color:#fff;font-weight:600;font-size:.9em;cursor:pointer}html.light-theme .checklist-modal-inner{background:rgba(245,245,247,.97)}html.light-theme .checklist-modal-header{border-bottom-color:rgba(0,0,0,.08)}html.light-theme .checklist-back-btn{background:rgba(0,0,0,.05);border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.7)}html.light-theme .checklist-card{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.08)}html.light-theme .checklist-progress-bar{background:rgba(0,0,0,.06)}html.light-theme .checklist-custom-input,html.light-theme .checklist-desc-input,html.light-theme .checklist-name-input{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.1);color:#1a1a1a}html.light-theme .checklist-item{background:rgba(0,0,0,.02);border-color:rgba(0,0,0,.06)}html.light-theme .checklist-checkbox{border-color:rgba(0,0,0,.2)}html.light-theme .checklist-category-title{color:rgba(0,0,0,.35)}html.light-theme .checklist-catalog-sheet{background:var(--bg-main,#f5f5f7)}@media (max-width:380px){.dashboard-pill-btn{padding:5px 8px;font-size:.72em;gap:4px}.dashboard-pills{gap:4px}}html body .unit-pill{opacity:.65!important}.checklist-modal .checklist-empty-state{text-align:center;padding:40px 20px;color:rgba(255,255,255,.5)}.checklist-modal .checklist-empty-state .empty-icon{font-size:3em;margin-bottom:12px;opacity:.6}.checklist-modal .checklist-empty-state p{color:rgba(255,255,255,.5)!important;font-size:.95em;margin:0}.checklist-modal .checklist-empty-state p+p{font-size:.82em;margin-top:4px}html.light-theme .checklist-modal .checklist-empty-state p{color:rgba(0,0,0,.4)!important}
