.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.page-title{color:var(--text-main);letter-spacing:-.025em;align-items:center;gap:10px;margin:0 0 4px;font-size:1.6rem;font-weight:800;display:flex}.title-icon{font-size:1.4rem}.page-sub{color:var(--text-muted);margin:0;font-size:.88rem}.header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.header-link-btn{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm,8px);color:var(--color-primary,#2563eb);box-shadow:var(--shadow-xs);align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.header-link-btn:hover{border-color:var(--color-primary);background:#2563eb0d;transform:translateY(-1px)}.header-link-btn.btn-secondary{color:var(--text-sub)}.header-link-btn.btn-secondary:hover{color:var(--text-main)}.featured-banner{border-radius:var(--radius-md,12px);color:inherit;background:linear-gradient(135deg,#ef444414 0%,#f973160f 100%);border:1.5px solid #ef444447;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:16px 22px;text-decoration:none;transition:all .22s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #ef44440f}.featured-banner:before{content:"";background:linear-gradient(#ef4444 0%,#f97316 100%);border-radius:4px 0 0 4px;width:4px;height:100%;position:absolute;top:0;left:0}.featured-banner:hover{background:linear-gradient(135deg,#ef44441f 0%,#f9731617 100%);border-color:#ef444480;transform:translateY(-2px);box-shadow:0 6px 16px #ef44441f}.featured-banner-left{align-items:center;gap:16px;display:flex}.featured-logo-img{object-fit:contain;filter:drop-shadow(0 4px 8px #00000014);flex-shrink:0;width:62px;height:62px;transition:transform .25s}.featured-banner:hover .featured-logo-img{transform:scale(1.08)rotate(-3deg)}.featured-banner-content{flex-direction:column;gap:4px;display:flex}.featured-badge{color:#dc2626;letter-spacing:.02em;align-items:center;gap:6px;font-size:.8rem;font-weight:700;display:inline-flex}.fire-icon{font-size:.95rem;animation:1.8s ease-in-out infinite pulse-fire}@keyframes pulse-fire{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.featured-title{color:var(--text-main,#1e293b);margin:2px 0;font-size:1.15rem;font-weight:800;line-height:1.35}.featured-date{color:#ea580c;font-size:.86rem;font-weight:600}.featured-action{color:#dc2626;border-radius:var(--radius-sm,8px);white-space:nowrap;background:#ef44441a;flex-shrink:0;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.featured-banner:hover .featured-action{color:#fff;background:#dc2626}.action-arrow{transition:transform .2s}.featured-banner:hover .action-arrow{transform:translate(4px)}@media (width<=640px){.featured-banner{flex-direction:column;align-items:flex-start;gap:12px;padding:14px 16px 14px 20px}.featured-title{font-size:1.05rem}.featured-action{justify-content:center;align-self:flex-start;width:100%;padding:9px}}.filter-bar{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);z-index:50;flex-wrap:wrap;align-items:flex-end;gap:14px;margin-bottom:20px;padding:16px 20px;display:flex;position:relative}.filter-group{flex-direction:column;gap:5px;display:flex}.filter-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-light);font-size:.7rem;font-weight:700}.filter-select{appearance:none;background:var(--bg-input) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m19.5 8.25-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E") no-repeat right 10px center / 15px;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-main);font-family:var(--font-sans);cursor:pointer;min-width:160px;transition:var(--transition);padding:8px 32px 8px 12px;font-size:.88rem}.filter-select:hover{border-color:var(--color-primary)}.filter-select:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px #2563eb1f}.multiselect{position:relative}.ms-trigger{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);min-width:180px;font-family:var(--font-sans);color:var(--text-main);cursor:pointer;transition:var(--transition);text-align:left;white-space:nowrap;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;font-size:.88rem;display:flex}.ms-trigger:hover{border-color:var(--color-primary)}.multiselect.ms-open .ms-trigger{border-color:var(--border-focus);box-shadow:0 0 0 3px #2563eb1f}.ms-label{text-overflow:ellipsis;flex:1;overflow:hidden}.ms-chevron{color:var(--text-muted);flex-shrink:0;transition:transform .18s}.multiselect.ms-open .ms-chevron{transform:rotate(180deg)}.ms-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);min-width:240px;max-width:min(320px,100vw - 32px);max-height:260px;box-shadow:var(--shadow-md);z-index:300;padding:6px;display:none;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto}.multiselect.ms-open .ms-panel{display:block}@media (width<=640px){.filter-bar{gap:10px;padding:12px 14px}.filter-group{width:100%}.ms-trigger{width:100%;min-width:unset;font-size:.88rem}.ms-panel{width:100%;min-width:unset;max-width:100%;position:absolute;left:0!important;right:0!important}.filter-summary{justify-content:flex-end;width:100%;margin-left:0}}.ms-option{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-sub);user-select:none;align-items:center;gap:9px;padding:7px 10px;font-size:.87rem;transition:background .12s;display:flex}.ms-option:hover{background:var(--bg-hover)}.ms-option input[type=checkbox]{cursor:pointer;width:15px;height:15px;accent-color:var(--color-primary);flex-shrink:0}.ms-group-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-light);padding:8px 10px 4px;font-size:.68rem;font-weight:700}.ms-group-sep{background:var(--border-color);height:1px;margin:4px 6px}.filter-summary{align-items:center;margin-left:auto;display:flex}#filter-count{color:var(--text-muted);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-full);padding:6px 14px;font-size:.82rem;font-weight:600}.calendar-wrapper{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);width:100%;margin-bottom:28px;overflow:hidden}.cal-nav{border-bottom:1px solid var(--border-color);background:var(--bg-card);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.nav-center{align-items:center;gap:14px;display:flex}.cal-month-title{color:var(--text-main);text-align:center;min-width:130px;margin:0;font-size:1.15rem;font-weight:700}.nav-btn{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-card);width:34px;height:34px;color:var(--text-sub);cursor:pointer;transition:var(--transition);justify-content:center;align-items:center;display:flex}.nav-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.today-btn{background:var(--color-primary-light);border:1px solid var(--color-primary-mid);border-radius:var(--radius-full);color:var(--color-primary);cursor:pointer;transition:var(--transition);font-size:.78rem;font-weight:600;font-family:var(--font-sans);padding:5px 14px}.today-btn:hover{background:var(--color-primary-mid)}.cal-legend{border-bottom:1px solid var(--border-color);background:var(--bg-card-alt);flex-wrap:wrap;gap:12px;padding:10px 20px;display:flex}.legend-item{color:var(--text-muted);align-items:center;gap:6px;font-size:.78rem;display:flex}.legend-chip{border-radius:var(--radius-full);padding:2px 8px;font-size:.7rem;font-weight:700}.ward-chip{background:var(--color-ward-light);color:var(--color-ward);border:1px solid var(--color-ward-mid)}.city-chip{background:var(--color-city-light);color:var(--color-city);border:1px solid var(--color-city-mid)}.pref-chip{background:var(--color-pref-light);color:var(--color-pref);border:1px solid var(--color-pref-mid)}.cal-weekdays{border-bottom:1px solid var(--border-color);background:var(--bg-card-alt);grid-template-columns:repeat(7,1fr);display:grid}.cal-wd{text-align:center;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:10px 6px;font-size:.72rem;font-weight:700}.cal-wd.sun{color:#dc2626}.cal-wd.sat{color:#2563eb}.cal-grid{grid-template-columns:repeat(7,1fr);display:grid}.cell{border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color);flex-direction:column;height:120px;padding:6px 6px 8px;transition:background .12s;display:flex;overflow:hidden}.cell:nth-child(7n){border-right:none}.cell-empty{border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color);background:#fafafa;height:120px}.cell-empty:nth-child(7n){border-right:none}.cell-has-event{background:#fafcff}.cell-has-event:hover{background:#f0f4ff}.cell-day-row{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.cell-daynum{width:24px;height:24px;color:var(--text-sub);border-radius:50%;justify-content:center;align-items:center;font-size:.82rem;font-weight:600;display:inline-flex}.cell-daynum.sun{color:#dc2626}.cell-daynum.sat{color:#2563eb}.cell-daynum.today-num{background:var(--color-primary);color:#fff;font-weight:700}.cell-events{flex-direction:column;flex-grow:1;gap:3px;display:flex;overflow:hidden}.event-card{white-space:nowrap;text-overflow:ellipsis;cursor:pointer;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:.7rem;font-weight:600;text-decoration:none;transition:filter .12s,transform .12s;display:block;overflow:hidden}.event-card:hover{filter:brightness(.93);box-shadow:var(--shadow-xs);transform:translateY(-1px)}.chip-ward{background:var(--color-ward-light);color:var(--color-ward);border-left:3px solid var(--color-ward)}.chip-city{background:var(--color-city-light);color:var(--color-city);border-left:3px solid var(--color-city)}.chip-pref{background:var(--color-pref-light);color:var(--color-pref);border-left:3px solid var(--color-pref)}.event-time{opacity:.75;margin-right:3px;font-size:.66rem}.more-link{color:var(--color-primary);transition:var(--transition);border-radius:3px;flex-shrink:0;margin-top:auto;padding:1px 4px;font-size:.7rem;font-weight:700;text-decoration:none;display:inline-block}.more-link:hover{background:var(--color-primary-light);text-decoration:underline}.list-section{margin-top:4px}.list-title{color:var(--text-main);border-bottom:2px solid var(--border-color);margin:0 0 16px;padding-bottom:12px;font-size:1.05rem;font-weight:700}.date-group{margin-bottom:22px}.date-group-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.date-label{color:var(--text-sub);font-size:.88rem;font-weight:700}.cards-row{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;display:grid}.tc{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:inherit;transition:var(--transition);padding:16px 18px;text-decoration:none;display:block;position:relative;overflow:hidden}.tc:before{content:"";background:var(--color-primary);opacity:0;height:3px;transition:var(--transition);position:absolute;top:0;left:0;right:0}.tc:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.tc:hover:before{opacity:1}.tc-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.tc-area{border-radius:var(--radius-full);padding:2px 9px;font-size:.7rem;font-weight:700}.chip-ward{background:var(--color-ward-light);color:var(--color-ward)}.chip-city{background:var(--color-city-light);color:var(--color-city)}.chip-pref{background:var(--color-pref-light);color:var(--color-pref)}.status-badge{border-radius:var(--radius-full);vertical-align:text-bottom;margin-right:6px;padding:3px 8px;font-size:.7rem;font-weight:700;display:inline-block}.badge-active{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.badge-closed{color:#4b5563;background:#f3f4f6;border:1px solid #e5e7eb}.badge-pending{color:#854d0e;background:#fef08a;border:1px solid #fde047}.badge-suspended{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa}.badge-cancelled{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5}.badge-postponed{color:#92400e;background:#fef3c7;border:1px solid #fcd34d}.tl-category{color:#fff;background:var(--text-light);vertical-align:text-bottom;border-radius:4px;margin-right:4px;padding:2px 6px;font-size:.7rem;font-weight:600;display:inline-block}.tc-time{color:var(--text-muted);font-size:.78rem;font-weight:500}.tc-title{color:var(--text-main);margin:0 0 10px;font-size:.92rem;font-weight:700;line-height:1.45}.tc-meta{color:var(--text-muted);flex-wrap:wrap;gap:10px;margin-bottom:12px;font-size:.78rem;display:flex}.tc-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-top:10px;display:flex}.tc-org{color:var(--text-muted);font-size:.76rem}.tc-arrow{color:var(--color-primary);font-size:.8rem;font-weight:700}.empty-state{text-align:center;color:var(--text-muted);padding:48px 24px}.empty-icon{margin-bottom:12px;font-size:2.5rem}.empty-state p{margin:0 0 6px;font-weight:600}.empty-sub{font-size:.85rem;color:var(--text-light)!important;font-weight:400!important}@media (width<=768px){.cell{height:80px;padding:3px}.cell-empty{height:80px}.cell-day-row{margin-bottom:3px}.cell-events{flex-flow:wrap;place-content:flex-start center;gap:4px;padding-top:2px}.event-title{display:none}.event-card{pointer-events:none!important;border:none!important;border-radius:50%!important;width:8px!important;height:8px!important;padding:0!important;display:inline-block!important}.event-card.chip-ward{background:var(--color-ward)!important}.event-card.chip-city{background:var(--color-city)!important}.event-card.chip-pref{background:var(--color-pref)!important}.more-link{background:var(--bg-hover);border-radius:var(--radius-full);text-align:center;white-space:nowrap;text-overflow:ellipsis;width:auto;max-width:100%;margin:2px auto 0;padding:2px 6px;font-size:.65rem;display:inline-block;overflow:hidden}.more-link .more-text{display:none}.cards-row{grid-template-columns:1fr}.filter-bar{flex-direction:column;align-items:stretch}.filter-summary{margin-left:0}}.latest-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:32px;padding:22px}.updates-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-bottom:22px;display:grid}.update-card{background:var(--bg-card-alt);border:1px solid var(--border-color);border-radius:var(--radius-md);color:inherit;transition:var(--transition);flex-direction:column;padding:16px;text-decoration:none;display:flex}.update-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.update-badge-row{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:.72rem;display:flex}.update-timestamp{color:var(--text-light);font-weight:500}.update-status-badge{border-radius:var(--radius-full);padding:2px 8px;font-size:.68rem;font-weight:700}.badge-new{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.badge-update{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.badge-deadline-soon{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa}.badge-deadline-today{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.update-title{color:var(--text-main);-webkit-line-clamp:2;-webkit-box-orient:vertical;height:2.9em;margin:0 0 10px;font-size:.9rem;font-weight:700;line-height:1.45;display:-webkit-box;overflow:hidden}.update-meta{color:var(--text-muted);border-top:1px dashed var(--border-color);justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px;font-size:.78rem;display:flex}.update-date-label{color:var(--text-sub);font-weight:600}.view-more-container{justify-content:center;display:flex}.view-more-btn{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-sub);cursor:pointer;transition:var(--transition);padding:8px 24px;font-size:.85rem;font-weight:700}.view-more-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary-mid);color:var(--color-primary)}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:1000;opacity:0;pointer-events:none;background:#11182766;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .22s;display:flex;position:fixed;top:0;left:0}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-content{background:var(--bg-card);border-radius:var(--radius-lg);width:92%;max-width:500px;box-shadow:var(--shadow-lg), 0 20px 25px -5px #0000001a;border:1px solid var(--border-color);flex-direction:column;max-height:80vh;transition:transform .22s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden;transform:scale(.95)}.modal-overlay.active .modal-content{transform:scale(1)}.modal-header{border-bottom:1px solid var(--border-color);background:var(--bg-card-alt);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-title{color:var(--text-main);margin:0;font-size:.95rem;font-weight:800}.modal-close-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;display:flex}.modal-close-btn:hover{background:var(--bg-input);color:var(--text-main)}.modal-body{flex-direction:column;gap:12px;padding:20px;display:flex;overflow-y:auto}.modal-empty-state{text-align:center;color:var(--text-muted);padding:24px;font-size:.88rem}.modal-event-item{background:var(--bg-card-alt);border:1px solid var(--border-color);border-radius:var(--radius-md);color:inherit;transition:var(--transition);padding:14px;text-decoration:none;display:block}.modal-event-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.modal-event-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.modal-event-time{color:var(--color-primary);font-size:.78rem;font-weight:700}.modal-event-title{color:var(--text-main);margin:0 0 8px;font-size:.9rem;font-weight:700;line-height:1.4}.modal-event-meta{color:var(--text-muted);flex-wrap:wrap;gap:10px;font-size:.76rem;display:flex}.modal-footer{border-top:1px solid var(--border-color);background:var(--bg-card-alt);justify-content:center;padding:14px 20px;display:flex}.modal-detail-btn{text-align:center;background:var(--color-primary-light);border:1px solid var(--color-primary-mid);width:100%;color:var(--color-primary);border-radius:var(--radius-sm);transition:var(--transition);padding:10px;font-size:.82rem;font-weight:700;text-decoration:none;display:block}.modal-detail-btn:hover{background:var(--color-primary-mid)}@media (width<=768px){.modal-overlay{align-items:flex-end}.modal-content{border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:100%;max-height:70vh;margin:0;transition:transform .28s cubic-bezier(.32,.94,.6,1);transform:translateY(100%)}.modal-overlay.active .modal-content{transform:translateY(0)}}