:root{--app-bg:#f5f7fb;--sidebar-bg:#fff;--card-bg:#fff;--card-border:#0f172a14;--text-color:#0f172a;--muted-color:#6b7280;--accent:#0f766e;--accent-2:#0b4f4a;--shadow:0 20px 50px #0f172a14;--ring:0 0 0 3px #0f766e40}body{background:var(--app-bg);color:var(--text-color)}[data-theme=dark]{--app-bg:#0c1117;--sidebar-bg:#0f141b;--card-bg:#2f3b50;--input-bg:#3f516d;--card-border:#94a3b81f;--text-color:#e2e8f0;--muted-color:#b7c0ce;--accent:#2dd4bf;--accent-2:#0f766e;--shadow:0 24px 60px #00000059;--ring:0 0 0 3px #2dd4bf40}.app-sidebar{background:var(--sidebar-bg);border-right:1px solid var(--card-border);box-shadow:inset -1px 0 #ffffff0a}.app-brand{letter-spacing:.02em;opacity:.9;font-size:1rem;font-weight:700}.app-brand-logo{justify-content:center;align-items:center;margin-bottom:.75rem;display:flex}.app-brand-logo-image{object-fit:contain;width:72px;height:auto}@media (min-width:992px){.app-brand-logo{justify-content:flex-start}}.app-nav-link{color:var(--muted-color);letter-spacing:0;cursor:pointer;border:0;border-radius:8px;justify-content:space-between;align-items:center;min-height:38px;padding:.6rem .8rem .6rem 1rem;font-size:.86rem;font-weight:600;text-decoration:none;transition:background-color .16s,color .16s,transform .16s;display:flex;position:relative}.app-nav-link:before{content:"";transform-origin:50%;opacity:0;background:0 0;border-radius:999px;width:3px;transition:background-color .16s,transform .16s,opacity .16s;position:absolute;top:6px;bottom:6px;left:0;transform:scaleY(.65)}.app-nav-link:hover{color:var(--accent-2);background:#0f766e14;transform:translate(1px)}.app-nav-link:hover:before{opacity:1;background:#0f766e73;transform:scaleY(1)}.app-nav-link.is-active{color:var(--accent-2);background:#0f766e1f}.app-nav-link.is-active:before{background:var(--accent);opacity:1;transform:scaleY(1)}.nav-main-row{gap:.5rem}.nav-section{width:100%}.nav-categories-row{align-items:center;gap:.5rem;display:flex}.nav-categories-link{flex:auto}.nav-categories-toggle{flex:none;display:none}.nav-categories-toggle .icon-svg{transition:transform .18s}.nav-categories-toggle.is-open .icon-svg{transform:rotate(180deg)}.nav-main-link{flex:auto;display:flex}.nav-link-content{align-items:center;gap:.55rem;min-width:0;display:inline-flex}.nav-link-icon,.nav-submenu-icon{color:currentColor;flex:none;justify-content:center;align-items:center;display:inline-flex}.nav-link-icon svg{width:14px;height:14px}.nav-submenu{border-left:1px solid #0f766e24;gap:.35rem;margin:.2rem 0 .45rem;padding-left:.85rem;display:grid}.nav-submenu-inner{gap:.35rem;display:grid}.nav-submenu-link{min-height:34px;color:var(--muted-color);border-radius:8px;justify-content:space-between;align-items:center;gap:.65rem;padding:.42rem .65rem;font-size:.8rem;display:flex}.nav-submenu-link:hover{color:var(--accent-2);background:#0f766e1f}.nav-submenu-label{text-overflow:ellipsis;white-space:nowrap;flex:auto;align-items:center;gap:.35rem;min-width:0;display:inline-flex;overflow:hidden}.nav-submenu-icon svg{width:13px;height:13px}.nav-submenu-statuses{flex:none;justify-content:flex-end;align-items:center;gap:.25rem;display:inline-flex}.nav-submenu-count{border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 .35rem;font-size:.65rem;font-weight:700;line-height:1;display:inline-flex}.nav-submenu-count-active{color:#0f766e;background:#0f766e24}.nav-submenu-count-completed{color:#15803d;background:#22c55e29}.nav-submenu-count-expired{color:#b45309;background:#f59e0b2e}.nav-submenu-alert{color:#b45309;background:#f59e0b2e;border:1px solid #f59e0b73;border-radius:999px;justify-content:center;align-items:center;width:16px;height:16px;font-size:.7rem;font-weight:700;display:inline-flex}.app-main{flex-direction:column;min-height:100vh;display:flex;position:relative}.app-main-content{flex:auto}.app-topbar{z-index:10;background:var(--app-bg);border-bottom:1px solid var(--card-border);padding-top:.5rem;padding-bottom:.5rem;position:sticky;top:0}[data-theme=dark] .app-topbar{background:var(--app-bg)}.app-footer{border-top:1px solid var(--card-border);color:var(--muted-color);justify-content:space-between;align-items:center;gap:1rem;margin-top:1.5rem;padding:.9rem 0 .2rem;font-size:.78rem;display:flex}.card,.list-group-item,.form-control,.form-select{background:var(--card-bg);color:var(--text-color);border-color:var(--card-border);box-shadow:var(--shadow);border-radius:16px}[data-theme=dark] .form-control,[data-theme=dark] .form-select{background-color:var(--input-bg)}.list-group-item{border-radius:12px;margin-bottom:.65rem}.list-group-item-action:hover{background-color:#ffffff0a}.btn-primary{background:var(--accent);border:none;box-shadow:0 12px 28px #0f766e40}.btn-primary:hover{filter:brightness(1.05)}.btn-outline-primary{color:var(--accent-2);border-color:#0f766e66}.btn-outline-primary:hover{color:var(--accent-2);background:#0f766e1f}.btn-outline-danger{border-color:#ef444466}.icon-action.btn-success{color:#f8fffb;background:#166534;border-color:#166534;box-shadow:0 8px 18px #1665342e}.icon-action.btn-success:hover,.icon-action.btn-success:focus{color:#fff;background:#14532d;border-color:#14532d}.form-control:focus,.form-select:focus{box-shadow:var(--ring);background-color:var(--card-bg);border-color:#0f766e73}::placeholder{color:var(--muted-color);opacity:.7}.badge{border-radius:999px;padding:.35rem .65rem}.text-secondary{color:var(--muted-color)!important}label,.form-check-label{color:var(--text-color)}.form-check-input:checked{background-color:var(--accent);border-color:var(--accent)}.form-check-input:focus{box-shadow:var(--ring)}.icon-action{justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex}.icon-action-sm{width:30px;height:30px}.icon-svg{stroke:currentColor;fill:none;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.user-menu{position:relative}.user-menu-trigger{border:1px solid var(--card-border);background:var(--card-bg);color:var(--text-color);border-radius:999px;align-items:center;gap:.5rem;padding:.35rem .6rem;font-size:.85rem;display:inline-flex}.user-avatar{width:28px;height:28px;color:var(--accent-2);background:#0f766e26;border-radius:50%;place-items:center;font-weight:600;display:grid}.user-avatar.large{width:48px;height:48px;font-size:1.1rem}.user-email{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.user-caret{color:var(--muted-color);font-size:.75rem}.user-menu-panel{background:var(--card-bg);border:1px solid var(--card-border);min-width:180px;box-shadow:var(--shadow);z-index:20;border-radius:12px;padding:.35rem;position:absolute;top:calc(100% + 8px);right:0}.notif-menu,.notif-trigger{position:relative}.notif-count{color:#fff;background:#ef4444;border-radius:999px;padding:.15rem .35rem;font-size:.65rem;line-height:1;position:absolute;top:-6px;right:-6px}.notif-panel{background:var(--card-bg);border:1px solid var(--card-border);min-width:220px;box-shadow:var(--shadow);z-index:20;border-radius:12px;padding:.5rem;position:absolute;top:calc(100% + 8px);right:0}.notif-title{color:var(--muted-color);margin-bottom:.35rem;font-size:.75rem}.notif-list{gap:.35rem;display:grid}.notif-item{color:var(--text-color);border-radius:10px;flex-direction:column;gap:.1rem;padding:.4rem .5rem;text-decoration:none;display:flex}.notif-item:hover{background:#0f766e1f}.notif-item-title{font-size:.85rem;font-weight:600}.notif-item-date{color:var(--muted-color);font-size:.7rem}@media (max-width:991px){.app-sidebar{border-right:none;border-bottom:1px solid var(--card-border)}.app-main{padding:1rem}.app-topbar{position:static}.nav.flex-column{flex-wrap:wrap;gap:.5rem;flex-direction:row!important}.nav-main-row,.nav-categories-row,.nav-categories-link{width:100%}.nav-categories-toggle{display:inline-flex}.nav-submenu{width:100%;margin-top:.1rem}.nav-submenu-inner.is-collapsed{display:none}.app-nav-link{padding:.4rem .6rem}}@media (min-width:992px){.nav-categories-toggle{display:none!important}.nav-submenu-inner.is-collapsed{display:grid}}@media (max-width:768px){.container,.container-fluid{padding-left:.75rem;padding-right:.75rem}.card{border-radius:12px}.list-group-item{border-radius:10px;padding:.85rem}.category-card{padding:.85rem .95rem}.user-menu-trigger{padding:.25rem .45rem}.user-email{max-width:110px}.app-footer{flex-direction:column;align-items:flex-start;gap:.35rem;margin-top:1rem}}@media (max-width:576px){.d-flex.gap-2{gap:.4rem}.task-meta .badge,.category-badge{padding:.18rem .5rem;font-size:.72rem}.filters-row{gap:.5rem;margin-bottom:0!important}.filters-row .form-control,.filters-row .form-select{border-radius:14px;width:100%}.filter-search,.filter-category,.filters-row-secondary,.filter-category .form-select{width:100%!important}.filters-row-secondary{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;align-items:center;gap:.5rem;display:grid!important}.filter-date,.filter-date .form-control,.filter-status{width:100%;min-width:0}.filter-status .form-select{width:100%}.filter-fav{align-self:center;width:auto;min-width:0;padding-left:.1rem}.filter-reset{justify-self:end;width:auto;margin-left:0}.filters-row .form-check-input{margin-top:.1rem}.filters-reset{justify-content:flex-end!important}.filters-reset .icon-action{margin-left:0}.task-item{flex-direction:column;gap:.5rem;padding:.6rem;display:flex!important}.task-actions{flex-wrap:wrap;justify-content:flex-start;gap:.4rem;width:100%;margin-top:0;padding-top:.15rem}.task-content{width:100%}.task-header{align-items:center;gap:.5rem;display:flex}.task-header .form-check-input{margin:0}.icon-action{width:30px;height:30px}.icon-action-sm{width:26px;height:26px}.list-group-item{padding:.65rem}}.user-menu-item{width:100%;color:var(--text-color);background:0 0;border:none;border-radius:10px;align-items:center;gap:.4rem;padding:.5rem .7rem;font-size:.85rem;text-decoration:none;display:flex}.user-menu-item:hover{color:var(--accent-2);background:#0f766e1f}.user-menu-item.danger{color:#ef4444}.user-menu-item.danger:hover{background:#ef44441f}.category-badge{border:1px solid var(--card-border);background:var(--card-bg);color:var(--text-color);border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.8rem;display:inline-flex}.category-badge-icon{justify-content:center;align-items:center;width:16px;height:16px;line-height:1;display:inline-flex}.task-link{color:var(--accent-2);word-break:break-word;text-decoration:underline}.status-filter{width:100%}.filters-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.filters-group{flex-direction:column;gap:.5rem;display:flex}.filters-row-secondary{justify-content:space-between}.filters-row .form-control,.filters-row .form-select{border-radius:14px}.filter-date .form-control{width:150px}.filter-search .form-control{width:100%}.filter-search{flex:1;min-width:220px}.filter-category .form-select{width:220px}.filter-status .form-select{width:120px}.filter-fav{align-items:center;gap:.4rem;display:flex}.filter-reset{margin-left:auto}.task-meta .badge{border-radius:999px}.alert-badge{color:#b45309;background:#f59e0b26;border:1px solid #f59e0b59;border-radius:999px;align-items:center;gap:.25rem;padding:.2rem .55rem;font-size:.75rem;display:inline-flex}.category-card{border:1px solid var(--card-border);background:var(--card-bg);box-shadow:var(--shadow);border-radius:18px;align-items:center;gap:1rem;padding:1.1rem 1.25rem;display:flex}.category-icon{width:44px;height:44px;color:var(--accent-2);background:#0f766e1f;border-radius:14px;place-items:center;display:grid}.category-icon svg{width:22px;height:22px}.category-content{flex:1;min-width:0}.category-name{font-size:1.05rem;font-weight:600}.category-meta{color:var(--muted-color);font-size:.85rem}.icon-btn{color:#ef4444;border:1px solid #ef444433;border-radius:12px;place-items:center;width:38px;height:38px;padding:0;transition:background-color .16s,transform .16s;display:grid}.icon-btn:hover{background:#ef44441f;transform:translateY(-1px)}.icon-picker{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.icon-choice{border:1px solid var(--card-border);background:var(--card-bg);width:34px;height:34px;color:var(--text-color);border-radius:12px;place-items:center;padding:0;transition:border-color .16s,transform .16s,box-shadow .16s;display:grid}.icon-choice svg{width:18px;height:18px}.icon-choice:hover{border-color:#0f766e59;transform:translateY(-1px)}.icon-choice.is-selected{color:var(--accent-2);border-color:#0f766e99;box-shadow:0 0 0 2px #0f766e2e}.icon-picker-hint{color:var(--muted-color);margin-top:.35rem;font-size:.75rem}.category-form{flex-direction:column;gap:1rem;display:flex}.category-form-row{align-items:center;gap:.75rem;display:flex}.category-input{flex:1}.category-actions{flex:none}.category-icon-area{border-top:1px solid var(--card-border);padding-top:.75rem}.category-icon-label{color:var(--muted-color);margin-bottom:.5rem;font-size:.85rem;font-weight:600}.category-form .icon-picker{align-content:start}@media (max-width:768px){.icon-picker{grid-template-columns:repeat(5,28px);grid-auto-rows:28px;gap:.3rem}}