/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 16 2025 | 01:53:01 */
        * {
            box-sizing: border-box !important;
        }
        
        .offshore-container {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif !important;
            line-height: 1.6 !important;
            color: #333 !important;
            max-width: 1200px !important;
            margin: 0 auto !important;
            padding: 20px !important;
            background: #ffffff !important;
        }
        
        .offshore-section {
            margin-bottom: 40px !important;
            padding: 30px !important;
            border: 1px solid #e5e7eb !important;
            border-radius: 12px !important;
            background: #ffffff !important;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
        }
        
        .offshore-title {
            color: #1e40af !important;
            font-size: 28px !important;
            font-weight: bold !important;
            margin-bottom: 20px !important;
            border-bottom: 3px solid #3b82f6 !important;
            padding-bottom: 10px !important;
        }
        
        .offshore-subtitle {
            color: #1e40af !important;
            font-size: 20px !important;
            font-weight: bold !important;
            margin: 25px 0 15px 0 !important;
        }
        
        .offshore-button {
            background: linear-gradient(135deg, #3b82f6, #1e40af) !important;
            color: #ffffff !important;
            padding: 12px 24px !important;
            border: none !important;
            border-radius: 8px !important;
            font-weight: bold !important;
            cursor: pointer !important;
            transition: all 0.3s ease !important;
            display: inline-block !important;
            text-decoration: none !important;
            text-align: center !important;
            margin: 5px !important;
        }
        
        .offshore-button:hover {
            background: linear-gradient(135deg, #2563eb, #1d4ed8) !important;
            transform: translateY(-2px) !important;
            box-shadow: 0 8px 15px rgba(59, 130, 246, 0.3) !important;
        }
        
        .offshore-button-secondary {
            background: #ffffff !important;
            color: #3b82f6 !important;
            border: 2px solid #3b82f6 !important;
        }
        
        .offshore-button-secondary:hover {
            background: #3b82f6 !important;
            color: #ffffff !important;
        }
        
        .offshore-input {
            width: 100% !important;
            padding: 12px !important;
            border: 2px solid #e5e7eb !important;
            border-radius: 8px !important;
            font-size: 16px !important;
            margin-bottom: 15px !important;
            transition: border-color 0.3s ease !important;
        }
        
        .offshore-input:focus {
            outline: none !important;
            border-color: #3b82f6 !important;
            box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1) !important;
        }
        
        .offshore-select {
            width: 100% !important;
            padding: 12px !important;
            border: 2px solid #e5e7eb !important;
            border-radius: 8px !important;
            font-size: 16px !important;
            margin-bottom: 15px !important;
            background: #ffffff !important;
        }
        
        .offshore-radio-group {
            display: flex !important;
            flex-wrap: wrap !important;
            gap: 15px !important;
            margin-bottom: 20px !important;
        }
        
        .offshore-radio-item {
            display: flex !important;
            align-items: center !important;
            background: #f8fafc !important;
            padding: 12px 16px !important;
            border-radius: 8px !important;
            border: 2px solid #e5e7eb !important;
            cursor: pointer !important;
            transition: all 0.3s ease !important;
            min-width: 120px !important;
        }
        
        .offshore-radio-item:hover {
            background: #eff6ff !important;
            border-color: #3b82f6 !important;
        }
        
        .offshore-radio-item input[type="radio"]:checked + label {
            background: #eff6ff !important;
            border-color: #3b82f6 !important;
            color: #1e40af !important;
        }
        
        .offshore-radio-item input[type="radio"] {
            margin-right: 8px !important;
        }
        
        .offshore-table {
            width: 100% !important;
            border-collapse: collapse !important;
            margin: 20px 0 !important;
            background: #ffffff !important;
        }
        
        .offshore-table th {
            background: linear-gradient(135deg, #3b82f6, #1e40af) !important;
            color: #ffffff !important;
            padding: 15px 10px !important;
            text-align: center !important;
            font-weight: bold !important;
            border: 1px solid #2563eb !important;
        }
        
        .offshore-table td {
            padding: 12px 10px !important;
            text-align: center !important;
            border: 1px solid #e5e7eb !important;
            vertical-align: middle !important;
        }
        
        .offshore-table tr:nth-child(even) {
            background: #f8fafc !important;
        }
        
        .offshore-table tr:hover {
            background: #eff6ff !important;
        }
        
        .offshore-result-box {
            background: linear-gradient(135deg, #eff6ff, #dbeafe) !important;
            border: 2px solid #3b82f6 !important;
            border-radius: 12px !important;
            padding: 25px !important;
            margin: 20px 0 !important;
            text-align: center !important;
        }
        
        .offshore-result-title {
            color: #1e40af !important;
            font-size: 22px !important;
            font-weight: bold !important;
            margin-bottom: 15px !important;
        }
        
        .offshore-result-text {
            font-size: 16px !important;
            line-height: 1.6 !important;
            margin-bottom: 20px !important;
        }
        
        .offshore-chart-container {
            height: 400px !important;
            margin: 20px 0 !important;
            padding: 20px !important;
            background: #f8fafc !important;
            border-radius: 8px !important;
        }
        
        .offshore-filter-bar {
            display: flex !important;
            flex-wrap: wrap !important;
            gap: 15px !important;
            margin-bottom: 25px !important;
            padding: 20px !important;
            background: #f8fafc !important;
            border-radius: 8px !important;
        }
        
        .offshore-compliance {
            background: #fff7ed !important;
            border: 2px solid #fb923c !important;
            border-radius: 8px !important;
            padding: 20px !important;
            margin: 30px 0 !important;
            font-size: 14px !important;
            line-height: 1.5 !important;
        }
        
        .offshore-compliance h4 {
            color: #c2410c !important;
            font-weight: bold !important;
            margin-bottom: 10px !important;
        }
        
        .offshore-line-button {
            background: #06c755 !important;
            color: #ffffff !important;
            padding: 15px 25px !important;
            border-radius: 8px !important;
            font-weight: bold !important;
            text-decoration: none !important;
            display: inline-flex !important;
            align-items: center !important;
            gap: 10px !important;
            margin: 10px 5px !important;
            transition: all 0.3s ease !important;
        }
        
        .offshore-line-button:hover {
            background: #05b34a !important;
            transform: translateY(-2px) !important;
        }
        
        .offshore-progress-bar {
            width: 100% !important;
            height: 8px !important;
            background: #e5e7eb !important;
            border-radius: 4px !important;
            margin: 20px 0 !important;
            overflow: hidden !important;
        }
        
        .offshore-progress-fill {
            height: 100% !important;
            background: linear-gradient(90deg, #3b82f6, #1e40af) !important;
            border-radius: 4px !important;
            transition: width 0.5s ease !important;
        }
        
        .offshore-step-indicator {
            display: flex !important;
            justify-content: space-between !important;
            margin-bottom: 30px !important;
        }
        
        .offshore-step {
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            flex: 1 !important;
        }
        
        .offshore-step-circle {
            width: 40px !important;
            height: 40px !important;
            border-radius: 50% !important;
            background: #e5e7eb !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            font-weight: bold !important;
            margin-bottom: 8px !important;
        }
        
        .offshore-step-circle.active {
            background: #3b82f6 !important;
            color: #ffffff !important;
        }
        
        .offshore-step-circle.completed {
            background: #10b981 !important;
            color: #ffffff !important;
        }
        
        .offshore-alert {
            background: #fef3c7 !important;
            border: 1px solid #f59e0b !important;
            border-radius: 8px !important;
            padding: 15px !important;
            margin: 20px 0 !important;
            display: flex !important;
            align-items: center !important;
            gap: 10px !important;
        }
        
        @media (max-width: 768px) {
            .offshore-container {
                padding: 10px !important;
            }
            
            .offshore-section {
                padding: 20px !important;
            }
            
            .offshore-title {
                font-size: 24px !important;
            }
            
            .offshore-filter-bar {
                flex-direction: column !important;
            }
            
            .offshore-table {
                font-size: 12px !important;
            }
            
            .offshore-table th,
            .offshore-table td {
                padding: 8px 5px !important;
            }
            
            .offshore-radio-group {
                flex-direction: column !important;
            }
            
            .offshore-step-indicator {
                flex-wrap: wrap !important;
            }
        }
        
        .hidden {
            display: none !important;
        }
        
        .show {
            display: block !important;
        }