.notif-root{--c-bg:var(--bg-primary);--c-bg-alt:#1b2230;--c-bg-grad:linear-gradient(135deg,#1d2432,#232b3a 55%,#2e3650);--c-border:var(--border-stroke);--c-border-alt:#314164;--c-text:var(--text-primary);--c-muted:var(--text-muted);--c-accent:var(--accent-primary);--c-accent-rgb:255,224,102;--c-danger:var(--error);--c-danger-dim:#b83234;color:var(--c-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,sans-serif;padding:16px clamp(12px,2.4vw,28px) 42px;height:100%;box-sizing:border-box}.notif-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:280px 1fr;gap:18px}@media (max-width:920px){.notif-grid{grid-template-columns:1fr}}.notif-card{background:var(--c-bg-grad);border:1px solid var(--c-border);border-radius:14px;padding:18px 18px 20px;display:flex;flex-direction:column;position:relative;box-shadow:0 4px 18px -4px rgba(0,0,0,.4),0 0 0 1px #1a2231;overflow:visible}.notif-card.items-col{overflow:hidden}.notif-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 12%,rgba(255,224,102,.08),transparent 60%);pointer-events:none}.notif-card h3{margin:0 0 14px;font-size:17px;font-weight:700;letter-spacing:.5px;display:flex;align-items:center;gap:8px;color:var(--c-accent);text-shadow:0 2px 8px rgba(var(--c-accent-rgb),.25)}.items-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.items-header-row .count{font-size:12px;font-weight:600;color:var(--c-muted)}.items-header-row .count.limit-reached{color:var(--c-danger);font-weight:800}.items-list-placeholder{font-size:13px;color:var(--c-muted);line-height:1.4;background:#161d28;border:1px dashed var(--c-border-alt);padding:14px 12px;border-radius:10px}.items-add-btn{width:40px;height:40px;border-radius:12px;border:1px solid var(--c-border-alt);background:#1c2635;color:var(--c-accent);font-size:24px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.18s;box-shadow:0 2px 10px rgba(0,0,0,.35)}.items-add-btn:hover{background:#222f42;border-color:var(--c-accent);color:#1b2230;box-shadow:0 4px 16px rgba(var(--c-accent-rgb),.25)}.items-add-btn:active{transform:translateY(1px)}.items-add-full{width:100%;font-size:26px;height:48px;border-radius:14px}.filters-select{display:flex;gap:10px;margin-bottom:18px}@media (max-width:600px){.filters-select{flex-direction:column}}.select-wrapper{flex:1;position:relative}.select-wrapper:after{content:"";position:absolute;right:14px;top:50%;transform:translateY(-50%) rotate(45deg);width:10px;height:10px;border-right:3px solid var(--c-accent);border-bottom:3px solid var(--c-accent);filter:drop-shadow(0 0 4px rgba(var(--c-accent-rgb),.4));pointer-events:none;transition:.25s}.select-wrapper:focus-within:after,.select-wrapper:hover:after{border-color:#fff4c0;filter:drop-shadow(0 0 6px rgba(var(--c-accent-rgb),.6))}.custom-select{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;border-radius:12px;background:linear-gradient(160deg,#212b3b,#17202a);border:1px solid var(--c-border);cursor:pointer;color:var(--c-text);font-weight:600}.custom-select .cs-value{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--c-muted)}.custom-select .cs-arrow{color:var(--c-accent);font-size:14px;margin-left:8px}.custom-select.open{box-shadow:0 6px 20px rgba(0,0,0,.6),0 0 0 2px rgba(var(--c-accent-rgb),.08);border-color:var(--c-accent)}.cs-options{position:absolute;left:0;right:0;top:calc(100% + 10px);background:#172230;border:1px solid var(--c-border-alt);border-radius:12px;padding:6px;max-height:260px;overflow:auto;z-index:2200;box-shadow:0 14px 40px rgba(0,0,0,.6)}.cs-option{padding:10px 12px;border-radius:8px;color:var(--c-text);cursor:pointer;font-size:13px}.cs-option:hover{background:linear-gradient(90deg,rgba(255,224,102,.04),rgba(255,224,102,.02));color:#fff}.cs-option:first-child{color:var(--c-muted);font-weight:500}.small-select-wrapper{position:relative;width:220px}.custom-select.small{padding:8px 10px;border-radius:10px;font-size:13px;background:linear-gradient(160deg,#1f2a36,#151b23)}.cs-options.small{top:calc(100% + 8px);max-height:180px;width:220px}.cs-options.small .cs-option{padding:8px 10px;font-size:13px}.btn,.btn-add,.filter-input{font-family:inherit}.filter-input{background:#1c2635;background:linear-gradient(160deg,#243246,#1a2230) padding-box,linear-gradient(140deg,rgba(var(--c-accent-rgb),.35),rgba(255,255,255,.02)) border-box;border:1px solid var(--c-border);color:var(--c-text);border-radius:12px;padding:10px 14px;font-size:13px;width:100%;outline:none;transition:border-color .25s,background .25s,box-shadow .25s,color .25s;box-sizing:border-box;box-shadow:0 2px 10px rgba(0,0,0,.35),0 0 0 1px #1c2532}.filter-input:hover{border-color:var(--c-border-alt)}.filter-input:focus{border-color:var(--c-accent);box-shadow:0 0 0 1px rgba(var(--c-accent-rgb),.7),0 0 12px -2px rgba(var(--c-accent-rgb),.55)}select.filter-input{appearance:none;padding-right:48px;cursor:pointer;position:relative}select.filter-input:not(:where(.select-wrapper select)){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffe066' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:18px 18px}select.filter-input:focus{background-color:#202b3d}.filter-range{display:flex;gap:10px;flex:1;align-items:center}.filter-range select.filter-input{flex:1}.filter-range .inline-select{flex:0 0 auto}.filter-range .inline-select[data-width="100%"]{flex:1 1 auto;min-width:90px}.filters-list{display:flex;flex-direction:column;gap:10px;overflow-y:auto;padding-right:4px}.filters-list::-webkit-scrollbar{width:6px}.filters-list::-webkit-scrollbar-track{background:transparent}.filters-list::-webkit-scrollbar-thumb{background:#1d2839;border-radius:4px}.filters-list::-webkit-scrollbar-thumb:hover{background:#25344b}.filter-item{display:grid;grid-template-columns:140px 1fr auto;gap:12px;align-items:center;background:#1a2231;padding:10px 12px;border:1px solid var(--c-border);border-radius:12px;position:relative}.filter-item:hover{border-color:var(--c-border-alt)}.filter-item .inline-select{width:100%;flex:1 1 auto}.filter-label{font-size:13px;font-weight:600;color:var(--c-muted)}.filter-item>.filter-input,.filter-item>.filter-range,.filter-item>.inline-select{width:100%}.filters-empty{color:var(--c-muted);font-size:13px;padding:12px;background:#161d28;border:1px dashed var(--c-border);border-radius:12px}.btn{background:#27292d;color:var(--c-text);border:1px solid var(--c-border);border-radius:10px;padding:10px 18px;font-size:13px;font-weight:600;cursor:pointer;line-height:1;display:inline-flex;align-items:center;gap:6px;transition:.18s;box-shadow:0 2px 10px rgba(0,0,0,.25)}.btn:hover{background:#2f3135;border-color:var(--c-border-alt)}.btn:active{transform:translateY(1px)}.btn-accent{background:var(--c-accent);color:#1b2230;border-color:var(--c-accent);box-shadow:0 2px 14px rgba(var(--c-accent-rgb),.35);text-decoration:none}.btn-accent:focus,.btn-accent:hover,a.btn-accent:focus,a.btn-accent:hover{background:#ffe88e;color:#1b2230}.btn-accent:active,a.btn-accent:active{background:#ffd54d;color:#1b2230}.btn-accent:visited,a.btn-accent:visited{color:#1b2230}.btn-ghost{background:#1c2635}.btn-ghost:hover{background:#222f42}.btn-danger{background:var(--c-danger-dim);border-color:var(--c-danger-dim);color:#fff}.btn-danger:hover{background:var(--c-danger);border-color:var(--c-danger)}.btn-full{width:100%;justify-content:center;text-align:center}.btn-remove{background:#2a323f;border:1px solid #37475f;color:#d55;padding:8px 12px;border-radius:9px;cursor:pointer;font-size:12px;font-weight:600;transition:.18s;margin-left:12px;flex:0 0 auto}.btn-remove:hover{background:#3a4555;color:#ff6668}.buttons{display:flex;justify-content:flex-end;gap:12px;margin-top:20px;flex-wrap:wrap}.items-col{gap:14px}.items-col,.items-list{display:flex;flex-direction:column}.items-list{gap:8px}.divider-line{height:1px;background:linear-gradient(90deg,transparent,#2d3a52 35%,#2d3a52 65%,transparent);margin:6px 0 14px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.filter-item,.filters-empty{animation:fadeInUp .25s ease}@media (max-width:600px){.buttons{justify-content:stretch}.btn{flex:1;text-align:center;justify-content:center}.filter-label{width:100px}.notif-grid{gap:12px;grid-template-columns:1fr}.notif-card{padding:12px}.filter-item{grid-template-columns:1fr;gap:8px;align-items:flex-start}.filter-item .filter-label{width:100%;margin:0 0 6px}.filter-item>.filter-input,.filter-item>.filter-range,.filter-item>.inline-select{width:100%}.cs-options.small,.inline-select,.inline-select-trigger,.small-select-wrapper{width:100%;min-width:0}.cs-options.small{width:100%}.notif-modal{width:min(92vw,480px);padding:16px}.items-add-btn.items-add-full{height:44px;font-size:22px;border-radius:12px}.filters-list{gap:8px}.selected-items-list{max-height:220px}.filter-range{flex-wrap:wrap;gap:8px}.filter-range .filter-input,.filter-range .inline-select{min-width:0;flex:1 1 48%}.filter-range .inline-select[data-width="100%"]{flex-basis:100%}.buttons{gap:8px}.btn-remove{margin-left:0}.mob-mar{margin-bottom:72px}}.notif-modal-overlay{position:fixed;inset:0;background:rgba(15,20,28,.72);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease}.notif-modal{background:#1a2231;border:1px solid var(--c-border-alt);border-radius:18px;padding:26px 24px 30px;width:min(560px,92vw);box-shadow:0 10px 40px -6px rgba(0,0,0,.6);animation:popIn .28s ease;display:flex;flex-direction:column;gap:14px;position:relative}.notif-modal h4{margin:0 0 4px;font-size:18px;font-weight:700;letter-spacing:.5px;color:var(--c-accent)}.notif-modal .modal-hint{margin:0;font-size:12px;color:var(--c-muted)}.selected-items-list{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow-y:auto}.selected-item-row{display:flex;align-items:center;justify-content:space-between;background:#1c2635;border:1px solid var(--c-border);border-radius:10px;padding:10px;font-size:12px}.selected-item-row:hover{background:#222f42}.selected-item-row--active{border-color:var(--c-accent);box-shadow:0 0 0 1px rgba(var(--c-accent-rgb),.4)}.selected-item-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-item-name.core_rank_picklock{color:#b0b0b0}.selected-item-name.core_rank_newbie,.selected-item-name.core_rank_nowbie{color:#33dd33}.selected-item-name.core_rank_stalker{color:#3399ff}.selected-item-name.core_rank_veteran{color:#a05fb7}.selected-item-name.core_rank_master{color:#e05b5b}.selected-item-name.core_rank_legend{color:#ffe066}.sel-remove-btn{background:transparent;border:none;color:#d55;font-weight:600;cursor:pointer;padding:2px 6px;border-radius:6px;transition:.18s}.sel-remove-btn:hover{background:#352a2a;color:#ff6f6f}.item-gear{background:#182230;border:1px solid var(--c-border);color:var(--c-muted);cursor:pointer;border-radius:8px;padding:4px 6px;margin-right:6px;font-size:14px;line-height:1;transition:.18s}.item-gear:hover{background:#222f42;color:var(--c-accent)}.status-dot{width:12px;height:12px;border-radius:50%;margin-right:6px;position:relative;box-shadow:0 0 0 1px #000,inset 0 0 0 2px rgba(0,0,0,.55);transform-origin:center center}.status-dot--inactive{background:#9b2d2d}.status-dot--needs_config{background:#ffd24d;animation:flash-yellow 1s ease-in-out infinite;box-shadow:0 0 8px 3px rgba(255,210,77,.55)}@keyframes flash-yellow{0%,to{transform:scale(1);box-shadow:0 0 8px 3px rgba(255,210,77,.35)}30%{transform:scale(1.18);box-shadow:0 0 18px 6px rgba(255,210,77,.75)}60%{transform:scale(1.05);box-shadow:0 0 10px 4px rgba(255,210,77,.6)}}.status-dot--active{background:#37c956;box-shadow:0 0 6px 2px rgba(55,201,86,.55)}@media (prefers-reduced-motion:reduce){.status-dot--needs_config{animation:none!important;box-shadow:0 0 8px 3px rgba(255,210,77,.45)}}.limit-hint{margin-top:6px;font-size:11px;color:#ffb347;text-align:right}.search-results-box{margin-top:8px;display:flex;flex-direction:column;gap:4px;max-height:340px;overflow-y:auto;padding-right:4px}.search-results-box::-webkit-scrollbar{width:6px}.search-results-box::-webkit-scrollbar-thumb{background:#223046;border-radius:4px}.search-results-box::-webkit-scrollbar-thumb:hover{background:#2d3c54}.search-row{background:#1c2635;border:1px solid var(--c-border);border-radius:10px;padding:8px 12px;color:var(--c-text);font-size:13px;text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;transition:.18s}.search-row:hover:not(:disabled){background:#222f42;border-color:var(--c-border-alt)}.search-row:disabled{cursor:default}.search-row.limit-disabled{opacity:.45;filter:saturate(.4)}.search-row--added{background:#23313f;border-color:#2e425a}.sr-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sr-tag{background:#27384d;color:#9fb0d6;font-size:11px;padding:2px 8px;border-radius:20px;letter-spacing:.5px}.sr-status{font-size:12px;color:var(--c-muted);padding:10px 6px;text-align:center}.sr-status.sr-error{color:#ff6668}@keyframes popIn{0%{transform:translateY(14px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.inline-select{position:relative;display:block;font-size:13px;box-sizing:border-box}.inline-select-trigger{width:100%;background:linear-gradient(160deg,#243246,#1a2230);border:1px solid var(--c-border);color:var(--c-text);padding:10px 14px;border-radius:12px;cursor:pointer;text-align:left;position:relative;font-weight:600;letter-spacing:.3px;box-shadow:0 2px 10px rgba(0,0,0,.35),0 0 0 1px #1c2532;font-size:13px}.inline-select-trigger:hover{border-color:#44566d;background:#223044}.inline-select-trigger.open{border-color:#79a8ff;box-shadow:0 0 0 1px rgba(121,168,255,.35),0 4px 14px -4px rgba(0,0,0,.55)}.inline-select-trigger .arrow{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:11px;opacity:.7;pointer-events:none}.inline-options{position:absolute;top:calc(100% + 4px);left:0;min-width:100%;background:#1a2432;border:1px solid #314155;border-radius:10px;padding:4px;box-shadow:0 10px 30px -6px rgba(0,0,0,.6);z-index:300;display:flex;flex-direction:column;max-height:240px;overflow-y:auto}.inline-option{padding:6px 8px;border-radius:6px;cursor:pointer;font-size:12px;line-height:1.1;color:#d6dde7;transition:background .18s,color .18s}.inline-option:hover{background:linear-gradient(90deg,#294054,#1e2f42);color:#fff}.inline-option.active{background:linear-gradient(90deg,#356083,#284762);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}.inline-placeholder{opacity:.5}.premium-badge-inline{display:inline-block;background:var(--gradient-premium);color:#533900;border-radius:7px;font-size:.92rem;font-weight:600;padding:3px 12px;margin-left:10px;box-shadow:0 1px 3px rgba(0,0,0,.08);letter-spacing:.5px;vertical-align:middle;position:relative;top:-1px;text-shadow:0 1px 0 rgba(255,247,199,.53);outline:1px solid #141414}.action-btn.save{background:#284a63}.action-btn.save:hover{background:#2f5d7c}.action-btn.save:active{background:#1f394b}.site-toast-root{position:fixed;right:18px;bottom:18px;z-index:11000;display:flex;flex-direction:column;gap:12px;pointer-events:none}.site-toast{display:flex;width:min(92vw,420px);background:linear-gradient(180deg,#111827,#0b1220);border-radius:12px;box-shadow:0 10px 30px rgba(2,6,23,.6),0 2px 6px rgba(0,0,0,.6);overflow:hidden;pointer-events:auto;animation:siteToastIn .28s cubic-bezier(.2,.9,.24,1)}.site-toast-left{width:8px;background:#2b6cb0}.site-toast-main{padding:12px 14px;color:#e6edf6;display:flex;flex-direction:column;gap:8px}.site-toast-header{display:flex;align-items:center;gap:10px}.site-toast-icon{width:36px;height:36px;border-radius:9px;background:rgba(255,255,255,.04);display:flex;align-items:center;justify-content:center;flex:0 0 36px}.site-toast-title{font-weight:700;font-size:15px;color:#fff;flex:1}.site-toast-close{background:transparent;border:none;color:#aabbcc;font-size:18px;padding:6px;cursor:pointer;border-radius:8px}.site-toast-close:hover{background:rgba(255,255,255,.03);color:#fff}.site-toast-body{font-size:14px;color:#d6dde7;line-height:1.35;white-space:pre-wrap}.site-toast-footer{margin-top:4px}.site-toast-action{color:#90cdf4;text-decoration:underline;font-weight:600}.site-toast-btn{display:inline-block;background:linear-gradient(90deg,#38bdf8,#6366f1);color:#fff;border:none;padding:8px 12px;border-radius:9px;font-weight:700;text-decoration:none;box-shadow:0 6px 14px rgba(99,102,241,.35)}.site-toast-btn:hover{filter:brightness(1.05);box-shadow:0 8px 18px rgba(99,102,241,.5)}.site-toast-info .site-toast-left{background:#2b6cb0}.site-toast-success .site-toast-left{background:#2f855a}.site-toast-warn .site-toast-left{background:#b7791f}.site-toast-error .site-toast-left{background:#c53030}@keyframes siteToastIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:520px){.site-toast-root{right:10px;left:10px;bottom:12px}.site-toast{width:calc(100% - 20px)}}.site-modal-layer{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(5,10,20,.6);backdrop-filter:blur(6px);z-index:12000}.site-modal{width:min(720px,94vw);background:linear-gradient(180deg,#0f172a,#0b1220);border:1px solid #273349;border-radius:16px;box-shadow:0 18px 60px rgba(0,0,0,.55),inset 0 0 0 1px #161f2f;overflow:hidden;position:relative;animation:popIn .25s ease}.site-modal-close{position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid #314155;color:#dbe6f6;font-size:18px;cursor:pointer;padding:0}.site-modal-close:hover{background:rgba(255,255,255,.07)}.site-modal-image{width:100%;aspect-ratio:4/1;background-size:cover;background-position:50%;border-bottom:1px solid #273349;position:relative}.site-modal-image-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 16px;z-index:1}.site-modal-image-title{color:#fff;font-weight:800;font-size:20px;letter-spacing:.3px;text-shadow:0 2px 8px rgba(0,0,0,.65)}.site-modal-close{z-index:2}.site-modal-content{padding:18px 18px 20px;color:#e6edf6}.site-modal-title{font-size:20px;font-weight:800;margin-bottom:8px;letter-spacing:.4px}.site-modal-message{font-size:15px;color:#cbd5e1;line-height:1.45;white-space:pre-wrap}.site-modal-actions{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}.site-modal-btn{display:inline-block;padding:10px 14px;border-radius:10px;text-decoration:none;font-weight:800;letter-spacing:.3px}.site-modal-btn.primary{background:linear-gradient(90deg,#38bdf8,#6366f1);color:#fff;box-shadow:0 10px 24px rgba(99,102,241,.35)}.site-modal-btn.secondary{background:#1f2937;color:#e6edf6;border:1px solid #314155}.site-modal-btn.link{background:transparent;color:#90cdf4;text-decoration:underline}