.notice-bell{margin-left:auto;margin-right:16px;position:relative;display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border:1px solid #dce5f2;background:#ffffff;border-radius:14px;color:#232933;cursor:pointer}.notice-bell b{position:absolute;top:-4px;right:-5px;background:#0854d4;color:#081833;font-size:11px;min-width:18px;padding:3px;border-radius:20px}.notice-bell b[hidden]{display:none}#notice-dialog{padding:0;border:1px solid #dce5f2;border-radius:24px;width:min(540px,calc(100% - 24px));max-height:85dvh;color:#232933;box-shadow:0 24px 80px #08183333;overflow:auto}#notice-dialog::backdrop{background:#08183366;backdrop-filter:blur(3px)}.notice-heading{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;background:#f5f8ff;border-bottom:1px solid #dce5f2;position:sticky;top:0;z-index:1}.notice-heading h2{margin:0;font-size:22px}.notice-heading p{margin:5px 0 0;font-size:13px;color:#626b79}.notice-heading button{width:40px;height:40px;border:1px solid #dce5f2;border-radius:12px;background:white;display:grid;place-items:center;cursor:pointer;color:#232933}.notice-summary{display:flex;gap:10px;padding:18px 20px 4px;flex-wrap:wrap}.notice-summary span{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:10px;background:#f5f8ff;font-size:13px}.notice-summary svg{width:17px;height:17px}.notice-item{display:flex;align-items:center;gap:12px;margin:12px 20px;padding:16px;border:1px solid #dce5f2;border-radius:16px;color:inherit;text-decoration:none}.notice-item.notice-new{background:#f5f8ff;border-color:#bfd6ff}.notice-symbol{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;background:#f5f8ff;border-radius:12px;color:#232933}.notice-item div{min-width:0;flex:1}.notice-item p{font-size:13px;margin:5px 0;overflow-wrap:anywhere}.notice-item small{color:#626b79;font-size:11px}.notice-item>svg{width:18px;flex-shrink:0}.notice-empty{display:grid;text-align:center;justify-items:center;gap:12px;padding:38px 30px}.notice-empty>svg{width:48px;height:48px;color:#232933}.notice-empty p{font-size:14px;line-height:1.6;color:#626b79;margin:0}.notice-error{color:#ae3737;margin:12px 22px;font-size:13px}.notice-error:empty{display:none}.notice-footer{display:flex;flex-wrap:wrap;gap:8px;padding:16px 20px;border-top:1px solid #dce5f2}.notice-footer button{border:1px solid #dce5f2;background:#ffffff;color:#232933;border-radius:10px;padding:10px 12px;cursor:pointer;font:inherit;font-size:12px}.notice-footer svg{width:17px;height:17px}.notice-footer button:disabled{opacity:.5;cursor:default}.notice-item:focus-visible,.notice-bell:focus-visible{outline:3px solid #0854d4;outline-offset:3px}.transfer-proof{display:block;width:100%;max-height:320px;object-fit:contain;background:#f5f8ff;border:1px solid #dce5f2;border-radius:12px}.proof-box{margin:16px 0;padding:16px;border:1px solid #dce5f2;border-radius:16px}.proof-box summary{cursor:pointer;font-weight:600}.proof-box img{margin-top:12px}.proof-box p{font-size:12px;color:#626b79}.proof-preview[hidden]{display:none}.payment-deadline{padding:16px;border:1px solid #bfd6ff;border-radius:14px;background:#f5f8ff;margin:18px 0}.payment-deadline strong{display:block;font-size:24px;color:#232933;margin:8px 0}.payment-deadline p{font-size:12px;margin:0;color:#232933}#transfer-form input[type=file]{padding:12px;font-size:12px;max-width:100%}@media(max-width:400px){.notice-heading{padding:18px}.notice-item{margin:10px 12px;padding:12px}.notice-summary{padding:14px 12px 2px}.notice-heading h2{font-size:20px}.notice-bell{margin-right:10px}}#live-dialog .transfer-proof{max-height:260px}#live-dialog{max-height:90dvh;overflow:auto}