:root{--primary-color:#285eeb;--primary-hover:#1846c4;--primary-light:#e9f0fd;--success-color:#0e8a16;--success-bg:#e6f6e6;--warning-color:#d36c00;--warning-bg:#fff3e6;--danger-color:#d93025;--danger-bg:#fce8e6;--text-main:#333;--text-muted:#666;--text-inverse:#fff;--bg-app:#f5f7fa;--bg-surface:#fff;--bg-surface-hover:#f8f9fa;--border-color:#e0e2e6;--border-radius-sm:4px;--border-radius-md:6px;--border-radius-lg:8px;--box-shadow-sm:0 1px 2px #0000000d;--box-shadow-md:0 2px 8px #00000014}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-main);background-color:var(--bg-app);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;font-size:14px;line-height:1.6}a{color:var(--primary-color);text-decoration:none}a:hover{text-decoration:underline}input,select,textarea,button{font-family:inherit;font-size:14px}.btn{border-radius:var(--border-radius-sm);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;padding:6px 16px;font-weight:600;transition:background-color .15s,border-color .15s;display:inline-flex;overflow:hidden}.btn-primary{background-color:var(--primary-color);color:var(--text-inverse);box-shadow:0 1px 2px #0000001a}.btn-primary:hover{background-color:var(--primary-hover);text-decoration:none}.btn-primary:active{box-shadow:inset 0 2px 4px #0000001a}.btn-secondary{color:var(--text-main);background-color:#fff;border-color:#c9cdd2;box-shadow:0 1px 2px #0000000d}.btn-secondary:hover{background-color:var(--bg-surface-hover);border-color:#aeb4bc}.btn-danger{background-color:var(--danger-color);color:var(--text-inverse)}.btn-danger:hover{background-color:#b3251d}.input-field{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);width:100%;color:var(--text-main);background-color:var(--bg-surface);padding:8px 12px;transition:border-color .15s,box-shadow .15s}.input-field:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px #285eeb33}.input-field:disabled{color:var(--text-muted);cursor:not-allowed;background-color:#f0f2f5}.form-group{margin-bottom:16px}.space-y-4>.form-group,.space-y-6>.form-group,.grid>.form-group,.grid>div>.form-group{margin-bottom:0}.form-label{color:var(--text-muted);margin-bottom:4px;font-size:13px;font-weight:600;display:block}.form-error{color:var(--danger-color);margin-top:4px;font-size:12px}.card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);box-shadow:var(--box-shadow-sm);margin-bottom:24px}.grid>.card,.grid>div>.card,.flex>.card{margin-bottom:0}.card-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.card-title{margin:0;font-size:16px;font-weight:700}.card-body{padding:20px}.table-container{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.data-table-wrapper{width:100%;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.data-table th,.data-table td{border-bottom:1px solid var(--border-color);vertical-align:middle;padding:10px 12px}.data-table th{background-color:var(--bg-surface-hover);color:var(--text-muted);white-space:nowrap;font-weight:600}.data-table tr.clickable-row{cursor:pointer}.data-table tr.clickable-row:hover,.data-table tr:hover{background-color:var(--bg-surface-hover)}.data-table th:first-child,.data-table td:first-child{padding-left:20px}.data-table th:last-child,.data-table td:last-child{padding-right:20px}.data-table th:first-child,.data-table td:first-child{z-index:10;background-color:var(--bg-surface);border-right:1px solid var(--border-color);position:sticky;left:0}.data-table th:first-child{background-color:var(--bg-surface-hover);z-index:11}.data-table tr:hover td:first-child{background-color:var(--bg-surface-hover)}.badge{white-space:nowrap;border-radius:12px;align-items:center;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}.badge-success{background:var(--success-bg);color:var(--success-color)}.badge-warning{background:var(--warning-bg);color:var(--warning-color)}.badge-danger{background:var(--danger-bg);color:var(--danger-color)}.badge-primary{background:var(--primary-light);color:var(--primary-color)}.badge-default{color:var(--text-muted);background:#eaecef}.badge-info{background:var(--primary-light);color:var(--primary-color)}.page-container{min-height:100vh;display:flex}.sidebar{color:#fff;background-color:#2f3640;flex-direction:column;flex-shrink:0;width:240px;display:flex}@media (width<=768px){.page-container{flex-direction:column}.sidebar{z-index:1000;flex-direction:column;width:250px;height:100vh;transition:transform .3s;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:2px 0 10px #0003}.sidebar.open{transform:translate(0)}.sidebar-header{display:flex!important}.sidebar-nav{flex-direction:column;justify-content:flex-start;width:100%;padding:12px 0;display:flex}.nav-item{flex:unset;flex-direction:row;justify-content:flex-start;padding:12px 20px;font-size:14px}.nav-icon{width:18px;height:18px;margin-bottom:0;margin-right:12px;font-size:18px}.menu-overlay{z-index:900;opacity:0;pointer-events:none;background:#00000080;width:100vw;height:100vh;transition:opacity .3s;position:fixed;top:0;left:0}.menu-overlay.open{opacity:1;pointer-events:auto}.mobile-only{display:block}}@media (width>=768px){.mobile-only{display:none}}.sidebar-header{border-bottom:1px solid #ffffff1a;align-items:center;height:60px;padding:0 20px;font-size:16px;font-weight:700;display:flex}.sidebar-nav{flex-grow:1;padding:12px 0}.nav-item{color:#a3aab5;white-space:nowrap;align-items:center;padding:10px 20px;font-size:14px;text-decoration:none;display:flex}.nav-item:hover,.nav-item.active{color:#fff;background-color:#ffffff0d}.nav-icon{width:18px;height:18px;margin-right:12px}.main-content{flex-direction:column;flex-grow:1;min-width:0;display:flex}.top-header{background-color:var(--bg-surface);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;height:60px;padding:0 24px;display:flex}.page-content{flex-grow:1;padding:24px;overflow-y:auto}@media (width<=768px){.page-content{padding:16px}}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}@media (width<=768px){.page-header{flex-direction:column;align-items:flex-start;gap:12px}}.page-title{color:var(--text-main);margin:0;font-size:24px;font-weight:700}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.space-y-4>*+*{margin-top:16px}.space-y-6>*+*{margin-top:24px}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width>=768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.m-auto{margin:auto}.mt-4{margin-top:16px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.pb-1{padding-bottom:4px}.p-0{padding:0}.p-1{padding:4px}.p-4{padding:16px}.p-6{padding:24px}.px-2{padding-left:8px;padding-right:8px}.py-1{padding-top:4px;padding-bottom:4px}.w-full{width:100%}.w-\[calc\(100\%-2rem\)\]{width:calc(100% - 2rem)}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.h-auto{height:auto}.min-h-\[100px\]{min-height:100px}.max-h-\[90vh\]{max-height:90vh}.cursor-pointer{cursor:pointer}.hover\:underline:hover{text-decoration:underline}.text-primary{color:var(--primary-color)}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:var(--border-radius-sm)}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-b-lg{border-bottom-left-radius:var(--border-radius-lg);border-bottom-right-radius:var(--border-radius-lg)}.border{border-style:solid;border-width:1px;border-color:var(--border-color)}.border-b{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--border-color)}.border-t{border-top-style:solid;border-top-width:1px;border-top-color:var(--border-color)}.border-\[var\(--border\)\]{border-color:var(--border-color)}.bg-white{background-color:#fff}.bg-gray-50\/5{background-color:#f9fafb0d}.text-xs{font-size:12px}.text-sm{font-size:14px}.text-lg{font-size:18px}.text-xl{font-size:20px}.text-black{color:#000}.text-gray-500{color:#6b7280}.text-green-700{color:#15803d}.font-normal{font-weight:400}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-right{text-align:right}.text-center{text-align:center}.backdrop\:bg-black\/50::backdrop{background-color:#00000080}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{border-radius:var(--border-radius-md);pointer-events:auto;cursor:pointer;align-items:center;gap:8px;min-width:280px;max-width:420px;padding:12px 20px;font-size:14px;font-weight:500;display:flex;box-shadow:0 4px 12px #00000026}.toast-icon{text-align:center;flex-shrink:0;width:20px;font-size:16px;font-weight:700}.toast-message{flex:1}.toast-success{background:var(--success-bg);color:var(--success-color);border-left:4px solid var(--success-color)}.toast-error{background:var(--danger-bg);color:var(--danger-color);border-left:4px solid var(--danger-color)}.toast-info{background:var(--primary-light);color:var(--primary-color);border-left:4px solid var(--primary-color)}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em;margin-bottom:4px;font-size:12px;font-weight:500}.stat-value{color:var(--text-main);font-size:24px;font-weight:700;line-height:1.2}.stat-value--success{color:var(--success-color)}.stat-value--danger{color:var(--danger-color)}hr{border:none;border-top:1px solid var(--border-color);margin:16px 0}.data-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.pt-4{padding-top:16px}.reward-summary-table{table-layout:fixed;width:100%}.col-name{width:28%}.col-count{width:7%}.col-members{width:16%}.col-amount{width:15%}.col-fee{width:12%}.col-reward{width:15%}.desktop-only{display:block}@media (width<=768px){.desktop-only{display:none!important}}.reward-cards{display:none}@media (width<=768px){.reward-cards{padding:12px;display:block}}.reward-card{border-bottom:1px solid var(--border-color);cursor:pointer;padding:14px 16px}.reward-card:last-child{border-bottom:none}.reward-card:active{background:var(--bg-surface-hover)}.reward-card-name{color:var(--text-main);margin-bottom:8px;font-size:15px;font-weight:700}.reward-card-counts{color:var(--text-muted);gap:16px;margin-bottom:10px;font-size:12px;display:flex}.reward-card-row{justify-content:space-between;align-items:baseline;padding:3px 0;font-size:13px;display:flex}.reward-card-label{color:var(--text-muted);font-size:12px}.reward-card-value{font-variant-numeric:tabular-nums;font-weight:600}