.notice-banner{display:flex;gap:18px;align-items:center;padding:16px 22px;border:1px solid #e0e5f1;border-radius:9px;background:#f7f9ff;margin-bottom:25px;font-size:12px}.notice-tag{color:#6376a0;white-space:nowrap}.notice-banner-link{border:0;background:none;text-align:left;color:#282f3e;cursor:pointer;padding:3px}.notice-banner>a{margin-left:auto;color:#6a7895;white-space:nowrap}.notice-section{padding-bottom:55px}.notice-filters{display:flex;gap:10px;margin-bottom:25px}.notice-filter{padding:9px 18px;border:1px solid #e0e5ef;border-radius:25px;background:#fff;color:#68738b}.notice-filter.active{background:#202631;color:#fff;border-color:#202631}.notice-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.notice-item{padding:25px;border:1px solid #e2e6ef;border-radius:10px;background:#fff}.notice-item-meta{display:flex;gap:15px;align-items:center}.notice-title-button{border:0;background:none;text-align:left;font-size:17px;font-weight:600;color:#20242c;cursor:pointer;padding:20px 0 6px;line-height:1.6}.notice-item>p{font-size:12px;color:#69768d;line-height:1.9}.notice-item .text-button{padding-left:0}.notice-dialog{max-width:640px}.notice-body{white-space:pre-wrap;font-size:13px;color:#505d74;line-height:2;margin:25px 0}.notice-editor{max-width:650px;max-height:90vh}.notice-editor label{display:flex;flex-direction:column;gap:8px;color:#5e6c84;font-size:12px;margin-top:15px}.notice-editor input:not([type=checkbox]),.notice-editor textarea,.notice-editor select{width:100%;padding:11px;border:1px solid #dbe1ec;border-radius:6px;background:#fff;color:#202938;font:inherit}.notice-editor textarea{resize:vertical}.notice-form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.notice-checks{display:flex;gap:25px}.notice-checks label{flex-direction:row;align-items:center}.notice-editor-actions{display:flex;gap:12px}.notice-editor-actions .button{width:auto;flex:1}.notice-admin-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.notice-row-actions{white-space:nowrap}.notice-row-actions .text-button{margin-right:5px}header nav{gap:20px}@media(max-width:700px){.notice-banner{gap:10px;padding:14px;flex-wrap:wrap}.notice-banner-link{flex:1}.notice-list{grid-template-columns:1fr}.notice-item{padding:20px}.notice-form-row{grid-template-columns:1fr}.notice-editor{padding:25px}.notice-editor-actions{flex-wrap:wrap}}
