#kpi-works-app{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;max-width:900px;margin:0 auto;padding:20px;color:#2c3e50}.kpi-filters{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap;background:#f8f9fa;padding:16px;border-radius:10px;border:1px solid #e9ecef}.kpi-filters select{padding:10px 14px;border:1px solid #ced4da;border-radius:6px;font-size:15px;background:#fff;cursor:pointer;flex:1;min-width:150px;color:#2c3e50}.kpi-filters select:focus{outline:none;border-color:#1d9e75;box-shadow:0 0 0 3px rgba(29,158,117,.15)}#kpi-status{font-size:14px;color:#7f8c8d;margin-bottom:16px;padding:0 4px}#kpi-list{display:flex;flex-direction:column;gap:14px}.kpi-work-item{background:#fff;border:1px solid #e9ecef;border-radius:10px;padding:20px 24px;border-left:4px solid #1d9e75;transition:box-shadow .2s}.kpi-work-item.bakalavr{border-left-color:#378add}.kpi-work-item:hover{box-shadow:0 4px 16px rgba(0,0,0,.08)}.kpi-badge{display:inline-block;font-size:12px;padding:3px 10px;border-radius:20px;font-weight:500;margin-bottom:10px}.kpi-badge.magistr{background:#e1f5ee;color:#0f6e56}.kpi-badge.bakalavr{background:#e6f1fb;color:#185fa5}.kpi-year-pill{display:inline-block;background:#f1f3f5;color:#666;font-size:12px;padding:3px 10px;border-radius:20px;margin-left:8px;vertical-align:middle}.kpi-work-item h3{margin:0 0 10px;font-size:16px;font-weight:500;line-height:1.4}.kpi-work-item h3 a{color:#2c3e50;text-decoration:none}.kpi-work-item h3 a:hover{color:#1d9e75}.kpi-meta{display:flex;align-items:flex-start;gap:6px;margin:5px 0;font-size:13px;color:#555;line-height:1.5}.kpi-meta-icon{font-size:15px;flex-shrink:0;margin-top:1px;color:#999}.kpi-work-item details{margin-top:12px;border-top:1px solid #f0f0f0;padding-top:10px}.kpi-work-item summary{font-size:13px;color:#1d9e75;cursor:pointer;user-select:none}.kpi-abstract{font-size:13px;color:#666;line-height:1.7;margin:8px 0 0;max-height:200px;overflow-y:auto}#kpi-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:32px;padding-top:20px;border-top:1px solid #e9ecef}#kpi-pagination button{padding:10px 20px;background:#fff;color:#1d9e75;border:1px solid #1d9e75;border-radius:6px;font-size:15px;cursor:pointer;transition:all .2s}#kpi-pagination button:hover{background:#1d9e75;color:#fff}#kpi-pagination span{font-size:14px;color:#7f8c8d}.kpi-search-wrap{position:relative;flex:2;min-width:220px}.kpi-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:15px;pointer-events:none;opacity:.5}#kpi-search{width:100%;padding:10px 14px 10px 36px;border:1px solid #ced4da;border-radius:6px;font-size:15px;background:#fff;color:#2c3e50;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}#kpi-search:focus{outline:none;border-color:#1d9e75;box-shadow:0 0 0 3px rgba(29,158,117,.15)}#kpi-search::placeholder{color:#adb5bd}@media (max-width:600px){.kpi-filters{flex-direction:column}.kpi-work-item{padding:16px}}