@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap);table{border-collapse:collapse;width:100%}td,th{border:1px solid #e5e7eb;padding:.5rem}button{border:none;cursor:pointer;padding:.5rem 1rem}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.bg-slate-50{background-color:#f8fafc}.mt-2{margin-top:.5rem}.mt-6{margin-top:1.5rem}.h-80{height:20rem}.w-40{width:10rem}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.gap-4{gap:1rem}@media (min-width:768px){.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.text-3xl{font-size:1.875rem}select.w-full{border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem;padding:.5rem;width:100%}.border-blue-500{border-color:#3b82f6;transition:all .3s ease}.text-blue-500{color:#3b82f6;text-shadow:0 0 10px #3b82f64d}.text-gray-500{transition:color .3s ease}.border-b-2{position:relative}.border-b-2:after{background:linear-gradient(90deg,#3b82f6,#60a5fa);bottom:-2px;box-shadow:0 2px 4px #3b82f64d;content:"";height:2px;left:0;position:absolute;width:100%}.px-4{padding-left:1rem;padding-right:1rem}.block{animation:fadeIn .3s ease}table.w-full{border-collapse:collapse;width:100%}.bg-gray-100{background-color:#f3f4f6}td.border,th.border{border:1px solid #e5e7eb;padding:.5rem}@font-face{font-family:Noto Sans Japanese;font-style:normal;font-weight:100;src:url(/static/media/NotoSansCJKjp-Thin.ba070bc3fd1da018afbb.woff2) format("woff2"),url(/static/media/NotoSansCJKjp-Thin.0e6501465b64aa0765fd.woff) format("woff"),url(/static/media/NotoSansCJKjp-Thin.6bd7d8caa7c9e604982f.ttf) format("truetype"),url(/static/media/NotoSansCJKjp-Thin.6d8ea9cb5afd1288d92e.eot) format("embedded-opentype")}@font-face{font-family:Noto Sans Japanese;font-style:normal;font-weight:200;src:url(/static/media/NotoSansCJKjp-Light.2d3b2d3836e02ab2f88a.woff2) format("woff2"),url(/static/media/NotoSansCJKjp-Light.8f0da891cd7abab1cc3e.woff) format("woff"),url(/static/media/NotoSansCJKjp-Light.453137ae823a45d6c0ff.ttf) format("truetype"),url(/static/media/NotoSansCJKjp-Light.8bd12693b89b5a4ee008.eot) format("embedded-opentype")}@font-face{font-family:Noto Sans Japanese;font-style:normal;font-weight:300;src:url(/static/media/NotoSansCJKjp-DemiLight.ccb2ec01ca3c780a7b97.woff2) format("woff2"),url(/static/media/NotoSansCJKjp-DemiLight.a69f40220845cb31dee0.woff) format("woff"),url(/static/media/NotoSansCJKjp-DemiLight.542252ff0d8ae3e83c82.ttf) format("truetype"),url(/static/media/NotoSansCJKjp-DemiLight.a41652b11c2bb8b880e0.eot) format("embedded-opentype")}@font-face{font-family:Noto Sans Japanese;font-style:normal;font-weight:400;src:url(/static/media/NotoSansCJKjp-Regular.8bf5c9730b296ade7dc0.woff2) format("woff2"),url(/static/media/NotoSansCJKjp-Regular.f45ebedb00f7c40a8547.woff) format("woff"),url(/static/media/NotoSansCJKjp-Regular.2cde4ca6da466b12ff28.ttf) format("truetype"),url(/static/media/NotoSansCJKjp-Regular.cff59e92597465346cce.eot) format("embedded-opentype")}@font-face{font-family:Noto Sans Japanese;font-style:normal;font-weight:500;src:url(/static/media/NotoSansCJKjp-Medium.118d4ead9d7f28b1c069.woff2) format("woff2"),url(/static/media/NotoSansCJKjp-Medium.dee55a02145df6157725.woff) format("woff"),url(/static/media/NotoSansCJKjp-Medium.2e79016e9cca7ab430ac.ttf) format("truetype"),url(/static/media/NotoSansCJKjp-Medium.a4baa801af344c16ebfe.eot) format("embedded-opentype")}@font-face{font-family:Noto Sans Japanese;font-style:normal;font-weight:700;src:url(/static/media/NotoSansCJKjp-Bold.eaa6029763cf7c149b1a.woff2) format("woff2"),url(/static/media/NotoSansCJKjp-Bold.429b1bbe19adc948d244.woff) format("woff"),url(/static/media/NotoSansCJKjp-Bold.44f50be8a67b5fa79204.ttf) format("truetype"),url(/static/media/NotoSansCJKjp-Bold.ca6716d2ab52f4e64f8e.eot) format("embedded-opentype")}@font-face{font-family:Noto Sans Japanese;font-style:normal;font-weight:900;src:url(/static/media/NotoSansCJKjp-Black.449cf356949a71cc14e3.woff2) format("woff2"),url(/static/media/NotoSansCJKjp-Black.1c0e3963c37c805bf0c9.woff) format("woff"),url(/static/media/NotoSansCJKjp-Black.8a46ffb428cad145cc4e.ttf) format("truetype"),url(/static/media/NotoSansCJKjp-Black.fcd20e9ebb9495bbeb68.eot) format("embedded-opentype")}@font-face{font-family:Noto Sans Mono CJK JP;font-weight:100;src:local("NotoSansMonoCJKjp-Regular"),local("Noto Sans Mono CJK JP Regular"),url(/static/media/NotoSansMonoCJKjp-Regular.d92d128be2bebfaa5722.woff2) format("woff2"),url(/static/media/NotoSansMonoCJKjp-Regular.6ab4a566e9528c6e3a03.woff) format("woff"),url(/static/media/NotoSansMonoCJKjp-Regular.16fd84f2472015d4de61.otf) format("opentype")}@font-face{font-family:Noto Sans Mono CJK JP;font-weight:200;src:local("NotoSansMonoCJKjp-Regular"),local("Noto Sans Mono CJK JP Regular"),url(/static/media/NotoSansMonoCJKjp-Regular.d92d128be2bebfaa5722.woff2) format("woff2"),url(/static/media/NotoSansMonoCJKjp-Regular.6ab4a566e9528c6e3a03.woff) format("woff"),url(/static/media/NotoSansMonoCJKjp-Regular.16fd84f2472015d4de61.otf) format("opentype")}@font-face{font-family:Noto Sans Mono CJK JP;font-weight:300;src:local("NotoSansMonoCJKjp-Regular"),local("Noto Sans Mono CJK JP Regular"),url(/static/media/NotoSansMonoCJKjp-Regular.d92d128be2bebfaa5722.woff2) format("woff2"),url(/static/media/NotoSansMonoCJKjp-Regular.6ab4a566e9528c6e3a03.woff) format("woff"),url(/static/media/NotoSansMonoCJKjp-Regular.16fd84f2472015d4de61.otf) format("opentype")}@font-face{font-family:Noto Sans Mono CJK JP;font-weight:400;src:local("NotoSansMonoCJKjp-Regular"),local("Noto Sans Mono CJK JP Regular"),url(/static/media/NotoSansMonoCJKjp-Regular.d92d128be2bebfaa5722.woff2) format("woff2"),url(/static/media/NotoSansMonoCJKjp-Regular.6ab4a566e9528c6e3a03.woff) format("woff"),url(/static/media/NotoSansMonoCJKjp-Regular.16fd84f2472015d4de61.otf) format("opentype")}@font-face{font-family:Noto Sans Mono CJK JP;font-weight:500;src:local("NotoSansMonoCJKjp-Regular"),local("Noto Sans Mono CJK JP Regular"),url(/static/media/NotoSansMonoCJKjp-Regular.d92d128be2bebfaa5722.woff2) format("woff2"),url(/static/media/NotoSansMonoCJKjp-Regular.6ab4a566e9528c6e3a03.woff) format("woff"),url(/static/media/NotoSansMonoCJKjp-Regular.16fd84f2472015d4de61.otf) format("opentype")}@font-face{font-family:Noto Sans Mono CJK JP;font-weight:600;src:local("NotoSansMonoCJKjp-Regular"),local("Noto Sans Mono CJK JP Regular"),url(/static/media/NotoSansMonoCJKjp-Regular.d92d128be2bebfaa5722.woff2) format("woff2"),url(/static/media/NotoSansMonoCJKjp-Regular.6ab4a566e9528c6e3a03.woff) format("woff"),url(/static/media/NotoSansMonoCJKjp-Regular.16fd84f2472015d4de61.otf) format("opentype")}@font-face{font-family:Noto Sans Mono CJK JP;font-weight:700;src:local("NotoSansMonoCJKjp-Bold"),local("Noto Sans Mono CJK JP Bold"),url(/static/media/NotoSansMonoCJKjp-Bold.163d03d60f9f710e7b5b.woff2) format("woff2"),url(/static/media/NotoSansMonoCJKjp-Bold.5dc4ad49eafbeafbdbe7.woff) format("woff"),url(/static/media/NotoSansMonoCJKjp-Bold.5c5931a06a067acc348a.otf) format("opentype")}@font-face{font-family:Noto Sans Mono CJK JP;font-weight:800;src:local("NotoSansMonoCJKjp-Bold"),local("Noto Sans Mono CJK JP Bold"),url(/static/media/NotoSansMonoCJKjp-Bold.163d03d60f9f710e7b5b.woff2) format("woff2"),url(/static/media/NotoSansMonoCJKjp-Bold.5dc4ad49eafbeafbdbe7.woff) format("woff"),url(/static/media/NotoSansMonoCJKjp-Bold.5c5931a06a067acc348a.otf) format("opentype")}@font-face{font-family:Noto Sans Mono CJK JP;font-weight:900;src:local("NotoSansMonoCJKjp-Bold"),local("Noto Sans Mono CJK JP Bold"),url(/static/media/NotoSansMonoCJKjp-Bold.163d03d60f9f710e7b5b.woff2) format("woff2"),url(/static/media/NotoSansMonoCJKjp-Bold.5dc4ad49eafbeafbdbe7.woff) format("woff"),url(/static/media/NotoSansMonoCJKjp-Bold.5c5931a06a067acc348a.otf) format("opentype")}body{font-family:Noto Sans Mono CJK JP,Noto Sans Japanese,sans-serif}.email-form-container{background:#fff;border-radius:10px;box-shadow:0 4px 20px #0000001a;margin:2rem auto;max-width:800px;padding:2rem}h1{border-bottom:2px solid #3182ce;display:inline-block;font-size:1.8rem;margin-bottom:1.5rem;padding-bottom:.5rem}h1:after{background:#3182ce;bottom:-.5rem;content:"";display:block;height:2px;position:relative;width:100%}label{color:#4a5568;display:block;font-size:1rem;font-weight:600;margin-bottom:.5rem}.csv-help{background:#f0f9ff;border-left:3px solid #3182ce;border-radius:6px;margin-bottom:.75rem;padding:.75rem}.csv-help p{color:#2c5282;font-size:.9rem;margin:0}.csv-help p:first-child{margin-bottom:.5rem}input[type=text],textarea{border:1px solid #e2e8f0;border-radius:6px;font-size:1rem;padding:.75rem;transition:border-color .2s;width:100%}input[type=text]:focus,textarea:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a;outline:none}input[type=file]{margin-top:.5rem}.button-group{align-items:center;display:flex;justify-content:space-between;margin-top:2rem}.primary-button,.secondary-button{border-radius:6px;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.primary-button{background:linear-gradient(90deg,#3182ce,#4299e1);border:none;color:#fff}.primary-button:hover{box-shadow:0 4px 12px #4299e14d;transform:translateY(-2px)}.primary-button:disabled{background:#a0aec0;box-shadow:none;cursor:not-allowed;transform:none}.secondary-button{background:#fff;border:1px solid #e2e8f0;color:#4a5568}.secondary-button:hover{background:#f7fafc;border-color:#cbd5e0}.small-button{font-size:.85rem;margin-left:.5rem;padding:.4rem .8rem}.message{background:#ebf8ff;border-left:4px solid #3182ce;color:#2c5282;margin-bottom:1.5rem;padding:1rem}.csv-info{align-items:center;background:#f7fafc;border-radius:6px;display:flex;justify-content:space-between;margin-top:.5rem;padding:.75rem 1rem}.csv-info p{color:#2c5282;font-weight:500;margin:0}.csv-preview{background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;margin-top:1rem;max-height:300px;overflow-y:auto;padding:1rem}.csv-preview h3{color:#4a5568;font-size:1rem;margin-bottom:.75rem;margin-top:0}.csv-preview ul{list-style:none;margin:0;padding:0}.csv-preview li{border-bottom:1px solid #edf2f7;color:#4a5568;font-size:.9rem;padding:.4rem 0}.csv-preview li:last-child{border-bottom:none}.preview-container{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:2rem;padding:1.5rem}.preview-container h2{color:#4a5568;font-size:1.2rem;margin-bottom:1rem;margin-top:0}.email-preview{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:1.5rem}.email-subject{border-bottom:1px solid #edf2f7;color:#2d3748;font-weight:600;margin-bottom:.75rem;padding-bottom:.75rem}.email-content{color:#4a5568;line-height:1.6}.unsubscribe-container{align-items:center;background:linear-gradient(135deg,#f5f7fa,#e4e8f0);display:flex;justify-content:center;min-height:100vh;padding:1rem}.unsubscribe-card{background:#fff;border-radius:1rem;box-shadow:0 10px 30px #0000001a;max-width:500px;padding:2rem;text-align:center;width:100%}h1{color:#2d3748;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}p{color:#718096;font-size:1rem}.form-group,p{margin-bottom:1.5rem}input[type=email],select{border:1px solid #e2e8f0;border-radius:.5rem;font-size:1rem;padding:.75rem;text-align:center;transition:border-color .2s,box-shadow .2s;width:100%}input[type=email]:focus,select:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e126;outline:none}select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23718096' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;padding-right:2.5rem}.unsubscribe-button{background:linear-gradient(135deg,#f56565,#ed8936);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:transform .2s,box-shadow .2s;width:100%}.unsubscribe-button:hover{box-shadow:0 4px 12px #ed89364d;transform:translateY(-2px)}.unsubscribe-button:disabled{background:#cbd5e0;box-shadow:none;cursor:not-allowed;transform:none}.error-message{background:#fff5f5;border-left:4px solid #f56565;color:#c53030;margin-bottom:1.5rem;padding:1rem;text-align:left}.help-text{color:#718096;font-size:.875rem;margin-top:2rem}.help-text a{color:#4299e1;text-decoration:none}.help-text a:hover{text-decoration:underline}.success-message{text-align:center}.icon-wrapper{height:4rem;margin:0 auto 1.5rem;width:4rem}.checkmark{height:100%;width:100%}.checkmark-circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#48bb78;fill:none;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark-check{stroke-dasharray:48;stroke-dashoffset:48;stroke-width:3;stroke:#48bb78;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards;transform-origin:50% 50%}@keyframes stroke{to{stroke-dashoffset:0}}.return-link{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;display:inline-block;font-weight:600;margin-top:2rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s}.return-link:hover{background:#edf2f7;box-shadow:0 2px 6px #0000000d;color:#2d3748}.genre-info{background:#f7fafc;border-radius:.5rem;margin-bottom:1.5rem;padding:.75rem}.genre-info p{font-size:.9rem;margin:0}.genre-info span{color:#4a5568;font-weight:600}:root{--primary:#4361ee;--primary-light:#4895ef;--success:#4cc9f0;--warning:#f72585;--dark:#212b36;--light-text:#637381;--light-bg:#f8f9fa;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--border-radius:10px;--border-radius-sm:6px;--shadow-sm:0 1px 3px #0000001a;--shadow:0 4px 6px #0000000d,0 1px 3px #0000000d;--shadow-lg:0 10px 15px -3px #0000000d,0 4px 6px -2px rgba(0,0,0,.025);--transition:all 0.2s ease}.dark{--bg-color:#121721;--card-bg:#1b2433;--border-color:#2a3441;--text-color:#e4e6eb;--text-muted:#b0b3b8;--input-bg:#252e3c;--input-border:#374151;--input-text:#e4e6eb;--btn-default-bg:#252e3c;--btn-default-text:#b0b3b8;--btn-active-bg:#4361ee;--btn-active-text:#fff;--toggle-bg:#4361ee;--toggle-handle:#fff;--result-bg:linear-gradient(135deg,#3a0ca3,#4361ee);--result-shadow:0 4px 12px #4361ee4d}.light{--bg-color:#f8f9fa;--card-bg:#fff;--border-color:#e2e8f0;--text-color:#334155;--text-muted:#64748b;--input-bg:#fff;--input-border:#cbd5e1;--input-text:#334155;--btn-default-bg:#f1f5f9;--btn-default-text:#64748b;--btn-active-bg:#4361ee;--btn-active-text:#fff;--toggle-bg:#4361ee;--toggle-handle:#fff;--result-bg:linear-gradient(135deg,#4361ee,#3a0ca3);--result-shadow:0 4px 12px #4361ee33}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5}.hachi-calculator{align-items:center;background-color:var(--bg-color);display:flex;justify-content:center;min-height:100vh;padding:20px}.calculator-container,.hachi-calculator{transition:all .2s ease;transition:var(--transition)}.calculator-container{background-color:var(--card-bg);border-radius:10px;border-radius:var(--border-radius);box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px rgba(0,0,0,.025);box-shadow:var(--shadow-lg);max-width:480px;overflow:hidden;width:100%}.calculator-header{background:linear-gradient(90deg,#4361ee,#3a0ca3);padding:16px 20px;text-align:center}.calculator-header h1{color:#fff;font-size:18px;font-weight:600;margin:0}.calculator-body{padding:20px}.input-section{margin-bottom:24px}.input-group{margin-bottom:16px}.input-group label{color:var(--text-color);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.input-wrapper{margin-bottom:8px;position:relative}.input-wrapper input{background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:6px;border-radius:var(--border-radius-sm);color:var(--input-text);font-size:15px;padding:10px 12px;transition:all .2s ease;transition:var(--transition);width:100%}.input-wrapper input:focus{border-color:#4361ee;border-color:var(--primary);box-shadow:0 0 0 2px #4361ee33;outline:none}.input-suffix{color:var(--text-muted);font-size:14px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.quick-buttons{display:flex;flex-wrap:wrap;gap:8px}.quick-buttons button{background-color:var(--btn-default-bg);border:1px solid var(--border-color);border-radius:6px;border-radius:var(--border-radius-sm);color:var(--btn-default-text);cursor:pointer;font-size:12px;padding:6px 10px;transition:all .2s ease;transition:var(--transition)}.quick-buttons button:hover{border-color:#4361ee;border-color:var(--primary);color:#4361ee;color:var(--primary)}.quick-buttons button.active{background-color:var(--btn-active-bg);border-color:var(--btn-active-bg);color:var(--btn-active-text)}.toggle-group{background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:6px;border-radius:var(--border-radius-sm);justify-content:space-between;padding:12px 14px}.toggle-group,.toggle-label{align-items:center;display:flex}.toggle-label span{color:var(--text-color);font-size:14px;margin-left:10px}.toggle-info{color:var(--text-muted);font-size:12px}.switch{display:inline-block;height:20px;position:relative;width:36px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#cbd5e1;background-color:var(--gray-300);border-radius:20px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.3s}.slider:before{background-color:#fff;border-radius:50%;bottom:2px;content:"";height:16px;left:2px;width:16px}input:checked+.slider{background-color:var(--toggle-bg)}input:checked+.slider:before{transform:translateX(16px)}.result-section{background:var(--result-bg);border-radius:10px;border-radius:var(--border-radius);box-shadow:var(--result-shadow);color:#fff;margin-bottom:16px;padding:20px;text-align:center}.result-label{font-size:14px;margin-bottom:4px;opacity:.9}.result-value{align-items:center;display:flex;font-size:32px;font-weight:600;justify-content:center}.result-unit{font-size:16px;font-weight:500;margin-left:6px}.result-info{font-size:12px;margin-top:8px;opacity:.9}.formula-section{background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:6px;border-radius:var(--border-radius-sm);color:var(--text-muted);font-size:13px;padding:12px 14px}.formula-title{color:var(--text-color);font-weight:500;margin-bottom:4px}.formula-content,.formula-example{font-size:12px;line-height:1.6}.calculator-footer{border-top:1px solid var(--border-color);padding:16px 20px;text-align:right}.theme-toggle{background-color:var(--btn-default-bg);border:1px solid var(--border-color);border-radius:6px;border-radius:var(--border-radius-sm);color:var(--btn-default-text);cursor:pointer;font-size:12px;padding:8px 12px;transition:all .2s ease;transition:var(--transition)}.theme-toggle:hover{border-color:#4361ee;border-color:var(--primary);color:#4361ee;color:var(--primary)}@media (max-width:480px){.calculator-container{max-width:100%}.calculator-header h1{font-size:16px}.calculator-body{padding:16px}.result-value{font-size:28px}}.min-h-screen{min-height:100vh}.flex{display:flex}.flex-1{flex:1 1}.flex-col{flex-direction:column}.w-full{width:100%}.h-64{height:16rem}.max-w-7xl{max-width:80rem}.mx-auto{margin-left:auto;margin-right:auto}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding:.75rem 1.25rem!important}.pl-3{padding-left:.75rem}.pl-10{padding-left:2.5rem}.pr-4{padding-right:1rem}.space-y-6>*+*{margin-top:1.5rem}.space-x-2>*+*{margin-left:.5rem}.space-x-4>*+*{margin-left:1rem}.space-x-8>*+*{margin-left:2rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-2{margin-left:.5rem}.ml-5{margin-left:1.25rem}.mr-2{margin-right:.5rem}.bg-gray-50{background-color:#f9fafb}.bg-white{background-color:#fff}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.gap-5{gap:1.25rem}.justify-between{justify-content:space-between}.items-center{align-items:center}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:9999px}.shadow{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f}.shadow-sm{box-shadow:0 1px 2px 0 #0000000d}.border{border:1px solid #e5e7eb}.border-b{border-bottom:1px solid #e5e7eb}.border-b-2{border-bottom-width:2px}.border-transparent{border-color:#0000}.border-indigo-500{border-color:#6366f1}.border-gray-200{border-color:#e5e7eb}.border-gray-300{border-color:#d1d5db}.border-collapse{border-collapse:collapse}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.truncate,.whitespace-nowrap{white-space:nowrap}.truncate{overflow:hidden;text-overflow:ellipsis}.leading-5{line-height:1.25rem}.text-white{color:#fff}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-700{color:#374151}.text-gray-900{color:#111827}.text-indigo-600{color:#4f46e5}.text-indigo-700{color:#4338ca}.text-red-800{color:#991b1b}.text-yellow-800{color:#854d0e}.text-amber-800{color:#92400e}.bg-indigo-100{background-color:#e0e7ff}.bg-indigo-500{background-color:#6366f1}.bg-green-500{background-color:#10b981}.bg-blue-500{background-color:#3b82f6}.bg-purple-500{background-color:#8b5cf6}.bg-red-100{background-color:#fee2e2}.bg-amber-100,.bg-yellow-100{background-color:#fef3c7}.hover\:bg-gray-50:hover{background-color:#f9fafb}.hover\:text-gray-500:hover{color:#6b7280}.hover\:text-gray-700:hover{color:#374151}.hover\:text-indigo-900:hover{color:#312e81}.block{display:block}.relative{position:relative}.absolute{position:absolute}.inset-y-0{bottom:0;top:0}.left-0{left:0}.pointer-events-none{pointer-events:none}.overflow-x-auto{overflow-x:auto}.min-w-full{min-width:100%}.divide-y>*+*{border-top-width:1px}.divide-gray-200>*+*{border-color:#e5e7eb}.h-6,.w-6{height:1.5rem;width:1.5rem}.h-8,.w-8{height:2rem;width:2rem}.w-0{width:0}.inline-block{display:inline-block}.hidden{display:none}.inline-flex{display:inline-flex}.transition-all{transition-property:all}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}body,html{font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif!important}.border-b.border-gray-200{background:linear-gradient(90deg,#f9fafbcc,#fffc)!important;border-bottom:1px solid #e5e7eb80!important;border-radius:12px!important;box-shadow:0 2px 10px #00000008!important;margin-bottom:1.5rem!important;padding:.5rem 1rem!important}.py-4.px-1.border-b-2{border:none!important;border-radius:10px!important;font-weight:500!important;letter-spacing:.02em!important;margin:0 .75rem!important;padding:.75rem 1.5rem!important;position:relative!important;transition:all .3s ease!important}.space-x-8>*+*{margin-left:1rem!important}.py-4.px-1.border-b-2:hover:not(.border-indigo-500){background-color:#f3f4f6cc!important;box-shadow:0 2px 5px #0000000d!important;transform:translateY(-2px)!important}.border-indigo-500.text-indigo-600{background:linear-gradient(180deg,#fff,#f9fafb)!important;box-shadow:0 4px 12px #6366f126!important;transform:translateY(-2px)!important}.border-indigo-500.text-indigo-600:after{background:linear-gradient(90deg,#6366f1,#818cf8);border-radius:3px;bottom:-2px;box-shadow:0 1px 3px #6366f166;content:"";height:3px;left:10%;position:absolute;width:80%}.text-xl.font-bold.text-indigo-600{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4f46e5,#6366f1);-webkit-background-clip:text;font-family:Noto Sans JP,sans-serif!important;font-weight:700!important;letter-spacing:-.02em!important}.bg-white.shadow{transition:transform .2s ease,box-shadow .2s ease}.bg-white.shadow:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-2px)}.h-64{transition:height .3s ease}.h-64:hover{height:17rem}tbody tr{transition:background-color .2s ease}tbody tr:hover{background-color:#f9fafb}input[type=text]{transition:border-color .2s ease,box-shadow .2s ease}input[type=text]:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f133;outline:none}button{font-size:.875rem!important;padding:.5rem 1rem!important;transition:all .2s ease}button:active{transform:scale(.98)}.space-y-6{animation:fadeIn .3s ease;margin-top:1.5rem!important}.min-w-full{border-collapse:initial!important;border-radius:8px!important;border-spacing:0!important;min-width:100%!important;overflow:hidden!important}.bg-gray-50 th{background-color:#f8fafc!important;border-bottom:2px solid #e5e7eb!important;color:#4b5563!important;font-family:Noto Sans JP,sans-serif!important;font-size:.7rem!important;font-weight:600!important;letter-spacing:.05em!important;padding:.75rem 1rem!important}.divide-y.divide-gray-200>tr{border-bottom:1px solid #f1f5f9!important}tbody tr:hover{background-color:#f3f4f680!important;transition:background-color .2s ease!important}.whitespace-nowrap.text-sm{font-family:Noto Sans JP,sans-serif!important;padding:.75rem 1rem!important}.text-gray-900{color:#1f2937!important;font-weight:500!important}.text-gray-500{color:#6b7280!important}.bg-gray-50 td{background-color:#f8fafc!important;border-top:2px solid #e5e7eb!important;font-weight:600!important}.overflow-x-auto{border-radius:8px!important;box-shadow:0 1px 3px #0000000d,0 1px 2px #0000001a!important}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}}.bg-amber-500{background-color:#f59e0b!important}.bg-red-500{background-color:#ef4444!important}.whitespace-nowrap.text-sm.font-medium.text-gray-900:first-child{background-color:#f3f4f64d!important;color:#4b5563!important;font-weight:600!important}td:nth-child(9){color:#4b5563!important;font-weight:500!important}.bg-amber-500.rounded-md{transition:all .3s ease!important}.bg-amber-500.rounded-md:hover{background-color:#f59e0b!important;box-shadow:0 0 10px #f59e0b4d!important;transform:scale(1.05)!important}.bg-red-500.rounded-md{transition:all .3s ease!important}.bg-red-500.rounded-md:hover{background-color:#ef4444!important;box-shadow:0 0 10px #ef44444d!important;transform:scale(1.05)!important}.paypal-oauth-card{border-radius:10px;overflow:hidden;transition:all .3s ease}.paypal-oauth-card:hover{box-shadow:0 10px 20px #0000001a!important;transform:translateY(-5px)}.card-header{padding:1.25rem}.paypal-oauth-card .card-body{background-color:#f8f9fa}.badge{text-transform:capitalize}@media (max-width:576px){.paypal-oauth-card .card-body{padding:1rem}.paypal-btn{padding:10px 15px}}.success-card{border-radius:10px;margin:0 auto;max-width:600px;overflow:hidden;transition:all .3s ease}.success-card-success{border-color:#28a745}.success-card-error{border-color:#dc3545}.success-icon-wrapper{align-items:center;background-color:#28a745;border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto;width:80px}.success-icon{color:#fff;font-size:40px}.error-icon-wrapper{align-items:center;background-color:#dc3545;border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto;width:80px}.error-icon{color:#fff;font-size:40px}.success-card{animation:fadeIn .5s ease-out forwards}.secret-card{border-radius:10px;overflow:hidden;transition:all .3s ease}.secret-card:hover{box-shadow:0 10px 20px #0000001a!important}.secret-card .card-header{padding:1.25rem}.paypal-btn{background-color:#0070ba;border-color:#0070ba;padding:12px 20px;transition:all .3s ease}.paypal-btn:hover:not(:disabled){background-color:#003087;border-color:#003087;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.paypal-btn:disabled{background-color:#ccc;border-color:#ccc;cursor:not-allowed}.form-control:focus{border-color:#0070ba;box-shadow:0 0 0 .25rem #0070ba40}.oauth-step-circle{align-items:center;background-color:#0070ba;border-radius:50%;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;width:40px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.secret-card{animation:fadeIn .5s ease-out forwards}.btn-link{color:#0070ba;text-decoration:none}.btn-link:hover{color:#003087;text-decoration:underline}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.card{border:none;border-radius:.5rem;overflow:hidden}.card-header{border-bottom:none;padding:1rem 1.5rem}.card-body{padding:1.5rem}.card-footer{background-color:#f8f9fa;border-top:1px solid #eee;padding:1rem 1.5rem}.table{margin-bottom:0}.table th{background-color:#f8f9fa;font-weight:600}.table td,.table th{vertical-align:middle}.badge{border-radius:.25rem;font-weight:500;padding:.4em .6em}code{background-color:#f8f9fa;border-radius:.2rem;font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875em;padding:.2em .4em}.nav-tabs .nav-link{border:none;border-bottom:2px solid #0000;color:#495057;font-weight:500;padding:.75rem 1rem}.nav-tabs .nav-link:hover{border-color:#0000;border-bottom:2px solid #dee2e6}.nav-tabs .nav-link.active{border-color:#0000;border-bottom:2px solid #0d6efd;color:#0d6efd}.nav-tabs{border-bottom:1px solid #dee2e6;margin-bottom:1rem}.badge.bg-success{background-color:#28a745!important}.badge.bg-warning{background-color:#ffc107!important}.badge.bg-danger{background-color:#dc3545!important}.badge.bg-secondary{background-color:#6c757d!important}.badge.bg-info{background-color:#17a2b8!important}@media (max-width:768px){.table-responsive{border:none}.table td,.table th{padding:.5rem}.card-body{padding:1rem}}.modal-content{border:none;border-radius:.5rem;box-shadow:0 .5rem 1rem #00000026}.modal-header{background-color:#f8f9fa;border-bottom:1px solid #eee}.modal-footer{background-color:#f8f9fa;border-top:1px solid #eee}.form-control,.form-select{border:1px solid #ced4da;border-radius:.25rem;padding:.5rem .75rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control:focus,.form-select:focus{border-color:#86b7fe;box-shadow:0 0 0 .25rem #0d6efd40}.btn{border-radius:.25rem;font-weight:500;padding:.375rem .75rem;transition:all .15s ease-in-out}.btn-sm{font-size:.875rem;padding:.25rem .5rem}.btn-outline-primary{border-color:#0d6efd;color:#0d6efd}.btn-outline-primary:hover{background-color:#0d6efd;color:#fff}.btn-outline-danger{border-color:#dc3545;color:#dc3545}.btn-outline-danger:hover{background-color:#dc3545;color:#fff}.btn-outline-secondary{border-color:#6c757d;color:#6c757d}.btn-outline-secondary:hover{background-color:#6c757d;color:#fff}.alert{border:none;border-radius:.25rem;padding:1rem}.spinner-border{height:1.5rem;width:1.5rem}
/*# sourceMappingURL=main.86962076.css.map*/