.cs-page{max-width:1400px;width:100%;margin:0 auto;padding:32px 24px 48px;box-sizing:border-box}.cs-page--center{max-width:min(1200px,90vw)}.cs-page__header{margin-bottom:32px}.cs-page__title{font-size:28px;font-weight:700;color:#1e293b;margin-bottom:8px}.cs-page__desc{font-size:14px;color:#64748b}.cs-tabs{display:flex;gap:8px;border-bottom:1px solid #e2e8f0;margin-bottom:24px}.cs-tabs__item{padding:14px 24px;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:15px;font-weight:600;color:#64748b;transition:all .2s;text-decoration:none;display:inline-block;margin-bottom:-1px}.cs-tabs__item:hover{color:#1e293b}.cs-tabs__item--active{color:#64a018;border-bottom-color:#64a018}.cs-sub-tabs{display:flex;gap:0;margin-bottom:24px;background-color:#f1f5f9;border-radius:8px;padding:4px}.cs-sub-tabs__btn{flex:none;padding:12px 20px;background:none;border:none;cursor:pointer;font-size:15px;font-weight:600;color:#1e293b;transition:all .2s;border-radius:8px}.cs-sub-tabs__btn--active{background-color:#fff;color:#64a018}.cs-search{display:flex;gap:12px;margin-bottom:24px}.cs-search__input-wrap{flex:1;position:relative}.cs-search__input{width:100%;padding:12px 16px;font-size:14px;border:1px solid #e2e8f0;border-radius:8px;background-color:#fff;color:#1e293b;transition:all .2s}.cs-search__input:focus{outline:none;border-color:#64a018;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.cs-search__input::-moz-placeholder{color:#94a3b8}.cs-search__input::placeholder{color:#94a3b8}.cs-search__icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none;display:flex;align-items:center}.cs-search__btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;background-color:#64a018;color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;gap:8px}.cs-search__btn:hover{background-color:#4a7812;transform:translateY(-2px)}.cs-search__btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.cs-table-wrap{overflow-x:auto;border-radius:16px;border:1px solid #e2e8f0;background-color:#fff}.cs-table{width:100%;border-collapse:collapse}.cs-table td,.cs-table th{padding:14px 16px;text-align:center;vertical-align:middle;border-bottom:1px solid #e2e8f0}.cs-table th{background-color:#f8fafc;font-size:13px;font-weight:600;color:#1e293b}.cs-table td{font-size:14px;color:#1e293b}.cs-table td:first-child,.cs-table td:nth-child(3),.cs-table td:nth-child(4){color:#64748b}.cs-table tbody tr{cursor:pointer;transition:background-color .2s}.cs-table tbody tr:hover{background-color:#fafbfc}.cs-table tbody tr:last-child td{border-bottom:none}.cs-table__title-cell{text-align:left!important}.cs-table__title-link{color:#1e293b;text-decoration:none}.cs-table__title-link:hover{color:#64a018}.cs-table--inquiry-history thead th{text-align:center}.cs-table--inquiry-history tbody td{text-align:left}.cs-table--inquiry-history tbody td:nth-child(3),.cs-table--inquiry-history thead th:nth-child(3){text-align:center}.cs-table--inquiry-history tbody td:nth-child(4),.cs-table--inquiry-history tbody td:nth-child(5){color:#64748b;font-weight:400}.inquiry-status-badge{display:inline-flex;align-items:center;justify-content:center;min-width:4.5rem;padding:5px 12px;border-radius:999px;font-size:13px;font-weight:600;line-height:1.2;color:#fff;white-space:nowrap}.inquiry-status-badge--answered{background-color:#28a745}.inquiry-status-badge--received{background-color:#fd7e14}.inquiry-status-badge--neutral{background-color:var(--color-gray-500,#6b7280)}.cs-table--inquiry-history tbody tr[data-clickable-row=true]:focus-visible{outline:2px solid var(--color-primary-600);outline-offset:-2px}.cs-table--inquiry-history tbody tr.inquiry-history__row--expanded{background-color:#f1f5f9}.inquiry-history__expand-row{cursor:default}.cs-table--inquiry-history tbody tr.inquiry-history__expand-row:hover{background-color:#f1f5f9}.inquiry-history__expand-row td{vertical-align:top;padding:0!important;background-color:#f1f5f9;border-bottom:1px solid #e2e8f0}.inquiry-history-expand{padding:20px 24px 24px;text-align:left}.inquiry-history-expand__loading{margin:0;padding:12px 0;font-size:14px;color:#64748b;text-align:center}.inquiry-history-expand__block{margin-bottom:20px}.inquiry-history-expand__admin{margin-top:16px}.inquiry-history-expand__admin-inner{background-color:var(--color-tokbell-white,#fff);border:1px solid #e2e8f0;border-radius:12px;border-left:4px solid var(--color-primary-600);padding:16px 20px 18px}.inquiry-history-expand__admin-title{display:block;margin-bottom:10px;font-size:14px;font-weight:600;color:var(--color-primary-700)}.inquiry-history-expand__answered-at{margin:0 0 10px;font-size:13px;color:var(--color-tokbell-gray-600,#666)}.inquiry-history-expand__admin-body{margin:0}.inquiry-detail__section{margin-bottom:20px}.inquiry-detail__label{display:block;margin-bottom:6px;font-size:13px;font-weight:600;color:#64748b}.inquiry-detail__value{font-size:14px;color:#1e293b;line-height:1.6}.inquiry-detail__body{white-space:pre-wrap;word-break:break-word}.inquiry-detail__divider{border:none;border-top:1px solid #e2e8f0;margin:24px 0}.inquiry-detail__answer-pending{font-size:14px;color:#64748b;line-height:1.6}.inquiry-detail__attachment-link{color:var(--color-primary,#2563eb);text-decoration:underline;word-break:break-all}.inquiry-detail__attachment-link:hover{opacity:.9}.cs-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:24px}.cs-pagination__btn{padding:8px 12px;border:1px solid #e2e8f0;background-color:#fff;border-radius:8px;cursor:pointer;transition:all .2s;font-weight:500;font-size:14px;color:#1e293b}.cs-pagination__btn:hover:not(:disabled):not(.cs-pagination__btn--active){background-color:#f8fafc;border-color:#cbd5e1}.cs-pagination__btn--active{background-color:#64a018;color:#fff;border-color:#64a018}.cs-pagination__btn:disabled{opacity:.5;cursor:not-allowed}.cs-pagination__ellipsis{padding:8px 4px;color:#64748b}.cs-empty{text-align:center;padding:60px 20px;color:#94a3b8;font-size:14px}.faq-popular{margin-bottom:40px}.faq-popular__title{font-size:18px;font-weight:700;color:#1e293b;margin-bottom:16px;display:flex;align-items:center;gap:8px}.faq-popular__title:before{content:"\1F525"}.faq-popular__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.faq-popular__item{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .2s;text-decoration:none;color:inherit}.faq-popular__item:hover{border-color:#64a018;background:rgba(226,245,220,.1)}.faq-popular__number{width:24px;height:24px;background:#64a018;color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.faq-popular__text{font-size:14px;color:#1e293b;font-weight:500}.faq-search{display:flex;gap:12px;margin-bottom:32px}.faq-search__input-wrap{flex:1;position:relative;max-width:600px}.faq-search__input{width:100%;padding:14px 50px 14px 20px;font-size:15px;border:2px solid #e2e8f0;border-radius:12px;background-color:#fff;color:#1e293b;transition:all .2s}.faq-search__input:focus{outline:none;border-color:#64a018;box-shadow:0 0 0 4px rgba(37,99,235,.1)}.faq-search__input::-moz-placeholder{color:#94a3b8}.faq-search__input::placeholder{color:#94a3b8}.faq-search__icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none;display:flex;align-items:center}.faq-categories{display:flex;gap:10px;margin-bottom:32px;flex-wrap:wrap}.faq-categories__btn{padding:10px 20px;border:1px solid #e2e8f0;border-radius:50px;background:#fff;color:#64748b;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.faq-categories__btn:hover{border-color:#64a018;color:#64a018}.faq-categories__btn--active{background:#64a018;border-color:#64a018;color:#fff}.faq-list{display:flex;flex-direction:column;gap:12px}.faq-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:all .2s}.faq-item:hover{border-color:#64a018;box-shadow:0 4px 12px rgba(37,99,235,.08)}.faq-item__question{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;cursor:pointer;gap:16px}.faq-item__question-content{display:grid;grid-template-columns:100px 1fr;align-items:center;gap:16px;flex:1}.faq-item__category{width:-moz-fit-content;width:fit-content;padding:4px 12px;background:#e2f5dc;color:#64a018;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap}.faq-item__title{font-size:15px;font-weight:600;color:#1e293b}.faq-item__icon{width:32px;height:32px;background:#f1f5f9;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s;flex-shrink:0}.faq-item__icon svg{width:16px;height:16px;color:#64748b;transition:transform .3s}.faq-item--open .faq-item__icon{background:#64a018}.faq-item--open .faq-item__icon svg{color:#fff;transform:rotate(180deg)}.faq-item__answer{display:grid;grid-template-rows:minmax(0,0fr);transition:grid-template-rows .3s ease-out}.faq-item--open .faq-item__answer{grid-template-rows:minmax(0,1fr)}.faq-item__answer-content{min-height:0;overflow:hidden;color:#64748b;font-size:14px;line-height:1.8;border-top:1px solid #e2e8f0;padding:20px 24px 24px;margin-top:0}.faq-item__answer-content p{margin-bottom:12px}.faq-item__answer-content p:last-child{margin-bottom:0}.faq-item__answer-content ul{margin:12px 0;padding-left:20px}.faq-item__answer-content li{margin-bottom:8px}.faq-inquiry-guide{margin-top:48px;padding:32px;background:linear-gradient(135deg,#e1f3db,#e2f5dc);border-radius:16px;text-align:center}.faq-inquiry-guide__title{font-size:18px;font-weight:700;color:#1e293b;margin-bottom:8px}.faq-inquiry-guide__desc{color:#64748b;font-size:14px;margin-bottom:20px}.faq-inquiry-guide__btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:#64a018;color:#fff;border-radius:8px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s}.faq-inquiry-guide__btn:hover{background:#4a7812;transform:translateY(-2px);box-shadow:0 4px 12px rgba(100,160,24,.3)}.inquiry-form{background-color:#fff;border-radius:16px;padding:32px;border:1px solid #e2e8f0}.inquiry-form__row{display:flex;gap:16px;margin-bottom:20px}.inquiry-form__group{flex:1;margin-bottom:0}.inquiry-form__group--full{width:100%}.inquiry-form__label{display:block;margin-bottom:8px;font-weight:600;color:#1e293b;font-size:14px}.inquiry-form__label--required:after{content:" *";color:#ef4444}.inquiry-form__input,.inquiry-form__select,.inquiry-form__textarea{width:100%;padding:12px 16px;font-size:14px;border:1px solid #e2e8f0;border-radius:8px;background-color:#fff;color:#1e293b;transition:all .2s}.inquiry-form__input:focus,.inquiry-form__select:focus,.inquiry-form__textarea:focus{outline:none;border-color:#64a018;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.inquiry-form__textarea{resize:vertical;min-height:200px}.inquiry-form__email-group{display:flex;align-items:center;gap:8px}.inquiry-form__email-group input,.inquiry-form__email-group select{flex:1;min-width:0}.inquiry-form__email-group span{color:#64748b;flex-shrink:0}.inquiry-form__file-group{display:flex;gap:8px}.inquiry-form__file-group input{flex:1}.inquiry-form__file-info{margin-top:8px;font-size:12px;color:#64748b;line-height:1.6}.inquiry-form__privacy{margin-top:24px;padding:20px;background-color:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.inquiry-form__privacy-check{display:flex;align-items:flex-start;gap:8px;margin-bottom:16px}.inquiry-form__privacy-check input[type=checkbox]{width:18px;height:18px;margin-top:2px;cursor:pointer}.inquiry-form__privacy-check label{font-size:14px;color:#1e293b;cursor:pointer}.inquiry-form__privacy-details{font-size:13px;color:#64748b;line-height:1.8;padding-left:26px}.inquiry-form__actions{display:flex;gap:12px;justify-content:flex-end;margin-top:32px}.inquiry-form__btn-reset{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;background-color:#fff;color:#64a018;border:1px solid #64a018;transition:all .2s}.inquiry-form__btn-reset:hover{background-color:#e2f5dc}.inquiry-form__btn-submit{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;background-color:#64a018;color:#fff;transition:all .2s}.inquiry-form__btn-submit:hover{background-color:#4a7812}.inquiry-form__btn-submit:disabled{color:var(--color-text-muted,#9ca3af);cursor:not-allowed;opacity:.8}.inquiry-form__btn-submit:disabled,.inquiry-form__btn-submit:disabled:hover{background-color:var(--color-gray-200,#e5e7eb)}@media (max-width:768px){.faq-popular__grid{grid-template-columns:1fr}.faq-item__question-content{grid-template-columns:1fr;align-items:flex-start;gap:8px}.inquiry-form__row{flex-direction:column}.inquiry-form__email-group{flex-wrap:wrap}}.notice-detail{background-color:#fff;border-radius:16px;border:1px solid #e2e8f0;overflow:hidden}.notice-detail__header{padding:28px 32px;border-bottom:1px solid #e2e8f0;background-color:#f8fafc}.notice-detail__title{font-size:22px;font-weight:700;color:#1e293b;margin-bottom:16px;line-height:1.4}.notice-detail__meta{display:flex;gap:24px;font-size:14px;color:#64748b}.notice-detail__meta-item{display:flex;align-items:center;gap:6px}.notice-detail__meta-item svg{width:16px;height:16px;opacity:.7}.notice-detail__content{padding:32px;min-height:300px;font-size:15px;line-height:1.8;color:#1e293b}.notice-detail__content p{margin-bottom:16px}.notice-detail__content ol,.notice-detail__content ul{margin:16px 0;padding-left:24px}.notice-detail__content li{margin-bottom:8px}.notice-detail__content strong{font-weight:600;color:#1e293b}.notice-detail__content a{color:#2563eb;text-decoration:underline}.notice-detail__content a:hover{text-decoration:none}.notice-detail__attachments{padding:20px 32px;border-top:1px solid #e2e8f0;background-color:#fafbfc}.notice-detail__attachments-title{font-size:14px;font-weight:600;color:#1e293b;margin-bottom:12px;display:flex;align-items:center;gap:6px}.notice-detail__attachments-title svg{width:16px;height:16px}.notice-detail__attachment-list{display:flex;flex-direction:column;gap:8px}.notice-detail__attachment-item{display:flex;align-items:center;gap:8px;padding:10px 14px;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s;text-decoration:none;color:inherit}.notice-detail__attachment-item:hover{border-color:#2563eb;background-color:rgba(37,99,235,.04)}.notice-detail__attachment-item svg{width:18px;height:18px;color:#64748b;flex-shrink:0}.notice-detail__attachment-name{flex:1;font-size:14px;color:#1e293b}.notice-detail__attachment-size{font-size:12px;color:#64748b}.notice-detail__nav{border-top:1px solid #e2e8f0}.notice-detail__nav-item{display:flex;align-items:center;padding:16px 32px;border-bottom:1px solid #e2e8f0;cursor:pointer;transition:background-color .2s;text-decoration:none;color:inherit}.notice-detail__nav-item:last-child{border-bottom:none}.notice-detail__nav-item:hover{background-color:#fafbfc}.notice-detail__nav-item--disabled{cursor:default}.notice-detail__nav-item--disabled:hover{background-color:transparent}.notice-detail__nav-label{width:80px;font-size:13px;font-weight:600;color:#64748b;display:flex;align-items:center;gap:4px;flex-shrink:0}.notice-detail__nav-label svg{width:14px;height:14px}.notice-detail__nav-title{flex:1;font-size:14px;color:#1e293b}.notice-detail__nav-title:hover{color:#2563eb}.notice-detail__nav-item--disabled .notice-detail__nav-title{color:#94a3b8;font-style:italic}.notice-detail__nav-item--disabled .notice-detail__nav-title:hover{color:#94a3b8}.notice-detail__nav-date{font-size:13px;color:#64748b;flex-shrink:0}.notice-detail__actions{display:flex;justify-content:center;gap:12px;margin-top:24px}.notice-detail__btn{padding:12px 32px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;gap:6px;background-color:#fff;border:1px solid #e2e8f0;color:#1e293b}.notice-detail__btn:hover{background-color:#f8fafc;border-color:#cbd5e1}.notice-detail__loading{display:flex;align-items:center;justify-content:center;min-height:400px;color:#94a3b8;font-size:14px}.notice-detail__error{text-align:center;padding:60px 20px;color:#94a3b8;font-size:14px}.notice-detail__error-title{font-size:18px;font-weight:600;color:#1e293b;margin-bottom:8px}@media (max-width:768px){.notice-detail__header{padding:20px 16px}.notice-detail__title{font-size:18px}.notice-detail__meta{flex-wrap:wrap;gap:12px}.notice-detail__content{padding:20px 16px}.notice-detail__attachments{padding:16px}.notice-detail__nav-item{padding:14px 16px}.notice-detail__nav-label{width:60px}}.event-tabs{display:flex;gap:0;margin-bottom:var(--spacing-6);background-color:var(--color-gray-100);border-radius:var(--radius-lg);padding:4px}.event-tabs__btn{flex:1;padding:var(--spacing-3) var(--spacing-6);background:none;border:none;cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);transition:all var(--transition-fast);border-radius:var(--radius-md)}.event-tabs__btn--active{background-color:var(--color-surface);color:var(--color-primary-600);box-shadow:var(--shadow-xs)}.event-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-6);margin-bottom:var(--spacing-8)}@media (min-width:1393px){.event-grid{grid-template-columns:repeat(3,427px);justify-content:start}}.event-card{background-color:var(--color-surface);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform var(--transition-normal),box-shadow var(--transition-normal);cursor:pointer;text-decoration:none;color:inherit;display:block}.event-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.event-card__banner{width:100%;height:200px;box-sizing:border-box;position:relative;overflow:hidden;display:flex;align-items:flex-start;padding:20px}@media (min-width:1393px){.event-card__banner{width:427px;max-width:100%}}.event-card__banner--blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.event-card__banner--black{background:linear-gradient(135deg,#1f2937,#111827)}.event-card__banner--sky{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.event-card__banner--green{background:linear-gradient(135deg,#10b981,#059669)}.event-card__banner--purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.event-card__banner--photo{background-color:#f1f5f9;background-size:cover;background-position:50%;background-repeat:no-repeat;min-height:160px;position:relative;padding:0;align-items:center;justify-content:center}.event-card__banner-text{color:#fff;font-size:22px;font-weight:var(--font-weight-bold);line-height:1.35;z-index:2}.event-card__banner-icon{position:absolute;right:20px;bottom:20px;font-size:72px;opacity:.25;z-index:1}.event-card__info{padding:20px}.event-card__date{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--spacing-2)}.event-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.event-card__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.event-empty{text-align:center;padding:60px 20px;color:var(--color-text-muted);font-size:var(--font-size-sm)}.event-detail{background-color:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);overflow:hidden}.event-detail__banner{width:100%;height:320px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.event-detail__banner--blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.event-detail__banner--black{background:linear-gradient(135deg,#1f2937,#111827)}.event-detail__banner--sky{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.event-detail__banner--green{background:linear-gradient(135deg,#10b981,#059669)}.event-detail__banner--purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.event-detail__banner--photo{height:auto;aspect-ratio:427/200;max-height:min(90vw,400px);background-color:#f1f5f9;background-size:cover;background-position:50%;background-repeat:no-repeat}.event-detail__banner--photo .event-detail__badge{z-index:1}.event-detail__banner-content{text-align:center;color:#fff;z-index:2}.event-detail__banner-icon{font-size:72px;margin-bottom:var(--spacing-4);opacity:.9}.event-detail__banner-title{font-size:var(--font-size-4xl);font-weight:800;line-height:1.3;text-shadow:0 2px 8px rgba(0,0,0,.2)}.event-detail__banner-deco{position:absolute;font-size:200px;opacity:.1;right:-30px;bottom:-40px}.event-detail__badge{position:absolute;top:20px;left:20px;padding:8px 16px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);z-index:3;color:#fff}.event-detail__badge--ongoing{background-color:var(--color-success-500)}.event-detail__badge--ended{background-color:var(--color-gray-500)}.event-detail__badge--upcoming{background-color:var(--color-warning-500)}.event-detail__header{padding:28px 32px;border-bottom:1px solid var(--color-border);background-color:var(--color-gray-50)}.event-detail__header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-4);margin-bottom:12px}.event-detail__title{flex:1;min-width:0;font-size:24px;font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;line-height:1.35}.event-detail__status{flex-shrink:0;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:var(--font-weight-bold);color:#fff}.event-detail__status--ongoing{background-color:var(--color-success-500)}.event-detail__status--ended{background-color:var(--color-gray-500)}.event-detail__status--upcoming{background-color:var(--color-warning-500)}.event-detail__meta{display:flex;flex-wrap:wrap;gap:var(--spacing-6);font-size:14px;color:var(--color-text-secondary)}.event-detail__meta-item{display:flex;align-items:center;gap:6px}.event-detail__meta-item svg{width:16px;height:16px;opacity:.7}.event-detail__body{padding:0}.event-detail__fallback-text{padding:24px 32px;font-size:15px;line-height:1.8;color:var(--color-text-primary,#1e293b)}.event-detail__fallback-text p{margin:0}.event-section{margin-bottom:32px}.event-section:last-child{margin-bottom:0}.event-section__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-3);border-bottom:2px solid var(--color-primary-500);display:inline-block}.event-section__body{font-size:var(--font-size-sm);line-height:1.8;color:var(--color-text-primary)}.event-section__body p{margin-bottom:var(--spacing-3)}.event-section__body ol,.event-section__body ul{margin:var(--spacing-3) 0;padding-left:var(--spacing-6)}.event-section__body li{margin-bottom:var(--spacing-2)}.event-section__body strong{font-weight:var(--font-weight-semibold);color:var(--color-primary-600)}.event-steps{display:flex;gap:var(--spacing-6);margin-top:var(--spacing-5)}.event-step{flex:1;text-align:center;padding:var(--spacing-6) var(--spacing-5);background-color:var(--color-gray-50);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.event-step__number{width:40px;height:40px;background-color:var(--color-primary-500);color:#fff;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0 auto var(--spacing-4)}.event-step__title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.event-step__desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.event-benefit{background:linear-gradient(135deg,var(--color-primary-50) 0,#dbeafe 100%);border:2px solid var(--color-primary-500);border-radius:var(--radius-lg);padding:var(--spacing-6);text-align:center;margin:var(--spacing-5) 0}.event-benefit__label{font-size:var(--font-size-sm);color:var(--color-primary-600);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2)}.event-benefit__amount{font-size:32px;font-weight:800;color:var(--color-primary-600)}.event-benefit__desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--spacing-2)}.event-notice{background-color:#fef3c7;border:1px solid #fcd34d;border-radius:var(--radius-lg);padding:var(--spacing-5)}.event-notice__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:#92400e;margin-bottom:var(--spacing-3);display:flex;align-items:center;gap:6px}.event-notice ul{margin:0;padding-left:var(--spacing-5)}.event-notice li{font-size:var(--font-size-xs);color:#78350f;margin-bottom:6px;line-height:1.6}.event-detail__cta{text-align:center;padding:24px 32px;border-top:1px solid var(--color-border);background-color:var(--color-gray-50)}.event-detail__cta-btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:16px 48px;background:linear-gradient(135deg,var(--color-primary-500) 0,var(--color-primary-700) 100%);color:#fff;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);box-shadow:0 4px 14px rgba(99,102,241,.4)}.event-detail__cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(99,102,241,.5)}.event-detail__cta-btn:disabled{background:var(--color-gray-400);cursor:not-allowed;box-shadow:none;transform:none}.event-detail__actions{display:flex;justify-content:center;gap:var(--spacing-3);margin-top:var(--spacing-6)}.event-detail__back-btn{display:inline-flex;align-items:center;gap:6px;padding:var(--spacing-3) var(--spacing-8);border:1px solid var(--color-border);background-color:var(--color-surface);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.event-detail__back-btn:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-300)}@media (max-width:1024px){.event-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.event-grid{grid-template-columns:1fr}.event-steps{flex-direction:column}.event-detail__banner:not(.event-detail__banner--photo){height:240px}.event-detail__banner-title{font-size:var(--font-size-2xl)}.event-detail__header{padding:20px 16px}.event-detail__header-row{flex-direction:column;align-items:stretch}.event-detail__status{align-self:flex-start}.event-detail__fallback-text{padding:20px 16px}}.d-none{display:none}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.d-grid{display:grid}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.grow{flex-grow:1}.grow-0{flex-grow:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-5{gap:var(--spacing-5)}.gap-6{gap:var(--spacing-6)}.gap-8{gap:var(--spacing-8)}.p-0{padding:var(--spacing-0)}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-5{padding:var(--spacing-5)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.px-1{padding-left:var(--spacing-1);padding-right:var(--spacing-1)}.px-2{padding-left:var(--spacing-2);padding-right:var(--spacing-2)}.px-3{padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.py-1{padding-top:var(--spacing-1);padding-bottom:var(--spacing-1)}.py-2{padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}.py-3{padding-top:var(--spacing-3);padding-bottom:var(--spacing-3)}.py-4{padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}.py-6{padding-top:var(--spacing-6);padding-bottom:var(--spacing-6)}.m-0{margin:var(--spacing-0)}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.mt-1{margin-top:var(--spacing-1)}.mt-2{margin-top:var(--spacing-2)}.mt-3{margin-top:var(--spacing-3)}.mt-4{margin-top:var(--spacing-4)}.mt-6{margin-top:var(--spacing-6)}.mt-8{margin-top:var(--spacing-8)}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:var(--spacing-3)}.mb-4{margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:var(--spacing-6)}.mb-8{margin-bottom:var(--spacing-8)}.w-full{width:100%}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.min-w-0{min-width:0}.max-w-full{max-width:100%}.h-full{height:100%}.h-auto{height:auto}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-success{color:var(--color-success-600)}.text-warning{color:var(--color-warning-600)}.text-error{color:var(--color-error-600)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-1,.line-clamp-2{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.bg-white{background-color:#fff}.bg-transparent{background-color:transparent}.bg-surface{background-color:var(--color-surface)}.bg-secondary{background-color:var(--color-background-secondary)}.bg-primary{background-color:var(--color-primary-600)}.bg-success{background-color:var(--color-success-500)}.bg-warning{background-color:var(--color-warning-500)}.bg-error{background-color:var(--color-error-500)}.border{border-width:1px;border-style:solid;border-color:var(--color-border)}.border-0{border:none}.border-t{border-top:1px solid var(--color-border)}.border-b{border-bottom:1px solid var(--color-border)}.border-l{border-left:1px solid var(--color-border)}.border-r{border-right:1px solid var(--color-border)}.rounded{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.rounded-none{border-radius:0}.shadow{box-shadow:var(--shadow-md)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-none{box-shadow:none}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{inset:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.cursor-default{cursor:default}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.transition{transition:all var(--transition-normal)}.transition-colors{transition:var(--transition-colors)}.transition-transform{transition:var(--transition-transform)}.transition-opacity{transition:opacity var(--transition-normal)}.rotate-90{transform:rotate(90deg)}.rotate-180{transform:rotate(180deg)}.-rotate-90{transform:rotate(-90deg)}.scale-95{transform:scale(.95)}.scale-100{transform:scale(1)}.scale-105{transform:scale(1.05)}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-bounce{animation:bounce 1s infinite}.animate-fade-in{animation:fade-in .2s ease-out}.animate-slide-up{animation:slide-up .2s ease-out}.visible{visibility:visible}.invisible{visibility:hidden}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.select-text{-webkit-user-select:text;-moz-user-select:text;user-select:text}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.color-tokbell-primary{color:var(--color-tokbell-green-500)}.color-tokbell-primary-700{color:var(--color-tokbell-green-700)}.color-tokbell-orange-900{color:var(--color-tokbell-orange-900)}.color-tokbell-orange-600{color:var(--color-tokbell-orange-600)}.color-tokbell-gray-800{color:var(--color-tokbell-gray-800)}.color-tokbell-black{color:var(--color-tokbell-black)}.bg-tokbell-primary{background-color:var(--color-tokbell-green-500)}.bg-tokbell-primary-100{background-color:var(--color-tokbell-green-100)}.bg-tokbell-orange-100{background-color:var(--color-tokbell-orange-100)}.bg-tokbell-gray-100{background-color:var(--color-tokbell-gray-100)}.border-tokbell-primary{border-color:var(--color-tokbell-green-500)}.border-tokbell-orange-600{border-color:var(--color-tokbell-orange-600)}.border-tokbell-gray-800{border-color:var(--color-tokbell-gray-800)}.ring-tokbell-primary{--tw-ring-opacity:1;--tw-ring-color:var(--color-tokbell-green-500)}.hover-bg-tokbell-green-100{&:hover:not(:disabled){background-color:var(--color-tokbell-green-100)}}.hover-bg-tokbell-green-500{&:hover:not(:disabled){background-color:var(--color-tokbell-green-500)}}.hover-bg-tokbell-green-700{&:hover:not(:disabled){background-color:var(--color-tokbell-green-700)}}.hover-border-tokbell-green-500{&:hover:not(:disabled){border-color:var(--color-tokbell-green-500)}}.hover-border-tokbell-green-700{&:hover:not(:disabled){border-color:var(--color-tokbell-green-700)}}