body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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}:root{--primary-color:#3b82f6;--primary-light:#60a5fa;--primary-dark:#2563eb;--success-color:#16a34a;--warning-color:#d97706;--error-color:#e53e3e;--text-primary:#1f2937;--text-secondary:#6b7280;--text-muted:#9ca3af;--gray50:#e9e9e9;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--border-color:#e5e7eb;--border-light:#f3f4f6;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--sidebar-width:240px;--toc-width:240px}*{box-sizing:border-box;margin:0;padding:0}*,body,html{font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,sans-serif}body,html{background-color:var(--bg-primary);color:var(--text-primary);font-size:16px;line-height:1.6}html{scroll-behavior:smooth}h1{color:var(--text-primary);font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:1rem}h2{font-size:2rem;line-height:1.3;margin:2.5rem 0 1rem}h2,h3{color:var(--text-primary);font-weight:600}h3{font-size:1.5rem;line-height:1.4;margin:2rem 0 .75rem}p{color:var(--text-secondary);font-size:1rem;line-height:1.7;margin-bottom:.5rem}strong{color:var(--text-primary);font-weight:700}ul li{color:var(--text-secondary);font-size:.95rem;list-style:none}a{color:var(--primary-color);text-decoration:none}a:hover{text-decoration:underline}.main-layout{display:flex;margin-top:64px;min-height:calc(100vh - 64px)}.content-area{display:flex;flex:1 1;max-width:calc(100vw - var(--sidebar-width));transition:opacity .2s ease-in-out}.main-content{flex:1 1;max-width:calc(100vw - var(--sidebar-width) - var(--toc-width));padding:40px}.breadcrumb{align-items:center;color:var(--text-muted);display:flex;font-size:.9rem;gap:8px;margin-bottom:2rem}.breadcrumb a{color:var(--text-muted);text-decoration:none}.breadcrumb-current{color:var(--primary-color)}.breadcrumb .separator{color:var(--border-color)}.user-type-selector{animation:fadeInUp .6s ease-out;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin:32px 0;padding:32px;text-align:center}.selector-header{margin-bottom:24px}.selector-header h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0 0 8px}.selector-header p{color:var(--text-secondary);font-size:1rem;margin:0}.type-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.type-btn{align-items:center;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:16px;min-width:200px;padding:20px 24px;text-align:left;transition:all .3s ease}.type-btn:hover{border-color:var(--primary-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.type-btn.active{border-color:var(--primary-color);box-shadow:0 8px 25px #3b82f626;transform:translateY(-2px)}.type-icon{flex-shrink:0;font-size:2rem}.type-info{flex:1 1}.type-title{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:4px}.type-desc{color:var(--text-secondary);font-size:.9rem}.main-description{color:var(--text-secondary);font-size:1.1rem;line-height:1.7;margin:24px 0}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:8px;justify-content:center;overflow:hidden;padding:12px 24px;position:relative;text-decoration:none;transition:all .2s}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn:hover:before{left:100%}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary)}.btn-secondary:hover{border-color:var(--primary-color);color:var(--primary-color)}.card{animation:fadeInUp .6s ease-out;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:24px;padding:24px;position:relative;transition:all .2s}.card p{margin:0}.card:hover{box-shadow:var(--shadow-md)}.card-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.2rem;font-weight:700;margin-bottom:12px;margin-top:0}.feature-card{position:relative;transition:all .3s ease}.feature-card.high{background:linear-gradient(135deg,#3b82f605,#3b82f60d);border-color:var(--primary-color)}.feature-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-icon{font-size:1.5rem;margin-right:8px}.priority-badge{background:var(--primary-color);border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:4px 8px 2px;position:absolute;right:12px;text-transform:uppercase;top:12px}.card .card{background:var(--bg-secondary);border:none;margin-bottom:1rem;position:relative;transition:all .2s ease}.card .card:last-child{margin-bottom:0}.card .card:hover{box-shadow:var(--shadow-sm)}.card .card .card-title{color:var(--primary-color);font-size:1rem;font-weight:600}.card .card .card,.card .card .checklist{background:var(--bg-primary)}p+.checklist{margin-top:.5rem}.alert{border-left:4px solid;border-radius:var(--radius-md);margin:16px 0;padding:16px 20px}.alert-info{background:#eff6ff;border-left-color:var(--primary-color);color:#1e40af}.alert-warning{background:#fffbeb;border-left-color:#f59e0b;color:#92400e}.alert-success{background:#f0fdf4;border-left-color:#10b981;color:#065f46}.step-content{margin:1rem 0 3rem}.step-title{color:var(--primary-color);font-size:1.5rem;font-weight:600;gap:12px;margin-bottom:1.5rem}.step-number,.step-title{align-items:center;display:flex}.step-number{background:var(--primary-color);border-radius:50%;color:#fff;font-size:.9rem;font-weight:700;height:32px;justify-content:center;width:32px}.checklist{background:var(--bg-secondary);border-left:4px solid var(--primary-color);border-radius:var(--radius-md);list-style:none;margin-bottom:1rem;padding:20px 24px}.checklist li{color:var(--text-secondary);font-size:1rem;padding:8px 0 8px 32px;position:relative}.checklist li:before{content:"✅";font-size:1.1rem;left:0;margin-right:12px;position:absolute}.code-example{background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-md);margin-top:24px;padding:24px}.code-example h4{align-items:center;color:var(--text-primary);display:flex;font-size:1.1rem;gap:8px;margin:0 0 16px}.code-block{background:#25334b;border-radius:8px;overflow-x:auto;padding:16px}.code-block pre{color:#e2e8f0;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.9rem;line-height:1.6;margin:0}.code-block code{background:none;color:inherit;padding:0}.screenshot{background:var(--bg-tertiary);border:2px dashed var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);margin:20px 0;text-align:center}.screenshot img{display:block;height:100%;object-fit:cover;width:100%}.quotation{background:var(--bg-tertiary);border:2px dashed var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);margin:20px 0;padding:40px;text-align:center}.grid-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:20px 0}.grid-container .card{margin-bottom:0}.resources-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:20px}.resource-item{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:20px;transition:all .2s ease}.resource-item:hover{background:var(--bg-primary);border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.resource-title{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:8px}.resource-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:16px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.setup-guide{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #0ea5e9;border-radius:var(--radius-md);margin-top:24px;padding:24px}.setup-guide h4{align-items:center;color:var(--primary-color);display:flex;font-size:1.1rem;gap:8px;margin:0 0 16px}.setup-status{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:16px}.status-item{align-items:center;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:12px;padding:12px 16px;transition:all .2s ease}.status-item:hover{border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.status-icon{flex-shrink:0;font-size:1.2rem}.status-name{color:var(--text-primary);flex:1 1;font-weight:500}.status-badge{border-radius:16px;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.status-badge.active{background:#dcfce7;color:#166534}.status-badge.inactive{background:#f3f4f6;color:#6b7280}.platform-guides{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-top:24px}.platform-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.platform-card:before{background:linear-gradient(90deg,var(--primary-color),var(--primary-light));content:"";height:4px;left:0;position:absolute;right:0;top:0}.platform-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.platform-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;gap:12px;margin-bottom:20px;padding-bottom:16px}.platform-icon{flex-shrink:0;font-size:1.8rem}.platform-header h4{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin:0}.platform-steps{margin-top:16px}.platform-steps ol{margin-bottom:16px;padding-left:20px}.platform-steps ol li{color:var(--text-secondary);line-height:1.6;margin-bottom:12px}.platform-steps ol li strong{color:var(--primary-color);font-weight:600}.important-note{background:#fef3c7;border:1px solid #f59e0b;border-radius:var(--radius-md);margin-top:20px;padding:16px}.important-note strong{color:#92400e;font-weight:600}.important-note code{background:#fffbeb;border:1px solid #fbbf24;color:#92400e}.troubleshooting-list{grid-gap:20px;display:grid;gap:20px;margin:20px 0}.trouble-item{border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.trouble-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;gap:12px;padding:16px}.trouble-icon{font-size:1.2rem}.trouble-header h4{color:var(--text-primary);margin:0}.trouble-content{background:var(--bg-primary);padding:16px}.trouble-causes,.trouble-solutions{margin-bottom:16px}.trouble-causes:last-child,.trouble-solutions:last-child{margin-bottom:0}.trouble-causes h5,.trouble-solutions h5{color:var(--text-primary);font-size:1rem;margin:0 0 12px}.trouble-causes ul,.trouble-solutions ol{margin:0;padding-left:20px}.trouble-causes li,.trouble-solutions li{color:var(--text-secondary);font-size:.9rem;margin-bottom:6px}.best-practices-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:20px}.practice-item{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:20px;position:relative;transition:all .2s ease}.practice-item:before{background:var(--primary-color);border-radius:0 0 var(--radius-md) var(--radius-md);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.practice-item:hover{background:var(--bg-primary);border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.practice-item h4{color:var(--primary-color);font-size:1.1rem;font-weight:600;margin:0 0 12px}.practice-item p{font-size:.9rem;line-height:1.6;margin:0}.method-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:.75rem;font-weight:700;justify-content:center;letter-spacing:.5px;margin-right:8px;min-width:60px;padding:4px 8px;text-transform:uppercase}.method-badge.get{background:#10b981;color:#fff}.method-badge.post{background:#3b82f6;color:#fff}.method-badge.put{background:#f59e0b;color:#fff}.method-badge.delete{background:#ef4444;color:#fff}.method-badge.patch{background:#8b5cf6;color:#fff}.endpoint-tabs{border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:8px;margin:24px 0;padding-bottom:16px}.endpoint-tab{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;padding:12px 16px;transition:all .2s ease}.endpoint-tab:hover{background:var(--bg-primary);box-shadow:var(--shadow-sm);color:var(--text-primary)}.endpoint-tab.active,.endpoint-tab:hover{border-color:var(--primary-color);transform:translateY(-1px)}.endpoint-tab.active{background:var(--primary-color);box-shadow:var(--shadow-md);color:#fff}.endpoint-tab.active .method-badge{background:#fff3;color:#fff}.api-table{background:var(--bg-primary);border-collapse:collapse;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin:16px 0;overflow:hidden;width:100%}.api-table th{background:var(--bg-secondary);border-bottom:2px solid var(--border-color);color:var(--text-primary);font-size:.9rem;font-weight:600;padding:16px 12px;text-align:left}.api-table td{border-bottom:1px solid var(--border-light);font-size:.9rem;padding:12px;vertical-align:top}.api-table tr:last-child td{border-bottom:none}.api-table tr:hover{background:var(--bg-secondary)}.field-name{background:#3b82f61a;border-radius:4px;color:var(--primary-color);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.85rem;font-weight:600;padding:2px 6px}.required-field{color:#ef4444;font-weight:700}.optional-field{color:var(--text-muted);font-weight:500}.api-code-block{background:#0f172a;border:1px solid #334155;border-radius:8px;margin:16px 0;overflow-x:auto;padding:20px;position:relative}.api-code-block:before{background:var(--primary-color);border-radius:4px;color:#fff;content:"API";font-size:.7rem;font-weight:600;padding:2px 8px;position:absolute;right:12px;text-transform:uppercase;top:8px}.api-code-block pre{color:#e2e8f0;font-size:.85rem;line-height:1.6;margin:0}.json-key{color:#67e8f9}.json-string{color:#fbbf24}.json-number{color:#34d399}.json-boolean{color:#f472b6}.json-null{color:#94a3b8}.status-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:.75rem;margin-right:8px;padding:4px 8px}.status-badge.success{border:1px solid #bbf7d0;color:#16a34a}.status-badge.error{background:#fee2e2;border:1px solid #fecaca;color:#dc2626}.status-badge.warning{background:#fef3c7;border:1px solid #fed7aa;color:#d97706}.api-example{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin:20px 0;padding:24px;position:relative}.api-example:before{background:linear-gradient(90deg,var(--primary-color),#10b981);content:"";height:3px;left:0;position:absolute;right:0;top:0}.api-example h4{align-items:center;color:var(--text-primary);display:flex;font-size:1.1rem;gap:8px;margin:0 0 16px}.request-section,.response-section{margin:32px 0}.request-section h3,.response-section h3{align-items:center;color:var(--text-primary);display:flex;gap:8px;margin-bottom:16px}.request-section h3:before{content:"📤";font-size:1.2rem}.response-section h3:before{content:"📥";font-size:1.2rem}code{background:#3b82f61a;border-radius:4px;color:#fff;font-size:.9em;font-weight:500;padding:2px 6px}.url-copy-container{display:inline-block;position:relative}.copy-btn{background:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.7rem;opacity:0;padding:4px 8px;position:absolute;right:20px;top:50%;transform:translateY(-50%);transition:opacity .2s ease}.url-copy-container:hover .copy-btn{opacity:1}.api-explorer{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-lg);margin:32px 0;padding:24px}.api-explorer h3{align-items:center;color:var(--primary-color);display:flex;gap:8px;margin:0}.try-it-btn{align-items:center;background:linear-gradient(135deg,var(--primary-color),#1d4ed8);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.try-it-btn:hover{box-shadow:0 8px 20px #3b82f64d;transform:translateY(-2px)}.schema-tree{background:var(--bg-secondary);border-radius:var(--radius-md);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.85rem;margin:16px 0;padding:16px}.schema-tree .field{padding:4px 0;padding-left:calc(var(--depth, 0)*20px)}.schema-tree .field-name{color:var(--primary-color);font-weight:600}.schema-tree .field-type{color:#10b981;margin-left:8px}.schema-tree .field-desc{color:var(--text-muted);font-style:italic;margin-left:8px}.endpoint-tab{animation:fadeInLeft .3s ease-out}.endpoint-tab:first-child{animation-delay:.1s}.endpoint-tab:nth-child(2){animation-delay:.2s}.endpoint-tab:nth-child(3){animation-delay:.3s}.code-copied{position:relative}.code-copied:after{animation:fadeOut 2s ease-out forwards;background:#10b981;border-radius:4px;color:#fff;content:"복사됨!";font-size:.8rem;padding:4px 8px;position:absolute;right:0;top:-30px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeOut{0%{opacity:1}70%{opacity:1}to{opacity:0}}@media (max-width:1024px){.toc{display:none}.main-content{max-width:calc(100vw - var(--sidebar-width))}}@media (max-width:768px){.sidebar,.toc{display:none}.main-content{padding:24px 16px}.content-area,.main-content{max-width:100vw}.user-type-selector{padding:24px 16px}.type-buttons{align-items:center;flex-direction:column}.type-btn{max-width:300px;min-width:100%}.grid-container,.resources-grid{grid-template-columns:1fr}.code-block{padding:12px}.code-block pre{font-size:.8rem}.endpoint-tabs{flex-direction:column}.endpoint-tab{justify-content:flex-start}.method-badge{margin-right:12px}.api-table{font-size:.8rem}.api-table td,.api-table th{padding:8px 6px}.api-code-block{padding:16px 12px}.api-code-block pre{font-size:.75rem}.code-example h4{font-size:1rem}}@media (max-width:480px){.type-btn{flex-direction:column;gap:12px;text-align:center}.feature-icon{font-size:2rem}}.step-item{margin-bottom:32px;padding-left:40px;position:relative}.step-item:before{background:var(--border-color);bottom:-32px;content:"";left:15px;position:absolute;top:40px;width:2px}.step-item:last-child:before{display:none}.card .step-title{align-items:center;display:flex;font-size:1.2rem;gap:16px;margin-bottom:12px;position:relative}.card .step-number{align-items:center;background:var(--primary-color);border-radius:50%;box-shadow:0 2px 8px #3b82f64d;color:#fff;display:flex;font-size:1rem;font-weight:600;height:32px;justify-content:center;left:-40px;position:absolute;width:32px}.sub-steps{margin-top:12px;padding-left:20px}.sub-step{color:var(--text-secondary);line-height:1.6;margin-bottom:8px}.checkbox-list{display:flex;flex-direction:column;gap:12px;margin-top:12px}.checkbox-item{border:1px solid var(--border-color);border-radius:var(--radius-md);gap:8px;padding:8px 12px;transition:all .2s ease}.checkbox-item:hover{background:var(--bg-secondary);border-color:var(--primary-color)}.checkbox-item input[type=checkbox]{cursor:pointer;height:18px;width:18px}.card input[type=radio]{display:none}.field-guide{border-bottom:1px solid var(--border-light);margin-bottom:32px;padding-bottom:32px}.field-guide:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.field-guide h3{color:var(--primary-color);font-size:1.2rem;margin-bottom:16px}.field-content{padding-left:20px}.field-content ul{margin-top:12px;padding-left:20px}.field-content li{line-height:1.6;margin-bottom:8px}.password-policy-box{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);margin:16px 0;padding:20px}.password-policy-box h4{color:var(--text-primary);font-size:1rem;margin:0 0 16px}.policy-table{border-collapse:collapse;margin-top:12px;width:100%}.policy-table th{background:var(--bg-tertiary);border-bottom:2px solid var(--border-color);font-weight:600;padding:12px;text-align:left}.policy-table td{border-bottom:1px solid var(--border-light);padding:12px}.policy-table tr:last-child td{border-bottom:none}.policy-table tr:hover{background:var(--bg-tertiary)}.verification-box{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-top:16px;padding:20px}.verification-box h4{color:var(--text-primary);font-size:1rem;margin:0 0 16px}.verification-options{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.option-item{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:12px}.option-item strong{color:var(--primary-color);display:block;margin-bottom:4px}.badge{align-items:center;border-radius:12px;display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-left:8px;padding:2px 8px;text-transform:uppercase}.badge-required{background:#fee2e2;border:1px solid #fecaca;color:#dc2626}.badge-optional{background:#e0e7ff;border:1px solid #c7d2fe;color:#4338ca}.faq-list{display:flex;flex-direction:column;gap:16px}.guide-image{border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);height:auto;margin:16px 0;max-width:600px;width:100%}.best-practices{grid-gap:20px;display:grid;gap:20px;margin-top:20px}.best-practices .practice-item{background:var(--bg-secondary);border-left:4px solid var(--primary-color);border-radius:var(--radius-md);padding:20px;transition:all .2s ease}.best-practices .practice-item:hover{background:var(--bg-primary);box-shadow:var(--shadow-md);transform:translateX(4px)}.best-practices .practice-item h4{color:var(--primary-color);font-size:1.1rem;margin:0 0 8px}.best-practices .practice-item p{color:var(--text-secondary);line-height:1.6;margin:0}.log-table{background:var(--bg-primary);border-collapse:collapse;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin:16px 0;overflow:hidden;width:100%}.log-table th{background:var(--bg-secondary);border-bottom:2px solid var(--border-color);color:var(--text-primary);font-weight:600;text-align:left}.log-table td,.log-table th{font-size:.9rem;padding:12px}.log-table td{border-bottom:1px solid var(--border-light);vertical-align:middle}.log-table tr:last-child td{border-bottom:none}.log-table tr:hover{background:var(--bg-secondary)}.status-success{background:#dcfce7;color:#16a34a}.status-failed,.status-success{border-radius:12px;font-size:.8rem;font-weight:600;padding:4px 8px}.status-failed{background:#fee2e2;color:#dc2626}.log-table-example{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);margin:20px 0;padding:20px}.log-table-example h4{color:var(--text-primary);margin:0 0 16px}.table-example{background:var(--bg-secondary);border-left:4px solid var(--primary-color);border-radius:12px;margin:1.5rem 0;padding:20px}.filter-options{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);margin:16px 0;padding:16px}.filter-group strong{color:var(--primary-color)}.filter-group ul{margin-top:8px;padding-left:20px}.filter-group li{margin-bottom:6px}.log-info-guide{margin-top:20px}.info-item{border-bottom:1px solid var(--border-light);margin-bottom:32px;padding-bottom:32px}.info-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.info-item h3{color:var(--primary-color);font-size:1.2rem;margin-bottom:16px}.info-content{padding-left:20px}.ip-examples{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:16px 0}.ip-type{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:16px}.ip-type strong{color:var(--primary-color);display:block;margin-bottom:8px}.ua-example,.useragent-examples{margin:16px 0}.ua-example{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:16px}.ua-string{background:var(--bg-primary);border-radius:var(--radius-sm);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.9rem;margin-bottom:8px;padding:8px 12px}.ua-breakdown{color:var(--text-secondary);font-size:.85rem}.ua-part{display:inline-block;margin-bottom:4px;margin-right:16px}.ua-part.browser{color:var(--primary-color);font-weight:600}.ua-part.os{color:#10b981;font-weight:600}.ua-benefits{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);margin-top:16px;padding:16px}.ua-benefits h4{color:var(--text-primary);margin:0 0 12px}.time-info{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);margin:16px 0;padding:16px}.time-example,.time-format{font-size:.9rem;margin-bottom:8px}.time-example strong,.time-format strong{color:var(--primary-color)}.session-info{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);margin-top:16px;padding:16px}.session-info h4{color:var(--text-primary);margin:0 0 12px}.security-guide{margin-top:20px}.security-item{margin-bottom:32px}.security-item h3{color:var(--primary-color);margin-bottom:16px}.security-patterns{grid-gap:20px;display:grid;gap:20px;margin-top:16px}.pattern-item{border-left:4px solid;border-radius:var(--radius-md);padding:20px}.pattern-item.warning{background:#fef3c7;border-left-color:#f59e0b}.pattern-item.danger{background:#fee2e2;border-left-color:#ef4444}.pattern-item.info{background:#eff6ff;border-left-color:var(--primary-color)}.pattern-item h4{font-size:1.1rem;margin:0 0 8px}.pattern-example{background:#ffffffb3;border-radius:var(--radius-sm);margin-top:12px;padding:12px}.pattern-example strong{color:var(--text-primary)}.pattern-example ul{margin-top:8px;padding-left:20px}.security-actions{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:16px}.action-item{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:20px}.action-item h4{color:var(--primary-color);margin:0 0 12px}.export-options{margin-top:20px}.export-format{margin-bottom:24px}.export-format h4{color:var(--text-primary);margin:0 0 16px}.format-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.format-item{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:16px;transition:all .2s ease}.format-item:hover{background:var(--bg-primary);border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.format-item strong{color:var(--primary-color);display:block;font-size:1rem;margin-bottom:8px}.export-steps{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:20px}.export-steps h4{color:var(--text-primary);margin:0 0 16px}.export-steps ol{padding-left:20px}.export-steps li{line-height:1.6;margin-bottom:8px}.header{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;height:64px;justify-content:space-between;left:0;padding:0 24px;position:fixed;right:0;top:0;z-index:1000}.logo{color:var(--primary-color);font-size:1.25rem;font-weight:700}.nav-menu{display:flex;gap:.5rem;list-style:none}.nav-item a{border-radius:.5rem;color:var(--text-secondary);font-size:.9rem;font-weight:500;padding:.5rem 1rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-item a:hover{background-color:#f3f4f6;color:var(--primary-color)}.nav-item a.active{background-color:#eff6ff;color:var(--primary-color);font-weight:600}@keyframes slideIn{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.mobile-menu-btn{background:none;border:none;cursor:pointer;display:none;flex-direction:column;height:24px;justify-content:space-around;padding:0;position:relative;width:24px}.mobile-menu-btn span{background:var(--text-secondary);border-radius:2px;display:block;height:3px;transform-origin:center;transition:all .3s ease;width:100%}.mobile-menu-btn.active span:first-child{transform:translateY(7px) rotate(45deg)}.mobile-menu-btn.active span:nth-child(2){opacity:0}.mobile-menu-btn.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu-overlay{animation:fadeIn .3s ease forwards;background:#00000080;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;z-index:1100}.mobile-menu{animation:slideInRight .3s ease forwards;background:var(--bg-primary);box-shadow:-4px 0 20px #00000026;height:100vh;max-width:85vw;overflow-y:auto;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease;width:320px}.mobile-menu-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px}.mobile-menu-header h3{color:var(--text-primary);font-size:1.2rem;margin:0}.close-btn{background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;padding:4px;transition:all .2s ease}.close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.mobile-category-nav{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:16px}.category-btn{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:block;font-size:.95rem;font-weight:500;margin-bottom:8px;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.category-btn:last-child{margin-bottom:0}.category-btn:hover{background:var(--bg-tertiary);border-color:var(--primary-color);color:var(--text-primary)}.category-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff;font-weight:600}.mobile-menu-content{padding:0}.mobile-menu-section{border-bottom:1px solid var(--border-light)}.mobile-section-title{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:space-between;padding:16px 20px;text-align:left;transition:all .2s ease;width:100%}.mobile-section-title:hover{background:var(--bg-secondary);color:var(--primary-color)}.mobile-section-title .toggle-icon{color:var(--text-muted);font-size:.8rem;transition:transform .2s ease}.mobile-section-title.expanded .toggle-icon{transform:rotate(90deg)}.mobile-section-items{background:var(--bg-secondary);max-height:0;overflow:hidden;transition:max-height .3s ease}.mobile-section-items.expanded{max-height:500px}.mobile-menu-item{background:none;border:none;border-bottom:1px solid var(--border-light);color:var(--text-secondary);cursor:pointer;display:block;font-size:.9rem;padding:12px 20px 12px 40px;text-align:left;transition:all .2s ease;width:100%}.mobile-menu-item:last-child{border-bottom:none}.mobile-menu-item:hover{background:var(--bg-primary);color:var(--primary-color);padding-left:44px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@media (max-width:768px){.mobile-menu-btn{display:flex}.desktop-nav{display:none}}.sidebar{background:var(--bg-primary);border-right:1px solid var(--border-color);height:calc(100vh - 64px);overflow-y:auto;padding:24px 0;position:sticky;top:64px;width:var(--sidebar-width)}.sidebar-section{margin-bottom:8px;transition:all .3s ease}.sidebar-section.open{max-height:500px;opacity:1}.sidebar-section.closed{max-height:0;opacity:0;overflow:hidden}.sidebar-title{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;justify-content:space-between;padding:12px 24px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.sidebar-title:hover{background:var(--bg-tertiary);color:var(--primary-color)}.toggle-icon{color:var(--text-muted);font-size:.8rem;transition:transform .2s ease}.sidebar-title.collapsed .toggle-icon{transform:rotate(-90deg)}.sidebar-menu{list-style:none;overflow:hidden;transition:max-height .3s ease}.sidebar-menu.collapsed{max-height:0}.sidebar-menu:not(.collapsed){max-height:1000px}.sidebar-menu li{margin-bottom:2px}.sidebar-menu a{border-right:3px solid #0000;color:var(--text-secondary);display:block;font-size:.9rem;font-weight:500;padding:10px 24px 10px 40px;text-decoration:none;transition:all .2s}.sidebar-menu a.active,.sidebar-menu a:hover{background:var(--bg-tertiary);color:var(--primary-color)}.sidebar-menu a.active{border-right-color:var(--primary-color)}.toc{background:var(--bg-primary);height:calc(100vh - 64px);overflow-y:auto;padding:40px 24px;position:sticky;top:64px;width:var(--toc-width)}.toc-title{color:var(--text-muted);font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:16px;text-transform:uppercase}.toc-list{list-style:none}.toc-list li{margin-bottom:8px}.toc-list a{border-left:2px solid #0000;color:var(--text-secondary);display:block;font-size:.9rem;font-weight:500;padding:6px 0 6px 12px;text-decoration:none;transition:color .2s}.toc-list a.active,.toc-list a:hover{color:var(--primary-color)}.toc-list a.active{border-left-color:var(--primary-color)}.toc-link{transition:all .2s ease}.toc-link:hover{background-color:#3b82f60d!important}.member-table{background:var(--bg-primary);border-collapse:collapse;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin:16px 0;overflow:hidden;width:100%}.member-table th{background:var(--bg-secondary);border-bottom:2px solid var(--border-color);color:var(--text-primary);font-size:.9rem;font-weight:600;padding:16px 12px;text-align:left}.member-table td{border-bottom:1px solid var(--border-light);font-size:.9rem;padding:12px;vertical-align:middle}.member-table tr:last-child td{border-bottom:none}.member-table tr:hover{background:var(--bg-secondary)}.permission-admin{background:#dc26261a;color:#dc2626}.permission-admin,.permission-user{border-radius:4px;display:inline-block;font-size:.8rem;font-weight:500;padding:4px 8px}.permission-user{background:#22c55e1a;color:#16a34a}.action-buttons{display:flex;flex-wrap:wrap;gap:6px}.btn-action{align-items:center;border:1px solid #0000;border-radius:4px;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:4px;padding:6px 12px;transition:all .2s ease}.btn-action.message{background:#3b82f61a;border-color:#3b82f633;color:#3b82f6}.btn-action.message:hover{background:#3b82f626;border-color:#3b82f6;transform:translateY(-1px)}.btn-action.edit{background:#f59e0b1a;border-color:#f59e0b33;color:#f59e0b}.btn-action.edit:hover{background:#f59e0b26;border-color:#f59e0b;transform:translateY(-1px)}.btn-action.delete{background:#ef44441a;border-color:#ef444433;color:#ef4444}.btn-action.delete:hover{background:#ef444426;border-color:#ef4444;transform:translateY(-1px)}.btn-action:disabled{background:#9ca3af1a;border-color:#9ca3af33;color:#9ca3af;cursor:not-allowed;transform:none}.member-table-example{background:var(--bg-secondary);border-left:4px solid var(--primary-color);border-radius:var(--radius-md);margin:20px 0;padding:20px}.member-table-example h4{color:var(--text-primary);font-size:1.1rem;margin:0 0 16px}.search-guide{margin:20px 0}.search-option{margin-bottom:24px}.search-methods{grid-gap:16px;display:grid;gap:16px;margin-top:16px}.search-method{background:var(--bg-secondary);border-left:4px solid var(--primary-color);border-radius:var(--radius-md);padding:16px}.method-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.method-icon{font-size:1.2rem}.search-example{background:#3b82f61a;border-radius:4px;color:var(--text-secondary);font-size:.9rem;margin-top:8px;padding:8px 12px}.search-tips{margin-top:24px}.tips-list{grid-gap:12px;display:grid;gap:12px;margin-top:16px}.tip-item{border-left:3px solid #10b981;border-radius:var(--radius-md);padding:12px}.tip-item strong{color:var(--text-primary);display:block;margin-bottom:4px}.info-fields{margin:20px 0}.field-section{margin-bottom:32px}.field-section h3{border-bottom:2px solid var(--border-color);color:var(--text-primary);font-size:1.2rem;margin:0 0 16px;padding-bottom:8px}.field-list{grid-gap:16px;display:grid;gap:16px}.field-item{background:var(--bg-secondary);border-left:4px solid var(--primary-color);border-radius:var(--radius-md);padding:16px}.field-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.field-icon{font-size:1.2rem}.permission-types{grid-gap:8px;display:grid;gap:8px;margin-top:12px}.permission-example{align-items:center;background:var(--bg-primary);border-radius:4px;display:flex;gap:12px;padding:8px}.permission-desc{font-size:.9rem}.date-info,.time-format{background:#3b82f61a;border-radius:4px;font-size:.9rem;margin-top:8px;padding:8px 12px}.management-functions{margin:20px 0}.function-item{background:var(--bg-secondary);border-left:4px solid var(--primary-color);border-radius:var(--radius-md);margin-bottom:32px;padding:20px}.function-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.function-icon{font-size:1.5rem}.function-header h3{color:var(--text-primary);margin:0}.function-content{margin-left:32px}.message-options{grid-gap:16px;display:grid;gap:16px;margin:16px 0}.message-type{background:var(--bg-primary);border-radius:var(--radius-md);padding:16px}.message-type strong{color:var(--text-primary);display:block;margin-bottom:8px}.message-type ul{margin:8px 0 0;padding-left:20px}.message-type li{color:var(--text-secondary);margin-bottom:4px}.editable-fields{margin:16px 0}.editable-section{background:var(--bg-primary);border-radius:var(--radius-md);margin-bottom:16px;padding:16px}.editable-section strong{color:var(--text-primary);display:block;margin-bottom:8px}.editable-section ul{margin:8px 0 0;padding-left:20px}.editable-section li{color:var(--text-secondary);margin-bottom:4px}.deletion-info{margin:16px 0}.deletion-types{grid-gap:16px;display:grid;gap:16px;margin-bottom:20px}.deletion-type{background:var(--bg-primary);border-radius:var(--radius-md);padding:16px}.deletion-type strong{color:var(--text-primary);display:block;margin-bottom:8px}.deletion-cautions{background:var(--bg-primary);border-radius:var(--radius-md);padding:16px}.deletion-cautions h4{color:var(--text-primary);margin:0 0 12px}.deletion-cautions ul{margin:0;padding-left:20px}.deletion-cautions li{color:var(--text-secondary);margin-bottom:8px}.list-features{margin:20px 0}.feature-group{margin-bottom:32px}.feature-group h3{border-bottom:2px solid var(--border-color);color:var(--text-primary);font-size:1.2rem;margin:0 0 16px;padding-bottom:8px}.feature-list{grid-gap:16px;display:grid;gap:16px}.feature-item{background:var(--bg-secondary);border-left:4px solid var(--primary-color);border-radius:var(--radius-md);padding:16px}.feature-item strong{color:var(--text-primary);display:block;margin-bottom:8px}.feature-item ul{margin:8px 0 0;padding-left:20px}.feature-item li{color:var(--text-secondary);margin-bottom:4px}.bulk-actions{grid-gap:16px;display:grid;gap:16px}.bulk-item{background:var(--bg-secondary);border-left:4px solid var(--primary-color);border-radius:var(--radius-md);padding:16px}.bulk-item strong{color:var(--text-primary);display:block;margin-bottom:8px}.bulk-item ul{margin:8px 0 0;padding-left:20px}.bulk-item li{color:var(--text-secondary);margin-bottom:4px}.permission-custom{background:#06b6d41a;border-radius:4px;color:#0891b2;display:inline-block;font-size:.8rem;font-weight:500;padding:4px 8px}.default-setting-example{background:var(--bg-secondary);border-left:4px solid var(--primary-color);border-radius:var(--radius-md);margin:20px 0;padding:20px}.default-setting-example h4{color:var(--text-primary);font-size:1.1rem;margin:0 0 16px}.setting-panel{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px}.setting-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.setting-header h5{color:var(--text-primary);font-size:1.1rem;margin:0}.setting-description{margin-bottom:20px}.setting-description p{color:var(--text-secondary);margin:8px 0}.permission-options{margin:20px 0}.option-list{grid-gap:16px;display:grid;gap:16px}.permission-option{align-items:flex-start;background:var(--bg-secondary);border:2px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:16px;padding:16px;transition:all .2s ease}.permission-option:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.permission-option.disabled{cursor:not-allowed;opacity:.6}.permission-option.disabled:hover{border-color:#0000;box-shadow:none;transform:none}.option-details{flex:1 1}.option-details p{color:var(--text-primary);font-weight:600;margin:0 0 8px}.option-details ul{margin:0;padding-left:20px}.option-details li{color:var(--text-secondary);font-size:.9rem;margin-bottom:4px}.warning-text{color:#dc2626!important;font-weight:500}.hierarchy-guide{margin:20px 0}.hierarchy-concept{margin-bottom:32px}.concept-explanation{grid-gap:16px;display:grid;gap:16px;margin:20px 0}.concept-item{background:var(--bg-secondary);border-left:4px solid var(--primary-color);border-radius:var(--radius-md);padding:16px}.concept-item h4{color:var(--text-primary);font-size:1.1rem;margin:0 0 8px}.hierarchy-example{margin-top:24px}.hierarchy-example h4{color:var(--text-primary);font-size:1.1rem;margin:0 0 16px}.tree-structure{background:var(--bg-secondary);border-radius:var(--radius-md);margin:16px 0;padding:20px}.tree-node{margin:8px 0;position:relative}.tree-node.root{margin-left:0}.tree-children{margin-left:24px;padding-left:16px;position:relative}.tree-children,.tree-children:before{border-left:2px solid var(--border-color)}.tree-children:before{border-bottom:2px solid var(--border-color);content:"";height:20px;left:-2px;position:absolute;top:-8px;width:16px}.tree-children .tree-node:last-child{position:relative}.tree-children .tree-node:last-child:after{background:var(--bg-secondary);bottom:-8px;content:"";left:-16px;position:absolute;top:20px;width:2px}.hierarchy-benefits{background:var(--bg-primary);border-radius:var(--radius-md);margin-top:20px;padding:16px}.hierarchy-benefits h4{color:var(--text-primary);margin:0 0 12px}.hierarchy-benefits ul{margin:0;padding-left:20px}.hierarchy-benefits li{color:var(--text-secondary);margin-bottom:8px}.hierarchy-benefits strong{color:var(--text-primary)}.form-example{margin:20px 0}.form-example h4{color:var(--text-primary);font-size:1.1rem;margin:0 0 16px}.form-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px}.form-group{margin-bottom:20px}.form-label{color:var(--text-primary);display:block;font-weight:600;margin-bottom:8px}.form-input,.form-select,.form-textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:.9rem;padding:12px;transition:border-color .2s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f61a;outline:none}.form-textarea{min-height:80px;resize:vertical}.form-help{color:var(--text-secondary);font-size:.8rem;margin-top:4px}.color-picker{display:flex;flex-wrap:wrap;gap:8px}.color-option{border:3px solid #0000;border-radius:50%;cursor:pointer;height:32px;transition:all .2s ease;width:32px}.color-option:first-child{background:#16a34a}.color-option:nth-child(2){background:#3b82f6}.color-option:nth-child(3){background:#7c3aed}.color-option:nth-child(4){background:#dc2626}.color-option:nth-child(5){background:#f59e0b}.color-option:nth-child(6){background:#06b6d4}.color-option:hover{box-shadow:var(--shadow-md);transform:scale(1.1)}.color-option.active{border-color:var(--text-primary);transform:scale(1.1)}.permission-features{margin:20px 0}.permission-features h4{color:var(--text-primary);font-size:1.1rem;margin:0 0 16px}.feature-groups{grid-gap:16px;display:grid;gap:16px}.feature-group{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.group-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:12px 16px}.group-header h5{color:var(--text-primary);font-size:1rem;margin:0}.group-checkbox{transform:scale(1.2)}.feature-list{background:var(--bg-primary);padding:16px}.feature-item{align-items:center;display:flex;gap:8px;margin-bottom:8px}.feature-item:last-child{margin-bottom:0}.feature-item input[type=checkbox]{transform:scale(1.1)}.feature-item label{color:var(--text-secondary);cursor:pointer}.permission-list-example{margin:20px 0}.permission-list-example h4{color:var(--text-primary);font-size:1.1rem;margin:0 0 16px}.management-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.panel-header{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 20px}.panel-header h5{color:var(--text-primary);font-size:1.1rem;margin:0}.panel-stats{display:flex;gap:16px}.stat-item{color:var(--text-secondary);font-size:.9rem}.stat-item strong{color:var(--text-primary)}.permission-table{overflow-x:auto}.management-table{background:var(--bg-primary);border-collapse:collapse;width:100%}.management-table th{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:.9rem;font-weight:600;padding:12px 16px;text-align:left}.management-table td{border-bottom:1px solid var(--border-light);font-size:.9rem;padding:12px 16px;vertical-align:middle}.management-table tr:last-child td{border-bottom:none}.management-table tr:hover{background:var(--bg-secondary)}.permission-info{display:flex;flex-direction:column;gap:4px}.permission-desc{color:var(--text-secondary);font-size:.8rem}.assignment-methods{margin:20px 0}.method-item{background:var(--bg-secondary);border-left:4px solid var(--primary-color);border-radius:var(--radius-md);margin-bottom:32px;padding:20px}.method-item h3{color:var(--text-primary);margin:0 0 16px}.method-content ol{margin:12px 0;padding-left:20px}.method-content li{color:var(--text-secondary);margin-bottom:8px}.deletion-conditions{background:var(--bg-primary);border-radius:var(--radius-md);margin:16px 0;padding:16px}.deletion-conditions h4{color:var(--text-primary);margin:0 0 12px}.deletion-conditions ul{margin:0;padding-left:20px}.deletion-conditions li{color:var(--text-secondary);margin-bottom:8px}.pg-options{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:1.5rem}.pg-option{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;position:relative;transition:all .3s ease}.pg-option:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #3b82f61a;transform:translateY(-2px)}.pg-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);gap:1.5rem;padding:20px}.pg-header,.pg-logo{align-items:center;display:flex}.pg-logo{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:12px;flex-shrink:0;height:80px;justify-content:center;width:80px}.pg-logo-image{max-height:60px;max-width:60px;object-fit:contain}.pg-info h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.pg-tags{display:flex;flex-wrap:wrap;gap:.5rem}.pg-tag{border-radius:6px;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.pg-tag.popular{background:#fef3c7;color:#d97706}.pg-tag.stable{background:#dcfce7;color:#15803d}.pg-tag.reliable{background:#dbeafe;color:#1e40af}.pg-tag.modern{background:#f3e8ff;color:#7c3aed}.pg-tag.developer{background:#e0f2fe;color:#0891b2}.pg-tag.simple{background:#ecfdf5;color:#059669}.pg-tag.benefit{background:#fce7f3;color:#be185d}.pg-details{grid-gap:1.5rem;background:var(--bg-primary);display:grid;gap:1.5rem;grid-template-columns:2fr 1fr;padding:20px}.pg-features h4,.pg-fees h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .75rem}.pg-features ul{list-style:none;margin:0;padding:0}.pg-features li{color:var(--text-secondary);font-size:.9rem;padding:.5rem 0 .5rem 1rem;position:relative}.pg-features li:before{color:var(--success-color);content:"✓";font-weight:600;left:0;position:absolute}.pg-fees p{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:.9rem;margin:0;padding:.75rem}.pg-selector-example{background:var(--bg-secondary);border-left:4px solid var(--primary-color);border-radius:12px;margin:1.5rem 0;padding:20px}.pg-selector-example h4{color:var(--text-primary);font-size:1rem;margin-bottom:1rem}.selector-panel{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.selector-options{display:flex;flex-direction:column;gap:1rem}.selector-option{position:relative}.selector-option input[type=radio]{cursor:pointer;opacity:0;position:absolute}.option-label{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;display:block;padding:1rem;transition:all .2s ease}.option-label:hover{background:var(--bg-secondary);border-color:var(--primary-color)}.selector-option input[type=radio]:checked+.option-label,.selector-option.active .option-label{background:#3b82f60d;border-color:var(--primary-color)}.option-content{align-items:center;display:flex;gap:1rem}.option-logo{color:var(--text-primary);font-weight:600}.option-desc{color:var(--text-secondary);font-size:.9rem}.payment-mode-selector{margin:1.5rem 0}.payment-mode-selector h4{color:var(--text-primary);font-size:1rem;margin-bottom:1rem}.mode-options{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.mode-option{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .2s ease}.mode-option:hover{border-color:var(--primary-color)}.mode-option.recommended{background:#22c55e0d;border-color:var(--success-color)}.mode-option.production{background:#fbbf240d;border-color:var(--warning-color)}.mode-header{align-items:center;display:flex;margin-bottom:1rem}.mode-header input[type=radio]{accent-color:var(--primary-color);margin-right:.75rem}.mode-label{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:.75rem}.mode-icon{font-size:1.5rem}.mode-title{color:var(--text-primary);font-weight:600}.mode-badge{border-radius:6px;font-size:.8rem;font-weight:500;margin-left:auto;padding:.25rem .75rem}.mode-badge:not(.warning){background:var(--success-color);color:#fff}.mode-badge.warning{background:var(--warning-color);color:#fff}.mode-description p{color:var(--text-secondary);margin-bottom:1rem}.mode-description ul{list-style:none;margin:0;padding:0}.mode-description li{color:var(--text-secondary);font-size:.9rem;padding:.25rem 0 .25rem 1rem;position:relative}.mode-description li:before{color:var(--primary-color);content:"•";left:0;position:absolute}.service-activation{margin:1.5rem 0}.service-activation h4{color:var(--text-primary);font-size:1rem;margin-bottom:1rem}.activation-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.activation-option{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1.5rem}.activation-toggle{flex-shrink:0;position:relative}.toggle-checkbox{opacity:0;position:absolute}.toggle-label{background:var(--border-color);border-radius:14px;cursor:pointer;display:block;height:28px;position:relative;transition:background-color .2s ease;width:50px}.toggle-slider{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;height:24px;left:2px;position:absolute;top:2px;transition:transform .2s ease;width:24px}.toggle-checkbox:checked+.toggle-label{background:var(--primary-color)}.toggle-checkbox:checked+.toggle-label .toggle-slider{transform:translateX(22px)}.activation-info{flex:1 1}.activation-title{color:var(--text-primary);font-weight:600;margin-bottom:.25rem}.activation-desc{color:var(--text-secondary);font-size:.9rem}.activation-details{border-top:1px solid var(--border-color);margin-top:1rem;padding-top:1rem}.activation-details h5{color:var(--text-primary);font-size:.95rem;font-weight:600;margin:0 0 .75rem}.activation-details ul{list-style:none;margin:0;padding:0}.activation-details li{color:var(--text-secondary);font-size:.9rem;padding:.25rem 0 .25rem 1rem;position:relative}.activation-details li:before{color:var(--primary-color);content:"•";left:0;position:absolute}.connection-test{margin:1.5rem 0}.connection-test h4{color:var(--text-primary);font-size:1rem;margin-bottom:1rem}.test-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.test-button-area{gap:1rem}.test-btn,.test-button-area{align-items:center;display:flex}.test-btn{background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:background-color .2s ease}.test-btn:hover{background:var(--primary-dark)}.test-btn svg{height:20px;width:20px}.test-info p{color:var(--text-secondary);font-size:.9rem;margin:0}.test-results{border-top:1px solid var(--border-color);padding-top:1.5rem}.test-results h5{color:var(--text-primary);font-size:.95rem;font-weight:600;margin:0 0 1rem}.test-item{align-items:flex-start;border-radius:8px;display:flex;gap:1rem;margin-bottom:.75rem;padding:.75rem}.test-item:last-child{margin-bottom:0}.test-item.success{background:#22c55e1a;border:1px solid #22c55e33}.test-item.warning{background:#fbbf241a;border:1px solid #fbbf2433}.test-item.error{background:#ef44441a;border:1px solid #ef444433}.test-icon{flex-shrink:0;font-size:1.2rem}.test-content{flex:1 1}.test-title{color:var(--text-primary);font-weight:600;margin-bottom:.25rem}.test-desc{color:var(--text-secondary);font-size:.9rem}.save-settings{margin:1.5rem 0}.setting-summary{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.setting-summary h4{color:var(--text-primary);font-size:1rem;margin:0 0 1rem}.summary-items{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-item{align-items:center;display:flex;justify-content:space-between;padding:.5rem 0}.summary-label{color:var(--text-secondary);font-size:.9rem}.summary-value{color:var(--text-primary);font-weight:600}.summary-value.test-mode{color:var(--primary-color)}.summary-value.active-status,.summary-value.connected{color:var(--success-color)}.save-actions{display:flex;gap:1rem;justify-content:flex-end;margin-bottom:1.5rem}.test-payment-guide{margin:1.5rem 0}.test-scenarios{margin-bottom:2rem}.test-scenarios h3{color:var(--text-primary);font-size:1.25rem;margin-bottom:1.5rem}.scenario-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.scenario-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.scenario-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.scenario-icon{font-size:2rem}.scenario-header h4{color:var(--text-primary);font-size:1.1rem;margin:0}.scenario-content p{color:var(--text-secondary);margin-bottom:1rem}.test-accounts,.test-cards,.test-simple-pay{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:1rem}.test-account,.test-card{color:var(--text-primary);font-family:Monaco,Consolas,monospace;font-size:.9rem;margin-bottom:.5rem}.test-account:last-child,.test-card:last-child{margin-bottom:0}.simple-pay-info{color:var(--text-secondary);font-size:.9rem;font-style:italic;text-align:center}.test-checklist{margin-top:2rem}.test-checklist h3{color:var(--text-primary);font-size:1.25rem;margin-bottom:1.5rem}.checklist-items{grid-gap:1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:1.5rem}.checklist-item{align-items:center;display:flex;gap:.75rem}.checklist-item input[type=checkbox]{accent-color:var(--primary-color)}.checklist-item label{color:var(--text-secondary);cursor:pointer;font-size:.9rem}.filter-demo-section{margin:2rem 0}.filter-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:2rem;padding:2rem}.filter-row{align-items:flex-start;display:flex;gap:2rem;margin-bottom:1.5rem}.filter-row:last-child{margin-bottom:0}.filter-group{flex:1 1;min-width:0}.filter-group.search-group{flex:2 1}.filter-label{color:var(--text-primary);display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.filter-input,.filter-select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9rem;padding:.75rem;transition:border-color .2s ease;width:100%}.filter-input:focus,.filter-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.filter-select{cursor:pointer}.date-range{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.date-input{flex:1 1}.date-separator{color:var(--text-secondary);font-weight:500}.quick-dates{display:flex;flex-wrap:wrap;gap:.5rem}.quick-date-btn{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.8rem;padding:.4rem .8rem;transition:all .2s ease}.quick-date-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.quick-date-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.search-input-wrapper{display:flex;position:relative}.search-input{flex:1 1;padding-right:3rem}.search-btn{background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:1.1rem;padding:.5rem;position:absolute;right:.5rem;top:50%;transform:translateY(-50%);transition:background-color .2s ease}.search-btn:hover{background:var(--hover-color)}.search-help{margin-top:.5rem}.search-help small{color:var(--text-secondary);font-size:.8rem}.filter-actions{border-top:1px solid var(--border-color);display:flex;gap:1rem;margin-top:1.5rem;padding-top:1.5rem}.advanced-filters{margin-top:2rem}.advanced-filter-panel{grid-gap:2rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:2rem}.advanced-filter-group h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:1rem}.checkbox-group{display:flex;flex-direction:column;gap:.75rem}.checkbox-item{align-items:center;cursor:pointer;display:flex}.checkbox-item input[type=checkbox]{accent-color:var(--primary-color);margin-right:.75rem}.checkbox-text{color:var(--text-secondary);font-size:.9rem}.radio-group{display:flex;flex-direction:column;gap:.75rem}.radio-item{align-items:center;cursor:pointer;display:flex}.radio-item input[type=radio]{accent-color:var(--primary-color);margin-right:.75rem}.radio-text{color:var(--text-secondary);font-size:.9rem}.amount-range{align-items:center;display:flex;gap:.5rem}.amount-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);flex:1 1;font-size:.9rem;padding:.75rem}.amount-separator{color:var(--text-secondary);font-weight:500}.currency{color:var(--text-secondary);font-size:.9rem}.table-controls{border-bottom:1px solid var(--border-color);justify-content:space-between;margin-bottom:1.5rem;padding:1rem 0}.table-controls,.table-info{align-items:center;display:flex}.table-info{gap:1rem}.result-count{color:var(--text-primary);font-size:.95rem}.date-range-info{background:var(--bg-secondary);border-radius:6px;color:var(--text-secondary);font-size:.9rem;padding:.25rem .75rem}.table-actions{display:flex;gap:.75rem}.payment-table-wrapper{border:1px solid var(--border-color);border-radius:12px;margin-bottom:2rem;overflow-x:auto}.payment-table{background:var(--bg-primary);border-collapse:collapse;font-size:.9rem;width:100%}.payment-table th{background:var(--bg-secondary);border-bottom:2px solid var(--border-color);color:var(--text-primary);font-weight:600;padding:1rem .75rem;text-align:left;white-space:nowrap}.payment-table th.sortable{cursor:pointer;position:relative;transition:background-color .2s ease}.payment-table th.sortable:hover{background:var(--hover-color)}.sort-icon{color:var(--text-secondary);font-size:.8rem;margin-left:.5rem}.payment-table td{border-bottom:1px solid var(--border-color);padding:1rem .75rem;vertical-align:top}.payment-row:hover{background:var(--hover-color)}.date-column .date-time{display:flex;flex-direction:column;gap:.2rem}.date-column .date{color:var(--text-primary);font-weight:600}.date-column .time{color:var(--text-secondary);font-size:.8rem}.customer-column .customer-info{display:flex;flex-direction:column;gap:.2rem}.customer-column .customer-name{color:var(--text-primary);font-weight:600}.customer-column .customer-email{color:var(--text-secondary);font-size:.8rem}.order-column .order-number{background:var(--bg-secondary);border-radius:4px;color:var(--text-primary);display:inline-block;font-family:Monaco,Consolas,monospace;font-size:.85rem;padding:.25rem .5rem}.product-column .product-name{color:var(--text-primary);font-weight:500}.payment-method-column .payment-method{display:flex;flex-direction:column;gap:.2rem}.payment-method .method-icon{margin-right:.5rem}.payment-method .method-text{color:var(--text-primary);font-weight:500}.payment-method .method-detail{color:var(--text-secondary);font-size:.8rem}.platform-badge{border-radius:16px;display:inline-block;font-size:.8rem;font-weight:500;min-width:60px;padding:.25rem .75rem;text-align:center}.platform-badge.web{background:#dbeafe;color:#1e40af}.platform-badge.mobile{background:#fef3c7;color:#d97706}.platform-badge.mobile-web{background:#dcfce7;color:#15803d}.amount-column .amount-info{align-items:flex-end;display:flex;flex-direction:column;gap:.2rem}.amount-column .amount{color:var(--text-primary);font-size:1rem;font-weight:600}.amount-column .refund-info{color:var(--error-color);font-size:.8rem;font-weight:500}.status-badge{border-radius:6px;display:inline-block;font-size:.8rem;font-weight:600;min-width:80px;padding:.35rem .8rem;text-align:center}.status-badge.success{background:#dcfce7;border:1px solid #22c55e33;color:#15803d}.status-badge.failed{background:#fee2e2;border:1px solid #ef444433;color:#dc2626}.status-badge.refunded{background:#f3f4f6;border:1px solid #6b728027;color:#6b7280}.status-badge.partial-refund{background:#fef3c7;border:1px solid #f59e0b33;color:#d97706}.status-badge.cancelled{background:#f1f5f9;border:1px solid #6b728027;color:#64748b}.btn-detail{background:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;padding:.4rem .8rem;transition:background-color .2s ease}.btn-detail:hover{background:var(--primary-dark)}.pagination{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;margin-top:2rem;padding-top:1.5rem}.pagination-numbers{align-items:center;display:flex;gap:.5rem}.pagination-btn{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;padding:.5rem 1rem;transition:all .2s ease}.pagination-btn:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-number{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;min-width:40px;padding:.5rem .75rem;text-align:center;transition:all .2s ease}.pagination-number:hover{border-color:var(--primary-color);color:var(--primary-color)}.pagination-number.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.pagination-dots{color:var(--text-secondary);padding:0 .5rem}.pagination-info{color:var(--text-secondary);font-size:.9rem}.payment-detail-demo{margin:2rem 0}.detail-modal{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 25px #0000001a;margin:0 auto;max-width:800px}.modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem 2rem}.modal-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:.25rem}.modal-close:hover{color:var(--text-primary)}.modal-content{padding:2rem}.detail-section{margin-bottom:2rem}.detail-section:last-child{margin-bottom:0}.detail-section h4{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.detail-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.detail-value{color:var(--text-primary);font-size:.95rem}.detail-value.amount-large{color:var(--primary-color);font-size:1.2rem;font-weight:600}.modal-actions{border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem}.status-explanations{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1.5rem}.status-explanation{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.status-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.status-header h4{color:var(--text-primary);font-size:1rem;margin:0}.status-content p{color:var(--text-secondary);margin-bottom:1rem}.status-content ul{list-style:none;padding:0}.status-content ul li{padding:.25rem 0 .25rem 1rem;position:relative}.status-content ul li:before{color:var(--primary-color);content:"•";left:0;position:absolute}.export-options{margin-top:1.5rem}.export-form{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:2rem}.export-section{margin-bottom:2rem}.export-section:last-child{margin-bottom:0}.export-section h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:1rem}.export-actions{align-items:flex-start;display:flex;flex-direction:column;gap:1rem}.export-info{margin-top:.5rem}.export-info small{color:var(--text-secondary);font-size:.8rem}.tips-list{display:flex;flex-direction:column;gap:1.5rem;margin-top:1.5rem}.tip-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.tip-item h4{color:var(--text-primary);font-size:1rem;margin:0 0 .75rem}.tip-item p{color:var(--text-secondary);line-height:1.6;margin:0}.security-guidelines{margin:20px 0}.security-item{background:var(--bg-secondary);border-left:4px solid var(--primary-color);border-radius:12px;margin-bottom:24px;padding:16px}.security-item:last-child{margin-bottom:0}.security-item h4{color:var(--text-primary);font-size:1.1rem;margin:0 0 12px}.security-item ul{margin:0;padding-left:20px}.security-item li{color:var(--text-secondary);font-size:.9rem;margin-bottom:8px}@media (max-width:1024px){.pg-details,.pg-options{grid-template-columns:1fr}.pg-details{gap:1rem}.mode-options{grid-template-columns:1fr}.filter-row,.table-controls{flex-direction:column;gap:1rem}.table-controls{align-items:flex-start}.table-actions{align-self:flex-end}.pagination{flex-direction:column;gap:1rem;text-align:center}.detail-grid,.status-explanations{grid-template-columns:1fr}}@media (max-width:768px){.pg-header{flex-direction:column;gap:1rem;text-align:center}.pg-option{padding:1.5rem}.checklist-items,.scenario-list,.summary-items{grid-template-columns:1fr}.payment-table-wrapper{font-size:.8rem}.payment-table td,.payment-table th{padding:.75rem .5rem}.advanced-filter-panel{grid-template-columns:1fr;padding:1.5rem}.modal-content{padding:1.5rem}.modal-actions{flex-direction:column;padding:1rem 1.5rem}.date-range{flex-direction:column;gap:.75rem}.quick-dates{justify-content:center}.filter-panel{padding:1.5rem}}@media (max-width:480px){.test-button-area{align-items:stretch;text-align:center}.save-actions,.test-button-area{flex-direction:column}.payment-table{font-size:.75rem}.payment-table td,.payment-table th{padding:.5rem .25rem}.filter-actions,.table-actions{flex-direction:column}.table-actions{width:100%}.pagination-numbers{flex-wrap:wrap;justify-content:center}}
/*# sourceMappingURL=main.5d1cc47f.css.map*/