:root{--bg:#fff;--bg-alt:#f4f5f7;--text:#1c1e21;--text-dim:#6b7280;--border:#d9dce1;--accent:#2563eb;--accent-bg:#dbeafe;--unread:#111827;--urgent:#dc2626;--tag-1:#dc2626;--tag-2:#ea580c;--tag-3:#16a34a;--tag-4:#2563eb;--tag-5:#9333ea}@media (prefers-color-scheme:dark){:root{--bg:#16181d;--bg-alt:#1f2229;--text:#e5e7eb;--text-dim:#9ca3af;--border:#33363e;--accent:#60a5fa;--accent-bg:#1e3a5f;--unread:#fff;--urgent:#f87171}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:13px}.app{flex-direction:column;height:100%;display:flex}.filterbar{border-bottom:1px solid var(--border);background:var(--bg-alt);white-space:nowrap;flex-wrap:wrap;align-items:center;gap:6px 8px;padding:6px 10px;display:flex}.brand{margin-right:4px;font-weight:700}.search{border:1px solid var(--border);background:var(--bg);min-width:110px;color:var(--text);border-radius:4px;flex:0 220px;padding:4px 8px}.filterbar select{border:1px solid var(--border);background:var(--bg);min-width:0;max-width:230px;color:var(--text);border-radius:4px;flex-shrink:1;padding:3px 4px}@media (width<=1500px){.filterbar select{max-width:160px}}.seg{border:1px solid var(--border);border-radius:4px;display:flex;overflow:hidden}.seg button{background:var(--bg);color:var(--text);cursor:pointer;border:none;padding:4px 10px}.seg button.active{background:var(--accent);color:#fff}.chip{border:1px solid var(--border);background:var(--bg);color:var(--text-dim);cursor:pointer;border-radius:10px;padding:2px 9px}.chip.active{border-color:var(--accent);background:var(--accent-bg);color:var(--text)}.tag-chips{gap:3px;display:flex}.tag-chip{font-weight:700}.tag-chip.tag-1.active{background:var(--tag-1);border-color:var(--tag-1);color:#fff}.tag-chip.tag-2.active{background:var(--tag-2);border-color:var(--tag-2);color:#fff}.tag-chip.tag-3.active{background:var(--tag-3);border-color:var(--tag-3);color:#fff}.tag-chip.tag-4.active{background:var(--tag-4);border-color:var(--tag-4);color:#fff}.tag-chip.tag-5.active{background:var(--tag-5);border-color:var(--tag-5);color:#fff}.star-chip.active{color:#eab308}.check{color:var(--text-dim);cursor:pointer;align-items:center;gap:3px;display:flex}.counts{color:var(--text-dim);margin-left:auto}.sync{border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;border-radius:4px;padding:4px 12px}.sync:disabled{opacity:.6;cursor:default}.main{flex:1;grid-template-columns:minmax(480px,42%) 1fr;min-height:0;display:grid}@media (width<=1280px){.main{grid-template-columns:minmax(340px,40%) 1fr}.col-inst{width:0}.notice-table .inst{display:none}}.empty{color:var(--text-dim);justify-content:center;align-items:center;display:flex}.table-pane{border-right:1px solid var(--border);min-height:0;overflow-y:auto}.notice-table{border-collapse:collapse;table-layout:fixed;width:100%}.col-date{width:74px}.col-inst{width:118px}.col-badges{width:96px}.notice-table tr{cursor:pointer;border-bottom:1px solid var(--border)}.notice-table tr:hover{background:var(--bg-alt)}.notice-table tr.selected{background:var(--accent-bg)}.notice-table td{text-overflow:ellipsis;white-space:nowrap;padding:4px 6px;overflow:hidden}.notice-table .date{color:var(--text-dim);font-variant-numeric:tabular-nums}.notice-table .inst{color:var(--text-dim)}tr.unread .title,tr.unread .date,tr.unread .inst{color:var(--unread);font-weight:700}tr.archived{opacity:.55}.star-btn{cursor:pointer;color:var(--border);background:0 0;border:none;padding:0 4px 0 0;font-size:12px}.star-btn.starred,.star-btn:hover{color:#eab308}.badges{text-align:right}.badge{background:var(--bg-alt);border:1px solid var(--border);color:var(--text-dim);border-radius:8px;padding:0 5px;font-size:11px;display:inline-block}.badge.urgent{color:var(--urgent);border-color:var(--urgent)}.badge.expired{text-decoration:line-through}.tagdot{color:#fff;text-align:center;border-radius:8px;width:15px;margin-right:2px;font-size:10px;font-weight:700;display:inline-block}.tagdot.tag-1{background:var(--tag-1)}.tagdot.tag-2{background:var(--tag-2)}.tagdot.tag-3{background:var(--tag-3)}.tagdot.tag-4{background:var(--tag-4)}.tagdot.tag-5{background:var(--tag-5)}.pdf-pane{flex-direction:column;min-height:0;display:flex}.pdf-header{border-bottom:1px solid var(--border);background:var(--bg-alt);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 10px;padding:5px 10px;display:flex}.pdf-meta{flex-direction:column;min-width:0;display:flex}.pdf-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.pdf-sub{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pdf-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:6px;display:flex}.pdf-actions a{color:var(--accent);text-decoration:none}.pdf-tabs{border-bottom:1px solid var(--border);background:var(--bg-alt);gap:4px;padding:4px 10px;display:flex}.pdf-frame{border:none;flex:1;width:100%}.statusbar{border-top:1px solid var(--border);background:var(--bg-alt);color:var(--text-dim);padding:3px 10px;font-size:11px}.statusbar kbd{background:var(--bg);border:1px solid var(--border);border-radius:3px;padding:0 3px;font-family:inherit}.pdf-body{flex:1}