.main-content{display:flex;flex-direction:column}.item-content{margin-bottom:1.25rem;flex:1;box-shadow:0 1px 2px #00000008}.content-banner{background:linear-gradient(90deg,#0ea5e9,#06b6d4);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;padding:1rem;color:#fff;border-radius:.75rem;width:100%;padding:1.25rem;flex:1;margin-bottom:1.25rem}.banner-title{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.banner-content{font-size:1rem;line-height:1.5}.content-header{margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.content-header .header-title{font-size:1.125rem;font-weight:600;line-height:1.4rem;display:flex;align-items:center}.content-header .header-title svg{margin-right:.5rem;font-size:1.25rem}.content-header .header-action{font-size:.875rem;line-height:1.25rem;cursor:pointer;font-weight:500}#itemOne .content-body{border-radius:.75rem;border:1px solid #E0F2FE;background-color:#f0f9ff;padding:1.5rem 1rem;display:flex;justify-content:start}#itemOne .calendar{box-shadow:0 1px 2px #00000008;border-radius:.5rem;padding:1rem;background-color:#fff;width:120px;height:120px;display:flex;align-items:center;justify-content:center;flex-direction:column}.calendar .year{color:#5c5c5c;font-weight:600}.calendar .date{color:#028ac9;font-size:1.875rem;line-height:2.25rem;font-weight:600}.calendar .week-date{color:#505050;font-weight:600}#itemOne .time{border-radius:2rem;width:fit-content;padding:2px 12px;font-size:.875rem;font-weight:600;background-color:#fff;border:1px solid rgb(193 231 255);margin-bottom:10px;color:#1b77a7}.description .type{font-weight:700;font-size:1.25rem;margin-bottom:5px}.description .member{margin-bottom:5px}.description .note{background-color:#fff7ed;padding:3px 10px;color:#ea580c;border-radius:5px;font-size:1rem}#itemTwo .content-body{border-radius:.75rem;border:1px solid rgb(255 237 213);background-color:#fff7ed;padding:1.5rem 1rem}#itemTwo .content-body .label{font-weight:600;color:#8d2a03;margin-bottom:2px}#itemTwo .content-body .date{color:#ea580c;font-size:.875rem}#itemTwo .content-body .money{font-weight:600;font-size:1.25rem;color:#ea580c}#itemTwo .content-footer{margin-top:1rem;padding:1rem 0 0;border-top:1px solid rgb(243,243,243)}#itemTwo .content-footer .label{font-size:.875rem;margin-bottom:.5rem;color:#b1b1b1}#itemTwo .content-footer .date{font-weight:500}#itemTwo .btn-learn-more{width:100%;padding:7px 0;background-color:#fff;border:1px solid rgb(254 215 170);text-align:center;justify-content:center;margin-top:10px}.notification-item{background-color:#fff;padding:1rem;border-bottom:1px solid rgb(243,243,243);margin-bottom:1.25rem;border-radius:10px;display:flex}.notification-item .body{min-width:0}.notification-item .base{width:fit-content;height:fit-content;padding:.25rem .5rem;border-radius:3px;white-space:nowrap;margin-right:1.25rem;margin-top:5px;font-size:.75rem;font-weight:700;border:1px solid}.notification-item .base.normal{color:#2563eb;background-color:#eff6ff;border-color:#bfdbfe}.notification-item .base.warning{color:#dc2626;background-color:#fef2f2;border-color:#fee2e2}.notification-item .date{color:#6b7280;margin-bottom:.2rem;font-size:.875rem;line-height:1.25rem}.notification-item .title{font-weight:500;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin-bottom:.25rem}.notification-item .content{font-size:.875rem;line-height:1.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.notification-item:hover{background-color:#f7f7f7}.item-row{display:flex;gap:16px}#itemOne{width:70%;flex:auto}#itemTwo{width:30%;flex:auto;min-width:250px}@media (max-width: 1020px){.item-row{flex-direction:column}#itemOne,#itemTwo{width:100%}}@media (max-width: 775px){#itemOne .content-body{flex-direction:column;align-items:center}#itemOne .content-body .description{margin-left:0!important;align-items:center;margin-top:1rem}}