.vku-sn{--vku-accent:#3056d3;--vku-ink:#1d2327;--vku-muted:#6b7280;--vku-line:#e5e7eb;--vku-bg:#fff;--vku-soft:#eef2fd;
	color:var(--vku-ink);font-size:16px;line-height:1.45;margin:0 0 32px}
.vku-sn *,.vku-sn *::before,.vku-sn *::after{box-sizing:border-box}

.vku-sn__toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:0 0 24px}
.vku-sn__years{display:flex;gap:6px;flex-wrap:wrap}
.vku-sn__year-btn{appearance:none;border:1px solid var(--vku-line);background:var(--vku-bg);color:var(--vku-ink);border-radius:999px;padding:7px 16px;font:inherit;font-size:14px;cursor:pointer;transition:.15s}
.vku-sn__year-btn:hover{border-color:var(--vku-accent);color:var(--vku-accent)}
.vku-sn__year-btn.is-active{background:var(--vku-accent);border-color:var(--vku-accent);color:#fff}
.vku-sn__search{flex:1 1 240px;min-width:0;border:1px solid var(--vku-line);border-radius:10px;padding:10px 14px;font:inherit;font-size:15px;background:var(--vku-bg);color:var(--vku-ink)}
.vku-sn__search:focus{outline:2px solid var(--vku-accent);outline-offset:1px;border-color:transparent}
.vku-sn__toggle{appearance:none;background:none;border:0;color:var(--vku-accent);font:inherit;font-size:14px;cursor:pointer;padding:8px 4px;text-decoration:underline;text-underline-offset:3px}

.vku-sn__block{margin:0 0 36px}
.vku-sn__block-title{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:700;margin:0 0 16px;padding:0 0 10px;border-bottom:2px solid var(--vku-accent);color:var(--vku-ink)}
.vku-sn__block--done .vku-sn__block-title{border-bottom-color:#9ca3af}
.vku-sn__block--done .vku-sn__year-title{font-size:17px;font-weight:700;margin:22px 0 10px;color:var(--vku-muted)}
.vku-sn__year:first-of-type .vku-sn__year-title{margin-top:0}

.vku-sn__item{border:1px solid var(--vku-line);border-radius:12px;background:var(--vku-bg);margin:0 0 10px;overflow:hidden;transition:box-shadow .15s,border-color .15s}
.vku-sn__item:hover{border-color:#d1d5db}
.vku-sn__item[open]{border-color:var(--vku-accent);box-shadow:0 4px 18px rgba(48,86,211,.10)}
.vku-sn__item summary{display:flex;align-items:center;gap:16px;padding:14px 18px;cursor:pointer;list-style:none}
.vku-sn__item summary::-webkit-details-marker{display:none}
.vku-sn__item summary:focus-visible{outline:2px solid var(--vku-accent);outline-offset:-2px}

.vku-sn__date{flex:0 0 auto;width:56px;text-align:center;border-radius:10px;background:var(--vku-soft);color:var(--vku-accent);padding:6px 0 5px;line-height:1}
.vku-sn__date b{display:block;font-size:22px;font-weight:700}
.vku-sn__date i{display:block;font-style:normal;font-size:12px;text-transform:uppercase;letter-spacing:.04em;margin-top:3px}
.vku-sn__item[open] .vku-sn__date{background:var(--vku-accent);color:#fff}

.vku-sn__title{flex:1;min-width:0;font-weight:600;font-size:18px}
.vku-sn__chev{flex:0 0 auto;width:10px;height:10px;border-right:2px solid var(--vku-muted);border-bottom:2px solid var(--vku-muted);transform:rotate(45deg);transition:transform .2s;margin:0 4px 4px 0}
.vku-sn__item[open] .vku-sn__chev{transform:rotate(-135deg);margin:4px 4px 0 0}

.vku-sn__body{padding:4px 18px 18px 90px}
.vku-sn__sub+.vku-sn__sub{margin-top:14px}
.vku-sn__sub--card{border:1px solid #d6def7;border-radius:10px;background:#fff;overflow:hidden}
.vku-sn__sub--card .vku-sn__files{padding:6px 14px 8px}
.vku-sn__sub-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0;padding:10px 14px;background:var(--vku-soft);border-bottom:1px solid #d6def7;font-size:15px;font-weight:600;color:var(--vku-ink)}
.vku-sn__num{display:inline-block;padding:3px 12px;border-radius:999px;background:var(--vku-accent);color:#fff;font-size:13px;font-weight:700;white-space:nowrap}
.vku-sn__block--done .vku-sn__num{background:#6b7280}
.vku-sn__block--done .vku-sn__sub--card{border-color:#e5e7eb}
.vku-sn__block--done .vku-sn__sub-title{background:#f3f4f6;border-bottom-color:#e5e7eb}
.vku-sn__files{list-style:none;margin:0;padding:0}
.vku-sn__files li{margin:0;padding:0}
.vku-sn__file{display:flex;align-items:center;gap:12px;padding:10px 12px;margin:0 -12px;border-radius:8px;color:var(--vku-ink);text-decoration:none;transition:background .12s}
.vku-sn__file:hover,.vku-sn__file:focus-visible{background:var(--vku-soft);color:var(--vku-ink)}
.vku-sn__file:hover .vku-sn__name{color:var(--vku-accent)}
.vku-sn__ext{flex:0 0 auto;min-width:44px;text-align:center;font-size:11px;font-weight:700;letter-spacing:.03em;color:#fff;background:#6b7280;border-radius:6px;padding:5px 6px}
.vku-sn__ext--pdf{background:#d12b2b}
.vku-sn__ext--doc,.vku-sn__ext--docx,.vku-sn__ext--odt{background:#2b5fd1}
.vku-sn__ext--xls,.vku-sn__ext--xlsx,.vku-sn__ext--ods{background:#1f8a4c}
.vku-sn__ext--zip,.vku-sn__ext--rar,.vku-sn__ext--7z{background:#a16207}
.vku-sn__name{flex:1;min-width:0;overflow-wrap:anywhere}
.vku-sn__dl{flex:0 0 auto;width:18px;height:18px;background:var(--vku-accent);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3v12m0 0l-5-5m5 5l5-5M4 20h16' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3v12m0 0l-5-5m5 5l5-5M4 20h16' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}

.vku-sn__empty,.vku-sn__none{margin:0;padding:22px;text-align:center;color:var(--vku-muted);background:var(--vku-soft);border-radius:12px}

@media (max-width:600px){
	.vku-sn__item summary{padding:12px 14px;gap:12px}
	.vku-sn__date{width:48px}
	.vku-sn__title{font-size:16px}
	.vku-sn__body{padding:2px 14px 12px}
		.vku-sn__toolbar{gap:8px}
}
@media (prefers-reduced-motion:reduce){.vku-sn *{transition:none!important}}