: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:1141px){.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-link.is-active{color:var(--accent-2);box-shadow:inset 3px 0 0 var(--accent);background:#0f766e2e}.nav-submenu-link.is-active:hover{background:#0f766e38}.nav-submenu-link-soon-due{color:#92400e;background:#f59e0b2e}.nav-submenu-link-soon-due:hover{color:#78350f;background:#f59e0b3d}.nav-submenu-link.is-active.nav-submenu-link-soon-due{color:var(--accent-2);background:linear-gradient(#0f766e1f,#0f766e1f),#f59e0b2e}.nav-submenu-link.is-active.nav-submenu-link-soon-due:hover{background:linear-gradient(#0f766e29,#0f766e29),#f59e0b3d}.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:.35rem;display:inline-flex}.nav-submenu-count{border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 .45rem;font-size:.75rem;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}.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:1141px){.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:767.98px){.d-flex.gap-2{gap:.4rem}.task-section-desktop,.task-filters-desktop{display:none!important}.card-body>.text-center.py-5.text-secondary{display:none}.tasks-mobile-shell{margin:-1rem -1rem 1rem;padding:0 .95rem .25rem;display:block!important}.tasks-mobile-header{background:radial-gradient(circle at 20% 100%,#0f766e14,transparent 35%),radial-gradient(circle at 100% 0%,#0f766e0d,transparent 30%),var(--card-bg);box-shadow:var(--shadow);border-radius:24px 24px 0 0;margin:0 -.95rem .95rem;padding:1.15rem 1.05rem 1rem}.tasks-mobile-header-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.tasks-mobile-title{color:var(--accent-2);margin:0;font-size:1.45rem;font-weight:700}.tasks-mobile-count{min-height:42px;box-shadow:none;border:1px solid #0f766e24;padding:.5rem .9rem;font-weight:600;color:var(--accent-2)!important;background:#0f766e14!important}.tasks-mobile-filters{flex-direction:column;gap:.8rem;display:flex}.tasks-mobile-search,.tasks-mobile-select .form-select,.tasks-mobile-dates .form-control,.tasks-mobile-fav,.tasks-mobile-reset{border:1px solid var(--card-border);background:var(--card-bg);min-height:48px;box-shadow:var(--shadow);border-radius:18px}.tasks-mobile-search{align-items:center;gap:.7rem;padding:0 .95rem;display:flex}.tasks-mobile-search .icon-svg{width:24px;height:24px;color:var(--muted-color);flex:none}.tasks-mobile-search .form-control{box-shadow:none;background:0 0;border:0;min-height:46px;padding:0}.tasks-mobile-select .form-select{padding-inline:.95rem 2.6rem}.tasks-mobile-dates{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.tasks-mobile-dates .filter-date .form-control{width:100%;min-width:0}.tasks-mobile-bottom{grid-template-columns:minmax(0,1fr) 118px;align-items:center;gap:.8rem;display:grid}.tasks-mobile-fav{justify-content:flex-start;width:100%;padding:0 .95rem}.tasks-mobile-reset{color:#fff;background:linear-gradient(180deg,var(--accent)0%,var(--accent-2)100%);border-color:#0f766e59;justify-content:center;align-items:center;display:inline-flex;box-shadow:inset 0 1px #ffffff73,0 12px 24px #0f172a1f}.tasks-mobile-reset .icon-svg{width:22px;height:22px}.tasks-mobile-empty{border:1px solid var(--card-border);background:var(--card-bg);color:var(--muted-color);text-align:center;box-shadow:var(--shadow);border-radius:22px;margin-top:1rem;padding:1.4rem 1rem}.tasks-empty-desktop{display:none}.task-meta .badge,.category-badge{padding:.18rem .5rem;font-size:.72rem}.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}}@media (min-width:768px) and (max-width:1140.98px){.task-section-desktop,.task-filters-desktop,.tasks-empty-desktop{display:none!important}.card-body>.text-center.py-5.text-secondary{display:none}.tasks-tablet-shell{background:radial-gradient(circle at 20% 100%,#0f766e14,transparent 35%),radial-gradient(circle at 100% 0%,#0f766e0d,transparent 30%),var(--card-bg);box-shadow:var(--shadow);border:1px solid #ffffff8c;border-radius:28px;margin:-.5rem -.5rem 1rem;padding:.65rem;display:block!important}.tasks-tablet-header{align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.tasks-tablet-title{color:var(--accent-2);margin:0;font-size:2rem;font-weight:700}.tasks-tablet-count{border:1px solid #0f766e24;min-height:52px;padding:.6rem 1rem;color:var(--accent-2)!important;background:#0f766e14!important}.tasks-tablet-filters{flex-direction:column;gap:.85rem;display:flex}.tasks-tablet-row{align-items:center;gap:.8rem;display:grid}.tasks-tablet-row-top{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.tasks-tablet-row-middle{align-items:stretch;gap:.8rem;width:100%;display:flex}.tasks-tablet-row-middle>*{flex:1 1 0;width:100%;min-width:0}.tasks-tablet-row-bottom{grid-template-columns:minmax(0,220px) 150px;justify-content:space-between}.tasks-tablet-search,.tasks-tablet-select .form-select,.tasks-tablet-row-middle .form-control,.tasks-tablet-status .form-select,.tasks-tablet-fav,.tasks-tablet-reset{background:var(--card-bg);min-height:54px;box-shadow:var(--shadow);border:1px solid #0f172a14;border-radius:20px}.tasks-tablet-search{align-items:center;gap:.75rem;padding:0 1rem;display:flex}.tasks-tablet-search .icon-svg{width:24px;height:24px;color:var(--muted-color);flex:none}.tasks-tablet-search .form-control{box-shadow:none;background:0 0;border:0;min-height:50px;padding:0}.tasks-tablet-select .form-select,.tasks-tablet-row-middle .form-control,.tasks-tablet-status .form-select{width:100%}.tasks-tablet-fav{justify-content:flex-start;width:100%;padding:0 1rem}.tasks-tablet-reset{color:#fff;background:linear-gradient(180deg,var(--accent)0%,var(--accent-2)100%);border-color:#0f766e59;justify-content:center;justify-self:end;align-items:center;display:inline-flex;box-shadow:inset 0 1px #ffffff73,0 12px 24px #0f172a1f}.tasks-tablet-reset .icon-svg{width:24px;height:24px}.tasks-tablet-empty{min-height:150px;color:var(--muted-color);text-align:center;box-shadow:var(--shadow);background:#ffffffb8;border:1px solid #ffffff8c;border-radius:28px;place-items:center;margin-top:1.15rem;padding:1.6rem 1.25rem;display:grid}}.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}.task-header-actions{align-items:center;gap:.4rem;display:inline-flex}.app-page-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.task-section-header>.card-title{display:none}.task-section-title{flex-wrap:wrap;align-items:center;gap:.6rem;display:inline-flex}.task-section-title>.task-add-button{display:none}.task-count-badge{min-height:32px;box-shadow:none;border:1px solid #0f172a1a;align-items:center;margin:0;display:inline-flex;color:#475569!important;background:#0f172a14!important}@media (max-width:767.98px){.task-count-badge.tasks-mobile-count{min-height:42px;box-shadow:none;border:1px solid #ffffff3d;padding:.5rem .9rem;font-weight:600;color:#ffffffeb!important;background:#ffffff14!important}}.task-add-button{background:var(--accent);color:#f8fffb;min-width:40px;min-height:40px;box-shadow:none;border:1px solid #0f766e66;border-radius:10px;justify-content:center;align-items:center;padding:0;text-decoration:none;display:inline-flex}.task-add-button-top{flex:none}.task-add-button-categories{border-radius:8px;min-width:32px;min-height:32px}.task-add-button .icon-svg{stroke-width:2px;width:15px;height:15px}.task-add-button:hover,.task-add-button:focus{background:var(--accent-2);color:#fff}.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}.filter-actions-row{display:contents}.filters-row .form-control,.filters-row .form-select{border-radius:14px}.filter-date .form-control{width:150px}@media (min-width:768px) and (max-width:1140.98px){.tasks-tablet-row-middle .filter-date .form-control,.tasks-tablet-status .form-select{min-width:0;width:100%!important}}.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{border:1px solid var(--card-border);background:var(--card-bg);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:14px;align-items:center;gap:.55rem;height:38px;padding:0 .85rem;transition:border-color .16s,background-color .16s,box-shadow .16s;display:inline-flex}.filter-fav:hover{border-color:#0f766e47}.filter-fav.is-active{background:#0f766e14;border-color:#0f766e59;box-shadow:0 0 0 2px #0f766e1a}.filter-fav .form-check-input{flex:none;margin:0}.filter-fav .form-check-label{color:var(--text-color);margin:0;font-size:.95rem}.filter-reset{margin-left:auto}.tasks-mobile-shell,.tasks-tablet-shell{display:none}.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-card-paused{background:#f59e0b1a;border-color:#f59e0b38}.category-card-locked{background:#94a3b81f;border-color:#64748b33}.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}.category-lock-note{color:#64748b;margin-top:.45rem;font-size:.75rem;line-height:1.35}.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-btn:disabled{opacity:.45;cursor:not-allowed;background:0 0;transform:none}.icon-btn-pause{color:#b45309;border-color:#f59e0b4d}.icon-btn-pause:hover{background:#f59e0b1f}.icon-btn-play{color:#15803d;border-color:#22c55e47}.icon-btn-play:hover{background:#22c55e1f}.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}.app-modal-backdrop{z-index:1200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a61;place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0}.app-modal-card{background:#fffffff5;border:1px solid #94a3b838;border-radius:22px;width:min(100%,430px);padding:1.4rem;box-shadow:0 28px 80px #0f172a33}.app-modal-icon{border-radius:15px;place-items:center;width:48px;height:48px;margin-bottom:.9rem;display:grid}.app-modal-icon.is-danger,.app-modal-icon.is-warning{color:#dc2626;background:#ef44441f}.app-modal-icon.is-success{color:#15803d;background:#22c55e24}.app-modal-icon.is-info{color:#0f766e;background:#0f766e1f}.app-modal-icon svg{width:23px;height:23px}.app-modal-title{color:#0f172a;margin:0;font-size:1.15rem;font-weight:700}.app-modal-text{color:#475569;margin:.7rem 0 0;line-height:1.5}.app-modal-body{margin-top:.85rem}.app-modal-actions{justify-content:flex-end;gap:.7rem;margin-top:1.25rem;display:flex}.app-modal-button{border-radius:12px;min-width:110px;height:42px;font-weight:600}.app-modal-button-secondary{color:#334155;background:#f8fafcf2;border:1px solid #94a3b847}.app-modal-button-secondary:hover{background:#fff}.app-modal-button-danger{color:#fff;background:#dc2626;border:1px solid #dc26262e}.app-modal-button-danger:hover{color:#fff;background:#b91c1c}.app-modal-button-primary{color:#fff;background:#0f766e;border:1px solid #0f766e2e}.app-modal-button-primary:hover{color:#fff;background:#115e59}.app-toast-stack{z-index:1190;width:min(360px,100vw - 2rem);position:fixed;top:1.25rem;right:1.25rem}.app-toast-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border:1px solid #94a3b833;border-radius:18px;align-items:flex-start;gap:.85rem;padding:.95rem 1rem;display:flex;box-shadow:0 24px 50px #0f172a29}.app-toast-card.is-success{border-color:#22c55e2e}.app-toast-card.is-info{border-color:#0f766e2e}.app-toast-card.is-warning,.app-toast-card.is-danger{border-color:#ef44442e}.app-toast-icon{border-radius:14px;flex:none;place-items:center;width:42px;height:42px;display:grid}.app-toast-icon.is-success{color:#15803d;background:#22c55e24}.app-toast-icon.is-info{color:#0f766e;background:#0f766e1f}.app-toast-icon.is-warning,.app-toast-icon.is-danger{color:#dc2626;background:#ef44441f}.app-toast-icon svg,.app-toast-close svg{width:18px;height:18px}.app-toast-content{flex:1;min-width:0}.app-toast-title{color:#0f172a;font-weight:700;line-height:1.2}.app-toast-text{color:#475569;margin-top:.2rem;line-height:1.4}.app-toast-close{color:#64748b;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;padding:0;display:grid}.app-toast-close:hover{color:#334155;background:#94a3b824}@media (max-width:768px){.icon-picker{grid-template-columns:repeat(5,28px);grid-auto-rows:28px;gap:.3rem}}