.activity-bell{position:relative;margin-left:auto;padding:12px;border-radius:50%;color:#b61637;cursor:pointer}.activity-bell span{position:absolute;right:0;top:0;background:#bc1739;color:white;border-radius:20px;font-size:11px;padding:2px 5px}.notification-drawer{width:min(440px,100vw)!important;max-width:440px!important;gap:0!important;padding:0!important}.notification-drawer [data-slot=sheet-header]{background:#bd1738;color:white;padding:22px}.notification-drawer [data-slot=sheet-title]{color:white}.notification-scroll{flex:1;overflow:auto;min-height:0;padding:0 20px}.notice-card{padding:22px 0;border-bottom:1px solid #e1e5e9}.notice-card h3{font-weight:650;display:flex;gap:6px;margin:8px 0}.notice-card time{font-size:12px;color:#667085}.notice-card blockquote,.notice-card p{font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0}.notice-card blockquote{border-left:3px solid #cbd5e1;padding-left:10px}.urgent-label{color:#b42318;background:#fff1ed;border-radius:4px;padding:3px 6px}.activity-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.activity-actions a,.activity-actions button,.activity-form button,.activity-table button,.activity-toolbar button,.notice-card button,.notification-drawer footer button{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid #cbd5e1;border-radius:5px;padding:6px 9px;font-size:13px;background:white;cursor:pointer;transition:background .15s,transform .15s,box-shadow .15s}.activity-actions button:hover,.activity-form button:hover,.activity-table button:hover,.activity-toolbar button:hover{background:#fff0f3;box-shadow:0 2px 6px #0001}.activity-actions button:active,.activity-form button:active,.activity-toolbar button:active{transform:scale(.97)}button:disabled{cursor:default;opacity:.55}.remind{display:flex;align-items:center;gap:4px;font-size:12px}.remind select{max-width:145px}.notification-drawer footer{padding:16px 20px;border-top:1px solid #ddd;display:grid;gap:12px}.notification-drawer footer a{text-align:center;font-size:13px;color:#b61637}.primary{background:#bd1738!important;color:white!important;border-color:#bd1738!important}.activity-page{background:#f4f5f6;min-height:85vh;padding:30px 20px}.activity-page>h1{text-align:center;font-size:30px;font-weight:700;margin-bottom:18px}.activity-panel{background:white;border:1px solid #e1e5e9;border-radius:4px;max-width:1200px;margin:auto;padding:16px}.activity-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.activity-toolbar>small{color:#667085}.activity-table-wrap{overflow:auto}.activity-table{width:100%;border-collapse:collapse;font-size:13px}.activity-table th{background:#e9ecef;text-align:left;padding:7px;font-weight:600}.activity-table td{border-bottom:1px solid #e4e7eb;padding:12px 7px;vertical-align:top}.activity-table td:first-child{width:21%;font-weight:600}.activity-table td:nth-child(2){width:17%;white-space:nowrap}.activity-table td:nth-child(3){width:43%;white-space:pre-wrap}.activity-table tbody tr:hover{background:#fafbfc}.activity-table input,.activity-table select{width:100%;min-width:90px;border:1px solid #d3d8de;background:white;padding:7px;border-radius:4px;font-weight:400}.activity-table td:last-child{min-width:135px}.activity-empty{text-align:center;color:#667085;padding:40px}.activity-form{display:grid;gap:16px}.activity-form label{display:grid;gap:7px;font-weight:600;font-size:14px}.activity-form input,.activity-form textarea,.notice-card textarea{width:100%;border:1px solid #d1d5db;border-radius:4px;padding:9px;background:white;font-weight:400}.activity-form textarea{min-height:95px}.activity-form small{font-size:12px;font-weight:400}.activity-form footer{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #eee;padding-top:16px}.activity-form [role=alert]{color:#b42318}.activity-paging{display:flex;justify-content:space-between;padding-top:18px;align-items:center}.activity-paging button{padding:7px 12px;border:1px solid #ddd;border-radius:4px}.activity-table .done{color:#15803d}.activity-table .pending{color:#a15c00}@media(max-width:700px){.activity-page{padding:20px 8px}.activity-panel{padding:10px}.activity-table{min-width:800px}.activity-toolbar{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){.activity-actions button,.activity-form button{transition:none}}