*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1a1a2e;background:#f0f4f8;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.app-layout{min-height:100vh}.page-container{max-width:900px;margin:0 auto;padding:1.5rem 1rem 4rem}.page-header{justify-content:space-between;align-items:center;margin-bottom:1.2rem;display:flex}.page-title{color:#1a1a2e;margin:0;font-size:1.4rem;font-weight:700}.add-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1e90ff,#4f8aff);border:none;border-radius:20px;align-items:center;gap:.4rem;padding:.5rem 1.2rem;font-size:.88rem;font-weight:600;transition:all .25s;display:flex;box-shadow:0 4px 14px #1e90ff47}.add-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #1e90ff61}.add-btn span{font-size:1.1rem}.add-btn-simple{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f6ef7,#6b8aff);border:none;border-radius:12px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;transition:all .2s;box-shadow:0 4px 14px #4f6ef74d}.add-btn-simple:hover{transform:translateY(-1px);box-shadow:0 6px 20px #4f6ef766}.filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.tab-filter{flex-wrap:wrap;gap:.4rem;display:flex}.tab-filter .tab-btn{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e8eb;border-radius:10px;align-items:center;gap:.3rem;padding:.5rem .9rem;font-size:.85rem;transition:all .2s;display:flex}.tab-filter .tab-btn:hover{color:#4f6ef7;border-color:#4f6ef7}.tab-filter .tab-btn.active{color:#fff;background:#4f6ef7;border-color:#4f6ef7}.tab-nav{background:#e8eef5;border-radius:10px;gap:4px;padding:4px;display:flex}.tab-nav .tab-btn{color:#666;cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:.3rem;padding:.45rem 1.2rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.tab-nav .tab-btn:hover:not(.active){color:#333}.tab-nav .tab-btn.active{color:#0077be;background:#fff;font-weight:600;box-shadow:0 2px 8px #00000014}.tab-count{color:#0077be;background:#0077be1f;border-radius:20px;justify-content:center;align-items:center;min-width:1.25rem;height:1.25rem;margin-left:.35rem;padding:0 .35rem;font-size:.7rem;font-weight:600;display:inline-flex}.tab-nav .tab-btn:not(.active) .tab-count{color:#0077be;background:#0077be1f}.tab-count{background:#fff3;border-radius:8px;padding:.1rem .4rem;font-size:.75rem}.tab-btn:not(.active) .tab-count{color:#9ca3af;background:#f3f4f6}.tab-btn.active .tab-count{background:#0077be2e}.quick-add-row{margin-bottom:1.5rem}.quick-input{color:#1a1a2e;box-sizing:border-box;background:#fff;border:1px solid #e5e8eb;border-radius:14px;outline:none;width:100%;padding:.9rem 1.2rem;font-size:.95rem;transition:all .2s}.quick-input:focus{border-color:#4f6ef7;box-shadow:0 0 0 3px #4f6ef71a}.quick-input::placeholder{color:#9ca3af}.list-container{flex-direction:column;gap:.6rem;display:flex}.empty-state{text-align:center;color:#9ca3af;padding:3rem 1rem}.empty-icon{margin-bottom:.8rem;font-size:3rem;display:block}.empty-title{color:#6b7280;margin:0 0 .5rem;font-size:1.1rem}.empty-desc{color:#c4c9d0;margin:0;font-size:.88rem}.empty-cta{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1e90ff,#4f8aff);border:none;border-radius:14px;padding:.8rem 1.8rem;font-size:.95rem;font-weight:600;transition:all .25s;box-shadow:0 4px 16px #1e90ff47}.empty-cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px #1e90ff61}.list-enter-active,.list-leave-active{transition:all .3s}.list-enter-from{opacity:0;transform:translateY(-10px)}.list-leave-to{opacity:0;transform:translate(20px)}.list-move{transition:transform .3s}.modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000073;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-card{background:#fff;border-radius:22px;flex-direction:column;width:90%;max-width:550px;max-height:88vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0003}.modal-card.modal-sm{max-width:420px}.modal-card.modal-xs{max-width:360px}.modal-card ::-webkit-scrollbar{width:4px}.modal-card ::-webkit-scrollbar-track{background:0 0}.modal-card ::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:4px}.modal-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:1.5rem 1.8rem .8rem;display:flex}.modal-title{color:#1a1a2e;margin:0;font-size:1.15rem;font-weight:700}.close-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:0;font-size:1.5rem;line-height:1;transition:color .2s}.close-btn:hover{color:#1a1a2e}.modal-body{flex:1;padding:.8rem 1.8rem 1rem;overflow-y:auto}.modal-footer{border-top:1px solid #f3f4f6;flex-shrink:0;gap:.8rem;padding:1.2rem 1.8rem 1.5rem;display:flex}.modal-footer .btn-cancel,.modal-footer .btn-save,.modal-footer .btn-start,.modal-footer .btn-complete{cursor:pointer;border:none;border-radius:12px;flex:1;padding:.8rem;font-size:.95rem;font-weight:600;transition:all .2s}.modal-footer .btn-cancel{color:#1a1a2e8c;background:#0000000a;border:1px solid #00000014}.modal-footer .btn-cancel:hover{background:#00000014}.modal-footer .btn-save,.modal-footer .btn-start{color:#fff;background:linear-gradient(135deg,#4f6ef7,#6b8aff);box-shadow:0 4px 14px #4f6ef747}.modal-footer .btn-save:hover,.modal-footer .btn-start:hover{transform:translateY(-1px);box-shadow:0 6px 20px #4f6ef761}.modal-footer .btn-save:disabled,.modal-footer .btn-start:disabled{opacity:.45;cursor:not-allowed;transform:none}.modal-footer .btn-complete{color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 14px #10b98147}.modal-footer .btn-complete:hover{transform:translateY(-1px);box-shadow:0 6px 20px #10b98161}.modal-fade-enter-active{transition:all .3s}.modal-fade-leave-active{transition:all .2s}.modal-fade-enter-from{opacity:0}.modal-fade-enter-from .modal-card{transform:scale(.94)translateY(10px)}.modal-fade-leave-to{opacity:0}.dialog-fade-enter-active{transition:all .3s}.dialog-fade-leave-active{transition:all .2s}.dialog-fade-enter-from{opacity:0}.dialog-fade-enter-from .modal-card{transform:scale(.94)translateY(10px)}.dialog-fade-leave-to{opacity:0}.form-group{margin-bottom:1.1rem}.form-group label{color:#1a1a2ea6;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.88rem;font-weight:500;display:flex}.modal-input,.modal-textarea{color:#1a1a2e;box-sizing:border-box;background:#f8fafc;border:1px solid #0000001a;border-radius:12px;width:100%;padding:.8rem 1rem;font-size:.92rem;transition:border-color .2s,box-shadow .2s}.modal-input:focus,.modal-textarea:focus{border-color:#4f6ef7;outline:none;box-shadow:0 0 0 3px #4f6ef71a}.modal-textarea{resize:vertical;min-height:80px}.modal-box{background:#fff;border:1px solid #e5e8eb;border-radius:18px;width:90%;max-width:420px;padding:2rem;box-shadow:0 20px 60px #0000001f}.modal-box h3{color:#1a1a2e;text-align:center;margin:0 0 1.2rem;font-weight:600}.form-input{color:#1a1a2e;box-sizing:border-box;background:#f9fafb;border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;padding:.65rem .85rem;font-size:.92rem;transition:border-color .2s}.form-input:focus{border-color:#4f6ef7;box-shadow:0 0 0 3px #4f6ef71a}.form-select{color:#1a1a2e;cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M2 4l4 4 4-4'/%3E%3C/svg%3E") right .6rem center no-repeat;border:1px solid #e5e8eb;border-radius:10px;padding:.5rem 2rem .5rem .8rem;font-size:.85rem}.form-select:focus{border-color:#4f6ef7;outline:none}.list-stats{text-align:center;color:#9ca3af;background:#f9fafb;border-radius:10px;margin-top:1.5rem;padding:.8rem;font-size:.85rem}.tooltip-trigger{cursor:default;display:inline-block;position:relative}.tooltip-trigger:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;pointer-events:none;opacity:0;z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1a1a2eeb;border-radius:8px;padding:.35rem .7rem;font-size:.78rem;font-weight:500;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 4px 12px #00000026}.tooltip-trigger:before{content:"";opacity:0;pointer-events:none;z-index:101;border:5px solid #0000;border-top-color:#1a1a2eeb;transition:opacity .15s;position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%)}.tooltip-trigger:hover:after,.tooltip-trigger:hover:before{opacity:1;transform:translate(-50%)translateY(0)}.nav-highlight{animation:2s ease-out forwards nav-gold-flash!important}@keyframes nav-gold-flash{0%{box-shadow:0 0 #fbbf2400,0 0 #d9770600,inset 0 0 #fbbf2400}12%{box-shadow:0 0 22px 10px #fbbf2480,0 0 50px 25px #d9770647,0 0 90px 45px #fbbf241a,inset 0 0 15px 4px #fbbf2424}30%{box-shadow:0 0 18px 8px #fbbf2461,0 0 40px 20px #d9770633,0 0 70px 35px #fbbf2412,inset 0 0 10px 3px #fbbf241a}55%{box-shadow:0 0 10px 5px #fbbf2433,0 0 22px 12px #d977061a,0 0 40px 20px #fbbf2408,inset 0 0 5px 2px #fbbf240a}75%{box-shadow:0 0 4px 2px #fbbf2414,0 0 8px 4px #d977060a,0 0 12px 6px #fbbf2403,inset 0 0 2px 1px #fbbf2403}to{box-shadow:0 0 #fbbf2400,0 0 #d9770600,inset 0 0 #fbbf2400}}