*{box-sizing:border-box}body{margin:0;background:#eef3f7;color:#183143;font:16px/1.5 system-ui,sans-serif}main{max-width:760px;margin:6vh auto;padding:28px;background:#fff;border:1px solid #dce6ec;border-radius:18px;box-shadow:0 12px 45px #1634470d}h1{font-size:1.8rem;line-height:1.2;margin:12px 0}.eyebrow{font-size:.7rem;letter-spacing:.16em;color:#486879;margin:0}label{display:block;font-weight:600;margin-top:16px}input{width:100%;font:inherit;padding:12px;border:1px solid #8196a4;border-radius:9px}button{width:100%;margin-top:20px;padding:13px;background:#155d70;color:#fff;border:0;border-radius:10px;font:600 1rem system-ui;cursor:pointer}a:focus-visible,input:focus-visible,button:focus-visible{outline:3px solid #b77100;outline-offset:4px}.secondary{background:#e4edf1;color:#183143}.small{font-size:.8rem;color:#506875;margin:16px 0 8px}.notice{padding:12px;background:#fff0cf;border-radius:8px}.links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0}.card{display:flex;align-items:center;gap:12px;min-height:76px;padding:12px;border:1px solid #d9e4eb;border-radius:12px;text-decoration:none;color:#183143;background:#fff}.card:hover{background:#f2f8fa;border-color:#8cafbd}.card strong{font-size:.9rem;line-height:1.35;overflow-wrap:anywhere;flex:1;min-width:0}.icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:11px;background:#e5f2f4;color:#155d70}.icon-portal{background:#eaf0ff;color:#3655a3}.icon-tools{background:#fff0db;color:#98600b}.icon-clean{background:#e5f5ec;color:#26744d}.icon-settings{background:#f0eafa;color:#72509d}.arrow{font-size:18px;color:#657f90}.logout button{width:auto;margin-top:4px;padding:9px 24px}@media(max-width:790px){main{margin:20px 12px;padding:22px}}@media(max-width:480px){main{padding:18px;margin:12px 8px}.links{gap:8px}.card{flex-direction:column;align-items:flex-start;gap:9px;padding:12px;min-height:110px}.card strong{flex:0}.arrow{display:none}.icon{width:36px;height:36px;flex-basis:36px}.card strong{font-size:.85rem}}@media(max-width:300px){.links{grid-template-columns:1fr}}

.categories{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 22px}.categories a{padding:7px 12px;border-radius:20px;background:#eaf2f5;color:#155d70;text-decoration:none;font-size:.8rem;font-weight:600}.categories a:hover{background:#d9e9ef}.link-section{margin-top:22px}.link-section h2{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:#506875;margin:0 0 10px;scroll-margin-top:20px}.link-section .links{margin:0}.icon-map{background:#eaf0ff;color:#3655a3}
