.system-news-view{width:100%;min-width:0;padding:0;background:#f7f9fb}.sn-page{--sn-line:#e4e9ee;--sn-navy:#152640;--sn-mint:#23bfac;--sn-mint-soft:#e6f8f5;--sn-blue:#2455b0;--sn-muted:#5b6b7c;min-height:100%;padding:20px 26px 60px;color:#0b0b0b;font-family:Inter,sans-serif}.sn-page *{box-sizing:border-box;letter-spacing:0}.sn-page-head{display:flex;align-items:center;gap:16px;margin-bottom:18px}.sn-page-head span{color:#0e6b57;font-family:Saira,sans-serif;font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.sn-page-head h1{margin:1px 0 0;font-family:Saira,sans-serif;font-size:22px}.sn-page-head button{display:flex;align-items:center;gap:8px;margin-left:auto;padding:10px 15px;border:0;border-radius:9px;color:#fff;background:var(--sn-blue);font-family:Saira,sans-serif;font-weight:600}.sn-page-head button svg{width:17px}.sn-strip{display:flex;align-items:center;gap:14px;margin-bottom:18px;padding:13px 16px;border:1px solid var(--sn-line);border-left:3px solid var(--sn-mint);border-radius:0 12px 12px 0;background:#fff}.sn-strip>div{flex:1;min-width:0}.sn-strip span{color:#0e6b57;font-family:Saira,sans-serif;font-size:10.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}.sn-strip b{display:block;overflow:hidden;margin-top:2px;font-family:Saira,sans-serif;font-size:14.5px;text-overflow:ellipsis;white-space:nowrap}.sn-strip button{border:0;color:var(--sn-blue);background:transparent;font-family:Saira,sans-serif;font-weight:600}.sn-strip .close{display:grid;place-items:center;width:30px;height:30px;padding:0;color:#8a97a4}.sn-strip .close svg{width:17px}.sn-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.sn-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.sn-filters button{padding:7px 14px;border:1px solid #d3dae2;border-radius:20px;color:var(--sn-muted);background:#fff;font-family:Saira,sans-serif;font-size:13px;font-weight:500}.sn-filters button.active{border-color:var(--sn-navy);color:#fff;background:var(--sn-navy);font-weight:600}.sn-filters span{opacity:.6}.sn-item{position:relative;margin-bottom:12px;padding:18px;border:1px solid var(--sn-line);border-radius:14px;background:#fff}.sn-item.unread{border-left:3px solid var(--sn-blue)}.sn-item.pinned{border-color:#f3d9a8;background:#fffcf6}.sn-item-head{display:flex;align-items:center;gap:9px;margin-bottom:9px;flex-wrap:wrap}.sn-item-head time{margin-left:auto;color:#8a97a4;font-size:12px}.sn-tag{padding:4px 10px;border-radius:7px;font-family:Saira,sans-serif;font-size:11px;font-weight:600}.sn-tag.product{color:#3c3489;background:#edeaf7}.sn-tag.event{color:#0c447c;background:#e8eef9}.sn-tag.video{color:#0e6b57;background:#e6f8f5}.sn-tag.notice{color:#854f0b;background:#fbf1de}.sn-tag.partner{color:#72243e;background:#fbeaf0}.sn-tag.draft{color:#5b6b7c;background:#edf1f4}.sn-item h3{margin:0;font-family:Saira,sans-serif;font-size:17px;font-weight:600;line-height:1.3}.sn-item>p{margin:7px 0 0;color:var(--sn-muted);font-size:13.5px;line-height:1.65;white-space:pre-line}.sn-actions{display:flex;align-items:center;gap:9px;margin-top:14px;flex-wrap:wrap}.sn-actions a,.sn-actions button{padding:9px 16px;border:1px solid #d3dae2;border-radius:10px;color:var(--sn-muted);text-decoration:none;background:#fff;font-family:Saira,sans-serif;font-size:13.5px;font-weight:600}.sn-actions .primary{border-color:var(--sn-blue);color:#fff;background:var(--sn-blue)}.sn-actions .dismiss{margin-left:auto}.sn-actions .icon{display:grid;place-items:center;width:36px;height:36px;padding:0}.sn-actions .icon svg{width:16px}.sn-actions .danger{color:#c4384e}.sn-video{display:grid;place-items:center;height:150px;margin-top:13px;border-radius:12px;color:#fff;text-decoration:none;background:radial-gradient(300px 160px at 70% 20%,rgba(35,191,172,.22),transparent 65%),var(--sn-navy)}.sn-video span{display:grid;place-items:center;width:52px;height:52px;border:2px solid var(--sn-mint);border-radius:50%;color:var(--sn-mint)}.sn-video span svg{width:20px}.sn-video small{margin-top:8px;color:#93a6c2}.sn-side section{margin-bottom:12px;padding:17px;border:1px solid var(--sn-line);border-radius:14px;background:#fff}.sn-side h3{margin:0 0 12px;font-family:Saira,sans-serif;font-size:14px}.sn-event,.sn-help{display:flex;align-items:center;gap:10px;width:100%;padding:10px 0;border:0;border-bottom:1px solid var(--sn-line);color:inherit;text-align:left;text-decoration:none;background:transparent}.sn-event:last-child,.sn-help:last-child{border-bottom:0}.sn-event>span{display:grid;place-items:center;width:44px;height:44px;border-radius:11px;color:#0c447c;background:#e8eef9;font-family:Saira,sans-serif;line-height:1}.sn-event>span b{font-size:16px}.sn-event>span small{font-size:9.5px;font-weight:600;text-transform:uppercase}.sn-event div,.sn-help span{display:flex;flex:1;min-width:0;flex-direction:column}.sn-event strong,.sn-help b{font-family:Saira,sans-serif;font-size:13.5px}.sn-event div small,.sn-help>small{color:#8a97a4;font-size:11.5px}.sn-help span{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px}.sn-help svg{width:16px;color:#2455b0}.sn-empty{display:grid;place-items:center;min-height:270px;padding:40px 20px;border:1px dashed #d3dae2;border-radius:14px;color:#8a97a4;text-align:center;background:#fff}.sn-empty svg{width:28px;margin-bottom:6px}.sn-empty strong{color:#35465c;font-family:Saira,sans-serif}.sn-empty span{margin-top:4px;font-size:12px}.sn-loading{display:grid;place-items:center;min-height:280px;color:#5b6b7c}.sn-loading svg{width:24px;animation:sn-spin 1s linear infinite}@keyframes sn-spin{to{transform:rotate(360deg)}}.sn-error{margin-bottom:14px;padding:11px 14px;border:1px solid #f1c1c9;border-radius:10px;color:#9d2940;background:#faebee}.sn-editor{margin-bottom:18px;padding:18px;border:1px solid var(--sn-line);border-radius:14px;background:#fff}.sn-editor header{display:flex;align-items:center;margin-bottom:16px}.sn-editor header span{color:#0e6b57;font-family:Saira,sans-serif;font-size:10px;font-weight:700;text-transform:uppercase}.sn-editor h2{margin:2px 0 0;font-family:Saira,sans-serif;font-size:18px}.sn-editor header button{display:grid;place-items:center;width:34px;height:34px;margin-left:auto;padding:0;border:0;border-radius:8px;background:#f4f6f8}.sn-editor header button svg{width:17px}.sn-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sn-editor-grid label{display:grid;gap:6px;color:#5b6b7c;font-family:Saira,sans-serif;font-size:12px;font-weight:600}.sn-editor-grid .wide{grid-column:1/-1}.sn-editor input,.sn-editor select,.sn-editor textarea{width:100%;min-width:0;padding:11px 12px;border:1px solid #d3dae2;border-radius:9px;outline:0;background:#f8fafc;font:inherit}.sn-editor input:focus,.sn-editor select:focus,.sn-editor textarea:focus{border-color:var(--sn-mint);box-shadow:0 0 0 2px rgba(35,191,172,.14);background:#fff}.sn-editor-options{display:flex;gap:18px;margin-top:14px}.sn-editor-options label{display:flex;align-items:center;gap:7px;font-size:13px}.sn-editor-options input{width:16px;height:16px;accent-color:var(--sn-mint)}.sn-editor footer{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:16px;padding-top:14px;border-top:1px solid var(--sn-line)}.sn-editor footer select{width:auto;margin-right:auto}.sn-editor footer button{display:flex;align-items:center;gap:7px;padding:10px 15px;border:1px solid #d3dae2;border-radius:9px;font-family:Saira,sans-serif;font-weight:600}.sn-editor footer .primary{border-color:var(--sn-blue);color:#fff;background:var(--sn-blue)}.sn-editor footer .secondary{color:#5b6b7c;background:#fff}.sn-editor footer svg{width:16px}@media(max-width:900px){.sn-page{padding:16px}.sn-layout{grid-template-columns:1fr}.sn-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sn-side section{margin:0}}@media(max-width:620px){.sn-page-head{align-items:flex-end}.sn-page-head>div span{display:none}.sn-page-head button{padding:9px}.sn-page-head button svg{margin:0}.sn-layout{display:block}.sn-side{grid-template-columns:1fr;margin-top:16px}.sn-editor-grid{grid-template-columns:1fr}.sn-editor-grid .wide{grid-column:auto}.sn-editor footer{flex-wrap:wrap}.sn-editor footer select{width:100%;margin:0}.sn-actions .dismiss{margin-left:0}.sn-strip b{white-space:normal}.sn-strip>button:not(.close){display:none}}