.portal-alert{margin-top:15px;padding:12px;border-radius:8px;background:#e9f8f2;color:#267259;font-size:10px}.portal-alert.error{background:#fff0ed;color:#a84736}.portal-nav{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.portal-nav a{padding:9px 12px;border-radius:8px;background:#fff;color:var(--navy);font-size:10px;font-weight:800;text-decoration:none}.portal-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.portal-card{scroll-margin-top:15px;padding:22px;border:1px solid var(--line);border-radius:14px;background:#fff}.portal-card h2{margin:0 0 6px;font:21px Georgia,serif}.portal-card>p{margin:0 0 17px;color:var(--muted);font-size:10px;line-height:1.55}.portal-card form{display:grid;gap:10px}.portal-card label{display:grid;gap:5px;color:#4e605b;font-size:9px;font-weight:800}.portal-card input,.portal-card select,.portal-card textarea{width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fbfdfc;font:11px Arial,sans-serif}.portal-card textarea{min-height:78px;resize:vertical}.portal-card button{padding:11px;border:0;border-radius:8px;background:var(--green);color:#fff;font-size:10px;font-weight:800;cursor:pointer}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.record-list{display:grid;gap:7px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.record-list article{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px;border-radius:8px;background:#f6f9f8}.record-list b,.record-list small{display:block}.record-list b{font-size:9px}.record-list small{margin-top:4px;color:#81908c;font-size:8px}.record-list span{padding:5px 8px;border-radius:20px;background:var(--mint);color:#237b5e;font-size:8px;font-weight:800}.record-empty{margin-top:15px;padding:12px;border-radius:8px;background:#f6f9f8;color:#80908c;font-size:9px;text-align:center}@media(max-width:800px){.portal-grid{grid-template-columns:1fr}}@media(max-width:720px){.form-row{grid-template-columns:1fr}}

.noticeboard-card{grid-column:1/-1}.noticeboard-title{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.noticeboard-title>div>p{margin:4px 0 0;color:var(--muted);font-size:10px}.noticeboard-title>span{padding:6px 9px;border-radius:20px;background:#fff1d8;color:#986317;font-size:9px;font-weight:800}.tenant-notice-list{display:grid;gap:9px;margin-top:16px}.tenant-notice{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:10px;background:#f8faf9}.tenant-notice.unread{border-color:#8ed8bd;background:#effaf6}.tenant-notice small{color:#7f8e8a;font-size:8px}.tenant-notice h3{margin:5px 0;font:17px Georgia,serif}.tenant-notice p{margin:0;color:#596965;font-size:10px;line-height:1.55}.tenant-notice a,.notice-back{padding:8px 10px;border-radius:7px;background:var(--green);color:#fff;font-size:9px;font-weight:800;text-decoration:none;white-space:nowrap}.notice-page>header{margin-bottom:18px}.tenant-notice-detail{padding:clamp(24px,5vw,48px);border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 16px 45px #173d3918}.tenant-notice-detail>small{color:var(--green);font-size:9px;font-weight:800;letter-spacing:.1em}.tenant-notice-detail h1{margin:10px 0 22px;font:32px Georgia,serif}.tenant-notice-detail>div{font-size:15px;line-height:1.8}.tenant-notice-detail>p{margin:28px 0 0;padding-top:16px;border-top:1px solid var(--line);color:#268063;font-size:10px;font-weight:800}@media(max-width:650px){.tenant-notice{grid-template-columns:1fr}.tenant-notice a{width:max-content}.noticeboard-title{flex-direction:column}}