.ntfp-root{--ntfp-border:var(--db-border,rgba(26,23,57,0.1));--ntfp-soft:var(--db-border-soft,rgba(26,23,57,0.07));--ntfp-muted:var(--db-muted,rgba(26,23,57,0.55));--ntfp-text:var(--db-text,#1a1739);--ntfp-card:var(--db-card,#fff);--ntfp-bg:var(--db-bg,#f6f7fb);position:fixed;inset:0;z-index:1000;pointer-events:none}.ntfp-root.is-open{pointer-events:auto}.ntfp-backdrop{position:absolute;inset:0;background:rgba(23,20,56,.35);backdrop-filter:blur(2px);opacity:0;transition:opacity .2s ease}.ntfp-root.is-open .ntfp-backdrop{opacity:1}.ntfp-drawer{position:absolute;top:0;right:0;height:100%;width:min(420px,100%);background:var(--ntfp-bg);color:var(--ntfp-text);display:flex;flex-direction:column;box-shadow:-18px 0 44px rgba(23,20,56,.18);transform:translateX(105%);transition:transform .24s cubic-bezier(.4,0,.2,1)}.ntfp-root.is-open .ntfp-drawer{transform:translateX(0)}.ntfp-head{justify-content:space-between;gap:.8rem;padding:1.1rem 1.25rem;border-bottom:1px solid var(--ntfp-border);background:var(--ntfp-card);flex-shrink:0}.ntfp-head,.ntfp-head h2{display:flex;align-items:center}.ntfp-head h2{gap:.55rem;font-size:1.15rem;font-weight:800;margin:0}.ntfp-head h2 i{color:hsl(var(--primary))}.ntfp-close{width:36px;height:36px;border-radius:10px;border:none;background:transparent;color:var(--ntfp-muted);cursor:pointer;font-size:1rem}.ntfp-close:hover{background:var(--ntfp-soft);color:var(--ntfp-text)}.ntfp-toolbar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.8rem 1.25rem;flex-shrink:0}.ntfp-create,.ntfp-markall{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .8rem;border-radius:10px;font:inherit;font-weight:700;font-size:.85rem;cursor:pointer;border:1px solid var(--ntfp-border);background:var(--ntfp-card);color:var(--ntfp-text)}.ntfp-create{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:transparent}.ntfp-markall{color:var(--ntfp-muted)}.ntfp-markall:hover{color:var(--ntfp-text)}.ntfp-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;padding:.5rem 1.25rem 2rem;gap:.7rem}.ntfp-empty,.ntfp-scroll{display:flex;flex-direction:column}.ntfp-empty{align-items:center;justify-content:center;gap:.8rem;padding:3rem 1rem;color:var(--ntfp-muted);text-align:center}.ntfp-empty>i{font-size:1.8rem;opacity:.5}.ntfp-card{position:relative;display:flex;gap:.8rem;padding:.9rem 1rem;border:1px solid var(--ntfp-border);border-radius:14px;background:var(--ntfp-card);cursor:pointer;transition:box-shadow .12s ease,border-color .12s ease}.ntfp-card-actions{position:absolute;top:8px;right:8px;display:flex;gap:4px;opacity:.5;transition:opacity .12s ease}.ntfp-card:focus-within .ntfp-card-actions,.ntfp-card:hover .ntfp-card-actions{opacity:1}.ntfp-card-del{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:8px;background:rgba(26,23,57,.06);color:var(--db-text-soft,rgba(26,23,57,.5));cursor:pointer;font-size:.78rem;transition:background .12s ease,color .12s ease}.ntfp-card-del:hover{background:rgba(220,38,38,.1);color:#dc2626}.ntfp-card-del--all:hover{background:rgba(220,38,38,.16);color:#b91c1c}.ntfp-card:hover{box-shadow:0 8px 22px rgba(23,20,56,.08)}.ntfp-card.is-unread{border-color:hsl(var(--primary)/.35);background:hsl(var(--primary)/.04)}.ntfp-card-ico{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;border-radius:10px;background:hsl(var(--primary)/.1);color:hsl(var(--primary))}.ntfp-card-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:.4rem}.ntfp-card-top{display:flex;align-items:center;gap:.5rem;padding-right:52px}.ntfp-card-title{font-weight:750;font-size:.95rem;flex:1;min-width:0}.ntfp-card-dot{width:8px;height:8px;border-radius:50%;background:hsl(var(--primary));flex-shrink:0}.ntfp-card-body{margin:0;font-size:.88rem;line-height:1.4;color:var(--ntfp-muted)}.ntfp-card-img{width:100%;max-height:160px;object-fit:cover;border-radius:10px}.ntfp-card-foot{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.ntfp-card-time{font-size:.75rem;color:var(--ntfp-muted)}.ntfp-card-cta{display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;font-weight:700;color:hsl(var(--primary));text-decoration:none}.ntfp-card-cta:hover{text-decoration:underline}.ntfp-card-badges{display:flex;flex-wrap:wrap;gap:.35rem}.ntfp-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:800;padding:.15rem .5rem;border-radius:999px;line-height:1.4}.ntfp-badge button{border:none;background:transparent;color:inherit;cursor:pointer;padding:0;font-size:.7rem;opacity:.7}.ntfp-badge--neutral{background:var(--ntfp-soft);color:var(--ntfp-muted)}.ntfp-badge--primary{background:hsl(var(--primary)/.12);color:hsl(var(--primary))}.ntfp-badge--success{background:rgba(22,163,74,.12);color:#15803d}.ntfp-badge--warn{background:#fef3c7;color:#92400e}.ntfp-badge--danger{background:rgba(220,38,38,.1);color:#dc2626}.ntfp-form{display:flex;flex-direction:column;gap:.9rem}.ntfp-form-head{display:flex;align-items:center;gap:.7rem}.ntfp-form-head h3{margin:0;font-size:1.05rem;font-weight:800}.ntfp-back{display:inline-flex;align-items:center;gap:.4rem;border:none;background:transparent;color:var(--ntfp-muted);font:inherit;font-weight:650;cursor:pointer}.ntfp-field{display:flex;flex-direction:column;gap:.35rem}.ntfp-field>label{font-size:.8rem;font-weight:700;color:var(--ntfp-muted)}.ntfp-input,.ntfp-textarea{width:100%;padding:.6rem .75rem;border:1px solid var(--ntfp-border);border-radius:10px;background:var(--ntfp-card);color:var(--ntfp-text);font:inherit}.ntfp-textarea{min-height:80px;resize:vertical}.ntfp-input:focus,.ntfp-textarea:focus{outline:none;border-color:hsl(var(--primary))}.ntfp-row2{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.ntfp-seg{display:flex;gap:.5rem}.ntfp-seg button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.55rem .7rem;border:1px solid var(--ntfp-border);border-radius:10px;background:var(--ntfp-card);color:var(--ntfp-text);font:inherit;font-weight:650;cursor:pointer}.ntfp-seg button.is-active{border-color:hsl(var(--primary));background:hsl(var(--primary)/.08);color:hsl(var(--primary))}.ntfp-img-row{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.ntfp-img-prev{position:relative;display:inline-block}.ntfp-img-prev img{width:80px;height:80px;object-fit:cover;border-radius:10px}.ntfp-img-prev button{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;border:none;background:#dc2626;color:#fff;cursor:pointer;font-size:.7rem}.ntfp-upload{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .85rem;border:1px dashed var(--ntfp-border);border-radius:10px;font-weight:650;font-size:.85rem;cursor:pointer}.ntfp-badge-add{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:center}.ntfp-tone-picker{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.55rem}.ntfp-tone-opt{cursor:pointer;border:2px solid transparent;padding:.3rem .7rem;font-size:.75rem;transition:border-color .15s ease,box-shadow .15s ease}.ntfp-tone-opt.is-active{border-color:currentColor;box-shadow:0 0 0 3px rgba(26,23,57,.06)}.ntfp-btn-ghost,.ntfp-btn-save{display:inline-flex;align-items:center;gap:.45rem;padding:.6rem 1rem;border-radius:10px;font:inherit;font-weight:700;cursor:pointer}.ntfp-btn-ghost{border:1px solid var(--ntfp-border);background:transparent;color:var(--ntfp-text)}.ntfp-btn-save{border:none;background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.ntfp-btn-save:disabled{opacity:.6;cursor:default}.ntfp-form-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:.5rem}@media (max-width:480px){.ntfp-row2{grid-template-columns:1fr}}