.tn87-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:26px 28px;border-radius:22px;background:linear-gradient(135deg,#111827,#183b5b 58%,#0f766e);color:#fff;margin-bottom:18px;box-shadow:0 18px 50px #0f172a24}.tn87-hero.compact{padding:22px 26px}.tn87-hero h2{font-size:clamp(25px,3vw,38px);margin:5px 0 8px;max-width:760px}.tn87-hero p{margin:0;color:#dbeafe;max-width:760px}.tn87-hero .tn-kicker{color:#99f6e4}.tn87-hero-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.tn87-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.tn87-kpi{position:relative;overflow:hidden;background:var(--surface-card,#fff);border:1px solid var(--border-muted,#e5e7eb);border-radius:17px;padding:17px 18px}.tn87-kpi:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#64748b}.tn87-kpi.unread:before{background:#2563eb}.tn87-kpi.critical:before{background:#dc2626}.tn87-kpi.pinned:before{background:#d97706}.tn87-kpi span,.tn87-kpi small{display:block;color:#64748b}.tn87-kpi b{display:block;font-size:30px;line-height:1.15;margin:5px 0}.tn87-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px}.tn87-layout.compact .tn87-notification{padding:12px}.tn87-layout.compact .tn87-notification p{margin:4px 0 8px}.tn87-filters{align-self:start;position:sticky;top:84px;padding:14px}.tn87-filters h3{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#64748b;margin:13px 9px 6px}.tn87-view-link{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;border-radius:10px;text-decoration:none;color:#334155;font-size:13px}.tn87-view-link:hover{background:#f1f5f9}.tn87-view-link.active{background:#e0f2fe;color:#075985;font-weight:800}.tn87-view-link span{display:flex;align-items:center;gap:8px}.tn87-view-link b{min-width:23px;padding:2px 6px;border-radius:999px;background:#e2e8f0;text-align:center;font-size:11px}.tn87-cat-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#64748b}.tn87-cat-dot.growth{background:#16a34a}.tn87-cat-dot.operations{background:#2563eb}.tn87-cat-dot.finance{background:#7c3aed}.tn87-cat-dot.risk{background:#dc2626}.tn87-cat-dot.security{background:#0f766e}.tn87-cat-dot.support{background:#d97706}.tn87-cat-dot.system{background:#64748b}.tn87-toolbar{display:flex;gap:9px;align-items:center;padding:11px;margin-bottom:10px;flex-wrap:wrap}.tn87-search{display:flex;align-items:center;gap:8px;flex:1;min-width:230px;border:1px solid #dbe2ea;border-radius:11px;padding:0 10px;background:#fff}.tn87-search input{border:0;box-shadow:none;padding-left:0;width:100%}.tn87-search input:focus{box-shadow:none}.tn87-check{display:flex;align-items:center;gap:6px;white-space:nowrap}.tn87-bulkbar{display:flex;align-items:center;gap:9px;padding:10px 13px;margin-bottom:10px;flex-wrap:wrap}.tn87-bulkbar label{margin-right:auto}.tn87-list{display:grid;gap:10px}.tn87-notification{display:grid;grid-template-columns:auto 46px minmax(0,1fr);gap:13px;padding:16px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;transition:.16s ease;position:relative}.tn87-notification:hover{transform:translateY(-1px);box-shadow:0 10px 28px #0f172a12}.tn87-notification.unread{border-color:#bfdbfe;background:linear-gradient(90deg,#eff6ff 0,#fff 34%)}.tn87-notification.priority-critical{box-shadow:inset 4px 0 #dc2626}.tn87-notification.priority-high{box-shadow:inset 4px 0 #f59e0b}.tn87-select{margin-top:16px}.tn87-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;font-size:20px;font-weight:900;background:#f1f5f9;color:#334155}.tn87-icon.growth{background:#dcfce7;color:#166534}.tn87-icon.operations{background:#dbeafe;color:#1d4ed8}.tn87-icon.finance{background:#ede9fe;color:#6d28d9}.tn87-icon.risk{background:#fee2e2;color:#b91c1c}.tn87-icon.security{background:#ccfbf1;color:#0f766e}.tn87-icon.support{background:#fef3c7;color:#b45309}.tn87-copy{min-width:0}.tn87-copy h3{font-size:15px;margin:4px 0}.tn87-notification.unread h3{font-weight:850}.tn87-copy p{font-size:13px;color:#475569;margin:5px 0 11px;line-height:1.5}.tn87-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:11px;color:#64748b}.tn87-category{font-weight:800;text-transform:uppercase;letter-spacing:.04em}.tn87-priority{border-radius:999px;padding:2px 7px;background:#f1f5f9}.tn87-priority.critical{background:#fee2e2;color:#b91c1c}.tn87-priority.high{background:#fef3c7;color:#92400e}.tn87-meta time{margin-left:auto}.tn87-actions{display:flex;gap:6px;flex-wrap:wrap}.tn87-settings-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:16px}.tn87-toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.tn87-switch{display:flex;align-items:center;gap:9px;padding:10px 11px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc}.tn87-category-settings{display:grid;gap:7px}.tn87-category-row{display:grid;grid-template-columns:minmax(150px,1fr) repeat(3,auto) 110px 72px auto;align-items:center;gap:8px;padding:10px;border:1px solid #e2e8f0;border-radius:12px}.tn87-category-row label{white-space:nowrap;font-size:12px}.tn87-category-name{display:flex;gap:8px;align-items:center}.tn87-category-row input[type=number]{width:72px}.tn87-drawer{position:fixed;top:0;right:0;bottom:0;width:min(430px,100vw);background:#f8fafc;z-index:1200;box-shadow:-24px 0 60px #0f172a2b;transform:translateX(105%);transition:transform .22s ease;display:flex;flex-direction:column}.tn87-drawer.open{transform:translateX(0)}.tn87-drawer-backdrop{position:fixed;inset:0;background:#0f172a66;z-index:1190;opacity:0;visibility:hidden;transition:.2s}.tn87-drawer-backdrop.open{opacity:1;visibility:visible}.tn87-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px;border-bottom:1px solid #e2e8f0;background:#fff}.tn87-drawer-head h2{font-size:18px;margin:0}.tn87-drawer-controls{display:flex;gap:7px}.tn87-drawer-tabs{display:flex;gap:5px;padding:10px 12px;overflow:auto;background:#fff;border-bottom:1px solid #e2e8f0}.tn87-drawer-tabs button{border:0;background:#f1f5f9;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800;white-space:nowrap}.tn87-drawer-tabs button.active{background:#0f172a;color:#fff}.tn87-drawer-list{overflow:auto;padding:10px;display:grid;gap:8px}.tn87-drawer-item{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;padding:12px;background:#fff;border:1px solid #e2e8f0;border-radius:14px}.tn87-drawer-item.unread{border-color:#93c5fd;background:#eff6ff}.tn87-drawer-item h3{font-size:13px;margin:0 0 4px}.tn87-drawer-item p{font-size:12px;color:#475569;margin:0 0 8px;line-height:1.4}.tn87-drawer-item .tn87-icon{width:36px;height:36px;font-size:15px;border-radius:10px}.tn87-drawer-item-meta{display:flex;align-items:center;gap:6px;font-size:10px;color:#64748b;margin-bottom:5px}.tn87-drawer-item-actions{display:flex;gap:5px;flex-wrap:wrap}.tn87-drawer-foot{margin-top:auto;padding:12px;border-top:1px solid #e2e8f0;background:#fff;display:flex;justify-content:space-between;align-items:center}.tn87-bell{position:relative}.tn87-badge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#dc2626;color:#fff;display:none;place-items:center;font-size:10px;font-weight:900;border:2px solid #fff}.tn87-badge.show{display:grid}.tn87-loading{padding:28px;text-align:center;color:#64748b}.tn87-toast{position:fixed;right:20px;bottom:20px;z-index:1400;background:#0f172a;color:#fff;padding:11px 15px;border-radius:12px;box-shadow:0 12px 35px #0f172a33;font-size:13px}.tn87-toast.bad{background:#991b1b}
@media(max-width:980px){.tn87-layout{grid-template-columns:1fr}.tn87-filters{position:static;display:flex;overflow:auto;gap:5px}.tn87-filters h3{display:none}.tn87-view-link{white-space:nowrap}.tn87-settings-grid{grid-template-columns:1fr}.tn87-category-row{grid-template-columns:1fr 1fr 1fr}.tn87-category-name{grid-column:1/-1}}
@media(max-width:720px){.tn87-hero{display:block;padding:20px}.tn87-hero-actions{justify-content:flex-start;margin-top:14px}.tn87-kpis{grid-template-columns:repeat(2,1fr)}.tn87-toolbar select,.tn87-toolbar .btn{flex:1}.tn87-notification{grid-template-columns:auto 38px minmax(0,1fr);padding:12px}.tn87-icon{width:38px;height:38px}.tn87-meta time{margin-left:0}.tn87-toggle-grid{grid-template-columns:1fr}.tn87-category-row{display:grid;grid-template-columns:repeat(2,1fr)}.tn87-category-name{grid-column:1/-1}.tn87-drawer{width:100vw}}
@media(prefers-reduced-motion:reduce){.tn87-drawer,.tn87-notification,.tn87-drawer-backdrop{transition:none}}