:root{--portal-color-header:#0d2f57;--portal-color-hero:#168a52;--portal-color-bg:#f5f7f9;--portal-color-surface:#fff;--portal-color-text:#1a2633;--portal-color-muted:#5d6a77;--portal-color-border:#d7dde4;--portal-color-focus:#2e6cf6;--portal-radius-sm:6px;--portal-radius-md:8px;--portal-space-2:8px;--portal-space-3:12px;--portal-space-4:16px;--portal-space-5:20px;--portal-space-6:24px;--portal-space-8:32px;--portal-max-content:1440px}body{background:var(--portal-color-bg);color:var(--portal-color-text);scroll-behavior:smooth;margin:0}.global-header{z-index:100;background:var(--portal-color-header);border-bottom:1px solid #ffffff2e;width:100%;position:sticky;top:0}.header-inner{max-width:var(--portal-max-content);min-height:68px;padding:0 var(--portal-space-6);align-items:center;gap:var(--portal-space-5);grid-template-columns:auto 1fr;margin:0 auto;display:grid}.header-left{align-items:center;gap:var(--portal-space-3);min-width:220px;display:flex}.logo-box{border-radius:var(--portal-radius-sm);color:#fff;letter-spacing:.5px;border:1px solid #ffffff73;place-items:center;width:44px;height:28px;font-size:10px;font-weight:600;display:grid}.slogan{color:#ffffffe0;margin:0;font-size:12px}.header-actions{gap:var(--portal-space-2);flex-wrap:wrap;justify-content:flex-end;align-items:center;display:flex}.auth-controls{align-items:center;gap:8px;margin-left:6px;display:flex}.header-auth-btn{color:#fff;border-radius:var(--portal-radius-sm);cursor:pointer;background:0 0;border:1px solid #ffffff6b;padding:7px 10px;font-size:12px;line-height:1}.role-tag{color:var(--portal-color-muted);border:1px solid var(--portal-color-border);border-radius:var(--portal-radius-sm);padding:4px 8px;font-size:12px}.role-tag-header{color:#ffffffe6;border-color:#ffffff6b}.header-auth-form{max-width:var(--portal-max-content);padding:0 var(--portal-space-6)var(--portal-space-3);grid-template-columns:minmax(180px,280px) auto;justify-content:end;gap:8px;margin:0 auto;display:grid}.header-auth-form input,.header-auth-form button{border-radius:var(--portal-radius-sm);color:#fff;background:0 0;border:1px solid #ffffff6b;padding:8px 10px;font-size:12px}.header-auth-form input::placeholder{color:#ffffffbf}.header-auth-form button{cursor:pointer}.header-auth-msg{max-width:var(--portal-max-content);padding:0 var(--portal-space-6)var(--portal-space-3);color:#ffffffe6;text-align:right;margin:0 auto;font-size:12px}.content{max-width:var(--portal-max-content);padding:22px var(--portal-space-6)var(--portal-space-8);margin:0 auto}.content-grid{gap:var(--portal-space-5);grid-template-columns:230px minmax(0,1fr);max-width:1440px;margin:0 auto;display:grid}.category-sidebar{border:1px solid var(--portal-color-border);background:#fff;border-radius:10px;align-self:start;padding:12px;position:sticky;top:92px}.sidebar-title{color:var(--portal-color-header);margin:0 0 10px;font-size:13px}.sidebar-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.sidebar-link{border:1px solid var(--portal-color-border);color:var(--portal-color-header);background:#f9fbfd;border-radius:6px;justify-content:space-between;align-items:center;padding:7px 8px;font-size:12px;text-decoration:none;display:flex}.sidebar-link:hover{background:#f3f8fc;border-color:#9db3c8}.sidebar-link.active{color:#0d2f57;background:#eaf2f9;border-color:#0d2f57;font-weight:600}.sidebar-link.active .sidebar-count{color:#0d2f57}.sidebar-count{color:var(--portal-color-muted);font-size:11px}.card{background:var(--portal-color-surface);border:1px solid var(--portal-color-border);border-top:3px solid var(--portal-color-hero);border-radius:10px;padding:18px;box-shadow:0 1px 2px #0d2f570a}.card-top{margin-bottom:var(--portal-space-4);justify-content:space-between;align-items:center;gap:10px;display:flex}.card h2{text-align:left;color:var(--portal-color-header);margin:0;font-size:17px;line-height:1.35}.card-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.card-button{border:1px solid var(--portal-color-border);color:var(--portal-color-header);border-radius:var(--portal-radius-sm);cursor:pointer;background:#f4f8fc;padding:5px 10px;font-size:12px}.card-button:hover{background:#edf4fa;border-color:#b2c2d2}.category-list{gap:14px;display:grid}.category-box{border:1px solid var(--portal-color-border);border-left:3px solid var(--portal-color-hero);background:#f9fbfd;border-radius:8px;padding:12px;scroll-margin-top:96px}.category-title{color:var(--portal-color-header);letter-spacing:.2px;margin:0 0 12px;font-size:13px;font-weight:600}.category-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.add-form{gap:8px;margin:0 0 12px;display:grid}.add-form input,.add-form textarea,.add-form button{border:1px solid var(--portal-color-border);border-radius:var(--portal-radius-sm);padding:8px 10px;font-size:13px}.add-form textarea{resize:vertical;min-height:76px}.add-form button{cursor:pointer;background:#fff}.links-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.meta{color:var(--portal-color-muted);letter-spacing:.1px;text-align:left;margin:0 0 6px;font-size:12px}.title-link{color:#183a5a;font-size:14px;font-weight:600;line-height:1.3;text-decoration:none}.title-link:hover{text-decoration:underline}.desc{color:var(--portal-color-muted);text-align:left;margin:4px 0 0;font-size:11.5px;line-height:1.35}.state-text{color:var(--portal-color-muted);text-align:left;margin:-4px 0 12px;font-size:12px}.links-list li{list-style:none}.link-box{border:1px solid var(--portal-color-border);background:#fff;border-radius:8px;grid-template-columns:24px 1fr;align-items:center;gap:10px;min-height:64px;padding:10px;text-decoration:none;transition:border-color .12s,background-color .12s,box-shadow .12s;display:grid}.link-box:hover{background:#f8fbff;border-color:#9db3c8;box-shadow:0 1px 3px #0d2f5714}.link-box .title-link{font-size:13.5px;line-height:1.25}.icon-wrap{width:24px;height:24px;color:var(--portal-color-header);background:#eef7f1;border:1px solid #d6e0ea;border-radius:6px;place-items:center;display:grid}.icon-wrap svg{width:14px;height:14px}footer{border-top:1px solid var(--portal-color-border);background:#fafbfd}.footer-inner{max-width:var(--portal-max-content);padding:var(--portal-space-5)var(--portal-space-6);color:var(--portal-color-muted);margin:0 auto;font-size:12px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--portal-color-focus);outline-offset:2px}@media (max-width:1100px){.content-grid{grid-template-columns:1fr}.category-sidebar{position:static}.header-inner{gap:var(--portal-space-3);padding-top:var(--portal-space-3);padding-bottom:var(--portal-space-3);grid-template-columns:1fr}.header-left,.header-actions{justify-content:flex-start}.category-links{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.content-grid,.category-links{grid-template-columns:1fr}.header-auth-form{grid-template-columns:1fr;justify-content:stretch}.header-auth-msg{text-align:left}}