.notif-root{--c-bg:#0a0e14;--c-bg-alt:#0f1520;--c-bg-grad:linear-gradient(145deg,#0d1218 0%,#111821 50%,#0f151d 100%);--c-glass:#0f1723bf;--c-glass-border:#ffffff0f;--c-border:#ffffff14;--c-border-alt:#ffe06633;--c-border-glow:#ffe06659;--c-text:#e8edf5;--c-muted:#7a8599;--c-accent:#ffe066;--c-accent-rgb:255,224,102;--c-accent-soft:#ffe06626;--c-danger:#ff5757;--c-danger-dim:#c73e3e;--c-success:#3dd68c;--c-info:#5eb5ff;--glow-accent:0 0 25px -5px #ffe06666;--glow-soft:0 8px 32px -8px #00000080;color:var(--c-text);box-sizing:border-box;background:radial-gradient(at 20% 0,#ffe06608 0%,#0000 50%),radial-gradient(at 80% 100%,#5eb5ff05 0%,#0000 50%);height:100%;padding:20px clamp(16px,3vw,32px) 48px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,sans-serif}.notif-grid{grid-template-columns:300px 1fr;gap:24px;max-width:1320px;margin:0 auto;display:grid}@media (max-width:960px){.notif-grid{grid-template-columns:1fr}}.notif-card{background:var(--c-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--c-glass-border);border-radius:var(--radius-lg);box-shadow:var(--glow-soft),0 0 0 1px #0000004d inset,0 1px 0 0 #ffffff0a inset;flex-direction:column;padding:22px 24px 26px;transition:border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:visible}.notif-card:hover{border-color:var(--c-border-alt)}.notif-card.items-col{overflow:hidden}.notif-card:before{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 0 0,#ffe0660f 0%,#0000 40%),radial-gradient(circle at 100% 100%,#5eb5ff08 0%,#0000 40%);position:absolute;inset:0}.notif-card h3{letter-spacing:.3px;color:var(--c-accent);text-shadow:0 0 20px rgba(var(--c-accent-rgb),.4);align-items:center;gap:10px;margin:0 0 16px;font-size:18px;font-weight:700;display:flex}.items-header-row{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.items-header-row .count{color:var(--c-muted);border-radius:var(--radius-full);border:1px solid var(--c-border);background:#ffffff08;padding:4px 12px;font-size:13px;font-weight:600}.items-header-row .count.limit-reached{color:var(--c-danger);background:#ff57571a;border-color:#ff57574d;font-weight:700}.items-list-placeholder{color:var(--c-muted);border-radius:var(--radius-md);text-align:center;background:#ffffff05;border:1px dashed #ffffff1a;padding:18px 16px;font-size:13px;line-height:1.5}.items-add-btn{border-radius:var(--radius-md);border:1px solid var(--c-border-alt);width:44px;height:44px;color:var(--c-accent);cursor:pointer;box-shadow:var(--glow-accent);background:linear-gradient(145deg,#ffe06614,#ffe06605);justify-content:center;align-items:center;font-size:26px;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.items-add-btn:before{content:"";opacity:0;background:radial-gradient(circle,#ffe0664d 0%,#0000 70%);transition:opacity .25s;position:absolute;inset:0}.items-add-btn:hover{border-color:var(--c-accent);background:linear-gradient(145deg,#ffe06633,#ffe0661a);transform:translateY(-2px);box-shadow:0 0 35px -5px #ffe06680}.items-add-btn:hover:before{opacity:1}.items-add-btn:active{transform:translateY(0)}.items-add-full{border-radius:var(--radius-md);width:100%;height:52px;font-size:28px}.filters-select{gap:10px;margin-bottom:18px;display:flex}.filters-select>.tooltip-wrapper:first-child{flex:1;min-width:0}.filters-select>.tooltip-wrapper:first-child .select-wrapper{width:100%}.filters-select>.tooltip-wrapper:last-child{flex:none}@media (max-width:600px){.filters-select{flex-direction:column}.filters-select>.tooltip-wrapper:last-child{flex:1}}.select-wrapper{flex:1;position:relative}.select-wrapper:after{content:"";border-right:3px solid var(--c-accent);border-bottom:3px solid var(--c-accent);width:10px;height:10px;filter:drop-shadow(0 0 4px rgba(var(--c-accent-rgb),.4));pointer-events:none;transition:all .25s;position:absolute;top:50%;right:14px;transform:translateY(-50%)rotate(45deg)}.select-wrapper:hover:after,.select-wrapper:focus-within:after{filter:drop-shadow(0 0 6px rgba(var(--c-accent-rgb),.6));border-color:#fff4c0}.custom-select{border-radius:var(--radius-md);border:1px solid var(--c-border);cursor:pointer;color:var(--c-text);background:linear-gradient(160deg,#212b3b,#17202a);justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;font-weight:600;display:flex}.custom-select .cs-value{white-space:nowrap;text-overflow:ellipsis;color:var(--c-muted);flex:1;overflow:hidden}.custom-select .cs-arrow{color:var(--c-accent);margin-left:8px;font-size:14px}.custom-select.open{box-shadow:0 6px 20px #0009,0 0 0 2px rgba(var(--c-accent-rgb),.08);border-color:var(--c-accent)}.cs-options{border:1px solid var(--c-border-alt);border-radius:var(--radius-md);z-index:2200;background:#172230;max-height:260px;padding:6px;position:absolute;top:calc(100% + 10px);left:0;right:0;overflow:auto;box-shadow:0 14px 40px #0009}.cs-option{border-radius:var(--radius-sm);color:var(--c-text);cursor:pointer;padding:10px 12px;font-size:13px}.cs-option:hover{color:#fff;background:linear-gradient(90deg,#ffe0660a,#ffe06605)}.cs-option:first-child{color:var(--c-muted);font-weight:500}.small-select-wrapper{width:220px;position:relative}.custom-select.small{border-radius:var(--radius-sm);background:linear-gradient(160deg,#1f2a36,#151b23);padding:8px 10px;font-size:13px}.cs-options.small{width:220px;max-height:180px;top:calc(100% + 8px)}.cs-options.small .cs-option{padding:8px 10px;font-size:13px}.filter-input,.btn,.btn-add{font-family:inherit}.filter-input{background:#1c2635;background:linear-gradient(160deg,#243246,#1a2230)padding-box,linear-gradient(140deg,rgba(var(--c-accent-rgb),.35),#ffffff05)border-box;border:1px solid var(--c-border);color:var(--c-text);border-radius:var(--radius-md);box-sizing:border-box;outline:none;width:100%;padding:10px 14px;font-size:13px;transition:border-color .25s,background .25s,box-shadow .25s,color .25s;box-shadow:0 2px 10px #00000059,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;cursor:pointer;padding-right:48px;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-position:right 14px center;background-repeat:no-repeat;background-size:18px 18px}select.filter-input:focus{background-color:#202b3d}.filter-range{flex:1;align-items:center;gap:10px;display:flex}.filter-range select.filter-input{flex:1}.filter-range .inline-select{flex:none}.filter-range .inline-select[data-width="100%"]{flex:auto;min-width:90px}.filter-item .inline-select{width:100%}.filters-list{flex-direction:column;gap:10px;padding-right:4px;display:flex;overflow-y:auto}.filters-list::-webkit-scrollbar{width:6px}.filters-list::-webkit-scrollbar-track{background:0 0}.filters-list::-webkit-scrollbar-thumb{border-radius:var(--radius-xs);background:#1d2839}.filters-list::-webkit-scrollbar-thumb:hover{background:#25344b}.filter-item{border:1px solid var(--c-border);border-radius:var(--radius-md);background:#ffffff05;grid-template-columns:140px 1fr auto;align-items:center;gap:14px;padding:14px 16px;transition:all .2s;display:grid;position:relative}.filter-item:before{content:"";background:var(--c-accent);border-radius:var(--radius-md)0 0 var(--radius-md);opacity:0;width:3px;transition:opacity .2s;position:absolute;top:0;bottom:0;left:0}.filter-item:hover{border-color:var(--c-border-alt);background:#ffe06605}.filter-item:hover:before{opacity:1}.filter-item .inline-select{flex:auto;width:100%}.filter-label{color:var(--c-muted);font-size:13px;font-weight:600}.filter-item>.filter-range,.filter-item>.inline-select,.filter-item>.filter-input{width:100%}.filters-empty{color:var(--c-muted);border-radius:var(--radius-md);text-align:center;background:#ffffff03;border:1px dashed #ffffff1a;padding:16px;font-size:13px}.btn{color:var(--c-text);border:1px solid var(--c-border);border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--glow-soft);background:#ffffff0a;align-items:center;gap:8px;padding:12px 20px;font-size:13px;font-weight:600;line-height:1;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff1a 0%,#0000 50%);transition:opacity .25s;position:absolute;inset:0}.btn:hover{border-color:var(--c-border-alt);background:#ffffff14;transform:translateY(-1px)}.btn:hover:before{opacity:1}.btn:active{transform:translateY(0)}.btn-accent{background:linear-gradient(135deg,var(--c-accent)0%,#ffd24d 100%);color:#1a1a1a;border-color:var(--c-accent);box-shadow:var(--glow-accent);font-weight:700;text-decoration:none}.btn-accent:before{background:linear-gradient(135deg,#ffffff4d 0%,#0000 50%)}.btn-accent:hover,a.btn-accent:hover,.btn-accent:focus,a.btn-accent:focus{background:linear-gradient(135deg,#fff0a0 0%,var(--c-accent)100%);color:#1a1a1a;transform:translateY(-2px);box-shadow:0 0 40px -5px #ffe06699}.btn-accent:active,a.btn-accent:active{color:#1a1a1a;background:linear-gradient(135deg,#ffd54d 0%,#e6c020 100%)}.btn-accent:visited,a.btn-accent:visited{color:#1a1a1a}.btn-ghost{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05}.btn-ghost:hover{background:#ffffff0f}.btn-danger{background:linear-gradient(135deg,var(--c-danger-dim)0%,#a83232 100%);border-color:var(--c-danger-dim);color:#fff;box-shadow:0 4px 20px -5px #ff575766}.btn-danger:hover{background:linear-gradient(135deg,var(--c-danger)0%,var(--c-danger-dim)100%);border-color:var(--c-danger);box-shadow:0 4px 25px -5px #ff575799}.btn-full{text-align:center;justify-content:center;width:100%}.btn-remove{color:var(--c-danger);border-radius:var(--radius-md);cursor:pointer;background:#ff57571a;border:1px solid #ff575733;flex:none;margin-left:12px;padding:10px 14px;font-size:12px;font-weight:600;transition:all .2s}.btn-remove:hover{border-color:var(--c-danger);background:#ff575733;transform:translateY(-1px)}.buttons{flex-wrap:wrap;justify-content:flex-end;gap:14px;margin-top:24px;display:flex}.buttons-bottom{border-top:1px solid var(--c-border);grid-template-columns:repeat(4,1fr);gap:10px;margin-top:auto;padding-top:24px;display:grid}.buttons-bottom .tooltip-wrapper{width:100%}.btn-action-full{text-align:center;justify-content:center;width:100%}.config-card{flex-direction:column;min-height:400px;display:flex}.config-card-content{flex-direction:column;flex:1;display:flex}.items-col{flex-direction:column;gap:16px;display:flex}.items-list{flex-direction:column;gap:10px;display:flex}.divider-line{background:linear-gradient(90deg,#0000,#ffe06626 35% 65%,#0000);height:1px;margin:8px 0 16px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.filter-item,.filters-empty{animation:.3s cubic-bezier(.4,0,.2,1) fadeInUp}@media (max-width:600px){.buttons{justify-content:stretch}.btn{text-align:center;flex:1;justify-content:center}.filter-label{width:100px}.notif-grid{grid-template-columns:1fr;gap:12px}.notif-card{padding:12px}.filter-item{grid-template-columns:1fr;align-items:flex-start;gap:8px}.filter-item .filter-label{width:100%;margin:0 0 6px}.filter-item>.filter-range,.filter-item>.inline-select,.filter-item>.filter-input{width:100%}.small-select-wrapper,.cs-options.small,.inline-select,.inline-select-trigger{width:100%;min-width:0}.cs-options.small{width:100%}.notif-modal{width:min(92vw,480px);padding:16px}.items-add-btn.items-add-full{border-radius:var(--radius-md);height:44px;font-size:22px}.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{flex:48%;min-width:0}.filter-range .inline-select[data-width="100%"]{flex-basis:100%}.buttons{gap:8px}.btn-remove{margin-left:0}.mob-mar{margin-bottom:72px}.buttons-bottom{grid-template-columns:repeat(2,1fr);gap:8px}}.notif-modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:2000;background:#050a12d9;justify-content:center;align-items:center;animation:.25s fadeIn;display:flex;position:fixed;inset:0}.notif-modal{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);background:linear-gradient(165deg,#121926f2 0%,#0c121cfa 100%);border:1px solid #ffe06626;flex-direction:column;gap:16px;width:min(580px,92vw);padding:28px 28px 32px;animation:.35s cubic-bezier(.16,1,.3,1) modalSlideIn;display:flex;position:relative;box-shadow:0 25px 60px -15px #000000b3,inset 0 0 0 1px #ffffff08,inset 0 1px #ffffff0d,0 0 80px -20px #ffe06626}.notif-modal:before{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(at 30% 0,#ffe06614 0%,#0000 50%);position:absolute;inset:0}.notif-modal h4{letter-spacing:.3px;color:var(--c-accent);text-shadow:0 0 30px #ffe06666;margin:0 0 6px;font-size:20px;font-weight:700}.notif-modal .modal-hint{color:var(--c-muted);margin:0;font-size:13px;line-height:1.5}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.selected-items-list{flex-direction:column;gap:8px;max-height:300px;display:flex;overflow-y:auto}.selected-item-row{border:1px solid var(--c-border);border-radius:var(--radius-md);background:#ffffff08;justify-content:space-between;align-items:center;padding:12px 14px;font-size:13px;transition:all .2s;display:flex}.selected-item-row:hover{border-color:var(--c-border-alt);background:#ffe0660a}.selected-item-row--active{border-color:var(--c-accent);background:#ffe0660d;box-shadow:0 0 20px -5px #ffe0664d}.selected-item-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.selected-item-name.core_rank_picklock{color:#b0b0b0}.selected-item-name.core_rank_nowbie,.selected-item-name.core_rank_newbie{color:#3d3}.selected-item-name.core_rank_stalker{color:#39f}.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{color:var(--c-danger);cursor:pointer;border-radius:var(--radius-sm);background:#ff57571a;border:1px solid #ff575733;padding:6px 10px;font-weight:600;transition:all .2s}.sel-remove-btn:hover{border-color:var(--c-danger);background:#ff575733;transform:scale(1.05)}.item-gear{border:1px solid var(--c-border);color:var(--c-muted);cursor:pointer;border-radius:var(--radius-sm);background:#ffffff0a;margin-right:8px;padding:6px 8px;font-size:14px;line-height:1;transition:all .2s}.item-gear:hover{border-color:var(--c-border-alt);color:var(--c-accent);background:#ffe0661a;transform:rotate(45deg)}.status-dot{border-radius:50%;flex-shrink:0;width:14px;height:14px;margin-right:8px;position:relative}.status-dot--inactive{background:var(--c-danger);box-shadow:0 0 10px 2px #ff575766}.status-dot--needs_config{background:linear-gradient(135deg,#ffd24d,#ffb347);animation:2s ease-in-out infinite pulse-yellow;box-shadow:0 0 15px 3px #ffd24d80}@keyframes pulse-yellow{0%,to{transform:scale(1);box-shadow:0 0 15px 3px #ffd24d66}50%{transform:scale(1.15);box-shadow:0 0 25px 5px #ffd24db3}}.status-dot--active{background:linear-gradient(135deg,#3dd68c,#22c55e);animation:2s ease-in-out infinite pulse-green;box-shadow:0 0 15px 3px #3dd68c80}@keyframes pulse-green{0%,to{box-shadow:0 0 15px 3px #3dd68c66}50%{box-shadow:0 0 20px 5px #3dd68c99}}@media (prefers-reduced-motion:reduce){.status-dot--needs_config,.status-dot--active{animation:none!important}}.limit-hint{color:#ffb347;text-align:center;border-radius:var(--radius-sm);background:#ffb3471a;border:1px solid #ffb34733;margin-top:8px;padding:6px 10px;font-size:12px}.search-results-box{flex-direction:column;gap:6px;max-height:360px;margin-top:10px;padding-right:6px;display:flex;overflow-y:auto}.search-results-box::-webkit-scrollbar{width:6px}.search-results-box::-webkit-scrollbar-track{background:0 0}.search-results-box::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffe06633}.search-results-box::-webkit-scrollbar-thumb:hover{background:#ffe0664d}.search-row{border:1px solid var(--c-border);border-radius:var(--radius-md);color:var(--c-text);text-align:left;cursor:pointer;background:#ffffff08;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:13px;transition:all .2s;display:flex}.search-row:hover:not(:disabled){border-color:var(--c-border-alt);background:#ffe0660d;transform:translate(4px)}.search-row:disabled{cursor:default}.search-row.limit-disabled{opacity:.4;filter:saturate(.3)}.search-row--added{background:#3dd68c14;border-color:#3dd68c4d}.sr-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.sr-tag{color:var(--c-accent);border-radius:var(--radius-full);letter-spacing:.3px;background:#ffe0661a;padding:4px 10px;font-size:11px;font-weight:600}.sr-status{color:var(--c-muted);text-align:center;padding:12px 8px;font-size:13px}.sr-status.sr-error{color:var(--c-danger)}@keyframes popIn{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.inline-select{box-sizing:border-box;font-size:13px;display:block;position:relative}.inline-select-trigger{border:1px solid var(--c-border);width:100%;color:var(--c-text);border-radius:var(--radius-md);cursor:pointer;text-align:left;letter-spacing:.3px;background:linear-gradient(160deg,#243246,#1a2230);padding:10px 14px;font-size:13px;font-weight:600;position:relative;box-shadow:0 2px 10px #00000059,0 0 0 1px #1c2532}.inline-select-trigger:hover{background:#223044;border-color:#44566d}.inline-select-trigger.open{border-color:#79a8ff;box-shadow:0 0 0 1px #79a8ff59,0 4px 14px -4px #0000008c}.inline-select-trigger .arrow{opacity:.7;pointer-events:none;font-size:11px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.inline-options{border-radius:var(--radius-md);z-index:300;background:#1a2432;border:1px solid #314155;flex-direction:column;min-width:100%;max-height:240px;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 10px 30px -6px #0009}.inline-option{border-radius:var(--radius-sm);cursor:pointer;color:#d6dde7;padding:6px 8px;font-size:12px;line-height:1.1;transition:background .18s,color .18s}.inline-option:hover{color:#fff;background:linear-gradient(90deg,#294054,#1e2f42)}.inline-option.active{color:#fff;background:linear-gradient(90deg,#356083,#284762);box-shadow:inset 0 0 0 1px #ffffff0d}.inline-placeholder{opacity:.5}.premium-badge-inline{background:var(--gradient-premium);color:#533900;border-radius:var(--radius-sm);letter-spacing:.5px;vertical-align:middle;text-shadow:0 1px #fff7c787;outline:1px solid #141414;margin-left:10px;padding:3px 12px;font-size:.92rem;font-weight:600;display:inline-block;position:relative;top:-1px;box-shadow:0 1px 3px #00000014}.action-btn.save{background:#284a63}.action-btn.save:hover{background:#2f5d7c}.action-btn.save:active{background:#1f394b}.site-toast-root{z-index:11000;pointer-events:none;flex-direction:column;gap:12px;display:flex;position:fixed;bottom:18px;right:18px}.site-toast{border-radius:var(--radius-md);pointer-events:auto;background:linear-gradient(#111827 0%,#0b1220 100%);width:min(92vw,420px);animation:.28s cubic-bezier(.2,.9,.24,1) siteToastIn;display:flex;overflow:hidden;box-shadow:0 10px 30px #02061799,0 2px 6px #0009}.site-toast-left{background:#2b6cb0;width:8px}.site-toast-main{color:#e6edf6;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.site-toast-header{align-items:center;gap:10px;display:flex}.site-toast-icon{border-radius:var(--radius-sm);background:#ffffff0a;flex:0 0 36px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.site-toast-title{color:#fff;flex:1;font-size:15px;font-weight:700}.site-toast-close{color:#abc;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:6px;font-size:18px}.site-toast-close:hover{color:#fff;background:#ffffff08}.site-toast-body{color:#d6dde7;white-space:pre-wrap;font-size:14px;line-height:1.35}.site-toast-footer{margin-top:4px}.site-toast-action{color:#90cdf4;font-weight:600;text-decoration:underline}.site-toast-btn{color:#fff;border-radius:var(--radius-sm);background:linear-gradient(90deg,#38bdf8,#6366f1);border:none;padding:8px 12px;font-weight:700;text-decoration:none;display:inline-block;box-shadow:0 6px 14px #6366f159}.site-toast-btn:hover{filter:brightness(1.05);box-shadow:0 8px 18px #6366f180}.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{bottom:12px;left:10px;right:10px}.site-toast{width:calc(100% - 20px)}}.site-modal-layer{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:12000;background:#050a1499;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.site-modal{border-radius:var(--radius-lg);background:linear-gradient(#0f172a,#0b1220);border:1px solid #273349;width:min(720px,94vw);animation:.25s popIn;position:relative;overflow:hidden;box-shadow:0 18px 60px #0000008c,inset 0 0 0 1px #161f2f}.site-modal-close{border-radius:var(--radius-md);color:#dbe6f6;cursor:pointer;background:#ffffff0a;border:1px solid #314155;width:36px;height:36px;padding:0;font-size:18px;position:absolute;top:10px;right:10px}.site-modal-close:hover{background:#ffffff12}.site-modal-image{aspect-ratio:4;background-position:50%;background-size:cover;border-bottom:1px solid #273349;width:100%;position:relative}.site-modal-image-overlay{text-align:center;z-index:1;justify-content:center;align-items:center;padding:0 16px;display:flex;position:absolute;inset:0}.site-modal-image-title{color:#fff;letter-spacing:.3px;text-shadow:0 2px 8px #000000a6;font-size:20px;font-weight:800}.site-modal-close{z-index:2}.site-modal-content{color:#e6edf6;padding:18px 18px 20px}.site-modal-title{letter-spacing:.4px;margin-bottom:8px;font-size:20px;font-weight:800}.site-modal-message{color:#cbd5e1;white-space:pre-wrap;font-size:15px;line-height:1.45}.site-modal-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.site-modal-btn{border-radius:var(--radius-md);letter-spacing:.3px;padding:10px 14px;font-weight:800;text-decoration:none;display:inline-block}.site-modal-btn.primary{color:#fff;background:linear-gradient(90deg,#38bdf8,#6366f1);box-shadow:0 10px 24px #6366f159}.site-modal-btn.secondary{color:#e6edf6;background:#1f2937;border:1px solid #314155}.site-modal-btn.link{color:#90cdf4;background:0 0;text-decoration:underline}.tooltip-wrapper{display:inline-flex;position:relative}.tooltip-cursor{z-index:99999;border-radius:var(--radius-md);color:#f1f5f9;white-space:nowrap;pointer-events:none;white-space:normal;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#0c1829 0%,#0a1420 100%);border:1px solid #ffe06640;max-width:320px;padding:10px 14px 10px 36px;font-size:13px;font-weight:500;line-height:1.4;animation:.18s cubic-bezier(.16,1,.3,1) tooltipCursorIn;position:fixed;box-shadow:0 20px 40px -10px #0009,inset 0 0 0 1px #ffe06614,0 0 30px -5px #ffe06626}.tooltip-cursor-icon{filter:drop-shadow(0 0 4px #ffe06680);font-size:14px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}@keyframes tooltipCursorIn{0%{opacity:0;transform:scale(.92)translateY(4px)}to{opacity:1;transform:scale(1)translateY(0)}}.icon-btn{border-radius:var(--radius-sm);border:1px solid var(--c-border);width:36px;height:36px;color:var(--c-muted);cursor:pointer;background:linear-gradient(160deg,#1f2a36,#151b23);justify-content:center;align-items:center;font-size:16px;transition:all .2s;display:inline-flex}.icon-btn:hover{border-color:var(--c-border-alt);color:var(--c-accent);background:linear-gradient(160deg,#283547,#1a222d);box-shadow:0 4px 12px #0000004d}.icon-btn:active{transform:translateY(1px)}.icon-btn.danger:hover{border-color:var(--c-danger);color:var(--c-danger)}.icon-btn.success:hover{color:#22c55e;border-color:#22c55e}.status-indicator{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.status-indicator.active{color:#22c55e;background:#22c55e26;border:1px solid #22c55e4d}.status-indicator.inactive{color:#ef4444;background:#ef444426;border:1px solid #ef44444d}.status-indicator.pending{color:#ffe066;background:#ffe06626;border:1px solid #ffe0664d}.filter-item-enhanced{border:1px solid var(--c-border);border-radius:var(--radius-md);background:linear-gradient(160deg,#1a2231 0%,#151b25 100%);grid-template-columns:140px 1fr auto;align-items:center;gap:12px;padding:12px 14px;transition:all .2s;display:grid;position:relative}.filter-item-enhanced:hover{border-color:var(--c-border-alt);box-shadow:0 4px 12px #0003}.filter-item-enhanced:before{content:"";background:var(--c-accent);border-radius:var(--radius-md)0 0 var(--radius-md);opacity:0;width:3px;transition:opacity .2s;position:absolute;top:0;bottom:0;left:0}.filter-item-enhanced:hover:before{opacity:1}.btn-with-icon{align-items:center;gap:6px;display:inline-flex}.btn-with-icon svg,.btn-with-icon .icon{flex-shrink:0;width:16px;height:16px}.help-text{color:var(--c-muted);align-items:center;gap:4px;margin-top:4px;font-size:11px;display:flex}.help-text .help-icon{width:14px;height:14px;color:var(--c-muted);cursor:help;background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;font-size:10px;display:inline-flex}.filter-badge{border-radius:var(--radius-full);color:var(--c-accent);background:#ffe0661a;border:1px solid #ffe06633;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-flex}.info-banner{border-radius:var(--radius-md);background:linear-gradient(135deg,#1e3a5f 0%,#1a2744 100%);border:1px solid #2d4a6f;align-items:center;gap:10px;margin-bottom:12px;padding:12px 16px;display:flex}.info-banner .icon{flex-shrink:0;font-size:18px}.info-banner .text{color:#93c5fd;font-size:13px;font-weight:500}.quick-actions{gap:6px;margin-left:auto;display:flex}.quick-action-btn{border-radius:var(--radius-sm);border:1px solid var(--c-border);width:28px;height:28px;color:var(--c-muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;font-size:14px;transition:all .15s;display:flex}.quick-action-btn:hover{border-color:var(--c-border-alt);color:var(--c-text);background:#ffffff0d}.quick-action-btn.play:hover{color:#22c55e;border-color:#22c55e}.quick-action-btn.stop:hover{border-color:var(--c-danger);color:var(--c-danger)}.quick-action-btn.settings:hover{border-color:var(--c-accent);color:var(--c-accent)}